/*
Copyright © SFDW INC - Vista Wine & Spirits - 3JMS 2021-2021

Certain code in this system is protected. © 2021 C2823945 - SFDW INC - Vista Wine & Spirits - 3JMS. All rights reserved
and protected. Per United States Of America - California Penal Code 484 PC "every person who shall feloniously steal,
take, carry, lead, or drive away the personal property of another, or who shall fraudulently appropriate property which
has been entrusted to him or her, or who shall knowingly and designedly, by any false or fraudulent representation or
pretense, defraud any other person of money, labor or real or personal property, or who causes or procures others to
report falsely of his or her wealth or mercantile character and by thus imposing upon any person, obtains credit and
thereby fraudulently gets or obtains possession of money, or property or obtains the labor or service of another, is
guilty of theft." License / Rights inquiry must be made to info@vistawinespirits.com. Any use without permission is
prosecuted by DMCA, Computer Fraud and Abuse Act, and the United States Federal Circuit courts
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.btn-group {
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}

.btn-group + .btn-group {
    margin-left: 16px;
}

.btn-group > .dropdown-menu {
    list-style-type: none;
    z-index: 1000;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 4px 0;
    margin-top: 3px;
    min-width: 180px;
    max-width: 100%;
    font-size: 14px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.btn-group > .dropdown-menu li {
    display: block;
}

.btn-group > .dropdown-menu li a {
    display: block;
    padding: 3px 12px;
    text-decoration: none;
}

.order-counter {
    margin-right: 1rem;
    border: 1px solid #B8C5D6;
    border-radius: 15px;
    padding: 0 0.5rem;
    line-height: 15px;
    font-size: 0.7rem;
}

.order-counter.search-counter {
    background-color: white;
    border-color: white;
    color: #2faa60;
    display: none;
}

.found {
    background-color: #2faa60a1 !important;

}

.subfound {
    background-color: #2faa604f !important;
}

.searching a {
    opacity: 0.3;
}

.searching a.active {
    opacity: 1;
}

.subfound span, .found span {
    color: white;
}

.found, .subfound {
    opacity: 1 !important;
}

.popup-box {
    width: 40%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.2);
    padding: 35px;
    border: 2px solid #fff;
    border-radius: 20px/50px;
    background-clip: padding-box;
    text-align: center;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 7;
}

.overlay:target, .overlay-active {
    visibility: visible;
    opacity: 1;
}

.overlay .popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
}

.overlay .popup h2 {
    margin-top: 0;
    font-size: 1.2rem;
}

.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.overlay .popup .close:hover {
    color: #06D85F;
}

.overlay .popup .content {
    max-height: 30%;
    overflow: auto;
}

@media screen and (max-width: 700px) {
    .popup-box {
        width: 70%;
    }

    .popup {
        width: 70%;
    }
}

.columns-preferences label {
    display: flex;
    align-items: center;
    margin: 5px 0;

}

.columns-preferences label input {
    margin: 0 5px;
}

.columns-preferences span {
    text-align: left;
}

.d-flex {
    display: flex;
}

.justify-space-between {
    justify-content: space-between;
}

.flex-column {
    flex-direction: column;
}

.items-list div {
    display: flex;
    flex-direction: column;
}

.items-list span {
    padding: 0.5rem 1rem;
}

.popup .items-list span {
    padding: 0.5rem 6px !important;
}

.sidebar-opened .sidebar-popup-container.active,
.sidebar-opened .sidebar-popup-section.active,
.menu-pinned .sidebar-popup-container.active,
.menu-pinned .sidebar-popup-section.active {
    display: block !important;
    opacity: 1 !important;
}

.section-toggle {
    cursor: pointer;
}

span.uncategorized {
    font-size: 1.1rem;
    color: red;
    font-weight: bold;
}

.default-counter.sidebar-completed {
    display: none;
}

.btn-delete {
    background-color: #c14747 !important;
    color: #fff !important;
}

.alert a {
    color: #c2d7ff;
    font-weight: bold;
}

.alert.alert-danger {
    background: #e75e40;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    text-align: left;
}

.alert.alert-warning {
    background: #e7a321;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    text-align: left;
}

input, .select2-selection, .reference-prefix, select, textarea {
    border-color: #678199 !important;
    transition: box-shadow .15s ease, -webkit-box-shadow .15s ease;
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);

}

.input-max-width input, .input-max-width textarea {
    width: 100%;
}

#modal_batch span {

    margin-top: 10px;
    margin-bottom: 10px;
}


.btn-primary {

    border-color: #172b4d;
    background-color: #172b4d;
}

.btn-light {
    border-color: #E3ECF2;
    background-color: #E3ECF2;
    color: #7f8fa4 !important;
}

.btn-success {
    border-color: #2dce89;
    background-color: #2dce89;
}

.btn-danger {
    border-color: #ce2c18;
    background-color: #ce2c18;
}

input:read-only:not([type="button"]):not([type="file"]):not([type="submit"]) {
    background-color: #f4f4f4;
    border: 1px solid #888;
    cursor: not-allowed;
}

textarea:read-only:hover {
    cursor: not-allowed;
}

.menu-pinned #branding-pin {
    display: none;
}

#branding-menu {
    display: none;
}

.sidebar {
    width: 16rem;
}

#branding {
    padding: 0.5rem 0;
}

.argon-card {
    margin-bottom: 30px;
    border: 0;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15)

}

#result_list tbody tr {
    border-bottom: 0.08143rem solid #c5c5c5;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.fade.show {
    transition: opacity .15s linear;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    background: rgba(0, 0, 0, 0.7);

}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    pointer-events: none;
    margin: 4rem auto;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

.modal-open {
    overflow: hidden;
}

.select2-dropdown.select2-dropdown--below {
    z-index: 10000
}

li.success a {
    color: white !important;
}

.argon-card {
    margin-bottom: 30px;
    border: 0;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
}

.card-body {
    padding: 1.5rem;
    flex: 1 1 auto;
}

.custom-icon {
    width: 20px;
    height: 20px;
    color: white;
    text-decoration: none;
    padding-left: 20px;
    margin-top: -2px;
}

#logo-img {
    height: 50px;
    width: 150px;
}

#logout-icon {
    margin-top: 12px;
    font-size: 1.5rem;
}

#branding-pin {
    top: 50px;
    right: 1rem;
}

.flex-wrap {
    flex-wrap: wrap;
}

@media only screen and (max-width: 960px) {
    body {
        padding-top: 0;
    }
}

input:disabled {
    border: 0;
    box-shadow: none;
}

#container {
    padding-left: 0 !important;
}

@media only screen and (min-width: 992px) {
    #container {
        padding-left: 250px !important;
    }
}

label {
    letter-spacing: normal;
}

.navbar hr {
    border-color: #2e3640 !important;
    background-color: #2e3640 !important;
}

.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.active:before {
    border-left: 5px solid #43C74B;
}

.readmore-block {
    font-size: 1rem;
    line-height: 1.5;
}

.readmore-block #readmoreCollapse.collapse:not(.show) {
    display: block;
    height: 10rem;
    overflow: hidden;
}

.readmore-block #readmoreCollapse.collapsing {
    height: 9.5rem;
}

.readmore-block a.togglebtn.collapsed::after {
    content: '+ Show More';
}

.readmore-block a.togglebtn:not(.collapsed)::after {
    content: '- Show Less';
}

@media only screen and (max-width: 768px) {
    #sidenav-collapse-main {
        margin: 0;
        width: 100%;
    }
}

.columns-preferences li {
    margin: 0;
}

.columns-preferences .dropdown-item {
    font-size: .875rem;
    padding: .6rem;
    margin: 0;
    cursor: pointer;
}

.columns-preferences {
    transform: translateY(32px) !important;
    z-index: 1020 !important;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}

.stepwizard-step button[disabled] {
    background-color: red;
    opacity: 1;
    filter: alpha(opacity=100);
}

.stepwizard-row:before {
    top: 22px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.select2-selection__rendered {
    letter-spacing: normal !important;
}

.drag-icon {
    cursor: move;
}

/* Argon btn customizations */

