:root {
    /*@@@@@ پالت رنگ @@@@@*/
    --blue1: #CAF0F8;
    --blue2: #ADE8F4;
    --blue3: #90E0EF;
    --blue4: #48CAE4;
    --blue5: #00B4D8;
    --blue6: #0096C7;
    --blue7: #0077B6;
    --blue8: #023E8A;
    --blue9: #03045E;
    --blue10: #48cae480;
    --blue11: #2ea7be73;
    --blue12: #CAF0F8;
    --blue13: #944704;
    --blue14: #04814d;
    --blue15: #dee0dc;
    --blue16: #7b7a7a;
    --blue17: #9a9696;
    /*@@@@@@@رنگ متن@@@@@@*/
    --white: #ffffff;
    --black: #000;
    /*@@@@@@ دکمه ها@@@@@@@@*/
    --btn_red: #EE6352;
    --btn_red_hover: #CA5546;
    --btn_blue: #3FA7D6;
    --btn_blue_hover: #358BB3;
    --btn_green: #59CD90;
    --btn_green_hover: #4AAB77;
    --btn_cansel: #F79D84;
    --btn_cansel_hover: #D78771;
    --btn_violet: #815AC0;
    --btn_violet_hover: #7251B5;
    --btn_white: #ffffff;
    --btn_white_hover: #ffffffd9;
    --btn_download: #38B000;
    --btn_download_hover: #008000;
    --btn_upload: #0043ff;
    --btn_upload_hover: #0643ed;
    --btn_image: #1E6091;
    --btn_image_hover: #184E77;
    --btn_yellow: #f3d607;
}


.skin-info .nav-fill {
    //background-color: var(--blue5) !important;
}

    .skin-info .nav-fill a {
        color: var(--black) !important;
    }

.skin-info .nav-pills > li > a.active, .skin-info .nav-tabs .nav-link.active {
    color: var(--black) !important;
    //background-color: var(--blue6) !important;
}

    .skin-info .nav-pills > li > a.active a, .skin-info .nav-tabs .nav-link.active a {
        color: var(--white) !important;
    }

.skin-info .nav-fill .nav-item, .skin-info .nav-fill > .nav-link {
    border-radius: 0px !important;
}

.skin-info .tab-content {
    //border: 1px solid var(--blue7) !important;
    padding: 5px 15px !important
}

.skin-info .tab-pane {
    background-color: var(--blue1) !important;
    padding-top: 3px !important;
}

.skin-info .box-header {
    background-color: var(--blue5) !important;
    cursor: pointer !important;
    border: 0px !important;
}

.skin-info .box {
    background-color: var(--blue1) !important;
}

.skin-info .md-form input:not([type]):focus:not([readonly]), .skin-info .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .skin-info .md-form input[type="search-md"]:focus:not([readonly]), .skin-info .md-form textarea.md-textarea:focus:not([readonly]) {
    border: 1px solid var(--blue7) !important;
    background-color: var(--blue2) !important;
}

.skin-info .md-form .active:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, var(--blue1)) !important;
}

.skin-info .md-form label.activef {
    background-image: linear-gradient(0, transparent, 42%,red,42%, var(--blue1)) !important;
}

.skin-info .table-header {
    background-color: var(--blue6);
    width: 100%;
}

    .skin-info .table-header td {
        background-color: var(--blue6);
        border-radius: 0px;
        padding: 5px;
        padding: 5px 7px !important;
        margin-top: 19px !important;
        border: 2px solid white;
        color: white;
        border-bottom: 0px;
    }

.skin-info .modal .table-header td {
    color: black;
    border: 2px solid var(--blue1);
}

.skin-info .table-header td.hh {
    background-color: var(--blue8);
}

.skin-info .table-header td.mm {
    background-color: var(--blue2);
}


.skin-info .profile-table {
    margin-top: 7px !important;
}

.skin-info .top-board {
    margin-top: 20px;
    color: #6f7783;
}

    .skin-info .top-board a {
        color: var(--blue7) !important;
    }

    .skin-info .top-board span {
        cursor: not-allowed !important;
    }

        .skin-info .top-board span.hand {
            cursor: pointer !important;
            color: var(--blue7) !important;
        }

    .skin-info .top-board span, .skin-info .top-board i {
        color: #6f7783 !important;
    }

.skin-info .butr {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}

.skin-info .back-graya {
    background-color: var(--blue10) !important;
    border: 1px solid var(--blue4) !important;
    padding: 4px;
}

.skin-info .back-gray {
    background-color: var(--blue1) !important;
    border: 2px solid white;
    padding-right: 10px;
}

.skin-info .btn-red {
    background-color: var(--btn_red) !important;
    border: 1px solid var(--btn_red_hover);
}

    .skin-info .btn-red:hover, .skin-info .btn-red:active {
        background-color: var(--btn_red_hover) !important;
    }

.skin-info .btn-abi {
    background-color: var(--btn_blue) !important;
    border: 1px solid var(--btn_blue_hover);
}

    .skin-info .btn-abi:hover, .skin-info .btn-abi:active {
        background-color: var(--btn_blue_hover) !important;
    }

.skin-info .btn-sabz {
    background-color: var(--btn_green) !important;
    border: 1px solid var(--btn_green_hover);
}

    .skin-info .btn-sabz:hover, .skin-info .btn-sabz:active {
        background-color: var(--btn_green_hover) !important;
    }


.skin-info .btn-ghermez {
    background-color: var(--btn_cansel) !important;
    border: 1px solid var(--btn_cansel_hover);
}

    .skin-info .btn-ghermez:hover, .skin-info .btn-ghermez:active {
        background-color: var(--btn_cansel_hover) !important;
    }


.skin-info .gr .text-primary {
    color: var(--btn_violet) !important;
}

    .skin-info .gr .text-primary :hover {
        color: var(--btn_violet_hover) !important;
    }


.skin-info .gr .text-danger {
    color: var(--btn_red) !important;
}

.skin-info .md-form .prefix {
    color: var(--blue7) !important;
}


.skin-info .right_b {
    right: 3% !important;
    color: var(--blue7) !important;
    animation: beats .7s infinite alternate;
}

@keyframes beats {
    to {
        transform: scale(1.2);
    }
}


.skin-info .gr {
    color: black !important;
    background-color: var(--blue2) !important;
    border-radius: 5px;
    text-align: center;
}

    .skin-info .gr th {
        background-color: var(--blue4) !important;
        color: #fff !important;
        text-align: center;
        color: black !important;
        border-top: 1px solid var(--blue1) !important;
        border-right: 1px solid var(--blue1) !important;
        border-left: 1px solid var(--blue1) !important;
        border-bottom: 1px solid var(--blue1) !important;
    }

    .skin-info .gr td {
        border: 1px solid var(--blue1) !important;
        vertical-align: middle;
    }

.skin-info .width-high {
    background-color: var(--blue1) !important;
    border-top: 0 !important;
}

.skin-info table.table-hover tbody tr:hover {
    background-color: var(--blue3) !important;
}

.skin-info .icon-collapse::after {
    box-shadow: inset 0 0 0 1px var(--blue3);
}

.skin-info .icon-collapse:hover::before {
    box-shadow: inset 0 20px 0 0 var(--blue4), inset 0 -30px 0 0 var(--blue5);
    color: #fff;
}


/*@@ modal @@*/
.skin-info .modal-header {
    background-color: var(--blue3) !important;
    border: 2px solid white;
    color: white !important;
}

.skin-info .modal-body {
    background-color: var(--blue1) !important;
    border: 2px solid white;
    border-top: 0;
    border-bottom: 0;
}

.skin-info .modal-footer {
    background-color: var(--blue1) !important;
    border: 2px solid white !important;
    border-top: 0 !important;
}


.skin-info .mhm {
    background-color: var(--blue3) !important;
}

.skin-info .mhmd {
    background-color: var(--blue3) !important;
}

.skin-info .form-control:focus {
    border: 2px solid var(--blue3) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}


.skin-info .select2-dropdown {
    background-color: var(--blue7) !important;
    color: white !important;
}


.skin-info .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--blue9) !important;
    color: white !important;
}

.skin-info .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--blue8) !important;
    color: white !important;
}


.skin-info [type=radio].with-gap:checked + label:after, .skin-info [type=radio]:checked + label:after {
    background-color: var(--blue8) !important;
    z-index: 0;
}

.skin-info [type=radio].with-gap:checked + label:after, .skin-info [type=radio].with-gap:checked + label:before, .skin-info [type=radio]:checked + label:after {
    border: 2px solid var(--blue9) !important;
}

.skin-info .colorst_n {
    color: var(--btn_red) !important;
    font-size: 24px;
}

.skin-info .colorst {
    color: var(--btn_green) !important;
    font-size: 24px;
}

.skin-info .colorst_f {
    color: var(--btn_white) !important;
    font-size: 2em;
}

.skin-info .colorst_m {
    color: var(--btn_yellow) !important;
    font-size: 2em;
}

.skin-info .vahid {
    background-color: var(--blue10) !important;
    border: 1px solid var(--blue4) !important;
    padding: 20px;
    margin-bottom: 130px !important;
    margin-top: -7px;
}

.skin-info .table > tbody > tr > td, .skin-info .table > tbody > tr > th {
    color: var(--black) !important;
}

.skin-info .table_m > tbody > tr > td, .skin-info .table_m > tbody > tr > th {
    border: 1px solid var(--blue4) !important;
    color: var(--black) !important;
}

.skin-info .tit {
    width: 90px !important;
    color: var(--white) !important;
    background-color: var(--blue11) !important;
}

.skin-info .titm {
    color: var(--white) !important;
    background-color: var(--blue11) !important;
}


.skin-info .titf {
    width: 200px !important;
    color: var(--white) !important;
    background-color: var(--blue11) !important;
}


.skin-info .btn-default {
    background-color: var(--blue11) !important;
    transition-duration: 0.5s;
}

.skin-info .btn-app {
    border: 1px solid var(--blue4) !important;
}

    .skin-info .btn-app:hover {
        border: 1px solid var(--blue3) !important;
    }

.skin-info .btn {
    color: var(--white) !important;
}

.skin-info .btn-default:hover .fa, .skin-info .btn-default:hover .mdi {
    color: var(--blue2) !important;
    transform: scale(0.9);
    transition-duration: 0.5s;
}

.skin-info .btn-default:hover {
    background-color: var(--blue8) !important;
    transition-duration: 0.5s;
    color: var(--blue2) !important;
}

.skin-info .d {
    background-color: transparent !important;
}

.skin-info .titr {
    background-color: var(--blue1) !important;
    margin-top: -10px;
    margin-right: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--blue8) !important;
}

.skin-info .border {
    border: 2px solid var(--blue6) !important;
}

.skin-info [data-overlay]::before, .skin-info [data-overlay-light]::before {
    background: var(--blue8) !important;
}

.skin-info textarea {
    background: #f6f7f1 !important;
    border: 1px solid #087e8b !important;
}

.skin-info .form-control:focus {
    background: var(--blue2) !important;
    border: 1px solid var(--blue7) !important;
}

.skin-info .main-header .navbar {
    background-color: var(--blue6) !important;
}

