
#calendar{
	width:100%; height:auto; display:block; text-align:center;
	font-size:14px;
	max-width:100%; margin:0 auto;
	-webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;
}

#calendar .cal_month{
	width:300px; min-height:210px; height:auto; display:inline-block; vertical-align:top; box-sizing:border-box; position:relative;
	margin:10px 3px; text-align:left;
	border:1px #aabdcb solid; border-radius:5px; background-color:#FFF;
}

#calendar .cal_month_homeMax{
	width:100%; min-height:175px; margin:-10px 0 0 0; 
	border-top-left-radius:0px; border-top-right-radius:0px;
}

#calendar .month_onclick{
	width:100%; min-height:45px; height:auto; position:absolute; top:0px; left:0px; z-index:1000; box-sizing:border-box; padding:5px 35px 5px 5px;
	background-color:#beffb7; color:#000; display:none;
}
#calendar .close_day_data{ width:30px; position:absolute; top:3px; right:3px; }

#calendar .month_title{
	width:100%; height:auto; display:block; box-sizing:border-box; padding:5px 0;
	text-align:center; font-size:14px; font-weight:bold; color:#295a29;
}

#calendar .month_day{
	width: calc(100% / 7); height:25px; display:inline-block; vertical-align:top; box-sizing:border-box; position:relative;
	margin:0px; font-size:12px; line-height:19px; text-align:center; cursor:pointer; overflow:hidden;
	border:1px #EAEAEA solid;
}

#calendar .month_day_large{
	min-height:120px; height:auto;
}

#calendar .month_day:hover{ background-color:#EAEAEA; }

#calendar .month_day span{
	position:absolute; top:2px; left:5px;
}

#calendar .day_info_txt_display{
	width:100%; height:100%; display:block; box-sizing:border-box;
	padding:5px 5px 5px 20px;
	font-size:12px; line-height:16px; text-align:left;
}

#calendar .add_event_btn{
	width:100%; height:auto; display:block; box-sizing:border-box; padding:5px 7px; margin:0px auto 10px auto; cursor:pointer;
	text-align:center; font-size:12px; font-weight:550;
	border:1px 999 solid; border-radius:5px; background-color:#fcff96; color:#000;
}

#calendar .day_ajax_pub_hol{
	width:100%; height:auto; display:block; box-sizing:border-box;
	padding:5px; margin:0px 0px 10px 0px;
	background-color:#d2f2ff; color:#000; text-align:left; border-radius:5px;
}

#calendar .day_ajax_pub_hol span{ font-size:10px; }

#calendar .day_info_row{
	width:100%; min-height:24px; height:auto; display:block; position:relative;
	margin:3px 0px 0px 0px; padding:5px 3px 3px 26px; box-sizing:border-box;
	border-top:1px #ded9d9 solid;
}

#calendar .day_info_row_ico{
	width:20px; height:20px; display:block; position:absolute; left:0px; top:4px;
	border:0px #555 solid;
}

#calendar .day_info_row_ajx{ padding:10px 60px 10px 26px; margin:5px 0 5px 0; }
#calendar .day_row_ajx_edit{ 
	position:absolute; width:20px; height:20px; top:4px; right:30px; display:block; border:1px #868797 solid; cursor:pointer;
	background:url('/media/edit_ico.svg') #FFF no-repeat center center; background-size:30px 30px; border-radius:3px;
}
#calendar .day_row_ajx_del{ 
	position:absolute; width:20px; height:20px; top:4px; right:0px; display:block; border:1px #868797 solid; cursor:pointer;
	background:url('/media/delete.gif') #FFF no-repeat -2px center; background-size:18px 18px; border-radius:3px;
}


#calendar .day_info_row_anniversary_ico{ background:url('/plugins/calendar/icons/anniversary.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_appointment_ico{ background:url('/plugins/calendar/icons/appointment.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_birthday_ico{ background:url('/plugins/calendar/icons/birthday.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_guests_ico{ background:url('/plugins/calendar/icons/guests.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_misc_ico{ background:url('/plugins/calendar/icons/misc.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_travel_ico{ background:url('/plugins/calendar/icons/travel.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_party_ico{ background:url('/plugins/calendar/icons/party.png') #FFF no-repeat center center; background-size:contain; }


#calendar .day_info_row_phone_call_ico{ background:url('/plugins/calendar/icons/phone_call.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_discord_call_ico{ background:url('/plugins/calendar/icons/discord_call.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_email_send_planned_ico{ background:url('/plugins/calendar/icons/email_send_planned.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_product_going_live_ico{ background:url('/plugins/calendar/icons/product_going_live.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_social_media_post_going_live_ico{ background:url('/plugins/calendar/icons/social_media_post_going_live.png') #FFF no-repeat center center; background-size:contain; }

#calendar .day_info_row_live_stream_planned_ico{ background:url('/plugins/calendar/icons/live_stream_planned.png') #FFF no-repeat center center; background-size:contain; }

