.img_wrapper {
    position: relative;
    padding-top: 56.25%
}

    .img_wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.area_reference .new_desc_left {
    border-bottom: 1px solid #eff2f5
}

.area_contents_srt a .new_desc_time, .area_contents_top a .new_desc_time {
    color: grey
}

.area_contents_srt a .new_desc, .area_contents_top a .new_desc {
    color: grey;
    text-align: justify
}

.area_reference .area_title {
    color: #181c32;
    font-weight: 700
}

.area_reference .new_desc {
    color: grey;
    text-align: justify
}

#kt_footer {
    background-size: cover;
    background-color: #174799
}

    #kt_footer #footer__phone {
        border-radius: .42rem !important;
        outline: 0
    }

    #kt_footer .footer__btn__phone__wrapper {
        position: absolute;
        right: 3px;
        top: .15rem;
        z-index: 1000
    }

        #kt_footer .footer__btn__phone__wrapper button {
            padding: .5rem 1rem;
            border-radius: .43rem;
            background-color: #3d3b56
        }

.contact__chanel {
    margin: 0 5px;
    background: rgba(217,217,217,.1);
    padding: 5px;
    cursor: pointer;
    border-radius: 5px
}

.w-full {
    width: 100%
}

.icon .fa {
    padding: 5px;
    font-size: 25px;
    width: 25px;
    text-align: center;
    text-decoration: none;
    margin: 2px;
    margin-right: 8px
}

    .icon .fa:hover {
        opacity: .7
    }

.contact_f {
    font-size: 14px
}

    .contact_f a {
        color: #fff
    }

.footer-copyright {
    background-color: #000f9f
}

#Footer {
    color: #fff
}

    #Footer .f-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }

    #Footer .f-logo {
        padding-right: 10px;
        width: 40%
    }

        #Footer .f-logo img {
            height: 40px;
            width: auto
        }

    #Footer .f-info {
        font-size: 12px
    }

        #Footer .f-info .name {
            display: block;
            font-weight: 700;
            line-height: 14px;
            margin-bottom: 7px;
            text-transform: uppercase;
            line-height: 1.5
        }

            #Footer .f-info .name br {
                display: none
            }

        #Footer .f-info .tax-id {
            display: block;
            font-weight: 700
        }

    #Footer .f-contact {
        border-left: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
        height: 100%;
        padding: 0 10px 0 20px
    }

        #Footer .f-contact li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            font-size: 12px;
            padding-bottom: 4px
        }

            #Footer .f-contact li:last-child {
                padding-bottom: 0
            }

            #Footer .f-contact li .ttl {
                font-weight: 700;
                width: 70px
            }

            #Footer .f-contact li .txt {
                font-weight: 700;
                width: calc(100% - 70px)
            }

                #Footer .f-contact li .txt a {
                    text-decoration: none;
                    color: #fff
                }

    #Footer .f-nav {
        height: 100%
    }

        #Footer .f-nav .links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

            #Footer .f-nav .links li {
                border-right: 1px solid #9f9f9f;
                display: -webkit-box;
                display: -moz-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;
                margin-bottom: 10px;
                padding: 0 4px;
                color: #fff
            }

                #Footer .f-nav .links li:nth-child(1) {
                    width: 18%
                }

                #Footer .f-nav .links li:nth-child(2) {
                    width: 25%
                }

                #Footer .f-nav .links li:nth-child(3) {
                    width: 25%
                }

                #Footer .f-nav .links li:nth-child(4) {
                    width: 32%;
                    border-right: none;
                    padding-right: 0
                }

                #Footer .f-nav .links li a {
                    display: inline-block;
                    font-weight: 700;
                    font-size: 11.5px;
                    text-decoration: none;
                    text-align: center;
                    width: 100%;
                    padding: 0 3px;
                    color: #fff
                }

                    #Footer .f-nav .links li a:hover {
                        text-decoration: underline;
                        color: #73b2ff;
                        box-shadow: 0 1px #73b2ff
                    }

    #Footer .f-btns {
        margin-top: 10px
    }

        #Footer .f-btns .btns {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            #Footer .f-btns .btns li {
                margin-right: 60px
            }

                #Footer .f-btns .btns li:last-child {
                    margin-right: 0
                }

            #Footer .f-btns .btns img {
                height: 35px;
                width: auto
            }

#Copy {
    border-top: 1px solid #dadada;
    font-weight: 700;
    margin-top: 18px;
    padding: 5px 15px;
    text-transform: lowercase;
    text-align: center
}

#pagetop {
    cursor: pointer;
    position: fixed;
    right: 2.5%;
    bottom: -60px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 9
}

    #pagetop.is-show {
        bottom: 140px
    }

    #pagetop a {
        background-color: rgba(196,196,196,.3);
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        display: block;
        height: 30px;
        width: 30px
    }

    #pagetop img {
        display: block;
        height: 28px;
        width: 14px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 12px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 1
    }

    #pagetop:hover img {
        top: -12px
    }

@media screen and (min-width:1600px) {
    #Header .head-support {
        font-size: 16px
    }

    #Header .head-fee {
        font-size: 16px
    }

    #Header .head-action .lang-list li a {
        font-size: 16px
    }

    #Logo img {
        height: 70px
    }

    .nav-main .nav-item {
        font-size: 16px
    }

    #Footer .container {
        max-width: 98%
    }

    #Footer .f-logo {
        width: 47%
    }

        #Footer .f-logo img {
            height: 60px
        }

    #Footer .f-info {
        font-size: 14px
    }

        #Footer .f-info .name {
            margin-bottom: 12px
        }

    #Footer .f-contact li {
        font-size: 14px
    }

    #Footer .f-nav .links li a {
        font-size: 14px
    }
}

@media screen and (max-width:1399px) and (min-width:1200px) {
    .nav-main .nav-item {
        padding-right: 10px
    }

        .nav-main .nav-item.nav-home {
            padding-right: 10px
        }
}

@media screen and (max-width:1199px) {
    #Header {
        padding: 10px 0 0
    }

        #Header > .container {
            position: relative;
            max-width: 100%
        }

        #Header .header-inner {
            display: block
        }

        #Header #Logo {
            position: absolute;
            left: 12px;
            top: 10px
        }

            #Header #Logo img {
                height: 50px
            }

        #Header .nav-wrap {
            margin-left: auto
        }

    .nav-main .nav-item {
        padding: 20px 5px
    }

        .nav-main .nav-item .nav-link {
            font-size: 12px
        }

        .nav-main .nav-item.nav-home {
            padding-right: 10px
        }

    #Footer .f-btns .btns li {
        margin-right: 30px
    }

    #pagetop {
        right: 10px
    }

        #pagetop.is-show {
            bottom: 90px
        }
}

