.mcontainer{ display:block; background-color:#fff; padding:25px 0;text-align:center; }
.wrp{ }
.mhead{ display:block; margin:10px 0 25px; padding:0 25px; }
.mlogo{ width: 65px;height: 65px;margin-bottom: 10px; border-radius: 50%; box-sizing: content-box;border: 5px solid var(--container-background-color, #ffffff);box-shadow: 0 1px 8px rgb(0 0 0 / 30%);}
.text-center{ text-align:center; }
.mhead h4{ margin: 0 0 3px;color:#888888;font-weight: bold;font-size:16px;line-height: 24px; padding:0; }
.mhead h1{ font-size: 26px; font-weight:bold; line-height: 32px; margin:0; padding:0; }
.mbox{ display:block; width:100%; border-bottom:1px solid #dddddd; }
.minfo{ max-width:340px; margin:10px auto 20px; text-align:left; padding:0 20px; color:#888888;}
.mt{ font-weight:bold; margin-bottom:10px; }
.mt span{ margin-right:8px; }
.mcal{ max-width:340px; margin:25px auto 0; padding:10px; }
.mcal h2{ font-size: 18px; font-weight: bold; margin-bottom: 15px; padding:0; }
.s3bw{ max-width:430px; text-align:left; }

.as_calendar{ border:none !important; }
.as_calendar th.header{ font-size:12px; font-weight:400; }
.as_calendar td,th{ padding:0 !important; text-align:center !important; border: none !important; }
.as_calendar td button{ width:40px; height:40px; background:none; border-radius:50%; cursor:pointer; border:none !important; }
.as_calendar td button:disabled{ cursor:default; }
.cl_hdr { padding-bottom:20px; font-size:16px; }
.cl_hdr .fa-angle-right{ margin-left:25px; }
.cl_hdr label{ float:left; margin-left:8px; }
.cl_hdr span{ float:right; margin-right:12px; }
.cl_hdr span button{ cursor:pointer; color:#0088ff; border:0; background:none; padding:0; }/*var(--primary-color, rgb(0, 107, 255)); }*/
.cl_hdr span button:disabled{ cursor:default; color:#bbbbbb; }
.mycbm_calsel{ position:relative; /*color: var(--primary-color, rgb(0, 107, 255));*/ }
.mycbm_calcd{ position: absolute;top: 50%;left: 50%;width: 4px;height: 4px;margin-top: 12px;background-color: currentColor;border-radius: 50%;transform: translate(-50%, -50%); }

.mycbm_calsel:not(.mycbm_calseldbl):hover, .mycbm_calsel:not(.mycbm_calseldbl):focus {
    background-color: var(--primary-color-level3, rgba(0, 107, 255, 0.15));
}
.mycbm_calseldbl{ color:var(--text-color-level2, rgba(26, 26, 26, 0.5)); }

.mycbm_calsel:hover + .mycbm_calcd {
    background-color: #ccc
}


.mhead h2{  font-size: 18px; font-weight: bold; margin-bottom: 10px; padding:0;  }
.mb10{ margin-bottom:10px !important; } .mb25{ margin-bottom:25px !important; }
.mcal .st5s{ font-size:22px; margin-bottom:10px; }
.ycbm_btr{ margin-bottom: 10px; font-size: 16px; }



.mycbm5b { margin: 0;padding: 0;color: inherit;font: inherit;text-align: center;text-decoration: none; background-color: transparent;border: none;cursor: pointer;}
.mycbmCT { width: 48.5%;height: 52px;margin-left: 2.6%;color: var(--primary-text-color, #ffffff);background-color: var(--primary-color, rgb(0, 107, 255));box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);transform: translateX(40px);}

.mycbm5a { position: relative;padding: 13px 10px;font-weight: bold;vertical-align: top;border-radius: 4px; /*transition: all 0.3s ease;transition-property: width, transform;*/}
.mycbm5a::after { position: absolute;top: -7px; bottom: -7px;left: 0; width: 100%; content: '';}
.mycbmSB {width: 100%; height: 52px; color: var(--primary-color, rgb(0, 107, 255)); border: 1px solid var(--primary-color-level2, rgba(0, 107, 255, 0.5)); }

.mycbmSB:hover, .mycbmSB:focus {border-color: var(--primary-color, rgb(0, 107, 255)); border-width: 2px;}
.mycbmI1 {position: relative;margin-right: auto;margin-left: auto;}
.lh10 {line-height: 10px;}
.mycbmCTWrp { margin-top: 8px;overflow: hidden;white-space: nowrap;-webkit-user-select: none;-ms-user-select: none;user-select: none;padding:25px;}

.mycbmSB.ctbtn {width: 48.5%;color: white;background-color: rgba(0, 0, 0, 0.6);border-color: transparent;}
.mycbmCT.c1btn { transform: translateX(0);}
.mycbmPvBtn{ display: flex;align-items: center;justify-content: center; width: 43px; height: 43px;color: var(--primary-color, rgb(0, 107, 255));font-size: 24px;background-clip: padding-box; border: 1px solid var(--text-color-level3, rgba(26, 26, 26, 0.1)); border-radius: 50%; position:absolute; left:25px; background:none; cursor:pointer; }

.mycbmCT.c1btn:hover, .mycbmCT.c1btn:focus { background-color: var(--primary-color-level2, rgba(0, 107, 255, 0.5));}

.mcalLdr{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:10; }
.mt.clg{ color:#06c29c; }
.txt_lft{ text-align:left; }

.mycbmfr { margin-bottom: 20px;}
.mycbmfrlbl {display: block;}
.mycbmfrlblspn {display: inline-block; margin-bottom: 8px; font-weight: bold;  font-size: 13px; float:left; color:#000; }
.mycbmfrlblfld { display: block; box-sizing: border-box !important; width: 100% !important; min-height: 46px !important; padding: 10px 14px !important; color: rgb(26, 26, 26) !important; font-size: 16px !important; line-height: 1.5 !important; word-wrap: normal !important; background: #ffffff !important; border: 1px solid #d0d0d0 !important; border-radius: 8px !important;-webkit-appearance: none !important; appearance: none !important;}

.mycbmfrlblfld:focus { border-color: var(--primary-color, rgb(0, 107, 255)) !important; outline: none !important;   box-shadow: 0 0 0 1px var(--primary-color, rgb(0, 107, 255)) !important;}

.addguestbtnwrp{ margin-bottom:10px; }
.mycbm_addguestbtn{ width: 100%; min-height: 32px; padding: 4px 12px; position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; font-size: 14px; line-height: 20px; vertical-align: middle; border: 1px solid var(--primary-color, rgb(0, 107, 255)); border-radius: 22px;color: var(--primary-color, rgb(0, 107, 255)); /*border-color: var(--primary-color, rgb(0, 107, 255));*/margin: 0;font: inherit;text-align: center;text-decoration: none;    background-color: transparent;cursor: pointer;}
.mycbm_addguestbtn:hover { background-color: var(--primary-color-level3, rgba(0, 107, 255, 0.15));}
#mycbm_guestmail{ display:none; }

.mycbm_addguestbtn.sbtn{ padding:8px 16px;color: var(--primary-text-color, #ffffff);font-weight: bold;background-color: var(--primary-color, rgb(0, 107, 255));border-color: var(--primary-color, rgb(0, 107, 255)); }

#mycbm_selDTT{ display:inline-block; }

.mycbm_errmsg { padding: 4px 10px; color: #ffffff; font-weight: bold;font-size: 13px;line-height: 22px;background-color: rgba(236, 93, 93, 0.8);border: 1px solid #b31f1f;border-radius: 4px; margin-top:10px;}