pdfCertificars.style.css

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 62.5%;
font-family: ‘Trebuchet MS’, ‘Lucida Sans Unicode’, ‘Lucida Grande’, ‘Lucida Sans’, Arial, sans-serif;
}
body {
text-align: center;
min-width: 620px;
margin: 15px;
word-break: none;
}
p {
color: darkgrey;
padding: 5px;
}
.box-header {
background-color: #283747;
margin: 10px 0;
padding: 10px;
border-radius: 8px;
}
.logocc {
width: 100px;
margin-top: 10px;
height: auto;
}
.main-top {
width: 100%;
margin-top: 15px;
justify-content: center;
display: flex;
}
.logosocialmedia {
padding: 2px;
width: 35px;
margin: 5px;
}
.top-menu {
height: 50px;
background-color: #ECF0F1;
display: flex;
justify-content: center;
list-style: none;
border-radius: 8px;
margin-bottom: 2px;
margin-top: 2px;
}
.menu {
color: #5c5b5b;
font-size: 1.6rem;
margin-top: 15px;
margin-left: 25px;
text-decoration: none;
}
.menu:hover {
color: #2980B9;
}
.top-img-revision {
background-color: #ffffff;
font-size: 3rem;
color: #5c5b5b;
font-weight: 600;
padding: 20px;
}
.top-tyc {
background-color: #e4de8a;
border-radius: 8px;
margin-bottom: 10px;
border-style: dotted;
border-width: 1px;
}
.tyc {
height: auto;
text-align: justify;
padding: 10px;
color: rgb(7, 7, 7);
letter-spacing: 0.5px;
font-family: Arial, Helvetica, sans-serif;
/* line-height: 1px; */
}
.box-placa {
background-position: center;
background-image: url(https://asesoronline.co/wp-content/uploads/2021/10/Captura-de-pantalla-2021-10-07-171432.png);
width: 100%;
padding-left: 10px;
height: 110px;
border-radius: 8px;
display: flexbox;
}
.placa {
font-size: 3.6rem;
padding: 30px;
}
.date {
font-size: 1.6rem;
justify-content: left;
display: flex;
margin-top: -20px;
color: whitesmoke;
}
.id-unico {
font-size: 1.6rem;
justify-content: right;
display: flex;
flex-wrap: wrap;
margin-top: -95px;
color: whitesmoke;
padding-right: 10px;
}
.box-imgs-percents {
margin-top: 10px;
display: flexbox;
align-items: center;
align-content: center;
}
.imgs-title {
width: 180px;
height: 50px;
padding: 5px;
margin-top: 10px;
}
.box1 {
order: 1;
width: 49%;
padding: 15px;
margin: 2px;
height: 380px;
float: left;
background-color: #F2F3F4;
border-radius: 8px;
font-size: 1.6rem;
}
.box2 {
order: 2;
width: 49.5%;
padding: 15px;
margin: 2px;
height: 380px;
float: right;
background-color: #F2F3F4;
border-radius: 8px;
font-size: 1.6rem;
}
.box3 {
order: 3;
width: 49%;
padding: 15px;
margin: 2px;
height: 380px;
float: left;
background-color: #F2F3F4;
border-radius: 8px;
font-size: 1.6rem;
}
.box4 {
order: 4;
width: 49.5%;
padding: 15px;
margin: 2px;
height: 380px;
float: right;
background-color: #F2F3F4;
border-radius: 8px;
font-size: 1.6rem;
}
.box5 {
order: 5;
width: 49%;
padding: 15px;
margin: 2px;
height: 380px;
float: left;
background-color: #F2F3F4;
border-radius: 8px;
font-size: 1.6rem;
}
.box6 {
order: 6;
width: 49.5%;
padding: 15px;
margin: 2px;
height: 380px;
float: right;
background-color: #F2F3F4;
border-radius: 8px;
font-size: 1.6rem;
}
.img-percent {
width: 280px;
height: 180px;
padding: 20px;
}
.box-tires {
margin-top: 10px;
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
}
.img-tire {
width: 18vh;
padding: 10px;
}
.tire1 {
order: 1;
width: 80vh;
margin-bottom: 10px;
background-color: #F2F3F4;
border-radius: 8px;
}
.tire2 {
order: 2;
width: 80vh;
margin-left: 10px;
margin-bottom: 10px;
background-color: #F2F3F4;
border-radius: 8px;
}
.tire3 {
order: 3;
width: 80vh;
margin-left: 10px;
margin-bottom: 10px;
background-color: #F2F3F4;
border-radius: 8px;
}
.tire4 {
order: 4;
width: 80vh;
margin-left: 10px;
margin-bottom: 10px;
background-color: #F2F3F4;
border-radius: 8px;
}
.ads {
width: 80vh;
height: 400px;
margin-top: 20px;
border-radius: 8px;
margin-left: 15px;
}
.title-results {
width: 100%;
height: 60px;
padding: 10px;
background-color: #155892;
font-size: 3rem;
color: honeydew;
border-radius: 8px;
margin-bottom: 10px;
margin-top: 2px;

}
#car-details {
font-size: 1.8rem;
color: darkgrey;
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 30px;
}
.table-details {
width: 50%;
margin-bottom: 20px;
}
.img-explication {
width: 450px;
margin-left: 50px;
}
@media (max-width: 600px) {
.table-details {
width: 100%;
}
.img-explication {
width: 400px;
}
}
/* @media (max-width: 800px) {
.table-details {
width: 100%;
}
.img-explication {
width: 400px;
}
} */
.rowcar-details {
background-color: #5DADE2;
border: #C0C0C0 solid;
height: 40px;
border-style: double;
padding-left: 50px;
text-align: left;
color: honeydew;
}
.rowcar-details2 {
border: #C0C0C0 solid;
height: 50px;
border-style: double;
padding-left: 50px;
text-align: left;
}
.rowcar-results {
width: 2%;
height: 40px;
/* border: #34495E dotted;
border-style: double; */
padding-left: 5px;
text-align: center;
font-size: 1.4rem;
background-color: #B2BABB;
font-weight: 600;
letter-spacing: 1px;
color: white;
}
.rowcar-results-percent {
width: 2%;
height: 40px;
/* border: #34495E dotted; */
/* border-style: double; */
padding-left: 10px;
text-align: center;
font-size: 1.6rem;
letter-spacing: 1px;
background-color: #FAFAFA;
font-weight: 500;
color: #797D7F;
}