﻿:root,
[data-bs-theme=light] {
    --bs-primary: #163e68;
    --bs-info: #31708f;
    --bs-primary-rgb: 22, 62, 104;
    --bs-info-rgb: 49, 112, 143;
    --bs-primary-text-emphasis: rgb(8.8, 24.8, 41.6);
    --bs-info-text-emphasis: rgb(19.6, 44.8, 57.2);
    --bs-primary-bg-subtle: rgb(208.4, 216.4, 224.8);
    --bs-info-bg-subtle: rgb(213.8, 226.4, 232.6);
    --bs-primary-border-subtle: rgb(161.8, 177.8, 194.6);
    --bs-info-border-subtle: rgb(172.6, 197.8, 210.2);
    --bs-link-color: #163e68;
    --bs-link-color-rgb: 22, 62, 104;
    --bs-link-hover-color: rgb(17.6, 49.6, 83.2);
    --bs-link-hover-color-rgb: 18, 50, 83;
    --bs-focus-ring-color: rgba(22, 62, 104, 0.25);
}

[data-bs-theme=dark] {
    --bs-primary-text-emphasis: rgb(115.2, 139.2, 164.4);
    --bs-info-text-emphasis: rgb(131.4, 169.2, 187.8);
    --bs-primary-bg-subtle: rgb(4.4, 12.4, 20.8);
    --bs-info-bg-subtle: rgb(9.8, 22.4, 28.6);
    --bs-primary-border-subtle: rgb(13.2, 37.2, 62.4);
    --bs-info-border-subtle: rgb(29.4, 67.2, 85.8);
    --bs-link-color: rgb(115.2, 139.2, 164.4);
    --bs-link-hover-color: rgb(143.16, 162.36, 182.52);
    --bs-link-color-rgb: 115, 139, 164;
    --bs-link-hover-color-rgb: 143, 162, 183;
}

.table-primary {
    --bs-table-bg: rgb(208.4, 216.4, 224.8);
    --bs-table-border-color: rgb(166.72, 173.12, 179.84);
    --bs-table-striped-bg: rgb(197.98, 205.58, 213.56);
    --bs-table-active-bg: rgb(187.56, 194.76, 202.32);
    --bs-table-hover-bg: rgb(192.77, 200.17, 207.94);
}

.table-info {
    --bs-table-bg: rgb(213.8, 226.4, 232.6);
    --bs-table-border-color: rgb(171.04, 181.12, 186.08);
    --bs-table-striped-bg: rgb(203.11, 215.08, 220.97);
    --bs-table-active-bg: rgb(192.42, 203.76, 209.34);
    --bs-table-hover-bg: rgb(197.765, 209.42, 215.155);
}

.form-control:focus {
    border-color: rgb(138.5, 158.5, 179.5);
    box-shadow: 0 0 0 0.25rem rgba(22, 62, 104, 0.25);
}

.form-select:focus {
    border-color: rgb(138.5, 158.5, 179.5);
    box-shadow: 0 0 0 0.25rem rgba(22, 62, 104, 0.25);
}

.form-check-input:focus {
    border-color: rgb(138.5, 158.5, 179.5);
    box-shadow: 0 0 0 0.25rem rgba(22, 62, 104, 0.25);
}

