body {
  overflow: auto;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  color: #666;
  background: #fff;
  font-family: 'Open Sans' !important; 
  font-size: 14px;
}

a { outline: 0 !important;}

h1 {
    font-size: 26px !important;
    font-weight: 300 !important;
    font-family: open sans,Arial,Helvetica,sans-serif !important;
    height: 35px !important;
    margin-bottom: 5px !important;
    border-bottom: 1px solid #b4b4b4;
  	text-align: left;
  	text-transform: uppercase;    
}

#pageTitle { padding-bottom: 20px; }

/*---------------------DOCUMENTS ITEM LIST---------------------*/
.document-items {
  width: 100%;
  margin-left: 0;
  margin-top: 25px;
  clear: left;
}

.itemlist {
  width: 98% !important;
  border-collapse: collapse;
  margin-left: 0;
  margin-top: 10px;
  padding: 0;
  font: 400 13px open sans, Arial, Helvetica, sans-serif;
}

.itemlist th {
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
  text-align: left;
  padding: 4px 8px 8px 6px;
}

.itemlist td {
  background: #fff;
  border-bottom: 1px dotted #b4b4b4;
  vertical-align: middle;
  margin: 0;
  padding: 4px 8px 8px 6px;
}

.itemlist img {
  /*width: 24px;
  height: 24px;*/
  border: 0;
}

.itemlist a:link {
  color: #333;
}

.itemlist a:hover {
  color: #c00;
}

.itemlist a:visited {
  color: #333;
}

.itemlist .odd {
  background: #fff;
  vertical-align: middle;
  padding: 3px;
}

.itemlist .odd-error {
}

.itemlist .odd-info {
  background: #fff;
  border-right: 0 solid #CCC;
}

.itemlist .odd td {
  background: #fff;
  border-bottom: 1px dotted #b4b4b4;
  vertical-align: middle;
  margin: 0;
}

.itemlist .odd-info td {
  border-right: 0 solid #CCC;
}

.itemlist .even {
  background: #F4F4F4;
  vertical-align: middle;
  padding: 3px;
}

.itemlist .even-error {
  background: #fff;
  margin: 0;
  padding: 0;
}

.itemlist .even-info {
}

.itemlist .even td {
  background: #fff;
  border-bottom: 1px dotted #b4b4b4;
  vertical-align: middle;
  margin: 0;
}

.itemlist .even-error td {
  border-right: 0 solid #CCC;
}

.itemlist .error {
  width: 98%;
}

.itemlist .info {
  width: 98%;
}

.itemlist .separator {
  border-bottom: 1px dotted #b4b4b4;
  padding: 10px;
  margin: 0;
}

.itemlist td.select,.itemlist th.select {
  width: 19px;
  padding-left: 3px;
}

.itemlist td.opener,.itemlist th.opener {
  width: 17px;
  padding-left: 6px;
}

.itemlist th.item {
  width: 4em;
}

.itemlist td.item {
  text-align: left;
}

.itemlist td.product {
  text-align: left;
  white-space: nowrap;
}

.itemlist td.product img {
  vertical-align: -4px;
}

.itemlist td.qty,.itemlist th.qty {
  text-align: right;
}

.itemlist td.unit {
  text-align: left;
}

.itemlist td.desc {
  text-align: left;
  white-space: nowrap
}

.itemlist td.ref-doc {
  text-align: left;
}

.itemlist td.qty-avail {
  text-align: right;
}

.itemlist td.date-on {
  text-align: right;
}

.itemlist th.price,.itemlist th.price-unit {
  width: 10em;
  text-align: right;
}

.itemlist td.price,.itemlist td.price-unit {
  text-align: right;
  white-space: nowrap;
}

.itemlist td.status,th.status {
  text-align: center;
  width: 5em;
}

.itemlist td.qty-rest {
  text-align: right;
}

.itemlist td.delete {
  text-align: center;
}

.itemlist td.product table {
  border-collapse: collapse;
  border-width: 0;
  margin-top: .5ex;
}

.itemlist td.product td {
  border-width: 0;
  padding: .1ex;
}