@media screen and (max-width:991px) {
    #Header {
        padding: 6px 0 10px
    }

        #Header .header-inner {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex
        }

        #Header #Logo {
            order: 2;
            position: static
        }

            #Header #Logo img {
                height: 40px
            }

        #Header .header-section {
            order: 1;
            width: 100%
        }

        #Header .head-group {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding-bottom: 14px;
            position: static
        }

        #Header .head-support {
            width: 100%
        }

            #Header .head-support a:last-child {
                border-right: none;
                padding-right: 0
            }

        #Header .head-fee {
            font-size: 12px;
            margin-top: -5px;
            padding: 0
        }

        #Header .head-action {
            position: absolute;
            right: 18px;
            bottom: 10px
        }

            #Header .head-action .lang-list {
                border-right: none;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
                padding: 0 40px 0 0
            }

                #Header .head-action .lang-list li {
                    left: 4px
                }

            #Header .head-action .search {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
                padding: 0 10px 0 0
            }

        #Header .head-search {
            padding: 25px 30px 25px 0;
            top: 104px
        }

            #Header .head-search .form-search {
                text-align: left
            }

                #Header .head-search .form-search .search-field {
                    display: block;
                    max-width: inherit;
                    padding: 0;
                    text-align: left
                }

                    #Header .head-search .form-search .search-field input[type=text] {
                        font-size: 24px !important;
                        padding: 0;
                        text-align: left
                    }

                        #Header .head-search .form-search .search-field input[type=text]::-webkit-input-placeholder {
                            font-size: 24px
                        }

                        #Header .head-search .form-search .search-field input[type=text]::-moz-placeholder {
                            font-size: 24px
                        }

                        #Header .head-search .form-search .search-field input[type=text]::-ms-input-placeholder {
                            font-size: 24px
                        }

                        #Header .head-search .form-search .search-field input[type=text]::-moz-placeholder {
                            font-size: 24px
                        }

                #Header .head-search .form-search .search-btn {
                    display: none
                }

            #Header .head-search .search-clear {
                display: block;
                position: absolute;
                right: 8px;
                top: 18px;
                margin: 0;
                height: 22px;
                width: 22px
            }

                #Header .head-search .search-clear span {
                    position: absolute;
                    height: 100%;
                    width: 100%;
                    font-size: 0;
                    text-indent: -999em;
                    z-index: 1
                }

                    #Header .head-search .search-clear span:after, #Header .head-search .search-clear span:before {
                        background: #b6b6b6;
                        content: "";
                        display: block;
                        height: 2px;
                        width: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0
                    }

                    #Header .head-search .search-clear span:before {
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg)
                    }

                    #Header .head-search .search-clear span:after {
                        -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                        transform: rotate(-45deg)
                    }

    #Menu {
        display: block;
        height: 14px;
        width: 20px;
        position: relative;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

        #Menu span {
            background-color: #5a5a5a;
            display: block;
            height: 2px;
            width: 100%;
            position: absolute;
            left: 0;
            text-indent: -999em
        }

            #Menu span:nth-child(1) {
                top: 0
            }

            #Menu span:nth-child(2) {
                top: 6px
            }

            #Menu span:nth-child(3) {
                bottom: 0
            }

    #MenuClose {
        display: block;
        height: 30px;
        width: 30px;
        position: fixed;
        right: 15px;
        top: 30px;
        text-indent: -999em
    }

        #MenuClose:after, #MenuClose:before {
            background-color: #5a5a5a;
            content: "";
            display: block;
            height: 2px;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0
        }

        #MenuClose:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        #MenuClose:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    .nav-wrap {
        background-color: #fff;
        height: 100vh;
        width: 77.3333%;
        max-width: 290px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1000;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transform: translate(120%,0);
        -ms-transform: translate(120%,0);
        transform: translate(120%,0);
        visibility: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: auto
    }

        .nav-wrap.nav-wrap-show {
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
            visibility: visible
        }

    .nav-main {
        display: block;
        padding: 60px 20px
    }

        .nav-main .nav-item {
            padding: 8px 0
        }

            .nav-main .nav-item.open .sub-nav {
                display: block;
                opacity: 1;
                visibility: visible
            }

            .nav-main .nav-item .nav-link {
                font-size: 16px
            }

            .nav-main .nav-item.nav-home {
                padding-right: 0;
                top: 0
            }

                .nav-main .nav-item.nav-home a {
                    background: 0 0 !important;
                    height: auto;
                    width: 100%;
                    text-indent: inherit
                }

            .nav-main .nav-item.nav-user > a {
                background: 0 0 !important;
                height: auto;
                width: 100%;
                text-indent: inherit
            }

            .nav-main .nav-item.nav-login .client-name {
                max-width: 100%
            }

            .nav-main .nav-item.has-child .nav-link {
                position: relative
            }

                .nav-main .nav-item.has-child .nav-link:before {
                    border-top: 1px solid #5a5a5a;
                    border-right: 1px solid #5a5a5a;
                    content: "";
                    display: block;
                    height: 10px;
                    width: 10px;
                    position: absolute;
                    right: 0;
                    top: calc(50% - 6px);
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

                .nav-main .nav-item.has-child .nav-link:after {
                    display: none
                }

            .nav-main .nav-item.open .nav-link:before {
                top: calc(50% - 10px);
                -webkit-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                transform: rotate(135deg)
            }

        .nav-main .sub-nav {
            display: none;
            padding: 6px 0 0 26px;
            position: static;
            width: 100%
        }

            .nav-main .sub-nav li {
                padding: 0
            }

            .nav-main .sub-nav a {
                padding: 8px 0 5px
            }

                .nav-main .sub-nav .active, .nav-main .sub-nav a:hover {
                    background-color: transparent !important;
                    border-color: transparent !important
                }

    #Footer .f-left {
        display: block
    }

    #Footer .f-logo {
        margin-bottom: 20px;
        padding-right: 0;
        width: 125px
    }

    #Footer .f-info {
        width: auto
    }

    #Footer .f-contact {
        border: none;
        margin: 30px 0;
        padding: 0
    }

        #Footer .f-contact li .ttl {
            width: 60px
        }

    #Footer .f-nav {
        padding-bottom: 5px
    }

        #Footer .f-nav .links li {
            margin-bottom: 10px;
            padding: 0 !important
        }

            #Footer .f-nav .links li:first-child a {
                text-align: center;
                color: #fff
            }

    #Footer .f-btns .btns {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        #Footer .f-btns .btns li {
            margin: 0;
            width: calc(33.33% - 4px)
        }

            #Footer .f-btns .btns li img {
                height: auto
            }
}

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

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

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

