/* main body style */
.body_index {
	FONT-SIZE: 14px; 
	COLOR: #000000; 
	BACKGROUND-color: #FFFFFF; 
	font-family: arial; 
	TEXT-DECORATION: none; 
	align: center; 
	valign: top;
}
.body_in    {
     background-image: url("../images/y4.jpg");
background-attachment: fixed; 
        align-content: center;
          FONT-FAMILY: arial; 
            FONT-SIZE: 12px; 
                COLOR: #000000; 
     BACKGROUND-color: #FFFFFF; 
      TEXT-DECORATION: none; 
/*
scrollbar-face-color: #993300;
scrollbar-arrow-color:#FFEE00;
scrollbar-track-color: #663300;
scrollbar-shadow-color: #FFCC00;
scrollbar-highlight-color: #FF0000;
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color: #442200;
*/
}
.body_print {
	FONT-SIZE: 12px; 
	COLOR: #000000; 
	BACKGROUND-color: #FFFFFF; 
	FONT-FAMILY: arial; 
	TEXT-DECORATION: none; 
	align-content: center;
}

.dropcontent{display:none;}
.showcontent{display:block;}

.red {font-size: 14px; color: red; font-family: arial, helvetica, verdana, sans-serif;}
.red_small {font-size: 11px; color: red; font-family: arial, helvetica, verdana, sans-serif;}
.msg_text {font-size: 10px; color: #FFCC99; font-family: arial, helvetica, verdana, sans-serif;}

.cal_number_d {FONT-SIZE: 60px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none; align: center;}
.cal_number_m {FONT-SIZE: 30px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none; align: center;}
.cal_number_l {FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none; align: center;}

.cal_index_d {FONT-SIZE: 60px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none; align: center;}
.cal_index_m {FONT-SIZE: 30px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none; align: center;}
.cal_index_l {FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none; align: center;}

/* Стил за менюто извън сайта */
.menu_text_white { 
  font-size: 16px; 
  font-family: Arial; 
  text-align: center;
  color: #FFFFFF;
  margin: 0px 25px 0px 25px;
  width: 150px; 
  border-radius: 4px; 
  display: inline;
}
.clock_div_white { 
  font-size: 14px; 
  font-family: Arial; 
  text-align: center;
  color: #FFFFFF;
  margin: 0px 5px 0px 5px; 
  display: inline;
}
/* Стил за менюто вътре в сайта */
div.sdmenu {
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	/*padding-bottom: 10px;
	background: url(/images/bottom.gif) no-repeat right bottom;*/
	color: #000000;
	border-radius: 6px;
}
div.sdmenu div {
	/*background: url(/images/title.gif) repeat-x;*/
	overflow: hidden;
	background: linear-gradient(#AA9900, #663300);
}
div.sdmenu div:first-child {
	background: linear-gradient(#AA9900, #663300);
	/*background: url(/images/toptitle.gif) no-repeat;*/
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(/images/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(/images/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #750012 url(/images/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

.head_text_white { font-size: 16px; font-family: Arial; color: #FFFFFF;}
.head_text_tittle { font-size: 40px; font-family: Arial; color: #FFFFFF;}
.head_text_small { font-size: 14px; font-family: Arial; color: #00FFFF;}

.main_div {
  position: relative;
	margin: 15px 0px 50px 165px;
}
.header_div {
  position: relative;
	margin: 0px 0px 5px 165px; 
	height: 45px; 
	border: #000000 1px solid; 
	background-color: #FFCC00;
	border-radius: 6px;
}
.header_div #user_info{
  position: absolute;
  top: 5px;
  left: 0;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.header_div #doc_info{
  position: absolute;
  top: 5px;
  left: 200px;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.header_div #div_info{
  /* position: absolute; */
  width: 36px; 
  height: 36px; 
  color: #FFFFFF;
  background-image: linear-gradient(135deg,#0026ff,#00ffd9 80%);
  border: 1px solid #000000;
  border-radius: 18px;
  font-family: Times New Roman;
  font-size: 28px;
  line-height: 1.3;
  /* top: 4px;
  left: 360px; */
  float: right;
  -ms-transform: translate(-5px, 3px);
  transform: translate(-5px, 3px);
  z-index: 11;
}
.header_div #car_info{
  position: absolute;
  top: 5px;
  left: 400px;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.header_div #sim_info{
  position: absolute;
  top: 5px;
  left: 440;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.header_div #task_info{
  position: absolute;
  top: 5px;
  left: 480;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.header_div #mail_info{
  position: absolute;
  top: 5px;
  left: 520;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.header_div #easy_pay_info{
  position: absolute;
  top: 5px;
  left: 560;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.main_div #pad_menu {
  position: absolute;
  top: 0px;
  left: 0px;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.main_div #add_div {
  position: absolute;
  top: 5px;
  left: 40px;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.main_div #title_div {
  position: absolute;
  top: 0%;
  left: 50%;
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  width: 400px;
  border: 2px solid #663300;
  border-radius: 6px;
	background-color: #FFCC00;
	box-shadow: 10px 10px 10px #444;
	font: 14px bold arial;
	color: #000000; 
	TEXT-DECORATION: none;
}
.main_div #info_div {
  position: absolute;
  top: 0%;
  right: 0%;
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.main_div #menu {
  position: absolute;
  top: 40px;
  left: 0px;
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
	border: #000000 1px solid; 
	border-radius: 6px;
	background: #aaaaaa;
  z-index: 1;
}
/* Стил по подразбиране за линкове */
A {color: white;}
A:LINK {TEXT-DECORATION: none;}
A:HOVER {TEXT-DECORATION: none;}
A:VISITED {TEXT-DECORATION: none;}
A:ACTIVE {TEXT-DECORATION: none;}

/* Стилове за принт форма */
table.print {background-color: #FFFFFF; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
th.print {padding: 2px; background-color: #BFBFBF; font-size: 14px; color: #000000; font-family: Arial;}
td.print {color: #000000; background-color: #FFFFFF; font-size: 12px; font-family: arial; padding: 2px; border-bottom: 1px solid #000000;}
tr.print:nth-child(even) {background-color: #9F9F9F;}
tr.print:nth-child(odd) {background-color: #FFFFFF;}

/* Стилове за таблица */
.table_tittle {font-size: 14px; color: #FFCC00; font-family: Arial;}
.tittle {font-size: 14px; color: #000000; font-family: Arial;}
table.view1, th.view1 {border: 1px solid #000000;}
th.view1 {padding: 2px; background-color: #663300; font-size: 14px; color: #FFCC00; font-family: Arial;}
tr.view1:nth-child(even) {background-color: #FFEE00;}
tr.view1:nth-child(odd) {background-color: #FFCC00;}
td.view1 {color: #000000; font-size: 12px; font-family: arial; padding: 2px; border-bottom: 1px solid #000000;}

/* Стилове за таблица */
table.view2, th.view2 {border: 1px solid #000000;}
th.view2 {padding: 2px; background-color: #663300; font-size: 14px; color: #FFCC00; font-family: Arial;}
tr.view2:nth-child(even) {background-color: #FFEE00;}
tr.view2:nth-child(odd) {background-color: #FFCC00;}
td.view2 {color: #000000; font-size: 12px; font-family: arial; padding: 2px; border-bottom: 1px solid #000000;}

.dynamic DIV[id*='header'] {
  cursor: pointer;
}


/* Нови общи стилове за прозорци */

/* Стил за заглавна лента на подпрозорец тип основен */

.subwin_tmain_htittle_brown {
  width: 100%; 
  height: 20px; 
  background-color: #663300; 
  color: #ffffff;
  border-radius: 5px 5px 0px 0px;
}









.htittle {
  width: 100%; 
  height: 20px; 
  background-color: #663300; 
  color: #FFCC00;
  border-radius: 5px 5px 0px 0px;
}


#dhtmltooltip{
  position: absolute;
  width: 150px;
  text-align: center;
  border: 2px solid black;
  border-radius: 5px;
  padding: 2px;
  background-color: #45ba51;
  visibility: hidden;
  z-index: 100;
  /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  box-shadow:10px 10px 10px #444;
}


/* INPUT CHECKBOX - Custom view - стил сиво-зелен */
/* The container */
.container_gg {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.container_gg input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark_gg {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 15px;
  width: 15px;
  background-color: #aaaaaa;
  border-radius: 50%;
  border: 1px solid black;
}
/* On mouse-over, add a grey background color */
.container_gg:hover input ~ .checkmark_gg {
  background-color: #797979;
}
/* When the checkbox is checked, add a blue background */
.container_gg input:checked ~ .checkmark_gg {
  background-color: #15aa00; /* #2196F3 */
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_gg:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container_gg input:checked ~ .checkmark_gg:after {
	display: block;
}
/* Style the checkmark/indicator */
.container_gg .checkmark_gg:after {
/* 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
	*/
}
/*
<label class="container">One
  <input type="checkbox" checked="checked">
  <span class="checkmark"></span>
</label>
*/

/* INPUT CHECKBOX - Custom view */
/* The container */
.container_r {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.container_r input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark_r {
  position: absolute;
  left: 5px;
  top: 0px;
  height: 20px;
  width: 20px;
  background-color: #FF0000;
}
/* On mouse-over, add a grey background color */
.container_r:hover input ~ .checkmark_r {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container_r input:checked ~ .checkmark_r {
  background-color: #2196F3; /* transparent */
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_r:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container_r input:checked ~ .checkmark_r:after {
  display: block;
}
/* Style the checkmark/indicator */
.container_r .checkmark_r:after {
  left: 5px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*
<label class="container">One
  <input type="checkbox" checked="checked">
  <span class="checkmark"></span>
</label>
*/

/* INPUT radio - Custom view - стил сиво-зелен */
/* The container */
.radio_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default radio button */
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.radio_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.radio_container:hover input ~ .radio_checkmark {
  background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.radio_container input:checked ~ .radio_checkmark {
  background-color: #2196F3;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.radio_container input:checked ~ .radio_checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.radio_container .radio_checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/*
<label class="container">One
  <input type="radio" checked="checked" name="radio">
  <span class="checkmark"></span>
</label>
*/

/* INPUT DATE - нормален */
input[type=date].view1 {
	font-size: 12px;
	font-family: Arial;
	color: #000000;
	background-color: #FFEE00;
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
}
/* Бутон SUBMIT - нормален */
input[type=submit] {
	font-size: 12px;
	font-family: Arial;
	color: #FFCC00;
	background-color: #663300; 
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
	border-radius: 6px;	
}
/* INPUT NUMBER - нормален */
input[type=number] {
	font-size: 12px;
	font-family: Arial;
	color: #000000;
	background-color: #FFEE00;
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
}
/* INPUT PASSWORD - нормален */
input[type=password] {
	font-size: 12px;
	font-family: Arial;
	color: #000000;
	background-color: #FFEE00;
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
}
/* INPUT TEXT - нормален */
input[type=text] {
	font-size: 12px;
	color: #000000;
	background-color: #FFEE00; 
	font-family: Arial;
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
}
/* INPUT BUTTON - нормален */
input[type=button] {
	font-size: 12px;
	font-family: Arial;
	color: #FFCC00;
	background-color: #663300; 
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
	border-radius: 6px;	
}
/* Бутон FILE - нормален */
input[type=file] {
	font-size: 12px;
	font-family: Arial;
	color: #FFCC00;
	background-color: #663300; 
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
	border-radius: 6px;	
}
input[list] {
	font-size: 12px;
	color: #000000;
	background-color: #FFEE00; 
	font-family: Arial;
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;	
}
/* INPUT CHECKBOX - нормален */
input[type=checkbox] {
	font-size: 12px;
	color: #000000;
	background-color: #FFEE00; 
	font-family: Arial;
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
}
/* Стилове за textarea */
textarea.view1 {
	font-size: 12px; 
	color: #000000; 
	background-color: #FFEE00; 
	font-family: Arial;
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
}
/* Стилове за SELECT */
select.view1 option {
	background-color: #000000; 
	color: #FFAA00;
}
select.view1 {
	font-size: 12px; 
	color: #000000; 
	background-color: #FFEE00;/* transparent;  */
	font-family: Arial;
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
}

/* INPUT NUMBER - нормален */
select.task {
	font-size: 12px;
	font-family: Arial;
	color: #000000;
	background-color: #FFEE00;
	BORDER-TOP: #993300 2px solid; 
	BORDER-BOTTOM: #442200 2px solid; 
	BORDER-LEFT: #993300 2px solid; 
	BORDER-RIGHT: #442200 2px solid;
}
datalist.view1 option {
	background-color: #000000; 
	color: #FFAA00;
}
input[name='obekti_list']{
	background-color: #000000; 
	color: #FFAA00;
}
.check_grey {
	display: inline-block; 
	width:10px; 
	height:10px; 
	background-color: grey;
	border: 1px solid #000000;
	border-radius: 6px;
}
.check_green {
	display: inline-block; 
	width:10px; 
	height:10px; 
	background-color: green;
	border: 1px solid #000000;
	border-radius: 6px;
}
/* Стилове за текст в целия сайт */
.black14 {
	font-size: 14px; 
	color: #000000; 
	font-family: arial; 
	TEXT-DECORATION: none;
}
.white14 {
	font-size: 14px; 
	color: #FFFFFF; 
	font-family: arial; 
	TEXT-DECORATION: none;
}

.tab_fak {
  BORDER-TOP: #000000 1px solid;
  BORDER-BOTTOM: #000000 1px solid;
  BORDER-LEFT: #000000 1px solid;
  BORDER-RIGHT: #000000 1px solid;
  color: #000000;
  font-size: 15px; 
}
.small {font-size: 12px; color: #000000; font-family: arial;}
.small2 {font-size: 14px; color: #000000; font-family: arial;}



/* Анимации */

.glow {
  color: #fff;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 50px #e60000, 0 0 60px #e60000, 0 0 70px #e60000;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 50px #e60000, 0 0 60px #e60000, 0 0 70px #e60000, 0 0 80px #e60000;
  }
}