.itemlist td.product em {
  font-weight: 700;
  color: #000;
}

.itemlist td.config-group span {
  font-style: italic;
}

/* Subitem-Styles */
.itemlist .even .item-sub-1 {
  padding-left: 15px;
  background-color: #F2F2F2;
}

.itemlist .even .item-sub-2 {
  padding-left: 30px;
  background-color: #F2F2F2;
}

.itemlist .even .item-sub-3 {
  padding-left: 45px;
  background-color: #F2F2F2;
}

.itemlist .odd .item-sub-1 {
  padding-left: 15px;
}

.itemlist .odd .item-sub-2 {
  padding-left: 30px;
}

.itemlist .odd .item-sub-3 {
  padding-left: 45px;
}

.itemlist .odd-detail {
  background: #fff;
  margin: 3px;
  padding: 5px;
}

.itemlist .detail {
  border-left: 1px solid #CCC;
}

.itemlist .even-detail {
  background: #F2F2F2;
  margin: 3px;
  padding: 5px;
}

/*...Detail..............................................*/
.item-detail {
  border: 1px solid #CCC;
  width: 99%;
  border-collapse: collapse;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 1ex;
  font: 400 13px open sans, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #000;
}

.item-detail .identifier {
  width: 19em;
  border: 0;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  padding: 3px;
}

.item-detail .message-data .identifier {
  vertical-align: top;
}

.item-detail .value {
  text-align: left;
  border: 0;
  padding: 3px;
  vertical-align: middle;
}

.item-detail .value .textinput-middle {
  text-align: left;
  padding-left: 2px;
  vertical-align: top;
}

.item-detail .value select {
  text-align: left;
  padding-left: 2px;
  vertical-align: top;
}

.item-detail img {
  border: 0;
  width: 16px;
  height: 16px;
  vertical-align: -6%;
}

/* for icons after select-boxes */
.item-detail .img-1 {
  width: 16px;
  height: 16px;
  border: 0;
  vertical-align: -7px;
}

/* for icons after input fields */
.item-detail .img-2 {
  width: 16px;
  height: 16px;
}

/* for icons after normal text */
.item-detail .img-3 {
  width: 16px;
  height: 16px;
  vertical-align: top;
}

/* for icons after textarea */
.item-info {
  border: 1px solid #CCC;
  width: 99%;
  border-collapse: collapse;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  font: 400 13px open sans, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #000;
}

.item-info .icon {
  width: 2.3em;
  border: 0;
  background: url(../mimes/images/warning.gif) no-repeat 4px 3px;
  height: 20px;
}

.item-info .identifier-2,.item-info .identifier-3 {
  text-align: right;
  vertical-align: middle;
  padding: 2px;
}

.item-info .identifier-1 {
  width: 16em;
  border: 0;
  text-align: right;
  vertical-align: middle;
  padding: 2px;
}

.item-info .value-1,.item-info .value-2,.item-info .value-3 {
  text-align: left;
  border: 0;
  padding: 2px;
  vertical-align: middle;
}

/*---------------------DOCUMENTS GROUPED BUTTONS---------------------*/
#buttons {
  width: 100%;
  margin: 0;
  padding-top: 1px;
  font: 400 11px open sans, Arial, Helvetica, sans-serif;
  font-size: 100%;
}

@media print {
  #buttons {
    display: none;
  }
}

ul.buttons-1 {
  border: 0 solid red;
  margin-left: 0;
  margin-top: 10px;
  padding-left: 0;
  list-style: none outside;
  float: left;
}

ul.buttons-1 li {
  float: left;
  margin-right: 1em;
  font-weight: 700;
  line-height: 5ex;
  vertical-align: top;
}

ul.buttons-1 img.icon {
  border: 0 none;
  vertical-align: -15%;
}

ul.buttons-2 {
  border: 0 solid red;
  margin-left: 5px;
  float: left;
  list-style: none outside;
  margin-top: 10px;
}

ul.buttons-2 li {
  float: left;
  margin-right: 1em;
  font-weight: 700;
  line-height: 5ex;
  vertical-align: top;
}

ul.buttons-3 {
  border: 0 solid red;
  float: right;
  list-style: none outside;
  margin-top: 10px;
}

