﻿.container
{
    width:inherit;
    max-width:1230px;
}
/*navigation*/
.navbar { background: #eee; border-radius:0;}
.navbar-form { margin-top: 15px; }
.navbar-form .form-group {vertical-align:top;}
.nav-tabs { border-bottom: none; }
    .nav-tabs li a { color: #1C3564; }
        .nav-tabs li a:hover, .nav-tabs li a:active, .nav-tabs li a:focus { color: #fff; background:#1C3564; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background:#1C3564;color:#fff;}
.logged-in-as { color: #1C3564; margin-top: 25px; }
    .logged-in-as a { color: #f5ff00; }
.nav-tabs .dropdown-menu a { color: #020167; }
.nav-tabs .dropdown-menu li.active a { background: #fff; }
    .nav-tabs .dropdown-menu li.active a:hover { background: #f5f5f5; color: #020167; }

.table-striped tr { background: #fff; }
.showno { display: none; }

#addon_none {padding:5px;}
.addon-subtext {display:block;font-size:12px;color:#666;}


/* Spinner */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.spin { animation: spin 1s infinite linear; visibility: hidden; }

.ui-datepicker {
    z-index:5 !important;
}

/*customers*/
.customer-row .glyphicon { font-size: 20px; }
.contact-master {display:none;}
.contact-row h3 {margin:0;padding:0;}
/*order details page*/
.shaded-section {
    padding: 15px 15px 15px;
    background: #E6E9F2;
    border-radius: 5px;
    position: relative;
    margin-bottom: 25px;
}
    .shaded-section h3 { margin-top: 0; }
    .shaded-section .spin { font-size: 16px; }
.page { display: none; }
.side .shaded-section { background: #fdf3bd; }
.glyphicon-asterisk { font-size: 10px; }
.order-section .order-btn-group { position: absolute; top: 0; right: 0; border-radius: 0; }
.order-section .discount-btn-group {
    position: absolute;
    top: 0;
    left:0;
    border-radius: 0;
}
.order-section h3 {margin-top:25px;}
.splits-group { position: absolute; top: 0; right: 0; }
.editing .placeholder, .editing .btn-enter-payment { display: none; }
.editing .customer-actions, .editing input[type=text], .editing select, .editing .remove-customer-button { display: block !important; }
.remove-customer-button .glyphicon { font-size: 17px; top: 5px; }
.table-splits tr:first-child .remove-customer-button { display: none !important; }
#send-order-form .status p { margin-top: 20px; color: #449D44; }
    #send-order-form .status p.error { color: #ff0000; }
.order-item-qty { width: 75px; }
.order-item-paidby { width: 150px; }
.row-checkbox, .order-item-gwtax .checkbox, .order-item-price_variance .checkbox { margin: 0;     padding: 0; }
.order-item-gwtax label, .order-item-gwtax input[type="checkbox"], .order-item-gwtax label:before, .order-item-gwtax label:after { margin-left: 0; }
.order-item-price_variance label, .order-item-price_variance input[type="checkbox"], .order-item-price_variance label:before, .order-item-price_variance label:after { margin-left: 0; }
.order-item-price input {
    min-width: 5em;
}
.discount-item td, .order-discount-item td {
    background: rgb(252, 248, 227);
    font-size: 0.9em;
}
#addons .disabled {opacity:.5;}
.addon-pricing {display:none;}
/*forms*/
.form-control-feedback {
    right: 15px;
    top: auto !important;
    bottom: 0 !important;
}
.date-control .form-control-feedback { right: 60px; }
.select-control .form-control-feedback { right: 35px; }
fieldset { border: 1px groove #666 !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 !important; -webkit-box-shadow: 0px 0px 0px 0px #000; box-shadow: 0px 0px 0px 0px #000; }
legend { font-size: 1.2em !important; font-weight: bold !important; text-align: left !important; width: auto; padding: 10px; margin: 0; border-bottom: none; }

/*order index page*/
.typeahead-menu { min-width: 220px; left: -0px; height: 300px; overflow: auto; }


/*footer*/
footer { height: 100px; padding: 10px; width: 100%; background: #eee; margin-top: 100px; }

/*sidebar*/
.side h4 { color: #4c4949; }
.side .order-number { padding: 5px; margin: 0; background: #449D44; color: #fff; width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; }

/*deliveries and returns*/
.return-table td.return-department, .delivery-table td.delivery-department { width: 20% !important; }
.return-table td.return-product, .delivery-table td.delivery-product { width: 25% !important; }
.return-table td.return-qty, .delivery-table td.delivery-qty { width: 25%; }
.return-table td.return-seedsize, .delivery-table td.delivery-seedsize { width: 10%; }
.return-table td.return-lot, .delivery-table td.delivery-lot { width: 10%; }
.return-table td.return-epa, .delivery-table td.delivery-epa { width: 10%; }
#add-unordered { margin-bottom: 25px; }
.qty-col {width:10%;}

/*admin*/
.admin-tab { float: right !important; }
.admin-navbar { padding-left: 0; list-style-type: none; }
    .admin-navbar a { display: block; padding: 5px 0 5px 10px; background: #020167; color: #fcfd01; }
        .admin-navbar a.active, .admin-navbar a:hover { background: #337ab7; color: #fff; text-decoration: none; }
    .admin-navbar .child-menu { padding-left: 0px; list-style-type: none; padding-bottom: 10px; }
        .admin-navbar .child-menu li { }
        .admin-navbar .child-menu a { padding-left: 20px !important; background: #656587; }
.glyphicon-success { color: #5cb85c; }
.glyphicon-danger { color: #d9534f; }

#dealer-form { position: relative; }
.btn-change-password { position: absolute; top: -5px; right: 0; }
.btn-cancel-password { margin-bottom: 25px; }
.products-table .glyphicon { font-size: 18px; }
    #bulk-table .glyphicon span, .products-table .glyphicon span { display: none; }
    .products-table .glyphicon:hover { color: #337ab7; }
#search { width: 95%; margin-bottom: 15px; }
.chemical-list { height: 300px; overflow: auto; list-style: none; padding: 10px; }
    .chemical-list li { padding: 10px; cursor: pointer; border-bottom: 1px dotted #ccc; }

.chemical-list-head { margin-top: 50px; }
.ui-draggable-dragging { background: #337ab7 !important; color: #fff !important; border-radius: 5px; }
.admin-sidebar { position: absolute; right: 0; z-index: 1; }
.admin-content { min-height: 600px; -webkit-transition: width .5s; /* Safari */ transition: width .5s; -ms-transition: width .5s; -moz-transition: width .5s; z-index: 2; background: #fff; }
#orders-table .fa { font-size: 20px; }
.asterisk {color:crimson;font-size:20px;line-height:0;}
.admin-container { position: relative; }
#orders-table .glyphicon { font-size: 16px; }
.nav-control { z-index: 3; position: absolute; right: -10px; font-size: 20px; background: #337ab7; color: #fff; padding: 5px; border-radius: 5px; display: block; cursor: pointer; }
.subgeneric { background: #fdf3bd !important; display: none; }
.underlined { text-decoration: underline; color: #337AB7; cursor: pointer; }
    .underlined:hover { text-decoration: none; }

.page-header div.col-sm-2 { margin-right: -15px; padding-right: 0; }
.page-header h2 { margin: 0 0 0 -15px; }
.page-header { border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin: 0 0 20px 0; }

.inventory-request .checkbox { padding-left: 35px; }
.inventory-request .storage span.glyphicon { width: 15px; height: 15px; border: 1px solid #000; }
.inventory-request .table-checkbox { margin-bottom: 0; }

.example td { background: #000; color: #fff; }

#year { margin-bottom: 15px; overflow: hidden; padding-left: 0; margin-left: 15px; }
    #year li { display: inline-block; list-style-type: none; }
        #year li a { display: inline-block; border-radius: 5px; color: #1C3564; padding: 0 5px; }
        #year li.active a { background: #C4161C; color: #fff; }
        #year li a:hover { background: #1C3564; color: #fff; text-decoration: none; }


.has-tooltip { cursor: pointer; text-decoration:none; }
#limit-orders select {width:auto;}

.side #financing_id {margin-bottom:10px;}

.dept-filter { display: inline-block; width: 200px; }

.bulk-products {width:400px !important;}

.office-fields {display:none;}

.fa-stack .fa-usd {top:-1px;}

.btn-payment .fa-stack {
    height: auto;
    line-height: 2em;
    position: relative;
    top: -3px;
    vertical-align: top;
    width: 2em;
}

.inventory-request .spin, .variance-request .spin {position:absolute;left:15px;top:10px;z-index:500;}
.inventory-request .product-row .form-group, .variance-request .product-row .form-group {position:relative;}
.inventory-request .select2-selection, .variance-request .select2-selection {height:34px !important;padding-top:2px !important;}
.inventory-request .select2-hidden-accessible { margin-top: 34px; }
.inventory-request .select2-selection__arrow, .variance-request .select2-selection__arrow {top:4px !important;}
.inventory-request .product-row .select-group .form-control-feedback, .variance-request .product-row .select-group .form-control-feedback {right:20px !important;}
.inventory-request .product-row .form-control-feedback, .variance-request .product-row .form-control-feedback {right:0px !important;}
.inventory-request .select2-container, .variance-request .select2-container  {width:100% !important;}

.ip-address {font-size:12px;}

#dealer-table span.subtext {font-size:11px;color:#666;}

.products-only {padding-top:3px;}

.alert-success a {
    color: #286090;
    border-bottom: 1px solid #286090 !important;
}

.alert-large {font-size:24px;}

#filters .checkbox {margin:5px 0;}
#filters .row, .filters.row {margin-bottom:15px;}
#filters .form-inline select {width:50%;}
#filters .form-inline label {width:45%;text-align:right;}

#filters select, #filters input {margin-bottom:10px;}

.unread td {font-weight:bold;}

.checkbox-lockin {display:none;}
#lock-in-agreement {
    display: none;
    position: absolute;
    top: 200px;
    left: 50%;
}

    #lock-in-agreement .inner {
        position: relative;
        left: -50%;
        padding: 20px;
        background: #fff;
        border: 1px solid #ccc;
    }

.contact-row .invalid {
    box-shadow: inset 0 1px 1px rgba(255,0,0,.075);
    border-color:red;
    webkit-box-shadow: inset 0 1px 1px rgba(255,0,0,.075);
}

.info-icon {position:relative;cursor:pointer;}
.info-icon:hover span {display:block;}
.info-icon span {display:none;position:absolute;width:500px;background:#fff;border:1px solid #ccc;padding:4px;font-family:Arial;left:25px;top:-10px;}

.admin-orders .checkbox-lockin {display:block;}

.maincontact-error {
    box-shadow: none;
    color: red;
}

/* css for delay modal - Start */
.dialog-ovelay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999
}
.dialog-ovelay .dialog {
    width: 400px;
    margin: 100px auto 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden
}
.dialog-ovelay .dialog header {
    padding: 10px 8px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e5e5e5
}
.dialog-ovelay .dialog header h3 {
    font-size: 14px;
    margin: 0;
    color: #555;
    display: inline-block
}
.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px
}
.dialog-ovelay .dialog header .fa-close:hover {
    color: #b9b9b9
}
.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2
}
.dialog-ovelay .dialog .dialog-msg {
    padding: 12px 10px
}
.dialog-ovelay .dialog .dialog-msg p{
    margin: 0;
    font-size: 15px;
    color: #333
}
.dialog-ovelay .dialog footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px
}
.dialog-ovelay .dialog footer .controls {
    direction: rtl
}
.dialog-ovelay .dialog footer .controls .button {
    padding: 5px 15px;
    border-radius: 3px
}
.dialog-ovelay .button {
  cursor: pointer
}
.dialog-ovelay .button-default {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgba(204, 204, 204, 0.5);
    color: #5D5D5D;
}
.dialog-ovelay .button-danger {
    background-color: red ;
    border: 1px solid red;
    color: #f5f5f5;
}
.dialog-ovelay .button-success {
    background-color: green ;
    border: 1px solid green;
    color: #f5f5f5;
}
.dialog-ovelay .link {
  padding: 5px 10px;
  cursor: pointer
}
.dialog-ovelay footer {
    height: 47px !important;
    margin-top: 0px !important;
}
/* css for delay modal - End */
table thead tr th a{color: #333;}
table thead tr th a:hover{color: #333;text-decoration: none;}
table thead tr th a:focus{color: #333;text-decoration: none;}
span.glyphicon.glyphicon-arrow-up{font-size:10px;}
span.glyphicon.glyphicon-arrow-down{font-size:10px;}
span.glyphicon.default-arrow-up{font-size:10px;opacity: 0.5;}
span.glyphicon.default-arrow-down{font-size:10px;opacity: 0.5;}

/* field labels */
.field-label td {background:#FDF3BD;}
.cust-add-row-item-delivery{margin-bottom: 10px}
custom-tooltip-parent .tooltip-inner
{
    text-align: left !important;
}

.common_btn_success{padding: 5px 15px; border-radius: 3px; background-color: green; border: 1px solid green; color: #f5f5f5;}
.common_btn_danger{padding: 5px 15px; border-radius: 3px; background-color: red; border: 1px solid red; color: #f5f5f5;}
.loading { opacity: 0.3;pointer-events: none;}
.orders_buttons .btn { margin-bottom: 10px; }
.reports_buttons .btn { margin-bottom: 10px; }

#release-info {
    float: right;
    color: #808080;
    font-size: 0.8em;
}

#release-info > span {
    display: block;
}

template, .template {
    display: none !important;
}

.remove-dynamic-row {
    color: #ff0000;
    vertical-align: middle;
    cursor: pointer;
}

.add-dynamic-row {
    color: #008000;
    cursor: pointer;
}

table tr.info-row, table.table-striped tr.info-row {
    /* font-size: 10px !important; */
    background-color: #fcf8e3; /* from bootstrap warning color */
    color: #666;
}

.vertical-container {
    display: grid;
    grid-auto-rows: 1fr;
    align-items: center;
    height: 100%;
}

.vertical-container-inner:not(:last-child) {
    margin-bottom: 5px;
}

.alert-fixed {
    position: fixed;
    top: 5px;
    z-index: 9999;
    left: 50%;
    transition: transform 0.5s;
    transform: translate(-50%, -150%);
}

.alert-fixed.show {
    transform: translate(-50%);
}
