/*@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");*/

 #overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 2;
 }
 #modal {
     display: none;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: white;
     padding: 20px;
     z-index: 3;
     text-align: left;
 }
 #modal p {
     width: 97%;
 }
 .predefinidas{
     position: relative;
     left: 63%;
     background-color: white;
     border: 1px solid #4A4A4A;
     color: #4A4A4A;
     padding: 8px;
     height: unset;
     cursor:pointer;
     border-radius: 8px;
 }
 .cero {
     cursor:pointer;
     position: relative;
     left: 65%;
     padding: 8px;
     height: unset;
     background-color: #529405;
     color: white;
     border: 1px solid #529405;
     border-radius: 8px;
 }
.wrapper.background-login{
     background-image: url("../imagenes/background-login.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .wrapper.background-login .titulocab{
     color: #FFFFFF;
 }

 .wrapper.background-login .cab{
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     flex-direction: column-reverse;
 }

 .wrapper.background-login .cab .titulocab{
     display: inline-flex;
 }

 .wrapper.background-login .cab .titulocab span{
     padding-left: 5px;
 }

 .wrapper.background-login .cab img{
     margin-left: 10px !important;
     margin-top: 5px;
 }


     /*cabecera y botones de cabecera*/

 .cab.clearfix .titulocab{
     font-size: 12px ;
     padding-top: 10px;
 }

 .botonbase{
     background: #f6f6f6;
     border: 1px solid #4a4a4a;
     border-radius: 8px;
     color: #4a4a4a;
 }

 .addPHP{
     background: #f6f6f6;
     border: 1px solid #DC3912;
     border-radius: 8px;
     color: #DC3912;
 }

 .botonbase-dark{
     color: #F6F6F6;
 }

.menucab{
    align-items: center;
}

.menu_desplegable{
    right: 0 ;
    position: absolute !important;
    border: 1px solid #4A4A4A;
    left: unset;
    border-radius: 8px;
}

#home .cuadrocontenedor .cuadrolog{
    border-radius: 8px;
}

 #home .botonerialogin .botonpass{
     background: #529405 !Important;
     border: none !important;
     border-radius: 8px;
     width: 70px !important;
 }


.boton-ayuda{
    border-radius: 13px;
    background-color: transparent;
    margin: 10px;
    font-size: 13px;
}

.boton-ayuda i{
    font-size: 23px !important;
}

.boton-ayuda:hover{
    background-color: transparent;
}

.menucab .itemmenu_sup:nth-child(1) .boton-ayuda{
    border: 1px solid #DC3912;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.menucab .itemmenu_sup:nth-child(1) .boton-ayuda .menu_desplegable{
    display: none;
}

.menucab .itemmenu_sup:nth-child(1) .boton-ayuda a{
    color: #DC3912;
}

.menucab .itemmenu_sup:nth-child(3) .boton-ayuda{
    border: 1px solid #4A4A4A;
    display: flex;
    flex-direction: column;
    position: relative;
}

.menucab .itemmenu_sup:nth-child(3) .boton-ayuda > a::after{
     font-family: "FontAwesome";
     content: '\f013';
     padding-left: 8px;
     color: #4A4A4A;
 }

.menucab .itemmenu_sup:nth-child(3) .boton-ayuda .menu_desplegable{
    display: none;
}

.boton-ayuda .menu_desplegable li{
    margin: 5px;
    text-align: left;
    padding: 5px;
    font-size: 16px;
}
.boton-ayuda .menu_desplegable li:hover{
    background-color:#F6F6F6 ;
}

.menucab .itemmenu_sup:nth-child(2) .boton-ayuda a,
.menucab .itemmenu_sup:nth-child(3) .boton-ayuda a{
    color: #4A4A4A;
}

.menucab .itemmenu_sup:nth-child(2) .boton-ayuda .fa-question-circle-o{
    color: #4A4A4A !important;
}

.menucab .itemmenu_sup:nth-child(1) .menu_desplegable,
.menucab .itemmenu_sup:nth-child(3) .menu_desplegable{
    background-color: white;
    font-weight: normal;
}

