@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
:root {
    --bs-blue: #1c3988;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #27ae60;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #1c3988;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 24, 48, 116;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-rgb: 33, 37, 41;
}

    .content-error {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding: 50px 0;
    background-color: #fff
}

    .content-error .error-title {
        color: #1c3988;
        text-transform: uppercase;
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 1rem
    }

    .content-error img {
        max-height: 400px;
        margin-bottom: 1rem;
        user-select: none;
        pointer-events: none
    }

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s,opacity .4s;
    background-color: #000;
    z-index: 999999
}

    .nuxt-progress.nuxt-progress-notransition {
        transition: none
    }

.nuxt-progress-failed {
    background-color: red
}

body {
    color: inherit
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.4
}

.font-sm {
    font-size: .8125rem !important
}

.font-smd {
    font-size: .875rem
}

.font-def {
    font-size: 1rem
}

.font-lmd {
    font-size: 1.125rem
}

.font-md {
    font-size: 1.25rem
}

.font-lg {
    font-size: 1.5rem
}

.font-xl {
    font-size: 2.25rem
}

@media screen and (max-width:768px) {
    .font-sm {
        font-size: .75rem !important
    }

    .font-smd {
        font-size: .8125rem
    }

    .font-def {
        font-size: .875rem
    }

    .font-lmd {
        font-size: 1rem
    }

    .font-md {
        font-size: 1.125rem
    }

    .font-lg {
        font-size: 1.25rem
    }

    .font-xl {
        font-size: 1.75rem
    }
}

.font-bold {
    font-weight: 700
}

a {
    text-decoration: none;
    color: #0d6efd
}

.text-black {
    color: #222
}

.text-primary {
    color: #1c3988
}

.text-green {
    color: #27ae60
}

.text-gray {
    color: #909090
}

.text-yellow {
    color: #febb02
}

.text-red {
    color: #ff442b
}

.bg-black {
    background-color: #222
}

.bg-primary {
    background-color: #1c3988
}

.bg-green {
    background-color: #27ae60
}

.bg-gray {
    background-color: #909090
}

.bg-yellow {
    background-color: #febb02
}

.btn {
    font-weight: 600;
    border-radius: .25rem;
    border-width: 2px;
    padding: .375rem 1.5rem
}

.btn-primary {
    color: #fff;
    background-color: #1c3988;
    border-color: #1c3988;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgb(62 87 154 / 50%);
}


.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover, .btn-primary:active {
    color: #fff;
    background-color: #183074;
    border-color: #162e6d;
}

.btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #1c3988;
    border-color: #1c3988;
}

.btn-secondary {
    background-color: #6e8ae9;
    border-color: #6e8ae9;
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus, .btn-secondary:hover {
    color: #ffffff;
    background-color: #849cec;
    border-color: #7d96eb;
}



.btn-outline-primary {
    color: #1c3988;
    border-color: #1c3988;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #1c3988;
    border-color: #1c3988;
}

.btn-group-sm > .btn, .btn-sm {
    font-weight: 500 !important;
    border-radius: .25rem;
    border-width: 1px;
    padding: .25rem 1rem !important;
    font-size: .875rem
}

.btn-group-sm > .px-2.btn, .btn-sm.px-2 {
    padding: .25rem .5rem !important
}

.btn-xs {
    font-weight: 500 !important;
    border-radius: .25rem;
    border-width: 1px;
    padding: .25rem 1rem !important;
    font-size: .75rem
}

    .btn-xs.px-2 {
        padding: .25rem .5rem !important
    }

.btn-danger, .btn-danger:hover, .btn-info, .btn-info:hover, .btn-secondary, .btn-secondary:hover {
    color: #fff
}

.btn-outline {
    border: 1px solid #ddd;
    color: rgba(21,25,32,.5)
}

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1.5rem;
    border-width: 2px;
    font-size: 1rem
}

.button-link {
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    color: #0d6efd !important;
    background-color: transparent !important
}

.btn-green-light {
    color: #27ae60;
    background-color: rgba(76,231,141,.2)
}

    .btn-green-light:hover {
        background-color: rgba(76,231,141,.8);
        color: #fff
    }

.btn-yellow-light {
    color: #fff;
    background-color: #febb02
}

    .btn-yellow-light:hover {
        background-color: #fc9302;
        color: #fff
    }

.btn-blue-light {
    color: #fff;
    background-color: #0d6efd
}

    .btn-blue-light:hover {
        background-color: #6e8ae9;
        color: #fff
    }

.btn-circle {
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    width: 36px;
    height: 36px
}

.btn-circle.btn-sm, .btn-group-sm > .btn-circle.btn {
    width: 28px;
    height: 28px
}

.btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn {
    width: 48px;
    height: 48px
}

.slick-next:before, .slick-prev:before {
    color: #fff;
}

.feature-topic .feature-topic-slider .slick-arrow {
    font-size: 0;
    border: none;
}
@media(min-width:1400px) {
    .container {
        max-width: 1140px
    }
}

@media screen and (max-width:1200px) {
    .container {
        max-width: calc(100% - 1.5rem)
    }
}

@media screen and (max-width:991px) {
    .container {
        max-width: calc(100% - 1rem)
    }
}

@media screen and (max-width:575px) {
    .container {
        max-width: calc(100% - .5rem)
    }
}

.form-control {
    border-color: #ddd;
    min-height: 44px;
    padding: 10px 15px;
    font-family: Roboto,sans-serif
}

    .form-control::-webkit-input-placeholder {
        color: #c2c2c2
    }

    .form-control:-ms-input-placeholder {
        color: #c2c2c2
    }

    .form-control::placeholder {
        color: #c2c2c2
    }

    .form-control:focus {
        border-color: #0d6efd;
        box-shadow: 0 0 0 .24rem rgba(13,110,253,.25)
    }

.custom-select {
    border-radius: 4px;
    padding: .375rem 1.5rem .375rem .75rem;
    border: 1px solid #ddd;
    appearance: none;
    position: relative;
    background-image: url(https://storage.tracnghiem.vn/public/images/icons/down.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 50%
}

.custom-control {
    margin-bottom: 10px;
    padding-left: 30px;
    display: flex;
    position: relative;
    z-index: 1;
    min-height: 20px;
    -webkit-print-color-adjust: exact
}

    .custom-control .custom-control-input {
        position: absolute;
        left: 0;
        z-index: -1;
        width: 20px;
        height: 20px;
        opacity: 0
    }

    .custom-control .custom-control-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
        word-break: break-word;
        font-size: .875rem;
        line-height: 20px
    }

        .custom-control .custom-control-label:before {
            position: absolute;
            top: 0;
            left: -30px;
            display: block;
            width: 20px;
            height: 20px;
            pointer-events: none;
            content: "";
            background-color: #fff !important;
            border: 1px solid #ddd !important;
            border-radius: 4px;
            transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
        }

        .custom-control .custom-control-label:after {
            position: absolute;
            top: 0;
            left: -30px;
            display: block;
            width: 20px;
            height: 20px;
            content: "";
            background-color: transparent
        }

    .custom-control .custom-control-input:checked ~ .custom-control-label:before {
        color: #fff;
        border-color: #0d6efd !important;
        background-color: #0d6efd !important
    }

