:root{
    /*1.1  main color settings Begin */
    --odd-booking-maincolor: #282d3c;
    --odd-booking-maincolor-Complementary-1: #3c3728;
    --odd-booking-maincolor-triad-1: #2d3c28;
    --odd-booking-maincolor-triad-2: #3c282d;
    --odd-booking-maincolor-tints-l1: #49526d;
    --odd-booking-maincolor-tints-l2: #6b789d;
    --odd-booking-maincolor-tints-l3: #9da5bd;
    --odd-booking-maincolor-tints-l4: #ced2de;
    --odd-booking-maincolor-tints-l5: #f5f6f8;
    --odd-booking-maincolor-shades-d1:#202430;
    --odd-booking-maincolor-shades-d2:#181b24;
    --odd-booking-maincolor-shades-d3:#101218;
    --odd-booking-maincolor-shades-d4:#08090c;
    
    
    --logo-booking-height: 65px;

    /* main color settings End */

    /* 1.2 font color settings Begin */
    --odd-text-dark: #11100f;
    --odd-text-light: #F0F0F0;
    /* font color settings End */

    /* 1.3 normal color sttings Begin */
    --odd-red:#e42a1d;
    --odd-black:#141414;
    --odd-teal:#009684;
    --odd-teal-triad:#968200;
    /* normal color sttings End */

    /* 1.4 layout width settings Begin */

    /* layout width settings End */
    --odd-metro-light-green:#99b433;
    --odd-metro-green:#00a300;
    --odd-metro-dark-green:#1e7145;
    --odd-metro-light-blue:#eff4ff;
    --odd-metro-blue:#2d89ef;
    --odd-metro-dark-blue:#2b5797;
    --odd-metro-red:#ee1111;
    --odd-metro-dark-red:#b91d47;
    --odd-flat-wet-asphalt:#34495e;
    --odd-ios-gray:rgb(142, 142, 147);
    --odd-ios-light-gray:#ceced2;
    --odd-ios-background:#efeff4;
    --odd-food-olive:#6e750e;
    --odd-food-paer:#a4bf20;
    --odd-deep-orange:#ff5722;
    --odd-flat-asbestos:#7f8c8d;
    --odd-mediumpurple:#9370DB;
    --odd-darkblue:#2b5797;
    --odd-win8-steel:#647687;
    --odd-darken-black:#1d1d1d;
}
.odd-selflearn-font-color {
    color: var(--odd-black-settings-contents);
}
.odd-basic-font-color {
    color: var(--odd-black-settings-contents);
}
.odd-metro-light-green {
    background-color: var(--odd-metro-light-green) !important;
    color:var(--odd-text-dark) !important
}
.odd-ios-light-gray{
    background-color: var(--odd-ios-light-gray) !important;
    color:var(--odd-text-dark) !important
}
.odd-dark-red:hover {
    background-color: var(--odd-metro-dark-red) !important;
    color:var(--odd-text-light) !important
}
.odd-dark-red {
    background-color: transparent !important;
    color:var(--odd-metro-dark-red) !important;
}
.odd-dark-red:active {
    background-color: transparent !important;
    color:var(--odd-metro-dark-red) !important
}