:root {
    --black:#000000;
    --black-tr10:rgba(0,0,0,0.1);
    --black-tr20:rgba(0,0,0,0.2);

    --gray:#454545;
    --gray-one:#D9D9D9;
    --gray-two:#151717;
    --gray-three:#959595;
    --white:#FFFFFF;
    --almost-white:#efefef;
    --less-white:#e7e7e7;
    --white-01: rgba(255,255,255,0.1);

    --panel: #F3F4F6;

    --panel-dark: #3b3b3b;

    --panel: #4b4d46;
    --panel-tr95: rgba(75, 77, 70, 0.95);

    --header-green: #7da728;

    --dark-green: #688b21;

    --green-tr50 : rgba(82, 98, 49,0.5);
    --green-tr85 : rgba(82, 98, 49,0.85);
    --green-tr95 : rgba(82, 98, 49,0.95);

    /*--panel-text : #252525;*/
    /*--panel-bright : #ffffff;
    --panel-bright-text : #151515;
    --panel-dark : #151515;
    --panel-dark-text : #efefef;*/

    --border : rgba(235, 235, 235,0.8);

    /*--cta-color: #93be3b;*/
    --cta-color: #9cc346;
    --cta-active-color: #72960e;
    --cta-color-20: #BEFF6C33;
    --cta-text-color: #FEFEFE;

    --default-text:#FFFFFF;
    --invert-text:#000000;

    --complementary:#CDDDDB;

    --outline: #CDDDDB1A;   /*10% complementary*/
    --hover:#CDDDDB26;      /*20% complementary*/
    --progress:#CDDDDB66;   /*40% complementary*/

    --success-color: #38c088;
    --alert-color: #9a4242;
    --alert-color-less: #6b4646;
    --disabled-color: #707070;

}

.c-wh {color:white;}
.c-wh-f {color:white !important;}
.bc-wh {background-color:white;}
.brc-wh {border-color:white;}

.c-bk {color:var(--black);}
.bc-bk {background-color:var(--black);}

.bc-t {background-color: transparent;}
.brc-t {border-color: transparent;}

.c-cta { color: var(--cta-color); }
.bc-cta { background-color: var(--cta-color); }