.menucab .itemmenu_sup:nth-child(4) .boton-ayuda a{
    color: #1C62B2;
}

 .menucab .itemmenu_sup:nth-child(4) .boton-ayuda a::after{
     font-family: "FontAwesome";
     content: " \f011";
     color: #1C62B2;
     padding-left: 8px;
 }

.wrapper .menu.clearfix{
    background: none ;
    border: none;
    display: flex;
    margin-left:40px;
 
}

.itemmenu:hover {
    background-color: transparent;
    border: none;
    outline: none;
}

 .itemmenu:hover .enlaceitem{
     background-color: #d9d9d9;
     transition: 1s;
 }

.itemmenu a{
    color: #4A4A4A;
    border-radius: 8px;
    background-color: #F6F6F6;
    margin: 5px;
}

.menu_modeules_web a{
    border: 1px solid #4A4A4A;
}

 #menu_plantillas_predef{
     order: 4 !important;
 }
 #menu_colores {
     margin-left: 10%;
 }

 #menu_modules_web{
     order: 1;
 }

 #menu_plugins{
     order: 2
 }

 #menu_disenyo{
     order: 3;
 }


#menu_plantillas_predef a.enlaceitem{
    background-color: #4A4A4A;
    color: white;
}
#menu_plantillas_predef a.enlaceitem::after{
    font-family: "FontAwesome";
    content: '\f0eb';
    padding-left: 8px;
    font-weight: unset;
}

.tituloInfoVentana .fa-info,
.tituloInfoVentana .fa-cog,
.tituloInfoVentana .fa-spinner{
    display: none;
}

.tituloInfoVentana strong{
    color: #4A4A4A !important;
}

.cajaAlertaAceptar{
    border: 1px solid #4a4a4a !important;
}

.contenido{
    height: calc(100% - 146px) !important;
    margin-top: -0px;
}



@media(max-width: 1024px){
    .enlaceitem,
    .botonbase,
    .addPHP,
    #selectPlantilla{
        font-size: 11px;
    }

    .cajonBotones_superior_izq,
    .cajonBotones_superior_der{
        width: 100%;
    }

    .cajonBotones_superior{
        text-align: right !important;
        padding-right: 10px;
    }
}



 @media only screen and ( max-width: 800px){
     .cuadrocentral{
         width: 73%;
     }

     .menuizquierdo.noticias-sidebar{
         width: 24%;
     }

     #mapaSuperContenedor #mapaContenedor{
         zoom: 0.8;
     }

     #home .cuadrocontenedor {
         margin-left: 22%;
         margin-top: 30%;
     }
 }


 @media only screen and (max-width: 480px){
     #menufijo_sup{
         display: none;
     }

    #cabMenuDesplegable li{
        font-size: 12px;
    }

    .itemmenu_sup .boton-ayuda a{
        font-size: 13px;
    }

     #menuSuperiorBtn .itemmenu_sup{
        margin-right: 0 !important;

    }
 }


/*seccion #moduloizqdrag  ( lateral izquierdo)*/
#moduloizqdrag::-webkit-scrollbar{
    display: none;
}

#moduloizqdrag .tituloSliders i{
    display: none;
}

.tituloSliders span{
    color: #4A4A4A;
    font-size: 20px;
    font-weight: 700;
}

#moduloizqdrag .itemslider div{
justify-content: flex-end !important;
    position: absolute;
    bottom: 35px;
    right: 0;
}

.lupavistaprevia{
    background-color: #F6F6F6;
    border-radius: 50%;
    color: #4A4A4A;
}

.itemslider{
    width: 320px !important;
    background-size: cover;
    position: relative;
    object-fit: cover;
}

.lupavistaprevia > .fa-info{
    display: none;
}

.cajonSliders:nth-child(2) .itemslider div > .lupavistaprevia:nth-child(2){
    display: none;
}

.slick-track{
    padding: 25px 0 !important; ;
}

.slick-next:before,
.slick-prev:before{
    font-size: 30px;
}

.slick-prev{
    left: -58px !important;
}

.slick-prev,
.slick-next{
    top: 75%;
}