.custom-checkbox .custom-control-label:after {
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
    left: -20px;
    top: 3px;
    transform: scale(0);
    opacity: 0
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 12px;
    height: 6px;
    left: -20px;
    top: 3px;
    transform: rotate(-45deg) scale(1) translate(-50%,-50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-label:after {
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
    left: -29px;
    top: 1px;
    transform: scale(0);
    opacity: 0;
    width: 18px;
    height: 18px;
    background-color: #0d6efd;
    border-radius: 50%;
    border: 3px solid #fff
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    transform: scale(1);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s
}

.badge {
    font-weight: 400
}

.rounded-full {
    border-radius: 50px
}

.progress {
    border-radius: 20px
}

hr {
    background-color: #ddd;
    opacity: 1
}

.btn-link, abbr {
    text-decoration: none
}

.btn-link {
    color: #0d6efd;
    font-weight: 400;
    padding: 0;
    border: none;
    outline: none
}

    .btn-link i {
        margin-right: .5rem
    }

.pagination {
    font-size: .875rem
}

    .pagination li {
        margin: 2.5px
    }

        .pagination li .page-link, .pagination li button {
            border-radius: .25rem;
            min-width: 35px;
            display: flex;
            justify-content: center;
            align-items: center
        }

.dropdown-button-circle .dropdown-toggle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    color: #222
}

    .dropdown-button-circle .dropdown-toggle:hover {
        background-color: #ddd
    }

    .dropdown-button-circle .dropdown-toggle i {
        margin: 0
    }

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.b-form-tag > button.b-form-tag-remove {
    color: inherit;
    font-size: 125%;
    line-height: 1;
    float: none;
    margin-left: .25rem;
    padding: 0;
    background-color: transparent;
    border: 0
}

.sr-only {
    white-space: nowrap
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: none
}

.close {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background-color: transparent;
    border: 0
}

.dropdown-divider {
    border-top: 1px solid #ddd
}

.toasted {
    top: -35px !important
}

.container {
    max-width: 1230px
}

@font-face {
    font-family: icomoon;
    src: url(/public/fonts/icomoon.eot);
    src: url(/public/fonts/icomoon.eot#iefix) format("embedded-opentype"),url(/public/fonts/icomoon.ttf) format("truetype"),url(/public/fonts/icomoon.woff) format("woff"),url(/public/img/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-filter:before {
    content: ""
}

.icon-dislike-fill:before {
    content: ""
}

.icon-dislike:before {
    content: ""
}

.icon-star-fill:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-timer:before {
    content: ""
}

.icon-tag:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-search-bold:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-right-down:before {
    content: ""
}

.icon-right:before {
    content: ""
}

.icon-question:before {
    content: ""
}

.icon-place:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-minimize:before {
    content: ""
}

.icon-medal:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-linked:before {
    content: ""
}

.icon-like-fill:before {
    content: ""
}

.icon-like:before {
    content: ""
}

.icon-left-down:before {
    content: ""
}

.icon-left:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-heart-fill:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-graduater:before {
    content: ""
}

.icon-flag:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-expand:before {
    content: ""
}

.icon-exam:before {
    content: ""
}

.icon-down:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-chevron-right:before {
    content: ""
}

.icon-chevron-left:before {
    content: ""
}

.icon-chevron-double-right:before {
    content: "";
    color: #6c757d
}

.icon-chevron-double-left:before {
    content: "";
    color: #6c757d
}

.icon-caret-down:before {
    content: ""
}

.icon-bookmark:before {
    content: ""
}

.icon-arrows-move:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: FontAwesome;
    src: url(/public/fonts/fontawesome-webfont.eot);
    src: url(/public/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(/public/fonts/fontawesome-webfont.woff2) format("woff2"),url(/public/fonts/fontawesome-webfont.woff) format("woff"),url(/public/fonts/fontawesome-webfont.ttf) format("truetype"),url(/public/fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before, .fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before, .fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before, .fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before, .fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before, .fa-users:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-copy:before, .fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before, .fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before, .fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-gavel:before, .fa-legal:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before, .fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before, .fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before, .fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: ""
}

.fa-eur:before, .fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-inr:before, .fa-rupee:before {
    content: ""
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: ""
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: ""
}

.fa-krw:before, .fa-won:before {
    content: ""
}

.fa-bitcoin:before, .fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before, .fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before, .fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: ""
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: ""
}

.fa-empire:before, .fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-paper-plane:before, .fa-send:before {
    content: ""
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before, .fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before, .fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before, .fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before, .fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before, .fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: ""
}

.fa-fa:before, .fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-address-card:before, .fa-vcard:before {
    content: ""
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before, .fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: ""
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.header {
    padding: 15px 0;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.1);
    width: 100%;
    min-height: 74px;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0
}

    .header .navbar-toggler {
        border: none;
        padding: .25rem;
        background-color: transparent !important;
        box-shadow: none !important;
        display: none
    }

        .header .navbar-toggler .icon-bar {
            display: block;
            width: 24px;
            height: 2px;
            border-radius: 0;
            transition: .5s;
            background: #1c3988
        }

            .header .navbar-toggler .icon-bar + .icon-bar {
                margin-top: 6px
            }

        .header .navbar-toggler:not(.collapsed) .icon-bar:first-child {
            transform: rotate(45deg) translate(6px,5px)
        }

        .header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
            opacity: 0
        }

        .header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
            transform: rotate(-45deg) translate(7px,-5px)
        }

    .header .header-container {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

@media screen and (max-width:991px) {
    .header .header-container .navbar-toggler {
        display: block
    }
}

.header .header-container .logo-header {
    margin-right: 20px
}

.header .header-container .main-menu {
    margin: 0 15px 0 0
}

    .header .header-container .main-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex
    }

        .header .header-container .main-menu ul li {
            margin-right: 2.25rem
        }

@media screen and (max-width:1200px) {
    .header .header-container .main-menu ul li {
        margin-right: 1.5rem
    }
}

.header .header-container .main-menu ul li a {
    color: #222;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap
}

    .header .header-container .main-menu ul li a:hover {
        color: #1c3988
    }

    .header .header-container .main-menu ul li a.nuxt-link-exact-active.nuxt-link-active {
        color: #1c3988;
        font-weight: 700
    }

@media screen and (max-width:1200px) {
    .header .header-container .menu-action .btn {
        padding: .5rem 1.25rem
    }
}

.header .header-container .menu-action .btn:last-child {
    margin-left: .75rem;
    white-space: nowrap
}

.header .header-container .menu-logined {
    display: flex
}

    .header .header-container .menu-logined .dropdown-menu {
        font-size: .875rem;
        padding-top: 0;
        border: none;
        box-shadow: 0 4px 15px rgba(71,100,195,.1);
        border-radius: .5rem
    }

        .header .header-container .menu-logined .dropdown-menu .user-info {
            display: flex;
            align-items: center;
            padding: .75rem 1rem;
            margin-bottom: .5rem;
            background-color: hsla(0,0%,86.7%,.5);
            border-radius: .5rem .5rem 0 0
        }

            .header .header-container .menu-logined .dropdown-menu .user-info .avatar {
                width: 50px;
                height: 50px;
                margin-right: 10px
            }

            .header .header-container .menu-logined .dropdown-menu .user-info div {
                width: calc(100% - 60px)
            }

                .header .header-container .menu-logined .dropdown-menu .user-info div * {
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    word-break: break-word
                }

        .header .header-container .menu-logined .dropdown-menu .dropdown- item {
            padding: .5rem 1rem
        }

            .header .header-container .menu-logined .dropdown-menu .dropdown- item:active i, .header .header-container .menu-logined .dropdown-menu .dropdown- item:focus i {
                color: #fff !important
            }

            .header .header-container .menu-logined .dropdown-menu .dropdown- item i {
                width: 16px;
                margin-right: 5px
            }

    .header .header-container .menu-logined .user-info-dropdown {
        margin-left: .5rem
    }

        .header .header-container .menu-logined .user-info-dropdown .dropdown-toggle {
            background-color: transparent;
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            padding: 0
        }

            .header .header-container .menu-logined .user-info-dropdown .dropdown-toggle img {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                object-fit: cover
            }

        .header .header-container .menu-logined .user-info-dropdown .dropdown-menu {
            min-width: 250px
        }

    .header .header-container .menu-logined .user-create .dropdown-toggle {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(110,138,233,.3);
        border: none;
        color: #222;
        font-size: 1.125rem
    }

        .header .header-container .menu-logined .user-create .dropdown-toggle:active, .header .header-container .menu-logined .user-create .dropdown-toggle:focus, .header .header-container .menu-logined .user-create .dropdown-toggle:hover {
            color: #fff !important;
            background-color: #1c3988
        }

            .header .header-container .menu-logined .user-create .dropdown-toggle:active i, .header .header-container .menu-logined .user-create .dropdown-toggle:focus i, .header .header-container .menu-logined .user-create .dropdown-toggle:hover i {
                color: #fff !important
            }

.header .header-container .header-right {
    width: calc(100% - 240px);
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .header .header-container .header-right .header-menu-mb {
        display: none;
        justify-content: space-between;
        align-items: center;
        font-weight: 700;
        font-size: 1.125rem;
        width: 100%;
        color: #fff;
        padding: 1rem;
        margin-bottom: .5rem;
        background-color: #1c3988
    }

        .header .header-container .header-right .header-menu-mb .navbar-toggler .icon-bar {
            background: #fff
        }

@media screen and (max-width:991px) {
    .header .header-container .header-right {
        position: fixed;
        z-index: 99;
        top: 0;
        right: -320px;
        width: 320px;
        height: 100vh;
        background-color: #fff;
        justify-content: flex-start;
        flex-direction: column;
        box-shadow: -2px 0 6px rgba(0,0,0,.1);
        padding: 0;
        overflow: auto
    }

        .header .header-container .header-right .menu-logined {
            display: none !important
        }

        .header .header-container .header-right.open {
            transition: all .2s;
            right: 0
        }

        .header .header-container .header-right .header-menu-mb {
            display: flex
        }

        .header .header-container .header-right .main-menu {
            width: 100%;
            padding: 0 1rem;
            margin: 0 0 20px
        }

            .header .header-container .header-right .main-menu ul {
                flex-direction: column
            }

                .header .header-container .header-right .main-menu ul li {
                    margin: 0;
                    border-bottom: 1px solid #ddd
                }

                    .header .header-container .header-right .main-menu ul li a {
                        padding: .75rem 0;
                        display: flex;
                        font-weight: 500
                    }

        .header .header-container .header-right .menu-action {
            display: flex;
            justify-content: space-between;
            width: 100%;
            padding: 0 1rem
        }

            .header .header-container .header-right .menu-action .btn {
                margin: 0;
                width: calc(50% - 8px)
            }
}

.header .header-container .menu-open-backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    display: none
}

@media screen and (max-width:991px) {
    .header .header-container .menu-open-backdrop.active {
        display: block
    }
}

.footer {
    background-color: #242426;
    color: #fff;
    font-size: .875rem
}

    .footer .footer-top {
        padding: 60px 0
    }

@media screen and (max-width:767px) {
    .footer .footer-top {
        padding: 40px 0
    }
}

.footer .site-description {
    padding-right: 1rem
}

.footer .footer-widget .social-list li {
    margin-right: 10px
}

    .footer .footer-widget .social-list li a {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1.125rem;
        background-color: #595858;
        text-decoration: none
    }

        .footer .footer-widget .social-list li a:hover {
            background-color: #1c3988
        }

.footer .footer-widget .list-infor li {
    padding-left: 35px;
    position: relative
}

    .footer .footer-widget .list-infor li i {
        position: absolute;
        left: 0;
        top: 4px;
        color: #fc9302;
        font-size: 1.25rem
    }

.footer .footer-widget .footer-widget-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 2rem
}

.footer .footer-widget .footer-widget-content ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    .footer .footer-widget .footer-widget-content ul li {
        margin-bottom: .75rem
    }

        .footer .footer-widget .footer-widget-content ul li a {
            color: #fff;
            text-decoration: none
        }