.skin-info .mp-level {
    background: linear-gradient(to top left, #1488eb,#1488eb) !important;
}

.skin-info .bg-footer {
    background-color: var(--blue6) !important;
}

.skin-info .color-mp {
    color: var(--blue9) !important;
}

.skin-info .text-download {
    color: var(--btn_download) !important;
}

    .skin-info .text-download:hover {
        color: var(--btn_download_hover) !important;
    }

.skin-info .text-upload {
    color: var(--btn_upload) !important;
}

    .skin-info .text-upload:hover {
        color: var(--btn_upload_hover) !important;
    }

.skin-info .text-show {
    color: var(--btn_image) !important;
}

    .skin-info .text-show:hover {
        color: var(--btn_image_hover) !important;
    }

.skin-info .inboxkhn {
    background-color: #22b5ed;
}

.skin-info .inboxkh {
    background-color: #6dd0f6;
}

.skin-info .sweet-alert {
    background-color: var(--blue12) !important;
}

    .skin-info .sweet-alert .confirm {
        background-color: var(--blue14) !important;
        color: var(--blue15) !important;
    }

    .skin-info .sweet-alert p {
        color: var(--blue16) !important;
    }

    .skin-info .sweet-alert button.cancel {
        background-color: var(--blue17) !important;
    }

.skin-info .nav-item .nav-link:hover {
    background-color: var(--blue5) !important;
    border: 2px inset white;
}

.skin-info .nav-item .nav-link.active:hover {
    background-color: var(--blue1) !important;
}

.skin-info .nav-item .nav-link.active.tak-tab {
    background-color: var(--blue5) !important;
    background-image: repeating-linear-gradient( -45deg,rgba(255,255,255,0) 8%,rgba(255,255,255,0.075) 10%,rgba(255,255,255,0.075) 14%,rgba(255,255,255,0.15) 14%,rgba(255,255,255,0.15) 15%,rgba(255,255,255,0.075) 17%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 36%,rgba(255,255,255,0.075) 40%,rgba(255,255,255,0.15) 42%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 55%,rgba(255,255,255,0.075) 60%,rgba(255,255,255,0.075) 66%,rgba(255,255,255,0.15) 66%,rgba(255,255,255,0.075) 70%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%), radial-gradient(ellipse farthest-corner,transparent,rgba(0,0,0,0.2) 110%);
}

.skin-info .container .sidebarm {
    background: #1488eb;
}
/*   .skin-info .sweet-alert .sa-icon.sa-warning {
        background-color: var(--blue13) !important;
    }*/

.skin-info .info {
    background-color: var(--blue4) !important;
}

.skin-info .md-form .active.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #1488eb) !important;
}

.skin-info .md-form label.active.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #1488eb) !important;
}

.skin-info .md-form .activef.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #1488eb) !important;
}

.skin-info .md-form label.activef.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #1488eb) !important;
}
/*@@@@@@@@@@@@@@@@@@پایان تم اول@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ /**/
:root {
    /*@@@@@ پالت رنگ @@@@@*/
    --green1: #FFE169;
    --green2: #FAD643;
    --green3: #EDC531;
    --green4: #DBB42C;
    --green5: #C9A227;
    --green6: #C9A227;
    --green7: #B69121;
    --green8: #926C15;
    --green9: #805B10;
    --green10: #dbb42c9c;
    --green11: #c9a22785;
    --green12: #c9a22785;
    --green13: #ffe169;
    --green14: #944704;
    --green15: #04814d;
    --green16: #dee0dc;
    --green17: #7b7a7a;
    --green18: #9a9696;
    /*@@@@@@@رنگ متن@@@@@@*/
    --white: #ffffff;
    --black: #000;
    /*@@@@@@ دکمه ها@@@@@@@@*/
    --btn_red1: #EE6352;
    --btn_red_hover1: #CA5546;
    --btn_blue1: #3FA7D6;
    --btn_blue_hover1: #358BB3;
    --btn_green1: #59CD90;
    --btn_green_hover1: #4AAB77;
    --btn_cansel1: #F79D84;
    --btn_cansel_hover1: #D78771;
    --btn_violet1: #815AC0;
    --btn_violet_hover1: #7251B5;
    --btn_white1: #ffffff;
    --btn_white_hover1: #ffffffd9;
    --btn_download1: #38B000;
    --btn_download_hover1: #008000;
    --btn_upload1: #0043ff;
    --btn_upload_hover1: #0643ed;
    --btn_image1: #1E6091;
    --btn_image_hover1: #184E77;
    --btn_yellow1: #f3d607;
}


.skin-warning .nav-fill {
    //background-color: var(--green5) !important;
}

    .skin-warning .nav-fill a {
        color: var(--black) !important;
    }

.skin-warning .nav-pills > li > a.active, .skin-warning .nav-tabs .nav-link.active {
    color: var(--black) !important;
    //background-color: var(--green6) !important;
}

    .skin-warning .nav-pills > li > a.active a, .skin-warning .nav-tabs .nav-link.active a {
        color: var(--white) !important;
    }

.skin-warning .nav-fill .nav-item, .skin-warning .nav-fill > .nav-link {
    border-radius: 0px !important;
}

.skin-warning .tab-content {
    //border: 1px solid var(--green7) !important;
    padding: 5px 15px !important
}

.skin-warning .tab-pane {
    background-color: var(--green1) !important;
    padding-top: 3px !important;
}

.skin-warning .box-header {
    background-color: var(--green5) !important;
    cursor: pointer !important;
    border: 0px !important;
}

.skin-warning .box {
    background-color: var(--green1) !important;
}

.skin-warning .md-form input:not([type]):focus:not([readonly]), .skin-warning .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .skin-warning .md-form input[type="search-md"]:focus:not([readonly]), .skin-warning .md-form textarea.md-textarea:focus:not([readonly]) {
    border: 1px solid var(--green7) !important;
    background-color: var(--green2) !important;
}

.skin-warning .md-form .active:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, var(--green1)) !important;
}

.skin-warning .md-form label.activef {
    background-image: linear-gradient(0, transparent, 42%,red,42%, var(--green1)) !important;
}

.skin-warning .table-header {
    background-color: var(--green4);
    width: 100%;
}

    .skin-warning .table-header td {
        background-color: var(--green6);
        border-radius: 0px;
        padding: 5px;
        padding: 5px 7px !important;
        margin-top: 19px !important;
        border: 2px solid white;
        color: white;
        border-bottom: 0px;
    }

.skin-warning .modal .table-header td {
    color: black;
    border: 2px solid var(--green1);
}

.skin-warning .table-header td.hh {
    background-color: var(--green8);
}

.skin-warning .table-header td.mm {
    background-color: var(--green2);
}

.skin-warning .profile-table {
    margin-top: 7px !important;
}

.skin-warning .top-board {
    margin-top: 20px;
    color: #929daf;
}

    .skin-warning .top-board a {
        color: var(--green7) !important;
    }

    .skin-warning .top-board span {
        cursor: not-allowed !important;
    }

        .skin-warning .top-board span.hand {
            cursor: pointer !important;
            color: var(--green7) !important;
        }

    .skin-warning .top-board span, .skin-warning .top-board i {
        color: #929daf !important;
    }

.skin-warning .butr {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}

.skin-warning .back-graya {
    background-color: var(--green10) !important;
    border: 1px solid var(--green4) !important;
    padding: 4px;
}

.skin-warning .back-gray {
    background-color: var(--green1) !important;
    border: 2px solid white;
    padding-right: 10px;
}

.skin-warning .btn-red {
    background-color: var(--btn_red1) !important;
    border: 1px solid var(--btn_red_hover1);
}

    .skin-warning .btn-red:hover, .skin-warning .btn-red:active {
        background-color: var(--btn_red_hover1) !important;
    }

.skin-warning .btn-abi {
    background-color: var(--btn_blue1) !important;
    border: 1px solid var(--btn_blue_hover1);
}

    .skin-warning .btn-abi:hover, .skin-warning .btn-abi:active {
        background-color: var(--btn_blue_hover1) !important;
    }

.skin-warning .btn-sabz {
    background-color: var(--btn_green1) !important;
    border: 1px solid var(--btn_green_hover1);
}

    .skin-warning .btn-sabz:hover, .skin-warning .btn-sabz:active {
        background-color: var(--btn_green_hover1) !important;
    }


.skin-warning .btn-ghermez {
    background-color: var(--btn_cansel1) !important;
    border: 1px solid var(--btn_cansel_hover1);
}

    .skin-warning .btn-ghermez:hover, .skin-warning .btn-ghermez:active {
        background-color: var(--btn_cansel_hover1) !important;
    }


.skin-warning .gr .text-primary {
    color: var(--btn_violet1) !important;
}

    .skin-warning .gr .text-primary :hover {
        color: var(--btn_violet_hover1) !important;
    }


.skin-warning .gr .text-danger {
    color: var(--btn_red1) !important;
}

.skin-warning .md-form .prefix {
    color: var(--green7) !important;
}


.skin-warning .right_b {
    right: 3% !important;
    color: var(--green7) !important;
    animation: beats .7s infinite alternate;
}

@keyframes beats {
    to {
        transform: scale(1.2);
    }
}


.skin-warning .gr {
    color: black !important;
    background-color: var(--green2) !important;
    border-radius: 5px;
    text-align: center;
}

    .skin-warning .gr th {
        background-color: var(--green4) !important;
        color: #fff !important;
        text-align: center;
        color: black !important;
        border-top: 1px solid var(--green1) !important;
        border-right: 1px solid var(--green1) !important;
        border-left: 1px solid var(--green1) !important;
        border-bottom: 1px solid var(--green1) !important;
    }

    .skin-warning .gr td {
        border: 1px solid var(--green1) !important;
        vertical-align: middle;
    }

.skin-warning .width-high {
    background-color: var(--green1) !important;
    border-top: 0 !important;
}

.skin-warning table.table-hover tbody tr:hover {
    background-color: var(--green3) !important;
}

.skin-warning .icon-collapse::after {
    box-shadow: inset 0 0 0 1px var(--green3);
}

.skin-warning .icon-collapse:hover::before {
    box-shadow: inset 0 20px 0 0 var(--green4), inset 0 -30px 0 0 var(--green5);
    color: #fff;
}

.skin-warning .modal-header {
    background-color: var(--green3) !important;
    border: 2px solid white;
    color: white !important;
}

.skin-warning .modal-body {
    background-color: var(--green1) !important;
    border: 2px solid white;
    border-top: 0;
    border-bottom: 0;
}

.skin-warning .modal-footer {
    background-color: var(--green1) !important;
    border: 2px solid white !important;
    border-top: 0 !important;
}

.skin-warning .mhm {
    background-color: var(--green3) !important;
}

.skin-warning .mhmd {
    background-color: var(--green3) !important;
}

.skin-warning .form-control:focus {
    border: 2px solid var(--green3) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.skin-warning .select2-dropdown {
    background-color: var(--green7) !important;
}


.skin-warning .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--green9) !important;
    color: white;
}

.skin-warning .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--green8) !important;
    color: white !important;
}


