/* Minification failed. Returning unminified contents.
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,25): run-time error CSS1039: Token not allowed after unary operator: '-inputdato-margin'
(1101,25): run-time error CSS1039: Token not allowed after unary operator: '-inputdato-margin'
(1145,32): run-time error CSS1039: Token not allowed after unary operator: '-inputdato-margin'
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Noto+Sans:wdth,wght@62.5..100,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    word-break: break-word;
    -webkit-overflow-scrolling: touch;
}

.__disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .45;
}

/* hack iphone (https://stackoverflow.com/q/44795085/1684970) */
input[type="text"], textarea {
    -webkit-transform: translateZ(0px);
}

@keyframes bajar {
    0% {
        bottom: 10px;
    }

    50% {
        bottom: 20px;
    }

    100% {
        bottom: 10px;
    }
}
:root {
    --inputdato-margin: 12px;
}
html {
    height: 100%;
}

body {
    font-size: 16px;
    line-height: 160%;
    font-family: "Noto Sans";
    font-weight: normal;
    font-variation-settings:
    "wdth" 87.5 !important;
    height: 100%;
}

body > form {
    height: 100%;
    color: #555;
    display: flex;
    background: #eee;
    background: #eceff3;
    position: relative;
    max-height: 100%;
}

.texto {
    font: normal 16px/26px "Noto Sans";
    font-variation-settings:
        "wdth" 87.5 !important;
}

.separator {
    border-top:1px dashed #ccc;
    padding-top:20px;
    margin-top:20px;
}
.cont {
    max-width: 1024px;
    margin: 0 auto;
}

.cont > *:not(:last-child) {
}

.btncnt.btnCntAnadirfake { padding-top: 0; }
.btncnt.btnCntAnadirfake a { margin: 0; }

fieldset {
    border: solid 1px #ccc;
    padding: 18px;
    border-radius:4px;
}
fieldset:not(:last-child) {
    margin-bottom: var(--inputdato-margin);
}

fieldset .btncnt {
    padding: 8px 0 0;
}

p {
    margin: 0 0 20px;
}

p:last-child {
    margin: 0;
}

p.nomargin {
    margin: 0;
}

a {
    color: #0091ea;
}

.bloque {
    display: inline-block !important;
}

.autowidth {
    width: auto !important;
}

#ifRegistraVisita {
    position: absolute;
    z-index: -99;
}

input, textarea {
    font-size: 16px;
line-height: 160%;
font-family: "Noto Sans";
font-weight: normal;
    padding: 0 4px;
    border: 0;
    border: 1px solid #999;
}

input[type="submit"] {
    border: 0;
}

input:focus {
    outline: none !important;
}

.color1 {
    color: white !important;
}

.botonborde {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 8px 16px;
    text-decoration: none;
    letter-spacing: 2px;
    margin-top: 0px;
    transition: padding 250ms ease;
}

.botonborde:hover {
    opacity: .8;
    padding: 8px 26px;
}

header {
    display: flex;
    flex-direction: column;
    width: 300px;
    top: 0;
    height: 100%;
    overflow: auto;
    background: white;
    z-index: 5;
    transition: all 400ms ease;
    box-shadow: none;
    background-color: #293f54;
    max-width: 300px;
    min-width: 300px;
    max-height: 100%;
}

main {
    width: 100%;
    height: 100%; /* display: flex; */ /* flex-direction: column; */
    max-height: 100%;
    overflow: auto; /* position: relative; */
}

/* DIV DE ERRORES */
.error-list, #SM_error_cont {
    display: none !important;
}

.SM-error-list {

}

.SM-error-list .title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.SM-error-list .title i.fa {
    color: #d01919;
    font-size: 24px;
    margin-right: 8px;
}

.SM-error-list .errors {
    line-height: 200%;
    color: #666;
}
.SM-error-list .errors .error-item {
display: block;
margin-bottom: 8px;
}

/* EFECTO LOADING DESKTOP */
html.loading * {
    cursor: wait !important;
}

/* SEPARADORES DE CONTENIDO */
.spacer-10 {
    margin: 5px 0;
}

.spacer-20 {
    margin: 10px 0;
}

.spacer-30 {
    margin: 15px 0;
}

.spacer-40 {
    margin: 20px 0;
}

.spacer-10-top {
    margin-top: 10px;
}

.spacer-20-top {
    margin-top: 20px;
}

.spacer-30-top {
    margin-top: 30px;
}

.spacer-40-top {
    margin-top: 40px;
}

.spacer-10-bottom {
    margin-bottom: 10px;
}

.spacer-20-bottom {
    margin-bottom: 20px;
}

.spacer-30-bottom {
    margin-bottom: 30px;
}

.spacer-40-bottom {
    margin-bottom: 40px;
}

/* TEXTOS */
.titulo1 {
    font: 500 30px/140% Montserrat;
    color: #1f3143;
}

.titulo2 {
    margin: 0 0 20px;
    font: 500 25px/140% Montserrat;
    color: #c53733;
}

.titulo3 {
    margin: 0 0 12px;
    font: 500 25px/140% Montserrat;
    color: #B1203D;
}

.subtitulo1 {
    display: block;
    margin: 0 0 12px;
    font-size: 14px;
    font-weight:bold;
    line-height:140%;
    font-family: "Noto Sans";
    letter-spacing: 1px;
    color: #999;
    text-transform: uppercase;
    padding: 0 4px;
}

.subtitulo1 > span {
    color: #333;
}

select.selector {
    border: 0;
    background: #eee;
    padding: 4px;
    border-radius: 4px;
    font-size: 16px;
line-height: 160%;
font-family: "Noto Sans";
font-weight: normal;
}

/* Breadcrumbs */
.breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumb a {
    text-decoration: none;
}

.breadcrumb i.fa {
    margin: 0 8px;
    font-size: 12px;
}

/* Infobox */
.infobox {
    font-size: 90%;
    line-height: 140%;
    margin: 8px 0 0;
    opacity: .8;
    padding: 8px 12px;
    background: #fff9c4;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: flex;
    align-items: flex-start;
    text-align: left;
}

.infobox:before {
    content: "\f05a";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin: 0 8px 0 0;
    font-size: 18px;
    line-height: 120%;
}

/*LOGIN*/
.bglogin {
    background-attachment: fixed;
    background: rgb(25, 38, 50);
    background: -moz-linear-gradient(45deg, rgba(25, 38, 50, 1) 0%, rgba(114, 128, 140, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(25, 38, 50, 1) 0%, rgba(114, 128, 140, 1) 100%);
    background: linear-gradient(45deg, rgba(25, 38, 50, 1) 0%, rgba(114, 128, 140, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#192632', endColorstr='#72808c', GradientType=1);
    background-attachment: fixed;
}

.bglogin > form {
    background-color: transparent;
}

#dvLogin {
    display: flex;
    width: 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
}

#dvLogin .dvLoginCont {
    max-width: 360px;
    width: 100%;
    color: white;
    text-align: center;
    padding: 12px;
}

#dvLogin .dvLoginCont .logincab {
    margin: 0 0 20px;
}

#dvLogin .dvLoginCont .logincab h1 {
    font: normal 18px/140% Montserrat;
    margin: 0 0 8px;
}

#dvLogin .dvLoginCont .logincab h1 span {
    font-size: 28px;
    display: block;
    margin: 4px 0;
}

#dvLogin .dvLoginCont .logincab #spnNombreEmpresa {
    color: #3fc1a5;
    text-transform: uppercase;
    letter-spacing: 4px;
}

#dvLogin .dvLoginCont .dvApartadoLogin input {
    width: 100%;
    border: 0;
    margin: 0 0 8px;
    padding: 8px 16px;
    border-radius: 4px;
}

#dvLogin .dvLoginCont .dvApartadoLogin input.btnLogin {
    background-color: #3fc1a5;
    color: white;
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}

#dvLogin .dvLoginCont .dvApartadoLogin input.btnLogin:hover {
    opacity: 0.9;
}

#dvLogin .dvLoginCont #lnkContactarLogin {
    color: white;
    margin: 12px 0;
    display: block;
}

#dvLogin .dvLoginCont .pPowered {
    font-style: italic;
    opacity: .8;
    font-size: 90%;
}

#dvLogin .dvLoginCont .pPowered span {
    border-right: 2px solid rgba(255, 255, 255, .8);
    padding-right: 8px
}

#dvLogin .dvLoginCont .pPowered a {
    color: white;
    text-decoration: none;
    display: inline-block;
}

