﻿/*
.ui-corner-all {
	border-color: #888;
}
*/
 
/*	override Selectmenu	*/
.ui-selectmenu-menu {
}
.ui-selectmenu-menu .ui-menu {
	border: 1px solid #aaa; 
	background:#fff;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item{
	color:#3a5611;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper{
	background: transparent;
}
.ui-selectmenu-menu .ui-menu li .ui-state-active{
	background: #0481af !important;
	color:#fff;
}
.ui-selectmenu-menu .ui-menu li.ui-state-selected{
	background: #0481af;
	border-color: transparent;
	color: #fff;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
}
.ui-selectmenu-button {
	height: 25px; 
	line-height: 25px;
	background: #f2f2f2;
	border: 1px solid #dcdcdc;  
}
.ui-selectmenu-button.ui-state-hover ,
.ui-selectmenu-button.ui-state-focus {
	background: #f8f8f8;
}
.ui-selectmenu-button.ui-state-focus {
	border: 1px solid #aaa;  
}
.ui-selectmenu-button span.ui-selectmenu-text{
	color: #333; 
	outline:none; 
	font-weight:bold;
}

/*	override multiselect	*/
/*
.ui-multiselect-checkboxes-toplevel label{
	background-color:#dadada;
}

*/
.ui-selectmenu-button, .ui-selectmenu-button:focus{
	background: #0481af;
	border: 3px solid #fff;
	font-size: 18px;
	color: #fff;
	height: 42px;
	line-height: 36px;
	min-width: 380px;
	text-align: right;
	direction: rtl;
}
.dialog-content .ui-selectmenu-button{
	min-width: auto;
}
.ui-selectmenu-button:hover{
	background: #4f9bb7;
	border: 3px solid #fff;

}
.ui-selectmenu-button span.ui-selectmenu-text{
	color: #fff;
	padding-left: 34px;
	padding-right: 11px;
	text-align: right;
}
.ui-selectmenu-button span.ui-selectmenu-icon,
.ui-selectmenu-button:hover span.ui-selectmenu-icon,
.ui-selectmenu-button:focus span.ui-selectmenu-icon{
	background: url('Images/arrow-down.png') no-repeat;
	left: 13px;
	margin-top: -5px;
}
.ui-dialog .ui-widget-content{
	background: none;
	box-shadow: none;
	border: none;
	max-width: 517px !important;
	overflow: visible;
	direction: ltr;
}
.ui-widget-content div{
	direction: rtl;
}
.ui-widget-overlay{
	filter: alpha(opacity=80) !important;
    opacity: 0.8 !important;
}
.ui-dialog .ui-dialog-titlebar-close{
	background: url('images/close.png');
	height: 30px;
	width: 30px;
	text-indent: 9000px;
	border: none;
	right: 0 !important;
	left: auto !important;
	top: 0 !important;
}
.ui-button-icon,
.ui-button-icon-space{display: none;}
.ui-draggable .ui-dialog-titlebar{
	height: 0;
	padding: 0;
	border: none;
}
.ui-dialog .ui-dialog-content{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	padding: 0 0 35px;
}
.ui-dialog .ui-widget-content{
	width: 100% !important;
	max-width: 518px !important;
	padding: 0;
}
.ui-tabs.ui-widget-content{
	max-width: 100% !important;
	padding: 0;
}
.ui-tabs .ui-tabs-nav{
	border-radius: 0;
	border-color: #048ec1;
	border-style: solid;
	border-width: 0 0 2px;
	text-align: center;
	background: none;
	padding: 0;
}
.cms_rtl .ui-tabs .ui-tabs-nav{
	direction: rtl;
}
.ui-tabs .ui-tabs-nav li{
	background: none;
	display: inline-block;
	float: none;
	background: #dfe4e9;
	border-color: #048ec1;
	border-width: 2px 2px 0 2px;
	border-radius: 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	display: block;
	color: #048ec1;
	font-size: 30px;
	float: none;
	min-width: 280px;
	padding: 2px 10px;
	text-align: center;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	background-color: #fff;
	margin-bottom: -2px;
	padding-bottom: 2px;
}
.ui-tabs .ui-tabs-panel{padding: 0;}
.cms_rtl .ui-selectmenu-button span.ui-icon{
	right: auto !important;
	left: 7px !important;
}
/*@media (max-width: 992px) {
	.ui-tabs .ui-tabs-nav li{
		border-color: transparent;
		background-color: #939392;
		margin-right: 0;
		width: 50%;
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-active{background-color: #048ec1;
	}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
		font-size: 18px;
		padding: 8px;
		color: #fff;
		min-width: inherit;
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color: #fff;}
}*/

.dialog-content .ui-selectmenu-button{
	background-color: #fff;
	border: 1px solid #25c3fd;
	width: 100% !important;
	line-height: 34px;
	height: 38px;
	position: relative;
}
.dialog-content .ui-selectmenu-button:before{
	content: '*';
	font-size: 10px;
	color: #a0254b;
	position: absolute;
	right: 4px;
	top: 1px;
}
.dialog-content .ui-selectmenu-button span.ui-selectmenu-text{
	color: #303337;
	font-size: 12px;
	padding-right: 12px;
}
.dialog-content .ui-selectmenu-button span.ui-selectmenu-icon{
	background: none;
	height: 0;
	width: 0;
	border-color: #000 transparent transparent;
	border-style: solid;
	border-width: 10px 8px 0 8px;
}

.form-fields-wrpa.gr-blue {
	/*margin-left: -50px !important;
	margin-right: -50px !important;*/
}

@media (max-width: 768px) {
	.dialog-head {
		display: none;
	}

	.ui-dialog .ui-dialog-titlebar-close {
		left: 40px !important;
		right: auto !important;
		top: 50px !important;
		z-index: 10;
		border: 1px #fff solid;
		/* padding-bottom: 6px; */
		height: 32px;
	}

	.tabs.ui-widget-content {
		margin-bottom: 0;
	}

	.ui-tabs .ui-tabs-nav li{
		border-color: transparent;
		background-color: #939392;
		margin-right: 0;
		width: 50%;
		margin-top: 0;
		box-sizing: border-box;
		float:right
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-active{background-color: #048ec1;
	}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
		font-size: 18px;
		padding: 8px;
		color: #fff;
		min-width: inherit;
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color: #fff;}
	.ui-tabs>.ui-helper-clearfix:before, .ui-tabs>.ui-helper-clearfix:after {
		display: none;
	}
}

@media (max-width: 570px) {
	.ui-dialog {
		width: 95%;
	}

	.ui-dialog .ui-dialog-titlebar-close {
		left: 20px !important;
	}

	.dialog-content .form-fields-wrpa {
		/*padding-left: 20px;
		padding-right: 20px;*/
	}

	.form-fields-wrpa.gr-blue {
		margin-left: 0px !important;
		margin-right: 0px !important;
		/*padding-right: 40px;
		padding-left: 40px;*/
	}
}

@media (max-width: 480px) {

	.ui-dialog .ui-dialog-titlebar-close {
		left: 10px !important;
	}
}
