@import "variables.css";

/* ----------------------------------------------------------------------------------------------------------
Modal
---------------------------------------------------------------------------------------------------------- */
body.fluid-body.modal-page { padding-top: 0; }
body.modal-page .zend_form dt { width: 20%; }
body.modal-page .zend_form dd { width: 75%; }

/* ----------------------------------------------------------------------------------------------------------
Callout
---------------------------------------------------------------------------------------------------------- */
.bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; background-color: #f0f0f0; }
.bs-callout h4 { margin-top: 0; margin-bottom: 5px; }
.bs-callout p:last-child { margin-bottom: 0; }
.bs-callout code { border-radius: 3px; }
.bs-callout+.bs-callout { margin-top: -5px; }
.bs-callout-default { border-left-color: #777; }
.bs-callout-default h4 { color: #777; }
.bs-callout-primary { border-left-color: #428bca; }
.bs-callout-primary h4 { color: #428bca; }
.bs-callout-success { border-left-color: #5cb85c; }
.bs-callout-success h4 { color: #5cb85c; }
.bs-callout-danger { border-left-color: #d9534f; }
.bs-callout-danger h4 { color: #d9534f; }
.bs-callout-warning { border-left-color: #f0ad4e; }
.bs-callout-warning h4 { color: #f0ad4e; }
.bs-callout-info { border-left-color: #5bc0de; }
.bs-callout-info h4 { color: #5bc0de; }

/* ----------------------------------------------------------------------------------------------------------
Warehouse
---------------------------------------------------------------------------------------------------------- */
.large-input { width: 80%; font-size: 45px; line-height: 50px; margin-bottom: 10px; margin-top: 5px; }
.date-pick.large-input, .cust-date-pick.large-input { height:50px; font-size: 30px; width:200px !important; }

.counter { font-size: 25px; }
.counter span { margin: 0 20px 0 20px; color : #f00; font-size: 35px; }

.wh-pbox-store-page #barcode, .wh-pbox-repack-page #barcode, .wh-ncr-item-add-carton-page #barcode { height: 600px; }
.ui-datepicker.ui-widget { z-index: 3 !important; }

.btn-primary:active, .btn-primary.active, 
.btn-info:active, .btn-info.active,
.btn-warning:active, .btn-warning.active,
.btn-danger:active, .btn-danger.active,
.btn-success:active, .btn-success.active,
.btn-black:active, .btn-black.active
{ background-color: #BF41C8; border-color: #555; font-weight:bold; }

.wh-pbox-add-page .alert-heading, .wh-pbox-withdraw-page .alert-heading { display:none; }
.wh-pbox-add-page .alert-content, .wh-pbox-withdraw-page .alert-content { font-size: 30px; }

.table > thead > tr > .danger, .table > tbody > tr > .danger, .table > tfoot > tr > .danger, .table > thead > .danger > td, .table > tbody > .danger > td, .table > tfoot > .danger > td, .table > thead > .danger > th, .table > tbody > .danger > th, .table > tfoot > .danger > th { background-color: #f2dede !important; }

.btn-black {
    color: #ffffff;
    background-color: #000;
    border-color: #000;
} 

.pct-btn  span { width: 25px; height:25px; border-radius: 50%; display: inline-block; }
.pct-btn  span.green { background-color: #23B14D; }
.pct-btn  span.blue { background-color: #3F47CC; }
.pct-btn  span.red { background-color: #EE1B22; }
.pct-btn  span.yellow { background-color: #FEF200; }
.pct-btn  span.gray { background-color: #555; }

.barcode-stack-html { width:765px; height: 250px; position:absolute; left: 625px; top: 190px; background-color: #fff; border: 2px solid #555; overflow-y: scroll; padding: 10px; }
.barcode-stack-html table th, .barcode-stack-html table td { font-size: 18px; }

.gm-stage-html { width:90%; height: 500px; background-color: #fff; border: 2px solid #555; overflow-y: scroll; padding: 10px; }
.gm-stage-html table th, .gm-stage-html table td { font-size: 18px; }

.slide-show-header { font-size: 18px; }
.slide-show { width: 100%; display:none; }
.slide-show.active { display:block; }
.slide-show .item { float: left; width: 49%; min-height: 400px; max-height: 500px; margin: 5px; border: 1px solid #000; }

.label-span { display: inline-block; width: 120px; }

.btn-check:checked + .btn-warning, 
.btn-check:active + .btn-warning, 
.btn-warning:active, .btn-warning.active, 

.btn-check:checked + .btn-primary, 
.btn-check:active + .btn-primary, 
.btn-primary:active, .btn-primary.active, 

.btn-check:checked + .btn-danger, 
.btn-check:active + .btn-danger, 
.btn-danger:active, .btn-danger.active, 

.btn-check:checked + .btn-info, 
.btn-check:active + .btn-info, 
.btn-info:active, .btn-info.active, 

.btn-check:checked + .btn-success, 
.btn-check:active + .btn-success, 
.btn-success:active, .btn-success.active

{ background-color: #711a5f; border-color: #711a5f; color: #fff;}

.btn-group {display: inline-block;}

.gm-cancel { color: #f00; text-decoration: line-through; }

/* ----------------------------------------------------------------------------------------------------------
Inventory
---------------------------------------------------------------------------------------------------------- */
.inv-form { padding: 0; margin-bottom: 10px; list-style: none; width: 80%; display:block; }
.inv-form li { float:left; width: 50%; line-height: 50px;}
.inv-form li.two-col { float:left; width: 100%; }
.inv-form label { width: 100px; font-size: 18px; margin-right: 10px; }
.inv-form input { font-size: 25px; line-height: 25px; }
.inv-form li.two-col input.large { width: 80%; }


/* ----------------------------------------------------------------------------------------------------------
Patch Legacy Bootstrap
---------------------------------------------------------------------------------------------------------- */

h4, .h4, .btn-lg { font-size: 17px; }

[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] {
    display: none;
}