https:/*
 * Bouwwebcam interface stylesheet 
 *
 * Version: 2.0 - June 2013
 * Version: 3.0 - October 2013
 * Author: Eckhart Post 
 *
 * https://www.bouwwebcam.nl
 */
 
 /*
z-indexes
	interface:1
	imagebox_overflow:10
	social_box:14
	thumbrow:15
	maps_box:16
	calendar_bg:17
	header:20
	clock:21
	borders:31
	footer:33
*/

body,html{
	height:100%;
}

body{
	background: url("https://www.bouwwebcam.nl/interface3/page_bg.png") repeat-x scroll 0 0 #FDFDFD;
	padding:0;
	margin:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
    text-align:center;
    overflow:hidden;
 }


#mobicam_interface{
	position:relative;
	margin:auto;
	width:100%;
	height:100%;
	max-width:1800px;
	min-width:974px;
	display:block;
	overflow:hidden;
	text-align:left;
	z-index:1;
	background: url("https://www.bouwwebcam.nl/interface3/carbon_bg.png") #474747;
}

/* interface header, borders, footer and imagebox */

div#mobi_header {
	position:relative;
	height:91px;
	background: url("https://www.bouwwebcam.nl/interface3/header_bg_2000.png") repeat-x scroll 0 0;
	text-align:center;
	text-shadow: 1px 1px 0 #F6F6F6;
	z-index:20;
}

.mobi_borders{
	position:absolute;
	background: url("https://www.bouwwebcam.nl/interface3/borders_lr.png") repeat-y scroll;
	width:6px;
	height:50px;
	z-index:31;
}

#mobi_leftborder{
	left:0;
	background-position: -6px 0;
}
#mobi_rightborder{
	right:0;
	background-position: 0 0;
}

#mobi_imagebox_overflow{
	overflow:hidden;
	z-index:10;
}
#mobi_imagebox{
	position:relative;
	height:100%;
	z-index:9;
}


/* stretch image to parent div */
div#mobi_imagebox img{
	display:block;
	width:100%;
}
#mobi_centerpic_div{
	height:100%;
	width:100%;
}


#mobi_footer{
	position:absolute;
	height:27px;
	background: url("https://www.bouwwebcam.nl/interface3/footer_bg27.png") repeat-x;
	width:100%;
	z-index:34;
	bottom:0px;
	padding-top:0px;
	text-align:left;
}

.bottom_text{
	font-family:Verdana,Helvetica;
	font-size:11px;
	color:white;
	text-shadow: -1px -1px 0 #000000;
	line-height:27px;
	margin-left:10px;
}

.bottom_text a, a:visited{
	text-decoration:none;
	color:#FF8801;
	text-shadow: -1px -1px 0 #000000;
}

.bottom_version{
	float:right;
	font-family:Verdana,Helvetica;
	font-size:11px;
	color:white;
	text-shadow: -1px -1px 0 #000000;
	line-height:27px;
	margin-right:10px;
}

#lock-icon{
	float:right;
	height:24px;
	width:24px;
	background: url("https://www.bouwwebcam.nl/interface3/lock-icon.png") repeat-x;
}

#mobicam_logo_bottom{
	position:absolute;
	margin-top:-95px;
	right:56px;
	width:72px;
	height:81px;
}

#mobicam_clientlogo_bottom{
	position:absolute;
	bottom:31px;
	left:6px;
	width:140px;
	height:52px;
}


/* header elements */


.mobi_squarebutton{
	width:80px;
	height:70px;
	display:block;
	float:left;
}

.mobi_roundbutton{
margin-top:2px;
	width:70px;
	height:70px;
	display:block;
	float:left;
}
.mobi_switchbutton{
	width:97px;
	height:35px;
	display:block;
	float:left;
	cursor:pointer;
}
#mobi_switches{
	margin-right:15px;
	width:100px;
	height:75px;
	float:left;
}

#mobi_button_fotowebcam{
	background:url("https://www.bouwwebcam.nl/interface3/buttons/bt_photomode.png") no-repeat;
	margin-left:10px;
}
#mobi_button_streamwebcam{
	background:url("https://www.bouwwebcam.nl/interface3/buttons/bt_videomode.png") no-repeat;
	margin-left:10px;
}

