div.upload-wrapper {
  color: white;
 # font-weight: bold;
  display: flex;
}
 
input[type="file"] {
  position: absolute;
  left: -9999px;
}
 
input[name="SubmitUploadFile"] {
  border: 3px solid #555;
  color: white;
  background: #666;
  margin: 10px 0;
  border-radius: 5px;
  #font-weight: bold;
  padding: 5px 15px;
  cursor: pointer;
}

input[type="submit"]:hover {
  background: #555;
}
 
label[for="file-upload"] {
 padding: 0.3rem;
  display: inline-block;
  background: #fa5200;
  cursor: pointer;
  border: 3px solid #ca3103;
  border-radius: 0 5px 5px 0;
  border-left: 0;
}
label[for="file-upload"]:hover {
  background: #ca3103;
}
 
span.file-name {
  padding: 0.3rem 3rem 0.3rem 0.3rem;
  white-space: nowrap;
  overflow: hidden;
  background: #ffb543;
  color: black;
  border: 3px solid #f0980f;
  border-radius: 5px 0 0 5px;
  border-right: 0;
}
/*End Upload File*/

#requestSearchField{
	width: 140px;
	margin: 1px;
}
#requestSearchField_2{
	width: 140px;
	margin: 1px;
}

* {padding:0; margin:0;}
body {background-color: #FFFFFF; background:url(../img/bg1.png) repeat-x; font-family: 'Open Sans', sans-serif;}
#container {width:1200px; margin:0px auto; border:none; font-size:1.0em;} /* border:solid 1px #323232; */
#headerlogo {width:1200px; height:73px; font-size: 72.5%; font-family: 'Open Sans', sans-serif;} 
#logo {float:left; padding-top: 7px; padding-left: 7px;} 
#rightinfo {float:right; padding-top: 7px; padding-right: 7px; color: #000000; text-align:right;} 

#header {clear:both; width:1200px; height:37px; font-size: 100%; font-family: 'Open Sans', sans-serif;} /* margin-top:73px; background:#d1050d; */
	/*Drop-down menu*/
	.nav {float:left; width:1200px; border:none; color: #FFFFFF; font-size:75.5%;} /* background-color:#d1050d; background:url(../img/ecke.jpg); background-repeat:no-repeat;  */
	.nav ul {list-style-type:none;}
	.nav ul li {float:left; width:11.0em; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #FFFFFF;}
	.nav ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.5em; line-height:2.9em; padding:0 12px 0 12px; text-decoration:none; font-weight:bold; color: #FFFFFF;}
	.nav ul li ul {display:none; border:none;}
	/*Non-IE6 hovering*/
	.nav ul li:hover a {background-color:#FFFFFF; color:#d1050d; text-decoration:none;} /* background-image:url(../img/nav_hoover.jpg);  */
	.nav ul li:hover ul {display:block; width:11.0em; position:absolute; z-index:998; top:3.4em; margin-top:0.1em; left:0;}
	.nav ul li:hover ul li a {display:block; width:11.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 12px 4px 12px; border-left:solid 1px #AFAFAF; border-bottom: solid 1px #AFAFAF; background-color:#7e7e7e; font-weight:normal; color:#000000;}
	.nav ul li:hover ul li a:hover {background-color:#D2D2D2; text-decoration:none;} /* background-image:url(../img/nav_hoover.jpg); */
	/*IE6 hovering*/
	.nav table {position:absolute; top:0; left:0; border-collapse:collapse;}
	.nav ul li a:hover {background-color:#FFFFFF; color:#d1050d; text-decoration:none;} /* background-image:url(../img/nav_hoover.jpg); */
	.nav ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:998; top:2.4em; left:0; margin-top:0.1em;}
	.nav ul li a:hover ul li a {display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 12px 4px 12px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px #AFAFAF; background-color:#7e7e7e; font-weight:normal; color:#000000;}
	.nav ul li a:hover ul li a:hover {background-color:#D2D2D2; text-decoration:none;} /* background-image:url(../img/nav_hoover.jpg); */
	
	.nav .menuselected { font-weight:bold; } /* background-color:#FFFFFF; color:#d1050d; background-image:url(../img/nav_hoover.jpg); */

#messagespc { font-size: 120%; font-weight: bold; text-align: center; color: red; }
#subnav {position:relative; float:left; width:1200px; height:38px; border:none; background-color:#FFFFFF; font-size:130%;}
#subnav .submenulinks { font-size:80%; width:1196px; border:1px; border-spacing:0; padding: 0;}
#subnav .submenulinks .notselected{ padding: 1px 8px 2px 5px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; background-color: #EEEEEE;}
#subnav .submenulinks .selected   { padding: 1px 8px 2px 5px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; background-color: #bfbfbf; }
#subnav .submenulinks .first{ border-left: 1px solid #000000; }
#subnav .submenulinks a { text-decoration:none;  color:#323232; display:block;}
#subnav .submenu2links { font-size:75%; border-spacing:0;}
#subnav .submenu2links .first{ border-left: 1px solid #000000; }
#subnav .submenu2links td{ padding-right:5px; padding-left:5px; padding-top:4px; border-right: 1px solid #000000;}
#subnav .submenu2links .blank{ border: 0px;}
#subnav .submenu2links a { text-decoration:none; color:#323232; display:block; }
#subnav .section_title {position:relative; top:-45px; text-align:left; font-weight:bold; font-size:120%;}
#subnav .errormessage {position:relative; top:-45px; text-align:center; color:#FF0000; font-weight:bold; font-size:120%;}
#subnav .tabela {position:relative; top:-45px;  width:1200px; }


#main{clear:both; width:1200px; padding-top:40px; background-color: #FFFFFF;  min-height: 650px; }
#main .layout{width: 1200px; padding: 0px; text-align: left; border-spacing: 0px; border-collapse: collapse;}
	.layout .layoutlevo{ width: 50%; vertical-align: top; font-size: 80%;}
	.layout .layoutdesno{ width: 50%; vertical-align: top; font-size: 79%;}
	.tabela_zakazani{ width: 230px; border: 1px solid #000000; border-spacing: 0px; border-collapse: collapse; font-size: small;}
	.tabela_zakazani th{ border: 1px solid Navy; background-color: #d1050d; color: #FFFFEA;} /*background-image:url(../img/nav_list.jpg);*/
	.zakazuvanje{ min-width: 20px; text-align: right;}
	.zakazuvanje select {height:20px;  font-size:93%; vertical-align:middle;}
	.zakazuvanje input {height:20px;  font-size:93%; vertical-align:middle;}

#widget_ul{position:relative; float:left; width:600px; padding-top:10px; min-height: 310px; }
#widget_ur{position:relative; float:right; width:600px; padding-top:10px; min-height: 310px; }
#widget_dl{position:relative; float:left; width:600px; padding-top:10px; min-height: 310px; }
#widget_dr{position:relative; float:right; width:600px; padding-top:10px; #222222;  min-height: 310px; }
#widget_und{clear:both; width:1200px; padding-top:30px; min-height: 30px; }

#page_title{font-weight:bold; font-size:140%; }
#new_request{ text-align: center; }
.table_requestnew { width:1200px; border:none; padding: 0px; margin: 0px; border-spacing: 0px; border-collapse: collapse; border: 0px;}
.table_requestnew  .header { background:#d1050d; color:#FFFFFF; height: 40px; background-image:url(../img/table_header_v2.png);}
.table_requestnew .table_footer { background:#060606; color:#FFFFFF; height: 20px; background-image:url(../img/table_footer.png);}
.table_requestnew .table_footer_thin { background:#060606; color:#FFFFFF; height: 5px; background-image:url(../img/table_footer.png);}
/* .table_requestnew  .header th { background-image:url(../img/ecke.jpg); } */
.table_requestnew  .header th a { text-decoration:none; color:#FFFFEA; font-size:75%; display:block; width: 100%; }
.table_requestnew  .header th a:hover { text-decoration:none; color:#FFFFEA; font-size:75%; } 
.table_requestnew tr { background-color: #FFFFFF; text-indent: 6px; font-size:75%; height: 20px; }
.table_requestnew  .requestnepar { background-color: #FFFFFF; text-indent: 6px; font-size:75%; height: 20px; text-decoration:none; }
.table_requestnew  .requestpar { background-color: #EEEEEE; text-indent: 6px; font-size:75%; height: 20px; text-decoration:none; }
	
#listings{text-align: center; }
.table_lists {min-width:550px; border:none; padding: 0px; margin: 0px; border-spacing: 0px; border-collapse: collapse; border: 0px;}
.table_lists a {text-decoration:none; display:block; width: 100%; color:#000000; }
.table_lists .header { background:#d1050d; color:#FFFFFF; height: 40px; background-image:url(../img/table_header_v2.png);}
.table_lists .table_footer { background:#060606; color:#FFFFFF; height: 20px; background-image:url(../img/table_footer.png);}
.table_lists .table_footer_thin { background:#060606; color:#FFFFFF; height: 5px; background-image:url(../img/table_footer.png);}
.table_lists .header th a { text-decoration:none; color:#FFFFEA; font-size:75%; display:block; width: 100%; }
.table_lists .header th a:hover { text-decoration:none; color:#FFFFEA; font-size:75%; } 
.table_lists tr { background-color: #FFFFFF; text-indent: 6px; font-size:75%; height: 20px; }
.table_lists .listnepar { background-color: #FFFFFF; text-indent: 6px; font-size:75%; height: 20px; }
.table_lists .listpar { background-color: #EEEEEE; text-indent: 6px; font-size:75%; height: 20px;}

.paging {text-align: center; font-size: 85%;}
.paging a {text-decoration:none; color:#000000; }

::placeholder {   font-style: italic;  }
/* ::placeholder-shown {  border: 5px solid red; } */

/* ova e del od kiro za prikaz na serii broevi so paging - start */	
.button {
	    /* display: block; */
		width: 450px; height: 10px;
		background: #d1050d;
		background:url(../img/ecke_button.jpg) repeat-x; 
		text-decoration: none;
		padding: 3px 10px 3px 10px;
		text-align: center;
		border-radius: 3px;
		border: 1px;
		color: #FFFFFF;
		/*font-weight: bold;*/
	}

.button:active { background-color: #d1050d; color: #FFFFFF; background:url(../img/ecke_button.jpg) repeat-x; text-decoration: none; }
.button:hover { background-color: #FFFFFF; color: #d1050d; background:url(../img/ecke_button_hover.jpg) repeat-x; text-decoration: none;	} 
a.button_disabled {
	/* display: block; */
	width: 450px; height: 10px;
	background: #d1050d;
	background:url(../img/ecke_button.jpg) repeat-x; 
	text-decoration: none;
	padding: 3px 10px 3px 10px;
	text-align: center;
	border-radius: 3px;
	border: 1px;
	color: #808080;
	/*font-weight: bold;*/		
	pointer-events: none;
	cursor: default;
}
.style_next_digits {
	   # display: block;
		width: 45px;
		height: 10px;
		background: #ffe6e6;
		text-decoration: none;
		padding: 2px;
		text-align: center;
		border-radius: 45px;
		color: white;
	   # font-weight: bold;
	}

/* ova e del od kiro end */








	
	






.table_usersall { width:1200px; border:1px Solid Navy; padding: 0px; margin: 0px; border-spacing: 0px; border-collapse: collapse; }
.table_usersall .header { background:#d1050d; color:#FFFFEA; height: 20px;}
.table_usersall .header a { text-decoration:none; color:#FFFFEA; font-size:90%; }
.table_usersall .usersnepar { background-color: #FFFFEA; text-indent: 6px; font-size:90%; height: 20px; }
.table_usersall .userspar { background-color: #FFFFC8; text-indent: 6px; font-size:90%; height: 20px; }
#main .main_left {float:left;position:relative; width:200px; min-height:430px; padding-left:20px;}
#main .main_left ul {list-style-type: none; background-image: url(../img/folder_open.gif); background-repeat: no-repeat; background-position: 0px 2px; padding: 0px 0px 0px 20px; margin: 0px; font-weight:bold; font-size:95%;}
#main .main_left ul li {background-image: url(../img/folder_closed.gif); background-repeat: no-repeat; background-position: 0px; padding-left: 25px; font-weight:normal; font-size:90%;}
#main .main_left ul li a{text-decoration:none;}
#main .main_right {float:left;position:relative; width:940px; height:450px; border-left: solid 1px; border-top: solid 1px; padding-left:20px; font-size:90%; overflow:auto;}
#main .main_right a{text-decoration:none;}



.nepar { background-color: #FFFFEA; }
.par { background-color: #FFFFC8; }

.pasiven { background-color: #FF0000; }
.aktiven { background-color: #FFFF00; }
.techdone { background-color: #90EE90; }
.admindone { color: #DCDCDC;	background-color: Navy; }
#main1 {position:relative; top:-30px; clear:both; width:1200px; min-height:600px; background-color:#FFFFEA; }
#main1 .mainleft {float:left; position:relative; width:200px;}
#main1 .mainleft .mainleftuser {border:solid 1px; height:250px; width:160px; margin:20px 0 20px 20px;}
#main1 .mainleft .mainleftcalendar {border:solid 1px; height:150px; width:180px; margin:20px 0 20px 10px;}
#main1 .mainleft .mainleftcalendar .calendar{height:150px; width:180px; font-size:75%;}
#main1 .mainleft .mainleftcalendar .calendar th{border:0; background-color:#B4B4B4; color:#FFFFEA;}
#main1 .mainleft .mainleftcalendar .calendar th a{ text-decoration:none;}
#main1 .mainleft .mainleftcalendar .calendar td{border:solid 1px; text-align:right;}
#main1 .mainright {float:left; position:relative; width:980px; min-height:520px; border:solid 1px; }
#main1 .bojana3 {float:left; position:relative; width:980px; min-height:520px;  }
#main1 .bojana1 {float:left; position:relative; width:350px; min-height:520px;  }
#main1 .bojana2 {float:right; position:relative; width:630px; min-height:520px;  }


.pg-normal { color: black; font-weight: normal; text-decoration: none; cursor: pointer; }
.pg-selected { color: black; font-weight: bold; text-decoration: underline; cursor: pointer; }



#container:after, 
#header:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 



#footer{color: #FFFFFF; height:110px; background:url(../img/noga_repeatx.jpg) repeat-x; font-family: 'Open Sans', sans-serif;} /* padding:1px; text-align:center; border-top:1px solid #000000; background-color: #FFFFFF; font-size:11px; */
#footer_inner{position:relative; margin:0px auto; border:none; width:1200px; text-align:center; font-size:11px;} /* padding:1px; border-top:1px solid #FFFFFF;  */
#footer_inner a {text-decoration:none; color: #FFFFFF;} 


