/************
/ Pagina
/************/
html,
body {
    width: 100%;
    height: 100%;
}
body {
    font-size: small;
    /*background-color: #87CEFA;*/
}
header {
    height: 56px;
    /*background-color: #FFDEAD;*/
}
main {    
    height:calc(100vh - 60px);
    overflow-y: hide;
    /*background-color: #B0E0E6;*/
}
/**********************
/ Barra de navegacion
/**********************/
.navbar-light {
    background-color: #33426B !important;
    border-color: none !important;    
}
/**********************
/ Menus
/**********************/
.navbar-light a {
    color: white !important;
}
.nav-item a:hover {
    color: orange !important;
}
/**********************
/ Principal
/**********************/
.notificacion {
    padding-top: 10px;
    height:calc(100vh - 60px);
    overflow-y: auto;
    /*background-color: #D8BFD8;*/
}
.login {
    padding-top: 10px;
    height:calc(100vh - 60px);
    /*background-color: #F5DEB3;*/
}
.login .card {
    margin-top: 60px;
}
.guia {
    height:calc(100vh - 60px);
    overflow-y: auto;
    /*background-color: #EEE8AA;*/
}
.guias a:link, a:visited, a:active {
    text-decoration: none;
    color: #696969;
}
.guias a:hover {
    color: orange;
}
/*****************
/ Vista
/*****************/
.form-control,
.btn,
.control-label {
    font-size: small;
}
.btn {
    color: white !important;
}
l/*****************
/ contraseña
/*****************/
.forgot a:link, a:visited, a:active{
    font-size: smaller;
    text-decoration: none;
}
/*****************
/ captcha
/*****************/
.captcha img {
    max-width: 100% !important;
    height: auto !important;
}

/**********************
/ Campos requeridos
/**********************/
.errorInputTxt {
    color: red;
}

/**********************
/ Alertas
/**********************/
#alerta {
    display: none;
}
#aviso {
    display: none;
}

.titulo {
    color: #4682B4 !important;
}