.skin-warning [type=radio].with-gap:checked + label:after, .skin-warning [type=radio]:checked + label:after {
    background-color: var(--green8) !important;
    z-index: 0;
}

.skin-warning [type=radio].with-gap:checked + label:after, .skin-warning [type=radio].with-gap:checked + label:before, [type=radio]:checked + label:after {
    border: 2px solid var(--green9) !important;
}

.skin-warning .colorst_n {
    color: var(--btn_red1) !important;
    font-size: 24px !important;
}

.skin-warning .colorst {
    color: var(--btn_green1) !important;
    font-size: 24px !important;
}

.skin-warning .colorst_f {
    color: var(--btn_white1) !important;
    font-size: 2em;
}

.skin-warning .colorst_m {
    color: var(--btn_yellow1) !important;
    font-size: 2em;
}

.skin-warning .vahid {
    background-color: var(--green10) !important;
    border: 1px solid var(--green4) !important;
    padding: 20px;
    margin-bottom: 130px !important;
    margin-top: -7px;
}

.skin-warning .table > tbody > tr > td, .skin-warning .table > tbody > tr > th {
    color: var(--black) !important;
}

.skin-warning .table_m > tbody > tr > td, .skin-warning .table_m > tbody > tr > th {
    border: 1px solid var(--green4) !important;
    color: var(--black) !important;
}

.skin-warning .tit {
    width: 90px !important;
    color: var(--white) !important;
    background-color: var(--green11) !important;
}

.skin-warning .titm {
    color: var(--white) !important;
    background-color: var(--green11) !important;
}

.skin-warning .titf {
    width: 200px !important;
    color: var(--white) !important;
    background-color: var(--green11) !important;
}

.skin-warning .btn-default {
    background-color: var(--green11) !important;
    transition-duration: 0.5s;
}

.skin-warning .btn-app {
    border: 1px solid var(--green4) !important;
}

    .skin-warning .btn-app:hover {
        border: 1px solid var(--green3) !important;
    }

.skin-warning .btn {
    color: var(--white) !important;
}

.skin-warning .btn-default:hover .fa, .skin-warning .btn-default:hover .mdi {
    color: var(--green2) !important;
    transform: scale(0.9);
    transition-duration: 0.5s;
}

.skin-warning .btn-default:hover {
    background-color: var(--green8) !important;
    transition-duration: 0.5s;
    color: var(--green2) !important;
}

.skin-warning .d {
    background-color: transparent !important;
}

.skin-warning .titr {
    background-color: var(--green1) !important;
    margin-top: -10px;
    margin-right: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--green8) !important;
}

.skin-warning .border {
    border: 2px solid var(--green6) !important;
}

.skin-warning [data-overlay]::before, [data-overlay-light]::before {
    background: var(--green8) !important;
}

.skin-warning textarea {
    background: #f6f7f1 !important;
    border: 1px solid #087e8b !important;
}

.skin-warning .form-control:focus {
    background: var(--green2) !important;
    border: 1px solid var(--green7) !important;
}

.skin-warning .main-header .navbar {
    background-color: var(--green6) !important;
}

.skin-warning .mp-level {
    background: linear-gradient(to top left, #f8cb49f5,#f8cb49f5) !important;
}

.skin-warning .bg-footer {
    background-color: var(--green6) !important;
}

.skin-warning .color-mp {
    color: var(--green9) !important;
}

.skin-warning .text-download {
    color: var(--btn_download1) !important;
}

    .skin-warning .text-download:hover {
        color: var(--btn_download_hover1) !important;
    }

.skin-warning .text-upload {
    color: var(--btn_upload1) !important;
}

    .skin-warning .text-upload:hover {
        color: var(--btn_upload_hover1) !important;
    }

.skin-warning .text-show {
    color: var(--btn_image1) !important;
}

    .skin-warning .text-show:hover {
        color: var(--btn_image_hover1) !important;
    }

.skin-warning .inboxkhn {
    background-color: #ca9c08;
}

.skin-warning .inboxkh {
    background-color: #e9c40d;
}

.skin-warning .sweet-alert {
    background-color: var(--green14) !important;
}

/* .skin-warning .sweet-alert .confirm {
        background-color: red !important;
        color: chartreuse !important;
    }*/
.skin-warning .sweet-alert {
    background-color: var(--green13) !important;
}

    .skin-warning .sweet-alert .confirm {
        background-color: var(--green15) !important;
        color: var(--green16) !important;
    }

    .skin-warning .sweet-alert p {
        color: var(--green17) !important;
    }

    .skin-warning .sweet-alert button.cancel {
        background-color: var(--green18) !important;
    }

.skin-warning .nav-item .nav-link:hover {
    background-color: var(--green5) !important;
    border: 2px inset white;
}

.skin-warning .nav-item .nav-link.active:hover {
    background-color: var(--green1) !important;
}

.skin-warning .nav-item .nav-link.active.tak-tab {
    background-color: var(--green5) !important;
    background-image: repeating-linear-gradient( -45deg,rgba(255,255,255,0) 8%,rgba(255,255,255,0.075) 10%,rgba(255,255,255,0.075) 14%,rgba(255,255,255,0.15) 14%,rgba(255,255,255,0.15) 15%,rgba(255,255,255,0.075) 17%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 36%,rgba(255,255,255,0.075) 40%,rgba(255,255,255,0.15) 42%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 55%,rgba(255,255,255,0.075) 60%,rgba(255,255,255,0.075) 66%,rgba(255,255,255,0.15) 66%,rgba(255,255,255,0.075) 70%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%), radial-gradient(ellipse farthest-corner,transparent,rgba(0,0,0,0.2) 110%);
}

.skin-warning .container .sidebarm {
    background: #f8cb49f5;
}

.skin-warning .info {
    background-color: var(--green4) !important;
}

.skin-warning .md-form .active.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #f8cb49f5) !important;
}

.skin-warning .md-form label.active.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #f8cb49f5) !important;
}

.skin-warning .md-form .activef.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #f8cb49f5) !important;
}

.skin-warning .md-form label.activef.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #f8cb49f5) !important;
}

/*@@@@@@@@@@@@@@@@@@پایان تم دوم@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ /**/




/*@@@@@@@@@@@@@@@@@@پایان تم اول@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ /**/


:root {
    /*@@@@@ پالت رنگ @@@@@*/
    --gray1: #E0E2DB;
    --gray2: #D2D4C8;
    --gray3: #B8BDB5;
    --gray4: #84878b;
    --gray5: #A7ACA3;
    --gray6: #889696;
    --gray7: #5F7470;
    --gray8: #4E5D5B;
    --gray9: #374241;
    --gray10: #84878b91;
    --gray11: #8e938a5c;
    --gray12: #8e938a5c;
    --gray13: #E0E2DB;
    --gray14: #944704;
    --gray15: #04814d;
    --gray16: #dee0dc;
    --gray17: #7b7a7a;
    --gray18: #9a9696;
    /*@@@@@@@رنگ متن@@@@@@*/
    --white: #ffffff;
    --black: #000;
    /*@@@@@@ دکمه ها@@@@@@@@*/
    --btn_red2: #EE6352;
    --btn_red_hover2: #CA5546;
    --btn_blue2: #3FA7D6;
    --btn_blue_hover2: #358BB3;
    --btn_green2: #59CD90;
    --btn_green_hover2: #4AAB77;
    --btn_cansel2: #F79D84;
    --btn_cansel_hover2: #D78771;
    --btn_violet2: #815AC0;
    --btn_violet_hover2: #7251B5;
    --btn_white2: #ffffff;
    --btn_white_hover2: #ffffffd9;
    --btn_download2: #38B000;
    --btn_download_hover2: #008000;
    --btn_upload2: #0043ff;
    --btn_upload_hover2: #0643ed;
    --btn_image2: #1E6091;
    --btn_image_hover2: #184E77;
    --btn_yellow2: #f3d607;
}


.skin-black .nav-fill {
    //background-color: var(--gray5) !important;
}

    .skin-black .nav-fill a {
        color: var(--black) !important;
    }

.skin-black .nav-pills > li > a.active, .skin-black .nav-tabs .nav-link.active {
    color: var(--black) !important;
    //background-color: var(--gray6) !important;
}

    .skin-black .nav-pills > li > a.active a, .skin-black .nav-tabs .nav-link.active a {
        color: var(--white) !important;
    }

.skin-black .nav-fill .nav-item, .skin-black .nav-fill > .nav-link {
    border-radius: 0px !important;
}

.skin-black .tab-content {
    //border: 1px solid var(--gray7) !important;
    padding: 5px 15px !important
}

.skin-black .tab-pane {
    background-color: var(--gray1) !important;
    padding-top: 3px !important;
}

.skin-black .box-header {
    background-color: var(--gray5) !important;
    cursor: pointer !important;
    border: 0px !important;
}

.skin-black .box {
    background-color: var(--gray1) !important;
}

.skin-black .md-form input:not([type]):focus:not([readonly]), .skin-black .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .skin-black .md-form input[type="search-md"]:focus:not([readonly]), .skin-black .md-form textarea.md-textarea:focus:not([readonly]) {
    border: 1px solid var(--gray7) !important;
    background-color: var(--gray2) !important;
}

.skin-black .md-form .active:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, var(--gray1)) !important;
}

.skin-black .md-form label.activef {
    background-image: linear-gradient(0, transparent, 42%,red,42%, var(--gray1)) !important;
}

.skin-black .table-header {
    background-color: var(--gray6);
    width: 100%;
}

    .skin-black .table-header td {
        background-color: var(--gray6);
        border-radius: 0px;
        padding: 5px;
        padding: 5px 7px !important;
        margin-top: 19px !important;
        border: 2px solid white;
        color: white;
        border-bottom: 0px;
    }

.skin-black .modal .table-header td {
    color: black;
    border: 2px solid var(--gray1);
}

.skin-black .table-header td.hh {
    background-color: var(--gray8);
}

.skin-black .table-header td.mm {
    background-color: var(--gray2);
}


.skin-black .profile-table {
    margin-top: 7px !important;
}

.skin-black .top-board {
    margin-top: 20px;
    color: #717883;
}

    .skin-black .top-board a {
        color: var(--gray7) !important;
    }

    .skin-black .top-board span {
        cursor: not-allowed !important;
    }

        .skin-black .top-board span.hand {
            cursor: pointer !important;
            color: var(--gray7) !important;
        }

    .skin-black .top-board span, .skin-black .top-board i {
        color: #717883 !important;
    }

.skin-black .butr {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}

.skin-black .back-graya {
    background-color: var(--gray10) !important;
    border: 1px solid var(--gray4) !important;
    padding: 4px;
}

.skin-black .back-gray {
    background-color: var(--gray1) !important;
    border: 2px solid white;
    padding-right: 10px;
    // border-top-color: var(--gray7) !important;
}

.skin-black .btn-red {
    background-color: var(--btn_red2) !important;
    border: 1px solid var(--btn_red_hover2);
}

    .skin-black .btn-red:hover, .skin-black .btn-red:active {
        background-color: var(--btn_red_hover2) !important;
    }

