@import './custom/bottombar.css';
@import './custom/topbar.css';
@import './custom/attributeForm.css';
@import './custom/scrollbars.css';
@import './custom/appmenu.css';
@import './custom/buttons.css';
@import './custom/background_switcher.css';

/* Set Font Family for the whole page */
* {
    font-family: "Tahoma",Helvetica,Arial,sans-serif;
}

:root.riag {
    /* Base colors */
    --text-color: #363736;
    --text-color-link: #337ab7;
    --text-color-disabled: #999;
    --container-bg-color: #f8f8f8;
    --input-bg-color: rgba(229, 234, 225, 0.9);
    --input-bg-color-disabled: #eee;
    --border-color: #bbb;
    --color-active: #c45608;
    --focus-outline: 2px solid #c45608;
    /* Tooltips */
    --tooltip-bg-color: rgba(0, 0, 0, 0.75);
    --tooltip-text-color: rgba(229, 234, 225, 0.9);
    --tooltip-border-color: black;
    /* Map buttons */
    --map-button-bg-color: #363736;
    --map-button-text-color: rgba(229, 234, 225, 0.9);
    --map-button-hover-bg-color: #f2f2f2;
    --map-button-hover-text-color: #363736;
    --map-button-active-bg-color: #f2f2f2;
    --map-button-active-text-color: #363736;
    /* Panels (topbar and bottom bar) */
    --panel-bg-color: rgba(229, 234, 225, 0.4);
    --panel-text-color: #363736;
    /* Titlebars */
    --titlebar-bg-color: #363736;
    --titlebar-text-color: rgba(229, 234, 225, 0.9);
    /* Button */
    --button-bg-color: #363736;
    --button-bg-color-hover: #3a3a3a;
    --button-bg-color-active: #202020;
    --button-bg-color-active-hover: #1a1a1a;
    --button-bg-color-disabled: #333;
    --button-text-color: rgba(229, 234, 225, 0.9);
    --button-text-color-hover: rgba(229, 234, 225, 0.9);
    --button-text-color-active: rgba(229, 234, 225, 0.9);
    --button-text-color-active-hover: rgba(229, 234, 225, 0.9);
    --button-text-color-disabled: #666;
    /* List */
    --list-bg-color: rgba(229, 234, 225, 0.9);
    --list-section-bg-color: #ccc;
    --list-section-text-color: #363736;
    --list-item-bg-color-even: #f0f0f0;
    --list-item-bg-color-hover: #dcdcdc;
    --list-item-bg-color-active: #c45608;
    --list-item-bg-color-active-hover: #6394c0;
    --list-item-text-color-hover: #363736;
    --list-item-text-color-active: rgba(229, 234, 225, 0.9);
    --list-item-text-color-active-hover: rgba(229, 234, 225, 0.9);
    /* App menu */
    --app-menu-bg-color: #f2f2f2;
    --app-menu-text-color: #363736;
    --app-menu-bg-color-hover: rgba(229, 234, 225, 0.9);
    --app-menu-text-color-hover: #363736;
    --app-submenu-bg-color: #808080;
    --app-submenu-text-color: rgba(229, 234, 225, 0.9);
    --app-submenu-bg-color-hover: #a0a0a0;
    --app-submenu-text-color-hover: rgba(229, 234, 225, 0.9);
}