.fc-event-enrollment {
    background-color: #b9b9b9;
    border-color: #9f9f9f;
}
.fc-event-holiday > .fc-daygrid-event-dot {
    border-color: #ed3535;
}

/* Responsive Table Start */
.responsive-table-main-container
{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #e7e7ec;
    margin: 10px 0;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    text-align:left;
    font-size:14px;
    background-color: #fff;
}
table.tbl
{
    text-align:left;
    width:100%;
    border-collapse:separate;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    border-spacing:0;
    padding:0px;
}
table.tbl tr th
{
    padding:6px 12px;
    border-left:1px solid #e7e7ec;
    background-color:#fff;
    color: #a1a5b7;
    font-family: Inter, Helvetica, "sans-serif";
    font-weight: 500;
}
table.tbl tr
{
    border-bottom:1px solid #e7e7ec;
}
table.tbl tr td
{
    border-top:1px solid #e7e7ec;
    border-left:1px solid #e7e7ec;
    padding:6px 12px;
    vertical-align:top;
    font-size:14px;
    vertical-align:middle;
}

table.tbl tr td:first-child,table.tbl tr th:first-child
{
    border-left:0;
}

table.tbl tr.child
{
    border-top:1px solid #e7e7ec;
    border-left:1px solid #e7e7ec;
    padding:5px;
    background-color:#F1F1F1;
}
table.tbl tr:hover
{
    background-color: #f9f9f9;
}

table.tbl tr:hover > td .show-on-mouse-over
{
    display:block !important;
}
.tbl-remove-border-left {
    border-left:0px !important;
}
table.tbl tr td .tbl-btn
{
    margin:5px;
}
.tbl-col-hide
{
    display:none !important;
}
.hide-column
{
    display:none !important;
}
table.tbl tr.active
{
    background-color:#EBF1E4;
}
table.tbl tr td:before {
    text-align: left !important;
}

@media (max-width: 768px)
{
    .responsive-table-main-container
    {
        border:0px !important;
        background-color: transparent;
    }
    table.tbl
    {
        border-left: 0px solid #e7e7ec !important;
        border-right: 0px solid #e7e7ec !important;
        border-bottom: 0px solid #e7e7ec !important;
    }
    table.tbl thead
    {
        display:none;
    }
    table.tbl tbody, table.tbl tbody tr, table.tbl tbody tr td
    {
        display:block;
    }
    table.tbl tr
    {
        margin:30px 0px 0px 0px;
        border:1px solid #e7e7ec !important;
        background-color:#FFF;
        border-top-width: 0px !important;
    }

    table.tbl tr:first-child {
        margin-top: 0px;
    }

    table.tbl tr td
    {
        border: none;
        border-top: 1px solid #e7e7ec;
        border-left: 0px solid #e7e7ec !important;
        position: relative;
        line-height: 24px !important;
        min-height: 35px;
        /*padding-top: 30px;*/
    }
    table.tbl tr td:before
    {
        position: relative;
        display: block;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: 600;
    }
    table.tbl tr td.tbl-remove-border-top-on-mobile-mode
    {
        border-top:0px;
    }
    table.tbl tr td.tbl-not-included-on-mobile-mode
    {
        display:none;
    }
    table.tbl tr td.tbl-no-padding-mobile-mode
    {
        padding-left:0px !important;
        padding:5px !important;
    }
    table.tbl tr td.tbl-text-center-mobile-mode
    {
        text-align:center !important;
    }
    table.tbl tr td.tbl-no-padding-mobile-mode > img
    {
        width:100% !important;
    }
    .tbl-full-width-on-mobile-mode
    {
        width:100% !important;
        max-width:100% !important;
        height: auto !important;
    }
    table.tbl tr td .show-on-mouse-over
    {
        display:block !important;
        margin:2px 0px 2px 0px !important;
    }
    .xs-text-left {
        text-align: left !important;
    }
    .xs-text-right {
        text-align: right !important;
    }
    .xs-text-center {
        text-align: center !important;
    }

    table.tbl tr td[data-title]:before{
        content:attr(data-title);
    }
}
.d-inline-block-hide-on-mobile {
    display: inline-block;
}
@media (max-width: 768px)
{
    .d-inline-block-hide-on-mobile {
        display: none;
    }
}

[data-bs-theme="dark"] table.tbl tr, [data-bs-theme="dark"] table.tbl tr th, [data-bs-theme="dark"] table.tbl tr td, [data-bs-theme="dark"] .responsive-table-main-container {
    background-color: #1e1e2d !important;
    border-color: #2b2b40;
}
/* Responsive Table End */



.p-relative {
    position: relative;
}
.inline-tools {
    position:absolute;
    top:0;
    right:0;
    padding-right: 10px;
}


.magic-input-file {

}

.magic-input-file.o--existing {

}

.magic-input-file.o--existing .magic-input-file-input,
.magic-input-file:not(.o--existing) .magic-input-file-exists {
    display:none;
}




/* unit photos */
.lesson-photos {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lesson-photos:after {
    content: "";
    width:calc(33% - 10px);
}

.lesson-photo {
    position:relative;
    width:calc(33% - 10px);
    margin-bottom: 13px;
}



.lesson-photo img {
    width:100%;
    border-radius:5px;
}

.lesson-photo-tool {
    position:absolute;
    top:10px;
    right: 10px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    display: block;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.lesson-photo-tool i {
    color:inherit;
}

#preloader.preloader-hidden {
    opacity:0;
}

#preloader {
    transition: all 300ms ease;
    height:3px;
    position:relative;
    transform: translateY(-15px);
}

#progressBar {
    background-color:#90d2f8;
    height:3px;
    transition:all 300ms ease;
}
#progressText {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    color: #fff;
    background: #90d2f8;
    border-radius: 5px;
    line-height: 1;
    padding: 5px;
}


.wysiwyg-container p:last-child {
    margin: 0px;
}

figure.image {
    text-align: center;
}
figure.image.image-style-side {
    text-align: right;
}

.reload-audio {
    cursor: pointer;
    font-weight: bold;
    color: red;
}

.tempus-dominus-widget {
    z-index: 50 !important;
}

.no-wrap {
    text-wrap: nowrap;
}


.text-right {
    text-align: right;
}

.auth-container {
    width: 608px;
    min-height: 465px;
    margin-left: calc(50% - 304px);
    border-radius: 5px;margin-top: 120px;
    margin-right: auto;
    background-color: #fff;
}

@media (max-width: 991px) {
    .auth-template > #kt_app_page {
        display: none;
    }
    .auth-container {
        margin-top: 0px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
}
