@charset "UTF-8";
*{padding:0;margin:0;border:0;box-sizing:border-box;outline:none;}
body{background:#ECEFF7;color:#575757;font:14px/1.4 "Roboto",Arial,Helvetica,sans-serif;height:100%;padding:20px;}
form .panel-contenido{padding-bottom:20px;}
form li{list-style:none;display:inline-block;}
input,select,textarea,div[data-falso-campo="1"]{font:1em/1 "Roboto",Arial,Helvetica,sans-serif;padding:10px 20px;background:inherit;color:inherit;width:100%;background:#FFF;}
input,select,textarea,div[data-combo="1"],div[data-falso-campo="1"],.casilla-formato-normalizado,.item-sugerencia{border:1px solid #D8DDE5;border-radius:4px;}
input[type="time"]{padding:9px 20px 8px;}
label,strong[data-falso-label="1"]{display:block;text-transform:uppercase;font-size:.9em;margin-bottom:3px;font-weight:normal;}
table{width:calc(100% + 40px);border-collapse:collapse;background:#FFF;}
.panel-titulo table,.panel-contenido table{margin: -10px -20px;}
th,td{vertical-align:top;text-align:left;padding:8px 10px;border-bottom:1px solid #EAEDEF;}
td.medio{vertical-align:middle;}
th{border-bottom:1px solid #E0E4E8;text-transform:uppercase;font-weight:normal;font-size:12px;}
tr.tr-destacada th{color:#FFF;font-weight:normal;background:#434343;}
table tbody tr:last-child td{border-bottom:none;}
table.cebra tbody tr:nth-child(even){background:#FCFDFE;}
table ol,table ul,table ol li:last-child,table ul li:last-child{margin-bottom:0;}
a{color:inherit;}
.f-err{color:#A00;}
em.f-err{font-style:normal;font-size:12px;}
.control{width:4px;padding:10px 5px 2px;border-left:1px solid #EAEDEF;}
.control .material-icons{color:#000;}
.v-eliminar .material-icons{color:#A00 !important;}
.centrar{text-align:center;}
.cifra{text-align:right;}
.aclaracion{font-size:.8em !important;color:#777 !important;}
.th-generoso-compacto{width:20em;}
.th-medio-compacto{width:14em;}
.th-semi-compacto{width:10em;}
.th-compacto{width:8em;}
.th-mas-compacto{width:5em;}
.th-precio{width:11em;}
.oculto{display:none !important;}
.deshabilitado{opacity:.5 !important;}
.cargador{display:block;width:100%;height:10px;}
.cargador,div[data-combo="1"] label:before,.grupo-casillas-desvinculado label:before{background:#F5F5F5;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}
.progreso,div[data-combo="1"] input:checked+label:before,.grupo-casillas-desvinculado input:checked+label:before{background:#44B739;border-bottom:1px solid #2C9F21;}
.progreso{display:block;height:100%;width:100%;animation-duration:25s;animation-name:cargador;animation-iteration-count:infinite;}
@keyframes cargador{from{width:0%;}to{width:100%;}}
.columnas{display:flex;width:100%;}
.columnas+.columnas{margin-top:10px;}
.col-5{width:5%;}
.col-10{width:10%;}
.col-12{width:12%;}
.col-15{width:15%;}
.col-16{width:16.66%;}
.col-20{width:20%;}
.col-25{width:25%;}
.col-30{width:30%;}
.col-33{width:33.33%;}
.col-40{width:40%;}
.col-42{width:42.5%;}
.col-50{width:50%;}
.col-60{width:60%;}
.col-66{width:66.66%;}
.col-70{width:70%;}
.col-75{width:75%;}
.col-80{width:80%;}
.col-85{width:85%;}
.col-90{width:90%;}
.col-95{width:95%;}
.col-100{width:100%;}
.col-wrap{flex-wrap:wrap;}
.col-gap{column-gap:20px;}

#f-acceso{width:400px;margin:50px auto 0;}
#f-acceso li{display:block;}
#f-acceso li+li{margin-top:10px;}
#f-acceso .boton{display:block;text-align:center;width:100%;}
#f-acceso p{padding:20px;text-align:center;}

#cabecera,.panel{background:#FFF;border:1px solid #F0F0F0;border-bottom:1px solid #E9E9E9;border-radius:6px;margin-bottom:20px;}
#cabecera img{height:50px;margin:19px 20px 10px;}
#cabecera strong,#cabecera a{display:block;padding:20px;border-left:1px solid #F0F0F0;text-decoration:none;color:#000;text-align:center;white-space:nowrap;}
#cabecera strong{background:#ECEFF7;box-shadow:inset 0 0 15px 0 rgba(0,0,0,.1);font-weight:normal;}
#cabecera .material-icons,.panel.ic .material-icons{display:block;margin-bottom:4px;}
#cabecera #cerrar-sesion .material-icons{color:#A00;}
#miga{display:block;font-size:10px;color:#000;}
#miga a,#miga span{display:inline-block;text-transform:uppercase;text-decoration:none;padding:5px 8px;}
#miga span{padding:5px 2px;text-transform:none;}
.panel.ic{display:block;text-align:center;color:#000;text-decoration:none;padding:35px;}
.panel.ic .material-icons{font-size:28px;}
.panel-titulo,.panel-contenido{padding:10px 20px;}
.panel-titulo{border-bottom:1px solid #EBEFF6;}
.panel-contenido+.panel-titulo{border-top:1px solid #EBEFF6;}
.boton{display:inline-block;text-transform:uppercase;text-align:center;padding:15px 20px;color:#FFF;background:#333;border-radius:4px;text-decoration:none;font-size:12px;cursor:pointer;}
.blanco{color:#000;background:#FFF;}
.b-ico{background:transparent;border:1px solid #CCC;color:#666;padding:14px 19px 14px 40px;position:relative;margin-left:15px;}
.b-ico .material-icons{position:absolute;left:10px;top:10px;}
.mensaje{padding:10px 20px;margin-bottom:20px;border:1px solid #E9E9E9;border-left:10px solid;background:#FFF;color:#000;}
.mensaje.error{border-left-color:#A00;}
.mensaje.exito{border-left-color:#44B739;}
.mensaje.aviso{border-left-color:#FFBF46;}

div[data-combo="1"] span{display:block;padding:0 10px;border-bottom:1px solid #D8DDE5;line-height:1;}
div[data-combo="1"] span:last-child{border-bottom:none;}
div[data-combo="1"] input,div[data-combo="1"] label{display:inline;width:auto;text-transform:none;}
div[data-combo="1"] input{position:relative;top:2px;}
div[data-combo="1"] label{display:inline-block;border-left:1px solid #D8DDE5;padding:10px;margin:0 0 0 10px;cursor:pointer;}

#modal{position:fixed;z-index:3417;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(236,239,247,.8);padding:100px 100px 0;}
#modal .panel{height:calc(100% - 100px);}
#modal .panel-titulo{position:relative;}
#modal .panel-titulo a{position:absolute;top:8px;right:10px;}
#modal .panel-contenido{overflow-y:auto;height: calc(100% - 60px);}
#modal .mensaje{margin-bottom:0;}
#modal .mensaje ul{margin-bottom:10px;}
#modal .mensaje ul:last-child{margin-bottom:0;}
#modal .mensaje li{margin-left:20px;}

#flujo-pedido li{list-style:none;text-align:center;text-transform:uppercase;position:relative;z-index:17;padding-top:20px;}
#flujo-pedido li:before,#flujo-pedido li:after{content:" ";height:8px;background: #E7E7E7;width:50%;position:absolute;top:46px;z-index:9;}
#flujo-pedido li:before{left:0;}
#flujo-pedido li:after{right:0;}
#flujo-pedido li[data-fase="1"]:before{display:none;}
#flujo-pedido li[data-fase="4"]:after{display:none;}
#flujo-pedido strong{font-size:32px;display:inline-block;width:56px;line-height:1;color:#E7E7E7;border:8px solid #E7E7E7;border-radius:50%;padding:5px 0;background:#ECEFF7;position:relative;z-index:99;}
#flujo-pedido .activo strong,#flujo-pedido .pasado strong{color:#000;background:#FFF;border-color:#44B739;}
#flujo-pedido span{display:block;font-size:12px;padding:10px 0 20px;}
#flujo-pedido .activo:before,#flujo-pedido .pasado:before,#flujo-pedido .pasado:after{background:#44B739;}

#p-conf-ped{overflow:hidden;}

#flujo-nav{overflow:hidden;}
#flujo-nav #ant,#flujo-nav #sig{display:inline-block;}
#flujo-nav #ant{float:left;}
#flujo-nav #ant a{padding-left:35px;}
#flujo-nav #sig{float:right;}
#flujo-nav #sig a{padding-right:35px;}
#flujo-nav a{display:block;position:relative;}
#flujo-nav a .material-icons{position:absolute;top:14px;font-size:18px;}
#flujo-nav #ant .material-icons{left:14px;top:13px;}
#flujo-nav #sig .material-icons{right:10px;}

#f-perfil-solicitud .boton{margin:20px 0 0 20px;padding:13px 20px;}
#f-aviso-perfil-solicitud .boton{font-size:11px;padding:7px 10px;margin-top:6px;}

.titulo-articulo{position:relative;}
.v-eliminar-articulo{position:absolute;right:10px;top:calc(50% - 12px);}
.articulo .medidas-articulo,.articulo .medidas-margenes{position:relative;}
.articulo .caja-medida{position:absolute;font-size:12px;}
.articulo .caja-medida input{width:5em;padding:5px;}
.articulo .ancho-articulo{left:calc(50% - 30px);}
.articulo .alto-articulo{left:15px;top:calc(50% - 20px);}
.articulo .m-articulo,.articulo .m-margenes{display:block;background:#F7F7F7;border:1px solid #E0E0E0;}
.articulo .m-articulo{margin:30px 20px 20px 40px;height:calc(100% - 31px);min-height:88px;}
.articulo .m-margenes{height:150px;margin:30px;}
.articulo .m-arr,.articulo .m-abj{left:calc(50% - 30px);}
.articulo .m-der,.articulo .m-izq{top:calc(50% - 20px);}
.articulo .m-abj{bottom:19px;}
.articulo .m-der{right:0;}
.articulo .cristales{padding-right:40px;}

.articulo .s-acumulable{margin-bottom:-20px;}
.articulo .b-anadir{font-size:24px;text-decoration:none;padding:3px 0;display:block;border-color:#D8DDE5;text-align:center;}
.articulo .opcion{border:1px solid #E0E0E0;border-radius:4px;padding-right:44px;position:relative;display:inline-block;margin:0 10px 10px 0;line-height:1;}
.articulo .opcion strong{display:block;}
.articulo .opcion .v-eliminar{position:absolute;top:calc(50% - 12px);right:10px;}
.articulo .moldura .m-ref{padding:10px 10px 10px 20px;border-right:1px solid #D8DDE5;display:inline-block;}
.articulo .paspartu .p-ref{padding:10px 20px;border:60px solid #F7F7F7;border-left-width:80px;border-right-width:80px;display:inline-block;}
.articulo .paspartu .p-arr,.articulo .paspartu .p-abj{left:calc(50% - 50px);}
.articulo .paspartu .p-izq,.articulo .paspartu .p-der{top:calc(50% - 20px);}
.articulo .paspartu .p-izq{left:10px;}
.articulo .paspartu .p-der{right:55px;}
.articulo .paspartu .p-arr{top:10px;}
.articulo .paspartu .p-abj{bottom:10px;}
.articulo div[id|="bastidor"]{padding-bottom:20px;}

#b-anadir-articulo{display:block;padding:15px 20px;text-align:center;text-decoration:none;}

.montaje{position:relative;padding:20px 20px 0;}
.montaje .ancho-montaje,.montaje .alto-montaje{position:absolute;font-weight:bold;color:#000;}
.montaje .ancho-montaje{top:0;left:calc(50% - 2em);}
.montaje .alto-montaje{top:calc(50% - .2em);left:-21px;transform: rotate(-90deg);}
.montaje .aclaracion,.montaje-extra .aclaracion{display:block;margin-top:2px;}
.montaje .montaje-moldura,.montaje .montaje-paspartu{padding:10px 3em 3em;}
.montaje .montaje-margen{color:#000;padding:10px 2em 2em;}
.montaje .montaje-moldura{color:#FFF;background:#333;}
.montaje .montaje-paspartu{color:#000;background:#F0F0F0;}
.montaje .montaje-moldura .aclaracion{color:#FFF !important;}
.montaje .montaje-paspartu .aclaracion,.montaje .montaje-margen .aclaracion,.montaje .montaje-pieza .aclaracion{color:#000 !important;}
.montaje .err{color:#FFF !important;background:#A00;padding:1px 2px;}
.montaje .montaje-margen,.montaje .montaje-pieza{color:#000;background:#FFF;}
.montaje .montaje-pieza{padding:50px;}
.montaje div,.montaje-extra{border:1px solid #D8DDE5;line-height:1;}
.montaje div>div{margin:5px;}
.montaje-extra{padding:10px 20px;margin:15px 0 0 20px;display:inline-block;}
.importe-articulo{font-size:24px;padding:0 0 15px 20px;}
#totales{width:33%;}
#totales li{display:block;border-bottom:1px solid #F0F0F0;padding:10px 20px;}
#totales li:last-child{border:none;}
#totales span{font-size:24px;}
#totales #imp-total{font-weight:bold;}

.t-resumen{margin:0 -20px !important;}
.t-resumen img{height:400px;max-width:100%;display:block;margin:10px auto;}
.t-resumen .aclaracion{display:block;}
.t-resumen br{display:none;}
.t-resumen .td-observaciones{font-size:12px;}
.panel-contenido .t-resumen:first-child{margin-top:-10px !important;}
.panel-contenido .t-resumen tr:last-child{border-bottom:1px solid #EAEDEF;}
#tot-resumen{width:auto;float:right;margin-top:0;}
#resumen-cliente p{margin-bottom:15px;}
#b-nuevo-pedido{margin-left:20px;}
#f-entrega{padding-left:20px;}

#f-solicitudes,#f-referencias{padding:0 0 20px 20px;}
#b-solicitudes{padding-top:20px;}
#b-solicitudes .boton{padding:12px 20px;}

#t-solicitudes .estado{display:inline-block;font-weight:normal;font-size:10px;text-transform:uppercase;color:#FFF;padding:4px 8px 3px;line-height:1;border-radius:4px;background:#A00;cursor:pointer;}
#t-solicitudes .estado[data-comp="S"]{background:#44B739;}

#t-referencias .aclaracion{display:block;}
#t-referencias .aclaracion .err{display:inline-block;color:#FFF;background:#A00;text-transform:uppercase;padding:5px 4px 3px;line-height:1;}

#campos-vacios{padding-top:20px;}
#campos-vacios input{background:#F7F7F7;}

#l-imgs-arts li{list-style:none;margin-bottom:20px;}
#l-imgs-arts li .img-art-ges{border:10px solid #CCC;margin-bottom:10px;display:inline-block;}
#l-imgs-arts li .img-art-ges img{display:block;max-height:225px;}

table.t-obs-imgs-pedido{margin:10px 0 20px;width:100%}
table.t-obs-imgs-pedido td{border:1px solid #EAEDEF !important;}
table.t-obs-imgs-pedido .th{width:9em;text-transform:uppercase;}

#f-perfil #logo-perfil{width:200px;padding:10px;}
#f-perfil #logo-perfil img{max-width:100%;}
#f-perfil #datos-perfil{width:calc(100% - 200px);}
#f-perfil #datos-perfil ul+ul{margin-top:10px;}