@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
   --fondo-ES: red; /* Español */
   --texto-ES: #FFF;
   --fondo-CA: #FF9900; /* Catalan */
   --texto-CA: #FFF;
   --fondo-EN: #1D2939; /* Ingles */
   --texto-EN: #FFF;
   --fondo-FR: #1E90FF; /* Frances */
   --texto-FR: #FFF;
   --fondo-DE: #FFFF00; /* Aleman */
   --texto-DE: #FFF;
   --fondo-PT: #23BF08; /* Portugues */
   --texto-PT: #FFF;
   --fondo-IT: #009933; /* Italiano */
   --texto-IT: #FFF;
   --fondo-CS: #555555; /* Checo */
   --texto-CS: #FFF;
   --fondo-CN: #4A90E2; /* Chino */
   --texto-CN: #FFF;
   --fondo-RU: #ccc; /* Ruso */
   --texto-RU: #000;
}
/* IDIOMAS */
.idioma_ES{background-color: var(--fondo-ES) !important; border-color: var(--fondo-ES) !important; color: var(--texto-ES) !important;}
.idioma_CA{background-color: var(--fondo-CA) !important; border-color: var(--fondo-CA) !important; color: var(--texto-CA) !important;}
.idioma_EN{background-color: var(--fondo-EN) !important; border-color: var(--fondo-EN) !important; color: var(--texto-EN) !important;}
.idioma_FR{background-color: var(--fondo-FR) !important; border-color: var(--fondo-FR) !important; color: var(--texto-FR) !important;}
.idioma_DE{background-color: var(--fondo-DE) !important; border-color: var(--fondo-DE) !important; color: var(--texto-DE) !important;}
.idioma_PT{background-color: var(--fondo-PT) !important; border-color: var(--fondo-PT) !important; color: var(--texto-PT) !important;}
.idioma_IT{background-color: var(--fondo-IT) !important; border-color: var(--fondo-IT) !important; color: var(--texto-IT) !important;}
.idioma_CS{background-color: var(--fondo-CS) !important; border-color: var(--fondo-CS) !important; color: var(--texto-CS) !important;}
.idioma_CN{background-color: var(--fondo-CN) !important; border-color: var(--fondo-CN) !important; color: var(--texto-CN) !important;}
.idioma_RU{background-color: var(--fondo-RU) !important; border-color: var(--fondo-RU) !important; color: var(--texto-RU) !important;}

/* a[data-id="tab_es"]{background-color: var(--fondo-ES) !important; border-color: var(--fondo-ES) !important; color: var(--texto-ES) !important;}
a[data-id="tab_ca"]{background-color: var(--fondo-CA) !important; border-color: var(--fondo-CA) !important; color: var(--texto-CA) !important;}
a[data-id="tab_en"]{background-color: var(--fondo-EN) !important; border-color: var(--fondo-EN) !important; color: var(--texto-EN) !important;}
a[data-id="tab_fr"]{background-color: var(--fondo-FR) !important; border-color: var(--fondo-FR) !important; color: var(--texto-FR) !important;}
a[data-id="tab_de"]{background-color: var(--fondo-DE) !important; border-color: var(--fondo-DE) !important; color: var(--texto-DE) !important;}
a[data-id="tab_pt"]{background-color: var(--fondo-PT) !important; border-color: var(--fondo-PT) !important; color: var(--texto-PT) !important;}
a[data-id="tab_it"]{background-color: var(--fondo-IT) !important; border-color: var(--fondo-IT) !important; color: var(--texto-IT) !important;}
a[data-id="tab_cs"]{background-color: var(--fondo-CS) !important; border-color: var(--fondo-CS) !important; color: var(--texto-CS) !important;}
a[data-id="tab_cn"]{background-color: var(--fondo-CN) !important; border-color: var(--fondo-CN) !important; color: var(--texto-CN) !important;}
a[data-id="tab_ru"]{background-color: var(--fondo-RU) !important; border-color: var(--fondo-RU) !important; color: var(--texto-RU) !important;} */

body {
   color: #666;
   font-family: "Poppins", sans-serif;
   background: rgb(247, 248, 250);
   background: linear-gradient(180deg, rgba(247, 248, 250, 1) 0%, rgba(239, 241, 244, 1) 100%);
}
.modal-backdrop {
    z-index: 1500;
}
.modal {z-index: 1501;}
/* sign in */
.camp-imatge{
   max-width: 200px;
    height: 35px;
}
.title{
   color: black;
}
.spectrum{
   max-width:100px;
   height: 35px;
   margin-right: 10px;
}

h4,h5,h6{
  margin-bottom: 1.5rem !important;
}

.signinpanel h1{
   color: #000;
   font-weight: lighter;
   text-align: center;
   font-size: clamp(18px, 16px + 1vw, 26px);
   margin-bottom: 30px;
}
.signinpanel {
   width: 780px;
   margin: 10% auto 0 auto;
}

.signinpanel .logopanel {
   float: none;
   width: auto;
   padding: 0;
   background: none;
}
.signinpanel .logopanel img{max-width: 100%;}
.signinpanel .signin-info ul {
   list-style: none;
   padding: 0;
   margin: 20px 0;
}

.signinpanel .signin-info a {
   color: #333;
}

.signinpanel .form-control {
   display: block;
  padding-left: 36px;
  font-weight: lighter;
}

.signinpanel .uname {
  /* background: #fff url(../images/user.png) no-repeat 95% center;*/
}
.signinpanel .form-group{position:relative; display: flex;align-items: center;}
.signinpanel .togglepw i{position: absolute;   right: 15px;   top: 7px;   font-size: 25px;color: #333;}
.signinpanel .togglepw .fa{cursor:pointer;}
.signinpanel .togglepw.active .fa-eye{display:none;} 
.signinpanel .togglepw .fa-eye-slash{display:none;} 
.signinpanel .togglepw.active .fa-eye-slash{display:block;} 
.signinpanel .iconintro{color:#999;; font-size:20px;width: 35px;text-align: center;position: absolute;   left: 0;}
.signinpanel .pword {
   /*background: #fff url(../images/locked.png) no-repeat 95% center;*/
}

.signinpanel .btn {
   margin-top: 15px;
}

.signinpanel form {
   background: rgba(255,255,255,0.2);
   border: 1px solid #eee;
   -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding: 30px;
}

.signinpanel form a {
   color: #666;
}

/* sign up */

.signuppanel {
   margin: 5% auto 0 auto;
   width: 780px;
}

.signuppanel .row {
   margin-left: -5px;
   margin-right: -5px;
}

.signuppanel .logopanel {
   float: none;
   width: auto;
   padding: 0;
   background: none;
}

.signuppanel .col-sm-6,
.signuppanel .col-sm-5,
.signuppanel .col-sm-3,
.signuppanel .col-sm-4 {
   padding-left: 5px;
   padding-right: 5px;
}

.signuppanel .signup-info {
   padding-right: 20px;
}

.signuppanel form {
   background: rgba(255,255,255,0.2);
   border: 1px solid #ccc;
   -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding: 30px;
}



.feat-list {
   margin-top: 20px;
}

.feat-list .fa {
   font-size: 20px;
   border: 2px solid #636e7b;
   padding: 4px 5px;
   -moz-border-radius: 100px;
   -webkit-border-radius: 100px;
   border-radius: 100px;
   float: left;
}

.feat-list h4 {
   margin-left: 45px;
   padding-top: 3px;
}

.feat-list p {
   margin-left: 45px;
}

.signup-footer {
   border-top: 1px solid #ddd;
   margin-top: 30px;
   padding-top: 10px;
   font-size: 12px;
}

/*fin sign in */

.interruptor-cuerpoProfesional{
    width: 40px;
    height: 22px;
    box-shadow: 0px 0px 5px #8A8A8A inset;
    border-radius: 10px;
    background-color: white;
    transition: background-color .25s;
 }
 .interruptor-teclaProfesional{
    position: relative;
    left:0;
    text-align: center;
    width: 22px;
    height: 22px;
    box-shadow: 0 0 2px #8A8A8A;
    background-color: white;
    border-radius: 50%;
    transition: left .25s;

 }
 .interruptor-cuerpoAsistido{
    width: 40px;
    height: 22px;
    box-shadow: 0px 0px 5px #8A8A8A inset;
    border-radius: 10px;
    background-color: white;
    transition: background-color .25s;
 }
 .interruptor-teclaAsistido{
    position: relative;
    left:0;
    text-align: center;
    width: 22px;
    height: 22px;
    box-shadow: 0 0 2px #8A8A8A;
    background-color: white;
    border-radius: 50%;
    transition: left .25s;

 }
 /* Comprovar si esta clicat o no en javascript*/
 #apagado:checked ~ .interruptor-cuerpo .interruptor-tecla{
    left:0px;
 }

 #apagado:checked ~ .interruptor-cuerpo .interruptor-tecla label[for=apagado]{
    display: none;
 }

 #prendido:checked ~ .interruptor-cuerpo .interruptor-tecla{
    left:20px;
 }

 #prendido:checked ~ .interruptor-cuerpo{
    background-color: #A2DA6C;
 }

 #prendido:checked ~ .interruptor-cuerpo .interruptor-tecla label[for=prendido]{
    display: none;
 }


 .config-label{

    color: #000000;
    width: 70px;
    margin-top: 20px;
 }
 .config-body {
    background-color: white;

 }
 .loading{

    width: 30px;
    margin-top: 20px;
 }

 .loadingdiv, .loadingtext{
   position: fixed;
    left: 50%;
    top: 50%;
    padding: 25px;
    border-radius: 5px;
    max-width: 300px;
    z-index: 1005;
    background: white;
    border: black 1px solid;
    text-align: center;
    border: 0;
    box-shadow: 0 0 7px #999;

 }
 #galeriaimagenes {display: flex;flex-wrap: wrap;}
 #galeriaimagenes .div-image{padding: 5px;  width: 20%;}
 #galeriaimagenes .photo{border: 1px solid #eee; border-radius:5px;}
 #galeriaimagenes .photo {

     border: 1px solid #eee;
     border-radius: 5px;

 }
 #galeriaimagenes .photo img {
    height: 100%;
 margin-left: 50%;
 transform: translateX(-50%);
 }
 #interior_galeria{background-color: #eee;border: none !important;padding: 25px;border-radius: 10px;}

 #galeriaimagenes .deleteicon {
    position: absolute;
    right: 10px;
    top: 40px;
    color: red;
    display: block;
    z-index: 1000;
    cursor: pointer;

 }
 .mostrar_og{
    margin-left: 20px;
 }
 .bottonok{
    display: none!important;
 }
 .fa-arrows-alt-v::before {
     content: "mover";
 color: #fff;
 background-color: #666;
 padding: 5px 10px;
 font-family: 'RobotoRegular', Helvetica, sans-serif !important;
 border-radius: 3px;
 }
 .moveth{width:80px}
 .botonesth{width:120px;}

 .stop-scrolling {
   height: 100%;
   overflow: hidden!important;
 }
 .mediatecabody{
    overflow: hidden!important
 }
 .moverimagen{background-color: #666;
 color: #fff;
 -webkit-border-top-left-radius: 3px;
 -webkit-border-top-right-radius: 3px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 line-height: 30px;
 padding: 3px;
 cursor: move;}

 .imgdrag{
    max-width: 200px;
    max-width: 150px;
 }