.footer .footer-copyright {
    border-top: 1px solid #c4c4c4;
    color: #909090;
    padding: 1.5rem 0;
    text-align: center
}

    .footer .footer-copyright p {
        margin-bottom: 0
    }

.section-search {
    padding: 80px 0;
    height: 35vw;
    min-height: 640px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: #fff
}

@media screen and (max-width:768px) {
    .section-search {
        padding: 50px 0;
        min-height: 420px
    }
}

@media screen and (max-width:575px) {
    .section-search {
        min-height: 350px
    }
}

.section-search .container {
    position: relative
}

    .section-search .container .search-box {
        width: 100%;
        max-width: fit-content;
        position: relative;
        z-index: 2
    }

        .section-search .container .search-box .search-box-text {
            max-width: 550px;
            margin-bottom: 2rem
        }

@media screen and (max-width:768px) {
    .section-search .container .search-box .search-box-text {
        width: 70%
    }
}

@media screen and (max-width:575px) {
    .section-search .container .search-box .search-box-text {
        width: 90%
    }
}

.section-search .container .search-box .search-title {
    font-family: Merriweather,serif;
    font-size: 1.7rem;
    font-weight: 600;
    color: #091638;
    line-height: 1.7;
    text-shadow: 2px 2px 1px #fff
}

@media screen and (max-width:768px) {
    .section-search .container .search-box .search-title {
        font-size: 1.75rem;
        text-shadow: 1px 1px 0 #fff
    }
}

@media screen and (max-width:575px) {
    .section-search .container .search-box .search-title {
        font-size: 1.25rem
    }
}

.section-search .container .search-box .search-subtitle {
    font-size: 1rem;
    color: #091638;
    line-height: 1.8;
    text-shadow: 1px 0 1px #fff
}

@media screen and (max-width:768px) {
    .section-search .container .search-box .search-subtitle {
        font-size: .875rem
    }
}

.section-search .container .search-box .form-search {
    padding: 1.5rem;
    background-color: #f3f3fa;
    border-radius: .25rem
}

@media screen and (max-width:768px) {
    .section-search .container .search-box .form-search {
        padding: 1rem
    }
}

@media screen and (max-width:575px) {
    .section-search .container .search-box .form-search {
        padding: 0;
        background-color: transparent;
        border-radius: 0
    }
}