.skin-black .btn-abi {
    background-color: var(--btn_blue2) !important;
    border: 1px solid var(--btn_blue_hover2);
}

    .skin-black .btn-abi:hover, .skin-black .btn-abi:active {
        background-color: var(--btn_blue_hover2) !important;
    }

.skin-black .btn-sabz {
    background-color: var(--btn_green2) !important;
    border: 1px solid var(--btn_green_hover2);
}

    .skin-black .btn-sabz:hover, .skin-black .btn-sabz:active {
        background-color: var(--btn_green_hover2) !important;
    }


.skin-black .btn-ghermez {
    background-color: var(--btn_cansel2) !important;
    border: 1px solid var(--btn_cansel_hover2);
}

    .skin-black .btn-ghermez:hover, .skin-black .btn-ghermez:active {
        background-color: var(--btn_cansel_hover2) !important;
    }


.skin-black .gr .text-primary {
    color: var(--btn_violet2) !important;
}

    .skin-black .gr .text-primary :hover {
        color: var(--btn_violet_hover2) !important;
    }


.skin-black .gr .text-danger {
    color: var(--btn_red2) !important;
}

.skin-black .md-form .prefix {
    color: var(--gray7) !important;
}


.skin-black .right_b {
    right: 3% !important;
    color: var(--gray7) !important;
    animation: beats .7s infinite alternate;
}

@keyframes beats {
    to {
        transform: scale(1.2);
    }
}


.skin-black .gr {
    color: black !important;
    background-color: var(--gray2) !important;
    border-radius: 5px;
    text-align: center;
}

    .skin-black .gr th {
        background-color: var(--gray4) !important;
        color: #fff !important;
        text-align: center;
        color: black !important;
        border-top: 1px solid var(--gray1) !important;
        border-right: 1px solid var(--gray1) !important;
        border-left: 1px solid var(--gray1) !important;
        border-bottom: 1px solid var(--gray1) !important;
    }

    .skin-black .gr td {
        border: 1px solid var(--gray1) !important;
        vertical-align: middle;
    }

.skin-black .width-high {
    background-color: var(--gray1) !important;
    border-top: 0 !important;
}

.skin-black table.table-hover tbody tr:hover {
    background-color: var(--gray3) !important;
}

.skin-black .icon-collapse::after {
    box-shadow: inset 0 0 0 1px var(--gray3);
}

.skin-black .icon-collapse:hover::before {
    box-shadow: inset 0 20px 0 0 var(--gray4), inset 0 -30px 0 0 var(--gray5);
    color: #fff;
}


.skin-black .modal-header {
    background-color: var(--gray3) !important;
    border: 2px solid white;
    color: white !important;
}

.skin-black .modal-body {
    background-color: var(--gray1) !important;
    border: 2px solid white;
    border-top: 0;
    border-bottom: 0;
}

.skin-black .modal-footer {
    background-color: var(--gray1) !important;
    border: 2px solid white !important;
    border-top: 0 !important;
}

.skin-black .mhm {
    background-color: var(--gray3) !important;
}

.skin-black .mhmd {
    background-color: var(--gray3) !important;
}

.skin-black .form-control:focus {
    border: 2px solid var(--gray3) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.skin-black .select2-dropdown {
    background-color: var(--gray7) !important;
}

.skin-black .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--gray9) !important;
    color: white;
}


.skin-black .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--gray8) !important;
    color: white !important;
}

.skin-black [type=radio].with-gap:checked + label:after, .skin-black [type=radio]:checked + label:after {
    background-color: var(--gray8) !important;
    z-index: 0;
}

.skin-black [type=radio].with-gap:checked + label:after, .skin-black [type=radio].with-gap:checked + label:before, [type=radio]:checked + label:after {
    border: 2px solid var(--gray9) !important;
}

.skin-black .colorst_n {
    color: var(--btn_red2) !important;
    font-size: 24px !important;
}

.skin-black .colorst {
    color: var(--btn_green2) !important;
    font-size: 24px !important;
}

.skin-black .colorst_f {
    color: var(--btn_white2) !important;
    font-size: 2em;
}

.skin-black .colorst_m {
    color: var(--btn_yellow2) !important;
    font-size: 2em;
}


.skin-black .vahid {
    background-color: var(--gray10) !important;
    border: 1px solid var(--gray4) !important;
    padding: 20px;
    margin-bottom: 130px !important;
    margin-top: -7px;
}

.skin-black .table > tbody > tr > td, .skin-black .table > tbody > tr > th {
    color: var(--black) !important;
}

.skin-black .table_m > tbody > tr > td, .skin-black .table_m > tbody > tr > th {
    border: 1px solid var(--gray4) !important;
    color: var(--black) !important;
}

.skin-black .tit {
    width: 90px !important;
    color: var(--white) !important;
    background-color: var(--gray11) !important;
}

.skin-black .titm {
    color: var(--white) !important;
    background-color: var(--gray11) !important;
}

.skin-black .titf {
    width: 200px !important;
    color: var(--white) !important;
    background-color: var(--gray11) !important;
}

.skin-black .btn-default {
    background-color: var(--gray11) !important;
    transition-duration: 0.5s;
}

.skin-black .btn-app {
    border: 1px solid var(--gray4) !important;
}

    .skin-black .btn-app:hover {
        border: 1px solid var(--gray3) !important;
    }

.skin-black .btn {
    color: var(--white) !important;
}

.skin-black .btn-default:hover .fa, .skin-black .btn-default:hover .mdi {
    color: var(--gray2) !important;
    transform: scale(0.9);
    transition-duration: 0.5s;
}

.skin-black .btn-default:hover {
    background-color: var(--gray8) !important;
    transition-duration: 0.5s;
    color: var(--gray2) !important;
}

.skin-black .d {
    background-color: transparent !important;
}

.skin-black .titr {
    background-color: var(--gray1) !important;
    margin-top: -10px;
    margin-right: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--gray8) !important;
}

.skin-black .border {
    border: 2px solid var(--gray6) !important;
}

.skin-black [data-overlay]::before, [data-overlay-light]::before {
    background: var(--gray8) !important;
}

.control-sidebar .tab-pane {
    background-color: transparent !important;
}

.control-sidebar .tab-content {
    border: 0px !important;
}

#control-sidebar-theme-demo-options-tab {
    background-color: transparent !important;
}

.skin-black textarea {
    background: #f6f7f1 !important;
    border: 1px solid #087e8b !important;
}

.skin-black .form-control:focus {
    background: var(--gray2) !important;
    border: 1px solid var(--gray7) !important;
}

.skin-black .main-header .navbar {
    background-color: var(--gray6) !important;
}

.skin-black .mp-level {
    background: linear-gradient(to top left, #d3d7d7,#d3d7d7) !important;
}

.skin-black .bg-footer {
    background-color: var(--gray6) !important;
}

.skin-black .color-mp {
    color: var(--gray9) !important;
}

.skin-black .text-download {
    color: var(--btn_download2) !important;
}

    .skin-black .text-download:hover {
        color: var(--btn_download_hover2) !important;
    }

.skin-black .text-upload {
    color: var(--btn_upload2) !important;
}

    .skin-black .text-upload:hover {
        color: var(--btn_upload_hover2) !important;
    }

.skin-black .text-show {
    color: var(--btn_image2) !important;
}

    .skin-black .text-show:hover {
        color: var(--btn_image_hover2) !important;
    }

.skin-black .inboxkhn {
    background-color: #8d8b8b;
}

.skin-black .inboxkh {
    background-color: #cac6c6;
}

.skin-black .nav-item .nav-link:hover {
    background-color: var(--gray5) !important;
    border: 2px inset white;
}

.skin-black .nav-item .nav-link.active:hover {
    background-color: var(--gray1) !important;
}

.skin-black .sweet-alert {
    background-color: var(--gray13) !important;
}

    .skin-black .sweet-alert .confirm {
        background-color: var(--gray15) !important;
        color: var(--gray16) !important;
    }

    .skin-black .sweet-alert p {
        color: var(--gray17) !important;
    }

    .skin-black .sweet-alert button.cancel {
        background-color: var(--gray18) !important;
    }


.skin-black .nav-item .nav-link.active.tak-tab {
    background-color: var(--gray5) !important;
    background-image: repeating-linear-gradient( -45deg,rgba(255,255,255,0) 8%,rgba(255,255,255,0.075) 10%,rgba(255,255,255,0.075) 14%,rgba(255,255,255,0.15) 14%,rgba(255,255,255,0.15) 15%,rgba(255,255,255,0.075) 17%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 36%,rgba(255,255,255,0.075) 40%,rgba(255,255,255,0.15) 42%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 55%,rgba(255,255,255,0.075) 60%,rgba(255,255,255,0.075) 66%,rgba(255,255,255,0.15) 66%,rgba(255,255,255,0.075) 70%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%), radial-gradient(ellipse farthest-corner,transparent,rgba(0,0,0,0.2) 110%);
}

.skin-black .container .sidebarm {
    background: #d3d7d7;
}

.skin-black .info {
    background-color: var(--gray4) !important;
}

.skin-black .md-form .active.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #d3d7d7) !important;
}

.skin-black .md-form label.active.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #d3d7d7) !important;
}

.skin-black .md-form .activef.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #d3d7d7) !important;
}

.skin-black .md-form label.activef.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #d3d7d7) !important;
}



/*@@@@@@@@@@@@@@@@@@پایان تم سوم@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ /**/
:root {
    /*@@@@@ پالت رنگ @@@@@*/
    --success1: #97d5b3;
    --success2: #81d1a5;
    --success3: #70d39c;
    --success4: #14b296;
    --success5: #167867;
    --success6: #36bea6;
    --success7: #06594b;
    --success8: #1ea38c;
    --success9: #21593c;
    --success10: #11c2a361;
    --success11: #11c2a37a;
    --success12: #11c2a37a;
    --success13: #97d5b3;
    --success14: #944704;
    --success15: #04814d;
    --success16: #dee0dc;
    --success17: #7b7a7a;
    --success18: #9a9696;
    /*@@@@@@@رنگ متن@@@@@@*/
    --white: #ffffff;
    --black: #000;
    /*@@@@@@ دکمه ها@@@@@@@@*/
    --btn_red3: #EE6352;
    --btn_red_hover3: #CA5546;
    --btn_blue3: #3FA7D6;
    --btn_blue_hover3: #358BB3;
    --btn_green3: #59CD90;
    --btn_green_hover3: #4AAB77;
    --btn_cansel3: #F79D84;
    --btn_cansel_hover3: #D78771;
    --btn_violet3: #815AC0;
    --btn_violet_hover3: #7251B5;
    --btn_white3: #ffffff;
    --btn_white_hover3: #ffffffd9;
    --btn_download3: #38B000;
    --btn_download_hover3: #008000;
    --btn_upload3: #0043ff;
    --btn_upload_hover3: #0643ed;
    --btn_image3: #1E6091;
    --btn_image_hover3: #184E77;
    --btn_yellow3: #f3d607;
}


.skin-success .nav-fill {
    //background-color: var(--success5) !important;
}

    .skin-success .nav-fill a {
        color: var(--black) !important;
    }

