@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wght@400;700;900&display=swap');
@font-face {
    font-family: 'KhmerMuol';
    src: url('fonts/KhmerMoul.woff2') format('woff2'),
         url('fonts/KhmerMoul.woff') format('woff'),
         url('fonts/KhmerMoul.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
    --ocm-main-font:'Khmer OS Muol Light', 'Khmer OS Muol Light Regular', 'Khmer Muol', 'KhmerMuol', serif;
    --ocm-primary-font: 'Noto Sans Khmer';
    --ocm-secondary-font: 'Noto Sans Khmer';
    --ocm-hdl-t:20px;
    --ocm-hdl-w: 400;
    --ocm-body-space: -0.05em;
}
#admin-form-area{
    padding: 0px 15px 15px;
}
.admin-form-container, .admin-page-content{
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #e0e9ef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    --bs-border-color: #8c8f94;
}
.admin-form-container h2, .admin-page-content h2{
    font-size: 23px;
    margin-bottom: 10px;
}
.form-group{
    display: flex;
    flex-direction: column;
    gap: 3px;    
    margin-bottom: 8px;
}
.form-group label{
    font-size: 16px;
    font-weight: 600;
}
.form-group input[type="text"], .form-group input[type="password"], textarea{
    padding: 5px;
    outline: none;
    box-shadow: none;
    min-height: 40px;
    border: 1px solid #8c8f94;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.7;
    font-family: var(--ocm-primary-font);
}
hr{
    margin: 15px 0px;
    border: 0;
    border-top: 1px solid #ccc;
}
.data-list{
    list-style: none;
    padding: 0px;
    margin: 20px 0px 0px 0px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.data-list li{
    display: flex;
    gap: 10px;
    position: relative;
    padding-right: 70px;
}
.data-list li .actions{
    position: absolute;
    right: 0px;
    top: 0px;
}
.save-btn, .add-new-btn, .cancel-btn, .action-btn, .edit-item-btn{
    border-radius: 10px;
    cursor: pointer;
    height: 50px;
    padding: 0px 40px;
    display: inline-flex;
    align-items: center;
    border: none;
    font-family: var(--ocm-primary-font);
    background: #18b962;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.03em;
}
.add-new-btn{
    padding: 0px 25px;
}
.mb_mcard_actions{
    padding: 0px 4px 7px 4px;
}
.action-btn, .edit-item-btn{
    height: 30px;
    padding: 0px 8px;
    margin: 0px 2px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
    background: #0879fb;
}
.mb_mcard_actions .action-btn{
    height: 25px;
}
.cancel-btn, .delete-schedule-btn{
    background: #f55858;
}
#admin-menu-overlay{
    background: #000000bd;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}
#admin-menu-content{
    width: 300px;
    background: #fff;
    height: 100%;
    justify-content: space-between;
}
#admin-menu-overlay {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s 0.2s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
#admin-menu-overlay.is-visible {    
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.nav-head{
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
    background: #0128b8;
    color: #fff;
}
.nav-head-logo{
    display: flex;
    gap: 5px;
    align-items: center;
    font-family: var(--ocm-main-font);
    font-size: 16px;
}
.nav-head-logo img{
    width: 25px;
}
#close-nav-btn svg{
    width: 20px;
    height: 20px;
}
.nav-li{
    padding: 25px 15px 15px 15px;
    gap: 27px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #0128b8;
}
.nav-li > *{
    align-items: center;
    gap: 10px;
}
#logout-btn{
    color: #ff4c51;
    text-decoration: none;
}
.nav-liico{
    display: flex;
    width: 20px;
}
.nav_foot{
    font-size: 13px;
    padding: 15px 0px 15px 15px;
    border-top: 1px solid #eee;
}
.fl_col{
    display: flex;
    flex-direction: column;
}
.fl_row{
    display: flex;    
}
.fl_betw{
    justify-content: space-between;
}
#mobile-user-control-close{
    position: fixed;
    top: 20px;
    left: 15px;
    width: 20px;
    opacity: .8;
}
#login-message{
    font-size: 14px;
    color: #fff !important;
}
#login-container-wrapper{
    position: fixed;
    background: #0128b8;
    height: 100vh;
    top: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;    
    color: #fff;
}
.remember-me-wrapper{
    width: 100%;
    font-size: 14px;
}
#ocm-rememberme{
    border: 0 solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 15px;
    margin: 0px 7px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 15px;
    min-width: 15px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-transition: border-color .05s ease-in-out;
    transition: border-color .05s ease-in-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