.dvTop {
    width: 100%;
    /*background-color: #e0e0e0;*/
    background: rgba(0,0,0,0.05);
    padding: 8px 24px;
    display: flex;
    justify-content: flex-end;
    align-items: center; /* min-height: 44px; */ /* position: relative; */
}

.dvTop .btnTopBtnDv {
    margin: 0 0 10px;
    position: relative;
}

.dvTop .btnTopBtnDv span {
    display: inline-block;
    color: white;
}

.dvTop .btnTopBtnDv #btnTopBtnClose {
    position: absolute;
    right: -12px;
    top: -12px;
    padding: 4px 12px
}

.dvTop .dvLogoMvl {
    display: none;
    align-items: center;
    text-align: left;
}

.dvTop .dvLogoMvl img {
    display: block;
    width: 60px;
    margin-right: 12px;
}

.dvTop .dvLogoMvl p span {
    display: block;
    font: normal 16px/120% Montserrat;
    letter-spacing: 1px;
}

.dvTop .dvLogoMvl p span.spNombreEmpresa {
    text-transform: uppercase;
    opacity: 0.6;
    font-size: 12px;
    line-height: 120%;
    font-family: "Noto Sans";
    font-weight:normal;
    margin-top: 4px;
}

.dvTop .btnTopAsis {
    display: none;
}

.dvTop .dvTopCont {
    margin: 0;
    text-align: right;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: Montserrat;
    display: flex;
    flex-shrink: 0;
}

.dvTop .dvTopCont > div {
    width: 100%;
}

.dvTop .btnTopTelf {
    display: inline-block;
    padding: 4px 12px;
    color: #666;
    background: white;
    border: 1px solid #ccc;
    margin: 0 2px;
    border-radius: 4px;
    text-decoration: none;
}

.dvTop .btnTopTelf:before {
    content: "\f095";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 8px;
}

.dvTop .btnTopMail {
    display: inline-block;
    padding: 4px 12px;
    color: #666;
    background: white;
    border: 1px solid #ccc;
    margin: 0 2px;
    border-radius: 4px;
    text-decoration: none;
}

.dvTop .btnTopMail:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 8px;
}

#pull {
    display: none;
    transition: all 400ms ease;
    width: 36px;
    height: 36px;
    text-align: center;
    color: #FFF;
    border: 1px solid rgba(41, 63, 84, 1);
    border-radius: 4px;
    line-height: 36px;
    font-size: 18px;
    cursor: pointer;
    background: #293F54;
    margin-left: 10px;
    min-width: 36px;
}

#pull .btncerrarmenu {
    display: none;
}

.dvMain { /* height: 100%; */
    padding: 60px 24px;
    position: relative;
    margin: 0 0 40px;
}

.scCont {
    max-width: 960px;
    background-color: white;
    padding: 40px;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0px -8px 20px #dee3e9;
}

.scContHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    margin: 0 0 20px;
}

.hcont {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: white;
    overflow: auto;
}

.hcont .dvDevInfo {
    text-align: right;
    padding: 8px 20px;
    background: rgba(0, 0, 0, 0.4);
}

.hcont .dvDevInfo p {
    margin: 0;
    font: 14px/22px Montserrat;
    width: 100%;
}

.hcont .dvDevInfo p:last-child {
    margin: 10px 0 0;
}

#logo {
    display: flex;
    align-items: center;
    color: white;
    padding: 16px 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font: normal 16px/120% Montserrat;
    letter-spacing: 1px;
}

#logo img {
    display: block;
    width: 60px;
    margin-right: 12px;
}

#logo img.logo {
    border-radius: 100%;
}

#logo p span {
    display: block;
}

#logo p span#spNombreEmpresa {
    text-transform: uppercase;
    opacity: 0.6;
    font-size: 12px;
    line-height: 120%;
    font-family: "Noto Sans";
    font-weight:normal;
    margin-top: 4px;
}

#menu {
    height: 100%;
    width: 100%;
    overflow: auto;
    align-self: flex-start;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
}

#menu > div {
    width: 100%;
}

#menu .ulMenu { /* padding: 20px 0; */
}

#menu .ulMenu li {
    display: block;
}

#menu .ulMenu li a {
    color: white;
    text-decoration: none;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    font: 500 16px/24px Montserrat;
}

#menu .ulMenu li a.active {
    background: rgba(0, 0, 0, 0.2);
}

#menu .ulMenu > li > a {
    background: rgba(0, 0, 0, 0.1);
}

#menu .ulMenu > li > a:hover {
    background: rgba(0, 0, 0, 0.2);
}

#menu .ulMenu > li > a > i {
    width: 20px;
    text-align: center;
    margin-right: 8px;
}

#menu .ulMenu > li > a span {
    text-transform: uppercase;
    letter-spacing: -0.5px;
    flex: 1;
}

#menu .ulMenu > .liMenuCat > ul > li a:hover, #menu .ulMenu > .liMenuCat > ul > .liSelect a {
    background: rgba(255, 255, 255, 0.05)
}

#menu .ulMenu > .liMenuCat > a span:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    float: right;
    transition: all 300ms ease;
    height: 20px;
    line-height: 20px;
}

/*#menu .ulMenu > .liMenuCat.active > a span:after{ transform: scaleY(-1) }*/
#menu .ulMenu li .ulSubMenu {
    display: none;
}

#menu .ulMenu li .ulSubMenu li a {
    padding-left: 44px;
}

#menu .ulMenu li .ulSubMenu li #portada_add_section i{
    margin-right: 8px;
}

#close {
    position: fixed;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: -9;
    opacity: 0;
    transition: opacity 250ms ease-in;
}

.ulListado {
    background: #f5f5f5;
    margin: 0 0 20px;
}

.ulListado li {
    list-style: none;
    padding: 8px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.ulListado li:not(.liTitulo) li:not(.row) span:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 8px;
}

.ulListado li.row span:before {
    content: "\f0dc";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 12px;
    width: 32px;
    max-width: 32px;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
}

.ulListado li:last-child {
    border: 0;
}

.ulListado li.liTitulo {
    /* font: normal 16px/24px Montserrat; */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 80%;
}

.ulListado li span {
    display: flex;
    align-items: center;
}

.ulListado li span:before {
    width: 6px;
    max-width: 6px;
    min-width: 6px;
}

/**
 * Tablas
 */
.tw0 {
    width: 0;
    white-space: nowrap;
}

.tbListadoRegBlog {
    background: #f5f5f5;
    margin: 0 0 20px;
    width: 100%;
}

.tbListadoRegBlog th {
    padding: 4px 12px;
}

.tbListadoRegBlog td {
    padding: 12px;
}

.dvAlignRight {
    text-align: right;
}

/* BOTONES*/
.btncnt {
    text-align: right;
    padding-top: 20px;
    overflow: hidden;
}

.btn {
    display: inline-block;
    border: none;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    padding: 8px 16px;
    background: #e0e0e0;
    color: #666;
    margin: 0 0 4px;
    font-size: 16px;
line-height: 160%;
font-family: "Noto Sans";
font-weight: normal;
    min-height: 44px;
}

.btn:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
}

.btn span:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 8px;

    font-size: 14px;
}

.btnAceptar {
    background: #16ab39;
    color: white;
}

.btnAceptar span:before {
    content: "\f00c";
}

.btnGuardar {
    background: #2185D0;
    color: white;
}

.btnGuardar span:before {
    content: "\f0c7";
}

.btnGuardarDuplicar {
    background: white;
    color: #2185D0;
    float: left;
    border: solid 1px #2185D0;
}

.btnGuardarDuplicar span:before {
    content: "\f24d";
}

.btnGuardarImprimir[type="submit"] {
    background: white;
    color: #2185D0;
    float: left;
    border: solid 1px #2185D0;
    margin-right: 4px;
}

.btnGuardarImprimir span:before {
    content: "\f02f";
}

.btnGuardarQr {
    background: white;
    color: #2185D0;
    float: left;
    border: solid 1px #2185D0;
    margin-right: 4px;
}

.btnGuardarQr span:before {
    content: "\f029";
}

.btnCancelar {
}

.btnCancelar span:before {
    content: "\f057";
}

.btnEliminar {
    background: #e64343;
    color: white;
}

.btnEliminar span:before {
    content: "\f1f8";
}

.btnAnadir {
    background: #3fc1a5;
    color: white;
}

.btnAnadir span:before {
    content: "\f055";
}

.btnBuscar {
    background-color: #666;
    color: white;
}

.btnBuscar span:before {
    content: "\f002";
}

.btnFiltrar {
}

.btnFiltrar span:before {
    content: "\f0b0";
}

