/* Minification failed. Returning unminified contents.
(1033,34): run-time error CSS1046: Expect comma, found '33'
(1033,40): run-time error CSS1046: Expect comma, found '/'
 */
@import url('https://fonts.googleapis.com/css?family=Droid+Sans|Montserrat');

* {
    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;
}

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

    50% {
        bottom: 20px;
    }

    100% {
        bottom: 10px;
    }
}

html {
    height: 100%;
}

body {
    font: normal 16px/160% Droid Sans;
    height: 100%;
}

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

.texto {
    font: normal 16px/26px Droid Sans;
}

.cont {
    max-width: 1024px;
    margin: 0 auto;
}

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

fieldset {
    border: solid 1px #ccc;
    padding: 18px;
}

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

.fieldset:not(:last-child) {
    margin: 0 0 12px
}

.fieldset Legend {
    padding: 0 4px;
}

p {
    margin: 0 0 20px;
}

p:last-child {
    margin: 0;
}

p.nomargin {
    margin: 0;
}

a {
    color: #0091ea;
}

.ocultoImportant {
    display: none !important;
}

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

.autowidth {
    width: auto !important;
}

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

textarea[readonly] {
    outline: none;
    background: #ccc !important;
}

textarea.resizeV {
    resize: vertical;
}

input, textarea {
    font: normal 16px/160% Droid Sans;
    padding: 0 4px;
    border: 0;
    border: 1px solid #999;
}

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

input:focus {
    outline: none !important;
}

input.nostyle {
    border: none !important;
    background: none !important;
    display: inline !important;
    width: auto !important;
}

.color1 {
    color: white !important;
}

.positivo {
    color: green;
}

.negativo {
    color: red;
}

.highlight {
    background: yellow;
    font-style: normal;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.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; */
}

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

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

.SM-error-list {
    max-width: 500px;
}

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

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

    .SM-error-list .errors {
        line-height: 140%;
        color: #666;
        /*border: solid 1px #ccc;*/
        padding: 8px;
        text-align: left;
    }
        .SM-error-list .errors li { list-style: none; }

.SM-error-list .errors li {
    list-style: none;
}

.SM-error-list .errors p:not(:empty),
.SM-error-list .errors span:not(:empty) {
    margin-bottom: 8px;
    display: block;
}

.SM-error-list .errors p:last-of-type,
.SM-error-list .errors span:last-of-type {
    margin-bottom: 0;
}

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

/* SEPARADORES DE CONTENIDO */
.spacer-12 {
    margin: 6px 0;
}

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