input[type=checkbox]:checked::before,input[type=radio]:checked::before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input[type=checkbox]:checked::before {
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E")/'';
    margin: -.1875rem 0 0 -.25rem;
    height: 1.3125rem;
    width: 1.3125rem
}
.usrform{
    align-items: center;
    width: 310px;
    gap: 15px;
}
.usrform img{
    width: 130px;
}
.usrform .usr_input{
    font-size: 14px;
    width: 100%;
    padding: 0 10px;
    height: 37px;
    line-height: 37px;
    margin: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .1) !important;
    border: 1px solid rgba(255, 255, 255, .1);
    color: #fff;
    font-family: var(--ocm-primary-font);
}
.usrform .usr_input::-webkit-input-placeholder {
    color: #fff!important
}
.usrform .usr_input:focus {
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.8)!important;
    box-shadow: 0 0 0 rgba(255,255,255,.2)!important;
    outline: 0
}
#ocm-login-submit{
    width: 100%;
    height: 45px !important;
    line-height: 45px !important;
    padding: 0 !important;
    border: 0;
    background: #f7c625;
    color: #000;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .8) !important;
    box-shadow: 0 0 0 rgba(255, 255, 255, .2) !important;
    outline: 0;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--ocm-primary-font);
}
.usrform h2{
    font-size: 16px;
    letter-spacing: -0.05em;
    margin-top: -17px;
}
.mb_nav_footer{    
    text-align: center;
    position: fixed;
    font-size: 14px;
    bottom: 10px;
    left: 0px;
    right: 0px;
    opacity: .77;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;    
}
body {
    background-color: #0128b8;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--ocm-primary-font);
    color: #000;
    line-height: 1.45;    
    letter-spacing: -0.02em;
}
  .cur_meeting, .cur_meeting:hover{
    background-color: #e9ffed !important;
    border-bottom: 1px solid #94c994;
  }
