#main{
    padding-top: 10px;
    margin-top: 25px;
    padding-bottom: 13px;
    margin-bottom: 13px;
    margin-left: 4%;
    margin-right: 4%;
}

.tittle{
    background-color: #2196f3;
    border-radius: 0.4rem;
    font-size: 1rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    color:#fafafa;
}

.row{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    flex-basis: auto;
    margin-left: 0px;
    margin-bottom:0px;
    min-height: 25px;
    /* width: 100vh; */
}

.row .mitades{
    flex-basis: 50%;
    text-align: center;
    padding:0.4rem;
}

.row .diez{
    flex-basis: 10%;
}

.row .veinte{
    flex-basis: 20%;
}

.row .cuartos{
    flex-basis: 25%;
}

.row .treinta{
    flex-basis: 28.5%;
}

.row .cuarenta{
    flex-basis: 40%;
}

.row .cincuenta{
    flex-basis: 50%;
}

.row .sesenta{
    flex-basis: 58%;
}

.row .setenta{
    flex-basis: 70%;
}

.row .ochenta{
    flex-basis: 80%;
}

.row .noventa{
    flex-basis: 90%;
}
.row .quince{
    flex-basis: 15%;
}

.row .cien{
    flex-basis: 100%;
}

.column{
    display: flex;
    flex-direction: column;
}

.center{
    text-align: center;
    
}

.right{
    text-align: right;
}

.left{
    text-align: left;
}

.justify{
    text-align: justify;
}

.pad-rg{
    padding-right: 2%;
}

.pad-lf{
    padding-left: 2%;
}

.pad-tp{
    padding-top: 0.3rem;
}

.pad-bt{
    padding-bottom: 0.3rem;
}

.mrg-lf{
    margin-left: 5%;
}

.mrg-rg{
    margin-right: 5%;
}

.mrg-min{
    margin-top:0px;
    margin-bottom:0.3rem !important;
}

.cuadrouncheck{
    height: 1.3rem;
    width: 1.3rem;
    border-radius: 0.2rem;
}

.inline-content{
    display: flex;
    flex-direction: row;
}

.content-center{
    justify-content: center;
    display: flex;
    align-items: center;
}
.content-justify{
    text-align: justify !important;
    padding:2px;
    align-items: center;
}

.font-blue{
    color:#2196f3;
}

.green{
    background-color:#4caf50;
    color:#fafafa;
    -webkit-print-color-adjust: exact;
    margin-left: 10;
    margin-right: 10;
}

.yellow{
    background-color:#f7df27 !important;
    color:#333333;
    -webkit-print-color-adjust: exact;
    margin-left: 10;
    margin-right: 10;
}

.red{
    background-color:#f44336 !important;
    color:#fafafa;
    -webkit-print-color-adjust: exact;
    margin-left: 10;
    margin-right: 10;
}

.sfont{
    font-size: 0.72rem;
}

.xsfont{
    font-size: 0.62rem;
}

.xxsfont{
    font-size: 0.55rem;
}

.bordered{
    border: #2196f3 1px solid;
 }

 .lateral-border{
    border-left: #2196f3 1px solid;
    border-right: #2196f3 1px solid;
 }

 .bottom-right-border{
     
    border-bottom: #2196f3 1px solid;
    border-right: #2196f3 1px solid;
 }
 .left-border{
    border-left: #2196f3 1px solid;
 }

 .underline{
     border-bottom: #2196f3 1px solid;
 }

 .bold{
     font-weight: 700;
 }

 #firma{
     height: 100px;
     width: 100%;
 }

 #full-tank{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(33,150,243,1) 25%);
    color: lavenderblush;
 }

 #three-quarters{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(33,150,243,1) 50%);
    color: lavenderblush;
    
 }

 #half-tank{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1)0%, rgba(33,150,243,1) 100%);
    color: black;
 }

 #one-quarter{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1)50%, rgba(33,150,243,1) 100%);
 }

 
.table-row{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    flex-basis: auto;
    margin-left: 0px;
    margin-bottom:0px;
    min-height: 25px;
    /* width: 100vh; */
}