.argon-btn {
    font-size: .875rem;
    font-weight: 600 !important;
    line-height: 1.5;
    display: inline-block;
    padding: .625rem 1.25rem;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    border-radius: .25rem;
    color: #fff !important;

    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    letter-spacing: .025em;
    text-transform: none;
    will-change: transform;
    border-width: 1px;
    border-style: solid;
}

.argon-btn:not(:last-child) {
    margin-right: .5rem;
}

.argon-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.argon-btn.disabled {
    opacity: 0.5;
    cursor: auto;
}

.argon-btn.btn-sm {
    padding: 4px 8px;
}

.argon-btn.font-weight-bold {
    font-weight: 600 !important;
}

.argon-btn.btn-outline-default {
    color: #172b4d !important;
    border-color: #172b4d !important;
    background-color: transparent !important;
    background-image: none !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.loader-block:before {
    content: '';
    background-size: cover;
    position: absolute;
    width: 150px;
    height: 150px;
    left: 50%;
    margin-left: -75px;
}

.loader-block:after {
    position: absolute;
    content: '';
    display: block;
    background-color: #ecf2f6;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    animation: spinner 2s linear infinite;
}

.loader-block {
    position: relative;
    background-color: #ecf2f6;
    /*padding: 1rem;*/
    min-height: calc(150px + 2rem);
    min-width: calc(150px + 1rem);
}


@keyframes spinner {
    0% {
        width: 100%;
    }
    75% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes spinner {
    0% {
        width: 100%;
    }
    75% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-moz-keyframes spinner {
    0% {
        width: 100%;
    }
    75% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.hide {
    display: none !important;
}

.word-break {
    direction: ltr;
    margin: auto;
    word-break: break-word;
    white-space: pre-line;
    overflow-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

table.helper {
    display: none !important;
}

.btn-light {
    background-color: #adb5bd;
    border-color: #adb5bd;
}

#tracking_refresh_note {
    background-color: #47bac1;
    border-radius: 0.28571rem;
    padding: 6px;
    color: white;
    justify-content: center;
}

.modal-lg {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px !important;
    }
}

.quick-order-preview {
    width: 0px;
    overflow: hidden;
    transition: width 0.3s ease-in-out;
    margin: 0;
}

.quick-order-preview-show {
    overflow: hidden;
    width: 300px;
    transition: width 0.5s ease-in-out;
    margin-left: 1rem;
}

.sidebarsearch-loading.active {
    border: none !important;
}

.sidebarsearch-loading:before {
    position: absolute;
    content: '';
    display: block;
    background-color: #556387;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    animation: spinner 2s linear infinite;
}


.navbar-vertical .navbar-nav .nav-link[data-toggle='no-collapse']:after {
    content: '';
    padding-left: 5px;
}

#inv-collapse-main .item {

}