.text-dnc {
    color: #174799
}

.font-bold-dnc {
    font-weight: 700
}

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

.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
}

.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)
    }
}

.area__title__group__1 {
    color: #174799
}

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

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    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: .42rem;
    border-bottom-left-radius: .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: .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,.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,.15)
        }

.kt-callout--light {
    background-color: rgba(255,255,255,.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,.15)
        }

.kt-callout--dark {
    background-color: rgba(40,42,60,.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,.15)
        }

.kt-callout--primary {
    background-color: rgba(88,103,221,.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,.15)
        }

.kt-callout--success {
    background-color: rgba(10,187,135,.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,.15)
        }

.kt-callout--info {
    background-color: rgba(85,120,235,.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,.15)
        }

.kt-callout--warning {
    background-color: rgba(255,184,34,.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,.15)
        }

.kt-callout--danger {
    background-color: rgba(253,57,122,.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,.15)
        }

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

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

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

.invalid-time {
    color: red
}

.display_flex {
    display: flex
}

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

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

.alert-status, .btn-radius {
    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,.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: red;
    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
}

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

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

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

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

        .content-modal::-webkit-scrollbar-thumb:hover, .hopdong-kh::-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,#00f 50%,#fff 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%,#fff 100%);
        cursor: pointer
    }

.table_wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    cursor: pointer
}

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

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

.ds-thanhtoan .table .thead-light th {
    background: #f6f6f6;
    color: #174799;
    font-weight: 700
}

.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 #fff
}

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

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

.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: 700;
    border: 1px solid #fff
}

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

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

#kt_tabs_1_2 .table .thead-light th {
    background: #f6f6f6;
    color: #174799;
    font-weight: 700;
    border: 1px solid #fff
}

.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: 0 0 13px 0 rgba(82,63,105,.05);
    box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 4px
}