/*seccion #moduloderdrag (poanel derecho)*/
#moduloderdrag{
    background-color: #F6F6F6;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    overflow-x: hidden;
}

#selectPlantilla{
    border-radius: 8px;
    padding: 5px;
}

#moduloderdrag .botonbase{
    background-color: white;
    border: 1px solid #4A4A4A;
    color: #4A4A4A;
    padding: 8px;
    height: unset;
}

#eliminar_plantilla{
    background-color: #DC3912 !important;
    color: white !important;
    border: 1px solid #DC3912 !important;
}

#vistapreviadrag_sup,
#vistapreviadrag{
    max-width: none;
    width: 97%;
    background-color: #f6f6f6;
}

#vistapreviadrag_sup{
    display: flex;
    justify-content: flex-end;
}

#btnGuardarEditor{
    background-color: #529405 !important;
    color: white !important;
    border: 1px solid #529405 !important;
}

#moduloderdrag .modulo{
    border: 2px solid #c4c4c4;
    padding: 20px;
}

.desplegabletuerca{
    background: #F6F6F6;
    color: #4a4a4a;
    border: 1px solid #c4c4c4;
    border-radius: 8px;

}

 .modulo .divopcmodulo{
     background: #4a4a4a;
 }

 .moduloselec{
     border: black 2px solid !important;
     border-radius: 8px;
     margin: 7px auto !important;
 }
.nombreModulo{
    background-color: #f6f6f6;
    color: #4A4A4A;
    border: none;
    font-weight: 700;
}

.moduloselect{
    border: 1px solid black !important;
}

@media(max-width: 425px){
    #menuNoticias{
        display: none;
    }
}


/*OPCIONES > DATOS AGENCIA*/

 .menuhome #guardargeneral{
     background-color: #529405;
     border: 1px solid #529405;
 }

 .menuhome .btnCancelarDatosAgencia{
     background-color: #ffffff;
     border: 1px solid #c4c4c4;
     color: #4a4a4a;
 }

 .form-container{
     background-color: #f6f6f6;
     border-radius: 8px;
     box-shadow:  0 0 4px rgb(0, 0, 0, 0.25);
     padding-left: 20px;
     margin-top: 15px;
 }

.form-titulo{
    font-size: 24px;
    color: #4a4a4a;
    font-weight: 700;
    text-align: left;
    grid-column: 1 / 3;
    grid-row: 1;
}

.form-container form{
    grid-column: 1 / 3;
    grid-row: 2 / 6;
}

.contenedor-inputs{
    display: grid;
    grid-template-columns:  1fr 2fr 1fr;
}

.contenedor-inputs input{
    width: 90%;
    padding: 6px;
    border-radius: 5px;
    border: 1px solid #C4C4C4;
    margin: 5px 0;
}

.contenedor-inputs label{
    font-size: 14px;
}

 .input-nombreAgencia{
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;.
 }
.input-nombreAgencia {
    grid-column: 1 / 2;
    grid-row: 1 / 1;
    margin-top: 10px;
}

.input-dp{
    grid-column: 2/3;
    grid-row: 1 /5;
    margin-top: 10px;
}

.dp-containers{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, 1fr);
}

.dp-calle,
.dp-codigoPostal,
.dp-ciudad,
.dp-pronvincia{
    display: flex;
    flex-direction: column;
}

 .input-mapa{
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
 }

 .input-mapa input:nth-child(1){
     margin-right: 15px;
     width: 45%;
 }

 .input-mapa input:nth-child(2){
     border-radius: 13px;
     width: 25%;
 }

.dp-calle{
    grid-column: 1;
    grid-row: 1;
}

.dp-codigoPostal{
    grid-column: 1;
    grid-row: 2 / 2;
}

.dp-mapa{
    grid-column: 1 /3 ;
    grid-row: 3;
}

.dp-ciudad{
    grid-column: 2;
    grid-row: 1/1;
}

.dp-pronvincia{
    grid-column: 2;
    grid-row: 2/2;
}

.label-direccion{
    font-weight: 700;
    color: #4a4a4a;
    font-size: 20px !important;
    margin: 10px 10px 0 0;
}

