:root {
    --el-color-primary: #C20C0C;
    --el-color-primary-light-3: rgb(206, 61, 61);
    --el-color-primary-light-5: #F2AB7D;
    --el-color-primary-light-7: #F5CAAE;
    --el-color-primary-light-8: #F6DAC7;
    --el-color-primary-light-9: #F8EAE0;
    --el-color-primary-dark-2: #B84901;
    --el-menu-base-level-padding: 10px;
    --el-menu-level-padding: 10px;
    --et-red: #C20C0C;
}

[v-cloak] {
    display: none !important;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

#app .el-loading-mask {
    z-index: 20000;
}

.def-icon {
    font-size: 24px;
}



.m-header {
    height: auto !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.m-search {
}

    .m-search > div {
        margin-right: 12px;
    }

    .m-search > label {
        display: inline-block;
    }

.m-search-input {
    width: 170px;
}


.m-main {
    padding: 10px 0px 0px 0px !important;
}


.m-cell-btns .cell {
    display: flex;
    flex-wrap: wrap;
}

.m-cell-btns button {
    padding: 2px 0 !important;
}

.m-input {
    width: 217px !important;
}

.el-dropdown {
    color: var(--el-color-primary);
    line-height: revert;
    cursor: pointer;
    margin-left: 12px;
}

:focus-visible {
    outline: none;
}

.tox-promotion {
    display: none;
}

.StrokeAnimation {
    text-decoration: none;
    position: relative;
    display: inline-block;
    height: 100%;
}

.StrokeAnimation:after {
    content: "";
    display: block;
    position: absolute;
}

.StrokeAnimation:before {
content: "";
display: block;
position: absolute;
}

.StrokeAnimation--border-line {
    background-color:transparent;
    border: 0;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 0px transparent;
}

.StrokeAnimation--border-line:after,
.StrokeAnimation--border-line:before {
    box-sizing: border-box;
    border: 2px solid transparent;
    width: 0;
    height: 0;
}

.StrokeAnimation--border-line:after {
    top: 0;
    left: 0;
    -webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
    transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}

.StrokeAnimation--border-line:before {
    bottom: 0;
    right: 0;
    -webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
    transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}

.StrokeAnimation--border-line:hover:after,
.StrokeAnimation--border-line:hover:before {
    width: 100%;
    height: 100%;
}

    .StrokeAnimation--border-line:hover:after {
        border-top-color: var(--el-color-primary);
        border-right-color: var(--el-color-primary);
        -webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
        transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
    }

    .StrokeAnimation--border-line:hover:before {
        border-bottom-color: var(--el-color-primary);
        border-left-color: var(--el-color-primary);
        -webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
        transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
    }