.nav-tabs {	background: #d3d3d3;}
.tab-content{padding:0;}
/* #tab_es{background: rgba(29,41,57,0.15);padding: 15px;}
#tab_ca{background: rgba(0,138,171,0.1);padding: 15px;}
#tab_en{background: rgba(207,222,0,0.05);padding: 15px;}
.tab_es{background: rgba(29,41,57,0.15);padding: 15px;}
.tab_ca{background: rgba(0,138,171,0.1);padding: 15px;}
.tab_en{background: rgba(207,222,0,0.05);padding: 15px;} */
fieldset .form-group .form-group{margin-left:0; margin-right:0px;}
fieldset > .form-group .btn{margin:15px 10px!important;}
fieldset > .form-group .btn:hover{opacity:0.8;}
fieldset > .form-group a.btn.iframe-btn{margin:15px 10px 15px 0 !important;}
fieldset > .form-group a.btn.iframe-btn:after{content:"PRO"; margin-left:15px; border:1px solid #fff;padding: 3px 5px;font-size: 10px;}
fieldset > .form-group input.btn.select_media{background-color:#36ae71!important;border-color:#36ae71;}
fieldset > .form-group #cropbutton.btn.iframe-btn:after{content:""; margin-left:0px; border:none;padding: 0;font-size: 10px;}
fieldset > .form-group input.btn.btn-warning{background-color:#c00000!important; border-color:#c00000;}
fieldset > .form-group .asist{color: white;margin-left: -70px;font-size: 10px;border: 1px solid #fff;padding: 3px 5px;}
#interior_galeria a.btn:after{content:""; border: none;display: none;}
#galeriaimagenes .altimagen{padding: 5px;margin-bottom: 4px;}
#galeriagrup{clear:both;}
#blocksHead{padding: 50px 0px;border-top: 1px solid #eee;margin: 50px;margin-bottom: 0;}
#blocs{margin: 50px;margin-top: 0;padding-bottom: 50px;}
#blocs table tr:nth-child(even) {background: rgba(0,60,150,0.1)}
#blocs table tr:nth-child(odd) {background: rgba(0,60,150,0.05)}
#blocs table tr td{ background:transparent;}
#blocs #boxbutton .select_media{background-color:#36ae71!important;border-color:#36ae71;}


/*fixed tabs*/


.mainpanel .headerbar{position:fixed; z-index:1500; top:0;width: calc( 100% - 240px);box-shadow: 0 0 5px #666;height: 80px;}
.mainpanel {    padding-top: 70px;}
#guardarPanel-top:before{content: "Guardar página";
    display: block;
    float: left;
    margin-right: 15px;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 4px;
    width: 100%;
    text-align: center;
    color: #111;
    font-weight: bold;}


#guardarPanel-top input,#guardarPanel-top div{width:115px;    margin: 0 1.5px;}
#guardarPanel-top #cancelar{    background-color: #999;    color: #fff;}
.br-section-wrapper .previsualizar-cont{display:none;}
#guardarPanel-top .previsualizar-cont{display:block;}
#guardarPanel-top .previsualizar-cont a{background-color: #F49917; border-color: #F49917;}

#guardarPanel-top .form-actions{display: flex;}
#guardarPanel-top .btn{padding: 10px 15px;}

/* .nav-tabs {
   border-width: 0px!important;
} */

.nav-tabs > li > a {
    padding: 8px 15px;
    margin-right: 2px;
    line-height: 1.428571429;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}

#div_tabs, #div_tabs_old{margin-bottom:0px;padding-left:15px}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{  opacity:1;  background-color: #17a2b8;    border-color: #17a2b8;}
.nav-tabs > li > a {	background-color: #17a2b8; opacity: 0.5; color:#fff;}
#capcalera #tabs .nav-tabs>li>a, #tabs_old .nav-tabs>li>a{border-radius: 3px;    padding: 0.65rem 0.75rem;    font-size: 0.875rem;    line-height: 1.25;transition: all 0.15s ease-in-out;    font-weight: normal;    border: none;}
#capcalera #tabs .nav-tabs>li>a strong,  #tabs_old .nav-tabs>li>a strong{font-weight: normal}
#div_tabs::before, #div_tabs_old::before{
  height: 60px;
  background-size: 60px;
  background-repeat: no-repeat;
  position: absolute;
  top: -30px;
  z-index: 1000;
  width: 60px;
  right: 15px;
  content:"";
}

#tabs .nav.nav-tabs, #tabs_old .nav.nav-tabs {
 position: relative;
 top:0;
 margin-left: 0px;
 background: transparent;
 margin-left: 0px!important;
 z-index:1500!important;
}
#modaleditar .close{pointer-events: none; display:none;;}
#modaleditar .nav.nav-tabs {
  margin-left: 20px!important;
  background: transparent;
  z-index:1500!important;
}

#modaladd,#modal,#modalgaleria{
  z-index:9999!important;
}

.select2-container{
  z-index: 999;
}

.select2-container--open{
  z-index: 1600;
}

.ge-details .select2-container,.modal .select2-container{
  z-index: 5000;
}

#tabs_old .nav-tabs>li>a {
    background-color: #eee;
    padding: 8px 15px;
    border: 0;
    color: #666;
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}


#tabs_old .nav-tabs > li.active > a,#tabs_old .nav-tabs > li.active > a:hover,#tabs_old .nav-tabs > li.active > a:focus ,
#tabs_old .nav-tabs > li > a.active,#tabs_old .nav-tabs > li > a.active:hover,#tabs_old .nav-tabs > li > a.active:focus {
  background-color: #428bca;
  color: #fff;
  opacity: 1;
}

#tabs .nav li, #modaleditar .nav li{margin-right:1px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {    background-color: #428bca; color:#fff;  border: 0;}
.nav-tabs > li > a{background-color: #eee;padding: 8px 15px;}
.copiarIdiomas{ position: fixed;top: 50px;z-index: 101;margin-left: 58px;}
.copiarIdiomas .btn{margin: 0 -5px 0 0;}

.nav-tabs > li> a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus {
   background-color: #428bca;
   color: #fff;
   border: 0;
}


#scrollbuttons{position:fixed; bottom:30px; right:15px; z-index:10;}
#scrollbuttons .round{background: rgba(66,139,202,0.7);
color: #fff;
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
margin-bottom: 5px;
line-height: 24px;

}
#scrollbuttons .round{background: rgba(66,139,202,1);}
.panel.panel-default{
padding-right: 50px;
padding-bottom: 30px;
padding-left: 15px;
}
.slim .slim-file-hopper {
pointer-events: none!important;
}
input.select_media{float:left;}
.headermenu .dropdown-toggle {padding: 29px 10px;}
.copiarIdiomas .btn{margin: 0 -5px 0 0;
padding: 0 !important;
color: #666;
background: transparent;
border: 0;}
.copiarIdiomas .btn:hover{color:#333;}
.copiarIdiomas .glyphicon{display:none;}
#preview{position:fixed; z-index: 1500!important; top:19px;right: 455px;padding: 10px;}

#corporate{ text-align:center; padding:10px}
#corporate img{margin:0 auto;}
#corporate a{color:#fff;}

#capcalera label{width: 100%; text-align: center;    margin: 0;    color: #333;    font-weight: bold;}
#developmentblockHeader{}
#developmentblockHeader #development{/*border-top-right-radius: 0;border-bottom-right-radius: 0;*/margin-right:4px;}
#developmentblockHeader #deployment{/*border-top-left-radius: 0;border-bottom-left-radius: 0;*/}
#developmentblockHeader .btn-primary:disabled{    }
#developmentblockHeader{    border-right: 1px solid #ccc;    padding-right: 15px;}

.editarbloc{
   width:100px;
 }
 #modaleditar .modal-dialog,
 #modaladd .modal-dialog{
   min-width:60vw;
   height: 80vh;
   width: 100%;
   margin: unset;
 }

 #modaleditar .modal-dialog .modal-content .modal-header{
   position: sticky;
   display: flex;
   width: 100%;
   top: 0;
   z-index: 10000;
   background: #fff;
   border-radius: 0.3rem 0.3rem 0 0;
 }

 #modaleditar .modal-dialog .modal-content .modal-footer{
   position: sticky;
   display: flex;
   width: 100%;
   bottom: 0;
   z-index: 10000;
   background: #fff;
   border-radius: 0 0 0.3rem 0.3rem;
   overflow: hidden;
 }

 #modaladd .modal-dialog{
   min-width:800px;
 }

.modal-filemanager {
    width: inherit!important;
    max-width: inherit
}

.mediateca-buttons > div{
   margin: auto;
   margin-right: 0;
}
.fields-miniature{
   margin-bottom: 1rem;
}

.hide {
    display: none;
}



.br-section-wrapper {padding: 30px 60px;}

.panel.panel-default{
   background-color: #fff;
}
.br-pageheader{
   background-color: #f7f7f7;justify-content: space-between;
}
.br-pageheader .sub-bar-content{display:flex;}
.br-pageheader .sub-bar-content div{margin-right: 15px;}
.br-pageheader .sub-bar-content a{margin-left: 15px;}
.breadcrumb{
   background: none;
   display: flex;
   padding: 0;
}
.breadcrumb a{margin:0 2px 0 5px;}
.breadcrumb a:after{content:"/"; margin-left:5px;}
.breadcrumb a:last-child:after{content:"";}
.br-pageheader .breadcrumb-wrapper {
   position: absolute;
   top: 23px;
   right: 25px;
}