.input-telFijo{
    grid-column: 1;
    grid-row: 2 / 2;
    margin: 10px 10px 0 0;
}

.input-telMovil{
    grid-column: 1;
    grid-row: 3/3;
    margin: 10px 10px 0 0;
}

.input-fax{
    grid-column: 1;
    grid-row: 4/4;
    margin: 10px 10px 0 0;
}

.input-correo{
    grid-column: 1/1;
    grid-row: 5/5;
    margin: 10px 10px 0 0;
}

.input-ami{
    grid-column: 1/1;
    grid-row: 6/6;
    margin: 10px 10px 0 0;
}

#correo_contacto{
    grid-column: 1/3;
    grid-row: 8/8;
    border: 1px solid #DC3912 ;
    border-radius: 8px;
    padding: 10px;
    margin: 30px 0 20px;
}

 #correo_contacto h3{
     margin-top: 10px;
 }

 @media(max-width: 1024px){
     .form-container{
         width: 100%!important;
         margin: 20px auto;
         padding-left: 0;
     }

     .form-container form,
     .form-titulo{
        padding-left: 20px;
     }

     .container-confSections{
         width:100%;
         margin: 20px auto;
     }
 }

 @media(max-width: 425px){
     .contenedor-inputs{
         display: grid;
         grid-template-columns: 1fr 2fr;
     }

     .form-container h1,
     .form-container #reportes #correo_contacto h3,
     .container-confSections .logotipos-favicon .divConfSections h1,
     .oficinas-sucursales h2{
         font-size: 16px;
     }

     .form-container #reportes label,
     .form-container #reportes input,
     .form-container #reportes .label-direccion,
     #logodiv h4,
     #logodiv input,
     #logodiv .logotipo-items,
     #favicondiv input,
     #favicondiv h4,
     #favicondiv .favicon-items,
     .sortable li > div > a{
         font-size: 12px !important;
     }

     .divConfSections #formSubirImagenesPerson .imagenActual{
         width: 17%;
     }


 }


/* DATOS AGENCIA -> CONFSECTIONS*/
.logotipos-favicon,
.oficinas-sucursales{
    background-color: #F6F6F6;
    border-radius: 8px;
    box-shadow: 0 0 4px rgb(0, 0, 0, 0.25);
    padding: 10px 0;
    margin-bottom: 10px;
}

.divConfSections h1{
    margin-bottom: 0;
    padding-left: 20px;
    font-size: 24px;
}

 .divConfSections #formSubirImagenesPerson{
     padding-top: 0;
 }

 .divConfSections #uploadLogo,
 .divConfSections #uploadFavico{
     background-color: transparent ;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
     border-radius: 8px;
     color: #4a4a4a;
 }

 .divConfSections #formSubirImagenesPerson .restaurar{
     background-color: transparent;
     border: none;
     color: #4a4a4a;
 }

 .divConfSections #formSubirImagenesPerson .imagenActual{
     max-width: 30%;
     margin: 25px 0;
 }

 .oficinas-sucursales input.anadirOficina{
     background: #529405;
     border: 1px solid #529405;
 }

 .oficinas-sucursales input.ordenarOficinas{
     background: #ffffff !important;
     border: 1px solid #4a4a4a;
     border-radius: 8px;
     color: #4a4a4a;
 }


 .logotipo-items li,
 .favicon-items li {
     list-style-type: "- " ;
     line-height: 1.5;
 }

 .logotipo-items ,
 .favicon-items {
     padding-left: 10px;
 }

 .oficinas-sucursales h2{
     margin-top: 5px;
     text-align: center;
 }

 .oficinas-sucursales .sortable li{
     width: 95% !important;
     margin: 10px auto;
 }
 .sortable li div.oficinaOrdenarDiv{
     border-radius: 8px !important;
     background: #ffffff !important;
 }

 .sortable li > div > a.deleteOficina{
     background-color: transparent !important;
     color: #DC3912;
     border: 1px solid #C4C4C4;
     border-radius: 8px;
 }

 .sortable li > div > a.editarOficina{
     background-color: transparent !important;
     color: #4a4a4a !important;
     border: 1px solid #C4C4C4;
     border-radius: 8px;
 }


