/*------------------
 Estilo global 2019
-------------------*/

/*-- Definición de Colores --*/

:root {

    --color1-light: #AAA;
    --color1-dark: #0083CB;

    --color2-light: #007BFF;
    --color2-dark: #DDD;

    --color3-light: #DE5000;
    --color3-dark: #DE5000;

    --login-background: #C0C0C0;
    --header-color: #FFF;
    --header-background: #000;
    --body-background: #DDD;
    --footer-color: #C0C0C0;
    --footer-background: #000;
    --content-color: #888;
    --content-background: #FFF;
    --content-border: #444;
    
    --top-search-color: #DE5000;
    --top-search-placeholder: #C0C0C0;
    --top-search-background: #FFF;
    --top-search-hover: #DE5000;
    
    --highlighted-color: #DE5000;

    --left-sidebar-color: #000;
    --left-sidebar-item: #DE5000;
    --left-sidebar-background: #DDD;
    --left-sidebar-selected-background: #DE5000;
    --left-sidebar-selected-color: #DDD;

    --right-sidebar-background: #DDD;
    --right-sidebar-item: #AAA;
    --right-sidebar-item-active: #EEE;
    --right-sidebar-color: #000;

    --button-color: #EEE;
    --button-background: #0083CB;
    --button-hover: #DE5000;
    --button-border: #FFF;

    --login-btn-color: #FFF;
    --login-btn-background: #0083CB;
    --login-btn-hover-color: #FFF;
    --login-btn-hover-background: #DE5000;
}