.section-search .container .search-box .form-search form {
    display: flex;
    align-items: center
}

    .section-search .container .search-box .form-search form .input-keyword {
        width: 100%;
        margin-right: 1rem;
        position: relative
    }

        .section-search .container .search-box .form-search form .input-keyword .form-control {
            height: 50px;
            padding-left: 45px;
            font-size: .875rem;
            border-radius: 4px !important
        }

        .section-search .container .search-box .form-search form .input-keyword .input-group-prepend {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 4;
            border: none;
            background-color: transparent
        }

            .section-search .container .search-box .form-search form .input-keyword .input-group-prepend .input-group-text {
                border-radius: 4px 0 0 4px;
                background-color: transparent;
                height: 50px;
                color: #b0bad5;
                padding: .375rem 0 .375rem .75rem;
                border: none
            }

                .section-search .container .search-box .form-search form .input-keyword .input-group-prepend .input-group-text i {
                    font-size: 1.5rem
                }

    .section-search .container .search-box .form-search form .input-select {
        margin-right: 1rem;
        width: 200px
    }

        .section-search .container .search-box .form-search form .input-select .custom-select {
            height: 50px;
            color: #1c3988;
            font-size: .875rem
        }

    .section-search .container .search-box .form-search form .search-button .btn {
        min-width: 120px;
        height: 50px;
        font-weight: 700;
        font-size: .875rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .section-search .container .search-box .form-search form .search-button .btn span {
            display: flex;
            align-items: center
        }

        .section-search .container .search-box .form-search form .search-button .btn .spinner-grow {
            width: 20px;
            height: 20px;
            margin-right: .5rem
        }

        .section-search .container .search-box .form-search form .search-button .btn i {
            width: 20px;
            height: 20px;
            margin-right: .5rem;
            font-size: 1.25rem
        }

@media screen and (max-width:768px) {
    .section-search .container .search-box .form-search form {
        flex-wrap: wrap;
        justify-content: space-between
    }

        .section-search .container .search-box .form-search form .input-keyword {
            width: calc(50% - 5px);
            margin: 0;
            order: 3
        }

            .section-search .container .search-box .form-search form .input-keyword .form-control {
                padding-left: 35px
            }

            .section-search .container .search-box .form-search form .input-keyword .input-group-prepend .input-group-text i {
                font-size: 1rem
            }

        .section-search .container .search-box .form-search form .input-select {
            width: calc(50% - 5px);
            margin: 0 0 10px;
            order: 1
        }

        .section-search .container .search-box .form-search form .search-button {
            width: calc(50% - 5px);
            margin: 0;
            order: 4
        }

            .section-search .container .search-box .form-search form .search-button .btn {
                width: 100%
            }
}

.section-search .container .search-img-right {
    position: absolute;
    z-index: 0;
    width: 50%;
    right: var(--bs-gutter-x,.75rem);
    top: 45%;
    transform: translateY(-50%);
    text-align: right
}

@media screen and (max-width:768px) {
    .section-search .container .search-img-right {
        width: 40%;
        top: 0;
        transform: none
    }
}

.section-search .container .search-img-right .search-img {
    position: relative;
    z-index: 1
}

.section-search .container .search-img-right .dots-bg {
    position: absolute;
    z-index: 0;
    right: -50px;
    top: -50px
}

body {
    font-family: Open Sans,sans-serif;
    min-height: 100vh;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    background-color: #f3f3fa
}

@media screen and (max-width:768px) {
    body {
        font-size: 15px
    }
}

@media screen and (max-width:767px) {
    .pc {
        display: none !important
    }
}

@media screen and (min-width:768px) {
    .sp {
        display: none !important
    }
}

.layout-default {
    margin-top: 75px;
    min-height: calc(100vh - 74px);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

img {
    max-width: 100%
}

.bg-white {
    background: #fff
}

.bg-gray {
    background: #f3f3fa
}

.bg-gradient-blue {
    background: linear-gradient(90deg,#1c3988,#234ab4)
}

.font-merri {
    font-family: Merriweather,serif
}

.btn {
    display: inline-flex;
    padding: .5rem 1.5rem
}

.btn, .btn-circle {
    align-items: center;
    justify-content: center
}

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

.btn-circle-sm {
    width: 32px;
    height: 32px
}

.btn-success {
    background-color: #27ae60;
    border-color: #27ae60;
}

.btn-check:focus + .btn-success, .btn-success:focus, .btn-success:hover, .btn-success:active {
    color: #ffffff;
    background-color: #47ba78;
    border-color: #47ba78;
}

.btn-success, .btn-success:hover {
    color: #fff
}

.btn-transparent {
    box-shadow: none !important;
    outline: none !important
}

    .btn-transparent, .btn-transparent:hover {
        background-color: transparent !important;
        border: none !important
    }

        .btn-transparent:hover {
            color: #ff442b
        }

.btn-outline-light, .btn-outline-white {
    border: 1px solid #fff;
    color: #fff
}

.btn-text {
    padding: 0;
    font-weight: 400
}

    .btn-text i {
        margin-right: .75rem
    }

.avatar {
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.avatar-md {
    width: 48px;
    height: 48px
}

.avatar-lg {
    width: 56px;
    height: 56px
}

.section {
    padding: 55px 0
}

@media screen and (max-width:768px) {
    .section {
        padding: 45px 0
    }
}

@media screen and (max-width:575px) {
    .section {
        padding: 35px 0
    }
}

.box-shadow, .card-filter .card-filter-body .suggestions, .count-result {
    box-shadow: 0 1px 4px rgba(0,0,0,.15)
}

.section-heading {
    margin-bottom: 1.5rem
}

    .section-heading .section-title {
        font-size: 2rem;
        font-weight: 700;
        color: #091638;
        line-height: 1.5
    }

    .section-heading .section-subtitle {
        font-size: 1.125rem;
        color: #091638
    }

@media screen and (max-width:768px) {
    .section-heading .section-title {
        font-size: 1.75rem
    }

    .section-heading .section-subtitle {
        font-size: 1rem
    }
}

@media screen and (max-width:575px) {
    .section-heading .section-title {
        font-size: 1.5rem
    }

    .section-heading .section-subtitle {
        font-size: .875rem
    }
}

.section-heading.text-white .section-subtitle, .section-heading.text-white .section-title {
    color: #fff
}

.feature-topic .view-more {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .feature-topic .view-more .divider {
        width: calc(100% - 140px);
        height: 2px;
        background-color: #dadaee;
        position: relative
    }

        .feature-topic .view-more .divider span {
            position: absolute;
            width: 30%;
            max-width: 240px;
            height: 2px;
            background-color: #1c3988;
            left: 0;
            top: 0
        }

    .feature-topic .view-more .view-all {
        position: relative;
        top: -70px
    }

@media screen and (max-width:768px) {
    .feature-topic .view-more .divider {
        order: 2
    }

    .feature-topic .view-more .view-all {
        position: relative;
        top: 0;
        order: 1
    }
}

.feature-topic .feature-topic-slider {
    margin-left: var(--bs-gutter-x,-.75rem);
    margin-right: var(--bs-gutter-x,-.75rem);
    margin-top: 1rem
}

    .feature-topic .feature-topic-slider .slider-item {
        margin-bottom: 1rem;
        padding: var(--bs-gutter-x,.75rem)
    }

    .feature-topic .feature-topic-slider .slick-arrow {
        position: absolute;
        z-index: 2;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #1c3988;
        transition: all .2s
    }

        .feature-topic .feature-topic-slider .slick-arrow:before {
            font-family: icomoon,serif !important;
            font-style: normal;
            font-weight: 400;
            font-feature-settings: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 2rem;
            opacity: 1
        }

        .feature-topic .feature-topic-slider .slick-arrow.slick-disabled {
            background-color: #dadaee;
            cursor: default
        }

        .feature-topic .feature-topic-slider .slick-arrow.slick-prev {
            top: -65px;
            right: 80px;
            left: auto
        }

            .feature-topic .feature-topic-slider .slick-arrow.slick-prev:before {
                content: ""
            }

        .feature-topic .feature-topic-slider .slick-arrow.slick-next {
            top: -65px;
            right: var(--bs-gutter-x,.75rem)
        }

            .feature-topic .feature-topic-slider .slick-arrow.slick-next:before {
                content: ""
            }

.card {
    box-shadow: 0 4px 15px rgba(71,100,195,.1);
    transition: all .2s;
    border-radius: .5rem
}

    .card:hover {
        box-shadow: 0 4px 20px rgba(71,100,195,.2)
    }

.card-topic {
    border: none
}

    .card-topic .card-thumb {
        border-radius: .5rem .5rem 0 0;
        overflow: hidden
    }

        .card-topic .card-thumb a {
            position: relative;
            display: flex;
            padding-top: 70%;
            text-decoration: none
        }

            .card-topic .card-thumb a img {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                object-fit: cover
            }

    .card-topic .card-body {
        padding: 1rem;
        background-color: #fff;
        border-radius: 0 0 .5rem .5rem
    }

        .card-topic .card-body .card-title {
            color: #091638;
            text-decoration: none
        }

            .card-topic .card-body .card-title:hover {
                color: #1c3988
            }

.card-exam {
    border-radius: .5rem;
    overflow: hidden;
    border: none;
    margin-bottom: 1.5rem;
    height: calc(100% - 1.5rem);
}

@media screen and (max-width:767px) {
    .card-exam {
        margin-bottom: 1rem;
        height: calc(100% - 1rem);
    }
}

.card-exam .card-exam-thumb {
    position: relative;
    padding-top: 30%
}

    .card-exam .card-exam-thumb:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background: #111;
        background: linear-gradient(180deg,rgba(17,17,17,.6),rgba(17,17,17,.4));
        opacity: .8
    }

    .card-exam .card-exam-thumb img {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.card-exam .level {
    padding: 5px 10px;
    border-radius: 7px 0 8px 0;
    color: #fff;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0
}

    .card-exam .level.base {
        background-color: #27ae60
    }

    .card-exam .level.advanced {
        background-color: #145da0
    }

.card-exam .btn-favorite {
    padding: 0;
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    top: 10px;
    right: 10px;
    font-size: 1.375rem;
    color: #fff
}

    .card-exam .btn-favorite.favorited, .card-exam .btn-favorite:hover {
        color: #ff442b
    }

.card-exam .card-exam-teacher {
    padding: 1rem 1rem 0;
    margin-top: -64px;
    position: relative;
    z-index: 3
}

    .card-exam .card-exam-teacher a {
        display: flex;
        align-items: center;
        color: #fff;
        font-weight: 500;
        text-decoration: none
    }

        .card-exam .card-exam-teacher a .avatar {
            border: 2px solid #fff;
            margin-right: 12px
        }

        .card-exam .card-exam-teacher a span {
            width: calc(100% - 68px)
        }

.card-exam .card-body .exam-title {
    color: #222;
    text-decoration: none
}

    .card-exam .card-body .exam-title h4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-word
    }

    .card-exam .card-body .exam-title:hover {
        color: #1c3988
    }

.card-exam .card-body .exam-tag {
    margin-bottom: .5rem
}

    .card-exam .card-body .exam-tag a {
        font-size: .8125rem;
        margin-right: .5rem;
        margin-bottom: .25rem;
        color: #0d6efd;
        text-decoration: none
    }

        .card-exam .card-body .exam-tag a:last-child {
            margin-right: 0
        }

.card-exam .card-body .exam-rating {
    display: flex;
    align-items: center
}

    .card-exam .card-body .exam-rating .mr-1 {
        margin-right: .25rem
    }

.card-exam .card-footer {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    background-color: #fff;
    border-top: 1px solid #ddd
}

    .card-exam .card-footer .card-footer-item {
        display: flex;
        align-items: center
    }

        .card-exam .card-footer .card-footer-item i {
            font-size: 1.5rem;
            margin-right: .25rem
        }

@media screen and (max-width:991px) {
    .card-exam .card-footer .card-footer-item i {
        font-size: 1.25rem
    }
}

.list-category .category-item {
    margin-bottom: 2rem
}

    .list-category .category-item .category-title {
        margin-bottom: 1.5rem;
        display: flex
    }

        .list-category .category-item .category-title h3, .list-category .category-item ul {
            margin-bottom: 0
        }

            .list-category .category-item ul li {
                margin-bottom: 1.25rem
            }

.section-contribute {
    background-color: #1c3988;
    background-image: url(https://storage.tracnghiem.vn/public/images/contribute-bg.png);
    background-size: 100%;
    padding: 100px 0;
    min-height: 430px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .section-contribute {
        padding: 80px 0;
        min-height: 350px
    }
}

@media screen and (max-width:767px) {
    .section-contribute .contribute-left {
        text-align: center
    }
}

.section-contribute .contribute-left .section-heading .section-title {
    margin-bottom: 1.5rem
}

.section-contribute .contribute-right img {
    max-width: 300px;
    position: absolute;
    bottom: 0;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@media screen and (max-width:767px) {
    .section-contribute .contribute-right {
        display: none
    }
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 1.5s
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.section-advantage {
    padding: 80px 0
}

@media screen and (max-width:991px) {
    .section-advantage {
        padding: 60px 0
    }
}

@media screen and (max-width:768px) {
    .section-advantage {
        padding: 50px 0
    }
}

.section-advantage .advantage-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 1.25rem;
    margin: 2rem 0
}

@media screen and (max-width:991px) {
    .section-advantage .advantage-item {
        font-size: 1rem;
        margin: 0 0 1rem
    }
}

.section-advantage .advantage-item p {
    width: calc(100% - 40px);
    margin-bottom: 0
}

.section-advantage .advantage-item i {
    margin-top: 5px
}

@media screen and (max-width:767px) {
    .section-advantage .advantage-item i {
        display: none
    }

    .section-advantage .advantage-item p {
        width: 100%
    }
}

.section-advantage .advantage-left {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width:1200px) {
    .section-advantage .advantage-left {
        justify-content: space-between
    }
}

@media screen and (max-width:991px) {
    .section-advantage .advantage-left {
        order: 1;
        padding-right: 2rem
    }
}

@media screen and (max-width:767px) {
    .section-advantage .advantage-left {
        padding-right: .75rem
    }
}

.section-advantage .advantage-center {
    text-align: center
}

    .section-advantage .advantage-center img {
        width: 100%;
        max-width: 320px
    }

@media screen and (max-width:575px) {
    .section-advantage .advantage-center img {
        max-width: 250px
    }
}

@media screen and (max-width:991px) {
    .section-advantage .advantage-center {
        order: 3;
        margin-top: 2rem
    }
}

.section-advantage .advantage-right {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width:1200px) {
    .section-advantage .advantage-right {
        justify-content: space-between
    }
}

@media screen and (max-width:991px) {
    .section-advantage .advantage-right {
        order: 2;
        padding-left: 2rem
    }
}

@media screen and (max-width:767px) {
    .section-advantage .advantage-right {
        padding-left: .75rem
    }
}

.page-heading .page-heading-inner {
    background-image: url(https://storage.tracnghiem.vn/public/images/page-heading-bg.png);
    padding: 2rem 0;
    color: #fff;
    font-family: Roboto,sans-serif
}

    .page-heading .page-heading-inner .page-title {
        font-size: 2rem;
        font-weight: 700
    }

@media screen and (max-width:767px) {
    .page-heading .page-heading-inner .page-title {
        font-size: 1.5rem
    }
}

.page-heading .page-heading-inner .page-heading-title .page-title {
    display: contents
}

.page-heading .page-heading-inner .page-heading-title .exam-level {
    margin-left: .75rem;
    margin-bottom: .25rem
}

.page-heading .page-heading-inner .page-heading-title .user-heading {
    display: flex;
    align-items: center
}

    .page-heading .page-heading-inner .page-heading-title .user-heading .avatar {
        width: 100px;
        height: 100px
    }

    .page-heading .page-heading-inner .page-heading-title .user-heading .page-title {
        display: block;
        margin: 0 0 .25rem
    }

    .page-heading .page-heading-inner .page-heading-title .user-heading .user-heading-name {
        width: calc(100% - 100px);
        padding-left: 1rem
    }

    .page-heading .page-heading-inner .page-heading-title .user-heading .user-heading-username {
        font-weight: 700
    }

.page-heading .page-heading-inner .breadcrumb {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .page-heading .page-heading-inner .breadcrumb {
        font-size: .875rem
    }
}

.page-heading .page-heading-inner .breadcrumb .breadcrumb-item {
    font-weight: 400
}

    .page-heading .page-heading-inner .breadcrumb .breadcrumb-item a {
        color: #fff
    }

    .page-heading .page-heading-inner .breadcrumb .breadcrumb-item.active {
        color: hsla(0,0%,100%,.7);
        font-weight: 300
    }

    .page-heading .page-heading-inner .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
        color: #fff
    }

.page-heading.exam-page-heading .page-heading-inner {
    transition: all .2s;
    background-image: url(https://storage.tracnghiem.vn/public/images/header-exam-bg.png)
}

.page-heading.exam-page-heading .page-heading-description {
    max-height: 200px;
    overflow: auto
}

    .page-heading.exam-page-heading .page-heading-description::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    .page-heading.exam-page-heading .page-heading-description::-webkit-scrollbar-track {
        background: #fff;
        transition: all .2s
    }

    .page-heading.exam-page-heading .page-heading-description::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 6px;
        transition: all .2s
    }

        .page-heading.exam-page-heading .page-heading-description::-webkit-scrollbar-thumb:hover {
            background: #1c3988;
            transition: all .2s
        }

.page-heading.exam-page-heading .button-expand-heading {
    position: absolute;
    right: 1.5rem;
    top: 1.25rem;
    padding: .5rem 1rem;
    z-index: 2
}

@media screen and (max-width:767px) {
    .page-heading.exam-page-heading .button-expand-heading {
        font-size: 0;
        padding: .5rem;
        right: .5rem;
        top: .5rem
    }

        .page-heading.exam-page-heading .button-expand-heading i {
            margin: 0 !important;
            font-size: 1rem
        }
}

.page-heading.exam-page-heading.expand .page-heading-inner {
    transition: all .2s;
    padding: 1.25rem 0
}

.page-heading.exam-page-heading.expand .breadcrumb, .page-heading.exam-page-heading.expand .exam-teacher-row, .page-heading.exam-page-heading.expand .page-heading-description, .page-heading.exam-page-heading.expand .toolbar-action-exam {
    display: none
}

.exam-page-container {
    padding: 2rem 0
}

@media screen and (max-width:767px) {
    .exam-page-container {
        padding: 1rem 0
    }
}

.card-filter-wrapper .btn-filter-mb {
    position: fixed;
    z-index: 99;
    width: 100%;
    border-radius: 0;
    left: 0;
    bottom: 0;
    padding: .5rem 1rem;
}

    .card-filter-wrapper .btn-filter-mb i {
        margin-right: 8px
    }

.filter-group .filter-group-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    cursor: default
}


    .filter-group .filter-group-header strong {
        font-size: .875rem
    }

    .filter-group .filter-group-header i {
        transform: rotateX(180deg);
        transition: all .2s;
        cursor: pointer
    }

    .filter-group .filter-group-header.collapsed i {
        transform: rotateX(0deg)
    }

.filter-group .filter-group-body ul{
    font-size: 0.875rem;
}
.filter-group .filter-group-body ul li + li {
    margin-top: 0.5rem;
}

.filter-group .filter-group-body ul li a {
    color: #000000;
}

    .filter-group .filter-group-body ul li a:hover {
        color: #0d6efd;
    }
    .filter-group .custom-control .custom-control-label {
        width: 100%
    }

    .filter-group .custom-control .custom-control-label .icon-star-fill {
        font-size: 1.125rem;
        margin-right: .25rem
    }

.card-filter {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    padding: 1rem
}

@media screen and (max-width:767px) {
    .card-filter {
        position: fixed;
        z-index: 1000;
        width: 100%;
        left: -100%;
        top: 0;
        height: 100%;
        overflow: auto;
        border-radius: 0;
        transition: all .2s
    }

        .card-filter.open {
            left: 0;
            transition: all .2s
        }
}

.card-filter .card-filter-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem
}

.card-filter .card-filter-body .filter-input {
    position: relative
}

    .card-filter .card-filter-body .filter-input .form-control {
        position: relative;
        z-index: 3;
        box-shadow: none !important
    }

.card-filter .card-filter-body .suggestions {
    position: absolute;
    z-index: 2;
    top: calc(100% - 2px);
    width: 100%;
    padding: 10px 12px;
    max-height: 100px;
    overflow: auto;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    display: none
}

    .card-filter .card-filter-body .suggestions.open {
        display: block
    }

    .card-filter .card-filter-body .suggestions::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    .card-filter .card-filter-body .suggestions::-webkit-scrollbar-track {
        background: #fff;
        transition: all .2s
    }

    .card-filter .card-filter-body .suggestions::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 6px;
        transition: all .2s
    }

        .card-filter .card-filter-body .suggestions::-webkit-scrollbar-thumb:hover {
            background: #1c3988;
            transition: all .2s
        }

.card-filter .card-filter-body .list-suggestions {
    display: flex;
    flex-wrap: wrap
}

    .card-filter .card-filter-body .list-suggestions .suggestion-item {
        border-radius: 20px;
        background-color: #eaeaea;
        color: grey;
        font-size: 12px;
        padding: 2px 6px 2px 8px;
        margin-right: 5px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer
    }

        .card-filter .card-filter-body .list-suggestions .suggestion-item i {
            margin-left: 12px;
            font-size: 16px
        }

.card-filter .card-filter-body .line-divide {
    background-color: #ddd;
    border-color: #ddd;
    margin-top: 1rem;
    margin-bottom: 1rem;
    opacity: 1
}

.card-filter .card-filter-body .filter-group .filter-group-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    cursor: default
}

    .card-filter .card-filter-body .filter-group .filter-group-header strong {
        font-size: .875rem
    }

    .card-filter .card-filter-body .filter-group .filter-group-header i {
        transform: rotateX(180deg);
        transition: all .2s;
        cursor: pointer
    }

    .card-filter .card-filter-body .filter-group .filter-group-header.collapsed i {
        transform: rotateX(0deg)
    }

.card-filter .card-filter-body .filter-group .custom-control .custom-control-label {
    width: 100%
}

.card-filter .card-filter-body .filter-ranking .custom-control .custom-control-label i {
    margin-right: 5px
}

.custom-tabs {
    margin-bottom: 1rem
}

    .custom-tabs .nav {
        width: 100%;
        border-bottom: 1px solid #ddd
    }

        .custom-tabs .nav .nav-link {
            background-color: transparent;
            color: #bbb;
            text-align: center;
            border: none;
            border-bottom: 4px solid transparent;
            border-radius: 0;
            padding: .5rem 1.5rem;
            cursor: pointer;
            font-size: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700
        }

@media screen and (max-width:1024px) {
    .custom-tabs .nav .nav-link {
        font-size: .875rem;
        padding: .5rem 1rem
    }
}

.custom-tabs .nav .nav-link.active {
    border-bottom-color: #1c3988;
    color: #222
}

.count-result {
    background-color: #fff;
    font-size: .875rem;
    padding: .75rem 1rem;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

    .count-result .count-result-left {
        white-space: nowrap
    }

    .count-result .count-result-right {
        display: flex;
        align-items: center
    }

        .count-result .count-result-right span {
            white-space: nowrap;
            margin-right: 5px
        }

@media screen and (max-width:767px) {
    .count-result .count-result-right span {
        display: none
    }
}

.count-result .count-result-right .custom-select {
    min-height: 30px;
    padding: 3px 20px 3px 10px;
    outline: none;
    font-size: .875rem;
    background-image: url(https://storage.tracnghiem.vn/public/images/icons/caret-down.svg)
}

.breadcrumb {
    font-size: .875rem
}

.border-solid {
    border-style: solid
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-3 {
    border-width: 3px
}

.border-white {
    border-color: #fff
}

.custom-rating {
    padding: 0;
    background: transparent;
    border: none;
    min-height: 18px;
    color: #febb02;
    width: auto;
    outline: none
}

    .custom-rating .b-rating-star {
        padding: 0 3px
    }

.toolbar-action-exam {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .toolbar-action-exam .action-exam .btn {
        font-size: .875rem
    }

    .toolbar-action-exam .action-exam .btn-action, .toolbar-action-exam .action-exam .dropdown-save .dropdown-toggle {
        margin-right: .75rem;
        margin-bottom: .5rem
    }

    .toolbar-action-exam .action-exam .dropdown-save .dropdown-menu, .toolbar-action-exam .action-exam .dropdown-save .dropdown-menu .b-dropdown-form {
        padding: 0
    }

        .toolbar-action-exam .action-exam .dropdown-save .dropdown-menu .b-dropdown-form .custom-control {
            border-bottom: 1px solid #ddd;
            padding: 10px 10px 10px 40px;
            margin: 0
        }

        .toolbar-action-exam .action-exam .dropdown-save .dropdown-menu .b-dropdown-form .add-bookmark-input {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px
        }

            .toolbar-action-exam .action-exam .dropdown-save .dropdown-menu .b-dropdown-form .add-bookmark-input .form-control {
                min-height: 24px;
                height: 24px;
                padding: .25rem;
                font-size: .75rem
            }

            .toolbar-action-exam .action-exam .dropdown-save .dropdown-menu .b-dropdown-form .add-bookmark-input .btn {
                width: 20px;
                height: 20px;
                padding: 0;
                margin-left: .75rem;
                background-color: #0d6efd;
                border: none;
                font-size: 1.25rem
            }

    .toolbar-action-exam .exam-report {
        margin-bottom: .5rem;
        white-space: nowrap
    }

@media screen and (max-width:767px) {
    .toolbar-action-exam {
        flex-direction: column
    }

        .toolbar-action-exam .btn-action, .toolbar-action-exam .dropdown-save .dropdown-toggle {
            width: 140px
        }

        .toolbar-action-exam .exam-report {
            margin-top: .5rem;
            margin-left: auto
        }
}

@media screen and (max-width:374px) {
    .toolbar-action-exam {
        flex-direction: column
    }

        .toolbar-action-exam .btn-action, .toolbar-action-exam .dropdown-save .dropdown-toggle {
            width: 130px;
            padding: .5rem
        }
}

.group-input-xs {
    display: flex
}

    .group-input-xs .form-control, .group-input-xs input {
        height: 20px;
        min-height: 20px;
        padding: 0 5px;
        font-size: .75rem;
        width: 44px;
        border-radius: 3px
    }

    .group-input-xs b, .group-input-xs strong {
        margin-left: 5px
    }

.do-exam-sidebar .card-do-exam .button-do-exam {
    width: 100%
}

.do-exam-sidebar .card-do-exam .button-do-exam-sp {
    display: none
}

@media screen and (max-width:767px) {
    .do-exam-sidebar .card-do-exam .button-do-exam-sp {
        display: inline-flex;
        position: fixed;
        z-index: 9;
        width: 100%;
        left: 0;
        bottom: 0;
        border-radius: 0;
        margin: 0 !important
    }
}

@media screen and (max-width:767px) {
    .do-exam-sidebar .card-filter {
        position: static;
        z-index: 1
    }
}

.list-ranking-user .ranking-item {
    margin-bottom: .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .875rem
}

    .list-ranking-user .ranking-item .avatar {
        border: 2px solid #ddd
    }

    .list-ranking-user .ranking-item:first-child .avatar {
        border-color: #ffd503
    }

    .list-ranking-user .ranking-item:nth-child(2) .avatar {
        border-color: #9c9c9c
    }

    .list-ranking-user .ranking-item:nth-child(3) .avatar {
        border-color: #a1723b
    }

    .list-ranking-user .ranking-item:last-child {
        margin-bottom: 0
    }

.common-tabs .nav {
    width: 100%;
    border-bottom: 1px solid #ddd
}

    .common-tabs .nav .nav-link {
        background-color: transparent;
        color: #bbb;
        text-align: center;
        border: none;
        border-bottom: 4px solid transparent;
        border-radius: 0;
        padding: .5rem 1rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 1rem
    }

@media screen and (max-width:767px) {
    .common-tabs .nav .nav-link {
        font-size: .875rem
    }
}

.common-tabs .nav .nav-link.active {
    border-bottom-color: #1c3988;
    color: #222;
    font-weight: 700
}

.common-tabs .tab-content-container {
    padding: 1rem 0
}

.card {
    border: none;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,.15)
}

    .card .card-header {
        background-color: transparent;
        font-weight: 700;
        border: none;
        border-bottom: 1px solid #ddd;
        padding: 1rem
    }

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #ddd
}

.table td, .table th {
    border-color: #ddd;
    padding: 1rem
}

.table tr:last-child td, .table tr:last-child th {
    border: none
}

.exam-main-container {
    padding: 40px 0 80px
}

    .exam-main-container .do-exam-sidebar {
        position: relative;
        top:-15px;
    }

@media screen and (max-width:991px) {
    .exam-main-container {
        padding: 30px 0 80px
    }

        .exam-main-container .do-exam-sidebar {
            position: relative;
            top: 0;
            order: 1
        }

        .exam-main-container .exam-main-content {
            order: 2
        }
}

.card-teacher .teacher-info .teacher-info-avatar {
    margin: 0 auto 1rem;
    width: 100%;
    max-width: 125px;
    padding-top: min(100%,125px);
    position: relative
}

    .card-teacher .teacher-info .teacher-info-avatar .avatar {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 2px solid #1c3988
    }

.card-teacher .teacher-list-info li {
    margin-bottom: .5rem
}

    .card-teacher .teacher-list-info li i {
        width: 1.25rem
    }

.card-review .card-review-left {
    display: flex;
    flex-direction: column;
    align-items: center
}

    .card-review .card-review-left .number {
        font-size: min(max(40px,4vw),80px);
        font-weight: 700
    }

.card-review .card-review-right .rate-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .25rem 0
}

    .card-review .card-review-right .rate-row .rate-progress {
        width: calc(100% - 170px)
    }

    .card-review .card-review-right .rate-row .rate-star {
        margin-left: 1rem
    }

    .card-review .card-review-right .rate-row .rate-num {
        font-size: .875rem;
        margin-left: 1rem
    }

.list-review {
    margin-bottom: 2rem
}

    .list-review .review-item {
        display: flex;
        border-bottom: 1px solid #ddd;
        padding-bottom: 1rem;
        margin-bottom: 1rem
    }

        .list-review .review-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0
        }

        .list-review .review-item .review-item-avatar {
            margin-right: 1rem
        }

        .list-review .review-item .review-item-content {
            width: calc(100% - 4rem)
        }

            .list-review .review-item .review-item-content .review-item-action .btn {
                padding: 0;
                font-size: .8125rem;
                margin-right: 1.5rem
            }

                .list-review .review-item .review-item-content .review-item-action .btn i {
                    font-size: 1rem
                }

.list-question .question-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem
}

    .list-question .question-item .question-hashtag {
        display: flex;
        margin-bottom: 1rem
    }

        .list-question .question-item .question-hashtag p {
            margin: 0 .5rem 0 0
        }

    .list-question .question-item:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

    .list-question .question-item .question-title {
        margin-bottom: 1rem
    }

    .list-question .question-item .question-content {
        font-size: .875rem;
        margin-bottom: 1rem
    }

    .list-question .question-item .question-item-answer .answer-head {
        border-bottom: 1px solid #ddd;
        position: relative;
        margin: 1rem 0
    }

        .list-question .question-item .question-item-answer .answer-head > span {
            position: absolute;
            bottom: -8px;
            left: 8px;
            background: #fff;
            padding: 0 4px
        }

    .list-question .question-item .question-item-answer ul li {
        margin-bottom: .5rem
    }

        .list-question .question-item .question-item-answer ul li:last-child, .list-question .question-item .question-item-answer ul li p {
            margin-bottom: 0
        }

    .list-question .question-item .question-item-answer .list-answer {
        font-size: .875rem
    }

        .list-question .question-item .question-item-answer .list-answer li {
            margin-bottom: .5rem
        }

            .list-question .question-item .question-item-answer .list-answer li:last-child {
                margin-bottom: 0
            }

    .list-question .question-item .question-item-answer .list-answered {
        font-size: .875rem
    }

        .list-question .question-item .question-item-answer .list-answered li {
            margin-bottom: .5rem;
            display: flex
        }

            .list-question .question-item .question-item-answer .list-answered li .check {
                min-width: 20px;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                border: 1px solid #ddd;
                margin-right: 10px;
                position: relative;
                margin-top: 2px
            }

                .list-question .question-item .question-item-answer .list-answered li .check:before {
                    width: 18px;
                    height: 18px;
                    border-radius: 50%;
                    content: "";
                    border: 3px solid #fff;
                    position: absolute;
                    top: 0;
                    left: 0
                }

            .list-question .question-item .question-item-answer .list-answered li:last-child {
                margin-bottom: 0
            }

            .list-question .question-item .question-item-answer .list-answered li.true {
                color: #27ae60
            }

                .list-question .question-item .question-item-answer .list-answered li.true .check:before {
                    background-color: #27ae60
                }

            .list-question .question-item .question-item-answer .list-answered li.false {
                color: #ff442b
            }

                .list-question .question-item .question-item-answer .list-answered li.false .check:before {
                    background-color: #ff442b
                }

.layout-default .modal {
    box-shadow: 0 1px 8px rgba(0,0,0,.15)
}

    .layout-default .modal, .layout-default .modal .modal-content {
        border-radius: 20px;
        border: none
    }

        .layout-default .modal .modal-content .modal-header {
            border-bottom: none;
            padding: 10px 12px
        }

            .layout-default .modal .modal-content .modal-header .modal-title {
                font-weight: 700;
                font-size: 1.25rem
            }

            .layout-default .modal .modal-content .modal-header .close {
                border: none;
                outline: none;
                border-radius: 50%;
                display: flex;
                width: 1.5rem;
                height: 1.5rem;
                justify-content: center;
                align-items: center;
                background-color: #ff442b;
                color: #fff;
                font-size: 1.5rem
            }

        .layout-default .modal .modal-content .modal-body {
            padding-top: 0
        }

        .layout-default .modal .modal-content .modal-footer-common {
            display: flex;
            justify-content: center
        }

            .layout-default .modal .modal-content .modal-footer-common .btn {
                height: 2.75rem;
                margin: .25rem;
                width: 100%
            }

.do-exam-box {
    padding: 1rem
}

    .do-exam-box hr {
        margin: .5rem 0
    }

    .do-exam-box .do-exam-timer {
        font-size: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .do-exam-box .do-exam-timer i {
            font-size: 2.5rem;
            margin-right: 1rem
        }

    .do-exam-box .list-type-question ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap
    }

        .do-exam-box .list-type-question ul li {
            width: 50%;
            display: flex;
            align-items: center;
            padding: 0 .5rem .75rem 0;
            font-size: .75rem
        }

            .do-exam-box .list-type-question ul li .type {
                width: 20px;
                height: 20px;
                margin-right: .5rem;
                border: 1px solid #ddd
            }

            .do-exam-box .list-type-question ul li .tick {
                background-color: #0d6efd;
                border-color: #0d6efd
            }

            .do-exam-box .list-type-question ul li .answered {
                background-color: #1c3988;
                border-color: #1c3988
            }

            .do-exam-box .list-type-question ul li .not-answered {
                background-color: #ddd
            }

            .do-exam-box .list-type-question ul li .true {
                border-color: #27ae60;
                background-color: #27ae60
            }

            .do-exam-box .list-type-question ul li .false {
                border-color: #ff442b;
                background-color: #ff442b
            }

    .do-exam-box .list-question-menu {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.3rem
    }

        .do-exam-box .list-question-menu .btn {
            margin: .3rem;
            width: 38px;
            height: 38px;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .875rem;
            font-family: Roboto,Helvetica Neue,Helvetica,sans-serif;
            border: 1px solid #ddd;
            background-color: #fff;
            color: #222
        }

            .do-exam-box .list-question-menu .btn.tick {
                background-color: #0d6efd;
                border-color: #0d6efd;
                color: #fff
            }

            .do-exam-box .list-question-menu .btn.answered {
                background-color: #1c3988;
                border-color: #1c3988;
                color: #fff
            }

            .do-exam-box .list-question-menu .btn.not-answered {
                background-color: #ddd;
                border-color: #ddd;
                color: #222
            }

            .do-exam-box .list-question-menu .btn:hover {
                background-color: #0d6efd;
                border-color: #0d6efd;
                color: #fff
            }

            .do-exam-box .list-question-menu .btn.true {
                border-color: #27ae60;
                background-color: #27ae60;
                color: #fff
            }

            .do-exam-box .list-question-menu .btn.false {
                border-color: #ff442b;
                background-color: #ff442b;
                color: #fff
            }

    .do-exam-box .filter-group .filter-group-header {
        margin-bottom: .5rem
    }

.card-question .card-question-header .custom-control {
    margin-bottom: 0
}

    .card-question .card-question-header .custom-control label {
        font-weight: 400
    }

.card-question .card-footer {
    border-color: #ddd;
    background-color: transparent;
    padding: 1rem;
    display: flex;
    justify-content: center
}

    .card-question .card-footer .btn {
        margin: 0 .5rem
    }

        .card-question .card-footer .btn i {
            font-size: .75rem
        }

        .card-question .card-footer .btn:hover {
            color: #fff;
            background-color: #1c3988;
            border-color: #1c3988
        }

.exam-main-content .card-question {
    min-height: auto;
}

.exam-information-detail .exam-userinfo .exam-userinfo-inner {
    padding-right: 1rem
}

@media screen and (max-width:991px) {
    .exam-information-detail .exam-userinfo .exam-userinfo-inner {
        padding-right: 0;
        margin-bottom: 1rem
    }
}

.exam-information-detail .exam-analytic-inner {
    padding-left: 1rem
}

@media screen and (max-width:991px) {
    .exam-information-detail .exam-analytic-inner {
        padding-left: 0
    }
}

.exam-information-detail .form-review-exam .button-submit-rating {
    min-width: 110px;
    margin-left: auto
}

.list-exam-analytic .exam-analytic-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem
}

    .list-exam-analytic .exam-analytic-item .item-title {
        width: 20%
    }

    .list-exam-analytic .exam-analytic-item .item-progress {
        width: calc(80% - 40px);
        padding-left: 1rem
    }

    .list-exam-analytic .exam-analytic-item .item-number {
        width: 40px;
        text-align: right
    }