.btnBorrarFiltro {
}

.btnBorrarFiltro span:before {
    content: "\f12d";
}

.btnmin {
    display: inline-block;
    cursor: pointer;
    text-decoration: none; /* font-weight: bold; */
    color: #666;
    padding: 4px;
}

.btnmin span:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 4px;

    font-size: 14px;
    width: 16px;
    text-align: center;
    display: inline-block;
}

.btnminSeleccionar {
    color: #16ab39;
}

.btnminSeleccionar span:before {
    content: "\f14a";
    font-weight: 400;
}

.btnminBorrar {
    color: #d01919;
}

.btnminBorrar span:before {
    content: "\f00d";
}

.btnminMover {
}

.btnminMover span:before {
    content: "\f08e";
}

.btnminMover .spnMoverDB {
    display: inline-block;
}

.btnminMover .spnMoverDB select {
    padding: 4px 0;
    border: 0;
    background: #eee;
    padding: 4px;
    border-radius: 4px;
    font-size: 16px;
line-height: 160%;
font-family: "Noto Sans";
font-weight: normal;
}

.btnminMover .spnMoverDB input {
    cursor: pointer;
    background: #fff;
    color: #fff;
    background: #34495D;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 25.6px;
    font-family: "Noto Sans";
    font-weight:normal;
    vertical-align: top;
}

.btnminOrdenar {
}

.btnminOrdenar span:before {
    content: "\f15d";
}

.spnMoverDB select {
    padding: 0
}

.btncab {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #666;
    padding: 4px;
    font-size: 80%;
    text-transform: uppercase;
}

.btncab span:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 4px;

    font-size: 14px;
    width: 16px;
    text-align: center;
    display: inline-block;
}

.btncabEliminar {
    color: #d01919;
}

.btncabEliminar span:before {
    content: "\f00d";
}

/* INPUT */
.inputdato {
    width: 100%;
    margin-bottom: var(--inputdato-margin);
    vertical-align: top;
}

.inputdato.simple {
    display: flex;
    align-items: center;
}

.inputdato.simple > *:first-child, .etiq {
    flex-shrink: 0;
    margin-right: 8px;
}

.inputdato.simple .btn {
    flex-shrink: 0;
    margin: 0 0 0 4px;
    background: #e0e0e0;
    color: #666;
    text-align: center;
}

.inputdato.simple > span:last-child {
    flex-shrink: 0;
    margin-left: 4px;
}

.inputdato.simple-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.inputdato.simple-grid > span:first-child {
    grid-column: 1/3;
}

.inputdato.simple-grid span.info {
    margin: 0 0 0 4px;
}

@media screen and (min-width: 801px) {
    .inputdato.w50 {
        display: inline-block;
        width: calc(50% - var(--inputdato-margin));
    }
    .inputdato.simple.w50 {
        display: inline-flex;
    }
    .inputdato.simple-grid.w50 {
        display: inline-grid;
    }
    .inputdato.checkgroup {
        column-count: 2;
        gap: 12px;
        text-align:left !important;
        text-align-last:left !important;
    }
}

.inputdato.mw360 {
    max-width: 360px;
}

.inputdato.sep {
    padding: 12px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.inputdato.sep > span:not(.infobox) {
    margin: 4px 0;
}
.inputdato.grid {
    display: grid;
    grid-template-areas: "a a a" "b c d";
    grid-gap: 4px;
    grid-template-columns: auto min-content max-content;
}
.inputdato.grid:not(:first-child) {
    margin-top: 20px;
}

.inputdato.grid > *:not(.spnNombreCat) {
    grid-area: a;
}

.inputdato.grid .spnNombreCat {
    grid-area: a;
}

.inputdato.grid #txtLink {
    grid-area: b;
    width: 100%;
}

.inputdato.grid #verenlace {
    grid-area: c;
    width: 80px;
    text-align: center;
    margin: 0;
}

.inputdato.grid #lnkGenerarQR,
.inputdato.grid > button.btn {
    grid-area: d;
    margin: 0;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #3fc1a5;
    margin: 0;
    min-width: 80px;
    color: #fff;
}

.inputdato.grid #lnkGenerarQR i,
.inputdato.grid > button.btn i {
    margin-right: 6px
}
.inputdato > span:not(.info):not(.counter):not(.texto) {
    display: block;
    font-size: 90%;
    line-height:140%;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .8;
    text-align:left;
}

.inputdato span.info {
    font-style: italic;
    line-height: 120%;
    display: block;
    font-size: 80%;
    opacity: .8;
    margin-top: 4px;
}

.inputdato div.info {
    font-style: italic;
    line-height: 120%;
    display: block;
    font-size: 80%;
    opacity: .8;
    margin-top: 4px;
}

.inputdato div.info p {
    margin-bottom: 8px;
}

.inputdato input, .inputdato textarea, .inputdato select, .grid input {
    display: block;
    width: 100%;
    border: 0;
    background: #f0f0f0;
    font-size: 16px;
line-height: 160%;
font-family: "Noto Sans";
font-weight: normal;
    padding: 8px 12px;
    border-radius: 4px;
    min-height: 44px;
}

.inputdato input.inputblanco {
    background: #fff;
}

.inputdato input:disabled, .inputdato textarea:disabled, .inputdato select:disabled, .grid input:disabled {

    opacity: 0.4;
}

.inputdato textarea {
    height: 94px
}

.inputdato .counter {
    line-height: 100%;
    font-size: 80%;
    text-align: right;
    display: block;
    margin: 4px 4px 0;
}

.inputdato input:valid, .inputdato textarea:valid, .inputdato select:valid { /* border: solid 1px green; */
}

.inputdato input:invalid, .inputdato textarea:invalid, .inputdato select:invalid {
    border: solid 1px red;
}

.inputdato .withcounter {
    display: flex;
    align-items: center;
}

.inputdato .withcounter .counter {
    /* min-width: 48px; */
    flex-shrink: 0;
}

.inputPorcentaje, .inputEuro {
    position: relative;
    width: 100%;

}
.inputPorcentaje:after, .inputEuro:after {
    content: "";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ccc;
    color: #666;
    border-radius: 0 4px 4px 0;
    font-size: 24px;
}

.inputPorcentaje:after{
    content: "\f295";
}
.inputEuro:after {
    content: "\f153";
}

.inpbt {
    display: flex;
    align-items: center;
}

.inpbt > span {
    flex-shrink: 0;
    margin: 0 8px 0 0;
}

.inpbt input {
    width: 100%;
}

.inpbt .btn {
    margin: 0 0 0 8px;
    flex-shrink: 0;
}

.lnkvideo {
    display: flex;
    align-items: center;
}

.lnkvideo > span {
    flex-shrink: 0;
    margin: 0 8px 0 0;
}

.lnkvideo input {
    width: 100%;
}

.lnkvideo .btn {
    margin: 0 0 0 8px;
    flex-shrink: 0;
}

#dvMapa .infobox {
    margin: 8px 0 16px;
}

#dvMapa .texto {
    margin: 0 0 8px;
}

#dvMapa #dvGMap > * {
    width: 100% !important;
}

.enlacebtn { /*Adjuntar Imagen*/
    display: flex;
}

.enlacebtn > a {
    flex-shrink: 0;
    margin: 0 0 0 8px;
    width: auto !important;
    border: 1px solid #999;
    background-color: transparent;
    padding: 6px 16px;
}

/*Adjuntar Imagen*/
.objDerModCategorias { /*display:flex; */
}

.objDerModCategorias .radiobtn {
}

.objDerModCategorias .radiobtn:nth-of-type(2) {
    margin-left: 20px;
}

.objDerModCategorias a {
    padding: 4px 8px;
    background: #ccc;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}

#dvImagenAsociada {
    list-style: none;
    margin: 0 0 12px;
    display: flex;
    flex-flow: row wrap;
}

ul#dvImagenAsociada:not(#file_upload_queue) li,
#dvImagenAsociada ul:not(#file_upload_queue) li {
    width: 24%;
    margin: 0.5%;
    background-color: #fff;
    padding: 4px 8px 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    text-align: center;
}

#dvImagenAsociada ul:not(#file_upload_queue) li img {
    display: block;
    width: 100%;
}

#dvImagenAsociada .dvImagenOptions {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 12px;
}

#dvContNuevoRegistro #dvImagenAsociada li {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    text-align: left;
    padding: 0;
}

#dvImagenAsociada li .dvFotoImgView {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background-color: #eee;
}

#dvImagenAsociada li .dvFotoImgView img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

#dvImagenAsociada li .dvFotoImgView .spnFotoMov {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

