@keyframes revealIn {
    0% {
        opacity: 0;
        -moz-transform: scale3d(.3,.3,1)
    }

    to {
        opacity: 1
    }
}

.text-limit-line-1 {
    -webkit-line-clamp: 1
}
.text-limit-line-3,.text-limit-line-4 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset
}

.text-limit-line-4 {
    -webkit-line-clamp: 4
}

.text-limit-line-5 {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset
}

.top--10 {
    top: -10%!important
}

.top--15 {
    top: -15%!important
}

.top-0 {
    top: 0!important
}

.top-1 {
    top: 1%!important
}

.top-3 {
    top: 3%!important
}

.top-5 {
    top: 5%!important
}

.top-10 {
    top: 10%!important
}

.top-15 {
    top: 15%!important
}

.top-20 {
    top: 20%!important
}

.top-25 {
    top: 25%!important
}

.top-30 {
    top: 30%!important
}

.top-40 {
    top: 40%!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.top-1-p {
    top: 1px!important
}

.top-5-p {
    top: 5px!important
}

.top-10-p {
    top: 10px!important
}

.top-15-p {
    top: 15px!important
}

.top-20-p {
    top: 20px!important
}

.top-25-p {
    top: 25px!important
}

.top-30-p {
    top: 30px!important
}

.top-50-p {
    top: 50px!important
}

.top-56-p {
    top: 56px!important
}

.top-60-p {
    top: 60px!important
}

.top-100-p {
    top: 100px!important
}

.top-160-p {
    top: 160px!important
}

.top-200-p {
    top: 200px!important
}

.top--10-p {
    top: -10px!important
}

.top--15-p {
    top: -15px!important
}

.top--20-p {
    top: -20px!important
}

.top--25-p {
    top: -25px!important
}

.top--30-p {
    top: -30px!important
}

.top--50-p {
    top: -50px!important
}

.top--56-p {
    top: -56px!important
}

.top--60-p {
    top: -60px!important
}

.top--100-p {
    top: -100px!important
}

.top--160-p {
    top: -160px!important
}

.top--200-p {
    top: -200px!important
}

.top-150 {
    top: -150px!important
}

.right--10 {
    right: -10%!important
}

.right--15 {
    right: -15%!important
}
.right-1 {
    right: 1%!important
}

.right-3 {
    right: 3%!important
}

.right-5 {
    right: 5%!important
}

.right-10 {
    right: 10%!important
}

.right-15 {
    right: 15%!important
}

.right-20 {
    right: 20%!important
}

.right-25 {
    right: 25%!important
}

.right-30 {
    right: 30%!important
}

.right-40 {
    right: 40%!important
}

.right-50 {
    right: 50%!important
}

.right-100 {
    right: 100%!important
}

.right-1-p {
    right: 1px!important
}

.right-5-p {
    right: 5px!important
}

.right-10-p {
    right: 10px!important
}

.right-15-p {
    right: 15px!important
}

.right-20-p {
    right: 20px!important
}

.right-25-p {
    right: 25px!important
}

.right-30-p {
    right: 30px!important
}

.right-50-p {
    right: 50px!important
}
.right-60-p {
    right: 60px!important
}

.right-100-p {
    right: 100px!important
}

.right-160-p {
    right: 160px!important
}

.right-200-p {
    right: 200px!important
}

.right--10-p {
    right: -10px!important
}

.right--15-p {
    right: -15px!important
}

.right--20-p {
    right: -20px!important
}

.right--25-p {
    right: -25px!important
}

.right--30-p {
    right: -30px!important
}

.right--50-p {
    right: -50px!important
}

.right--56-p {
    right: -56px!important
}

.right--60-p {
    right: -60px!important
}

.right--100-p {
    right: -100px!important
}

.right--160-p {
    right: -160px!important
}

.right--200-p {
    right: -200px!important
}

.right-150 {
    right: -150px!important
}

.left--10 {
    left: -10%!important
}

.left--15 {
    left: -15%!important
}

.left-0 {
    left: 0!important
}

.left-1 {
    left: 1%!important
}

.left-3 {
    left: 3%!important
}

.left-5 {
    left: 5%!important
}

.left-10 {
    left: 10%!important
}

.left-15 {
    left: 15%!important
}

.left-20 {
    left: 20%!important
}

.left-25 {
    left: 25%!important
}

.left-30 {
    left: 30%!important
}

.left-40 {
    left: 40%!important
}

.left-50 {
    left: 50%!important
}

.left-100 {
    left: 100%!important
}

.left-1-p {
    left: 1px!important
}
.left-10-p {
    left: 10px!important
}

.left-15-p {
    left: 15px!important
}

.left-20-p {
    left: 20px!important
}

.left-25-p {
    left: 25px!important
}

.left-30-p {
    left: 30px!important
}

.left-50-p {
    left: 50px!important
}

.left-56-p {
    left: 56px!important
}

.left-60-p {
    left: 60px!important
}

.left-100-p {
    left: 100px!important
}

.left-160-p {
    left: 160px!important
}

.left-200-p {
    left: 200px!important
}

.left--10-p {
    left: -10px!important
}

.left--15-p {
    left: -15px!important
}

.left--20-p {
    left: -20px!important
}

.left--25-p {
    left: -25px!important
}

.left--30-p {
    left: -30px!important
}

.left--50-p {
    left: -50px!important
}

.left--56-p {
    left: -56px!important
}

.left--60-p {
    left: -60px!important
}

.left--100-p {
    left: -100px!important
}

.left--160-p {
    left: -160px!important
}

.left--200-p {
    left: -200px!important
}

.left-150 {
    left: -150px!important
}

.bottom--10 {
    bottom: -10%!important
}

.bottom--15 {
    bottom: -15%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-1 {
    bottom: 1%!important
}

.bottom-3 {
    bottom: 3%!important
}

.bottom-5 {
    bottom: 5%!important
}

.bottom-10 {
    bottom: 10%!important
}

.bottom-15 {
    bottom: 15%!important
}

.bottom-20 {
    bottom: 20%!important
}

.bottom-25 {
    bottom: 25%!important
}

.bottom-30 {
    bottom: 30%!important
}
.bottom-100 {
    bottom: 100%!important
}

.bottom-1-p {
    bottom: 1px!important
}

.bottom-5-p {
    bottom: 5px!important
}

.bottom-10-p {
    bottom: 10px!important
}

.bottom-15-p {
    bottom: 15px!important
}

.bottom-20-p {
    bottom: 20px!important
}

.bottom-25-p {
    bottom: 25px!important
}

.bottom-30-p {
    bottom: 30px!important
}

.bottom-50-p {
    bottom: 50px!important
}

.bottom-56-p {
    bottom: 56px!important
}

.bottom-60-p {
    bottom: 60px!important
}

.bottom-100-p {
    bottom: 100px!important
}

.bottom-160-p {
    bottom: 160px!important
}

.bottom-200-p {
    bottom: 200px!important
}

.bottom--10-p {
    bottom: -10px!important
}

.bottom--15-p {
    bottom: -15px!important
}

.bottom--20-p {
    bottom: -20px!important
}

.bottom--25-p {
    bottom: -25px!important
}

.bottom--30-p {
    bottom: -30px!important
}

.bottom--50-p {
    bottom: -50px!important
}

.bottom--56-p {
    bottom: -56px!important
}

.bottom--60-p {
    bottom: -60px!important
}

.bottom--100-p {
    bottom: -100px!important
}

.bottom--160-p {
    bottom: -160px!important
}

.bottom--200-p {
    bottom: -200px!important
}

.bottom-150 {
    bottom: -150px!important
}

.flex-0 {
    flex: 0
}

.flex-1 {
    flex: 1
}

.flex-2 {
    flex: 2
}

.flex-3 {
    flex: 3
}

.flex-4 {
    flex: 4
}

.flex-5 {
    flex: 5
}
.flex-7 {
    flex: 7
}

.flex-8 {
    flex: 8
}

.opacity-0 {
    opacity: 0
}

.opacity-1 {
    opacity: .1
}

.opacity-2 {
    opacity: .2
}

.opacity-3 {
    opacity: .3
}

.opacity-4 {
    opacity: .4
}

.opacity-5 {
    opacity: .5
}

.opacity-6 {
    opacity: .6
}

.opacity-7 {
    opacity: .7
}

.opacity-8 {
    opacity: .8
}
.timeline {
    list-style: none;
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px 0;
    position: relative
}

.timeline:before {
    background-color: #e9ecef;
    bottom: 0;
    content: " ";
    left: 50%;
    margin-left: -1.5px;
    position: absolute;
    top: 0;
    width: 3px
}
@media print {
    .no-print {
        display: none
    }

    .itemx {
        border: unset;
        border-radius: 0;
        margin-bottom: 5px;
        padding: 0
    }
}

@media only screen and (max-width: 600px) {
    .timeline:before {
        content:none!important
    }
}
.left-unset {
    left: unset!important
}
.timeline>.timeline-item {
    position: relative
}

.timeline>.timeline-item:after,.timeline>.timeline-item:before {
    content: " ";
    display: table
}

.timeline>.timeline-item:after {
    clear: both
}

.timeline>.timeline-item>.timeline-panel {
    float: left;
    padding: 20px 0;
    position: relative;
    width: 46%
}

.timeline>.timeline-item>.timeline-badge {
    border-radius: 50% 50% 50% 50%;
    color: #828282;
    font-size: 1.4em;
    height: 42px;
    left: 50%;
    line-height: 42px;
    margin-left: -25px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 16px;
    width: 42px
}

.timeline>.timeline-item.timeline-inverted>.timeline-panel {
    float: right
}

.timeline>.timeline-item.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 8px;
    left: -8px;
    right: auto
}

.timeline>.timeline-item.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 7px;
    left: -7px;
    right: auto
}

