@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,900italic,700italic,900,700,500italic,500,400italic,300italic,300,100italic&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; outline: none; resize:none }
table {border-collapse:collapse;border-spacing:0;margin:0;padding:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
html{ height:100%;}
body{padding:0;font-family: 'Quicksand',Tahoma, Helvetica, Arial;font-size:12px; margin:0px auto auto auto; color:#333; height:100%; }
table{font-size: 12px;font-family: 'Quicksand',Roboto, Tahoma, Helvetica, Arial;color : #000;text-align:left; font-weight:500; }


a.welcome-brown{padding-right : 0px;padding-left : 0px;font-size:13px;font-family:'Quicksand',Geneva,  tahoma ,arial, Helvetica, sans-serif;color: #F8F3EF;text-decoration : none;font-weight:bold; background-color:#413429; padding:10px 18px 12px 18px; border-radius: 3px; }			
a.welcome-brown:hover { background-color:#241E17; } 
a.welcome-yellow{padding-right : 0px;padding-left : 0px;font-size:13px;font-family:'Quicksand',Geneva,  tahoma ,arial, Helvetica, sans-serif;color: #F8F3EF;text-decoration : none;font-weight:bold; background-color:#DAAD12; padding:10px 18px 12px 18px; border-radius: 3px; margin-left:2px; }			
a.welcome-yellow:hover { background-color:#D0A611; } 
a.welcome-red{padding-right : 0px;padding-left : 0px;font-size:13px;font-family:'Quicksand',Geneva,  tahoma ,arial, Helvetica, sans-serif;color: #F8F3EF;text-decoration : none;font-weight:bold; background-color:#B05E21; padding:10px 18px 12px 18px; border-radius: 3px; margin-left:2px; }			
a.welcome-red:hover { background-color:#AC5B20; } 
a.welcome-link{padding-right : 0px;padding-left : 0px;font-size:12px; border:2px solid #0A4624; font-family:'Quicksand',Geneva,  tahoma ,arial, Helvetica, sans-serif;color: #138845;text-decoration : none;font-weight:bold; background-color:#FFF; padding:10px 18px 12px 18px; }			
a.welcome-red:hover { background-color:#FFF; } 

.cellframe{ padding:10px; background-color:#FFFFFF; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; position:relative; box-sizing: border-box; }
.dashboardcolumnleft { width: calc(50% - 12px); min-width: 100px; vertical-align: top; display: inline-block; margin-right:12px; box-sizing: }
.dashboardcolumnright { width: calc(50% - 6px); min-width: 100px; vertical-align: top; display: inline-block; box-sizing: border-box; }

.sinput{padding-left:8px;padding-bottom:5px;padding-top:5px;height:42px; font-size: 15px;color : #555; font-family: 'Quicksand', Geneva, tahoma, arial, Helvetica, sans-serif; font-weight:700;border:1px solid #B0A69F; background-color:#FFF;outline: none; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; outline: none;-webkit-appearance: none;border-radius: 0; border-radius: 3px; box-sizing: border-box;  }
.sinput:active{border:1px solid #96877E; background-color:#FCFCFC;color : #333;}
.sinput:hover{border:1px solid #96877E; background-color:#FCFCFC;color : #333;}
.sinput:focus{border:1px solid #96877E; background-color:#FCFCFC;color : #333;}
.sinputselect{padding-right:2px;padding-left:3px;padding-bottom:2px;padding-top:2px;height:25px; font-size: 12px;font-family: Geneva, tahoma, arial, Helvetica, sans-serif;color : #888;border:1px solid #B0A69F; background-color:#FCFCFC;outline: none; font-weight:bold; }

.btn-welcome{ font-weight:bold; border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;cursor:pointer;font-size:13px;line-height:2.10;margin:0;overflow:visible;padding:2px 18px 2px;*padding:2px 10px 1px;text-decoration:none!important;vertical-align:top;width:auto; font-family:'Quicksand',Tahoma, Verdana, Arial, sans-serif;}
.btn-welcome{background:#92B42C;border-color:#92B42C;color:#F8FBEE!important;white-space:nowrap;outline: none;}
.btn-welcome:hover{background:#85A428;border-color:#85A428;color:#FEFEFE!important;white-space:nowrap;outline: none;}
.btn-welcome:active{background:#85A428F;border-color:#85A428;color:#FEFEFE!important;white-space:nowrap;outline: none;}

.btn-submit-login{border-width:1px;border-style:solid;cursor:pointer;font-size:13px;margin:0;font-weight:bold;font-family:'Quicksand',Roboto,Tahoma, Geneva, sans-serif;outline: none; height:40px; padding-left:10px;padding-right:10px; background-color:#9AAC21; border: 0px; color:#FFF; width:100%; -webkit-appearance: none; border-radius: 3px; }
.btn-submit-login:hover{background:#93A31F;}

.btn-green{ background:#9DCF00; border:0px; padding:4.5px 9px 4.5px 9px; cursor:pointer;font-size:12px;line-height:1.60;margin:0px;overflow:visible;text-decoration:none !important;width:auto;font-weight:bold;font-family:'Quicksand',Tahoma, Geneva, sans-serif;color:#FDFEF9 !important; border-radius:3px; box-sizing: border-box; }
.btn-green:hover{background:#A8DF00;}
.btn-green:active{background:#89B700;}
.btn-openyellow{ background:#EFC73A; border:0px; padding:4.5px 9px 4.5px 9px; cursor:pointer;font-size:12px;line-height:1.60;margin:0px;overflow:visible;text-decoration:none !important;width:auto;font-weight:bold;font-family:'Quicksand',Tahoma, Geneva, sans-serif;color:#FDFEF9 !important; border-radius:3px; }
.btn-openyellow:hover{background:#F2D15E;}
.btn-openyellow:active{background:#EDBE1F;}
.btn-opengrey{ background:#A1A1A1; border:0px; padding:4.5px 9px 4.5px 9px; cursor:pointer;font-size:12px;line-height:1.60;margin:0px;overflow:visible;text-decoration:none !important;width:auto;font-weight:bold;font-family:'Quicksand',Tahoma, Geneva, sans-serif;color:#FDFEF9 !important; border-radius:3px; }
.btn-opengrey:hover{background:#A4A4A4;}
.btn-opengrey:active{background:#999999;}
.btn-openred{ background:#DB6933; border:0px; padding:4.5px 9px 4.5px 9px; cursor:pointer;font-size:12px;line-height:1.60;margin:0px;overflow:visible;text-decoration:none !important;width:auto;font-weight:bold;font-family:'Quicksand',Tahoma, Geneva, sans-serif;color:#FDFEF9 !important; border-radius:3px; }
.btn-openred:hover{background:#E07D4E;}
.btn-openred:active{background:#D96126;}
.btn-openblue{ background:#3BC8F5; border:0px; padding:4.5px 9px 4.5px 9px; cursor:pointer;font-size:12px;line-height:1.60;margin:0px;overflow:visible;text-decoration:none !important;width:auto;font-weight:bold;font-family:'Quicksand',Tahoma, Geneva, sans-serif;color:#FDFEF9 !important; border-radius:3px; }
.btn-openblue:hover{background:#4FCDF7;}
.btn-openblue:active{background:#24C0F4;}
.btn-openpurple{ background:#9280D6; border:0px; padding:4.5px 9px 4.5px 9px; cursor:pointer;font-size:12px;line-height:1.60;margin:0px;overflow:visible;text-decoration:none !important;width:auto;font-weight:bold;font-family:'Quicksand',Tahoma, Geneva, sans-serif;color:#FDFEF9 !important; border-radius:3px; }
.btn-openpurple:hover{background:#4FCDF7;}
.btn-openpurple:active{background:#24C0F4;}

.hinput{padding-left:4px;padding-bottom:5px;padding-top:5px;height:30px; font-size: 12px; font-weight:400; font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #000;border:1px solid #D9D9D9; background-color:#FFFFFF; outline: none;-webkit-appearance: none;border-radius: 0; box-shadow: 2px 2px 1px #FAFAFA; outline: 1px solid #FAFAFA; box-sizing: border-box; }
.hinput:hover{padding-left:4px;padding-bottom:5px;padding-top:5px;height:30px; font-size: 12px; font-weight:400; font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #000;border:1px solid #F0CABD; background-color:#FFFFFF; outline: none;-webkit-appearance: none;border-radius: 0; box-shadow: 3px 3px 1px #FCF5F3; outline: 1px solid #F0CABD; }
.hinput:focus{padding-left:4px;padding-bottom:5px;padding-top:5px;height:30px; font-size: 12px; font-weight:400; font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #000;border:1px solid #DAEFBC; background-color:#FFFFFF; outline: none;-webkit-appearance: none;border-radius: 0; box-shadow: 3px 3px 1px #F6FDF2; outline: 1px solid #DAEFBC; }
.hinputselect{padding-right:4px;padding-left:1px;height:30px; font-size: 12px;font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #000;border:1px solid #E1E1E1; margin:0px; padding-top:0px; outline: none; user-select: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; outline: none;border-radius: 0; background-color:#FDFDFD; box-shadow: 2px 2px 1px #FAFAFA; outline: 1px solid #FAFAFA; box-sizing: border-box;  }
.hinputselect:hover{padding-right:8px;padding-left:1px;height:30px; font-size: 12px;font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #000;border:1px solid #DAEFBC; background-color:#FEFEFE;margin:0px; padding-top:0px; user-select: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; box-shadow: 3px 3px 1px #F9F9F9; outline: 1px solid #DAEFBC; }
.hinputselect:active{padding-right:8px;padding-left:1px;height:30px; font-size: 12px;font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #000;border:1px solid #DAEFBC; background-color:#FFFFFF;margin:0px; padding-top:0px; user-select: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; box-shadow: 3px 3px 1px #F9F9F9; outline: 1px solid #DAEFBC; }
.hinputright{padding-left:4px; padding-right:4px;padding-bottom:5px;padding-top:5px;height:30px; font-size: 12px; font-weight:400; font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #000;border:1px solid #E1E1E1; background-color:#FFFFFF; outline: none;-webkit-appearance: none;border-radius: 0; outline: 1px solid FFFF; outline: 1px solid #FFFFFF; text-align:right; box-sizing: border-box; }
.hinputright:hover{padding-left:4px;padding-right:4px;padding-bottom:5px;padding-top:5px;height:30px; font-size: 12px; font-weight:400; font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #000;border:1px solid #F0CABD; background-color:#FFFFFF; outline: none;-webkit-appearance: none;border-radius: 0; box-shadow: 3px 3px 1px #FCF5F3; outline: 1px solid #F0CABD; }
.hinputright:focus{padding-left:4px;padding-right:4px;padding-bottom:5px;padding-top:5px;height:30px; font-size: 12px; font-weight:400; font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #000;border:1px solid #DAEFBC; background-color:#FFFFFF; outline: none;-webkit-appearance: none;border-radius: 0; box-shadow: 3px 3px 1px #F6FDF2; outline: 1px solid #DAEFBC; }
.hinputselectopen{padding-right:4px;padding-left:1px;height:30px; font-size: 12px;font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #777777;border:1px solid #E1E1E1; margin:0px; padding-top:0px; outline: none; user-select: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; outline: none;border-radius: 0; background-color:#FEFEFE; outline: 1px solid FFFF; font-weight:bold; box-sizing: border-box; }

.displaylinebottom{border-bottom: #E1E1E1 1px dotted;}

a.yellowbig{padding-right : 0px;padding-left : 0px;font-size:13px;font-family:"Quicksand",Geneva,  tahoma ,arial, Helvetica, sans-serif;color: #BD960F;text-decoration : none;}			
a.yellowbig:hover {padding-right : 0px;padding-left : 0px; color:#AD890E } 

a.greenbig{padding-right : 0px;padding-left : 0px;font-size:13px;font-family:"Quicksand",tahoma ,arial, Helvetica, sans-serif;color: #96A71F;text-decoration : none; }			
a.greenbig:hover {padding-right : 0px;padding-left : 0px;color:#788903; } 

.bluebig{color:#55A2C6; font-size:13px; font-family: 'Quicksand',Roboto,Tahoma,   tahoma, sans-serif;}
a.greenbigbold{padding-right : 0px;padding-left : 0px;font-size:12px;font-family:"Quicksand","Roboto",tahoma ,arial, Helvetica, sans-serif;color: #96A71F;text-decoration : none; font-weight:bold; }			
a.greenbigbold:hover {padding-right : 0px;padding-left : 0px;color: #D9AC11;color:#788903; } 

.rednormal{color:#B05E21; font-size:12px}

/*Pagination*/
ul.pagination{ margin:0px; padding:0px; height:100%; overflow:hidden; font:13px; list-style-type:none; float:right; font-family:Tahoma,'Quicksand',Tahoma, Helvetica,sans-serif; }
ul.pagination li.details{ padding:7px 10px 7px 10px; font-size:13px; color:#666;  }
ul.pagination li.dot{padding: 3px 0;}
ul.pagination li{ float:left; margin:0px; padding:0px; margin-left:5px; }
ul.pagination li:first-child{ margin-left:0px; }
ul.pagination li a{ color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px; }
ul.pagination li a img{ border:none; }
ul.pagination li.details{color:#666;}
ul.pagination li a{border:solid 1px;border-radius:3px;	-moz-border-radius:3px;-webkit-border-radius:3px;padding:7px 9px 7px 9px; font-family:Tahoma,'Quicksand',Tahoma, Helvetica,sans-serif; font-size:12px;}
ul.pagination li{padding-bottom:1px;}
ul.pagination li a:hover,
ul.pagination li a.current { color:#FFFFFF; box-shadow:0px 1px #413429; -moz-box-shadow:0px 1px #413429; -webkit-box-shadow:0px 1px #413429; text-shadow:0px 1px #413429; border-color:#413429; background:#413429; }
ul.pagination li a {color:#413429;border-color:#DED8D1;background:#DED8D1; }	

.searchinputwelcomeinput{ padding-left:5px;padding-bottom:6px;padding-top:5px;height:38px; font-size: 13px;font-family: Geneva, tahoma, arial, Helvetica, sans-serif;color : #000000;border-bottom:1px solid #E1E1E1; border-top:1px solid #E1E1E1; border-left:1px solid #E1E1E1; border-right:0px; background-color:#FBFBFB;outline: none;outline: none;-webkit-appearance: none;border-radius: 0; box-sizing: border-box;}
.searchinputwelcomeinputselect{padding-right:4px;padding-left:5px;height:38px; font-size: 13px;font-family: "Roboto", tahoma, Geneva, arial, Helvetica, sans-serif;color : #000;border:1px solid #E1E1E1; margin:0px; padding-top:0px; outline: none; user-select: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; outline: none;border-radius: 0; background-color:#FBFBFB; }
.redframedark{ background-color:#B05E21;padding:5px;border: #B05E21 1px solid; width:400px; }

#basketframe {  display:block;  bottom:1px;  left:20px; position:fixed;  height: 60px; padding-top:7px; text-align:center; z-index:99; color:#FFFFFF; font-weight:bold; font-size:12px; } 
* html #basketframe {  position:absolute; }


.gridopen { background: #FFFFFF; }
.gridopen:hover td { background: #F3F9DF; }
.griddark { background: #FFFFFF; }
.griddark:hover td { background: #F3F9DF; }