@font-face {
  font-family: "Poppins";
  src: url("http://localhost/autovinn/fonts/Poppins-Regular.ttf") format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("http://localhost/autovinn/fonts/Poppins-Bold.ttf") format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: "Poppins";
  src: url("http://localhost/autovinn/fonts/Poppins-Light.ttf")format('truetype');
  font-weight: 300;
}
/* @font-face {
  font-family: "Dosis";
  src: url("../fonts/Dosis-Regular.ttf") format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: "Dosis";
  src: url("../fonts/Dosis-Medium.ttf") format('truetype');
  font-weight: 500;
} */

body{
	background-color: #fff;
	font-family: "Poppins", Helvetica, Arial, sans-serif;
	/* padding-top: 156px 0; */
	font-size:11pt;
}
h2 {
	color:#00486c !important;
}
h4 {
	color:#00486c !important;
	font-size:14pt;
	padding:10px 0;
}
input, select {
	font-weight:normal;
}
::placeholder {
	font-size:9pt;
	color:#e8e8e8;
	font-weight:normal;
}
.logo {
	position:absolute;
	box-shadow: 0 5px 5px #06f;}

.vcenter {
    display: inline-block;
    vertical-align: middle;
	text-align:center;
    float: none;
	font-size:12pt;
	font-weight:bold;
	padding-top:15px;
}
.vright {
    display: inline-block;
    vertical-align: middle;
	text-align:right;
    float: none;
	font-size:12pt;
	font-weight:bold;
	padding-top:15px;
}
div.spstyle {
	height:300px;
	display:block;
	border: 1px solid #000;
	border-radius: 5px;
	padding:10px 15px; 
	font-size:12pt;
	}
	div.spstyleone {
	height:410px;
	display:block;
	border: 1px solid #000;
	border-radius: 5px;
	padding:10px; 
	font-size:12pt;
	}
div.spstyletwo {
	height:100px;
	display:block;
	border: 1px solid #000;
	border-radius: 5px;
	padding:10px; 
	font-size:12pt;
	}
table.tbdetails tr td {
	width:24%;
	border-bottom:1px solid #000;
	height:18pt;
	padding:5px 0;
}
.tabgap {
	width:3%;
	border:1px solid #fff;
	background:#fff;
}
table.tdalignmid tr td{
	vertical-align: middle;
}
table.tdalignmid tr td img{
	vertical-align: middle;
	height:30px;
}

/* ----------------------- */
@media print {
	@page {
			size: A4;
		  }
    body {
        width: 21cm;
        height: 29.7cm;
        margin-top: 15mm; /* Adjust margin as you like. */
		margin-right: 15mm; /* Adjust margin as you like. */
		margin-left: 15mm; /* Adjust margin as you like. */
		margin-bottom: 15mm; /* Adjust margin as you like. */
		padding:0;
		padding-right:10mm;
		font-size:11pt;
		}
	.noprint { display:none !important; }
	.pbreak {page-break-before: always;}
	input, textarea {
	border:none !important; 
	box-shadow:none !important;
	outline:none !important;
		}
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none; /* If you want to remove the border as well */
		background: none;
		width:50px;
			}
	}
@media screen {
  span.noshow{
    display:none; 
  }
}
.bordar {
border-radius: 8px;
}
.bordar input{
text-align:center;
}

.imgfix img{
	position: relative; /* Position the image relative to its parent */
    top: 0; /* Position the image at the top of the parent div */
    left: 0; /* Position the image at the left of the parent div */
    width: auto; /* Make the width of the image fill the parent div */
    height: auto; /* Make the height of the image fill the parent div */
    object-fit: cover; /* Maintain aspect ratio while covering the parent div */
}	
/* ----------------------- */