/* body{overflow-y:scroll;} */

* {margin: 0; padding: 0;}
* {font-family: 'Ariel', 'Helvetica',sans-serif; font-size:12px;}
body{
	background:#FAFAFA;
}

html, body {
	height: 100%;
}

a {
	text-decoration: none; color:#11639f;
}

a:focus {
	outline: none;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover{
	text-decoration: none; color:red;
}

.right {text-align:right;}

textarea { resize:vertical; }

.changed{
	background:#CFE0FF ! important;
	color: blue ! important;
}

.required{
	/**
	background:none ! important;
	background-color:#8FD7FF! important;
	***/
	/*border:1px solid #FF8FA9 ! important;*/
 }

.disabled{
	background:#CCDDDE ! important;
	border:1px solid gray! important;
}

.error_field {
	color:red! important;
	border:1px solid red ! important;
}


.bigger{
	font-size:1.5em;
}

.bold{
	font-weight:bold;
}

.nowrap{
	white-space:nowrap;
}

.wrapper {
	min-height: 100%;
	height: auto ! important;
	height: 100%;
	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}

.footerdiv{
	font-size:1em;
	width:100%;
	height:20px;
	color:#333;
	background:#CCC;
	text-align:center;
}

#navigation{
width: 100%;
margin: 0 auto;
	position:fixed;
	background: #CCC;
	padding:0px;
	height:25px;
	z-index:2;
}

.menu{
/*margin:0 auto;
	width:800px;
	*/
	margin-left:10px;
}

.is_selected{
	color:#000 ! important;
	font-weight:normal;
}

.is_selected i{
	color:#FF7200 ! important;/* #FFA200 */
	font-weight:bold;
}

.nav {
list-style: none;
*zoom: 1;
margin:0px ! important;
padding:0px ! important;
}

.nav:before,
.nav:after {
content: " ";
display: table;
}

.nav:after {
clear: both;
}

.nav ul {
list-style: none;
 /*min-width: 9em;*/
 z-index:1900;
}

.nav a {
margin-right: 15px;
color:#000;
font-size:1.2em ! important;
vertical-align:bottom;
text-shadow:1px 1px#CCC;
margin-top:3px;
margin-bottom:5px;
}

.nav a:hover{
margin-right: 15px;
color:#00F;
text-shadow:1px 1px#EEE;
cursor:pointer;
}

.nav a i{
color:#516333;/*#117DEB; PV*/
font-size:1.2em ! important;
}


.nav li {
position: relative;
}
.nav > li {
float: left;
 }

.nav li .parent {
background-repeat: no-repeat;
background-position: right;
}

.nav > li > .parent {
background-color:transparent;
background-repeat: no-repeat;
background-position: right;
}
.nav > li > a {
display: block;

	/*text-shadow:1px 1px #eee;*/
}
.nav liul {
position: absolute;
left: -9999px;
background:#CCC;
border:1px solid gray;
z-index:1900;
}


.nav > li.hover > ul {
left: 0;
z-index:1900;
}

.nav li li.hover ul {
left: 100%;
top: 0;
/* border:1px solid #555;*/
background:#CCC;
/*border-radius:5px;*/
}
.nav li li a {
display: block;
position: relative;
z-index:1900;
	background: #CCC;
	padding:3px;
	white-space: nowrap;
}

.nav li li li a {
z-index:1900;
	border-left: 1px solid transparent;
	background:#CCC;
	display: block;
position: relative;
}

#content_main {
	background:#FAFAFA;
	padding-top:25px;
	margin:0px;
}

.content_main_tabbed {
	padding:18px 0 0 0;
	margin:10px 5px;
	position:relative;
}



.yellow{
	background-color:lightyellow;
}


.gray{
	background-color:#CCCCFF;
}

/* .dark{
	background-color:#BBBBCC ! important;
} */

