/*
Copyright 2023 KADKO LAB LLC. All rights reserved.
KADKO LAB PROPRIETARY/CONFIDENTIAL. Use is subject to license terms.

Author: Hill Karimov
Date: Jul 6, 2023
*/

#item-lookup-field .twitter-typeahead {
    width: 100%;
}
#item-lookup-field .tt-hint {
    width: 100%;
    color: #c0c0c0;
}
#item-lookup-field .tt-input {
    width: 100%;
}
#item-lookup-field .tt-menu {
    width: 100%;
    max-height: 160px;
    overflow-y: auto;
    background-color: #f5f5f5;
    border: 1px solid #c0c0c0;
    border-radius: 7px;
    padding: 7px 7px 7px 10px;
}
#item-lookup-field .tt-selectable {
    cursor: pointer;
}
#item-lookup-field .tt-cursor {
    background-color: #b8cce0;
}
.div-toggle {
    text-align: center;
    cursor: pointer;
}
.option-addon {
    color: lightgray;
}
.txt-darkred {
    color: #e74c3c;
}
.txt-red {
    color: red;
}
.txt-green {
    color: green;
}
#item-lookup-field .empty-message {
    padding: 5px 10px;
    text-align: center;
}
.itm-dspl-label {
    font-weight: 600;
}
.itm-dspl-desc {
    color: #808080;
}
.credit-highlights {
    border: 1px solid red;
    background-color: pink;    
}
.is-changed {
    border: 2px solid blue;
}
.is-invalid {
    border: 1px solid red;
    background-color: pink;
}
.main-container {
    padding-left: 1px; 
    padding-right: 1px;
    min-width: 1600px;
    max-width: 1600px;
}

.modal {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}
.modal-open {
    overflow: inherit;
}
.modal.modal-wide .modal-dialog {
    width: 90%;
}
.modal-body-half {
    width: 50%; 
    float: left;
    padding: 7px;
}
.modal-msg {
    margin: 20px;
}
.w-50 {
    width: 50%;
}
.txt-middle {
    text-align: center;
    margin: auto;
    width: 50%;
}
.txt-center {
    text-align: center;
}
.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}
.txt-right-gap {
    text-align: right;
    padding-right: 18px
}
.txt-greg {
    color: #c0c0c0;
}
.no-gap {
    margin: 0;
    padding: 0;
}
form.search-invoice-id {
    width: 190px
}

.filter-buttons-area {
    display: table; 
    vertical-align: middle;
}
.filter-orders-btn {
    display: table-cell;
    border-radius: 4px;
    border: 1px solid #c0c0c0;
    background: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 120px;
    text-align: center;
    cursor: pointer;
}
.filter-orders-btn:hover {
    border: 1px solid blue;
}
.filter-orders-btn.active {
    border: 1px solid blue;
}
.crm-row {
    margin-bottom: 4px;
}
.crm-row-spacer {
    margin-bottom: 12px;
}
.button-sm-default {
    border-radius: 10px;
    border: 1px solid #c0c0c0;
    background: #ffffff;
    width: 50px;
}
.button-sm {
    border-radius: 10px;
    border: 1px solid #c0c0c0;
    width: 50px;
}
.button-sm:hover {
    border: 2px solid blue;
}
.button-sm-red {
    background: #ffcccc;
}
.button-sm-green {
    background: #d1f2eb;
}
.button-sm-blue {
    background: #E0ECF8;
}

.button-sm-active {
    border: 1px solid green;
    background: #d1f2eb;
}
.button-sm-inactive {
    border: 1px solid red;
    background: #ffcccc;
}


.btn-sm-one {
    width: 90px;
}
.btn-xs-one {
    width: 64px;
}
.customer-active {
    border-radius: 10px;
    border: 1px solid #2eb82e;
    background: #d1f2eb;
    width: 50px;
}
.customer-deactive {
    border-radius: 10px;
    border: 1px solid #ff8080;
    background: #ffcccc;
    width: 50px;
}