/* PLUGINS */
#moduloizqplugins{
    width: 25% !important;
    margin: 10px 0;
}

 .moduloDerPlugins {
    width: 100% !important;
     background-color: #FFFFFF !important;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
 }

 .cajaPlugin.activo{
     background-color: rgba(28, 98, 178, 0.13) !important;
     border: 1px solid #1C62B2;
     border-radius: 8px;
     color: #4a4a4a !important;
 }

.cajaPlugin{
    color: #4a4a4a !important;
    border-radius: 8px;
    background-color: #f6f6f6;
}

#botonOnOff{
    right: 91% !important;
    border-radius: 8px !important;
    margin-top: 5px;
}

/*EDITOR DE PLUGINS*/
 .ajustar-cabecera-plugin{
     width: 80%;
     margin: 30px auto;
 }

 .idioma-container u{
     text-decoration: none !important;
 }

 .idioma-select #idioma{
     padding: 5px;
     border: 1px solid black;
     border-radius: 8px;
 }

 #items_menu_superior .instrucciones{
     background: #4A4A4A !important;
     border-radius: 8px;
     color: white;
     font-weight: 700;
 }

 #items_menu_superior .guardarListado{
     background: #529405 ;
     border-radius: 8px;
     color: white;
 }

 #items_menu_superior .cancelar,
 #items_menu_superior .addMenu,
 .ajustar-cabecera-plugin .botonbase{
     background: #FFFFFF;
     border: 1px solid #c4c4c4;
     border-radius: 8px;
     color: #4a4a4a;
 }

 .menuhome clearfix .addPHP{
     border: 1px solid #DC3912;
     border-radius: 15px;
     display: flex;
     flex-direction: column;
     position: relative;
     color: #DC3912;
     background: #FFFFFF;

 }

 #items_menu_superior .sortable li div{
     border: none;
     background: #f6f6f6 !important;
     padding: 5px;
 }

 .menuhome .txt h2{
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
 }
 .menuhome .txt p{
     font-size: 12px;
 }

 .menuhome .txt li.alerta-txt{
     font-size: 14px;
     list-style: none;
     padding-bottom: 20px;
 }

 .menuhome .txt p img{
     height: 15px !important;
 }

 .menuhome .txt ul.lista-alerta{
     background: #F6F6F6;
     border: none;
     border-radius: 8px;
     padding: 25px 20px 20px 40px;
 }

 .menuhome .txt ul li{
     font-size: 12px;

 }

 .containerTextareaMeta input[disabled]{
     border: none !important;
     margin-top: 5px;
     color: #4a4a4a;
 }

 .containerTextareaMeta input.txtMetaTitle,
 .containerTextareaMeta input.txtMetaDescrip {
     width: 80% !important;
     margin-left: 5px;
     margin-right: 5px;
     border: none;
 }
 .containerTextareaMeta input.txtMetaTitle::placeholder,
 .containerTextareaMeta input.txtMetaDescrip::placeholder {
    color: #979797;
 }

 .containerTextareaMeta input.txtMetaKeywords{
     width: 86% !important;
     margin-left: 5px;
     border: none;
 }
 .containerTextareaMeta input.txtMetaKeywords::placeholder{
     color: #979797;
 }

 .containerTextareaMeta input.guardarMeta{
     background: #529405;
     border-radius: 8px;
     color: white;
     padding: 5px !important;
     border: none;
 }

 .containerTextareaMeta input.cancelarMeta{
     border: 1px solid #C4C4C4;
     border-radius: 8px;
     color: #4A4A4A;
     background: #FFFFFF;
     padding: unset !important;
 }

 .containerTextareaSql input{
     width: 80% !important;
     border: none;
     border-radius: 8px;
     margin-top: 5px;
     float: left;
 }

 .containerTextareaSql input.cancelarSql,
 .containerTextareaSql input.guardarSql {
     width: 80px !important;
     margin-left: 5px;
 }

 @media(max-width: 1024px){
     #items_menu_superior .clearfix .instrucciones,
     #items_menu_superior .clearfix .cancelar,
     #items_menu_superior .clearfix .guardarListado,
     #items_menu_superior .clearfix .addMenu{
         font-size: 11px;
     }

     #contenedorListado #listadoMenu li{
         font-size: 12px;
     }

     #contenedorListado #listadoMenu li .ui-sortable-handle span a img{
         height: 15px !important;
     }

     .containerTextareaMeta input.txtMetaTitle,
     .containerTextareaMeta input.txtMetaDescrip{
         width: 58% !important;
     }

     .containerTextareaMeta input.txtMetaKeywords{
         width: 70% !important;
     }

     .containerTextareaSql input{
         width: 70% !important;
     }

 }


 /*AÑADIR OFICINA*/

 .anadirOficina-buttons {
     text-align: right;
 }

 .anadir-oficina-container {
     margin-top: 25px;
 }

 .form-anadir-oficina {
     display: flex;
     justify-content: space-between;
     flex-direction: row;
 }

 .anadir-oficina-container form.clearfix:before,
 .anadir-oficina-container form.clearfix:after {
     content: unset !important;
 }

 .datos_nueva_sucursal,
 .logotipo_nueva_sucursal {
     background: #F6F6F6;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
     border: 8px;
     padding: 20px;
     width: 49%;
     margin: 0 10px;
 }

 .datos_nueva_sucursal {
     display: grid;
     grid-template-columns: 1fr 2fr;
     padding-bottom: 150px;
 }

 .datos_nueva_sucursal h1 {
     grid-column: 1/3;
     grid-row: 1;
     margin: 5px 0;
     padding-bottom: 10px;
 }

 .datos_nueva_sucursal .nombreAgencia-anadir-oficina {
     grid-column: 1/2;
     grid-row: 2;
     margin-top: 10px;
 }

 .datos_nueva_sucursal .caja-input-telFijo {
     grid-column: 1/2;
     grid-row: 3;
 }

 .datos_nueva_sucursal .caja-input-telMovil {
     grid-column: 1/2;
     grid-row: 4;
 }

 .datos_nueva_sucursal .caja-input-fax {
     grid-column: 1/2;
     grid-row: 5;
 }

 .datos_nueva_sucursal .caja-input-correoContacto {
     grid-column: 1/2;
     grid-row: 6;
     margin-top: 10px;
 }

 .datos_nueva_sucursal .caja-input-ami {
     grid-column: 1/2;
     grid-row: 7;
     margin-top: 10px;
 }

 .dp-container-input h3 {
     margin-top: 0;
     font-size: 20px;
 }

 .datos_nueva_sucursal .dp-container-input {
     grid-column: 2/3;
     grid-row: 2 /5;
 }

 .dp-container-input .caja-input-cp {
     display: grid;
     grid-template-columns: 1fr 1fr;
 }

 .dp-container-input .input-calle {
     grid-column: 1/2;
     grid-row: 1;
     margin-bottom: 10px;
 }

 .dp-container-input .input-ciudad {
     grid-column: 2/3;
     grid-row: 1;
     margin-bottom: 10px;
 }

 .dp-container-input .input-cp {
     grid-column: 1/2;
     grid-row: 2;
     margin-bottom: 10px;
 }

 .dp-container-input .input-provincia {
     grid-column: 2/3;
     grid-row: 2;
     margin-bottom: 10px;
 }

 .dp-container-input .inputs-mapa-anadir-oficina {
     display: flex;
     margin-bottom: 10px;
 }

 .dp-container-input .input-mapa-anadir-oficina {
     grid-column: 1/3;
     grid-row: 3;
     margin-bottom: 10px;
 }

 .input-mapa-anadir-oficina #verMapa {
     border-radius: 13px !important;
     margin-left: 15px;
     border: 1px solid #c4c4c4;
     padding: 3px 20px !important;
     width: 25%;
 }

 .input-mapa-anadir-oficina #geopos {
     width: 43% !important;
 }

 .datos_nueva_sucursal:before,
 .datos_nueva_sucursal:after {
     content: unset !important;
 }

 .anadir-oficina-title {
     font-weight: 700;
     color: #4a4a4a;
     font-size: 24px;
     padding: 20px;
 }

 .caja-input-nombreAgencia input,
 .caja-input-cp .input-calle input,
 .caja-input-cp .input-cp input,
 .caja-input-cp .input-mapa-anadir-oficina input,
 .caja-input-cp .input-ciudad input,
 .caja-input-cp .input-provincia input,
 .caja-input-telFijo input,
 .caja-input-telMovil input,
 .caja-input-fax input,
 .caja-input-correoContacto input,
 .caja-input-ami input {
     border-radius: 5px !important;
     padding: 4px !important;
     width: 85%;
 }

 .logotipo-anadir-oficina h3 {
     font-size: 24px;
     font-weight: 700;
     margin: 5px 0;
 }

 .logotipo-input-txt {
     font-size: 12px;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .caja-input-logotipo #logotipo {
     padding: 10px;
     border: 1px solid #c4c4c4;
     border-radius: 8px;
 }

 .logotipo-input-lista {
     margin-top: 15px;
 }

 .logotipo-input-lista ul li {
     font-size: 12px;
     font-weight: 400;
 }

 @media (max-width: 1024px) {
     .form-anadir-oficina{
         flex-direction: column;
     }

     .datos_nueva_sucursal,
     .logotipo_nueva_sucursal{
         width: 95%;
         margin: 15px 0;

     }

 }


 /*PLUGIN-SUSCR*/
 .plugin-bg-gris,
 #adminPlugin{
     background-color:#F6F6F6 ;
 }

 .plugin-title{
     color: #4a4a4a;
     font-weight: 700;
     font-size: 24px;
     margin-left: 10%;
 }

 .plugin-llamamos-email,
 .whatsapp-pref-container,
 .whatsapp-tel-container {
     display: flex;
 }

.plugin-llamamos-label,
.plugin-whatsapp-label{
     margin-right: 10px;
 }

 .plugin-llamamos-email .plugin-llamamos-input-container input,
 .whatsapp-pref-container .plugin-whatsapp-label select,
 .whatsapp-tel-container .plugin-whatsapp-label input,
 .plugin-chatface-container .idChat-input,
 .plugin-chatface-container .color-chatface,
 .plugin-analityc-container-input #idseguimiento,
 #configuracion_centralita #tipocentralita,
 #panel_zoomsuite #usuario,
 #panel_zoomsuite #password,
 .plugin-personalizarJs #selectEtiqueta{
     border: 1px solid #4a4a4a;
     border-radius: 8px;
     padding: 5px ;
 }
.btn-guardar-plugin{
    background: #0c980f !important;
    color: #FFFFFF;
    border: 1px solid #0c980f;
}

.btn-cancelar-plugin{
    background: #FFFFFF;
    border: 1px solid #4a4a4a;
    color: #4a4a4a;
}

 #configuracion_centralita {
     border: 1px solid #DC3912;
     border-radius: 8px;
 }

 .plugin-js-subtitulo {
     font-weight: 700;
     color: #4a4a4a;
 }

 /*CREAR NOTICIA*/
 .noticias-sidebar {
     background: #f6f6f6;
     border-right: none;
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
     border-radius: 8px;
 }

 .noticias-sidebar .enlacemenu {
     color: #4a4a4a !important;
     font-weight: 400;
     font-size: 14px;
 }

 .noticias-sidebar .enlacemenu:hover {
     color: #1C62B2 !important;
 }

 .noticias-sidebar .titulomenu {
     background: transparent !important;
     color: #4a4a4a;
     text-align: left;
     padding-left: 15px;
     margin-bottom: 20px;
 }

 .iframe-noticias body {
     background: #FFFFFF !important;
 }

 .menuhome{
     margin: auto !important;
 }