.field_color {
   padding: 10px;
   width: 80px;
   height: 40px;
}
.form-group{
   width: 100%;
}
.form-horizontal .control-label {
   text-align: right;
}
.modal-dialog {
   width: 600px;
   margin: 30px auto;
}
.ckbox input[type="checkbox"] {
   opacity: 1;
   margin: 0 5px 0 0;
}
/*Edicio pagina*/
#page-form label,#item-form label,#page-description label{color:#333; font-weight: bold;}
#page-title,#item-form #nom,#page-description #nom{font-size:24px;}
.round{border-radius: 50%;}
.ajuda .btn{background-color: #F49917; border:none; margin-right: 10px;}
.ajuda{color:#666}
.help .bg-warning {    background-color: #F49917 !important;    color: #fff;    margin-top: 15px;}
#page-description{
   /* border-bottom: 1px solid gray; */
   padding-bottom: 10px;position: relative;
}

#lack-template{
   margin-top: 20px;
}
.btn.toggler{position: relative;}
.btn.toggler:after{content: "\f105";display: block;position: absolute;right: 20px;top: 12px; transition: all .2s linear;  font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
}
.btn.toggler[aria-expanded="false"]:after{}
.btn.toggler[aria-expanded="true"]:after,.btn.toggler.active:after{transform: rotate(90deg);}
.visible-seo{transition:all .2s linear; visibility:visible;opacity:1;height:auto;margin-top: 30px;}
.visible-seo.ocultar-seo{  visibility: hidden;  opacity: 0;  height: 0;}
#emptyContent{  font-size: 26px;  font-weight: lighter;}
#emptyContent .blink{
display: block;
position: absolute;
left:30px;
transition: all .2s linear;
pointer-events: none;
width: 630px;
margin-top: -98px;
height: 35px;
background: red;
opacity: 0.2;}
@keyframes blink {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes blink {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.blink {
  -webkit-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite;
  animation: blink 1s linear infinite;
}
.main{}
.main h6,form h4,h4.seccio{text-align: left;width:100%;font-size: 24px;color:#333}
.main h6:after,form h4:after,h4.seccio:after{content: "";    width: 100%;    display: block;    border-bottom: 1px solid #999;    margin: 5px 0 -10px;}
.alternate{background: #eee;padding: 25px 30px 10px;margin-bottom: 30px;margin-left: -30px;margin-right: -30px;margin-top: 30px;}
.alternate h6{text-align: left;width:100%;font-size: 24px;color:#333}
.alternate h6:after{content: "";    width: 100%;    display: block;    border-bottom: 1px solid #999;    margin: 5px 0 -10px;}
.items3{display: flex;flex-wrap: wrap;}
.items3 h6{width: 100%;}
.items3 .form-group,.items3 > div{width: 33.3333%;border-right: 1px solid #ccc;text-align: center;padding: 0 15px;}
.items3 .form-group:last-child,.items3 > div:last-child{border-right: none;}
.items3 .form-group label{font-weight: bold; color:#333;}
.items3 .form-group .form-check-inline label{color:#666;font-weight: normal;}
#linea-producto-redirecciones{position: absolute;top: 6px;z-index: 10;right: 30px;}
#customfields .form-group{ padding: 0 15px;width:auto}

/* ARREGLAR LAYOUT DE CUSTOMFIELDS */
#customfields{display: grid; grid-template-columns: repeat(3, 1fr);}
#customfields .first-item{grid-area: 1 / 1 / 2 / 4;}
#customfields div:nth-child(2){grid-area: 2 / 1 / 3 / 4;}
#customfields div:nth-child(3):not(.form-group){grid-area: 2 / 1 / 3 / 4;}
#customfields .form-group{}


/* #item #myGrid  .modulObjecte {  padding: 0 0px 15px 0px;  background-color: #B5AAA3;} */
#item #formulario-item{height: auto !important;overflow: auto !important;}
#item #menu-item{display:none;}

#menu-modul{display:none;}
#template-modul #myGrid{display:none;}
#template-modul .ge-mainControls{border:none; text-align: right;    position: absolute;    right: 30px;    z-index: 1000;}

/*menu builder*/
#frmEdit label{color:#666; font-weight: bold;}
#frmEdit .developers{    border: none!important;    padding: 15px 0px!important;    margin-bottom: 15px;}
.sortableListsOpener.btn-success{  background-color: #ccc;  border-color: #ccc;}
.sortableListsOpener.btn-success:hover{background-color: #bbb;  border-color: #bbb;}
.sortableListsOpener{cursor:pointer;}
#myEditor .list-group-item .txt{color:#333; font-size: 20px;}
li#sortableListsPlaceholder{background-color: #eee!important}

/*Menu lateral*/

body.collapsed-menu.expand-menu #menulateral .headMenu,
body.collapsed-menu.expand-menu  #menulateral .br-menu-item,
body.collapsed-menu.expand-menu  #menulateral #corporate{display:block;}
body.collapsed-menu #menulateral .headMenu,
body.collapsed-menu #menulateral .br-menu-item,
#corporate
{display:none;}
body.collapsed-menu  #menulateral:before{content:"\f105"; color: #fff; position:absolute;    top: 50vh;    text-align: center;    margin: 0 auto;
    left: 0;    right: 0;    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;font-size: 30px;    opacity: 0.8;}
body.collapsed-menu.expand-menu  #menulateral:before{display:none;}

/* #menulateral .headMenu {
   border-top: 1px solid white;
   padding-top: 15px;
   margin-top: 5px;
   color: white;
   font-size: 16px;
   margin-bottom: 5px !important;
} */
#menulateral .headMenu {
   margin-top: 20px;
   color: #fff;
   font-size: 13px;
   margin-bottom: 10px !important;
   opacity: 0.75;
   text-transform: uppercase;
}
#menulateral .br-menu-item i,
#menulateral .menu-item i{
   margin-right: 10px;
}
#menulateral .br-menu-item .menu-item-label,
#menulateral .menu-item .menu-item-label{
   margin-left: 0;
}
#menulateral .br-menu-item{height: 30px;}
#menulateral .br-menu-link.header{font-size: 16px; color:white;}
#menulateral .sub{padding-left: 15px;}
#menulateral .br-menu-link.active{background-color: #17a2b8}
/*modal edit*/
#modaleditar #inputsvalues .developer:before{content: "Only for developers";text-align: left;display: block;font-size: 18px;}
#modaleditar #inputsvalues .developer {border: 1px solid #ccc;padding: 15px;margin-bottom: 25px;display: table;width: 100%;margin-top: 25px;}
#modaleditar #inputsvalues .developer .form-group{ width: 50%;display: table;float: left;padding: 0 15px;}
.flex-div { flex-wrap: wrap; display:flex; margin-bottom: 1rem;}
.col-1-form { width: 100%;}
.col-2-form { width: 50%; }
.col-2-ratio-form { width: 40%; margin-left: 1%;}
.col-2-lg-form { width: 80%;}
.col-2-sm-form { width: 12%;}
.col-3-sm-form { width: 20%;}
.col-2-sm-form.avoid_column{width: 20%!important;}
.col-3-form { width: 33.33%; }
.col-4-form { width: 25%;}
.col-5-form { width: 15%;}
.col-1-bloque{ max-width: 13%;}
.flex-div .chosen-container{width: 83%!important;}
.ratio-div .chosen-container{width: 40%!important;margin-left: 2%;}
.medidas-div .chosen-container{width: 38%!important;margin-left: 2%;}
#modaleditar #inputsvalues .developer .form-group label{}
#modaleditar #inputsvalues .developer .form-group .avoid_column{    width: 100%;    max-width: inherit;}
#modaleditar button.close{cursor:pointer;}
/*modal edit*/

/*ModuleList*/
#listadoModuls,#ITEMLIST{margin-top:40px; padding-top:40px;border:1px solid #ccc; border-radius:3px;}
.addbutton{margin-bottom:40px; color:#1ceaf5; border-color:#1ceaf5;}

.addbutton:hover{background-color:#23BF08;border-color:#23BF08;}
.addbutton[disabled], .addbutton[disabled]:hover{ background-color: #fff; margin-bottom: 40px; color: #23BF08;border-color: #23BF08; opacity: 0.5;}
.addbutton-template{margin-bottom:40px;}

.moduleList{display: flex;flex-wrap: wrap;}
.moduleList button {
   padding: 5px;
   width: 100px;
   height: 100px;
   border-radius: 2px;
   border: none;
   margin: 2px;
   position: relative;
   line-height: 1.2em;
   font-size: 10px;
   font-weight: 500;
}
.moduleList button:before,.moduleList span:before{
font-family: 'FontAwesome';
display: block;
	font-size: 20px; color:#1D2939;}
.moduleList span{}
.moduleList .icon1{display: block;}
.moduleList .icon2{    font-size: 22px;    position: absolute;    right: 30px;    top: 20px;}
.moduleList .icon2:before{font-size: 18px}
.moduleList button:hover{opacity:0.8; cursor: pointer;}
/* .moduleList #addTitle:before{content:"\f031";} */
/* .moduleList #addText:before{content:"\f036";} */
/*.moduleList #addSplitter:before{content:"\f07d";}
.moduleList #addLine:before{content:"\f2d1";}*/
/* .moduleList #addImage:before{content:"\f03e";} */
/*.moduleList #addParallax:before{content:"\f013";}*/
/* .moduleList #addVideo:before{content:"\f1c8";} */
/*.moduleList #addSocialNetworks:before{content:"\f2c0";}*/
/* .moduleList #addMap:before{content:"\f278";} */
/*.moduleList #addButton:before{content:"\f25a";}*/
/*.moduleList #addIcon:before{content:"\f094";}*/
/* .moduleList #addHtml:before{content:"\f121";} */
/* .moduleList #addEmpty:before{content:"";} */
/*.moduleList #addAccordion:before{content:"\f039";}*/
/* .moduleList #addSimpleForm:before{content:"\f003";} */
/*.moduleList #addAdvancedForm .icon1:before{content:"\f003";}*/
/* .moduleList #addAdvancedForm .icon2:before{content:"\f0a3";} */
/* .moduleList #addcounter:before{content:"\f017";} */
/*.moduleList #addMailchimp .icon1:before{content:"\f003";}*/
/* .moduleList #addMailchimp .icon2:before{content:"\f040";} */
/* .moduleList #addsharepage:before{content:"\f1e0";} */
.moduleList img{display:block;margin: 0 auto;width: 50px;}
.moduleList button:disabled{color:#ccc; cursor: default;}
.moduleList button:disabled:before{content: "coming soon"!important;font-size: 10px;background:#75424e;
color:#fff;font-family: arial!important;display: table;padding: 2px 5px;position: absolute;z-index: 10;top: 5px; }
.moduleList button:disabled img{opacity:0.3}
.ge-canvas.ge-editing .column > .ge-tools-drawer {
    background: #1D2939;
}
.ge-canvas.ge-editing .column > .ge-content > div{padding:0px;}
.ge-canvas.ge-editing .column > .ge-content .modulObjecte{padding:0 0px 15px 0px;}
.ge-canvas.ge-editing .column > .ge-tools-drawer a,.ge-canvas.ge-editing .column > .ge-tools-drawer > a.ge-add-row {
    color: #fff;padding: 0 3px;
}
.ge-canvas.ge-editing .column > .ge-content h5 {    color: #fff;    font-weight: normal;    background-color: #B5AAA3;    padding: 8px;    font-size: 16px;}
.ge-canvas.ge-editing .column > .ge-content .title-preview{color:#333;}
.ge-canvas.ge-editing .column{margin-bottom:5px;}
.modulObjecte{/*border:1px solid rgba(0,0,0,0.2); */padding:15px; background-color: rgba(255,255,255,0.4)}
.form-check-input { margin-left: 0;}
#inputsvalues .form-check{margin-bottom:0;}
#inputsvalues .visualizacion{background-color: #eee;padding: 25px;display: flex;flex-wrap: wrap;}
#inputsvalues .visualizacion .form-group{width:50%;}
#inputsvalues .form-check{margin:0 10px;}
#inputsvalues .visualizacion .avoid_column{    width: 100%;    display: block;    max-width: 100%;    flex: auto;}

#inputsvalues .visualizacion .form-group .form-check label:after{font-family:'FontAwesome';     padding: 5px;   /* border: 1px solid #eee; */   margin-left: 10px;    font-size: 18px;}
#inputsvalues .visualizacion .form-group:first-child .form-check label:after{content:"\f070  \a0\a0  \f108   \f10a   \f10b"; }
#inputsvalues .visualizacion .form-group:nth-child(2) .form-check label:after{content:"\f070  \a0\a0    \f108"; }
#inputsvalues .visualizacion .form-group:nth-child(3) .form-check label:after{content:"\f070  \a0\a0    \f10b"; }
#inputsvalues .visualizacion .form-group:nth-child(4) .form-check label:after{content:"\f070  \a0\a0    \f10a"; }
#inputsvalues .visualizacion .form-group:nth-child(5) .form-check label:after{content:"\f070  \a0\a0    \f108   \f10a   \f10b"; }


#myGrid .glyphicon {
    top: 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    padding: 7px 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#myGrid.ge-editing .column > .ge-tools-drawer {
        background: #3BA5D3;
    display: flex;
    width: 100%;
    margin: 0;
    justify-content: flex-start;
    align-items: center;
}
#myGrid.ge-editing .column > .ge-tools-drawer .glyphicon{    padding: 7px 2px;}
#myGrid.ge-editing .insiderow .column > .ge-tools-drawer {    background: #ccc;}
#myGrid.ge-editing .insiderow .column > .ge-tools-drawer label{color:#fff; font-weight: normal; margin-right: 10px;}
#myGrid.ge-editing .column > .ge-tools-drawer .maintitle{margin-bottom: 0;}
#myGrid.ge-editing .column > .ge-tools-drawer a{float:left;}
#myGrid.ge-editing .column > .ge-tools-drawer a.ge-move:after,#myGrid.ge-editing .insiderow .column > .ge-tools-drawer a.ge-move:after{
position: absolute;
/*margin: 0 auto;
left: 0;*/
right: 25px;
text-align: center;
pointer-events: none;
margin-top: 5px;}
#myGrid.ge-editing .column > .ge-tools-drawer a.ge-move:after{content: "Columna";}

#myGrid.ge-editing .column.col-lg-2 > .ge-tools-drawer a.ge-move:after{content: "";}
#myGrid.ge-editing .column.col-lg-1 > .ge-tools-drawer a.ge-move:after{content: "";}

#myGrid.ge-editing .column.col-lg-3 .insiderow .column > .ge-tools-drawer a.ge-move:after{content: "";}
#myGrid.ge-editing .column.col-lg-2 .insiderow .column > .ge-tools-drawer a.ge-move:after{content: "";}
#myGrid.ge-editing .column.col-lg-1 .insiderow .column > .ge-tools-drawer a.ge-move:after{content: "";}
#myGrid.ge-editing .column.col-lg-3 .insiderow .column > .ge-tools-drawer label{display:none;}
#myGrid.ge-editing .column.col-lg-2 .insiderow .column > .ge-tools-drawer label{display:none;}
#myGrid.ge-editing .column.col-lg-1 .insiderow .column > .ge-tools-drawer label{display:none;}


#myGrid.ge-editing .insiderow .column > .ge-tools-drawer a.ge-move:after{content: "Elemento";}
#myGrid.ge-editing .insiderow .column.col-lg-4 > .ge-tools-drawer a.ge-move:after{content: "";}
#myGrid.ge-editing .insiderow .column.col-lg-3 > .ge-tools-drawer a.ge-move:after{content: "";}
#myGrid.ge-editing .insiderow .column.col-lg-2 > .ge-tools-drawer a.ge-move:after{content: "";}
#myGrid.ge-editing .insiderow .column.col-lg-1 > .ge-tools-drawer a.ge-move:after{content: "";}
#myGrid.ge-editing .insiderow .column.col-lg-3 > .ge-tools-drawer label{display:none;}
#myGrid.ge-editing .insiderow .column.col-lg-2 > .ge-tools-drawer label{display:none;}
#myGrid.ge-editing .insiderow .column.col-lg-1 > .ge-tools-drawer label{display:none;}
#myGrid.ge-editing .insiderow .column > .ge-tools-drawer a.ge-move.noafter:after{content:none!important}
.ge-tools-drawer .listadoRow {
   position: absolute;
   right: 25px;
   text-align: center;
   pointer-events: none;
   margin-top: 5px;
 }

#myGrid.ge-editing .column {
    background-color: transparent;
    border: 1px solid rgba(123,182,219,0.6);
    padding: 0;
	/*display: table;*/
width: 100%;
	border-radius: 3px;
}
#myGrid.ge-editing .insiderow .column {
    background-color: transparent;
    border: 1px solid #999;
    padding: 0 ;
	/*display: table;*/
width: 100%;
}
/*old
#myGrid.ge-editing .column .insiderow {
    background-color: rgba(47, 164, 231, 0.05);padding-bottom: 35px;border: none;}
#myGrid.ge-editing .ge-tools-drawer {    background: #1C6C91;    padding: 0 10px;    height: 35px;}
#myGrid.ge-editing .insiderow .ge-tools-drawer {    background: #7BB6DB;    padding: 2px 10px;    height: 35px;display: flex;    justify-content: flex-start;    align-items: center;}
#myGrid.ge-editing .row > .ge-tools-drawer > a {
    color: #fff;
}
old*/
/*new*/
#myGrid.ge-editing .column {	border: 1px solid #fff; border-right:none;}
#myGrid.ge-editing .column:last-child {	border-right: 1px solid #fff; }
#myGrid.ge-editing .column .insiderow { background-color: rgba(47, 164, 231, 0.05); /*border: 1px solid #2FA4E7;*/ padding-bottom: 35px; border: none; }
#myGrid.ge-editing .ge-tools-drawer { background: rgba(45,50,56,1) ;     padding: 0 10px;    height: 35px;}
#myGrid.ge-editing .column > .ge-tools-drawer {    background: #ccc;}
.ge-canvas.ge-editing .column > .ge-tools-drawer a, .ge-canvas.ge-editing .column > .ge-tools-drawer > a.ge-add-row,#myGrid button.clone {	color: #333!important;}
#myGrid.ge-editing .insiderow .ge-tools-drawer {    background: #ddd;}
#myGrid.ge-editing .insiderow .ge-tools-drawer .ge-add-element{color: #333;}
#myGrid.ge-editing .insiderow .column > .ge-tools-drawer {    background: #fff;}
#myGrid.ge-editing .insiderow .column > .ge-tools-drawer{  container-type: inline-size;}
#myGrid.ge-editing .insiderow .column.col-lg-3 > .ge-tools-drawer a.ge-move::after { content: ""!important;}
@container (max-width: 400px) {
  #myGrid.ge-editing .insiderow .column > .ge-tools-drawer a.ge-move::after {    content: ""!important;}
}
@container (max-width: 150px) {
	#myGrid.ge-editing .insiderow .column > .ge-tools-drawer{display:inline-block; height: auto;}
}
.modulObjecte .text-preview{background-color: #fff;     padding: 10px 15px;    border-radius: 12px; box-shadow: 1px 1px 5px rgba(0,0,0,0.1);display: inline-block;font-size: 12px;}
.modulObjecte .text-preview:empty{display:none;}
.modulObjecte .format-preview{background-color: #ccc;  color:#333;   padding: 10px 15px;    border-radius: 12px;margin-left: 5px;}
.modulObjecte img{    border-radius: 12px;    box-shadow: 1px 1px 8px rgb(0 0 0 / 30%);}
.ge-canvas.ge-editing .column > .ge-content h5 {
  color: #fff;
  background-color: #333;
  font-size: 13px;
  display: table;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#myGrid.ge-editing .insiderow .ge-tools-drawer {    /*background: #7BB6DB;*/ background: #ddd;   padding: 2px 10px;    height: auto;display: flex; flex-wrap: wrap;  justify-content: flex-start;    align-items: center;}
#myGrid.ge-editing .row > .ge-tools-drawer > a {    color: #fff;font-size: 12px;}
#myGrid .ge-tools-drawer .btn-sm{font-size: 12px;padding: 2px 10px;}
#myGrid .btn-primary {background-color: #17a2b8;border-color: #17a2b8;}
#myGrid.ge-editing .insiderow .column > .ge-tools-drawer label {	color: #333;font-size: 12px;}
#myGrid.ge-editing label.detailtitle{font-weight: bold!important;    line-height: normal;    display: block; margin:0;}
#myGrid.ge-editing input,#myGrid.ge-editing select{border-color: rgba(0, 0, 0, 0.15)!important;}
#myGrid.ge-editing .column.active{z-index: 99999;}
#myGrid.ge-editing .ge-tools-drawer .ge-details {    min-width: 500px;    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);    background: rgba(255,255,255,1)!important;}
.panel-footer,#guardarPanel-top,#Guardarpanel{/*position: fixed;
top: 8px;
z-index: 1500!important;
margin-left: 50px;
    padding: 0 10px;
    right: 0;*/
	position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;    width: 360px
;}

.import-export{    width: 100%; }
.import-export label{display:block;}
.toggler.btn-info {    color: #17a2b8;    background-color: #fff;    border: 2px solid #17a2b8; cursor:pointer;}
.toggler.btn-info:hover{ color: #fff;    background-color: #17a2b8;}
/*fi new*/
#myGrid.ge-editing .ge-tools-drawer > a.ge-add-element {    padding: 0 5px!important;    font-size: 12px;}
#myGrid.ge-editing .ge-tools-drawer > a.ge-add-element span {    padding: 4px 2px;}
#myGrid button.clone{    background: transparent;    color: #fff;    padding-left: 3px; cursor: pointer;}
#myGrid button.clone i{pointer-events: none;}
#myGrid button.btn-outline-light{    padding: 2px 8px;    margin-top: -3px;}

#myGrid div[id^="bloc_div_"]{ position: absolute;
padding: 7px 10px !important;
color: #fff;
background: none;
margin: 5px auto;
left: 0;
right: 0; width: 60px;}
#myGrid .ge-editing .ge-tools-drawer > a {
    padding: 0px 5px;
}
#myGrid{background-color: rgba(29,41,57,0.05);padding: 5px;border-radius: 3px;}

a.ge-add-element:after{content:"Añadir elemento"}
a.ge-add-column,a.ge-add-element{border: none;padding: 2px 15px 2px 10px !important;border-radius: 3px;background-color:rgba(0,0,0,0.1);}
a.ge-add-column:after{content:"Añadir columna"}
#myGrid.ge-editing .row {    border-radius: 3px;border: 1px solid #ccc;}
#myGrid .contenidor{position:relative}
#myGrid .contenidor .columna{margin-bottom:15px;opacity: 1; visibility: visible; height: auto; transition: all 0.2s ease-in; transform-origin: top;}
#myGrid .contenidor .columna[data-hidden="1"]{ visibility: hidden; height: 0;}
#myGrid .contenidor .columna[data-hidden="1"]:before{content: "\f070";
   font: normal normal normal 24px/1 FontAwesome;
     font-size: 24px;
   text-rendering: auto;
   -moz-osx-font-smoothing: grayscale;
   visibility: visible;
   font-size: 24px;
   text-align: center;
   margin: 0 auto;
   display: block;
   color: #138496;}
#myGrid .contenidor {   min-height: 80px; }

#myGrid.ge-editing .ge-tools-drawer .ge-details {
    padding: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    display: none;
    background: rgba(255,255,255,0.9);
    top: 35px;
	z-index: 100;
	position:absolute;
}

#myGrid .btn-primary {box-shadow: 0 0 5px rgba(0,0,0,0.5);}
#myGrid .btn-primary:focus {box-shadow: 0;}
.ge-mainControls {
    position: relative;
    min-height: 22px;
    padding: 5px;
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    /* padding-bottom: 20px; */
    margin-top: 10px;
}
.ge-mainControls .ge-wrapper{display: flex; justify-content: space-between; align-items: center;}
.ge-mainControls .ge-wrapper .btn-group.pull-right{display: none;}


#accordion d-none{
    display: none!important;
}
.ge-canvas.ge-editing .ge-tools-drawer > a:hover {
    background:transparent;
    cursor: pointer;
    opacity: 0.5;
}
.CodeMirror {border: 1px solid rgba(0, 0, 0, 0.15); height: 500px !important;}
#customCSS{padding: 25px;}


.modal-dialog{
   overflow-y: auto;
   max-height: 95%;
}
input[type="radio"], input[type="checkbox"]{
   margin-right: 5px!important;
}
input[type=color]{padding:0; width: 50px; cursor: pointer;}
/*checks i radios de modals*/
input[type="radio"],input[type="checkbox"]{
   margin-right: 5px!important;
  appearance: none;
  cursor: pointer;
  background-color: #dfe1e4;
  border-radius: 72px;
  border-style: none;
  flex-shrink: 0;
  height: 20px;
  margin: 0;
    margin-right: 0px;
  position: relative !important;
  width: 30px;transition: all 100ms ease-out !important;
}

input[type="radio"]::after,input[type="checkbox"]::before {    transition: all 100ms ease-out; bottom: -6px;
   content: "";
   left: -6px;
   position: absolute;
   right: -6px;
   top: -6px; }

   input[type="radio"]::after,input[type="checkbox"]::after {
   background-color: #fff;
   border-radius: 50%;
   content: "";
   height: 14px;
   left: 3px;
   position: absolute;
   top: 3px;
   width: 14px;transition: all 100ms ease-out;background-color: #fff;
   left: 13px;
 }
 input[type="radio"]:hover,input[type="checkbox"]:hover {
   background-color: #c9cbcd;
   transition-duration: 0s;
 }

 input[type="radio"]:checked,input[type="checkbox"]:checked {
   background-color: #428bca;
 }

 input[type="radio"]::after,input[type="checkbox"]:after {
   background-color: #fff;
   left: 3px;
 }

 input[type="radio"]:checked::after,input[type="checkbox"]:checked::after {background-color: #fff;   left: 13px;}

 input[type="radio"]:checked:hover,input[type="checkbox"]:checked:hover {
   background-color: #428bca
 }
 input[type="radio"] + .form-check-label,input[type="checkbox"]  + .form-check-label  {   padding-left: 5px; }
/*checks i radios de modals*/
#right-border{
   border-right: 5px solid #838383;
}
#formulario-item .bloc, #formulario-modul .bloc{
   padding: 20px;
   border: 1px solid #ccc;
   margin-bottom: 10px;
   border-radius: 3px;
   background-color:rgba(29,41,57,0.05);
}
#formulario-item .bloc[data-type="Summary"],
#formulario-item .bloc[data-type="Miniature"]{
   background-color: rgb(0 109 255 / 5%);
}
#formulario-item .bloc[data-type="Miniature"]{
   width: calc(25% - (40px / 2));
}
#formulario-item .bloc[data-type="Miniature"] .camp-imatge {
   max-width: unset;
}
#formulario-item .bloc[data-type="Miniature"] .btn-group{
   flex-direction: column;
   padding: 0;
   align-items: start;
   row-gap: 15px;
}
#formulario-item .bloc[data-type="Miniature"] .btn-group button {
   margin-left: 0 !important;
   border-radius: 3px;
}
#formulario-item .bloc[data-type="Summary"]{
   width: calc(50% - (40px / 2));
}
#formulario-item .bloc[data-type="Summary"] .cke_contents{height: 200px !important;}
#editorTabContent #list-tab.active.show  {
   display: flex; 
   flex-wrap: wrap;
   gap: 30px;
}
#formulario-modul{min-height:500px;}
.zonaformitem h3{margin-top: 18px;}

.form-padding{
   /*border: 2px solid grey;*/
   padding: 0px 10px 10px 10px;
	/* background-color:rgba(29,41,57,0.05); */
   padding: 5px;
   border-radius: 3px;
}
#pagina,#tipusModul,#modul,#tipusItem,#item{padding: 0px;}
#main-body{position:relative;}
.ge-canvas:empty{ display: none;}
.dropdown-menu.responsive li.desktop:before{content:"\f108";display: inline-block;font-family: FontAwesome; margin-right: 5px;width: 40px; text-align: center}
.dropdown-menu.responsive li.tablet:before{content:"\f10a";display: inline-block;font-family: FontAwesome; margin-right: 5px;margin-right: 5px;width: 40px; text-align: center}
.dropdown-menu.responsive li.mobile:before{content:"\f10b";display: inline-block;font-family: FontAwesome; margin-right: 5px;margin-right: 5px;width: 40px; text-align: center}
.dropdown-menu.responsive li a{cursor:pointer;}
.dropdown-menu.responsive li a:hover{color:#1D2939;}
.dropdown-menu.responsive li{padding: 3px 0;border-bottom: 1px solid #eee;}
.dropdown-menu.responsive li:last-child{border:none;}
.dropdown-custom {padding:15px;width: 200px;}
#template-window {left: -145px !important;width: 250px;}
#template-window h6{margin-bottom: 0px !important;}
.dropdown-custom span.delete-template:hover{color:#CC0000;}

.lang-es{
  /*background: rgba(29,41,57,0.15);*/
  }
  .lang-ca{
  /*background:rgba(0,138,171,0.1);*/
  }
  .lang-en{
  /*background: rgba(207,222,0,0.05);*/
  }
  .lang-fr{

  }
  .lang-it{

  }
  .lang-pt{

  }
  .seo{
   padding: 25px;
   border-radius: 2px;
  }

  fieldset > .form-group .btn.no-margin{
     margin:0px!important;
  }


  /*Galeria*/

  #galery-edit, #galery-mediateca {
   position: relative;
   width: 100%;
   height: 750px;
   overflow: hidden;
}

#modalgaleria .modal-galery {
   width: 90%!important;
   max-width: 80%!important;
   margin: 30px auto;
   overflow-y: auto!important;
}

.modal-galery #galery-actions{
   border: 1px solid #cccccc;
   height: 100%;
}

.modal-galery .galery-content,.modal-galery #galery-actions{
   padding-top: 20px;
   padding-left: 15px;
   padding-right: 15px;
}

#galery-edit{
   overflow-y: scroll;
}

.btn-alt{
   width: 122px;
   margin-top: 5px;
   text-align: left;
   display: block;
   margin: 0 auto;
}

#galery-actions .btn{
   cursor: pointer!important;
   margin-bottom: 10px;
}
.gallery-btn{
   cursor: pointer!important;
}

/*select2*/
.select2{
  width: 100%!important;
}

/*datatable*/

.TBordenar tr .mover {
   cursor: ns-resize;
}
.TBordenar > tr > td{
   vertical-align: middle;
}
.TBordenar > tr > td a{
   /* float: right; */
}
.dataTables_length select{
   margin:10px;
   padding:5px;

}

body.dragging, body.dragging * {
   cursor: move !important;
 }

 .dragged {
   position: absolute;
   opacity: 0.5;
   z-index: 2000;
 }

 
/*etiquetes idiomes*/
/* General */
label[for*="_es_"],
label[for$="_es"],
label[for*="_en_"],
label[for$="_en"],
label[for*="_ca_"],
label[for$="_ca"],
label[for*="_it_"],
label[for$="_it"],
label[for*="_ru_"],
label[for$="_ru"],
label[for*="_de_"],
label[for$="_de"],
label[for*="_fr_"],
label[for$="_fr"],
label[for*="_pt_"],
label[for$="_pt"] {
   position: relative;
}

/* Dentro de .form-group.row */
.form-group.row label[for*="_es_"],
.form-group.row label[for$="_es"],
.form-group.row label[for*="_en_"],
.form-group.row label[for$="_en"],
.form-group.row label[for*="_ca_"],
.form-group.row label[for$="_ca"],
.form-group.row label[for*="_it_"],
.form-group.row label[for$="_it"],
.form-group.row label[for*="_ru_"],
.form-group.row label[for$="_ru"],
.form-group.row label[for*="_de_"],
.form-group.row label[for$="_de"],
.form-group.row label[for*="_fr_"],
.form-group.row label[for$="_fr"],
.form-group.row label[for*="_pt_"],
.form-group.row label[for$="_pt"] {
   position: relative;
}

label[for*="_es_"]:after,
label[for$="_es"]:after {
   content: "ES";
   display: block;
   position: absolute;
   color: #fff;
   z-index: 5;
   width: 25px;
   height: 18px;
   border: 1px solid red;
   font-size: 11px;
   text-align: center;
   background: red;
   padding: 1px;
   border-radius: 2px;
}

.form-group.row label.col-sm-12[for*="_es_"]:after,
.form-group.row label.col-sm-12[for$="_es"]:after {
   right: unset;
   top: unset;
   bottom: -10px;
   left: auto;
}
.form-group.row label[for*="_es_"]:after,
.form-group.row label[for$="_es"]:after {
   right: -25px;
   top: 0;
   left: auto;
}

label[for*="_en_"]:after,
label[for$="_en"]:after {
   content: "EN";
   display: block;
   position: absolute;
   color: #fff;
   z-index: 5;
   width: 25px;
   height: 18px;
   border: 1px solid #1D2939;
   font-size: 11px;
   text-align: center;
   background: #1D2939;
   padding: 1px;
   border-radius: 2px;
}

.form-group.row label.col-sm-12[for*="_en_"]:after,
.form-group.row label.col-sm-12[for$="_en"]:after {
   right: unset;
   top: unset;
   bottom: -10px;
   left: auto;
}
.form-group.row label[for*="_en_"]:after,
.form-group.row label[for$="_en"]:after {
   right: -25px;
   top: 0;
   left: auto;
}

label[for*="_ca_"]:after,
label[for$="_ca"]:after {
   content: "CA";
   display: block;
   position: absolute;
   color: #fff;
   z-index: 5;
   width: 25px;
   height: 18px;
   border: 1px solid #FF9900;
   font-size: 11px;
   text-align: center;
   background: #FF9900;
   padding: 1px;
   border-radius: 2px;
}

.form-group.row label.col-sm-12[for*="_ca_"]:after,
.form-group.row label.col-sm-12[for$="_ca"]:after {
   right: unset;
   top: unset;
   bottom: -10px;
   left: auto;
}
.form-group.row label[for*="_ca"]:after,
.form-group.row label[for$="_ca"]:after {
   right: -25px;
   top: 0;
   left: auto;
}

label[for*="_it_"]:after,
label[for$="_it"]:after {
   content: "IT";
   display: block;
   position: absolute;
   color: #fff;
   z-index: 5;
   width: 25px;
   height: 18px;
   border: 1px solid #009933;
   font-size: 11px;
   text-align: center;
   background: #009933;
   padding: 1px;
   border-radius: 2px;
}

.form-group.row label.col-sm-12[for*="_it_"]:after,
.form-group.row label.col-sm-12[for$="_it"]:after {
   right: unset;
   top: unset;
   bottom: -10px;
   left: auto;
}
.form-group.row label[for*="_it_"]:after,
.form-group.row label[for$="_it"]:after {
   right: -25px;
   top: 0;
   left: auto;
}

label[for*="_ru_"]:after,
label[for$="_ru"]:after {
   content: "RU";
   display: block;
   position: absolute;
   color: #fff;
   z-index: 5;
   width: 25px;
   height: 18px;
   border: 1px solid #ccc;
   font-size: 11px;
   text-align: center;
   background: #ccc;
   padding: 1px;
   border-radius: 2px;
}

.form-group.row label.col-sm-12[for*="_ru_"]:after,
.form-group.row label.col-sm-12[for$="_ru"]:after {
   right: unset;
   top: unset;
   bottom: -10px;
   left: auto;
}
.form-group.row label[for*="_ru_"]:after,
.form-group.row label[for$="_ru"]:after {
   right: -25px;
   top: 0;
   left: auto;
}

label[for*="_de_"]:after,
label[for$="_de"]:after {
   content: "DE";
   display: block;
   position: absolute;
   color: #000;
   z-index: 5;
   width: 25px;
   height: 18px;
   border: 1px solid #FFFF00;
   font-size: 11px;
   text-align: center;
   background: #FFFF00;
   padding: 1px;
   border-radius: 2px;
}

.form-group.row label.col-sm-12[for*="_de_"]:after,
.form-group.row label.col-sm-12[for$="_de"]:after {
   right: unset;
   top: unset;
   bottom: -10px;
   left: auto;
}
.form-group.row label[for*="_de_"]:after,
.form-group.row label[for$="_de"]:after {
   right: -25px;
   top: 0;
   left: auto;
}

label[for*="_fr_"]:after,
label[for$="_fr"]:after {
   content: "FR";
   display: block;
   position: absolute;
   color: #fff;
   z-index: 5;
   width: 25px;
   height: 18px;
   border: 1px solid #1E90FF;
   font-size: 11px;
   text-align: center;
   background: #1E90FF;
   padding: 1px;
   border-radius: 2px;
}

.form-group.row label.col-sm-12[for*="_fr_"]:after,
.form-group.row label.col-sm-12[for$="_fr"]:after {
   right: unset;
   top: unset;
   bottom: -10px;
   left: auto;
}
.form-group.row label[for*="_fr_"]:after,
.form-group.row label[for$="_fr"]:after {
   right: -25px;
   top: 0;
   left: auto;
}

label[for*="_pt_"]:after,
label[for$="_pt"]:after {
   content: "PT";
   display: block;
   position: absolute;
   color: #fff;
   z-index: 5;
   width: 25px;
   height: 18px;
   border: 1px solid #23BF08;
   font-size: 11px;
   text-align: center;
   background: #23BF08;
   padding: 1px;
   border-radius: 2px;
}

.form-group.row label.col-sm-12[for*="_pt_"]:after,
.form-group.row label.col-sm-12[for$="_pt"]:after {
   right: unset;
   top: unset;
   bottom: -10px;
   left: auto;
}
.form-group.row label[for*="_pt_"]:after,
.form-group.row label[for$="_pt"]:after {
   right: -25px;
   top: 0;
   left: auto;
}
/*fi etiquetes idiomes*/

.publication[disabled="disabled"]{
  opacity: 1!important;
}
.publication.op-5[disabled="disabled"]{
  opacity: 0.5;
}

body.signin{background-color: white; background: #fff;}
body.signin h4{font-weight: lighter;   text-align: center;   color: #333;}
body.signin .btn-success {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
/*temp*/
.ge-content div[style*="line-height:30px;border-radius:5px;border-bottom:1px solid #ac2925;background-color: #c9302c;margin:10px auto;"] {
    display: none;
}
#formulario-item div[style*="line-height:30px;border-radius:5px;border-bottom:1px solid #ac2925;background-color: #c9302c;margin:10px auto;"] {
    display: none;
}
#formulario-modul div[style*="line-height:30px;border-radius:5px;border-bottom:1px solid #ac2925;background-color: #c9302c;margin:10px auto;"] {
    display: none;
}
#page-description div[style*="line-height:30px;border-radius:5px;border-bottom:1px solid #ac2925;background-color: #c9302c;margin:10px auto;"] {
    display: none;
}
#item div[style*="line-height:30px;border-radius:5px;border-bottom:1px solid #ac2925;background-color: #c9302c;margin:10px auto;"] {
    display: none;
}
div[style*="line-height:30px;border-radius:5px;border-bottom:1px solid #ac2925;background-color: #c9302c;margin:10px auto;"] {
    display: none;
}
/* .gestion-cookies .c_meta, .gestion-cookies .c_og, .gestion-cookies .form-group:nth-child(23) {
   display: none;
} */
.gestion-cookies .tab-pane .copiarIdiomas+hr{
   margin-top: 10px;
   visibility: hidden;
}