#dvImagenAsociada li .dvFotoImgView .spnFotoMov span {
    display: block;
    width: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    padding: 4px;
    cursor: pointer;
}

#dvImagenAsociada li .dvFotoImgView .spnFotoMov span:before {
    content: "\f0b2";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 4px;
}

#dvImagenAsociada li .dvAmpBorr {
    padding: 8px 4px 12px;
    display: flex;
    justify-content: space-between;
    font-size: 80%;
    line-height: 100%;
    text-decoration: underline;
    color: #0091ea;
}

#dvImagenAsociada li .dvAmpBorr span {
    cursor: pointer;
}

#dvImagenAsociada .radiobtn {
    display: inline-block;
    margin-right: 20px;
}

#dvAnadirImagenes #carpimg, #dvAnadirImagenes #dvUploadFile, #dvAnadirImagenes #dvUploadFile_2,
#dvAnadirImagenes #carpimgMovil, #dvAnadirImagenes #dvUploadFileMovil {
    display: inline-block;
    vertical-align: bottom;
    line-height: 0;
}

#dvAnadirImagenes, #dvAnadirImagenesMovil {
    width: 100%;
    margin-top: 8px;
}

#dvAnadirImagenes > div > a, #dvAnadirImagenesMovil > div > a {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
}

#dvAnadirImagenes > div > a img, #dvAnadirImagenesMovil > div > a img {
    display: block;
    margin: 0 4px 4px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#dvAnadirImagenes > div > a .fa, #dvAnadirImagenesMovil > div > a .fa {
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: white;
    text-shadow: 0 0 6px rgba(0, 0, 0, 1);
}

.pFileUploadInput {
    display: flex;
    align-items: center;
}

.pFileUploadInput .spnImgLeft {
    margin-left: 8px;
    font-style: italic;
    font-size: 80%;
}

#dvUploadFile a, #dvUploadFile_2 a,
#dvUploadFileMovil a {
    cursor: pointer;
    color: #fff;
    background: #34495D;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 25.6px;
    font-family: "Noto Sans";
    font-weight: normal;
    vertical-align: top;
    display: inline-block;
}

#dvUploadFile a:before, #dvUploadFile_2 a:before,
#dvUploadFileMovil a:before {
    content: "\f093";
    margin-right: 8px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.spnTamFich {
    margin: 0 0 12px;
    display: block;
    font-size: 80%;
    font-style: italic;
}

.carpimg a {
    position: relative;
}

.carpimg a span {
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.carpimg_modal a {
    position: relative;
    display: inline-block;
}

.carpimg_modal a span {
    position: absolute;
    bottom: 4px;
    right: 4px;
}

/*Adjuntar Ficheros*/
.radiobtncnt .spnValorFicheros {
    display: inline-block;
    font-size: 80%;
    opacity: .8;
    font-style: italic;
}

#txtContrasenaFichero {
    max-width: 300px;
    background: white;
    margin: 8px 0;
    border: 1px solid #ccc;
}

#file_upload, #file_upload_2, #file_uploadMovil, #file_upload_files {
    cursor: pointer;
    color: #fff;
    background: #34495D;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 130%;
    font-family: "Noto Sans";
    font-weight: normal;
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
}

#file_upload:before, #file_upload_2:before, #file_upload_files:before {
    content: "\f093";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 4px;
}

/*Redes Sociales*/
#liredessociales .objDerModCategorias > div .content .checkCont {
    display: none;
}

#liredessociales { align-items: center; }

#liredessociales .ima input {
    display: inline;
    width: auto;
}

#liredessociales .infobox {
    align-items: center;
}

#liredessociales .infobox span {
    margin-left: 4px;
}

#liredessociales .res-count {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#liredessociales .reset {
    line-height: 100%;
    font-size: 80%;
    text-align: right;
    display: block;
    margin: 4px 4px 0;
    cursor: pointer;
}

#liredessociales .duda {
    color: #0091ea;
    text-decoration: underline;
    cursor: pointer;
}

#liredessociales .objDerModCategorias > div:not(:last-child) .content {
    border-bottom: 2px dashed #ccc;
    padding: 0 0 12px;
}

#liredessociales .objDerModCategorias .content .login {
    padding: 24px 0;
}

#liredessociales .objDerModCategorias .content .login button {
    display: block;
    margin: 0 auto;
}

#liredessociales .objDerModCategorias .content .publish {
    display: none;
}

#liredessociales .objDerModCategorias .content p {
    margin: 4px 0;
}

#liredessociales textarea {
    background-color: white;
}

#liredessociales #fcbPublicarFecha {
    background-color: white;
    margin-top: 12px;
}

/*#liredessociales .objDerModCategorias .content p:last-child {
    display: flex;
    justify-content: flex-end;
    margin: 12px 0 0;
}*/

/*#liredessociales .objDerModCategorias .content p:last-child > * {
    background-color: white;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 80%;
    cursor: pointer;
}*/

#liredessociales .objDerModCategorias .content p:last-child > .duda {
    background-color: transparent;
    border: 1px solid #999;
    padding: 0 6px;
    margin-right: 8px;
}

#liredessociales .objDerModCategorias .content p:last-child > .duda:after {
    content: "\f059";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-left: 4px;
}

#liredessociales .objDerModCategorias .checkCont {
    margin: 0;
    display: flex;
    align-items: center;
}

#liredessociales .objDerModCategorias .checkCont .checkBtn {
    flex-shrink: 0;
    margin-right: 8px
}

#liredessociales .objDerModCategorias .checkCont .checkBtn .control__indicator {
    border-color: white;
}

#liredessociales .objDerModCategorias .checkCont > span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#liredessociales .objDerModCategorias > div:not(:last-child) {
    margin: 0 0 12px;
}

.objDerModCategorias .title {
    padding: 10px 12px;
    border-radius: 4px;
    color: white;
}

.objDerModCategorias .title i {
    width: 20px;
    text-align: center;
}
.objDerModCategorias .title img {
    width: 20px;
    height:1rem;
}

.objDerModCategorias .shfb .title {
    background-color: #1979F4;
}

.objDerModCategorias .shtw .title {
    background-color: #1da1f2;
    background-color: #0f1419;
}

.objDerModCategorias .shisnta .title {
    background-color: #b62e92;
}

.objDerModCategorias .shgoogle .title {
    /*background-color: #767676;*/
    background-color: #4285F4;
}

.objDerModCategorias .content {
    display: none;
}

.objDerModCategorias .content {
}

/* LISTA DATOS*/
.listadatos {
    list-style: none;
}

/* LISTA SORTABLE */
.sort-list {
    display: flex;
    list-style: none;
}

.sort-list > li {
    margin: 0 12px 12px;
}

/* CHECKS Y RADIOBUTTONS */
.icocheck {
    display: block;
    width: 20px;
    height: 20px;
    background: white;
    border: 2px solid #ccc;
    border-radius: 4px;
    text-align: center;
    line-height: 16px;
    transform: scale(.7);
    opacity: 0.8;
    margin: 0 auto;
}

.icocheck:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.checkCont {
    margin: 0 0 10px;
    display: flex;
    align-items: flex-start;
} 
.checkCont.checkCont--bold > span {
    display: block;
    font-size: 90%;
    line-height:150%;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .8;
}

.checkBtn {
    position: relative;
    display: inline-block;
    line-height: 30px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}

.checkBtn input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    right: 100%;
}

.checkBtn .control__indicator {
    display: block;
    width: 20px;
    height: 20px;
    background: white;
    border: 2px solid #ccc;
    border-radius: 4px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}

.checkBtn .control__indicator:after {
    content: '';
    display: none;
}

.checkBtn input:checked ~ .control__indicator:after {
    display: block;
}

.checkBtn .control--checkbox .control__indicator:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #666
}

.checkBtn .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
    background: #eee;
    opacity: 0.75;
}

.radiobtncnt {
    margin: 0 0 10px;
}

.radiobtn {
    display: inline-flex;
    align-items: center;
}

.radiobtn.cien, .radiobtn.cien label {
    width: 100%;
}

.radiobtn input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 20px;
    height: 20px;
}

.radiobtn label {
    display: flex;
    align-items: center;
}

.radiobtn label:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background: white;
    border: 2px solid #ccc;
    border-radius: 100%;
    text-align: center;
    line-height: 16px;
    margin: 0px 5px 0 0;
    vertical-align: middle;
    cursor: pointer;
    flex-shrink: 0;
}

.radiobtn input[type="radio"]:checked ~ label:before {
    background: #666666;
    background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%);
    background: radial-gradient(ellipse at center, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#ffffff', GradientType=1);
}

