/* Define the custom font "Kenteken" */
@font-face {
    font-family: Kenteken;
    src: url(../fonts/kenteken.eot);
    src: url(../fonts/kenteken.eot?#iefix) format("embedded-opentype"),
         url(../fonts/kenteken.woff2) format("woff2"),
         url(../fonts/kenteken.woff) format("woff"),
         url(../fonts/kenteken.ttf) format("ttf"),
         url(../fonts/kenteken.svg#Kenteken) format("svg");
    font-style: normal;
    font-weight: 300;
}

/* Apply Dutch license plate style */
input.kenteken-text-input {
	background: #f2ba00 url(../img/flag.svg) no-repeat top left;
    background-color: #ffc70d!important; /* Set permanent background color */
    padding: 5px 5px 5px 16px!important; /* Added 5px more padding on the left */
    border: 3px solid #000!important;
    border-radius: 3px;
    box-sizing: border-box;
    color: black!important;
    font-family: Kenteken, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
	width: calc(12% + 5px);
    text-transform: uppercase;
	text-align: center;
}

h3 {
    font-family: Arial, sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: normal;
	}

/* De tabel */
table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    }
    th, td {
      padding: 1px 15px;
      text-align: left;
      border-bottom: 1px solid #ddd;
	    line-height: 1em; /* Added line-height property */
    }
    th {
      background-color: #f2f2f2;
    }
    tr:hover {
      background-color: #f5f5f5;
    }
    @media screen and (max-width: 600px) {
      table {
        width: 100%;
      }
      th, td {
        display: block;
      }
      th {
        text-align: center;
      }
      td {
        text-align: center;
        border-bottom: 1px solid #ddd;
      }
      td:last-child {
        border-bottom: 0;
      }
	  
    tr.colspan-row {
      background-color: #f2f2f2;
    }
    }
	
	#licence_plate-meta {
	background: #f2ba00 url(../img/flag.svg) no-repeat top left;
    background-color: #ffc70d!important; /* Set permanent background color */
    padding: 5px 5px 5px 16px!important; /* Added 5px more padding on the left */
    border: 3px solid #000!important;
    border-radius: 3px;
    box-sizing: border-box;
    color: black!important;
    font-family: Kenteken, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
	width: calc(12% + 5px);
    text-transform: uppercase;
	text-align: center;
}