/* Globals */

.ui-widget
	{
	font-family:"Century Gothic", Tahoma, Geneva, sans-serif;	
	}

.ui-front
	{
	z-index:10000;	
	}

.ui-menu .ui-state-focus
	{
	margin:0;	
	}

/* Autocomplete */

.ui-autocomplete
	{
	background-color:#fff;
	background-image:none;
	color:#000;	
	max-height:320px;
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	}

.ui-autocomplete .ui-menu-item
	{
	line-height:40px;
	padding:0 8px;
	text-align:left;	
	}

.ui-autocomplete .ui-state-focus
	{
	background-color:#51a9cf;
	color:#fff;
	background-image:none;
	font-weight:normal;
	border:none;
	line-height:
	} 


/* Datepicker */

#ui-datepicker-div
	{
	display:none;
	z-index:9999;
	}

.ui-widget-header .ui-icon, .ui-state-hover .ui-icon
	{
	background-image:none;
	font-family:'Ionicons';
	font-size:24px;
	
	line-height:40px;
	color:#1ab7ea;
	
	}

.ui-widget-header a.ui-datepicker-next, .ui-widget-header a.ui-datepicker-prev
	{
	color:#337ab7;	
	}

.ui-widget-header a.ui-datepicker-next-hover, .ui-widget-header a.ui-datepicker-prev-hover
	{
	color:#64cef1;
	}

.ui-datepicker-next:before, .ui-datepicker-next.ui-state-hover:before
	{
	font-family:'Ionicons';
	content: "\f125";
	}

.ui-datepicker-prev:before, .ui-datepicker-prev.ui-state-hover:before
	{
	font-family:'Ionicons';
	content: "\f124";
	}



#ui-datepicker-div
	{
	width:100%;
	max-width:500px;
	
	margin:1px 0 15px 0;
	padding:0;
	color:#000;
	background-color:#fff;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	font-weight:normal;
	text-align:center;
	overflow:hidden
	}

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

#ui-datepicker-div
	{
	max-width:calc(100% - 60px);	
	}
	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
	{
	font-weight:normal;	
	}


.ui-datepicker-header
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	height:40px;
	line-height:40px;
	border:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	background-color:#fff;
	border-bottom:#ebebeb solid 1px;
	color:#337ab7;
	background-image:none;
	font-weight:bold;
	}

.ui-datepicker-calendar
	{
	background-color:#f8f8f8;	
	}

.ui-datepicker-next, .ui-datepicker-prev
	{
	postion:relative;
	float:left;
	display:block;
	width:40px;
	height:40px;
	background-position:center center;
	text-align:center;	
	}

.ui-widget-header .ui-state-hover
	{
	background-image:none;
	background-color:transparent;
	border:none;	
	}

.ui-state-hover
	{
	cursor:pointer;	
	}

.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon
	{	
	margin:7px;	
	}


.ui-datepicker-next
	{
	float:right;	
	}


.ui-datepicker-title
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	width:calc(100% - 90px);
	padding:0 5px;
	line-height:40px;
	text-align:center;
	table-layout:fixed;
	font-size:18px;
	}


.ui-datepicker-calendar
	{
	position:relative;
	display:inline-block;
	width:100%;
	margin:0;
	padding:30px 0;	
	}

.ui-datepicker-calendar thead, .ui-datepicker-calendar tbody
	{
	position:relative;
	display:inline-block;
	width:100%;
	}

.ui-datepicker-calendar thead tr, .ui-datepicker-calendar tbody tr
	{
	position:relative;
	display:inline-block;
	width:100%;
	padding:0;	
	}

.ui-datepicker-calendar thead tr th, .ui-datepicker-calendar tbody tr td
	{
	position:relative;
	display:inline-block;
	width:12.5%;
	height:40px;
	margin:0;
	padding:0;
	color:#3c3c3b;
	}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
	{
	background-image:none;
	background-color:#fff;	
	color:#3c3c3b;
	}

.ui-datepicker-calendar thead tr th span
	{
	display:inline-block;
	width:100%;
	height:40px;
	line-height:40px;
	background-color:#ccc;
	color:#3c3c3b;
	text-decoration:none;
	text-align:center;
	margin:0;
	padding:0;
	}

.ui-datepicker-calendar tbody tr td a, .ui-datepicker-calendar tbody tr td.ui-state-disabled span
	{
	display:inline-block;
	width:100%;
	height:40px;
	line-height:40px;
	border:#ccc solid 1px;
	border-top:none;
	background-color:#fff;
	color:#3c3c3b;
	text-decoration:none;
	text-align:center;
	margin:0;
	padding:0;
	}

.ui-datepicker-calendar tbody tr td.ui-state-disabled span
	{
	background-color: transparent;
	border:none;	
	}

.ui-widget a.ui-state-default
	{
	border:none;	
	}

.ui-datepicker-calendar tbody tr td.ui-datepicker-today a
	{
	background-color:#f8f3dd;
	border-color:#f8f3dd;
	}

.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a
	{
	background-color:#0d6a93;
	border-color:#0d6a93;
	color:#fff;
	}

.ui-datepicker-calendar tbody tr td a.ui-state-hover
	{
	background-color:#c0e5f7;
	border-color:#c0e5f7;
	color:#000;
	}

/* Datepickert Time Slider */

.ui-timepicker-div
	{
	position:relative;
	display:inline-block;
	width:212px;
	margin:2px;
	}

.ui_tpicker_time_label, .ui_tpicker_hour_label, .ui_tpicker_minute_label
	{
	position:relative;
	float:left;
	display:block;
	width:60px;
	line-height:30px;
	margin:0 0 5px 0;
	}