.radiobtn .counter {
    display: inline-block;
    flex-shrink: 0;
}

/* SELECT */
select {
    padding: 4px 8px;
}

/* INICIO */
.ulInicio {
    list-style: none;
}

.ulInicio > li {
    background: #eee;
    margin-bottom: 20px;
    padding: 12px;
    border-radius: 4px
}

.ulInicio > li > span {
    margin: 0 0 8px;
    display: block;
    font: 500 20px/140% Montserrat;
}

.ulInicio > li > ul {
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.ulInicio > li > ul > li {
    width: 49.5%;
    margin-bottom: 1%;
}

.ulInicio > li > ul > li:last-child {
    margin: 0
}

/* mirar que sea last-child + par o last-child - 1 + inpar */
.ulInicio > li > ul > li:nth-last-child(2) {
    margin: 0;
}

.ulInicio > li > ul > li > a {
    display: flex;
    background: white;
    color: #2185d0;
    text-decoration: none;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    justify-content: space-between;
    overflow: hidden;
}

.ulInicio > li > ul > li > a:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    width: 40px;
    line-height: 40px;
    background-color: #2185d0;
    color: white;
    text-align: center;
}

.ulInicio > li > ul > li > a.green:before {
    background-color: #3fc1a5
}

.ulInicio > li > ul > li > a.grey:before {
    background-color: #666
}

.ulInicio > li > ul > li > a.inicioAnadir:before {
    content: "\f055";
    font-size: 18px;
}

.ulInicio > li > ul > li > a.inicioVer:before {
    content: "\f03a";
}

.ulInicio > li > ul > li > a.inicioClaves:before {
    content: "\f023";
}

.ulInicio > li > ul > li > a.inicioPedidos:before {
    content: "\f0ce";
}

.ulInicio > li > ul > li > a.inicioPago:before {
    content: "\f0d6";
}

.ulInicio > li > ul > li > a.inicioInmo:before {
    content: "\f015";
}

.ulInicio > li > ul > li > a span {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 0 12px;
}

.ulInicio > li > ul > li > a span:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-left: 4px
}

/* CATEGORIAS*/
.mostrarCatGrupo {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.mostrarCatGrupo .mostrarCat {
    display: flex;
    align-items: center;
    width: 49%;
    overflow: hidden;
}

.mostrarCatGrupo .mostrarCat *:first-child {
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .8;
}

.mostrarCatGrupo .mostrarCat *:last-child {
    width: 100%;
}

.inputdatoGrupo {
    display: flex;
    flex-flow: row wrap;
    width: 50%;
    align-items: center;
    justify-content: flex-start;
}

.inputdatoGrupo .inputdato {
    margin-right: 20px;
}

.mostrarCat {
    margin: 0 0 20px;
}

.mostrarCat select, .grid select {
    border: 0;
    background: #eee;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 16px;
line-height: 160%;
font-family: "Noto Sans";
font-weight: normal;
}

.mostrarCat input {
    border: 0;
    background: #f0f0f0;
    font-size: 16px;
line-height: 160%;
font-family: "Noto Sans";
font-weight: normal;
    padding: 8px 12px;
    border-radius: 4px;
}

/* ESTRUCTURA FICHAS */
.caboption {
    text-align: right;
}

/* PANEL ENTRADA TEXTO */
.mce-panel {
    width: 100% !important;
}

/* TABLAS */
.tabla {
    width: 100%;
    margin: 0 0 20px;
    border: 0;
    /* max-height: 400px; */
    /* overflow: auto; */
}

.tabla .checkCont, .tabla .checkBtn {
    margin: 0;
}

.tabla tr {
}

.tabla tr td {
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 12px 4px;
    text-align: center;
}

.tabla tr td:nth-child(2) {
    text-align: left;
}

.tabla thead td {
    background: #eee;
    font-weight: bold;
    padding: 4px;
    text-transform: uppercase;
    font-size: 80%;
}

.tabla thead td.tdSelecc {
    width: 30px;
}

.tabla.timg tr td:first-child {
    width: 98px;
    max-width: 98px;
    min-width: 98px;
    padding: 4px;
}

.tabla.timg tr td img {
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
    max-width: 90px;
}

.tabla thead tr:first-child td i {
    font-size: 120%;
}

.tabla tr .fa-check {
    color: #16ab39;
}

.tabla tr .fa-times {
    color: #d01919;
}

/* Grids*/
.grid {
    width: 100%;
    margin: 0 0 8px;
    border: 0;
}

.grid td, .grid th {
    border: 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding: 12px 4px;
    text-align: center;
    border-right: 2px solid white;
}

.grid td:empty {
    background: red !important;
}

.grid th {
    background: #eee;
    font-weight: bold;
    padding: 4px;
    text-transform: uppercase;
    font-size: 80%;
}

.grid th a {
    text-decoration: none;
    color: inherit;

}

.grid th a:after {
    content: '\f0dc';
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-left: 4px;
}

.grid .btnAnadir {
    background: #3fc1a5;
    margin: 0;
    min-width: 80px;
}

.grid select {
    padding: 10px 12px;
    width: 100%;
}

.grid.anadir tr:last-child td {
    border-bottom: 0;
}

.gridbtn {
    display: block;
    text-decoration: none;
    font-size: 15px
}

.gridbtn:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 4px;

    font-size: 14px;
    width: 16px;
    text-align: center;
    display: inline-block;
}

.gridbtn.update {
    color: #16ab39;
}

.gridbtn.update:before {
    content: '\f021';
}

.gridbtn.cancel {
    color: #666;
}

.gridbtn.cancel:before {
    content: '\f05e';
}

.gridbtn.edit {
    color: #006ab3;
}

.gridbtn.edit:before {
    content: '\f044';
}

.gridbtn.borrar {
    color: #d01919;
}

.gridbtn.borrar:before {
    content: '\f00d';
}

.grid tr.seleccionado {
    background: #ddf1e2;
    padding-top: 4px;

}

.grid tr.seleccionado td {
    border-bottom: 0;
    padding: 4px 8px;
}

.grid tr.seleccionado select, .grid tr.seleccionado input {
    background: white;
}

.msgError {
    margin-bottom: 20px;
}

.msgError span {
    display: inline-block;
    color: #d01919;
    margin-right: 16px;
}

.msgError span:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 4px;

    font-size: 14px;
    width: 16px;
    text-align: center;
    display: inline-block;
    content: '\f06a';
}

/* SimpleModal (modal genérica) */
.SimpleModal {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* font: normal 13px verdana; */
    z-index: 10;
    margin: 0 auto;
}

.SimpleModal .bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: black;
    opacity: .8;
}

.SimpleModal .wrap {
    max-width: 1024px;
    padding: 24px;
    background: white;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    color: #333;
    margin: 12px;
}

.SimpleModal .wrap img {
    max-width: 100%;
}

.SimpleModal .wrap .saveOK {
    max-width: 190px;
}

.SimpleModal .wrap .saveOK i {
    display: block;
    font-size: 46px;
    margin: 0 0 8px;
    color: #16ab39;
}

.SimpleModal.dialog-modal .dialog {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    margin: 16px 0;
}

.SimpleModal.dialog-modal .icon {
    font-size: 28px;
    margin-right: 8px;
}

.SimpleModal.dialog-modal .icon-alert {
    color: orange;
}

.SimpleModal.dialog-modal .icon-confirm {
    color: gray;
}

.SimpleModal.dialog-modal .icon-info {
    color: #2185d0;
}

.SimpleModal.dialog-modal .icon-error {
    color: #d01919;
}

.SimpleModal.dialog-modal .icon-loading {
    color: #ccc;
}

.SimpleModal.dialog-modal .dialog .text {
    align-self: center;
}

.SimpleModal .btncnt .btn {
    margin: 0 8px;
}

/* Seguridad contraseñas */
#keysafety {
    font-size: 16px;
line-height: 160%;
font-family: "Noto Sans";
font-weight: normal;
    padding: 8px 12px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    color: white;
    display: none;
    text-transform: none;
    vertical-align: top;

}

#keysafety.level-0 {
    background: darkred;
}

#keysafety.level-0:before {
    content: "clave no segura"
}

#keysafety.level-1 {
    background: yellow;
    color: #333;
}

#keysafety.level-1:before {
    content: "seguridad baja"
}

#keysafety.level-2 {
    background: orange;
}

#keysafety.level-2:before {
    content: "seguridad media"
}

#keysafety.level-3 {
    background: green;
}

#keysafety.level-3:before {
    content: "seguridad alta"
}

