/* Variables for site
------------------------------------------------------------------------------------------------------*/
:root {
    --main-text-color: #4a4a4a;
    --main-bgcolor: #fd324f;
    --main-title-color: #4a4a4a;
    --main-title-hover-color: #046f56b3;
    --main-title-active-color: #fd324f;
    /**---------------------
    variables for menu
    ---------------------**/
    --menu-text-color: #4a4a4a;
    --menu-hover-bgcolor: #fd324f;
    --menu-hover-color: #fd324f;
    --menu-active-bgcolor: #fd324f;
    --menu-active-color: #fd324f;

    /** variables for title header manager(ex: header manage class, manage course) **/
    --block-manage-header-color: #4a4a4a;
    --block-manage-header-bgcolor: #ffffff;
    --block-manage-header-bocolor: #f68a1e;

    /** variables for header (ex: header add class, add course) **/
    --block-header-color: #ffffff;
    --block-header-bgcolor: #fd324f;
    --block-header-bocolor: #fd324f;

    /** variables for header modal**/
    --modal-header-color: #ffffff;
    --modal-header-bgcolor: #fd324f;
    --modal-header-bocolor: #fd324f;

    /**---------------------
    variables for button
    ---------------------**/
    /*btn enable*/
    --btn-enable-color: #ffffff;
    --btn-enable-bgcolor: #fd324f;
    --btn-enable-bocolor: #fd324f;
    /*btn enable hover*/
    --btn-enable-hover-color: #ffffff;
    --btn-enable-hover-bgcolor: #096e3c;
    --btn-enable-hover-bocolor: #096e3c;

    /*btn disable*/
    --btn-disable-color: #4a4a4a;
    --btn-disable-bgcolor: #ffffff;
    --btn-disable-bocolor: #cbcbcb;
    /*btn cancel*/
    --btn-cancel-color: #000000;
    --btn-cancel-bgcolor: #cccccc;
    --btn-cancel-bocolor: #cccccc;

    --branding-color-green: #169D56;
}