.vue-slider-process {
    background-color: #1c3988
}

.vue-slider-dot-handle {
    border-color: #1c3988
}

    .vue-slider-dot-handle:hover {
        border-color: #6e8ae9
    }

.vue-slider:hover .vue-slider-process {
    background-color: #6e8ae9
}

.vue-slider:hover .vue-slider-dot-handle {
    border-color: #6e8ae9
}

.widthModalAdd {
    width: 75px
}

.position-search {
    position: absolute !important;
    top: 50%;
    right: 10%;
    transform: translateY(50%)
}

body.dashboard {
    position: relative;
    padding-top: 0;
    margin: 0
}

    body.dashboard .form-control {
        min-height: 40px;
        padding: 6px 15px;
        box-shadow: none
    }

        body.dashboard .form-control:focus {
            box-shadow: none
        }

    body.dashboard .vue-treeselect__control {
        height: 40px;
        padding-left: 8px;
        padding-right: 8px
    }

        body.dashboard .vue-treeselect__control .vue-treeselect__placeholder, body.dashboard .vue-treeselect__control .vue-treeselect__single-value {
            line-height: 38px
        }

    body.dashboard .table {
        font-size: .875rem
    }

        body.dashboard .table > thead {
            border-bottom: 2px solid #ddd
        }

        body.dashboard .table tr {
            vertical-align: middle
        }

            body.dashboard .table tr td, body.dashboard .table tr th {
                padding: .75rem
            }

                body.dashboard .table tr td:first-child, body.dashboard .table tr th:first-child {
                    padding-left: .75rem
                }

        body.dashboard .table .col-action {
            text-align: right;
            padding-right: .75rem
        }

        body.dashboard .table .dropdown-menu {
            font-size: 14px;
            box-shadow: 0 0 8px rgba(0,0,0,.2);
            border: none
        }

        body.dashboard .table .dropdown-action {
            width: 100%;
            text-align: right
        }

            body.dashboard .table .dropdown-action .dropdown-toggle {
                width: 40px;
                height: 40px;
                padding: 0;
                border-radius: 50%;
                color: #fff;
                max-width: 40px;
                margin-left: auto
            }

    body.dashboard .modal-footer {
        justify-content: center;
        margin-top: 1rem
    }

        body.dashboard .modal-footer .btn {
            min-width: 110px
        }

    body.dashboard .btn {
        border-width: 1px;
        height: 40px;
        padding: .375rem 1rem
    }

    body.dashboard .breadcrumb .breadcrumb-item.active {
        font-weight: 700
    }

    body.dashboard .form-search-action {
        margin-bottom: .5rem;
        display: flex;
        justify-content: flex-end !important;
        align-items: center !important;
        flex-wrap: wrap
    }

        body.dashboard .form-search-action .btn {
            margin-left: 1rem;
            margin-top: .5rem;
            min-width: 120px
        }

            body.dashboard .form-search-action .btn:first-child {
                margin-left: 0
            }