.kt-page-content-white .kt-portlet {
    -webkit-box-shadow: 0 0 13px 0 rgba(82,63,105,.1);
    box-shadow: 0 0 13px 0 rgba(82,63,105,.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: .5rem;
                font-size: 1rem;
                color: #74788d
            }

        .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-icon {
            padding-right: .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__body, .kt-portlet.kt-portlet--space .kt-portlet__foot, .kt-portlet.kt-portlet--space .kt-portlet__head {
        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: #fff;
        border-bottom: 1px solid transparent
    }

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

            .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__body, .kt-portlet.kt-portlet--solid-brand .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-brand .kt-portlet__foot {
        color: #fff;
        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,.1)
}

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

.kt-portlet.kt-portlet--solid-light {
    background: #fff
}

    .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__body, .kt-portlet.kt-portlet--solid-light .kt-portlet__wrapper {
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-dark .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-dark .kt-portlet__foot {
        color: #fff;
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-primary .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-primary .kt-portlet__foot {
        color: #fff;
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-success .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-success .kt-portlet__foot {
        color: #fff;
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-info .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-info .kt-portlet__foot {
        color: #fff;
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-warning .kt-portlet__wrapper {
        color: #111
    }

    .kt-portlet.kt-portlet--solid-warning .kt-portlet__foot {
        color: #111;
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-danger .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-danger .kt-portlet__foot {
        color: #fff;
        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,.1)
}

.kt-portlet.kt-portlet--border-bottom-danger {
    border-bottom: 3px solid rgba(253,57,122,.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 .3s,right .3s,height .3s;
    transition: left .3s,right .3s,height .3s
}

.kt-portlet.kt-portlet--sticky > .kt-portlet__head {
    -webkit-transition: left .3s,right .3s,height .3s;
    transition: left .3s,right .3s,height .3s;
    position: fixed;
    -webkit-box-shadow: 0 1px 15px 1px rgba(69,65,78,.1);
    box-shadow: 0 1px 15px 1px rgba(69,65,78,.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,.8)
    }

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

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head:not(.kt-portlet__head--noborder) {
    border-bottom: 1px solid rgba(255,255,255,.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--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before, .kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before {
    content: "\f113"
}

.kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before, .kt-portlet.kt-portlet--collapsed .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__body, .kt-portlet.kt-portlet--space .kt-portlet__foot, .kt-portlet.kt-portlet--space .kt-portlet__head {
        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: #fff;
        border-bottom: 1px solid transparent
    }

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

            .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__body, .kt-portlet.kt-portlet--solid-brand .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-brand .kt-portlet__foot {
        color: #fff;
        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,.1)
}

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

.kt-portlet.kt-portlet--solid-light {
    background: #fff
}

    .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__body, .kt-portlet.kt-portlet--solid-light .kt-portlet__wrapper {
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-dark .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-dark .kt-portlet__foot {
        color: #fff;
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-primary .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-primary .kt-portlet__foot {
        color: #fff;
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-success .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-success .kt-portlet__foot {
        color: #fff;
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-info .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-info .kt-portlet__foot {
        color: #fff;
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-warning .kt-portlet__wrapper {
        color: #111
    }

    .kt-portlet.kt-portlet--solid-warning .kt-portlet__foot {
        color: #111;
        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,.1)
}

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

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

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

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

            .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__body, .kt-portlet.kt-portlet--solid-danger .kt-portlet__wrapper {
        color: #fff
    }

    .kt-portlet.kt-portlet--solid-danger .kt-portlet__foot {
        color: #fff;
        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,.1)
}

.kt-portlet.kt-portlet--border-bottom-danger {
    border-bottom: 3px solid rgba(253,57,122,.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 .3s;
    transition: height .3s
}

.kt-portlet.kt-portlet--sticky > .kt-portlet__head {
    -webkit-transition: height .3s;
    transition: height .3s;
    position: fixed;
    -webkit-box-shadow: 0 1px 15px 1px rgba(69,65,78,.1);
    box-shadow: 0 1px 15px 1px rgba(69,65,78,.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,.8)
    }

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

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head:not(.kt-portlet__head--noborder) {
    border-bottom: 1px solid rgba(255,255,255,.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--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before, .kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before {
    content: "\f113"
}

.kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before, .kt-portlet.kt-portlet--collapsed .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: .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: #fff;
                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
                }

                    .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: .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: .18rem;
            color: #74788d
        }

        .kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-cricle {
            border-radius: 50%;
            border: .89rem solid #fff;
            z-index: 1;
            top: .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: -.93rem;
                left: -.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: .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: .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: .28rem;
        border-radius: .3rem;
        height: 70%;
        left: 5.1rem;
        top: .46rem;
        content: ""
    }

    .kt-timeline-v3 .kt-timeline-v3__item .kt-timeline-v3__item-time {
        display: table-cell;
        vertical-align: top;
        padding-top: .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: .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: #fff
    }

    .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: .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: 700;
            font-size: 1rem;
            color: #595d6e;
            -webkit-transition: color .3s ease;
            transition: color .3s ease
        }

            .kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__username:hover {
                color: #5d78ff;
                -webkit-transition: color .3s ease;
                transition: color .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 .3s ease;
        transition: color .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 .3s ease;
            transition: color .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: .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: .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 .3s ease;
    transition: background-color .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 .3s ease;
            transition: color .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 .3s ease;
        transition: background-color .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 .3s ease;
            transition: color .3s ease;
            color: #5d78ff
        }

    .kt-notification .kt-notification__item.kt-notification__item--read {
        opacity: .5
    }

    .kt-notification .kt-notification__item:after {
        border: 0;
        content: "";
        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: "";
        font-size: .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: #fff !important
}

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

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

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

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

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

.kt-font-hover-light:hover {
    color: #ccc
}

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

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

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

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

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

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

.kt-font-hover-dark:hover {
    color: #000
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kt-bg-light-danger {
    background-color: rgba(253,57,122,.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: 0 !important;
    vertical-align: middle;
    -webkit-transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease
}

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

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

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

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

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

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

        .btn:not(:disabled):not(.disabled).active i, .btn:not(:disabled):not(.disabled):active:not(.btn-text) i, .show > .btn.dropdown-toggle i {
            -webkit-transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
            transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
            transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
            transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .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: .35rem;
        vertical-align: middle;
        line-height: 1;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .btn .svg-icon {
        margin-right: .5rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .btn-group-lg > .btn.btn-icon, .btn.btn-icon.btn-lg {
        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: .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: .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: -.7rem;
            border: 1px solid #fff;
            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: #fff;
        background: #5d78ff
    }

    .kt-badge.kt-badge--outline.kt-badge--brand {
        background: 0 0;
        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: #fff
    }

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

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

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

    .kt-badge.kt-badge--outline.kt-badge--dark {
        background: 0 0;
        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: #fff;
        background: #5867dd
    }

    .kt-badge.kt-badge--outline.kt-badge--primary {
        background: 0 0;
        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: #fff;
        background: #0abb87
    }

    .kt-badge.kt-badge--outline.kt-badge--success {
        background: 0 0;
        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: #fff;
        background: #5578eb
    }

    .kt-badge.kt-badge--outline.kt-badge--info {
        background: 0 0;
        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: #fff;
        background: #ffb822
    }

    .kt-badge.kt-badge--outline.kt-badge--warning {
        background: 0 0;
        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: #fff;
        background: #fd397a
    }

    .kt-badge.kt-badge--outline.kt-badge--danger {
        background: 0 0;
        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,.1)
    }

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

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

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

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

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

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

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

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

        .kt-badge.kt-badge--inline.kt-badge--md {
            padding: .8rem .6rem
        }

        .kt-badge.kt-badge--inline.kt-badge--lg {
            padding: .9rem .7rem
        }

        .kt-badge.kt-badge--inline.kt-badge--xl {
            padding: 1rem .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: 0 0 10px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 10px 0 rgba(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 .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
    padding: .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.active, .nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line .show > .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #6993ff;
    -webkit-transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .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.active, .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 .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.active, .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 .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,.7)
}

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

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

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

        .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: rgba(255,255,255,.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 .3s ease;
            transition: fill .3s ease
        }

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

        .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 .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link {
            border-bottom-color: #fff;
            color: #fff
        }

            .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 .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-text {
                color: #fff
            }

            .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 .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-icon i {
                color: #fff
            }

            .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 .nav-link:hover:not(.disabled) .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 .3s ease;
                transition: fill .3s ease;
                fill: #fff
            }

            .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 .nav-link:hover:not(.disabled) .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 .3s ease;
                transition: fill .3s ease
            }

            .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 .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-arrow {
                color: #fff
            }

.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.active, .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 .show > .nav-link {
        border-bottom-color: #6993ff;
        color: #6993ff
    }

        .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 .nav-link:hover:not(.disabled) .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.active .nav-icon i, .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 .show > .nav-link .nav-icon i {
            color: #6993ff
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease;
            fill: #6993ff
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease
        }

        .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 .nav-link:hover:not(.disabled) .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.active, .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 .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.active, .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 .show > .nav-link {
        border-bottom-color: #e4e6ef;
        color: #e4e6ef
    }

        .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 .nav-link:hover:not(.disabled) .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.active .nav-icon i, .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 .show > .nav-link .nav-icon i {
            color: #e4e6ef
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease;
            fill: #e4e6ef
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease
        }

        .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 .nav-link:hover:not(.disabled) .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.active, .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 .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.active, .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 .show > .nav-link {
        border-bottom-color: #1bc5bd;
        color: #1bc5bd
    }

        .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 .nav-link:hover:not(.disabled) .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.active .nav-icon i, .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 .show > .nav-link .nav-icon i {
            color: #1bc5bd
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease;
            fill: #1bc5bd
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease
        }

        .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 .nav-link:hover:not(.disabled) .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.active, .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 .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.active, .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 .show > .nav-link {
        border-bottom-color: #8950fc;
        color: #8950fc
    }

        .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 .nav-link:hover:not(.disabled) .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.active .nav-icon i, .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 .show > .nav-link .nav-icon i {
            color: #8950fc
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease;
            fill: #8950fc
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease
        }

        .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 .nav-link:hover:not(.disabled) .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.active, .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 .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.active, .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 .show > .nav-link {
        border-bottom-color: #ffa800;
        color: #ffa800
    }

        .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 .nav-link:hover:not(.disabled) .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.active .nav-icon i, .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 .show > .nav-link .nav-icon i {
            color: #ffa800
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease;
            fill: #ffa800
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease
        }

        .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 .nav-link:hover:not(.disabled) .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.active, .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 .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.active, .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 .show > .nav-link {
        border-bottom-color: #f64e60;
        color: #f64e60
    }

        .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 .nav-link:hover:not(.disabled) .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.active .nav-icon i, .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 .show > .nav-link .nav-icon i {
            color: #f64e60
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease;
            fill: #f64e60
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease
        }

        .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 .nav-link:hover:not(.disabled) .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.active, .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 .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.active, .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 .show > .nav-link {
        border-bottom-color: #f3f6f9;
        color: #f3f6f9
    }

        .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 .nav-link:hover:not(.disabled) .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.active .nav-icon i, .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 .show > .nav-link .nav-icon i {
            color: #f3f6f9
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease;
            fill: #f3f6f9
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease
        }

        .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 .nav-link:hover:not(.disabled) .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.active, .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 .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.active, .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 .show > .nav-link {
        border-bottom-color: #181c32;
        color: #181c32
    }

        .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 .nav-link:hover:not(.disabled) .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.active .nav-icon i, .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 .show > .nav-link .nav-icon i {
            color: #181c32
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease;
            fill: #181c32
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease
        }

        .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 .nav-link:hover:not(.disabled) .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.active, .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 .show > .nav-link {
    border-bottom-color: #181c32 !important
}

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

    .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active, .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 .show > .nav-link {
        border-bottom-color: #fff;
        color: #fff
    }

        .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 .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-text {
            color: #fff
        }

        .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 .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-icon i {
            color: #fff
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease;
            fill: #fff
        }

        .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 .nav-link:hover:not(.disabled) .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 .3s ease;
            transition: fill .3s ease
        }

        .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 .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-arrow {
            color: #fff
        }

.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 .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-white .show > .nav-link {
    border-bottom-color: #fff !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 .3s ease;
        transition: fill .3s ease;
        fill: #3f4254 !important
    }

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

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

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

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

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

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

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

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

.nav.nav-pills.nav-light-secondary .nav-link.active {
    color: #e4e6ef;
    background-color: rgba(228,230,239,.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 .3s ease;
        transition: fill .3s ease;
        fill: #e4e6ef
    }

    .nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .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 .3s ease;
        transition: fill .3s ease;
        fill: #e4e6ef
    }

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

    .nav.nav-pills.nav-group.nav-secondary .nav-link:after {
        color: #e4e6ef
    }

    .nav.nav-pills.nav-group.nav-secondary .nav-link.active, .nav.nav-pills.nav-group.nav-secondary .nav-link:hover, .nav.nav-pills.nav-group.nav-secondary .show > .nav-link {
        color: #3f4254;
        background-color: #e4e6ef
    }

        .nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-text, .nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-text {
            color: #3f4254
        }

        .nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon i, .nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-icon i {
            color: #3f4254
        }

        .nav.nav-pills.nav-group.nav-secondary .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #3f4254
        }

        .nav.nav-pills.nav-group.nav-secondary .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }

        .nav.nav-pills.nav-group.nav-secondary .nav-link.active:after, .nav.nav-pills.nav-group.nav-secondary .nav-link:hover:after, .nav.nav-pills.nav-group.nav-secondary .show > .nav-link:after {
            color: #3f4254
        }

    .nav.nav-pills.nav-group.nav-secondary .nav-link:hover {
        background-color: #d7dae7
    }

.nav.nav-pills.nav-success .nav-link:hover:not(.active), .nav.nav-pills.nav-success .show > .nav-link {
    color: #1bc5bd;
    background-color: transparent
}

    .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-success .show > .nav-link .nav-text {
        color: #1bc5bd
    }

    .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-success .show > .nav-link .nav-icon i {
        color: #1bc5bd
    }

    .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-success .show > .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #1bc5bd
    }

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

    .nav.nav-pills.nav-success .nav-link:hover:not(.active):after, .nav.nav-pills.nav-success .show > .nav-link:after {
        color: #1bc5bd
    }

.nav.nav-pills.nav-success .nav-link.active {
    color: #fff;
    background-color: #1bc5bd
}

    .nav.nav-pills.nav-success .nav-link.active .nav-text {
        color: #fff
    }

    .nav.nav-pills.nav-success .nav-link.active .nav-icon i {
        color: #fff
    }

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

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

    .nav.nav-pills.nav-success .nav-link.active:after {
        color: #fff
    }

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

    .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-light-success .show > .nav-link .nav-text {
        color: #1bc5bd
    }

    .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-light-success .show > .nav-link .nav-icon i {
        color: #1bc5bd
    }

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

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

    .nav.nav-pills.nav-light-success .nav-link:hover:not(.active):after, .nav.nav-pills.nav-light-success .show > .nav-link:after {
        color: #1bc5bd
    }

.nav.nav-pills.nav-light-success .nav-link.active {
    color: #1bc5bd;
    background-color: rgba(27,197,189,.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 .3s ease;
        transition: fill .3s ease;
        fill: #1bc5bd
    }

    .nav.nav-pills.nav-light-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .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 .3s ease;
        transition: fill .3s ease;
        fill: #1bc5bd
    }

    .nav.nav-pills.nav-group.nav-success .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .nav.nav-pills.nav-group.nav-success .nav-link:after {
        color: #1bc5bd
    }

    .nav.nav-pills.nav-group.nav-success .nav-link.active, .nav.nav-pills.nav-group.nav-success .nav-link:hover, .nav.nav-pills.nav-group.nav-success .show > .nav-link {
        color: #fff;
        background-color: #1bc5bd
    }

        .nav.nav-pills.nav-group.nav-success .nav-link.active .nav-text, .nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-text {
            color: #fff
        }

        .nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon i, .nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-icon i {
            color: #fff
        }

        .nav.nav-pills.nav-group.nav-success .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #fff
        }

        .nav.nav-pills.nav-group.nav-success .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }

        .nav.nav-pills.nav-group.nav-success .nav-link.active:after, .nav.nav-pills.nav-group.nav-success .nav-link:hover:after, .nav.nav-pills.nav-group.nav-success .show > .nav-link:after {
            color: #fff
        }

    .nav.nav-pills.nav-group.nav-success .nav-link:hover {
        background-color: #0bb7af
    }

.nav.nav-pills.nav-info .nav-link:hover:not(.active), .nav.nav-pills.nav-info .show > .nav-link {
    color: #8950fc;
    background-color: transparent
}

    .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-info .show > .nav-link .nav-text {
        color: #8950fc
    }

    .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-info .show > .nav-link .nav-icon i {
        color: #8950fc
    }

    .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-info .show > .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #8950fc
    }

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

    .nav.nav-pills.nav-info .nav-link:hover:not(.active):after, .nav.nav-pills.nav-info .show > .nav-link:after {
        color: #8950fc
    }

.nav.nav-pills.nav-info .nav-link.active {
    color: #fff;
    background-color: #8950fc
}

    .nav.nav-pills.nav-info .nav-link.active .nav-text {
        color: #fff
    }

    .nav.nav-pills.nav-info .nav-link.active .nav-icon i {
        color: #fff
    }

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

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

    .nav.nav-pills.nav-info .nav-link.active:after {
        color: #fff
    }

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

    .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-light-info .show > .nav-link .nav-text {
        color: #8950fc
    }

    .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-light-info .show > .nav-link .nav-icon i {
        color: #8950fc
    }

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

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

    .nav.nav-pills.nav-light-info .nav-link:hover:not(.active):after, .nav.nav-pills.nav-light-info .show > .nav-link:after {
        color: #8950fc
    }

.nav.nav-pills.nav-light-info .nav-link.active {
    color: #8950fc;
    background-color: rgba(137,80,252,.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 .3s ease;
        transition: fill .3s ease;
        fill: #8950fc
    }

    .nav.nav-pills.nav-light-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .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 .3s ease;
        transition: fill .3s ease;
        fill: #8950fc
    }

    .nav.nav-pills.nav-group.nav-info .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .nav.nav-pills.nav-group.nav-info .nav-link:after {
        color: #8950fc
    }

    .nav.nav-pills.nav-group.nav-info .nav-link.active, .nav.nav-pills.nav-group.nav-info .nav-link:hover, .nav.nav-pills.nav-group.nav-info .show > .nav-link {
        color: #fff;
        background-color: #8950fc
    }

        .nav.nav-pills.nav-group.nav-info .nav-link.active .nav-text, .nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-text {
            color: #fff
        }

        .nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon i, .nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-icon i {
            color: #fff
        }

        .nav.nav-pills.nav-group.nav-info .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #fff
        }

        .nav.nav-pills.nav-group.nav-info .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }

        .nav.nav-pills.nav-group.nav-info .nav-link.active:after, .nav.nav-pills.nav-group.nav-info .nav-link:hover:after, .nav.nav-pills.nav-group.nav-info .show > .nav-link:after {
            color: #fff
        }

    .nav.nav-pills.nav-group.nav-info .nav-link:hover {
        background-color: #7337ee
    }

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

    .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-warning .show > .nav-link .nav-text {
        color: #ffa800
    }

    .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-warning .show > .nav-link .nav-icon i {
        color: #ffa800
    }

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

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

    .nav.nav-pills.nav-warning .nav-link:hover:not(.active):after, .nav.nav-pills.nav-warning .show > .nav-link:after {
        color: #ffa800
    }

.nav.nav-pills.nav-warning .nav-link.active {
    color: #fff;
    background-color: #ffa800
}

    .nav.nav-pills.nav-warning .nav-link.active .nav-text {
        color: #fff
    }

    .nav.nav-pills.nav-warning .nav-link.active .nav-icon i {
        color: #fff
    }

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

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

    .nav.nav-pills.nav-warning .nav-link.active:after {
        color: #fff
    }

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

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

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

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

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

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

.nav.nav-pills.nav-light-warning .nav-link.active {
    color: #ffa800;
    background-color: rgba(255,168,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 .3s ease;
        transition: fill .3s ease;
        fill: #ffa800
    }

    .nav.nav-pills.nav-light-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .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 .3s ease;
        transition: fill .3s ease;
        fill: #ffa800
    }

    .nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .nav.nav-pills.nav-group.nav-warning .nav-link:after {
        color: #ffa800
    }

    .nav.nav-pills.nav-group.nav-warning .nav-link.active, .nav.nav-pills.nav-group.nav-warning .nav-link:hover, .nav.nav-pills.nav-group.nav-warning .show > .nav-link {
        color: #fff;
        background-color: #ffa800
    }

        .nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-text, .nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-text {
            color: #fff
        }

        .nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon i, .nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-icon i {
            color: #fff
        }

        .nav.nav-pills.nav-group.nav-warning .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #fff
        }

        .nav.nav-pills.nav-group.nav-warning .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }

        .nav.nav-pills.nav-group.nav-warning .nav-link.active:after, .nav.nav-pills.nav-group.nav-warning .nav-link:hover:after, .nav.nav-pills.nav-group.nav-warning .show > .nav-link:after {
            color: #fff
        }

    .nav.nav-pills.nav-group.nav-warning .nav-link:hover {
        background-color: #ee9d01
    }

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

    .nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-danger .show > .nav-link .nav-text {
        color: #f64e60
    }

    .nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-danger .show > .nav-link .nav-icon i {
        color: #f64e60
    }

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

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

    .nav.nav-pills.nav-danger .nav-link:hover:not(.active):after, .nav.nav-pills.nav-danger .show > .nav-link:after {
        color: #f64e60
    }

.nav.nav-pills.nav-danger .nav-link.active {
    color: #fff;
    background-color: #f64e60
}

    .nav.nav-pills.nav-danger .nav-link.active .nav-text {
        color: #fff
    }

    .nav.nav-pills.nav-danger .nav-link.active .nav-icon i {
        color: #fff
    }

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

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

    .nav.nav-pills.nav-danger .nav-link.active:after {
        color: #fff
    }

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

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

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

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

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

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

.nav.nav-pills.nav-light-danger .nav-link.active {
    color: #f64e60;
    background-color: rgba(246,78,96,.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 .3s ease;
        transition: fill .3s ease;
        fill: #f64e60
    }

    .nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .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 .3s ease;
        transition: fill .3s ease;
        fill: #f64e60
    }

    .nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .nav.nav-pills.nav-group.nav-danger .nav-link:after {
        color: #f64e60
    }

    .nav.nav-pills.nav-group.nav-danger .nav-link.active, .nav.nav-pills.nav-group.nav-danger .nav-link:hover, .nav.nav-pills.nav-group.nav-danger .show > .nav-link {
        color: #fff;
        background-color: #f64e60
    }

        .nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-text, .nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-text {
            color: #fff
        }

        .nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon i, .nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-icon i {
            color: #fff
        }

        .nav.nav-pills.nav-group.nav-danger .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #fff
        }

        .nav.nav-pills.nav-group.nav-danger .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }

        .nav.nav-pills.nav-group.nav-danger .nav-link.active:after, .nav.nav-pills.nav-group.nav-danger .nav-link:hover:after, .nav.nav-pills.nav-group.nav-danger .show > .nav-link:after {
            color: #fff
        }

    .nav.nav-pills.nav-group.nav-danger .nav-link:hover {
        background-color: #ee2d41
    }

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

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

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

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

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

    .nav.nav-pills.nav-light .nav-link:hover:not(.active):after, .nav.nav-pills.nav-light .show > .nav-link: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 .3s ease;
        transition: fill .3s ease;
        fill: #7e8299 !important
    }

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

    .nav.nav-pills.nav-light .nav-link.active:after {
        color: #7e8299
    }

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

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

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

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

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

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