.tituloseccion {
     color: #4a4a4a;
     font-size: 20px;
     font-weight: 700;
     border-bottom: none;
 }
 body{
     background: #FFFFFF !important;
 }

 #altanoticia .linea:nth-child(1){
     margin-bottom: 20px;
 }

 .list_idiomas_noticias{
     display: flex;
     justify-content: flex-start;
     align-items: center;
     padding-left: 0 !important;
     margin-bottom: 25px;
     flex-wrap: wrap;
 }

 .list_idiomas_noticias li{
     padding: 5px 10px;
     list-style: none;
     cursor: pointer;
 }

.list_idiomas_noticias li.item_activo{
     text-decoration: underline 3px;
     color: #1976D2;
 }

.inputtext{
    padding: 8px;
     background: #FFFFFF;
     border: 1px solid #c4c4c4;
     border-radius: 5px;
 }

 .foto-noticia-txt{
     margin-bottom: 10px;
 }

 .foto-noticia-txt #fotonoticia{
     margin-top: 20px;
     padding: 8px;
 }

 .noticia-post span.comentario{
     color: #4a4a4a;
     font-size: 10px;
     font-weight: 400;
     font-style: italic;
 }

 .cuadrocorto {
     margin-top: 0 !important;
 }

 .cancelar-noticia,
 .ver-noticia-listada{
     background: #FFFFFF;
     border: 1px solid #979797;
     border-radius: 8px;
     color: #4a4a4a;
 }

 .guardar-noticia,
 .publicar-noticia{
     background: #529405;
     border: 1px solid #529405;
     border-radius: 8px;
     color: #FFFFFF;
 }

 .publicar-noticia{
     margin-top: 6px;
 }

 .eliminar-noticia{
     color: #FFFFFF;
     background: #DC3912;
     border: 1px solid #DC3912;
     border-radius: 8px;
 }


 /*Noticias > editar noticia*/

 .tabladatos{
     background: #f6f6f6 !important;
     border-radius: 8px;
     border: 1px solid #c4c4c4;
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
 }

 .cuadrocentral .cabeceratabla{
    background: none !important;
     border: 1px solid #c4c4c4;
     padding: 15px 5px;
}

 .titulo-tabla-editarnoticia{
     color:  #979797;
 }

 .tabladatos .lineatabla,
 .tabladatos .titulo-tabla-editarnoticia,
 .tabladatos .lineatabla2{
     padding: 10px;
     font-size: 14px;
 }

 .tabladatos .lineatabla:hover{
     background: unset;
     opacity: 0.6;
 }
 .notfound-noticias{
     margin-top: 8px;
 }

 @media(max-width: 1024px){
     .columna{
         width: 85%;
     }
     .cuadrocentral{
         margin-top: 20px;
     }
 }

