:root{
    --main-color:rgb(0, 102, 197);
    /* general */
    --corner-curve:5px;
    --fn-color:#333;
    --com-color:rgba(0, 0, 0, 0.07);
    --fn-shadow:rgba(0, 0, 0, 1);
    --blue-header-text:#fff;
    --site-bg:rgb(233, 233, 233);
    --site-text-color:#000;
    --btn-hover-color:rgb(53, 71, 4);
    --btn-hover-text-color:#fff;
    --btn-delete-hover-color:rgb(255, 21, 0);
    --btn-delete-hover-text-color:#fff;

    /* message class */
    --msg-color:#fff;
    --msg-back1:rgb(38, 92, 50);
    --msg-back2:rgb(17, 47, 23);

    /* genaral headers */
    --header:rgba(0, 0, 0, 0.5);
    --header-text:#fff;
    --header-min:#00374d;
    --header-min-text:#fff;

    --black-text:#000;

    /* table */
    --table-header:rgba(0, 0, 0, 0.5);
    --table-header-text:#fff;

    /* row 1 */
    --com-tr0-color:rgba(0, 0, 0, 0.05);
    --com-tr0-text-color:#000;
    --com-tr0-text-color-hover:#fff;
    --com-tr0-color-hover:rgba(0, 0, 0, 0.4);

    /* row 2 */
    --com-tr1-color:rgba(0, 0, 0, 0.3);
    --com-tr1-text-color:#000;
    --com-tr1-text-color-hover:#fff;
    --com-tr1-color-hover:rgba(0, 0, 0, 0.4);

    /* chatroom */
    --active-chat-room:rgb(110, 178, 255);
    --active-chat-room-text:rgb(255, 255, 255);


    --the12-row:rgb(160, 160, 160);

    --bread-c-text-color:#fff;
    --bread-c-active-text-color:#fff;

    /*  KIDs */
    --kids-card:#f4f4f4;
   
    --kids-card-text:coral;
    --kids-card-text2:#ff00c8;

    /* quiz */
    --quiz-main-bg : rgb(14, 109, 146);
    --quiz-text-color:#fff;
}