/**************************************************************************************
	Переопределение стандартных стилей jQuery
**************************************************************************************/

.ui-tooltip {
	z-index: 1000000;
}


.ui-datepicker .ui-datepicker-buttonpane button {
	font-size: 0.87em;
}

.x-panel .ui-tabs{
	border: none;
	padding: 0px;
}

.x-panel .ui-tabs-nav{
	padding-left: 10px;
}

.x-panel .ui-widget-header {
    background: none; 
	border: none;
	/*border-top: 1px solid transparent;
    border-bottom: 1px solid #AAAAAA;*/
    border-radius: 0 0 0 0 !important;
    color: #222222;
    font-weight: bold;
}


.x-panel .ui-widget-content {
    background: none; 
	border: none;
}

.x-panel .ui-tabs-panel{
	padding: 0px;
	border: 1px solid #AAAAAA;
	/*border-top: none;*/
    border-radius: 10px 10px 10px 10px;
}

.x-form .ui-tabs-panel{
	padding: 10px;
}

/************************************************************************************************
	Виджеты
************************************************************************************************/

/***********************************
	TimePicker
***********************************/
.ui-datepicker{
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.ui-timepicker-div dl{
	margin: 10px 20px 0;
}

.ui_tpicker_time_label, .ui_tpicker_time, .ui_tpicker_second, .ui_tpicker_millisec{
	display: none;
}

.ui_tpicker_hour_label{
	/*margin-left: 20px;*/
}

.ui_tpicker_hour{
	display: inline-block;
	width: 25%;
	margin: 0 0 10px 60px !important;
}


.ui_tpicker_minute_label{
	width: 10px;
	display: inline-block;
	text-align: center;
}

.ui_tpicker_minute{
	display: inline-block;
	width: 25%;
	margin: 0 !important;
}

.ui-datepicker .ui-datepicker-buttonpane{
	margin: 0 !important;
}

/***********************************
	Autocomplete
***********************************/

.ui-autocomplete{
	z-index: 9999;
}

ul.ui-autocomplete{
	max-height:300px;
	overflow-y: auto;
	box-shadow: 0 0 10px #444;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

/*Пункт меню*/
.ui-menu .ui-menu-item a{
	padding: 10px;
}

.ui-menu .ui-menu-item:nth-child(even) a{
	background-color: #f5f5f5;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    margin: inherit; /*-1px*/
}

.ui-menu .ui-menu-item a {
	border: 1px solid transparent;
}

.x-autocomplete-list-item 
a.ui-state-focus{
	background: #08c !important;
	border-radius: 0 !important;
	color: white !important;
	/*background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	
}

/***********************************
	Editable
***********************************/
.x-input-editable{
	border: 1px solid #aaa !important; /*приоритет перед стилем ячейки, у которой левая граница как разделитель колонок*/
	background: white;
	box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
}

/***********************************
	qtip highlight in modal mode
***********************************/
.qtip-highlight{
	position: relative;
	z-index: 15000;
	background: white;
	border: 3px solid orange;
}



/***********************************

	Adaptive
	
***********************************/



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


	/******************************************
		Autocomplete
	******************************************/
	ul.ui-autocomplete {
		max-height: none !important;
		position: fixed !important;
		
		top: 10% !important;/*Нужно место чтобы тыкать пальцем, чтобы убрать список*/
		bottom: 10% !important;
		left: 5px !important;
		right: 5px !important;
		width: auto !important;
		
		/* left: 10px !important; */
		/* right: 10px !important; */
		/* overflow: hidden; */
	}
}