.mytable {
	/*width:90%;*/
	border:1px solid #000;
	margin: 0px auto 6px auto;
	border-spacing:0;
}

.mytable table{
	border:none !important;
}

.mytable th{
	border-bottom:1px solid #000;
	background:#61A2CE;
	margin:0px;
	padding:5px 2px;
	color:#fff;
	/*text-shadow:2px 2px 4px #000;*/
	text-align:center ! important;
	white-space: nowrap;
}
.mytabletd {
	padding:5px;
	white-space: nowrap;
	text-align:left;
}

/* tr.yellow td {
	padding:5px;
	margin:0px;
	background:yellow;
} */

tr.gray td {
	padding:5px;
	margin:0px;
	background:gray;
}

table.mytable td{
	vertical-align:top;
	margin:0px;
	padding:5px 2px;
}
.tfood{
	border-top: 2px solid#F00 ! important;
}

.mytable tfoot{
	background-color:lightgray;

}

.mytable tr.footer
{
	border-top: 2px solid#F00 ! important;
}

.mytable tr.footer:hover
{
	background-color: lightgray ! important;
}



table.mytable td,table.mytable input, table.mytable select{
	font-size:12px;
}

select {
		padding:2px ! important;
		max-width:200px;
}


.mytable .error_message,.mytable .error_message p{
	color:red;
	font-size:12px ! important;
}

.mytable input[type=text] {
	 width:180px;
}

.mytable .short_field {
	 width:100px ! important;
}
.mytable input[type=checkbox] {
	margin-top:5px;
}

.mytable .translated{
	visibility:hidden;
	display:none;
}

.mytable .filter{

	/*background: #117DEB;
	color:aqua;
	border:1px solid aqua;*/
	width:95%;
}

.mytable .filter:focus{
	color:black ! important;
}

.paginated_table a.filtered_by {
	color:aqua ! important;
}


.mytable.filter_clear{
	color:aqua;
	position:relative;
}

.mytable.filter_clear:hover{
	color:red;
}

.mytable tr.pagination_row{
	background:lightgray! important;
	border-top:1px solid gray;
}

.mytable a{

}

.mytable a.arrow{
	margin-left:2px;
	margin-right:2px;
	display:inline-block;
	width:16px;
	height:15px;
	position:relative;
	top:3px;
	opacity:0.3;
}

.mytable a.arrow:hover {
	opacity:1.0;
	z-index:2;
}

.mytable .prev{
	background-image:url(../images/prev.png);
}

.mytable .next{
	background-image:url(../images/next.png);
}

.mytable .first{
	background-image:url(../images/first.png);
}

.mytable .last{
	background-image:url(../images/last.png);
}

.mytable .refresh{
	background-image:url(../images/refresh.png);
}

.mytable .table_info{
	float:right;
	margin-top:3px;
	margin-left:40px;
	font-weight:bold;
	color:black;
	display:inline-block;
}


.input-96 {
	width:96px !important;
}

.input-220 select, .input-220 input{
	width:190px;
}

.input-220 .custom-combobox-input {
	width: 220px;
}


/****/
.centered {
	text-align:center;
}

.heading {
	font-size:14px;
	font-weight:normal;
	padding-top:5px;
}


div .error {
	color:red;
}
div.error_message{
	display:block;
	clear:both;
	text-align:center;
	white-space:normal;
	color:red ! important;
}

div.message{
	margin:0 auto;
	font-size:1.3 em;
	text-align:center;
}

div.message span{
	padding:5px;
	margin:3px;
	border:1px solid #BFFFDA;
	border-radius:8px;
	display:inline-block;
	background:#BFFFDA;
	color:green;
}

div.success{
	color:green;
}

.mytable img {
	vertical-align: text-bottom;
}

.hovered:hover{
	background: aqua;
}

.forradio{
text-align:center;
padding-top:8px ! important;
}

.red {
	color:red;
}

/* .blue {color:blue;} */


a.white {
	color:#fff;
}

