﻿#errorLogueo {
    color: rgb(242, 131, 131);
}

.panel-gradient > .panel-heading {
    color: #ECFAE9;
    background-color: #344E86;
    border-color: #344E86;
}

.panel-gradient > .panel-heading {
    background-image: linear-gradient(to bottom, #3B5998 0%, #3B5998 100%);
}

.panel-body {
    position: relative;
    padding: 15px;
    background: #3B5998;
}

body {
    font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
    color: #A2A6AA;
    background-color: #A2A6AA;
}

.form-control {
    background-color: #344E86;
    color: #ECFAE9;
    border: 1px solid #344E86;
}

.btn-primary {
    border-color: #AAAAAA;
    background-color: #303641;
    border-color: #373E4A;
}

.izquierda {
    font-size: 13px;
    height: 25px;
    color: rgb(249, 250, 252);
}

.entypo-down-open:before {
    content: '\e873';
    color: rgb(158, 166, 170);
}

.panel-gradient {
    border-color: #344E86;
    border-radius: 5px;
}

.login-page .combo {
    text-align: left;
}

.dropdown .selected, .dropdown li {
    font-size: 12px;
    color: #AAA;
}

.dropdown:hover,
.dropdown.focus {
    background: #303641;
}

    .dropdown:hover .selected::after,
    .dropdown.focus .selected::after {
        box-shadow: inset -55px 0 25px -20px #303641;
    }

.dropdown div {
    background: #303641;
}

.dropdown {
    background: #303641;
    border: 1px solid #AAA;
}

    .dropdown .selected::after {
        box-shadow: inset -55px 0 25px -20px #303641;
    }

button, input, optgroup, select, textarea {
    background-color: #303641;
    font: inherit;
    margin: 0;
}

.login-container {
position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.derecha {
    float: right;
}

.mensajeError {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    font-size: 10px;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.caja {
    width: 60%;
    margin: 0 auto;
    top: 17%;
}