@media screen and (max-width:767px) {
    body.dashboard .form-search-action {
        justify-content: center !important
    }
}

body.dashboard .card .card-body .card-subtitle {
    font-weight: 700;
    color: #222 !important;
    margin-bottom: 1rem !important
}

.pagination-center {
    display: flex;
    justify-content: center
}

.header--dashboardTheme {
    position: absolute;
    display: none;
    width: 100%;
    height: 50px;
    align-items: center;
    padding: 8px;
    z-index: 1;
    background-color: #f4f5f7
}

@media screen and (max-width:990px) {
    .header--dashboardTheme {
        display: flex
    }
}

.header--dashboardTheme .toggle--sp:hover {
    background: rgba(9,30,66,.08);
    transition: background .1s ease-out 0s,box-shadow .15s cubic-bezier(.47,.03,.49,1.38) 0s;
    vertical-align: middle;
    width: auto;
    outline: none !important;
    color: #42526e !important
}

.header--dashboardTheme svg {
    width: 32px;
    height: 32px
}

.img-circle {
    border-radius: 50%
}

.l-dashboard {
    display: flex;
    position: absolute;
    min-height: 100%;
    height: 100vh;
    width: 100%;
    background-color: #fff
}

    .l-dashboard h2 {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font-style: normal;
        font-weight: 400;
        vertical-align: baseline
    }

    .l-dashboard .one-line {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
        text-overflow: ellipsis
    }

    .l-dashboard .b-sidebar {
        will-change: width;
        transition: width .3s cubic-bezier(.2,0,0,1) 0s;
        max-width: 304px
    }

