.footer{border-top: 1px solid #EEEEEE;color: #777777;padding: 5px 10px;}
.ui-datepicker {z-index: 1000}
.hover_class:hover{cursor:pointer}

#planner_day > th {text-align: center;}
#planner_ampm > th {text-align: center; vertical-align: middle; margin: 0px; padding: 0px;}
#planner_table > tbody > tr {height: 35px}
#planner_table_tbody .planner_slot:hover {background-color: #66cccc}
.planner_slot_selected{background-color: #66cccc}
.div_prenotazione { text-overflow: ellipsis; white-space: nowrap; padding-right: 5px; border-left-width: 0px; font-size:small;}
.div_prenotazione:hover{ cursor:pointer }
.padded{padding-left: 19px;}
.arrow_in:after{content:'';display:block;position:absolute;top:0px;left:0px;width:0;height:0;border-color: transparent transparent transparent white;border-style: solid;border-left-width: 8px;border-top-width: 17px;border-bottom-width: 17px;border-right-width: 0px;}
.arrow_out:after{content:'';display:block;position:absolute;top:0px;left:100%;width:0;height:0;border-color: transparent transparent transparent black;border-style: solid;border-left-width: 8px;border-right-width:0px;border-top-width: 17px;border-bottom-width: 17px;}
/*.arrow:after, .arrow_out:after {content:'';display:block;position:absolute;top:0px;left:100%;width:0;height:36px;border-color: transparent transparent transparent black;border-style: solid;border-width: 5px;}
.arrow:before, .arrow_in:before {content:'';display:block;position:absolute;top:0px;left:0px;width:0;height:36px;border-color: white transparent transparent white;border-style: solid;border-width: 5px;}*/
.arrow_red:after {border-color: transparent transparent transparent #d9534f;}
.arrow_yellow:after {border-color: transparent transparent transparent #f0ad4e;}
.arrow_green:after {border-color: transparent transparent transparent #5cb85c;}
.arrow_blue:after {border-color: transparent transparent transparent #5bc0de;}
.droppable_hover { background-color: #dadada }
.ui-resizable-handle { border-color: transparent transparent transparent transparent;border-style: solid;border-width: 2px;left:99.8%;}

@media (max-width: 1024px) {
    .planner_slot { min-width: 30px }
}