/*
  $Id: stylesheet.css,v 1.26 2003/06/30 20:03:50 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2002 osCommerce

  Released under the GNU General Public License
*/

/* links */
a:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; cursor: pointer; }

a.headerLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: underline; }

a.menuBoxHeadingLink:link { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:visited { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:active { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:hover { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }

a.menuBoxContentLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: underline; }

a.splitPageLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: underline; background-color: #FFFF33; }

/* menu box */
.menuBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; background-color: #ffffff; }
.menuBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; line-height: 2; }

/* page */
body { background-color: #ffffff; color: #000000; margin: 0px; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.headerBar { background-color: #B3BAC5; }
.headerBarContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; padding: 2px; }
.columnLeft { background-color: #F0F1F1; border-color: #999999; border-width: 1px; border-style: solid; padding: 2px; }
.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #727272; font-weight: bold; }

h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, sans-serif; color: #727272; font-weight: bold; margin: 0; padding-bottom: 0.75em;}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 12px; }

button.image { border: none; background: none; margin: 0; padding: 0; width: auto; }
button.image:hover { cursor: pointer; }

/* data table */
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* info box */
.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; background-color: #B3BAC5; }
.infoBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #DEE4E8; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* forms */
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
FORM { display: inline; }

/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.main { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorText { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/* Contribution Prof_Invoice&PackingSlip */
.pageHeading-invoice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; padding: 3px; }
.pageHeading-invoice2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: normal; border: 1px ridge #CCCCCC; padding: 3px; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif;	font-size: 10px; color: #ffffff; font-weight: bold; border: 1px ridge #000000;}
.main-payment { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #FFFF99; border: 1px ridge #000000; }

/* ControlPanel styles */
.headericon {
	margin-right: 20px;
	border: 0;
	}
#cpindexdiv {
	float: left;
	width: 220px;
	margin: 0px 20px 20px 0px;
	padding-top: 10px;
	border: 1px solid #C9C9C9;
	}
#cpindexdiv .imglink {
	display: block;
	text-align: center;
	}

#cpindexdiv .textlink {
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background: #ddd;
	border-top: 1px solid #fff;
	}
	
#cpindexdiv .textlink:hover {
	color: #fff;
	text-decoration: none;
	background: #616060;
	}
	
#cpindexdiv td.searchtd {
	text-align: center;
	background: #ddd;
	padding: 5px;
	border-top: 1px solid #fff;
	}
	
.cpbutton, a.cpbutton {
	font-size: 11px;
	padding: 3px 5px;
	color: #fff;
	font-weight: bold;
	background: #ff0000;
	border: 1px solid #000;
	margin-right: 5px;
	}

.cpbutton:hover, a.cpbutton:hover {
	cursor: pointer;
	background: #666;
	text-decoration:none;
	}

.cpbutton-filter, a.cpbutton-filter, span.cpbutton-filter {
	padding: 3px 5px;
	color: #fff;
	font-weight: bold;
	background: #666;
	border: 1px solid #000;
	}

span.cpbutton-filter, a.cpbutton-filter {
	font-size: 11px;
	padding: 3px 5px;
	white-space: nowrap;
	}

.cpbutton-filter:hover, a.cpbutton-filter:hover, span.cpbutton-filter:hover {
	cursor: pointer;
	background: #ff0000;
	text-decoration:none;
	}
	
.groupbutton {
	margin-left: 10px;
	}

.cptextinput {
	padding: 3px;
	border: 1px solid #000;
	}

.readonly {
	border: none;
	width: 100%;
	background: none;
	}

.fullwidth {width: 100%;}
.halfwidth {width: 50%;}
.quarterwidth {width: 25%;}
.decwidth {width: 10%;}

#kkmsg, #kkmsg a {
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #CC0000;
	font-weight: bold;
	}

#filter {
	width: 100%;
	border: 1px solid #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: left;
	}

#filter th {
	padding: 2px;
	background: #eee;
	font-weight:bold;
	}

#filter td {
	padding: 2px;
	background: #eee;
	}

.infobar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 7px;
	font-size: 10px;
	clear: both;
	}
#tablelist {
	width: 99%;
	border: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
#tablelist td {padding: 3px; }
#tablelist tr {vertical-align: middle;}
	
#tablelist th, #tablelist th a {
	padding: 3px;
	font-weight: bold;
	background: #999;
	color: #fff;
	text-align: inherit;
	}

#tablelist th.left {text-align: left;}
#tablelist th.center {text-align: center;}
#tablelist th.right {text-align: right;}
	
#tablelist th a:hover {color:#000;}

#tablelist th.center {text-align: center;}

#tablelist ul, #tablelist li {margin-left: 10px; padding: 0; list-style-position: outside;}

