/* _ui.css */
/* .tbl.schedule .operating{background: #707079; border-top-color: #595865 !important; border-bottom-color: #595865 !important;} */
/* .tbl.schedule .tbl_row .name {padding: 5px 8px; border-right-color: #888696 !important; text-align: left; vertical-align: middle !important;} */
/* s : CRMP-529 schedule detail popup sizing control in dashboard 2020-12-08 by dschoi */
/* .tbl.schedule .tbl_row_group .tbl_row:last-child td .choose_schedule {top: 100%; transform: translateY(-160px)} */
/* .tbl.schedule .tbl_row_group .tbl_row:last-child td .choose_schedule {top: 100%; transform: translateY(-118px)} */
/* e : 2020-12-08 */
/* s : tune the item size of robot type for robot list in branch dashboard by dschoi 2020-12-17 */
/*.tbl_row .tbl tr td:first-child {padding-left: 40px;}*/
/*.tbl_row .tbl tr td:first-child {padding-left: 30px;}*/
/* e : 2020-12-17 */
/* .ui-datepicker .ui-datepicker-today a:before {display: block; content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: 30px; height: 30px; margin-left: -15px; margin-top: -16px; border: 1px solid #dab78f !important; border-radius: 50%; color: #dab78f !important; box-sizing: border-box} */
/*.ui-datepicker .ui-datepicker-calendar td a:hover:before{display: block; content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: 30px; height: 30px; margin-left: -15px; margin-top: -16px; border: 1px solid #4e4d58 !important; background: #4e4d58; border-radius: 50%; color: #afafb2 !important; box-sizing: border-box}

.month-picker .month-picker-month-table .ui-widget.ui-state-active:before{position: absolute; left: 50%; top: 50%; width: 33px; height: 33px; margin-top: -1px; background: #dcb890; border: 1px solid #dcb890; border-radius: 50%; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; z-index: -1;}
.month-picker .month-picker-month-table .ui-widget.ui-state-highlight:before{position: absolute; left: 50%; top: 50%; width: 33px; height: 33px; margin-top: -1px; background: transparent; border: 1px solid #dcb890; border-radius: 50%; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; z-index: -1;}
.month-picker .month-picker-month-table .ui-widget:hover:before{position: absolute; left: 50%; top: 50%; width: 33px; height: 33px; margin-top: -1px; background: #4e4d58; border: 1px solid #4e4d58; border-radius: 50%; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; z-index: -1;}*/

.notification_switch_area+.btn_area.hidden:before{display: none;} /*Dev:seona.do_20210713*/
.notification .tbl_body .tbl tr:last-child { border-bottom: none;} /*Dev:seona.do_20210728*/

#preview_el{position: absolute; left: 20px; top: 20px; width: 310px; height: 230px; background: #575661; border: 1px solid #9c9ba2; z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,.15);}
#preview_el .preview_box.video:before,
#preview_el .preview_box.audio:before {display: block; position: absolute; left: 50%; top: 50%; z-index: 1; width: 90px; height: 90px; margin-top: -45px; margin-left: -45px; background: #686771; border-radius: 50%; font-family: "lg-icon-font"; font-size: 36px; color: #fff; text-align: center; line-height: 90px}
#preview_el .preview_box.video:before {content: '\e817';}
#preview_el .preview_box.audio:before {content: '\e823';}

#preview_el .txt_preview{position: absolute; right: 0; left: 0; top: 50%; font-size: 16px; color: rgba(255,255,255,.5); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
#preview_el .zoomer_wrap{position: absolute; right: 10px; bottom: 10px;}
#preview_el .zoomer{width: 30px; height: 30px;}
#preview_el .zoomer:before{width: 13px; margin-left: -6px;}
#preview_el .zoomer.zoom_in:after{height: 13px; margin-top: -6px;}

.btn.basic.disabled{
    border: 1px solid #ccc !important;
    background: rgba(204, 204, 204, .4) !important;
    color: rgba(51,51,51,.4) !important;
    /* border: 1px solid transparent !important; */
}

@-webkit-keyframes loading {
    0%   {-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
    100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@-moz-keyframes loading {
    0%   {-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
    100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@-o-keyframes loading {
    0%   {-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
    100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes loading {
    0%   {-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
    100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}

@media screen and (max-width: 767px) {
    .input_area input::placeholder, .input_area.textarea textarea::placeholder{font-size: 13px;} /* placeholder font-size */
    .tbl.schedule .day {margin-bottom: 5px; padding: 0 4px;}
    #preview_el{width: 260px; height: 193px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%);}
    .input_area input[type='text'], .input_area input[type='password'], .input_area input[type='number'], .input_area input[type='email'], .input_area input[type='url']{font-size: 14px; line-height: 38px; padding: 0 10px;}
/*	.input_area input[type='text']::placeholder, .input_area input[type='password']::placeholder, .input_area input[type='number']::placeholder, .input_area input[type='email']::placeholder, .input_area input[type='url']::placeholder{font-size: 14px;}*/
    .input_area input::placeholder, .input_area.textarea textarea::placeholder{font-size: 12px;} /* placeholder font-size */
    .input_area.radio .input_box label, .input_area.checkbox .input_box label{padding-left: 24px; font-size: 13px;}
    .input_area .input_box{min-width: 0; height: 40px;}
    .modal_body .txt .para+.para{margin-top: 10px;}
}

@media screen and (max-width:375px) {
    .input_area input::placeholder, .input_area.textarea textarea::placeholder{font-size: 10px; vertical-align: 5px} /* placeholder font-size */
}