body {margin: 0;padding: 0;background: #fff; font-family: Tahoma, Arial, sans-serif; font-size: 14px; color: #000;}
body{SCROLLBAR-FACE-COLOR: #e6e6e6;SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;SCROLLBAR-SHADOW-COLOR: #CDCDCD;SCROLLBAR-3DLIGHT-COLOR: #e6e6e6;SCROLLBAR-ARROW-COLOR: #000000;SCROLLBAR-TRACK-COLOR: #f5f5f5;SCROLLBAR-DARKSHADOW-COLOR: #e6e6e6;SCROLLBAR-BASE-COLOR: #bcbcbc;}

html, body { height: 100%;}
html { overflow: hidden;overflow-y:auto;}
body { overflow-y:auto;  -webkit-overflow-scrolling: touch;}

a {text-decoration:none}
.clearBoth {clear:both;height:10px !important; overflow:hidden}
.clearBothSM {clear:both;height:0px !important; overflow:hidden}
.clearBothB {clear:both;height:10px !important; overflow:hidden}

.butBlueL_Small{border: 0px solid #FFFFFF; background: url('ButBlueL_small.gif') no-repeat center;  font-size:0.9em; color:#FFFFFF; width:80px; height:23px; }
.butBlueL_Med{border: 0px solid #FFFFFF; background: url('ButBlueL_med.gif') no-repeat center;  font-size:0.9em; color:#FFFFFF; width:95px; height:23px;}
.butBlueL_ExtraBig{border: 0px solid #FFFFFF; background: url('ButBlueL_Extrabig.gif') no-repeat center;  font-size:0.9em; color:#FFFFFF; width:140px; height:23px;}
.butBlue_Med{border: 0px solid #FFFFFF; background: url('ButBlue_med.gif') no-repeat center;  font-size:0.9em; color:#FFFFFF; width:95px; height:23px; }
.butRed_Small{border: 0px solid #FFFFFF; background: url('ButRed_small.gif') no-repeat center;  font-size:0.9em; color:#FFFFFF; width:80px; height:23px;}
.butRed_Med{border: 0px solid #FFFFFF; background: url('ButRed_Med.gif') no-repeat center;  font-size:0.9em; color:#FFFFFF; width:95px; height:23px;}

.butRed_Big{border: 0px solid #FFFFFF; background: url('ButRed_Extrabig.gif') no-repeat center;  font-size:0.9em; color:#FFFFFF; width:130px; height:23px; }
.note {font-size: 0.8em; color:#ff0000}

#res-box-veil {visibility:hidden;position:fixed; top:0px;left:0px;width:100%;height:100%;background-color: #000;-moz-opacity: 0.01; opacity: 0.01;FILTER: alpha(opacity=1);z-index:2000}
#res-box {margin: 0 auto; width: 500px; display:none}
#res-box-inner {border: 1px solid;padding: 0px; position:fixed; top: 200px; z-index:5000; width: 500px; background: #fff; -webkit-box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, .75); -moz-box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, .75); box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, .75);-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;-moz-opacity: 0; opacity: 0;FILTER: alpha(opacity=0);}
#res-box-close {float:right; margin-top: -15px; margin-right: -15px; background: url('closemed.png') no-repeat; width:35px; height: 35px; overflow:hidden}
#res-box-text {padding: 20px;min-height: 60px}


#topmenu {position:fixed; top:0px;background: #afced9 url(logo.png) top left no-repeat;height: 75px;width:100%;z-index: 200}
#titlemenu {float:left; padding-left: 100px; color: #000; padding-top: 22px;font-size: 2em; font-family: Georgia}
#toplink {width: 255px;height:70px;position:absolute;z-index:100}

.upper-menu{float:right; color: #000; margin-top: 25px; margin-right: 20px;font-family: Tahoma, Arial, sans-serif; font-size: 1em;}
.upper-menu a,.upper-menu a.active  {color:#000;text-decoration:none;}

#menu {position: fixed;top: 75px;background:#fff;width:100%;z-index: 200;}
.menu-button {    border-radius: 5px;float:left;padding: 5px; background: #afced9; color: #000; font-size: 0.8em;margin-right: 3px;border: 3px double #fff}
.menu-button:hover {background: #005a76; text-decoration:none;color: #fff;cursor:pointer;}
.fright{float:right !important}
.fnone{float:none !important}

.menu-button-red {border-radius: 5px;float:left;padding: 5px; background: #c00000; color: #fff; font-size: 0.8em;margin-right: 3px;border: 3px double #fff}
.menu-button-red:hover {background: #df0106; text-decoration:none;color: #fff;cursor:pointer;}

.menu-button-sel {    border-radius: 5px;float:left;padding: 5px;background: #005a76;color: #fff; font-size: 0.8em;margin-right: 3px;border: 3px double #fff}
.menu-button-sel:hover {background: #d0d0d0; color: #000; text-decoration:none;cursor:pointer;}

a.black div {font-size: 0.85em;color: #2d2bac;padding: 3px 5px;border: 1px solid #302f2f;border-radius: 5px;margin-bottom: 5px;background: #fff;}

.label-div {float:left; width:75px;}
.input-div {float:left;margin-left: 10px;margin-right: 10px}
.desc-div {float:left;font-size: 0.8em;color: #666;margin-top: 3px}
.label-div-big {float:left; width:140px;}
.label-div-no {float:left;margin-right: 10px}
.label-div-big-right {float:left; width:180px;text-align:right; padding-right: 5px }
.label-form {padding: 10px 0px;min-width: 200px !important;display: inline-block;vertical-align: top;}


#login {margin-top: 180px;margin-left: 20px;}
#login-inner {width: 600px; margin: 0px auto;}

#content {margin-top: 150px}
#content-inner {max-width: 900px; margin: 0px auto;}
#content-innerExpanded {padding:20px 0px 20px 120px;}
.div-button {padding: 15px; margin-right: 15px; background: #afced9; color: #000;float:left;border: 3px double #fff}
.div-button:hover {padding: 15px; margin-right: 15px; background: #005a76; color: #fff;float:left;border: 3px double #fff;text-decoration:none;cursor:pointer}


.title {font-family: Georgia, Times New Roman; font-size: 1.6em;padding-bottom: 20px}
.subtitle {font-family: Georgia, Times New Roman; font-size: 1.4em;padding-bottom: 10px}

#progress-bar {width:327px; height:32px; border: 1px solid #e7e7e7;margin-top: 10px;padding-left: 3px}

#progress-bar-center {float:left;margin-top: 3px}
.progress-unit {width:27px;height:26px;background: url('progressunit.png') no-repeat;float:left}
.progress-pending {width:27px;height:26px;float:left}
#loader {width:1px;height:1px; overflow:hidden; position:absolute; top:-10px; left: -10px;}
.error {color:#ff0000; font-size: 1em;}
a.alter {font-size: 0.9em; color: #077cf9} 

#pop-up-box {position:absolute; left: -500px;top:-100px;FILTER: alpha(opacity=0);-moz-opacity: 0; opacity: 0; z-index: 7000; }
#pop-up-box #pop-up-text {background: black; padding: 0px 20px 0px 15px; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.1);  border: 1px solid #dadada; left: -16px; min-height: 40px; top: 150px; font-family: Arial Narrow, Arial; font-size: 1.1em; color: #efefef;z-index:1100}
#pop-up-box #pop-up-img {background: url('pop-up-img.png') no-repeat top left; width: 14px; height: 7px;margin-left: 10px; z-index: 1200;margin-top: -2px}
pre.pop-up-txt {font-family: Arial Narrow, Arial; font-size: 1.1em; color: #efefef;margin-top: 10px;display:inline-block; margin-bottom: 10px}


#img-box-veil {visibility:hidden;position:fixed; top:0px;left:0px;width:100%;height:100%;background-color: #fff;-moz-opacity: 0.01; opacity: 0.01;FILTER: alpha(opacity=1);z-index:2000}
#img-box {margin: 0 auto; width: 500px; display:none}
#img-box-inner {border: 1px solid;padding: 0px; position:fixed; top: 200px; z-index:6000; width: 500px; background: #fff; -webkit-box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, .75); -moz-box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, .75); box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, .75);-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;-moz-opacity: 0; opacity: 0;FILTER: alpha(opacity=0);}
#img-box-close,#bigBox-close {float:right; margin-top: -15px; margin-right: -15px; background: url('closemed.png') no-repeat; width:35px; height: 35px; overflow:hidden}
#img-box-text {padding: 20px;}




#bigBox{margin: 0 auto; /*max-width: 90%;*/width:50%; display:none}
#bigBox-inner {padding: 0px;border: 1px solid; position:fixed; top: 100px; z-index:5000; max-width: 88%; background: #fff; -webkit-box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, .75); -moz-box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, .75); box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, .75);-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;-moz-opacity: 0; opacity: 0;FILTER: alpha(opacity=0);}
/*#bigBox-close {float:right; margin-top: -45px; margin-right: -45px; background: url('link-close.png') no-repeat; width:53px; height: 53px; overflow:hidden;cursor:pointer}*/
#bigBox-text {padding: 20px;overflow:auto}

.follow_arrow {background: url(follow_arrow.png) center center no-repeat; background-size: contain; width: 13px; height: 4px; display: inline-block; padding: 3px 5px;}
.prod_item {    padding: 3px 0px;}


.tahomaDateTitle{color:#ffffff; font-weight:bold}
.tahomaDate {font-size:0.9em;width:100%;color:#000000; text-decoration:none;vertical-align:middle;}
:hover.tahomaDate {font-size:0.9em;width:100%;color:#FF0000; text-decoration:none;vertical-align:middle;}
:visited.tahomaDate {font-size:0.9em;width:100%;color:#000000; text-decoration:none;vertical-align:middle;}
:visited:hover.tahomaDate {font-size:0.9em;width:100%;color:#FF0000; text-decoration:none;vertical-align:middle;}

#apprun{font-family: Arial Narrow, Arial; font-size: 1em;margin-left: 20px;position:absolute; top: 80px; left: 850px;z-index: 100}
.title_prod{padding: 5px;border: 2px dotted #0242b0;border-style: dashed;font-size: 1em !important;margin: 10px 0px;}




#cur_div {float: left;padding: 5px 0px 5px 20px;}
#timeChecker {width:1px;height:1px; overflow:hidden; position:absolute; top:-10px; left: -10px;}

.topnav {background-color: #333;overflow: hidden;}
.topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;}
.active {background-color: #005a76 !important;color: white;}
.topnav .icon {display: none;}
.dropdown {float: left;overflow: hidden;}
.dropdown .dropbtn {font-size: 17px;border: none;outline: none;color: white;padding: 14px 16px;background-color: inherit;font-family: inherit;margin: 0;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {float: none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.topnav a:hover, .dropdown:hover .dropbtn {background-color: #555;color: white;}
.dropdown-content a:hover {background-color: #ddd;color: black;}
.menu_right {float: right !important;}
.dropdown:hover .dropdown-content {display: block;}

/*-------Wastes-and Sales-----*/
#today_wastes,#today_sales,#client_div {display:none;}
.select_logo {float: left;display: inline-block;padding-top: 10px;}
#logo_info{float: left;padding-right: 10px;}
.ware_in {padding: 10px;margin: 10px 0px;border: 1px solid #ccc;border-radius: 10px;width: 90%;}
.inware {display: block;width: 170px;font-weight: bold;padding: 5px;background: #eeeeee;position: relative;top: -25px;border: 1px solid #ccc;border-radius: 5px;text-align: center;}
.waste_im{max-width: 100px;border: 1px solid;padding: 5px;float: left; margin-right: 10px;}
.waste_im_b{/*width: 90%;*/max-width: 90%;border: 1px solid;padding: 10px;max-height: 400px;}

.today_ware_title {padding-top: 2px;
    margin-top: 20px;
    padding-bottom: 10px;
    font-family: Georgia, Times New Roman;
    font-size: 1.6em;
    border-top: 3px solid #666;
}
.orphan {color: #7971ff;font-style: italic;}

.ph a {color: #ffffff;white-space: nowrap;padding: 1px 10px;margin-bottom: 4px;display: inline-flex;border-radius: 9px;background-color: #005975;}
.ph a:hover,.ph a:visited:hover{color: #ddd}
.ph a img {margin-right: 5px;}

.email a {color: #ffffff;white-space: nowrap;padding: 1px 10px 2px 33px;margin-bottom: 4px;display: inline-flex;border-radius: 9px;background-color: #005975;background: url(email.png) no-repeat #005975;background-position-x: 9px;background-position-y: 2px;}
.email a:hover,.email a:visited:hover {color: #ddd}

.withDebit {text-decoration: line-through;}
.isDebit {float: right;font-size: 0.6em;color: #fff;background-color: #ff0000;padding: 2px 4px 3px;border-radius: 8px;}
.DebitOf {color: #fff;background-color: #ff0000;padding: 2px 10px 3px;border-radius: 8px;}

.trtop {border-top: 4px solid #85b9e6;}
.trbottom {border-bottom: 4px solid #85b9e6;}
.tdleft{border-left: 4px solid #85b9e6;}
.tdright{border-right: 4px solid #85b9e6;}

.isdel {text-decoration: line-through;color: #acacac;font-style: italic;}

#tools,#manuf_icon {
		position: absolute;
    right: 25px;
    top: 22px;
    z-index: 1000;
    padding: 4px 4px 2px 4px;
    background: #fff;
    border-radius: 2px;
    font-size: 0.8em;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
}

#manuf_icon { right: 70px; }

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child,:nth-child(2),:nth-child(3)), .dropdown .dropbtn {display: none;}
  .topnav a.icon {float: right;display: block;}
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {position: absolute;right: 0;top: -2px;}
  .topnav.responsive a {float: none;display: block;text-align: left;}
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {display: block;width: 100%;text-align: left;}
  .topnav a {font-size: 15px;}
  .dropdown .dropbtn,.dropdown .dropbtn.active,.topnav a {font-size: 15px;}
}
@media screen and (max-width:750px){
	body {font-size: 1em !important; height: 100% !important;position: absolute !important; }
	#topmenu {height: 75px;position: relative;/*height: auto;*/}
	#titlemenu {padding-left: 100px;padding-top: 18px;font-size: 1em;}
	.upper-menu {margin-top: 45px; margin-bottom: 9px; margin-right: 10px;font-size: 0.7em;}
	#content { margin-top: 0px;padding: 0px;}
	#menu {position: initial;}
	#cur_div {padding: 5px;font-size: 0.75em;}
	.title {font-size: 1.5em;padding: 10px;}
	#disc {display: block;}
	.label-div-big {width: auto;float: none;margin-top: 10px;}
	#img-box-inner { width: 90%;}
	#submit_div {float: none;width: auto;text-align: center;padding-top: 14px;}
	select {font-size: 1em;}
	#content-inner { padding-left: 5px;}
	input {font-size: 1.4em; }
	#bigBox-text input {max-width: 250px;}
	#img-box {width: 90%;}
	#bigBox {width: 97%;}
	#bigBox-inner { width: 94%;}
	#bigBox-inner { max-width: 97%;}
	#bigBox-text {padding-right: 0px;}
	
	/*-------Wastes------*/
	.select_logo {position: initial;display: block;margin-bottom: 0px;font-size: 0.6em;margin-top: 10px;}
	#today_sales td,#today_wastes td {font-size: 0.75em;}
	.waste_im{float: none; }

	#tools {right: 16px;top: 38px;}
	.dropdown .dropbtn,.dropdown .dropbtn.active,.topnav a {font-size: 15px;}

	.inware {width: 200px;}

}




.input-form {padding: 4px;border: 1px solid #aaaa;/* border-radius: 5px; */width: 200px;}
.passeye {cursor: pointer;background: url(passeye.png) no-repeat;width: 23px;height: 16px;display: inline-block;position: relative;top: 6px;left: -23px;z-index: 100;}