:root {
    --primary: #2a0d35;
    --secondary: #622b86;
    --orange: #ff6700;
    --light: #ffeadb;
    --black: #000;
    --white: #fff;
    --green: #027a48;
    --red: #b42318;
    --brown: #ffd0af;
    --gray: #2a0d350d;
    --bg-gradient-1: linear-gradient(126.32deg, #2a0d35 37.84%, #7b269b 100.31%);
    --bg-gradient-2: linear-gradient(88deg, #ff6700 44.01%, #622b86 90.07%);
    --bg-gradient-3: linear-gradient(88.88deg, #622b86 0%, #2a0d35 57.02%)
}

.logo-brand {
    display: flex;
    align-items: center;
    padding-left: 25px;
}


/*.table-hover > tbody > tr:hover
{
    background-color: var(--light);
}
*/

body.beta-mode #dashboard-hero {
    min-height: 300px;
}

#dash-hero-holiday-info, #dash-hero-cs-info, #dash-feature-requests .panel-default {
    border: none !important;
}

body.beta-mode ul.sidebar-menu li a .span-sidebar {
    margin-top: 7px !important;
    margin-right: 4px !important;
    color: var(--light) !important;
}

body.beta-mode .nav-tabs > li a, body.beta-mode .nav-tabs > li a span, body.beta-mode .nav-tabs > li a div {
    color: var(--light) !important;
}

body.beta-mode .form-group-label:has(select):before {
    top: 67% !important;
}
    
body.beta-mode .field-validation-error span {
    color: var(--red) !important;
}

body.beta-mode .nav-tabs > li.active > a, body.beta-mode .nav-tabs > li.active a span, body.beta-mode .nav-tabs > li.active a div {
    background-color: var(--secondary) !important;
    color: var(--light) !important;
    border: 1px var(--secondary) solid !important;
}

    body.beta-mode .nav-tabs > li.active > a:hover, body.beta-mode .nav-tabs > li.active > a:hover span, body.beta-mode .nav-tabs > li.active > a:hover div {
        background-color: var(--secondary) !important;
        color: var(--light) !important;
        border: 1px var(--secondary) solid !important;
    }

body.beta-mode .nav-tabs > li > a:hover {
    background-color: var(--secondary) !important;
    color: var(--light) !important;
    border-color: var(--secondary) !important;
}

body.beta-mode .nav-tabs .dropdown-menu {
    background-color: var(--primary) !important;
}


body.beta-mode .table-th-block.table-dark thead tr th, body.beta-mode .table-th-block.table-dark thead tr th span, body.beta-mode .table-th-block.table-dark thead tr th strong {
    color: #fff !important;
}


.dropdown-menu.primary > li > a:hover {
    background-color: var(--secondary) !important;
}

.nav-tabs .nav .open > a {
    background-color: var(--secondary) !important;
}

    .beta-mode .content-padding{
        padding: 20px 20px 0 20px;
    }


body.beta-mode .panel-info .panel-title i.bx {
    color: var(--light) !important;
}

body.beta-mode .panel-default
{
    border: 1px solid var(--primary) !important;
}

body.beta-mode .panel-default .panel-title i.bx {
    color: var(--light) !important;
}


body.beta-mode .panel-title i.bx {
    color: var(--orange) !important;
}

body.beta-mode .nav-tabs > li > a
{
    border-radius: 10px 10px 0 0 !important;
}

.form-control {
    border: 1px solid #ddd !important;
}

.input-group {
    width: 100% !important;
}


#frm textarea, #frm input[type="text"], #frm input[type="number"], #frm select {
    background-color: #fff !important;
}

    #frm input[readonly] {
        background-color: #ddd !important;
    }


#frm #delivery-time .input-group-addon {
    background-color: #2a0d350d !important;
}

#frm #delivery-time input {
    border-radius: 10px 0 0 10px !important;
}

h1.error-number i {
    color: var(--light) !important;
    font-size: 3em !important;
}

.error-wrapper h2, .error-wrapper p {
    color: var(--light) !important;
}

.error-wrapper p a {
    color: var(--orange) !important;
}


.tracking-progress .progress-bar-info {
    background-color: var(--secondary) !important;
}

.tracking-progress .progress-bar-success {
    background-color: var(--orange) !important;
}

#tracking-progress-line {
    z-index: 0;
    top: 29%;
    height: 8px;
    background-color: #ff6700;
    left: 0px;
    display: block;
    position: absolute;
    border-radius: 5px
}

.btn .bx {
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
    margin-right: 6px;
}

.btn-block {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-sm .bx {
    font-size: 16px;
    margin-right: 4px;
}

.btn:not(.btn-block):not(.btn-sm) .bx {
    position: relative;
    top: 2px;
}

@media only screen and (max-width: 992px) {

    #tracking-progress-line {
        display: none;
    }
}