select .languages{
	background:#CCCCCC ! important;
}

.paginated_table{
	margin:0 auto;
	border-collapse:collapse;
	min-width:400px;
	text-align:left;
	border:1px solid black;

}
.pNEW {
table-layout: fixed ! important;
}

.pNEW.persist-header td {
	/* white-space:nowrap ! important; */
	text-align:center ! important

}

.pNEW td, .outer_table td{
	word-wrap: break-word ! important;

	vertical-align:top ! important;

	/*
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	*/
}

.paginated_table thead{
	position:static;
}

.paginated_table .normal-header {

	/*border-right:1px solid black;*/
	/*border-bottom:1px solid black;*/

}

.paginated_table .persist-header {
	position:fixed;
	z-index:1;
}

.paginated_table td, .paginated_table tr{
	vertical-align: middle ! important;
}

.paginated_table tbody a {/*.wide */
	display:inline-block;
	/* width:100%; PV */
}

.paginated_table caption, .table_enter caption{
	font-size: 16px;
	font-weight:bold;
	padding: 5px 0 5px 0;
	text-align:left;
}

/*
.paginated_table td, .paginated_table th, .paginated_table .outer_table td{
	text-align: left;
}
*/

/* Шапки на таблици */
.paginated_table th, .paginated_table .header_row td, table.edit_row th{
	/*background:#2694E8;*/
	background:#61A2CE;
	margin:0;
	padding:2px 5px;
	color:#fff;
	text-align: center;
	white-space: nowrap;
}

.paginated_table th, .paginated_table td{
	margin:0px;
	padding:5px 2px;
}

/* различен цвят за редовете в таблиците */

.mytabletr tr:nth-child(odd), .paginated_table tr:nth-child(odd), .mytabletr tr.even, .paginated_table tr.even {
	background:#e5e5e5;
	color:#000;
}

.mytabletr:hover, .paginated_table tr:hover {
  
	background: #F5FF9F !important;
}

.paginated_table tr.pagination_row{
	background:lightgray! important;
	border-top:1px solid gray;
}

.paginated_table a.arrow{
	margin-left:2px;
	margin-right:2px;
	display:inline-block;
	width:16px;
	height:15px;
	position:relative;
	top:3px;
	opacity:0.3;
}

.paginated_table a.arrow:hover {
	opacity:1.0;
	z-index:2;
}

.paginated_table .prev{
	background-image:url(../images/prev.png);
}

.paginated_table .next{
	background-image:url(../images/next.png);
}

.paginated_table .first{
	background-image:url(../images/first.png);
}

.paginated_table .last{
	background-image:url(../images/last.png);
}

.paginated_table .refresh{
	background-image:url(../images/refresh.png);
}

.paginated_table .filter{

	/*background: #117DEB;
	color:aqua;
	border:1px solid aqua;
	width:95%;*/
}

.paginated_table .filter:focus{
	color:black ! important;
}

.paginated_table a.filtered_by {
	color:aqua ! important;
}

.paginated_table .filter_select{

	background: #117DEB ! important;/*#CCCCFF;*/
	color:aqua;
	border:1px solid aqua;
	width:95%;
}

.paginated_table .filter_select:focus{
	color:black ! important;
}

.paginated_table a.filtered_by {
	color:aqua ! important;
}


.paginated_table .filter_clear{
	color:aqua;
	white:auto;
	float:right;
	z-index:1;
	margin:0px; padding:0px;
	padding-right:5px;
	padding-top:2px;
	text-shadow:none ! important;
}

.paginated_table .filter_clear:hover{
	color:red;
}

.paginated_table .new_filter_clear{
	position:absolute;right:3px; top:0px;
	text-shadow:none;
}

.paginated_table .new_filter_clear:hover{
	color:red;
}
/****
.paginated_table tbody{
 	height: 100px;
overflow-y: auto;
}
****/


