body {
    background: #e0e7ee;
}

.site-placas  {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
}

.optFical span {
    text-align: left;
}

div.optFiscal {
    margin-bottom: 2rem;
}

.esconde  {
    display:none;
}

.menu { float: left; width: 75%; margin: 0; font-size: 0.3em; }
.menu li { display: block; margin-left: 7%; height: 100%;
    width: 40%; float: left; text-align: center; background-color: #fff;
    border-radius: 5px 5px 0 0; color: #08818f; cursor: pointer; 
}

.menu li.opt { 
    background-color: #CCC;
}

.site-placas .buscaStatus {
    width: 90%;
    text-align: center;
    margin-left: 5%;
}



.site-placas table tr.tituloStatus th {
    text-align: left;
}

.site-placas .logo {
    width: 100%;
    display: block;
    margin: 0;
    line-height: 78%;
}
.site-placas .logo img {
    max-width: 10%; float: left;
}







.site-placas .radio-field:not(:first-child) {
    margin-left: 50px;
}

.site-placas .fieldset {
    padding: 30px 0;
    background: rgba(255,255,255,0.8);
    border: solid 2px rgba(255,255,255,0.8);
    border-radius: 10px;
}

.site-placas .campo-placa,
.site-placas .campo-valor{
    text-transform: uppercase;
    font-size: 30px;
    width: 100%;
    border: solid 2px #08818f;
    border-radius: 4px;
    text-align: center;
    padding: 10px;
}

.site-placas .campo-placa {
    color: #08818f;
}

.site-placas .campo-valor {
    border-color: #0f5ba8;
    color: #0f5ba8;
    margin-bottom: 30px;
}

.site-placas .campo-valor {
    font-size: 25px;
}
.site-placas .btn {
    background: #0f5ba8;
}

.entrega-domicilio p{
    margin-bottom: 0;
}

.entrega-domicilio label {
    color: #08818f;
    display: block;
    margin-top: 10px;
}

.wrap-campo-valor >label:not(.label-icon).active{
    display: block;
    width: 100%;
    position: static;
    transform: scale(1);
    text-align: center;
    font-size: 20px;
}

@font-face {
    font-family: 'GL-Nummernschild-Mtl';
    src: url('GL-Nummernschild-Mtl.woff2') format('woff2'),
        url('GL-Nummernschild-Mtl.woff') format('woff');
}
        
div.placaMercosul{ float: right; margin-right: 11px; margin-top: 7px; 
    background-image: url(../img/placa.png); height: 77px; width: 230px;
    background-repeat: no-repeat; background-size: 228px; position: relative;
}

@media screen and (max-width: 600px) {
  div.placaMercosul{
    margin-right: 130px;
  }

    .placaMercosul input.placaMercosul {
        left: 0px !important; 
        top: 14px !important; 
        width: 250px !important;

    }

    .site-placas .logo img {
        max-width: 17%; float: left;
    }

}

@media screen and (max-width: 420px) {
  div.placaMercosul{
    margin-right: 42px;
  }

    .site-placas .logo img {
        max-width: 19%; float: left;
    }
}

.placaMercosul.semPlaca {background-image:none !important; margin-top: 0px; margin-bottom: 8px;}

.placaMercosul.semPlaca input.placaMercosul {
    border: 2px solid; padding: 16px; width: 231px;
    top: 14px; left: -11px;
}

.placaMercosul input.placaMercosul {         
    font-family: GL-Nummernschild-Mtl; font-size: 47px; color: #221f1f;
    font-weight: bold; width: 201px; position: absolute; top: 24px;
    left: 26px; border: 0; background-color: transparent; letter-spacing: 6px;
}

.placaMercosul label.placaMercosul {         
    font-family: GL-Nummernschild-Mtl; font-size: 37px; color: #221f1f; font-weight: bold;
    width: 100px; position: absolute; top: 15px; left: 3px; border: 0;
    background-color: transparent; letter-spacing: 3px; text-align: center;
}

.placaMercosul label.placaMercosul.linha2 {          
    top: 44px;          
}

.placaMercosul.moto { float: right; margin-right: 64px; margin-top: -11px; margin-bottom: 3px;
    height: 92px; background-image: url(../img/placaMoto.png); width: 13%;
    background-repeat: no-repeat; background-size: 104px; position: relative;
}

.placaMercosul.particular input.placaMercosul { color: #221f1f; }
.placaMercosul.comercial input.placaMercosul { color: #da262d; }
.placaMercosul.especial input.placaMercosul { color: #148142; }
.placaMercosul.oficial input.placaMercosul { color: #3953a3; }
.placaMercosul.diplomatico input.placaMercosul { color: #e0c353; }
.placaMercosul.colecionador input.placaMercosul { color: #787979; }

label.titulo { text-align: center; font-weight: bold; font-size: 1em; color: #08818f; }

div.valores label.valoresPedidos { font-size: 1.2em; text-align: center; width: 100%;
    display: block; color: #08818f;
}

div.valores label.valoresPedidos  span {font-weight: bold;}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border-color: #0f5ba8;
    //background-color: #0f5ba8;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #0f5ba8;
    -webkit-box-shadow: 0 1px 0 0 #0f5ba8;
    box-shadow: 0 1px 0 0 #0f5ba8;
}

input.valid:not([type]),
input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus,
.select-wrapper.valid>input.select-dropdown {
    border-bottom: 1px solid #08818f;
    -webkit-box-shadow: 0 1px 0 0 #08818f;
    box-shadow: 0 1px 0 0 #08818f;
}

select[required]:focus{
    outline: none !important;
}

select[required]{
    display: block;
    padding: 0;
    position: absolute;
    background: transparent;
    color: transparent;
    border: none;
    top: 0;
}

.select-wrapper input.select-dropdown {
    color: #08818f;
}

.dropdown-content li>a, .dropdown-content li>span {
    color: #0f5ba8;
}

.select-dropdown.dropdown-content li {
    transition: 0.3s;
}

.select-dropdown.dropdown-content li:hover,
.select-dropdown.dropdown-content li:focus,
.select-dropdown.dropdown-content li.selected,
.select-dropdown.dropdown-content li.selected:focus{
    background-color: #0f5ba8;

}
.select-dropdown.dropdown-content li:hover span,
.select-dropdown.dropdown-content li:focus span,
.select-dropdown.dropdown-content li.selected span,
.select-dropdown.dropdown-content li.selected:focus span{
    color: #fff;
}

.input-field > label {
    color: #08818f;
}

.input-field .helper-text .error {
    color: #ff0000;
}

.center-align label.error {
    text-align: center;
    color: #08818f;
}

/*Placeholders*/
::-webkit-input-placeholder {
    text-align: center;
    color: #08818f;
}

:-moz-placeholder {
    text-align: center;
    color: #08818f;
}

::-moz-placeholder {
    text-align: center;
    color: #08818f;
}

:-ms-input-placeholder {
    text-align: center;
}

/* media queries */
@media screen and (max-width: 768px) {
    
    .wrap-btn-consultar {
        margin-top: 0;
        text-align: center;
    }
    .checkbox-radio-group {
        text-align: left;
    }
    .radio-field {
        margin: 0;
        text-align: left;
    }
     .site-placas .fieldset {
        min-height: 357px;
    }
}

@media screen and (min-width: 768px) {
    .site-placas {
        padding: 30px;
    }
    .site-placas .fieldset {
        padding: 30px;
        min-height: 357px;
    }
    .bullets-pag {
        padding: 0 !important;        
    }

}

.bullets-pag {
    margin-top: 20px;

}
.aviso-categoria {
    margin-top: -20px !important;
}