/* DIVS COMPACTOS */
.compact-list {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.compact-list > .group {
    margin-bottom: 9px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #00b5ad;
}

.compact-list > .group > .group-data {
    display: none;
    /* margin-bottom: 20px; */
    padding: 16px;
}

.compact-list > .group > .group-data .dos {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
}

.compact-list > .group > .group-data .dos > * {
    width: 49%;
}

.compact-list > .group > .group-name {
    display: flex;
    padding: 8px 12px;
    cursor: pointer;
    font: 500 18px/140% Montserrat;
    color: #00b5ad;
    background: #fff;
    border-left: 8px solid #00b5ad;
    justify-content: space-between;
    align-items: center;
    min-height: 44px;
}

.compact-list > .group > .group-name:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f078";
    margin-left:8px;
}
.compact-list > .group.hightlighted > .group-name {
    background: rgba(0, 179, 170, 0.075);
    font-weight: 600;
}

.compact-list > .group.visible > .group-name {
    background: #00b5ad;
    color: white;
}

.compact-list > .group.visible > .group-name:after {
    content: "\f077";
}

.compact-list > .group.visible {
    background: none;
}

.compact-list > .group > .group-data {
    text-align: justify;
    text-align-last: justify;
}
.compact-list > .group > .group-data > * {
    text-align: inherit;
    text-align-last: auto;
}

.compact-list .compact-list > .group {
    background: none;
    border: 1px solid #00b5ad;
}

.compact-list .compact-list > .group.visible > .group-name {
    background: #00b5ad;
}

.compact-list .fieldset {
    border-color: #bdbdbd;
    border-radius: 4px;
    padding: 4px 8px 8px;
}

.compact-list .fieldset:not(:last-child) {
    margin-bottom: 20px;
}

.compact-list .fieldset legend {
    display: block;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .8;
    padding: 0 4px;
}

/* ARCHIVOS */
#carpfile {
    display: flex;
    background-color: #fff;
    padding: 8px 8px 8px 16px;
    justify-content: space-between;
    margin: 0 0 8px;
    border-radius: 4px;
}

#btnEliminarArchivo {
    display: inline-block;
    border: none;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    padding: 4px 8px;
    background: #e0e0e0;
    color: #666;
    flex-shrink: 0;
    margin-left: 8px;
}

#btnEliminarArchivo:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 4px;

    font-size: 14px;
    content: "\f00d"
}

#file_upload_queue, #file_upload_queue2, #file_upload_queue3, #file_upload_queue4, #file_upload_queueMovil, #dvUploadFile_2 ul, #dvUploadFileMovil ul {
    list-style: none;
    line-height: 120%;
    margin: 8px 0 8px;
    font-size: 12px;
}

#dvUploadFile_2 ul li, #file_upload_queue li, #file_upload_queue2 li, #file_upload_queue3 li, #file_upload_queue4 li, #file_upload_queueMovil li {
    margin-bottom: 8px;
    background: white;
    padding: 4px;
}

#dvUploadFile_2 ul .progress, #file_upload_queue .progress, #file_upload_queue2 .progress, #file_upload_queue3 .progress, #file_upload_queue4 .progress, #file_upload_queueMovil .progress {
    height: 4px;
    background-color: #00b5ad;
    display: block !important;
    border-radius: 4px;
    width: 0;
    margin-top: 8px;
}

.tblSubirFichero {
    width: 100%;
}

#tblSubirFichero tr {
    background-color: #fff;
    padding: 4px 8px;
    display: flex;
    border-radius: 4px;
    margin-bottom: 4px;
}

#tblSubirFichero tr td:first-child {
    width: 90px;
    flex-shrink: 0;
}

#tblSubirFichero tr td:nth-child(2) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#tblSubirFichero tr td:nth-child(2) > i {
    margin-left: 8px;
}

#tblSubirFichero tr td:nth-child(2) .nom > i {
    margin-right: 8px;
}

/* LIVE RESULTS */
.live_results {
    display: none;
    background: #f0f0f0;
    padding: 10px 12px;
    flex-wrap: wrap;
    align-items: center;
    border-top: solid 1px #ccc;
}

.live_results .item {
    width: 100px;
    padding: 4px;
    border: solid 1px #ccc;
    margin: 4px;
    text-align: center;
    background: white;
    cursor: pointer;
}

.live_results .item:active {
    border: dotted 1px #ccc;
}

.live_results .item.hover {
    border: solid 1px #333;
}

/* ALIGNS */
.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

/* SORTABLES PLACEHOLDER */
.ui-sortable-placeholder {
    width: 200px;
    height: 150px;
}

/* Redes Sociales Help */
.rshelp {
    max-width: 540px;
}

.rshelp #disass {
    cursor: pointer;
    text-decoration: underline;
}

.rshelp .close {
    margin-top: 20px;
}

.rshelp .fb .fa-facebook-square {
    color: #3b5998;
    font-size: 24px;
    vertical-align: middle;
}

.rshelp .tw .fa-twitter-square {
    color: #1da1f2;
    font-size: 24px;
    vertical-align: middle;
}

.dvConfig {
    margin-top: 20px;
    margin-bottom: 16px;
    padding: 20px;
    border: 1px dashed #999;
    border-radius: 4px;
}

.dvConfig .subtitulo1,
.dvConfig .subtitulo2 {
    font-size: 16px;
    color: #666;
}

.dvConfig .subtitulo2 {
    display: block;
    font-weight: bold;
    line-height: 140%;
    font-family: "Noto Sans", sans-serif;
    letter-spacing: 1px;
}

/* SEO Preview >> */
.group[data-name="SEO"] .preview {
margin: 0 16px 16px;}
.group[data-name="SEO"] .preview > .texto {
    margin-bottom: 4px;
    color: #3c4043;
}

.group[data-name="SEO"] .preview > .texto img {
    max-height: 22px;
    position: relative;
    top: 6px;
}

.group[data-name="SEO"] .preview > div {
    padding: 16px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);

}


.group[data-name="SEO"] .preview > div > p {
    margin-bottom: 0;
    font-family: Arial, sans-serif;
}

.group[data-name="SEO"] .preview .title {
    color: #1558d6;
    font-size: 18px;
    order: 2;
    margin-bottom: 8px;
}

.group[data-name="SEO"] .preview .uri {
    font-size: 12px;
    color: #202124;
    line-height: normal;
    order: 1;
    margin-bottom: 12px;
}

.group[data-name="SEO"] .preview .uri:before {
    content: "\f015";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    color: #666;
    margin-right: 12px;
}

.group[data-name="SEO"] .preview .description {
    font-size: 14px;
    line-height: 1.4;
    order: 3;
}


.precioAnterior {
    display: flex;
    align-items: center;
}

.precioAnterior > span {
    display: block;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .8;
    flex-shrink: 0;
    margin: 0 8px 0 0;
}

.precioAnterior > .btn {
    margin: 0 0 0 8px;
    flex-shrink: 0;
}


.fechaPubBox {
    display: flex;
    align-items: center;
}

.fechaPubBox > span {
    display: block;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .8;
    flex-shrink: 0;
    margin: 0 8px 0 0;
}

.fechaPubBox > .btn {
    margin: 0 0 0 8px;
    flex-shrink: 0;
}

#dvIdiomas {
    display: flex;
    position: relative;
    border-bottom: 2px solid #ccc;
    margin: 0 0 20px;
    padding: 28px 4px 0;
}

#dvIdiomas:before {
    content: "Idioma:";
    display: block;
    position: absolute;
    top: 0;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .8;
}

#dvIdiomas .selectIdioma {
    display: flex;
    margin-right: 4px;
    padding: 4px 8px;
    border-radius: 4px 4px 0 0;
    background: #fff;
    margin-bottom: -2px;
    background: #f0f0f0;
    border-bottom: 2px solid #ccc;
    align-items: center;
    opacity: 0.8;
    background: rgb(238, 238, 238);
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 80%, rgba(204, 204, 204, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 80%, rgba(204, 204, 204, 1) 100%);
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 80%, rgba(204, 204, 204, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

#dvIdiomas .selectIdioma.selected {
    border: 2px solid #cccccc;
    border-bottom-color: #fff;
    background: #fff;
    opacity: 1;
}

#dvIdiomas .selectIdioma img {
    width: 32px;
    display: block;
    cursor: pointer;
    margin-right: 8px;
}

/*#dvIdiomas .selectIdioma:not(.selected) { opacity: .75; }*/
#dvIdiomas .selectIdioma span[data-idioma=ES]:after {
    content: "Español";
}