.nav.nav-pills.nav-light-light .nav-link.active {
    color: #f3f6f9;
    background-color: rgba(243,246,249,.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 .3s ease;
        transition: fill .3s ease;
        fill: #f3f6f9
    }

    .nav.nav-pills.nav-light-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .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 .3s ease;
        transition: fill .3s ease;
        fill: #f3f6f9
    }

    .nav.nav-pills.nav-group.nav-light .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .nav.nav-pills.nav-group.nav-light .nav-link:after {
        color: #f3f6f9
    }

    .nav.nav-pills.nav-group.nav-light .nav-link.active, .nav.nav-pills.nav-group.nav-light .nav-link:hover, .nav.nav-pills.nav-group.nav-light .show > .nav-link {
        color: #7e8299;
        background-color: #f3f6f9
    }

        .nav.nav-pills.nav-group.nav-light .nav-link.active .nav-text, .nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-text {
            color: #7e8299
        }

        .nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon i, .nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-icon i {
            color: #7e8299
        }

        .nav.nav-pills.nav-group.nav-light .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #7e8299
        }

        .nav.nav-pills.nav-group.nav-light .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }

        .nav.nav-pills.nav-group.nav-light .nav-link.active:after, .nav.nav-pills.nav-group.nav-light .nav-link:hover:after, .nav.nav-pills.nav-group.nav-light .show > .nav-link:after {
            color: #7e8299
        }

    .nav.nav-pills.nav-group.nav-light .nav-link:hover {
        background-color: #e4e6ef
    }

