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

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

:root {
    --color0: transparent;

    --color1-light: #F5F7FA;
    --color1-dark: #ABACAF;

    --color2-light: #4e555A;
    --color2-dark: #2E3336;

    --color3-light: #FF4F41;
    --color3-dark: #FC4239;

    --login-background: #2e3336;
    --header-color: #abacaf;
    --header-background: #2e3336;
    --body-background: #f5f7fa;
    --footer-color: #abacaf;
    --footer-background: #2e3336;
    --content-color: #333;
    --content-background: #fff;
    --content-border: #eee;

    --top-search-color: #333;
    --top-search-placeholder: #999;
    --top-search-background: #fff;
    --top-search-hover: #338cdf;
    
    --highlighted-color: #ff4f41;

    --left-sidebar-color: #4e555a;
    --left-sidebar-item: #abacaf;
    --left-sidebar-background: #f5f7fa;
    --left-sidebar-selected-background: #ff4f41;
    --left-sidebar-selected-color: #f5f7fa;
    
    --right-sidebar-background: #f5f7fa;
    --right-sidebar-item: #abacaf;
    --right-sidebar-item-active: #f5f7fa;
    --right-sidebar-color: #4e555a;

    --button-color: #333;
    --button-background: #f5f7fa;
    --button-hover: #ddd;
    --button-border: #f5f7fa;

    --login-btn-color: #f5f7fa;
    --login-btn-background: #f82600;
    --login-btn-hover-color: #f5f7fa;
    --login-btn-hover-background: #f82600;
}