.spacer-32 {
    margin: 16px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.subtitulo1 {
    display: block;
    margin: 0 0 12px;
    font: bold 14px/140% Droid 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: normal 16px/160% Droid Sans;
}

/* 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%;
}

.infobox.alerta:before {
    content: "\f071";
    color: orange;
}

.infobox.alerta.nuevos {
    opacity: 1;
    background-color: #d01919;
    background-color: #2085d0;
    color: #fff;
}

.infobox.alerta.nuevos:before {
    content: "\f005";
    content: "\f00c";
    color: #fff;
}

.infobox.alerta.nuevos a {
    color: #fff;
}

.infobox.alerta2:before {
    content: "\f071";
    color: red;
}

.infobox.copyresult {
    position: absolute;
    margin: 0;
    opacity: 1;
}

.infobox.copyresult.succeed {
    color: green;
}

.infobox.copyresult.succeed:after {
    content: "¡Copiado!";
}

.infobox.copyresult.failed {
    color: red;
}

.infobox.copyresult.failed:after {
    content: "Su navegador no soporta el copiado automático. Por favor, copie manualmente.";
}

.infobox.copyresult.empty {
    color: orange;
}

.infobox.copyresult.empty:after {
    content: "¡Nada que copiar!";
}

.scCont .infobox {
    margin-bottom: 20px;
}

.infolist { }
.infolist .infolist-item{ list-style: none; display: flex;}
.infolist .infolist-item:not(:last-child){ margin-bottom: 20px;}
.infolist .infolist-item .infolist-num{ display: flex; height: 24px; width: 24px; align-items: center; justify-content: center; background: #fff; font-weight: bold; border-radius: 40px; flex-shrink: 0; margin-right: 8px;}
.infolist .infolist-item .infolist-text{ }
.infolist .infolist-item .infolist-text a{ text-decoration: none;}
.infolist .infolist-item .infolist-text a span{  text-decoration: underline;} 
.infolist .infolist-item .infolist-text .hl { display: inline-block; margin-top: 8px;}




/*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;
}

#dvLogin .dvLoginCont .info {
    margin: 4px 0 8px;
}

.dvTop {
    width: 100%;
    background-color: #e0e0e0;
    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: normal 12px/120% Droid Sans;
    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%;
    display: flex;
    align-items: flex-start;
}

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

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

.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;
}

.header-info {
    padding: 12px 24px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.header-info .infobox {
    margin: 8px 8px 0;
}

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

.scCont {
    max-width: 960px;
    background-color: white;
    padding: 40px;
    margin: 0 auto;
    border-radius: 4px;
}

.scContHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    overflow: hidden;
    margin: 0 0 20px;
}
.scContHead .titulo1 {
    margin-right: 8px;
}

.scContHead ~ .btncnt {
    padding: 0 0 12PX;
}

.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 p span {
    display: block;
}

#logo p span#spNombreEmpresa {
    text-transform: uppercase;
    opacity: 0.6;
    font: normal 12px/120% Droid Sans;
    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%;
    display: flex;
    flex-direction: column;
}

#menu .ulMenu { /* padding: 20px 0; */
    flex: 1;
    display: flex;
    flex-direction: column;
}

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

    #menu .ulMenu li.tothemoon a { color: rgba(255,255,255,0.5);display: flex; align-items: center;}
    #menu .ulMenu li.tothemoon a i {display: none; }
        #menu .ulMenu li.tothemoon a span {  width: 100%; }
    #menu .ulMenu .tothemoon a:before { content: "\f2f3"; font-family: 'Font Awesome 5 Pro'; font-weight: 600; display: inline-flex; text-align: center; align-items: center; justify-content: center; margin: 0 8px 0 0; width: 20px; height: 20px; font-size: 16px; line-height: 1; border-radius: 28px; background: transparent; color: #ffc457; flex-shrink: 0; }
    
        #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; }

    /*#menu .ulMenu .tothemoon .ulSubMenu a { display: flex; width: 100%; }*/

        #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: 2px;
    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.visible {
    display: block;
}

#menu .links-directos > li > a {
    color: white;
    display: block;
    text-decoration: none;
    padding: 8px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 0.8;
}

#menu .links-directos > li:hover a {
    opacity: 0.92;
}

#menu .links-directos > li > a > i {
    width: 20px;
    text-align: center;
    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) > span:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    margin-right: 8px;
}

.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;
}

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

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

.ulListado.listTable li.listTableTitle {
    background: #eee;
    font-weight: bold;
    padding: 4px;
    text-transform: uppercase;
    font-size: 80%;
}

.ulListado.listTable li {
    border-bottom: 1px solid #ccc;
    padding: 12px 4px;
    line-height: 140%;
}

.ulListado.listTable li:not(.liTitulo) > span:before {
    display: none;
}

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

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

.ulListado.listTable li > span {
    display: flex;
}

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

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

.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 rgb(32 33 36 / 28%);
}

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

.group[data-name="SEO"] .preview .title {
    color: #1a0dab;
    font-size: 18px;
    font-weight: normal;
}

.group[data-name="SEO"] .preview .uri {
    font-size: 14px;
    color: #006621;
    line-height: normal;
}

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

@media (max-width: 640px) {
    .group[data-name="SEO"] .preview .title {
        color: #1967D2;
        line-height: 20px;
        font-size: 16px;
        padding-bottom: 1px;
    }

    .group[data-name="SEO"] .preview .description {
        line-height: 20px;
        margin-top: 12px;
        padding-top: 12px;
        border-top: solid 1px #DFE1E5;
    }
}

