.main {
    display: none;
}

p {
    margin: 0;
    padding: 0;
}

body.swal2-shown > [aria-hidden="true"] {
    transition: 0.1s filter;
    filter: blur(10px);
}

.swal2-styled.swal2-confirm:focus,
.swal2-styled.swal2-default-outline:focus {
    box-shadow: none !important;
}

hr {
    margin: 7px 0 !important;
}

table th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

table th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

button {
    min-height: 36.65px !important;
}

a:hover {
    text-decoration: none;
}

.bg-yellow {
    background-color: #fbb05e;
    padding: 5px 10px;
    border-radius: 5px;
}

.bg-green {
    background-color: #0aa699;
    padding: 5px 10px;
    border-radius: 5px;
}

.bg-green-dark {
    background-color: #1bbc9b;
    padding: 5px 10px;
    border-radius: 5px;
}

.bg-red {
    background-color: #f35958;
    padding: 5px 10px;
    border-radius: 5px;
}

.bg-red-dark {
    background-color: #e74c3c;
    padding: 5px 10px;
    border-radius: 5px;
}

.event {
    cursor: pointer;
}

.alert {
    margin-bottom: 0;
}

.white-filter {
    filter: brightness(0) invert(1);
}

.spinner-border {
    position: relative;
    height: 20px;
    width: 20px;
    top: 4px;
}

.col-form-label {
    font-size: 14px !important;
}

.top-3 {
    top: 3px !important;
}

.flex-end-gap-10 {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.flex-basis-50 {
    flex-basis: 50%;
}

.grid-2fr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.grid-5fr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.grid-1fr-20-gap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.grid-2fr-20-gap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.grid-3fr-20-gap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.grid-4fr-20-gap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.grid-5fr-20-gap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.grid-5fr-5-gap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 5px;
}

.bg-yellow-06 {
    background-color: rgba(255, 204, 2, 0.8);
}

.bg-red-06 {
    background-color: rgba(230, 55, 87, 0.8);
}

.bg-purple-06 {
    background-color: rgba(171, 47, 175, 0.8);
}

.scrollbar {
    height: auto;
    overflow-y: scroll;
    box-shadow: 0px 20px 20px -25px #b9b9b9;
}

.pointer-events-opacity-05 {
    pointer-events: none;
    opacity: 0.5;
}

.badge {
    padding-top: 6px;
}

.badge svg {
    width: 20px;
    height: 20px;
}

.list-link .badge svg {
    height: inherit;
}

.bg-holder {
    background-size: unset !important;
}

.file-label {
    margin-bottom: 0;
    cursor: pointer;
}

