html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}
body,table {
	margin-top: 0px;	
	font-family: Verdana;
	font-size: 10pt;
	background-color: rgb(211, 210, 210); /* v1 */
	/* background-color: #e9e7e7; v2 */
}

@font-face {
	font-family: 'Montserrat-SemiBold';
	src: url('../images/fonts/Montserrat-SemiBold.ttf') format('truetype');
  }

.bg {
  /* The image used */

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.input-row {
	width: 250px;
	clear: both;
	margin-bottom: 5px;
}
.input-group {
	width: 100%;
	background-color: rgb(60,70,75);
	padding: 5px;
}

.input-group label {
	color: #ffffff;
	display: block;
	text-align: left;
}
.input-group input {
	border: 0px;
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border-radius: 0;
	float: left;
}
.input-group button {
	background-color: rgb(255, 185, 0);
	line-height: 30px;
	border: 0px;
	width: 100%;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.table_style, td {
	border-collapse:	collapse;
	border-color: rgb(255, 185, 0);;
}
input,textarea,select {
	/* border: 1px solid  rgb(255, 185, 0); */
	/* border: 1px solid  rgb(40, 42, 75); v1 */
	border: 1px solid  rgb(255, 185, 0);
	margin: 3px;
	background-color: #FFFFFF;
}
input.mb_input {
	width: 200px;
	height: 50px;
	font-size: 22px;
}
input.mb_button {
	height: 50px;
}

.login-form {
	position: absolute;
	right: 100px;
	top: 10%;
}
a {
	text-decoration: none;
	color: #FF9933;
}
a:hover {
	text-decoration: underline;
}
.selected_btn{
	background-color: #ffffff;
	color: navy;
	font-weight: bold;
	width: 120px;
}
.notselected_btn{
	border: 1px solid navy;
	width: 110px;
}
.border_btm{
	border-bottom: 2px solid #333333;
	background-color:  #ffffff;
	color: #ffffff;
}

.small_text {
	font-size: 8pt;
}
.active_tools{
	color: #000000;
}
.active_td {
	background-color: #efefef;
}

.inactive_td {
	background-color: #b9bdc1;
}
/*
.inactive_td {
	background-color: #004b8d;
}
*/
.colored {
	color: #004a43;
	font-weight: bold
}

.normalText {
	font-weight: bold;
	color: #000000;
}
.tools_td {
	 text-align: center;
	}
td {
	font-size: 8pt;
}
.td_norightborder {
	border-right: none;
	border-right: 0px;
	background-color: red;
}
.report_user {
	background-color: gray;
}
.report_td {
	text-align: center;
	font-weight: bold;
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 700px;
    font-size: 11px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
	max-height: 500px;
	overflow-y: scroll;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* jqmModal dialog CSS inherited from Example 3a ... */

div.whiteOverlay { /* background: url(inc/jqmBG.gif) white; */ background-color: #ffffff; }
div.jqDrag {cursor: move;}

/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog {
  display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
  width: 400px;

  overflow: hidden;
  font-family:verdana,tahoma,helvetica;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* [[[ Title / Top Classes ]]] */
div.jqmdTC { 
 /* background: #d5ff84 url(../images/sprite.gif) repeat-x 0px -82px;  */
  color: #528c00;
  padding: 7px 22px 5px 5px;
  font-family:"sans serif",verdana,tahoma,helvetica;
  font-weight: bold;
  * zoom: 1;
}
div.jqmdTL {/* background:  url(../images/sprite.gif) no-repeat 0px -41px; */ background-color: #cccccc; padding-left: 3px;}
div.jqmdTR {/* background: url(../images/sprite.gif) no-repeat right 0px; */  background-color: #cccccc; padding-right: 3px; * zoom: 1;}


/* [[[ Body / Message Classes ]]] */
div.jqmdBC {
  background-color: #ffffff;
  padding: 7px 7px 7px;
  height: 190px;
  overflow: auto;
}
div.jqmdBL { /* background: url(../images/bl.gif) no-repeat left bottom; */ padding-left: 7px; }
div.jqmdBR { /* background: url(../images/br.gif) no-repeat right bottom; */ padding-right: 7px; * zoom: 1 }

div.jqmdMSG { color: #317895; }


/* [[[ Button classes ]]] */

input.jqmdXFocus {background-position: bottom left; outline: none;}



div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #F5F5F5; }


div.jqmdAbove { z-index: 5000; top: 8%; } /* used by 4c -- nested modal */

div.jqmdWide { width: 330px; margin-left: -280px; }
div.jqmdTall { height: 330px; }


div.centered { width: 100%; text-align: center; }
div.buttons input{ margin: 10px 14px; }
div.output { margin: 10px; color: red; }

.largeText { font-size: 120%; font-weight: bold; }
.smallText { font-size: 85%; }


* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

a.button {
    background: transparent url('../images/buttons/btn_right.gif') no-repeat scroll top right;
    color: rgb(255, 185, 0);
    display: block;
    float: left;
    font: normal 11px Verdana, sans-serif;
    height: 20px;
	font-weight: bold;
    margin-right: 6px;
    padding-right: 6px;
    text-decoration: none;
}
a.active_button {
	
	color: #004a43;
}

a.button span {
    background: transparent url('../images/buttons/btn_left.gif') no-repeat;
    display: block;
    line-height: 12px;
	
	text-align: center;
    padding: 3px 0 5px 6px;
	cursor: pointer;
}

div.menu_buttons {
	float: left;
	margin-bottom: 2px;
}

.order_column {
	width: 400px; float: left;
	margin-left: 10px;
}

#oc_1 {
	width: 360px;
}
#oc_2 {
	width: 410px;

}

#oc_3 {
	width: 420px;
}

div#wo_rt_data input {
	border: 0px;
}

.order_item_line {
	margin: 2px 0px 2px 0px;
	clear: both;
	
}

.clean {
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;	
}

.order_item_label {
	width: 100px;
	padding-top: 2px;
	float: left;
}	

.order_blok {
	border: 2px solid #ffffff;
	padding: 5px;
	margin: 3px 0px 3px 0px;
}


.order_blok_plain {
	/* border: 2px solid rgb(255, 185, 0); */
	border: 2px solid rgb(255, 185, 0);
	padding: 5px;
	margin: 3px 0px 3px 0px;
}

.order_item_data {
	float: left;
}

.wo_search {
	width: 100px;
}

div#eq_left {
	float: left;
	width: 350px;
	margin-right: 10px;
}
div#eq_right {
	float: left;
	width: 500px;
}

.eqinput {
	width: 140px;
}

.order_item_pd select ,
.order_item_pd_en select {
	clear: both !important;
	display: block;
	
}
.order_item_pd input,
.order_item_pd_en input {
	clear: both;
}

.printbutton {
	background: url('../images/icons/printer.png') no-repeat 5px 0px; width: 80px;
	padding-left: 20px;
}

.save_button {
	background: url('../images/icons/database_save.png') no-repeat 5px 0px; width: 80px;
	padding-left: 20px;
	
}

.menu-button {
	font-family: 'Montserrat-SemiBold';
	padding: 5px 2px;
	
	text-transform: uppercase;
	color: rgb(54, 59, 66);
	display: inline-block;
	font-size: 14px;
	margin: 5px 2px;
}

.menu-button span {
	display: inline-block;
	background-color: rgb(255, 185, 0);
	padding-left: 5px;
	line-height: 25px;
	padding-right: 5px;
}

.menu-button img {
	float: left;
	height: 25px;
}

.action-buttons {
	text-transform: uppercase;
	font-family: 'Montserrat-SemiBold';
	color: rgb(60,70,75);
	border: 0px;
	cursor: pointer;
	padding: 10px;
	padding-left: 35px;
}

.action-buttons--add-order {
	background-color: rgb(255, 185, 0);

	background-image: url('../images/add-ico.svg');
	background-position:5px 50%;
	background-size: 25px 25px;
	background-repeat: no-repeat;
}

.action-buttons--export-xls {
	background-color: rgb(255, 185, 0);

	background-image: url('../images/ico-export.svg');
	background-position:5px 50%;
	background-size: 25px 25px;
	background-repeat: no-repeat;
}

select#eq_cuid {
	max-width: 270px;
}

@media (max-width: 1400px) {
	#main_content {
		padding-top: 100px !important;
	}
}