.schedule_Wrap { user-select: none; } .ezschedule-header thead th { color: #000; padding: 2% 0; text-align: center; margin-top:10px; } .ezschedule { background-color: white; table-layout: fixed; } .ezschedule tbody td { border: 1px solid #d9d9d9; height: 100px; text-align: left; vertical-align: top; padding: .5em; } .ezschedule-sat { color:#0066cc !important; } .ezschedule-sun, .ezschedule-holiday { color:#ff0000 !important; } .ezschedule-day .day-name { font-size: 11px; vertical-align: text-top; margin-left: 3px; color: black; opacity: .6; } .ezschedule-day.ezschedule-holiday .day-name { color:#ff0000; } .ez-schedule-detail { min-width: 300px; } .ez-schedule-detail h3 { font-size: 1.5em; } .ez-schedule-detail .ez-layer-close-btn { top: -6px !important; right: -27px !important; background-image: url(/iez14/img/x3.png); } .ezschedule-day { *zoom: 1; } .ezschedule-day:after { content: ""; display: block; clear: both; padding: 0; margin: 0; height: 0; } .ezschedule-day .schedules { width: 100%; } .ezschedule-day .schedules > .schedule { margin: .2em 0; position: relative; } .ezschedule-day .schedules > .schedule .btn { color: #337ab7; padding: 0 .4em; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; max-width: 100%; text-align: left; border: none; font-size: 15px; } .ezschedule-day .schedules div a:not(.btn-default) { border: none; } .ezschedule-day .schedules > .schedule .del_btn { background: url(/iez14/img/x.png) no-repeat center center; display: none; width: 10px; height: 10px; padding: 9px; position: absolute; top: 0; right: 0; } .ezschedule-day .schedules > .schedule.over .del_btn { display: inline-block; } .ezschedule-day .schedules a[holiday-1] { background-color: transparent !important; border: 1px dashed red !important; color: red !important; box-shadow: none !important; } .ezschedule-day .schedules a[holiday-2] { background-color: transparent !important; border: 1px dashed #000000 !important; color: black !important; box-shadow: none !important; } .prevMonth, .nextMonth {color:#fff;font-weight:600;border-radius:15px;background-color:#b3b3b3;padding:0.6% 2%;cursor:pointer;} .prevMonth:hover, .nextMonth:hover {background-color:#ff6600;} .schedule-bar, .new-schedule { position: absolute; color: white; font-size: 13px; padding: .1em .7em !important; z-index: 1; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; } .schedule-bar:hover { text-decoration: none; } .schedule-bar.drag-end, .schedule-bar.exist-schedule { z-index: 2; } .schedule-bar.start { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .schedule-bar.end { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .checkbox label { padding-left: 0; } [layer_schedule_detail], [layer_schedule_form] { z-index: 1040; } #layer_schedule_form { input[type="date"] { width: 150px; } .ez_required { border: 1px solid #ccc; } } @media only screen and (max-width:1050px) { .ez-layer.ez-schedule-detail { width: 94% !important; margin-left: -47% !important; } } @media only screen and (max-width:735px) { .ez-layer.ez-schedule-detail .ez-layer-close-btn { top: -32px !important; right: -6px !important; } } @media only screen and (max-width:425px) { .ezschedule tbody td { height: initial; min-height: 40px; display: none; border-bottom: none; border-left: none; border-right: none; } .ezschedule tbody td.ezschedule-day { display: block; } .ezschedule-header, .ezschedule colgroup { display: none; } }