#dvIdiomas .selectIdioma span[data-idioma=GL]:after {
    content: "Galego";
}

#dvIdiomas .selectIdioma span[data-idioma=EN]:after {
    content: "Inglés";
}

#dvIdiomas .selectIdioma span[data-idioma=DE]:after {
    content: "Deutsch";
}

#dvIdiomas .selectIdioma span[data-idioma=FR]:after {
    content: "Français";
}

#dvIdiomas .selectIdioma span[data-idioma=IT]:after {
    content: "Italiano";
}

#dvIdiomas .selectIdioma span[data-idioma=PT]:after {
    content: "Portugués";
}

@media (max-width: 640px) {

    .inputdato.grid {
        grid-template-areas: "a a" "b b" "c d";
        grid-template-columns: min-content auto;
    }

    .inputdato.grid #verenlace {
        width: 120px;
    }

    .inputdato.grid .btncnt {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

/* FIN SEO Preview << */

@media screen and (min-width: 801px) {
    .dvTop .btnTopBtn {
        display: inline-block !important;
    }

    .dvTop .btnTopBtnDv {
        display: none !important;
    }
}

@media screen and (max-width: 1023px) {
    header {
        position: fixed;
        left: -300px;
    }

    header.active {
        left: 0;
    }

    .dvTop {
        justify-content: space-between;
    }

    .dvTop .dvLogoMvl {
        display: flex;
    }

    .dvTop .btnTopAsis {
        display: none;
    }

    #logo {
        display: none;
    }

    #pull {
        display: block;
    }

    #pull.active i {
        display: none;
    }

    #pull.active .btncerrarmenu {
        display: inline-block;
    }

    #close.active {
        z-index: 1;
        opacity: 1;
        width: 100%;
    }

    ul#dvImagenAsociada:not(#file_upload_queue) li,
    #dvImagenAsociada ul:not(#file_upload_queue) li {
        width: 19%;
    }
}

@media screen and (max-width: 800px) {
    .dvTop .dvTopCont { /* position: relative; */
        width: auto;
    }

    .dvTop .btnTopBtn {
        position: absolute;
        margin-top: 0px;
        display: none;
        width: 100%;
        background: rgba(41, 63, 84, 0.9);
        padding: 12px;
        z-index: 2;
        text-align: center;
        bottom: 0;
        left: 0;
    }

    .dvTop .btnTopBtn:after { /* content:"\f0d8"; */
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        color: #fff;
        font-size: 40px;
        position: absolute;
        top: 0;
        margin-top: -20px;
        right: 20px;
    }

    .dvTop .btnTopBtn .titulo3 {
        margin: 0 0 8px;
    }

    .dvTop .btnTopTelf, .dvTop .btnTopMail { /* display: block; */
        text-align: center;
        border: 0;
        color: #293F54;
        background: #fff;
    }

    .dvTop .btnTopTelf {
        margin: 0 0 8px;
    }

    .dvTop .btnTopAsis {
        display: block;
        color: #293F54;
        background: white;
        border: 1px solid;
        padding: 0 12px;
        height: 36px;
        text-align: center;
        border-radius: 4px;
        line-height: 36px;
        cursor: pointer;
        margin-left: 10px;
        min-width: 36px;
    }

    .dvTop .btnTopAsis i {
        display: none;
    }

    .dvTop .btnTopBtnDv {
        display: block;
    }

    .radiobtncnt .spnValorFicheros {
        display: block;
    }

    ul#dvImagenAsociada:not(#file_upload_queue) li,
    #dvImagenAsociada ul:not(#file_upload_queue) li {
        width: 49%;
    }

    .inputdato.simple {
        display: block;
    }

    .inputdato.simple .checkCont {
        margin-right: 0;
    }

    .inputdato.simple .checkCont, .inputdato.simple .etiq {
        display: inline-block !important;
    }

    .inputdato.simple .btn {
        margin: 4px 0 0;
    }

    .mostrarCatGrupo .mostrarCat {
        width: 100%;
    }

    .inputdatoGrupo {
        width: 100%;
        justify-content: flex-start;
    }

    /* Grids */
    .grid, .grid tr, .grid td, .grid tbody {
        display: block;
    }

    .grid th {
        display: none;
    }

    .grid tr {
        margin: 0 0 12px;
        background: #f5f5f5;
        border-radius: 4px;
        overflow: hidden;
        display: flex;
        flex-flow: row wrap;
    }

    .grid td {
        border: 0;
        border-bottom: 1px solid #ccc;
        position: relative;
        text-align: left !important;
        padding: 8px;
        width: 100% !important;
        display: flex;
        align-items: center;
        min-height: 42px;
    }

    .gridbtn {
        display: inline-block;
        text-align: center;
        margin: 0 12px 0 0;
        font-size: 16px
    }

    .grid.anadir tr:last-child {
        background: #e6f0f7;
        padding: 4px 0
    }

    .grid.anadir tr:last-child select, .grid.anadir tr:last-child input {
        background: white;
    }

    .grid.anadir tr:last-child:before {
        content: 'NUEVA LOCALIZACIÓN';
        display: inline-block;
        font-weight: bold;
        padding: 4px 8px
    }

    .temporadas .grid.anadir tr:last-child:before {
        content: 'NUEVA TEMPORADA';
    }

    .grid.anadir tr:last-child td {
        border-bottom: 0;
        padding: 4px 8px;
        justify-content: flex-end;
    }

    .grid select {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    select {
        padding: 8px;
    }

    .scCont {
        padding: 24px;
    }

    .dvMain {
        padding: 12px;
    }

    .dvTop {
        padding: 8px 12px;
    }

    .dvTop .btnTopAsis {
        width: 36px;
        font-size: 18px;
    }

    .dvTop .btnTopAsis i {
        display: inline;
    }

    .dvTop .btnTopAsis span {
        display: none;
    }

    .dvTop .btnTopBtn .btnTopBtnDv {
        display: block;
    }

    .scContHead {
        display: block;
    }

    .caboption {
        text-align: left;
    }

    .btnminMover {
        width: 100%;
    }

    .btnminMover .spnMoverDB {
        display: flex;
        width: 100%;
    }

    .btnminMover .spnMoverDB select {
        width: 100%;
    }

    .btnminMover .spnMoverDB input {
        flex-shrink: 0;
        margin-left: 8px;
    }

    table.tabla, .tabla thead, .tabla tbody, .tabla th, .tabla td, .tabla tr, .grid, .grid tr, .grid td, .grid tbody {
        display: block;
    }

    .tabla thead, .grid th {
        display: none;
    }

    .tabla tr, .grid tr {
        margin: 0 0 12px;
        background: #f5f5f5;
        border-radius: 4px;
        overflow: hidden;
        display: flex;
        flex-flow: row wrap;
    }

    .tabla tr td, .grid td {
        border: 0;
        border-bottom: 1px solid #ccc;
        position: relative;
        text-align: left !important;
        padding: 8px;
        width: 100% !important;
        display: flex;
        align-items: center;
        min-height: 42px;
    }

    .tabla tr td.img:last-child {
        border-bottom: 0;
    }

    .tabla td:before {
        display: flex;
        padding-right: 10px;
        white-space: nowrap;
    }

    .tabla.timg tr td:nth-child(2) {
        width: calc(100% - 98px);
    }

    /* CATEGORÍAS */
    .mostrarCat > span {
        margin: 0 0 8px;
        display: block;
    }

    .mostrarCat select {
        width: 100%;
        padding: 8px;
    }

    #dvImagenAsociada .radiobtn {
        margin: 0 12px 8px 0;
        display: block;
    }

    .ulInicio > li > ul > li, .ulInicio > li > ul > li:nth-last-child(2) {
        width: 100%;
        margin: 0 0 12px;
    }

    #dvUploadFile a, #dvUploadFile_2 a, #dvUploadFileMovil a {
        width: 80%;
        text-align: center;
    }

    .enlacebtn {
        display: block;
    }

    .enlacebtn {
        text-align: right;
    }

    .enlacebtn > a {

        text-align: center;
        margin: 4px auto 0;
    }

    #dvImagenAsociada *:not(.file_upload_queue) li {
        width: 49%;
    }

    .pFileUploadInput {
        display: block;
    }

    #file_upload, #file_upload_2 {
        width: 80%;
        text-align: center;
    }

    .pFileUploadInput .spnImgLeft {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 8px;
    }

    #dvAnadirImagenes #carpimg, #dvAnadirImagenes #dvUploadFile, #dvUploadFile_2, #dvUploadFileMovil {
        text-align: center;
        display: block;
    }

    .compact-list > .group > .group-data .dos > * {
        width: 100%;
    }

    .inpbt {
        display: block;
    }

    .inpbt > span {
        margin: 0 0 8px;
    }

    .inpbt input {
        margin: 0 0 8px;
    }

    .inpbt .btn {
        margin: 0;
    }

    .lnkvideo {
        display: block;
    }

    .lnkvideo > span {
        margin: 0 0 8px;
    }

    .lnkvideo input {
        margin: 0 0 8px;
    }

    .lnkvideo .btn {
        margin: 0;
    }

    .precioAnterior {
        display: block;
    }

    .precioAnterior > span {
        margin: 0 0 8px;
    }

    .precioAnterior input {
        margin: 0 0 8px;
    }

    .precioAnterior .btn {
        margin: 0;
    }

    .fechaPubBox {
        display: block;
    }

    .fechaPubBox > span {
        margin: 0 0 8px;
    }

    .fechaPubBox input {
        margin: 0 0 8px;
    }

    .fechaPubBox .btn {
        margin: 0;
    }

    #dvIdiomas .selectIdioma > span {
        display: none;
    }

    #dvIdiomas .selectIdioma {
        min-width: 60px;
        padding: 8px;
    }

    #dvIdiomas .selectIdioma img {
        margin: 0 auto;
    }
}

