/*
Un amarillo mostaza: #EEB111
Gris Oscuro para letras y detalles: #717073
Gris Claro que va en el footer del mapa de sitio y texto de las cajas del sitio y de la pagina de inicio: #̌919195
*/
@import "media-query.css";
@import "error.css";
@import "tipografia.css";

*{
    margin: 0px;
    padding: 0px;
    outline: none !important;
    text-decoration: none !important;
}

textarea:focus, input:focus{
    outline: none !important;
    border-color: inherit !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bootstrap-select{
    outline: none !important;
    border-color: inherit !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


.form-control-login{
    border: none !important;
}

html,body{
    height: 100%;
    background: #FFFFFF;
}

.container-login{
    font-size: 16px;
    width: 100%;
    height: 100%;
}

.row-login{
    text-align: center;
    margin: auto;
}

.row-login-logotipo img {
    width: auto;
    height: auto;
    max-width: 400px;
    max-height: 150px;
}

.row-mantenimiento img{
    margin-bottom: 10px;
}

.row-login-logotipo {
    text-align: center;
    margin: auto;
    margin-top: 50px;
}


.row-login-botones{
    text-align: center;
    margin: auto;
    width: 438px;
    margin-bottom: 30px;
}

.msn-activa-mensaje{
    width: 500px;
    margin: auto;
    text-align: center;
}

.titulo-bienvenido{
    text-align: center;
    color: #27241F;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 30px;
}

.msn-activa-mensaje h1, .msn-activa-mensaje h2, .msn-activa-mensaje h3{
    color: white;
    margin: 10px 0px;
}

.msn-activa-mensaje h1{
    font-size: 42px;
}

.msn-activa-mensaje h2{
    font-size: 36px;
}

.msn-activa-mensaje h3{
    font-size: 30px;
}

.msn-activa-mensaje p{
    margin: 10px 0px;
}

.msn-activa-mensaje a{
    color: white !important;
    font-size: 18px;
    text-decoration: none !important;
}


.form-control-text::-webkit-input-placeholder { color: #27241F !important; font-size: 16px; text-align: center;}
.form-control-text:-moz-placeholder { color: #27241F !important;  font-size: 16px; text-align: center;}
.form-control-text::-moz-placeholder { color: #27241F !important;  font-size: 16px; text-align: center;}
.form-control-text:-ms-input-placeholder { color: #27241F !important;  font-size: 16px; text-align: center;}


.form-control-text{
    background: #FFFFFF;
    width: 438px !important;
    border: 1px solid #27241F !important;
    border-radius: 26px !important;
    padding: 10px 20px;
    text-align: center;
    height: auto !important;
    color: #27241F;
    margin-bottom: 20px;
}


.boton-enviar{
    width: 438px !important;
    border-radius: 26px !important;
    padding: 10px 20px;
    text-align: center;
    color: #FFFFFF !important;
    background: var(--color-base);
}

.btn-point{
    background: #001E2D !important;
}

.recuperar-datos{
    text-decoration: underline !important;
    display: block;
    color: #27241F !important;
    font-size: 14px !important;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -moz-animation: fadein 1s; /* Firefox */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;
}

.mensajes-login{
    width: 438px;
    margin: auto;
}

.alert-danger{
    background: #F2DEDE;
    border: 1px solid #6F2928;
    color: #A74544;
    padding: 0px;
}

.alert-danger .alert--text{
    color: #6F2928;
}

.row-registro{
    width: 800px;
    margin: auto;
    text-align: center;
}

.row-registro .form-control-text{
    width: 100% !important;
    margin-bottom: 0px;
}

.row-registro .form-group{
    min-height: 75px;
    margin-bottom: 0px;
}

.form_content_detalle .form-control-text{
    height: 270px !important;
    text-align: left;
}

.row-registro .boton-enviar{
    margin-bottom: 20px;
    margin-top: 20px;
}

.alerta-login{
    width: 438px;
    margin: auto;
}
.alerta-registro{
    margin-top: 20px;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).cmb-select{
    width: 100%;

}

.cmb-select > .selectpicker{
    border: 1px solid #657782 !important;
    border-radius: 26px !important;
}

.cmb-select button.selectpicker{
    background: #FFF !important;
    padding: 10px 20px;
    color: #27241F;
}

.selectpicker .filter-option{
    text-align: center !important;
    color: #657782;
}

.cmb-select button.selectpicker .caret{
    width: 26px;
    height: 26px;
    top: 8px !important;
    right: 10px  !important;
    border: none !important;
    background: url("../img/boton_choose.png") no-repeat center center;
    background-size: 24px auto;
    -o-background-size: 24px auto;
    -moz-background-size: 24px auto;
    -ms-background-size: 24px auto;
    -webkit-background-size: 24px auto;
    font-size: 0px;
    opacity: 1;
    margin: 0px !important;
}

.cmb-select .dropdown-menu{
    background: #FFFFFF !important;
}


.cmb-select ul.dropdown-menu li a span{
    color: #657782 !important;
}

.cmb-select ul.dropdown-menu li a .check-mark{
    color: #27241F;
}
.cmb-select ul.dropdown-menu li.selected a,
.cmb-select ul.dropdown-menu li.active a,
.cmb-select ul.dropdown-menu li a:hover{
    background: #444444 !important;
}

.cmb-select ul.dropdown-menu li.selected a span,
.cmb-select ul.dropdown-menu li.active a span,
.cmb-select ul.dropdown-menu li a:hover  span{
    background: #444444 !important;
    color: #FFFFFF !important;
}

.bootstrap-select.btn-group div.dropdown-menu{
    border-radius: 25px !important;
}

.col-login-left{
    padding-right: 10px;
}

.col-login-right{
    padding-left: 10px;
}

.calendario{
    background: url("../img/calendario_icon.png") no-repeat 97% center #FFFFFF !important;
    background-size: 26px auto  !important;
    -o-background-size: 22px auto  !important;
    -moz-background-size: 26px auto  !important;
    -ms-background-size: 26px auto  !important;
    -webkit-background-size: 26px auto  !important;
}

.errorlist{
    list-style: none;
}

.errorlist li{
    color: red;
    font-size: 14px !important;
    font-weight: 400;
    text-align: center;
}

.selectpicker li[rel="0"] a span.text{
    color: red !important;
}

.opcion-seleccionada{
    color: #27241F !important;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"]{
    margin-bottom: 0px !important;
}

.datepicker-days th{
    color: #27241F;
    font-weight: 600;
    font-size: 16px;
}

.datepicker-days td{
    color: #27241F;
    font-weight: 500;
    font-size: 16px;
}

.datepicker td.active:hover, .datepicker td.active:hover:hover,
.datepicker td.active:focus, .datepicker td.active:hover:focus,
.datepicker td.active:active, .datepicker td.active:hover:active,
.datepicker td.active.active, .datepicker td.active:hover.active,
.datepicker td.active.disabled, .datepicker td.active:hover.disabled,
.datepicker td.active[disabled], .datepicker td.active:hover[disabled]{
    background: #27241F;
    border-radius: 5px;
}

.datepicker td span.active:hover, .datepicker td span.active:focus,
.datepicker td span.active:active, .datepicker td span.active.active,
.datepicker td span.active.disabled, .datepicker td span.active[disabled] {
    background: #27241F;
    border-radius: 5px;
}


.oculto{
    visibility: hidden !important;
}

.div-oculto{
    height: 0px;
    overflow: hidden;
}

.login-perfil{
    margin-bottom: 20px;
    text-align: center;
}

.login-perfil span{
    color: red;
    padding-right: 5px;
}

.row-login, .row-reset{
    margin-top: 25px;
}