/* 
12 DIC 2017
 */
 
 
html {margin:0px;padding:0px;}
body {margin:0px;padding:0px;}
#plate_container {background-color: #F6F9FC;
    border: 1px solid #E3E7E9; padding: 20px 10px 40px 10px; border-radius:5px; margin-left:auto;margin-right:auto; margin-top:30px; margin-bottom:50px}
#plate {margin-bottom:20px; margin-left:auto;  margin-right:auto; margin-top:20px}

@media (min-width: 1200px) {
#plate_container {width:500px;}
#plate{width:420px;background-image:url(eurotax/img/plateb.png); height:95px;}
#plate input {width:320px;height:71px;margin: 12px 50px 12px 50px; background-color:none; font-size:67px; font-family:Arial, sans-serif;color:#333333; text-transform: uppercase; letter-spacing:-2px; text-align:center}
.stepsubmit{border-radius:5px; margin:5px; border-radius:4px; color:#FFFFFF; background-color:#EC1F2E; border:none; padding:15px; font-size:16px; font-weight:bold;cursor:pointer}
.stepsubmit:hover{background-color:#56BD4A}
}

/*FF9800  #FFA824         #4AAA3E   #56BD4A*/
@media (max-width: 1199px) {
#plate_container {width:320px;}
#plate{width:300px; background-image:url(eurotax/img/plate.png); height:68px;}
#plate input {width:206px;height:50px;margin: 9px 47px 9px 47px; background-color:none; font-size:46px; font-family:Arial, sans-serif;color:#333333; text-transform: uppercase; letter-spacing:-2px; text-align:center;padding:0px}
.stepsubmit{border-radius:5px; margin:5px; border-radius:4px; color:#FFFFFF; background-color:#09b0da; border:none; padding:15px; font-size:16px;cursor:pointer}
.stepsubmit:hover{background-color:#2BA0F4}
}
.accessorioboxOFF {
    text-align: left;
    font-family: 'Titillium Web', sans-serif;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
	margin-top:4px;
	margin-bottom:4px;
	font-size:16px;
	
	}
.platepar {color:#ccc; padding-top:5px; padding-bottom:10px}
.platepar2 {font-family:'Titillium Web', sans-serif; font-size:20px; line-height:24px; text-align:left; color:#ccc; padding-top:5px; padding-bottom:10px}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #AAAAAA;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #AAAAAA;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #AAAAAA;
}
:-moz-placeholder { /* Firefox 18- */
  color: #AAAAAA;
}
#overwait{position:absolute;margin:0px;padding:0px;width:100%; height:100%;background-color:#0000FF; display:none}
.error_pl{font-family:'Titillium Web', sans-serif; text-align:center; font-size:16px; padding:5px; background-color:#FF9999; color:#CC0000; line-height:24px}
.error_pl a {color:#CC0000; font-weight:bold;text-decoration:underline}
.error_pl a:hover {text-decoration:none}
.eurotaxlistOFF {cursor:pointer; font-family:'Titillium Web', sans-serif; text-align:left; font-size:16px; padding:5px; margin-bottom:2px; background-color:#DEDEDE; display:block; text-transform:uppercase}
.eurotaxlistOFF:hover {background-color:#eee;}



/* Customize the label (the container) */
.radiocontainer {
text-transform:uppercase;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radiocontainer input {
  position: absolute;
  opacity: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}


.plate_selectOFF{line-height:24px;padding-bottom:10px; padding-top:10px; font-family:'Titillium Web', sans-serif; font-size:16px; color:#333333; background-color:#FFFFFF; margin-top:5px;}
.plate_select option {line-height:24px;}
.pl_input{height:auto; width:100%; padding-bottom:10px; padding-top:10px; padding-left:5px; font-family:'Titillium Web', sans-serif; font-size:16px; color:#333333; margin-bottom:2px}
.underplate { font-family: "Open Sans",sans-serif;  font-size:16px; color:#aaa;  text-align:center; margin-top:30px}
.underplate a {color:#bbb; text-decoration:underline}
.underplate a:hover {color:#aaa; text-decoration:underline}

#waiter_newform{position:absolute;top:0px;left:0px;width:100%;height:200%;background-color: rgba(255,255,255,0.9);z-index:10000;display:none}

.loadernewform {
left:50%; margin-left:-76px; margin-right:auto; margin-top:250px; position:fixed;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* aggiunti da DA */

.content-targa {padding-left: 0px!important; margin-top:0px; padding-top:0px; font-size: 17px; color: #5D6769; min-height: 500px;}

label {font-weight: 600!important;}

.plate_select {font-family: "Open Sans",sans-serif;}

.targa_km {height:48px}
.targa_abbiamo_trovato {font-size:18px}
.targa_auto_trovata {font-weight:bold; color:#00A6EB; font-size:21px}
.targa_auto_trovata_datipersonali {}
.targa_title {font-family: "Open Sans",sans-serif; text-align:center; font-weight:100;}

.targa_title1 {color:#333; font-size:26px; line-height:1; }
.targa_title2 {color:#aaa; font-size:20px;  padding-bottom:5px; padding-top:5px; }
.targa_title2_nonricordi  {color:#222; margin-top:5px; margin-bottom:5px;  padding-bottom:2px; padding-top:2px;}
.highlight  {background-color:#FFFF00;}
.targa_title2_nonricordi a {text-decoration:underline; font-weight:bold}

.targa_subtitle {}
.targa_trovato {}
.targa_scegli_allestimento {color:#333333; margin-top:25px; font-size:19px; color:#bbb; text-align:left}
.targa_privacy{font-size:14px}
.targa_img_auto {}

.targa_grazie_title{font-weight:bold;}
.targa_grazie_text {}
.targa_grazie_auto{font-weight:bold;}

.targa_title_datipersonali{}
.targa_plate_select_provincia{height:48px}

.accessori_aggiuntivi {color:#333333; margin-top:25px; font-size:19px; color:#bbb; text-align:left}

.dati_personali {color:#333333; font-size:20px}

.vendi_la {font-family: "Open Sans",sans-serif; font-weight:100}

.modal-header{border-bottom: none!important;}

@media (max-width: 1199px) {
.targa_title1 {font-size:28px;  }
.targa_title2 {font-size:18px;    }
.vendi_la {font-size:18px;    }

}

/* mod DA */


.underplate{margin-top:50px}

#plate {background-size: cover;}
#plate input {text-shadow: 2px 2px #ddd;}


input[name="targa"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#dedede; text-shadow:none;
}
input[name="targa"]::-moz-placeholder { /* Firefox 19+ */
  color:#dedede; text-shadow:none;
}
input[name="targa"]:-ms-input-placeholder { /* IE 10+ */
 color:#dedede; text-shadow:none;
}
input[name="targa"]:-moz-placeholder { /* Firefox 18- */
 color:#dedede; text-shadow:none;
}



/* Customize the label (the container) */
.accessoriobox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.accessoriobox input {
  position: absolute;
  opacity: 0;
}

/* Create a custom checkbox */
.checkmark_acc {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.accessoriobox:hover input ~ .checkmark_acc {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.accessoriobox input:checked ~ .checkmark_acc {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_acc:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.accessoriobox input:checked ~ .checkmark_acc:after {
  display: block;
}

/* Style the checkmark/indicator */
.accessoriobox .checkmark_acc:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* FORM */

.form-content {font-family: 'Open Sans', sans-serif; margin-top:100px}

.form_button {color:#FFFFFF; background-color: #3EA9F5; border: 1px solid #3EA9F5; padding: 10px 14px; border-radius: 4px; font-size:18px; line-height: 20px; width:250px; height:53px}
.form_button:hover{ background-color: #2BA0F4}




	
	select {

  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none; 
	
	
height: 53px;
    width: 250px;
    font-size: 18px;
	font-weight:400;
    line-height: 22px;
    border: 0;
    cursor: pointer;
    background-color: #FFF;
    margin: 3px 0 10px 0;
    padding: 10px 11px 10px;
    color:#333;
    text-indent: .01px;
    text-overflow: '';
    border: solid 1px #00AEEF;
	border-radius: 4px; 
	background: url(vendi/arrow23.png) no-repeat right #F9FBFB;

   }
   
   select::-ms-expand{
  display:none;
}
   
   .scegli {color:#ccc}
   
   input[type=text],  input[type=number], input[type=email]{
   height: 53px;
    width: 250px;
    font-size: 18px;
	font-weight:400;
    line-height: 22px;
    border: 0;
    background-color: #FFF;
    margin: 3px 0 10px 0;
    padding: 10px 11px 10px;
	    border: solid 1px #00AEEF;
	border-radius: 4px; 
	  color:#333;
   
   }
   
 input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:24px;
							height:18px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:16px;
							font-weight:300;
	
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -18px;
						}
						label.css-label {
				background-image:url(vendi/csscheckbox3.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}