.timeline-badge.primary {
    background-color: #7460ee
}

.timeline-badge.success {
    background-color: #39c449
}

.timeline-badge.warning {
    background-color: #ffbc34
}

.timeline-badge.danger {
    background-color: #f62d51
}

.timeline-badge.info {
    background-color: #009efb
}

.timeline-title {
    color: inherit;
    font-weight: 400;
    margin-top: 0
}

.timeline-body>p,.timeline-body>ul {
    margin-bottom: 0
}

.timeline-left:before {
    left: 30px
}

.timeline-left>.timeline-item>.timeline-badge {
    left: 34px;
    top: 13px
}

.timeline-left>.timeline-item>.timeline-panel {
    width: calc(100% - 65px)
}

.timeline-right:before {
    left: auto;
    right: 30px
}

.timeline-right>.timeline-item>.timeline-badge {
    left: auto;
    right: 5px;
    top: 9px
}

.timeline-right>.timeline-item>.timeline-panel {
    width: calc(100% - 80px)
}

#nav-summary h2 {
    font-size: 18px
}

#nav-summary blockquote p {
    font-size: 16px;
    line-height: 32px
}

.content-show ul li,.post-content ul li,.question ul li {
    list-style: auto!important;
    list-style-type: disc!important;
    margin-left: 2.5em!important
}

