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

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

:root {

    --color1-light: #8EBCE5;
    --color1-dark: #174781;

    --color2-light: #4E555A;
    --color2-dark:  #5390D2;

    --color3-light: #FF4F41;
    --color3-dark: #8EBCE5;

    --login-background:  #174781;
    --header-color: #CCC;
    --header-background:  #174781;
    --body-background: #F5F7FA;
    --footer-color: #ABACAF;
    --footer-background:  #174781;
    --content-color: #333;
    --content-background: #FFF;
    --content-border: #EEE;
    
    --top-search-color: #333;
    --top-search-placeholder: #999;
    --top-search-background: #FFF;
    --top-search-hover:  #8EBCE5;
    
    --highlighted-color:    #FF4F41;

    --left-sidebar-color: #4E555A;
    --left-sidebar-item:  #8EBCE5;
    --left-sidebar-background: #F5F7FA;
    --left-sidebar-selected-background:  #174781;
    --left-sidebar-selected-color: #F5F7FA;

    --right-sidebar-background: #F5F7FA;
    --right-sidebar-item: #ABACAF;
    --right-sidebar-item-active: #F5F7FA;
    --right-sidebar-color:  #4E555A;

    --button-color: #3B589C;
    --button-background: #F5F7FA;
    --button-hover:    #8EBCE5;
    --button-border: #F5F7FA;

    --login-btn-color: #F5F7FA;
    --login-btn-background:    #8EBCE5;
    --login-btn-hover-color: #F5F7FA;
    --login-btn-hover-background:    #FF4F41;
}