/* FIN SEO Preview << */

.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;
}

/**
 * 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;
}

btncnt.left {
    text-align: left;
}

.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: normal 16px/160% Droid Sans;
}

.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";
}

.btnAceptar2 {
    padding: 6px 14px;
    background: white;
    color: #16ab39;
    border: 1px solid;
}

.btnAceptar2 span {
    display: flex;
    align-content: center;
    justify-content: center;
}

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

.btnTraducirAll {
    color: #fff;
    background: #34495D;
    border-radius: 4px;
    padding: 8px 12px;
    font: normal 14px/25.6px Droid Sans;
    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";
}


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

.btnGuardar span:before {
    content: "\f0c7";
}
.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: normal 12px/100% Droid Sans; 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; }
        .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";
}

.btnImprimir {
}

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

.btnCopiar {
}

.btnCopiar span::before {
    content: "\f0c5";
}

.btnDescargar {
}

.btnDescargar span::before {
    content: "\f019";
}

.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;
}

.btnminAgregar {
    color: #3fc1a5;
}

.btnminAgregar span:before {
    content: "\f055"
}

.btnAgregar { 
    background-color: #3fc1a5;
    color: #fff;
}

.btnAgregar span:before {
        content: "\f055"
    }

.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: normal 16px/160% Droid Sans;
}

.btnminMover .spnMoverDB input {
    cursor: pointer;
    background: #fff;
    color: #fff;
    background: #34495D;
    border-radius: 4px;
    padding: 2px 8px;
    font: normal 14px/25.6px Droid Sans;
    vertical-align: top;
}

.btnminOrdenar {
    color: #293f54
}

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

.btnminDesplegar {
    color: #0091ea
}

.btnminDesplegar span:before {
    content: "\f06e";
}

.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 {
    margin-bottom: 12px
}

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

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

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

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

.inputdato.sep > span {
    margin: 0 0 4px;
}

.inputdato.sep.dest {

}
    .inputdato.simple.lang { display: flex; border-bottom: 2px solid #2085d0; position: relative; margin-top: 20px }
    .inputdato.simple.lang:empty {display: none;}
        .inputdato.simple.lang:after { content: ""; position: absolute; width: 100%; height: 12px; top: 100%; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#00000000',GradientType=0 ); }
        .inputdato.simple.lang #language_selector { background: #2085d0; text-transform: uppercase; font-size: 80%; letter-spacing: 1px; font-weight: bold; color: #fff; text-shadow: none; border-radius: 4px 4px 0 0; flex-shrink: 0; line-height: 200%; max-width: 140px; }
            .inputdato.simple.lang #language_selector:active, .inputdato.simple.lang #language_selector:hover, .inputdato.simple.lang #language_selector:focus { outline: 0; border: 0; }
            .inputdato > span:not(.info):not(.counter):not(.texto),
            .inputdato-text-style { display: block; font-size: 90%; font-weight: bold; text-transform: uppercase; opacity: .8; }

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

.inputdato input, .inputdato textarea, .inputdato select,
.inputdato-input-style {
    display: block;
    width: 100%;
    border: 0;
    background: #f0f0f0;
    font: normal 16px/160% Droid Sans;
    padding: 8px 12px;
    border-radius: 4px;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1);
}
.inputdato input:disabled, .inputdato textarea:disabled, .inputdato select:disabled, .grid input:disabled { opacity: 0.4;}
.inputdato input::placeholder, .inputdato textarea::placeholder, .inputdato select::placeholder,
.inputdato-input-style::placeholder {
    opacity: .8;
    font-style: italic;
}

.inputdato select {
    padding: 10px;
}

.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;
}

.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, #dvImagen360Asociada {
    list-style: none;
    /* margin: 0 0 12px; */
    display: flex;
    flex-flow: row wrap;
}

#dvImagenAsociada:not(#file_upload_queue) li, #dvImagen360Asociada:not(#file_upload_queue) li {
    width: 19%;
    margin: 0.5%;
    background-color: #fff;
    padding: 4px 8px 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
}

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

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

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