#calendar .day_info_row_expected_delivery_ico{ background:url('/plugins/calendar/icons/expected_delivery.png') #FFF no-repeat center center; background-size:contain; }

#calendar .day_info_row_misc_ico{ background:url('/plugins/calendar/icons/misc.png') #FFF no-repeat center center; background-size:contain; }


#calendar .cleaning_event_row{
	font-size:7px; font-style:italic; color:#a19f9f;
}

#calendar .day_info_row_hover_ico{ background:url('/plugins/calendar/icons/hover.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_bathroom_ico{ background:url('/plugins/calendar/icons/bathroom.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_kitchen_ico{ background:url('/plugins/calendar/icons/kitchen.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_bedroom_ico{ background:url('/plugins/calendar/icons/bedroom.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_bin_ico{ background:url('/plugins/calendar/icons/bin.png') #FFF no-repeat center center; background-size:contain; }
#calendar .day_info_row_sitting_room_ico{ background:url('/plugins/calendar/icons/sitting_room.png') #FFF no-repeat center center; background-size:contain; }

#calendar .day_mini_ico{
	width:15px; height:15px; position:relative; display:inline-block; vertical-align:top; margin:-1px 0 0 5px;
}



#calendar .blank_day{ cursor:not-allowed; }
#calendar .blank_day:hover{ background-color:#FFF; }

#calendar .month_day_txt{
	background-color:#d8e5ee; color:#454a4e; font-weight:bold; cursor:context-menu;
}
#calendar .month_day_txt:hover{ background-color:#999; }

#calendar .today{ /*border:1px #000 dashed; border-radius:50%;*/ background-color:#fffdde; }

#calendar .day_worked{ background-color:#c7c4ff; }
#calendar .day_holidays_approved{ background-color:#4eff00; }
#calendar .day_holidays_pending{ background-color:#ccc3e3; }
#calendar .day_holidays_declined{ background-color:#fa9e9e; /*color:#FFF;*/ }
#calendar .day_sick{ background-color:#ff0000; color:#FFF; }

#calendar .day_hol_selected{ background-color:#000; color:#FFF; }


#calendar .public_holiday{
	width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; box-sizing:border-box;
	border:2px #ff7716 dashed; border-radius:3px; pointer-events:none;
	background-color:#ff771640; opacity:0.5;
}
#calendar .public_hol_key{ border:2px #ff7716 dashed; background-color:#ff771640; opacity:0.5; border-radius:3px; }


#calendar .calender_key{
	max-width:900px; width:100%; height:auto; display:block; margin:0px auto 10px auto; box-sizing:border-box;
	border:0px #aabdcb dashed; border-radius:3px; padding:3px; text-align:center;
}
#calendar .calender_key_admin{ max-width:880px; text-align:left; }

#calendar .c_key_title{ 
	width:100%; height:auto; display:block; box-sizing:border-box; padding:0px;
	text-align:center; font-weight:bold; font-size:13px;
}
#calendar .c_key_colour, #calendar .c_key_text{
	min-height:15px; height:auto; display:inline-block; vertical-align:top; padding:5px; box-sizing:border-box; 
	border:0px #000 solid;
}
#calendar .c_key_colour{ width:20px; height:15px; margin:2px 0px 0px 3px; }
#calendar .c_key_text{ width:120px; margin:2px 0 5px 0; text-align:left; }


#calendar .calender_live_select_parent{	
	max-width:900px; width:100%; height:auto; display:none; margin:0px auto 10px auto; padding:10px 0 0 0; box-sizing:border-box;
	text-align:center; font-weight:bold; font-size:17px;
}

#calendar .book_selected_days_btn{
	font-weight:bold; padding:10px; margin:-10px 0 0 20px;
}



@media screen and (max-width: 1000px) {

}




#uni_modal{
	width:100%; height:100%; display:none; box-sizing:border-box; z-index:9999; position:fixed; top:0px; left:0px;
	text-align:center; color:#000;
	background:url('/media/modal_bg.png'); background-repeat:repeat;
}
#uni_modal .content{
	min-width:400px; min-height:300px; display:block; box-sizing:border-box; position:relative;
	padding:50px 10px 10px 10px; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	text-align:left; color:#000;
	background-color:#FFF; border:4px #000 solid; border-radius:4px;
}
#uni_modal .title{
	width:100%; height:auto; display:block; margin:0; padding:10px 30px 10px 5px; box-sizing:border-box; 
	position:absolute; top:0px; left:0px;
	text-align:center; font-size:14px; font-weight:bold; background-color:#EAEAEA;
}
#uni_modal .title input{
	position:absolute; top:2px; right:2px;
	padding:5px 10px; cursor:pointer;
	font-size:16px; font-weight:bold;
	border-radius:5px;
	background-color:#ff2c2c; color:#FFF;
}

#uni_modal .sub_title{
	position:relative; background-color:#FFF;
}

#uni_modal .modal_button{
	width:auto; height:auto; display:inline-block; margin:0 10px; box-sizing:border-box; padding:10px;
	font-size:13px; font-weight:bold;
}