﻿:root {
    --main-color: #FCB34C;
    --main-text-color: #373A36;
    --main-dark-color: #FCB34C;
    --secondary-color: #ffffff;
    --info-color: #5A89B4;
    --main-light-gray-color: #f5f5f7;
    --main-dark-gray-color: #373935;
    --footer-background: #373a36;
    --footer-pannel: #fad7a5;
    --fqcc2-color: #FCD672;
    /*--info-color: #FCD672;
    --fqcc-color: #57B6B2;*/
    --fqcc-color: #24ad5f;
    /*--main-color: #ffb546;
    --main-text-color: #000000;
    --main-dark-color: #D68100;
    --secondary-color: #ffffff;--info-color: #ffdf1b;
        --fqcc-color: #24ad5f;
    */
}

.layout > .body {
    background-color: var(--main-light-gray-color);
}

.main-panel {
    background-color: var(--main-light-gray-color);
}

.main-text {
    color: black;
}

span {
    color: var(--main-color);
}

strong {
    color: var(--main-color);
}

a:hover {
    color: var(--main-color);
}

.notice-color {
    background-color: var(--main-text-color);
    color: white;
}

/*-- Controls --*/
.btn-primary {
    color: var(--main-text-color);
    background: var(--main-color);
    border-color: var(--main-color);
}
    .btn-primary:hover {
        background: var(--main-color);
        border-color: var(--main-color);
    }

.primary-cta {
    color: var(--main-text-color);
    background: var(--main-color);
    background: linear-gradient(to bottom, var(--main-color) 0%,var(--main-dark-color) 100%);
}

    .primary-cta:hover {
        background: var(--main-color);
        background: linear-gradient(to bottom, var(--main-dark-color) 0%,var(--main-color) 100%);
    }

    .primary-cta .fa {
        color: var(--main-text-color);
    }

.form-control:focus {
    border-color: var(--main-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 181, 70, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 181, 70, .6);
}

.cstm-radio > input:checked + i {
    background: var(--main-color);
}

/*-- Layout --*/
.layout > .head {
    border-top: 5px solid var(--main-color);
}

.layout > .foot {
    background-color: var(--footer-pannel);
    color: var(--footer-background);
    font-size: 14px;
    padding: 15px;
}

    .layout > .foot a {
        color: var(--footer-background) !important;
    }

    .layout > .foot > .foot-info-pannel {
        border-radius:6px;
        
    }

    .layout > .foot table {
        border-collapse: separate;
        border-spacing: 3px;
    }

    .layout > .foot .broker-copyright {
        color: #333333;
    }

/*-- Detail --*/

/*-- Policy --*/
.policy .offer-recommended .head {
    background: var(--main-dark-color);
}

.policy .offer-recommended .subhead {
    background: var(--main-color);
    color:white;
}

    .policy .offer-recommended .subhead:after {
        border-top: solid 11px var(--main-color);
    }

.policy .offer-recommended .foot .button {
    background: var(--main-dark-color);
}

    .policy .offer-recommended .foot .button:hover {
        background: var(--main-color);
    }

.policy .offer .subhead-fqcc {
    background: var(--fqcc2-color) !important;
    color : black;
}

    .policy .offer .subhead-fqcc:after {
        border-top: solid 11px var(--fqcc2-color);
        color: black;
    }