#mobi_button_live{
	background:url("https://www.bouwwebcam.nl/interface3/buttons/bt2_live.png") no-repeat;
	margin-left:20px;
}

#mobi_button_first{
	background:url("https://www.bouwwebcam.nl/interface3/buttons/bt2_first.png") no-repeat;
	margin-left:10px;
}
#mobi_button_maps{
	background:url("https://www.bouwwebcam.nl/interface3/buttons/bt_switch_maps.png") no-repeat;
}
#mobi_button_thumbs{
	background:url("https://www.bouwwebcam.nl/interface3/buttons/bt_switch_thumbs.png") no-repeat;
}

#mobi_button_prevday{
	background:url("https://www.bouwwebcam.nl/interface3/buttons/bt2_day_bw.png") no-repeat;
	float:left;

}
#mobi_button_prevweek{
	background:url("https://www.bouwwebcam.nl/interface3/buttons/bt2_week_bw.png") no-repeat;
	float:left;
	margin-right:5px;
}
#mobi_button_nextweek{
	background:url("https://www.bouwwebcam.nl/interface3/buttons/bt2_week_fw.png") no-repeat top;
	float:right;
	margin-left:5px;
}
#mobi_button_nextday{
	background:url("https://www.bouwwebcam.nl/interface3/buttons/bt2_day_fw.png") no-repeat top;
	float:right;
}


#mobi_header_left{
	display:block;
	float:left;
	/* background-color:green;*/
	height:70px;
	margin-top:4px;
}
#mobi_header_center{
	position:absolute;
	left:50%;
	height:123px;
	width:615px;
	margin-left:-304px;	
	display:block;
	margin-top:5px;
	/* background-color:red;*/
}
#mobi_header_right{
	display:block;
	float:right;
	/* background-color:yellow;*/
	margin-top:3px;
	height:70px;
}

#mobi_clockbox{
float:left;
	width:238px;
	height:115px;
	background:url("https://www.bouwwebcam.nl/interface3/display_bg.png") no-repeat;
	color:#fff;
	z-index:21;
	text-align:center;
	font-size:13px;
	line-height:15px;
	padding:6px 11px 0px 11px;
	text-shadow: -1px -1px 0 #000;
	margin-left:12px;
}

#mobi_clock_top{
	height:17px;
	width:238px;
	/*background-color:yellow;*/
}
#mobi_clock_middle{
position:relative;
	margin-top:1px;
	height:63px;
	width:238px;
}
#mobi_time{
	float:left;
	width:135px;
	line-height:46px;
	font-size:46px;
	text-align:center;
	margin-left:27px;
}
#mobi_timetext{
	float:left;
	width:235px;
}


#mobi_counter{
	float:right;
	font-size:13px;
	height:20px;
	float:right;
	margin-top:15px;
	text-align:right;
}

#mobi_date{
	margin-top:2px;
    width:104px;
	float:left;
	font-size:14px;
	line-height:20px;
	text-align:center;
	margin-left:28px;
}

#mobi_clock_bottom{
	height:24px;
	width:238px;
	/*background-color:green;*/
}

#mobi_clock_status{
	float:left;
    margin-left:2px;
	width:39px;
	height:24px;
	background:url("https://www.bouwwebcam.nl/interface3/statusleds.png") no-repeat;

}

#mobi_clock_status.status_load{
   background-position-y:-22px;
}
#mobi_clock_status.status_ready{
   background-position-y:-44px;
}

#mobi_clock_live{
   float:right;
	width:62px;
	height:24px;
	background:url("https://www.bouwwebcam.nl/interface3/display_text_mod.png") no-repeat;
}

#mobi_clock_live.archive{
	background-position:top;
}
#mobi_clock_live.live{
   background-position:0px -48px;
}
#mobi_clock_live.night{
   background-position:0px -24px;
}

#clock_preloader{
	float:left;
	margin-top:22px;
	width:22px;
	height:22px;
	background:url("https://www.bouwwebcam.nl/interface3/preloader_bg.png") no-repeat;
}

#mobi_socialbox_bottom{
	float:right;
	margin-top:6px;
	margin-left:10px;
	margin-right:10px;
}

.addthis_toolbox a{
	display:block;
	margin-right:3px;
}