ul.buttons-3 li {
  float: left;
  margin-right: 0;
  margin-left: 1em;
  font-weight: 700;
  line-height: 5ex;
  vertical-align: top;
}

ul.buttons-1 a,ul.buttons-2 a,ul.buttons-3 a {
  text-decoration: none;
  padding: 4px 10px 6px;
}

ul.buttons-1 a:link,ul.buttons-2 a:link,ul.buttons-3 a:link {
  border: 1px solid #000;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font: 400 13px open sans, Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 3px;
  text-decoration: none;
  background-color: #000;
  min-width: 100px;
  text-align: center;
}

ul.buttons-1 a:visited,ul.buttons-2 a:visited,ul.buttons-3 a:visited {
  color: #fff;
  background-color: #000;
  border-radius: 3px;
}

ul.buttons-1 a:hover,ul.buttons-2 a:hover,ul.buttons-3 a:hover {
  color: #000;
  background-color: #fff;
  border-radius: 3px;
}

/* disabled buttons */
ul.buttons-1 li.disabled a,ul.buttons-2 li.disabled a,ul.buttons-3 li.disabled a {
  text-decoration: none;
  color: #fff;
  background-color: #000;
  border-radius: 3px;
  cursor: not-allowed;
}

ul.buttons-1 li.disabled a:link,ul.buttons-2 li.disabled a:link,ul.buttons-3 li.disabled a:link {
  border: 1px solid #000;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font: 400 13px open sans, Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 3px;
  text-decoration: none;
  background-color: #b4b4b4;
  min-width: 100px;
  text-align: center;
  cursor: not-allowed;
}

ul.buttons-1 li.disabled a:visited,ul.buttons-2 li.disabled a:visited,ul.buttons-3 li.disabled a:visited {
  color: #fff;
  background-color: #000;
  border-radius: 3px;
  cursor: not-allowed;
}

ul.buttons-1 li.disabled a:hover,ul.buttons-2 li.disabled a:hover,ul.buttons-3 li.disabled a:hover {
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  cursor: not-allowed;
}

/*...Single Buttons..............................................*/
a.button {
  border: 1px solid #000;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font: 400 13px open sans, Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 3px;
  text-decoration: none;
  background-color: #000;
  min-width: 100px;
  text-align: center;
}

a.button:link {
  color: #fff;
  background-color: #000;
  border-radius: 3px;
  text-decoration: none;
}

a.button:visited {
  color: #fff;
  background-color: #000;
  border-radius: 3px;
  text-decoration: none;
}

a.button:hover {
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  text-decoration: none;
}

a.button-disabled {
  border: 1px solid #000;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font: 400 13px open sans, Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 3px;
  text-decoration: none;
  background-color: #b4b4b4;
  min-width: 100px;
  text-align: center;
  cursor: not-allowed;
}

a.button-disabled:link {
  color: #fff;
  background-color: #000;
  border-radius: 3px;
  cursor: not-allowed;
}

a.button-disabled:visited {
  color: #fff;
  background-color: #000;
  border-radius: 3px;
  cursor: not-allowed;
}

a.button-disabled:hover {
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  cursor: not-allowed;
}


input[type="text"] {
  color: #333;
  text-align: left;
}

.textinput-small {
  border: 1px solid silver;
  Font: 400 13px open sans, Arial, Helvetica, sans-serif;
  padding-left: 2px;
  background-color: #f4f4f4;
  color: #333;
  font-size: 100%;
  width: 5em;
}  

/*--------------------- Message Alert Notification Styles ---------------------*/
.hover-notification {
  font-family: 'Open Sans', Arial,Helvetica,sans-serif;
  position: fixed;
  top: 60px;
  left: 1%;
  width: 98%;
  z-index: 105;
  text-align: left;
  font-weight: 400;
  font-size: 100%;
  color: #FFF;
  padding: 5px;
  background-color: #F3A330;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;
}