.skin-success .nav-pills > li > a.active, .skin-success .nav-tabs .nav-link.active {
    color: var(--black) !important;
    //background-color: var(--success6) !important;
}

    .skin-success .nav-pills > li > a.active a, .skin-success .nav-tabs .nav-link.active a {
        color: var(--white) !important;
    }

.skin-success .nav-fill .nav-item, .skin-success .nav-fill > .nav-link {
    border-radius: 0px !important;
}

.skin-success .tab-content {
    //border: 1px solid var(--success7) !important;
    padding: 5px 15px !important
}

.skin-success .tab-pane {
    background-color: var(--success1) !important;
    padding-top: 3px !important;
}

.skin-success .box-header {
    background-color: var(--success5) !important;
    cursor: pointer !important;
    border: 0px !important;
}

.skin-success .box {
    background-color: var(--success1) !important;
}

.skin-success .md-form input:not([type]):focus:not([readonly]), .skin-success .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .skin-success .md-form input[type="search-md"]:focus:not([readonly]), .skin-success .md-form textarea.md-textarea:focus:not([readonly]) {
    border: 1px solid var(--success7) !important;
    background-color: var(--success2) !important;
}

.skin-success .md-form .active:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, var(--success1)) !important;
}

.skin-success .md-form label.activef {
    background-image: linear-gradient(0, transparent, 42%,red,42%, var(--success1)) !important;
}

.skin-success .table-header {
    background-color: var(--success6);
    width: 100%;
}

    .skin-success .table-header td {
        background-color: var(--success6);
        border-radius: 0px;
        padding: 5px;
        padding: 5px 7px !important;
        margin-top: 19px !important;
        border: 2px solid white;
        color: white;
        border-bottom: 0px;
    }

.skin-success .modal .table-header td {
    color: black;
    border: 2px solid var(--success1);
}

.skin-success .table-header td.hh {
    background-color: var(--success8);
}

.skin-success .table-header td.mm {
    background-color: var(--success2);
}


.skin-success .profile-table {
    margin-top: 7px !important;
}

.skin-success .top-board {
    margin-top: 20px;
    color: #707172;
}

    .skin-success .top-board a {
        color: var(--success7) !important;
    }

    .skin-success .top-board span {
        cursor: not-allowed !important;
    }

        .skin-success .top-board span.hand {
            cursor: pointer !important;
            color: var(--success7) !important;
        }

    .skin-success .top-board span, .skin-success .top-board i {
        color: #707172 !important;
    }

.skin-success .butr {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}

.skin-success .back-graya {
    background-color: var(--success10) !important;
    border: 1px solid var(--success4) !important;
    padding: 4px;
}

.skin-success .back-gray {
    background-color: var(--success1) !important;
    border: 2px solid white;
    padding-right: 10px;
    // border-top-color: var(--gray7) !important;
}

.skin-success .btn-red {
    background-color: var(--btn_red3) !important;
    border: 1px solid var(--btn_red_hover3);
}

    .skin-success .btn-red:hover, .skin-success .btn-red:active {
        background-color: var(--btn_red_hover3) !important;
    }

.skin-success .btn-abi {
    background-color: var(--btn_blue3) !important;
    border: 1px solid var(--btn_blue_hover3);
}

    .skin-success .btn-abi:hover, .skin-success .btn-abi:active {
        background-color: var(--btn_blue_hover3) !important;
    }

.skin-success .btn-sabz {
    background-color: var(--btn_green3) !important;
    border: 1px solid var(--btn_green_hover3);
}

    .skin-success .btn-sabz:hover, .skin-success .btn-sabz:active {
        background-color: var(--btn_green_hover3) !important;
    }


.skin-success .btn-ghermez {
    background-color: var(--btn_cansel3) !important;
    border: 1px solid var(--btn_cansel_hover3);
}

    .skin-success .btn-ghermez:hover, .skin-success .btn-ghermez:active {
        background-color: var(--btn_cansel_hover3) !important;
    }


.skin-success .gr .text-primary {
    color: var(--btn_violet3) !important;
}

    .skin-success .gr .text-primary :hover {
        color: var(--btn_violet_hover3) !important;
    }


.skin-success .gr .text-danger {
    color: var(--btn_red3) !important;
}

.skin-success .md-form .prefix {
    color: var(--success7) !important;
}


.skin-success .right_b {
    right: 3% !important;
    color: var(--success7) !important;
    animation: beats .7s infinite alternate;
}

@keyframes beats {
    to {
        transform: scale(1.2);
    }
}


.skin-success .gr {
    color: black !important;
    background-color: var(--success2) !important;
    border-radius: 5px;
    text-align: center;
}

    .skin-success .gr th {
        background-color: var(--success4) !important;
        color: #fff !important;
        text-align: center;
        color: black !important;
        border-top: 1px solid var(--success1) !important;
        border-right: 1px solid var(--success1) !important;
        border-left: 1px solid var(--success1) !important;
        border-bottom: 1px solid var(--success1) !important;
    }

    .skin-success .gr td {
        border: 1px solid var(--success1) !important;
        vertical-align: middle;
    }

.skin-success .width-high {
    background-color: var(--success1) !important;
    border-top: 0 !important;
}

.skin-success table.table-hover tbody tr:hover {
    background-color: var(--success3) !important;
}

.skin-success .icon-collapse::after {
    box-shadow: inset 0 0 0 1px var(--success3);
}

.skin-success .icon-collapse:hover::before {
    box-shadow: inset 0 20px 0 0 var(--success4), inset 0 -30px 0 0 var(--success5);
    color: #fff;
}


.skin-success .modal-header {
    background-color: var(--success3) !important;
    border: 2px solid white;
    color: white !important;
}

.skin-success .modal-body {
    background-color: var(--success1) !important;
    border: 2px solid white;
    border-top: 0;
    border-bottom: 0;
}

.skin-success .modal-footer {
    background-color: var(--success1) !important;
    border: 2px solid white !important;
    border-top: 0 !important;
}

.skin-success .mhm {
    background-color: var(--success3) !important;
}

.skin-success .mhmd {
    background-color: var(--success3) !important;
}

.skin-success .form-control:focus {
    border: 2px solid var(--success3) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.skin-success .select2-dropdown {
    background-color: var(--success7) !important;
}

.skin-success .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--success9) !important;
    color: white;
}


.skin-success .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--success8) !important;
    color: white !important;
}

.skin-success [type=radio].with-gap:checked + label:after, .skin-success [type=radio]:checked + label:after {
    background-color: var(--success8) !important;
    z-index: 0;
}

.skin-success [type=radio].with-gap:checked + label:after, .skin-success [type=radio].with-gap:checked + label:before, [type=radio]:checked + label:after {
    border: 2px solid var(--success9) !important;
}

.skin-success .colorst_n {
    color: var(--btn_red3) !important;
    font-size: 24px !important;
}

.skin-success .colorst {
    color: var(--btn_green3) !important;
    font-size: 24px !important;
}

.skin-success .colorst_f {
    color: var(--btn_white3) !important;
    font-size: 2em;
}

.skin-success .colorst_m {
    color: var(--btn_yellow3) !important;
    font-size: 2em;
}


.skin-success .vahid {
    background-color: var(--success10) !important;
    border: 1px solid var(--success4) !important;
    padding: 20px;
    margin-bottom: 130px !important;
    margin-top: -7px;
}

.skin-success .table > tbody > tr > td, .skin-success .table > tbody > tr > th {
    color: var(--black) !important;
}

.skin-success .table_m > tbody > tr > td, .skin-success .table_m > tbody > tr > th {
    border: 1px solid var(--success4) !important;
    color: var(--black) !important;
}

.skin-success .tit {
    width: 90px !important;
    color: var(--white) !important;
    background-color: var(--success11) !important;
}

.skin-success .titm {
    color: var(--white) !important;
    background-color: var(--success11) !important;
}

.skin-success .titf {
    width: 200px !important;
    color: var(--white) !important;
    background-color: var(--success11) !important;
}

.skin-success .btn-default {
    background-color: var(--success11) !important;
    transition-duration: 0.5s;
}

.skin-success .btn-app {
    border: 1px solid var(--success4) !important;
}

    .skin-success .btn-app:hover {
        border: 1px solid var(--success3) !important;
    }

.skin-success .btn {
    color: var(--white) !important;
}

.skin-success .btn-default:hover .fa, .skin-success .btn-default:hover .mdi {
    color: var(--success2) !important;
    transform: scale(0.9);
    transition-duration: 0.5s;
}

.skin-success .btn-default:hover {
    background-color: var(--success8) !important;
    transition-duration: 0.5s;
    color: var(--success2) !important;
}

.skin-success .d {
    background-color: transparent !important;
}

.skin-success .titr {
    background-color: var(--success1) !important;
    margin-top: -10px;
    margin-right: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--success8) !important;
}

.skin-success .border {
    border: 2px solid var(--success6) !important;
}

.skin-success [data-overlay]::before, [data-overlay-light]::before {
    background: var(--success8) !important;
}

.control-sidebar .tab-pane {
    background-color: transparent !important;
}

.control-sidebar .tab-content {
    border: 0px !important;
}

#control-sidebar-theme-demo-options-tab {
    background-color: transparent !important;
}

.skin-success textarea {
    background: #f6f7f1 !important;
    border: 1px solid #087e8b !important;
}

.skin-success .form-control:focus {
    background: var(--success2) !important;
    border: 1px solid var(--success7) !important;
}

.skin-success .main-header .navbar {
    background-color: var(--success6) !important;
}

/*.skin-success .mp-level {
    background: linear-gradient(to top left, #d3d7d7,#d3d7d7) !important;
}*/

.skin-success .mp-level {
    background: linear-gradient(to top left, #59c4b1,#59c4b1) !important;
}

.skin-success .bg-footer {
    background-color: var(--success6) !important;
}

.skin-success .color-mp {
    color: var(--success9) !important;
}

.skin-success .text-download {
    color: var(--btn_download3) !important;
}

    .skin-success .text-download:hover {
        color: var(--btn_download_hover3) !important;
    }

.skin-success .text-upload {
    color: var(--btn_upload3) !important;
}

    .skin-success .text-upload:hover {
        color: var(--btn_upload_hover3) !important;
    }

.skin-success .text-show {
    color: var(--btn_image3) !important;
}

    .skin-success .text-show:hover {
        color: var(--btn_image_hover3) !important;
    }

.skin-success .inboxkhn {
    background-color: #289582;
}

.skin-success .inboxkh {
    background-color: #49ceb7;
}

.skin-success .sweet-alert {
    background-color: var(--success13) !important;
}

    .skin-success .sweet-alert .confirm {
        background-color: var(--success15) !important;
        color: var(--success16) !important;
    }

    .skin-success .sweet-alert p {
        color: var(--success17) !important;
    }

    .skin-success .sweet-alert button.cancel {
        background-color: var(--success18) !important;
    }

.skin-success .nav-item .nav-link:hover {
    background-color: var(--success5) !important;
    border: 2px inset white;
}

.skin-success .nav-item .nav-link.active:hover {
    background-color: var(--success1) !important;
}

.skin-success .nav-item .nav-link.active.tak-tab {
    background-color: var(--success5) !important;
    background-image: repeating-linear-gradient( -45deg,rgba(255,255,255,0) 8%,rgba(255,255,255,0.075) 10%,rgba(255,255,255,0.075) 14%,rgba(255,255,255,0.15) 14%,rgba(255,255,255,0.15) 15%,rgba(255,255,255,0.075) 17%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 36%,rgba(255,255,255,0.075) 40%,rgba(255,255,255,0.15) 42%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 55%,rgba(255,255,255,0.075) 60%,rgba(255,255,255,0.075) 66%,rgba(255,255,255,0.15) 66%,rgba(255,255,255,0.075) 70%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%), radial-gradient(ellipse farthest-corner,transparent,rgba(0,0,0,0.2) 110%);
}

.skin-success .container .sidebarm {
    background: #59c4b1;
}

.skin-success .info {
    background-color: var(--success4) !important;
}

.skin-success .md-form .active.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #59c4b1) !important;
}