span.markblue, span.markorange, span.markhot, span.markgreen, span.markred {display: inline-block; padding: 4px 6px; margin-right: 10px; font-size: 10px; font-weight: bold; color: #ffffff; float: left;}
span.markblue {background: #7069fc;}
span.markorange {background: #fcc55a;}
span.markhot {background: #ff7777;}
span.markred {background: #ff4444;}
span.markgreen {background: #36a933;}

#tablelist tr.green {background: #b5ffba;}
#tablelist tr.green:hover {cursor: default; background: #6dfd77;}
#tablelist tr.blue {background: #b6b5ff;}
#tablelist tr.blue:hover {cursor: default; background: #7069fc;}
#tablelist tr.orange {background: #ffdd9b;}
#tablelist tr.orange:hover {cursor: default; background: #fcc55a;}	
#tablelist tr.hot {background: #ff9b9b;}
#tablelist tr.hot:hover {cursor: default; background: #ff7777;}
#tablelist tr.odd {background: #fff;}
#tablelist tr.odd:hover {cursor: default; background: #ddd;}
#tablelist tr.even { background: #eee; }         	
#tablelist tr.even:hover {cursor: default; background: #ddd;}

#tablelist td.summarow {background: #666; font-weight: bold; color: #fff; text-align: right;}

.complete {padding: 2px; background: #009900; color: #fff; font-weight: bold; text-align: center;}
.incomplete {padding: 2px; background: #CC0000; color: #fff; font-weight: bold; text-align: center;}
.closedorder {padding: 2px; background: #cccccc; color: #fff; font-weight: bold; text-align: center;}
.complete:hover { text-decoration: none;}
.moreorders { padding: 2px 4px; color: #CC0000; border:  1px solid #CC0000; background-color: #ffee00; font-weight: bold; text-align: center; }
.userimg { margin-bottom: -3px; }
.nowrap {white-space: nowrap;}

a.thickbox p {margin: 5px;}
a.thickbox p:hover {text-decoration: none;}


/* popup styles */
#popupdiv {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; float: left; margin-top: 10px; overflow: hidden;}
#leftcontainer {width: 30%; float: left; margin-right: 10px;}
#popupdiv.left {border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; width: 100%; padding: 5px 0px 5px 10px; background: #eee;}
#popupdiv.right {width: 65%; padding: 0px 0px 0px 10px;}

h5 span.deadline {float:right;}
h5 span.deadlinedate {float:right; font-weight: bold; color: #cc0000;}

#popupdatatable {width: 100%; margin-bottom: 20px;}
#popupdatatable tr {vertical-align: top;}
#popupdatatable td.left {font-weight: bold;}

#productslist {width: 100%;}
#productslist tr {vertical-align: top;}
#productslist td.datas {padding-bottom: 10px;}
p.productsname {margin-top: 2px; padding: 3px 0px; line-height:16px; background: #666; color: #fff;}
.productsquantity {padding: 2px 4px; background: #cc0000; color: #fff; font-weight:bold; margin-left: 2px; border: 1px solid #fff;}
img.adminimg {border: 1px solid #aaa; margin-right: 10px;}

#prorductprice {width: 100%; margin-bottom: 10px;}
#prorductprice th {text-align: right; font-size: 8px; border-bottom: 1px solid #333;} 
#prorductprice td.db {text-align: right; width: 10%;}
#prorductprice td.amount {text-align: right; width: 18%;}

#purchaselist {width:100%; background: #eee;}
#purchaselist td {border-bottom: 1px solid #fff; padding: 2px;}
#purchaselist td.purchasequantity {font-weight: bold; text-align: center; width: 30px;}
td.purchasestatusgreen {font-weight: bold; text-align: center; color: #009900;}
td.purchasestatusred {font-weight: bold; text-align: center; color: #cc0000; }
#purchaselist td.summary {border-top: 1px solid #666; border-bottom: 0; font-weight: bold;}

#orderstotaltable {float: right; border-top: 2px solid #333; margin: 10px 0px 30px 10px;}
#orderstotaltable tr {vertical-align: bottom;}
#orderstotaltable td {padding: 5px 0px; border-bottom: 1px solid #aaa;}
#orderstotaltable td.right {text-align: right;}

.orderid {font-weight: bold; font-size: 24px; margin: 0px; color: #CC0000;}
.divider {width: 100%; color: #FFFFFF; margin: 10px 0px 10px 0px;}
button.importantlink {width: 100%;}
button.importantlink,a.importantlink {display: block; padding: 3px 5px; margin-top: 5px; background: #666; color: #fff; font-weight: bold; text-align: center; border: none;}
button.importantlink:hover,a.importantlink:hover {background: #cc0000; cursor:pointer; text-decoration: none;}

table.simplelist {width:100%;}
table.simplelist td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#inventorylargetable {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 99%; border: 1px solid #333; background: #aaa;}
#inventorylargetable tr {vertical-align: top;}
#inventorylargetable td {padding: 10px; vertical-align: bottom;}
.invqtyinput {width: 100%; border: 1px solid #333; background: #fff; padding: 10px; font-size:24px; font-weight: bold; text-align: center;}
.invbarcodeinput {width: 100%; background: #fff; border: 1px solid #333; padding: 10px; font-size:24px; text-align: left;}
.invsubmit {width: 100%; border: 1px solid #333; background: #cc0000; padding: 10px; font-size:24px; font-weight: bold; color: #fff; text-align: center;}
input.invsubmit:hover  { background: #333; color: #fff; cursor:pointer; }

div#calendardiv {display: inline;margin-left: 5px;}

div#popupleft {
	width: 55%;
	height: 425px;
	padding: 10px;
	float: left;
	}

div#popupright {
	width: 40%;
	height: 425px;
	float: right;
	padding: 10px;
	}

div#popupbottom {
	display: block;
	width: 100%;
	padding: 10px 0px;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #ddd;
	text-align: right;
	}
	
div#categories_tree {
	height: 85%;
	padding: 5px;
	border: 1px solid #ccc;
	overflow: auto;
	background: #fff;
	}
div#categories_tree label:hover { cursor: pointer; }

#popuptable { 	width: 100%; }
#popuptable td { font-size: 10px; vertical-align: middle; text-align: left; padding: 5px; border-bottom: 1px solid #ccc; }
#popuptable input , #popuptable textarea  { border: 1px solid #333; padding: 3px 2px; width: 100%; margin: 5px 0px; }
#popuptable textarea  {width: 300px;}
#popuptable select { border: 1px solid #666; padding: 3px 5px; width: 100%; }
#popuptable input.radio { width: 10%; border: 1px solid grey;  }
.comment { color: #666; }
#eanbutton {padding: 2px 4px; font-weight: bold; background: #666; color: #fff; margin: 0px 5px;}
#eanbutton:hover {cursor: pointer; background: #ff0000;}

#tablecontainer { border: 1px solid #999; height: 350px; overflow:scroll; }
span.warningmarker { font-weight: bold; color: #fff; padding: 0px 4px; background: #d8bb14;}
span.alertmarker { font-weight: bold; color: #fff; padding: 0px 4px; background: #f00; }
span.specialmarker { font-weight: bold; font-size: 75%; color: #f00; }
span.lowvolmarker { font-weight: bold; font-size: 75%; color: #090; }
span.lastpricemarker { font-size: 100%; color: #666;  }
span.currentprice { font-weight: bold; }
span.available { color: #090;  }
span.notavailable { color: #f00; }
.markafter { margin-left: 3px; }
.markbefore { margin-right: 3px; }
#TotalProductsQuantity, #TotalProductsPrice { font-weight: bold; margin-right: 30px; padding: 4px 10px; background: #000; color: #fff;}
#FreeDeliveryLimit { font-weight: bold; margin-right: 30px; padding: 4px 10px; background: #ddd; }

#orders_status_history, #orders_process_status_history { display: block; padding: 0px 10px; margin: 0px 0px 10px 0px; background-color: #eee; border: 1px solid #aaa; }
#orders_status_history p.oshtitle, #orders_process_status_history p.oshtitle { display: block; margin-top: 10px; padding: 0; font-weight: bold; }
#orders_status_history p.oshtext, #orders_process_status_history p.oshtext { display: block; margin: 5px 0px 10px 0px; padding-left: 10px; }
#orders_status_history span.oshdate, #orders_process_status_history span.oshdate { float: right; }
#orders_status_history span.green, #orders_process_status_history span.green { color: #009900; text-transform: uppercase;}
#orders_status_history span.red, #orders_process_status_history span.red { color: #cc0000; text-transform: uppercase; }
#orders_status_history_short:hover, #orders_status_history_long:hover, #orders_process_status_history_short:hover, #orders_process_status_history_long:hover { cursor:pointer; }
a.small_link { font-size: smaller; color: #cc0000; text-transform: lowercase; font-weight: bold; }

p.amazon {display: block; position: fixed; top: 0px; padding: 5px; background-color: red; text-align: center; font-weight: bold; color:#fff;}

.referenceprice { background: #ffffaa; }
.referencepricevalue { font-weight: bold; color: #aa0000; }

img.togglefilter { margin: 0px 0px -3px 3px; }
div.filteroptions { display:none; }
div.filterblock { margin-top: 3px; color: #000; font-weight: normal; border: 1px solid #666; background-color: #fff; height: 300px; width: auto; overflow-y: scroll; }
div.filteroptions label { white-space: nowrap; }

.print-only {display:none;}

/*Check-in display*/
.state{
    display : block;
    margin : 0;
}
.last_entry{
    display:block;
    margin:0;
}
/* CRON PAGE */
body.cron {
	margin: 20px 10%;
	}
	
.editordericon {float: right; opacity: 0.1;}
.editordericon:hover {opacity: 1;}

.d-none {display: none;}
.d-block {display: block;}

#tofapi label {display: block; margin: 0.5rem 0;}

.img-fluid {
	max-width: 100%;
	height: auto;
}