.order-draft {
    border-radius: 4px;
    border: 1px solid #c0c0c0;
    background: #FAFAFA;
    width: 90px;
}
.order-published {
    border-radius: 4px;
    border: 1px solid #b0b0b0;
    background: #87CEEB;
    width: 90px;
}
.order-shipped {
    border-radius: 4px;
    border: 1px solid #339966;
    background: #339966;
    width: 90px;    
}
.order-printed {
    border-radius: 4px;
    border: 1px solid #b0b0b0;
    background: #FFD6FF;
    width: 90px;
}
.order-paid {
    border-radius: 4px;
    border: 1px solid #b0b0b0;
    background: #90EE90;
    width: 90px;
}
.order-partial-paid {
    border-radius: 4px;
    border: 1px solid #339966;
    background: #ffbf00;
    width: 90px;
}
.order-driver {
    border-radius: 4px;
    border: 1px solid #339966;
    background: #ccccff;
    width: 90px;
}
.order-void {
    border-radius: 4px;
    border: 1px solid #b0b0b0;
    background: #E8DCDA;
    width: 90px;
}
.filter-todos-mytodo {
    background: #f5eef8;
}
.filter-todos-mytodo.active {
    background: #e8daef;
}
.todo-open {
    border-radius: 4px;
    border: 1px solid #c0c0c0;
    background: #ebdef0;
    width: 90px;
}
.todo-close {
    border-radius: 4px;
    border: 1px solid #c0c0c0;
    background: #d4efdf;
    width: 90px;
}

.no-action-btn {
    width: 96px;
    height: 96px;
}

.navbar-nav > li:hover {
    background-color: #f0f0f0;
}

.btn-active {
    background-color: blue;
    background: blue;
    color: black;
}

.btn-inactive {
    background-color: white;
    background: white;
    color: gray;
}

.modal-body-scroll {
    height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}
.view-table-scroll {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

.table-result-list {
    cellspacing: 0;
    width: 100%;
}

table, th, td {
}
.itm-user-role {
    cursor: pointer
}
.col-sortable {
    cursor: pointer
}
.col-vertical-border {
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: lightgray;
}
.section-header {
    border-width: 0px 0px 0px 4px;
    border-style: solid;
    border-color: darkslateblue;
    padding-left: 14px;
    margin-bottom: 24px;
    color: lightslategray;
}
.tooltip-inner {
    white-space: pre-wrap;
    text-align: left;
}

.payment-apply-block {
    display: block;
    min-height: 400px;
}
.credit-item-block {
    display: block;
    min-height: 400px;
}
.order-item-block {
    display: block;
    min-height: 600px;    
}
.checkbox-in-table {
    width: 24px;
    height: 24px;
}
.label-row-in-dialog {
    height: 30px;
}
.callback-day {
    text-align: center;
    font-size: 0.8em;
    line-height: 90%;
    cursor: pointer;
    margin: 2px 4px 2px 4px;
    padding: 2px;
    border: 1px solid #c0c0c0;
    border-radius: 14px;
    width: 80px;
    height: 30px;
}
.callback-day:hover {
    border: 2px solid darkblue;
}
.callback-today {
    background-color: #e6ffe6;
}
.callback-day.active {
    border: 2px solid blue;
}
.callback-day-more {
    border: 1px solid #c0c0c0;
    border-radius: 90px;
    cursor: pointer;
    margin: 6px 4px 2px 4px;
    padding: 2px;
    width: 22px;
    height: 22px;
}
.callback-day-more:hover {
    border: 2px solid darkblue;
}

.badge-note {
   position:relative;
   top: -30px;
   left: 32px;
   background-color: #909999;
   font-weight: normal;
}
.flg_warn {
    border: 2px solid #e67e22;
}
.fld_unit {
    width: 100%;
}
.fld_price {
    width: 100%;
}
.fld_amount {
    width: 100%;
}
.fld_is_active {
    vertical-align: middle;
}
.fld_in_stock {
    vertical-align: middle;
}
.fld-qoh {
    text-align: right;
}
.fld-neg-inv {
    text-align: center;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#formVendorLedger div.dropdown-menu.open {
  max-height: 314px !important;
  overflow: hidden;
}
#formVendorLedger ul.dropdown-menu.inner{
  max-height: 260px !important;
  overflow-y: auto;
}