.nav.nav-pills.nav-dark .nav-link:hover:not(.active), .nav.nav-pills.nav-dark .show > .nav-link {
    color: #181c32;
    background-color: transparent
}

    .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-dark .show > .nav-link .nav-text {
        color: #181c32
    }

    .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-dark .show > .nav-link .nav-icon i {
        color: #181c32
    }

    .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-dark .show > .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #181c32
    }

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

    .nav.nav-pills.nav-dark .nav-link:hover:not(.active):after, .nav.nav-pills.nav-dark .show > .nav-link:after {
        color: #181c32
    }

.nav.nav-pills.nav-dark .nav-link.active {
    color: #fff;
    background-color: #181c32
}

    .nav.nav-pills.nav-dark .nav-link.active .nav-text {
        color: #fff
    }

    .nav.nav-pills.nav-dark .nav-link.active .nav-icon i {
        color: #fff
    }

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

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

    .nav.nav-pills.nav-dark .nav-link.active:after {
        color: #fff
    }

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

    .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-light-dark .show > .nav-link .nav-text {
        color: #181c32
    }

    .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-light-dark .show > .nav-link .nav-icon i {
        color: #181c32
    }

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

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

    .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active):after, .nav.nav-pills.nav-light-dark .show > .nav-link:after {
        color: #181c32
    }