.form-check-input:checked {
    background-color: #163e68;
    border-color: #163e68;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #163e68;
    border-color: #163e68;
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28138.5, 158.5, 179.5%29'/%3e%3c/svg%3e");
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(22, 62, 104, 0.25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(22, 62, 104, 0.25);
}

.form-range::-webkit-slider-thumb {
    background-color: #163e68;
}

    .form-range::-webkit-slider-thumb:active {
        background-color: rgb(185.1, 197.1, 209.7);
    }

.form-range::-moz-range-thumb {
    background-color: #163e68;
}

    .form-range::-moz-range-thumb:active {
        background-color: rgb(185.1, 197.1, 209.7);
    }

.btn-primary {
    --bs-btn-bg: #163e68;
    --bs-btn-border-color: #163e68;
    --bs-btn-hover-bg: rgb(18.7, 52.7, 88.4);
    --bs-btn-hover-border-color: rgb(17.6, 49.6, 83.2);
    --bs-btn-focus-shadow-rgb: 57, 91, 127;
    --bs-btn-active-bg: rgb(17.6, 49.6, 83.2);
    --bs-btn-active-border-color: rgb(16.5, 46.5, 78);
    --bs-btn-disabled-bg: #163e68;
    --bs-btn-disabled-border-color: #163e68;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #31708f;
    --bs-btn-border-color: #31708f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(41.65, 95.2, 121.55);
    --bs-btn-hover-border-color: rgb(39.2, 89.6, 114.4);
    --bs-btn-focus-shadow-rgb: 80, 133, 160;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(39.2, 89.6, 114.4);
    --bs-btn-active-border-color: rgb(36.75, 84, 107.25);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #31708f;
    --bs-btn-disabled-border-color: #31708f;
}

.btn-outline-primary {
    --bs-btn-color: #163e68;
    --bs-btn-border-color: #163e68;
    --bs-btn-hover-bg: #163e68;
    --bs-btn-hover-border-color: #163e68;
    --bs-btn-focus-shadow-rgb: 22, 62, 104;
    --bs-btn-active-bg: #163e68;
    --bs-btn-active-border-color: #163e68;
    --bs-btn-disabled-color: #163e68;
    --bs-btn-disabled-border-color: #163e68;
}

.btn-outline-info {
    --bs-btn-color: #31708f;
    --bs-btn-border-color: #31708f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #31708f;
    --bs-btn-hover-border-color: #31708f;
    --bs-btn-focus-shadow-rgb: 49, 112, 143;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #31708f;
    --bs-btn-active-border-color: #31708f;
    --bs-btn-disabled-color: #31708f;
    --bs-btn-disabled-border-color: #31708f;
}

.btn-link {
    --bs-btn-focus-shadow-rgb: 57, 91, 127;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #163e68;
}

.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #163e68;
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(22, 62, 104, 0.25);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #163e68;
}

.accordion {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%288.8, 24.8, 41.6%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(22, 62, 104, 0.25);
}

[data-bs-theme=dark] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28115.2, 139.2, 164.4%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28115.2, 139.2, 164.4%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.pagination {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(22, 62, 104, 0.25);
    --bs-pagination-active-bg: #163e68;
    --bs-pagination-active-border-color: #163e68;
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: #163e68;
}

.list-group {
    --bs-list-group-active-bg: #163e68;
    --bs-list-group-active-border-color: #163e68;
}

.btn-close {
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(22, 62, 104, 0.25);
}

.text-bg-info {
    color: #fff !important;
}