#dvImagenAsociada li .dvFotoImgView, #dvImagen360Asociada li .dvFotoImgView {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #ccc;
}

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

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

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

#dvImagenAsociada li .dvAmpBorr, #dvImagen360Asociada li .dvAmpBorr {
    text-align: center;
    padding: 8px 0 0;
    display: flex;
    justify-content: space-around;
    font-size: 80%;
    line-height: 100%;
    /* text-decoration: underline; */
    color: #0091ea;
    flex-flow: row wrap;
    width: 100%;
}

#dvImagenAsociada li .dvAmpBorr span, #dvImagen360Asociada li .dvAmpBorr span {
    cursor: pointer;
    font-size: 10px;
    padding: 2px 4px;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 4px;
    letter-spacing: 1px;
    margin: 1px;
}

#dvImagen360Asociada li .dvAmpBorr span.borrarimg,
#dvImagenAsociada li .dvAmpBorr span.borrarimg {
    color: #d01919;
}

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

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

#dvAnadirImagenes {
    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);
}

#dvAnadirImagenes > div > a .fa.fa-times, #dvAnadirImagenesMovil > div > a .fa.fa-times {
    right: auto;
    left: 12px;
}

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

.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: normal 14px/25.6px Droid Sans;
    vertical-align: top;
    display: inline-block;
    text-decoration:none;
}

#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, .carpimg_modalMovil a {
    position: relative;
    display: inline-block;
}

.carpimg_modal a span, .carpimg_modalMovil 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_upload_files, #file_upload360 {
    cursor: pointer;
    color: #fff;
    background: #34495D;
    border-radius: 4px;
    padding: 8px 12px;
    font: normal 14px/130% Droid Sans;
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
}

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

/*Redes Sociales*/
#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 .content .checkCont {
    display: none;
}

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

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

#liredessociales textarea {
    background-color: white;
}

/*#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 .shfb .title {
    background-color: #1979F4;
}

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

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

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

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

.objDerModCategorias .content {
    display: none;
}

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

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

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

/* 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:last-of-type {
    margin-bottom: 0;
}

.checkBtn {
    position: relative;
    display: inline-block;
    line-height: 30px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    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: black;
}

.radiobtncnt {
    margin: 0 0 10px;
}

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

.radiobtn.block {
    display: flex;
}

.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 8px 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.show-more {
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #293F54;
    color: #fff;
    cursor: pointer;
    display: none;
}

.ulInicio > li.show-more:before {
    content: "\f055";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 8px;
}

.ulInicio > li > span {
    margin: 0 0 8px;
    display: block;
    font: 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 + impar */
.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: "\f283";
}

.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
}

.ulInicio > li > ul > li > a > span .pednum {
    background: #10a3a3;
    margin-left: 4px;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    opacity: .8;
    letter-spacing: 1px;
}

/*.ulInicio > li > ul > li > a > span .pednum:before { content:"\f005"; font-family: 'Font Awesome 5 Pro'; font-weight:900; margin-right: 4px}*/
/* CATEGORÍAS*/
.mostrarCatGrupo {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

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

.mostrarCatGrupo .mostrarCat.w100 {
    width: 100%;
}

.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;
}

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

.mostrarCat {
    margin: 0 0 20px;
}

.mostrarCat select {
    border: 0;
    background: #eee;
    padding: 8px 12px;
    border-radius: 4px;
    font: normal 16px/160% Droid Sans;
}

.mostrarCat input {
    border: 0;
    background: #f0f0f0;
    font: normal 16px/160% Droid Sans;
    padding: 8px 12px;
    border-radius: 4px;
}

/* ESTRUCTURA FICHAS */
.caboption {
    text-align: right;
    margin-right: 0;
    margin-left: auto;
}

/* TABLAS */
.tabla {
    width: 100%;
    margin: 0 0 20px;
}

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

.tabla tr {
}

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

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

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

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

.tabla thead a {
    color: #333;
}

.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 tr:first-child td i {
    /* font-size: 120%; */
}

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

.tabla tr .fa-square, .tabla tr .fa-check-square {
    color: #00b5ad;
}

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

