html, body {
    font-family: 'Roboto', sans-serif;
    height: 100%;
    min-height: 100%;
}

.container-fluid {
    background-color: #fafafa !important;
    overflow-y: scroll !important;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
}

/*PARA LOGIN*/

.primerLinea {
    margin-top: 100px;
    margin-bottom: 25px;
}

#principal {
    background: url('https://dona.msf.mx/resources/img/fondos/computadora1.jpg') no-repeat;
}

.footer {
    position: fixed;
    bottom: 15px;
    width: 100%;
}

.footer2 {
    position: fixed;
    bottom: 0px;
    width: 100%;
}

/*PARA ADMIN*/

.container-fluid {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.sidebar {
    background-color: #222;
}

.logoMenu {
    width: 155px;
    margin-bottom: 20px;
}

.menuPrincipal>li {
    list-style: none;
    margin-left: -25px;
    margin-bottom: 10px;
    font-size: 20px;
    width: 100%;
}

.botonMenu {
    text-align: left;
    background-color: #333;
    border-color: #444;
}

.botonMenu:hover {
    text-align: left;
    background-color: #666;
    border-color: #888;
}

.contenido {
    padding-top: 20px;
    background-color: white;
}

.errorAdmin {
    color: red;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    text-align: center;
    vertical-align: middle;
}

.btn-group>.btn:not (:first-child):not (:last-child):not (.dropdown-toggle) {
    border-radius: 0px 4px 4px 0px;
}

.testimonioAdmin {
    width: 70px;
    border-radius: 50px;
}

.iconoActivo {
    border-radius: 50px;
    color: white;
    background-color: green;
    width: 50px;
    height: 50px;
    font-size: 25px;
    text-align: center;
    padding-top: 12px;
}

.carruselAdmin {
    width: 150px;
}

.fondosAdmin {
    width: 150px;
}

.fondosMAdmin {
    width: 50px;
}

.inputTexto {
    width: 100%;
}

.entradaDato {
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddingLateral {
    padding-left: 15px;
}

.derecha {
    text-align: right;
}

.ancho80 {
    width: 80%;
}

.fondoOscuro {
    background-color: #0c141d;
    color: white;
}

.izquierda {
    text-align: left;
}

.link {
    color: #444444;
}

.gris {
    color: #666666;
    font-weight: bold;
}

.color1 {
    background-color: #FF7F27;
    color: #FF7F27;
    font-weight: bold;
}

.color2 {
    background-color: #02D079;
    color: #02D079;
    font-weight: bold;
}

.hGreenAL {
    border-bottom: 2px solid #157D83;
    color: #157D83;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.hGreenAL2 {
    border-bottom: 2px solid #1D998E;
    color: #1D998E;
}

.sign-form {
    background-color: #e0fdfc;
    padding: 8px;
    border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.input-group-prepend span {
    width: 50px;
    background-color: #1D998E;
    color: #105558;
    border: 0 !important;
}

.input-group-text {
    padding-left: 16px;
}

.w-90 {
    width: 90%;
}

.btn-info {
    background-color: #1D998E;
    color: #ffffff;
}

.modal-dialog {
    max-width: 60% !important;
}

.table-striped > tbody > tr:nth-child(odd)>td {
    background-color: #83BCB5;
}

.table-striped > tbody > tr:nth-child(even)>td {
    background-color: #ffffff;
}

.btn-primary {
    background-color: #1D998E !important;
    border-color: #1D998E !important;
    color: #ffffff !important;
}