.login-form {
    width: 440px;
    margin: 50px auto;
    font-size: 12px;

    margin-bottom: 15px;
    background: #f7f7f7;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 30px;
}

@media screen and (max-width: 650px) {
    .login-form {
        width: 100%;
        margin: 50px auto;
        font-size: 12px;
        margin-bottom: 15px;
        background: #f7f7f7;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding: 30px;
    }
}

.fs1 {
    font-size: 1px;
}

.fs2 {
    font-size: 2px;
}

.fs3 {
    font-size: 3px;
}

.fs4 {
    font-size: 4px;
}

.fs5 {
    font-size: 5px;
}

.fs6 {
    font-size: 6px;
}

.fs7 {
    font-size: 7px;
}

.fs8 {
    font-size: 8px;
}

.fs9 {
    font-size: 9px;
}

.fs10 {
    font-size: 10px;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs18 {
    font-size: 18px;
}

.fs19 {
    font-size: 19px;
}

.fs20 {
    font-size: 20px;
}

.fs21 {
    font-size: 21px;
}

.fs22 {
    font-size: 22px;
}

.fs23 {
    font-size: 23px;
}

.fs24 {
    font-size: 24px;
}

.fs25 {
    font-size: 25px;
}

.fs26 {
    font-size: 26px;
}

.fs27 {
    font-size: 27px;
}

.fs28 {
    font-size: 28px;
}

.fs29 {
    font-size: 29px;
}

.fs30 {
    font-size: 30px;
}

.fs32 {
    font-size: 32px;
}
.fs34 {
    font-size: 34px;
}
.fs36 {
    font-size: 36px;
}
.fs38 {
    font-size: 38px;
}
.fs40 {
    font-size: 40px;
}

.pmin0 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.pmin1 {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
}


.pmin2 {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

.mmin0 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.mmin1 {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
}

.mmin2 {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
}

.negrita {
    font-weight: bold;
}

.cursiva {
    font-style: italic;
}




.bg-rosa-caliente {
    background-color: #FF69B4;
}

.bg-aguamarina {
    background-color: #7FFFD4;
}

.bg-azul-t {
    background-color: #00bfff05;
}

.bg-azul-claro {
    background-color: #00BFFF;
}

.bg-dorado {
    background-color: #FFD700;
}

.bg-naranja-fuego {
    background-color: #FF4500;
}

.bg-verde-primavera {
    background-color: #00FF7F;
}

.bg-amarillo-oliva {
    background-color: #9ACD32;
}

.bg-fucsia {
    background-color: #FF00FF;
}

.bg-verde-oscuro {
    background-color: #008000;
}

.bg-naranja {
    background-color: #FFA500;
}

.bg-rojo {
    background-color: #FF0000;
}

.bg-azul {
    background-color: #0000FF;
}

.bg-turquesa {
    background-color: #00FFFF;
}

.bg-morado {
    background-color: #800080;
}

.bg-amarillo {
    background-color: #FFFF00;
}

.bg-verde-agua {
    background-color: #008080;
}

.bg-gris {
    background-color: #363636;
}

.bg-blanco {
    background-color: #FFFFFF;
}

.bg-negro {
    background-color: #000000;
}

.bg-verde-oliva {
    background-color: #808000;
}

.btn-inactivo{
   cursor: "not-allowed";
   pointer-events: none;
}

.caprobada {
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    border-radius: 50%;
    background: #1fad02;
}

tr:nth-child(even) {
    background-color: #f2f2f2
}

.border-green {

    border: 3px solid rgba(255, 196, 0, 0.274);
}

.imgcenterscreen {
    width: 50%;
}

@media screen and (max-width: 720px) {
    .imgcenterscreen {
        width: 90%;
        margin-top: 40%;

    }

}

.table-total {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
  }

.total-row {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    color: #fff;
    text-align: center;
  }