.ui_tpicker_time, .ui_tpicker_hour, .ui_tpicker_minute
	{
	position:relative;
	float:left;
	display:block;
	width:130px;
	height:15px;
	line-height:30px;
	padding:15px 0 0 0;
	margin:0 0 5px 0;
	}

.ui_tpicker_hour_slider, .ui_tpicker_minute_slider
	{
	width:140px;
	}

.ui_tpicker_time
	{
	padding:0;
	height:30px;	
	}

.ui-slider-handle
	{
	position:absolute;
	top:0px;
	width:20px;
	height:30px;
	border:#ccc solid 1px;	
	}

.ui-datepicker-buttonpane
	{
	position:relative;
	float:left;
	display:block;
	width:212px;
	margin:10px 0 0 0;
	padding:0;	
	}

.ui-datepicker-buttonpane .ui-state-default
	{
	position:relative;
	float:left;
	display:block;
	width:106px;
	line-height:24px;
	padding:0;
	margin:0;
	background-color:#3c3c3b;
	color:#fff;
	border:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	}



/* Dialog */

.pelco, .pelcoFeature, .pelcoHelper
	{
	padding:0;
	margin:0;
	border:#80868e solid 1px;
	box-shadow:0 0 6px 0 #000;
	max-width:90%;
	max-height:94%;
	overflow:auto;
	}


.mediaBrowser
	{
	margin-bottom:100px;	
	}

.pelco, .pelco .ui-dialog-titlebar, .pelcoEditor, .pelcoEditor .ui-dialog-titlebar
	{
	border:none;
	background-color:#2d2d2d;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	background-image:none;
	}

	

.fullscreenDialog
	{
	width:100%;
	height:100%;	
	}

.ui-dialog-titlebar
	{
	background-image:none;
	background-color:#2d2d2d;
	color:#80868e;
	border:none;	
	margin:0;
	padding:0;
	line-height:50px;
	font-weight:normal;
	font-size:1.1em;
	text-align:left;
	}

.ui-widget-header button.ui-state-default
	{
	background-color:#505051;
	border:none;	
	}

.ui-dialog .ui-dialog-content
	{
	padding:10px;
	margin:0;
	background-color:#2d2d2d;
	color:#fff;
	}

.pelcoEditor .ui-dialog-content
	{
	padding:0;
	margin:0;	
	}

.pelcoOverflowing #searchDialog
	{
	overflow:visible;	
	}

.ui-dialog-content p
	{
	padding:5px;
	margin:0;	
	}

.ui-dialog-content .popupTextarea
	{
	width:310px;
	padding:5px;	
	margin:10px 0 5px 0;
	min-height:110px;
	max-height:110px;
	max-width:310px;
	min-width:310px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	border:none;
	}

.ui-state-default .ui-icon
	{
	background-image: url("../jqueryui/images/ui-icons_ffffff_256x240.png");	
	}


.ui-dialog-buttonpane
	{
	margin:	0;
	padding:0;
	}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
	{
	position:relative;
	float:right;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	line-height:50px;	
	}

.ui-dialog .ui-dialog-buttonpane
	{
	margin:0;
	padding:0;	
	}


.ui-dialog .ui-dialog-buttonpane button
	{
	position:relative;
	float:right;
	display:block;
	width:50%;
	margin:0;
	padding:0;
	border:none;
	background-image:none;
	background-color:#2d2d2d;
	color:#80868e;
	line-height:50px;
	text-align:center;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	}


.ui-dialog .ui-button .ui-button-text
	{
	line-height:50px;	
	}

.ui-dialog .ui-dialog-buttonpane button.ui-state-hover
	{
	background-color:#ce1d2a;
	color:#fff;
	}


.ui-dialog .ui-dialog-buttonpane button.send-shortlist-btn
	{
	background-color:#fff !important;
	color:#000 !important;	
	}

.ui-dialog .ui-dialog-buttonpane button.send-shortlist-btn:hover
	{
	background-color:#b8b8b8 !important;
	}



.ui-widget-header button.ui-dialog-titlebar-close, .ui-widget-header button.ui-dialog-titlebar-close .ui-icon-closethick
	{
	background-image:none;
	font-family:'Icons';
	background-color:transparent;
	color:#ce1d2a;	
	}
	
.ui-widget-header button.ui-dialog-titlebar-close:before
	{
	content:"\f00d";	
	}



.custom-combobox
	{
	width:298px;
	height:30px;
	border-radius:0;
	margin:0 0 4px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:#ccc solid 1px;
	background-color:#fff;
	font-weight:normal;
	z-index:5;
	overflow:hidden;
	}
	
.custom-combobox-input
	{
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	margin-left:-1px;
	width:250px;
	height:22px;
	border:none;
	font-weight:normal;
	z-index:1;
	}

a.custom-combobox-toggle span
	{
	display:none;	
	}

.custom-combobox-toggle span.ui-button-text
	{
	position:absolute;
	top:10px;
	right:10px;
	width:0; 
	height:0;
	padding:0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #adb9c2;
	}

.custom-combobox-input
	{
	border-right:none;	
	}


.custom-combobox a.ui-state-hover
	{
	border:none;
	}




/* Context Menu */

/* Optionally define a fixed width for menus */
.ui-menu {
	width:auto;
	z-index:15000;
}
/* Allow to use <kbd> elements inside the title to define shortcut hints. */
.ui-menu kbd {
	padding-left: 1em;
	float: right;
}

/* Define a custom icon */
.ui-icon.custom-icon-firefox {
	/*background-image: url(application_firefox.gif);*/
	background-position: 0 0;
}


.ui-widget-content
	{
	color:#545454;	
	}

.ui-widget-content .ui-state-focus
	{
	background-image:none;
	background-color:#e6b42f;
	font-weight:normal;
	color:#000;
	border:none;
	}