.input-group-search {
    display: flex;
    min-width: 0;
    margin-bottom: 0;
    position: relative;
    -webkit-box-flex: 1;
}

.input-group-search > .form-control:not(:last-child),
.input-group-search > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.input-group-search span.input-group-btn button {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 0;
}

.text-dnc {
    color: #174799;
}
.text-italic{
    font-style: italic !important;
}
.font-bold-dnc {
    font-weight: bold;
}

.content-left-end {
    display: -webkit-box;
}

.topbar-search {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    margin-right:15px;
}

.header-top-content {
    border-bottom: 1px #E4E6EF solid;
}

    .header-top-content .content-left {
        line-height: 3;
    }

.img_hientruong {
    margin-top: 10px;
    max-height: 500px;
    width: 100%;
    height: 100%;
}

.subheader {
    border-top: 1px #E4E6EF solid;
}
/* crops animations that exceeds one line area */
.line {
}

/* lineup class and keyframes */
.lineUp {
    animation: 2s anim-lineUp ease-out;
}

@keyframes anim-lineUp {
    0% {
        opacity: 0;
        transform: translateY(80%);
    }

    20% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        transform: translateY(0%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
/* flipY class and keyframes*/


.area__title__group__1 {
    color: #174799;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #ffffff;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    background-color: #f0f3ff;
}

.select2 {
    min-width: 100%;
}

.display-flex {
    display: flex;
}

.model-end-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom-right-radius: 0.42rem;
    border-bottom-left-radius: 0.42rem;
}

.active_ct {
    background-color: #f2ecec;
}

.kt-callout {
    padding: 1.5rem;
}

    .kt-callout .kt-callout__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .kt-callout .kt-callout__body .kt-callout__content {
            -webkit-box-flex: 2;
            -ms-flex: 2;
            flex: 2;
        }

            .kt-callout .kt-callout__body .kt-callout__content .kt-callout__title {
                font-size: 1.85rem;
                font-weight: 500;
                color: #48465b;
                margin-bottom: 1rem;
            }

            .kt-callout .kt-callout__body .kt-callout__content .kt-callout__desc {
                font-size: 1.15rem;
                line-height: 2rem;
                color: #9392a0;
                padding-right: 2rem;
                font-weight: 400;
            }

                .kt-callout .kt-callout__body .kt-callout__content .kt-callout__desc:last-child {
                    margin-bottom: 0;
                }

        .kt-callout .kt-callout__body .kt-callout__action {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .kt-callout .kt-callout__body .kt-callout__action .btn.btn-custom {
                padding: 1rem 1.3rem;
                font-size: 0.9rem;
            }

.kt-callout--diagonal-bg {
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

    .kt-callout--diagonal-bg .kt-callout__body {
        position: relative;
        z-index: 2;
    }

    .kt-callout--diagonal-bg:before {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #f7f8fa;
        z-index: 1;
    }

    .kt-callout--diagonal-bg:after {
        content: ' ';
        width: 200%;
        height: 1000px;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 45%;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        background-color: #fff;
    }

.kt-callout--brand {
    background-color: rgba(93, 120, 255, 0.07);
}

    .kt-callout--brand.kt-callout--diagonal-bg {
        background-color: #fff;
    }

        .kt-callout--brand.kt-callout--diagonal-bg:before {
            background-color: rgba(93, 120, 255, 0.15);
        }

.kt-callout--light {
    background-color: rgba(255, 255, 255, 0.07);
}

    .kt-callout--light.kt-callout--diagonal-bg {
        background-color: #fff;
    }

        .kt-callout--light.kt-callout--diagonal-bg:before {
            background-color: rgba(255, 255, 255, 0.15);
        }

.kt-callout--dark {
    background-color: rgba(40, 42, 60, 0.07);
}

    .kt-callout--dark.kt-callout--diagonal-bg {
        background-color: #fff;
    }

        .kt-callout--dark.kt-callout--diagonal-bg:before {
            background-color: rgba(40, 42, 60, 0.15);
        }

.kt-callout--primary {
    background-color: rgba(88, 103, 221, 0.07);
}

    .kt-callout--primary.kt-callout--diagonal-bg {
        background-color: #fff;
    }

        .kt-callout--primary.kt-callout--diagonal-bg:before {
            background-color: rgba(88, 103, 221, 0.15);
        }

.kt-callout--success {
    background-color: rgba(10, 187, 135, 0.07);
}

    .kt-callout--success.kt-callout--diagonal-bg {
        background-color: #fff;
    }

        .kt-callout--success.kt-callout--diagonal-bg:before {
            background-color: rgba(10, 187, 135, 0.15);
        }

.kt-callout--info {
    background-color: rgba(85, 120, 235, 0.07);
}

    .kt-callout--info.kt-callout--diagonal-bg {
        background-color: #fff;
    }

        .kt-callout--info.kt-callout--diagonal-bg:before {
            background-color: rgba(85, 120, 235, 0.15);
        }

.kt-callout--warning {
    background-color: rgba(255, 184, 34, 0.07);
}

    .kt-callout--warning.kt-callout--diagonal-bg {
        background-color: #fff;
    }

        .kt-callout--warning.kt-callout--diagonal-bg:before {
            background-color: rgba(255, 184, 34, 0.15);
        }

.kt-callout--danger {
    background-color: rgba(253, 57, 122, 0.07);
}

    .kt-callout--danger.kt-callout--diagonal-bg {
        background-color: #fff;
    }

        .kt-callout--danger.kt-callout--diagonal-bg:before {
            background-color: rgba(253, 57, 122, 0.15);
        }
/*hover zoom image*/

.geeks {
    overflow: hidden;
    margin: 0 auto;
}

    .geeks img {
        width: 100%;
        transition: 0.5s all ease-in-out;
    }

    .geeks:hover img {
        transform: scale(1.1);
    }

/*end*/

.invalid-time {
    color: red;
}

.display_flex {
    display: flex;
}

.mr-lg-10 {
    margin-left: 10px;
}

.mr-lg-5 {
    margin-left: 5px;
}

.btn-radius, .alert-status {
    border-radius: 30px;
}

.btn-edit {
    float: right;
}

.btn-edit-pcv {
    margin-bottom: 5px;
}

.btn-view-pcv {
    margin-bottom: 5px;
}

.alert-pannel {
    background: rgba(93, 120, 255, 0.1);
    border-color: transparent;
    color: #eef1ff;
}

.card-title i {
    margin-left: 5px;
}

.btn-xacnhan {
    background-color: #0089ddcc;
    padding: 10px;
    border-radius: 6px;
}

.btn-delete {
    background-color: #ff0000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 11px;
    padding-right: 11px;
    border-radius: 6px;
}

.btn-edit {
    margin-top: -10px;
    background-color: #0089ddcc;
    padding: 10px;
    border-radius: 6px;
}

.kt-badge {
    /*min-width: 100px;*/
}

.hopdong-kh, .content-modal {
    max-height: 668px;
    max-height: 612px;
    overflow-x: scroll;
}

    .hopdong-kh::-webkit-scrollbar, .content-modal::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background: -webkit-linear-gradient(0, blue 50%, white 100%);
        cursor: pointer;
    }

    .hopdong-kh::-webkit-scrollbar-track, .content-modal::-webkit-scrollbar-track {
        background: #f1f1f1;
        cursor: pointer;
    }

    .hopdong-kh::-webkit-scrollbar-thumb, .content-modal::-webkit-scrollbar-thumb {
        background: #888;
        cursor: pointer;
    }

        .hopdong-kh::-webkit-scrollbar-thumb:hover, .content-modal::-webkit-scrollbar-thumb:hover {
            background: #555;
            cursor: pointer;
        }

.table_wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: scroll;
}

    .table_wrapper table {
        white-space: nowrap;
    }

    .table_wrapper::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background: -webkit-linear-gradient(0, blue 50%, white 100%);
        cursor: pointer;
    }

.table_wrapper_lienhe {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    overflow-x: scroll;
}

    .table_wrapper_lienhe::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background: -webkit-linear-gradient(0, #ecf0f3 50%, white 100%);
        cursor: pointer;
    }
/* Track */
.table_wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    cursor: pointer;
}

/* Handle */
.table_wrapper::-webkit-scrollbar-thumb {
    background: #888;
    cursor: pointer;
}

    .table_wrapper::-webkit-scrollbar-thumb:hover {
        background: #555;
        cursor: pointer;
    }

/*design table*/
.ds-thanhtoan .table .thead-light th {
    background: #f6f6f6;
    color: #174799;
    font-weight: bold;
}

.ds-thanhtoan td {
    background: #E7EFFF !important;
    text-align: center;
    white-space: normal !important;
    word-wrap: break-word;
}

.ds-thanhtoan .table .thead-light th, td {
    border: 1px solid #ffffff;
}

.table__bill__wrapper .table th {
    background: #f6f6f6;
    color: #174799;
    font-weight: bold;
    border: 1px solid #ffffff;
}

.tab-content .table th {
    background: #f6f6f6;
    color: #174799;
    font-weight: bold;
    border: 1px solid #ffffff;
}

.table__bill__wrapper td {
    background: #E7EFFF !important;
    text-align: center;
    white-space: normal !important;
    word-wrap: break-word;
}

.tab-content .tab-tientrinh td {
    background: #E7EFFF !important;
    text-align: center;
    white-space: normal !important;
    word-wrap: break-word;
}

.table-dutoan .table .thead-light th {
    background: #f6f6f6;
    color: #174799;
    font-weight: bold;
    border: 1px solid #ffffff;
}

.table-mdich-sd-nuoc .table .thead-light th {
    background: #f6f6f6;
    color: #174799;
    font-weight: bold;
    border: 1px solid #ffffff;
}

.table-mdich-sd-dien .table .thead-light th {
    background: #f6f6f6;
    color: #174799;
    font-weight: bold;
    border: 1px solid #ffffff;
}

#content__wrapper div {
    width: 100% !important;
}

#content__wrapper *:not(img):not(iframe) {
    width: 100% !important;
}

#content__wrapper img, #content__wrapper iframe {
    max-width: 100%;
}

#content__wrapper *, #content__wrapper p, #content__wrapper span {
    background-color: transparent !important;
}
#kt_tabs_1_2 .table .thead-light th {
    background: #f6f6f6;
    color: #174799;
    font-weight: bold;
    border: 1px solid #ffffff;
}
/*end*/
.group-btn-content {
    line-height: 10 !important;
}

    .group-btn-content .group-btn-view {
        line-height: normal !important;
    }

.kt-nav {
    display: block;
    padding: 2px;
    margin: 0;
    list-style: none;
    border: 0;
    margin-left: 10px;
}

.kt-portlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
    background-color: #ffffff;
    margin-bottom: 20px;
    border-radius: 4px;
}

.kt-page-content-white .kt-portlet {
    -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1);
}

.kt-portlet .kt-portlet__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0 25px;
    border-bottom: 1px solid #ebedf2;
    min-height: 60px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .kt-portlet .kt-portlet__head.kt-portlet__head--right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .kt-portlet .kt-portlet__head.kt-portlet__head--noborder {
        border-bottom: 0;
    }

    .kt-portlet .kt-portlet__head .kt-portlet__head-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: flex-first;
        align-content: flex-first;
    }

        .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
            margin: 0;
            padding: 0;
            font-size: 1.2rem;
            font-weight: 500;
            color: #48465b;
        }

            .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title small {
                font-weight: 300;
                padding-left: 0.5rem;
                font-size: 1rem;
                color: #74788d;
            }

        .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-icon {
            padding-right: 0.75rem;
            font-size: 1.3rem;
            color: #74788d;
        }

    .kt-portlet .kt-portlet__head .kt-portlet__head-toolbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

        .kt-portlet .kt-portlet__head .kt-portlet__head-toolbar .nav-pills,
        .kt-portlet .kt-portlet__head .kt-portlet__head-toolbar .nav-tabs {
            margin: 0;
        }

        .kt-portlet .kt-portlet__head .kt-portlet__head-toolbar .kt-portlet__head-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .kt-portlet .kt-portlet__head .kt-portlet__head-progress {
        position: absolute;
        left: 0;
        right: 0;
    }

.kt-section .kt-section__content.kt-section__content--solid {
    padding: 1.5rem;
    border-left: 4px solid #e2e5ec;
    background-color: #e4edff;
    border-radius: 5px;
}

.kt-portlet.kt-portlet--head-sm .kt-portlet__head {
    min-height: 50px;
}

.kt-portlet.kt-portlet--head-lg .kt-portlet__head {
    min-height: 80px;
}

.kt-portlet.kt-portlet--head-xl .kt-portlet__head {
    min-height: 100px;
}

.kt-portlet.kt-portlet--sticky > .kt-portlet__head {
    height: 50px;
    min-height: 50px;
}

    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--sm {
        height: 40px;
        min-height: 40px;
    }

    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg {
        height: 70px;
        min-height: 70px;
    }

    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--xl {
        height: 90px;
        min-height: 90px;
    }

.kt-portlet.kt-portlet--head-overlay .kt-portlet__head {
    position: relative;
    z-index: 1;
    border: 0;
    height: 60px;
}

.kt-portlet.kt-portlet--head-overlay .kt-portlet__body {
    margin-top: -60px;
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__head {
    height: 50px;
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__body {
    margin-top: -50px;
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__head {
    height: 80px;
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__body {
    margin-top: -80px;
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__head {
    height: 100px;
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__body {
    margin-top: -100px;
}

.kt-portlet .kt-portlet__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    border-radius: 4px;
}

    .kt-portlet .kt-portlet__body .kt-portlet__content {
        padding: 0;
        margin: 0;
    }

    .kt-portlet .kt-portlet__body > .kt-datatable > .kt-datatable__table {
        border-radius: 4px;
    }

.kt-portlet .kt-portlet__foot {
    padding: 25px;
    border-top: 1px solid #ebedf2;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .kt-portlet .kt-portlet__foot .kt-portlet__foot-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .kt-portlet .kt-portlet__foot.kt-portlet__foot--sm {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .kt-portlet .kt-portlet__foot.kt-portlet__foot--md {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .kt-portlet .kt-portlet__foot.kt-portlet__foot--no-border {
        border-top: 0;
    }

    .kt-portlet .kt-portlet__foot.kt-portlet__foot--top {
        border-top: 0;
        border-bottom: 1px solid #ebedf2;
    }

    .kt-portlet .kt-portlet__foot.kt-portlet__foot--solid {
        background-color: #f7f8fa;
        border-top: 0;
    }

        .kt-portlet .kt-portlet__foot.kt-portlet__foot--solid.kt-portlet__foot--top {
            border-bottom: 0;
        }

.kt-portlet .kt-portlet__separator {
    height: 0;
    border-top: 1px solid #ebedf2;
}

.kt-portlet.kt-portlet--bordered {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ebedf2;
}

.kt-portlet.kt-portlet--unelevate {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.kt-portlet.kt-portlet--unround .kt-portlet__head {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.kt-portlet.kt-portlet--unround .kt-portlet__body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.kt-portlet.kt-portlet--unround .kt-portlet__foot {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.kt-portlet.kt-portlet--last {
    margin-bottom: 0;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--center-x {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--center-y {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kt-portlet .kt-portlet__body .kt-portlet__body--hor-fit {
    margin-left: -25px;
    margin-right: -25px;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--stick-bottom {
    position: relative;
    bottom: 0;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fluid {
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fill {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--unfill {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fullheight {
    -webkit-box-flex: auto;
    -ms-flex-positive: auto;
    flex-grow: auto;
}

.kt-portlet.kt-portlet--fit .kt-portlet__head {
    padding: 0;
}

.kt-portlet.kt-portlet--fit .kt-portlet__body {
    padding: 0;
}

.kt-portlet.kt-portlet--fit .kt-portlet__foot {
    padding: 0;
}

.kt-portlet.kt-portlet--fit.kt-portlet--height-fluid-half {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .kt-portlet.kt-portlet--fit.kt-portlet--height-fluid-half .kt-portlet__body {
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

.kt-portlet.kt-portlet--contain {
    overflow: hidden;
}

.kt-portlet.kt-portlet--space {
    padding-left: 25px;
    padding-right: 25px;
}

    .kt-portlet.kt-portlet--space .kt-portlet__head,
    .kt-portlet.kt-portlet--space .kt-portlet__body,
    .kt-portlet.kt-portlet--space .kt-portlet__foot {
        padding-left: 0;
        padding-right: 0;
    }

.kt-portlet.kt-portlet--head-noborder .kt-portlet__head {
    border-bottom: 0;
}

.kt-portlet.kt-portlet--head-noborder .kt-portlet__body {
    padding-top: 12.5px;
}

.kt-portlet.kt-portlet--tabs .kt-portlet__head .kt-portlet__head-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.kt-portlet.kt-portlet--tabs-border-3x .kt-portlet__head {
    border-bottom: 3px solid #f7f8fa;
}

    .kt-portlet.kt-portlet--tabs-border-3x .kt-portlet__head .nav.nav-tabs {
        margin-bottom: -3px;
    }

.kt-portlet.kt-portlet--solid-brand {
    background: #5d78ff;
}

    .kt-portlet.kt-portlet--solid-brand .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-brand .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-brand .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-brand .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-brand .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #3e5fff;
    }

.kt-portlet.kt-portlet--tabs-border-3x-brand .kt-portlet__head {
    border-bottom: 3px solid rgba(93, 120, 255, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-brand {
    border-bottom: 3px solid rgba(93, 120, 255, 0.2);
}

.kt-portlet.kt-portlet--solid-light {
    background: #ffffff;
}

    .kt-portlet.kt-portlet--solid-light .kt-portlet__head {
        color: #282a3c;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-title {
            color: #282a3c;
        }

            .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-title small {
                color: #1c1d2a;
            }

        .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-icon i {
            color: #1c1d2a;
        }

    .kt-portlet.kt-portlet--solid-light .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-light .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-light .kt-portlet__body {
        color: #282a3c;
    }

    .kt-portlet.kt-portlet--solid-light .kt-portlet__foot {
        color: #282a3c;
        border-top: 1px solid transparent;
        background: #f0f0f0;
    }

.kt-portlet.kt-portlet--tabs-border-3x-light .kt-portlet__head {
    border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-light {
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
}

.kt-portlet.kt-portlet--solid-dark {
    background: #282a3c;
}

    .kt-portlet.kt-portlet--solid-dark .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-dark .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-dark .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-dark .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-dark .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #1c1d2a;
    }

.kt-portlet.kt-portlet--tabs-border-3x-dark .kt-portlet__head {
    border-bottom: 3px solid rgba(40, 42, 60, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-dark {
    border-bottom: 3px solid rgba(40, 42, 60, 0.2);
}

.kt-portlet.kt-portlet--solid-primary {
    background: #5867dd;
}

    .kt-portlet.kt-portlet--solid-primary .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-primary .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-primary .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-primary .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-primary .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #3f50d8;
    }

.kt-portlet.kt-portlet--tabs-border-3x-primary .kt-portlet__head {
    border-bottom: 3px solid rgba(88, 103, 221, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-primary {
    border-bottom: 3px solid rgba(88, 103, 221, 0.2);
}

.kt-portlet.kt-portlet--solid-success {
    background: #0abb87;
}

    .kt-portlet.kt-portlet--solid-success .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-success .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-success .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-success .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-success .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #089e72;
    }

.kt-portlet.kt-portlet--tabs-border-3x-success .kt-portlet__head {
    border-bottom: 3px solid rgba(10, 187, 135, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-success {
    border-bottom: 3px solid rgba(10, 187, 135, 0.2);
}

.kt-portlet.kt-portlet--solid-info {
    background: #5578eb;
}

    .kt-portlet.kt-portlet--solid-info .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-info .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-info .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-info .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-info .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #3a62e8;
    }

.kt-portlet.kt-portlet--tabs-border-3x-info .kt-portlet__head {
    border-bottom: 3px solid rgba(85, 120, 235, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-info {
    border-bottom: 3px solid rgba(85, 120, 235, 0.2);
}

.kt-portlet.kt-portlet--solid-warning {
    background: #ffb822;
}

    .kt-portlet.kt-portlet--solid-warning .kt-portlet__head {
        color: #111111;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-title {
            color: #111111;
        }

            .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-title small {
                color: #020202;
            }

        .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-icon i {
            color: #020202;
        }

    .kt-portlet.kt-portlet--solid-warning .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-warning .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-warning .kt-portlet__body {
        color: #111111;
    }

    .kt-portlet.kt-portlet--solid-warning .kt-portlet__foot {
        color: #111111;
        border-top: 1px solid transparent;
        background: #ffae03;
    }

.kt-portlet.kt-portlet--tabs-border-3x-warning .kt-portlet__head {
    border-bottom: 3px solid rgba(255, 184, 34, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-warning {
    border-bottom: 3px solid rgba(255, 184, 34, 0.2);
}

.kt-portlet.kt-portlet--solid-danger {
    background: #fd397a;
}

    .kt-portlet.kt-portlet--solid-danger .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-danger .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-danger .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-danger .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-danger .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #fd1b66;
    }

.kt-portlet.kt-portlet--tabs-border-3x-danger .kt-portlet__head {
    border-bottom: 3px solid rgba(253, 57, 122, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-danger {
    border-bottom: 3px solid rgba(253, 57, 122, 0.2);
}

.kt-portlet.kt-portlet--sortable .kt-portlet__head {
    cursor: move;
}

.kt-portlet.kt-portlet--sortable-empty {
    visibility: hidden;
    height: 45px;
    min-height: 125px;
}

.kt-portlet.ui-sortable-helper {
    border: 1px dashed #ebedf2;
}

.kt-portlet .kt-portlet__head {
    -webkit-transition: left 0.3s, right 0.3s, height 0.3s;
    transition: left 0.3s, right 0.3s, height 0.3s;
}

.kt-portlet.kt-portlet--sticky > .kt-portlet__head {
    -webkit-transition: left 0.3s, right 0.3s, height 0.3s;
    transition: left 0.3s, right 0.3s, height 0.3s;
    position: fixed;
    -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
    z-index: 101;
    background: #fff;
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
    color: #fff;
}

    .kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title small {
        color: rgba(255, 255, 255, 0.8);
    }

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-icon {
    color: rgba(255, 255, 255, 0.8);
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head:not(.kt-portlet__head--noborder) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__body {
    color: #fff;
}

.kt-portlet .kt-portlet__space-x {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.kt-portlet .kt-portlet__space-y {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.kt-portlet.kt-portlet--collapsed > .kt-form,
.kt-portlet.kt-portlet--collapsed > .kt-portlet__body {
    display: none;
}

.kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before, .kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before {
    content: "\f113";
}

.kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before, .kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before {
    content: "\f28e";
}

.kt-portlet .kt-portlet__head.kt-portlet__head--fit {
    padding: 0;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fit {
    padding: 0;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fit-top {
    padding-top: 0 !important;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fit-bottom {
    padding-bottom: 0 !important;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fit-x,
.kt-portlet .kt-portlet__body.kt-portlet__body--hor-fit {
    padding-left: 0;
    padding-right: 0;
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fit-y {
    padding-top: 0;
    padding-bottom: 0;
}

.kt-portlet .kt-portlet__foot.kt-portlet__foot--fit {
    padding: 0;
}

.kt-portlet.kt-portlet--space {
    padding-left: 25px;
    padding-right: 25px;
}

    .kt-portlet.kt-portlet--space .kt-portlet__head,
    .kt-portlet.kt-portlet--space .kt-portlet__body,
    .kt-portlet.kt-portlet--space .kt-portlet__foot {
        padding-left: 0;
        padding-right: 0;
    }

.kt-portlet.kt-portlet--head-noborder .kt-portlet__head {
    border-bottom: 0;
}

.kt-portlet.kt-portlet--head-noborder .kt-portlet__body {
    padding-top: 12.5px;
}

.kt-portlet.kt-portlet--tabs .kt-portlet__head .kt-portlet__head-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.kt-portlet.kt-portlet--tabs-border-3x .kt-portlet__head {
    border-bottom: 3px solid #f7f8fa;
}

    .kt-portlet.kt-portlet--tabs-border-3x .kt-portlet__head .nav.nav-tabs {
        margin-bottom: -3px;
    }

.kt-portlet.kt-portlet--solid-brand {
    background: #5d78ff;
}

    .kt-portlet.kt-portlet--solid-brand .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-brand .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-brand .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-brand .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-brand .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #3e5fff;
    }

.kt-portlet.kt-portlet--tabs-border-3x-brand .kt-portlet__head {
    border-bottom: 3px solid rgba(93, 120, 255, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-brand {
    border-bottom: 3px solid rgba(93, 120, 255, 0.2);
}

.kt-portlet.kt-portlet--solid-light {
    background: #ffffff;
}

    .kt-portlet.kt-portlet--solid-light .kt-portlet__head {
        color: #282a3c;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-title {
            color: #282a3c;
        }

            .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-title small {
                color: #1c1d2a;
            }

        .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-icon i {
            color: #1c1d2a;
        }

    .kt-portlet.kt-portlet--solid-light .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-light .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-light .kt-portlet__body {
        color: #282a3c;
    }

    .kt-portlet.kt-portlet--solid-light .kt-portlet__foot {
        color: #282a3c;
        border-top: 1px solid transparent;
        background: #f0f0f0;
    }

.kt-portlet.kt-portlet--tabs-border-3x-light .kt-portlet__head {
    border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-light {
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
}

.kt-portlet.kt-portlet--solid-dark {
    background: #282a3c;
}

    .kt-portlet.kt-portlet--solid-dark .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-dark .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-dark .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-dark .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-dark .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #1c1d2a;
    }

.kt-portlet.kt-portlet--tabs-border-3x-dark .kt-portlet__head {
    border-bottom: 3px solid rgba(40, 42, 60, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-dark {
    border-bottom: 3px solid rgba(40, 42, 60, 0.2);
}

.kt-portlet.kt-portlet--solid-primary {
    background: #5867dd;
}

    .kt-portlet.kt-portlet--solid-primary .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-primary .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-primary .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-primary .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-primary .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #3f50d8;
    }

.kt-portlet.kt-portlet--tabs-border-3x-primary .kt-portlet__head {
    border-bottom: 3px solid rgba(88, 103, 221, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-primary {
    border-bottom: 3px solid rgba(88, 103, 221, 0.2);
}

.kt-portlet.kt-portlet--solid-success {
    background: #0abb87;
}

    .kt-portlet.kt-portlet--solid-success .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-success .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-success .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-success .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-success .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #089e72;
    }

.kt-portlet.kt-portlet--tabs-border-3x-success .kt-portlet__head {
    border-bottom: 3px solid rgba(10, 187, 135, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-success {
    border-bottom: 3px solid rgba(10, 187, 135, 0.2);
}

.kt-portlet.kt-portlet--solid-info {
    background: #5578eb;
}

    .kt-portlet.kt-portlet--solid-info .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-info .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-info .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-info .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-info .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #3a62e8;
    }

.kt-portlet.kt-portlet--tabs-border-3x-info .kt-portlet__head {
    border-bottom: 3px solid rgba(85, 120, 235, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-info {
    border-bottom: 3px solid rgba(85, 120, 235, 0.2);
}

.kt-portlet.kt-portlet--solid-warning {
    background: #ffb822;
}

    .kt-portlet.kt-portlet--solid-warning .kt-portlet__head {
        color: #111111;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-title {
            color: #111111;
        }

            .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-title small {
                color: #020202;
            }

        .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-icon i {
            color: #020202;
        }

    .kt-portlet.kt-portlet--solid-warning .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-warning .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-warning .kt-portlet__body {
        color: #111111;
    }

    .kt-portlet.kt-portlet--solid-warning .kt-portlet__foot {
        color: #111111;
        border-top: 1px solid transparent;
        background: #ffae03;
    }

.kt-portlet.kt-portlet--tabs-border-3x-warning .kt-portlet__head {
    border-bottom: 3px solid rgba(255, 184, 34, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-warning {
    border-bottom: 3px solid rgba(255, 184, 34, 0.2);
}

.kt-portlet.kt-portlet--solid-danger {
    background: #fd397a;
}

    .kt-portlet.kt-portlet--solid-danger .kt-portlet__head {
        color: #ffffff;
        border-bottom: 1px solid transparent;
    }

        .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-title {
            color: #ffffff;
        }

            .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-title small {
                color: #f0f0f0;
            }

        .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-icon i {
            color: #f0f0f0;
        }

    .kt-portlet.kt-portlet--solid-danger .kt-portlet__body {
        padding-top: 5px;
    }

    .kt-portlet.kt-portlet--solid-danger .kt-portlet__wrapper,
    .kt-portlet.kt-portlet--solid-danger .kt-portlet__body {
        color: #ffffff;
    }

    .kt-portlet.kt-portlet--solid-danger .kt-portlet__foot {
        color: #ffffff;
        border-top: 1px solid transparent;
        background: #fd1b66;
    }

.kt-portlet.kt-portlet--tabs-border-3x-danger .kt-portlet__head {
    border-bottom: 3px solid rgba(253, 57, 122, 0.1);
}

.kt-portlet.kt-portlet--border-bottom-danger {
    border-bottom: 3px solid rgba(253, 57, 122, 0.2);
}

.kt-portlet.kt-portlet--sortable .kt-portlet__head {
    cursor: move;
}

.kt-portlet.kt-portlet--sortable-empty {
    visibility: hidden;
    height: 45px;
    min-height: 125px;
}

.kt-portlet.ui-sortable-helper {
    border: 1px dashed #ebedf2;
}

.kt-portlet .kt-portlet__head {
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}

.kt-portlet.kt-portlet--sticky > .kt-portlet__head {
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
    position: fixed;
    -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
    z-index: 101;
    background: #fff;
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
    color: #fff;
}

    .kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title small {
        color: rgba(255, 255, 255, 0.8);
    }

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-icon {
    color: rgba(255, 255, 255, 0.8);
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head:not(.kt-portlet__head--noborder) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__body {
    color: #fff;
}

.kt-portlet .kt-portlet__space-x {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.kt-portlet .kt-portlet__space-y {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.kt-portlet.kt-portlet--collapsed > .kt-form,
.kt-portlet.kt-portlet--collapsed > .kt-portlet__body {
    display: none;
}

.kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before, .kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before {
    content: "\f113";
}

.kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before, .kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before {
    content: "\f28e";
}

.tooltip-portlet {
    opacity: 1;
}

.kt-timeline-v1 {
    position: relative;
    width: 100%;
}

    .kt-timeline-v1:after {
        content: '';
        position: absolute;
        width: 5px;
        top: 0;
        margin-top: 0.1rem;
        bottom: 3rem;
        left: 50%;
        margin-left: -2.5px;
        background-color: #E6EAF5;
    }

    .kt-timeline-v1.kt-timeline-v1--center {
        margin: 0 auto;
    }

    .kt-timeline-v1 .kt-timeline-v1__items {
        padding-bottom: 6rem;
        position: relative;
    }

        .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__marker {
            width: 20px;
            height: 5px;
            border-radius: 4px;
            position: absolute;
            left: 50%;
            margin-left: -10px;
            background-color: #E6EAF5;
        }

        .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item {
            position: relative;
            margin-left: 0;
            width: 50%;
            min-height: 3rem;
        }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-arrow {
                color: #F7F8FC;
            }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle {
                background: white;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                z-index: 1;
                position: absolute;
            }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle > div {
                    border-radius: 50%;
                    width: 6px;
                    height: 6px;
                }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
                position: absolute;
                display: inline-block;
                margin-top: -2.14rem;
                font-weight: 700;
            }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time > span {
                    padding-left: 5px;
                }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content {
                position: relative;
                border-radius: 4px;
                padding: 2.14rem;
                background-color: #F7F8FC;
            }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-title {
                    font-size: 1.2rem;
                    /*font-weight: 500;*/
                }

                    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-title + .kt-timeline-v1__item-body {
                        margin-top: 1.25rem;
                    }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-actions {
                    margin-top: 1.25rem;
                }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-desc {
                    color: #74788d;
                }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left {
                left: 0;
                padding-right: 2.85rem;
                position: relative;
            }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left .kt-timeline-v1__item-circle {
                    right: -10px;
                    top: 20px;
                }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left .kt-timeline-v1__item-time {
                    right: 3.8rem;
                }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left:after {
                    position: absolute;
                    content: '';
                    width: 0;
                    height: 0;
                    top: 15px;
                    left: 100%;
                    margin-left: -3rem;
                    border-left: solid 10px #F7F8FC;
                    border-bottom: solid 17px transparent;
                    border-right: solid 17px transparent;
                    border-top: solid 17px transparent;
                }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right {
                left: 50%;
                padding-left: 2.86rem;
                top: -3.5rem;
            }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right .kt-timeline-v1__item-circle {
                    top: 20px;
                    left: -10px;
                }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right .kt-timeline-v1__item-time {
                    left: 3.57rem;
                }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right:after {
                    position: absolute;
                    content: '';
                    width: 0;
                    height: 0;
                    top: 15px;
                    right: 100%;
                    margin-right: -3rem;
                    border-right: solid 10px #F7F8FC;
                    border-bottom: solid 17px transparent;
                    border-left: solid 17px transparent;
                    border-top: solid 17px transparent;
                }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first {
                top: 3.5rem;
            }

                .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first + .kt-timeline-v1__item--right {
                    top: -1rem;
                }

    .kt-timeline-v1.kt-timeline-v1--justified:after {
        left: 0;
        bottom: 0;
    }

    .kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items {
        position: static;
        margin-bottom: 40px;
        padding: 20px 0;
    }

        .kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__marker {
            left: 0;
            top: 0;
        }

        .kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item {
            width: 100%;
            top: 0 !important;
            left: 0 !important;
            margin-top: 50px !important;
            padding-left: 2.25rem;
            padding-right: 0;
            position: relative;
        }

            .kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item:after {
                position: absolute;
                content: '';
                width: 0;
                height: 0;
                top: 15px;
                left: 0;
                margin-left: 3px;
                border-right: solid 10px #F7F8FC;
                border-bottom: solid 17px transparent;
                border-left: solid 17px transparent;
                border-top: solid 17px transparent;
            }

            .kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
                position: absolute;
                display: inline-block;
                margin-top: -2.14rem;
            }

            .kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle {
                left: -10px;
                top: 20px;
            }

            .kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
                right: 100%;
                left: 3.57rem;
            }

            .kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first {
                margin-top: 20px !important;
            }

@media (max-width: 1399px) {
    .kt-timeline-v1:after {
        left: 0;
        bottom: 0;
    }

    .kt-timeline-v1 .kt-timeline-v1__items {
        position: static;
        margin-bottom: 40px;
        padding: 20px 0;
    }

        .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__marker {
            left: 0;
            top: 0;
        }

        .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item {
            width: 100%;
            left: 0 !important;
            top: 0 !important;
            margin-top: 50px !important;
            padding-left: 2.25rem !important;
            padding-right: 0 !important;
            position: relative;
        }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item:after {
                position: absolute;
                content: '';
                width: 0;
                height: 0;
                top: 15px !important;
                left: 0 !important;
                right: auto !important;
                margin-left: 3px !important;
                border-right: solid 10px #F7F8FC !important;
                border-bottom: solid 17px transparent !important;
                border-left: solid 17px transparent !important;
                border-top: solid 17px transparent !important;
            }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
                position: absolute;
                display: inline-block;
                margin-top: -2.14rem;
            }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle {
                left: -10px;
                top: 20px;
            }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
                right: 100%;
                left: 3.57rem;
            }

            .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first {
                margin-top: 50px !important;
            }
}

.kt-timeline-v2 {
    position: relative;
}

    .kt-timeline-v2:before {
        content: '';
        position: absolute;
        left: 4.85rem;
        width: 0.214rem;
        top: 5px;
        bottom: 5px;
        height: calc(100% - 5px);
        background-color: #E7E9F5;
    }

    .kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item {
        display: table;
        position: relative;
        margin-bottom: 1.75rem;
    }

        .kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-time {
            display: table-cell;
            font-size: 1.3rem;
            font-weight: 500;
            vertical-align: top;
            position: absolute;
            padding-top: 0.18rem;
            color: #74788d;
        }

        .kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-cricle {
            border-radius: 50%;
            border: 0.89rem solid white;
            z-index: 1;
            top: 0.2rem;
            left: 4.12rem;
            position: relative;
        }

            .kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-cricle > i {
                font-size: 1.78rem;
                top: -0.93rem;
                left: -0.57rem;
                position: absolute;
            }

        .kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-text {
            display: table-cell;
            vertical-align: top;
            font-size: 1rem;
            padding: 0.35rem 0 0 5rem;
            color: #74788d;
        }

            .kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-text.kt-timeline-v2__item-text--bold {
                font-size: 1.2rem;
                font-weight: 500;
                padding-top: 0.21rem;
                color: #74788d;
            }

            .kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-text > span {
                font-weight: 700;
            }

        .kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-list-pics {
            display: table-cell;
            vertical-align: top;
        }

        .kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item:last-child {
            margin-bottom: 0;
        }

.kt-timeline-v3 .kt-timeline-v3__item {
    display: table;
    margin-bottom: 1rem;
    position: relative;
}

    .kt-timeline-v3 .kt-timeline-v3__item:before {
        position: absolute;
        display: block;
        width: 0.28rem;
        border-radius: 0.3rem;
        height: 70%;
        left: 5.1rem;
        top: 0.46rem;
        content: "";
    }

    .kt-timeline-v3 .kt-timeline-v3__item .kt-timeline-v3__item-time {
        display: table-cell;
        vertical-align: top;
        padding-top: 0.6rem;
        font-weight: 500;
        font-size: 1.3rem;
        position: absolute;
        text-align: right;
        width: 3.57rem;
        color: #74788d;
    }

    .kt-timeline-v3 .kt-timeline-v3__item .kt-timeline-v3__item-desc {
        display: table-cell;
        width: 100%;
        vertical-align: top;
        padding-left: 7rem;
    }

        .kt-timeline-v3 .kt-timeline-v3__item .kt-timeline-v3__item-desc .kt-timeline-v3__item-text {
            font-size: 1rem;
            font-weight: 400;
            color: #74788d;
        }

        .kt-timeline-v3 .kt-timeline-v3__item .kt-timeline-v3__item-desc .kt-timeline-v3__item-user-name .kt-timeline-v3__itek-link {
            font-size: 0.9rem;
            text-decoration: none;
        }

    .kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--brand:before {
        background: #5d78ff;
    }

    .kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--light:before {
        background: #ffffff;
    }

    .kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--dark:before {
        background: #282a3c;
    }

    .kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--primary:before {
        background: #5867dd;
    }

    .kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--success:before {
        background: #0abb87;
    }

    .kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--info:before {
        background: #5578eb;
    }

    .kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--warning:before {
        background: #ffb822;
    }

    .kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--danger:before {
        background: #fd397a;
    }

@media (max-width: 768px) {
    .kt-timeline-v3 .kt-timeline-v3__item {
        margin-left: 0;
    }

    .header-top-content {
        border: none;
        margin-bottom: 25px;
        margin-top: 5px;
    }

    .title-company {
        margin-left: 3px;
    }
}

@media (min-width: 1025px) {
    .kt-portlet.kt-portlet--height-fluid {
        height: calc(100% - 20px);
    }

        .kt-portlet.kt-portlet--height-fluid .kt-portlet__body {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

    .kt-portlet.kt-portlet--height-fluid-half {
        height: calc(50% - 20px);
    }

        .kt-portlet.kt-portlet--height-fluid-half .kt-portlet__body {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }
}

@media (max-width: 1024px) {
    .kt-portlet {
        margin-bottom: 20px;
    }

        .kt-portlet .kt-portlet__head {
            padding: 0 15px;
            min-height: 50px;
        }

            .kt-portlet .kt-portlet__head.kt-portlet__head--sm {
                min-height: 40px;
            }

            .kt-portlet .kt-portlet__head.kt-portlet__head--lg {
                min-height: 60px;
            }

            .kt-portlet .kt-portlet__head.kt-portlet__head--xl {
                min-height: 80px;
            }

        .kt-portlet.kt-portlet--head-sm .kt-portlet__head {
            min-height: 40px;
        }

        .kt-portlet.kt-portlet--head-lg .kt-portlet__head {
            min-height: 60px;
        }

        .kt-portlet.kt-portlet--head-xl .kt-portlet__head {
            min-height: 80px;
        }

        .kt-portlet .kt-portlet__body {
            padding: 15px;
        }

            .kt-portlet .kt-portlet__body .kt-portlet__body--hor-fit {
                margin-left: -15px;
                margin-right: -15px;
            }

        .kt-portlet .kt-portlet__foot {
            padding: 15px;
        }

        .kt-portlet.kt-portlet--marginless {
            margin-bottom: 0;
        }

        .kt-portlet.kt-portlet--sticky > .kt-portlet__head {
            height: 40px;
        }

            .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--sm {
                height: 30px;
            }

            .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg {
                height: 50px;
            }

            .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--xl {
                height: 70px;
            }

        .kt-portlet.kt-portlet--head-overlay .kt-portlet__head {
            height: 50px;
        }

        .kt-portlet.kt-portlet--head-overlay .kt-portlet__body {
            margin-top: -50px;
        }

        .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__head {
            height: 40px;
        }

        .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__body {
            margin-top: -40px;
        }

        .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__head {
            height: 60px;
        }

        .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__body {
            margin-top: -60px;
        }

        .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__head {
            height: 80px;
        }

        .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__body {
            margin-top: -80px;
        }

        .kt-portlet.kt-portlet--head--noborder .kt-portlet__body {
            padding-top: 7.5px;
        }

        .kt-portlet .kt-portlet__space-x {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        .kt-portlet .kt-portlet__space-y {
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }
}

@media (max-width: 768px) {
    .kt-portlet.kt-portlet--head-break-sm .kt-portlet__head {
        padding-top: 15px;
        padding-bottom: 15px;
        min-height: initial !important;
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .kt-portlet.kt-portlet--head-break-sm .kt-portlet__head .kt-portlet__head-label {
            margin-bottom: 1rem;
        }
}

.kt-widget4 .kt-widget4__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ebedf2;
    margin-top: 10px;
}

    .kt-widget4 .kt-widget4__item .kt-widget4__pic {
        padding-right: 1rem;
    }

        .kt-widget4 .kt-widget4__item .kt-widget4__pic img {
            width: 2.5rem;
            border-radius: 4px;
        }

        .kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--sm img {
            width: 2.5rem;
        }

        .kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--lg img {
            width: 3.5rem;
        }

        .kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--xl img {
            width: 4rem;
        }

        .kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--circle img {
            border-radius: 50%;
        }

    .kt-widget4 .kt-widget4__item .kt-widget4__img {
        margin-right: 0.5rem;
    }

    .kt-widget4 .kt-widget4__item .kt-widget4__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 1.25rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__username {
            font-weight: bold;
            font-size: 1rem;
            color: #595d6e;
            -webkit-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }

            .kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__username:hover {
                color: #5d78ff;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }

        .kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__title {
            font-weight: 500;
            font-size: 1.1rem;
            color: #595d6e;
        }

        .kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__text {
            font-size: 1rem;
            margin: 0;
            color: #74788d;
        }

    .kt-widget4 .kt-widget4__item .kt-widget4__title {
        color: #595d6e;
        font-size: 1rem;
        font-weight: 500;
        padding-right: 1.25rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

        .kt-widget4 .kt-widget4__item .kt-widget4__title.kt-widget4__title--light {
            font-weight: 500;
        }

        .kt-widget4 .kt-widget4__item .kt-widget4__title:hover {
            color: #5d78ff;
            -webkit-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }

    .kt-widget4 .kt-widget4__item .kt-widget4__number {
        width: 7rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: right;
        font-weight: 500;
        font-size: 1.1rem;
    }

    .kt-widget4 .kt-widget4__item .kt-widget4__icon {
        padding-right: 1.25rem;
    }

        .kt-widget4 .kt-widget4__item .kt-widget4__icon > i {
            font-size: 1.6rem;
            text-align: right;
            color: #74788d;
        }

        .kt-widget4 .kt-widget4__item .kt-widget4__icon.kt-widget4__icon--2x > i {
            font-size: 2.2rem;
        }

    .kt-widget4 .kt-widget4__item:first-child {
        padding-top: 0;
    }

    .kt-widget4 .kt-widget4__item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

.kt-widget4.kt-widget4--progress .kt-widget4__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
}

    .kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5rem;
    }

        .kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress .kt-widget4__stats {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 0.7rem;
        }

            .kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress .kt-widget4__stats > span {
                line-height: 1.1;
            }

                .kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress .kt-widget4__stats > span:first-child {
                    font-size: 1.1rem;
                    font-weight: 600;
                    color: #595d6e;
                }

                .kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress .kt-widget4__stats > span:last-child {
                    font-size: 0.9rem;
                    color: #74788d;
                    font-weight: 400;
                }

        .kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress .progress {
            width: 100%;
        }

.kt-widget4 .kt-widget4__chart {
    position: relative;
}

.kt-widget4.kt-widget4--sticky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

    .kt-widget4.kt-widget4--sticky .kt-widget4__items {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .kt-widget4.kt-widget4--sticky .kt-widget4__items.kt-widget4__items--bottom {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

    .kt-widget4.kt-widget4--sticky .kt-widget4__chart canvas {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.kt-notification .kt-notification__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.1rem 1.5rem;
    border-bottom: 1px solid #f7f8fa;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

    .kt-notification .kt-notification__item:last-child {
        border-bottom: 1px solid transparent;
    }

    .kt-notification .kt-notification__item .kt-notification__item-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.5rem;
        flex: 0 0 2.5rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .kt-notification .kt-notification__item .kt-notification__item-icon i {
            font-size: 1.4rem;
            color: #5d78ff;
        }

        .kt-notification .kt-notification__item .kt-notification__item-icon svg {
            height: 24px;
            width: 24px;
            margin-left: -4px;
        }

    .kt-notification .kt-notification__item .kt-notification__item-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
            -webkit-transition: color 0.3s ease;
            transition: color 0.3s ease;
            font-size: 1rem;
            font-weight: 400;
            color: #595d6e;
        }

        .kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
            font-size: 1rem;
            font-weight: 300;
            color: #74788d;
        }

    .kt-notification .kt-notification__item:hover {
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        text-decoration: none;
        background-color: #f7f8fa;
    }

        .kt-notification .kt-notification__item:hover .kt-notification__item-details .kt-notification__item-title {
            -webkit-transition: color 0.3s ease;
            transition: color 0.3s ease;
            color: #5d78ff;
        }

    .kt-notification .kt-notification__item.kt-notification__item--read {
        opacity: 0.5;
    }

    .kt-notification .kt-notification__item:after {
        border: 0;
        font-family: "LineAwesome";
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: "";
        /*rtl:begin:remove*/
        font-family: "LineAwesome";
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: "";
        /*rtl:end:remove*/
        font-size: 0.8rem;
        line-height: 0;
        position: relative;
        color: #74788d;
        padding-right: 5px;
    }

.kt-font-brand {
    color: #5d78ff !important;
}

.kt-font-hover-brand:hover {
    color: #0029f6;
}

.kt-font-inverse-brand {
    color: #ffffff !important;
}

.kt-bg-brand {
    background-color: #5d78ff !important;
}

.kt-bg-fill-brand {
    background-color: #5d78ff !important;
    color: #ffffff !important;
}

    .kt-bg-fill-brand > i {
        color: #ffffff !important;
    }

.kt-bg-light-brand {
    background-color: rgba(93, 120, 255, 0.1) !important;
}

.kt-font-light {
    color: #ffffff !important;
}

.kt-font-hover-light:hover {
    color: #cccccc;
}

.kt-font-inverse-light {
    color: #282a3c !important;
}

.kt-bg-light {
    background-color: #ffffff !important;
}

.kt-bg-fill-light {
    background-color: #ffffff !important;
    color: #282a3c !important;
}

    .kt-bg-fill-light > i {
        color: #282a3c !important;
    }

.kt-bg-light-light {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.kt-font-dark {
    color: #282a3c !important;
}

.kt-font-hover-dark:hover {
    color: black;
}

.kt-font-inverse-dark {
    color: #ffffff !important;
}

.kt-bg-dark {
    background-color: #282a3c !important;
}

.kt-bg-fill-dark {
    background-color: #282a3c !important;
    color: #ffffff !important;
}

    .kt-bg-fill-dark > i {
        color: #ffffff !important;
    }

.kt-bg-light-dark {
    background-color: rgba(40, 42, 60, 0.1) !important;
}

.kt-font-primary {
    color: #5867dd !important;
}

.kt-font-hover-primary:hover {
    color: #2332ac;
}

.kt-font-inverse-primary {
    color: #ffffff !important;
}

.kt-bg-primary {
    background-color: #5867dd !important;
}

.kt-bg-fill-primary {
    background-color: #5867dd !important;
    color: #ffffff !important;
}

    .kt-bg-fill-primary > i {
        color: #ffffff !important;
    }

.kt-bg-light-primary {
    background-color: rgba(88, 103, 221, 0.1) !important;
}

.kt-font-success {
    color: #0abb87 !important;
}

.kt-font-hover-success:hover {
    color: #055a41;
}

.kt-font-inverse-success {
    color: #ffffff !important;
}

.kt-bg-success {
    background-color: #0abb87 !important;
}

.kt-bg-fill-success {
    background-color: #0abb87 !important;
    color: #ffffff !important;
}

    .kt-bg-fill-success > i {
        color: #ffffff !important;
    }

.kt-bg-light-success {
    background-color: rgba(10, 187, 135, 0.1) !important;
}

.kt-font-info {
    color: #5578eb !important;
}

.kt-font-hover-info:hover {
    color: #173fc3;
}

.kt-font-inverse-info {
    color: #ffffff !important;
}

.kt-bg-info {
    background-color: #5578eb !important;
}

.kt-bg-fill-info {
    background-color: #5578eb !important;
    color: #ffffff !important;
}

    .kt-bg-fill-info > i {
        color: #ffffff !important;
    }

.kt-bg-light-info {
    background-color: rgba(85, 120, 235, 0.1) !important;
}

.kt-font-warning {
    color: #ffb822 !important;
}

.kt-font-hover-warning:hover {
    color: #bb7f00;
}

.kt-font-inverse-warning {
    color: #111111 !important;
}

.kt-bg-warning {
    background-color: #ffb822 !important;
}

.kt-bg-fill-warning {
    background-color: #ffb822 !important;
    color: #111111 !important;
}

    .kt-bg-fill-warning > i {
        color: #111111 !important;
    }

.kt-bg-light-warning {
    background-color: rgba(255, 184, 34, 0.1) !important;
}

.kt-font-danger {
    color: #fd397a !important;
}

.kt-font-hover-danger:hover {
    color: #ce0246;
}

.kt-font-inverse-danger {
    color: #ffffff !important;
}

.kt-bg-danger {
    background-color: #fd397a !important;
}

.kt-bg-fill-danger {
    background-color: #fd397a !important;
    color: #ffffff !important;
}

    .kt-bg-fill-danger > i {
        color: #ffffff !important;
    }

.kt-bg-light-danger {
    background-color: rgba(253, 57, 122, 0.1) !important;
}

.kt-font-facebook {
    color: #3b5998 !important;
}

.kt-font-google {
    color: #dc4e41 !important;
}

.kt-font-twitter {
    color: #4AB3F4 !important;
}

.kt-font-instagram {
    color: #517fa4 !important;
}

.kt-font-youtube {
    color: #b31217 !important;
}

.kt-font-linkedin {
    color: #0077b5 !important;
}

.kt-font-skype {
    color: #00aff0 !important;
}

.kt-label-font-color-1 {
    color: #a2a5b9 !important;
}

.kt-label-bg-color-1 {
    background-color: #a2a5b9 !important;
}

.kt-label-font-color-2 {
    color: #74788d !important;
}

.kt-label-bg-color-2 {
    background-color: #74788d !important;
}

.kt-label-font-color-3 {
    color: #595d6e !important;
}

.kt-label-bg-color-3 {
    background-color: #595d6e !important;
}

.kt-label-font-color-4 {
    color: #48465b !important;
}

.kt-label-bg-color-4 {
    background-color: #48465b !important;
}

.kt-shape-font-color-1 {
    color: #f0f3ff !important;
}

.kt-shape-bg-color-1 {
    background-color: #f0f3ff !important;
}

.kt-shape-font-color-2 {
    color: #e8ecfa !important;
}

.kt-shape-bg-color-2 {
    background-color: #e8ecfa !important;
}

.kt-shape-font-color-3 {
    color: #93a2dd !important;
}

.kt-shape-bg-color-3 {
    background-color: #93a2dd !important;
}

.kt-shape-font-color-4 {
    color: #646c9a !important;
}

.kt-shape-bg-color-4 {
    background-color: #646c9a !important;
}

.btn.btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.3rem + 2px);
    width: calc(1.5em + 1.3rem + 2px);
}

.btn {
    outline: none !important;
    vertical-align: middle;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

    .btn i {
        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    }

    .btn:hover:not(.btn-text), .btn:focus:not(.btn-text), .btn.focus {
        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    }

        .btn:hover:not(.btn-text) i, .btn:focus:not(.btn-text) i, .btn.focus i {
            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        }

    .btn.disabled, .btn:disabled {
        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    }

        .btn.disabled i, .btn:disabled i {
            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        }

    .btn:not(:disabled):not(.disabled):active:not(.btn-text), .btn:not(:disabled):not(.disabled).active,
    .show > .btn.dropdown-toggle {
        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    }

        .btn:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn:not(:disabled):not(.disabled).active i,
        .show > .btn.dropdown-toggle i {
            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        }

    .btn:focus:not(.btn-shadow):not(.btn-shadow-hover) {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .btn.btn-square {
        border-radius: 0;
    }

    .btn.btn-pill {
        border-radius: 2rem;
    }

    .btn.btn-text {
        cursor: text;
    }

    .btn:not(.btn-text) {
        cursor: pointer;
    }

    .btn.btn-borderless {
        border-color: transparent;
    }

    .btn i {
        font-size: 1.3rem;
        padding-right: 0.35rem;
        vertical-align: middle;
        line-height: 1;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .btn .svg-icon {
        margin-right: 0.5rem;
    }

        .btn .svg-icon svg {
            height: 18px;
            width: 18px;
        }

    .btn.btn-xs i {
        font-size: 1rem;
        padding-right: 0.3rem;
    }

    .btn.btn-xs .svg-icon {
        margin-right: 0.3rem;
    }

        .btn.btn-xs .svg-icon svg {
            height: 16px;
            width: 16px;
        }

    .btn.btn-sm i, .btn-group-sm > .btn i {
        font-size: 1.3rem;
        padding-right: 0.35rem;
    }

    .btn.btn-sm .svg-icon, .btn-group-sm > .btn .svg-icon {
        margin-right: 0.35rem;
    }

        .btn.btn-sm .svg-icon svg, .btn-group-sm > .btn .svg-icon svg {
            height: 16px;
            width: 16px;
        }

    .btn.btn-lg i, .btn-group-lg > .btn i {
        font-size: 1.5rem;
        padding-right: 0.75rem;
    }

    .btn.btn-lg .svg-icon, .btn-group-lg > .btn .svg-icon {
        margin-right: 0.75rem;
    }

        .btn.btn-lg .svg-icon svg, .btn-group-lg > .btn .svg-icon svg {
            height: 20px;
            width: 20px;
        }

    .btn.btn-icon.btn-xs {
        height: 24px;
        width: 24px;
    }

    .btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon {
        height: calc(1.35em + 1.1rem + 2px);
        width: calc(1.35em + 1.1rem + 2px);
    }

    .btn.btn-icon.btn-lg, .btn-group-lg > .btn.btn-icon {
        height: calc(1.5em + 1.65rem + 2px);
        width: calc(1.5em + 1.65rem + 2px);
    }

    .btn.btn-icon.btn-circle {
        border-radius: 50%;
    }

    .btn.btn-icon i {
        padding: 0;
        margin: 0;
    }

    .btn.btn-icon [class^="socicon-"]:before,
    .btn.btn-icon [class*=" socicon-"]:before {
        line-height: 1;
    }

    .btn.btn-icon .svg-icon {
        margin: 0;
        padding: 0;
    }

.kt-badge {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    font-size: 0.8rem;
}

    .kt-badge.kt-badge--bold {
        font-weight: 500;
    }

    .kt-badge.kt-badge--bolder {
        font-weight: 600;
    }

    .kt-badge.kt-badge--boldest {
        font-weight: 700;
    }

    .kt-badge.kt-badge--md {
        height: 24px;
        width: 24px;
        font-size: 0.9rem;
    }

    .kt-badge.kt-badge--lg {
        height: 35px;
        width: 35px;
        font-size: 1rem;
    }

    .kt-badge.kt-badge--xl {
        height: 50px;
        width: 50px;
        font-size: 1.1rem;
        font-weight: 500;
    }

    .kt-badge.kt-badge__pics {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }

        .kt-badge.kt-badge__pics .kt-badge__pic {
            border-radius: 50%;
            width: 2.5rem;
            height: 2.5rem;
            overflow: hidden;
            margin-left: -0.7rem;
            border: 1px solid #ffffff;
            background-color: #f0f3ff;
            color: #a1a8c3;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-weight: 500;
            position: relative;
        }

            .kt-badge.kt-badge__pics .kt-badge__pic img {
                width: 100%;
            }

            .kt-badge.kt-badge__pics .kt-badge__pic.kt-badge__pic--last {
                font-size: 1rem;
                font-weight: 500;
            }

    .kt-badge.kt-badge--brand {
        color: #ffffff;
        background: #5d78ff;
    }

    .kt-badge.kt-badge--outline.kt-badge--brand {
        background: transparent;
        color: #5d78ff;
        border: 1px solid #5d78ff;
    }

        .kt-badge.kt-badge--outline.kt-badge--brand.kt-badge--outline-2x {
            border: 2px solid #5d78ff;
        }

    .kt-badge.kt-badge--light {
        color: #282a3c;
        background: #ffffff;
    }

    .kt-badge.kt-badge--outline.kt-badge--light {
        background: transparent;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

        .kt-badge.kt-badge--outline.kt-badge--light.kt-badge--outline-2x {
            border: 2px solid #ffffff;
        }

    .kt-badge.kt-badge--dark {
        color: #ffffff;
        background: #282a3c;
    }

    .kt-badge.kt-badge--outline.kt-badge--dark {
        background: transparent;
        color: #282a3c;
        border: 1px solid #282a3c;
    }

        .kt-badge.kt-badge--outline.kt-badge--dark.kt-badge--outline-2x {
            border: 2px solid #282a3c;
        }

    .kt-badge.kt-badge--primary {
        color: #ffffff;
        background: #5867dd;
    }

    .kt-badge.kt-badge--outline.kt-badge--primary {
        background: transparent;
        color: #5867dd;
        border: 1px solid #5867dd;
    }

        .kt-badge.kt-badge--outline.kt-badge--primary.kt-badge--outline-2x {
            border: 2px solid #5867dd;
        }

    .kt-badge.kt-badge--success {
        color: #ffffff;
        background: #0abb87;
    }

    .kt-badge.kt-badge--outline.kt-badge--success {
        background: transparent;
        color: #0abb87;
        border: 1px solid #0abb87;
    }

        .kt-badge.kt-badge--outline.kt-badge--success.kt-badge--outline-2x {
            border: 2px solid #0abb87;
        }

    .kt-badge.kt-badge--info {
        color: #ffffff;
        background: #5578eb;
    }

    .kt-badge.kt-badge--outline.kt-badge--info {
        background: transparent;
        color: #5578eb;
        border: 1px solid #5578eb;
    }

        .kt-badge.kt-badge--outline.kt-badge--info.kt-badge--outline-2x {
            border: 2px solid #5578eb;
        }

    .kt-badge.kt-badge--warning {
        color: #ffffff;
        background: #ffb822;
    }

    .kt-badge.kt-badge--outline.kt-badge--warning {
        background: transparent;
        color: #ffb822;
        border: 1px solid #ffb822;
    }

        .kt-badge.kt-badge--outline.kt-badge--warning.kt-badge--outline-2x {
            border: 2px solid #ffb822;
        }

    .kt-badge.kt-badge--danger {
        color: #ffffff;
        background: #fd397a;
    }

    .kt-badge.kt-badge--outline.kt-badge--danger {
        background: transparent;
        color: #fd397a;
        border: 1px solid #fd397a;
    }

        .kt-badge.kt-badge--outline.kt-badge--danger.kt-badge--outline-2x {
            border: 2px solid #fd397a;
        }

    .kt-badge.kt-badge--unified-brand {
        color: #5d78ff;
        background: rgba(93, 120, 255, 0.1);
    }

    .kt-badge.kt-badge--unified-light {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.1);
    }

    .kt-badge.kt-badge--unified-dark {
        color: #282a3c;
        background: rgba(40, 42, 60, 0.1);
    }

    .kt-badge.kt-badge--unified-primary {
        color: #5867dd;
        background: rgba(88, 103, 221, 0.1);
    }

    .kt-badge.kt-badge--unified-success {
        color: #0abb87;
        background: rgba(10, 187, 135, 0.1);
    }

    .kt-badge.kt-badge--unified-info {
        color: #5578eb;
        background: rgba(85, 120, 235, 0.1);
    }

    .kt-badge.kt-badge--unified-warning {
        color: #ffb822;
        background: rgba(255, 184, 34, 0.1);
    }

    .kt-badge.kt-badge--unified-danger {
        color: #fd397a;
        background: rgba(253, 57, 122, 0.1);
    }

    .kt-badge.kt-badge--inline {
        height: auto;
        width: auto;
        padding: 0.15rem 0.75rem;
        border-radius: 10px;
    }

        .kt-badge.kt-badge--inline.kt-badge--md {
            padding: 0.8rem 0.6rem;
        }

        .kt-badge.kt-badge--inline.kt-badge--lg {
            padding: 0.9rem 0.7rem;
        }

        .kt-badge.kt-badge--inline.kt-badge--xl {
            padding: 1rem 0.8rem;
        }

    .kt-badge.kt-badge--pill {
        border-radius: 2rem;
    }

    .kt-badge.kt-badge--rounded {
        border-radius: 4px;
    }

    .kt-badge.kt-badge--dot {
        display: inline-block;
        line-height: 6px;
        min-height: 6px;
        min-width: 6px;
        height: 6px;
        width: 6px;
        font-size: 0;
        vertical-align: middle;
        text-align: center;
    }

        .kt-badge.kt-badge--dot.kt-badge--sm {
            line-height: 4px;
            min-height: 4px;
            min-width: 4px;
            height: 4px;
            width: 4px;
        }

        .kt-badge.kt-badge--dot.kt-badge--lg {
            line-height: 8px;
            min-height: 8px;
            min-width: 8px;
            height: 8px;
            width: 8px;
        }

        .kt-badge.kt-badge--dot.kt-badge--xl {
            line-height: 10px;
            min-height: 10px;
            min-width: 10px;
            height: 10px;
            width: 10px;
        }

    .kt-badge.kt-badge--square {
        border-radius: 0;
    }

    .kt-badge.kt-badge--elevate {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }

.display_flex {
    display: flex;
}

.select2 {
    min-width: 100%;
}

.active_ct {
    background-color: #f2ecec;
    border-radius: 5px;
}

.mr-t10 {
    margin-top: 10px;
}

.noidung_khaosat {
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ebedf2
}

.nav.nav-tabs.nav-tabs-line .nav-item {
    margin: 0 0 -1px 0;
}

.nav.nav-tabs.nav-tabs-line .nav-link {
    border: 0;
    border-bottom: 1px solid transparent;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    padding: 0.85rem 0;
    margin: 0 1rem;
}

.nav-item:first-child .nav.nav-tabs.nav-tabs-line .nav-link {
    margin-left: 0;
}

.nav-item:last-child .nav.nav-tabs.nav-tabs-line .nav-link {
    margin-right: 0;
}

.nav.nav-tabs.nav-tabs-line .nav-item:first-child .nav-link {
    margin-left: 0;
}

.nav.nav-tabs.nav-tabs-line .nav-item:last-child .nav-link {
    margin-right: 0;
}

.nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line .nav-link.active,
.nav.nav-tabs.nav-tabs-line .show > .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #6993FF;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x {
    border-bottom-width: 2px;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-item {
        margin-bottom: -2px;
    }

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link {
        border-bottom: 2px solid transparent;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link:hover:not(.disabled),
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link.active,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .show > .nav-link {
            border-bottom: 2px solid #6993FF;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x {
    border-bottom-width: 3px;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-item {
        margin-bottom: -3px;
    }

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link {
        border-bottom: 3px solid transparent;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link:hover:not(.disabled),
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link.active,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .show > .nav-link {
            border-bottom: 3px solid #6993FF;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white {
    border-bottom-color: rgba(255, 255, 255, 0.7);
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link {
        color: rgba(255, 255, 255, 0.7);
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-text {
            color: rgba(255, 255, 255, 0.7);
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-icon i {
            color: rgba(255, 255, 255, 0.7);
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: rgba(255, 255, 255, 0.7);
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-arrow {
            color: rgba(255, 255, 255, 0.7);
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled),
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link {
            border-bottom-color: #ffffff;
            color: #ffffff;
        }

            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-text,
            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-text,
            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-text {
                color: #ffffff;
            }

            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-icon i,
            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-icon i,
            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-icon i {
                color: #ffffff;
            }

            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-icon .svg-icon svg g [fill],
            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-icon .svg-icon svg g [fill] {
                -webkit-transition: fill 0.3s ease;
                transition: fill 0.3s ease;
                fill: #ffffff;
            }

            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
                -webkit-transition: fill 0.3s ease;
                transition: fill 0.3s ease;
            }

            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-arrow,
            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-arrow,
            .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-arrow {
                color: #ffffff;
            }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary {
    border-bottom-color: #E1E9FF !important;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled),
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link {
        border-bottom-color: #6993FF;
        color: #6993FF;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-text {
            color: #6993FF;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-icon i {
            color: #6993FF;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #6993FF;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-arrow {
            color: #6993FF;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .show > .nav-link {
    border-bottom-color: #6993FF !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary {
    border-bottom-color: #EBEDF3 !important;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled),
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link {
        border-bottom-color: #E4E6EF;
        color: #E4E6EF;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link .nav-text {
            color: #E4E6EF;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link .nav-icon i {
            color: #E4E6EF;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #E4E6EF;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link .nav-arrow {
            color: #E4E6EF;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-secondary .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-secondary .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-secondary .show > .nav-link {
    border-bottom-color: #E4E6EF !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success {
    border-bottom-color: #C9F7F5 !important;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled),
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link {
        border-bottom-color: #1BC5BD;
        color: #1BC5BD;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link .nav-text {
            color: #1BC5BD;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link .nav-icon i {
            color: #1BC5BD;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #1BC5BD;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link .nav-arrow {
            color: #1BC5BD;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .show > .nav-link {
    border-bottom-color: #1BC5BD !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info {
    border-bottom-color: #EEE5FF !important;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled),
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link {
        border-bottom-color: #8950FC;
        color: #8950FC;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link .nav-text {
            color: #8950FC;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link .nav-icon i {
            color: #8950FC;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #8950FC;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link .nav-arrow {
            color: #8950FC;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-info .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-info .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-info .show > .nav-link {
    border-bottom-color: #8950FC !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning {
    border-bottom-color: #FFF4DE !important;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled),
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link {
        border-bottom-color: #FFA800;
        color: #FFA800;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-text {
            color: #FFA800;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-icon i {
            color: #FFA800;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #FFA800;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-arrow {
            color: #FFA800;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .show > .nav-link {
    border-bottom-color: #FFA800 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger {
    border-bottom-color: #FFE2E5 !important;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled),
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link {
        border-bottom-color: #F64E60;
        color: #F64E60;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link .nav-text {
            color: #F64E60;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link .nav-icon i {
            color: #F64E60;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #F64E60;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link .nav-arrow {
            color: #F64E60;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-danger .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-danger .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-danger .show > .nav-link {
    border-bottom-color: #F64E60 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light {
    border-bottom-color: #F3F6F9 !important;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled),
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link {
        border-bottom-color: #F3F6F9;
        color: #F3F6F9;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link .nav-text {
            color: #F3F6F9;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link .nav-icon i {
            color: #F3F6F9;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #F3F6F9;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link .nav-arrow {
            color: #F3F6F9;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-light .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-light .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-light .show > .nav-link {
    border-bottom-color: #F3F6F9 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark {
    border-bottom-color: #D1D3E0 !important;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled),
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link {
        border-bottom-color: #181C32;
        color: #181C32;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link .nav-text {
            color: #181C32;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link .nav-icon i {
            color: #181C32;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #181C32;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link .nav-arrow {
            color: #181C32;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-dark .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-dark .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-dark .show > .nav-link {
    border-bottom-color: #181C32 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white {
    border-bottom-color: #ffffff !important;
}

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled),
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active,
    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link {
        border-bottom-color: #ffffff;
        color: #ffffff;
    }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-text,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-text {
            color: #ffffff;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-icon i,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-icon i {
            color: #ffffff;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-icon .svg-icon svg g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-arrow,
        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-arrow {
            color: #ffffff;
        }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-white .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-white .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-white .show > .nav-link {
    border-bottom-color: #ffffff !important;
}

.nav.nav-pills.nav-secondary .nav-link.active {
    color: #3F4254;
    background-color: #E4E6EF;
}

    .nav.nav-pills.nav-secondary .nav-link.active .nav-text {
        color: #3F4254;
    }

    .nav.nav-pills.nav-secondary .nav-link.active .nav-icon i {
        color: #3F4254;
    }

    .nav.nav-pills.nav-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #3F4254 !important;
    }

    .nav.nav-pills.nav-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-secondary .nav-link.active:after {
        color: #3F4254;
    }

.nav.nav-pills.nav-light-secondary .show > .nav-link,
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) {
    color: #E4E6EF;
    background-color: transparent;
}

    .nav.nav-pills.nav-light-secondary .show > .nav-link .nav-text,
    .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-text {
        color: #E4E6EF;
    }

    .nav.nav-pills.nav-light-secondary .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon i {
        color: #E4E6EF;
    }

    .nav.nav-pills.nav-light-secondary .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #E4E6EF;
    }

    .nav.nav-pills.nav-light-secondary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-secondary .show > .nav-link:after,
    .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active):after {
        color: #E4E6EF;
    }

.nav.nav-pills.nav-light-secondary .nav-link.active {
    color: #E4E6EF;
    background-color: rgba(228, 230, 239, 0.1);
}

    .nav.nav-pills.nav-light-secondary .nav-link.active .nav-text {
        color: #E4E6EF;
    }

    .nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon i {
        color: #E4E6EF;
    }

    .nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #E4E6EF;
    }

    .nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-secondary .nav-link.active:after {
        color: #E4E6EF;
    }

.nav.nav-pills.nav-group.nav-secondary .nav-link {
    color: #E4E6EF;
    background-color: #EBEDF3;
    border: 0;
}

    .nav.nav-pills.nav-group.nav-secondary .nav-link .nav-text {
        color: #E4E6EF;
    }

    .nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon i {
        color: #E4E6EF;
    }

    .nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #E4E6EF;
    }

    .nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-group.nav-secondary .nav-link:after {
        color: #E4E6EF;
    }

    .nav.nav-pills.nav-group.nav-secondary .show > .nav-link,
    .nav.nav-pills.nav-group.nav-secondary .nav-link:hover,
    .nav.nav-pills.nav-group.nav-secondary .nav-link.active {
        color: #3F4254;
        background-color: #E4E6EF;
    }

        .nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-text,
        .nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-text,
        .nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-text {
            color: #3F4254;
        }

        .nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-icon i,
        .nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon i,
        .nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon i {
            color: #3F4254;
        }

        .nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #3F4254;
        }

        .nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-pills.nav-group.nav-secondary .show > .nav-link:after,
        .nav.nav-pills.nav-group.nav-secondary .nav-link:hover:after,
        .nav.nav-pills.nav-group.nav-secondary .nav-link.active:after {
            color: #3F4254;
        }

    .nav.nav-pills.nav-group.nav-secondary .nav-link:hover {
        background-color: #d7dae7;
    }

.nav.nav-pills.nav-success .show > .nav-link,
.nav.nav-pills.nav-success .nav-link:hover:not(.active) {
    color: #1BC5BD;
    background-color: transparent;
}

    .nav.nav-pills.nav-success .show > .nav-link .nav-text,
    .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-text {
        color: #1BC5BD;
    }

    .nav.nav-pills.nav-success .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon i {
        color: #1BC5BD;
    }

    .nav.nav-pills.nav-success .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #1BC5BD;
    }

    .nav.nav-pills.nav-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-success .show > .nav-link:after,
    .nav.nav-pills.nav-success .nav-link:hover:not(.active):after {
        color: #1BC5BD;
    }

.nav.nav-pills.nav-success .nav-link.active {
    color: #ffffff;
    background-color: #1BC5BD;
}

    .nav.nav-pills.nav-success .nav-link.active .nav-text {
        color: #ffffff;
    }

    .nav.nav-pills.nav-success .nav-link.active .nav-icon i {
        color: #ffffff;
    }

    .nav.nav-pills.nav-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff !important;
    }

    .nav.nav-pills.nav-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-success .nav-link.active:after {
        color: #ffffff;
    }

.nav.nav-pills.nav-light-success .show > .nav-link,
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) {
    color: #1BC5BD;
    background-color: transparent;
}

    .nav.nav-pills.nav-light-success .show > .nav-link .nav-text,
    .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-text {
        color: #1BC5BD;
    }

    .nav.nav-pills.nav-light-success .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon i {
        color: #1BC5BD;
    }

    .nav.nav-pills.nav-light-success .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #1BC5BD;
    }

    .nav.nav-pills.nav-light-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-success .show > .nav-link:after,
    .nav.nav-pills.nav-light-success .nav-link:hover:not(.active):after {
        color: #1BC5BD;
    }

.nav.nav-pills.nav-light-success .nav-link.active {
    color: #1BC5BD;
    background-color: rgba(27, 197, 189, 0.1);
}

    .nav.nav-pills.nav-light-success .nav-link.active .nav-text {
        color: #1BC5BD;
    }

    .nav.nav-pills.nav-light-success .nav-link.active .nav-icon i {
        color: #1BC5BD;
    }

    .nav.nav-pills.nav-light-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #1BC5BD;
    }

    .nav.nav-pills.nav-light-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-success .nav-link.active:after {
        color: #1BC5BD;
    }

.nav.nav-pills.nav-group.nav-success .nav-link {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border: 0;
}

    .nav.nav-pills.nav-group.nav-success .nav-link .nav-text {
        color: #1BC5BD;
    }

    .nav.nav-pills.nav-group.nav-success .nav-link .nav-icon i {
        color: #1BC5BD;
    }

    .nav.nav-pills.nav-group.nav-success .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #1BC5BD;
    }

    .nav.nav-pills.nav-group.nav-success .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-group.nav-success .nav-link:after {
        color: #1BC5BD;
    }

    .nav.nav-pills.nav-group.nav-success .show > .nav-link,
    .nav.nav-pills.nav-group.nav-success .nav-link:hover,
    .nav.nav-pills.nav-group.nav-success .nav-link.active {
        color: #ffffff;
        background-color: #1BC5BD;
    }

        .nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-text,
        .nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-text,
        .nav.nav-pills.nav-group.nav-success .nav-link.active .nav-text {
            color: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-icon i,
        .nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon i,
        .nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon i {
            color: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-pills.nav-group.nav-success .show > .nav-link:after,
        .nav.nav-pills.nav-group.nav-success .nav-link:hover:after,
        .nav.nav-pills.nav-group.nav-success .nav-link.active:after {
            color: #ffffff;
        }

    .nav.nav-pills.nav-group.nav-success .nav-link:hover {
        background-color: #0BB7AF;
    }

.nav.nav-pills.nav-info .show > .nav-link,
.nav.nav-pills.nav-info .nav-link:hover:not(.active) {
    color: #8950FC;
    background-color: transparent;
}

    .nav.nav-pills.nav-info .show > .nav-link .nav-text,
    .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-text {
        color: #8950FC;
    }

    .nav.nav-pills.nav-info .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon i {
        color: #8950FC;
    }

    .nav.nav-pills.nav-info .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #8950FC;
    }

    .nav.nav-pills.nav-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-info .show > .nav-link:after,
    .nav.nav-pills.nav-info .nav-link:hover:not(.active):after {
        color: #8950FC;
    }

.nav.nav-pills.nav-info .nav-link.active {
    color: #ffffff;
    background-color: #8950FC;
}

    .nav.nav-pills.nav-info .nav-link.active .nav-text {
        color: #ffffff;
    }

    .nav.nav-pills.nav-info .nav-link.active .nav-icon i {
        color: #ffffff;
    }

    .nav.nav-pills.nav-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff !important;
    }

    .nav.nav-pills.nav-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-info .nav-link.active:after {
        color: #ffffff;
    }

.nav.nav-pills.nav-light-info .show > .nav-link,
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) {
    color: #8950FC;
    background-color: transparent;
}

    .nav.nav-pills.nav-light-info .show > .nav-link .nav-text,
    .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-text {
        color: #8950FC;
    }

    .nav.nav-pills.nav-light-info .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon i {
        color: #8950FC;
    }

    .nav.nav-pills.nav-light-info .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #8950FC;
    }

    .nav.nav-pills.nav-light-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-info .show > .nav-link:after,
    .nav.nav-pills.nav-light-info .nav-link:hover:not(.active):after {
        color: #8950FC;
    }

.nav.nav-pills.nav-light-info .nav-link.active {
    color: #8950FC;
    background-color: rgba(137, 80, 252, 0.1);
}

    .nav.nav-pills.nav-light-info .nav-link.active .nav-text {
        color: #8950FC;
    }

    .nav.nav-pills.nav-light-info .nav-link.active .nav-icon i {
        color: #8950FC;
    }

    .nav.nav-pills.nav-light-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #8950FC;
    }

    .nav.nav-pills.nav-light-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-info .nav-link.active:after {
        color: #8950FC;
    }

.nav.nav-pills.nav-group.nav-info .nav-link {
    color: #8950FC;
    background-color: #EEE5FF;
    border: 0;
}

    .nav.nav-pills.nav-group.nav-info .nav-link .nav-text {
        color: #8950FC;
    }

    .nav.nav-pills.nav-group.nav-info .nav-link .nav-icon i {
        color: #8950FC;
    }

    .nav.nav-pills.nav-group.nav-info .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #8950FC;
    }

    .nav.nav-pills.nav-group.nav-info .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-group.nav-info .nav-link:after {
        color: #8950FC;
    }

    .nav.nav-pills.nav-group.nav-info .show > .nav-link,
    .nav.nav-pills.nav-group.nav-info .nav-link:hover,
    .nav.nav-pills.nav-group.nav-info .nav-link.active {
        color: #ffffff;
        background-color: #8950FC;
    }

        .nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-text,
        .nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-text,
        .nav.nav-pills.nav-group.nav-info .nav-link.active .nav-text {
            color: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-icon i,
        .nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon i,
        .nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon i {
            color: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-pills.nav-group.nav-info .show > .nav-link:after,
        .nav.nav-pills.nav-group.nav-info .nav-link:hover:after,
        .nav.nav-pills.nav-group.nav-info .nav-link.active:after {
            color: #ffffff;
        }

    .nav.nav-pills.nav-group.nav-info .nav-link:hover {
        background-color: #7337EE;
    }

.nav.nav-pills.nav-warning .show > .nav-link,
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) {
    color: #FFA800;
    background-color: transparent;
}

    .nav.nav-pills.nav-warning .show > .nav-link .nav-text,
    .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-text {
        color: #FFA800;
    }

    .nav.nav-pills.nav-warning .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon i {
        color: #FFA800;
    }

    .nav.nav-pills.nav-warning .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #FFA800;
    }

    .nav.nav-pills.nav-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-warning .show > .nav-link:after,
    .nav.nav-pills.nav-warning .nav-link:hover:not(.active):after {
        color: #FFA800;
    }

.nav.nav-pills.nav-warning .nav-link.active {
    color: #ffffff;
    background-color: #FFA800;
}

    .nav.nav-pills.nav-warning .nav-link.active .nav-text {
        color: #ffffff;
    }

    .nav.nav-pills.nav-warning .nav-link.active .nav-icon i {
        color: #ffffff;
    }

    .nav.nav-pills.nav-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff !important;
    }

    .nav.nav-pills.nav-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-warning .nav-link.active:after {
        color: #ffffff;
    }

.nav.nav-pills.nav-light-warning .show > .nav-link,
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) {
    color: #FFA800;
    background-color: transparent;
}

    .nav.nav-pills.nav-light-warning .show > .nav-link .nav-text,
    .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-text {
        color: #FFA800;
    }

    .nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon i {
        color: #FFA800;
    }

    .nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #FFA800;
    }

    .nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-warning .show > .nav-link:after,
    .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active):after {
        color: #FFA800;
    }

.nav.nav-pills.nav-light-warning .nav-link.active {
    color: #FFA800;
    background-color: rgba(255, 168, 0, 0.1);
}

    .nav.nav-pills.nav-light-warning .nav-link.active .nav-text {
        color: #FFA800;
    }

    .nav.nav-pills.nav-light-warning .nav-link.active .nav-icon i {
        color: #FFA800;
    }

    .nav.nav-pills.nav-light-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #FFA800;
    }

    .nav.nav-pills.nav-light-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-warning .nav-link.active:after {
        color: #FFA800;
    }

.nav.nav-pills.nav-group.nav-warning .nav-link {
    color: #FFA800;
    background-color: #FFF4DE;
    border: 0;
}

    .nav.nav-pills.nav-group.nav-warning .nav-link .nav-text {
        color: #FFA800;
    }

    .nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon i {
        color: #FFA800;
    }

    .nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #FFA800;
    }

    .nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-group.nav-warning .nav-link:after {
        color: #FFA800;
    }

    .nav.nav-pills.nav-group.nav-warning .show > .nav-link,
    .nav.nav-pills.nav-group.nav-warning .nav-link:hover,
    .nav.nav-pills.nav-group.nav-warning .nav-link.active {
        color: #ffffff;
        background-color: #FFA800;
    }

        .nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-text,
        .nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-text,
        .nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-text {
            color: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-icon i,
        .nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon i,
        .nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon i {
            color: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-pills.nav-group.nav-warning .show > .nav-link:after,
        .nav.nav-pills.nav-group.nav-warning .nav-link:hover:after,
        .nav.nav-pills.nav-group.nav-warning .nav-link.active:after {
            color: #ffffff;
        }

    .nav.nav-pills.nav-group.nav-warning .nav-link:hover {
        background-color: #EE9D01;
    }

.nav.nav-pills.nav-danger .show > .nav-link,
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) {
    color: #F64E60;
    background-color: transparent;
}

    .nav.nav-pills.nav-danger .show > .nav-link .nav-text,
    .nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-text {
        color: #F64E60;
    }

    .nav.nav-pills.nav-danger .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon i {
        color: #F64E60;
    }

    .nav.nav-pills.nav-danger .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F64E60;
    }

    .nav.nav-pills.nav-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-danger .show > .nav-link:after,
    .nav.nav-pills.nav-danger .nav-link:hover:not(.active):after {
        color: #F64E60;
    }

.nav.nav-pills.nav-danger .nav-link.active {
    color: #ffffff;
    background-color: #F64E60;
}

    .nav.nav-pills.nav-danger .nav-link.active .nav-text {
        color: #ffffff;
    }

    .nav.nav-pills.nav-danger .nav-link.active .nav-icon i {
        color: #ffffff;
    }

    .nav.nav-pills.nav-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff !important;
    }

    .nav.nav-pills.nav-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-danger .nav-link.active:after {
        color: #ffffff;
    }

.nav.nav-pills.nav-light-danger .show > .nav-link,
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) {
    color: #F64E60;
    background-color: transparent;
}

    .nav.nav-pills.nav-light-danger .show > .nav-link .nav-text,
    .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-text {
        color: #F64E60;
    }

    .nav.nav-pills.nav-light-danger .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon i {
        color: #F64E60;
    }

    .nav.nav-pills.nav-light-danger .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F64E60;
    }

    .nav.nav-pills.nav-light-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-danger .show > .nav-link:after,
    .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active):after {
        color: #F64E60;
    }

.nav.nav-pills.nav-light-danger .nav-link.active {
    color: #F64E60;
    background-color: rgba(246, 78, 96, 0.1);
}

    .nav.nav-pills.nav-light-danger .nav-link.active .nav-text {
        color: #F64E60;
    }

    .nav.nav-pills.nav-light-danger .nav-link.active .nav-icon i {
        color: #F64E60;
    }

    .nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F64E60;
    }

    .nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-danger .nav-link.active:after {
        color: #F64E60;
    }

.nav.nav-pills.nav-group.nav-danger .nav-link {
    color: #F64E60;
    background-color: #FFE2E5;
    border: 0;
}

    .nav.nav-pills.nav-group.nav-danger .nav-link .nav-text {
        color: #F64E60;
    }

    .nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon i {
        color: #F64E60;
    }

    .nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F64E60;
    }

    .nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-group.nav-danger .nav-link:after {
        color: #F64E60;
    }

    .nav.nav-pills.nav-group.nav-danger .show > .nav-link,
    .nav.nav-pills.nav-group.nav-danger .nav-link:hover,
    .nav.nav-pills.nav-group.nav-danger .nav-link.active {
        color: #ffffff;
        background-color: #F64E60;
    }

        .nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-text,
        .nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-text,
        .nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-text {
            color: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-icon i,
        .nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon i,
        .nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon i {
            color: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-pills.nav-group.nav-danger .show > .nav-link:after,
        .nav.nav-pills.nav-group.nav-danger .nav-link:hover:after,
        .nav.nav-pills.nav-group.nav-danger .nav-link.active:after {
            color: #ffffff;
        }

    .nav.nav-pills.nav-group.nav-danger .nav-link:hover {
        background-color: #EE2D41;
    }

.nav.nav-pills.nav-light .show > .nav-link,
.nav.nav-pills.nav-light .nav-link:hover:not(.active) {
    color: #F3F6F9;
    background-color: transparent;
}

    .nav.nav-pills.nav-light .show > .nav-link .nav-text,
    .nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-text {
        color: #F3F6F9;
    }

    .nav.nav-pills.nav-light .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon i {
        color: #F3F6F9;
    }

    .nav.nav-pills.nav-light .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F3F6F9;
    }

    .nav.nav-pills.nav-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light .show > .nav-link:after,
    .nav.nav-pills.nav-light .nav-link:hover:not(.active):after {
        color: #F3F6F9;
    }

.nav.nav-pills.nav-light .nav-link.active {
    color: #7E8299;
    background-color: #F3F6F9;
}

    .nav.nav-pills.nav-light .nav-link.active .nav-text {
        color: #7E8299;
    }

    .nav.nav-pills.nav-light .nav-link.active .nav-icon i {
        color: #7E8299;
    }

    .nav.nav-pills.nav-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #7E8299 !important;
    }

    .nav.nav-pills.nav-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light .nav-link.active:after {
        color: #7E8299;
    }

.nav.nav-pills.nav-light-light .show > .nav-link,
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) {
    color: #F3F6F9;
    background-color: transparent;
}

    .nav.nav-pills.nav-light-light .show > .nav-link .nav-text,
    .nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-text {
        color: #F3F6F9;
    }

    .nav.nav-pills.nav-light-light .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon i {
        color: #F3F6F9;
    }

    .nav.nav-pills.nav-light-light .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F3F6F9;
    }

    .nav.nav-pills.nav-light-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-light .show > .nav-link:after,
    .nav.nav-pills.nav-light-light .nav-link:hover:not(.active):after {
        color: #F3F6F9;
    }

.nav.nav-pills.nav-light-light .nav-link.active {
    color: #F3F6F9;
    background-color: rgba(243, 246, 249, 0.1);
}

    .nav.nav-pills.nav-light-light .nav-link.active .nav-text {
        color: #F3F6F9;
    }

    .nav.nav-pills.nav-light-light .nav-link.active .nav-icon i {
        color: #F3F6F9;
    }

    .nav.nav-pills.nav-light-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F3F6F9;
    }

    .nav.nav-pills.nav-light-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-light .nav-link.active:after {
        color: #F3F6F9;
    }

.nav.nav-pills.nav-group.nav-light .nav-link {
    color: #F3F6F9;
    background-color: #F3F6F9;
    border: 0;
}

    .nav.nav-pills.nav-group.nav-light .nav-link .nav-text {
        color: #F3F6F9;
    }

    .nav.nav-pills.nav-group.nav-light .nav-link .nav-icon i {
        color: #F3F6F9;
    }

    .nav.nav-pills.nav-group.nav-light .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F3F6F9;
    }

    .nav.nav-pills.nav-group.nav-light .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-group.nav-light .nav-link:after {
        color: #F3F6F9;
    }

    .nav.nav-pills.nav-group.nav-light .show > .nav-link,
    .nav.nav-pills.nav-group.nav-light .nav-link:hover,
    .nav.nav-pills.nav-group.nav-light .nav-link.active {
        color: #7E8299;
        background-color: #F3F6F9;
    }

        .nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-text,
        .nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-text,
        .nav.nav-pills.nav-group.nav-light .nav-link.active .nav-text {
            color: #7E8299;
        }

        .nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-icon i,
        .nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon i,
        .nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon i {
            color: #7E8299;
        }

        .nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #7E8299;
        }

        .nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-pills.nav-group.nav-light .show > .nav-link:after,
        .nav.nav-pills.nav-group.nav-light .nav-link:hover:after,
        .nav.nav-pills.nav-group.nav-light .nav-link.active:after {
            color: #7E8299;
        }

    .nav.nav-pills.nav-group.nav-light .nav-link:hover {
        background-color: #E4E6EF;
    }

.nav.nav-pills.nav-dark .show > .nav-link,
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) {
    color: #181C32;
    background-color: transparent;
}

    .nav.nav-pills.nav-dark .show > .nav-link .nav-text,
    .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-text {
        color: #181C32;
    }

    .nav.nav-pills.nav-dark .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon i {
        color: #181C32;
    }

    .nav.nav-pills.nav-dark .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #181C32;
    }

    .nav.nav-pills.nav-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-dark .show > .nav-link:after,
    .nav.nav-pills.nav-dark .nav-link:hover:not(.active):after {
        color: #181C32;
    }

.nav.nav-pills.nav-dark .nav-link.active {
    color: #ffffff;
    background-color: #181C32;
}

    .nav.nav-pills.nav-dark .nav-link.active .nav-text {
        color: #ffffff;
    }

    .nav.nav-pills.nav-dark .nav-link.active .nav-icon i {
        color: #ffffff;
    }

    .nav.nav-pills.nav-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff !important;
    }

    .nav.nav-pills.nav-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-dark .nav-link.active:after {
        color: #ffffff;
    }

.nav.nav-pills.nav-light-dark .show > .nav-link,
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) {
    color: #181C32;
    background-color: transparent;
}

    .nav.nav-pills.nav-light-dark .show > .nav-link .nav-text,
    .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-text {
        color: #181C32;
    }

    .nav.nav-pills.nav-light-dark .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon i {
        color: #181C32;
    }

    .nav.nav-pills.nav-light-dark .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #181C32;
    }

    .nav.nav-pills.nav-light-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-dark .show > .nav-link:after,
    .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active):after {
        color: #181C32;
    }

.nav.nav-pills.nav-light-dark .nav-link.active {
    color: #181C32;
    background-color: rgba(24, 28, 50, 0.1);
}

    .nav.nav-pills.nav-light-dark .nav-link.active .nav-text {
        color: #181C32;
    }

    .nav.nav-pills.nav-light-dark .nav-link.active .nav-icon i {
        color: #181C32;
    }

    .nav.nav-pills.nav-light-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #181C32;
    }

    .nav.nav-pills.nav-light-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-dark .nav-link.active:after {
        color: #181C32;
    }

.nav.nav-pills.nav-group.nav-dark .nav-link {
    color: #181C32;
    background-color: #D1D3E0;
    border: 0;
}

    .nav.nav-pills.nav-group.nav-dark .nav-link .nav-text {
        color: #181C32;
    }

    .nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon i {
        color: #181C32;
    }

    .nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #181C32;
    }

    .nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-group.nav-dark .nav-link:after {
        color: #181C32;
    }

    .nav.nav-pills.nav-group.nav-dark .show > .nav-link,
    .nav.nav-pills.nav-group.nav-dark .nav-link:hover,
    .nav.nav-pills.nav-group.nav-dark .nav-link.active {
        color: #ffffff;
        background-color: #181C32;
    }

        .nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-text,
        .nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-text,
        .nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-text {
            color: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-icon i,
        .nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon i,
        .nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon i {
            color: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #ffffff;
        }

        .nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-pills.nav-group.nav-dark .show > .nav-link:after,
        .nav.nav-pills.nav-group.nav-dark .nav-link:hover:after,
        .nav.nav-pills.nav-group.nav-dark .nav-link.active:after {
            color: #ffffff;
        }

    .nav.nav-pills.nav-group.nav-dark .nav-link:hover {
        background-color: #131628;
    }

.nav.nav-pills.nav-white .show > .nav-link,
.nav.nav-pills.nav-white .nav-link:hover:not(.active) {
    color: #ffffff;
    background-color: transparent;
}

    .nav.nav-pills.nav-white .show > .nav-link .nav-text,
    .nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-text {
        color: #ffffff;
    }

    .nav.nav-pills.nav-white .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon i {
        color: #ffffff;
    }

    .nav.nav-pills.nav-white .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff;
    }

    .nav.nav-pills.nav-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-white .show > .nav-link:after,
    .nav.nav-pills.nav-white .nav-link:hover:not(.active):after {
        color: #ffffff;
    }

.nav.nav-pills.nav-white .nav-link.active {
    color: #3F4254;
    background-color: #ffffff;
}

    .nav.nav-pills.nav-white .nav-link.active .nav-text {
        color: #3F4254;
    }

    .nav.nav-pills.nav-white .nav-link.active .nav-icon i {
        color: #3F4254;
    }

    .nav.nav-pills.nav-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #3F4254 !important;
    }

    .nav.nav-pills.nav-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-white .nav-link.active:after {
        color: #3F4254;
    }

.nav.nav-pills.nav-light-white .show > .nav-link,
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) {
    color: #ffffff;
    background-color: transparent;
}

    .nav.nav-pills.nav-light-white .show > .nav-link .nav-text,
    .nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-text {
        color: #ffffff;
    }

    .nav.nav-pills.nav-light-white .show > .nav-link .nav-icon i,
    .nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon i {
        color: #ffffff;
    }

    .nav.nav-pills.nav-light-white .show > .nav-link .nav-icon .svg-icon svg g [fill],
    .nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff;
    }

    .nav.nav-pills.nav-light-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
    .nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-white .show > .nav-link:after,
    .nav.nav-pills.nav-light-white .nav-link:hover:not(.active):after {
        color: #ffffff;
    }

.nav.nav-pills.nav-light-white .nav-link.active {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

    .nav.nav-pills.nav-light-white .nav-link.active .nav-text {
        color: #ffffff;
    }

    .nav.nav-pills.nav-light-white .nav-link.active .nav-icon i {
        color: #ffffff;
    }

    .nav.nav-pills.nav-light-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff;
    }

    .nav.nav-pills.nav-light-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-light-white .nav-link.active:after {
        color: #ffffff;
    }

.nav.nav-pills.nav-group.nav-white .nav-link {
    color: #ffffff;
    background-color: #ffffff;
    border: 0;
}

    .nav.nav-pills.nav-group.nav-white .nav-link .nav-text {
        color: #ffffff;
    }

    .nav.nav-pills.nav-group.nav-white .nav-link .nav-icon i {
        color: #ffffff;
    }

    .nav.nav-pills.nav-group.nav-white .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff;
    }

    .nav.nav-pills.nav-group.nav-white .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .nav.nav-pills.nav-group.nav-white .nav-link:after {
        color: #ffffff;
    }

    .nav.nav-pills.nav-group.nav-white .show > .nav-link,
    .nav.nav-pills.nav-group.nav-white .nav-link:hover,
    .nav.nav-pills.nav-group.nav-white .nav-link.active {
        color: #3F4254;
        background-color: #ffffff;
    }

        .nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-text,
        .nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-text,
        .nav.nav-pills.nav-group.nav-white .nav-link.active .nav-text {
            color: #3F4254;
        }

        .nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-icon i,
        .nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon i,
        .nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon i {
            color: #3F4254;
        }

        .nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon .svg-icon svg g [fill],
        .nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #3F4254;
        }

        .nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
        .nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .nav.nav-pills.nav-group.nav-white .show > .nav-link:after,
        .nav.nav-pills.nav-group.nav-white .nav-link:hover:after,
        .nav.nav-pills.nav-group.nav-white .nav-link.active:after {
            color: #3F4254;
        }