:root {
    --primary-bg-color: darkolivegreen;
    --alt-bg-color: goldenrod;
    --cookie-btn-bg: gold;
    --login-bg-img: url("/images/24carrotsBG2.jpg");
}

/*************************************************
    - Login screen header, company name
    - Register screen header, company name
    Origional
*************************************************/
h2 {
    color: var(--alt-bg-color) !important
}


    /*************************************************
    - Login screen >> title  
    - Register screen >> title 
*************************************************/
    h2.card-title {
        padding: 0.75rem 1.25rem;
        background-color: var(--primary-bg-color);
        color: white !important
        /*border-top: 1px solid rgba(0, 0, 0, 0.125);*/
    }

    /*************************************************
    Login screen >> Company name >> label color and Label background color
    New User Screen >> Company name >> label color and Label background color
*************************************************/
    h2.navbar-brand {
        padding: 0.75rem 1.25rem;
        background-color: var(--primary-bg-color);
        color: white !important
        /*border-top: 1px solid rgba(0, 0, 0, 0.125);*/
    }

/************************************************
    - Login Screen background image
    - After login >> main screen >> Header >> background image
    Origional
*************************************************/
body {
    background-image: var(--login-bg-img);
    /*opacity: 0.5;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

    body main#fusionApp header#appHeader {
        border-bottom: 0.4rem #867870 solid;
    }

/*************************************************  
    - Login screen "New User" button
    - Cancel Button
    - User profile screen "Update Profile" button
    - Event Detail >> Footer >> 'Cancel Event' Button
*************************************************/
.btn-danger {
    background-color: #70706f;
    border-color: #70706f;
    color: white;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #c12e2a;
    }

/*************************************************
    - Register screen >> Next Button / Previouse Button
    - After login Main screen >> User Profile button
*************************************************/
.btn-info {
    /*padding: 0.75rem 1.25rem;*/
    margin-bottom: 0;
    background-color: var(--primary-bg-color);
    border-color: #70706f;
    color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/*************************************************
    - Login Screen - "Log in" button color
    - After login >> Main Screen >> Footer >> Logout button color
    - Register Screen >> Register button
    - Event Detail screen >> Footer Section >> Report Button
    Origional
*************************************************/
.btn-warning {
    background-color: var(--alt-bg-color);
    border-color: #70706f;
}

    .btn-warning.disabled, .btn-warning:disabled {
        background-color: #70706f;
        border-color: var(--primary-bg-color);
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #70706f;
        border-color: var(--primary-bg-color);
    }

/*************************************************
    - Main Screen >> Event Details >> Pay Button
*************************************************/
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #419641;
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgba(92, 184, 92, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        background-color: #5cb85c;
        border-color: #5cb85c;
    }

    .btn-success:active, .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        background-image: none;
        border-color: #419641;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.hidden-print {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    /*background-color: var(--primary-bg-color);*/
    color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/************************************************
    - Login Screen >> Header section >> Background color
    - Events List >> Header section >> Background color
    - Event Detail >> Header section >> Background color
    Origional
*************************************************/

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: var(--primary-bg-color);
    color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}


/**************************************************
    - Login Screen, input control background section
*************************************************/
.card-block {
    flex: 1 1 auto;
    padding: 1rem;
}

/*************************************************
    - Login screen >> footer section >> background-color and Font Color
    - Login Screen - Remember me input color
    - Register screen >> Footer
    - Event Detail >> Footer section >> Background color
    Origional
*************************************************/
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: var(--primary-bg-color);
    color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}


.nav-link {
    display: block;
    padding: 0.5em 1em;
    color: white;
}

    .nav-link.active {
        display: block;
        padding: 0.5em 1em;
        color: white;
        background-color: var(--primary-bg-color);
        border-color: #70706f;
    }

.table-inverse {
    color: #fff;
    background-color: var(--primary-bg-color);
}

    .table-inverse th,
    .table-inverse td,
    .table-inverse thead th {
        border-color: var(--alt-bg-color);
    }

    .table-inverse.table-bordered {
        border: 2px;
    }
/*************************************************
    - Main Screen >> Events List >> list item background color
*************************************************/
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}
/*************************************************
    - Main Screen >> Events List >> list item hover background color
*************************************************/
.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}
/*************************************************
    - After login >> Main screen >> Footer background color
*************************************************/
.bg-inverse {
    background-color: #70706f !important;
}

/*************************************************
    - Login screen >> Input Icon >> background color
    - Register Screen >> Input Icon >> background color
*************************************************/
.input-group-addon {
    padding: 0.52775rem 0.5rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
/*************************************************
    - Main screen >> Footer >> Company Tread Mark >> Link color
*************************************************/
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
    color: white;
}
/*************************************************
    - Main screen >> Footer >> Link color, 'PDF Brochure', 'Terms', Privacy and Refund
*************************************************/
.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}
    /*************************************************
    - Main screen >> Footer >> Link hover color, 'PDF Brochure', 'Terms', Privacy and Refund
*************************************************/
    .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 0.75);
    }

    /*************************************************
    - Main screen >> Footer >> Link disabled color, 'PDF Brochure', 'Terms', Privacy and Refund
*************************************************/
    .navbar-inverse .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

/*************************************************
    - Main Screen >> Events List >> Header >> Button Color e.g. 'All Events', Today, Past, Future
*************************************************/
.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link {
    color: #fff;
    cursor: default;
    background-color: var(--primary-bg-color);
}

/*************************************************
    - Main Screen >> Events List >> Go to event detail screen right arrow icon
*************************************************/
html body .fa-stack .fa-circle {
    color: #292b2c;
}

/*************************************************
    - Main Screen >> Container >> background color
*************************************************/
body main#fusionApp #appContentWrapOuter {
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    background: #d6d6d6;
    overflow: hidden;
}

/*Cookie Consent Begin*/
.cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
}

    .cookieConsent a {
        color: #4B8EE7;
        text-decoration: none;
    }

.closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}

    .closeCookieConsent:hover {
        color: #FFF;
    }

.cookieConsent a.cookieConsentOK {
    background-color: var(--primary-bg-color);
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}

    .cookieConsent a.cookieConsentOK:hover {
        background-color: var(--primary-bg-color);
    }
/*Cookie Consent End*/