:root {
    --myfontfamily: 'Raleway';
    --myfontsrc: url('/static/Fonts/raleway-regular.ttf');
    --myloginbackgroundimage: url('/static/theme/default/background.jpg');
    --mybackgroundcolor: #F0F0F0;
    --mychartbordercolor: #80A5C8; /*blue 50%*/
    --mybordercolor: #A0A0A0;
    --mytextcolor: #004C92; /*blue*/
    --mylinkcolor: #004C92;
    --mynavheadertextcolor: #004C92;
    --mynavheaderbordercolor: #004C92;
    --mynavheaderafterborderbottomcolor: #F0F0F0;
    --mynavheaderbeforeborderbottomcolor: #004C92;
    --mynavheaderselectbackgroundcolor: #80A5C8;
    /*--mynavheaderselecttextcolor: deepskyblue;
    --mynavheaderselectbordercolor: deepskyblue;*/
    --mynavheaderhoverbackgroundcolor: #6D8091;
    --mynavheaderdisablebackgroundcolor: ##404040;
    --mynavheaderdisablebordergroundcolor: #A0A0A0;
    --mynavheaderdisabletextgroundcolor: #A0A0A0;
    --mynavheaderdisableafterborderbottomcolor: #F0F0F0;
    --mynavheaderdisablebeforeborderbottomcolor: #A0A0A0;
    --myweatherboxtextcolor: #A0A0A0;
    --myweatherboxbordercolor: #A0A0A0;
    --mysearchboxbordercolor: #80A5C8;
    --mysearchboxtextcolor: #A0A0A0;
    --mysearchboxheaderbackgroundcolor: #F0F0F0;
    --mysearchboxheaderbordercolor: #004C92;
    --mysearchboxheadertextcolor: #004C92;
    --mysearchboxheaderafterborderbottomcolor: #F0F0F0;
    --mysearchboxheaderbeforeborderbottomcolor: #004C92;
    --myheadertitlebordercolor: #A0A0A0;
    --myheadertitletextcolor: #F0F0F0;
    --myheadertitlebackgroundcolor: #004C92; /*blue*/
    --myheadertitleafterborderbottomcolor: #F0F0F0;
    --myheadertitlebeforeborderbottomcolor: #A0A0A0;
    --mymodalbackgroundcolor: #F0F0F0;
    --mymodalheaderbackgroundcolor: #F0F0F0;
    --mymodalheadertextcolor: #004C92;
    --myalertboxbordercolor: #A0A0A0;
    --myerrortextcolor: #DD4630;
    --myalerttextcolor: #DD4630;
    --myalertbordercolor: #DD4630;
    --mynoalerttextcolor: #A0A0A0;
    --mynoalertbordercolor: #A0A0A0;
    --mysliderbackgroundcolor: white;
    --myslidertickcolor: #004C92;
    --mysliderlabelcolor: #004C92;
    --mysliderhandlecolor: #DD4630; /*the original dark theme has 2 sliders, one handle is black, another is salmon, make both salmon*/
    --mysliderbarcolor: #80A5C8;
    --myslidertrianglebordercolor: #A0A0A0;
    --mysliderrectanglebackgroundcolor: #80A5C8;
    --mysliderrectanglecolor: #DD4630;
    --mydatepickerbackgroundcolor: #80A5C8;
    --mydatepickerbordercolor: #A0A0A0;
    --myuidatepickerbackgroundcolor: #80A5C8;
    --myuidatepickerbordercolor: #A0A0A0;
    --mycosttextcolor: #DD4630;
    --myusermanagementtablehoverbackgroundcolor: #004C92;
    --myusermanagementtableheadertextcolor: #A0A0A0;
    --myusermanagementtablerowtextcolor: #A0A0A0;
    --myusermanagementtablerowbackgroundcolor: #008600;
    --myusermanagementtablerowinactivebackgroundcolor: #F9A01C;
    --mycompanymanagementtablehoverbackgroundcolor: #004C92;
    --mycompanymanagementtableheadertextcolor: #A0A0A0;
    --mycompanymanagementtablerowtextcolor: #A0A0A0;
    --mycompanymanagementtablerowbackgroundcolor: #008600;
    --mycompanymanagementtablerowinactivebackgroundcolor: #F9A01C;
    --mydropdownitemtextcolor: #A0A0A0;
    --mycustomshapeafterborderbottomcolor: #F0F0F0;
    --mycustomshapebeforeborderbottomcolor: #004C92;
    --myloginformcontrolbackgroundcolor: #F0F0F0;
    --mylogintextboxbackgroundcolor: #80A5C8;
    --myloginheadercolor: #A0A0A0;
    --myloginbordercolor: #004C92;
    --mylinkbuttonbordercolor: #004C92;
    /*for reference only*/
    /*
    --mymaincolorblue: #004C92;
    --mymaincolorgreen: #008600;
    --mymaincolorred: #DD4630;
    --mymaincolorpurple: #A83CA5;
    --mymaincoloryellow: #F9A01C;
    --mygraphcolorblue: #80A5C8;
    --mygraphcolorgreen: #7bbb7b;
    --mygraphcolorred: #EEA38D;
    --mygraphcolorpurple: #D39ED2;
    --mygraphcoloryellow: #FCD08E;
    */
}