.padding-xs {
    padding: .25em;
}

.padding-sm {
    padding: .5em;
}

.padding-md {
    padding: 1em;
}

.padding-lg {
    padding: 1.5em;
}

.padding-xl {
    padding: 3em;
}

.padding-x-xs {
    padding: .25em 0;
}

.padding-x-sm {
    padding: .5em 0;
}

.padding-x-md {
    padding: 1em 0;
}

.padding-x-lg {
    padding: 1.5em 0;
}

.padding-x-xl {
    padding: 3em 0;
}

.padding-y-xs {
    padding: 0 .25em;
}

.padding-y-sm {
    padding: 0 .5em;
}

.padding-y-md {
    padding: 0 1em;
}

.padding-y-lg {
    padding: 0 1.5em;
}

.padding-y-xl {
    padding: 0 3em;
}

.padding-top-xs {
    padding-top: .25em;
}

.padding-top-sm {
    padding-top: .5em;
}

.padding-top-md {
    padding-top: 1em;
}

.padding-top-lg {
    padding-top: 1.5em;
}

.padding-top-xl {
    padding-top: 3em;
}

.padding-right-xs {
    padding-right: .25em;
}

.padding-right-sm {
    padding-right: .5em;
}

.padding-right-md {
    padding-right: 1em;
}

.padding-right-lg {
    padding-right: 1.5em;
}

.padding-right-xl {
    padding-right: 3em;
}

.padding-bottom-xs {
    padding-bottom: .25em;
}

.padding-bottom-sm {
    padding-bottom: .5em;
}

.padding-bottom-md {
    padding-bottom: 1em;
}

.padding-bottom-lg {
    padding-bottom: 1.5em;
}

.padding-bottom-xl {
    padding-bottom: 3em;
}

.padding-left-xs {
    padding-left: .25em;
}

.padding-left-sm {
    padding-left: .5em;
}

.padding-left-md {
    padding-left: 1em;
}

.padding-left-lg {
    padding-left: 1.5em;
}

.padding-left-xl {
    padding-left: 3em;
}

.margin-xs {
    margin: .25em;
}

.margin-sm {
    margin: .5em;
}

.margin-md {
    margin: 1em;
}

.margin-lg {
    margin: 1.5em;
}

.margin-xl {
    margin: 3em;
}

.margin-x-xs {
    margin: .25em 0;
}

.margin-x-sm {
    margin: .5em 0;
}

.margin-x-md {
    margin: 1em 0;
}

.margin-x-lg {
    margin: 1.5em 0;
}

.margin-x-xl {
    margin: 3em 0;
}

.margin-y-xs {
    margin: 0 .25em;
}

.margin-y-sm {
    margin: 0 .5em;
}

.margin-y-md {
    margin: 0 1em;
}

.margin-y-lg {
    margin: 0 1.5em;
}

.margin-y-xl {
    margin: 0 3em;
}

.margin-top-xs {
    margin-top: .25em;
}

.margin-top-sm {
    margin-top: .5em;
}

.margin-top-md {
    margin-top: 1em;
}

.margin-top-lg {
    margin-top: 1.5em;
}

.margin-top-xl {
    margin-top: 3em;
}

.margin-right-xs {
    margin-right: .25em;
}

.margin-right-sm {
    margin-right: .5em;
}

.margin-right-md {
    margin-right: 1em;
}

.margin-right-lg {
    margin-right: 1.5em;
}

.margin-right-xl {
    margin-right: 3em;
}

.margin-bottom-xs {
    margin-bottom: .25em;
}

.margin-bottom-sm {
    margin-bottom: .5em;
}

.margin-bottom-md {
    margin-bottom: 1em;
}

.margin-bottom-lg {
    margin-bottom: 1.5em;
}

.margin-bottom-xl {
    margin-bottom: 3em;
}

.margin-left-xs {
    margin-left: .25em;
}

.margin-left-sm {
    margin-left: .5em;
}

.margin-left-md {
    margin-left: 1em;
}

.margin-left-lg {
    margin-left: 1.5em;
}

.margin-left-xl {
    margin-left: 3em;
}

.main-container {
}

.table {
    background-color: white;
}

fieldset {
    background: #F8F8F8;
}

#wrapper, #header-topbar-option-demo {
    border: 1px solid;
}

.submitted input.ng-invalid {
    border: 1px dashed #b94a48 !important;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    max-width: none !important;
}

.has-error .ui-select-match > span {
    border: 1px dashed #a94442;
}

.ui-select-bootstrap .ui-select-choices-row.active > a {
    background-color: #EDEEF2;
    color: #333;
}

.ui-select-bootstrap > .ui-select-choices {
    max-height: 350px !important;
}

.company-select .ui-select-bootstrap > .ui-select-choices {
    min-width: 286px;
}

input.ui-select-search {
    padding-top: 7px !important;
    width: 100% !important;
}

.ui-select-placeholder {
    font-style: italic;
}

.valign-top {
    vertical-align: top !important;
}

.ui-select-match-text {
    width: 85%;
    overflow: hidden;
    text-align: left;
}

.ui-select-match .btn {
    padding-left: 7px !important;
}

.ui-select-match a {
    padding: 0px !important;
    margin: 0px !important;
    color: black !important;
}

.ui-select-bootstrap .ui-select-choices-row > a {
    white-space: normal;
}

.ui-select-toggle[disabled] {
    background-color: #f0f2f5 !important;
}

.clip-radio label:before {
    top: 0px;
    bottom: 0px;
    margin: auto 0;
}

.clip-radio label:after {
    top: 0px;
    bottom: 0px;
    margin: auto 0;
}

.checkbox-center {
    padding-left: 40% !important;
}

.checkbox-container {
    margin-top: 5px;
}

.clip-check input[type="checkbox"]:checked + label:after {
    color: #777777;
    content: "\f00c";
    height: 20px;
    width: 20px;
    font-family: "FontAwesome";
    display: flex;
}

.clip-check input[type="checkbox"]:indeterminate + label:after {
    color: #777777;
    content: "\f068";
    height: 20px;
    width: 20px;
    font-family: "FontAwesome";
    display: flex;
    left: 3px;
}

.clip-check label {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    padding-left: 20px;
    position: initial;
    line-height: 23px;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
    white-space: nowrap;
}


    .clip-check label.bold {
        font-weight: bold;
    }

    .clip-check label:after {
        display: inline-block;
        font-size: 14px;
        height: 20px;
        left: 1px;
        position: absolute;
        top: 0px;
        bottom: 1px;
        transition: border 0.2s linear 0s, color 0.2s linear 0s;
        width: 19px;
        margin: auto 0;
    }

    .clip-check label:before {
        background-color: white;
        border: 1px solid #ddd;
        content: "";
        display: inline-block;
        height: 16px;
        left: 0;
        margin-right: 16px;
        margin: auto 0;
        top: 0px;
        bottom: 1px;
        position: absolute;
        width: 16px;
        border-radius: 0;
        transition: border 0s linear 0s, color 0s linear 0s;
    }

.editable-checkbox {
    width: 20px !important;
}

    .editable-checkbox .checkbox {
        padding-left: 0px !important;
        width: 20px !important;
    }

    .editable-checkbox .clip-check input[type="checkbox"] + label:before {
        height: 20px;
        width: 20px;
        top: 7px !important;
    }

    .editable-checkbox .clip-check input[type="checkbox"] + label:after {
        font-size: 18px !important;
        top: 3px !important;
    }

    .editable-checkbox .clip-check input[type="checkbox"][disabled] + label:before {
        height: 16px;
        width: 16px;
    }

    .editable-checkbox .clip-check input[type="checkbox"][disabled] + label:after {
        font-size: 14px !important;
        top: 3px !important;
    }

.clip-check input[type="checkbox"][disabled] + label {
    cursor: initial;
    opacity: 1;
}

    .clip-check input[type="checkbox"][disabled] + label:before {
        opacity: 0.65;
        cursor: initial;
    }

.clip-check.check-primary input[type="checkbox"]:checked + label:before {
    border: 1px solid #ddd;
}

.center {
    text-align: center !important;
}

.input-icon input {
    color: inherit;
}

/*Tables*/
@media screen and (max-width: 1200px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}

/*nav-bar*/
@media (max-width: 768px) {
    .sidebar-collapse {
        display: none;
    }

    #topbar .navbar-header .navbar-toggle .icon-bar {
        background-color: #40516f;
    }
}

.navbar-brand {
    padding: 0px 0px;
}

#topbar .navbar-header {
    background: #f0f2f5;
}

    #topbar .navbar-header #logo span.logo-text {
        color: #40516f;
    }

.box-register {
    /*max-width: 700px;*/
    margin: 0 auto;
}

/*dropdown*/
.ui-select-bootstrap .btn-default {
    background-color: white;
}

/*tables*/
.pagination {
    margin: 0px 0px 10px 0px;
}

.table-responsive {
    padding: 10px 0px;
}
/*
.block-ui-message {
    background-color: transparent !important;
    padding: 10px !important;
    color: white !important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 32px;
    width: 32px;
    background-image: url('/Public/content/images/pageloader/loader3.gif');
}
*/
.block-ui-message {
    font-size: 12pt;
}

.product-image-edit {
    max-height: 200px;
    max-width: 200px;
    display: block;
}

    .product-image-edit._img-size img {
        width: 200px;
        height: 200px;
        object-fit: contain;
    }

.product-image-list {
    height: 150px;
    width: 150px;
    max-height: 200px;
    max-width: 200px;
}

.product-image {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
}

.img-inside-select {
    padding: 4px;
}

.invoice-item-edit {
    display: flex !important;
    align-items: center;
}

@media (min-width: 768px) {
    .facility-edit .modal-dialog, .account-edit .modal-dialog, .order-product-edit .modal-dialog, .product-categories .modal-dialog, .order-quick-pickup-popup .modal-dialog, .company-edit .modal-dialog, .account-group-edit .modal-dialog {
        width: 800px !important;
    }

    .user-edit .modal-dialog, .price-sheet-edit .modal-dialog, .product-edit .modal-dialog {
        width: 1000px !important
    }

    .invoice-item-edit .modal-dialog {
        max-width: 1200px !important;
        width: 100%;
    }

    .payments-total .modal-dialog {
        max-width: 1000px !important;
        width: 100% !important;
    }

    .order-note-edit .modal-dialog, .invoice-multi-edit .modal-dialog {
        width: 600px !important
    }
}

.product-categories .price {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #284660;
}

