@import url('fontawesome-free/web-fonts-with-css/css/fontawesome-all.min.css');
@import url('estils_grid.css');
@import url('paginador.css');
@import url("intranet_cliente.css");
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;margin:0}
h1 strong em,h2 strong em,h3 strong em,h4 strong em,h5 strong em,h6 strong em{font-weight:normal;font-style:normal}
h1 em,h2 em,h3 em,h4 em,h5 em,h6 em{font-weight:normal;font-style:normal}
html{height:auto !important}
body{background-color:#f1f1f1;margin-top:10px;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:13px;line-height:1.4em;font-weight:normal;color:#333;text-decoration:none}
a,a:link,a:visited,a:active{cursor:pointer;font-weight:normal;color:#333;text-decoration:none}
a:hover{text-decoration:underline}
.footer_color{background-color:#FFF}
.background_barres_botons{background-color:#0074a2; padding:10px;}
.newletter_option{display:none}
#main{background-color:#FFF;max-width:1400px;min-width:1024px;margin-top:0;margin-right:auto;margin-bottom:auto;margin-left:auto;z-index:1;position:relative;border-radius:15px;box-shadow:6px 6px 8px rgba(0,0,0,0.5)}
#html-header{width:100%;height:135px;z-index:10}
#logo{position: relative;    top: 5px;    z-index: 5;    margin: 0px 10px;    overflow: hidden}
ul#identificacion{float:right;width:320px;border:1px solid #ccc;list-style-type:none;padding:0px;margin: 10px 5px;}
ul#identificacion li{padding:5px 5px 5px 10px;}
#menu_top{float:left;left:270px;position:absolute;top:30px;width:525px;z-index:10;text-align:center}
#menu_top ul{display:inline-table;list-style-type:none;margin:0;float:left;padding:0}
#menu_top ul li{float:right}
#html-banner{height:200px;width:830px;margin:0 auto 30px auto;display:none}
#html-menu{width:100%;height:30px;margin:5px auto 0 auto;position:relative;z-index:100}
#html-cos{width:100%;margin-top:5px;position:relative;z-index:10}
#html-cos_contingut{min-height:400px;padding-bottom: 20px;}
#html-cos-treball{margin:20px; padding:20px;overflow:hidden;border: 1px solid #eee;}
.html-cos_iframe{background:#FFF !important}
#contingut_tenda{float:right;display:block;z-index:20;width:74%}
#contingut_text{z-index:20;width:95%;margin:40px auto;text-align:justify}
#html-ajuda{margin:30px auto auto 0}
#html-direccio{clear:both;margin:40px auto auto 0; padding:20px;}
#html-separacio2{clear:both}
.textosGrid{font-family:Arial,Helvetica,sans-serif;background-color:#fff;font-size:12px}
.textosGrid select{font-size:90%}
select#idcategoria{font-size:90%}
.menu_grid{color:#FFF; background-color:#0074a2;}
.menu_grid a{color:#FFF;}
.text_blau{font-size:13px}
.text_blau_p{font-style:normal;font-variant:normal;font-weight:normal}
.text{text-align:left}
.numero{text-align:right;width: 8em;}
.text_naranja{color:#0074a2;text-transform:uppercase}
.menu-lateral-text{font-weight:bold}
.menu-lateral-titol{color:#0074a2}
#header-logo{color:#000;padding:5px 0 5px 5px;float: left;width: 600px;}
#header-logo img{border:0;max-height:130px;}
.header-logo-fila{text-align:center}
.header-logo-fila a{display:block}
.header-logo-columna{text-align:justify;overflow:hidden}
.header-logo-columna a{display:block;width:100px;float:left}
.header-logo-columna div{display:none;}
.titol_verd{font-weight:bold;color:#060}
.titol_taronja{color: #0074a2;text-transform: uppercase;}
.menu{line-height:1em;color:#fff !important;padding-right:8px;padding-left:8px}
.camps{color:#333;background-color:#fff;border:1px solid #999;padding:2px 3px;border-radius:3px;text-transform:none}
input[readonly].camps{border:1px solid #f1f1f1;}
.bloqueado{color:#666;border:1px solid #e1e1e1}
.camps_naranja{font-weight:bold;color:#fff !important;background-color:#0074a2;border:1px solid #999}
.borde_derecho{border-right-width:1px;border-right-style:solid;border-right-color:#fff}
.borde_entero{border:1px solid #ccc}
#html-cos_contingut div.borde_entero{width:90%;min-height:400px;margin:10px auto; padding:10px;overflow: hidden;}
.borde_entero_shadow{box-shadow: 2px 2px 8px rgba(0,0,0,0.5);}
.borde_inf{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc}
.borde_izquierdo{border-left-width:1px;border-left-style:solid;border-left-color:#ccc}
.text_vermell{color:#c00}
.text_anadir_carro{color:#0074a2;font-style:normal;font-variant:normal}
.text_blanco{color:#fff !important}
.text_tachado{color:#333;text-decoration:line-through}
.text_error_vermell{color:#c00;padding:10px 5px 10px 5px;margin:10px 0 10px 0;border:1px solid #900;background-color:#FF6;text-align:left;width:600px}
.text_error_verd{color:#050;padding:10px 5px 10px 5px;margin:10px 0 10px 0;border:1px solid #050;background-color:#FFA;text-align:left;width:600px}
.boton{line-height:1em;color:#fff;background-color:#0074a2;border:1px solid #999;padding:7px 10px;border-radius:3px;cursor:pointer}
.boton_activo{color: gold;}
.no_destacado{background-color:#999; text-decoration:none;}
div.botons_principals .boton { padding: 8px 25px; font-size: 15px; border: 1px solid rgba(82, 168, 236, 0.65); border-radius: 8px;}
.boton_naranja{line-height:1em;color:#fff !important;background-color:#0074a2;border:1px solid #999;padding:3px 10px;border-radius:3px}
.clear{clear:both}
/**** BANNERS ****/
.lineas_banners {overflow: hidden; margin-bottom: 20px; margin-left:0px; margin-right:0px; padding:0px;clear:both;border: 1px solid #ddd;border-radius: 3px;}
.box_banner {margin:10px 0px; float: left;}
.box_banner_html {margin:10px 0px;}
.box_banner img {margin: 0!important; max-width: 100%;}
	/* 4 elementos */
	.box_banner.static.c4{ width: 24.25%; margin-right:0.7%;}
	/* 2 elementos */
	.box_banner.static.c2{ width: 49%; margin-right:0.7%;}
	/* 2 elementos 2/3 i 1/3 */
	.c2_2_3{ width:67%!important; float:left; margin-right:0!important; }
	.c2_1_3{ width:32%!important; float:right; }
	/* 3 elementos subcategoria y listado*/
	.box_banner.static.c3{ width: 32%; margin-right:0.7%;}
div.slider ul.bxslider{list-style: none;padding: 0px;}	
div.slider ul.bxslider li#slider-imatge img{max-width: 1125px;}
/**** BANNERS ****/
div.content{font-size:12px;width:100%;margin:0 auto}
div.content a{color:inherit}
div.content a:hover{text-decoration:underline}
div.content ul#footer1{text-align:center;color:#000;background-color:#FFF;overflow:hidden;display:block;list-style-type:none;padding:5px;margin:0}
div.content ul#footer1 li{padding:5px}
div.content div#legal{display:block;float:left;padding:5px 10px}
div.content ul#pagos{text-align:right;overflow:hidden;display:block;list-style-type:none;padding:5px 10px;margin:0}
div.content ul#pagos li{width:auto;overflow:visible;margin-left:5px;display:block;float:right}
.wgt_productos{list-style:none;float:left;line-height:2em;margin:0}
.wgt_productos input{margin-top:20px}
.wgt_productos_codigo{float:right}
.firma{margin-right:20px;text-align:right;height:22px}
.picture{text-align:center}
.imagen-controlada{margin:0}
.informacion{border:2px solid #000;box-shadow:0 0 15px 5px #000;margin:10% 30% 10% 30%;padding:5%;background-color:#fff}
.informacion div{margin-top:5px}
.informacion .info-leer-texto{color:#000;border-bottom:2px solid #000}
.informacion .info-leer-productos-tienda{color:#000;border-bottom:2px solid #000}
.informacion .leer-productos-tienda{width:90%;height:20px;margin:5%;border:3px double #000}
.informacion .barra-progreso{height:18px;margin:1px;display:block;background-color:#000}
ul#menu_intranet{position: relative;    display: table;    height: 40px;    width: auto;    max-width: 900px;    margin: 20px auto;    z-index: 20;    overflow: hidden;    text-align: center;    padding: 0;}
ul#menu_intranet li{display:block;float:left;margin:5px 20px;list-style-type:none;text-align:center;padding:5px 15px 6px;border:1px solid #ccc;border-bottom:2px solid #ccc;border-radius:5px;background-color:#FFF;color:#333}
ul#menu_intranet a,ul#menu_intranet a:visited{color:#333;text-decoration:none}
ul#menu_intranet li:hover{background-color:#f8f8f8}
ul#menu_intranet li.opcion_activa{background-color:#0074a2;color:#FFF;border-bottom:1px solid #ccc}
div#accesos-directos{width:90%;min-height:300px;overflow:hidden;margin: 30px auto 0px auto;}
div#accesos-directos div.titol{text-align:left;width: 94%;display:block;padding: 5px 3%;font-weight:bold;color:#fff;background-color:#0074a2;}
div#accesos-directos div{margin:0 10px 10px 0;text-align:left;width:190px;display:block;float:left}
div#accesos-directos ul{margin: 5px 0 15px 15px;    text-align: left;    width: 23%;    list-style-type: none;    padding: 0;    min-height: 75px;    display: inline-table;}
div#accesos-directos ul li:not(.titol_taronja) {padding: 1px 0; padding-left: 7px; border-left: 2px solid #0074a2;}
div#alerta_intranet{text-align:center;border:1px solid #9d1500;background-color:#0074a2;color:#FFF;width:90%;margin:auto auto 20px auto;box-shadow:2px 2px 3px rgba(0,0,0,0.5)}
div#alerta_intranet.alerta{background-color:#dd1e00 !important;}
div#alerta_intranet a{color:#FFF;text-decoration:underline;}
div.marc_formulari{margin:15px 10px;padding:10px;border:#ddd 1px solid;border-top:#eee 1px solid;border-left:#eee 1px solid;float:left;min-height:50px}
div.marc_formulari label.titol_formulari{padding: 4px 25px; position: relative; top: -20px; background-color: #f5f5f5; border: #eee solid 1px; font-weight: bold; text-transform: uppercase;}
div.marc_formulari div{min-height:25px;margin-bottom:5px}
div.marc_formulari div.flotante{float:left; padding-right:20px}
div.marc_formulari div.camp_form{width:90%}
div.marc_formulari div.separa{width:90%;margin:0;min-height:1px}
div.marc_formulari div label{min-width:150px;float:left}
div.marc_formulari div label.bloqueado{color:#999; border:none;}
div.marc_formulari div label.superior{ display:block; float:none}
div.marc_formulari div.botons{padding-left:110px}
div.marc_formulari input.boton, div.marc_formulari button.boton{margin:0 10px}
div.marc_formulari .info_extra{border: none;margin-bottom: 10px;color: #999;}
div.box_botons_principals{ background-color: rgba(82, 168, 236, 0.15); border: rgba(82, 168, 236, 0.65) 1px solid;}
.botons_principals { margin-top: 10px;}
div.editar_producto{width: 90%;margin-left: 50px;margin-top: 30px;}
div.filtro_producto{width: 95%;margin: 30px auto;float: none;}
div.no_marc{border:none; margin:0px auto;}
div.marc_formulari .no_marc label.titol_formulari{display:none;}
div.marc_formulari .ini-grupo{border-top: 1px solid #ddd;padding-top: 10px;margin-top: 10px;}
div.marc_formulari .fin-grupo{border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;}

div.image_layout{position:relative;text-align:center;display: flex;}
div.image_container{ float:left;width:27%; margin-right:2%; padding:20px; border:solid 1px #CCCCCC; border-radius:3px; background-color:transparent;}
div.image_container:last-child{margin-right:0px;}
div.image_container div.buttons{position: relative;top: -10px;}
div.image_container div.buttons i.fa-thumbtack{float:right; color:#CCC; cursor:pointer;}
div.image_container div.buttons i.fa-exclamation-triangle{float:left; color:#de1100; cursor:pointer;}
div.image_selected{background-color: rgba(82, 168, 236, 0.15); border: rgba(82, 168, 236, 0.65) 1px solid;}
div.image_selected div.buttons i.fa-thumbtack{color:#0074a2;}
div.image_container a{position: absolute;font-size:16px;}

div.mce-tinymce div{margin-bottom:0px !important;}
label.check_02{float:left;font-weight:bold;padding-right:10px}
input[type=checkbox].check_02{display:none}
input[type=checkbox].check_02+label{background:#fff;display:inline-block;width:16px;height:16px;background:url(../../imatges/check_02.png) 0 0 no-repeat;text-indent:-1000em}
input[type=checkbox].check_02:checked+label{background:url(../../imatges/check_02.png) 0 -16px no-repeat}
ul#galeria{padding:0}
ul#galeria li{display:inline-block;list-style-type:none}
body.selector{background:none !important;background-color:#FFF !important;overflow:hidden !important;height:620px !important;width:800px !important}
.corto{height:350px !important}
form#selector{background-color:#FFF;padding:10px 100px}
form#selector div.marco{width:500px;height:50px;background:#efefef;border:solid 1px #666;border-radius:1px;padding:6px 10px}
form#selector div.marco:hover{box-shadow:0 0 10px #ccc;background-color:#f7f7f7}
form#selector div.banners{height:32px;background:#FFF;border:solid 1px #666;border-radius:5px;float:right;position:relative;text-align:center;font-size:14px;line-height: 15px;padding:8px 10px;}
form#selector input[type=radio]{top:16px;position:relative}
#radio4:checked+span+#recoger_tienda{display:block !important}
#recoger_tienda{width:80%;margin:5px 0 5px 70px;font-size:90%;display:none}
#crono{width:auto;padding:5px 20px;font-size:80%;color:#DDD;text-align:right}
#MsgErr{overflow:auto;min-height:100px;width:400px;background:url(../imatges/alert.png) no-repeat top left #FFC;text-align:center;padding:15px 10px 5px 60px}
.tabla-cesta{padding:3px 10px;background:linear-gradient(to bottom,#FFF,#f6f6f6 100%) repeat scroll 0 0 transparent}
.text-gran{font-size:1.5em}
.text-mig{font-size:1.3em}
.msg-icon{padding-left:80px;background-image:url(../imatges/info.png);background-position:top left;background-repeat:no-repeat}
table#tarifa{text-align:center}
table#tarifa tr{height:45px}
table#tarifa tr td{border-bottom:solid 1px #4f81bd}
table#tarifa tr th{color:#FFF;background-color:#4f81bd;height:30px}
.donde_estamos_text{float:left;display:block;width:48%}
.donde_estamos_map{float:right;display:block;width:50%}
div#pie1{float:left;margin-right:20px}
div#pie2{float:left}
div#pie3{float:right}
#msn-part01 img{margin-top:10px}
#msn-part01{background-color:#FFF !important}
#msn-part02,#msn-part03,#msn-part04,#msn-part05,#msn-part06,#msn-part07,#msn-part08{background-color:#FFF !important}
.logo-tpv-paypal{float:left;margin:8px 0}
#radio1,#radio2,#radio3,#radio4{float:left;margin:15px}
form#formpago label{cursor:pointer}
form#formpago input[type="radio"]:checked+label div{padding:5px;border:1px solid #DDD;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,0.1)}
.tabla-transporte{border-bottom:4px double #aaa;border-top:4px double #aaa;font-size:90%;margin:40px 100px;padding:20px 0}
.tabla-transporte table#tarifa{padding:20px 100px;text-align:center}
.tabla-transporte table#tarifa tr{height:25px !important}
.tabla-transporte table#tarifa tr th{background-color:#4a6498}
.tabla-transporte .show-more-content{max-height:60px}
.tabla-transporte .show-more-buttom{color:#333;font-weight:bold;height:25px;margin:0 100px;padding:8px 0 0;width:auto}
div#direccion-amc{margin:auto; text-align:center;}
ul#thumbnails{width:460px;height:auto;display: block;list-style-type: none;padding: 0px;overflow:hidden;}
ul#thumbnails li.thumbnails{width:100px;height:150px !important;float:left;overflow:hidden;	border:#ccc solid 1px;margin:auto 11px 10px auto;}
ul#thumbnails li.thumbnails .watermark{top:0px;}
.contenedor_tab{border: 1px solid #333333;clear: both;display: block;margin: 0px auto;padding: 0;width:100%;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7pc 7px;border-radius: 0 0 7px 7px;}
ul.tabs{height: 32px;list-style: none outside none;margin: 40px auto 0px;padding: 0;width: 100%;}
ul.tabs li{float:left;margin:0;padding:0;height:31px;line-height:31px;border:1px solid #333;margin-bottom:-1px;background:#999;overflow:hidden;position:relative;border:1px solid #333;border-radius: 5px 5px 0px 0px;}
ul.tabs li a{text-decoration:none;color:#fff;display:block;font-size:13px;padding:0 20px;outline:none;}
ul.tabs li a:hover{background:#333;}
ul.tabs li.activa,ul.tabs li.activa a,ul.tabs li.activa a:hover {color:#333;font-weight:bold;background:#FFF;border-bottom:1px solid #FFF;}
.contenido_tab{background-color: #FFFFFF;margin: 10px;}
.contenido_tab img{margin:15px 15px 0px 0px;border:1px solid #ddd;padding:5px}
.contenido_tab div.marc_formulari{float:none;}
.contenido_marco{width:900px;margin:30px auto;border:1px solid #333333;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7pc 7px;border-radius: 0 0 7px 7px;}
.contenido_marco div.marc_formulari{float:none;}

#nueva_linea_box{padding:7px 10px 7px 10px;background-color:whiteSmoke;border-radius:3px;font-size:.9em /*margin:0 10px 5px 10px;*/}
div.add_box{margin:10px 0px;}
div#content-mosaico .descripcion{font-size:16px;text-align:left;margin:5px 10px 5px 10px;color:#d1318b;font-weight:normal}
ul.lineas_productos{overflow:hidden;height:auto;display:block;list-style-type:none;padding:0;margin:10px auto;color:#333;border: 1px solid #ddd;
    border-radius: 3px;}
ul.lineas_productos div#editar_linea_box{text-align:left;padding:7px 10px 7px 10px;background-color:whiteSmoke;border-radius:3px;font-size:.9em}
ul.lineas_productos li{float:left;border: 1px solid #e8e8e8;/* border-left-color: #fcfcfc; *//* border-top-color:#fcfcfc; */position:relative;}
ul.lineas_productos li.oferta{background-image:url(../imatges/oferta.png);background-position:top right;background-repeat:no-repeat}
ul.lineas_productos li.lote_oferta{background-image:url(../../imatges/oferta_dto.png);background-position:top right;background-repeat:no-repeat}
ul.lineas_productos li div.picture{margin:0 auto 0 auto;width:100%;height:180px;padding:0;position:absolute;bottom:60px}
ul.lineas_productos li div.img-promo{margin:0px;position:absolute;top: -10px;right: 5px;width: 80px;height: 80px;}
ul li div.precio_producto{color:#0074a2;font-weight:normal;position:absolute;bottom:25px;width:100%;padding:6px 0 6px 0}
ul li div.precio_anterior_producto{font-size:.9em;position:absolute;bottom:10px;width:100%}

#content-mosaico{margin:auto !important;border:0;text-align:center}
#content-mosaico ul.lineas_productos li{margin:5px 5px;width:23%;min-width:160px;padding:5px 5px;height:330px}
#content-mosaico ul.lineas_productos li.oferta{background:0}
#content-mosaico ul.lineas_productos li.oferta .precio_anterior_producto{background:url(../imatges/oferta_mini.png) top right no-repeat;padding-top:30px}
#content-mosaico ul.lineas_productos li.lote_oferta{background-image:none}
#content-mosaico ul.lineas_productos li.lote_oferta div.precio_producto{background:url(../../imatges/oferta_dto_mini.png) top left no-repeat;padding-top:20px}
.MsgErrGrid{min-height:30px;overflow:auto;background:url(../imatges/alert.png) no-repeat top left #FFC;text-align:left;padding:15px 10px 15px 80px !important; width:auto !important;}
.accion_importante{background-color:#9d1500; color:#fff!important}
.txtmsg{background-color:#FFC;text-align:justify;}
#content-mosaico.grid5 ul.lineas_productos li{margin:5px 5px;width:18%;min-width:160px;padding:5px 5px;height:330px}

/*Button and Font Awesome*/
.fa, .far, .fas {font-family: Font Awesome\ 5 Free!important;}
button.boton{margin: 5px 2px;}
button.boton:hover {box-shadow: 2px 2px 4px #bbb;}
button.boton:hover i {color: gold;}
button.boton.boton_signout {margin-left:70px; background-color:#dd1f00; border:1px solid #dd1f00;}
button.boton.boton_signout:hover i {color: gold;}
button.boton:disabled,
	button.boton[disabled]{background-color:#CCC;color: #fff;}
button.boton:disabled:hover,
	button.boton[disabled]:hover{box-shadow:none; cursor:not-allowed;}
button.boton:disabled:hover i,
	button.boton[disabled]:hover i{color: #fff;}
i.btn-copy, a.btn-whatsapp{border:#bfefff 1px solid; color:#3CF; padding:4px;border-radius: 3px;margin: 2px;cursor: pointer;}
a.btn-whatsapp{border: #00bfa5 1px solid;background-color: #00e676;color:#FFF;font-weight: bold;font-size: 16px;padding: 1px 2px;border-radius: 5px;}
i.btn-copy:hover{ background-color:#bfefff45; text-decoration:none;}
a.btn-whatsapp:hover{background-color:transparent;color:#00e676; text-decoration:none;}
.select2-container{width:85%; max-width:900px;}

ul.sortable li, div.sortable div div#nueva_linea_box, div.sortable ul div#editar_linea_box{cursor: move;}
a.minmax{float: right;}
a.minmax:before {font-family: Font Awesome\ 5 Free;font-size:18px;content: "\f2d1";}
a.maxmin{float: right;}
a.maxmin:before {font-family: Font Awesome\ 5 Free;font-size:18px;content: "\f2d0";}
div.minimizar{height:35px;}
ul.minimizar{height:65px;}
.minimizar a.minmax:before { content: "\f2d0"; }
.sorting {
  background: #fff;
  border: 3px dashed #0074a2;
}
/*LOADING*/
.modal {display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background: rgba(0, 0, 0, .3)url('../imatges/loading.png') 50% 50% no-repeat;color:#FFF; font-size:20px; text-align:center; vertical-align:central;}
body.loading .modal {overflow: hidden;}
body.loading .modal {display: block;}
.modal p{position: absolute;top:50%; right:50%;margin:auto}

/**** CISTELLA ****/
#carro_compra {padding: 7px 0;background-color: #0174a1;width: 120px;position: absolute;top: 10px;right: 340px;}
#carro_compra:hover{box-shadow: 2px 2px 4px #bbb;}
#carro_compra a{text-decoration: none;}
#carro_compra .text_compra {padding: 0; line-height: 20px; color: #FFFFFF; text-align: center; font-size: 12px; font-family: open-sans, sans-serif; font-weight: 400;}

/**** actualiza_images *****/
div#proceso div.marco{width:700px; margin:10px auto; height:50px;min-height: 50px!important;margin-bottom:10px!important;border:1px solid #EEE;background-color:#f1f1f1;color:#0074a2;text-align:center;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12)!important;}
div#proceso div.contador{width:1px; height:15px;min-height: 15px!important;margin-bottom:0px!important;background-color:#0074a2;border-radius: 3px;color:#fff;padding: 5px 0px;margin-top: 5px;}
div#proceso table td:nth-child(2){vertical-align: top;}
div#proceso table td:nth-child(2) p{font-weight: bold;margin: 10px auto;}
div#proceso table td:nth-child(2) p.ok{color:#0074a2;}
div#proceso table td:nth-child(2) p.ko{color:#9d1500;}

.btn-texto-import { padding: 3px 10px;    margin: 5px 0;    display: inline-block;    border: 1px solid #ffa500;    background: #ffc862;    color: #543700;    border-radius: 5px;    background: #fff6e6;}
.btn-texto-import:hover { background: #ffc862;    text-decoration: none;}

label.required:after{content: ' *';color:#C00;}

/**** TREE VIEW ****/
#custom-tree1, #info{padding: 10px;height: 300px;overflow-y: scroll;}
#info{height: 400px;display:none;;overflow-x: scroll;background-color:#f9f9f9; border-radius:2px;border: 1px solid #eeeeee;margin-top:20px;}
ul.table {list-style-type: none;margin: 0;padding: 4px;}
ul.table span{padding:0px 0px 0px 10px;}
ul.table span.icon{padding:0px;}
span.consulta{cursor:pointer;}
span.BASE_TABLE::before, span.VIEW::before, li.field::before {font-weight:700;font-size:16px;font-family: Font Awesome\ 5 Free!important;}
ul.closed span.icon::before, ul.opened span.icon::before {font-weight:700;font-size:14px;font-family: Font Awesome\ 5 Free!important;}
ul.opened span.icon::before {content: "\f068";color:#0074a2;cursor: pointer; }
ul.closed span.icon::before {content: "\f067";color:#0074a2;cursor: pointer; }
span.BASE_TABLE::before {content: "\f0ce  ";color:#77D2FF;}
span.VIEW::before {content: "\f0e8  ";color:#77D2FF;}
li.field{margin-left:45px;padding: 1px 0px;}
li.field::before{content: "\f0da  ";color:#77D2FF;}
ul.closed li.field{display: none;}
ul.opened li.field{display: block;}
table.tb_script{border-top:1px solid #CCC; border-left:1px solid #CCC;border-spacing: 0px;}
table.tb_script td, table.tb_script th{padding:3px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
i.fas{ cursor:pointer;}

div#form_content .select2-container { display: table-cell!important; min-width:350px;}