html {
    font-size: 14px;
}

.badge {
    height: max-content;
    padding: 7.8px;
}

.admin-user-form label{
    text-align: right;
    font-weight: bold;
}

.user-role-link {
    padding-right: 5px;
    cursor: pointer;
}

.program-text {
    color: #9C5EA1 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

    .program-text.with-padding {
        padding-left: 10px !important;
    }

    .program-text.error {
        color: #d9534f !important;
    }


.variant.danger td {
    background-color: var(--bs-danger);
}

#form-add-variant-markets .exists-in-market td {
    background-color: var(--bs-danger);
}

#form-add-variant-markets .exists-in-market .warning {
    display: inline-block;
    min-height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background-color: white;
}

.popup-overlay {
    color: black !important;
}

.big-checkbox {
    width: 56px !important;
    height: 30px !important;
}

.tt-dataset-keywords {
    color: black !important;
}

.exclude-venues-group ul.token-input-list-facebook li input,
.token-input-dropdown-facebook,
.tt-dataset-producers {
    color: black !important;
}

.twitter-typeahead {
    width: 100%;
}

.no-radius-tl-bl {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.form-floating-type-ahead ul,
.form-floating-type-ahead input {
    background-color: var(--bs-body-bg) !important;
    border: 0px !important;
}

.bootstrap-table-border-top {
    border-top: 1px solid var(--bs-border-color);
}

.height-max-content {
    height: max-content;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}


.typeahead,
.tt-query,
.tt-hint {
    width: 396px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

    .typeahead:focus {
        border: 2px solid #0097cf;
    }

.typeahead-normal {
    height: inherit;
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    border-width: 1px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

    .typeahead-normal:focus {
        border-width: 1px;
    }

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu,
.tt-dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    margin: -3px 0 0;
    max-height: 285px;
    max-width: 376px;
    min-width: 240px;
    overflow-y: auto;
    padding: 8px 0;
    z-index: 99999;
    cursor: pointer;
}

.tt-suggestion {
    padding: 3px 5px;
    font-size: 14px;
    line-height: 24px;
}

    .tt-suggestion:hover,
    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }


.variant td {
    background-color: #fefefe;
}

/*.dark-mode-switch {
    background-color: green;
}
.dark-mode-switch:checked {
    background-color: red;
}
*/

/* Temporarily reduce the real estate of the nav items while they have icons */

.floating-bottom-container {
    border-top-color: #373737;
}

.floating-bottom-container {
    position: fixed;
    bottom: -15px;
    border-top: solid 5px #fff;
    background: rgba(0,0,0,0.75);
    min-height: 80px;
    text-align: right;
    z-index: 999;
    left: -5px;
    right: -5px;
    padding: 6px 0;
}

    .floating-bottom-container .floating-inner-container {
        width: 1366px;
        margin-right: auto;
        margin-left: auto;
    }

    .floating-bottom-container .progress {
        height: 36px;
    }

        .floating-bottom-container .progress .progress-bar {
            font-size: 18px;
            line-height: 35px;
        }

    .floating-bottom-container .btn-con div {
        margin-left: 20px;
        display: inline-block
    }


.light-mode-button, .dark-mode-button {
    cursor: pointer;
}

html[data-bs-theme="light"] .light-mode-button { display: none; }
html[data-bs-theme="light"] .dark-mode-button { display: initial; }
html[data-bs-theme="dark"] .light-mode-button { display: initial; }
html[data-bs-theme="dark"] .dark-mode-button { display: none; }

/*@media (prefers-color-scheme: dark) {
    .light-mode-button { visibility: visible; }
    .dark-mode-button { visibility: hidden; }
}*/


.tt-dataset-products,
.tt-dataset-suppliers,
.tt-dataset-users {
    color: black;
}

.merge-product {
}

    .merge-product .product-name {
        margin: 10px 0px;
    }

        .merge-product .product-name a {
            font-size: 18px;
        }

    .merge-product .variant-count {
        margin-bottom: 10px;
    }

    .merge-product .table td:first-child {
        padding-left: 0px;
    }

    .merge-product .table {
        margin-bottom: 0px;
    }

    .merge-product .market-count {
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .merge-product .market-table {
        width: 98%;
        margin-left: 10px;
        margin-bottom: 10px;
    }

        .merge-product .market-table td {
            border: 1px solid #ddd
        }

            .merge-product .market-table td:first-child {
                padding-left: 8px;
            }

    .merge-product .main-table {
        width: 100%;
    }

        .merge-product .main-table td.left, .merge-product .main-table td.right {
            width: 50%;
        }

        .merge-product .main-table td.left {
            padding-right: 20px;
            vertical-align: top
        }

        .merge-product .main-table td.right {
            padding-left: 20px;
            vertical-align: top
        }

        .merge-product .main-table td.line {
            border-left: 1px solid #ddd;
            width: 1px;
            vertical-align: top
        }

    .merge-product .btn-container {
        border-top: 1px solid #ddd;
        padding: 20px;
        margin-top: 20px
    }

        .merge-product .btn-container .warning {
            text-align: center;
            color: #843534
        }

        .merge-product .btn-container .btn-danger {
            margin-top: 20px;
        }

    .merge-product .variant-list {
        padding-bottom: 0px;
    }

    .merge-product .spacer {
        margin: 0;
        padding: 0;
        height: 0;
        width: 0;
        border: none;
        height: 1014px;
        background-color: transparent;
    }

.merge-supplier {
}

    .merge-supplier .main-table {
        width: 100%;
    }

    .merge-supplier .suppliername {
        font-size: 18px;
        margin: 10px 0px;
    }

    .merge-supplier .main-table td.left, .merge-supplier .main-table td.right {
        width: 50%;
    }

    .merge-supplier .main-table td.left {
        padding-right: 20px;
        vertical-align: top
    }

    .merge-supplier .main-table td.right {
        padding-left: 20px;
        vertical-align: top
    }

    .merge-supplier .main-table td.line {
        border-left: 1px solid #ddd;
        width: 1px;
        vertical-align: top
    }

    .merge-supplier .main-table .username {
        font-size: 18px;
        margin: 10px 0px;
    }

    .merge-supplier .main-table th.heading {
        border-top: none;
        font-weight: bold;
        text-align: right
    }

    .merge-supplier .user-table tbody {
        border-top: none;
    }

    .merge-supplier .btn-container {
        border-top: 1px solid #ddd;
        padding: 20px;
        margin-top: 20px
    }

        .merge-supplier .btn-container .warning {
            text-align: center;
            color: #843534
        }

        .merge-supplier .btn-container .btn-danger {
            margin-top: 20px;
        }

    .merge-supplier .main-table .stats-con {
        float: right;
    }

    .merge-supplier .main-table td.right .stats-con {
        float: left;
    }

    .merge-supplier .main-table td.right th.heading {
        text-align: left
    }

    .merge-supplier .main-table td.market-list {
        padding-left: 0px;
        padding-right: 0px;
    }

    .merge-supplier .main-table .market-list td {
        text-align: left;
        border: 1px solid #ddd;
    }

    .merge-supplier .main-table .market-list .market-count {
        margin-bottom: 10px;
    }

.merge-user {
}

    .merge-user .main-table {
        width: 100%;
    }

        .merge-user .main-table td.left, .merge-user .main-table td.right {
            width: 50%;
        }

        .merge-user .main-table td.left {
            padding-right: 20px;
            vertical-align: top
        }

        .merge-user .main-table td.right {
            padding-left: 20px;
            vertical-align: top
        }

        .merge-user .main-table td.line {
            border-left: 1px solid #ddd;
            width: 1px;
            vertical-align: top
        }

        .merge-user .main-table .username {
            font-size: 18px;
            margin: 10px 0px;
        }

        .merge-user .main-table th.heading {
            border-top: none;
            font-weight: bold;
            text-align: right
        }

    .merge-user .company-table tbody {
        border-top: none;
    }

    .merge-user .btn-container {
        border-top: 1px solid #ddd;
        padding: 20px;
        margin-top: 20px
    }

        .merge-user .btn-container .warning {
            text-align: center;
            color: #843534
        }

        .merge-user .btn-container .btn-danger {
            margin-top: 20px;
        }

    .merge-user .main-table .image-con {
        float: left;
        width: 150px;
    }

    .merge-user .main-table .stats-con {
        float: right;
    }

    .merge-user .main-table td.right .image-con {
        float: right;
    }

    .merge-user .main-table td.right .stats-con {
        float: left;
    }

    .merge-user .main-table td.right th.heading {
        text-align: left
    }



tr.admin-event td {
    color: #ff6a00;
}

.admin-session {
    color: #ff6a00;
}

    .admin-session a {
        color: #ff6a00;
    }

tr.sales-rep-event td {
    color: #b200ff;
}

.supplier-edit tr.sales-rep-event a {
    color: #b200ff;
}