@media screen and (max-width:990px) {
    .l-dashboard .b-sidebar {
        transition: all .3s cubic-bezier(.2,0,0,1) 0s
    }
}

.l-dashboard__nav {
    display: flex;
    background-color: #0747a6;
    height: 100vh
}

.l-dashboard__nav__global {
    width: 60px;
    padding: 20px 0
}

.l-dashboard__nav__global__inner {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

    .l-dashboard__nav__global__inner .p-navItem {
        width: 40px;
        height: 40px;
        padding: 8px 0;
        text-align: center
    }

        .l-dashboard__nav__global__inner .p-navItem a {
            display: inline-flex
        }

    .l-dashboard__nav__global__inner .p-navItem--logo {
        height: 47px
    }

    .l-dashboard__nav__global__inner .p-navItem:hover {
        border-radius: 50%;
        color: #fff;
        background-color: #1c63ce
    }

    .l-dashboard__nav__global__inner .p-navItem--logo {
        margin-bottom: 25px
    }

    .l-dashboard__nav__global__inner .p-navItem--dropdown {
        margin: 4px 0
    }

    .l-dashboard__nav__global__inner .p-navItem--dropdown__inner {
        display: inline-flex
    }

    .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__icon {
        width: 40px;
        height: 40px;
        padding: 8px 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__icon .img-circle {
            height: 40px;
            width: 40px;
            object-fit: cover
        }

        .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__icon a {
            display: inline-flex
        }

        .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__icon:hover {
            border-radius: 50%;
            color: #fff;
            background-color: #1c63ce
        }

    .l-dashboard__nav__global__inner .p-navItem--dropdown__inner.block .p-navItem--dropdown__inner__icon {
        background-color: #05367f;
        border-radius: 50%
    }

    .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__menu {
        position: absolute;
        z-index: 400;
        top: 0;
        left: 0;
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);
        box-sizing: border-box;
        overflow: auto;
        padding: 4px 0;
        max-height: 90vh;
        transform: translate3d(60px,0,0);
        display: none;
        flex-direction: column;
        max-width: 800px;
        min-width: 234px;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif
    }

        .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__menu.account {
            top: auto;
            bottom: 40px
        }

        .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__menu.help {
            top: auto;
            bottom: 80px
        }

    .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__menu__child .item {
        -webkit-box-align: center;
        align-items: center;
        color: #172b4d;
        display: flex;
        flex: 1 1 auto;
        padding: 8px 12px;
        font-size: 14px
    }

    .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__menu__child .item__heading {
        font-size: 11px;
        line-height: 1;
        color: #6b778c;
        text-transform: uppercase
    }

    .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__menu__child .item__link {
        display: flex;
        cursor: pointer
    }

        .l-dashboard__nav__global__inner .p-navItem--dropdown__inner__menu__child .item__link:hover {
            background-color: #f4f5f7
        }

.l-dashboard__nav__menu {
    transition: all .3s ease;
    padding: 20px 10px;
    width: calc(100% - 60px);
    color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    overflow: hidden
}

    .l-dashboard__nav__menu .p-navMenuList {
        overflow: auto;
        height: calc(100% - 64px)
    }

    .l-dashboard__nav__menu .p-navMenu__logo {
        margin-bottom: 25px;
        text-align: center;
        height: 44px
    }

    .l-dashboard__nav__menu ul {
        list-style: none;
        padding-left: 0
    }

        .l-dashboard__nav__menu ul li {
            color: #fff
        }

            .l-dashboard__nav__menu ul li a {
                -webkit-box-align: center;
                align-items: center;
                border: none;
                border-radius: 3px;
                box-sizing: border-box;
                color: inherit;
                cursor: pointer;
                display: flex;
                flex-shrink: 0;
                font-size: inherit;
                height: 40px;
                outline: none;
                text-align: left;
                text-decoration: none;
                width: 100%;
                padding-left: 12px;
                padding-right: 12px
            }

                .l-dashboard__nav__menu ul li a:hover {
                    background-color: #1c63ce;
                    fill: #1c63ce
                }

                .l-dashboard__nav__menu ul li a.active {
                    background-color: #05367f;
                    fill: #05367f
                }

                .l-dashboard__nav__menu ul li a div {
                    display: flex;
                    width: 30px;
                    align-items: center;
                    justify-content: center
                }

                .l-dashboard__nav__menu ul li a span {
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    word-break: break-word;
                    text-overflow: ellipsis;
                    max-width: 168px
                }

    .l-dashboard__nav__menu .p-navMenu__child:nth-of-type(2) {
        margin-top: 150px
    }

@media screen and (max-width:990px) {
    .l-dashboard__nav__menu .p-navMenu__child:nth-of-type(2) {
        margin-top: 50px
    }
}

.l-dashboard__nav__menu .p-navMenu__child:nth-of-type(2) h2 {
    margin-bottom: 10px
}

.l-dashboard__nav__menu .btn-toggle {
    position: absolute;
    top: 33px;
    width: 30px;
    height: 24px;
    right: -15px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform .6s;
    opacity: 0
}

    .l-dashboard__nav__menu .btn-toggle:hover {
        transform: rotate(1turn)
    }

@media screen and (max-width:990px) {
    .l-dashboard__nav__menu .btn-toggle {
        display: none
    }
}

.l-dashboard__nav__menu:hover .btn-toggle {
    opacity: 1
}

.l-dashboard__content {
    width: 100%;
    height: 100vh;
    padding: 25px;
    overflow-y: auto;
    will-change: padding-left;
    transition: padding-left .3s cubic-bezier(.2,0,0,1) 0s
}

@media screen and (min-width:991px) {
    .l-dashboard__content {
        position: relative;
        width: calc(100% - 304px);
        left: 304px
    }
}

@media screen and (max-width:990px) {
    .l-dashboard__content {
        margin-top: 50px;
        height: calc(100vh - 50px)
    }
}

@media screen and (min-width:991px) {
    .l-dashboard.toggle--close .l-dashboard__content {
        width: calc(100% - 80px);
        left: 80px
    }
}

@media screen and (min-width:991px) {
    .l-dashboard.toggle--close .b-sidebar {
        width: 80px
    }
}

.l-dashboard.toggle--close .btn-toggle {
    opacity: 1;
    transform: rotate(180deg)
}

    .l-dashboard.toggle--close .btn-toggle:hover {
        transform: rotate(540deg)
    }

.tag:focus {
    box-shadow: none
}

.tag:hover {
    background-color: #1c3988;
    border-color: #1c3988
}

.bg-sidebar {
    background-color: #0747a6
}

.sidebar-container {
    display: flex;
    flex-wrap: nowrap;
    min-height: 100vh;
    position: relative
}

.dropzone {
    padding: 15px 10px 20px !important;
    border: 2px dashed rgba(0,0,0,.13) !important;
    background: transparent !important;
    text-align: center
}

    .dropzone:hover {
        background: #fafafa !important;
        transition: all .5s !important
    }

    .dropzone .dz-message .icon {
        margin-bottom: 15px;
        font-size: 16px
    }

    .dropzone .dz-message .message {
        font-size: 16px;
        font-weight: 200
    }

    .dropzone .dz-message .note {
        font-size: 16px;
        margin-top: 18px;
        font-weight: 300
    }

.exam-form label {
    font-size: 14px;
    font-weight: 700
}

.exam-form h2 {
    font-size: 15px;
    font-weight: 700
}

.exam-form h3 {
    font-size: 14px;
    font-weight: 700
}

.exam-form .custom-control-label {
    font-size: 14px;
    font-weight: 400
}

.exam-form button {
    font-size: 14px
}

.exam-form p {
    font-size: 13px
}

.exam-form .vue-treeselect__label {
    font-weight: 400
}

.exam-form .tree-select-container {
    min-height: 215px
}

    .exam-form .tree-select-container .vue-treeselect__control {
        border-radius: unset
    }

.exam-form .b-form-tags .b-form-tags-list .b-form-tag, .exam-form .b-form-tags .b-form-tags-list .b-from-tags-field {
    color: #000
}

.vue-tags-input {
    max-width: 100% !important
}

.ti-input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .ti-input, .ti-input:focus {
        color: #212529;
        background-color: #fff
    }

        .ti-input:focus {
            border-color: #86b7fe;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
        }

.section-exam-title {
    font-size: 16px
}

.question-number {
    font-size: 16px;
    font-weight: 700
}

.exam-question-container {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 15px
}

.z-max {
    z-index: 9999999 !important
}

.p-question {
    display: flex;
    gap: 20px
}

@media screen and (max-width:768px) {
    .p-question {
        flex-direction: column
    }
}

.p-question__left {
    width: calc(100% - 356px);
    position: relative
}

@media screen and (max-width:1200px) {
    .p-question__left {
        width: calc(100% - 300px)
    }
}

@media screen and (max-width:768px) {
    .p-question__left {
        width: 100%
    }
}

.p-question__right {
    width: 356px;
    margin-top: 40px
}

@media screen and (max-width:1200px) {
    .p-question__right {
        width: 300px
    }
}

@media screen and (max-width:768px) {
    .p-question__right {
        margin-top: 0;
        width: 100%
    }
}

.p-question__tagGroup {
    margin-top: .5rem;
    margin-bottom: .5rem
}

    .p-question__tagGroup .textTag {
        margin-left: 5px
    }

    .p-question__tagGroup .b-dropdown ul li:not(:first-child) button {
        padding: 10px 1.5rem
    }

    .p-question__tagGroup .p-question__btnAdd {
        margin-top: 10px;
        margin-left: 1.5rem;
        padding: 5px 30px;
        font-size: 12px;
        font-weight: 700;
        font-family: Open Sans
    }

.p-question__box {
    transition: all .2s;
    border-radius: .5rem;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    font-family: Open Sans
}

    .p-question__box:hover {
        box-shadow: 0 4px 20px rgba(71,100,195,.2)
    }

.p-question__box__heading {
    padding: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd
}

    .p-question__box__heading strong {
        color: #051e40;
        font-family: Open Sans;
        font-weight: 700;
        font-size: 18px
    }

    .p-question__box__heading.box--uploadImage {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

.p-question__box__body__item {
    padding: 15px
}

    .p-question__box__body__item:not(:last-child) {
        border-bottom: 1px solid #ddd
    }

    .p-question__box__body__item b {
        font-weight: 600
    }

    .p-question__box__body__item.box--level {
        display: flex;
        flex-direction: column
    }

        .p-question__box__body__item.box--level label input {
            margin-right: 10px
        }

.p-question__box__body ul {
    margin: 0 !important
}

.btnQuestion {
    border: 1px solid #051e40;
    background: #fff;
    color: #051e40;
    width: 187px;
    height: 27px;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 700;
    border-radius: 5px;
    filter: drop-shadow(0 4px 4px rgba(0,0,0,.25))
}

    .btnQuestion:focus {
        box-shadow: none
    }

@media screen and (max-width:768px) {
    .btnQuestion {
        filter: none
    }
}

.heading-page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #ddd
}

    .heading-page .heading-title {
        font-size: 1.25rem;
        font-weight: 700;
        margin-right: 1rem;
        margin-bottom: 0
    }

.filter-bar .form-control {
    min-height: 36px;
    padding: .25rem .75rem;
    border-radius: 4px
}

.filter-bar .vue-treeselect__control {
    border-radius: 4px
}

.logo-header {
    height: 40px
}

.logo-footer, .logo-header {
    animation: appear 1s;
    margin: 0 20px 0 0;
    max-width: 100%
}

.logo-footer {
    height: 45px
}

@keyframes appear {
    0% {
        opacity: 0
    }
}

.wrapper_E9QiY {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    z-index: 2000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0,0%,100%,.4);
    position: fixed;
    height: 100%
}

    .wrapper_E9QiY .spinner_Z9iQP {
        margin: 0 auto
    }

.no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 30px
}

.no-data img {
    max-height: 180px;
    margin-bottom: 2rem
}