.link-primary:hover, .link-primary:focus {
    color: RGBA(18, 50, 83, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(18, 50, 83, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info:hover, .link-info:focus {
    color: RGBA(39, 90, 114, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(39, 90, 114, var(--bs-link-underline-opacity, 1)) !important;
}

.eadis-nav {
    font-size: 0.75rem;
}

.form-check-input {
    width: 1.25rem;
    height: 1.25rem;
}

.form-check-label {
    vertical-align: middle;
}

.accordion {
    border-radius: 0 !important;
    font-size: 0.75rem;
}

.accordion-item {
    border-radius: 0 !important;
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
}

.accordion-header {
    font-size: 0.75rem;
}

.accordion-button {
    border-radius: 0 !important;
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
}

.accordion-body {
    border-radius: 0 !important;
    font-size: 0.75rem;
    padding: 0.75rem 1rem;
}

.resultsTable td .fixedButton {
    width: 55px;
}

.resultsTable td .fixedButtonWide {
    max-width: 75px;
}

#mainContent {
    font-size: 0.75rem;
}

.nav-tabs .nav-link {
    border-radius: 0 !important;
}

.modal-content {
    border-radius: 0 !important;
}

input,
textarea,
select {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    height: auto;
}

.form-control, .input-skyblue, .input-yellow-green, .input-yellow, .input-orange, .input-green, .input-red, .input-pink {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 0.75rem !important;
    padding: 0.25rem 0.5rem !important;
    height: auto;
}

.nav-link i {
    width: 25px;
    display: inline-block;
    text-align: center;
}

button,
.btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 0.75rem;
}

.input-group,
.input-group .form-control,
.input-group .input-skyblue,
.input-group .input-yellow-green,
.input-group .input-yellow,
.input-group .input-orange,
.input-group .input-green,
.input-group .input-red,
.input-group .input-pink,
.input-group .btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

    .input-group,
    .input-group .form-control,
    .input-group .input-skyblue,
    .input-group .input-yellow-green,
    .input-group .input-yellow,
    .input-group .input-orange,
    .input-group .input-green,
    .input-group .input-red,
    .input-group .input-pink,
    .input-group .input-group-text,
    .input-group .btn {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

        .input-group .form-control:first-child, .input-group .input-skyblue:first-child, .input-group .input-yellow-green:first-child, .input-group .input-yellow:first-child, .input-group .input-orange:first-child, .input-group .input-green:first-child, .input-group .input-red:first-child, .input-group .input-pink:first-child {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
            border-top-left-radius: 0 !important;
            border-bottom-left-radius: 0 !important;
        }

        .input-group .btn:last-child {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
            border-top-left-radius: 0 !important;
            border-bottom-left-radius: 0 !important;
        }

.input-group {
    max-width: 300px;
}

    .input-group .form-control, .input-group .input-skyblue, .input-group .input-yellow-green, .input-group .input-yellow, .input-group .input-orange, .input-group .input-green, .input-group .input-red, .input-group .input-pink {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
        height: auto;
    }

select.form-control, select.input-skyblue, select.input-yellow-green, select.input-yellow, select.input-orange, select.input-green, select.input-red, select.input-pink {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    height: auto;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.form-group select {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    height: auto;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group .btn {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    height: auto;
}

.full-date[type=date]::-webkit-calendar-picker-indicator {
    display: none;
}

#table-smartorders tr, #table-smartorders td {
    line-height: 25px;
    min-height: 25px;
    height: 25px;
}

/*.table-smartorders {
  .smartOrdersDescriptionCell {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;

    &.expanded {
      white-space: normal;
      max-width: none;
      overflow: visible;
    }
  }
}*/
.smart-order-highlight {
    background-color: lightblue !important;
}

#smartOrdersBasketTable.table-basket tbody tr:nth-child(odd) td {
    background-color: sandybrown !important;
}

#smartOrdersBasketTable.table-basket tbody tr:nth-child(even) td {
    background-color: darkorange !important;
}

.form-control[type=number]:not(#orderLineQty), [type=number].input-skyblue:not(#orderLineQty), [type=number].input-yellow-green:not(#orderLineQty), [type=number].input-yellow:not(#orderLineQty), [type=number].input-orange:not(#orderLineQty), [type=number].input-green:not(#orderLineQty), [type=number].input-red:not(#orderLineQty), [type=number].input-pink:not(#orderLineQty) {
    text-align: right;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 5px;
}

    .form-control[type=number]:not(#orderLineQty)::-webkit-inner-spin-button, [type=number].input-skyblue:not(#orderLineQty)::-webkit-inner-spin-button, [type=number].input-yellow-green:not(#orderLineQty)::-webkit-inner-spin-button, [type=number].input-yellow:not(#orderLineQty)::-webkit-inner-spin-button, [type=number].input-orange:not(#orderLineQty)::-webkit-inner-spin-button, [type=number].input-green:not(#orderLineQty)::-webkit-inner-spin-button, [type=number].input-red:not(#orderLineQty)::-webkit-inner-spin-button, [type=number].input-pink:not(#orderLineQty)::-webkit-inner-spin-button, .form-control[type=number]:not(#orderLineQty)::-webkit-outer-spin-button, [type=number].input-skyblue:not(#orderLineQty)::-webkit-outer-spin-button, [type=number].input-yellow-green:not(#orderLineQty)::-webkit-outer-spin-button, [type=number].input-yellow:not(#orderLineQty)::-webkit-outer-spin-button, [type=number].input-orange:not(#orderLineQty)::-webkit-outer-spin-button, [type=number].input-green:not(#orderLineQty)::-webkit-outer-spin-button, [type=number].input-red:not(#orderLineQty)::-webkit-outer-spin-button, [type=number].input-pink:not(#orderLineQty)::-webkit-outer-spin-button {
        display: none;
    }

    .form-control[type=number]:not(#orderLineQty)[type=number]::-ms-clear, [type=number].input-skyblue:not(#orderLineQty)[type=number]::-ms-clear, [type=number].input-yellow-green:not(#orderLineQty)[type=number]::-ms-clear, [type=number].input-yellow:not(#orderLineQty)[type=number]::-ms-clear, [type=number].input-orange:not(#orderLineQty)[type=number]::-ms-clear, [type=number].input-green:not(#orderLineQty)[type=number]::-ms-clear, [type=number].input-red:not(#orderLineQty)[type=number]::-ms-clear, [type=number].input-pink:not(#orderLineQty)[type=number]::-ms-clear, .form-control[type=number]:not(#orderLineQty)[type=number]::-webkit-inner-spin-button, [type=number].input-skyblue:not(#orderLineQty)[type=number]::-webkit-inner-spin-button, [type=number].input-yellow-green:not(#orderLineQty)[type=number]::-webkit-inner-spin-button, [type=number].input-yellow:not(#orderLineQty)[type=number]::-webkit-inner-spin-button, [type=number].input-orange:not(#orderLineQty)[type=number]::-webkit-inner-spin-button, [type=number].input-green:not(#orderLineQty)[type=number]::-webkit-inner-spin-button, [type=number].input-red:not(#orderLineQty)[type=number]::-webkit-inner-spin-button, [type=number].input-pink:not(#orderLineQty)[type=number]::-webkit-inner-spin-button {
        display: none;
    }

.numberView {
    text-align: right;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 5px;
}

    .numberView::-webkit-inner-spin-button, .numberView::-webkit-outer-spin-button {
        display: none;
    }

    .numberView[type=number]::-ms-clear, .numberView[type=number]::-webkit-inner-spin-button {
        display: none;
    }

.phoneNumber {
    text-align: left !important;
}

.centerNumber {
    text-align: center !important;
}

.btn-pink {
    --bs-btn-color: #000;
    --bs-btn-bg: #FFE4E1;
    --bs-btn-border-color: rgb(255, 214.23, 209.7);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(255, 232.05, 229.5);
    --bs-btn-hover-border-color: rgb(255, 218.307, 214.23);
    --bs-btn-focus-shadow-rgb: 217, 182, 178;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(255, 233.4, 231);
    --bs-btn-active-border-color: rgb(255, 218.307, 214.23);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #FFE4E1;
    --bs-btn-disabled-border-color: rgb(255, 214.23, 209.7);
}

.btn-red {
    --bs-btn-color: #000;
    --bs-btn-bg: #ff7162;
    --bs-btn-border-color: rgb(255, 99.1617834395, 82.7);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(255, 134.3, 121.55);
    --bs-btn-hover-border-color: rgb(255, 114.7456050955, 99.93);
    --bs-btn-focus-shadow-rgb: 217, 84, 70;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(255, 141.4, 129.4);
    --bs-btn-active-border-color: rgb(255, 114.7456050955, 99.93);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ff7162;
    --bs-btn-disabled-border-color: rgb(255, 99.1617834395, 82.7);
}

.btn-green {
    --bs-btn-color: #000;
    --bs-btn-bg: #98FB98;
    --bs-btn-border-color: rgb(137.2719626168, 250.4280373832, 137.2719626168);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(167.45, 251.6, 167.45);
    --bs-btn-hover-border-color: rgb(149.0447663551, 250.8852336449, 149.0447663551);
    --bs-btn-focus-shadow-rgb: 117, 213, 117;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(172.6, 251.8, 172.6);
    --bs-btn-active-border-color: rgb(149.0447663551, 250.8852336449, 149.0447663551);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #98FB98;
    --bs-btn-disabled-border-color: rgb(137.2719626168, 250.4280373832, 137.2719626168);
}

.btn-orange {
    --bs-btn-color: #000;
    --bs-btn-bg: sandybrown;
    --bs-btn-border-color: rgb(243.01, 155.81, 81.69);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(245.65, 177.65, 119.85);
    --bs-btn-hover-border-color: rgb(244.209, 165.729, 99.021);
    --bs-btn-focus-shadow-rgb: 207, 132, 69;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(246.2, 182.2, 127.8);
    --bs-btn-active-border-color: rgb(244.209, 165.729, 99.021);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: sandybrown;
    --bs-btn-disabled-border-color: rgb(243.01, 155.81, 81.69);
}

.btn-yellow {
    --bs-btn-color: #000;
    --bs-btn-bg: gold;
    --bs-btn-border-color: rgb(239.7, 202.1, 0);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(255, 221, 38.25);
    --bs-btn-hover-border-color: rgb(241.23, 207.39, 25.5);
    --bs-btn-focus-shadow-rgb: 204, 172, 0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffdf33;
    --bs-btn-active-border-color: rgb(241.23, 207.39, 25.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: gold;
    --bs-btn-disabled-border-color: rgb(239.7, 202.1, 0);
}

.btn-yellow-green {
    --bs-btn-color: #000;
    --bs-btn-bg: yellowgreen;
    --bs-btn-border-color: rgb(144.76, 192.7, 47);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(169.15, 212.5, 80.75);
    --bs-btn-hover-border-color: rgb(155.784, 198.93, 67.8);
    --bs-btn-focus-shadow-rgb: 123, 164, 40;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(174.2, 215, 91);
    --bs-btn-active-border-color: rgb(155.784, 198.93, 67.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: yellowgreen;
    --bs-btn-disabled-border-color: rgb(144.76, 192.7, 47);
}

.btn-skyblue {
    --bs-btn-color: #000;
    --bs-btn-bg: skyblue;
    --bs-btn-border-color: rgb(121.8857142857, 200.645, 232.8142857143);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(153, 213.35, 238);
    --bs-btn-hover-border-color: rgb(135.1971428571, 206.0805, 235.0328571429);
    --bs-btn-focus-shadow-rgb: 104, 171, 198;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(159, 215.8, 239);
    --bs-btn-active-border-color: rgb(135.1971428571, 206.0805, 235.0328571429);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: skyblue;
    --bs-btn-disabled-border-color: rgb(121.8857142857, 200.645, 232.8142857143);
}

.input-pink {
    background-color: #FFE4E1;
}

.input-red {
    background-color: #ff7162;
}

.input-green {
    background-color: #98FB98;
}

.input-orange {
    background-color: sandybrown;
}

.input-yellow {
    background-color: gold;
}

.input-yellow-green {
    background-color: yellowgreen;
}

.input-skyblue {
    background-color: skyblue;
}

.loading-cursor {
    cursor: wait !important;
}

#transactionsTable, #transactionsTable_wrapper {
    width: 100% !important;
}

#transactionsTable {
    margin: 0 !important;
}

    #transactionsTable .dataTable th, #transactionsTable .dataTable td {
        white-space: nowrap;
    }

input[type=date][disabled]::-webkit-calendar-picker-indicator {
    display: none;
}