.non-selected{
  pointer-events: none;
  opacity: .5;
}
.variable-back::after{
  content:"}";
}

.variable-back::before{
  content:"{";
}
span.tip-publication{
  font-size: 20px;color:#F49917;
}
/*Dictionary modal*/
#modal.dictionary.show{
   display: flex;
   background-color: rgba(0,0,0,0.8);
}

/* Orders*/

.col-order .description label{
  font-weight: bold;
}

/*Bloques Propiedades CMS*/
.bloque:nth-child(odd){

}
.bloque:nth-child(even){
   background-color: #eee;
}
#form_propietats .bloque:nth-child(even){    margin-left: calc(-3% - 15px);    margin-right: calc(-3% - 15px);    padding-right: 6%;    padding-left: 6%;}
#form_propietats label{    color: #666;    font-weight: bold;    max-width: 170px;    line-height: normal;    text-align: right;padding-left:0;}
#form_propietats .mediateca-buttons > div{    margin-left: 220px;}
#form_propietats .miniatura{width:100%;}
#form_propietats #imagenes .flex-div.compresion .form-group:nth-child(2){ background-color: #eee;padding:15px 0}
#form_propietats #imagenes .flex-div .form-group div label{font-weight: normal;}
#form_propietats #imagenes .flex-div .chosen-container{max-width: unset}
#form_propietats #ratio_imagenes_chosen{padding-left: 140px;}