.product-categories .tab-content {
    padding: 10px 45px 0px 45px !important;
}

    .product-categories .tab-content .thumbs-container {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

.product-categories a.page-link {
    position: absolute;
    top: 47%;
    cursor: pointer;
    width: 5%;
    text-align: center;
}

    .product-categories a.page-link.next {
        right: 0%;
    }

    .product-categories a.page-link.previous {
        left: 0%;
    }

    .product-categories a.page-link i {
        font-size: 42px;
        font-weight: 100;
    }

.product-categories .tab-content .image-container {
    height: 100px;
}

.products-quantity {
    margin-bottom: 6px;
}

.shortDescription {
    height: 30px;
}

.template-item .editable-wrap .editable-controls > input {
    max-width: 66px;
    height: 34px;
}

.template-item .editable-buttons button {
    padding: 6px;
}

.page-content {
    min-height: 100vh !important;
    background-color: #ededf1;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

/*.product-categories .nav-tabs>li {
    float: left;
    border: 1px solid grey;
    margin-bottom: -1px;
    margin-left: 4px;
    padding: 0px 14px 0px 16px;
    margin-bottom: 4px;
    border-radius: 10px 10px 0px 0px;
}

.product-categories .nav-tabs>li.active>a, .product-categories .nav-tabs>li.active>a:hover, .product-categories .nav-tabs>li.active>a:focus {
    color: #dc6767;
    cursor: default;
    text-decoration: underline;
    background-color: inherit;
    border: 1px solid transparent;
}
.product-categories .nav>li>a {
    position: relative;
    display: block;
    padding: 5px 7px;
}

.product-categories .nav>li>a:hover, .product-categories .nav>li>a:focus {
    background-color: initial;
    border: 1px solid transparent;
}*/

.form-control {
    height: 30px;
    line-height: 1em;
}

.widget-header {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #73879C;
    color: #73879C;
}

.radio {
    margin-top: 0px;
}

.radio-inline {
    margin-bottom: 0px !important;
}

.modal-dialog {
    right: auto;
    left: auto;
}

form {
    padding-bottom: 10px;
}

table form {
    padding-bottom: 5px;
}

input.form-control {
    padding: 5px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    /*background: #f2f9fd;*/
}

.table.table-advanced thead tr th {
    background-color: white;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border-bottom: 1px solid lightgray;
    border-right: none;
    border-left: none;
    font-size: 12px;
    font-family: sans-serif;
    color: #333333;
    font-weight: 500;
    padding: 9px 6px 6px 6px;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background: #ffffcc;
}

.label-status {
    font-size: 15px;
}

/*datepicker*/
ul.dropdown-menu .btn {
    border: none;
    color: black;
    background-color: white;
    background-image: none;
    box-shadow: none;
    border-radius: inherit !important;
}

/*datepicker*/
ul.dropdown-menu table {
    outline: none;
}


.sidebar-wrapper {
    width: 230px;
}

    .sidebar-wrapper ul > li > a {
        text-align: left;
        /*margin-left: 30px; */
    }

        .sidebar-wrapper ul > li > a i {
            text-align: left;
            margin-left: 25px;
            font-size: 17px;
            color: #E7E7E7;
        }

        .sidebar-wrapper ul > li > a > span {
            margin-left: 10px;
            color: #E7E7E7;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            text-transform: none;
            font-size: 13px
        }

#topbar .topbar-main {
    background-color: #eaeaeb;
}

.glossed .widget .widget-content {
    background-image: none;
}

.panel-body {
    /* box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); */
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.page-wrapper {
    background-color: #ededf1;
}

.tableicon {
    font-size: 13pt;
}

.product-categories {
}

    .product-categories ul.nav li a {
        background: #EDEEF2 !important;
        color: #3498db !important;
        font-size: 10px;
        font-weight: 700;
        padding: 10px 7px 10px 7px !important;
    }

    .product-categories ul.nav.nav-tabs.ul-edit {
        border: 1px solid #e5e5e5 !important;
        background: #EDEEF2 !important;
    }

        .product-categories ul.nav.nav-tabs.ul-edit li {
            border-right: 1px solid #e5e5e5 !important;
            border-bottom: 1px solid #e5e5e5 !important;
            border-top: 4px solid #EDEEF2 !important;
        }

            .product-categories ul.nav.nav-tabs.ul-edit li.active {
                border-top: 4px solid #e67e22 !important;
            }

    .product-categories .tab-content {
        border-top: none;
        background-color: white !important;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .product-categories table.mbn {
        box-shadow: 1px 1px 7px;
        border-radius: 5px;
    }

    .product-categories .no-padding {
        padding: 0px !important;
    }

    .product-categories .shortDescription {
        font-size: 12px;
        text-align: left;
        height: 32px;
    }

    .product-categories .quantity {
        font-size: 9px;
        text-align: left;
        color: #858585;
        height: 49px;
        width: 135px;
        overflow: hidden;
    }

.afkl-lazy-wrapper .afkl-lazy-image {
    max-width: 100%;
}

.image-container .afkl-lazy-wrapper .afkl-lazy-image {
    max-width: 154px;
    height: 121px;
    width: auto;
    width: initial;
}

.product-categories .count-in-order {
    font-size: 9px;
    text-align: left;
    color: #858585;
    height: 20px;
    width: 135px;
    overflow: hidden;
}

.product-categories .btn.quantity {
    padding: 0px;
    border-right: 1px solid #A0C7D0 !important;
    width: 36px;
    text-align: center;
    border-radius: 0px !important;
    color: #FA6620;
    height: 25px;
    padding: 2px;
}

    .product-categories .btn.quantity i.fa {
        font-size: 15px;
        vertical-align: middle;
    }

.product-categories .no-products {
    font-size: 15px;
    vertical-align: middle;
    font-weight: bold;
    margin: 20px -20px;
}

.selected-products {
}

    .selected-products .options {
        vertical-align: middle !important;
        text-align: center;
        word-break: break-word;
    }

        .selected-products .options .btn {
            text-align: center;
            color: #4b5159;
            font-weight: bold;
            width: 86px;
            vertical-align: middle;
            padding: 3px;
            height: 25px;
        }

    .selected-products .editable-checkbox {
        margin: 0 auto;
    }

    .selected-products .options .fa-remove:before, .fa-close:before, .fa-times:before, .fa-plus:before {
        color: #a1a09e;
        font-weight: normal;
        text-align: right;
        font-size: 14px;
    }

    .selected-products thead th {
        color: #858585 !important;
        border: none !Important;
        font-size: 11px !important;
        border: 4px solid white !important;
    }

    .selected-products tbody td {
        vertical-align: middle;
        background: #EDEEF2 !important;
        border: 4px solid white !important;
        vertical-align: middle !important;
    }

    .selected-products .product-date {
        font-weight: bold;
        color: #68686B !important;
        font-size: 12px;
    }

    .selected-products .product-price {
        font-weight: bold;
        color: #68686B !important;
        font-size: 12px;
        word-break: break-word;
    }

    .selected-products .product-type {
        font-weight: bold;
        color: #68686B !important;
        font-size: 12px;
    }

    .selected-products .product-name {
        font-weight: bold;
        color: #3498db !important;
        display: block;
        font-size: 14px;
    }

        .selected-products .product-name .fa {
            color: #f3933e;
            cursor: pointer;
        }

    .selected-products .product-quantity {
        height: 25px;
        font-weight: bold;
        font-size: 12px;
        color: #4b5159 !important;
        padding: 1px;
        border: 2px solid white;
    }

        .selected-products .product-quantity input {
            padding-left: 11px;
        }

    .selected-products .liter-flow {
        width: 100%;
        float: left;
    }

        .selected-products .liter-flow + .liter-flow {
            margin-top: 3px;
        }

        .selected-products .liter-flow input {
            float: left;
            width: 150px;
            color: #060606;
            text-transform: uppercase;
            font-weight: 400;
        }

        .selected-products .liter-flow span {
            float: left;
            vertical-align: middle;
            padding-right: 10px;
            color: #060606;
            text-transform: uppercase;
        }

    .selected-products .liter-flow-edit span {
        line-height: 24px;
    }

    .selected-products .product-quantity:disabled {
        cursor: default;
        border: 2px solid #eeeeee;
        font-style: italic;
    }


    .selected-products .product-quantity:focus {
        border: 2px solid lightgrey;
    }


    .selected-products .product-description {
        font-size: 12px;
        display: block;
        color: #060606;
        text-transform: uppercase;
    }

.total-label {
    font-size: 16px;
}

.total-value {
    font-size: 16px;
    color: #e67e22;
}

.navbar-static-side ul li.user-panel {
    padding: 0px 0px 0px 10px !important;
}

    .navbar-static-side ul li.user-panel .info p {
        margin-bottom: 0px;
        font-size: 11px;
    }

#wrapper {
    max-width: 100%;
}

.wide-page {
    max-width: 100% !important;
}

    .wide-page .invoice_inquiry .manage-invoices-section .panel-body {
        min-height: 100vh !Important;
    }

body {
    background-color: #314c71;
}

.glossed .main-buttons:hover {
    background-image: none;
    background-color: #f94612;
    color: white;
    padding: 5px 25px;
}

.glossed .main-buttons:focus,
.glossed .main-buttons {
    background-image: none;
    font-weight: 600;
    border-radius: 3px !important;
    background-color: #f94612;
    color: white;
    border-color: #ccc;
    padding: 5px 25px;
}

.glossed .main-buttons-secondary {
    border-radius: 3px !important;
    background-image: linear-gradient(to top, #f1f1f1 0%, white 100%);
    padding: 5px 25px;
}

.glossed .main-buttons-order {
    background-image: none;
    font-weight: 600;
    border-radius: 3px !important;
    background-color: #fa4e1e;
    color: white;
    padding: 5px 25px;
}

.glossed .main-buttons:focus,
.glossed .main-buttons:hover {
    border-color: #ccc;
}

.glossed .main-buttons-secondary:hover {
    background-image: linear-gradient(to top, #f1f1f1 75%, white 100%);
    padding: 5px 25px;
}

.page-content {
    background-color: #eaeaeb;
}

.product-categories .table tr.active > td {
    background-color: #EFF0F1 !important;
}

.modal.large {
    width: 80%;
}

.patient-census .check-list-container {
    margin-bottom: 0px !Important;
}

    .patient-census .check-list-container .clip-check {
        margin-bottom: 0px !Important;
    }

.patient-census .widget-header {
    margin-bottom: 10px !Important;
}

.patient-census .clip-check label {
    padding-left: 0px !Important;
    margin-right: 5px !Important;
}

.patient-census form.editable-text input,
.invoice_inquiry form.editable-text input,
.invoice_inquiry form.editable-number input {
    width: 450px;
    height: 23px !important;
    margin-right: -4px;
}

.invoice_inquiry .initial-value-tip {
    color: #2a6496;
    padding-top: 1px;
    font-size: 6px;
    vertical-align: top;
    cursor: pointer;
}

.patient-census .editable-buttons button,
.invoice_inquiry .editable-buttons button {
    padding: 4px !important;
    margin: 0px !important;
    height: 23px !important;
    border-radius: 0px !important;
}

    .patient-census .editable-buttons button span,
    .invoice_inquiry .editable-buttons button span {
        top: -2px;
    }

.invoice_inquiry .table-bordered > thead > tr > th,
.invoice_inquiry .table-bordered > tbody > tr > th,
.invoice_inquiry .table-bordered > tfoot > tr > th,
.invoice_inquiry .table-bordered > thead > tr > td,
.invoice_inquiry .table-bordered > tbody > tr > td,
.invoice_inquiry .table-bordered > tfoot > tr > td {
    font-size: 12px !important;
}

.invoice_inquiry .table-bordered small {
    font-size: 11px !important;
}

.invoice_inquiry .date-edit {
    width: 134px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .invoice_inquiry .date-edit form {
        padding-bottom: 0px;
    }

    .invoice_inquiry .date-edit input {
        width: 119px !important;
        max-width: 126px !important;
        height: 23px !important;
        font-size: 12px;
        padding: 0px 1px !important;
    }

    .invoice_inquiry .date-edit .editable-buttons {
        margin-left: -48px !important;
    }

.invoice_inquiry .text-edit {
    width: 100px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .invoice_inquiry .text-edit form {
        padding-bottom: 0px;
    }

    .invoice_inquiry .text-edit .editable-buttons {
        margin-left: -3px !important;
    }

    .invoice_inquiry .text-edit input {
        width: 40px !important;
        max-width: 40px !important;
        font-size: 12px;
        height: 23px !important;
        max-height: 23px !important;
        padding: 0px 1px !important;
    }

.invoice_inquiry .nav {
    margin-bottom: -1px !important;
}

.invoice_inquiry .nav-tabs > li > a {
    text-transform: none !Important;
    border-color: #e5e5e5 !Important;
    cursor: pointer;
}

.invoice_inquiry .nav-tabs > li.active > a {
    border-bottom-color: white !important;
}

.invoice_inquiry .clip-check {
    padding-left: 20px !Important;
}

    .invoice_inquiry .clip-check label {
        padding-left: 0px !Important;
        margin-right: 5px !Important;
    }

._ie .invoice_inquiry .clip-check {
    padding-left: 0px !Important;
}

    ._ie .invoice_inquiry .clip-check label {
        padding-left: 20px !Important;
        margin-right: 5px !Important;
    }


.invoice_inquiry .envelope-container {
    top: -1px;
    cursor: pointer;
}

.invoice_inquiry .h-notes {
    width: 63px;
}

.pagination .pageInput {
    float: left;
    height: 38px;
    width: 50px;
}

.pagination a[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}

.invoice_inquiry .scrollable-container {
    display: block;
    max-height: 700px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow-y: auto;
}

.invoice_inquiry .tab-content {
    padding: 40px 15px;
}


.invoice_inquiry .c-notes a, .invoice_inquiry .c-notes i {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.crossed-text {
    color: #858585;
    text-decoration: line-through;
}

.ui-select-match .btn i {
    color: #333333;
    top: -2px;
}


.no-sides-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-right-padding {
    padding-right: 0px !important;
}

.no-left-padding {
    padding-left: 0px !important;
}

@media screen and (max-width: 770px) {
    .no-xs-left-padding {
        padding-left: 0px !important;
    }
}

@media screen and (min-width: 770px) {
    .no-sm-right-padding {
        padding-right: 0px !important;
    }

    .no-sm-left-padding {
        padding-left: 0px !important;
    }

    .no-sm-padding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.product-thumb {
}

    .product-thumb .buttons-container td {
        padding-left: 0px;
        padding-right: 0px;
    }

    .product-thumb .thumb-buttons {
        width: 78px;
        display: inline-block;
        text-align: left;
    }

    .product-thumb .thumb-price {
        display: inline-block;
        width: 63px;
        white-space: nowrap;
        padding: 0px !important;
        text-align: right;
    }

.order-section-title {
    font-size: 17px;
    margin: 6px 0px;
    color: #5f5f5f;
    display: block;
}

    .order-section-title .pickup-all-btn {
        float: right;
        margin-right: 2%;
        text-align: center !important;
        color: #4b5159 !important;
        font-weight: bold !important;
        width: 86px !important;
        vertical-align: middle !important;
        padding: 3px;
        height: 25px !important;
        font-family: sans-serif;
        font-size: 12px;
        line-height: 18px;
    }

.order-section-error {
    font-size: 12px;
    margin: 6px 0px;
    color: red;
    display: block;
}

.product-thumb-container, .product-thumb2 {
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .product-thumb2 .buttons-container td {
        padding: 4px 0px;
    }

    .product-thumb2 .info-container td {
        padding: 3px 8px 0px;
        border-top: none;
    }

    .product-thumb2 .info-container .shortDescription {
        height: 32px;
    }

    .product-thumb2 .info-container .quantity {
        height: 13px;
    }

    .product-thumb2 .image-container td {
        border-top: none !important;
    }

    .product-thumb2 .thumb-buttons {
        width: 78px;
        display: inline-block;
        text-align: left;
    }

    .product-thumb2 table.mbn {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .product-thumb2 .thumb-price {
        display: inline-block;
        width: 63px;
        white-space: nowrap;
        padding: 0px !important;
        text-align: right;
    }

    .product-thumb2 .count-in-order {
        display: block;
        height: 15px;
        white-space: nowrap;
        padding: 0px !important;
        text-align: left;
    }

    .product-thumb2 .quantity {
        height: 22px;
    }


/*fix menu*/

#wrapper, #header-topbar-option-demo {
    border: none;
    height: 48px;
}

#topbar {
    height: 100%;
    box-shadow: 0px 3px 3px 0px lightgrey;
}

    #topbar .navbar-top-links li > a {
        color: #4b5159;
    }

    #topbar .navbar-top-links li:hover > a {
        color: white;
    }

.navbar-top-links, .navbar-top-links li {
    height: 100%;
    float: right;
}

.navbar-top-links, .dropdown-menu {
    min-width: 120px !important;
}

    .navbar-top-links .dropdown-menu li {
        float: left !important;
        width: 100%;
    }

#topbar .navbar-top-links li.open > a {
    background: #004bff !important;
    color: white !important;
}

#topbar .navbar-top-links li > a:hover, #topbar .navbar-top-links li > a:focus,
#topbar .navbar-top-links li > a:hover, #topbar .navbar-top-links li > a:focus {
    background: #004bff !important;
}

.order-nav .dropdown-menu.pull-left {
    right: auto;
    left: 20px;
    top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.order-nav.navbar-top-links, .dropdown-menu {
    min-width: 0 !important;
    min-height: 30px;
}

.order-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .order-nav .btn .fa {
        margin-right: 0 !important;
    }

    .order-nav .dropdown-menu li {
        width: 100%;
    }

    .order-nav.nav > li > a {
        padding: 5px;
        border: none;
    }

        .order-nav.nav > li > a:hover,
        .order-nav.nav > li > a:focus {
            text-decoration: none;
            background: none;
        }

    .order-nav.nav .open > a,
    .order-nav.nav .open > a:hover,
    .order-nav.nav .open > a:focus {
        background: none;
        border: none;
    }

@media screen and (min-width: 1050px) {
    #topbar .navbar-nav {
        display: none !important;
    }

    #menu-toggle {
        display: none !important;
    }
}

@media screen and (max-width: 1050px) {
    #menu-toggle-wide {
        display: none !important;
    }
}


#topbar .topbar-main #menu-toggle, #topbar .topbar-main #menu-toggle-wide {
    float: left;
    padding: 15px 20px;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 50px;
    border-radius: 0;
    color: #0079c1;
}

    #topbar .topbar-main #menu-toggle:hover,
    #topbar .topbar-main #menu-toggle:focus,
    #topbar .topbar-main #menu-toggle-wide:hover,
    #topbar .topbar-main #menu-toggle-wide:focus {
        color: black;
    }