#mobi_map_box{
	display:none;
	position:absolute;
	z-index:18;
}



div#mobi_thumbrow {
	position:absolute;
	display:none;
	z-index:15;
	overflow:hidden;
	margin-top:5px;
	height:96px;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}


div#mobi_thumbrow .thumb_arrow{
	position:absolute;
	background:url("https://www.bouwwebcam.nl/interface2/slide_lr.png") no-repeat 0 0;
	width:40px;
	height:80px;
	top:0px;
cursor:pointer;
}

div#mobi_thumbrow .next{
	right:12px;	
}

div#mobi_thumbrow .prev{
	left:0;
	background-position: -50px 0;
}

div#mobi_thumbrow .disable{
	opacity: 0.2;
	filter: alpha(opacity = 20); 
	cursor:default;
}

div#mobi_thumbflow {
	overflow:hidden;
	position:relative;
}


div#mobi_thumbbox {
	position:relative;
	left:0;
	top:0;
}

.mobi_thumbnail {
	float: left;
	width:88px;
	height:88px;
	background: url("https://www.bouwwebcam.nl/interface2/bg_thumb.png") no-repeat scroll 0 0;
	padding:4px;
	margin-right:3px;

}
.mobi_selected {
	background-position: -96px 0;
}

.mobi_thumbnail img {
	float: left;
	width: 100%;
	height:63px;
	margin:0;
	padding: 0;
	border-bottom:0px;
	cursor:pointer;
}

.mobi_thumbnail div {
	float: left;
	width: 100%;
	margin:0;
	padding: 0;
	line-height:25px;
	color: #ffffff;
	font-size: 14px;
	text-shadow: -1px -1px 0 #000;
	text-align:center;
		cursor:move;
}


/* slider */

#mobi_slidebox{
	right:6px;
	position:absolute;
	z-index:13;
	width:25px;
	height:81px;
	background:url("https://www.bouwwebcam.nl/interface3/slider_bg.png") no-repeat;
}
#mobi_topslider{
	width:22px;
	height:28px;
	background: url("https://www.bouwwebcam.nl/interface2/slider/slider_top.png");
	cursor:pointer;
}
#mobi_dragslider{
		height:26px;
	background: url("https://www.bouwwebcam.nl/interface2/slider/slider_drag.png");
	cursor:move;
}
#mobi_bottomslider{
	width:22px;
	height:28px;
	background: url("https://www.bouwwebcam.nl/interface2/slider/slider_bottom.png");
	cursor:pointer;
}

/* calendar widget */

#mobi_datepicker {
display:none;
	width:100%;
}
#ui-datepicker-div{
	margin-top:30px;
	margin-left:10px;
}

#mobi_calendarbox{
	width:300px;
	margin-left:6px;
	margin-bottom:6px;
}

#mobi_calendarbox_bg{
	display:none;
	position:absolute;
	right:2px;
	width:312px;
	z-index:17;
	background-color:#434B4F;
	background: url("https://www.bouwwebcam.nl/interface2/bg_calbox.png");
	background-position: left bottom;
}

#mobi_calendarclose{
	position:absolute;
	height:22px;
	width:30px;
	margin-top:-1px;
	background: url("https://www.bouwwebcam.nl/interface2/calbox_close.png");
	cursor: pointer;
}



.button_disabled{
	cursor: default;
}

div.disabled {
	cursor: default;
	opacity: 0.4;
	filter: alpha(opacity = 40);

}

a img{
	border:0;
}

/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (https://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * https://jquery.org/license
 *
 * https://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (https://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * https://jquery.org/license
 *
 * https://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 0px solid #aaaaaa; background: #ffffff url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #D3D3D3; background: #DEEEFF; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */

.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }



/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(https://www.bouwwebcam.nl/interface2/datepicker/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Resizable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (https://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * https://jquery.org/license
 *
 * https://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Selectable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (https://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * https://jquery.org/license
 *
 * https://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*!
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (https://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * https://jquery.org/license
 *
 * https://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 100%; padding: 1px; display: none; height:100%}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th {text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { font-size:16px; border: 0; }
.ui-datepicker td span, .ui-datepicker td a { line-height:36px;  display: block; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }