/* CSS classes for managers */

.autocomplete {
	position:relative;
	}
	.autocomplete div {
		position:absolute;
		visibility:hidden;
		border: 1px solid #B6B6B6;
		background-color: #f0f0f0;
		padding: 5px;
		}
		.autocomplete div ul {
			margin: 0px; padding: 0px; list-style: none; line-height: 1.2;
			}
			.autocomplete div ul li {padding: 3px 0 3px;border-bottom:1px solid #B6B6B6}
			.autocomplete div ul a {display: block; text-decoration: none;}
			.autocomplete div ul a:hover {background: #b6b6b6;}

.trOver,
.trOver .r-cat80,
.trOver .r-cat81,
.trOver .r-cat60,
.trOver .r-cat61,
.trOver .r-cat10,
.trOver .r-cat11,
.trOver .r-cat40,
.trOver .r-cat41,
.trOver .r-cat100,
.trOver .r-cat101,
.trOver .r-cat110,
.trOver .r-cat111,
.trOver .r-cat130,
.trOver .r-cat131,
.trOver .r-cat140,
.trOver .r-cat141,
.trOver .r-cat150,
.trOver .r-cat151,
.trOver .nobody {
	background-color: #f3f3f3;
	cursor: pointer;
}

.r-cat80  { background-color: #6b99f4; }
.r-cat81  { background-color: #bed1f6; }
.r-cat60  { background-color: #48e148; }
.r-cat61  { background-color: #b7feaf; }
.r-cat10  { background-color: #eff140; }
.r-cat11  { background-color: #f2f3ac; }
.r-cat40  { background-color: #00c2b7; }
.r-cat41  { background-color: #a2e3df; }
.r-cat100 { background-color: #F4A56B; }
.r-cat101 { background-color: #F6CEBE; }
.r-cat110 { background-color: #fd8fef; }
.r-cat111 { background-color: #ffc7f8; }
.r-cat130 { background-color: #a8e461; }
.r-cat131 { background-color: #d5edb8; }
.r-cat140 { background-color: #bdbdbd; }
.r-cat141 { background-color: #e2e2e2; }
.r-cat150 { background-color: #daffe3; }
.r-cat151 { background-color: #ff88e2; }
.r-cat160 { background-color: #f9d1ed; }
.r-cat180 { background-color: #ace1af; }
.r-cat181 { background-color: #d0f0c0; }
.r-cat190 { background-color: #a88ddb; }
.r-cat200 { background-color: #ff8c8c; }
.nobody   { background-color: #ffffff; }

.notconf { background-color: #fb8c8c; /*color: #000;*/ }

.stats-done { background-color: #d3d3d3; }

#tabl-list_self a, #tabl-list_self a:link, #tabl-list_self a:visited {text-decoration: none; color: #424242}
#tabl-list_self a:active, #tabl-list_self a:hover {text-decoration: underline; color: #4A9904;}

#titlebox_street { position: absolute; visibility: hidden; border: 1px solid #B6B6B6; background-color: #f0f0f0; padding: 5px; }
#titlebox_street ul {  }
#titlebox_street li { background: none; padding: 0; margin: 0; }
#titlebox_street a, #titlebox a, #titlebox a {
    display: block; width: 238px; color: #424242;
}
#titlebox_street a:hover, #titlebox a:hover, #titlebox a:hover {
    background: #B6B6B6; color: #424242;
}
.del_all_item_button {
    opacity:0; 
    position: relative; 
    left:15px; 
    width:16px; 
    height:16px; 
    cursor:pointer;
    top:-70px;
}
.matregBlock {
    float: left; 
    width: 45%;
    padding: 5px; 
    border: 1px solid #d8d8d8;     
}
.matregBlock .matregTitle {
    display: inline-block;
    width: calc(100% - 90px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.matregBlock .matregQty {
    display: inline-block;
    width: 60px;
    padding-left: 20px; 
    font-weight: bold;   
}
.matregBG1 {
    
    background: #079a07;     
    text-align: center;
    color: #fff;
    padding: 3px 0px;   
}
.matregBG2 {
    background: #dc9a00;     
    text-align: center;
    color: #fff;
    padding: 3px 0px;    
}
.matregBG3 {
    background: #bb290f;     
    text-align: center;
    color: #fff;
    padding: 3px 0px;  
}
.repeatOrderFlag {
    display: none;  
    width: auto;
    height: 20px;
    position: fixed;
    bottom: 10px;
    right: 20px;
    background: #ffffff;
    font-size: 10px;
    line-height: 20px;
    padding: 3px 25px 3px 70px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dadada;
    color: green;
    font-weight: bold;
}                                
.repeatOrderFlag:after {
    content: "Οεπερχες: ";
    position: absolute;
    left: 10px;
    top: 3px;
    width: 50px;
    display: block;
    line-height: 20px;
}
.repeatOrderFlag:before {
    content: " ";
    position: absolute;
    width: 19px;
    height: 16px;
    right: 2px;
    top: 4px;
    background: url(img/markLoad.gif) 50% 50% no-repeat;
    opacity: 0.5;
}