/* 
    Document   : style
    Created on : 2012-04-23, 11.37.43
    Author     : arturas
    Description:
        Purpose of the stylesheet follows.
*/

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow:hidden;
    padding: 0;
}

#borderContainer {
    width: 100%;
    height: 100%;
}
 
#appLayout {
    height: 100%;
}
#leftCol {
    width: 14em;
}

#logo_img{
    width: 180px;
    height: 45px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 15px;
}

#top_filter_div {
	height: 35px;
	position: absolute;
	top: 1px;
	float: left;
	width: 600px;
    left: 140px;
}

#status_div {
	height:20px;
	position: absolute;
	top: 40px;
	float: left;
	width: 300px;
        left: 740px;
}

/* Top links top section
*/

#toplinkstop {
	height:30px;
	position: absolute;
	top: 5px;
	float: left;
	width: 800px;
    left: 200px;
}

#toplinkstop ul {margin:0; padding:0; list-style-type:none;}
#toplinkstop li {
	float: left;
	text-align:left;
	display: inline;
	background: none;
	padding: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #006699;
}
#toplinkstop li a {
	width: 112px;
	display: block;
	color: black;
	font-weight: bold;
	padding: 3px 0 0 3px;
	line-height: 1em;
	text-decoration: none;	
	height: 22px;

}
#toplinkstop li a:hover {
	color:#000000;
	background-color: #cccccc;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #990033;

}
#toplinkstop li.onAct a {
	width: 112px;
	display: block;
	color: #000000;
	font-weight: bold;
	padding: 3px 0 0 3px;
	line-height: 1em;
	text-decoration: none;	
	height: 22px;
        background-color: #cccccc;
}
#toplinkstop li.onAct a:hover {
	color:#cc0033;
	background-color: #cccccc;

}

/* Top links section
*/

#toplinks {
	height:30px;
	position: absolute;
	top: 30px;
	float: left;
	width: 800px;
    left: 200px;
}

#toplinks ul {margin:0; padding:0; list-style-type:none;}
#toplinks li {
	float: left;
	text-align:left;
	display: inline;
	background: none;
	padding: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #006699;
}
#toplinks li a {
	width: 112px;
	display: block;
	color: black;
	font-weight: bold;
	padding: 3px 0 0 3px;
	line-height: 1em;
	text-decoration: none;	
	height: 22px;

}
#toplinks li a:hover {
	color:#000000;
	background-color: #cccccc;
        border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #990033;

}
#toplinks li.onAct a {
	width: 112px;
	display: block;
	color: #000000;
	font-weight: bold;
	padding: 3px 0 0 3px;
	line-height: 1em;
	text-decoration: none;	
	height: 22px;
        background-color: #cccccc;
}
#toplinks li.onAct a:hover {
	color:#cc0033;
	background-color: #cccccc;

}




legend{
    
    font-size: 14px;
    font-weight: bold;
}





#top_content_meniu{
    font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ece7e7;
	padding: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
}

#top_content_meniu table tr:first-child td{
	vertical-align: bottom;
}


.table_class{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        
       
    
}

.small_td{
    
    width: 20px;
}


.table_space {
    
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: white;
    width: 10px; 
}

.table_class tr th{
    
    text-align: left;
    width: 150px;
    background-color: #e9e8e8;
     border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
}

 .width_line{
    
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
     border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
}



.td_rigth{
    
    text-align: right;
}

.td_center{
    
    text-align: center;
}


.tw50{
	width: 50px; 
}

.tw75{
	width: 75px; 
}
.tw100{
	width: 100px;
}
.tw125{
	width: 125px;
}
.tw200{
	width: 200px;
}
.tw300{
	width: 300px;
}
.tccenter{
	text-align: center;
}

.tcol_price{
        width: 100px;
	color: #660000;
	text-align: right;
}
.tcol_amount{
	width: 100px;
	
	text-align: left;
}

.error_td{
    
    background-color: #fe8888;
}

.red_td{
    
    background-color: #ff6666;
}

.ok_td{
    
    background-color: #bdfbb2;
}

/* 
Form parts change by id
*/


/* main order list style section */

#limit_info{
    font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* main order list table style */


#comp_tab{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#comp_tab a{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}

#comp_tab a:hover{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0099ff;
    text-decoration: none;
}

#comp_tab thead{
	padding-top: 4px;
	padding-bottom: 3px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
        text-align: left;
    background-color: #cccccc;
}

.comp_a{
	background-color: #f2f2f2;
	padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
}

.comp_b{
	padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
}

.comp_a_b{
	background-color: #f2f2f2;
	padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
    font-weight: bold;
}

.comp_b_b{
	padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
    font-weight: bold;
}

.comp_y{
	padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
    background-color: #ffffcc;
}

.comp_a_g{
	padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
    background-color: #ccffcc;
}

.comp_b_g{
	padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
    background-color: #ccffcc;
}

.comp_a_r{
	padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
    background-color: #ff9999;
}

.comp_b_r{
	padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
    background-color: #ffcccc;
}

.comp_totalp td{
	padding-right: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #a9a9a9;
    padding-bottom: 2px;
    background-color: #cccccc;
}

.comp_total td{
	padding-right: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #a9a9a9;
    padding-bottom: 2px;
    background-color: #cccccc;
    font-weight: bold;
}

.comp_gtotal td{
	padding-right: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #a9a9a9;
    font-weight: bold;
    font-size: 14px;
    background-color: #999999;
}

.comp_ok td{
	padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #336600;
	padding-left: 2px;
    background-color: #ccffcc;
}

@media (max-width: 992px) {
	html, body {
		overflow: auto;
	}

	#logo_img {
		margin-right: 8px;
		margin-bottom: 6px;
	}

	#toplinks,
	#toplinkstop {
		position: static;
		float: none;
		width: 100%;
		height: auto;
		left: auto;
		top: auto;
	}

	#toplinks ul,
	#toplinkstop ul {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	#toplinks li,
	#toplinkstop li {
		float: none;
		border-bottom-width: 0;
	}

	#toplinks li a,
	#toplinkstop li a,
	#toplinks li.onAct a,
	#toplinkstop li.onAct a {
		width: auto;
		min-width: 110px;
		height: auto;
		padding: 6px 10px;
		border: 1px solid #bcbcbc;
		border-radius: 6px;
	}

	#top_content_meniu {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	#top_content_meniu table {
		min-width: 1200px;
	}

	#top_content_meniu input,
	#top_content_meniu select,
	#top_content_meniu button,
	#top_content_meniu label {
		font-size: 12px;
	}
}

.comp_title_d{
	font-size: 14px;
	color: black;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-color: #dce2dc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.comp_title_c{
	font-size: 14px;
	color: black;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-color: #dce2dc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.error_row td{
        padding-right: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #a9a9a9;
	padding-left: 2px;
        background-color: #ff6666;
}