#topbar .navbar-nav li {
    width: 100% !important;
    background-color: #2A3F54 !important;
}

#topbar .topbar-main ul.nav.navbar-nav {
    width: 100% !important;
}

    #topbar .topbar-main ul.nav.navbar-nav li a {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }


    #topbar .topbar-main ul.nav.navbar-nav li.active a,
    #topbar .topbar-main ul.nav.navbar-nav li:hover a,
    #topbar .topbar-main ul.nav.navbar-nav li.open a {
        background: #ffffff !important;
        color: #777777;
        text-decoration: none;
        margin: 0px -3px;
        position: relative;
        background-color: #0079c1 !important;
        color: #ffffff !important;
        border-left: 5px solid #F1C40F;
    }

#table-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100% !important;
}


#sidebar {
    display: table-cell;
    vertical-align: top !important;
    width: 230px;
    position: relative;
    background: linear-gradient(#334556, #2C4257), #2A3F54;
}

@media screen and (max-width: 1050px) {
    #sidebar {
        display: none !important;
    }
}

.glossed .sidebar-wrapper {
    position: relative;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    padding-top: 0px;
    background-image: none;
    background-color: #2A3F54;
}

.sidebar-wrapper .logo-panel {
    height: 121px;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
    padding: 12% 25%;
}

    .sidebar-wrapper .logo-panel img {
        display: inline-block;
        margin: 0 auto;
        height: 59px;
        border-radius: 36% !important;
    }

    .sidebar-wrapper .logo-panel .logo-description {
        width: 50px;
        display: inline-block;
        vertical-align: middle;
    }

    .sidebar-wrapper .logo-panel .title {
        font-size: 25px;
        color: white;
    }

    .sidebar-wrapper .logo-panel .other-info {
        color: lightgrey;
        white-space: nowrap;
        text-align: center;
    }

.logo-description img {
    width: 100%;
}

#page-wrapper {
    display: table-cell;
    vertical-align: top;
}

.table-responsive tbody > tr > td {
    background: transparent;
}


.selected-products .total-row td {
    background-color: #F8F8F8 !important;
    border: none !important;
    padding-left: 6px !important;
}

.no-border {
    border: none !important;
}

.price-sheet-items-table td {
    vertical-align: middle !important;
}

.price-sheet-items-table .editable-input {
    font-size: 12px !important;
    padding: 0px 1px !important;
}

