* { box-sizing:border-box; -webkit-font-smoothing: antialiased; font-size:12px;  }



#page { position:relative; top:20px; margin-bottom:100px; z-index:1;  }
#page, footer { padding:35px 25px; }

a:visited { color:inherit; text-decoration:none; }

#log p { font-size:16px;}

#save-button {  }

.close-lot, .oversold, .oversold td {

    background: red;
    border: none;
}

form#set-inventory { width:50%; }

article { padding-top:10px; }
article a, article a:visited { color:#933; text-decoration:underline; }
article em { font-weight:600; font-style:italic; font-size:inherit; }

#submission-grid {  }
#submission-grid input { width:60px; font-size:12px !important; }
#submission-grid input[type="date"] { width:90px; }
#order-all #order-top .date { width:200px; }
#submission-grid .date input { width:100%; }


#order-all { width:100%; }
#order-all table { width:100%;  }
#order-all .date { width:130px; }
#order-top { width:100%; padding:10px; background:#CCC; }


.date, .timepicker { max-width:200px; }

div.alert div { display:inline-block; vertical-align:top; font-size:18px; }
table#order-globals {  margin-bottom:10px; display:inline-block; vertical-align: top;  }
table#order-globals td { vertical-align: top; }
table#order-globals input { width:128px;  }
table#order-globals label { display:block; font-size:10px; color:#999;  }

table.summary td:first-child { width:160px; max-width:160px;  }
table.summary.table { background:transparent; }

#email-review button { width:100px; max-width:100px; display:block; margin:4px auto; }

#totals { position:absolute; right:50px; top:130px;  width:400px;   }
#totals h3 { font-size:14px; text-align:right; }
#totals table { border:1px dashed #AAA;  }
#totals td { text-align:center; width:20%; height:20px; overflow:hidden; }
#totals .cell {  }


#page .table {

    width: 500px;
}

#page aside { 

    width: 500px;
    margin: 100px 50px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.3);
    vertical-align: top;
    float: right;

}

td.brand { min-width:160px; }


h3 { font-weight:200; text-align:center; font-size:20px; }
section#charts { height:240px; width:100%; overflow:hidden; }

.red { border:3px solid red; }


button.email i {
    font-family: FontAwesome;
}


button.print { background:#933; }
button.print:hover { background:#511; }
button.plus, #synchronize-temperatures, .apply-inventory { background: #6b996a;  }
button.plus:hover, #synchronize-temperatures:hover { background:#4a6b49;  }

form#date-form { }
form#date-form select { height:35px; width:200px; margin-right:10px; }

.apply-inventory { 
    background: #6b996a;  
    border: none;

}



div#retrieve-order input { height:34px;  }
div#retrieve-order input[type='date'] {   }
#retrieve-order-button { background:#91ab51; border-color: #738d34; }
#retrieve-order-button:hover { background:#738d34;  }

#apollo-form label { display:inline-block; margin:0 5px; }


.modal-dialog { width:700px; }


/* Responsive Nav */
#menu, #close { position:absolute; top:70px; right:30px; width:40px; height:40px; z-index:1000; display:none;  }
#ads { position:absolute; top:52px; left:30px; width:40px; height:40px; z-index:1000;  }
#menu img, #close img, #ads img {  display:none; width:40px; height:40px; }

#wrapper { position:relative; width:100%; left:0%;   }
#wrapper.open {  left:100%;  }
#responder { position:absolute; top:0; left:-120%; width:100%; padding:20px;  overflow:hidden; z-index:999; min-height:100%; padding-bottom:300px;  background:rgba(220,220,220,0.8);   }
#responder.open { left:0; }

#menu.open { display:none; }

#responder li { list-style:none; }
#responder a {   text-decoration: none; font-size:120%; color:#000;  display:block; margin:0; padding:5px;  }
#responsider a:hover { color:#888;  }


#availability {  position:relative; background:#FAFAFA; border:1px dashed #AAA; padding:10px; margin:20px 0; width:360px; }
#availability h3 { margin:0;  font-size:14px; padding-bottom:4px; }
#availability a.close { position:absolute; top:5px;  right:10px;  width:10px; height:10px; }

#availability-save { background:#6b996a; height:24px; font-size:12px; padding:2px 8px; }
#availability-save:hover { background:#4a6b49;  }



/* MASS ORDER SHEET */
header { position:fixed; 
		 z-index:99;
		 top:50px;
		 height:100px; 
		 width:100%;
		 padding:10px 20px;
		 background:rgba(240,240,240,1);
		}


h1#shipping-date-header { position:absolute; right:65px; top:25px;  }


h1, h2 {  margin:0; padding:5px 0 20px 0; font-weight:200; }

div#retrieve-order { 
    
    position:absolute; 
    right:30px;
    top:22px;
    width:410px; 
    padding:10px; 
    border:2px dashed #AAA;  
    border-radius:34px;
    text-align:center;
}


div.ib { display:inline-block; vertical-align:top;  margin-right:10px; }

.sync-temp, .sync-time { width:130px !important; }

/* Mass Order Form */

div#page { display:table; width:100%; }
div#left-column { display:table-cell; width:80%; vertical-align:top; }
div#right-column { display:table-cell; 
                   width:20%; 
                   height:500px; 
                   background:rgba(32,31,43,0.1);
                   padding:10px;
                   color:#000;
                   border-top-right-radius: 32px;
                   vertical-align:top;
}

