/* ---------------------------------------------------------
 * Popup
 * jquery-ui.min.js / .dialog()
 * jquery.widgets.js / .popup()
 * ---------------------------------------------------------- */

.ui-widget-overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	height:100%;
	width:100%;

	background-color:#000;
	opacity: 0.55;
	filter: alpha(opacity=55);
}


.ui-dialog.popup {
	position:absolute;
	z-index:1100;

	background-color:#fff;
}

.ui-dialog.popup .ui-dialog-titlebar {
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	height:60px;
	padding-top:12px;

	font-size:30px;
	font-family:'Raleway', Arial, sans-serif;
	font-weight:700;
	text-align:center;
}
.ui-dialog.popup .ui-dialog-title {} 
.ui-dialog.popup .ui-dialog-titlebar-close { display:none; }
.ui-dialog.popup .ui-dialog-titlebar-close span {}
.ui-dialog.popup .ui-dialog-titlebar-close:hover {}



.ui-dialog.popup .ui-dialog-content {
	overflow-x:hidden;
}
.ui-dialog.popup .popup-buttons {
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	height:70px;
	padding-top:15px;
	text-align:center;
}
.ui-dialog.popup .popup-buttons .btn {
	min-width:0;
}
.ui-dialog.popup table { margin:0; }



/* ---------------------------------------------------------
 * Tooltip
 * jquery-ui.min.js / .tooltip()
 * ---------------------------------------------------------- */

.ui-tooltip {
	padding:1px;
	min-width:200px;
	min-height:100px;
	background:#fff/* url('../img/ajax-loader.gif') no-repeat 50% 50%*/;

	border-top:3px solid #df1e30;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

	-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5);
	box-shadow:0 0 6px rgba(0,0,0,0.5);
}

.ui-tooltip .arrow {
	width:15px;
	height:56px;
	overflow: hidden;
	position: absolute;
	left:-15px;
	top:0px;
	margin-top:-23px; /* 56/2 -5 correct*/
}
.ui-tooltip .arrow:after {
	background:#fff;
	content: "";
	position: absolute;
	left: 10px;
	top: 15px;
	width: 25px;
	height: 25px;

	-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5);
	box-shadow:0 0 6px rgba(0,0,0,0.5);

	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* ---------------------------------------------------------
 * Tabs 
 * jquery-ui.min.js / .tabs()
 * ---------------------------------------------------------- */

.ui-tabs-nav,
.ui-tabs-nav li {
	display:block;
	margin:0;
	padding:0;
}

.ui-tabs-nav {
	margin-left:7px;
/*	border-bottom:1px solid #bbbdbf;*/
}
.ui-tabs-nav li {
	float:left;
	padding:4px 1px 0;
}
.ui-tabs-nav li.ui-tabs-active {
	position:relative;
	top:1px;
	z-index:1;
	padding:0px 0px 1px;

	background-color:#f9f9f9;
	border:1px solid #bebec3;
	border-top:3px solid #8ab64d;
	border-bottom:none;
}


.ui-tabs-nav li a {
	display:block;
	padding:12px 12px 13px;
	font-size:110%;
	font-weight:bold;
	color:#989a9a;
}
.ui-tabs-nav li a,
.ui-tabs-nav li a:hover { text-decoration:none; }

.ui-tabs-nav li.ui-tabs-active a {
	color:#000;
}

.ui-tabs-panel {
	position:relative;
	background-color:#f9f9f9;
	border:1px solid #bebec3;
}




/* ---------------------------------------------------------
 * Accordion
 * jquery-ui.min.js / .accordion()
 * ---------------------------------------------------------- */

.ui-accordion-section {
	border-top:1px solid #e0e3e5;
	border-bottom:1px solid #e0e3e5;
}
.ui-accordion-section + .ui-accordion-section { border-top:none; }

.ui-accordion-header {
	display:block;
	padding: 5px;
/*	font-size:110%;*/
	font-weight:bold;
	color:#000;
	cursor:pointer;

	border-left:3px solid #8ab64d;
	background-color:#f2f3f3;
}

.ui-accordion-content {
	border-top:1px solid #e0e3e5;
}





/* ---------------------------------------------------------
 * Loader
 * jquery.widgets.js / .statusLoader()
 * jquery.blockUI.js / .blockUI()
 * ---------------------------------------------------------- */

.blockOverlay,
.loader-overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:1200;
	height:100%;
	width:100%;

	background:#000 url('../img/loader.gif') no-repeat 50% 50%;
	opacity: 0.6;
	filter: alpha(opacity=60); /* related to blockUI settings in JS */
}
.loader-tooltip {
	display:none;
	position:fixed;
	z-index:1201;
	bottom:50%;
	left:50%;
	margin:0 0 -17px -17px;

	width:34px;
	height:34px;
}



/* ---------------------------------------------------------
 * CustomCheckbox
 * jquery.widgets.js / .customCheckbox()
 * ---------------------------------------------------------- */

.customcheckbox, 
.customradio {
	display:inline-block;
	position:relative;
	overflow:hidden;
	z-index: 1;
}
.customcheckbox input, 
.customradio input {
	position:absolute;
	left:-50px;
	top:-50px;
	margin:0;
	z-index:0;
}

	
/* checkbox states */

.customcheckbox-label {
	cursor:pointer;
	width:12px;
	height:12px;
	display:inline-block;
	margin:2px;

	background-color:#fff;

	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border:1px solid #bebec3;

	-moz-box-shadow:inset 0 1px 0 #efefef;
	-webkit-box-shadow:inset 0 1px 0 #efefef;
	box-shadow:inset 0 1px 0 #efefef;
}