.skin-success .md-form label.active.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #59c4b1) !important;
}

.skin-success .md-form .activef.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #59c4b1) !important;
}

.skin-success .md-form label.activef.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #59c4b1) !important;
}


/*@@@@@@@@@@@@@@@@@@پایان تم چهارم@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ /**/


:root {
    /*@@@@@ پالت رنگ @@@@@*/
    --primary1: #E0E2DB;
    --primary2: #D2D4C8;
    --primary3: #B8BDB5;
    --primary4: #84878b;
    --primary5: #A7ACA3;
    --primary6: #889696;
    --primary7: #5F7470;
    --primary8: #4E5D5B;
    --primary9: #374241;
    --primary10: #84878b91;
    --primary11: #8e938a5c;
    --primary12: #8e938a5c;
    --primary13: #E0E2DB;
    --primary14: #944704;
    --primary15: #04814d;
    --primary16: #dee0dc;
    --primary17: #7b7a7a;
    --primary18: #9a9696;
    /*@@@@@@@رنگ متن@@@@@@*/
    --white: #ffffff;
    --black: #000;
    /*@@@@@@ دکمه ها@@@@@@@@*/
    --btn_red4: #EE6352;
    --btn_red_hover4: #CA5546;
    --btn_blue4: #3FA7D6;
    --btn_blue_hover4: #358BB3;
    --btn_green4: #59CD90;
    --btn_green_hover4: #4AAB77;
    --btn_cansel4: #F79D84;
    --btn_cansel_hover4: #D78771;
    --btn_violet4: #815AC0;
    --btn_violet_hover4: #7251B5;
    --btn_white4: #ffffff;
    --btn_white_hover4: #ffffffd9;
    --btn_download4: #38B000;
    --btn_download_hover4: #008000;
    --btn_upload4: #0043ff;
    --btn_upload_hover4: #0643ed;
    --btn_image4: #1E6091;
    --btn_image_hover4: #184E77;
    --btn_yellow4: #f3d607;
}


.skin-primary .nav-fill {
    //background-color: #3e8097 !important;
}

    .skin-primary .nav-fill a {
        color: var(--black) !important;
    }

.skin-primary .nav-pills > li > a.active, .skin-primary .nav-tabs .nav-link.active {
    color: var(--black) !important;
    //background-color: #2a596a !important;
}

    .skin-primary .nav-pills > li > a.active a, .skin-primary .nav-tabs .nav-link.active a {
        color: var(--white) !important;
    }

.skin-primary .nav-fill .nav-item, .skin-primary .nav-fill > .nav-link {
    border-radius: 0px !important;
}

.skin-primary .tab-content {
    //border: 1px solid #0389ae !important;
    padding: 5px 15px !important
}

.skin-primary .tab-pane {
    background-color: #8fdbf6 !important;
    padding-top: 3px !important;
}

.skin-primary .box-header {
    background: linear-gradient(#2396bf7a, #086180c2, #004961d6, #004961ed) !important;
    cursor: pointer !important;
    border: 0px !important;
}

.skin-primary .box {
    background-color: transparent !important;
}

.skin-primary .md-form input:not([type]):focus:not([readonly]), .skin-primary .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .skin-primary .md-form input[type="search-md"]:focus:not([readonly]), .skin-primary .md-form textarea.md-textarea:focus:not([readonly]) {
    border: 1px solid #0389ae !important;
    background-color: #5a839b1f !important;
}

.skin-primary .md-form .active:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #8fdbf6) !important;
}

.skin-primary .md-form label.activef {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #8fdbf6) !important;
}

.skin-primary .table-header {
    background-color: var(--gray6);
    width: 100%;
}

    .skin-primary .table-header td {
        background-color: #16e6fc94;
        border-radius: 0px;
        padding: 5px;
        padding: 5px 7px !important;
        margin-top: 19px !important;
        border: 2px solid white;
        color: white;
        border-bottom: 0px;
    }

.skin-primary .modal .table-header td {
    color: black;
    border: 2px solid #8fdbf6;
}