.jl-pgal-null .swiper-wrapper{
    flex-direction: column;
}
.ocmnul .cur_meetings{
    background: #fff !important;
}
.ocm_emevt{
    font-size: 2vw;
    font-weight: 700;
}
.sch_date{
    position: relative;
}
.she_aml{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
}
#datetime{
    font-size: 1.5vw;
    font-weight: 400;
    text-align: right;
}
#datetime span{
    font-size: 2.1vw;
    font-weight: 700;
}
.swiper-slide-inner{
    background-color: #fff;
}
.swiper-slide-inner tbody tr > *{
    opacity: 0;
}
.splide__slide.is-active tbody tr > *{
    opacity: 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-name: jlmdown;
    animation-name: jlmdown;   
}
.splide__slide.is-active tbody tr:nth-child(2) > *{
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-animation-delay: .25s;
    animation-delay: .4s;
}
.splide__slide.is-active tbody tr:nth-child(3) > *{
    -webkit-animation-duration: .40s;
    animation-duration: .40s;
    -webkit-animation-delay: .30s;
    animation-delay: .60s;
}
.splide__slide.is-active tbody tr:nth-child(4) > *{
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-delay: .35s;
    animation-delay: .8s;
}
.splide__slide.is-active tbody tr:nth-child(5) > *{
    -webkit-animation-duration: .40s;
    animation-duration: .40s;
    -webkit-animation-delay: .40s;
    animation-delay: 1.2s;
}
.splide__slide.is-active tbody tr:nth-child(6) > *{
    -webkit-animation-duration: .50s;
    animation-duration: .50s;
    -webkit-animation-delay: .50s;
    animation-delay: 1.4s;
}
.splide__slide.is-active tbody tr:nth-child(7) > *{
    -webkit-animation-duration: .55s;
    animation-duration: .55s;
    -webkit-animation-delay: .55s;
    animation-delay: .55s;
}
.splide__slide.is-active tbody tr:nth-child(8) > *{
    -webkit-animation-duration: .60s;
    animation-duration: .60s;
    -webkit-animation-delay: .60s;
    animation-delay: .60s;
}
@-webkit-keyframes jlmdown {
    from {
        opacity: 0;
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes jlmdown {
    from {
        opacity: 0;
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
.table__body tbody tr{
    --srow: calc(100vh - 15.4vw);
    height: calc(var(--srow) / 6);
    overflow: hidden;
}
main.table {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    font-weight: 400;
    font-size: 17px;
    background-color: #0128b8;    
}
.table__header {
    width: 100%;
    margin: 0 auto;
    height: 6.5vw;
    color: #fff;
    padding: 0px 1.5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.table__header h1{
    display: flex;
    align-items: center;
    gap: 1vw;
    white-space: nowrap;
    font-size: 2.1vw;
    font-weight: 400;
    line-height: 1.72;
    margin-top: 9px;
    font-family: var(--ocm-main-font);
}
.table__header h1 img{
    width: 4.8vw;
    height: auto;
}
.table__header .input-group {
    width: 35%;
    height: 100%;
    background-color: #fff5;
    padding: 0 .8rem;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
}

.table__header .input-group:hover {
    width: 45%;
    background-color: #fff8;
    box-shadow: 0 .1rem .4rem #0002;
}

.table__header .input-group img {
    width: 1.2rem;
    height: 1.2rem;
}

.table__header .input-group input {
    width: 100%;
    padding: 0 .5rem 0 .3rem;
    background-color: transparent;
    border: none;
    outline: none;
}

.table__body {
    width: calc(100% - 3vw);
    height: calc(100vh - 8.2vw);
    background-color: #fff;
    margin: 0.3vw 1.3vw 1.3vw 1.3vw;
    overflow: hidden;
    border: 1px solid #000 !important;
    border-right: 0px;
    position: relative;
    border-radius: 13px;
    border-radius: 1vw;
}
.table__body:after{
    content: '';
    position: absolute;
    width: 1px;
    background: #000;
    height: 100%;
    right: 0px;
    top: 0px;
}
thead{
    position: relative;
    z-index: 999;
}
.table__body .col_head_tr th{
    background: #ffc94a !important;
    color: #000000 !important;
}
.ocm_sheddw{
    display: flex;
    gap: 2px;
    width: 100%;
    font-weight: 700;
    justify-content: flex-start;
    flex-direction: column;
}
.ocmll{font-weight: 400;}
.ocm_shdiv{
    font-size: 2vw;
}
.ocm_shedi{
    display: flex;
}
.ocm_shedd{
    font-size: 20px;
    font-size: 1.5vw;
    font-weight: 700;
}
.ocm_shed{
    font-size: 16px;
    font-size: 1.2vw;
}
.ocm_sch_n{
    font-size: 1vw;
    font-weight: 400;
    display: block;
    color: #000;
}
.table__body .col1{
    width: 14.5vw;
    padding-right: 0px !important;
}
.table__body .col3{
    width: 250px;
    width: 24vw;
    padding-right: 0px;
}
.table__body .col4{
    width: 70px;
    width: 24vw;
    padding-right: 0px;
}
.table__body .col5{
    width: 120px;
    text-align: center;
    padding: 10px;
}

.table__body::-webkit-scrollbar{
    width: 0.5rem;
    height: 0.5rem;
}

.table__body::-webkit-scrollbar-thumb{
    border-radius: 0px;
    background-color: #0004;
    visibility: hidden;
}

.table__body:hover::-webkit-scrollbar-thumb{ 
    visibility: visible;
}

table {
    width: 100%;
}

td img {
    width: 36px;
    height: 36px;
    margin-right: .5rem;
    border-radius: 0px;
    vertical-align: middle;
}

table, th, td {
    border-collapse: collapse;
    padding: .1vw .5vw;
    text-align: left;
}

thead th {
    position: sticky;
    top: 0;
    left: 0;
    color: #000 !important;
    border-bottom: 0.11vw solid #000;
    text-transform: capitalize;
    font-size: 19px;
    font-size: 1.4vw;
    font-weight: 400;
    line-height: 1.72;
    font-family: var(--ocm-main-font);
    height: 2.4vw !important;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #ffc94a;
}
thead.ocmnxt th{
    border-top: 0.11vw solid #000;
}
thead th span{
    position: absolute;
    -webkit-transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    -ms-transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    left: .5vw;
    font-size: 1.18vw;
}
thead tr th, tbody tr td{
    border-right: 0.11vw solid #000 !important;
    position: relative;
}
tbody tr td{
    overflow: hidden;
    border-bottom: 0.11vw solid #000 !important;
}
.swiper-slide-inner tbody tr:last-child td{
    border-bottom: 0px !important;
}
.sgsche .table__body{
    margin: 1.3vw 1.3vw 1.3vw 1.3vw;
    height: calc(100vh - 9.8vw);
}
.sgsche .table__header{
    height: 7.2vw;
}
.sgsche .table__header h1{
    font-size: 1.9vw;
}
#datetime span{
    font-size: 2.4vw;    
}
.sgsche #datetime{
    font-size: 1.7vw;
}
.sgsche .table__header h1 img{
    width: 5.2vw;
}
.sgsche thead th{
    height: 2.5vw !important;
}
.sgsche .table__body tbody tr{
    --srow: calc(100vh - 12.3vw);
}
.sgsche tbody tr:nth-child(even), .mlsche tbody tr:nth-child(even) {
    background-color: #f0f5ff;
}
.jlslu .swiper-slide-inner tbody tr:last-child td{
    border-bottom: 0.11vw solid #000 !important;
}
thead tr th:last-child, tbody tr td:last-child{
    border-right: 0px !important;
}
tbody tr td:nth-child(3){
    font-size: 17px;
    font-weight: 700;
}
tbody tr td:nth-child(4){
    font-size: 17px;
}
tbody tr {
    background-color: #fff;
}
tbody tr:nth-child(even) {
    background-color: #fff;
}
tbody tr {
    --delay: .1s;
    transition: .5s ease-in-out var(--delay), background-color 0s;
}
tbody{
    position: relative;
}
tbody tr.hide {
    opacity: 0;
    transform: translateX(100%);
}

tbody tr td,
tbody tr td p,
tbody tr td img {
    transition: .2s ease-in-out;
}

tbody tr.hide td,
tbody tr.hide td p {
    padding: 0;
    font: 0 / 0 sans-serif;
    transition: .2s ease-in-out .5s;
}

tbody tr.hide td img {
    width: 0;
    height: 0;
    transition: .2s ease-in-out .5s;
}
.table__body .topic_meeting{
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    -ms-transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    left: .5vw;
    right: .5vw;
    font-size: 1.03vw;
    line-height: 1.9vw;
    font-family: var(--ocm-main-font);
    font-weight: 400;
    color: #0128b8;
    display: flex !important;
    flex-direction: column;
    gap: 1px;
}
.table__body .col2 .topic_meeting{
    display: block !important;
    margin-top: 2px;
}
.topic_meeting .topic_in{
    font-family: var(--ocm-primary-font);
    font-weight: 400;
    color: #000;
    font-size: 1.1vw;
    line-height: 1;
    margin-top: -3px;
}
.time_lbl{
    text-decoration: underline;
}

.table__body_w{
    padding: 10px;
    display: none;
}
.table__body.table__mobile thead{
    position: sticky;
    top: 0px;
    z-index: 9;
    border-right: 1px solid #000;
}
.table__body.table__mobile thead{
    background-color: #000;
}
.table__body.table__mobile thead .col_full_head{
    border-bottom: 0px !important;
}
.table__body.table__mobile{
    display: none;
    height: unset;
    border-radius: 0px;
    width: 100%;
    border: 1px solid #000 !important;
    border-right: 0px !important;
    margin: 0px;
}
.table__body.table__mobile table{
    border-right: 0px;
}
.table__body.table__mobile thead th{
    height: 40px !important;
}
.table__body.table__mobile tbody tr{
    height: auto;
}
.table__body.table__mobile thead th{
    font-size: 17px;
}
.table__body.table__mobile .topic_meeting{
    position: unset !important;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
}
.table__body.table__mobile tr td span{
    width: 100%;
    display: block;
    -webkit-line-clamp: 30;
}
.table__body.table__mobile tr td span label{
    text-decoration: underline;
    font-weight: 700 !important;
}
.table__body.table__mobile tr td .meeting_m_lead, .table__body.table__mobile tr td .meeting_m_place, .meeting_m_status span:first-child{
    font-size: 16px;
    color: #0b415c;
}
.table__body.table__mobile tr td .meeting_m_lead{
    font-weight: 700;
}
.table__body.table__mobile tr td .meeting_m_lead label{
    font-weight: 400;
}
.table__body.table .topic_meeting{
    display: block;
    -webkit-line-clamp: 50;
}
.meeting_m_status{
    display: flex !important;
    width: 100% !important;
    align-items: center;
    font-size: 16px;
    gap: 10px;
}
.meeting_m_status span{
    width: unset !important;
    line-height: 1.2;
    font-size: 13px;
    font-weight: 700;
}
.meeting_m_status .status{
    padding: 3px 15px;
    font-size: 13px;
}
.table__body.table__mobile .status{
    padding: 2px 7px !important;
    font-size: 12px;
    display: inline-flex;
    justify-content: center;
    width: unset;
}
.table__body.table__mobile tbody tr td:nth-child(4){
    text-align: center;
}
.table__body tbody tr td:nth-child(1), .table__body tbody tr td:nth-child(3), .table__body tbody tr td:nth-child(4){
    font-weight: 700;
}
.table__body.table__mobile tbody tr td:nth-child(1), .table__body.table__mobile tbody tr td:nth-child(3){
    font-size: 13px;
    text-align: center;    
}
.table__body.table__mobile .col4{
    width: 50px;
}
.table__body.table__mobile thead th:nth-child(4){
    width: 75px;
}
.table__body.table__mobile thead .col_full_head th{
    border-bottom: 0px !important;
}
.table__body.table__mobile thead .col_head_tr th:first-child span, .table__body.table__mobile thead th:nth-child(3) span, .table__body.table__mobile thead th:nth-child(4) span{
    left: 0px;
    width: 100%;
    text-align: center;
}
.table__body.table__mobile tr td .meeting_m_lead{
    font-size: 14px;
}
.table__body.table__mobile .col1{
    width: 90px;
}

.mb_sec_head{
    display: none !important;
    background-color: #0128b8; 
    padding: 8px 15px;    
    margin-bottom: 15px;
    color: #fff;
    position: sticky;
    top: 0px;
    z-index: 2;
}
.mb_sec_nav_top{
    height: 45px;
    align-items: center;
}
.mb_nav_tg, .mb_nav_date{
    width: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
#schedule-datepicker{
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    width: 100%;
    cursor: pointer;
}
.mb_nav_title{
    font-family: var(--ocm-main-font);
    font-size: 18px;
    line-height: 1.6;
    color: currentColor;
}
.mb_nav_sech input{
    width: 100%;
    border: 0px;
    outline: none;
    background: rgba(255, 255, 255, .2);
    font-size: 15px;
    color: rgba(255,255,255, .9);
    height: 35px;
    border-radius: 5px;
    padding: 2px 10px;
    cursor: pointer;
    text-align: center;
    font-family: var(--ocm-primary-font);
}
.mb_nav_sech input::placeholder{
    color: rgba(255,255,255, .5);
}
.mb_sec_card{
    padding: 0px 15px 15px 15px;
    display: none; 
}
.mb_sec_card_in{
    display: none; 
}
.mb_mcard_w{
    width: 100%;
    display: grid;
    grid-column-gap: var(--jlcols-gap, 15px);
    grid-row-gap: var(--jlrow-gap, 15px);
    grid-template-columns: repeat(var(--grid-col-num, 1), minmax(0, 1fr));
}
.mb_mcard{
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #e0e9ef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}
.mb_mcard_h{
    font-family: var(--ocm-main-font);
    padding: var(--ocm-card-padd, 8px);
    background-color: #ffbd22;
    color: #000;
    font-size: 12px;
}
.mbt_2 .mb_mcard_h{
    background: #2e5bff;
    color: #fff;
}
.mb_mcard_c{    
    padding: var(--ocm-card-padd, 8px);
}
.mb_card_user_info{
    display: flex;
    gap: 5px;
    font-size: 15px;
}
.user-label{
    width: 14px;
    display: inline-flex;
}
.mb_sec_card .topic_meetingw{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.mb_sec_card .topic_meeting{
    font-family: var(--ocm-main-font);
    font-size: 14px;
    line-height: 1.98;
    color: #0128b8;
}

.mb_sec_card .topic_meetingw .topic_in{
    font-size: 15px !important;
    line-height: 1.4;        
}
.mb_ac_add{
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
    background: #0128b8;
    color: #fff;    
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    visibility: hidden;
}
.mb_ac_add svg{
    width: 1.1em;
    height: 1.1em;
}

@media (min-aspect-ratio: 20/9) {
    .sgsche .table__header{
        height: 6vw;
    }
    .sgsche .table__header h1 img{
        width: 4.3vw;
    }
    .sgsche .table__header h1{
        font-size: 1.5vw;
    }
    .sgsche #datetime{
        font-size: 1.4vw;
    }
    #datetime span{
        font-size: 1.8vw;
    }
    .sgsche thead th{
        height: 2.2vw !important;
    }    
    thead th span{
        font-size: 1.05vw;
    }
    .sgsche .table__body{
        width: calc(100% - 2vw);
        margin: .5vw 1vw 1vw 1vw;
        height: calc(100vh - 7.4vw);
    }
    .sgsche .table__body tbody tr {
        --srow: calc(100vh - 9.7vw);
    }
    .ocm_shed{
        font-size: 1.1vw;
    }
    .table__body .topic_meeting{
        font-size: 0.89vw;
        line-height: 1.55vw;
    }
    .ocm_sch_n{
        font-size: 0.94vw;
        line-height: 1.6vw;
    }
    .topic_meeting .topic_in{
        font-size: 1vw;
    }
}
@media only screen and (max-width: 1366px) {
    .sgsche thead th{
        height: 3.5vw !important;
    }
    thead th span{
        font-size: 1.5vw;
    }
    .table__body .topic_meeting{
        font-size: 1.21vw;
        line-height: 1.97vw;
    }
    .topic_meeting .topic_in{
        font-size: 1.15vw;        
    }
    .ocm_sch_n{
        font-size: 1.21vw;
        line-height: 1.97vw;
    }
    .ocm_shed{
        font-size: 1.28vw;
    }
}
@media only screen and (max-width: 1024px) {
    .mb_ac_add{
        visibility: visible;
    }
    body, main.table{
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
        height: auto !important;
        background: #f3f6f9 !important;
        user-select: none;  
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }
    .table__header, .table__body{
        display: none !important;
    }
    .mb_sec_head{
        display: flex !important;
    }
    .mb_sec_card, .mb_sec_card_in{
        display: block;
    }
    .sgsche .table__header h1 img, .mlsche .table__header h1 img{
        width: 7vw !important;
    }
    .sgsche .table__header h1, .mlsche .table__header h1, #datetime span {
        font-size: 3.2vw !important;
        pointer-events: none;
    }
    .sgsche #datetime, .mlsche #datetime{
        font-size: 1.7vw !important;
    }
    .sgsche .table__header, .mlsche .table__header{
        height: 12vw !important;
    }
    .table__header{
        position: sticky;
        top: 0px;
        z-index: 99999;
        background: #0128b8;
    }    
    .table__body{
            display: none;
    }
    .she_aml{
        pointer-events: none;
    }         
    .ocm_shed{
        font-size: 14px !important;
    }    
}

@media only screen and (max-width: 768px) {
    html, body {
        touch-action: pan-x pan-y;
      }    

    .sgsche .table__header h1 img, .mlsche .table__header h1 img{
        width: 7vw !important;
    }
    .sgsche .table__header h1, .mlsche .table__header h1, #datetime span {
        font-size: 3.3vw !important;
        pointer-events: none;
    }
    .sgsche #datetime, .mlsche #datetime{
        font-size: 2vw !important;
    }
    .sgsche .table__header, .mlsche .table__header{
        height: 12vw !important;
    }
    .table__header{
        position: sticky;
        top: 0px;
        z-index: 99999;
        background: #0128b8;
    }    
    .table__body{
            display: none;
    }
    .she_aml{
        pointer-events: none;
    }
    body, main.table{
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
        height: auto !important;
    }        
    .ocm_shed{
        font-size: 11px !important;
    }
    .ocm_shed.ocmdd{
        font-size: 13px !important;
    }
    .shmb{
        display: inline;
        font-style: normal;
    }
}
@media only screen and (max-width: 420px) {
    .mb_mcard_h{
        font-size: 10px;
    }    
}
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)} .air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size: 14px; font-weight: 600; letter-spacing: -0.05em;}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)} .air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none} .air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%} .air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:20px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)} .air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .7);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99} .air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}
.air-datepicker {
    --adp-accent-color: #0879fb;
    --adp-second-color: #dbecff;
    --adp-head-color: #ffcc29;
    --adp-color: #000;
    --adp-btn-height: 40px;
    --adp-border-radius: 10px;
    --adp-background-color-selected-other-month-focused: var(--adp-accent-color);
    --adp-cell-background-color-selected: var(--adp-accent-color);
    --adp-cell-background-color-selected-hover: var(--adp-accent-color);
    --adp-background-color-selected-other-month: var(--adp-accent-color);
    --adp-day-name-color-hover: var(--adp-accent-color);
    --adp-font-family: var(--ocm-primary-font);
    --adp-font-size: 18px;
    --adp-width: 346px;
    --adp-z-index: 100;
    --adp-padding: 4px;          
    --adp-border-color-inline: var(--adp-head-color);
    --adp-background-color-hover: var(--adp-second-color);
    --adp-background-color-active: var(--adp-second-color);
    --adp-background-color-in-range: var(--adp-second-color);
    --adp-background-color-in-range-focused: var(--adp-second-color);
  }
  .air-datepicker-buttons{
    gap: 5px;
  }
  .air-datepicker-nav{
    border-bottom: 0px;        
    background: var(--adp-head-color);
    border-radius: var(--adp-border-radius) var(--adp-border-radius) 0px 0px;
    --adp-nav-arrow-color: #000;
    --adp-nav-color-secondary: #000;
    --adp-background-color-hover: rgba(255, 255, 255, .7);          
  }
  .air-datepicker--content{
    padding: 0px !important;
  }
  .air-datepicker-body--day-names{
    margin: -2px 0px 0px 0px !important;
    background: var(--adp-head-color);
    --adp-day-name-color: #000;
  }
  .air-datepicker--pointer:after{
    background: var(--adp-head-color);
  }
  .air-datepicker-nav--title{
    color: #000;
    pointer-events: none !important;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.05em;
  }
  .air-datepicker-time--row input[type=range]::-webkit-slider-thumb{
    transform: translateY(-1px);
    height: 17px;
    width: 17px;
    border-radius: 20px;
    border: 1px solid #0879fb;
    background: #0879fb;
  }
  .air-datepicker-body--cells{
    padding: 4px;
  }
  .air-datepicker--time{
    --adp-padding: 15px 4px;
  }
  .air-datepicker-buttons .air-datepicker-button{
    font-family: var(--ocm-primary-font);
    background: #f55858;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.05em;
  }
  .air-datepicker-buttons .air-datepicker-button + .air-datepicker-button{          
    background: #18b962;          
  }