/* condition */
.bin_event_calendar_condition_hidden { display:none !important; }

/* ajax spinner */
.bin_event_calendar_ajax { position:relative; }
.bin_event_calendar_ajax_spinner { position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-8px; border:4px solid #F1F1F1; border-top:4px solid #3498db; border-radius:50%; width:10px; height:10px; animation:spin 2s linear infinite; }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* calendar dashboard widget */
.bin_event_calendar_container { display:flex; justify-content:space-between; align-items:center; margin:0 0 10px 0; }
.bin_event_calendar_container .bin_event_calendar_date p { margin:0.5rem 0; }
.bin_event_calendar_container .bin_event_calendar_buttons .button:not(:first-of-type) { margin-left:2px; }

.bin_event_calendar_table { z-index:2; position:relative; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; border-left:1px #ddd solid; border-bottom:1px #ddd solid; margin-bottom:10px; }
.bin_event_calendar_table th { max-width:0; padding:8px; line-height:1.42857143; vertical-align:top; border-top:1px solid #ddd; border-right:1px #ddd solid; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bin_event_calendar_table td { max-width:0; width:14.28571%; height:40px; padding:8px; line-height:1.42857143; vertical-align:top; border-top:1px solid #ddd; border-right:1px #ddd solid; overflow:hidden; text-overflow:ellipsis; }
.bin_event_calendar_table td:hover { box-shadow:inset 0 0 10px rgba(0,0,0,0.3); }
.bin_event_calendar_table td.bin_event_calendar_today { background:rgba(0,115,170,0.3); }
.bin_event_calendar_table td.bin_event_calendar_end_date { background:rgba(0,0,160,0.3); }

.bin_event_calendar_table td .bin_event_calendar_label { margin:2px 0; padding:3px; background:rgba(0,0,0,0.3); border-radius:4px; font-size:8px; display:block; overflow:hidden; text-overflow:ellipsis; }
.bin_event_calendar_table td .bin_event_calendar_label.bin_event_calendar_label_event { background:rgba(94,186,125,0.75); }

.bin_event_calendar_table td.bin_event_calendar_tooltip { cursor:pointer; }
.bin_event_calendar_table td.bin_event_calendar_tooltip .bin_event_calendar_tooltip_text { display:none; position:absolute; left:0; top:0; right:0; bottom:0; padding:15px; background-color:rgba(0,0,0,0.85); color:#fff; text-align:center; z-index:1; }
.bin_event_calendar_table td.bin_event_calendar_tooltip .bin_event_calendar_tooltip_text:after { content:'X'; position:absolute; right:10px; top:10px; color:#fff; line-height:18px; font-size:18px; }