body {
    background-color: #F8FBFC;
    font-family: 'Outfit', sans-serif;
    color: #1E1E1E;
    font-size:16px;
    font-weight:400;
    font-style:normal;
}

.main-wrapper {
    max-width:1440px;
}

#main-sidebar {
    background: linear-gradient(180deg, rgba(237, 240, 242, 0.00) 3.12%, #E7EBEF 51.56%, rgba(237, 240, 242, 0.00) 96.87%);
}

body.bg-dark {
    background: transparent url(../imagenes/bg-cuenta.png) no-repeat center center;
    background-size: cover;
}

h1 {
    font-size: 34px;
    font-weight: 300;
    line-height: 63px;
}

h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.8px;
}

p {
    line-height: 30px;
}

a {
    text-decoration: none;
    color: #002130;
}

.text-2x {
    font-size:2em;
}

.prevent-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a.icon-download {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: transparent url(../imagenes/iconos/icon-download.png) no-repeat center center;
}

    /*Datatable*/
.dt-paging .pagination .dt-paging-button a {
    background-color: white;
    color: #0D3A4D;
}

    .dt-paging .pagination .dt-paging-button a:hover {
        background-color: #A00400 !important;
        color:white;
    }

    .dt-paging .pagination .dt-paging-button.active a {
        background-color: #A00400 !important;
        color: white;
        border:0;
    }


    /*CUSTOM FORM GROUP*/
