/* tabulka rezervací */
.tooltip_templates {display: none;}

#reservationsFrame {width: 100%; float: left; margin: 0px 0px 10px 0px;}
#reservationsFrame .rooms {width: 200px; float: left;}
#reservationsFrame .daysFrame {width: auto; height: 100%; margin: 0px 0px 0px 200px; overflow-x: scroll; background-color: #ccc;}
#reservationsFrame .date {min-width: 50px; max-width: 75px;}
#reservationsFrame .row {width: 100%; float: left;}
#reservationsFrame .cell {width: 100%; height: 30px; float: left; padding: 5px 10px; float: left; position: relative; border-left: 1px #ccc solid; border-top: 1px #ccc solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #FFF;}
#reservationsFrame .cell.weekend {background-color: #f3f4f5;}
#reservationsFrame .cell.today {background-color: #ffffcc;}
#reservationsFrame .cell.dropDisabled {background-color: #ffe7e9; background-image: url('../images/empty.png'); background-position: left top; background-repeat: repeat;}
#reservationsFrame .cell.dropEnabled {}
#reservationsFrame .head {/*background-color: #f9f492;*/ /*background-color: #bce6ee;*/ background-color: #eee; font-size: 11px; font-weight: 600; padding: 5px 10px 0px 10px; overflow: hidden;}
#reservationsFrame .head .day {color: #9f9f9f; font-weight: 300;}
#reservationsFrame .head .roomName {font-size: 14px;}
#reservationsFrame .head .roomtypeName {font-weight: 300; color: #9f9f9f;}
#reservationsFrame .eventPos {height: 1px; width: 1px; margin: 1px 0px 0px 0px; float: left; position: absolute; left: 50%; top: 0px; background-color: transparent; display: block;}
#reservationsFrame .eventNew {width: 100%; height: 100%; float: left; position: absolute; background-color: transparent; z-index: 1; top: 0px; left: 50%; cursor: pointer;}
#reservationsFrame .eventNew:HOVER {background-color: #fdff6e; border: 1px #ccc solid; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ border-radius: 2px;}
#reservationsFrame .roomClosed .eventNew:HOVER {background-color: inherit; opacity: 0; filter: alpha(opacity=100);}
#reservationsFrame .eventNew.ui-selecting { background-color: #fdff6e; }
#reservationsFrame .eventNew.ui-selected { background-color: blue;}
#reservationsFrame .roomClosed {width: 100%; height: 100%; float: left; background-color: #f7f7f7; z-index: 1; cursor: pointer; background-image: url('../images/empty.png'); opacity: 0.8; cursor: not-allowed;}
#reservationsFrame .event {width: 100%; padding: 3px; float: left; font-size: 11px; z-index: 10; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; white-space:nowrap; opacity: 0.8;}
#reservationsFrame .event .name {font-weight: 600;}
#reservationsFrame .event .inner {width: 100%; float: left; overflow: hidden;}
#reservationsFrame .event .inner .payment_status {height: 37px; float: left; font-weight: bold; border-right: 2px solid; border-color: inherit; display: flex; align-items: center; padding-right: 2px; margin-right: 2px;}
#reservationsFrame .event .abs {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 10;}
#reservationsFrame .event.on {opacity: 1; background-color: #ffff66; color: #787800; border-color: #cccc00;}
#reservationsFrame .event.on .inner .payment_status {}
#reservationsFrame .dragZone {width: auto; height: auto; float: left;}
#reservationsFrame .grid {width: auto; height: auto; float: left;}

#reservationsSearchTableFrame {width: 100%; float: left; max-height: 174px; margin-bottom: 10px; margin-bottom: 10px; overflow-y: auto;}


.table_tooltip {border-collapse: collapse;}
.table_tooltip TR TD {padding: 3px; border-bottom: 1px solid #666; border-top: 1px solid #666;}
.table_tooltip TR:first-child TD {border-top: 0;}
.table_tooltip TR:last-child TD {border-bottom: 0;}

/* search */
.searchFrame {width: 60%; float: left;}
.borderFrame {width: auto; float: left; border: 1px #ccc solid; margin: 0px 15px 0px 0px;}
.searchFrame INPUT[type=text] {width: 100px; height: 30px; float: left; border: 0px; padding: 2px 15px; color: #555; text-align: left;}
.searchFrame BUTTON {height: 32px; float: left; background-color: #e95847; color: #FFF; font-weight: 600; cursor: pointer; display: block; border: 2px #d54130 solid; font-size: 14px; }
.borderFrame .addon {width: auto; padding: 5px 5px; float: left; background-color: #eee; height: 30px; border-right: 1px #ccc solid; line-height: 20px;}

/* ovládací tlačítka */
.controlsFrame {width: 40%; float: right;}

/* menu po kliku praveho tlacitka mysi na Event */
.event_menu {position: absolute; width: 150px; min-height: auto; padding: 2px; float: left; background-color: #f0f0f0; color: #a3a3a3; -moz-box-shadow: 2px 2px 3px 1px #b9b6b8; box-shadow: 2px 2px 3px 1px #b9b6b8; -webkit-box-shadow: 2px 2px 3px 1px #b9b6b8;}
.event_menu H2 {width: 100%; height: auto; float: left; font-size: 16px; text-align: center;}
.event_menu A {width: 100%; border: 1px transparent solid;}
.event_menu A:HOVER {font-weight: 600;}

/*  */
.ui-draggable-parent {border: 2px dashed #555 !important;}
.ui-draggable-helper {background-color: red !important;}

/* Stav rezervace */
.cancelled {background-color: #f7f7f7; border: 2px solid #ccc; color: #555;}
.approved {background-color: #ecffcf; border: 2px solid #27cd27; color: green;}
.payed {background-color: #006633; border: 2px solid #006633; color: #fff;}
.disapproved {background-color: #e95847; border: 2px solid #d54130; color: #fff;}
.new {background-color: #50beec; border: 2px solid #04a0e0; color: #fff;}
.booking {background-color: #003580; border: 2px solid #053b62; color: #fff;}