.sidebar-wrapper ul > li.active > a, .sidebar-wrapper ul > li.current > a, .sidebar-wrapper ul > li:hover > a {
    background: linear-gradient(#334556, #2C4257), #2A3F54;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    margin: 0px 0px;
    border-left: none;
    border-right: 5px solid #f94612;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.table .no-column-top-border td {
    border-top: none !Important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.table .no-column-bottom-border td {
    border-bottom: none !Important;
}


.table .odd-row td {
    background-color: #f9f9f9;
}

table.odd-table tr:nth-child(odd) td {
    background-color: #f9f9f9;
}

.selectable-table tr {
    cursor: pointer !important;
}

    .selectable-table tr:hover td {
        background-color: rgba(141,192,219,.25);
    }

.logonbox-logo {
    display: block;
    margin: auto;
    width: 100%;
    padding: 0 15px 20px;
}

.order-state__logo {
    display: block;
    margin: auto;
    width: 300px;
}

.sidebar-wrapper ul {
    padding: 0px 1px;
}

    .sidebar-wrapper ul li {
        border-bottom: 0px;
        border-top: 0px;
    }

        .sidebar-wrapper ul li a {
            padding: 5px 0px;
        }

.glossed .sidebar-wrapper ul li {
    box-shadow: none;
    -webkit-box-shadow: none;
}


/*#2A3F54*/
.glossed .widget-blue .widget-title {
    background-color: #2a3f54;
    border: none;
    background-image: none;
}

.widget .widget-title h3 {
    text-transform: none;
}

.modal .modal-dialog .modal-content .modal-header.modal-header-primary {
    background: linear-gradient(to bottom, white 0%, white 100%);
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    width: 50px !important;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    color: black !important;
}


.modal .modal-dialog .modal-content {
    word-break: break-all;
}

.modal-header .close {
    color: white;
}

.editable-table {
    font-size: 12px !important;
}

    .editable-table th {
        font-size: 12px !important;
        padding: 5px 2px !important;
    }

    .editable-table td {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .editable-table input[type='number'], .editable-table input[type='text'] {
        border: none;
        padding: 0px !important;
        height: 30px;
        font-size: 12px;
        text-align: center;
    }

    .editable-table input[type='number'] {
        width: 60px !important;
    }

    .editable-table input[type='text'] {
        width: 65px !important;
    }


    .editable-table .ui-select-match .btn {
        border: none;
        font-size: 12px;
        background: none;
        height: 30px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        overflow: hidden !important;
    }

    .editable-table .btn-action {
        padding: 3px 5px !important;
    }

    .editable-table .order-number-column, .editable-table .perdiem-column {
        width: 25px !important;
    }

        .editable-table .order-number-column._length {
            width: 45px !important;
        }

    .editable-table .date-column {
        width: 60px !important;
    }

    .editable-table .company-column,
    .editable-table .facility-column,
    .editable-table .product-column,
    .editable-table .company-column .ui-select-match .btn,
    .editable-table .facility-column .ui-select-match .btn,
    .editable-table .product-column .ui-select-match .btn {
        width: 120px !important;
    }

        .editable-table .facility-column .facility-name {
            text-align: left;
            padding-left: 20px;
            font-size: 11px;
        }

    .editable-table .er-actions-column {
        width: 30px !important;
        text-align: right;
    }

    .editable-table .actions-column {
        width: 75px !important;
        text-align: right;
    }

    .editable-table .type, .editable-table .cost-column, .editable-table .type .ui-select-choices {
        width: 60px !important;
        font-size: 0.95em !important;
    }

    .editable-table .ext-column {
        width: 70px !important;
        font-size: 0.95em !important;
    }

    .editable-table .ui-select-choices {
        width: 300px !important;
        font-size: 0.95em;
    }

    .editable-table .ui-select-container input {
        border: none;
        background: none;
        height: 30px;
        padding-top: 0px !important;
        overflow: hidden !important;
        font-size: 11px !important;
    }

    .editable-table .ui-select-match-text {
        width: 90% !important;
        font-size: 0.95em !important;
    }



    .editable-table .type .ui-select-match .btn {
    }

    .editable-table .type .ui-select-container input {
    }

    .editable-table .read-only {
        line-height: 30px;
        cursor: default;
    }

#myTab4 li {
    float: left !important;
}

.boldFont {
    font-weight: bold;
}

._margin-top-3 {
    margin-top: 3px;
}

._inline-block-middle {
    display: inline-block;
    vertical-align: middle;
}

._nowrap {
    white-space: nowrap;
}

.checkbox_green {
    padding-left: 20px;
    transform: translateX(16px);
}

.checkbox__label {
    position: relative !important;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}

    .checkbox__label:before {
        position: absolute;
        content: '';
        width: 20px !important;
        height: 20px !important;
        background: #fff;
        border-radius: 3px !important;
        display: inline-block;
        vertical-align: middle;
        transition: background .2s ease-out;
    }

.checkbox__field {
    display: none;
}

    .checkbox__field:checked + .checkbox__label:before {
        background: lightgreen;
        border-color: lightgreen !important;
    }

.checkbox label {
    display: block;
    white-space: nowrap;
    text-overflow: unset;
    width: 100%;
}

.checkbox__label:after {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: block;
    width: 9px !important;
    height: 5px !important;
    transform-origin: center;
    transform: rotate(-45deg);
    position: absolute;
    content: '' !important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: opacity .2s ease-out;
}

.checkbox__field:checked + .checkbox__label:after {
    opacity: 1;
}


.b-chat {
    display: block;
    position: absolute;
    left: 0px;
    /*right: -20px;
    top: calc(100% - 5px);*/
    width: 360px;
    border: 1px solid #dadada;
    background: #fff;
    z-index: 4;
    border-radius: 2px;
    padding: 5px;
    text-align: left;
    color: #777;
}

.b-chat__title {
    text-transform: uppercase;
    border-bottom: 3px solid #dadada;
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0 6px;
}

    .b-chat__title .b-chat__product_name {
        display: block;
        padding-top: 0px !important;
        margin-top: -20px !important;
        font-size: 12px;
        font-weight: normal;
    }

.b-chat__time {
    float: right;
    color: #ADABAB;
    font-size: 11px;
    line-height: 20px;
}

.order-notes-section .b-chat__time {
    float: none !important;
    font-size: 12px !important;
}

.order-notes-section .b-chat__type {
    float: right;
    color: #ADABAB;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px;
}

.order-notes-section .b-chat__notes_title {
    font-size: 17px !Important;
    margin-right: initial !Important;
    padding-right: 10px !Important;
    color: #73879c;
}

.order-notes-section .b-chat__person {
    font-size: 14px !Important;
    margin-right: initial !Important;
    padding-right: 10px !Important;
}

.order-notes-section .b-chat__commit {
    color: #555555 !important;
}

.order-notes-section .b-chat__message + .b-chat__message {
    border-top: none !important;
}

.order-notes-section .b-chat__message-top {
    display: block !important;
}

.order-notes-section .f-message__textarea {
    border: 1px solid #dadada;
    font-size: 14px !important;
    height: 70px !important;
    line-height: 16px !important;
}

.has-error .order-notes-section .b-chat__notes_title {
    color: #b94a48 !important;
}

.order-notes-section .note-reason {
    color: #b94a48 !important;
}

.has-error .order-notes-section .f-message__textarea {
    border-style: solid;
}


.order-notes-section .remove-icon {
    cursor: pointer;
    color: #73879c !important;
}


.order-notes-section .f-message__textarea:focus {
    border: 1px solid #CCC !important;
}

.b-chat__close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 5px;
    cursor: pointer;
}

    .b-chat__close:before, .b-chat__close:after {
        position: absolute;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        width: 13px;
        height: 2px;
        background: #dadada;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        content: '';
    }

    .b-chat__close:before {
        transform: rotate(45deg);
    }

    .b-chat__close:after {
        transform: rotate(-45deg);
    }

.b-chat__message {
    padding: 5px 0;
    page-break-inside: avoid;
}

.wordwrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 * />
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word; /* IE */
    word-break: keep-all;
}

.b-chat__message + .b-chat__message {
    border-top: 1px solid #dadada;
}

.b-chat__message-top {
    display: flex;
    align-items: center;
}

.b-chat__messages {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 30px;
}

.b-chat__person {
    font-weight: 700;
    margin-right: auto;
    font-size: 16px;
    color: #73879C;
}

.b-chat__time {
    color: #999;
    font-size: 12px;
    padding-right: 10px;
}

.b-chat__status {
    display: inline-block;
    min-width: 10px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    padding: 3px 6px;
    font-size: 8px;
    background: #BAB7B7;
}

.b-chat__commit {
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471;
    display: inline;
    color: #73879C;
}

.cursor_pointer {
    cursor: pointer;
}

.f-message {
    text-align: right;
}

.relative {
    position: relative;
}

.f-message__textarea {
    display: block;
    width: 100%;
    border: 2px solid #dadada;
    padding: 4px 10px;
    font-size: 16px;
    resize: none;
    height: 100px;
    overflow-y: auto;
    margin-bottom: 10px;
    margin-top: 10px
}

.f-message__flex {
    color: white;
    display: flex;
    justify-content: space-around;
}

    .f-message__flex a {
        width: 120px;
    }

.f-date-to {
    padding-left: 34px;
}

.f-rate {
    padding-left: 16px !important;
}

.f-icheck-column {
    padding-top: 6px !important;
}

tr.selected td {
    background: rgba(38, 185, 154, 0.16) !important;
}

.thunderbolt {
    padding-left: 5px;
    color: #cf5901;
    float: right;
    padding-right: 10px;
}

.export-button {
    padding-top: 23px;
}

.btn-export {
    float: right;
}

.widget-header.invoice {
    margin-bottom: 10px;
}

.invoice-filters {
    margin-top: 20px;
}

.refresh-button {
    float: right;
    padding-bottom: 10px;
    display: flex
}

    .refresh-button .btn, .refresh-button .btn:hover {
        padding: 5px 5px;
    }

.invoice-export-button {
    display: flex !important;
    align-items: center !important;
    border: 1px solid rgb(161, 160, 158) !important;
    height: 100% !important;
}

.accept-all-button {
    float: right;
    padding-bottom: 10px;
    padding-right: 15px;
}

.release-button {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.regenerate-button {
    padding-right: 0 !important;
    padding-left: 60px;
}

.invoices .ui-select-toggle {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.invoices .no-column-top-border > td {
    padding-top: 5px !Important;
}

.invoices .patient-buttons .btn, .invoices .patient-buttons .btn:hover {
    padding: 0px 3px !important;
    font-size: 13px !important;
}

.hide-back {
    background-color: grey !Important;
    /*top: -45px;*/
}

.invoices .patient-full-info .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu, .invoices .product-full-info .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu, .invoices .company-full-info .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
    width: 300px;
}

.company-full-info span, .facility-full-info span {
    word-break: break-word;
}

.facility-invoices-select .ui-select-bootstrap .ui-select-toggle > a.btn {
    position: absolute;
    right: -5px;
    top: calc(50% - 5px);
}

.facility-invoices-select .ui-select-match {
    outline: none;
}

.invoices .fa-pencil {
    color: #858585;
}

.patient-full-info .patient-name {
    font-size: 15px;
    padding-left: 5px !important;
    font-weight: 600;
    color: #858585;
    cursor: default;
}

    .patient-full-info .patient-name .thunderbolt {
        float: initial !Important;
    }

.patient-full-info .ui-select-container {
    width: 180px;
}

.patient-history-select {
    padding: 10px 20px;
    font-size: 14pt;
    float: left;
    width: 400px;
}

.patient-select .caret:before {
    content: "\f007";
}

.patient-select .caret {
    font-family: FontAwesome;
    font-style: normal;
    top: 12px !important;
    height: 19px !important;
    width: 20px !important;
    color: #BBB !Important;
    vertical-align: bottom !Important;
    text-align: right !important;
    border-left: 1px solid #d8d8d8;
    font-weight: normal;
    line-height: 14px !Important;
    border-bottom: none !Important;
    border-top: none !important;
    content: none !Important;
    -webkit-font-smoothing: antialiased;
    padding: 0px !Important;
    border-right: none !Important;
}

.patient-select .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
    z-index: 9999;
}

.patient-select .form-control {
    height: 30px !important;
}

.patient-history-select .form-control {
    height: 33px !important;
}

.patient-select .ui-select-placeholder {
    color: #999 !important;
}

.patient-select .ui-select-placeholder {
    font-style: normal !important;
}

.patient-select .glossed .btn-default, .patient-select .glossed .btn-default:hover {
    border-color: #999 !important;
}

.patient-select .ui-select-match .btn {
    padding: 8px 12px !important;
}

.patient-select .facility-name {
    color: #c4761c;
}

.patient-select .active .facility-name {
    color: yellow;
}

@media (max-width: 600px) {
    .patient-select {
        width: 100%;
    }

        .patient-select .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
            width: 100% !important;
        }
}

.patient-select-advanced .advanced-search-on {
    width: 75%;
    float: left;
    margin-right: 10px;
}

.patient-select-advanced .show-advanced-search-btn {
    width: 112px;
    float: left !important;
    padding-top: 12px;
    color: #4D9BC8;
    cursor: pointer;
    text-decoration: underline;
}

.patient-address-select .show-address-search-btn {
    float: left !important;
    padding-top: 12px;
    padding-top: 12px;
    font-weight: 400;
    color: #4D9BC8;
    cursor: pointer;
    text-decoration: underline;
}

.patient-select-advanced .advanced-search-btn, .patient-select-advanced .advanced-search-btn:hover {
    width: 20px;
    padding-left: 10px;
    padding-right: 35px;
    padding-bottom: 3px;
    margin-left: 15px;
    color: black;
}

@media (max-width: 760px) {
    .patient-select-advanced .advanced-search-on {
        width: 100%;
    }
}

@media (max-width: 1300px) {
    .patient-select-advanced .advanced-search-btn, .patient-select-advanced .advanced-search-btn:hover {
        width: 10px !important;
        padding-left: 0px !important;
        padding-right: 25px !important;
    }
}