.paginated_table .table_wait{
	display:none;
	position:absolute;
	width:50px;
	height:50px;
}

.paginated_table .table_info{
	float:right;
	margin-top:3px;
	margin-left:40px;
	font-weight:bold;
	color:black;
	display:inline-block;
}

.paginated_table .all_icons_place {
	white-space:nowrap;
	text-align:center;
	width:80px;
}

.paginated_table .delete_place{
	width:20px;
	text-align:center;
}

.paginated_table .del_sign{
	font-size:20px ! important;
}


#wait {
	display:none;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background: #FFF;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-order:10;
}

#wait_div {
	display:none;
}

.centered_img {
position: fixed;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
}

.paginated_table #wait_gif {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	/* the image is 100x100, so we use negative margins of 1/2 that size to center it*/
	margin: -50px 0 0 -50px;
}

.paginated_table .outer_div{
	overflow:hidden;
	overflow-y:auto;
	background:gray;
}

.paginated_table .outer_table{
	width:100%;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	min-height:10px;
}


.outer_table{
	table-layout:fixed; // important for IE to do word-wrap: break-word
}

.outer_table td{
	display:inline-block;
	word-wrap: break-word ! important;

}

.paginated_table .for_outer_table{
	padding:0px ! important;
	margin:0px ! important;
	background:#EEE;
}


.paginated_table .outer_table tr{
	height: 1em ! important;
}

.paginated_table.caption{
	text-align:center;
	font-size:1.2em;
	text-shadow:1px 1px 2px #000;
	color: white;
	background: rgb(109,179,242);
}


#myform select{
	max-width:100px;
}
#myform input[type=text]{
/*	max-width:80px; */
}

/***************UI ****************/

.ui-state-error{width:200px; margin:0 auto; margin-top:10px;}

.UI-textfield {
font: inherit;
color: inherit;
background:inherit;
text-align:left ! important;
outline: none;
cursor: text;
}



label{width:150px ! important;}

.login_table{
	margin-top:50px;
}

.login_table td{
	text-align:left;
	padding:5px;
}

.login_table th{
	text-align:center;
	padding:10px;
}

label{

	font-weight:bold;
}

.custom-combobox {
	position: relative;
	display: inline-block;
	top:1px;
white-space: nowrap;

}
.custom-combobox-toggle {
	position: relative;
	margin-left: -1px;
	padding: 0;
	width:14px;
	/* support: IE7 */
	height: 19px;//1.8em;
	top:-1px;
}

.custom-combobox-input {
	margin: 0;
	padding: 2px;
}
.button_width{
	min-width:150px;
}

.ui-dialog-titlebar-close
{
	float:right ! important;
	width:20px ! important;
	height:20px ! important;
	margin-top:2px;
	margin-right:4px;
}
.ui-dialog-titlebar-close:hover {
	background: #00F ! important;
}

.ui-menu .ui-menu-item ,

.ui-widget-content .ui-state-focus

{
	display:inline-block;
	min-height:1.4em ! important;

}

/*
table.ui-datepicker-calendara.ui-state-default,
table.ui-datepicker-calendara.ui-state-focus,
*/
table.ui-datepicker-calendara.ui-state-hover{
	display:block !important;
	min-height: 0 !important;
	color : red !important;
}

table.edit_row{
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	border:1px solid gray;
}


/*table.edit_row tbody td,table.edit_row tfoot td{background:#E2E5EE; padding:3px;vertical-align: top}*/
table.edit_row tbody td,table.edit_row tfoot td{padding:3px;}
.short{width:60px !important; padding:3px;}


ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all
{
	max-height: 200px;
	overflow: auto;
	border:1px solid gray;
}

#tabs li .ui-icon-close
{
float: left;
margin-top: 0.4em;
margin-right: 0.2em;
margin-bottom: 0px;
margin-left: 0px;
cursor: pointer;
}