.skin-primary .table-header td.hh {
    background: linear-gradient(#2396bf7a, #086180c2, #004961d6, #004961ed) !important;
}

.skin-primary .table-header td.mm {
    background-color: #7fcaed;
}


.skin-primary .profile-table {
    margin-top: 7px !important;
}

.skin-primary .top-board {
    margin-top: 20px;
    color: #707172;
}

    .skin-primary .top-board a {
        color: #004474 !important;
    }

    .skin-primary .top-board span {
        cursor: not-allowed !important;
    }

        .skin-primary .top-board span.hand {
            cursor: pointer !important;
            color: #004474 !important;
        }

    .skin-primary .top-board span, .skin-primary .top-board i {
        color: #707172 !important;
    }

.skin-primary .butr {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}

.skin-primary .back-graya {
    background: linear-gradient(#2396bf45, #08618066) !important;
    border: 1px solid #254166 !important;
    padding: 4px;
}

.skin-primary .back-gray {
    background: linear-gradient(#8fdbf6, #8fdbf6) !important;
    border: 2px solid white;
    padding-right: 10px;
    // border-top-color: var(--gray7) !important;
}

.skin-primary .btn-red {
    background-color: var(--btn_red4) !important;
    border: 1px solid var(--btn_red_hover4);
}

    .skin-primary .btn-red:hover, .skin-primary .btn-red:active {
        background-color: var(--btn_red_hover4) !important;
    }

.skin-primary .btn-abi {
    background-color: var(--btn_blue4) !important;
    border: 1px solid var(--btn_blue_hover4);
}

    .skin-primary .btn-abi:hover, .skin-primary .btn-abi:active {
        background-color: var(--btn_blue_hover4) !important;
    }

.skin-primary .btn-sabz {
    background-color: var(--btn_green4) !important;
    border: 1px solid var(--btn_green_hover4);
}

    .skin-primary .btn-sabz:hover, .skin-primary .btn-sabz:active {
        background-color: var(--btn_green_hover4) !important;
    }


.skin-primary .btn-ghermez {
    background-color: var(--btn_cansel4) !important;
    border: 1px solid var(--btn_cansel_hover4);
}

    .skin-primary .btn-ghermez:hover, .skin-primary .btn-ghermez:active {
        background-color: var(--btn_cansel_hover4) !important;
    }


.skin-primary .gr .text-primary {
    color: var(--btn_violet4) !important;
}

    .skin-primary .gr .text-primary :hover {
        color: var(--btn_violet_hover4) !important;
    }


.skin-primary .gr .text-danger {
    color: var(--btn_red4) !important;
}

.skin-primary .md-form .prefix {
    color: #0d2f5dab !important;
}


.skin-primary .right_b {
    right: 3% !important;
    color: #0d2f5dab !important;
    animation: beats .7s infinite alternate;
}

@keyframes beats {
    to {
        transform: scale(1.2);
    }
}


.skin-primary .gr {
    color: black !important;
    background-color: #55b5e39c !important;
    border-radius: 5px;
    text-align: center;
}

    .skin-primary .gr th {
        background: linear-gradient(#2396bf7a, #086180c2, #004961d6, #004961ed) !important;
        color: #fff !important;
        text-align: center;
        color: black !important;
        border-top: 1px solid #8fdbf6 !important;
        border-right: 1px solid #8fdbf6 !important;
        border-left: 1px solid #8fdbf6 !important;
        border-bottom: 1px solid #8fdbf6 !important;
    }

    .skin-primary .gr td {
        border: 1px solid #8fdbf6 !important;
        vertical-align: middle;
    }

.skin-primary .width-high {
    background-color: #8fdbf6 !important;
    border-top: 0 !important;
}

.skin-primary table.table-hover tbody tr:hover {
    background-color: #24b0ef !important;
}

.skin-primary .icon-collapse::after {
    box-shadow: inset 0 0 0 1px #24b0ef;
}

.skin-primary .icon-collapse:hover::before {
    box-shadow: inset 0 20px 0 0 #24b0ef, inset 0 -30px 0 0 #24b0ef;
    color: #fff;
}


.skin-primary .modal-header {
    background: linear-gradient(#2396bf7a, #086180c2, #004961d6, #004961ed) !important;
    border: 2px solid white;
    color: white !important;
}

.skin-primary .modal-body {
    background-color: #8fdbf6 !important;
    border: 2px solid white;
    border-top: 0;
    border-bottom: 0;
}

.skin-primary .modal-footer {
    background-color: #8fdbf6 !important;
    border: 2px solid white !important;
    border-top: 0 !important;
}

.skin-primary .mhm {
    background-color: #3e8097 !important;
}

.skin-primary .mhmd {
    background-color: #3e8097 !important;
}

.skin-primary .form-control:focus {
    border: 2px solid #3e8097 !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.skin-primary .select2-dropdown {
    background-color: #3e8097 !important;
}

.skin-primary .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00475f !important;
    color: white;
}


.skin-primary .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #085b78 !important;
    color: white !important;
}

.skin-primary [type=radio].with-gap:checked + label:after, .skin-primary [type=radio]:checked + label:after {
    background-color: #085b78 !important;
    z-index: 0;
}

.skin-primary [type=radio].with-gap:checked + label:after, .skin-primary [type=radio].with-gap:checked + label:before, [type=radio]:checked + label:after {
    border: 2px solid #00475f !important;
}

.skin-primary .colorst_n {
    color: var(--btn_red4) !important;
    font-size: 24px !important;
}

.skin-primary .colorst {
    color: var(--btn_green4) !important;
    font-size: 24px !important;
}

.skin-primary .colorst_f {
    color: var(--btn_white4) !important;
    font-size: 2em;
}


.skin-primary .colorst_m {
    color: var(--btn_yellow4) !important;
    font-size: 2em;
}

.skin-primary .vahid {
    background: linear-gradient(#2396bf6b, #086180e0, #086180e3, #004961b3, #004961ed) !important;
    border: 1px solid #0e4289ab !important;
    padding: 20px;
    margin-bottom: 130px !important;
    margin-top: -7px;
}

.skin-primary .table > tbody > tr > td, .skin-primary .table > tbody > tr > th {
    color: var(--black) !important;
}

.skin-primary .table_m > tbody > tr > td, .skin-primary .table_m > tbody > tr > th {
    border: 1px solid #2c282887 !important;
    color: var(--white) !important;
}

.skin-primary .tit {
    width: 90px !important;
    color: var(--white) !important;
    background: linear-gradient(#2396bf, #086180, #004961, #004961) !important;
}

.skin-primary .titm {
    color: var(--white) !important;
    background: linear-gradient(#2396bf, #086180, #004961, #004961) !important;
}

.skin-primary .titf {
    width: 200px !important;
    color: var(--white) !important;
    background: linear-gradient(#2396bf, #086180, #004961, #004961) !important;
}

.skin-primary .btn-default {
    background: linear-gradient(#2396bf, #086180, #004961, #004961) !important;
    transition-duration: 0.5s;
}

.skin-primary .btn-app {
    border: 1px solid #2c282887 !important;
}

    .skin-primary .btn-app:hover {
        border: 1px solid #3e8097 !important;
    }

.skin-primary .btn {
    color: var(--white) !important;
}

.skin-primary .btn-default:hover .fa, .skin-primary .btn-default:hover .mdi {
    color: #e6e7e0 !important;
    transform: scale(0.9);
    transition-duration: 0.5s;
}

.skin-primary .btn-default:hover {
    background-color: #085b78 !important;
    transition-duration: 0.5s;
    color: #e6e7e0 !important;
}

.skin-primary .d {
    background-color: transparent !important;
}

.skin-primary .titr {
    background-color: #8fdbf6 !important;
    margin-top: -10px;
    margin-right: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #085b78 !important;
}

.skin-primary .border {
    border: 2px solid #0389ae8c !important;
}

.skin-primary [data-overlay]::before, [data-overlay-light]::before {
    background: #085b78 !important;
}

.control-sidebar .tab-pane {
    background-color: transparent !important;
}

.control-sidebar .tab-content {
    border: 0px !important;
}

#control-sidebar-theme-demo-options-tab {
    background-color: transparent !important;
}

.skin-primary textarea {
    background: #f6f7f1 !important;
    border: 1px solid #087e8b !important;
}

.skin-primary .form-control:focus {
    background: #e6e7e0 !important;
    border: 1px solid #3e8097 !important;
}

.skin-primary .main-header .navbar {
    background: linear-gradient(#2396bf, #086180, #004961, #004961) !important;
}

.skin-primary .mp-level {
    background: linear-gradient(to top left, #4b77f3,#31d5d5) !important;
}

.skin-primary .box-header {
    background: linear-gradient(#2396bf7a, #086180c2, #004961d6, #004961ed) !important;
    cursor: pointer !important;
    border: 0px !important;
}

.skin-primary .bg-footer {
    background: linear-gradient(#2396bf, #086180, #004961, #004961) !important;
}

.skin-primary .color-mp {
    color: #030572 !important;
}

.skin-primary .text-download {
    color: var(--btn_download4) !important;
}

    .skin-primary .text-download:hover {
        color: var(--btn_download_hover4) !important;
    }

.skin-primary .text-upload {
    color: var(--btn_upload4) !important;
}

    .skin-primary .text-upload:hover {
        color: var(--btn_upload_hover4) !important;
    }

.skin-primary .text-show {
    color: var(--btn_image4) !important;
}

    .skin-primary .text-show:hover {
        color: var(--btn_image_hover4) !important;
    }

.skin-primary .inboxkhn {
    background-color: #0c1d72a3;
}

.skin-primary .inboxkh {
    background-color: #0729d3a3;
}

.skin-primary .sweet-alert {
    background-color: var(--primary13) !important;
}

    .skin-primary .sweet-alert .confirm {
        background-color: var(--primary15) !important;
        color: var(--primary16) !important;
    }

    .skin-primary .sweet-alert p {
        color: var(--primary17) !important;
    }

    .skin-primary .sweet-alert button.cancel {
        background-color: var(--primary18) !important;
    }

.skin-primary .nav-item .nav-link:hover {
    background-color: #2a596a !important;
    border: 2px inset white;
}

.skin-primary .nav-item .nav-link.active:hover {
    background-color: #8fdbf6 !important;
}


.skin-primary .nav-item .nav-link.active.tak-tab {
    background-color: #004961ed !important;
    background-image: repeating-linear-gradient( -45deg,rgba(255,255,255,0) 8%,rgba(255,255,255,0.075) 10%,rgba(255,255,255,0.075) 14%,rgba(255,255,255,0.15) 14%,rgba(255,255,255,0.15) 15%,rgba(255,255,255,0.075) 17%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 36%,rgba(255,255,255,0.075) 40%,rgba(255,255,255,0.15) 42%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 55%,rgba(255,255,255,0.075) 60%,rgba(255,255,255,0.075) 66%,rgba(255,255,255,0.15) 66%,rgba(255,255,255,0.075) 70%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%), radial-gradient(ellipse farthest-corner,transparent,rgba(0,0,0,0.2) 110%);
}

.skin-primary .container .sidebarm {
    background: #1488eb;
}

.skin-primary .info {
    background-color: #004961ed !important;
}

.skin-primary .md-form .active.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #1488eb) !important;
}

.skin-primary .md-form label.active.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #1488eb) !important;
}

.skin-primary .md-form .activef.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #1488eb) !important;
}

.skin-primary .md-form label.activef.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #1488eb) !important;
}


/*@@@@@@@@@@@@@@@@@@پایان تم پنجم@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ /**/
:root {
    /*@@@@@ پالت رنگ @@@@@*/
    --black1: #798386;
    /*  #798386*/
    /*   #6e7276*/
    --black2: #6c757d;
    --black3: #62707b;
    --black4: #424a53;
    --black5: #5a646c;
    --black6: #495057;
    --black7: #495057;
    --black8: #343A40;
    --black9: #212529;
    --black10: #1312122e;
    --black11: #36343473;
    --black12: #36343473;
    --black13: #798386;
    --black14: #944704;
    --black15: #04814d;
    --black16: #dee0dc;
    --black17: #5a5757;
    --black18: #9a9696;
    /*@@@@@@@رنگ متن@@@@@@*/
    --white: #ffffff;
    --black: #000;
    /*@@@@@@ دکمه ها@@@@@@@@*/
    --btn_red5: #f64e39;
    --btn_red_hover5: #CA5546;
    --btn_blue5: #3FA7D6;
    --btn_blue_hover5: #358BB3;
    --btn_green5: #59CD90;
    --btn_green_hover5: #4AAB77;
    --btn_cansel5: #F79D84;
    --btn_cansel_hover5: #D78771;
    --btn_violet5: #611ad3;
    --btn_violet_hover5: #7251B5;
    --btn_white5: #ffffff;
    --btn_white_hover5: #ffffffd9;
    --btn_download5: #38B000;
    --btn_download_hover5: #008000;
    --btn_upload5: #0043ff;
    --btn_upload_hover5: #0643ed;
    --btn_image5: #1E6091;
    --btn_image_hover5: #184E77;
    --btn_yellow5: #f3d607;
}


.skin-danger .nav-fill {
    //background-color: var(--black5) !important;
}

    .skin-danger .nav-fill a {
        color: var(--black) !important;
    }

.skin-danger .nav-pills > li > a.active, .skin-danger .nav-tabs .nav-link.active {
    color: var(--black) !important;
    //background-color: var(--black6) !important;
}

    .skin-danger .nav-pills > li > a.active a, .skin-danger .nav-tabs .nav-link.active a {
        color: var(--white) !important;
    }

.skin-danger .nav-fill .nav-item, .skin-danger .nav-fill > .nav-link {
    border-radius: 0px !important;
}

.skin-danger .tab-content {
    //border: 1px solid var(--black7) !important;
    padding: 5px 15px !important
}

.skin-danger .tab-pane {
    background-color: var(--black1) !important;
    padding-top: 3px !important;
}

.skin-danger .box-header {
    background-color: var(--black5) !important;
    cursor: pointer !important;
    border: 0px !important;
}

.skin-danger .box {
    background-color: var(--black1) !important;
}

.skin-danger .md-form input:not([type]):focus:not([readonly]), .skin-danger .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .skin-danger .md-form input[type="search-md"]:focus:not([readonly]), .skin-danger .md-form textarea.md-textarea:focus:not([readonly]) {
    border: 1px solid var(--black7) !important;
    background-color: var(--black2) !important;
}

.skin-danger .md-form .active:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, var(--black1)) !important;
}

.skin-danger .md-form label.activef {
    background-image: linear-gradient(0, transparent, 42%,red,42%, var(--black1)) !important;
}

.skin-danger .table-header {
    background-color: var(--black4);
    width: 100%;
}

    .skin-danger .table-header td {
        background-color: var(--black6);
        border-radius: 0px;
        padding: 5px;
        padding: 5px 7px !important;
        margin-top: 19px !important;
        border: 2px solid white;
        color: white;
        border-bottom: 0px;
    }

.skin-danger .modal .table-header td {
    color: black;
    border: 2px solid var(--black1);
}

.skin-danger .table-header td.hh {
    background-color: var(--black8);
}

.skin-danger .table-header td.mm {
    background-color: var(--black2);
}

.skin-danger .profile-table {
    margin-top: 7px !important;
}

.skin-danger .top-board {
    margin-top: 20px;
    color: #cecece;
}

    .skin-danger .top-board a {
        color: #cacccd !important;
    }

    .skin-danger .top-board span {
        cursor: not-allowed !important;
    }

        .skin-danger .top-board span.hand {
            cursor: pointer !important;
            color: #cacccd !important;
        }

    .skin-danger .top-board span, .skin-danger .top-board i {
        color: #bdc2c6 !important;
    }

.skin-danger .butr {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}

.skin-danger .back-graya {
    background-color: var(--black10) !important;
    border: 1px solid var(--black4) !important;
    padding: 4px;
}

.skin-danger .back-gray {
    background-color: var(--black1) !important;
    border: 2px solid white;
    padding-right: 10px;
}

.skin-danger .btn-red {
    background-color: var(--btn_red5) !important;
    border: 1px solid var(--btn_red_hover5);
}

    .skin-danger .btn-red:hover, .skin-danger .btn-red:active {
        background-color: var(--btn_red_hover5) !important;
    }

.skin-danger .btn-abi {
    background-color: var(--btn_blue5) !important;
    border: 1px solid var(--btn_blue_hover5);
}

    .skin-danger .btn-abi:hover, .skin-danger .btn-abi:active {
        background-color: var(--btn_blue_hover5) !important;
    }

.skin-danger .btn-sabz {
    background-color: var(--btn_green5) !important;
    border: 1px solid var(--btn_green_hover5);
}

    .skin-danger .btn-sabz:hover, .skin-danger .btn-sabz:active {
        background-color: var(--btn_green_hover5) !important;
    }


.skin-danger .btn-ghermez {
    background-color: var(--btn_cansel5) !important;
    border: 1px solid var(--btn_cansel_hover5);
}

    .skin-danger .btn-ghermez:hover, .skin-danger .btn-ghermez:active {
        background-color: var(--btn_cansel_hover5) !important;
    }


.skin-danger .gr .text-primary {
    color: var(--btn_violet5) !important;
}

    .skin-danger .gr .text-primary :hover {
        color: var(--btn_violet_hover5) !important;
    }


.skin-danger .gr .text-danger {
    color: var(--btn_red5) !important;
}

.skin-danger .md-form .prefix {
    color: var(--black7) !important;
}


.skin-danger .right_b {
    right: 3% !important;
    color: var(--black7) !important;
    animation: beats .7s infinite alternate;
}

@keyframes beats {
    to {
        transform: scale(1.2);
    }
}


.skin-danger .gr {
    color: white !important;
    background-color: var(--black2) !important;
    border-radius: 5px;
    text-align: center;
}

.skin-danger .table-hover tbody tr:hover {
    color: white !important;
}

.skin-danger .gr th {
    background-color: var(--black4) !important;
    color: #fff !important;
    text-align: center;
    color: #fff !important;
    border-top: 1px solid var(--black1) !important;
    border-right: 1px solid var(--black1) !important;
    border-left: 1px solid var(--black1) !important;
    border-bottom: 1px solid var(--black1) !important;
}

    .skin-danger .gr td {
        border: 1px solid var(--black1) !important;
        vertical-align: middle;
    }

.skin-danger .width-high {
    background-color: var(--black1) !important;
    border-top: 0 !important;
}

.skin-danger table.table-hover tbody tr:hover {
    background-color: var(--black3) !important;
}

.skin-danger .icon-collapse::after {
    box-shadow: inset 0 0 0 1px var(--black3);
}

.skin-danger .icon-collapse:hover::before {
    box-shadow: inset 0 20px 0 0 var(--black4), inset 0 -30px 0 0 var(--black5);
    color: #fff;
}

.skin-danger .modal-header {
    background-color: var(--black3) !important;
    border: 2px solid white;
    color: white !important;
}

.skin-danger .modal-body {
    background-color: var(--black1) !important;
    border: 2px solid white;
    border-top: 0;
    border-bottom: 0;
}

.skin-danger .modal-footer {
    background-color: var(--black1) !important;
    border: 2px solid white !important;
    border-top: 0 !important;
}

.skin-danger .mhm {
    background-color: var(--black3) !important;
}

.skin-danger .mhmd {
    background-color: var(--black3) !important;
}

.skin-danger .form-control:focus {
    border: 2px solid var(--black3) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.skin-danger .select2-dropdown {
    background-color: var(--black7) !important;
}


.skin-danger .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--black9) !important;
    color: white;
}

.skin-danger .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--black8) !important;
    color: white !important;
}


.skin-danger [type=radio].with-gap:checked + label:after, .skin-danger [type=radio]:checked + label:after {
    background-color: var(--black8) !important;
    z-index: 0;
}

.skin-danger [type=radio].with-gap:checked + label:after, .skin-danger [type=radio].with-gap:checked + label:before, [type=radio]:checked + label:after {
    border: 2px solid var(--black9) !important;
}

.skin-danger .colorst_n {
    color: var(--btn_red5) !important;
    font-size: 24px !important;
}

.skin-danger .colorst {
    color: var(--btn_green5) !important;
    font-size: 24px !important;
}

.skin-danger .colorst_f {
    color: var(--btn_white5) !important;
    font-size: 2em;
}

.skin-danger .colorst_m {
    color: var(--btn_yellow5) !important;
    font-size: 2em;
}

.skin-danger .vahid {
    background-color: var(--black10) !important;
    border: 1px solid var(--black4) !important;
    padding: 20px;
    margin-bottom: 130px !important;
    margin-top: -7px;
}

.skin-danger .table > tbody > tr > td, .skin-danger .table > tbody > tr > th {
    color: var(--white) !important;
}

.skin-danger .table_m > tbody > tr > td, .skin-danger .table_m > tbody > tr > th {
    border: 1px solid var(--black4) !important;
    color: var(--white) !important;
}

.skin-danger .tit {
    width: 90px !important;
    color: var(--white) !important;
    background-color: var(--black11) !important;
}

.skin-danger .titm {
    color: var(--white) !important;
    background-color: var(--black11) !important;
}


.skin-danger .titf {
    width: 200px !important;
    color: var(--white) !important;
    background-color: var(--black11) !important;
}

.skin-danger .btn-default {
    background-color: var(--black11) !important;
    transition-duration: 0.5s;
}

.skin-danger .btn-app {
    border: 1px solid var(--black4) !important;
}

    .skin-danger .btn-app:hover {
        border: 1px solid var(--black3) !important;
    }

.skin-danger .btn {
    color: var(--white) !important;
}

.skin-danger .btn-default:hover .fa, .skin-danger .btn-default:hover .mdi {
    color: var(--black2) !important;
    transform: scale(0.9);
    transition-duration: 0.5s;
}

.skin-danger .btn-default:hover {
    background-color: var(--black8) !important;
    transition-duration: 0.5s;
    color: var(--black2) !important;
}

.skin-danger .d {
    background-color: transparent !important;
}

.skin-danger .titr {
    background-color: var(--black1) !important;
    margin-top: -10px;
    margin-right: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--black8) !important;
}

.skin-danger .border {
    border: 2px solid var(--black6) !important;
}

.skin-danger [data-overlay]::before, [data-overlay-light]::before {
    background: var(--black8) !important;
}

.skin-danger textarea {
    background: #d8dbdd !important;
    border: 1px solid #495057 !important;
}

.skin-danger .form-control:focus {
    background: var(--black2) !important;
    border: 1px solid var(--black7) !important;
}

.skin-danger .main-header .navbar {
    background-color: var(--black6) !important;
}

.skin-danger .mp-level {
    background: linear-gradient(to top left, #616470,#616470) !important;
}

.skin-danger .bg-footer {
    background-color: var(--black6) !important;
}

.skin-danger .color-mp {
    color: var(--black9) !important;
}

.skin-danger .navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-color: #4e5165;
}

.skin-danger .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    border-color: #4e5165;
}