@media screen and (max-width: 360px) {
    .dvTop {
        padding: 8px;
    }

    .dvTop .dvLogoMvl p span {
        font: normal 13px/120% Montserrat;
        letter-spacing: 0px;
    }

    header {
        width: 260px;
        min-width: 260px;
    }

    .scCont {
        padding: 12px;
        border-radius: 0;
    }

    .dvMain {
        padding: 0px;
        border-radius: 0;
    }
}

/* UPLOAD ERRORS */
#uploaderror, #uploaderror2, #uploaderror3, #uploaderror4, #uploaderrorfile, #uploaderrorMovil {
    display: none;
    color: red;
    margin: 24px 0;
    line-height: normal;
}

/* TINY RESPONSIVE HACK */
.mce-window {
    width: auto !important;
    /*top: 0 !important;*/
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: none !important;
}

.mce-window-head {
    background: #fff !important;
    padding: 16px;
}

.mce-window-body {
    background: #fff !important;
}

.mce-foot > .mce-container-body {
    padding: 16px !important;
}

.mce-panel {
    max-width: 100% !important;
}

.mce-container {
    max-width: 100% !important;
    height: auto !important;
}

.mce-container-body {
    max-width: 100% !important;
    height: auto !important;
}

.mce-form {
    padding: 10px !important;
}

.mce-tabs {
    max-width: 100% !important;
}

.mce-formitem {
    margin: 10px 0 !important;
}

.mce-abs-layout-item {
    position: static !important;
    width: auto !important;
}

.mce-abs-layout-item.mce-label {
    display: block !important;
    margin-bottom: 4px;
}

.mce-abs-layout-item.mce-textbox {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
}

.mce-abs-layout-item.mce-combobox {
    display: flex !important;
    height: auto !important;
}

.mce-abs-layout-item.mce-combobox > .mce-textbox {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 29px !important;
}

.mce-window > .mce-reset {
    max-width: 800px;
    margin: 0 auto;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1)
}

.mce-window.mce-in {
    border: 0;
    box-shadow: none;
}

/*#txtTexto_ifr { min-height: 400px;}*/

#dvPaginacion {
    padding: 10px 0px 10px 0px;
    text-align: center;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 80%;
    font-weight: bold;
}

#dvPaginacion a {
    text-decoration: none;
    color: #333;
}

#dvPaginacion span {
    display: inline-block;
    padding: 12px 16px;
    border-radius: 4px;
    background-color: #ccc;
    margin: 2px 0;
    cursor: default;
}

#dvPaginacion .fondoPaginacion {
    display: inline-block;
    background: #eee;
    padding: 12px 16px;
    border-radius: 4px;
    margin: 2px 0;
}

/*Paginación como pedidos de MINITIENDA*/
#dvPag {
    text-align: center;
}

#dvPag li {
    display: inline-block;
    margin: 4px 0px;
}

#dvPag li:not(.numpag) > a, #dvPag li:not(.numpag) > span {
    display: block;
    padding: 4px;
    background: #eee;
    border-radius: 4px;
    text-decoration: none;
    min-width: 40px;
    color: #666;
}

#dvPag li:not(.numpag) > a:hover {
    background: #e0e0e0;
}

#dvPag li.pgDeshab {
    opacity: .5;
    display: none;
}

#dvPag li.pgActual span {
    font-weight: bold;
    background-color: #ccc;
}

#dvPag li.pagant {
}

#dvPag li.pagsig {
}

#dvPag li.numpag {
    display: block;
    font-size: 80%;
    line-height: 100%;
    text-transform: uppercase;
}


/* MODAL SESSION */
#ModalSession_Structure {
    display: none;
}

.ocultoImportant {
    display: none !important;
}

.btnTraducirAll {
    color: #fff;
    background: #34495D;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 25.6px;
    font-family: "Noto Sans";
    font-weight: normal;
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    margin: 0 0 8px;
    text-align: left;
}

.btnTraducirAll span {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 120%;
}

.btnTraducirAll span:before {
    content: "\f0ac";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 8px;
}

.langfield {
    position: relative;
    opacity: 1 !important;
    cursor: help;
    display: inline-block !important;
}

.langfield:after {
    content: "\f0ac";
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 75%;
    opacity: .8;
    line-height: 1;
}

.langfield:before {
    content: "contenido multi-idioma";
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -4px;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    z-index: 2;
    padding: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    font-size: 12px;
    line-height: 100%;
    font-family: "Noto Sans";
    font-weight: normal;
    border-radius: 4px;
    display: none;
    width: 130px;
    text-align: center;
    text-transform: lowercase;
}

.langfield:hover:before {
    display: inline-block;
}

.langfield:hover:before:hover {
    display: none;
}

.linkWeb {
    background: #eee;
    padding: 4px 8px;
    border-radius: 4px;
    color: #666;
    text-decoration: none;
    margin: 0 0 8px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
}

    .linkWeb:after {
        content: "\f08e";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        margin-left: 8px;
        font-size: 12px;
        flex-shrink: 0;
    }

button.linkWeb:after {
    content: "\f0c5";
    font-weight: 400;
}

button.copy {
    border: none;
    line-height: inherit;
    font-family: '"Noto Sans"', sans-serif;
}

button.copy.copied {
    text-indent: -999em;
    background: #14dd14;
    color: white;
    text-transform: none;
    letter-spacing: 1px;
}

button.copy.copied::before {
    text-indent: 0;
    content: "¡Copiado! 👍";
}

#dvInmovilla button.copy {
    margin: 0 0 0 12px;
    vertical-align: middle;
}

.doclink {
    display: inline-block;
    margin-right: auto;
    margin-left: 0;
    font-size: 14px;
    line-height: 1;
    color: #0091EA;
    font-weight: normal;
    align-self: center;
}

.doclink:after {
    content: "\f059";
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    font-family: 'Font Awesome 5 Pro';
}

.doclink--title {
    padding-top: 8px;
}

.doclink--combo {
    margin-left: auto;
    margin-right: 0;
    padding-left: 8px;
}
#menu .ulMenu li.menu-manual a span {
    width: 100%;
}

#menu .ulMenu .menu-manual a:after {
    content: "\f059";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 auto;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 1;
    border-radius: 28px;
    background: transparent;
    opacity: 0.8;
    flex-shrink: 0;
}

/* Configuracion contraseña */
.configuracion .subtitulo1{
    margin:0;
}
.configuracion .fieldset{
    margin-bottom:30px;
}
.configuracion .configContraseña{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:30px;
}

.configuracion .configContraseña .inputdato{
    margin:0;
}
.configuracion .btncnt{
    padding-top:0;
}
.configuracion .configIdiomas{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}
.configuracion .configIdiomas .checkCont{
    margin:0;
}
.configuracion .inputdato select{
    max-width:180px;
}
.configuracion p.texto{
    margin: 0 0 12px;
}
.configuracion .infobox{
    margin-top:0;
}
@media screen and (max-width: 640px) {
    .configuracion .configContraseña{
        grid-template-columns: 1fr;
    }
    .configuracion .inputdato select{
        margin-top:8px;
        max-width:100%;
    }
    .configuracion .configIdiomas{
        gap:16px;
    }
    .configuracion .configIdiomas .checkCont{
        width:calc(50% - 16px);
    }
}