.nav.nav-pills.nav-light-dark .nav-link.active {
    color: #181c32;
    background-color: rgba(24,28,50,.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 .3s ease;
        transition: fill .3s ease;
        fill: #181c32
    }

    .nav.nav-pills.nav-light-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .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 .3s ease;
        transition: fill .3s ease;
        fill: #181c32
    }

    .nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .nav.nav-pills.nav-group.nav-dark .nav-link:after {
        color: #181c32
    }

    .nav.nav-pills.nav-group.nav-dark .nav-link.active, .nav.nav-pills.nav-group.nav-dark .nav-link:hover, .nav.nav-pills.nav-group.nav-dark .show > .nav-link {
        color: #fff;
        background-color: #181c32
    }

        .nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-text, .nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-text {
            color: #fff
        }

        .nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon i, .nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-icon i {
            color: #fff
        }

        .nav.nav-pills.nav-group.nav-dark .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #fff
        }

        .nav.nav-pills.nav-group.nav-dark .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }

        .nav.nav-pills.nav-group.nav-dark .nav-link.active:after, .nav.nav-pills.nav-group.nav-dark .nav-link:hover:after, .nav.nav-pills.nav-group.nav-dark .show > .nav-link:after {
            color: #fff
        }

    .nav.nav-pills.nav-group.nav-dark .nav-link:hover {
        background-color: #131628
    }

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

    .nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-white .show > .nav-link .nav-text {
        color: #fff
    }

    .nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-white .show > .nav-link .nav-icon i {
        color: #fff
    }

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

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

    .nav.nav-pills.nav-white .nav-link:hover:not(.active):after, .nav.nav-pills.nav-white .show > .nav-link:after {
        color: #fff
    }

.nav.nav-pills.nav-white .nav-link.active {
    color: #3f4254;
    background-color: #fff
}

    .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 .3s ease;
        transition: fill .3s ease;
        fill: #3f4254 !important
    }

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

    .nav.nav-pills.nav-white .nav-link.active:after {
        color: #3f4254
    }

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

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

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

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

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

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

.nav.nav-pills.nav-light-white .nav-link.active {
    color: #fff;
    background-color: rgba(255,255,255,.1)
}

    .nav.nav-pills.nav-light-white .nav-link.active .nav-text {
        color: #fff
    }

    .nav.nav-pills.nav-light-white .nav-link.active .nav-icon i {
        color: #fff
    }

    .nav.nav-pills.nav-light-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #fff
    }

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

    .nav.nav-pills.nav-light-white .nav-link.active:after {
        color: #fff
    }