.skin-danger .dropdown-menu {
    background-color: #414755;
}

.skin-danger .dropdown-divider {
    border-color: #4e5165;
}

.skin-danger .content-wrapper {
    background-color: #313640;
}

.skin-danger .md-form input:not([type]), .skin-danger .md-form input[type="text"]:not(.browser-default), .skin-danger .md-form input[type="password"]:not(.browser-default), .skin-danger .md-form input[type="email"]:not(.browser-default), .skin-danger .md-form input[type="url"]:not(.browser-default), .skin-danger .md-form input[type="time"]:not(.browser-default), .skin-danger .md-form input[type="date"]:not(.browser-default), .skin-danger .md-form input[type="datetime"]:not(.browser-default), .skin-danger .md-form input[type="datetime-local"]:not(.browser-default), .skin-danger .md-form input[type="tel"]:not(.browser-default), .skin-danger .md-form input[type="number"]:not(.browser-default), .skin-danger .md-form input[type="search"]:not(.browser-default), .skin-danger .md-form input[type="phone"]:not(.browser-default), .skin-danger .md-form input[type="search-md"], .skin-danger .md-form textarea.md-textarea {
    border: 1px solid #495057 !important;
    background-color: #d8dbdd !important;
}

/*.skin-danger .md-form input:not([type]), .skin-danger .md-form input[type="text"]:not(.browser-default), .skin-danger .md-form input[type="password"]:not(.browser-default), .skin-danger .md-form input[type="email"]:not(.browser-default), .skin-danger .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .skin-danger .md-form input[type="date"]:not(.browser-default), .skin-danger .md-form input[type="datetime"]:not(.browser-default), .skin-danger .md-form input[type="datetime-local"]:not(.browser-default), .skin-danger .md-form input[type="tel"]:not(.browser-default), .skin-danger .md-form input[type="number"]:not(.browser-default), .skin-danger .md-form input[type="search"]:not(.browser-default), .skin-danger .md-form input[type="phone"]:not(.browser-default), .dark .md-form input[type="search-md"], .skin-danger .md-form textarea.md-textarea {
    border: 1px solid #495057 !important;
    background-color: #d8dbdd !important;
}
*/
.skin-danger .select2-container--default .select2-selection--single {
    border: 1px solid #495057 !important;
    background-color: #d8dbdd !important;
}

.skin-danger .box .md-form label {
    color: #000000;
}

.skin-danger .md-form label {
    color: #28292a;
}

.skin-danger .text-download {
    color: var(--btn_download5) !important;
}

    .skin-danger .text-download:hover {
        color: var(--btn_download_hover5) !important;
    }

.skin-danger .text-upload {
    color: var(--btn_upload5) !important;
}

    .skin-danger .text-upload:hover {
        color: var(--btn_upload_hover5) !important;
    }

.skin-danger .text-show {
    color: var(--btn_image5) !important;
}

    .skin-danger .text-show:hover {
        color: var(--btn_image_hover5) !important;
    }

.skin-danger .select2-container--default .select2-selection--multiple {
    background-color: #d8dbdd !important;
}

.skin-danger .inboxkhn {
    background-color: #6c6e7ca3;
}

.skin-danger .inboxkh {
    background-color: #aaadc0a3;
}

.skin-danger .sweet-alert {
    background-color: var(--black13) !important;
}

    .skin-danger .sweet-alert .confirm {
        background-color: var(--black15) !important;
        color: var(--black16) !important;
    }

    .skin-danger .sweet-alert p {
        color: var(--black17) !important;
    }

    .skin-danger .sweet-alert button.cancel {
        background-color: var(--black18) !important;
    }

.skin-danger .nav-item .nav-link:hover {
    background-color: var(--black5) !important;
    border: 2px inset white;
}

.skin-danger .nav-item .nav-link.active:hover {
    background-color: var(--black1) !important;
}

.skin-danger .nav-item .nav-link.active.tak-tab {
    background-color: var(--black5) !important;
    background-image: repeating-linear-gradient( -45deg,rgba(255,255,255,0) 8%,rgba(255,255,255,0.075) 10%,rgba(255,255,255,0.075) 14%,rgba(255,255,255,0.15) 14%,rgba(255,255,255,0.15) 15%,rgba(255,255,255,0.075) 17%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 36%,rgba(255,255,255,0.075) 40%,rgba(255,255,255,0.15) 42%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 55%,rgba(255,255,255,0.075) 60%,rgba(255,255,255,0.075) 66%,rgba(255,255,255,0.15) 66%,rgba(255,255,255,0.075) 70%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%), radial-gradient(ellipse farthest-corner,transparent,rgba(0,0,0,0.2) 110%);
}

.skin-danger .container .sidebarm {
    background: #616470;
}

.skin-danger .info {
    background-color: var(--black4) !important;
}

.skin-danger .md-form .active.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #616470) !important;
}

.skin-danger .md-form label.active.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #616470) !important;
}

.skin-danger .md-form .activef.activem:not(i) {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #616470) !important;
}

.skin-danger .md-form label.activef.activem {
    background-image: linear-gradient(0, transparent, 42%,red,42%, #616470) !important;
}

 .skin-black .btn-default  {
    background-color: var(--gray8) !important
}


.skin-black .btn_Contract_termination {
    background-color: var(--btn_red4) !important;
    border: 1px solid var(--btn_red4) !important;
}