* {
margin: 0;
padding: 0;
}
a, a:hover, a:before, a:focus {
text-decoration: none !important;
color: inherit !important;
}
.container {
/*height: 100%;*/
width: 100%;
/*max-width:1024px;*/
}
html, body {
height: 100%;
font-size: 13px;
font-family: 'Montserrat', 'Raleway', sans-serif, Arial, Helvetica;
background-color: #ffffff;
line-height: 22px;
}
body{
max-width: 100%;
min-width: 320px !important;
min-height: 100%;
font-size: 13px;
font-family: 'Montserrat', 'Raleway', sans-serif, Arial, Helvetica;
color: #000;
background-color: #FFF;
position: relative;
}
#bootstrap-touch-slider{
/*padding-bottom: 9rem;*/
margin-left: auto;
margin-right: auto;
background-color:white;
}
.content-wrap{
padding-bottom: 9rem;
max-width: 1366px;
margin-left: auto;
margin-right: auto;
}
footer {
bottom: 0;
width: 100%;
/*height: 8rem;*/
left: 0;
padding-top: 1rem;
background-color: #E8E8E8;
}
#header {
height: 75px;
}
/*JD BACK TO TOP*/
#back-top {
position: fixed;
bottom: 20px;
right: 2%;
z-index: 100;
}
/*JD FIN BACK TO TOP*/
/*JD ALINEACION CENTRADA TABLA DE BARRAS Y ACCESORIOS*/
.table > tbody > tr > td {
vertical-align: middle;
}
table td:nth-child(1) {
/*max-width: 75px;*/
}
/*JD FIN ALINEACION CENTRADA TABLA DE BARRAS Y ACCESORIOS*/
.texto-vertical {
writing-mode: vertical-lr;
transform: rotate(270deg);
text-align: center;
}
.font-weight-normal {
font-weight: 100 !important;
}
.w100 {
width: 100% !important;
}
.w95 {
width: 95%;
}
.w90 {
width: 90%;
}
.w85 {
width: 85%;
}
.w80 {
width: 80%;
}
.w75 {
width: 75%;
}
.w70 {
width: 70%;
}
.w65 {
width: 65%;
}
.w60 {
width: 60%;
}
.w55 {
width: 55%;
}
.w50 {
width: 50%;
}
.w45 {
width: 45%;
}
.w40 {
width: 40%;
}
.w35 {
width: 35%;
}
.w30 {
width: 30%;
}
.w25 {
width: 25%;
}
.w20 {
width: 20%;
}
.w15 {
width: 15%;
}
.w10 {
width: 10%;
}
.w5 {
width: 5%;
}
.wauto {
width: auto !important;
}
.mb--10px {
margin-bottom: -10px !important;
}
.mb-1px {
margin-bottom: 1px !important;
}
.mb-10px {
margin-bottom: 10px !important;
}
.mb-15px {
margin-bottom: 15px !important;
}
.mb-30px {
margin-bottom: 30px !important;
}
.mb-50px {
margin-bottom: 50px !important;
}
.mt-60px {
margin-top: 30px !important;
}
.mt-55px {
margin-top: 30px !important;
}
.mt-45px {
margin-top: 30px !important;
}
.mt-40px {
margin-top: 30px !important;
}
.mt-30px {
margin-top: 30px !important;
}
.mt--35px {
margin-top: -35px !important;
}
.mt--55px {
margin-top: -55px !important;
}
.mt--25px {
margin-top: -25px !important;
}
.mt--20px {
margin-top: -20px !important;
}
.mt--15px {
margin-top: -15px !important;
}
.mt--12px {
margin-top: -12px !important;
}
.mt--5px {
margin-top: -5px !important;
}
.mt--3px {
margin-top: -3px !important;
}
.mt--2px {
margin-top: -2px !important;
}
.mt--1px {
margin-top: -1px !important;
}
.mt-23px {
margin-top: 23px !important;
}
.mt-20px {
margin-top: 20px !important;
}
.mt-25px {
margin-top: 25px !important;
}
.mt-12px {
margin-top: 12px !important;
}
.mt-10px {
margin-top: 10px !important;
}
.mt-15px {
margin-top: 15px !important;
}
.mt-18px {
margin-top: 18px !important;
}
.mt-8px {
margin-top: 8px !important;
}
.mt-4px {
margin-top: 4px !important;
}
.mt-3px {
margin-top: 3px !important;
}
.mt-5px {
margin-top: 5px !important;
}
.mt-2px {
margin-top: 2px !important;
}
.mt-1px {
margin-top: 1px !important;
}
.mt-0px {
margin-top: 0 !important;
}
.mr-0px {
margin-right: 0 !important;
}
.mr-5px {
margin-right: 1px !important;
}
.mr-25px {
margin-right: 25px !important;
}
.mr--35px {
margin-right: -35px !important;
}
.mr--25px {
margin-right: -25px !important;
}
.mr--15px {
margin-right: -15px !important;
}
.mr-15px {
margin-right: 15px !important;
}
.mr-30px {
margin-right: 25px !important;
}
.mr-40px {
margin-right: 40px !important;
}
.mr-45px {
margin-right: 45px !important;
}
.mr-50px {
margin-right: 50px !important;
}
.mr-55px {
margin-right: 55px !important;
}
.mr-60px {
margin-right: 60px !important;
}
.ml-1px {
margin-left: 1px !important;
}
.ml-2px {
margin-left: 2px !important;
}
.ml-3px {
margin-left: 3px !important;
}
.ml-3px {
margin-left: 3px !important;
}
.ml-5px {
margin-left: 5px !important;
}
.ml-15px {
margin-left: 15px !important;
}
.ml-20px {
margin-left: 20px !important;
}
.ml-25px {
margin-left: 25px !important;
}
.ml-30px {
margin-left: 30px !important;
}
.ml-35px {
margin-left: 35px !important;
}
.ml-40px {
margin-left: 40px !important;
}
.ml-45px {
margin-left: 45px !important;
}
.ml-50px {
margin-left: 50px !important;
}
.ml-55px {
margin-left: 55px !important;
}
.ml-60px {
margin-left: 60px !important;
}
.ml-65px {
margin-left: 65px !important;
}
.ml-75px {
margin-left: 75px !important;
}
.ml-100px {
margin-left: 100px !important;
}
.ml-150px {
margin-left: 150px !important;
}
.ml-175px {
margin-left: 175px !important;
}
.ml-180px {
margin-left: 180px !important;
}
.ml-200px {
margin-left: 200px !important;
}
.pr-15px {
margin-right: 10px !important;
}
a, a:focus, a:hover {
text-decoration: none;
}
.cursor_pointer {
cursor: pointer;
}
img {
max-width: 100%;
}
.img_width_100px {
width: 100px !important;
}
.nopadding {
padding: 0 !important;
}
.nomargin {
margin: 0 !important;
}
.bold {
font-weight: bold !important;
}
.lighter {
font-weight: lighter !important;
}
.cursive {
font-style: oblique !important;
}
.center {
margin: auto;
padding: 10px;
}
.center-img {
display: block;
margin: auto;
}
.no-border {
border: none !important;
}
.text-color-white {
color: #ffffff !important;
}
.text-color-black {
color: #000000 !important;
}
.text-color-red {
color: rgba(255, 51, 51, 0.7);
}
.text-color-blue {
color: rgba(20, 133, 204, 0.7);
}
.text-color-orange {
color: rgba(255, 156, 35, 0.7);
}
.text-color-green {
color: rgba(8, 178, 45, 0.7);
}
.text-color-pink {
color: rgba(250, 74, 255, 0.7);
}
.text-color-grey {
color: rgba(126, 127, 125, 0.7);
}
.text-sombra {
text-shadow: 1px 2px #000000;
}
/*JD PROPIEDADES SUBMENU*/
.background-color-submenu {
background-color: #eceded;
}
.font-size-indice {
margin-top: 0px !important;
font-size:0.95rem;
}
/*JD FIN PROPIEDADES SUBMENU*/
.espaciado-entrelineas {
line-height: 22px;
}
.font-size-btn {
font-size: 12px !important;
}
.font-size-catalogos {
font-size: 18px !important;
}
.border_polamb {
border: 0.2px solid #cbcbcb;
}
.image_logos_marcas {
width: 40% !important;
display: block;
margin: auto;
}
.image_logos_expositores {
width: 200px !important;
filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.75));
}
.image_productos {
display: block;
text-align: center !important;
padding: 0px !important;
}
.image_productos_mp {
display: block;
text-align: center !important;
}
/*JD ESACIO PARA POLÍTICA AMBIENTAL*/
ul {
margin-left: 40px;
padding-left: 0px;
}
.opacity_1 {
opacity: 1;
border-radius: 1px;
background-repeat: no-repeat;
}
.btn_content_description_product_active {
opacity: 1;
border-radius: 1px;
background-repeat: no-repeat;
border-color: #d5180d;
}
.selection_barras {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 1);
}
.grow:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.opacity_4 {
opacity: 0.4 !important;
}
.opacity_4:hover {
opacity: 1 !important;
}
/*JD IMAGES CATALOGOS*/
.opacity_cata {
opacity: 1 !important;
}
.opacity_cata:hover {
opacity: 0.4 !important;
cursor: pointer;
}
/*JD FIN IMAGES CATALOGOS*/
.icon_collection:hover {
border-radius: 15px;
background-repeat: no-repeat;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 1);
}
.icon_collection_product_description {
width: 18%;
}
.icon_collection_barras:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.icon_collection_barras {
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
}
icon_collection_barras_catalogo:hover {
padding-top: 5px;
padding-bottom: 5px;
background-repeat: no-repeat;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 1);
}
.icon_collection_barras_catalogo {
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
}
/*JD BOTON SUBMENU*/
.btn-primary.custom-btn {
background-color: #000;
border-color: #000;
}
.submenu_active {
font-weight: bold;
/*color: #d61005;*/
/*text-shadow: 1px 0px #676767;*/
color: #ffffff;
background-color: #000000;
}
.panel-heading {
padding: 2px 15px !important;
}
/*JD FIN BOTON SUBMENU*/
/*JD NAVBAR "MENU INICIAL"*/
.navbar-default .navbar-nav > li.dropdown:hover > a,
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
/*background-color: #cbcbcb;*/
/*color: rgb(0, 0, 0);*/
}
li.dropdown:hover > .dropdown-menu, li.dropdown-submenu:hover > .dropdown-menu {
display: block;
/*opacity: .90 !important;*/
}
.navbar {
margin-bottom: 0 !important;
border: 0 !important;
border-radius: 0 !important;
}
.navbar-default .navbar-nav > li > a {
color: #000000;
padding: 0px 15px;
margin-top: 10px;
margin-bottom: 7px;
}
/*JD FONDO COLOR MENU*/
.container-fluid {
background-color: #e8e8e8 !important;
}
/*JD FIN NAVBAR "MENU INICIAL"*/
/*JD SLIDE */
/*JD OPACIDAD*/
.bs-slider .bs-slider-overlay {
background-color: rgba(0, 0, 0, 0.05) !important;
}
.indicators-line > .carousel-indicators {
bottom: 0% !important;
}
/*JD ALTO MAX*/
.bs-slider {
/*max-height: 600px !important;*/
}
.slide-text > a.btn-default {
margin-left: 0 !important;
font-size: 12px !important;
padding: 10px 30px !important;
}
.slide-text {
top: 10% !important;
}
.slide-button {
color: #000;
font-weight: 400;
font-size: 13px;
line-height: 15px;
margin-right: 10px;
text-align: center;
padding: 17px 30px;
white-space: nowrap;
letter-spacing: 1px;
display: inline-block;
border: none;
text-transform: uppercase;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
/*JD FIN SLIDER */
/*JD FOOTER*/
.align-text-left {
text-align: left;
}
.align-text-right {
text-align: right;
}
.align-text-center {
text-align: center;
}
.color-white {
color: #ffffff;
}
.color-black {
color: #000000;
}
.padding-top-ten-px {
padding-top: 10px;
}
.padding-top-8px {
padding-top: 8px !important;
}
.padding-top-fiftheen-px {
padding-top: 15px;
}
.pad_top_20 {
padding-top: 20px !important;
}
.no-padding {
padding: 0;
margin: 0;
}
.primary {
width: 40%;
}
.social-sharing {
color: #C3C3C3;
font-weight: 600;
transition: all .25s;
cursor: pointer;
}
a.social-sharing:link {
color: #C3C3C3;
font-weight: 600;
transition: all .25s;
cursor: pointer;
}
a.social-sharing:hover {
color: #000000;
font-weight: 600;
transition: all .25s;
cursor: pointer;
}
.no_cursor {
cursor: auto !important;
}
a.footerlink {
color: #000000;
transition: all .25s;
cursor: pointer;
text-decoration: none;
}
a.footerlink:hover {
color: #000000;
font-weight: bold;
transition: all .05s;
cursor: pointer;
text-decoration: none;
}
/*JD FIN FOOTER*/
/*JD PANEL BODY*/
.panel-heading {
background-color: #b7b7b7 !important;
border-radius: 0 !important;
}
.font-size-title {
font-size: 20px !important;
}
.font-size-title-product {
font-size: 20px !important;
text-align: left !important;
}
.font-size-title-pedidos-presupuestos {
font-size: 20px !important;
}
.font-size-subtitle-product {
font-size: 15px !important;
text-align: left !important;
padding: 0 !important;
}
.panel-default > .panel-heading {
border-color: transparent !important;
}
.panel-body {
text-align: justify !important;
}
.image_a4 {
background-repeat: no-repeat;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
cursor: pointer;
margin-bottom: 20px;
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-top: 20px;
}
.sombra_btn_producto_acabado{
border: 1px solid transparent;
border-color: #343a40 !important;
box-shadow: 0px 4px 8px -4px #000000;
background-color: rgb(232,232,232) !important;
color: black !important;
}
.sombra_btn_producto_acabado.active {
border: 1px solid #000 !important;
color: white !important;
background-color: #343a40 !important;
}
.sombra_btn_producto_acabado:hover {
border: 1px solid #000 !important;
color: white !important;
background-color: #343a40 !important;
transition: 0.6s;
}
.btn.sombra_btn_producto_acabado > label {
cursor: pointer !important;
}
.sombra_btn_tipo_producto{
border: 1px solid transparent;
border-color: #343a40 !important;
box-shadow: 0px 4px 8px -4px #000000;
background-color: rgb(232,232,232) !important;
color: black !important;
font-weight: normal;
}
.sombra_btn_tipo_producto.active {
border: 1px solid #000 !important;
color: white !important;
background-color: #343a40 !important;
font-weight: normal;
}
.sombra_btn_tipo_producto:hover {
border: 1px solid #000 !important;
color: white !important;
background-color: #343a40 !important;
transition: 0.6s;
}
.btn.sombra_btn_tipo_producto > label {
cursor: pointer !important;
}
.image_sombra {
background-repeat: no-repeat;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.75);
}
.image_sombra2 {
background-repeat: no-repeat;
box-shadow: 1px 0 5px 0 rgba(0, 0, 0, 0.95);
}
.btn_content_description_product {
cursor: pointer;
}
.image_logo_texto {
width: 20% !important;
}
.galery_aviso {
font-size: 11px;
text-align: right;
}
.image_galery {
height: 100%;
width: 100%;
background-repeat: no-repeat;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
padding: 0 !important;
cursor: pointer;
}
.image_galery_margin {
background-repeat: no-repeat;
/*-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);*/
padding: 0 !important;
cursor: pointer;
margin-top: 20px;
object-fit: contain;
width: 100%;
height: 180px;
border-radius: 4px;
background-color: #f9f9f9;
}
.image_galery_margin:hover {
webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.75);
background-color: #f7f7f7;
}
.image_shadow {
height: 100%;
width: 100%;
background-repeat: no-repeat;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
padding: 0 !important;
cursor: pointer;
/*margin-top: 20px;*/
}
.image_shadow_tarifa {
background-repeat: no-repeat;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
padding: 0 !important;
cursor: pointer;
/*margin-top: 20px;*/
}
.image_galery:hover {
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
}
/*JD FIN PANEL BODY*/
/*IMAGENES CARGADAS LUPA*/
.img-thumbnail:hover, .img-thumbnail:visited {
color: #d61106 !important;
}
.mfp-wrap {
width: 70% !important;
left: 15% !important;
right: 15% !important
}
/*.mfp-container {
background-color: #FFFFFF;
}*/
button.mfp-close {
color: black;
}
.mfp-bg {
background: rgba(255, 255, 255, .9);
z-index: 10000;
}
.mfp-wrap {
width: 50%;
left: 25%;
z-index: 10001;
}
img.mfp-img {
/*background: rgba(0, 0, 0, .6);
padding: 0 !important;*/
}
.mfp-wrap {
width: 90% !important;
left: 5% !important;
right: 5% !important;
height: 97% !important;
/*top: 5% !important;*/
bottom: 5% !important;
/*SCROLL*/
overflow-x: hidden !important;
overflow-y: hidden !important;
}
.mfp-close {
font-size: 24px !important;
color: #5a5a5a !important;
}
.mfp-figure:after {
box-shadow: none !important;
}
/*FIN IMAGENES CARGADAS LUPA*/
/*JD LINEAS - PRODUCTOS*/
.border_mosquiflex {
width: 100%;
border-top: 3px solid #37af04;
border-radius: 3px;
}
.border_flexol {
width: 100%;
border-top: 3px solid #e7e8e9;
border-radius: 3px;
}
/*JD LINEAS - PRODUCTOS*/
/*JD CARTA DE COLORES MOSQUIFLEX*/
.imagen_portada {
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
height: 480px;
}
.imagen_carta_colores {
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
height: 480px;
}
.btn_show_selector {
cursor: pointer;
}
.selector_color {
max-height: 300px;
width: 100%;
height: 100%;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
.imagen_colores {
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
height: 673px;
width: 100%
}
.pd4 {
padding: 10px;
}
.btn_next_selector, .btn_preview_selector, .btn_next_selector_2, .btn_preview_selector_2 {
cursor: pointer;
}
/*JD FIN CARTA DE COLORES MOSQUIFLEX*/
/*JD BUTTON MENU PRODUCTOS + COLECCIONES*/
.btn-primary.raisedColecciones {
font-size: 12px;
background: #f8f8f8;
color: black !important;
height: 42px;
border-style: groove;
border-radius: 3px;
border: 0;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
font-size: 13px !important;
}
.btn-primary.raisedColecciones:hover {
background: #e8e8e8;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
transition: all 0.4s ease 0s;
color: black !important;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.btn-primary.raisedColecciones:active, .btn-primary.raisedColecciones.active {
background: #e8e8e8;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
color: black !important;
}
.btn-primary.raised {
font-size: 14px !important;
background: #f8f8f8;
color: black !important;
height: 42px;
width: 165px;
border-style: groove;
border-radius: 3px;
border: 0;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
font-size: 13px !important;
}
.btn-primary.raised:hover {
background: #e8e8e8;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
transition: all 0.4s ease 0s;
color: black !important;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.btn-primary.raised:active, .btn-primary.raised.active {
background: #e8e8e8;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
color: black !important;
}
.btn-primary.raised2 {
font-size: 14px !important;
background: #f8f8f8;
color: black !important;
height: 50px;
width: 165px;
border-style: groove;
border-radius: 3px;
border: 0;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
font-size: 13px !important;
}
.btn-primary.raised2:hover {
background: #e8e8e8;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
transition: all 0.4s ease 0s;
color: black !important;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.btn-primary.raised2:active, .btn-primary.raised.active {
background: #e8e8e8;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
color: black !important;
}
.btn-primary.raised3 {
font-size: 14px !important;
background: #f8f8f8;
color: black !important;
height: 38px;
width: 185px;
border-style: groove;
border-radius: 3px;
border: 0;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
font-size: 13px !important;
}
.btn-primary.raised3:hover {
background: #e8e8e8;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
transition: all 0.4s ease 0s;
color: black !important;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.btn-primary.raised3:active, .btn-primary.raised.active {
background: #e8e8e8;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
color: black !important;
}
.border_none {
border-bottom: white !important;
}
/*JD FIN BUTTON MENU PRODUCTOS + COLECCIONES*/
/*JD BUTTON PRODUCTOS SIN HOVER*/
.btn-primary.raisedOff {
font-size: 12px;
background: #f8f8f8;
color: black !important;
height: 42px;
border: 0px;
border-radius: 3px;
}
.btn-primary.raisedOff:hover {
background: #e8e8e8;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
transition: all 0.4s ease 0s;
color: black !important;
cursor: default !important;
}
.btn-primary.raisedOff:active, .btn-primary.raisedOff.active {
background: #e8e8e8;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
color: black !important;
}
/*JD FIN BUTTON PRODUCTS*/
/*JD PAGINATION*/
.pagination > li > a,
.pagination > li > span {
border: 1px solid #cbcbcb;
color: #cbcbcb;
}
.pagination:hover {
background: #888;
color: black;
border-color: black;
}
.pagination > li.active > a {
background: #888;
color: #fff;
border-color: black;
}
.pagination:hover > li.active > a {
background-color: #cbcbcb !important;
border-color: black;
}
/*JD FIN PAGINATION*/
/*JD CONTACTO*/
#content_company {
#content_somos {
margin-top: 16%;
.logo_mosquiflex {
width: 52px;
height: 16px;
background-image: url('../images/logo_small.png');
background-repeat: no-repeat;
display: inline-block;
}
}
#content_estamos {
margin-top: 3%;
iframe {
height: 100%;
width: 100%;
min-height: 515px;
}
}
#div_contacto {
hr {
border: 1px solid rgba(0, 0, 0, 0.3);
}
height:515px;
margin-top:3%;
background-color: grey;
border-radius:4px;
.info_estamos {
span {
font-size: 1em;
color: #000000;
}
margin-top: 4%;
}
.form_contacto {
margin-top: 4%;
textarea {
width: 94%;
margin-left: 3%;
}
textarea, button {
margin-top: 3%;
}
}
}
}
/*JD FIN CONTACTO*/
/*LOGIN*/
#content_login {
height: auto;
}
#form_login {
margin-bottom: 5%;
margin-top: 2%;
width: 40%;
margin-left: 30%;
margin-right: 30%;
}
#form_login .title_form_login {
font-size: 1.4em;
}
#form_login input {
text-align: center;
}
#form_login .user_login {
margin-bottom: 2%;
}
#form_login #pass_login {
margin-bottom: 2%;
}
/*FIN LOGIN*/
.altura {
height: 110px;
}
/*HOVER EFECT AREA CLIENTES*/
.img-container {
/*width: 400px;*/
/*height: 200px;*/
position: relative;
box-shadow: 2px 2px 5px #999;
}
.img-container p {
margin: auto;
color: #fff;
text-align: center;
line-height: 200px; /* igual height de la imagen */
background: #b7b7b7;
transition: opacity .4s linear;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
}
.img-container:hover p {
opacity: .85;
}
.title-area-clientes-documentacion {
padding: none !important;
background-color: #b7b7b7 !important;
border-radius: 0 !important;
text-align: center;
font-weight: bold !important;
color: white !important;
}
.title-area-clientes {
padding: 2px 15px !important;
background-color: #b7b7b7 !important;
border-radius: 0 !important;
text-align: center;
font-weight: bold !important;
color: white !important;
}
.texto-encima-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold !important;
color: transparent !important;
}
.texto-encima-center:hover {
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold !important;
color: white !important;
display: inline-block;
font-size: 25px;
text-align: center;
width: 93%;
text-shadow: 1px 2px #000000;
opacity: .80;
background-color: #b7b7b7;
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.2;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.texto-encima-up {
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold !important;
color: white !important;
}
.sombra-texto {
text-shadow: -2px -2px 1px #000, 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000;
}
/*FIN HOVER EFECT AREA CLIENTES*/
/*JD EMBED PDF TARIFAS */
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 150%
}
/*JD CAMBIO DE ESTILO CABECERA MODAL PARA QUE SE VEA MEJOR EL ICO*/
.modal-header {
min-height: 1px;
padding: 0px;
margin: 0px 0;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 0px auto;
}
/*JD FIN CAMBIOS DE ESTILO CABECERA MODAL PARA QUE SE VEA MEJOR EL ICO*/
/*JD FORMATO TAB COMUNICADOS*/
/* Style the tab */
.tab {
float: left;
/*border: 1px solid #ccc;*/
/*background-color: #f1f1f1;*/
width: auto;
height: auto;
}
.margin-top-tab h3 {
margin-top: 14px !important;
}
/* Style the buttons inside the tab */
.tab button {
display: block;
background-color: inherit;
color: black;
padding: 5px 10px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #e3e3e3;
}
/* Create an active/current "tab button" class */
.tab button.active {
background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
float: left;
padding: 0px 12px;
/* border: 1px solid #ccc;*/
width: 90%;
border-left: none;
height: 510px;
}
/*JD FIN FORMATO TAB COMUNICADOS*/
/*JD ACCORDION PEDIDOS Y PRESUPUESTOS*/
.panel-heading .accordion-toggle-decorada:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings'; /*essential for enabling glyphicon */
/*content: "\e114"; */ /* adjust as needed, taken from bootstrap.css */
float: right; /* adjust as needed */
color: black; /* adjust as needed */
}
.panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings'; /*essential for enabling glyphicon */
content: "\e114"; /* adjust as needed, taken from bootstrap.css */
float: right; /* adjust as needed */
color: black; /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}
.panel-heading-background-color {
background-color: #e7e8e9 !important;
}
.panel-heading-background-color-mermet {
background-color: #1c1c1c !important;
color: #FFF !important;
}
.panel-heading .accordion-toggle-mosquiflex:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings'; /*essential for enabling glyphicon */
float: right; /* adjust as needed */
color: #5b595c; /* adjust as needed */
}
.panel-heading .accordion-toggle-flexol:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings'; /*essential for enabling glyphicon */
float: right; /* adjust as needed */
color: #fff; /* adjust as needed */
}
.dropdown-content {
display: none;
position: relative;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-toggle{
cursor: pointer !important;
}
.panel-heading-background-color-flexol {
background-color: #000 !important;
color: #FFF !important;
}
.panel-heading-background-color-mosquiflex {
background-color: #62a717 !important;
color: #FFF !important;
}
.panel-heading-background-color-verosol {
background-color: #7f4995 !important;
color: #FFF !important;
}
.panel-heading-background-color-vanclewe {
background-color: #a1a1a1 !important;
color: #FFF !important;
}
.panel-heading-background-color-screenflex1 {
background-color: #9B2525 !important;
color: #FFF !important;
}
.panel-heading-background-color-screenflex2 {
background-color: #C31536 !important;
color: #FFF !important;
}
/*JD FIN ACCORDION PEDIDOS Y PRESUPUESTOS*/
/*JD SUBMENU ENROLLABLES MANUALES*/
/* The container
- needed to position the dropdown content
14/04/2021*/
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 105px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #f1f1f1
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
}
/*JD FIN SUBMENU ENROLLABLES MANUALES*/
/*JD SWIPER*/
.swiper-container {
width: 50%;
height: 50%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/*JD FIN SWIPER*/
/*JD DOWNLOAD IMG*/
.download {
text-align: left !important;
color: #000000 !important;
margin-top: 4px !important;
}
/*JD FIN DOWNLOAD IMG*/
/*IKER PEDIDOS*/
#content_product .icon_product, #content_product .icon_subfamilia {
height: auto;
/*width: 30%;*/
/*max-width: 70px;*/
}
#content_product .title_label.selected {
background-color: #e8e8e8;
border: 1px solid #d61105;
padding: 2px;
}
#content_product .content_sistema_producto {
background-color: #b7b7b7;
border-radius: 10px;
text-align: center;
color: #FFF;
height: 50px;
padding-top: 15px;
margin-bottom: 10px;
}
#content_product .content_version_producto {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
text-align: center;
color: #FFF;
height: 50px;
padding-top: 15px;
margin-bottom: 10px;
}
#content_product .content_version_producto_tra {
border-radius: 8px;
text-align: center;
color: #FFF;
height: 300px;
padding-top: 15px;
margin-bottom: 10px;
}
.bg_color_blue {
background-color: #0075d1;
}
.bg_color_brown {
background-color: #802f18;
}
.bg_color_grey {
background-color: #e2e2e2;
}
.bg_color_green {
background-color: #509E2F;
}
.bg_color_orange {
background-color: #FF8200;
}
.bg_color_yellow {
background-color: #FFD100;
}
.border_acabado_componentes {
border: 1px solid rgba(0, 0, 0, 0.1);
}
/*.buscador_color{
margin-left: 10px;
border-radius: 4px;
height: 20px;
padding: 0;
color: #000 !important;
font-size: 12px;
vertical-align: baseline;
line-height: 12px;
}*/
.panel_selected {
background-color: #d61105 !important;
color: #fff !important;
}
.bg-border-info {
border: 1px solid #5bc0de;
}
.bg-border-warning {
border: 1px solid #f0ad4e;
}
.bg-border-success {
border: 1px solid #449d44;
}
.bg-border-danger {
border: 1px solid #ff0000;
}
.image_color.selected {
border: 1px solid red;
}
.image_color, .image_color_noche_dia {
border-radius: 4px;
}
.icono_lupa_colores {
color: #000;
font-size: 1.1em;
}
.image_auto_height {
width: auto;
background-repeat: no-repeat;
padding: 0 !important;
cursor: pointer;
max-height: 200px;
}
.image_pedidos {
width: auto;
background-repeat: no-repeat;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
padding: 0 !important;
margin-top: 20px;
}
.texto_datos_info {
font-size: 22px;
}
.title_group_producto {
background-color: #d5d5d5;
border-radius: 4px;
}
.title_subgroup_producto {
background-color: #e8e8e8;
border-radius: 4px;
}
.select_incremento, .select_opciones {
cursor: pointer;
}
.select_incremento.selected, .select_opciones.selected {
box-shadow: inset 0 0 0 1px red;
}
.content_opciones label {
font-size: 12px;
}
.texto_estandar {
font-size: 11px;
color: white;
background-color: black;
border-radius: 4px;
font-weight: bolder;
}
.texto_incremento {
font-size: 1em;
color: red;
}
.title_content_accionamiento {
font-size: 13px;
}
.select_incremento_img {
cursor: pointer;
}
.show_collapse {
font-size: 13px;
}
.circle_grey {
color: white;
height: 16px;
width: 16px;
background-color: #8ba6aa;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 16px;
}
/*IKER FIN PEDIDOS*/
/*IKER AREA CLIENTES*/
.form_login_grabador {
margin-left: 5% !important;
}
.user_login_grabador {
width: auto !important;
}
.form_buscar_cliente {
margin-bottom: 5%;
margin-top: 2%;
margin-right: 30%;
}
/*IKER FIN AREA CLIENTES*/
/*IKER FOOTER*/
.sticky_footer {
position: absolute;
bottom: 0;
max-width: 100%;
width: 100%;
}
/*IKER FIN FOOTER*/
img {
-ms-interpolation-mode: bicubic;
}
/*JD OCULTAMOS IMAGEN*/
.imagenNO {
visibility: hidden;
}
/*JD FIN OCULTAMOS IMAGEN*/
/*MOD TOOLTIP*/
.tooltip > .tooltip-inner {
background-color: #FFF !important;
color: #000000;
border: 1px solid #E7E7E7;
padding: 6px;
font-size: 12px;
}
/* Tooltip on top */
.tooltip.top > .tooltip-arrow {
border-top: 5px solid #E7E7E7 !important;
}
/* Tooltip on bottom */
.tooltip.bottom > .tooltip-arrow {
border-bottom: 5px solid blue !important;
}
/* Tooltip on left */
.tooltip.left > .tooltip-arrow {
border-left: 5px solid #E7E7E7 !important;
}
/* Tooltip on right */
.tooltip.right > .tooltip-arrow {
border-right: 5px solid #E7E7E7 !important;
}
/*FIN MOD TOOLTIP*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: none !important
}
/*.opcion_accionamiento, .opcion_opciones{
font-size: 12px !important;
}*/
/*JD COLORES ICONOS*/
/*LUPA*/
.lupa_imagen {
color: #8e8d8d;
}
/*DESCARGA DE IMAGENES*/
.download_imagen {
color: #8e8d8d;
}
/*DESCARGA DE PDF*/
.download_pdf {
color: #d61106;
}
/*INICIO SESIÓN*/
.login {
color: #d61106;
}
/*PRECIOS BARRAS*/
.precios_barras {
color: #d61106;
}
/*JD FIN COLORES*/
/*SEG INFANTIL*/
.ojo_seg_infantil {
color: #f39200;
font-size: 1.5em !important;
cursor: pointer;
}
.img_seg_infantil_modal {
width: 20%;
}
.text-bold {
font-weight: bolder;
}
.text-size-10px {
font-size: 10px !important;
}
/*FIN SEG INFANTIL*/
/*IMAGEN OPCIONES*/
.image_opcion.selected {
border: 1px solid #d61105 !important;
border-radius: 4px !important;
}
.image_opcion {
border: 1px solid transparent;
}
.font-8 {
font-size: 8px !important;
}
.font-9 {
font-size: 9px !important;
}
.font-10 {
font-size: 10px !important;
}
.font-11 {
font-size: 11px !important;
}
.font-12 {
font-size: 12px !important;
}
.font-13 {
font-size: 13px !important;
}
.font-14 {
font-size: 14px !important;
}
.imagen_escuadra, .clip_escuadra {
width: 60%;
height: auto;
}
.lupa_componentes, .lupa_componentes:hover, .lupa_componentes:focus {
color: #8e8d8d !important;
}
.imagen_seguridad {
width: 14%;
}
.error_medidas {
border: 1px solid red;
background-color: red;
color: white;
}
.error_limite_medidas {
border: 1px solid black;
background-color: black;
color: white;
}
.error_medidas_incrementos {
border: 1px solid red;
background-color: red;
color: white;
}
.texto_limite_medidas{
color: #ff0000;
font-size: 1.1rem !important;
}
/*JD ALTO MINIMO PARA CUADROS DE DOCUMENTACIÓN TÉCNICA*/
.alto_min_documentacion {
min-height: 96px;
}
/*JD ESPACIADOS CUADROS DOCUMENTACIÓN TÉCNICA*/
.padding_documentacion {
padding-right: 4px;
padding-left: 4px;
margin-bottom: -15px;
}
.padding_documentacion_top {
margin-top: -15px;
}
.only_border_bottom_top {
border: 0;
border-bottom: 1px solid black;
border-top: 1px solid black;
}
.div_select_tipo_barras {
opacity: 0.8;
border-right: 1px solid black;
}
.div_select_tipo_barras.selected {
opacity: 1;
background-color: #eee;
}
.btn_delete_fila_barra {
cursor: pointer;
}
.btn-grey {
border: 1px solid #8c8c8c;
border-radius: 4px;
background-color: #efefef;
}
.nosotros_texto_height {
margin-top: 80px;
}
.referencia_cliente {
color: #555 !important;
}
.divOculto {
display: none;
}
.font_avisolegal {
font-size: 7px !important;
line-height: 1 !important;
}
.leer_mas {
font-size: 10px;
font-weight: bolder;
cursor: pointer;
text-decoration: underline;
}
.text_cerrar_session {
font-size: 11px;
font-weight: bolder;
}
.btn-option-line {
cursor: pointer;
padding: 4px;
width: 25px;
height: 25px;
font-size: 1em;
}
.panel-heading-background-color-recuperar {
background-color: #ddd !important;
color: #000000 !important;
}
.imagen_escalerilla {
height: 100px !important;
width: 50px !important;
}
.linea_barra {
font-size: 13px !important;
}
.linea_materia_prima_cabecera {
border: 1px solid #ccc;
border-radius: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
.col-md-35 {
width: 25.5%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-35 {
width: 25.5%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-25 {
width: 19%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-25 {
width: 19%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-15 {
width: 12.50%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-15 {
width: 12.50%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.linea_cabecera_mp, .linea_cabecera_componentes {
background-color: #e0e0e0;
}
.h25px {
height: 25px !important;
}
.h30px {
height: 30px !important;
}
.w25px {
width: 25px !important;
}
.border_color_componente {
border: 0.5px solid black;
}
.nowrap {
white-space: nowrap !important;
}
.btn_mas_escalerillas, .btn_menos_escalerillas {
font-size: 10px;
font-weight: bolder;
cursor: pointer;
text-decoration: underline;
}
#content_product .content_sistema_producto_enro {
height: 70px !important;
padding-top: 24px !important;
font-size: 12px;
}
#content_product .content_version_producto_enro {
text-align: center;
color: #FFF;
height: 50px;
padding-top: 15px;
margin-bottom: 10px;
background-color: #cdcdcd;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
font-size: 12px;
}
#content_product .content_version_producto_luz {
text-align: center;
color: #FFF;
height: 80px;
padding-top: 15px;
margin-bottom: 10px;
background-color: #cdcdcd;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
font-size: 12px;
}
.w79 {
width: 79px;
}
#content_product .content_coleccion_producto_enro {
text-align: center;
color: #FFF;
height: 50px;
padding-top: 15px;
margin-bottom: 10px;
background-color: rgb(247, 127, 0);
}
#content_product .content_coleccion_producto_luz {
text-align: center;
color: #FFF;
height: 50px;
padding-top: 15px;
margin-bottom: 10px;
background-color: rgb(218, 24, 132);
}
#content_product .content_coleccion_producto_luz_vertical {
text-align: center;
color: #FFF;
height: 300px;
padding-top: 15px;
margin-bottom: 10px;
background-color: rgb(218, 24, 132);
}
#content_product .content_color_panel {
text-align: center;
color: #FFF;
height: 70px;
padding-top: 20px;
margin-bottom: 10px;
}
#content_product .content_coleccion_producto_enro_madera {
text-align: center;
color: #FFF;
height: 50px;
padding-top: 15px;
margin-bottom: 10px;
}
.mt-50px {
margin-top: 50px !important;
}
.h6px {
height: 6px !important;
margin-top: 8px !important;
}
.circulo30px {
width: 30px !important;
height: 30px !important;
border-radius: 50%;
}
.content_arriba_mp {
position: fixed;
bottom: 100px;
right: 20px;
z-index:1;
}
.img_escalerilla_mp {
height: 120px !important;
}
/*JD TAB_DATOS CLIENTE*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
color: #555;
cursor: default;
background-color: #e7e8e9;
border: 0px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs {
border-bottom: 3px solid #b7b7b7;
}
/*JD FIN TAB_DATOS CLIENTE*/
/*JD TARJETA DE DELEGADOS EN DATOS CLIENTE*/
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border: 0px solid #ddd !important;
}
.table-bordered {
-webkit-box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
}
.tarjeta_delegado_datos {
line-height: normal;
font-style: italic;
font-size: 11px;
font-family: sans-serif !important;
}
.tarjeta_delegado_nombre {
line-height: normal;
font-style: italic;
font-size: 14px;
font-weight: bold;
}
/*JD FIN TARJETA DE DELEGADOS EN DATOS CLIENTE*/
/*JD DATOS CLIENTE - DESCUENTOS/DIRECCIONES DE ENVIO*/
.caja {
font-weight: bold;
background: #e7e8e9;
}
.caja_verde {
font-weight: bold;
background: #b7ecb7;
text-align: center;
}
.dire_envio_aviso {
font-style: italic;
font-size: 11px;
}
.descuentos_aviso {
font-style: italic;
font-size: 16px;
text-align: center;
font-weight: bold;
}
/*JD FIN DATOS CLIENTE - DESCUENTOS*/
.img_tejido_tecnico {
box-shadow: 1px 1px 6px #4e4e4e;
margin-bottom: 10px;
}
.border_c1c1c1 {
border: 1px solid #c1c1c1;
}
/*JD ESTILOS PARA MENU SELECCION MP*/
.bg-ebebedc2 {
background-color: #ebebedc2;
height: 50px;
padding-top: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.bg-ebebedc2-productos {
background-color: #e7e7e9;
height: 101px;
padding-top: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.font-20 {
font-size: 20px;
font-weight: bold !important;
}
.mayusculas {
text-transform: uppercase !important;
}
.font-15 {
font-size: 15px;
text-align: left !important;
}
.font-16 {
font-size: 16px;
text-align: left !important;
}
.font-17 {
font-size: 17px;
text-align: left !important;
}
.font-18 {
font-size: 18px;
text-align: left !important;
}
.mr-title-mp {
margin-right: -101px !important;
}
/*JD FIN ESTILOS PARA MENU SELECCION MP*/
/*JD ESTILOS PARA GALERÍAS*/
.texto-centrado-vertical {
margin-top: 5%;
}
.texto-centrado-vertical-title {
margin-top: 1.3%;
}
.btn-default-galeria {
margin-top: 50px;
}
/*JD FIN ESTILOS PARA GALERÍAS*/
/*JD ESTILOS PARA DECORADAS*/
.panel-heading-background-color-vinilo {
background-color: #0075d1 !important;
}
.panel-heading-background-color-impresion {
background-color: #DF7401 !important;
}
.sombra-texto-tipo-decorada {
/*text-shadow: #666 0px 0px 5px;*/
font-size: 17px !important;
}
.img-float {
float: left;
}
.text-justify {
text-align: justify !important;
}
.bg_title_decoradas {
background-color: #e8e8e8 !important;
}
.font-size-input-file-decorada {
font-size: 11px !important;
}
/*JD FIN ESTILOS PARA DECORADAS*/
#modal_incrementos .confirmation {
left: 440px !important;
}
#modal_images .modal-dialog {
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
}
.select_color_engamado, .btn_otros_colores_sis_mos {
border: 1px solid black;
border-radius: 4px;
width: 80px;
cursor: pointer;
font-size: 13px;
margin-left: 10px;
margin-right: 10px;
}
.color-black {
color: #000000;
}
.color-white {
color: #FFFFFF;
}
.color_engamado_blanco {
background-color: #FFFFFF;
}
.color_engamado_beige {
background-color: #e6d2b5;
}
.color_engamado_bronce {
background-color: rgb(160 121 72);
}
.color_engamado_marron {
background-color: #4a3526;
}
.color_engamado_gris {
background-color: #b0b0a9;
}
.color_engamado_negro {
background-color: #0e0e10;
}
.color_engamado_inox {
background-image: url(https://mosquiteras.flexol.es/images/images_colors/273135.jpg);
background-repeat: no-repeat;
background-size: 100%;
}
.btn_modificar_color_linea {
border: 1px solid rgba(181, 181, 181, 0.5);
}
.imagen_cordoncillo {
width: 15px !important;
}
/*JD CAMBIO TAMAÑO LETRA INPUT NUMERICOS COMPONENTES Y MATERIA PRIMA*/
.change_unidades_mp {
font-size: 12px !important;
}
.change_unidades_componentes_resumen {
font-size: 12px !important;
}
.change_unidades_mp_resumen {
font-size: 12px !important;
}
.change_unidades_componentes {
font-size: 12px !important;
}
/*FIN CAMBIOS DE TAMAÑOS INPUTS*/
.change_color_product, .change_color_product_ral {
width: 50px;
height: 50px;
}
.pdl-30 {
padding-left: 30px !important;
}
.icon_repeat_presupuestos {
/*color: orange;*/
}
.content_input_engamado {
width: 80px;
margin-left: 10px;
margin-right: 10px;
}
/*.content_ancho_maximo_tejido {
font-size: 12px;
font-weight: bold;
color:#d4180d;
text-align: center;
}*/
.content_ancho_maximo_tejido_enrollable, .content_ancho_maximo_tejido{
font-size: 12px;
padding-top: 10px !important;
}
.content_ancho_maximo_tejido_enrollable > .nota, .content_ancho_maximo_tejido > .nota{
font-size: 13px;
font-weight: bold;
color: #d4180d;
padding-top: 10px !important;
}
.z_index_0 {
z-index: 0 !important;
}
.z_index_1 {
z-index: 1 !important;
}
.noresize {
resize: none;
}
.height300 {
height: 300px;
}
.btn_show_historial.select {
background: #cacaca !important;
}
.area_cliente_menu {
background-color: #b7b7b7 !important;
color: #000000 !important;
}
.class_volver {
margin-top: 10px;
margin-bottom: 7px;
}
.border_right_lm {
border-right: 1px solid #b4b4b4;
}
.div_aceptacion_politica {
overflow-y: scroll;
height: 500px;
border: 1px solid #b3b3b3;
}
.circle_ayuda {
cursor: pointer;
border: 1px solid #b7b7b7;
border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
box-shadow: 1px 1px 1px black;
color: #000000;
height: 16px;
min-width: 14px;
padding: 4px 3px 0 3px;
text-align: center;
}
.border_bt_1px_eee {
border-bottom: 1px solid #eeeeee !important;
}
.border_l_1px_eee {
border-left: 1px solid #eeeeee !important;
}
.border_left_l_1px_historial {
border-left: 1px solid #b7b7b7 !important;
}
.contenido_filtros_historial {
border: 1px solid rgb(183, 183, 183);
padding-top: 4px;
padding-bottom: 8px;
padding-left: 2px;
padding-right: 2px;
border-radius: 4px;
z-index: 1;
background-color: white;
}
/*plisadas nuevas*/
.bg_color_pliegue {
background: rgba(198, 193, 199, 1);
background: -moz-linear-gradient(top, rgba(198, 193, 199, 1) 0%, rgba(139, 92, 148, 1) 50%, rgba(140, 71, 153, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(198, 193, 199, 1)), color-stop(50%, rgba(139, 92, 148, 1)), color-stop(100%, rgba(140, 71, 153, 1)));
background: -webkit-linear-gradient(top, rgba(198, 193, 199, 1) 0%, rgba(139, 92, 148, 1) 50%, rgba(140, 71, 153, 1) 100%);
background: -o-linear-gradient(top, rgba(198, 193, 199, 1) 0%, rgba(139, 92, 148, 1) 50%, rgba(140, 71, 153, 1) 100%);
background: -ms-linear-gradient(top, rgba(198, 193, 199, 1) 0%, rgba(139, 92, 148, 1) 50%, rgba(140, 71, 153, 1) 100%);
background: linear-gradient(to bottom, rgba(198, 193, 199, 1) 0%, rgba(139, 92, 148, 1) 50%, rgba(140, 71, 153, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c1c7', endColorstr='#8c4799', GradientType=0);
}
.bg_color_nido {
background: rgba(187, 151, 194, 1);
background: -moz-linear-gradient(top, rgba(187, 151, 194, 1) 0%, rgba(187, 151, 194, 1) 10%, rgba(140, 71, 153, 1) 50%, rgba(187, 151, 194, 1) 90%, rgba(187, 151, 194, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(187, 151, 194, 1)), color-stop(10%, rgba(187, 151, 194, 1)), color-stop(50%, rgba(140, 71, 153, 1)), color-stop(90%, rgba(187, 151, 194, 1)), color-stop(100%, rgba(187, 151, 194, 1)));
background: -webkit-linear-gradient(top, rgba(187, 151, 194, 1) 0%, rgba(187, 151, 194, 1) 10%, rgba(140, 71, 153, 1) 50%, rgba(187, 151, 194, 1) 90%, rgba(187, 151, 194, 1) 100%);
background: -o-linear-gradient(top, rgba(187, 151, 194, 1) 0%, rgba(187, 151, 194, 1) 10%, rgba(140, 71, 153, 1) 50%, rgba(187, 151, 194, 1) 90%, rgba(187, 151, 194, 1) 100%);
background: -ms-linear-gradient(top, rgba(187, 151, 194, 1) 0%, rgba(187, 151, 194, 1) 10%, rgba(140, 71, 153, 1) 50%, rgba(187, 151, 194, 1) 90%, rgba(187, 151, 194, 1) 100%);
background: linear-gradient(to bottom, rgba(187, 151, 194, 1) 0%, rgba(187, 151, 194, 1) 10%, rgba(140, 71, 153, 1) 50%, rgba(187, 151, 194, 1) 90%, rgba(187, 151, 194, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb97c2', endColorstr='#bb97c2', GradientType=0);
}
.sistema_producto_plisada_premium {
border-top-right-radius: 40px !important;
width: 125px !important;
}
.sistema_producto_plisada_plus {
border-top-right-radius: 30px !important;
height: 60px !important;
width: 100px !important;
border-bottom-right-radius: 10px !important;
}
#content_product .content_version_producto_pli {
border-radius: 8px;
text-align: center;
color: #FFF;
height: 100px;
padding-top: 30px;
margin-bottom: 10px;
background-color: #b7b7b7;
}
.content_version_producto_pli_mini, .content_version_producto_pli_mini_cristal {
border-radius: 8px;
text-align: center;
color: #FFF;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 10px;
background-color: #b7b7b7;
}
.content_version_producto_pli_mini img, .content_version_producto_pli_mini_cristal img{
margin-top: 15px;
height: 75px !important;
}
.img_cole_plisadas {
height: 60px;
width: auto;
cursor: pointer;
}
.label_cole_pli {
font-size: 12px;
}
.mostrar_movil {
display: none !important;
}
.ocultar_movil {
display: block !important;
}
.mt_imagenes_plisadas_fp {
margin-top: 18px;
}
/*SUBIDO A FLEXOL 04/12/19*/
.ver_mas_politica, .ver_menos_politica {
font-size: 10px;
font-weight: bold;
font-style: italic;
cursor: pointer;
}
#modal_emergente {
width: 600px;
padding: 0 !important;
margin-top: 180px;
z-index: 100;
border-radius: 0;
overflow:hidden;
max-height: 400px;
}
.img_cortina_protectora {
max-height: 340px !important;
}
.texto_protectora {
margin-left: -15%;
margin-top: 20%;
width: 60%;
}
#modal_emergente > .modal-dialog {
margin-top: 0 !important;
}
#modal_emergente > .modal-dialog {
background-color: #dddddd !important;
opacity: 1;
width: 400px;
border-radius: 6px;
}
#modal_emergente > .modal-dialog > .modal-content > .modal-header {
margin-top: 3px !important;
margin-right: 3px !important;
}
#modal_emergente > .modal-dialog > .modal-content > .modal-header > .close {
font-size: 27px !important;
color: #000 !important;
opacity: .5;
}
#modal_emergente > .modal.fade .modal-dialog {
transform: translate3d(0, 100vh, 0);
}
#modal_emergente > .modal.in .modal-dialog {
transform: translate3d(0, 0, 0);
}
.texto_modal_emergente {
text-align: justify !important;
font-size: 13px;
}
.titulo_modal_emergente {
text-align: center !important;
font-size: 15px;
color: #6d6d6d !important;
}
.hide_modal_emergente {
background-color: #dddddd;
}
.carousel-inner_modal_emergente {
width: 355px !important;
margin-left: 18px;
}
.bs-slider_modal_emergente {
background: none !important;
}
.item_modal_emergente {
opacity: 1 !important;
}
.logos_motor{
max-height: 30px;
margin-bottom: 1%;
}
.content_motor_somfy_aok{
text-align: center;
}
@media (max-width: 1071px) {
.img_product_test{
padding: 8rem !important;
}
}
@media (max-width: 991px) {
.mb_15px_movil{
margin-bottom: 15px !important;
}
.mt-15px_movil{
margin-top: 15px !important;
}
.content_mosquiteras_web .div_colors .color_product{
width: 50px !important;
height: 50px !important;
}
.z_index_1_movil{
z-index: 1 !important;
}
.text-left_movil{
text-align: left !important;
}
.w25_movil{
width: 25%! important;
}
.sticky_footer {
position: relative;
}
.ocultar_tablet{
display:none !important;
}
.btn_100_historial{
width: 100%;
}
.div_pestanas_datos_cliente_mobile > li > a {
font-size:11px !important;
padding: 10px 8px !important;
}
.image_productos.ml-30px {
margin-left: 0px !important;
}
#content_product .content_version_producto_tra{
height: 200px !important;
}
.sistema_producto_plisada_premium, .sistema_producto_plisada_plus {
width: 100% !important;
}
.w_auto_movil{
width: auto !important;
}
.w100_movil_modal{
width: 100% !important;
}
.col-md-15, .col-md-25 {
width: inherit;
}
.mt-10px_mobile {
margin-top: 10px;
}
.padding3tb_px_movil{
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.padding8tb_px_movil{
padding-top: 8px !important;
padding-bottom: 8px !important;
}
}
/*SUBIDO HASTA AQUI 04/12/19*/
@media (max-width: 768px) {
#modal_emergente{
display: none !important;
}
.mostrar_movil {
display: block !important;
}
.ocultar_movil {
display: none !important;
}
body {
/*background-color: red !important;*/
}
/*
#bs-example-navbar-collapse-1{
position: absolute;
background-color: #e8e8e8;
width: 100%;
}
.panel-heading.panel.panel-default.font-size-indice.text-left{
display: none;
}*/
ul.dropdown-menu {
display: none !important;
}
.navbar-default.mt-4px {
display: none;
}
.nosotros_texto_height {
margin-top: 0;
}
.movil_donde_estamos {
padding: 0 !important;
margin: 0 !important;
}
#content_estamos {
padding: 0 !important;
margin: 0 !important;
}
.submenu_active {
background-color: #c6c7cb;
}
.row {
margin: 0 !important;
}
.form-check {
display: flex !important;
}
.font_size_12_movil {
font-size: 12px !important;
}
.font_size_13_movil {
font-size: 13px !important;
}
.align_text_left_mobile {
text-align: left !important;
}
.align_text_center_mobile {
text-align: center !important;
}
.mb-10px_mobile {
margin-bottom: 10px;
}
.mt-20px_mobile {
margin-top: 20px;
}
.margin_0_mobile {
margin: 0 !important;
}
.div_pestanas_datos_cliente_mobile {
margin-right: 15px !important;
margin-left: 50px !important;
}
.image_productos.ml-30px {
margin-left: 0px !important;
}
.btn_show_products_movil {
width: 30% !important;
padding-left: 0;
padding-right: 0;
margin-left: 4px;
margin-right: 4px;
}
.btn_show_products_movil > img {
max-width: 80% !important;
}
.font_size_11_movil {
font-size: 11px !important;
}
#form_login {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
#form_login_remind > span > br {
display: contents;
}
.default_barras.btn_show_products_movil{
white-space: inherit;
padding-top: 4px;
}
.modal-open {
overflow: auto;
}
.area_clientes_content_materia_prima{
text-align: center;
}
#content_product .content_version_producto{
/*padding: 0;*/
}
.nopadding_movil{
padding: 0;
}
.nomarginl_movil{
margin-left: 0 !important;
}
.image_productos .ml-30px{
margin-left: 15 !important;
}
.sticky_footer {
position: relative;
}
.btn_continuar{
margin-bottom: 5px;
}
.image_color.selected{
margin-top: 5px;
}
.contenido_incremento_seleccionado{
padding: 0 !important;
}
#venecianas.content_images > .col-md-4.col-xs-6.min_movil{
min-height: 100px;
}
#plisadas.content_images > .col-md-4.col-xs-6.min_movil{
min-height: 100px;
}
#plisadas.content_images > .col-md-4.col-xs-6.min_movil2{
min-height: 162px;
}
#mosquiteras.content_images > .col-md-4.col-xs-6.min_movil{
min-height: 155px;
}
#enrollables.content_images > .col-md-4.col-xs-6.min_movil{
min-height: 105px;
}
#luzmagica.content_images > .col-md-4.col-xs-6.min_movil{
min-height: 100px;
}
#venecianas.content_images img, #plisadas.content_images img, #mosquiteras.content_images img, #enrollables.content_images img, #luzmagica.content_images img, #tradicionales.content_images img, #verticales.content_images img, #plegables.content_images img, #panel.content_images img, #galerias.content_images img{
width: 100%;
height: 100%;
}
.texto_datos_info{
font-size: 14px;
}
.text_align_inherit_movil{
text-align: inherit !important;
}
.text_align_left_movil{
text-align: left !important;
}
.text_align_right_movil{
text-align: right !important;
}
.text_align_center_movil{
text-align: center !important;
}
.border_top_movil{
border-top: 1px solid #e7e8e9;
}
input.show_info_resumen.clip_seleccionado{
display: none;
}
#modal_incrementos .confirmation {
left: 240px !important;
}
.logo_flexol_empresa_certgaran_p1{
width: 20% !important;
}
.icon_collection_product_description{
display: none;
}
.width_100_movil{
width: 100%;
}
.width_auto_movil{
width: auto;
}
.padding15px_movil{
padding-left: 15px !important;
padding-right: 15px !important;
}
.z_index_0_movil{
z-index:0 !important;
}
#content_product .content_sistema_producto_enro{
/*height: 100px !important;*/
}
.image_logo_texto {
width: 28% !important;
}
.mbt_movil_0{
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.width_90_movil{
width: 90%;
}
.buscador_historial{
border:0 !important;
}
.resumen_pedido .title_panel_title{
font-size:11px;
}
.resumen_pedido .referencia_cliente{
margin-left: 0 !important;
}
.resumen_pedido .col-md-4, .resumen_pedido .col-md-1{
width: inherit;
}
.content_lineas_pedido .linea_componente .col-md-1, .content_lineas_pedido .linea_componente .col-md-3{
width: 100%;
}
.content_lineas_pedido .linea_componente .content_image_componente{
width: 35%;
}
.content_lineas_pedido .linea_componente .descripcion_componente{
padding: inherit !important;
}
.content_img_componente{
padding: 0;
width: 35%;
}
.content_lineas_pedido .linea_componente .col-md-4, .content_lineas_pedido .linea_componente .col-md-1, .content_lineas_pedido .linea_componente .col-md-15, .content_lineas_pedido .linea_componente .col-md-25{
float: left;
width: 100%;
padding: 0;
}
.content_listado_componentes .linea_componentes, .content_listado_componentes .linea_componente, .content_listado_componentes .linea_componentes .precio_ud_componente, .content_listado_componentes .linea_componentes .content_btn_uds_componentes, .content_listado_componentes .linea_componentes .content_cod_componente{
padding: 0;
}
.content_listado_componentes .linea_componentes .content_btn_uds_componentes input, .content_listado_componentes .linea_componente .change_unidades_componentes{
/*width: 50% !important;*/
}
.content_listado_componentes .linea_componente div{
padding: 0;
}
.body_components, .body_components .linea_componente{
padding: 0 !important;
}
.body_components .linea_componente{
text-align: left !important;
}
.body_components .border_components, .linea_componentes, .linea_componente{
border-bottom: 1px solid #e8e8e8;
margin-top: 1% !important;
}
.body_components .border_components .change_unidades_componentes{
width:50% !important;
}
.body_components .border_components .content_image_componente{
width: 100% !important;
margin-top: 1%;
}
.body_components .border_components .content_image_componente img{
max-width: 100px;
}
.content_icon_materia_prima{
margin-left: 0 !important;
}
.content_listado_componentes .padding_mobile_15{
padding-left: 15px !important;
}
.linea_materia_prima .col-md-15.col-xs-6, .linea_materia_prima .col-md-25.col-xs-6{
width: 50%;
}
.content_image_galeria{
max-width: 55%;
}
.linea_cabecera_mp, .linea_cabecera_componentes {
display: none;
}
.menu_movil{
font-size:14px;
}
.menu_movil_tienda{
padding: 0px 15px;
}
.btn_nombre_cliente.footerlink.bold{
font-size: 11px;
}
}
@media (max-width: 576px){
.email_consulta .col-md-6, .email_consulta .col-xs-4, .email_consulta .col-xs-8 {
padding-left: 0;
width: 100%;
}
}
.color_sis_mos, .color_sis_mos_estilo {
width: 100%;
height: 50px;
border: 1px solid rgba(0, 0, 0, .3);
border-radius: 4px;
cursor: pointer;
}
.border_historial {
border-bottom: 3px solid #b7b7b7;
}
.estado_anulado {
background-color: #f54b4b;
border: 0;
color: white;
}
.estado_servido {
background-color: #0f9c0f;
border: 0;
color: white;
}
.estado_fabricacion {
background-color: #fdb531;
border: 0;
color: white;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fa-pinterest{
color: #e60023;
}
.fa-youtube-play{
color: #c4302b;
}
.fa-linkedin-square{
color: #0073b1;
}
.fa-facebook-official{
color: #4267b2;
}
.texto_icono_youtube{
vertical-align: super !important;
font-weight: bold;
color: #000;
}
.btn_opt_promociones_inscribirse{
width: 110% !important;
margin-top: 10px !important;
margin-left: -12px !important;
}
.btn_opt_promociones_ganadores{
width: 110% !important;
margin-left: -12px !important;
}
.title_blog{
font-size:1.2rem;
}
.hr_blog{
margin-top: 0 !important;
}
/* https://www.youtube.com/embed/WXoZcRLRObo */
/*Cambio formato card para perfiles mosquiteras*/
.panel{
border: none;
}
.panel-body.centrado_perfiles_img{
text-align: center !important;
}
.panel-footer{
border: none;
height: 15px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background-color: #f7f7f7 !important;
}
.panel-footer-2line{
border: none;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background-color: #f7f7f7 !important;
}
.title_product{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.btn_show_gallery_last_image{
cursor:zoom-in;
}
.zoom-in {
cursor: zoom-in;
}
.linea_componente {
font-size:11px !important;
}
.btn_ver_borrador_guardar, .btn_ver_borrador_guardar:hover{
background-color:#FFF;
color:#000 !important;
}
.dropdown-menu.opacity_1{
opacity: 1!important;
}
.dropdown-menu.opacity_1>li>a:focus, .dropdown-menu.opacity_1>li>a:hover{
background-color: #FFF;
}
.dropdown-menu.opacity_1>li>a{
padding-left: 0;
padding-right: 0;
font-size:11px;
}
.btn_filtro_pedidos{
font-size:11px;
border-radius: 0;
background-color:#FFF;
}
.btn_filtro_pedidos.active{
font-size:11px;
border-radius: 0;
background-color:#FFF;
border-color: #000;
box-shadow: 0 0 2px;
}
.titulos_docu_tecnica{
color: black;
text-shadow: grey 0.1em 0.1em 0.2em;
}
.modal-footer.sin_linea{
border-top: 0px;
}
#header.nuevo_header{
overflow-x:auto;
top:0; /* as the height of the other div is 30px */
left:0;
right:0;
bottom:0;
position:fixed;
margin-top:0 !important;
background-color: #FFF;
z-index:1;
}
.navbar-default.mt-4px.nuevo_menu{
overflow-x:auto;
top:70px; /* as the height of the other div is 30px */
left:0;
right:0;
bottom:0;
position:fixed;
background-color: transparent;
border-color: transparent;
z-index:2;
}
#footer.nuevo_footer{
overflow-x:auto;
/*top:0; */
left:0;
right:0;
bottom:0;
position:fixed;
margin-top:0 !important;
/*background-color: #FFF;*/
z-index:1;
}
.border_coleccion{
margin-bottom: 25px;
border: 1px solid #e6e8e9;
}
.btn{
border-radius: 0 !important;
}
.form-inline .form-control, .form-control{
border-radius: 0 !important;
}
.row.no-gutters.pt111{
padding-top: 111px;
}
.row.no-gutters.bg-e8{
background-color: #e8e8e8;
}
footer.bg-color-white{
background-color: #FFF;
/*padding-top: 3%;*/
}
footer.bg-color-white .mt-8px {
margin-top: 0 !important;
margin-bottom: 12px;
}
.features-icons .features-icons-item .features-icons-icon{
cursor:pointer;
}
.overlay_img_test_pro{
opacity: 0.6 !important;
}
.btn_bg_f8{
background: #f8f8f8;
}
.imagentexto-encima:hover > .texto-encima-center{
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold !important;
color: white !important;
display: inline-block;
font-size: 25px;
text-align: center;
width: 93%;
text-shadow: 1px 2px #000000;
opacity: .80;
background-color: #b7b7b7;
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.2;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.panel_title_solicitud_selected{
border-bottom: 4px solid #37af04!important;
background-color: #FFF !important;
}
.modal-body{
font-size:11px;
}
.progress-bar-striped.bg-red{
background-color: #b7b7b7 !important;
}
.segundo_content_segundo_tejido{
border-left: 2px solid;
}
.btn_replace_input {
/*padding: 5px !important;
margin: 5px;
width:100%;
border: 1px solid transparent;
border-color: #343a40 !important;
box-shadow: 0px 4px 8px -4px #000000;
background-color: rgb(232,232,232) !important;
color: black !important;
font-weight: normal !important;
cursor: pointer;*/
padding: 5px !important;
margin: 5px;
width: 100%;
border: 1px solid transparent;
border-color: #b7b7b7 !important;
box-shadow: 0px 1px 3px -3px #000000;
background-color: rgb(239 239 239) !important;
color: black !important;
font-weight: normal !important;
cursor: pointer;
}
.btn_replace_input_si_no {
padding: 5px !important;
margin: 5px;
border: 1px solid transparent;
border-color: #b7b7b7 !important;
box-shadow: 0px 1px 3px -3px #000000;
background-color: rgb(239 239 239) !important;
color: black !important;
/*font-weight: bolder !important;*/
cursor: pointer;
}
.panel-default > .panel-heading.panel_selected, .panel-heading.panel_heading_ribete.panel_selected{
border-bottom: 4px solid #d5180d !important;
border-color: #d5180d !important;
background-color: #FFF !important;
}
.panel_selected {
background-color: #FFF !important;
color: #000 !important;
}
#canvas {
border:1px solid grey;
margin-left: 20%;
margin-top: 8%;
background-color: #e3e3e3;
}
.select_image{
background-color: white;
width: 80px;
height: 100px;
}
.select_image img{
width: 100%;
height: auto;
}
.red{
background-color: red;
color:white;
}
.blue{
background-color: blue;
color:white;
}
.green{
background-color: green;
color:white;
}
.white{
background-color: white;
color:black;
}
.black{
background-color: black;
color:white;
}
.select_image, .select_color{
cursor: pointer;
border: 1px solid #b9b9b9;
}
.info_abatible{
font-size: 1.8rem;
color: #f39200;
}
.select_image.selected {
border: 2px solid #ff0000;
}
/*LOGIN*/
#form_login_impresion{
margin-bottom:5%;
margin-top:2%;
width: 40%;
margin-left: 30%;
margin-right: 30%;
}
#form_login_impresion .title_form_login{
font-size: 1.4em;
}
#form_login_impresion input {
text-align: center;
}
#form_login_impresion .user_login{
margin-bottom: 2%;
}
#form_login_impresion #pass_login_impre{
margin-bottom: 2%;
}
/*END LOGIN*/
.div_border_right{
border-right: 1px solid #000;
}
.mb--20px {
margin-bottom: -20px !important;
}
.mb--30px {
margin-bottom: -30px !important;
}
.mb--40px {
margin-bottom: -40px !important;
}
.mb--50px {
margin-bottom: -50px !important;
}
.table_cookies td{
border: 1px #dddddd solid;
}
.title_text_product{
background-color: #e8e8e8;
padding: 10px;
}
.movil_donde_estamos{
margin-right: 0;
}
.header_h1_seo{
font-size: 20px !important;
text-align: left !important;
margin-bottom: 0;
margin-top: 0;
}
.footer_h2_seo{
font-size: 12px !important;
text-align: left !important;
margin-bottom: 0;
margin-top: 0;
}
.header_h1_seo_texto{
font-size: 12px !important;
text-align: left !important;
margin-bottom: 0;
margin-top: 0;
}
.header_h2_seo_texto{
font-size: 12px !important;
text-align: left !important;
margin-bottom: 0;
margin-top: 0;
}
.content_h1_texto_seo{
display: inline-flex;
}
.text_aviso_editar{
font-style: italic;
font-size: 12px;
}
.select_producto_padding{
padding: 4% !important;
max-height: 110px;
}
.change_color_coleccion{
border: 1px solid grey;
}
.fa-instagram{
color: transparent;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background-clip: text;
-webkit-background-clip: text;
}
.br-cf{
border-right: 1px solid #cfcfcf;
}
input[type=radio].select_coleccion_enro, input[type=radio].select_coleccion_enro_confeccionado {
display: none;
}
.img_seleccionar_tapa {
height: 100%;
width: 100%;
background-repeat: no-repeat;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.75);
padding: 0 !important;
cursor: pointer;
}
.img_seleccionar_tapa.active {
height: 100%;
width: 100%;
background-repeat: no-repeat;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
padding: 0 !important;
cursor: pointer;
}
.panel-heading-background-color-blanco {
background-color: #fff !important;
color: #000000 !important;
}
.panel-heading-background-color-gris {
background-color: #e5e5e5 !important;
color: #000000 !important;
}
.panel-heading-background-color-naranja {
background-color: #fd8103 !important;
color: #fff !important;
}
#modal_emergente_novedades .modal-dialog{
max-width: 600px;
}
.btn_seleccion_coleccion_tejido{
text-align: center;
color: #FFF;
height: 70px;
padding-top: 20px;
margin-bottom: 10px;
}
.pl_input_6{
padding-left: 6px !important;
}
.div_input_linea_detalle{
margin-right: -15px;
}
.div_input_linea_detalle_20{
margin-right: -20px;
}
.div_input_linea_detalle_50{
margin-right: -50px;
}