body {font-family: "Times New Roman", Times, serif;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, p, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul,li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, a, td, section {text-decoration:none;margin:0;padding:0;outline:0;font-size:100%;vertical-align:baseline;text-decoration: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
 :focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse:collapse;border-spacing:0;}

:root{
  --color-btn : #a8353a;
}

input:-webkit-autofill {
    background-color: #021689 !important;
}

input:focus{
  background-position: 0 0;
}


input:-webkit-autofill:focus {
  background-color: #021689 !important;
}

input:-internal-autofill-selected{
  background: red !important;
}

/* === Estilos placeholder === */
  ::-webkit-input-placeholder {text-transform:uppercase; color: #dddddd; font-size: 14px;} 
  :-moz-placeholder { /* Firefox 18- */text-transform:uppercase; color: #dddddd; font-size: 14px;} 
  ::-moz-placeholder { /* Firefox 19+ */text-transform:uppercase; color: #dddddd; font-size: 14px;} 
  :-ms-input-placeholder {text-transform:uppercase; color: #dddddd; font-size: 14px;}

  .wrapper{width: 300px;height: 600px;margin: auto;}
  .wrapper{background: url(../img/formulario_bkg.jpg) no-repeat center;}
  .wrapper form{display: table;width: 100%;height: 100%;position: relative;} 
  .wrapper form .cont-small{display: grid;grid-gap:6px;height: auto;position: absolute;top: 367px;width: 100%;}
  .wrapper-custom form .cont-small{top:368px;}
  .wrapper form .cont-small .cont-list-version{display: table;margin: auto auto 2.5vw auto;height: auto;} 
  .wrapper form .cont-small .cont-list-version select{width: 50vw;margin: auto;display: table-cell;vertical-align: middle;/*background: URL(/global-php/comercial/formularios/desarrollo/img/cuadrado-flecha.png)no-repeat #fff;background-position-x: 152px;background-position-y: 0px;*/padding-left: 3vw;font-family: lato, sans-serif;height: 8vw;border-radius: 5px;font-size: 4vw;background: #fff;border: none;/*-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;*/}
  .wrapper form .cont-small .cont-label-name{float: left;width: 50vw;text-align: left;} 
  .wrapper form .cont-small .cont-label-lastName{float: left;width: 50vw;text-align: left;} 
  .wrapper form .cont-small .cont-input-fullName{display: inline-block;width: 100%;} 
  
  .wrapper form .cont-small .cont-label-rut{float: left; width: 50%; text-align: left; } 
  .wrapper form .cont-small .cont-label-phone{width: 50%; float: left; text-align: left; } 
  .wrapper form .cont-small .cont-input-cell-id{display: inline-block;width: 100%;} 
  
  .wrapper form .cont-small .cont-input-email{display: inline-block;width: 100%;}

  .wrapper form .cont-small .cont-input-comuna{display: inline-block;width: 100%;}
  .wrapper form .cont-small .cont-input-comuna select{text-transform:uppercase;}
  .wrapper form .cont-small .cont-input-comuna select option{
    border: none;
}

  .wrapper form .cont-small .cont-btn-enviar{display: table;width: 100%;margin:3px 0 0 0;} 
  .wrapper form .cont-small .cont-btn-enviar .cont-all-img-btn{margin: auto;display: table;position: relative;} 
.wrapper form .cont-small .cont-btn-enviar .cont-all-img-btn input[type="submit"] {display: table-cell;vertical-align: middle;cursor: pointer;height: 28px;width: 114px;color: #fff;font-size: 15px;
    text-transform: uppercase;font-weight: bold;border: none;background: #000;}  
    .wrapper form .cont-small .cont-btn-enviar .cont-all-img-btn .cont-img-btn{display: none;width: 25px;height: auto;position: absolute;right: 15px;top: 8px;} 
  .wrapper form .cont-small .cont-btn-enviar .cont-all-img-btn .cont-img-btn img{width: 100%;display: table-cell;vertical-align: middle;height: auto;}

  /*= COLORES INPUT =*/
  .wrapper form .cont-small .cont-input-fullName input[type="text"],
  .wrapper form .cont-small .cont-input-cell-id input[type="text"],
  .wrapper form .cont-small .cont-input-cell-id input[type="tel"],
  .wrapper form .cont-small .cont-input-email input[type="text"],
  .wrapper form .cont-small .cont-input-comuna input[type="text"],
.wrapper form .cont-small .cont-input-fullName input[type="text"], .wrapper form .cont-small .cont-input-cell-id input[type="text"], .wrapper form .cont-small .cont-input-cell-id input[type="tel"], .wrapper form .cont-small .cont-input-email input[type="text"], .wrapper form .cont-small .cont-input-comuna input[type="text"], .wrapper form .cont-small .cont-input-email input[type="email"] {
    display: table;margin: auto;width:273px;border: none;height: 27px;padding-left: 10px;text-align: left;color:#fff !important;background-color: #000;}
  /*= CONTENEDORES LABEL =*/
  .wrapper form .cont-small .cont-label-name label, 
  .wrapper form .cont-small .cont-label-lastName label, 
  .wrapper form .cont-small .cont-label-rut label, 
  .wrapper form .cont-small .cont-label-phone label,
  .wrapper form .cont-small .cont-label-comuna label,
  .wrapper form .cont-small .cont-label-email label{color: #ffffff;font-size: 4vw;font-family: lato, sans-serif;font-weight: bold;text-transform: capitalize;margin: 0 0 0 3vw;display: block;}
  .wrapper form .cont-btn-enviar .cont-errores{width: 100%;display: table;margin-top: 5px;} 
  .wrapper form .cont-btn-enviar .cont-errores .cont-errores-single{display: table;margin: auto;width: 85%;} 
  .wrapper form .cont-btn-enviar .cont-errores .cont-errores-single span{font-family: lato, sans-serif;font-size: 0.875rem;text-align: center;color: #000;display: table-cell;vertical-align: middle;margin: auto;font-weight: bold;}

  .wrapper form .cont-small .cont-selector{display: inline-grid;}
.wrapper form .cont-small .cont-selector select {
    display: block;border: 1px solid #000;width: 91%;padding: 3px 10px;padding-left: 2px;font-size: 13px;color: #ddd;border-radius: 0px !important;text-transform: uppercase;
    text-indent: 4px;background: #000;height: 27px;margin: auto;}
  .wrapper form .cont-small .cont-concesionaria-cars select option{font-size: 11px;}
  .wrapper form .cont-small .cont-concesionaria-cars select optgroup{font-size: 11px;width: 50%;}


.wrapper .datos-contenedor{position: absolute;width: 300px;margin: 278px 0 0 0;opacity:.8}
.wrapper .datos-contenedor div{position: relative;width:270px;margin: auto;background: #64a9ca;display: table;padding: 5px;border: 0px dashed #0875ad;}
.wrapper .datos-contenedor div span{display: table;float: left;width: 100%;color: #000;font-family: lato, sans-serif;font-size: 12px;line-height: 20px;}
.wrapper .datos-contenedor div span.datos-rotulo{text-transform: uppercase;font-weight: bold;}
.wrapper .datos-contenedor div span.datos-equipos{}
.wrapper .datos-contenedor div span.datos-partido{}

.wrapper .mensaje-cerrado{ position: absolute;margin: 340px 0 0 0;width: 300px;}
.wrapper .mensaje-cerrado span{position: relative;font-size: 17px;color: #c4c6e2;display: table;margin: auto;padding: 10px;background: #000;
    text-transform: uppercase;box-shadow: 2px 2px 17px -2px #383535;font-family: lato, sans-serif;}