#tabs ul {
white-space: nowrap;
}
#tabs ul li {
display: inline;
white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a{
	padding-right:0px ! important;
	max-width:250px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.ui-tabs .ui-tabs-nav li a:hover{
	color:blue;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a
{
	color:navy;
	cursor:default;
}

.ui-dialog-buttonpane.ui-button{
min-width:80px;
}

.ui-datepicker
{
	border:1px solid gray;
	-webkit-box-shadow: 5px 9px 5px rgba(52, 50, 50, 0.53);
	-moz-box-shadow:5px 9px 5px rgba(52, 50, 50, 0.53);
	box-shadow: 5px 9px 5px rgba(52, 50, 50, 0.53);
}

.tiny_table{
 	table-layout:fixed;
 	width:100%;
 	border-collapse:normal! important;
}

.tiny_table th,
.tiny_table td
{
 white-space:normal ! important;
 word-wrap:break-word ! important;
 border:0px solid white ! important;
}

.show_hidden {
	font-weight: normal ! important;
	poition:relative ! important;
	top:-4px ! important;
}

.left-alligned td{
	text-align:left ! important;

}


.ui-icon-close{opacity:0.4 ! important;}
.ui-icon-close:hover{opacity:1 ! important;}
.dummy_close {display:inline-block;width:15px;}

.content_main_tabbed_drivers{min-height:200px;}
.fontnormal {font-weight: normal ! important;}

/*
.table_enter a {color:blue;}
.table_enter a:hover {color:red;}
.table_enter tr:hover {background-color:yellow ! important;}
*/


/* #content_main > div > div#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all >ul.ui-tabs-nav li.ui-state-default */
.inner_tab ul.ui-tabs-nav li.ui-state-default
{
	background-image:none! important; background-color:#E4F1FB;
}

ul.ui-tabs-nav li.ui-state-default
{
	background-image:none! important; background-color:#9fd8ff;
}

.important-tab {background:#c4e796 !important;}

/* #content_main > div > div#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all > ul.ui-tabs-nav li.ui-state-active*/
ul.ui-tabs-nav li.ui-state-active
{
 	background-image:none! important; background-color:#FAFAFA ! important;
}


.headerlike
{
	text-transform: lowercase;
}

.headerlike:first-letter
{
text-transform: uppercase;
}

.required_mark{font-size:1.5em;color:red; font-weight:normal;}

.list_icon{padding:0px ! important; margin:0px! important;}

 /* Позиционира иконка в горния десен ъгъл */
.content_tabbed {position:relative;}
.content_main_tabbed .help-icon {position:absolute;top:-5px;right:5px;}
.content_tabbed .help-icon {position:absolute;top:5px;right:5px;}

/* маха сивия бордер на табовете */
.ui-tabs {border:none !important;}

/* описва клетките с иконки */
.tools-td a {margin:0 6px;}

/* Пътен лист */
.left_buttons {text-align:left;}
.float_left {float: left;}
.margin_left { margin-left: 5px; }
/* input[type=button] { margin-bottom: 15px; } */

.content_tabbed .table_wrapper {padding:10px 5px;margin:0 0 10px 0;}

/* main_tab */
.serviz_plan_to table.edit_row, .serviz_plan_to form table.paginated_table { margin: 15px auto !important; text-align: left; }
.paginated_table thead tr.normal-header th span { white-space: nowrap;display: block }
.paginated_table tfoot tr.pagination_row td input.input_style { width: 2em;text-align: right;font-weight: bold; }
.input_width{ width: 260px; }
td.select_width .custom-combobox input{ width: 260px; }

.bordered-table {
	border-top:solid 1px #000;
	border-left:solid 1px #000;
}

.bordered-table td {
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
}

/*************** всички промени и добавяния само CЛЕД този ред ***************/
/*************** други CSS-и не се пипат!! *******************************/
/*************** ТОЗИ ХЕДЪР ДА НЕ СЕ ТРИЕ, МОЛЯ ****************************/