.customcheckbox-label:hover {
	border-color:#3698fd;
}
input:checked + .customcheckbox-label {
	border-color:#3698fd;
	background:#3698fd url('../img/checkbox-tick.png') no-repeat 50% 50%;

	-moz-box-shadow:0 0 2px #3698fd;
	-webkit-box-shadow:0 0 2px #3698fd;
	box-shadow:0 0 2px #3698fd;
}



/* ---------------------------------------------------------
 * DragScroll
 * jquery.widgets.js / .dragScroll()
 * ---------------------------------------------------------- */

.dragScroll {}







/* ---------------------------------------------------------
 * Autocomplete
 * jquery-ui.min.js / .autocomplete()
 * ---------------------------------------------------------- */

.ui-autocomplete {
	position:absolute;

	background-color:#fff;
	border:1px solid #c3d2d5;
}

.ui-autocomplete .ui-menu-item {
	display:block;
	font-size:12px;
	line-height:22px;
	height:22px;
	padding:1px 9px;
}
.ui-autocomplete .ui-menu-item .highlight {
	display:inline-block;
	background-color:#fff9bd;
}

.ui-autocomplete .ui-menu-item.ui-state-focus {
	background-color:#8dd8f8;
}
.ui-autocomplete .ui-menu-item.ui-state-focus .highlight {
	background:none;
}

.ui-autocomplete-clear {
	display:none;

	position:absolute;

	width:24px;
	height:22px;
	background-color:#fff;
	text-align:center;
	cursor:pointer;
}
.ui-autocomplete-clear:after {
	font-family: FontAwesome;
	content: "\f00d";
	font-size:18px;
	line-height:20px;
	color:#888;
}


/* ---------------------------------------------------------
 * Datepicker
 * jquery-ui.min.js / .datepicker()
 * ---------------------------------------------------------- */

.ui-datepicker {
	display:none;
	position:realtive;
	padding:7px;
	z-index:500 !important;

	background-color:#fff;
	border:1px solid #666;
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0 2px 3px rgba(0,0,0,0.2);
	box-shadow:0 2px 3px rgba(0,0,0,0.2);
}

.ui-datepicker-group {
	width:211px;
	float:left;
}
.ui-datepicker-group + .ui-datepicker-group { margin-left:10px; }

.ui-datepicker-row-break {
	height:0;
	clear:both;
}

/* month neader */

.ui-datepicker-header {
	padding:2px 0 10px;
}
.ui-datepicker-title {
	text-align:center;
	font-size:14px;
}


/* controls */

.ui-datepicker-prev,
.ui-datepicker-next {
	position:absolute;
	top:8px;

	display:block;
	width:20px;
	height:24px;
	text-align:center;

	color:#383d42;
	cursor:pointer;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	color:#39a7fe;
}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
	display:none;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
	display:block;
	font-family: FontAwesome;
	font-size:16px;
	line-height:22px;
}
.ui-datepicker-prev.ui-state-disabled,
.ui-datepicker-next.ui-state-disabled {
	color:#999;
	cursor:default;
}


.ui-datepicker-prev {
	left:10px;
	text-align:left;
	padding-left:4px;
}
.ui-datepicker-prev:after { content: "\f053"; }

.ui-datepicker-next {
	right:10px;
	text-align:right;
	padding-right:4px;
}
.ui-datepicker-next:after { content: "\f054"; }


/* calendar table */

table.ui-datepicker-calendar {
	border-collapse:collapse;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	width:34px;
	text-align:center;
	font-size:12px;
	border:1px solid #fff;
}

.ui-datepicker-calendar th {
	font-weight:bold;
	padding:0 0 3px;
	color:#000;
}
.ui-datepicker-calendar td {
}
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
	display:block;
	padding:6px 0;
	color:#333;
	background-color:#f0f0f0;
}


.ui-datepicker-calendar td.ui-datepicker-week-end a,
.ui-datepicker-calendar td.ui-datepicker-week-end span {
	background-color:#d6d6cf;
}

.ui-datepicker-calendar td.ui-datepicker-other-month a,
.ui-datepicker-calendar td.ui-datepicker-other-month span {
	background-color:#fff;
}
.ui-datepicker-calendar td.ui-datepicker-week-end.ui-datepicker-other-month a,
.ui-datepicker-calendar td.ui-datepicker-week-end.ui-datepicker-other-month span {
	background-color:#fff;
}
/*.ui-datepicker-calendar td.ui-datepicker-other-month,
.ui-datepicker-calendar td.ui-datepicker-other-month a,
.ui-datepicker-calendar td.ui-datepicker-other-month span {
	color:#999;
}*/
.ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker-calendar td.ui-datepicker-today span {
	background-color:#f8f820;
}
.ui-datepicker-calendar td.ui-datepicker-current-day a,
.ui-datepicker-calendar td.ui-datepicker-current-day span {
	color:#fff;
	background-color:#ef2a33;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable span {
	opacity: 0.4;
	filter: alpha(opacity=40);
}


/* ---------------------------------------------------------
 * Timepicker
 * jquery.timepicker.min.js / .timepicker()
 * ---------------------------------------------------------- */

.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 100px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
	font-size:14px;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 4px 0 4px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff;
	color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC;
	color: #fff;
	font-weight:bold;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}




/* ---------------------------------------------------------
 * Waypoints for Order Summary
 * jquery.widgets.js / .orderSummaryWaypoints()
 * ---------------------------------------------------------- */

.waypoint-container { position:relative; }
.waypoint-top {}
.waypoint-bottom { clear:both; }