div#right-column h2, div#right-column h2 i { font-size:24px; color:#000; text-align:center; }
div#right-column h2 i { font-size:18px;  }
ol.live-updates { margin:0; padding:0; list-style:none; }
ol.live-updates li { margin:0px 0 12px 0;  background:rgba(32,31,43,0.1); padding:10px; }

span.live-email, span.live-time {  

    display:block;
    border-radius:12px;
    padding:4px 6px;
    color:#FFF;
    display:inline-block;
    width:auto;
    overflow:hidden;
    border:1px solid #AAA;  


}

span.live-email { background:rgba(196,161,0,0.7);  width:160px; }
span.live-time { background:rgba(139,0,196,0.5); text-align:center; }



.row {  }
.row:nth-child(2n) { background:#EAEAEA; }
.mass-order-line .column { padding:8px 8px; border:1px solid #DDD; vertical-align: middle; }
.mass-order-line .form-group, .mass-order-line .form-group * {  margin:0; padding:0; }

.petite, .signature, .select, .xl, .standard, .quantform input { width:60px; }
.customer-box { width:150px; overflow:hidden;  }
.truck-temp, .truck-time { width:50px; }
.truck, .brand, .container { width:90px; }
.purchase-order { width:65px; }
.quant-line { padding:3px; }
.quant { width:60px; margin:3px; }
.customer { width:120px; }
.status { width:100px; }

.revise .unit-price { width:72px; }
.revise .line-price { width:72px; background:rgba(255,0,0,0.1); border:1px solid #EEE; }


.exception, .exception * { max-width:600px; font-size:16px; }

.modal-header { background:#91ab51; color:#FFF; padding:0 0 0 20px; margin:0; }
.modal-backdrop.in { opacity:0.7; }

.modal h2 { margin:0; padding:6px 0; }
h2 i { font-size:inherit; }


table#recent-orders { margin-top:20px; min-width:488px; }
table#recent-orders th { text-align:center; }
table#recent-orders td { text-align:center; }

.btn-success { background:#91ab51; }
.btn-success:hover { background:#88a248; }

/* Mass Order Summary */

table#mass-order-totals { background:#888; color:#FFF; max-width:420px; float:right; }
table#mass-order-brands-totals { background:#888; color:#FFF; max-width:420px; float:right; }
table#mass-order-totals td, table#mass-order-brands-totals td { background:#AAA; }

.right { text-align:right; }

#render-time { margin:10px 0px;  }

#logout { min-width:365px; text-align:center; }


a.btn { text-decoration: none; }
a.btn:visited { color:#FFF; }


form#set-quantities {  }
form#set-quantities td { max-width:115px; text-align: left;  vertical-align: middle;}

form#set-quantities #lots_id { 

    display:inline-block; 
    font-size:17px;  
    background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.0));
    border-radius: 4px; 
    width: 120px;
    padding: 4px;
    border: 1px solid rgba(0,0,0,0.1);

}




@media only screen and (max-width: 1072px) {
 
  #menu img, #close img {  display:block; }
  #menu { display:block; }
  #wrapper nav { display:none !important; }


} /* End Medium Screen Media Query */



@media only screen and (max-width: 1005px) {

    #totals, #retrieve-order { position:static !important; margin:50px 0;  }

} /* End Small Screen Media Query */