.tabla tr td .iconOp {
    opacity: .2;
}

.tabla .btnCopiar {
    padding: 4px;
    font-size: 12px;
}

.tabla { }
.tabla .programada, .tabla .expirada, .tabla .en_curso { width: 100%; height: 40px; display: block; overflow: hidden; text-align: center; margin: 0 auto; line-height: 12px; font-size: 12px;text-transform: uppercase; font-weight: bold; color: #999;}
.tabla .programada:before, .tabla .expirada:before, .tabla .en_curso:before { content:""; width: 16px; height: 16px; display: block; margin-right: 4px; border-radius: 16px; background:red; margin: 0 auto 4px;}
.tabla .programada:before { background: orange; }
.tabla .expirada:before { background: #d01919; }
.tabla .en_curso:before {  background: #16ab39; }

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

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

.SimpleModal .wrap {
    max-height: 92vh;
    max-width: 640px;
    padding: 16px;
    background: white;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    overflow-y: auto;
}

.SimpleModal .wrap.half {
    max-width: 512px;
}
.SimpleModal .wrap.half .infoAlert {
    padding: 12px;
    text-align: left;
}
.SimpleModal .wrap.half .infoAlert a{ display: flex; align-items: center; justify-content: space-between; text-decoration: none; background:#f0f0f0; padding: 12px; border-radius: 8px; }
.SimpleModal .wrap.half .infoAlert a span{ text-decoration: underline; }
.SimpleModal .wrap.half .infoAlert a i{margin-left: 4px;}


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

.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: normal 16px/160% Droid Sans;
    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 {
    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; 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: 18px/140% Montserrat;
    color: #00b5ad;
    background: #fff;
    border-left: 8px solid #00b5ad;
}

.compact-list > .group.tothemoon > .group-name{
    color: rgba(0, 181, 173, 0.6);
}
.compact-list > .group.tothemoon > .group-name:before{
        font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f2f3";
    color: #ffc457;
    margin: 0 8px 0 0;
}

.compact-list > .group > .group-name:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f078";
    float: right;
    flex-shrink: 0;
    margin: 0 0 0 auto;
}


.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.visible > .group-data {
}

.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;
}

/*ADJUNTOS PEDIDO*/
.attachedFiles { display: inline-block; }
    .attachedFiles a { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; border-radius: 4px; padding: 4px 8px; font-size: 14px; background: #0091ea; color: #fff; text-decoration: none; line-height: 1.2; margin: 2px 0; }
        .attachedFiles a:before { font-family: 'Font Awesome 5 Pro'; font-weight: 900; margin-right: 4px; font-size: 14px; content: "\f019" }
        .attachedFiles a.eliminado { background: #a9a7a7; }
        /* 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, #dvUploadFile_2 ul {
    list-style: none;
    line-height: 120%;
    margin-bottom: 8px;
}

#dvUploadFile_2 ul .progress, #file_upload_queue .progress {
    height: 4px;
    background-color: #00b5ad;
    display: block !important;
    margin-top: 4px;
    border-radius: 4px;
}

.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%;
}

/* 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;
}

/* TEXT TRANSFORMS */
.upper {
    text-transform: uppercase;
}

.upperFirstLetter:first-letter {
    text-transform: uppercase;
}

/* 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;
}

/*Modal tothemoon*/
.kmodal.tothemoon { }
    .kmodal.tothemoon .dialog { margin: 0;}
.kmodal.tothemoon .wrap{ overflow: hidden; overflow-y: auto; position: relative; border-radius: 32px; padding: 48px; max-width: 540px; }
    .kmodal.tothemoon .wrap > div { 
        position: relative;
        z-index: 1;
    }
.kmodal.tothemoon .wrap:before{
    content: "\f2f3";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    color: #ffc457;
    flex-shrink: 0;
    position: absolute;
    top: -60px;
    right: -60px;
    font-size: 280px;
    transform: rotate(-15deg);
    opacity: .25;
    line-height: 1;}
    .kmodal.tothemoon .dialog .icon-info { display: none; }
    .kmodal.tothemoon .dialog .text { text-align: left; }
    .kmodal.tothemoon .dialog .text p { margin: 0 0 8px;}
        .kmodal.tothemoon .dialog .text > div > p:first-child { font-size: 28px; line-height: 1; font-weight: bold; margin: 0 0 16px; }
        .kmodal.tothemoon .dialog .text > div > p:last-child a { }
    
        .kmodal.tothemoon .buttons { margin: 12px 0 0; padding: 0; }
        .kmodal.tothemoon .buttons .button { margin: 4px 0; text-decoration: none; padding: 8px 40px;}

            @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%;
    }

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

    .dvTop .btnTopLink {
        margin: 0;
        line-height: 36px;
        width: 38px;
        padding: 0;
        text-align: center;
    }

    .dvTop .btnTopLink span {
        display: none;
    }

    .dvTop .btnTopLink:before {
        margin-right: 0px;
    }

    .ulInicio > li.show-more {
        display: flex;
    }
}

@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: inline-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: 6px;
        min-width: 36px;
    }

    .dvTop .btnTopAsis i {
        display: none;
    }

    .dvTop .btnTopBtnDv {
        display: block;
    }

    .radiobtncnt .spnValorFicheros {
        display: block;
    }

    #dvImagenAsociada:not(#file_upload_queue) li, #dvImagen360Asociada:not(#file_upload_queue) li {
        width: 32.333%;
    }

    .inputdato.simple {
        display: block;
    }

    .mostrarCatGrupo .mostrarCat {
        width: 100%;
    }
}

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

    .scCont {
        padding: 16px;
    }

    .dvMain {
        padding: 20px 12px 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;*/
    }
    .scContHead .titulo1 {
    width: 100%;
    }

    .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 {
        display: block;
    }

    .tabla thead {
        display: none;
    }

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

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

    .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, #dvImagen360Asociada .radiobtn, #dvImagen360Asociada .radiobtn, #dvImagen360Asociada .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, .pFileUploadInput 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, #dvImagen360Asociada:not(#file_upload_queue) li {
        width: 49%;
    }

    .pFileUploadInput {
        display: block;
        text-align:center;
    }

    #file_upload, #file_upload_2,

 #file_upload360 {
      width: 80%;
      text-align: center;
  }

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

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

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

    .lnkvideo {
        display: block;
    }

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

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

    .lnkvideo .btn {
        margin: 0;
    }
    .kmodal.tothemoon .wrap { padding: 28px;}
    .kmodal.tothemoon .buttons .button:first-child { transform: translateY(calc(100% + 8px)) }
    .kmodal.tothemoon .buttons .button:last-child { transform: translateY(calc(-100% - 8px)) }
    .kmodal.tothemoon .buttons .button { width: 100%; margin: 0 0 12px 0; padding: 8px 56px; }
    }

#dvProdsAsociados {
    margin: 0 0 12px;
}

    #dvProdsAsociados p {
    }
        /*#dvProdsCampana p a{ display: inline-flex;  
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    background: #34495D;
    border-radius: 4px;
    padding: 4px 6px 4px 12px;
    font: normal 14px/25.6px Droid Sans;
    text-decoration: none;
   }*/
        #dvProdsAsociados p a {
            background: #eee;
            padding: 4px 8px;
            border-radius: 4px;
            color: #666;
            text-decoration: none;
            margin: 8px 0 0;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
        }


            #dvProdsAsociados p a span {
                display: inline-block;
                padding: 4px;
                border-radius: 4px;
                background: #fff;
                color: #34495D;
                margin-left: 8px;
                line-height: 100%;
                min-width: 24px;
                text-align: center;
                font-weight: bold;
            }

@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 {
    display: none;
    color: red;
    margin: 24px 0;
}

/* herencias forzadas */
.none {
    display: none !important;
}

/* paginación */
.paginacion {
    margin-top: 20px;
    padding-top: 19px;
    border-top: solid 1px #ccc;
    text-align: center;
}

html, form, body {
    height: 100%;
}

.error {
    display: block;
    color: red;
}

.error ul { list-style: none; }