.hover-notification-error {
  font-family: 'Open Sans', Arial,Helvetica,sans-serif;
  position: fixed;
  top: 0px;
  left: 1%;
  width: 98%;
  z-index: 105;
  text-align: left;
  font-weight: 400;
  font-size: 100%;
  color: #FFF;
  padding: 5px;
  background-color: #C00;
  padding-left: 10px;
  padding-right: 10px;
}

.dismiss {
  cursor: pointer;
  float: right;
}

.hover-notification table tr td,.hover-notification-error table tr td {

}
#hoverbarMsg {padding: 5px;}
.hover-notification a,.hover-notification-error a {
  color: #fff;
  text-decoration: none;
}




		*	{ font: 400 16px open sans, Arial, Helvetica, sans-serif; }
		label {
		    font-weight: bold;
		    font-size: 13px;
		}
		a.FancyButton {    		
    		background-color: #000;
		    border: 1px solid #000;
		    border-radius: 3px;
		    color: #FFFFFF;
		    display: inline-block;
		    font-size: 14px;
		    font-weight: normal;
		    padding: 0px 0.75em;
		    text-decoration: none;
		    line-height: 1.75em;	
		}
		a.FancyButton:hover {
		    cursor: pointer;
		    background-color: #FFFFFF;
		    color: #000000;
		}	
		input{
		    border: 1px solid #DDD;
		    padding: 4px;
		    text-align: left;
		}	
		.hover-notification {
		    font-family:'Open Sans', Arial,Helvetica,sans-serif;
		    position:fixed;
		    top:0px;
		    left:1%;
		    width:98%;
		    z-index:105;
		    text-align:left;
		    font-weight: 400;
		    font-size:100%;
		    color:white;
		    padding:5px;
		    background-color: #F3A330;
		    padding-left: 10px;
		    padding-right: 10px;
		}
		.hover-notification span.dismiss {
		    border:2px solid #FFF;
		    padding:0px 6px;
		    cursor:pointer;
		    float:right;
		}
		.hover-notification a {
		    color:white;
		    text-decoration:none;
		    font-weight:bold
		}	
		
		.hover-notification-error span.dismiss {
		    border:2px solid #FFF;
		    padding:0px 6px;
		    cursor:pointer;
		    float:right;
		}
		.hover-notification-error a {
		    color:white;
		    text-decoration:none;
		    font-weight:bold
		}	
					
		select {
		    border: 1px solid #CCC;
		    height: 32px;
		    padding: 4px;
		}	
		
		.boxDiv	{
			vertical-align: top; width: 32%; 
		}
		td {padding: 2px; }
		.tabbgcenter td {padding-top: 10px; /*padding-left: 10px;*/}
		input[type="radio"], input[type="checkbox"] { margin: 0px;}
		
		.panel-default { height: 225px; } 
		p { margin: 0px !important;}
 		.validation-dialognew li.fail {  color:#ea0000; no-repeat 0 3px; background-size:12px 12px; }
 		.validation-dialognew li.pass {  no-repeat 0 3px; color: #526F35;}
 		.validation-dialog {display:none;background-repeat:no-repeat;background-size:100% 100%;padding:10px;padding-left:10px;margin-top:-75px;}
		.validation-dialognew {display:inline;position:absolute;background-repeat:no-repeat;background-size:100% 100%;padding:10px;padding-left:10px;margin-top:-45px;}
		
		
		.btn-group-lg {border-bottom: 2px solid #AAA; padding-bottom: 10px; }
		.titleCenter {margin: auto; width: 150px;}
		.titleCircle {width: 36px; height: 36px; border: 2px solid #AAA; border-radius: 25px;}
		.titleText {font-size: 19px; color: #AAA; margin-top: -24px; margin-left: 42px;}
		.fa-info {font-size: 18px; margin-left: 13px; margin-top: 6px; color: #AAA;}
		.fa-check {font-size: 18px; margin-left: 8px; margin-top: 6px; color: #AAA;}
		.fa-credit-card {font-size: 18px; margin-left: 7px; margin-top: 6px; color: #AAA;}
		.fa-truck {font-size: 18px; margin-left: 7px; margin-top: 6px; color: #AAA;}
		.fa-user {font-size: 18px; margin-left: 7px; margin-top: 6px; color: #AAA;}
		.fa-shopping-cart {font-size: 18px; margin-left: 7px; margin-top: 6px; color: #AAA;}
		
		input[type="radio"], input[type="checkbox"] { margin: 5px; height: 18px; width: 18px;} 		
		.list-simple td {padding-top: 10px; padding-left: 0px;}	
		
		
		.onoffswitch {
		    position: relative; width: 66px;
		    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
		}
		.onoffswitch-checkbox {
		    display: none;
		}
		.onoffswitch-label {
		    display: block; overflow: hidden; cursor: pointer;
		    border: 2px solid #999999; border-radius: 22px;
		}
		.onoffswitch-inner {
		    display: block; width: 200%; margin-left: -100%;
		    transition: margin 0.3s ease-in 0s;
		}
		.onoffswitch-inner:before, .onoffswitch-inner:after {
		    display: block; float: left; width: 50%; height: 26px; padding: 0; line-height: 26px;
		    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
		    box-sizing: border-box;
		}
		.onoffswitch-inner:before {
		    content: "YES";
		    padding-left: 10px;
		    background-color: #000; color: #FFFFFF;
		}
		.onoffswitch-inner:after {
		    content: "NO";
		    padding-right: 10px;
		    background-color: #EEEEEE; color: #999999;
		    text-align: right;
		}
		.onoffswitch-switch {
		    display: block; width: 18px; margin: 6px;
		    background: #FFFFFF;
		    position: absolute; top: 0; bottom: 0;
		    right: 36px;
		    border: 2px solid #999999; border-radius: 22px;
		    transition: all 0.3s ease-in 0s; 
		}
		.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
		    margin-left: 0;
		}
		.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
		    right: 0px; 
		}
		
		
.itemlist .productimg{
	    display: inline-block;
    	width: 25%;
}		
	
.itemlist .productdesc{
	    width: 40%;
	    vertical-align: middle;
	    display: inline-block;
}
.itemlist.cartdelete{
		width: 4%;
    	display: inline-block;
}
.itemList .productname{
font-weight: 400;font-size: 13px;margin-top: 15px;
}		
		
.itemlist .productqtydet{
    width: 30%;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
}
		
.itemlist .productqtydet1{
	text-align: right;
    width: 35%;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
}
		
.itemlist .productqty{
width: 40%;display:inline-block ;
}

		
.itemlist .productprice{
	    display: inline-block;
	    width: 40%;
}
.itemlist .prodimg{
	height: 120px;
}
.msgOnScreen{
	width:100%;
	margin-top: 150px;
	text-align: center;
}
.itemprices{
width:35%;
float:right;
text-align: right;
margin-right:2%;
}
.shipitalic{
    font-style: italic;
    font-size: 13px;
}

.contentDiv { margin-left: 20px; }
.contentMainDiv {position: relative;}
.topBtns { position: absolute; top: 10px; right: 0%;}
.topBtns1 { top: 10px; right: 0%;}
a.fbAnchor { text-decoration: none; color: #000; font-size: 14px; }
a.fbAnchor:hover { color: red !important; }
a.fbAnchor:hover > .fbIconActive{ color: red !important; }
.fbIconActive { font-size: 50px; color: #AAA; }
.fbIconDisabled { font-size: 50px; color: #EEE; }

.totpriceul{
    float: right;
    width: 100%;
    padding: 0px;
}

.totprice{
    display: inline-block;
    width: 40%;
}
.slimScrollBar{
width : 5px !important;
/*height: 150px !important;*/
}		

.leftRightDiv { width: 10%; display: table-cell; vertical-align: middle;} 		
.centerDiv { width: 100%; float: left; display: table-cell;}
.leftRightDiv  > div {margin: auto auto auto 25%;}

/*
.leftRightDiv { width: 10%; display: table-cell; vertical-align: middle; float: left; display: -ms-flexbox; -ms-flex-align: stretch; * display:inline; zoom:1;} 		
.centerDiv { width: 80%; float: left; display: table-cell; display: -ms-flexbox; -ms-flex-align: stretch; * display:inline; zoom:1;}
*/

.input-group { text-align:left; }