.patient-select-advanced .advanced-search-btn .fa-search {
    font-size: 15px;
}

.ui-select-placeholder {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hide-ui-select-search-input .ui-select-match, .hide-ui-select-search-input input {
    display: none;
}

.hide-ui-select-search-input .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu, .hide-ui-select-search-input .ui-select-no-choice.dropdown-menu {
    margin-top: 30px;
}

.patient-select-advanced .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
    width: 100%;
}

.patient-select-advanced .hide-ui-select-search-input .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu, .patient-select-advanced .hide-ui-select-search-input .ui-select-no-choice {
    width: 90%;
}

.invoices .ui-select-search, .invoices .ui-select-choices-row-inner {
    font-size: 11px;
}

.invoices.tab-content {
    padding-top: 10px !important;
}

.checkbox.accepted {
    margin-top: 3px !important;
}

.released-by {
    padding-top: 40px;
}

.hide-equipment {
    padding-left: 50px;
}

._last-fixed-td {
    width: 78px !important;
    text-align: center;
}

td.options._last-fixed-td {
    vertical-align: middle !important;
}

._last-fixed-td input[type="checkbox"] + label:after {
    left: 20px !important;
}

._last-fixed-td input[type="checkbox"] + label:before {
    left: 20px !important;
}

._marked-orange {
    color: orange;
    font-weight: 700;
    display: block;
}

._inline-block {
    display: inline-block;
    text-align: left;
}

._block {
    display: block;
    text-align: left;
}

ul.dropdown-menu tr td {
    padding: 0 !important;
}

.environment {
    padding: 10px 20px;
    font-size: 15pt;
    float: left;
    background-color: #00bbfb;
}

.panel-body.price-sheet-items {
    padding-top: 10px;
}

.buttons.price-sheet-header {
    padding-top: 24px;
}

.price-sheet-rate-column {
    padding: 0;
}

.price-sheet-per-diem-rate {
    padding-right: 25px;
}

.price-sheet-diem-rate-form-buttons {
    padding-top: 5px;
}

.price-sheet-sup-rate-row {
    min-height: 35px;
}

.price-sheet-sup-rate-row-label {
    min-height: 27px;
}

.price-sheet-rate-label {
    float: right;
    padding-right: 10px;
    padding-top: 5px;
    font-size: 13px;
}

.price-sheet-item-checkbox {
    padding-bottom: 10px;
}

.price-sheet-items-table .editable-checkbox .clip-check input[type="checkbox"] + label:after {
    font-size: 18px !important;
    top: 2px !important;
}

.price-sheet-items-table .editable-checkbox .clip-check input[type="checkbox"] + label:before {
    height: 20px;
    width: 20px;
    top: 5px !important;
}

.price-sheet-items-table .editable-checkbox .checkbox {
    padding-left: 4px !important;
    width: 170px !important;
}

.price-sheet-items-table .clip-check label {
    line-height: 24px;
    font-size: 12px;
}

.price-sheet-items-table .price-sheet-product-select .ui-select-match {
    max-width: 162px !important;
}

.price-sheet-items-table .ui-select-match-text {
    font-size: 12px !important;
}

.price-sheet-items-table .ext-code-label {
    line-height: 30px;
    padding-left: 2px;
}

.price-sheet-items-table .price-label {
    line-height: 30px;
    padding-left: 0px;
    margin-left: -15px;
}

.price-sheet-items-table .clip-radio input[type="radio"] {
    top: 2px;
}

    .price-sheet-items-table .clip-radio input[type="radio"][disabled] + label {
        opacity: 1 !important;
        cursor: default;
    }

        .price-sheet-items-table .clip-radio input[type="radio"][disabled] + label::before {
            opacity: 0.3 !important;
            cursor: default !important;
            background-color: #eee;
        }

.price-sheet-items-table .ui-select-container.ui-select-bootstrap.dropdown.ng-valid.ng-scope.ng-touched.ng-not-empty.ng-dirty.ng-valid-parse {
    max-width: 160px;
}

.horizontal-bar-chart-container {
    height: 261px;
    width: 100%;
}

.chart-legend-scrollable {
    height: 261px;
    overflow-y: auto;
}

    .chart-legend-scrollable li {
        display: block;
        white-space: normal !important;
        text-align: left !important;
    }

.chart-legend .strike {
    text-decoration: line-through;
}

.pie-chart-container {
    height: 141px;
    width: 100%;
}

.pie-duration-label {
    margin-bottom: 20px;
    font-size: 13px;
    text-align: right;
    font-weight: bold;
    padding-right: 33px !important;
    display: block;
    color: #73879C;
}

.pie-duration-rentals-label {
    margin-bottom: 8px;
    font-size: 13px;
    text-align: right;
    font-weight: bold;
    padding-right: 33px !important;
    display: block;
    color: #73879C;
}

.pie-duration-counts-container {
    text-align: right;
    margin-right: 32px;
}

.pie-duration-count {
    font-size: 15px;
    font-weight: 700;
    padding-top: 13px;
    padding-bottom: 0px;
    color: #73879C;
    margin-bottom: 0px;
    line-height: 1;
}

.top-10-duration-by-product {
    min-height: 260px;
}

.top-10-spend-by-product {
    min-height: 430px;
}

    .top-10-spend-by-product td {
        padding: 5px !important;
        font-size: 14px !important;
        line-height: 12px !important;
        color: black !important;
        vertical-align: top !important;
        border-top: 1px solid #dddddd !important;
    }

    .top-10-spend-by-product .top-10-spend-patients-column {
        background-color: white !important;
        border-bottom: 1px solid white !important;
        border-top: 1px solid white !important;
    }

    .top-10-spend-by-product .top-10-spend-data-column {
        padding-top: 8px !important;
        border-right: 2px solid #EEEEEE;
    }

    .top-10-spend-by-product th {
        font-weight: normal;
        color: black;
    }

    .top-10-spend-by-product td .label {
        display: block;
        padding: 2px;
        font-weight: bold;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        background-color: #73879C !important;
        white-space: nowrap;
        border-radius: 10px !important;
        vertical-align: baseline;
    }

    .top-10-spend-by-product th {
        vertical-align: bottom;
        border-bottom: 1px solid #dddddd;
        font-size: 16px;
    }

.horizontal-bar-chart-container-facilities {
    height: 320px;
    width: 100%;
}

.barLabel {
    margin-left: 25px;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 700;
    color: rgb(133, 133, 133);
}

.percentageOfTotal {
    font-size: 16px;
    font-weight: 600;
    color: #73879C;
    margin-bottom: 20px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.wrapper {
    margin: 0 auto;
    width: 960px;
}

.pdf-controls {
    width: 100%;
    display: block;
}

.rotate0 {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.auto-height .ui-select-toggle {
    height: auto !important;
}

.table-bordered > tbody > tr > td {
    vertical-align: middle;
}

.btn-edit-invoice-item {
    padding: 1px !important;
    width: 26px;
}

    .btn-edit-invoice-item:hover {
        width: 26px;
    }
/* 10.08.2016 */
.fa-close:before,
.fa-times:before {
    color: #fff;
}

.template-item .editable-wrap .editable-controls > input {
    max-width: 68px;
    font-size: 12px;
    padding: 5px 0;
}

.table-bordered > tbody > tr > td {
    padding: 9px 3px 6px 3px;
}

.table-sm > tbody > tr > td {
    padding: 3px 3px 2px 3px;
}

.template-item .editable-wrap .editable-controls > input {
    border: none;
    background: transparent;
}

.table-subcont .glossed .btn-default:hover {
    background: transparent;
    border: none;
    box-shadow: none;
}

.table-subcont .ui-select-bootstrap .btn-default {
    background: transparent;
    border: none;
    box-shadow: none;
}

.table-subcont .btn-default-focus {
    background: transparent;
    border: none;
    box-shadow: none;
}

.table-subcont .ui-select-container .ui-select-toggle {
    display: block;
    height: auto;
}

.table-subcont .ui-select-container .ui-select-match-text {
    float: none !important;
    display: block;
}

    .table-subcont .ui-select-container .ui-select-match-text span {
        display: block;
        max-width: 200px;
        white-space: normal;
        position: relative;
        word-break: break-word;
        font-size: 11px;
    }

.table-subcont .form-control.ui-select-search {
    border: none;
    background: transparent;
    box-shadow: none;
}

.table-subcont .ui-select-bootstrap > .ui-select-choices {
    width: auto;
}

.invoice-item-edit .table-subcont .ui-select-bootstrap > .ui-select-choices {
    max-width: 350px;
}

._width-20-i {
    width: 20px !important;
    max-width: 20px !important;
}

._width-30-i {
    width: 30px !important;
    max-width: 30px !important;
}

._min-width-58 {
    min-width: 58px;
}

._width-40-i {
    width: 40px !important;
    max-width: 40px !important;
}

._width-66-i {
    width: 66px !important;
    max-width: 66px !important;
}

._width-90-i {
    width: 90px !important;
    max-width: 90px !important;
}

._width-115-i {
    width: 115px !important;
    max-width: 115px !important;
}

._width-145-i {
    width: 145px !important;
    max-width: 145px !important;
}

._width-160-i {
    width: 160px !important;
    max-width: 160px !important;
}

._date-cell input {
    width: 69px;
    display: block;
}

._relative {
    position: relative;
}

._inline-block {
    display: inline-block;
}

.table-subcont ._nowrap {
    white-space: nowrap;
}

    .table-subcont ._nowrap input {
        text-align: center;
    }

    .table-subcont ._nowrap .asterisk {
        right: -3px;
    }

.table-subcont .asterisk {
    position: absolute;
    top: 7px;
    right: -1px;
}

.table-subcont .date-span {
    width: 68px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
}

.table-subcont .qty-span {
    width: 29px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
}

.table-subcont .rate-span {
    width: 53px;
    line-height: 20px;
    text-align: center;
}

.table-subcont .thunderbolt {
    margin-right: -28px;
    line-height: 36px;
}

.table-subcont ._tar {
    padding-left: 3px;
    padding-right: 3px;
    text-align: right;
}

.template-item .ui-select-container .ui-select-placeholder {
    font-size: 12px;
}

.equipment-register .ui-select-container .btn {
    padding: 5px 10px !important;
}

.equipment-register .limited-width {
    line-height: 30px;
    cursor: default;
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}


.on-hold {
    background-color: #ff9494;
}

.f-checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    position: relative;
}

.f-checkbox__field {
    opacity: 0;
    position: absolute;
}

.f-checkbox__pseudo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #DCDCDC;
    border: 1px solid #CFCFCF;
    cursor: pointer;
}

.f-checkbox__field:checked + .f-checkbox__pseudo {
    background: #1CBC9C;
}

    .f-checkbox__field:checked + .f-checkbox__pseudo:before {
        position: absolute;
        display: block;
        content: '';
        width: 12px;
        height: 6px;
        border-left: 2px solid #DDD;
        border-bottom: 2px solid #FFF;
        transform: rotate(-45deg);
        top: 0;
        right: 0;
        left: 0;
        bottom: 3px;
        margin: auto;
    }

.f-checkbox__field[disabled] + .f-checkbox__pseudo {
    opacity: .85;
    cursor: default;
}

.f-checkbox__field[disabled]:checked + .f-checkbox__pseudo {
    opacity: .5;
    cursor: default;
}

