* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  padding: 0;
  margin: 0;
  outline: none;
}

body {
  margin: 0px;
  color: #648296;
  font-size: 12px;
  background-color: #F4F7F8;
  padding-top: 40px;
}

::-moz-selection {
  background: #64A4BF;
  color: #fff;
}

::selection {
  background: #64A4BF;
  color: #fff;
}

address {
  font-style: normal;
}

button {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a {
  text-decoration: none;
  color: #648296;
}

a:link, a:visited, a:active, a:hover {
  text-decoration: none;
  color: #648296;
}

p {
  margin: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

input, select, textarea {
  color: #648296;
  border: 0;
  font-size: 12px;
}

textarea {
  display: block;
  resize: vertical;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=month]::-webkit-inner-spin-button,
input[type=month]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=date]::-webkit-calendar-picker-indicator { margin: 0px 5px 0 0; }
.datal input::-webkit-calendar-picker-indicator { display: none !important; }

input[type=number] {
  -moz-appearance: textfield;
}

.colorbase {
  color: #648296;
}

.colorazul {
  color: #3778C7;
}

.textorojo {
  color: #DC003C;
}

.textoverde {
  color: #208A46;
}

.tl {
  text-align: left !important;
}

.tr {
  text-align: right !important;
}

.tc {
  text-align: center !important;
}

.tj {
  text-align: justify !important;
}

.inline{
  display: inline-block;
  vertical-align: top;
}

.divoverflow {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.solomovil {
  display: block !important;
}

@media (min-width: 1608px) {/*1268*/
  .solomovil {
    display: none !important;
  }
}

.solomovilinline {
  display: inline-block !important;
}

@media (min-width: 1608px) {/*1268*/
  .solomovilinline {
    display: none !important;
  }
}

.solopc {
  display: none !important;
}

@media (min-width: 1608px) {/*1268*/
  .solopc {
    display: block !important;
  }
}

.solopcinline {
  display: none !important;
}

@media (min-width: 1608px) {/*1268*/
  .solopcinline {
    display: inline-block !important;
  }
}

.textoanotacion {
  color: #ABBAC4;
  font-style: italic;
}

.sinregistros {
  font-size: 16px;
  padding: 60px 10px;
  text-align: center;
}

.bordefiltroactivo {
  border: 2px solid #DC003C;
}

.titulologo {
  display: inline-block;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  z-index: 1001;
  font-size: 14px;
  padding-left: 40px;
  color: #000;
  background-image: url(../img/ico16logo.svg);
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 16px;
  width: 40px;
  overflow: hidden;
  position: fixed;
  right: 0;
}

@media (min-width: 1608px) {/*1268*/
  .titulologo {
    padding-left: 20px;
    width: auto;
    position: static;
    overflow: visible;
    background-position: left center;
  }
}

.barracabecera {
  position: fixed;
  top: 0;
  left: 0;
  padding-right: 40px;
  width: 100%;
  height: 40px;
  text-align: center;
  z-index: 1000;
  background-color: #F4F7F8;
  -webkit-box-shadow: 0px -57px 23px 58px rgba(0, 75, 105, 0.3);
  box-shadow: 0px -57px 23px 58px rgba(0, 75, 105, 0.3);
}

.botonabremenu {
  width: 40px;
  height: 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-image: url(../img/ico40menu.svg);
  float: left;
}

.botonabremenu:hover {
  background-color: #D2E0E6;
}

.fondogeneralmenu {
  position: fixed;
  display: none;
  z-index: 998;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fondogeneralactivo {
  position: fixed;
  display: none;
  z-index: 990;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.menudesplegable {
  position: fixed;
  z-index: 999;
  width: 320px;
  left: -340px;
  top: 0;
  bottom: 0;
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 23px 0px rgba(0, 75, 105, 0.3);
  box-shadow: 0px 0px 23px 0px rgba(0, 75, 105, 0.3);
  padding-top: 40px;
  overflow: auto;
}

.botonmenu {
  width: 272px;
  height: 44px;
  line-height: 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px 0 2px 50px;
  font-size: 13px;
  background-size: 46px;
}
.botonmenul {
  width: 100%;
  height: 44px;
  line-height: 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px 0 2px 50px;
  font-size: 13px;
  background-size: 46px;
}

.botonmenu:hover,.botonmenul:hover {
  background-color: #EAF3F7;
}

.botonnuevomenu{
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/ico40mas.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  width: 40px;
  height: 44px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.botonnuevomenu:hover {
  background-color: #EAF3F7;
}

.separadormenu {
  position: relative;
  width: 100%;
  height: 20px;
  padding-top: 9px;
  padding-right: 20px;
  margin-top: 15px;
}

.separadormenulabel {
  position: absolute;
  height: 20px;
  display: inline-block;
  left: 0;
  top: 0;
  padding: 0 10px;
  background-color: #FFF;
  font-weight: bold;
}

.separadormenulinea {
  width: 100%;
  height: 2px;
  margin-bottom: 9px;
  background-color: #EAF3F7;
}

.icoconfiguracion {
  background-image: url(../img/ico40configuracion.svg);
}

.icocerrar {
  background-image: url(../img/ico40cerrar.svg);
}

.etiquetamenu {
  background-repeat: no-repeat;
  background-position: left center;
  height: 40px;
  position: fixed;
  top: 0;
  right: auto;
  left: 40px;
  line-height: 40px;
  z-index: 1001;
  padding: 0 10px 0 50px;
  color: #FFF;
  overflow: hidden;
  width: auto;
}

.preselectorasesoria {
  background-image: url(../img/ico40entidades.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #EAF3F7;
  height: 40px;
  position: fixed;
  top: 0;
  right: 0;
  left: auto;
  line-height: 40px;
  z-index: 1001;
  padding: 0 0px 0 50px;
  overflow: hidden;
  width: 200px;
}

.selectcabecera {
  background-image: url(../img/ico30x60flechaabajo.svg);
  background-position: right top;
  background-size: 30px 60px;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 150px;
  height: 30px;
  padding-right: 25px;
}

.cabeceracentral {
  position: fixed;
  z-index: 991;
  top: 40px;
  width: 100%;
  height: 60px;
  text-align: left;
  background-color: #F4F7F8;
  z-index: 997;
}
/*
comento estas para que se quede siempre al 100%
@media (min-width: 1268px) {
  .cabeceracentral {
    height: 110px;
    left: 50%;
    width: 1260px;
    margin-left: -630px;
  }
}
*/
@media (min-width: 1608px) {
  .cabeceracentral {
    height: 80px;
    /*left: 50%;
    width: 1600px;
    margin-left: -800px;*/
  }
}
/*@media (min-width: 1728px) {
  .cabeceracentral {
    height: 110px;
    left: 50%;
    width: 1720px;
    margin-left: -860px;
  }
}
@media (min-width: 1848px) {
  .cabeceracentral {
    height: 110px;
    left: 50%;
    width: 1840px;
    margin-left: -920px;
  }
}
@media (min-width: 1908px) {
  .cabeceracentral {
    width: 1900px;
    margin-left: -950px;
  }
}*/

.cabeceracentralsinbarra {
    position: fixed;
    z-index: 991;
    top: 40px;
    width: 100%;
    height: 60px;
    text-align: left;
    background-color: #F4F7F8;
    z-index: 997;
}
  /*
  @media (min-width: 1268px) {
    .cabeceracentralsinbarra {
      height: 80px;
      left: 50%;
      width: 1260px;
      margin-left: -630px;
    }
  }
  */
@media (min-width: 1608px) {
    .cabeceracentralsinbarra {
      height: 80px;
      left: 50%;
      width: 1600px;
      margin-left: -800px;
    }
}
@media (min-width: 1728px) {
  .cabeceracentralsinbarra {
    width: 1720px;
    margin-left: -860px;
  }
}
@media (min-width: 1848px) {
  .cabeceracentralsinbarra {
    width: 1840px;
    margin-left: -920px;
  }
}
@media (min-width: 1908px) {
    .cabeceracentralsinbarra {
      width: 1900px;
      margin-left: -950px;
    }
}

.buscadormovil {
  position: fixed;
  top: 100px;
  width: 100%;
  height: 50px;
  background-color: #F4F7F8;
  z-index: 997;
  padding: 5px;
  display: none;
  opacity: 0;
}

.barracentral {
  width: 100%;
  height: 60px;
  padding: 10px;
  /*-webkit-box-shadow: 0px -57px 23px 58px rgba(0, 75, 105, 0.3);
  box-shadow: 0px -57px 23px 58px rgba(0, 75, 105, 0.3);*/
}

@media (min-width: 1608px) {/*1268*/
  .barracentral {
    height: 80px;
    padding: 20px;
  }
}

.contenidoseccion {
  margin: 60px auto 0;
  width: 100%;
}
/*
@media (min-width: 1268px) {
  .contenidoseccion {
    width: 1260px;
    margin: 110px auto 60px;
  }
}
*/
@media (min-width: 1608px) {
  .contenidoseccion {
    width: 1600px;
    margin: 110px auto 60px;
  }
}
@media (min-width: 1728px) {
  .contenidoseccion {
    width: 1720px;
  }
}
@media (min-width: 1848px) {
  .contenidoseccion {
    width: 1840px;
  }
}
@media (min-width: 1908px) {
  .contenidoseccion {
    width: 1900px;
  }
}

.boton40barra {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.boton40barra div{
  margin: 25px 0 0 1px;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  color: #536a79;
}

.boton40barra:hover {
  background-color: #FFF;
}

.boton40barra select {
  color: transparent;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 10px;
}

.boton40barra select option, .boton40barra select optgroup {
  color: #648296;
  font-size: 13px;
}

.boton40nuevo {
  background-image: url(../img/ico40mas.svg);
}

.boton40borrar {
  background-image: url(../img/ico40aspa.svg);
}

.boton40clonar {
  background-image: url(../img/ico40clonar.svg);
}

.boton40atras {
  background-image: url(../img/ico40flechaizquierda.svg);
  background-size: 45px;
  background-position: center;
}
.boton40guardarsalir {
    background-image: url(../img/botonguardarsalir.svg);
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
  }

.boton40lupa {
  background-image: url(../img/ico40lupa.svg);
}

.boton40editar {
  background-image: url(../img/ico40guardar.svg);
}

.boton40enviar {
  background-image: url(../img/ico40email.svg);
}

.boton40fecha {
  background-image: url(../img/ico40calendario.svg);
}
.boton40fecha2 {
  background-image: url(../img/ico40calendario2.svg);
}

.boton40excel {
  background-image: url(../img/ico40excel.svg);
}

.boton40pdf {
  background-image: url(../img/ico40pdf.svg);
}

.boton40opciones {
  background-image: url(../img/ico40opciones.svg);
}

.boton40fechaemision {
  background-image: url(../img/ico40calendarioemision.svg);
}

.boton40fechaemisionp {
  background-image: url(../img/ico40marco.svg), url(../img/ico40calendarioemision.svg);
}

.boton40fechaasiento {
  background-image: url(../img/ico40calendarioasiento.svg);
}

.boton40fechaasientop {
  background-image: url(../img/ico40marco.svg), url(../img/ico40calendarioasiento.svg);
}

.boton40familias {
  background-image: url(../img/ico40familias.svg);
}

.botonfiltroclientes1 {
  background-image: url(../img/ico40cliente.svg), url(../img/ico40desplegable.svg);
}

.botonfiltroclientes2 {
  background-image: url(../img/ico40proveedor.svg), url(../img/ico40desplegable.svg);
}

.botonfiltroclientes3 {
  background-image: url(../img/ico40clienteproveedor.svg), url(../img/ico40desplegable.svg);
}

.botonfiltroclientes4 {
  background-image: url(../img/ico40tipo.svg), url(../img/ico40desplegable.svg);
}

.botonfiltroclientes5 {
  background-image: url(../img/ico40estado.svg), url(../img/ico40desplegable.svg);
}

.botonfiltroclientes6 {
  background-image: url(../img/ico40check.svg), url(../img/ico40desplegable.svg);
}

.botonfiltroclientes7 {
  background-image: url(../img/ico40rechazados.svg), url(../img/ico40desplegable.svg);
}

.boton40quitarfiltros {
  width: 50px;
  height: 50px;
  color: #FFF;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: 10px;
  vertical-align: top;
  position: fixed;
  bottom: 10px;
  right: 10px;
  border-radius: 25px;
  z-index: 997;
  -webkit-box-shadow: 3px 3px 14px 1px rgba(0, 75, 105, 0.3);
  box-shadow: 3px 3px 14px 1px rgba(0, 75, 105, 0.3);
  background-color: #DC003C;
  background-image: url(../img/ico40quitarfiltros.svg);
  background-position: center;
  background-size: 40px;
  background-repeat: no-repeat;
}

.boton40quitarfiltros:hover {
  background-color: #FF1241;
}

@media (min-width: 1608px) {/*1268*/
  .boton40quitarfiltros {
    position: static;
    border-radius: 0;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.boton40selectcliente {
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/ico40cliente2.svg), url(../img/ico40desplegable.svg);
}

.boton40selectproveedor {
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/ico40proveedor.svg), url(../img/ico40desplegable.svg);
}

.boton40selectfactura {
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/ico40pasarafactura.svg), url(../img/ico40desplegable.svg);
}

.boton40pasarfactura {
    display: inline-block;
    vertical-align: top;
    background-image: url(../img/ico40pasarafactura.svg);
  }

.boton40selectopciones {
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/ico40tipo.svg), url(../img/ico40desplegable.svg);
}

.boton40entidadc {
  background-image: url(../img/ico40cliente.svg);
}

.boton40entidadp {
  background-image: url(../img/ico40proveedor.svg);
}

.boton40entidada {
  background-image: url(../img/ico40clienteproveedor.svg);
}

.seleccionadoentidadc {
  background-image: url(../img/ico40marco.svg), url(../img/ico40cliente.svg);
}

.seleccionadoentidadp {
  background-image: url(../img/ico40marco.svg), url(../img/ico40proveedor.svg);
}

.seleccionadoentidada {
  background-image: url(../img/ico40marco.svg), url(../img/ico40clienteproveedor.svg);
}

.cajamasopciones {
  -webkit-box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.2);
  width: 180px;
  position: absolute;
  background-color: #FFF;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: none;
  opacity: 0;
  top: 41px;
  right: 0px;
}

.cajafiltroclientes {
  -webkit-box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.2);
  width: 180px;
  position: absolute;
  background-color: #FFF;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: none;
  opacity: 0;
  top: 41px;
}

.botontipoentidades {
  width: 180px;
  height: 40px;
  padding: 5px 0 5px 45px;
  text-align: left;
  line-height: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #648296;
  font-size: 12px;
  background-position: left center;
  background-repeat: no-repeat;
}

.botontipoentidades:hover {
  background-color: #EAF3F7;
}

.botontipoclientes {
  background-image: url(../img/ico40cliente.svg);
}

.botontipoproveedores {
  background-image: url(../img/ico40proveedor.svg);
}

.botontipoambos {
  background-image: url(../img/ico40clienteproveedor.svg);
}

.botontipotodos {
  background-image: url(../img/ico40tipo.svg);
}

.botontipopendiente {
  background-image: url(../img/ico40estado.svg);
}

.botontipook {
  background-image: url(../img/ico40check.svg);
}

.botontipocancel {
  background-image: url(../img/ico40rechazados.svg);
}

.botonacenviar {
  background-image: url(../img/ico40email.svg);
}

.botonacclonar {
  background-image: url(../img/ico40clonar.svg);
}

.botonacpdf {
  background-image: url(../img/ico40pdf.svg);
}

.botonaceliminar {
  background-image: url(../img/ico40cerrar.svg);
}

.botonacexcel {
  background-image: url(../img/ico40excel.svg);
}

.botonacbuscar {
  background-image: url(../img/ico40lupa.svg);
}

.botonacfechaemision {
  background-image: url(../img/ico40calendarioemision.svg);
}

.botonacfechaemisionp {
  background-image: url(../img/ico40marco.svg), url(../img/ico40calendarioemision.svg);
}

.botonacfechaasiento {
  background-image: url(../img/ico40calendarioasiento.svg);
}

.botonacfechaasientop {
  background-image: url(../img/ico40marco.svg), url(../img/ico40calendarioasiento.svg);
}

.botonadescargar {
  background-image: url(../img/ico40descargar.svg);
}

.estadoduda {
  background-image: url(../img/ico40estado.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
}

.estadosi {
  background-image: url(../img/ico40check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
}

.estadono {
  background-image: url(../img/ico40rechazados.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
}

.campobuscar {
  float: right;
  height: 40px;
}

.inputbuscar {
  width: 320px;
  height: 40px;
  vertical-align: top;
  padding: 0 10px;
  background-color: #FFF;
}

.inputbuscar::-webkit-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputbuscar:-ms-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputbuscar::-ms-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputbuscar::placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputbuscar:hover::-webkit-input-placeholder, .inputbuscar:focus::-webkit-input-placeholder {
  color: #ABBAC4;
}

.inputbuscar:hover:-ms-input-placeholder, .inputbuscar:focus:-ms-input-placeholder {
  color: #ABBAC4;
}

.inputbuscar:hover::-ms-input-placeholder, .inputbuscar:focus::-ms-input-placeholder {
  color: #ABBAC4;
}

.inputbuscar:hover::placeholder, .inputbuscar:focus::placeholder {
  color: #ABBAC4;
}

.boton40buscar {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #3C82A0;
  vertical-align: top;
  background-image: url(../img/ico40lupab.svg);
}

.boton40buscar:hover {
  background-color: #64A4BF;
}

.selectseccion {
  width: 200px;
  height: 40px;
  vertical-align: top;
  padding: 0 25px 0 10px;
  background-image: url(../img/ico30x60flechaabajo.svg);
  background-repeat: no-repeat;
  background-size: 40px 80px;
  background-position: right top;
  background-color: #FFF;
}

.campofecha {
  width: 300px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
}

.separadorfechas {
  width: 20px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/ico20separadorfechas.svg);
}

.inputfecha {
  width: 120px;
  height: 40px;
  vertical-align: top;
  padding: 0 0 0 5px;
}

.inputfecha::-webkit-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputfecha:-ms-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputfecha::-ms-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputfecha::placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputfecha:hover::-webkit-input-placeholder, .inputfecha:focus::-webkit-input-placeholder {
  color: #ABBAC4;
}

.inputfecha:hover:-ms-input-placeholder, .inputfecha:focus:-ms-input-placeholder {
  color: #ABBAC4;
}

.inputfecha:hover::-ms-input-placeholder, .inputfecha:focus::-ms-input-placeholder {
  color: #ABBAC4;
}

.inputfecha:hover::placeholder, .inputfecha:focus::placeholder {
  color: #ABBAC4;
}

.tablageneral {
  margin: 0 auto;
  width: 1600px;/*1260*/
  min-width: 1600px;/*1260*/
}
/*
@media (min-width: 1608px) {
  .tablageneral {
    width: 1600px;
    min-width: 1600px;
  }
}
*/
@media (min-width: 1728px) {
  .tablageneral {
    width: 1720px;
    min-width: 1720px;
  }
}
@media (min-width: 1848px) {
  .tablageneral {
    width: 1840px;
    min-width: 1840px;
  }
}
@media (min-width: 1908px) {
  .tablageneral {
    width: 1900px;
    min-width: 1900px;
  }
}

.tablageneralmovil {
  position: absolute;
  top: 100px;
}

.tablamovilseparador {
  height: 30px;
  width: 100%;
}

.tablacabecera {
  background-color: #3C82A0;
}

.tablacabecera td:first-child {
  border-left: 0;
}

.tablatitulo {
  border-left: 2px solid #2B6A85;
  height: 30px;
  color: #FFF;
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.tablatitulo:hover {
  background-color: #57A9C7;
}

.tablatitulosin {
  border-left: 2px solid #2B6A85;
  height: 30px;
  color: #FFF;
  text-align: center;
}

.tablacabeceracheck {
  background-image: url(../img/ico30x60checktotal.svg);
  background-size: 30px 60px;
  width: 30px;
  cursor: pointer;
  height: 30px;
}

.tablacabeceracheckn {
  background-position: center top;
}

.tablacabecerachecks {
  background-position: center bottom;
}

.tablacabeceraacciones {
  width: 32px;
  height: 30px;
  border-left: 2px solid #2B6A85;
  background-image: url(../img/ico30opciones.svg);
  background-size: 30px;
  background-position: center;
}

.tablacabeceraaccioneslis {
  width: 62px;
  height: 30px;
  border-left: 2px solid #2B6A85;
  color: #FFF;
  text-align: center;
  border-right: 2px solid #3C82A0;
}

.tablacabecerainiciallis {
  height: 30px;
  border-left: 2px solid #3C82A0 !important;
  color: #FFF;
  text-align: center;
}

.tablacabeceraestado {
  width: 32px;
  background-image: url(../img/ico30info2.svg);
  background-size: 30px;
  background-position: center;
}

.filatabla {
  cursor: pointer;
}

.filatabla td:first-child {
  border-left: 0;
}

.filatabla:hover {
  background-color: #CBEBF9 !important;
}

.filatablasin td:first-child {
  border-left: 0;
}

.fimpar {
  background-color: #F8FBFB;
}

.fpar {
  background-color: #EAF3F7;
}

.tdgeneral {
  padding: 5px;
  height: 30px;
  border-left: 2px solid #D2E0E6;
}

.tdcheckn {
  background-image: url(../img/ico30x60check.svg);
  background-size: 30px 60px;
  background-position: center top;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.tdchecks {
  background-image: url(../img/ico30x60check.svg);
  background-size: 30px 60px;
  background-position: center bottom;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.tdacciones {
  background-image: url(../img/ico30x60flechaabajo.svg);
  background-size: 30px 60px;
  background-position: center top;
  width: 32px;
  height: 30px;
  border-left: 2px solid #D2E0E6;
  cursor: pointer;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
  position: relative;
}

.tdacciones:hover {
  background-color: #DCEEF7;
}

.cajadesplegableacciones {
  -webkit-box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.2);
  width: 180px;
  position: absolute;
  background-color: #FFF;
  display: none;
  top: 30px;
  right: 0px;
  height: 0;
  overflow: hidden;
  z-index: 996;
}

.totalestabla {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  text-align: center;
  z-index: 997;
  background-color: #F4F7F8;
  -webkit-box-shadow: 0px 57px 23px 58px rgba(0, 75, 105, 0.3);
  box-shadow: 0px 57px 23px 58px rgba(0, 75, 105, 0.3);
}

.subtotalestabla {
  margin: 0 auto;
  text-align: left;
  width: 100%;/*1600, 1260*/
  height: 60px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
/*
las oculto porque lo pasamos a 100% de tamaño
@media (min-width: 1728px) {
  .subtotalestabla {
    width: 1720px;
  }
}
@media (min-width: 1848px) {
  .subtotalestabla {
    width: 1840px;
  }
}
@media (min-width: 1908px) {
  .subtotalestabla {
    width: 1900px;
  }
}
*/
.totalesnumeros {
  height: 30px;
  line-height: 26px;
  text-align: right;
}

.totalesnumerosc1 {
  border-bottom: 4px solid #00A8F0;
}

.totalesnumerosc2 {
  border-bottom: 4px solid #00A69B;
}

.totalesnumerosc3 {
  border-bottom: 4px solid #FFA000;
}

.totalesnumerosc4 {
  border-bottom: 4px solid #FF6400;
}

.totalesnumerosc5 {
  border-bottom: 4px solid #C81946;
}

.totalesnumerosc6 {
  border-bottom: 4px solid #82AD00;
}

.cajatotalesm {
  height: 54px;
  margin: 4px;
  width: 90px;
  min-width: 90px;
}

.totalesnumerosm {
  height: 30px;
  line-height: 26px;
  text-align: center;
}

.etiquetatotalesm {
  height: 24px;
  line-height: 24px;
  width: 100%;
  color: #FFF;
}

.etiquetatotalesm1 {
  background-color: #00A8F0;
}

.etiquetatotalesm2 {
  background-color: #00A69B;
}

.etiquetatotalesm3 {
  background-color: #FFA000;
}

.etiquetatotalesm4 {
  background-color: #FF6400;
}

.etiquetatotalesm5 {
  background-color: #C81946;
}

.etiquetatotalesm6 {
  background-color: #82AD00;
}

.botontotalesm {
  left: 50%;
  width: 60px;
  margin-left: -30px;
  height: 30px;
  position: fixed;
  z-index: 997;
  bottom: 0;
  cursor: pointer;
  background-image: url(../img/ico60pestanabot.png);
  background-size: 60px 60px;
}

.botontotalesmsubir {
  background-position: center top;
}

.botontotalesmbajar {
  background-position: center bottom;
}

.totalestablam {
  position: fixed;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 997;
  background-color: #F4F7F8;
  -webkit-box-shadow: 0px 57px 23px 58px rgba(0, 75, 105, 0.3);
  box-shadow: 0px 57px 23px 58px rgba(0, 75, 105, 0.3);
}

.subtotalestablam {
  margin: 0 auto;
  text-align: left;
  width: 100%;
  padding: 0 10px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

.subtotalestablam2 {
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  padding: 12px 10px;
}

.cabeceracentralform {
  position: fixed;
  top: 40px;
  width: 100%;
  height: 60px;
  text-align: left;
  background-color: #F4F7F8;
  z-index: 997;
  -webkit-box-shadow: 0px -57px 23px 58px rgba(0, 75, 105, 0.3);
  box-shadow: 0px -57px 23px 58px rgba(0, 75, 105, 0.3);
}

@media (min-width: 1608px) {/*1268*/
  .cabeceracentralform {
    height: 80px;
  }
}

.contenidoform {
  margin: 60px auto 0;
  width: 100%;
}

@media (min-width: 1608px) {/*1268*/
  .contenidoform {
    margin: 80px auto 0;
  }
}

.barratituloform {
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#326e8c), color-stop(24%, #3c82a0), to(#3c82a0));
  background: -webkit-linear-gradient(top, #326e8c 0%, #3c82a0 24%, #3c82a0 100%);
  background: -o-linear-gradient(top, #326e8c 0%, #3c82a0 24%, #3c82a0 100%);
  background: linear-gradient(to bottom, #326e8c 0%, #3c82a0 24%, #3c82a0 100%);
  font-size: 13px;
}

@media (min-width: 917px) {
  .barratituloform {
    cursor: auto;
  }
}

.prebloquedatos {
  background-color: #FFF;
  display: block;/*display: none;*/
  height: auto;/*height: 0;*/
  overflow: hidden;
}

@media (min-width: 917px) {
  .prebloquedatos {
    display: block;
    height: auto;
  }
}

.bloquedatos {
  width: 100%;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bloquedatostabla {
  width: 100%;
  margin: 0 0 20px;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cajadecampos {
  width: 280px;
  margin: 0 10px;
}

@media (min-width: 1268px) {
  .cajadecampos {
    width: 410px;
  }
}

@media (min-width: 1608px) {
  .cajadecampos {
    width: 500px;/*460px*/
  }
}

/*@media (min-width: 1908px) {
  .cajadecampos {
    width: 500px;
  }
}*/

.cajacampo {
  width: 100%;
  height: auto;/*46px*/
  margin-bottom: 20px;
}

@media (min-width: 1268px) {
  .cajacampo {
    /*height: 30px;*/
    margin-bottom: 10px;
    display: flex;
    flex-flow: wrap;
  }
}

.cajacampotop {
  width: 100%;
  margin-bottom: 10px;
}

.cajacampoauto {
  height: 0;
  margin: 0;
}

@media (min-width: 1268px) {
  .cajacampoauto {
    display: flex;
    flex-flow: wrap;
  }
}

.etiquetacampo {
  font-size: 12px;/*11px*/
  font-weight: 600;
  width: 100%;
  min-width: 100%;
  height: 16px;
  line-height: 16px;
  text-align: left;
  padding: 0;
  color: #60A3BF;
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1268px) {
  .etiquetacampo {
    font-size: 12px;
    width: 140px;
    min-width: 140px;
    height: 30px;
    line-height: 14px;
    text-align: right;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

.etiquetacampotop {
  font-size: 11px;
  width: 100%;
  min-width: 100%;
  height: 16px;
  line-height: 16px;
  text-align: left;
  padding: 0;
  color: #60A3BF;
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1268px) {
  .etiquetacampotop {
    font-size: 12px;
    width: 140px;
    min-width: 140px;
    height: 30px;
    line-height: normal;
    text-align: right;
    padding: 6px 10px 0;
  }
}

.campoobligatorio {
  font-weight: bold;
  color: #DC003C;
}

.campoform {
  position: relative;
  width: 280px;
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 1268px) {
  .campoform {
    width: 270px;
  }
}

@media (min-width: 1608px) {
  .campoform {
    width: 360px;/*320px*/
  }
}

/*@media (min-width: 1908px) {
  .campoform {
    width: 360px;
  }
}*/

.campoform .etiquetaform {
  position: absolute;
  top: 30px;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  opacity: 1;
  cursor: text;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.campoform .etiquetaform:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 45%;
  height: 1px;
  width: 10px;
  visibility: hidden;
  background-color: #64A4BF;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.campoform .inputform {
  z-index: 3;
  height: 30px;
  padding: 2px 5px 2px;
  border-bottom: 1px solid #D2E0E6;
  width: 100%;
  background: transparent;
}

.campoform .inputform:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-color: #D2E0E6;
  background: transparent;
}

.campoform .inputform:focus ~ .etiquetaform:after {
  visibility: visible;
  width: 100%;
  left: 0;
}

.campoform .inputform::-webkit-input-placeholder {
  color: #a5b7c3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.campoform .inputform:-ms-input-placeholder {
  color: #a5b7c3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.campoform .inputform::-ms-input-placeholder {
  color: #a5b7c3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.campoform .inputform::placeholder {
  color: #a5b7c3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.campoform .inputform:hover::-webkit-input-placeholder, .campoform .inputform:focus::-webkit-input-placeholder {
  color: #a5b7c3;
}

.campoform .inputform:hover:-ms-input-placeholder, .campoform .inputform:focus:-ms-input-placeholder {
  color: #a5b7c3;
}

.campoform .inputform:hover::-ms-input-placeholder, .campoform .inputform:focus::-ms-input-placeholder {
  color: #a5b7c3;
}

.campoform .inputform:hover::placeholder, .campoform .inputform:focus::placeholder {
  color: #a5b7c3;
}

@media (min-width: 1268px) {
  .campoform .inputform::-webkit-input-placeholder {
    color: #a5b7c3;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .campoform .inputform:-ms-input-placeholder {
    color: #a5b7c3;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .campoform .inputform::-ms-input-placeholder {
    color: #a5b7c3;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .campoform .inputform::placeholder {
    color: #a5b7c3;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .campoform .inputform:hover::-webkit-input-placeholder, .campoform .inputform:focus::-webkit-input-placeholder {
    color: #a5b7c3;
  }
  .campoform .inputform:hover:-ms-input-placeholder, .campoform .inputform:focus:-ms-input-placeholder {
    color: #a5b7c3;
  }
  .campoform .inputform:hover::-ms-input-placeholder, .campoform .inputform:focus::-ms-input-placeholder {
    color: #a5b7c3;
  }
  .campoform .inputform:hover::placeholder, .campoform .inputform:focus::placeholder {
    color: #a5b7c3;
  }
}

.campoconicono {
  width: 250px !important;
}

@media (min-width: 1268px) {
  .campoconicono {
    width: 240px !important;
  }
}

@media (min-width: 1608px) {
  .campoconicono {
    width: 330px !important;/*290px*/
  }
}

/*@media (min-width: 1908px) {
  .campoconicono {
    width: 330px !important;
  }
}*/

.campocortoconicono {
  width: 110px !important;
}

@media (min-width: 1268px) {
  .campocortoconicono {
    width: 240px !important;
  }
}

@media (min-width: 1608px) {
  .campocortoconicono {
    width: 330px !important;/*290px*/
  }
}

/*@media (min-width: 1908px) {
  .campocortoconicono {
    width: 330px !important;
  }
}*/

.campoformauto {
  position: static;
  height: 0;
}

.selectform {
  border-bottom: 1px solid #D2E0E6;
  width: 100%;
  height: 30px;
  padding: 0 25px 0 5px;
  background-color: #FFF;
  background-image: url(../img/ico30x60flechaabajo.svg);
  background-repeat: no-repeat;
  background-size: 30px 60px;
  background-position: right top;
}

.textareaform {
  background-color: #EAF3F7;
  width: 100%;
  height: 90px;
  padding: 10px;
}

.textareaform::-webkit-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.textareaform:-ms-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.textareaform::-ms-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.textareaform::placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.textareaform:hover::-webkit-input-placeholder, .textareaform:focus::-webkit-input-placeholder {
  color: #ABBAC4;
}

.textareaform:hover:-ms-input-placeholder, .textareaform:focus:-ms-input-placeholder {
  color: #ABBAC4;
}

.textareaform:hover::-ms-input-placeholder, .textareaform:focus::-ms-input-placeholder {
  color: #ABBAC4;
}

.textareaform:hover::placeholder, .textareaform:focus::placeholder {
  color: #ABBAC4;
}

.textareaform2 {
  background-color: #EAF3F7;
  width: 100%;
  height: 90px;
  padding: 6px;
}

.textareaform2::-webkit-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.textareaform2:-ms-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.textareaform2::-ms-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.textareaform2::placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.textareaform2:hover::-webkit-input-placeholder, .textareaform2:focus::-webkit-input-placeholder {
  color: #ABBAC4;
}

.textareaform2:hover:-ms-input-placeholder, .textareaform2:focus:-ms-input-placeholder {
  color: #ABBAC4;
}

.textareaform2:hover::-ms-input-placeholder, .textareaform2:focus::-ms-input-placeholder {
  color: #ABBAC4;
}

.textareaform2:hover::placeholder, .textareaform2:focus::placeholder {
  color: #ABBAC4;
}

.boton30ficha {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.boton30ficha:hover {
  background-color: #DCEEF7;
}

.boton30telefono {
  background-image: url(../img/ico30movil.svg);
}

.boton30email {
  background-image: url(../img/ico30email.svg);
}

.boton30url {
  background-image: url(../img/ico30ojo.svg);
}

.boton30ocultar {
  background-image: url(../img/ico30ocultar.svg);
}

.boton30urlnaranja {
  background-image: url(../img/ico30ojonaranja.svg);
}

.fondoimagenficha {
  background-color: #F4F7F8;
  padding: 20px;
  text-align: center;
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fondoimagenfichasubida {
  padding: 20px;
  text-align: center;
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid #D2E0E6;
}

.subfondoimagen {
  width: 100%;
  height: 280px;
  border: 3px dotted #D2E0E6;
  text-align: center;
  padding-top: 170px;
  cursor: pointer;
  background-image: url(../img/ico80x60imagen.svg);
  background-repeat: no-repeat;
  background-size: 80px 60px;
  background-position: center;
}

.subfondoimagenpdf {
  width: 100%;
  height: 280px;
  border: 3px dotted #D2E0E6;
  text-align: center;
  padding-top: 170px;
  cursor: pointer;
  background-image: url(../img/icopdfgris.svg);
  background-repeat: no-repeat;
  background-size: 90px;
  background-position: center;
}

.filatablaform {
  background-color: #64A4BF;
}

.filatablaform td {
  color: #FFF !important;
  height: 30px;
  text-align: center;
  border-bottom: 2px solid #3C82A0;
  border-left: 2px solid #3C82A0;
  padding: 0 5px;
  text-align: center;
}

.filatablaform td:last-child {
  border-right: 2px solid #3C82A0;
}

.filatablaforminsert {
  background-color: #FFF;
}

.filatablaforminsert td {
  height: 30px;
  border-bottom: 2px solid #3C82A0;
  border-left: 2px solid #3C82A0;
  text-align: left;
}

.filatablaforminsert td:last-child {
  border-right: 2px solid #3C82A0;
}

.filasubtabla {
  background-color: #EAF3F7;
}

.filasubtabla td {
  height: 30px;
  border-bottom: 2px solid #D2E0E6;
  border-left: 2px solid #D2E0E6;
  text-align: left;
}

.filasubtabla td:last-child {
  border-right: 2px solid #D2E0E6;
}

.tablasub tr:last-child td {
  border-bottom: 4px solid #D2E0E6;
}

.tablasubfija tr:last-child td {
  border-bottom: 4px solid #3C82A0;
}

.iconoguardarcabecera {
  background-image: url(../img/ico30guardar2.svg);
}

.inputsubform {
  background-color: transparent;
  height: 30px;
  padding: 0 5px;
  width: 100%;
}

.inputsubform::-webkit-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputsubform:-ms-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputsubform::-ms-input-placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputsubform::placeholder {
  color: #ABBAC4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inputsubform:hover::-webkit-input-placeholder, .inputsubform:focus::-webkit-input-placeholder {
  color: #ABBAC4;
}

.inputsubform:hover:-ms-input-placeholder, .inputsubform:focus:-ms-input-placeholder {
  color: #ABBAC4;
}

.inputsubform:hover::-ms-input-placeholder, .inputsubform:focus::-ms-input-placeholder {
  color: #ABBAC4;
}

.inputsubform:hover::placeholder, .inputsubform:focus::placeholder {
  color: #ABBAC4;
}

.selectsubform {
  background-color: transparent;
  height: 30px;
  width: 100%;
  padding: 0 25px 0 5px;
  background-image: url(../img/ico30x60flechaabajo.svg);
  background-repeat: no-repeat;
  background-size: 30px 60px;
  background-position: right top;
}

.textareasubform {
  background-color: transparent;
  height: 30px;
  width: 100%;
  padding: 7px 5px 0;
}

.boton30form {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.boton30form:hover {
  background-color: #DCEEF7;
}

.boton30form2 {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.boton30form2:hover {
  background-color: #FFF;
}

.boton30guardar {
  background-image: url(../img/ico30mas.svg);
}

.boton30menos {
  background-image: url(../img/ico30menos.svg);
}

.boton30editar {
  background-image: url(../img/ico30guardar.svg);
}

.boton30borrar {
  background-image: url(../img/ico30aspa.svg);
}

.boton30articulos {
  background-image: url(../img/ico30agregararticulo.svg);
}

.boton30subir {
  background-image: url(../img/ico30subir.svg);
  background-size: 30px 60px;
  background-position: center top;
}

.boton30bajar {
  background-image: url(../img/ico30bajar.svg);
  background-size: 30px 60px;
  background-position: center top;
}

.separadorl {
  height: 40px;
  width: 8px;
  background-image: url(../img/ico8x40corchetea.svg);
  display: inline-block;
  vertical-align: top;
}

.separadorr {
  height: 40px;
  width: 8px;
  background-image: url(../img/ico8x40corcheteb.svg);
  display: inline-block;
  vertical-align: top;
}

.boton30subiroff {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/ico30subir.svg);
  background-size: 30px 60px;
  background-position: center bottom;
}

.boton30bajaroff {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/ico30bajar.svg);
  background-size: 30px 60px;
  background-position: center bottom;
}

.subcajaform {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  display: inline-block;
  vertical-align: top;
  cursor: not-allowed;
  font-style: italic;
}

.subcajaformblanco {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  display: inline-block;
  vertical-align: top;
  cursor: not-allowed;
  background-color: #FFF;
}

.divautocompletar {
  position: absolute;
  width: 280px;
  z-index: 980;
  background-color: #DCEEF7;
  display: none;
  margin-top: -31px;
}

@media (min-width: 1268px) {
  .divautocompletar {
    width: 270px;
    margin-top: -10px;
  }
}

@media (min-width: 1608px) {
  .divautocompletar {
    width: 360px;/*320px*/
  }
}

/*@media (min-width: 1908px) {
  .divautocompletar {
    width: 360px;
  }
}*/

.selautocompletar {
  padding: 6px 8px;
  cursor: pointer;
  height: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid #D2E0E6;
}

.selautocompletar:hover {
  background-color: #EAF3F7;
}

.pretablamail {
  width: 100%;
  max-width: 900px;
  padding: 20px;
  background-color: #FFF;
  margin: 0;
  -webkit-box-shadow: 0px 5px 23px 0px rgba(0, 75, 105, 0.3);
  box-shadow: 0px 5px 23px 0px rgba(0, 75, 105, 0.3);
}

@media (min-width: 917px) {
  .pretablamail {
    margin: 140px auto 30px;
  }
}

.botonseleccionar {
  width: 180px;
  height: 40px;
  padding: 0 10px 0 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-image: url(../img/ico40clip.svg);
  background-size: 40px;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #FF6400;
}

.botonseleccionar:hover {
  background-color: #FF9A26;
}

.botonsubir {
  width: 180px;
  height: 40px;
  padding: 0 10px 0 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-image: url(../img/ico40subiralanube.svg);
  background-size: 40px;
  background-position: 4px center;
  background-repeat: no-repeat;
  background-color: #82AD00;
}

.botonsubir:hover {
  background-color: #99CC00;
}

.cajaarchivo {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  padding-right: 8px;
}

.botonborrarsubido {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  height: 30px;
  width: 30px;
  line-height: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-right: 15px;
  background-image: url(../img/ico30aspa.svg);
  background-color: #DCEEF7;
}

.botonborrarsubido:hover {
  background-color: #D0E3EC;
}

.fondoavisos {
  z-index: 997;
  background-color: rgba(200, 200, 200, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: none;
}

.fondointerioravisos {
  opacity: 0;
  display: none;
  z-index: 998;
  position: fixed;
  top: 80px;
  left: 50%;
  background-color: #FFF;
  overflow: auto;
  -webkit-box-shadow: 0px 0px 47px 5px rgba(0, 75, 105, 0.3);
  box-shadow: 0px 0px 47px 5px rgba(0, 75, 105, 0.3);
}

/*#contenidopopup {
  padding: 10px 15px 25px;
}*/

.icocerraravisos {
  background-image: url(../img/ico40cerrar.svg);
  background-size: 40px;
  background-position: center;
}

.avisos1 {
  width: 320px;
  margin-left: -160px;
}

.avisos2 {
  width: 310px;
  margin-left: -155px;
}
/*
@media (min-width: 1268px) {
  .avisos2 {
    width: 440px;
    margin-left: -220px;
  }
}
*/
@media (min-width: 1608px) {
  .avisos2 {
    width: 490px;
    margin-left: -245px;
  }
}

@media (min-width: 1908px) {
  .avisos2 {
    width: 530px;
    margin-left: -265px;
  }
}

.botonagregaarticulo {
  background-repeat: no-repeat;
  background-position: left center;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 50px;
  color: #FFF;
  overflow: hidden;
  width: 154px;
  cursor: pointer;
  margin: 20px auto 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.botonagregaarticulo:hover {
  background-color: #FF9A26;
}

.cajaayuda {
  background-color: #EAF3F7;
  width: 100%;
  padding: 10px;
}

.subcajaayuda {
  background-image: url(../img/ico80ayuda.svg);
  background-size: 60px;
  background-position: left top;
  background-repeat: no-repeat;
  max-width: 900px;
  margin: 0 auto;
  padding-left: 60px;
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 917px) {
  .subcajaayuda {
    background-size: 80px;
    padding-left: 80px;
    min-height: 80px;
  }
}

.botoncierraayuda {
  width: 40px;
  height: 40px;
  float: right;
  cursor: pointer;
}

.subbotoncierraayuda {
  width: 40px;
  height: 40px;
  background-color: #EAF3F7;
  background-image: url(../img/ico40aspa3.svg);
  background-size: 40px;
  background-position: center;
  background-repeat: no-repeat;
}

.subbotoncierraayuda2 {
  width: 40px;
  height: 40px;
  background-image: url(../img/ico40ayudac.svg);
  background-size: 40px;
  background-position: center;
  background-repeat: no-repeat;
}

/* *****Añadidos últimos:***** */

/*input de cabecera*/
.inputcabecera {
  width: 48px;
  height: 40px;
  /*border: 2px solid #3C82A0	*/
  vertical-align: top;
  padding: 0 10px;
  background-color: #FFF;
}
.inputcabecera::placeholder {
  color: #ABBAC4;
  transition: all 0.3s;
}
.inputcabecera:hover::placeholder, .inputcabecera:focus::placeholder {
  color: #ABBAC4;
}

.disabled{
  cursor: not-allowed !important;
  font-style: italic;
}

.checkformn{
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  width: 30px;
  height: 30px;
  background-image: url(../img/tablacheck.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px;
  cursor: pointer;
}
.checkforms{
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px;
  background-image: url(../img/tablachecked.svg);
  cursor: pointer;
}

.borderojo{
  border-bottom: 1px solid #FF0000 !important;
  background-color: rgb(255, 242, 242) !important;
}
.borderojocompleto{
  border: 1px solid #FF0000 !important;
  background-color: rgb(255, 242, 242) !important;
}
.letraroja{
  font-weight: bold;
  color: #FF0000 !important;
}

:invalid {
  box-shadow: none;
} 
:-moz-submit-invalid {
  box-shadow: none;
} 
:-moz-ui-invalid {
  box-shadow:none;
}

.tablacalendario{
  margin: 10px;
  display: inline-block;
  vertical-align: top;
}

.tablacalendario tr th{
  width: 44px;
  height: 30px;
  background-color: #3C82A0;
  color: #FFF;
  border-left: 2px solid #2B6A85;
}
.tablacalendario tr th:first-child{
  border-left: 0;
  width: 42px;
}

.titulomes{
  width: 313px;
  font-size: 14px;
  border-bottom: 2px solid #2B6A85;
}

.tablacalendario tr td{
  width: 44px;
  height: 44px;
  line-height: 42px;
  background-color: #FFF;
  border-left: 2px solid #EFEFEF;
  border-bottom: 2px solid #EFEFEF;
  text-align: center;
  font-size: 15px;
}
.tablacalendario tr td:first-child{
  border-left: 0;
  width: 42px;
}

.diapulsado{
  background-color: #d2ecfd !important;
}

.diapulsadocursor{
  background-color: #d2ecfd !important;
  cursor: help;
}
.divflotantecalendario{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  background-color: #FFF;
  font-size: 9px;
  text-align: center;
}
.cajatextobarra{
  height: 30px;
  display: inline-block;
  vertical-align: top;
  padding: 0 4px;
  border: 1px solid #3C82A0;
  margin: 0 3px 0 3px;
}

.botpagina{
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 25px;
  height: 30px;
}
.botpagina:hover {
  background-color: #FFF;
}

.paginaant{
  background-image: url(../img/paginaant.svg);
}
.paginaant2{
  background-image: url(../img/paginaant2.svg);
  cursor: default;
}
.paginasig{
  background-image: url(../img/paginasig.svg);
  margin-left: 3px;
}
.paginasig2{
  background-image: url(../img/paginasig2.svg);
  cursor: default;
  margin-left: 3px;
}
.paginapri{
  background-image: url(../img/paginapri.svg);
  margin-left: 3px;
}
.paginapri2{
  background-image: url(../img/paginapri2.svg);
  cursor: default;
  margin-left: 3px;
}
.paginault{
  background-image: url(../img/paginault.svg);
  margin-right: 3px;
}
.paginault2{
  background-image: url(../img/paginault2.svg);
  cursor: default;
  margin-right: 3px;
}

.selectautocomplete::-webkit-calendar-picker-indicator {
  display: none;
}
.selectautocomplete{
  cursor: pointer;
}
.selectautocomplete::-webkit-input-placeholder, .selectautocomplete::-webkit-input-placeholder {
  color: #648296;
}
.selectautocomplete:-ms-input-placeholder, .selectautocomplete:-ms-input-placeholder {
  color: #648296;
}
.selectautocomplete::-ms-input-placeholder, .selectautocomplete::-ms-input-placeholder {
  color: #648296;
}
.selectautocomplete::placeholder, .selectautocomplete::placeholder {
  color: #648296;
}
.selectautocomplete:hover::-webkit-input-placeholder, .selectautocomplete:focus::-webkit-input-placeholder {
  color: #648296;
}
.selectautocomplete:hover:-ms-input-placeholder, .selectautocomplete:focus:-ms-input-placeholder {
  color: #648296;
}
.selectautocomplete:hover::-ms-input-placeholder, .selectautocomplete:focus::-ms-input-placeholder {
  color: #648296;
}
.selectautocomplete:hover::placeholder, .selectautocomplete:focus::placeholder {
  color: #648296;
}

::-webkit-scrollbar-track{
  background-color: #EDEDED;
}
::-webkit-scrollbar{
  width: 8px;
  height: 8px;
  background-color: #F2F2F2;
}
::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background-color: #2793c1;
}
::-webkit-scrollbar-thumb:hover{
  border-radius: 10px;
  background-color: #1e6f92;
}

.cantidadavisosabremenu{
    position: absolute;
    background-color: #FF0000;
    color:#FFF;
    font-size: 11px;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 20px 0 0 20px;
}
.cantidadavisosabremenuboton{
    position: absolute;
    background-color: #FF0000;
    color:#FFF;
    font-size: 11px;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: -29px 0 0 45px;
}
.divseparadorform{
    text-align:center;
    margin-bottom:10px;
    height:30px;
    line-height:30px;
    font-weight:bold;
    background-color:#EAF3F7;
    font-size: 13px;
}
.lineaseparadoraform{
    height:1px;
    background-color:#D2E0E6;
    margin:29px 0 20px;
}
.botonlargoform{
    text-align:center;
    height:30px;
    line-height:30px;
    font-weight:bold;
    background-color:#7eb6cf;
    color:#FFF;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 220px;
    margin: 0 auto 10px;
}
.botonlargoform:hover{
    background-color:#40748b;
}

#popupconmarco{
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index:99996;
  background-color:rgba(32,38,54,0.4);
}
#subpopupconmarco{
  background-color:#FFF;
  padding:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 109px -17px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 0px 109px -17px rgba(0,0,0,0.8);
  box-shadow: 0px 0px 109px -17px rgba(0,0,0,0.8);
  max-height: 100vh;
  margin: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
#contenidopopup{
  padding: 40px 0 25px;
  text-align: left;
}
#contenidopopup .title {
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
}
#contenidopopup,#contenidopopup *{
  color:#648296;
}
@media (min-width: 380px) {
    #contenidopopup {
      padding: 40px 25px 25px;
    }
}
#cierrapop{
  float: right;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url(../img/uploadifive-cancel.svg);
  background-position: center;
  background-size: 30px;
  background-repeat: no-repeat;
}