.custom-formgroup {
    padding: 5px 0;
    background: transparent;
    border-bottom: 1px solid #D6E3E5;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*    .custom-formgroup label {
        width: 100px;
    }*/

    .custom-formgroup input {
        width: 100%;
        background:transparent;
        border:0;
    }
        .custom-formgroup input:focus-visible {
            border: 0 !important;
            outline: 0 !important;
        }

    .custom-formgroup .select2-selection {
        border:0 !important;
    }

    .md-button {
        border-radius: 70px;
        display: inline-flex;
        padding: 5px 32px;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

.md-button-light {
    background: #FFF;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
    color:#0D3A4D;

}

button.swal2-styled {
    border-radius: 70px;
    display: inline-flex;
    padding: 5px 32px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: #0D3A4D;
}

button.swal2-confirm.swal2-styled {
    background-color: #0D3A4D;
}

button.swal2-cancel.swal2-styled {
    background-color: #a00400;
}

table th.opciones {
    width:100px;
}



/*ELEMENTS*/
.card {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
    border: 0;
}

.pm-card-plataformas {
    height: 414px;
    padding: 20px 15px;
    justify-content: center;
    align-items: center;
}

.pm-card {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 13px 0px rgba(13, 58, 77, 0.10);
}
.pm-card-alt {
    border-radius: 10px;
    background: var(--Main-Teal, #0D3A4D);    
    box-shadow: 0px 4px 13px 0px rgba(13, 58, 77, 0.10);
    color:#fff;
}

a.button-icon-only {
    display:inline-block;
}

    a.button-icon-only.button-icon-only {
        background:transparent url(../imagenes/iconos/circle-right-arrow-white.png) no-repeat center center;
        width: 33px;
        height: 33px;
    }

.pm-card .buttons-area {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    justify-content:center;
}

a.button-elipse {
    display: flex;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    text-decoration: none;
    font-size:14px;
}

    a.button-elipse.dark {
        background: var(--Main-Teal, #0D3A4D);
        color:#fff;
    }

    a.button-elipse.light {
        background: #FFF;
        border: 1px solid #0D3A4D;
        color: #0D3A4D;
    }


    i.pm-icon {
        display:inline-block;
        width:24px;
        height:24px;
        float:left;
    }

        i.pm-icon.pm-plataformas {
            background: transparent url(../imagenes/iconos/plataformas.png) no-repeat center center;
        }
        i.pm-icon.pm-tablero {
            background: transparent url(../imagenes/iconos/tablero-general.png) no-repeat center center;
        }
        i.pm-icon.pm-tablero.color-teal {
            background: transparent url(../imagenes/iconos/tablero-general-teal.png) no-repeat center center;
        }
        i.pm-icon.pm-exposiciones {
            background: transparent url(../imagenes/iconos/exposiciones.png) no-repeat center center;
        }
        i.pm-icon.pm-tendencias {
            background: transparent url(../imagenes/iconos/tendencias.png) no-repeat center center;
        }
        i.pm-icon.pm-recursos {
            background: transparent url(../imagenes/iconos/recursos.png) no-repeat center center;
        }
        i.pm-icon.pm-reportes {
            background: transparent url(../imagenes/iconos/reportes.png) no-repeat center center;
        }
        i.pm-icon.pm-usuarios {
            background: transparent url(../imagenes/iconos/menuitem-usuario.png) no-repeat center center;
        }
        i.pm-icon.pm-clientes {
            background: transparent url(../imagenes/iconos/menuitem-clientes.png) no-repeat center center;
        }
        i.pm-icon.pm-actividades {
            background: transparent url(../imagenes/iconos/menuitem-actividades.png) no-repeat center center;
        }
        i.pm-icon.pm-medios {
            background: transparent url(../imagenes/iconos/menuitem-medios.png) no-repeat center center;
        }
        i.pm-icon.pm-autores {
            background: transparent url(../imagenes/iconos/menuitem-autores.png) no-repeat center center;
        }

div.tab-container {
    margin-top: 20px;
}

    div.tab-container > ul.pm-tablist {
        display: flex;
        flex-direction: row;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        div.tab-container > ul.pm-tablist li {
            padding: 0;
            margin: 0 10px;
        }


div.tab-container > ul.pm-tablist li a {
    padding: 5px 30px;
    display: inline-block;
    width: 100%;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background: #D6E3E5;
    margin-right: 10px;
    color: #313131;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
}

            div.tab-container > ul.pm-tablist li a.active {
                background: #0D3A4D;
                color: #FFF;
                cursor:default;
            }

    div.tab-container > ul.pm-tablist li a.disabled {
        color: #ccc;
        cursor: not-allowed;
    }

.tablero-lists-vista {
    display:flex;
    flex-direction:row;
    align-items:center;
}

.tablero-lists-vista > * {
    margin:0 10px;
}
    .tablero-lists-vista > span {
        display:inline-block;
        border:1px solid #ccc;
        height:35px;
    }
.tablero-lists-vista .icon-chart.active {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent url(../imagenes/iconos/chart-proportion-active.png) no-repeat center center;
}
.tablero-lists-vista .icon-list.active {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent url(../imagenes/iconos/list-two-active.png) no-repeat center center;
}

.tablero-lists-vista .icon-chart {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent url(../imagenes/iconos/chart-proportion-inactive.png) no-repeat center center;
}

.tablero-lists-vista .icon-list {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent url(../imagenes/iconos/list-two-inactive.png) no-repeat center center;
}
.table-legend {
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
}

.table-legend > * {
    display: inline-block;
    padding-left: 35px;
    margin-left:40px;
}

.table-legend > .legend-favorable {
    background: transparent url(../imagenes/iconos/icon-favorable.png) no-repeat center left;
}

.table-legend > .legend-neutral {
    background: transparent url(../imagenes/iconos/icon-neutral.png) no-repeat center left;
}

.table-legend > .legend-desfavorable {
    background: transparent url(../imagenes/iconos/icon-desfavorable.png) no-repeat center left;
}

#top-ten-autores-list,
#top-ten-medios-list {
    color: #313131;
}

    #top-ten-autores-list tbody tr td + td,
    #top-ten-medios-list tbody tr td + td {
        text-align:center;
    }

.pm-icon-2x {
    font-size:1.8em;
}

.pm-icon-3x {
    font-size: 2.5em;
}

/* PM-BPG */

.pm-bg-teal,
.pm-bg-favorable {
    background-color: #0D3A4D;
}
.pm-bg-red,
.pm-bg-desfavorable {
    background-color: #A00400;
}
.pm-bg-red-1 {
    background-color: #F11F1A;
}
.pm-bg-tan,
.pm-bg-neutral {
    background-color: #B0A782;
}

.pm-bg-teal-gray {
    background-color: #D6E3E5;
}

/* PM COLORS */

.pm-teal,
.pm-favorable {
    color: #0D3A4D;
}
.pm-red,
.pm-desfavorable {
    color: #A00400;
}
.pm-red-1 {
    color: #F11F1A;
}
.pm-tan,
.pm-neutral {
    color: #B0A782;
}
.pm-teal {
    color: #0D3A4D;
}
.pm-teal-gray {
    color: #D6E3E5;
}

.solapa {
    padding: 5px 30px;
    display: inline-block;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background: #0D3A4D;
    margin-left: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.swal-scroll {
    max-height: 450px; /* To be adjusted as you like */
    overflow-y: scroll;
    width: 100%;
}
.swal-scroll ul {
    list-style: none;
    text-align: left;
    font-size: .9rem;
    font-weight: 300;
}
    .swal-scroll ul li {
        margin-bottom:15px;
    }
        /*MENU*/
        #main-sidebar .pm-title {
    color: #1E1E1E;
    font-size: 18px;
    line-height: 32px; /* 177.778% */
    letter-spacing: 0.72px;
}

#menu {
    background: linear-gradient(181deg, #0D3A4D 12.69%, #002130 89.24%);
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
    border-end-end-radius: 10px;
    border-start-end-radius: 10px;
}
    #menu li {
        padding:7px 0;
    }
    #menu a {
        color: #fff;
    }
    #menu ul {
        padding-left:30px;
    }
    .menu-wing-top {
        background:transparent url(../imagenes/menu-wing.png) no-repeat bottom left;
    }
.menu-wing-bottom {
    background: transparent url(../imagenes/menu-wing-bottom.png) no-repeat top left;
    height:80px;
    width:100%;
}

.t2x {
    font-size:200%;
}

.t2x5 {
    font-size: 150%;
}



/*Media Listening**/


.ml-widget .widget-baseanalisis .widget-content {
    text-align: center;
    padding:10px;
    line-height:40px;

}


.hover-image-container {
    position: relative;
    width: 50%;
}

.hover-image {
    opacity: 1;
    display: block;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.hover-image-text {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.hover-image-container:hover .hover-image-text {
    opacity: 0.3;
}

.hover-image-container:hover .hover-image-text {
    opacity: 1;
}

.hover-image-text a {
    display:inline-block;
    background-color: #0D3A4D;
    color: white;
    font-size: 16px;
    width: 50px;
    height: 50px;
    border-radius:50px;
}

a.btn-tablero-red {
    color: #313131;
    display: inline-block;
    padding: 5px 15px;
}

    a.btn-tablero-red:hover, a.btn-tablero-red.sel {
        color: white;
        background-color: #2F5D71;
        border-radius: 50px;
    }