.nav.nav-pills.nav-group.nav-white .nav-link {
    color: #fff;
    background-color: #fff;
    border: 0
}

    .nav.nav-pills.nav-group.nav-white .nav-link .nav-text {
        color: #fff
    }

    .nav.nav-pills.nav-group.nav-white .nav-link .nav-icon i {
        color: #fff
    }

    .nav.nav-pills.nav-group.nav-white .nav-link .nav-icon .svg-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #fff
    }

    .nav.nav-pills.nav-group.nav-white .nav-link .nav-icon .svg-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .nav.nav-pills.nav-group.nav-white .nav-link:after {
        color: #fff
    }

    .nav.nav-pills.nav-group.nav-white .nav-link.active, .nav.nav-pills.nav-group.nav-white .nav-link:hover, .nav.nav-pills.nav-group.nav-white .show > .nav-link {
        color: #3f4254;
        background-color: #fff
    }

        .nav.nav-pills.nav-group.nav-white .nav-link.active .nav-text, .nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-text {
            color: #3f4254
        }

        .nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon i, .nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-icon i {
            color: #3f4254
        }

        .nav.nav-pills.nav-group.nav-white .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #3f4254
        }

        .nav.nav-pills.nav-group.nav-white .nav-link.active .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 .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }

        .nav.nav-pills.nav-group.nav-white .nav-link.active:after, .nav.nav-pills.nav-group.nav-white .nav-link:hover:after, .nav.nav-pills.nav-group.nav-white .show > .nav-link:after {
            color: #3f4254
        }

.clickable-item {
    cursor: pointer
}

.text-bold {
    font-weight: 700
}

.portlet.light > .portlet-title .inputs.inputs-full-width {
    display: block;
    float: none
}

.tree-item-icon-color {
    color: #dfba49
}

.page-sidebar .page-sidebar-menu > li > a > i.fa, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.fa {
    margin-left: 1px;
    margin-right: 4px;
    top: 3px
}

.form-group.form-md-line-input.no-hint {
    margin-bottom: 15px
}

.form-group.form-md-line-input.has-error .form-control {
    border-bottom-color: red
}

.form-group.form-md-line-input.has-error .help-block-info {
    display: none
}

.daterangepicker_input .input-mini {
    width: 120px !important
}

.portlet.light > .portlet-title.portlet-title-filter {
    border: none;
    margin-bottom: 0
}

button i {
    margin-right: 5px
}

.btn + .btn {
    margin-left: 5px
}

.famfamfam-flags {
    display: inline-block
}

.external-logins form a i.fa-openidconnect::before {
    content: "\f19b"
}

.external-logins a i.fa-wsfederation::before {
    content: "\f20e"
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    width: 250px
}

br {
    font-family: Verdana
}

span.phone-number-verified {
    border-bottom: #36c6d3 2px solid !important
}

.margin-top-20 {
    margin-top: 20px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.swal-title {
    overflow-wrap: break-word
}

.swal-footer {
    text-align: center
}

@keyframes glowing {
    0% {
        opacity: .3
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

.glowing {
    animation: glowing 2s infinite
}

.toast-error {
    background-color: red !important
}

.bootstrap-datetimepicker-widget {
    width: 275px !important
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    src: url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.eot);
    src: local('Poppins Light'),local('Poppins-Light'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.eot) format('embedded-opentype'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.woff2) format('woff2'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.woff) format('woff'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300.ttf) format('truetype'),url(Poppins/poppins-v5-devanagari_latin-ext_latin-300.svg#Poppins) format('svg')
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.eot);
    src: local('Poppins Regular'),local('Poppins-Regular'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.eot) format('embedded-opentype'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.woff2) format('woff2'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.woff) format('woff'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular.ttf) format('truetype'),url(Poppins/poppins-v5-devanagari_latin-ext_latin-regular.svg#Poppins) format('svg')
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.eot);
    src: local('Poppins Medium'),local('Poppins-Medium'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.eot) format('embedded-opentype'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.woff2) format('woff2'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.woff) format('woff'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500.ttf) format('truetype'),url(Poppins/poppins-v5-devanagari_latin-ext_latin-500.svg#Poppins) format('svg')
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.eot);
    src: local('Poppins SemiBold'),local('Poppins-SemiBold'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.eot) format('embedded-opentype'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.woff2) format('woff2'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.woff) format('woff'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600.ttf) format('truetype'),url(Poppins/poppins-v5-devanagari_latin-ext_latin-600.svg#Poppins) format('svg')
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.eot);
    src: local('Poppins Bold'),local('Poppins-Bold'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.eot) format('embedded-opentype'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.woff2) format('woff2'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.woff) format('woff'),url(/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700.ttf) format('truetype'),url(Poppins/poppins-v5-devanagari_latin-ext_latin-700.svg#Poppins) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.eot);
    src: local('Roboto Light'),local('Roboto-Light'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.eot) format('embedded-opentype'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.woff2) format('woff2'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.woff) format('woff'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.ttf) format('truetype'),url(Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.eot);
    src: local('Roboto'),local('Roboto-Regular'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.eot) format('embedded-opentype'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.woff2) format('woff2'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.woff) format('woff'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.ttf) format('truetype'),url(Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.eot);
    src: local('Roboto Medium'),local('Roboto-Medium'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.eot) format('embedded-opentype'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.woff2) format('woff2'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.woff) format('woff'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.ttf) format('truetype'),url(Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.eot);
    src: local('Roboto Bold'),local('Roboto-Bold'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.eot) format('embedded-opentype'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.woff2) format('woff2'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.woff) format('woff'),url(/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.ttf) format('truetype'),url(Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.svg#Roboto) format('svg')
}

.pwstrength-div {
    position: relative
}

    .pwstrength-div .progress {
        height: 8px;
        width: 64px;
        text-align: right;
        position: absolute;
        right: -28px;
        top: 28.5px;
        transform: rotate(-90deg);
        border-radius: 0 0 1.25rem 1.25rem
    }

    .pwstrength-div .password-verdict {
        height: 10px;
        width: 100px;
        text-align: right;
        position: absolute;
        right: 24px;
        top: 25px;
        font-size: 12px;
        opacity: .6
    }