.grey-group .btn-group .btn {
    padding: 6px 13px !Important;
    border-radius: 0px !important;
    background: #f5f5f5 none repeat scroll 0% 0% !important;
    border: 1px solid #E7E7E7 !important;
    font-size: 13px !important;
    color: #73879c !important;
}

    .grey-group .btn-group .btn.active {
        background: #BDC3C7 none repeat scroll 0% 0% !important;
        color: rgb(34, 34, 34) !important;
        border: 1px solid #E7E7E7 !important;
    }

._ie .manage-invoices-checkboxes-group .clip-check input[type='checkbox']:checked + label::after {
    top: 10px !important;
}

._ie .invoice_inquiry table {
    border-collapse: separate !important;
}

.unlocked-invoice {
    opacity: 0.5;
}

._ie table .clip-check input[type='checkbox']:checked + label::after {
    line-height: 0 !important;
}

.invoice_inquiry .manage-invoices-container {
    min-height: 150px
}

.invoice_inquiry .manage-invoices-section {
    min-width: 300px
}

.invoice_inquiry .manage-invoices-section {
    padding-right: 15px !important;
}

.invoice_inquiry .manage-invoices-container .ng-table-sort-header {
    display: none;
}

.invoice_inquiry .manage-invoices-container .manage-invoices-checkboxes-group {
    width: 160px;
    float: right;
}

.invoice_inquiry .manage-invoices-container .account-name {
    font-size: 13px;
    color: black;
}

.invoice_inquiry .manage-invoices-container label {
    font-size: 13px;
}

.invoice_inquiry .lock-icon-container {
    width: 22px;
    display: inline-block
}

    .invoice_inquiry .lock-icon-container .fa-lock {
        color: black;
        padding-right: 5px;
    }

.invoice_inquiry .manage-invoices-container .ng-table-pager {
    float: right;
    padding-right: 15px;
}

    .invoice_inquiry .manage-invoices-container .ng-table-pager a {
        padding: 6px 12px;
    }

.collapse-invoices-btn {
    cursor: pointer;
    float: right;
    width: 45px;
    text-align: center;
    height: 30px;
}

.fit-contents {
    white-space: nowrap;
    width: 1%;
}

.per-diem-input {
    border: 1px solid black !important;
}


.ui-select-bootstrap .ui-select-toggle > a.btn {
    right: initial;
}

.ui-select-bootstrap .ui-select-match-text {
    width: 90% !important;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 20px;
}

.create-order-page {
    max-width: 820px;
}

.patient-view .widget-header {
    margin-top: 5px;
}

.patient-view .patient-form-group {
    margin-top: 5px;
}

.patient-view .patient-label {
    text-transform: uppercase;
    color: #B7B7B7;
}

.patient-view .patient-value {
    color: #626262;
    font-weight: 600;
    text-transform: uppercase;
}

.order-patient-title {
    font-size: 20px;
    color: #3571B2;
    font-weight: 600;
    width: 100%;
    border-bottom: 2px solid #3571B2;
}

.show-asterisk:after {
    content: "*";
    color: #a94442;
}

.ui-select-bootstrap .ui-select-choices-row.active .product-select-title {
    font-weight: bold;
    color: white;
}

.ui-select-bootstrap .ui-select-choices-row .product-select-title {
    color: #3498db;
}

.btn-toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .btn-toolbar span {
        margin-right: 10px;
    }

input.date-wrong, .selected-products input.date-wrong {
    border: 1px solid red !important
}

span.date-wrong, .selected-products span.date-wrong {
    text-decoration: underline;
    color: red !important;
}

._marked-orange a {
    color: orange !important;
    text-decoration: underline;
}

.wide-orange-border {
    border-width: 2px !important;
    border-color: orange !important;
}

.triangle-border {
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    border: 5px solid orange;
    color: #333;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .triangle-border:before {
        content: "";
        position: absolute;
        bottom: -25px;
        left: 80%;
        border-width: 25px 25px 0;
        border-style: solid;
        border-color: orange transparent;
        display: block;
        width: 0;
    }

    .triangle-border:after {
        content: "";
        position: absolute;
        bottom: -17px;
        left: 80%;
        border-width: 24px 25px 0;
        border-style: solid;
        border-color: #fff transparent;
        display: block;
        width: 0;
    }

span, label, strong {
    word-break: break-word !important;
}

th span {
    word-break: initial !important;
}

.price-sheet-items-table .ui-select-choices {
    min-width: 300px !important;
}

.price-sheet-items-table .radio {
    margin-bottom: 0px;
}

.price-sheet-items-table .clip-radio input[type="radio"]:checked + label:before {
    background: #858585;
}

.price-sheet-items-table .ui-select-placeholder.text-muted {
    font-size: 12px !important;
}

.print-btn {
    margin-right: 20px;
}

.print-only, .print-only-initial {
    display: none !important;
}

