@import "https://fonts.googleapis.com/css?family=Roboto:400,900";
@font-face{font-family:regFont;src:url(UKNumberPlate.ttf)}

*{ -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;}
br.mobile{display:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{display:none;-webkit-appearance:none;margin:0}
.manualselect{display:none}
input[type=number]{-moz-appearance:textfield}
.manualevaluationform input[type="text"]{max-width:200px;width:100%;height:60px;font-size:16px;border-radius:10px;padding-left:15px;border:solid #000 5px;font-weight:700;font-family:regFont,sans-serif;text-transform:uppercase;margin-right:10px;hyphens: none;}
.manualevaluationform button{background-color:#0A9ED7;color:#fff;max-width:150px;width:100%;height:90px;font-size:22px;font-weight:700;font-family:"Open Sans",sans-serif;margin-top:-10px;margin-left:25px;border-radius:10px;-webkit-animation:pulse 5s linear infinite;animation:pulse 5s linear infinite}
.manualevaluationform button:hover{color:#fff}
.manualevaluationform button:focus{color:#fff}
.mainevaluationform{text-align:center;padding:5px 0;z-index:1;position:relative}
.mainevaluationform input[type="text"]{hyphens: none;border:none;max-width:550px;width:100%;text-align:center;height:120px;font-size:80px;border-radius:10px;padding-left:60px;font-weight:700;font-family:regFont,sans-serif;text-transform:uppercase;background-image:url(/wp-content/uploads/2019/01/numberplatblue.svg);background-repeat:no-repeat;background-position:-1px 0;background-size:contain;background-color:#FCCD3E}
.mainevaluationform button{background-color:#3AB556;color:#fff;max-width:300px;width:100%;height:auto;font-size:22px;font-weight:700;font-family:"Open Sans",sans-serif;margin-top:20px;border-radius:0;-webkit-animation:pulse 5s linear infinite;animation:pulse 5s linear infinite}
.mainevaluationform button:hover{color:#fff;background-color:#258cbf!important}
.mainevaluationform button:focus{color:#fff;background-color:#258cbf!important}
#resultsBox{margin:auto}
.manualselect{max-width:100%;margin:40px auto;position:relative;z-index:1}
.selectboxcontainer .row{margin:0}
.selectboxcontainer .btn-select{padding:10px 20px 10px 10px !important;overflow:hidden;position:relative;font-family:"Varela Round",sans-serif;height:50px;border-radius:0!important;background-color:#2ea1db;color:#fff;background:-webkit-linear-gradient(top,#38b5e3 0%,#248cd3 100%);background:-webkit-gradient(linear,left top, left bottom,from(#38b5e3),to(#248cd3));background:-o-linear-gradient(top,#38b5e3 0%,#248cd3 100%);background:linear-gradient(to bottom,#38b5e3 0%,#248cd3 100%);-webkit-box-shadow:0 0 15px 0 rgba(46,161,219,0.6);box-shadow:0 0 15px 0 rgba(46,161,219,0.6);width:100%;padding:10px;-webkit-appearance:none;text-align:left}
.selectboxcontainer .btn-select:hover{background-color:#2ea1db!important;cursor:pointer}
.selectboxcontainer .btn-select:after{font-family:FontAwesome;content:"\f078";position:absolute;right:10px;top:50%;height:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.selectboxcontainer .listdropdown{position:absolute;background-color:#fff!important;z-index:10;width:calc(100% - 4px);font-family:"Varela Round",sans-serif;list-style:none;padding-top:5px;padding-left:0;border-left:solid #ccc 1px;border-right:solid #ccc 1px;border-bottom:solid #ccc 1px;display:none;max-height:200px;overflow-y:scroll!important}
.selectboxcontainer .listdropdown li{margin:5px 0!important;list-style:none;padding:0 5px!important;font-size:14px;font-weight:400;color:#000}
.selectboxcontainer .listdropdown li:hover{color:#000!important}
.selectboxcontainer .listdropdown li:before{display:none!important;padding:0}
.selectboxcontainer .listdropdown li{-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;padding:8px 10px;border-bottom:solid #eee 1px}
.selectboxcontainer .listdropdown li:hover{background-color:#29C666;cursor:pointer;color:#fff}
.selectboxcontainer button{width:100%;height:50px;border-radius:0;background-color:#29C666;font-family:"Varela Round",sans-serif}
.selectboxcontainer button:focus{outline:0}
.selectboxcontainer button:hover{cursor:pointer}
.selectboxcontainer .selectbox{padding:0 2px}
.selectboxcontainer .selectbox:first-child{padding-left:0}
.selectboxcontainer .selectbox:last-child{padding-right:0}
#connectableForm{width:100%;background:#f4f4f4;padding:20px;margin-bottom:20px}
#connectableForm label:not(.check){margin-top:10px;font-size:14px;text-transform:uppercase;font-weight:700}
#connectableForm label:not(.check),#connectableForm input:not([type="checkbox"]){width:100%;display:block}
#connectableForm button[type="submit"]{margin-top:20px}
#connectableForm label.check{display:-webkit-inline-box;line-height:80px;font-size:16px}
#connectableForm label.check a{margin-left:10px}
.eval_form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]){width:100%;border:solid silver 1px}
.entry-content table th,.entry-content table td{border:solid silver 1px}
.eval_form input[type="submit"]{margin-top:20px;margin-bottom:20px;float:right}
.eval_form #tm_builder_outer_content .tm_pb_text p:last-of-type{text-align:right}
@media only screen and (min-width: 469px) and (max-width: 767px) {
	.manualevaluationform input[type="text"]{max-width:380px;padding-left:45px}
	.mainevaluationform button{width:100%;max-width:220px;margin-top:20px;margin-left:inherit;height:60px}
	.mainevaluationform input[type="text"]{max-width:600px;font-size:90px;padding-left:60px}
	.manualevaluationform button{width:100%;max-width:220px;margin-top:20px;margin-left:inherit;height:60px}
}
@media only screen and (max-width: 980px) {
	div#mainFormBox{padding-top:50px;padding-bottom:50px}
	div#mainFormBox .col-md-12{width:100%}
	.manualevaluationform input[type="text"]{width:100%;max-width:100%;padding-left:35px;font-size:20px}
	.manualevaluationform button{width:100%;max-width:100%;margin-top:20px;margin-left:inherit;height:60px}
	.site-logo{width:200px!important}
	.mainevaluationform input[type="text"]{width:100%;max-width:100%;padding-left:40px;font-size:50px;height:80px;border-radius:7px;border:none}
	.mainevaluationform{padding-top:50px;padding-bottom:50px}
	.mainevaluationform button{width:100%;max-width:100%;margin-top:20px;margin-left:inherit;height:60px}
	.selectboxcontainer .listdropdown{width:calc(100% - 30px)}
	.selectboxcontainer .selectbox{padding:0 15px;margin-bottom:5px}
	.selectboxcontainer .selectbox:first-child{padding-left:15px}
	.selectboxcontainer .selectbox:last-child{padding-right:15px}
	.selectboxcontainer.container .row.last{padding:10px 0}
	.selectboxcontainer .selectbox{width:100%}
	.top-panel__message{width:100%}
	.top-panel__message .info-block:first-child{margin-top:0;display:-webkit-box;float:left}
	.top-panel__message .info-block:nth-child(3){display:block!important;text-align:right}
	.site-logo{position:relative;top:-2px}
	.evaluationform input{width:100%;margin-bottom:20px}
	br.mobile{display:block}
}
@media only screen and (max-width: 375px) {
	.mainevaluationform input[type="text"] {
	font-size: 45px;
	
	}
}

@media only screen and (max-width: 320px) {
	.mainevaluationform input[type="text"] {
	font-size: 35px;
	
	}
}