#form_propietats .bloque.emails label{max-width: 140px;}
#form_propietats .flex-div .chosen-container{max-width: 200px;}
#form_propietats .visibilidad label{padding-left: 20px;}
#form_propietats .visibilidad .flex-div .chosen-container{max-width: 500px}
#form_propietats .visibilidad .form-check{margin-bottom:0;}
#form_propietats .general label{max-width: unset;}
#form_propietats .tema label{display:block !important;}
#form_propietats .tema .form-group label{padding-right: 0;   font-weight: 400;   color: #333;}
#form_propietats .tema input[type="text"]{height: 40px;}
.sublabel{color:#888;display: block;}


.bloque{
   padding: 3%;
}


@media (max-width: 768px) {
  /* lineaProducto*/
  #linea-producto-redirecciones{position: relative; margin-bottom:20px; top:auto; right: auto;}
  .items3 .form-group, .items3 > div{
    width:100%;
    text-align: left;
    padding: 0px;
  }
}

@media (min-width: 768px) {
.headerbar a.menutoggle{display:none;}
}
@media (max-width: 1200px) {
.panel-footer:before,.nav.nav-tabs:before {display:none;}
.copiarIdiomas {  margin-left: -15px;}
#preview{right: 325px;}
.nav-tabs > li > a { padding: 8px 10px;font-size: 12px;}
.nav-tabs > li > a strong{font-weight:normal;}
.copiarIdiomas .btn{font-size: 10px;}

}
.fields-miniature img{border: none;padding: 10px;background: #fff;}
.fields-miniature img[src=""]{display: none;}
/*reajustament linies de producte*/
.tipo-plantilla{ /* background: #ddd; */ /* padding: 15px */}
.submenu {color:#fff; cursor: pointer;padding: 5px;margin-left: -5px;}
.submenu i{margin-left:10px;}
.submenu:before{content: "\f013";display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;margin-right: 10px;}
.new-suscriptions{background-color: #17a2b8;
   color: #fff;
   padding: 3px 5px;
   border-radius: 50%;
   width: 22px;
   height: 22px;
   display: inline-block;
   font-size: 12px;
   text-align: center;
   margin-left: 10px;}
li.list:before{content: "\f03a";display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;margin-right: 10px;color:#fff;}
li.category::before {
    content: "\f00b";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    color: #fff;
}
.br-sideleft{ background: rgb(86,95,107); background: linear-gradient(0deg, rgba(86,95,107,1) 0%, rgba(45,50,56,1) 100%); padding-bottom: 30px;}
.br-sideleft *{color: #fff;}
.br-menu-link.list {background-color:#F49917}
.br-menu-link.list .menu-item-label{color:#fff;}
.br-menu-link.list i{color:#fff;}
li.list a:before{content:"Listado de "!important;color:#fff!important;position: relative !important;
top: unset !important;background: transparent !important;margin: 0 !important;left: unset !important;}
li.list a,li.category a{color:#fff!important;display:inline-block;padding-left: 0!important;}
li.list a:before,li.category a:before {  color: #fff!important;opacity: 1!important}
li.list a.active:before,li.list a.active,
li.category a.active:before,li.category a.active{  color: #17a2b8!important;}
li.category a:before{display:none;}
#menulateral ul.configuracion li a{padding-top: 5px;padding-bottom: 5px;}
.ofertas.productline{background-color:#F49917; color:#fff;}
/*FINAL reajustament linies de producte*/
.propiedadesCMS #form_propietats .mediateca-buttons > div{
   margin-left: 80px;
}
/*temp*/

#formulario-item .bloc[data-type="Html"],#formulario-item .bloc[data-type="AutoMenu"],#formulario-item .bloc[data-type="SimpleForm"]{display:none;}
/*Color picker spectrum styles */
.sp-container{
   /* z-index: 9999!important; */
   z-index: 1;
}

#guardarPanel input{
  cursor:pointer;
}

/* Categories search */
.element-bar{
  position:relative;
}
#elements .category-search{  position:relative;  right:unset;flex-wrap: wrap;    display: block!important;}
#elements .category-search label{margin:0; color:#333;}
/* #elements .dataTables_wrapper{display:flex;flex-wrap: wrap;    justify-content: flex-end;} */
#elements .dataTables_wrapper .dataTables_filter{float:none;}
#elements .dataTables_wrapper .dataTables_filter label{text-align: left;padding-left: 0.5em;}
#elements .dataTables_wrapper .dataTables_filter input {    margin-left: 0;}
#elements .dataTables_length label{display:block;}
#elements .dataTables_length select{display:block;    margin: 0;    padding: 0.6rem 0.75rem;    font-size: 0.875rem;    line-height: 1.25;    border: 1px solid rgba(0, 0, 0, 0.15);    border-radius: 3px;}
th.sorting_asc,th.sorting_desc{background-color: #17a2b8;    color: #fff!important;}
/*marca si es plantilla o custom eln list elements*/
#elements tr.plantilla-personalizada .nombre:after{content: "custom";background: #0866C6;color: #fff;padding: 3px 8px;font-size: 10px;bottom: 5px;left: 12px;position: absolute;}
#elements tr .nombre::after{content: "plantilla"; background: #23BF08; color: #fff; padding: 3px 8px; font-size: 10px; width: fit-content;}
#elements tr .nombre {
   position: relative;  
   display: flex;
   flex-wrap: wrap;
   column-gap: 10px;
}
/*marca si es plantilla o custom eln list elements*/
table.dataTable thead th.sorting_asc::before, table.dataTable thead td.sorting_asc::before {    border-bottom-color: #fff;}
table.dataTable thead th.sorting_desc::after, table.dataTable thead td.sorting_desc::after {    border-top-color: #fff;}
/* #elements table.dataTable thead th.accions{pointer-events: none;} */
#elements table.dataTable thead th.accions:before,table.dataTable thead th.accions:after{display:none;}
.order-td{    text-align: center;    vertical-align: middle!important;}
.order-td.disabled-order{pointer-events:none;}
.order-td.disabled-order .fa{opacity: 0.2;}
/* .dataTables_wrapper td.accions{display:flex;} */

/* select2 */
.select2-search__field {
  width: auto !important;
}

.form-group{
  position: relative!important;
}
.ge-details .select2{
  width: auto !important;
  margin-right: 10px !important;
  border-radius: 4px;
  font-size: 11px;
  padding: 2px 5px;
  margin-right: 5px;
  width: 80px;
  background-color: white;
}
.btn-margin{
   margin-left: 0.2vw;
}
.simpleFormModule{
   display: flex;
   flex-wrap: wrap;
}
.simpleFormModule .col-form-label{
   line-height: normal;
   font-size: 13px;
}
.simpleFormModule .form-group{    border-bottom: 1px solid #eee;   flex: 0 0 50%;    margin-right: 0;   margin-left: 0;}
.simpleFormModule .form-group:nth-child(odd){border-right: 1px solid #eee;}
td.lev-1[data-level="cat-level"]{background-color: #17a2b850; color:#000; }
td.lev-2[data-level="cat-level"]{ background-color: #17a2b825;position: relative;color:0;}
td.lev-3[data-level="cat-level"]{ background-color: #17a2b805;position: relative;color:0;}
/*tabs menu main*/
#tabsmenumain{}
#tabsmenumain ul{width: 100%;}
#tabsmenumain ul li{width: 50%; text-align: center;padding: 0;}
#tabsmenumain ul li a{text-align: center; display: block; background-color: rgba(255,255,255,0.1);color: #fff;}
#tabsmenumain ul li a.active{background-color: #17a2b8; color:#fff;}
.nostroke{border:none!important;}
.tipomenu{padding: 3px 15px;text-align: center;display: block;background: #333;color: #fff;margin-left: -15px;margin-right: -15px;}
#menufacil li .botmenudestacat::before, .nav-effect-4 .nav-link::after {
  content: '';
  /* position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #17a2b8;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s; */
}
#menufacil ul{padding: 0;}
#menufacil li{list-style: none;margin-bottom: 5px;}
#menufacil .headMenu {
   margin-top: 20px;
   color: #fff;
   font-size: 13px;
   margin-bottom: 10px !important;
   opacity: 0.75;
   text-transform: uppercase;
}
#menufacil .br-menu-item ,
#menufacil .menu-item {
   height: 30px;
}
#menufacil .br-menu-item i,
#menufacil .menu-item i{
   margin-right: 10px;
}
#menufacil .br-menu-item .menu-item-label,
#menufacil .menu-item .menu-item-label{
   margin-left: 0;
}
#menufacil li a{position:relative;}
/*tabs menu main*/

/* Begin Pagination */
.pagination{
   flex-wrap: wrap;
}
.pagination .paginate_button{
   box-sizing: border-box;
   display: inline-block;
   min-width: 1.5em;
   padding: 0.5em 0em;
   width: 40px;
   margin-left: 2px;
   text-align: center;
   text-decoration: none !important;
   /* cursor: pointer; */
   /* *cursor: hand; */
   color: #333 !important;
   border: 1px solid transparent;
   border-radius: 2px;
   background-color: #ccc;
}
 
.pagination .paginate_button a{
/* padding: 0em 1em; */
}
.pagination .paginate_button.active_page {
   background-color: #17A2B8;
}
.pagination .paginate_button.active_page a{
   color: #fff !important;
}
.pagination .paginate_button{display:none;}
.pagination .paginate_button:nth-child(1){display: inline-block;}
.pagination .paginate_button:last-child{display: inline-block; margin-left:30px;}
.pagination .paginate_button.accessible_page{display: inline-block;}
.pagination .paginate_button:first-child {margin-right: 30px;}
.pagination .paginate_button:first-child.active_page + div.accessible_page{margin-left: 2px;}
.pagination .paginate_button:first-child + div.accessible_page{margin-left: 2px;}
.pagination .paginate_button:first-child.accessible_page{margin-right: 0;}
 
/* End Pagination*/
#filter-elements .select2{/*min-width:180px;*/}
#filter-elements > div > label{display:block!important; width:100%;}
/* #filter-elements > div{flex-direction: column;} */
#filter-elements > label {  display: block;}
#filter-elements #buscador{display: flex;flex-direction: inherit;    margin-top: 10px;}
/* #filter-elements #buscador #search{width: calc(100% - 80px);margin: 0;} */
#filter-elements #buscador .btn{max-width: 70px;}
#filter-elements .checks label{    display: flex!important;    width: unset;    justify-content: flex-start;}
#filter-elements .checks {    padding-top: 20px;}
#filter-elements #catFilter{    background-color: #fff;    border-color: rgba(0, 0, 0, 0.15);    border-radius: 3px;
height: calc(2.39375rem + 2px);    outline: none;    padding: 0 15px;}
#filter-elements {
   justify-content: end;
}
#perfectModal{
   display: none;
   position: fixed;
   z-index: 9999;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
}
#form_cloudflare label{
   max-width: 180px;
   color: #666;
   font-weight: bold;
   line-height: normal;
   text-align: right;
   padding-left: 0;
}

.column-configuration{
   flex: 1;
   padding: 20px;
   border: 1px solid #ccc;
}


/*modul icones back*/
.icons-selector .selector-button i{font-family: 'FontAwesome';}
#modaleditar .modal-dialog.big {
   min-width: unset;
   width: 100vw;
   max-width: 1400px;    height: 70vh;
}
.icons-selector .selected-icon i {
   line-height: 40px;
   font-size: 40px;
   cursor: default;
}
.icons-selector .selector{    height: 65px;   padding: 10px;}
.icons-selector.fip-bootstrap .selector {width: 120px;padding-left: 0;}
.icons-selector .selected-icon {    width: 80px;}
.icons-selector.fip-bootstrap .selected-icon{    display: flex;   align-items: center;   justify-content: center;    width: 75px;}
.icons-selector.fip-bootstrap .selector-button{    display: flex;   justify-content: center;   align-items: center;}
.icons-selector .selector-popup {      width: 100%;   max-width: unset;   min-width: unset;    position: relative;}
.icons-selector .fip-box{font-size: 25px;}
.icons-selector.fip-bootstrap {   width: 100%;}
.icons-selector.selector-popup-wrap, .icons-selector .selector-popup-wrap{    width: 100%;    position: relative;}
/*modul icones*/
/* Responsive 2023 */

@media only screen and (min-width: 1200px) {
  
}

@media screen and (max-width: 1199px) {
  
}

@media only screen and (max-width: 991px) {
  
}

@media only screen and (max-width: 797px) {
  
}

@media screen and (max-width: 480px) {

   /* Listado de paginas */
   .br-section-wrapper {
      padding: 10px 10px;
   }
   #intropage {
      width: 100% !important;
      text-align: center;
   }
   .panel-body {
      text-align: center;
   }
   .panel-body .addbutton{
      margin-bottom: 20px;
   }
   #linea_144 > td.dtr-control{
      vertical-align: 50% !important;
   }
   .dataTables_wrapper .dataTables_length{
      float: left !important;
   }
   .dataTables_wrapper .dataTables_filter{
      float: right !important;
   }
   table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before {
      top: 50%;
      left: 5px;
      height: 14px;
      width: 14px;
      margin-top: -9px;
      display: block;
      position: absolute;
      color: #1ceaf5;
      border: 2px solid #1ceaf5;
      border-radius: 14px;
      box-shadow: 0 0 3px #444;
      box-sizing: content-box;
      text-align: center;
      text-indent: 0 !important;
      font-family: 'Courier New', Courier, monospace;
      line-height: 14px;
      content: '+';
      background-color: white;
  }

   .dataTable>tbody  >tr.child ul.dtr-details>li{   display: flex;   flex-direction: column;   justify-content: center;  }

   .btn-group, .btn-group-vertical {
      position: relative;     display: inline-flex;
      vertical-align: middle;
      flex-wrap: wrap;
      justify-content: center;
  }
   .ge-mainControls {
      position: relative;
      min-height: 22px;
      /* padding: 5px; */
      /* padding-top: 5px; */
      /* padding-right: 5px; */
      /* padding-bottom: 5px; */
      /* padding-left: 5px; */
      display: inline-block;
      width: 100%;
      border: 1px solid #ccc;
      /* padding-bottom: 20px; */
      margin-top: 10px;
   }
   .ge-mainControls .pull-right{     top: 30px;     float:inherit;     margin-left: 0 !important;  }
   #myGrid.ge-editing .insiderow .ge-tools-drawer {    /*background: #7BB6DB;*/ background: #ddd;   padding: 2px 5px;    height: auto;display: flex; flex-wrap: wrap;  justify-content: flex-start;    align-items: center;}

   .items3 .form-group, .items3 > div {     width: 50%;     text-align: left;     padding: 0px; }
  .items3 .form-group, .items3 > div {   border: none;  }

  .panel.panel-default { padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }
   .dataTables_length select{   margin-left: 9px;}
   table.dataTable tbody th, table.dataTable tbody td{   padding: 0.5rem;}
   #myGrid.ge-editing .ge-tools-drawer .ge-details{   min-width: 0 !important;}
   #elements .element-bar{   flex-direction: column;   justify-content: center;   align-items: center;}
   #elements .element-bar a{    width: 80%; }
   #elements .dataTables_wrapper {    display: flex;    flex-wrap: wrap;    justify-content: left;}
   #elements .dataTables_length, #elements .dataTables_filter{
      width: 100%;
      display: flex;
      justify-content: center;
      text-align: center;
   }
   #elements .dataTables_filter label{
      width: 100%;
      padding-left: 15px !important;
      text-align: center !important;
   }
   #elements tr .nombre::after{
      content:unset;
   }
}
#translate-button-cont{
   border-left: 1px solid #ccc;
   padding-left: 15px;
   margin-left: 15px;
}
#translate-button-cont #translate-buttons{display: flex; flex-direction: row; column-gap: 10px;}

.buttons_multilanguage{
   margin: auto;
   cursor: pointer;
   text-transform: uppercase;
}

/* ICON PICKER */
.icons-selector * {
   font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,FontAwesome;
}

/* MODAL GENERADOR CLAMP */
#modalclamp-opener{cursor: pointer;}
#modalclamp .modal-dialog{max-width: 600px;}
#modalclamp .btn{cursor: pointer;}

.alert-empty{padding-top: 10px; padding-bottom: 10px; background-color: red; color: #fff; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; display: none;}
.alert-empty.show{opacity: 1; visibility: visible; display: block;}
.alert-empty-close{cursor: pointer;}

/* BOTO VISUALITZAR WEB */
.viewWeb{ display: flex; flex-direction: column; justify-content: center; padding-left: 15px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #ccc; }

/* TABS ELEMENT LINEA DE PRODUCTE */
#productInformation,
#elementProperties{ background: transparent; border-bottom: 1px solid #ccc !important; margin-bottom: 0 !important; }
#productInformation{background-color: rgba(100,100,100,0.05) !important;}
#productInformation .nav-item{border-right: 1px solid rgba(200,200,200,0.3);}
#productInformation li a {  padding: 15px 25px !important;}
#productInformation .nav-item .nav-link.active {  background: #596D82 !important;  color: #fff;  border: 0;  border-color: #ccc !important;}

#productInformation .nav-item,
#elementProperties .nav-item{margin-bottom: 0;}
#productInformation .nav-item .nav-link,
#elementProperties .nav-item .nav-link { opacity: 1; color: #000; height: 100%; background: unset !important; border: 1px solid #fff !important; border-bottom: 0 !important; border-radius: unset !important; margin: 0 !important; }
/*#productInformation .nav-item .nav-link.active{ background: #428bca !important; color: #fff; border: 0; border-color: #ccc !important; }*/
#elementProperties .nav-item .nav-link.active{ background: #17a2b8 !important; color: #fff; border: 0; border-color: #ccc !important; }

#productInformationContent,
#elementPropertiesContent .tab-pane.active{padding: 30px; border: 1px solid #ccc; border-top: 0;}
#productInformationContent #info:not(.active):not([style*="position: static; overflow: visible; z-index: 9995;"]){display: none;}
#productInformationContent #Ecommerce:not(.active){display: none;}

/* Role tag */
table .user-group {background: #1D2939;padding: 5px 10px;color: #fff;border-radius: 15px;margin-right: 10px;}
.user-group {background: #1D2939;padding: 5px 10px;color: #fff;border-radius: 15px;margin-right: 10px;}
.user-group.blue {background: #049eda;}
.user-group.orange {background: #e58c05;}
.user-group.green {background: #049d74;}
.role-item .user-group {background: #999999;}
.role-item.Socios-AERTeM .user-group {background: #1D2939;}
.role-item.Socios-B .user-group {background: #049eda;}
.role-item.Socios-C .user-group {background: #e58c05;}
.role-item.Validado .user-group {background: #049d74;}
/* ACCIONS SOBRE TAULA EN FORMAT DE DROPDOWN */
.actions { position: relative; }

.actions-item .actions-toggle { display: flex; width: 25px; height: 25px; align-items: center; justify-content: center; margin: 0 auto; font-size: 18px; border-radius: 50%; transition: all 0.3s ease-in-out; cursor: pointer; }

.actions-item .actions-toggle[aria-expanded="true"],
.actions-item .actions-toggle:hover { background-color: #ccc; transform: scale(1.1); }
.actions-item .dropdown { display: flex; align-items: center; }
.actions-item .actions-dropdown { background-color: #fff; width: fit-content; left: unset !important; right: 100px; top: unset !important; transform: unset !important; margin: 0 auto; gap: 5px; z-index: 1000; min-width: unset; padding: 8px; width: fit-content; display: flex; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; border: none !important; box-shadow: -2px 2px 5px 0px rgb(0 0 0 / 30%); }
.actions-item .actions-dropdown:hover { padding-top: 30px; }
.actions-item .actions-dropdown.show { right: calc(50% + 20px); visibility: visible; opacity: 1; }
.actions-item .actions-dropdown .action { cursor: pointer; display: flex; align-items: center; }
.actions-item .actions-dropdown .action span { display: block; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; position: absolute; left: 0; right: 0; margin: 0 auto; top: 5px; color: #000; }
.actions-item .actions-dropdown .action:hover {}
.actions-item .actions-dropdown .action:hover span { visibility: visible; opacity: 1; }

/* Nous estils taules */
.tabla-especial,
.dataTable{border: none !important;}
.tabla-especial *,
.dataTable *{ color: #333;}
.tabla-especial .badge, .tabla-especial .actions-item .dropdown-menu *,
.dataTable .badge, .dataTable .actions-item .dropdown-menu *{ color: #fff;}
.tabla-especial td,
.dataTable td{border: none;}
.tabla-especial td.name-item,
.dataTable td.name-item{font-weight: 600;}
.tabla-especial th,
.dataTable th{border: none;}
.tabla-especial tr,
.dataTable tr{border: none;}
.dataTable tr:nth-child(odd){background-color: rgba(0, 0, 0, 0.03) !important;}

body .dataTable thead tr:first-child,
.tabla-especial #headertable,
.dataTable #headertable{background-color: #fff !important;}

.tabla-especial thead th,
.dataTable thead th{vertical-align: middle;}
.tabla-especial .featured-item .featured,
.dataTable .featured-item .featured{background-color: #23BF08; color: #fff !important; font-size: 10px; width: 18px; height: 18px; display: flex; border-radius: 3px; align-items: center; justify-content: center; margin: 0 auto;}
.tabla-especial .featured-item .featured i,
.dataTable .featured-item .featured i{color: #fff;}
.comms-item .accepted{background-color: #23BF08; color: #fff !important; font-size: 10px; width: 18px; height: 18px; display: flex; border-radius: 3px; align-items: center; justify-content: center; margin: 0 auto;}
.comms-item .accepted i{color: #fff !important;}
.comms-item .accepted i::before{color: #fff !important;}
.comms-item .refused{background-color: #c82333; color: #fff !important; font-size: 10px; width: 18px; height: 18px; display: flex; border-radius: 3px; align-items: center; justify-content: center; margin: 0 auto;}
.comms-item .refused i{color: #fff !important;}
.comms-item .refused i::before{color: #fff !important;}

.dataTable .url-item a, .dataTable .name-item a{position: relative;}
.dataTable .url-item a i, .dataTable .name-item a i{visibility: hidden; opacity: 0; transition: 0.3s ease-in-out; right: -40px; position: absolute; top: 50%; transform: translateY(-50%); }
.dataTable .url-item a:hover i, .dataTable .name-item a:hover i{right: -20px; visibility: visible; opacity: 1;}

.tabla-especial thead th{vertical-align: middle;}
.tabla-especial .url-item, .tabla-especial .name-item{font-weight: 600;}
.tabla-especial .url-item a, .tabla-especial .name-item a{position: relative; color: #000;}
.tabla-especial .url-item a i, .tabla-especial .name-item a i{visibility: hidden; opacity: 0; transition: 0.3s ease-in-out; right: -40px; position: absolute; top: 50%; transform: translateY(-50%); }
.tabla-especial .url-item a:hover, .tabla-especial .name-item a:hover{color: #05407c;}
.tabla-especial .url-item a:hover i, .tabla-especial .name-item a:hover i{right: -25px; visibility: visible; opacity: 1;}

#elements .dataTables_wrapper .dataTables_info {    flex: auto;}
.table .date-header{min-width: 130px; max-width: 130px;}
.table .id-header{min-width: 80px; max-width: 80px;}
.table .status-header{min-width: 80px; max-width: 80px;}
.table .actions{min-width: 70px; max-width: 70px;}
.table .actions.dic{min-width: 120px; max-width: 120px;}
.table .check-item{min-width: 40px; max-width: 40px; width: 40px;}
.table .check-header{width: unset !important; display: flex; align-items: center; justify-content: center; }
.table .check-header button{transition: all 0.3s ease-in-out; visibility: visible; opacity: 1; cursor: pointer;}
.table .check-header .btn i{color: #fff;}
.table .check-header button.btn-invisible{visibility: hidden; opacity: 0;}
.table .id-cat-header{min-width: 90px; max-width: 90px;}
.table .id-col-header{min-width: 90px; max-width: 90px;}
.table .order-th{max-width: 50px;}
.table .featured-header{min-width: 75px; max-width: 75px;}
.table .lang-header{min-width: 100px; max-width: 100px;}
.table .accions::after,
.table .accions::before,
.table .check-header::after,
.table .check-header::before{content: unset !important;}
.table .cat-header{max-width: 120px; min-width: 120px;}
.table .cat-item{font-size: 12px;}
table .miniature-header{ max-width: 120px; }
table .miniature-item img{ width: auto !important; max-width: unset !important; }

.tabla-especial .idioma_vis,
.dataTable .idioma_vis{ display: inline-block; color: #fff; width: 25px; height: 18px; border: 1px solid ; font-size: 11px; text-align: center; padding: 1px; border-radius: 2px; margin-right: 3px; border-color: #343a40; background-color: #343a40; margin-bottom: 3px;} 

table .visiblecolumn{}
table .hiddencolumn{ visibility: hidden; opacity: 0; display: none !important; }
table.dataTable{width: 100% !important;}

/* table.dataTable thead th.sorting::before,
table.dataTable thead th.sorting_asc::before,
table.dataTable thead th.sorting_desc::before,
table.dataTable thead td.sorting::before,
table.dataTable thead td.sorting_asc::before,
table.dataTable thead td.sorting_desc::before { top: 40%; transform: translateY(-50%); }

table.dataTable thead th.sorting::after,
table.dataTable thead th.sorting_asc::after,
table.dataTable thead th.sorting_desc::after,
table.dataTable thead td.sorting::after,
table.dataTable thead td.sorting_asc::after,
table.dataTable thead td.sorting_desc::after { top: 60%; transform: translateY(-50%); } */

/* LOGO ADAPTABLE */
.br-logo a {margin: 0 auto;}
.br-logo a img{height: auto;}

/* MOSTRAR COLUMNES TAULA */
.panel-body{position: relative;}
.showColumns{ position: absolute; right: 0; top: 0; }
.showColumnsToggler{ display: flex; width: 25px; height: 25px; align-items: center; justify-content: center; font-size: 18px; border-radius: 50%; transition: all 0.3s ease-in-out; cursor: pointer; }
.showColumnsToggler[aria-expanded="true"],
.showColumnsToggler:hover { background-color: #ccc; transform: scale(1.1); }
.showColumnsDropdown{ left: unset !important; right: 0; top: 35px !important; width: 300px; transform: unset !important; }
.showColumnsDropdown #columnToggles{ display: flex; flex-direction: column; padding: 5px; padding-bottom: 0; } 

/* DROPDOWN TRADUCCIONS PAGINA */
.translatePageDropdownContainer{ display: flex; justify-content: center; align-items: center; }
.translatePageDropdownContainer .btn{ cursor: pointer; }

.translatePageDropdownContainer .btn[aria-expanded="true"],
.translatePageDropdownContainer .btn:hover{ color: #fff; background-color: #138496; border-color: #117a8b; }
.translatePageDropdownContainer .translatePageDropdown{ top: 50px !important; left: unset !important; transform: unset !important; float: unset !important; padding: 5px; box-shadow: -2px 2px 5px 0px rgb(0 0 0 / 30%); transition: all 0.3s ease-in-out; }
.translatePageDropdownContainer .translatePageDropdown:hover { padding-bottom: 30px; }
.translatePageDropdownContainer .translatePageDropdown button { cursor: pointer; display: flex; align-items: center; }
.translatePageDropdownContainer .translatePageDropdown button span { display: block; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 5px; color: #000; text-transform: none !important; } 
.translatePageDropdownContainer .translatePageDropdown button:hover {}
.translatePageDropdownContainer .translatePageDropdown button:hover span { visibility: visible; opacity: 1; text-transform: none !important; }

/* DROPDOWN TRADUCCIONS INPUT */
.translateFieldDropdownContainer{ position: absolute; top: 0; right: 15px; z-index: 100;}
.translateFieldDropdownContainer .btn{ cursor: pointer; }
.translateFieldDropdownContainer .btn[aria-expanded="true"],
.translateFieldDropdownContainer .btn:hover{ color: #fff; background-color: #138496; border-color: #117a8b; }
.translateFieldDropdownContainer .translateFieldDropdown{ padding: 5px; box-shadow: -2px 2px 5px 0px rgb(0 0 0 / 30%); transition: all 0.3s ease-in-out; left: unset !important; top: unset !important; transform: unset !important; float: unset !important; right: 0 !important; }
.translateFieldDropdownContainer .translateFieldDropdown:hover { padding-bottom: 30px; }
.translateFieldDropdownContainer .translateFieldDropdown .section-content{ display: flex; flex-direction: row; column-gap: 5px; }
.translateFieldDropdownContainer .translateFieldDropdown button { cursor: pointer; display: flex; align-items: center; }
.translateFieldDropdownContainer .translateFieldDropdown button span { display: block; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 5px; color: #000; text-transform: none !important; }
.translateFieldDropdownContainer .translateFieldDropdown button:hover {}
.translateFieldDropdownContainer .translateFieldDropdown button:hover span { visibility: visible; opacity: 1; text-transform: none !important; }

/* CK EDITOR */
.cke_top{padding-top: 12px !important;}
/*.cke_button__cut,
.cke_button__copy,
.cke_button__copy,
.cke_button__paste,
.cke_button__pastefromword,
.cke_button__pastefromword + span,
.cke_button__undo,
.cke_button__redo,
.cke_button__horizontalrule,
.cke_button__{display: none !important;}*/
.cke_button__cowriter{width: 50px;}
.cke_button__cowriter .cke_button_icon {background-size: 50px !important;   width: 50px;   margin-top: 0px;}
.textCowriter{resize: both !important;min-height: 80px;}
.cowriterlabel{ background: linear-gradient(0deg, rgba(86,95,107,1) 0%, rgba(45,50,56,1) 100%) !important;
   padding: 15px !important;
   color: #fff !important;
   margin-bottom: 15px !important;
   display: block;
   margin-top: -15px !important;
   font-size: 14px !important;
   white-space: break-spaces !important;
   line-height: normal !important;
   width: 800px !important;
   font-family: "Poppins", sans-serif !important;
   font-weight: 300 !important;
}
.cke_notifications_area .cke_notification_info {
   background: #92bce0;
   border: 1px solid #92bce0;
   pointer-events: auto;
   position: relative;
   margin: 10px;
   width: 300px;
   color: #fff;
   text-align: center;
   opacity: .95;
   -webkit-animation: .7s fadeIn;
   animation: .7s fadeIn;
}
.cke_notifications_area .cke_notification_info .cke_notification_close {
   background-image: url(images/close.png);
   background-repeat: no-repeat;
   background-position: 50%;
   position: absolute;
   cursor: pointer;
   text-align: center;
   height: 20px;
   width: 20px;
   top: 1px;
   right: 1px;
   padding: 0;
   margin: 0;
   z-index: 5;
   opacity: .6;
}
.cke_notifications_area .cke_notification_info .cke_notification_message {
   position: relative;
   margin: 4px 23px 3px;
   font-family: Roboto, sans-serif;
   font-size: 12px;
   line-height: 18px;
   z-index: 4;
   text-overflow: ellipsis;
   overflow: hidden;
}
   
/* PAGINA ESTILOS */

.bloque.tema{padding: 0; margin-bottom: 30px;}
.bloque.tema .spectrum{ max-width: unset; height: unset; margin-right: 10px; }

.bloque.tema #form_styles{}
.bloque.tema #form_styles input{height: 40px;}
.bloque.tema #form_styles label{}
.bloque.tema #form_styles .card{margin-bottom: 10px; border-color: rgba(0, 0, 0, 0.03) !important;}
.bloque.tema #form_styles .card button.card-header{text-align: left; cursor: pointer; color: #000; background-color: rgba(0, 0, 0, 0.03) !important; border: 0;}
.bloque.tema #form_styles .card button.card-header[aria-expanded="true"],
.bloque.tema #form_styles .card button.card-header:hover{background-color: #0866c680 !important; color: #fff;}
.bloque.tema #form_styles .card .card-body{padding-bottom: 0.5rem;}
.bloque.tema #form_styles .card button.card-header[aria-expanded="true"] span,
.bloque.tema #form_styles .card button.card-header:hover span{color: #fff;}
.bloque.tema span.tip-publication{color: #0866c680; font-size: 16px; transition: all 0.3s ease-in-out;}

.bloque.tema #form_styles .sp-replacer{}
.bloque.tema #form_styles .sp-replacer::after{}
.bloque.tema #form_styles .sp-replacer::before{}
.bloque.tema #form_styles .sp-preview {   width: 40px;   height: 40px;border: none;}
.bloque.tema #form_styles .sp-replacer { height: 36px; width: 36px; overflow: visible; padding: 0; border: unset; display: flex; align-items: center; justify-content: center; position: relative; background-color: transparent; }
.bloque.tema #form_styles .sp-replacer .sp-preview{border-radius: 50%; overflow: hidden;}
.bloque.tema #form_styles .sp-replacer::after { content: ""; display: block; width: 36px; height: 36px; position: absolute; border: 2px solid #fff; border-radius: 50%; }
.bloque.tema #form_styles .sp-replacer::before { content: ""; display: block; width: 40px; height: 40px; position: absolute; border: 2px solid #000; border-radius: 50%; z-index: 100; }
.bloque.tema #form_styles .sp-replacer .sp-preview {margin-right: 0;}
.bloque.tema #form_styles .sp-dd{display: none;;}
.bloque.tema #form_styles .title{border-bottom: 1px solid #999;   padding-bottom: 5px;}

.bloque.tema .nav-tabs{ all: unset; list-style: none; display: flex; justify-content: space-between; border-bottom: 1px solid #666; margin-bottom: 25px !important; flex-wrap: wrap; row-gap: 15px;}
.bloque.tema .nav-tabs .nav-item{ margin-bottom: 0; }
.bloque.tema .nav-tabs .nav-item .nav-link{ all: unset; transition: all 0.3s ease-in-out; display: block; padding: 8px 16px; position: relative; cursor: pointer; }
.bloque.tema .nav-tabs .nav-item .nav-link::after{ content: ""; display: block; height: 2px; width: 30%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background: transparent; transition: all 0.3s ease-in-out; }
.bloque.tema .nav-tabs .nav-item .nav-link,
.bloque.tema .nav-tabs .nav-item .nav-link.active{ color: #0866C6; }
.bloque.tema .nav-tabs .nav-item .nav-link.active::after{ background: #0866C6; width: 100%; }

/* ALERTA ELEMENTS SELECCIONATS */
.delete-alert{visibility: visible; opacity: 1; max-height: 65px; transition: all 0.3s ease-in-out; padding: 10px; margin: 20px 0 10px; background: rgb(247, 248, 250); background: linear-gradient(180deg, rgba(247, 248, 250, 1) 0%, rgba(239, 241, 244, 1) 100%);}
.delete-alert p{margin-bottom: 0;}
.hide-alert{visibility: hidden; opacity: 0; max-height: 0; padding: 0; margin: 0;} 

/* COLORPICKER ESTILS */
.sp-container{ background-color: #fff !important; border-radius: 3px !important; border-color:rgba(0, 0, 0, 0.15) !important;}
.sp-container,
.sp-container *{font-family: "Roboto", sans-serif !important;}
.sp-container .sp-palette{}
.sp-container .sp-palette > div span{border-radius: 50% !important;}
.sp-container .sp-cancel{padding: 3px 6px; background-color: red !important; font-weight: normal; border-radius: 3px; border: none; font-size: 12px; color: #fff !important; height: 20px; display: inline; display: inline-block; box-sizing: border-box;}
.sp-container .sp-choose{padding: 3px 6px; background: #3cab3b !important; font-weight: normal; border-radius: 3px; border: none; font-size: 12px; text-shadow: none; height: 20px; display: inline; display: inline-block; box-sizing: border-box;}
.sp-container .sp-cancel:hover,
.sp-container .sp-choose:hover{color: #fff !important; opacity: 1 !important; text-shadow: unset !important;}
.sp-container .sp-choose:hover{border: none;}

/* FITXA DE PRODUCTE - AMAGAR BLOCS NO EDITABLES */
#item-form .zonaformitem #formulario-item *[data-type="BreadCrumb"],
#item-form .zonaformitem #formulario-item *[data-type="Splitter"],
#item-form .zonaformitem #formulario-item *[data-type="IndividualBanner2"],
#item-form .zonaformitem #formulario-item *[data-llistat="yes"]:not([data-type="Gallery"]){display: none;}

#formulario-item {border: 1px solid #ccc; padding: 0; border-radius: 0;}
#formulario-item .tab-content {padding: 10px;}
#formulario-item .nav-tabs{ all: unset; list-style: none; display: flex; justify-content: start; border-bottom: 1px solid #ccc; margin-bottom: 15px !important; }
#formulario-item .nav-tabs .nav-item{ margin-bottom: 0; }
#formulario-item .nav-tabs .nav-item .nav-link{ all: unset; transition: all 0.3s ease-in-out; display: block; padding: 8px 16px; position: relative; cursor: pointer; }
#formulario-item .nav-tabs .nav-item .nav-link::after{ content: ""; content: unset; display: block; height: 2px; width: 30%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background: transparent; transition: all 0.3s ease-in-out; }
/* #formulario-item .nav-tabs .nav-item .nav-link, */
/* #formulario-item .nav-tabs .nav-item .nav-link.active{ color: #0866C6; } */
#formulario-item .nav-tabs .nav-item .nav-link{ opacity: 1; color: #000; background: unset !important; margin: 0 !important; }
#formulario-item .nav-tabs .nav-item .nav-link.active{ background: #428bca !important; color: #fff; border: 0; border-color: #ccc !important; }
#formulario-item .nav-tabs .nav-item .nav-link.active::after{ background: #0866C6; width: 100%; }

/*Modul ckeditor columnes*/


label[for="CustomField_35"]{
   font-size: 0;
}
label[for="CustomField_35"]::after{
   font-size: 14px;
   content: "Porcentaje de descuento para suscripciones de Entidades colaboradoras:";
}

.orders-tab {border: 1px solid #ccc; padding: 0; border-radius: 0;}
.orders-tab #orderTabContent{margin-bottom: 0 !important;}
.orders-tab .tab-content {padding: 10px;}
.orders-tab .nav-tabs{ all: unset; list-style: none; display: flex; justify-content: start; border-bottom: 1px solid #ccc; margin-bottom: 15px !important; }
.orders-tab .nav-tabs .nav-item{ margin-bottom: 0; }
.orders-tab .nav-tabs .nav-item .nav-link{ all: unset; transition: all 0.3s ease-in-out; display: block; padding: 8px 16px; position: relative; cursor: pointer; }
.orders-tab .nav-tabs .nav-item .nav-link::after{ content: ""; content: unset; display: block; height: 2px; width: 30%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background: transparent; transition: all 0.3s ease-in-out; }
/* .orders-tab .nav-tabs .nav-item .nav-link, */
/* .orders-tab .nav-tabs .nav-item .nav-link.active{ color: #0866C6; } */
.orders-tab .nav-tabs .nav-item .nav-link{ opacity: 1; color: #000; background: unset !important; margin: 0 !important; }
.orders-tab .nav-tabs .nav-item .nav-link.active{ background: #428bca !important; color: #fff; border: 0; border-color: #ccc !important; }
.orders-tab .nav-tabs .nav-item .nav-link.active::after{ background: #0866C6; width: 100%; }

.dashboard-statistics{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.1);}
/* .dashboard-statistics .statistic-container {  border-radius: 10px; border: 2px solid #17a2b8; padding: 15px; } */
.dashboard-statistics .statistic-container .statistic { display: flex ; justify-content: center; flex-wrap: wrap;  }
.dashboard-statistics .statistic-container .statistic .type { width: 100%; font-size: 16px; margin-bottom: 10px;}
.dashboard-statistics .statistic-container .statistic .value-container { width: 100%; display: flex ; }
.dashboard-statistics .statistic-container .statistic .icon { font-size: 16px; border-radius: 5px; margin-right: 15px; background: #ccc; padding: 10px; aspect-ratio: 1 / 1; display: flex ; justify-content: center; align-items: center; width: 35px; height: 35px; color: #fff; }
.dashboard-statistics .statistic-container .statistic.sales .icon { color: #28a745; background-color: rgba(40, 167, 69, 0.1); border: 1px solid #28a745; border-radius: 50%; padding: 10px; }
.dashboard-statistics .statistic-container .statistic.profit .icon { color: #007bff; background-color: rgba(0, 123, 255, 0.1); border: 1px solid #007bff; border-radius: 50%; padding: 10px; }
.dashboard-statistics .statistic-container .statistic.users .icon { color: #6f42c1; background-color: rgba(111, 66, 193, 0.1); border: 1px solid #6f42c1; border-radius: 50%; padding: 10px; }
.dashboard-statistics .statistic-container .statistic.bestseller .icon { color: #fd7e14; background-color: rgba(253, 126, 20, 0.1); border: 1px solid #fd7e14; border-radius: 50%; padding: 10px; }
.dashboard-statistics .statistic-container .statistic .value { display: flex; align-items: center; font-size: 16px; }

/*#main-body[data-item="305"] .menuasociaciones{display:none;}*/
#main-body[data-item="305"] .fichawebradio{display:none;}
#main-body[data-item="305"] .destacadoradio{display:none;}
#main-body[data-item="305"] #editorTab{display:none;}
#main-body[data-item="305"] .cke_contents{min-height: 200px; height:auto !important;}
#productInformationContent
#formulario-item #content-tab .bloc[data-type="Button"]{display:none;}
#main-body[data-item="305"] .accessoryblock{display:none;}
#main-body[data-item="305"] .stockblock{display:none;}
#main-body[data-item="305"] .discountblock{display:none;}
#main-body[data-item="305"] .paqueteblock{display:none;}
#main-body[data-item="305"] .bloc[data-type="IconText"]{width: 45%;  display: inline-flex;  margin: 10px;max-width: calc(50% - 20px);}
#main-body[data-item="305"] .bloc[data-type="IconText"] .title-box + .form-group{display:none;}

#accordionSubscription .card-header{ background-color: #596D82; color:#fff; padding: 5px 10px;}
#accordionSubscription .card-body{padding-top: 30px;}
#accordionSubscription .card-header .btn{color:#fff;}

label[for="CustomField_36"]::before{content: "% dto. para ";}
label[for="CustomField_31"]::before{content: "% dto. para ";}
label[for="CustomField_30"]::before{content: "% dto. para ";}

.btn-ecom{ position: fixed; top: 33px; z-index: 9999; right: 350px; }