.font-tieuhoc {
    font-family: TieuHoc!important
}

.text-line-through {
    text-decoration-line: line-through
}
.table-cate-result td,.table-cate-result th {
    border: 1.5px solid #575791!important
}

.coupon .kanan {
    border-left: 1px dashed #ddd;
    position: relative;
    width: 45%!important
}

.coupon .kanan .info:after,.coupon .kanan .info:before {
    background: #fcfbfb;
    border-radius: 100%;
    content: "";
    height: 20px;
    position: absolute;
    width: 20px
}

.coupon .kanan .info:before {
    left: -10px;
    top: -10px
}

.coupon .kanan .info:after {
    bottom: -10px;
    left: -10px
}

.coupon .time {
    font-size: 1.6rem
}

@keyframes shine {
    to {
        background-position: 100%
    }
}

.award-board {
    margin: 0 auto;
    overflow: hidden;
    padding: 5px;
    position: relative
}

.award-board .board-border {
    animation: shine 3s linear infinite;
    background: linear-gradient(90deg,#fff 20%,#fff 40%,#ecd08c 50%,#ecd08c 55%,#fff 70%,#fff);
    background-size: 200% auto;
    display: block;
    height: 200%;
    left: -50%;
    overflow: hidden;
    position: absolute;
    top: -50%;
    width: 200%;
    z-index: -9
}

.award-board .board-content {
    align-self: center;
    background: #fff;
    display: block;
    margin: auto;
    padding: 10px;
    z-index: 1
}

.award-board .board-content .award-item {
    margin: .3em 0
}

.award-board .board-content .award-item:last-child {
    margin: 0
}

.medal-1 {
    color: #fd8f20
}

.medal-2 {
    color: #8c8783
}

.medal-3 {
    color: #9a4a0a
}

.katex .base {
    font-size: 22px;
    padding-bottom: .8rem
}

.zalo-ic {
    background-image: url(/images/zalo_ic.png);
    background-position: 0 -24px;
    display: inline-block;
    height: 24px;
    vertical-align: middle!important;
    width: 24px
}
.bc-ratio {
    padding: 0;
    position: relative;
    width: 100%
}

.bc-ratio.circular {
    border-radius: 50%
}

.bc-ratio.bordered {
    border: 1px solid rgba(0,0,0,.1)
}

.bc-ratio.stretch {
    height: 100%
}

.bc-ratio.one-three {
    padding-top: 300%!important
}

.bc-ratio.one-two {
    padding-top: 200%!important
}

.bc-ratio.a4paper {
    padding-top: 141.428571%!important
}

.bc-ratio.three-four {
    padding-top: 134%!important
}

.bc-ratio.five-six {
    padding-top: 125%!important
}

.bc-ratio.square {
    padding-top: 100%!important
}

.bc-ratio.square>.inner>img {
    height: 100vh!important;
    width: 100%
}

.bc-ratio.four-three {
    padding-top: 75%!important
}

.bc-ratio.three-two {
    padding-top: 66.67%!important
}

.bc-ratio.sixteen-nine {
    padding-top: 56.25%!important
}

.bc-ratio.three-one {
    padding-top: 33.33%!important
}

.bc-ratio.six-one {
    padding-top: 16.67%!important
}

.bc-ratio.twelve-one {
    padding-top: 8.33%!important
}

.bc-ratio>.inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bc-ratio>.inner.image {
    align-items: center;
    display: flex
}

.bc-ratio>.inner>img {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.bc-ratio>.inner>* {
    max-height: 100%
}

.package-vip {
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: 6px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    box-sizing: border-box;
    min-height: 500px
}

.package-vip .card-header {
    margin: -2px -2px 0
}

.package-vip .package-vip-body {
    height: 100%;
    min-height: 446px
}
.olm-tour .dimmer {
    display: none
}

.olm-tour .dimmer.show {
    background: #414141;
    bottom: 0;
    display: block;
    left: 0;
    mix-blend-mode: hard-light;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000
}

.olm-tour .btn.starter.disabled {
    right: -10%
}

.olm-tour .focus {
    background: gray;
    border-radius: .28571429rem;
    box-sizing: content-box;
    opacity: 0;
    padding: 14px
}

.olm-tour:not(.active) .focus {
    height: 100vh!important;
    left: 0!important;
    top: 0!important;
    transition-duration: .3s;
    transition-property: all;
    width: 100vw!important
}

.olm-tour .focus.active {
    opacity: 1;
    position: fixed;
    transition-duration: .3s;
    transition-property: all
}

body.dimmed {
    overflow: hidden;
    position: relative
}

.olm-tour-popup {
    z-index: 10001!important
}

.d-none-3 {
    opacity: 0;
    visibility: hidden
}

.glow {
    font-size: 26px
}

.glow,.glow-mobile {
    color: #fc3e00;
    font-weight: 700;
    text-align: center
}

.glow-mobile {
    font-size: 18px;
    margin-bottom: 20px
}

.text-eff {
    font-size: 2.2em
}

.text-eff,.text-eff-mobile {
    color: #e60073;
    font-weight: 700;
    text-shadow: 1px 1px 2px pink
}

.text-eff-mobile {
    font-size: 24px;
    margin-bottom: 20px
}

.btn-close-modal-mobile {
    margin-right: 5px;
    text-align: right
}

.select2-container .select2-selection--single {
    height: 40px!important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px!important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px!important
}

.img-fit-content img {
    width: 100%
}

.width-fit-content {
    width: -moz-fit-content;
    width: fit-content
}

.blur-link {
    opacity: .5
}

.lesson-item a {
    position: relative
}

.lesson-item .icon-flag {
    bottom: 0;
    font-size: 8px;
    font-weight: 700;
    left: 12px;
    line-height: 10px;
    padding: 0 1px;
    position: absolute
}

.lesson-item .icon-ppt {
    background: #ffc107;
    color: #000
}

.lesson-item .icon-courseware {
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
    position: absolute;
    right: -5px;
    top: 0
}

.bg-color-none {
    background-color: transparent!important
}

.main-wrapper .navigation {
    z-index: 1000
}

.modal-open .main-content,.modal-open .main-wrapper {
    z-index: auto
}
.footer-olm .f-link li a:hover {
    color: #f58220
}

.card-v2 {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid #e4e4f4;
    border-radius: .25rem;
    box-shadow: 0 5px 10px 0 rgba(230,230,243,.88);
    -webkit-box-shadow: 0 5px 10px 0 rgba(230,230,243,.88);
    -moz-box-shadow: 0 5px 10px 0 rgba(230,230,243,.88);
    -ms-box-shadow: 0 5px 10px 0 rgba(230,230,243,.88);
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.card-v2>hr {
    margin-left: 0;
    margin-right: 0
}

.card-v2>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-v2>.list-group:last-child .list-group-item:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-v2-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-v2-title {
    margin-bottom: .75rem
}

.card-v2-subtitle {
    margin-bottom: 0;
    margin-top: -.375rem
}

.card-v2-text:last-child {
    margin-bottom: 0
}

.card-v2-link:hover {
    text-decoration: none
}

.card-v2-link+.card-link {
    margin-left: 1.25rem
}

.card-v2-header {
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid #e4e4f4;
    margin-bottom: 0;
    padding: .75rem 1.25rem
}

.card-v2-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-v2-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-v2-footer {
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid #e4e4f4;
    padding: .75rem 1.25rem
}

.card-v2-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-v2-header-tabs {
    border-bottom: 0;
    margin-bottom: -.75rem
}

.card-v2-header-pills,.card-v2-header-tabs {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.card-v2-img-overlay {
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    position: absolute;
    right: 0;
    top: 0
}

.card-v2-img {
    border-radius: calc(.25rem - 1px);
    width: 100%
}

.card-v2-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    width: 100%
}

.card-v2-img-bottom {
    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    width: 100%
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card-v2 {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-deck {
        flex-flow:row wrap;
        margin-left: -15px;
        margin-right: -15px
    }

    .card-deck .card-v2 {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-bottom: 0;
        margin-left: 15px;
        margin-right: 15px
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card-v2 {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-group {
        flex-flow:row wrap
    }

    .card-group>.card-v2 {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card-v2+.card-v2 {
        border-left: 0;
        margin-left: 0
    }

    .card-group>.card-v2:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .card-group>.card-v2:not(:last-child) .card-v2-header,.card-group>.card-v2:not(:last-child) .card-v2-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card-v2:not(:last-child) .card-v2-footer,.card-group>.card-v2:not(:last-child) .card-v2-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card-v2:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .card-group>.card-v2:not(:first-child) .card-v2-header,.card-group>.card-v2:not(:first-child) .card-v2-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card-v2:not(:first-child) .card-v2-footer,.card-group>.card-v2:not(:first-child) .card-v2-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card-v2 {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        -moz-column-count:3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card-v2 {
        display: inline-block;
        width: 100%
    }
}

.accordion>.card-v2 {
    overflow: hidden
}

.accordion>.card-v2:not(:first-of-type) .card-v2-header:first-child {
    border-radius: 0
}

.accordion>.card-v2:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion>.card-v2:first-of-type {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.accordion>.card-v2:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card-v2 .card-v2-header {
    margin-bottom: -1px
}

.accordion-v2 .card-v2 .card-v2-body i {
    font-size: 1.25rem
}

.accordion-v2.accordion-v2-bordered {
    background: #fff;
    box-shadow: 0 1px 15px 1px rgba(230,234,236,.35)
}

.accordion-v2.accordion-v2-bordered .card-v2 {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    border-top: 1px solid #f3f3f3;
    box-shadow: none;
    margin: 0 2rem
}

.accordion-v2.accordion-v2-bordered .card-v2 .card-v2-body,.accordion-v2.accordion-v2-bordered .card-v2 .card-v2-header {
    padding-left: 0;
    padding-right: 0
}

.accordion-v2.accordion-v2-bordered .card-v2 .card-v2-header a:before {
    color: #dc3545
}

.accordion-v2.accordion-v2-bordered .card-v2 .card-v2-header a[aria-expanded=true] {
    color: inherit
}

.accordion-v2.accordion-v2-bordered .card-v2 .card-v2-header a[aria-expanded=true]:before {
    content: "\e01d"
}

.accordion-v2.accordion-v2-bordered .card-v2 .card-v2-header a[aria-expanded=false]:before {
    content: "\e01e"
}

.accordion-v2.accordion-v2-bordered .card-v2:first-child {
    border-top: 0
}

.accordion-v2.accordion-v2-bordered .card-v2:last-child {
    border-bottom: 0
}

.accordion-v2.accordion-v2-filled .card-v2,.accordion-v2.accordion-v2-filled .card-v2 .card-v2-header {
    padding: 0
}

.accordion-v2.accordion-v2-filled .card-v2 .card-v2-header a {
    padding: 2rem 4.5rem 2rem 2rem;
    transition: all .2s linear
}

.accordion-v2.accordion-v2-filled .card-v2 .card-v2-header a:before {
    right: 40px;
    top: 40%
}

.accordion-v2.accordion-v2-filled .card-v2 .card-v2-header a[aria-expanded=true] {
    background: #3b86d1;
    color: #fff
}

.accordion-v2.accordion-v2-filled .card-v2 .card-v2-header a[aria-expanded=true]:before {
    color: #fff;
    content: "\e01d"
}

.accordion-v2.accordion-v2-filled .card-v2 .card-v2-header a[aria-expanded=false]:before {
    content: "\e01e"
}

.accordion-v2.accordion-v2-filled .card-v2 .card-v2-body {
    background: #3b86d1;
    color: #fff;
    padding: 0 2rem 2rem
}

.accordion-v2.accordion-v2-solid-header .card-v2,.accordion-v2.accordion-v2-solid-header .card-v2 .card-v2-header {
    padding: 0
}

.accordion-v2.accordion-v2-solid-header .card-v2 .card-v2-header a {
    padding: 2rem 4.5rem 2rem 2rem;
    transition: all .2s linear
}

.accordion-v2.accordion-v2-solid-header .card-v2 .card-v2-header a:before {
    right: 40px;
    top: 40%
}

.accordion-v2.accordion-v2-solid-header .card-v2 .card-v2-header a[aria-expanded=true] {
    background: #374ea2;
    color: #fff
}

.accordion-v2.accordion-v2-solid-header .card-v2 .card-v2-header a[aria-expanded=true]:before {
    color: #fff;
    content: "\e01d"
}

.accordion-v2.accordion-v2-solid-header .card-v2 .card-v2-header a[aria-expanded=false]:before {
    content: "\e01e"
}

.accordion-v2.accordion-v2-solid-header .card-v2 .card-v2-body {
    padding: 2rem
}

.accordion-v2.accordion-v2-solid-content .card-v2,.accordion-v2.accordion-v2-solid-content .card-v2 .card-v2-header {
    padding: 0
}

.accordion-v2.accordion-v2-solid-content .card-v2 .card-v2-header a {
    padding: 2rem 4.5rem 2rem 2rem;
    transition: all .2s linear
}

.accordion-v2.accordion-v2-solid-content .card-v2 .card-v2-header a:before {
    right: 40px;
    top: 40%
}

.accordion-v2.accordion-v2-solid-content .card-v2 .card-v2-header a[aria-expanded=true] {
    color: inherit
}

.accordion-v2.accordion-v2-solid-content .card-v2 .card-v2-header a[aria-expanded=true]:before {
    content: "\e01d"
}

.accordion-v2.accordion-v2-solid-content .card-v2 .card-v2-header a[aria-expanded=false]:before {
    content: "\e01e"
}

.accordion-v2.accordion-v2-solid-content .card-v2 .card-v2-body {
    background: #21bf06;
    color: #fff;
    padding: 2rem
}

.accordion-v2.accordion-v2-multi-colored .card-v2 .card-v2-body,.accordion-v2.accordion-v2-multi-colored .card-v2 .card-v2-header {
    background: transparent;
    color: #fff
}

.accordion-v2.accordion-v2-multi-colored .card-v2:first-child {
    background: #844fc1
}

.accordion-v2.accordion-v2-multi-colored .card-v2:nth-child(2) {
    background: #21bf06
}

.accordion-v2.accordion-v2-multi-colored .card-v2:nth-child(3) {
    background: #dc3545
}

.accordion-v2.accordion-multi-colored .card-v2:nth-child(4) {
    background: #f39915
}

.accordion-v2.accordion-v2-multi-colored .card-v2:nth-child(5) {
    background: #3b86d1
}

.accordion-v2.accordion-v2-multi-colored .card-v2 .card-v2-header a[aria-expanded=true] {
    color: inherit
}

.accordion-v2.accordion-v2-multi-colored .card-v2 .card-v2-header a[aria-expanded=true]:before {
    content: "\e01d"
}

.accordion-v2.accordion-v2-multi-colored .card-v2 .card-v2-header a[aria-expanded=false]:before {
    content: "\e01e"
}

.form-check-v2 {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 0;
    position: relative
}

.form-check-v2 .form-check-label {
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    margin-left: 1.75rem;
    min-height: 18px
}

.rtl .form-check-v2 .form-check-label {
    margin-left: 0;
    margin-right: 1.75rem
}

.form-check-v2 .form-check-label input {
    cursor: pointer;
    filter: alpha(opacity=0);
    left: 0;
    margin-left: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.rtl .form-check-v2 .form-check-label input {
    left: auto;
    right: 0
}

.form-check-v2 .form-check-label input[type=checkbox]+.input-helper:after,.form-check-v2 .form-check-label input[type=checkbox]+.input-helper:before {
    left: 0;
    position: absolute;
    top: 0
}

.rtl .form-check-v2 .form-check-label input[type=checkbox]+.input-helper:after,.rtl .form-check-v2 .form-check-label input[type=checkbox]+.input-helper:before {
    left: auto;
    right: 0
}

.form-check-v2 .form-check-label input[type=checkbox]+.input-helper:before {
    border: 2px solid #374ea2;
    border-radius: 2px;
    content: "";
    height: 18px;
    transition: all;
    transition-duration: 0s;
    transition-duration: .25s;
    width: 18px
}

.form-check-v2 .form-check-label input[type=checkbox]+.input-helper:after {
    color: #fff;
    content: "\e11e";
    filter: alpha(opacity=0);
    font-family: typicons;
    font-size: .9375rem;
    font-weight: 700;
    margin-left: 3px;
    opacity: 0;
    transform: scale(0);
    transition: all;
    transition-duration: 0s;
    transition-duration: .25s
}

.form-check-v2 .form-check-label input[type=checkbox]:checked+.input-helper:before {
    background: #374ea2;
    border-width: 0
}

.form-check-v2 .form-check-label input[type=checkbox]:checked+.input-helper:after {
    filter: alpha(opacity=100);
    line-height: 18px;
    opacity: 1;
    transform: scale(1);
    width: 18px
}

.form-check-v2 .form-check-label input[type=checkbox]:disabled+.input-helper:before {
    border-color: #f3f3f3
}

.form-check-v2 .form-check-label input[type=checkbox]:disabled:checked+.input-helper:after {
    background: #f3f3f3;
    color: #fff
}

.form-check-v2 .form-check-label input[type=radio]+.input-helper:before {
    border: 2px solid #844fc1;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all;
    transition-duration: 0s;
    transition-duration: .25s;
    width: 20px
}

.rtl .form-check-v2 .form-check-label input[type=radio]+.input-helper:before {
    left: auto;
    right: 0
}

.form-check-v2 .form-check-label input[type=radio]+.input-helper:after {
    background: #fff;
    border-radius: 50%;
    content: "";
    filter: alpha(opacity=0);
    height: 8px;
    left: 6px;
    opacity: 0;
    position: absolute;
    top: 6px;
    transform: scale(0);
    transition: all;
    transition-duration: 0s;
    transition-duration: .25s;
    width: 8px
}

.rtl .form-check-v2 .form-check-label input[type=radio]+.input-helper:after {
    left: auto;
    right: 6px
}

.form-check-v2 .form-check-label input[type=radio]:checked+.input-helper:before {
    background: #844fc1;
    border-width: 0
}

.form-check-v2 .form-check-label input[type=radio]:checked+.input-helper:after {
    filter: alpha(opacity=100);
    line-height: 1.5;
    opacity: 1;
    transform: scale(1)
}

.form-check-v2 .form-check-label input[type=radio]:disabled+.input-helper:before {
    border-color: #f3f3f3
}

.form-check-v2 .form-check-label input[type=radio]:disabled:checked+.input-helper:before {
    background: #f3f3f3
}

.form-check-v2 .form-check-label input[type=radio]:disabled:checked+.input-helper:after {
    background: #fff
}

.form-check-primary.form-check-v2 label input[type=checkbox]+.input-helper:before,.form-check-primary.form-check-v2 label input[type=radio]+.input-helper:before {
    border-color: #374ea2
}

.form-check-primary.form-check-v2 label input[type=checkbox]:checked+.input-helper:before,.form-check-primary.form-check-v2 label input[type=radio]:checked+.input-helper:before {
    background: #374ea2
}

.form-check-secondary.form-check-v2 label input[type=checkbox]+.input-helper:before,.form-check-secondary.form-check-v2 label input[type=radio]+.input-helper:before {
    border-color: #f58220
}

.form-check-secondary.form-check-v2 label input[type=checkbox]:checked+.input-helper:before,.form-check-secondary.form-check-v2 label input[type=radio]:checked+.input-helper:before {
    background: #f58220
}

.form-check-success.form-check-v2 label input[type=checkbox]+.input-helper:before,.form-check-success.form-check-v2 label input[type=radio]+.input-helper:before {
    border-color: #21bf06
}

.form-check-success.form-check-v2 label input[type=checkbox]:checked+.input-helper:before,.form-check-success.form-check-v2 label input[type=radio]:checked+.input-helper:before {
    background: #21bf06
}

.form-check-info.form-check-v2 label input[type=checkbox]+.input-helper:before,.form-check-info.form-check-v2 label input[type=radio]+.input-helper:before {
    border-color: #3b86d1
}

.form-check-info.form-check-v2 label input[type=checkbox]:checked+.input-helper:before,.form-check-info.form-check-v2 label input[type=radio]:checked+.input-helper:before {
    background: #3b86d1
}

.form-check-warning.form-check-v2 label input[type=checkbox]+.input-helper:before,.form-check-warning.form-check-v2 label input[type=radio]+.input-helper:before {
    border-color: #f39915
}

.form-check-warning.form-check-v2 label input[type=checkbox]:checked+.input-helper:before,.form-check-warning.form-check-v2 label input[type=radio]:checked+.input-helper:before {
    background: #f39915
}

.form-check-danger.form-check-v2 label input[type=checkbox]+.input-helper:before,.form-check-danger.form-check-v2 label input[type=radio]+.input-helper:before {
    border-color: #dc3545
}

.form-check-danger.form-check-v2 label input[type=checkbox]:checked+.input-helper:before,.form-check-danger.form-check-v2 label input[type=radio]:checked+.input-helper:before {
    background: #dc3545
}

.form-check-light.form-check-v2 label input[type=checkbox]+.input-helper:before,.form-check-light.form-check-v2 label input[type=radio]+.input-helper:before {
    border-color: #f8f9fa
}

.form-check-light.form-check-v2 label input[type=checkbox]:checked+.input-helper:before,.form-check-light.form-check-v2 label input[type=radio]:checked+.input-helper:before {
    background: #f8f9fa
}

.form-check-dark.form-check-v2 label input[type=checkbox]+.input-helper:before,.form-check-dark.form-check-v2 label input[type=radio]+.input-helper:before {
    border-color: #282f3a
}

.form-check-dark.form-check-v2 label input[type=checkbox]:checked+.input-helper:before,.form-check-dark.form-check-v2 label input[type=radio]:checked+.input-helper:before {
    background: #282f3a
}
.btn-primary-v2:hover {
    background-color: #111f53!important
}

.btn-secondary-v2:hover {
    background-color: #d1660b!important;
    color: #fff!important
}

.bg-light-v2 {
    background-color: #e6e9ed!important
}

.badge-primary-v2 {
    background-color: #374ea2!important;
    color: #fff
}
.alert-primary-v2 {
    background-color: #374ea2!important;
    color: #fff
}

.alert-secondary-v2 {
    background-color: #f58220!important;
    color: #fff
}

.nav-pills.v2 .nav-link.active,.nav-pills.v2 .show>.nav-link {
    background-color: #374ea2;
    color: #fff
}

.nav-pills.v2 .nav-link {
    background-color: #fff;
    border: 1px solid #f3f3f3!important;
    border: 1px solid #f3f3f3;
    border-radius: .25rem;
    color: #374ea2;
    padding: .5rem 1.75rem
}

.nav-tabs .nav-item-v2 .nav-link.active,.nav-tabs .nav-item-v2.show .nav-link {
    border-bottom: 3px solid #f58220!important;
    color: #f58220!important
}

.nav-tabs .nav-item-v2 .nav-link {
    color: #282f3a!important;
    font-size: 1.2em;
    font-weight: bolder
}

@keyframes ld-item {
    0% {
        height: 0;
        left: 44px;
        opacity: 1;
        top: 44px;
        width: 0
    }

    to {
        height: 74px;
        left: 7px;
        opacity: 0;
        top: 7px;
        width: 74px
    }
}

.ld-item div {
    animation: ld-item .9900990099s cubic-bezier(0,.2,.8,1) infinite;
    border-radius: 50%;
    border-style: solid;
    border-width: 6px;
    opacity: 1;
    position: absolute
}

.ld-item div:first-child {
    animation-delay: 0s;
    border-color: #f58220
}

.ld-item div:nth-child(2) {
    animation-delay: -.495049505s;
    border-color: #374ea2
}

.loading-olm {
    background: none;
    display: inline-block;
    height: 50px;
    overflow: hidden;
    width: 50px
}

.ld-item {
    backface-visibility: hidden;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(.5);
    transform-origin: 0 0;
    width: 100%
}

.ld-item div {
    box-sizing: content-box
}

.fs-sm {
    font-size: .8em!important
}

.toggle-switch {
    display: inline-block;
    height: 25px;
    position: relative;
    width: 48px
}

.toggle-switch .toggle-slider {
    background-color: #e9ecef;
    border: 1px solid #f3f3f3;
    border-radius: 34px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s
}

.toggle-switch .toggle-slider:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 4px;
    content: "";
    height: 16px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width: 16px
}

.toggle-switch input {
    visibility: hidden
}

.toggle-switch input:checked+.toggle-slider {
    background-color: #374ea2
}

.toggle-switch input:checked+.toggle-slider:before {
    transform: translateX(23px)
}

.toggle-switch.toggle-switch-primary input:checked+.toggle-slider {
    background-color: #374ea2
}

.toggle-switch.toggle-switch-secondary input:checked+.toggle-slider {
    background-color: #f58220
}

.toggle-switch.toggle-switch-success input:checked+.toggle-slider {
    background-color: #21bf06
}

.toggle-switch.toggle-switch-info input:checked+.toggle-slider {
    background-color: #3b86d1
}

.toggle-switch.toggle-switch-warning input:checked+.toggle-slider {
    background-color: #f39915
}

.toggle-switch.toggle-switch-danger input:checked+.toggle-slider {
    background-color: #dc3545
}

.toggle-switch.toggle-switch-light input:checked+.toggle-slider {
    background-color: #f8f9fa
}

.toggle-switch.toggle-switch-dark input:checked+.toggle-slider {
    background-color: #282f3a
}

.border-v2 {
    border-color: #374ea2
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px)!important
}

.select-list {
    float: left;
    height: 480px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: 49%!important
}
.v2::-moz-placeholder {
    color: #e2e2e2
}
.school-sidebar.card-v2 {
    background-color: #fff;
    top: 4.6rem
}

.school-sidebar.card-v2 .nav-content .nav-header-compact,.school-sidebar.card-v2 .nav-content .nav-header-full {
    background-color: #f5f5f5!important
}
.fc-external-events .fc-event {
    background: #fff!important;
    border-radius: 0;
    border-width: 0 0 0 4px;
    color: #000;
    margin-bottom: 10px;
    padding: 16px
}

.fc-external-events .fc-event:first-child {
    border-color: #f58220
}

.fc-external-events .fc-event:nth-child(2) {
    border-color: #dc3545
}

.fc-external-events .fc-event:nth-child(3) {
    border-color: #21bf06
}

.fc-external-events .fc-event:nth-child(4) {
    border-color: #3b86d1;
    border-color: #f39915
}

.fc-event {
    background: #fff;
    border: 1px solid #f58220;
    border-radius: 3px;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    position: relative
}

.text-link-v2 {
    color: #374ea2
}

.school-content a:not(.btn):hover,.text-link-v2:focus,.text-link-v2:hover {
    color: #f39915!important
}

.school-content .footer {
    background: #f4f5fa;
    font-family: Poppins,sans-serif;
    font-size: .825rem;
    font-weight: 400;
    transition: all .25s ease;
    -moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease
}

.school-content {
    min-height: calc(100vh - 100px)
}
.sidebar .nav .nav-item .nav-link i.menu-arrow {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #686868;
    display: inline-block;
    margin-left: auto;
    margin-right: 0
}

.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\e0cf";
    display: block;
    font-family: typicons;
    font-size: 1rem;
    font-style: normal;
    line-height: 10px;
    transition: all .2s ease-in
}

.sidebar .nav .nav-item .nav-link[aria-expanded=true] i.menu-arrow:before {
    content: "\e0bd"
}

.sidebar .nav.sub-menu .nav-item {
    padding: 0 0 0 15px;
    position: relative
}

.sidebar .nav .nav-item {
    transition-duration: .25s;
    transition-property: background;
    -webkit-transition-property: background
}

.sidebar .nav.sub-menu .nav-item:before {
    background: #8e95aa;
    border-radius: 50%;
    content: "";
    height: 5px;
    margin-top: 16px;
    position: absolute;
    width: 5px
}

.sidebar .nav.sub-menu .nav-item .nav-link {
    border-top: 0;
    color: #495057;
    font-size: .875rem;
    height: auto;
    line-height: 1;
    padding: .7rem 1rem;
    position: relative
}

.sidebar .nav .nav-item .nav-link {
    align-items: center;
    color: #495057;
    display: flex;
    padding: .5rem .875rem .5rem .6rem;
    transition-duration: .45s;
    transition-property: color;
    -webkit-transition-property: color;
    white-space: nowrap
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
    color: #6c7293;
    font-size: 1.215rem;
    line-height: 1;
    margin-right: .75rem
}

.sidebar .nav .nav-item a.nav-link:hover {
    background: rgba(55,78,162,.1);
    color: #374ea2
}

.sidebar ul.nav li.nav-item a.nav-link.active {
    background-color: #374ea2;
    color: #fff
}

.border-top {
    border-top: 1px solid #f3f3f3;
    padding: .5rem 0 0
}

.sidebar .nav.sub-menu {
    border-bottom: none;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: .25rem 0 0 1.1rem
}

.nav-content .nav-caption {
    padding-left: 15px!important
}

.sidebar .nav.sub-menu li {
    margin-left: 0!important
}

.sidebar .nav {
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 60px;
    overflow: hidden
}

.sidebar {
    width: 100%
}
.div-scroll-x {
    overflow-x: auto;
    white-space: nowrap
}

.div-scroll-x::-webkit-scrollbar {
    display: none
}

.list-group:not(.list-group-flush) .list-group-item.active,.list-group:not(.list-group-flush) .list-group-item:hover {
    background-color: #f58220!important;
    border-color: #f58220!important;
    color: #fff!important
}

.list-group:not(.list-group-flush) .list-group-item:hover>a,.list-group:not(.list-group-flush) .list-group-item>a:hover {
    color: #fff!important
}


.right-unset {
    right: unset!important
}

.wizard.wizard-2-step .wizard-inner .nav-tabs>li {
    width: 50%
}

.wizard .wizard-inner .nav-tabs {
    border-bottom-color: transparent;
    margin-bottom: 0;
    position: relative
}

.wizard .wizard-inner .nav-tabs>li {
    width: 25%
}

.wizard .wizard-inner .nav-tabs>li.active>a i {
    color: #0db02b
}

.wizard .wizard-inner .nav-tabs>li a {
    background-color: transparent;
    border-radius: 100%;
    height: 30px;
    margin: 20px auto;
    padding: 0;
    position: relative;
    top: 0;
    width: 30px
}

.wizard .wizard-inner .nav-tabs>li a i {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: -15px;
    transform: translate(-50%,-50%);
    white-space: nowrap
}

.wizard .wizard-inner .nav-tabs>li a:hover {
    background: transparent
}

.wizard>div.wizard-inner {
    margin-bottom: 50px;
    position: relative;
    text-align: center
}

.wizard li.active span.round-tab {
    background: #0db02b;
    border-color: #0db02b;
    color: #fff
}

.wizard li.active span.round-tab i {
    color: #5bc0de
}

.wizard li:after {
    border: 5px solid transparent;
    border-bottom-color: red;
    bottom: 0;
    content: " ";
    left: 46%;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    transition: .1s ease-in-out
}

.wizard .tab-pane {
    padding-top: 20px;
    position: relative
}

.wizard h3 {
    margin-top: 0
}

.connecting-line {
    background: #e0e0e0;
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 1
}

.wizard .nav-tabs>li.active>a,.wizard .nav-tabs>li.active>a:focus,.wizard .nav-tabs>li.active>a:hover {
    border: 0;
    border-bottom-color: transparent;
    color: #555;
    cursor: default
}

span.round-tab {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #0e214b;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 30px;
    left: -15px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 30px;
    z-index: 2
}

span.round-tab i {
    color: #555
}

.next-step,.prev-step {
    border: none;
    border-radius: 4px;
    font-size: 13px;
    padding: 8px 24px
}

.step-head {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center
}