@media all and (max-width: 1200px) {

#event_box #schedule_plane_details {width: 100% !important;}
#event_box #schedule_plane_details textarea {width: 98%;}

}

@media all and (max-width: 800px) {

#event_box #schedule_plane_details {width: 100% !important;}
#event_box #schedule_plane_details textarea {width: 96%;}

}

.clear {clear: both;}
.datepicker {display: none !important;}
.ui-datepicker-trigger {margin-top: -50px; max-width: 5%; width: 30px; float: right;}

#loader {position: absolute; width: 100%; height: 1000%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.8);}
#loader  img {display: block; margin: auto;}

#timeline_prevweek {display: none; float: left;}
#timeline_prevweek_inactive {float: left; cursor: not-allowed;}
#timeline_nextweek {float: right;}
.timeline_weeknav {max-width: 5%; height: 40px; margin-top: 10px; overflow: hidden;}
.timeline_weeknav img {max-width: 100%; max-height: 40px;}
#timeline_week {width: 90%; margin: auto; text-align: center;}
#timeline_week .day {display: block; width: 14%; text-align: center; margin: 0px 0.14%; float: left; cursor: pointer;}
#timeline_week .day .upper {height: 25px; border-bottom: 4px solid #3fb1d1;}
#timeline_week .day .upper .title {margin: auto; width: 80%;}
#timeline_week .day .upper span {font-size: 8px;}
#timeline_week .day .upper img {max-width: 10%; width: 20px; float: right;}
#timeline_week .day .lower {height: 30px;}
#timeline_week .day .pointer {background: transparent url("images/pointer.png") no-repeat; margin: auto; width: 40px; height: 100%;}

#timeline_week .day_notavailable {color: #666c6c;}
#timeline_week .day_notavailable .upper {border-bottom: 4px solid #666c6c;}
#timeline_week .day_booked {color: #00821f;}
#timeline_week .day_booked .upper {border-bottom: 4px solid #00821f;}
#timeline_week .weekend {color: #cc0000;}
#timeline_week .weekend .upper {border-bottom: 4px solid #cc0000 !important;}

.success {background: #4bff71; border: 1px solid #00aa00; color: #00cc00; padding: 10px; margin: 10px auto; text-align: center;}
#event_box {border: 1px solid #dedede; border-radius: 5px; width: 88%; min-height: 200px; margin: 0px auto 30px auto; padding: 1%;}
#event_box .message {background: #ffe668; border: 1px solid #f7a901; color: #e84f13; padding: 10px; margin: 10px auto; text-align: center;}
#event_box .error {background: #ff5555; border: 1px solid #aa0000; color: #000000; padding: 10px; margin: 10px auto; text-align: center;}
#event_box .section {margin: 20px 0px 3px 0px; font-weight: bold;}
#event_box #machines {text-align: center;}
#event_box .machine {display: inline-block; width: 160px; margin: 10px; text-align: center; cursor: pointer;}
#event_box .machine img {border: 5px solid rgba(255, 255, 255, 0); width: 150px; height: 80px;}
#event_box .selected {font-weight: bold;}
#event_box .selected img {border: 5px solid #21759b;}
#event_box #schedule_plane_form {display: inline-block; margin: 0px 5px; width: 50%; float: left;}
#event_box #schedule_plane_form td {vertical-align: middle;}
#event_box #schedule_plane_form input, select {margin: 0px !important;}
#event_box #schedule_plane_details {display: inline-block; width: 49%;}
#event_box #schedule_plane_details textarea {max-width: 98%;}
#event_box textarea { width: 90%; resize: none;}
#event_box table {max-width: 50%;}
#event_box thead {border-bottom: 1px solid #dedede;}
#event_box td {padding: 5px;}
#event_box #machine_schedule {width: 100% !important; max-width: 100% !important;}
#event_box #machine_schedule tr td {border-top: 1px dashed #dedede;}
#event_box #machine_schedule tr:first-child td {border: none;}

#event_box .dateselector {background-color: #f4f4f4; color: #333333; text-decoration: none; border: #aaaaaa !important; width: 80px; cursor: pointer; border-radius: 0px !important;}

.submit[type=submit] {background: #3fb1d1; border: 1px solid #14416b; color: #ffffff; padding: 10px 15px;}
.submit[type=submit]:hover {background: #378aa2;}

#event_box .gliderssubmit[type=submit] {background: #3fb1d1; border: 1px solid #14416b; color: #ffffff; padding: 10px 15px;}
#event_box .gliderssubmit[type=submit]:hover {background: #378aa2;}

#your_schedule {width: 88%; min-height: 100px; margin: 0px auto 30px auto; padding: 1%;}
#your_schedule table {width: 100%;}
#your_schedule thead {border-bottom: 1px solid #dedede;}
#your_schedule td {padding: 5px;}

#glidersscheduleform tr {border-bottom: 1px solid #dedede;}
#glidersscheduleform tr:last-child {border: none;}
#glidersscheduleform form {margin: 0px;}

#ui-datepicker-div {display: none;}

#bookingcalendarview {width: 100%; margin-top: 20px; margin-bottom: 30px; text-align: center;}
#bookingcalendarview thead td {background-color: #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; color: #FFFFFF; font-weight: bold; letter-spacing: 0; padding: 0; width: 14.2%;}
#bookingcalendarview tbody td {border: 1px solid #d2d2d2; height: 100px; vertical-align: top; font-size: 9px;}
#bookingcalendarview tbody td.today {background-color: #d8e3ed; height: 98px;}
#bookingcalendarview tbody td div {background-color: #21759b; color: #f1f1f1; text-align: left; font-weight: bold; padding: 2px 5px;}
#bookingcalendarview tbody td div a {display: block; color: #f1f1f1; width: 100%; height: 100%;}
#bookingcalendarview .canceled {text-decoration: line-through;}
#bookingcalendarview .log {display: none;}
#TB_ajaxContent .log {font-size: 12px}
.calendarviewlink {border: none; background: none; color: #21759b; font-weight: bold;}