/* PLANTILLAS*/

.selector-colores__columnas{
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1C62B2;
}


 .selector-colores__columnas{
     margin-top: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
     border: 1px solid #1C62B2;
     background: rgba(28, 98, 178, 0.13) ;
     border-radius: 8px;
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
 }

 .selector-color {
     padding: 15px;
     border: 1px solid transparent;
     border-radius: 10px;
     cursor: pointer;
 }

/*Opciones > opciones globales*/
@media(max-width: 425px){
    .txt-movil{
        font-size: 12px;
    }

    #formOptions{
        width: 100% !important;
    }
}

 /*Pestañas con propiedades*/
 @media(max-width: 425px){
     .pestanasProp-txt{
         font-size: 14px;
     }

     .pestanasProp-txt #sectionType{
         font-size: 12px;
         margin-top: 10px;
     }

     .pestanasProp-txt .pestanasProp-btn{
         margin-top: 10px;
     }
 }

 /*Redirecciones*/

 @media(max-width: 425px){
     .redirecciones-ejemplo{
         line-height: 2;
     }
 }

 /*Conf de los meta*/
 @media(max-width: 425px){
     #crearmenus #titleseo,
     #crearmenus #descriptionseo,
     #crearmenus #keywordsseo{
         width: auto !important;
     }

     #crearmenus #textareameta{
         width: 220px !important;
     }

     .configMetas-container{
         width: 90% !important;
         margin-left: 20px !important;
         float: unset !important;
     }

     #subirXml{
         float: right;
         margin-bottom: 10px;
     }
 }