span[class^="bi-"] {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.bg-cover {
    background-size: cover !important;
}

.send-message-area-unset-radius {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.send-message-area-btn-radius {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border: unset !important;
    opacity: 0.8;
}

.like-red {
    color: #fc7387 !important;
}

.like-red-filter {
    filter: invert(20%) sepia(55%) saturate(2057%) hue-rotate(320deg)
        brightness(91%) contrast(99%);
}

.accordion-button:focus {
    box-shadow: none !important;
    border-color: unset !important;
}

.accordion-lesson-branch {
    display: none;
}

.accordion {
    border-bottom: 0;
}

.margin-l-r-unset {
    margin-left: unset !important;
    margin-right: unset !important;
}

.table-responsive tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.table-responsive tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.choices[data-type*="select-one"] .choices__inner {
    padding-bottom: 7.5px !important;
}

.choices .choices__inner {
    min-height: auto;
    line-height: 12.8px !important;
    font-size: 0.875rem !important;
    color: #344050 !important;
}

.choices {
    margin-bottom: unset;
}

.accordion-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
}

.font-awesome-badge-icon {
    position: relative;
    margin-right: 4px;
}

.list tr td:first-child {
    width: 30%;
}

.advance-table-custom tr td {
    border: none;
}

.advance-table-custom tr th {
    border: none;
}

.answer-area {
    background: #f9fafd;
    padding: 15px;
    border-radius: 0.375rem;
}

.answer-area-more-dark {
    background: #f0f2f7;
    padding: 15px;
    border-radius: 0.375rem;
}

.list tr td:last-child {
    width: 250px;
}

.flex-wrap-15 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.h-fit-content {
    height: fit-content;
}

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

.border-color-t {
    border-color: transparent;
}

#animated-gradient {
    background: linear-gradient(-45deg, #fde6d8, #e8af92);
    background-size: 400% 400%;
    animation: gradient 4s ease infinite;
}

.theme-border-radius {
    border-radius: 0.375rem;
}

.breadcrumb::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.breadcrumb {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.breadcrumb {
    display: none;
    border: 2px solid #f5f5f5;
    padding: 10px;
    box-shadow: 2px 2px 10px 2px #f5f5f5;
    /*display: inline-block;*/
    overflow: auto;
    overflow-y: hidden;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
}

.breadcrumb-item {
    display: inline-block;
    vertical-align: top;
}

.category-scroll {
    display: inline-block;
    overflow: auto;
    overflow-y: hidden;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
}

.category-scroll a {
    display: inline-block;
    vertical-align: top;
}

.category-scroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.category-scroll {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.profile-border-left{
    border-left: 1px solid #d8e2ef;
    padding-left: 1em;
}

.dynamic-m-height {
    min-height: 800px;
}

.show-weekly-view {
    display: none;
}
.card {
    box-shadow: none;
}
.nav-tabs {
    border: 1px solid var(--falcon-border-color);
    border-bottom: 2px solid var(--falcon-border-color);
}
.min-padding {
    padding: 1.25rem;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

#animated-gradient-information {
    background: linear-gradient(-45deg, #e3e6ea, #d0d3d7);
    background-size: 400% 400%;
    animation: gradient-information 4s ease infinite;
}

@keyframes gradient-information {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/*------------------------------------------------------*/
/* @media  */
@media (max-width: 991px) {
    .accordion-grid {
        grid-template-columns: 1fr 1fr;
    }

    .watch-record-lesson-area {
        display: block;
    }

    .watch-record-lesson-area .card:nth-child(2) {
        margin-top: 15px;
    }

    .card-action-solving-area {
        display: block !important;
    }

    .dynamic-m-height {
        min-height: auto;
    }

    .dynamic-m-height iframe {
        height: 400px !important;
    }
}

@media (max-width: 575px) {
    .accordion-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .show-weekly-view {
        display: block;
    }
    .grid-2fr {
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .grid-5fr-5-gap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .min-padding {
        padding: 0 !important;
    }
    .navbar-top {
        position: inherit;
        margin: 0;
    }
    .container-fluid {
        padding: 0 !important;
    }
    .navbar-vertical {
        margin: 0 !important;
    }
}

.fast-access{
    background:transparent;
    margin-bottom:25px;
}

.fast-access a{
    display: block;
}

.fast-access .column{
    padding:15px;
    height:100px;
    justify-content: center;
    gap:25px;
    border: 1px solid var(--falcon-input-border-color);
    background:transparent;
    transition: all .5s ease-out;
    border-radius:5px;
}

.fast-access .column svg{
    font-size:40px;
}

.fast-access .column:hover{
    background:#f7f7f7;
    transition: all .5s ease-out;
}

.fast-access .column .nav-link-text{
    font-size:20px;
    font-weight:400;
    color:#000;
    line-height:20px;
}

.fast-columns{
    margin-top:15px;
}

@media only screen and (max-width: 600px) {
    .fast-columns{
        padding:0 20px;
    }

    .fast-columns-title{
        margin-left:20px;
        margin-top:10px;
        display:block;
    }

    .fast-access .column .nav-link-text{
        font-size:16px;
    }

    .fast-access .column svg{
        font-size:20px;
    }

    .fast-access .column{
        padding:0 10px;
        height:70px;
    }

}

.i-color-1{
    color:#B0578D;
}

.i-color-2{
    color:#b05757;
}

.i-color-3{
    color:#a4b057;
}

.i-color-4{
    color:#5db057;
}

.i-color-5{
    color:#57b09e;
}

.i-color-6{
    color:#6a57b0;
}

.i-color-7{
    color:#b05796;
}

.i-color-8{
    color:#7457b0;
}

.i-color-9{
    color:#b0a457;
}

.i-color-10{
    color:#b06157;
}

.i-color-11{
    color:#5764b0;
}

.i-color-12{
    color:#66b057;
}

.i-color-13{
    color:#57adb0;
}

.navigation-bg{
    background:#edf3ff;
    padding:10px 20px;
    border-radius:2px;
    color:#495057;
    border:1px solid #e9ebec;
    font-weight:bold;
}

.navigation-bg strong{
    color:#495057;
}

.dark .navigation-bg{
    background:#232e3c;
    border:1px solid #000;
}

.dark .navigation-bg strong{
    color:#9da9bb;
}

.dark .fast-access .column .nav-link-text{
    color:#9da9bb;
}

.dark .fast-access:hover .column{
    background:#232e3c;
}

.dark .navbar{
    background:#121e2d;
}

.bg-line-chart-gradient{
    background:#f9fafd;
    border:1px solid #e9ebec;
}

.bg-line-chart-gradient p{
    color:#495057;
}

.dark .bg-line-chart-gradient{
    background:#232e3c;
    border:1px solid #121e2d;
}

.dark .bg-line-chart-gradient p{
    color:#9da9bb;
}

.sort-btn{
    padding:3px 10px;
    float:right;
}

.sort-save-btn{
    padding:3px 10px;
    float:right;
}

.sortable-active {
    border:1px solid darksalmon !important;
    cursor:move;
}

.dark .vip-calendar-content h6 a{
    color:#9da9bb !important;
}

.dark .calendar .calendar-day{
    border: .125rem solid #9da9bb !important;
}

.dark .vip-calendar-header .center p{
    color:#9da9bb;
}

.dark .vip-calendar-header .left img, .dark .vip-calendar-header .right img{
    filter: brightness(0) invert(1);
}

@media only screen and (max-width: 600px) {
    .navigation-bg strong{
        margin:0;
    }

    .fast-access .column{
        gap:10px;
    }

    .fast-access .column .nav-link-text{
        font-size:14px;
    }

    .fast-access{
        margin-bottom:10px;
        padding:0 5px;
    }

    .fast-access .column{
        justify-content:left;
        padding:0 20px;
    }

    .navbar-vertical.navbar-card .navbar-collapse{
        margin-top:25px;
    }

}