@media print {

    h4 .label-infectious-disease {
        padding: 0.1rem 0.1rem !important;
        background-color: #ffffff !Important;
        color: #ff0909 !Important;
        border: 1px solid #ff0909 !important;
        margin-left: 5px;
    }

    .print-btn {
        display: none;
    }

    .print-1, .print-2, .print-3, .print-4, .print-5,
    .print-6, .print-7, .print-8, .print-9, .print-10,
    .print-11, .print-12, .print-left {
        float: left;
    }

    .print-12 {
        width: 100%;
    }

    .print-11 {
        width: 91.66666667%;
    }

    .print-10 {
        width: 83.33333333%;
    }

    .print-9 {
        width: 75%;
    }

    .print-8 {
        width: 66.66666667%;
    }

    .print-7 {
        width: 58.33333333%;
    }

    .print-6 {
        width: 50%;
    }

    .print-5 {
        width: 41.66666667%;
    }

    .print-4 {
        width: 33.33333333%;
    }

    .print-3 {
        width: 25%;
    }

    .print-2 {
        width: 16.66666667%;
    }

    .print-1 {
        width: 8.33333333%;
    }

    .print-hide {
        display: none !important;
    }

    .print-only {
        display: inherit !important;
    }

    .print-only-initial {
        display: initial !important;
    }

    .print-large {
        font-size: 125% !important;
    }

    .modal-print-back {
        display: none;
        background: white;
    }

    .modal-open {
        overflow: visible;
    }

    .modal {
        overflow: visible;
        position: absolute;
        bottom: auto;
    }

    .modal-body {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .modal-header.modal-header-primary {
        background: white !important;
        font-weight: 600;
        padding: 0px 20px;
    }

    .modal .modal-dialog .modal-content {
        border: none;
    }

    label, span, div, .label-status, .control-label.b-chat__notes_title {
        font-size: 11px;
        color: black;
        background: white;
        word-break: break-word;
    }

    label {
        margin-bottom: 0px;
    }

    h4 {
        font-size: 13px;
        margin: 3px 0px;
        font-weight: 600;
    }

    .panel {
        margin: 0px;
        border: none;
    }

    .panel-body {
        padding: 0px;
        box-shadow: none;
    }

    .clip-check label:before {
        border: 1px solid black;
    }

    .widget-header, .modal-title span {
        padding: 0px;
        padding-top: 10px;
        font-size: 16px !Important;
        margin: 0px;
    }

    .patient-view .patient-form-group {
        margin-top: 2px;
    }

    .patient-view .patient-value {
        color: black;
        font-weight: 100;
    }

    .patient-view .patient-label {
        color: black;
        font-weight: 600;
    }

    .form-group {
        margin-bottom: 0px;
    }

    .order-notes-section .b-chat__person,
    .order-notes-section .b-chat__time,
    .order-notes-section .b-chat__type,
    .order-notes-section .b-chat__commit {
        font-size: 10px !important;
        color: black !important;
    }

    .order-notes-section .b-chat__message,
    .order-notes-section .b-chat__message + .b-chat__message {
        padding: 0px;
    }

    .table-responsive {
        margin-top: 10px !important;
        overflow: hidden;
    }

    .table-responsive, .selected-products {
        padding: 0px;
        margin: 0px;
    }

    table.selected-products.table.table-hover.table-striped.table-bordered.table-advanced {
        border: none;
    }

    .selected-products .product-name {
        color: black;
        font-size: 11px;
    }

    .selected-products .product-description {
        font-size: 10px;
    }

    .selected-products tbody td, .selected-products thead th {
        padding: 0px;
        margin: 0px;
        border: 1px solid black !important;
        color: black !important;
        background: white !important;
    }

        .selected-products tbody td:nth-child(1), .selected-products thead th:nth-child(1),
        .selected-products tbody td:nth-child(2), .selected-products thead th:nth-child(2),
        .selected-products tbody td:nth-child(3), .selected-products thead th:nth-child(3) {
            border-right: none !important;
        }

        .selected-products tbody td:nth-child(3), .selected-products thead th:nth-child(3) {
            border-left: none !important;
        }

        .selected-products thead th, .selected-products thead th span {
            font-weight: bold !Important;
            font-size: 13px !important;
        }

    .selected-products .product-name,
    .selected-products .product-price,
    .selected-products .product-type,
    .selected-products .product-date,
    .selected-products .product-quantity {
        color: black !important;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 400 !important;
    }

    .selected-products .product-quantity {
        height: 12px;
    }

    .signature-footer {
        margin-top: 100px;
    }

        .signature-footer span {
            border-bottom: 2px solid black;
            margin: 5px;
            display: inline-block;
            width: 100%;
        }
}

.nav-tabs > li > a {
    cursor: pointer;
}

/*qaurter picker start*/
.year-picker {
    float: left;
    width: 120px;
    margin-right: 15px;
}

.quarter-picker {
    float: left;
    width: 120px;
}
/*qaurter picker end*/

@media screen and (max-width: 992px) {
    .uiselect-menu-right .ui-select-dropdown {
        right: 0;
        left: auto;
    }
}

@media screen and (max-width: 768px) {
    .ui-select-bootstrap > .ui-select-choices {
        width: auto !important;
    }

    .patient-history-select .ui-select-bootstrap > .ui-select-choices {
        width: 410px !important;
    }

    .uiselect-menu-left .ui-select-dropdown {
        left: 0;
        right: auto;
    }

    .order-list ._start-date .dropdown-menu {
        right: 0 !important;
        left: auto !important;
    }
}

.modal-dialog fieldset {
    background-color: white;
}

.corner {
    display: none;
}

.repeat-delivery-order .repeat-delivery-item {
    display: initial;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 40px solid #ffcc00;
    border-bottom: 40px solid transparent;
    border-right: 40px solid transparent;
}

    .repeat-delivery-order .repeat-delivery-item span {
        position: absolute;
        top: -33px;
        width: 56px;
        left: -15px;
        text-align: center;
        font-size: 12px;
        font-family: arial;
        transform: rotate(-45deg);
        display: block;
    }

.justify-content-center {
    justify-content: center !important;
}

.justify-content-start {
    justify-content: flex-start;
}

.align-items-center {
    align-items: center !important;
}

.align-items-end {
    align-items: flex-end;
}

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

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

.align-items-stretch {
    align-items: stretch;
}

.tag__avatar {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    color: #ffffff;
    font-size: 20px;
}

.tab__amount {
    font-size: 15px;
}

.tab__description {
    font-size: 11px;
}

.tab__wrapper {
    display: flex;
    padding-right: 5px;
    padding-left: 5px;
}

.tab__item {
    cursor: pointer;
}

.tab__wrapper .panel-white {
    display: flex;
    flex-grow: 1;
    margin-bottom: 10px;
}

.tab__wrapper .panel-body {
    display: flex;
    width: 100%;
    padding: 10px 7px;
    border: 0;
    background-color: #ffffff;
    text-align: left;
    box-shadow: none;
}

.tab__item:hover {
    opacity: 0.6;
}

.tab__wrapper .tag__avatar ._color-green {
    background-color: green;
}

.tab__info {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.intervals {
    margin: -15px 0;
}

.interval__wrapper {
    flex-wrap: nowrap;
}

.interval__item {
    cursor: pointer;
}

.interval__wrapper {
    border-bottom: 1px solid transparent;
}

.interval__item {
    background-color: #ffffff;
    border: 0;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .interval__item:hover {
        opacity: 0.6;
    }

.interval__name {
    flex-wrap: nowrap;
}

.interval__amount {
    flex-wrap: nowrap;
}

.interval__item ._colorStatInterval {
    color: #FF9999;
}

.interval__stat {
    background-color: #ec231c;
    color: #ffffff;
    padding: 2px 7px 3px;
    border-radius: 3px;
}

.tab__wrapper.active, .interval__wrapper.active {
    font-weight: bold;
}

@media (max-width: 991px) {
    .tab__wrapper .panel-body {
        padding: 10px;
    }

    .interval__item {
        font-size: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .interval__name {
        margin-right: 5px;
    }
}

.orderNote.b-chat {
    width: 100%;
    position: static;
    border: none;
}

.orderNote .b-chat__messages {
    max-height: 100%;
}

.order__tags-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.order__tags {
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
}

.order__tags-inner {
    display: flex;
    align-items: center;
    padding: 3px 6px;
}

    .order__tags-inner span {
        color: white;
    }

    .order__tags-inner .btn {
        padding: 0 5px;
        background: none;
        color: white;
        margin-right: -5px;
    }

        .order__tags-inner .btn .fa:first-child {
            margin-right: 0;
        }

.order__tags._bgColorMissedPickUpsTag {
    background-color: #fd5822;
}

.order__tags._bgColorTeamChangesTag {
    background-color: rgb(85, 207, 220);
}

.order__tags._bgColorNewMsgsTag {
    border: 1px solid #e6211b;
    background-color: transparent;
}

._bgColorNewMsgsTag .order__tags-inner span {
    color: #e6211b;
}

.stat__tags {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 4px;
    border-radius: 3px;
}

    .stat__tags._bgColorStatTag {
        background-color: #e6211b;
    }

    .stat__tags strong {
        color: #ffffff;
    }

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

.text-decoration-underline {
    text-decoration: underline;
}

.badge-grey,
.label-grey {
    background-color: #adabab !important;
}

.label-success,
.badge-success,
.qa-label-success {
    background-color: #3fb350;
    background-image: none !important;
}

.qa-label-warning {
    background-color: #ffca18;
    background-image: none !important;
}

.label-warning,
.badge-warning {
    background-color: #d6bd61;
    background-image: none !important;
}

.label-danger,
.badge-danger {
    background-color: #e6211b;
    background-image: none !important;
}

.label-attention,
.badge-attention {
    background-color: #fd5822;
    background-image: none !important;
}

.label-team-change,
.badge-team-change {
    background-color: #8cfffb;
    background-image: none !important;
}

.teamChangePopup .dropdown-menu,
.quickPickUpPopup .dropdown-menu {
    top: -200px !important;
    left: auto !important;
    right: 40px !important;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.w-100 {
    width: 100%;
}

.team-change-add-all-btn {
    float: right;
    text-align: center !important;
    color: #4b5159 !important;
    font-weight: bold !important;
    width: 86px !important;
    vertical-align: middle !important;
    padding: 3px;
    font-family: sans-serif;
}

.svg-chat {
    position: relative;
    fill: #004bff;
    width: 20px;
    height: 18px
}

.svg-chat-wrapper._new-message::before {
    content: '';
    position: absolute;
    top: -2px;
    right: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ff9999;
    z-index: 1;
}

.svg-chat-wrapper._has-message::before {
    content: '';
    position: absolute;
    top: -2px;
    right: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #004bff;
    z-index: 1;
}

.order-nav + .btn {
    display: flex;
}

.label-pending-order {
    background-color: #ffca18 !Important;
}

.label-pending-acceptance {
    background-color: #ffca18 !Important;
}

.pending-acceptance-inverted,
.label-pending-acceptance-inverted {
    background-color: transparent !Important;
    color: #ffca18 !Important;
    border: 1px solid #ffca18;
}

.qa-label-danger-inverted,
.label-danger-inverted {
    background-color: transparent !Important;
    color: #e6211b !Important;
    border: 1px solid #e6211b;
}

.label-attention-inverted {
    background-color: transparent !Important;
    color: #fd5822 !Important;
    border: 1px solid #fd5822;
}

.qa-label-success-inverted,
.label-success-inverted {
    background-color: transparent !Important;
    color: #71ba82 !Important;
    border: 1px solid #71ba82;
}

.label-infectious-disease {
    background-color: #ffffff !Important;
    color: #ff0909 !Important;
    border: 1px solid #ff0909;
}

.label {
    border-radius: 4px !important;
    padding: .2em .6em .2em;
}
/*pagination styles changing*/
.pagination li.active span {
    background: #ffffff;
    color: #004bff;
}

.pagination li.active a {
    color: #004bff;
    background: #ffffff;
    font-weight: bold;
    border-color: #004bff;
}

.pagination li a {
    color: #004bff;
}

.pagination li.active a:hover, .pagination li.active a:focus {
    background: #ffffff;
    color: #004bff;
    border-color: #004bff;
}

.pagination li.active span:hover, .pagination li.active span:focus {
    color: #FFFFFF;
    background: #004bff;
    z-index: 3;
    cursor: default;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus,
.pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pagination > .active > a:focus {
    color: #004bff;
    border-color: #004bff;
    z-index: 3;
}

.pagination > .disabled > a {
    color: #004bff;
}

    .pagination > .disabled > a:hover {
        background-color: #eeeeee;
    }

.ng-table-pager .ng-table-counts button.btn {
    box-shadow: none;
    border: 1px solid #dddddd;
}

    .ng-table-pager .ng-table-counts button.btn,
    .ng-table-pager .ng-table-counts button.btn.active {
        border-radius: 0 !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }

.ng-table-pager .ng-table-counts button.active {
    font-weight: bold;
    border-color: #004bff !important;
    z-index: 3 !important;
}

.ng-table-pager .ng-table-counts .glossed .btn-default {
    background: #ffffff;
}

.ng-table-pager .ng-table-counts button.btn span {
    color: #004bff;
}

.ng-table-pager .ng-table-counts .btn-default:hover, .glossed .btn-default:focus, .glossed .btn-default:active, .glossed .btn-default.active {
    border-color: #004bff !important;
    background-color: #eeeeee;
}

.ng-table-pager .ng-table-counts .btn-default:hover, .glossed .btn-default:focus, .glossed .btn-default:active {
    background: #eeeeee !important;
}

.glossed .main-buttons:focus, .glossed .main-buttons {
    background: #f94612 !important;
}

.summary-text {
    word-break: break-word !important;
}

.warehouses__container .ui-select-bootstrap > .ui-select-choices {
    width: auto;
}

.table-layout-fixed {
    table-layout: fixed;
}

.overflow-hidden {
    overflow-x: hidden;
}

.pb-0 {
    padding-bottom: 0;
}

.justify-content-end {
    justify-content: flex-end;
}

/* browser alert-message */
.browser-alert-message {
    height: 50px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e6211b;
    color: #ffffff;
    z-index: 1049;
    text-align: center;
    padding: 15px 0;
}

.hide-message {
    background: 0;
    border: 0;
    border-bottom: 1px solid #ffffff;
    margin-left: 50px;
}

    .hide-message:hover,
    .hide-message:active,
    .hide-message:focus {
        color: #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
    }

.chrome-link {
    color: #ffffff;
}

    .chrome-link:hover,
    .chrome-link:active,
    .chrome-link:focus {
        color: #ffffff;
    }

.table-invoice-to-payment .editable-table input[type='text'],
.table-statement-to-payment .editable-table input[type='text'] {
    width: auto !important;
    text-align: inherit;
}

    .table-invoice-to-payment .editable-table input[type='text']._date,
    .table-statement-to-payment .editable-table input[type='text']._date {
        width: 100% !important;
        text-align: inherit;
    }

.table-invoice-to-payment .table-th-aligned._number {
    padding-left: 10px !important;
}

.table-statement-to-payment th._selectAll {
    padding-left: 0 !important;
}

.table-payment .table-th-number {
    padding-left: 10px !important;
    min-width: 80px !important;
    width: 80px !important;
}

.table-payment .table-th-paid {
    min-width: 50px !important;
    width: 50px !important;
}

.table-payment .table-th-date,
.table-payment .table-th-remaining,
.table-payment .table-th-paid-amount,
.table-payment .table-th-to-pay {
    min-width: 90px !important;
    width: 90px !important;
}

.table-payment .table-th-profit {
    min-width: 100px !important;
    width: 100px !important;
    border-right: 1px solid rgb(221, 221, 221);
}

.table-payment .table-th-account {
    min-width: 120px !important;
}

.clip-check._state label:before {
    left: 12px;
}

.clip-check._state label:after {
    padding-left: 12px;
}

.pl-2 {
    padding-left: 20px !important;
}

.mr-2 {
    margin-right: 20px !important;
}

.statementList ._paymentState,
.invoiceList ._paymentState {
    color: green;
    padding: 0 3px;
    border: 3px solid green;
    border-radius: 7px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    transition: inherit;
}

.markAsRead {
    border: none;
    background-color: white;
    position: absolute;
    top: 5px;
    right: 16px;
    z-index: 1;
    font-size: 10px;
    margin-right: 10px;
    text-decoration: underline;
    color: blue;
}

.order-notes-scroll {
    max-height: 475px;
    overflow-y: auto;
}

.white-space-initial {
    white-space: initial !important;
}

.my-2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mb-1 {
    margin-bottom: 10px !important;
}

.align-items-start {
    align-items: flex-start;
}

.order-list .toggle-button {
    background: none;
    text-decoration: underline;
    padding: 0;
    align-self: center;
    font-size: 12px;
    margin-left: auto;
}

    .order-list .toggle-button:hover {
        cursor: pointer;
        color: blue;
    }

    .order-list .toggle-button:active {
        box-shadow: none;
    }

.order-list .navbar {
    z-index: 2;
}

.interval-filters__svg {
    width: 20px;
    height: 20px;
    fill: white;
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-basic-45 {
    flex-basis: 45%;
}

.app-mobile-screen .help-modal {
    display: flex !important;
    align-items: center;
}

    .app-mobile-screen .help-modal .modal-dialog {
        width: 372px !important;
        border-radius: 5px;
    }

    .app-mobile-screen .help-modal.modal .modal-dialog .modal-content .modal-header.modal-header-primary {
        display: flex;
        justify-content: space-between;
        padding: 19px 16px 20px;
        background: #ffffff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-color: #EFF0F4;
        position: relative;
    }

        .app-mobile-screen .help-modal.modal .modal-dialog .modal-content .modal-header.modal-header-primary .close {
            display: none;
        }

        .app-mobile-screen .help-modal.modal .modal-dialog .modal-content .modal-header.modal-header-primary .help-modal__title-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            position: absolute;
            top: 6px;
            right: 5px;
            color: black;
            background: none;
            border: none;
        }

        .app-mobile-screen .help-modal.modal .modal-dialog .modal-content .modal-header.modal-header-primary .help-modal__title-text {
            font-family: "Roboto";
            font-weight: 600;
            font-size: 18px;
            line-height: 16px;
            color: #263746;
        }

    .app-mobile-screen .help-modal.modal .modal-dialog .modal-content .modal-body {
        padding: 11px 19px 11px 15px;
    }

        .app-mobile-screen .help-modal.modal .modal-dialog .modal-content .modal-body .form-group {
            margin-bottom: 8px;
        }

        .app-mobile-screen .help-modal.modal .modal-dialog .modal-content .modal-body .form-control {
            height: 40px;
            font-family: "Roboto";
            font-weight: normal;
            font-size: 14px;
            background: #F8F8FA;
            border: 1px solid #EFF0F4;
            border-radius: 6px !important;
            color: rgba(37, 55, 70, 0.6);
            padding-left: 11px;
        }

        .app-mobile-screen .help-modal.modal .modal-dialog .modal-content .modal-body .help-modal__content-textarea {
            height: 60px;
            padding-top: 12px;
        }

        .app-mobile-screen .help-modal.modal .modal-dialog .modal-content .modal-body .help-modal__content-btn-apply {
            width: 154px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Roboto";
            font-weight: normal;
            font-size: 16px;
            background-color: #F94612;
            border-radius: 50px !important;
            border: none;
        }

        .app-mobile-screen .help-modal.modal .modal-dialog .modal-content .modal-body .help-modal__content-group-apply {
            margin-bottom: 0;
            margin-top: 9px;
        }

@media screen and (min-width: 992px) {
    .mb-md-0 {
        margin-bottom: 0;
    }
}

.pagination.ng-table-pagination {
    position: relative;
    z-index: 1;
}

.order-approval-message,
.order-selection-enhancement {
    float: left;
    padding: 10px;
    background: #d1e8ff;
    color: #3b8dff;
    margin-top: 10px;
    font-size: 13px;
    border: 1px solid #3b8dff;
    width: 100%;
}

.invoice-item-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    list-style: none;
}

    .invoice-item-menu .dropdown-menu {
        min-height: auto;
        right: auto;
        left: 25px;
        top: 0;
        padding-top: 0;
        padding-bottom: 0;
        z-index: 2;
    }

    .invoice-item-menu .dropdown .dropdown-toggle {
        color: #000;
    }

.invoice-message .svg-chat-wrapper._new-message::before {
    content: '';
    position: absolute;
    top: -2px;
    right: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ff0000;
    z-index: 1;
}

.svg-bubble {
    position: relative;
    fill: #000;
    width: 20px;
    height: 18px
}

.btn-invoice-table {
    height: 22px;
    display: flex;
    width: 26px;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}

.invoice_inquiry .clip-check._pl-1 {
    padding-left: 10px !important;
}


.order-quick-pickup-popup .widget-title button {
    display: block;
}

.order-quick-pickup-popup .widget-content {
    padding: 15px !important;
}

.sweet-alert.sweet-alert__custom-header {
    width: 440px;
    margin-left: 0px;
    transform: translateX(-50%);
}

    .sweet-alert.sweet-alert__custom-header .title {
        width: 100%;
        height: 39px;
        background: linear-gradient(to bottom, #2a3f54 0%, #2a3f54 100%);
        color: white;
        text-align: left;
        font-weight: 100;
        margin: 0 0 25px;
        font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        padding: 10px 20px;
    }

    .sweet-alert.sweet-alert__custom-header p {
        font-size: 14px;
        font-weight: 400;
    }



.fade {
    opacity: 0;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    -ms-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.modal-backdrop {
    opacity: 0.5;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    -ms-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

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

    .modal.fade {
        opacity: 1;
    }

        .modal.fade .modal-dialog, .modal.in .modal-dialog {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }

.btn-invoice-inquiry__base {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    width: 100%;
    height: 24px;
    border: none;
    font-size: 14px;
    color: white;
    box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.4), 0px 2px 2px 0px rgba(0,0,0,0.2);
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
}

.btn-invoice-inquiry__edit {
    background-color: #f0ad4e;
    background-image: linear-gradient(to bottom, #f4c37d 0%, #f0ad4e 100%);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.btn-invoice-inquiry__toggle-menu {
    background-color: #f4f3ed;
    background-image: linear-gradient(to top, #f1f1f1 0%, white 100%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid lightgray;
    color: black;
}

.btn-invoice-inquiry__save {
    background-color: #71995b;
    background-image: linear-gradient(to bottom, #99b888 0%, #7ea568 100%);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.btn-invoice-inquiry__cancel {
    background-color: #e12a1d;
    background-image: linear-gradient(to bottom, #eb695f 0%, #e53e32 100%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.invoice-item-menu .btn-invoice-inquiry__toggle-menu + .dropdown-menu {
    min-height: auto;
    right: 0;
    left: auto;
    top: 24px;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 2;
}

.template-item.invoice-inquiry-item .editable-wrap .editable-controls > input {
    height: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.template-item.invoice-inquiry-item ._border-right {
    border-right: 1px solid lightgray;
}

.template-item.invoice-inquiry-item._multi-edit td {
    background-color: #dfecfb !important;
}

.table-subcont .template-item.invoice-inquiry-item._editing-item .asterisk {
    top: 0;
}

.table-subcont .template-item.invoice-inquiry-item._editing-item .thunderbolt {
    position: absolute;
    line-height: initial;
}

.f-checkbox__wrapper {
    display: flex;
    justify-content: center;
    pointer-events: none;
}

    .f-checkbox__wrapper .f-checkbox {
        width: 16px;
        height: 16px;
    }

    .f-checkbox__wrapper .f-checkbox__field {
        margin-top: 0;
    }

        .f-checkbox__wrapper .f-checkbox__field:checked + .f-checkbox__pseudo {
            background: #004bff;
        }

    .f-checkbox__wrapper .f-checkbox__pseudo {
        border-radius: 3px;
        margin-top: -1px;
        background: #F8F8F8;
    }

    .f-checkbox__wrapper .f-checkbox__field:checked + .f-checkbox__pseudo:before {
        width: 10px;
        height: 5px;
    }

.invoice-multi-edit .clip-check label:before {
    background-color: #959595;
}

.invoice-multi-edit .clip-check input[type="checkbox"]:checked + label:before {
    background-color: white;
}

.invoice-inquiry-item .product-full-info {
    min-width: 100px !important;
}

@media screen and (max-width: 1400px) {
    .table-responsive.admin-invoices-table {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}

.modal.invoice-multi-edit {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.product__serial-number__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .product__serial-number__wrapper .product__serial-number {
        flex: 1;
        justify-content: center;
        display: flex;
        flex-direction: column;
        font-weight: bold;
        color: #68686B;
        font-size: 12px;
    }

        .product__serial-number__wrapper .product__serial-number > p {
            margin: 8px 0 8px 0;
        }

        .product__serial-number__wrapper .product__serial-number ._inventory-condition {
            top: 50%;
            position: absolute;
            right: 2px;
            transform: translateY(-50%);
            font-size: 20px;
        }

            .product__serial-number__wrapper .product__serial-number ._inventory-condition._success {
                color: #3fb350;
            }

            .product__serial-number__wrapper .product__serial-number ._inventory-condition._warning {
                color: #ffca18;
            }

        .product__serial-number__wrapper .product__serial-number ._inventory-modified-warning {
            padding-top: 2px;
            color: #e67e22;
            font-size: 10px;
            line-height: 10px;
        }

        .product__serial-number__wrapper .product__serial-number ._inventory-condition._error {
            color: #e6211b;
        }

        .product__serial-number__wrapper .product__serial-number ._inventory-error {
            color: #e6211b;
            font-size: 10px;
            line-height: 10px;
        }

.clip-check__label {
    padding-left: 20px;
    font-size: 14px;
    color: #858585;
}



body {
    background-color: #fafafa;
}

.glossed .widget-blue .widget-title {
    background-color: white;
}

.widget-blue .widget-title h3 {
    color: #3F4254;
}

.glossed .widget .widget-title h3 {
    text-shadow: none;
}

#sidebar {
    background: none;
}

.glossed .sidebar-wrapper {
    background-color: white;
}

.sidebar-wrapper ul > li > a > span {
    color: #3F4254;
    font-size: 14px;
    font-weight: 500;
}

.sidebar-wrapper ul > li > a i {
    color: #3F4254;
    font-size: 14px;
}

.navbar-static-side ul li.user-panel .info {
    color: #3F4254;
}

#topbar {
    box-shadow: none;
}

.page-content {
    background-color: white !important;
}

.page-content-angular-2 {
    background-color: white !important;
    min-height: 100vh !important;
    padding: 15px 13px 50px 13px;
    clear: both;
}

.sidebar-wrapper ul > li.active > a, .sidebar-wrapper ul > li.current > a, .sidebar-wrapper ul > li:hover > a {
    background: #E8F2FC;
    border-right: 5px solid #E8F2FC;
    color: #3F4254;
}

    .sidebar-wrapper ul > li.active > a i, .sidebar-wrapper ul > li.current > a i, .sidebar-wrapper ul > li:hover > a i {
        color: #3F4254;
    }

.app-logo {
    padding: 10px 0 2px 15px !important;
}

.sidebar-wrapper ul li a {
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

.navbar-static-side ul li.user-panel {
    padding: 0px 0px 0px 10px !important;
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

.sidebar-wrapper ul > li.active > a, .sidebar-wrapper ul > li.current > a, .sidebar-wrapper ul > li:hover > a {
    background: #E8F2FC;
    border-right: 1px solid lightgray;
    border-bottom: none;
    color: #3F4254;
}

.glossed .sidebar-wrapper ul > li a i {
    text-shadow: none;
}

.sidebar-wrapper ul > li > a i {
    color: lightgray;
}

.sidebar-wrapper ul > li.active > a i, .sidebar-wrapper ul > li.current > a i, .sidebar-wrapper ul > li:hover > a i {
    color: #004bff;
}

.modal-header .close {
    color: black !important;
}

.sso-login-button-container {
    border-top: 1px solid #a9a49d;
    padding-top: 10px;
}
    .sso-login-button-container button.main-buttons {
        width: 100%;
        background-color: rgb(0, 103, 184) !important;
    }
.order-filter-date-range {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 34px;
}

    .order-filter-date-range label {
        font-size: 14px;
        font-weight: normal;
        line-height: 23px;
    }

.alert-container {
    width: 100%;
    background-color: white;
    padding: 15px 15px 0px 15px;
}

.alert {
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 16px;
    position: relative;
}

    .alert i {
        margin-right: 6px;
    }

    .alert:last-of-type {
        margin-bottom: 0px;
    }

    .alert__close {
        position: absolute;
        top: 0;
        right: 0;
        margin: 16px;
        color: #001A35;
        text-decoration: none;
    }

    .alert__close:hover {
        text-decoration: underline;
    }

.alert--fatal {
    background-color: #FBE8E6;
    border: 1px solid #D21C03;
    color: #D21C03;
}

.alert--warning {
    background-color: #FCEEC2;
    border: 1px solid #F5C732;
    color: #001A35;
}

    .alert--warning i {
        color: #F5C732;
    }

.alert--info {
    background-color: #E9F3F6;
    border: 1px solid #2C88A9;
    color: #001A35;
}

.radio-group {
    display: flex;
    flex-direction: column; 
    gap: 6px;
}

.radio-banner {
    display: flex;
    flex-direction: row; 
    align-items: center; 
    gap: 6px; 
}