@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

*:not(i) {
    font-family: "Poppins", sans-serif !important;
    box-sizing: border-box;
}
:root{
    --ColorApp: #0c1344;
}

body.NewBodyAthenea {
    width: auto;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0;
    background-image: url(../images/backgrounds/FondoLoginCreemos.png);
    background-attachment: fixed;
}

/* Style the header */
header.NewHeaderAthenea {
    text-align: center;
    color: white;
    height: 125px;
    padding-left: 40px;
}

div.NewDivHeaderAthenea {
    width: 100%;
    display: flex;
}

Img.NewLogoAthenea {
    float: left;
    width: 285px;
    padding: 50px 0px 0px 0px;
}

ul.NewUlFotoAthenea {
    float: right;
    padding: 15px 90px 0px 0px;
}

.NewNombrePerfilAthenea {
    float: right;
    padding: 13px 0px 0px 0px;
}

h1.NewNombreAthenea {
    font-size: 20px;
    font-weight: bold;
    font-family: system-ui;
}

h1.NewCargoAthenea {
    font-size: 11px;
    font-weight: 400;
    font-family: system-ui;
    margin-top: -35px;
    padding: 0px 0px 18px 0px;
    text-align: initial;
}

ul.NewUlBellAthenea {
    float: right;
    padding: 40px 0px 0px 0px;
}

nav.NavNewAthenea {
    float: left;
    width: auto;
    height: auto;
    margin: 0px 0px 0px 2%;
    animation: ease-in 1s;
}

.bg-sidebar-athenea {
    background: var(--ColorApp);
    border-radius: 25px;
}

div.Graficas {
    background: #ffffff;
    padding: 1px 20px 20px 20px;
    width: 100%;
    box-shadow: 0px 0px 20px black;
    border-radius: 25px;
    margin: 0px 0px 39px 0px;
    display: flow-root;
}

.NewCardAthenea {
    width: 33.33%;
    float: left;
}

h1.NewH1Athenea {
    font-size: 15px;
    color: var(--ColorApp);
    border-bottom: 2px solid gainsboro;
    padding: 20px 0px 8px 10px;
}

div.Sondeos {
    max-height: 375px;
    height: 375px;
    background: #ffffff;
    padding: 1px 20px 20px 20px;
    box-shadow: 0px 0px 20px black;
    border-radius: 25px;
    margin: 0px 0px 39px 0px;
    width: 48%;
    float: left;
}

div.Noticias {
    max-height: 375px;
    height: 375px;
    background: #ffffff;
    padding: 1px 20px 20px 20px;
    box-shadow: 0px 0px 20px black;
    border-radius: 25px;
    margin: 0px 0px 39px 0px;
    width: 48%;
    float: right;
}

div.NewImagenNoticas {
    width: 50%;
    float: left;
}

div.NewContenidoNoticas {
    width: 50%;
    float: right;
    padding: 10px;
}

h1.NewTituloAthenea {
    font-size: 15px;
    color: black;
    font-weight: 800;
}

p.NewContenidoAthenea {
    font-size: smaller;
}

article.NewArticleAthenea {
    float: left;
    width: 74%;
    margin: 0px 0px 0px 1%;
    height: auto;
}

/* Clear floats after the columns */
section::after {
    content: "";
    display: table;
    clear: both;
}

/* Style the footer */
footer.NewFooterAthenea {
    padding: 0px;
    text-align: center;
    color: white;
}

div.ContenidoNoHome {
    background: #ffffff;
    padding: 1px 20px 20px 20px;
    width: 100%;
    box-shadow: 0px 0px 20px black;
    border-radius: 25px;
    margin: 0px 0px 39px 0px;
    display: flow-root;
}
h1.NewTituloContenidoNoHome {
    font-size: 20px;
    color: var(--ColorApp);
    border-bottom: 2px solid gainsboro;
    padding: 20px 0px 8px 20px;
}

.cropme {
    width: 200px;
    float: left;
    background-color: #f1f1f1;
    margin-bottom: 5px;
    margin-left: 15px;
    background-image: url(../images/backgrounds/UploadLight.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 200px;
}

#text_chart_users,
#text_chart_messages {
    font-size: smaller;
}

/* Gráficas */
.graficaUsuario {
    padding: 0 !important;
    margin: 0 40px 0 0;
}

.graficaMetaUsuariosCreados {
    padding: 0 !important;
    margin: 0px;
}

.graficaMensajeria {
    padding: 0 !important;
    margin: 0 0 0 40px;
}

/* Responsive */

/* Cierre del sidebar */
.NavNewAthenea-close {
    width: 5.5%;
    animation: ease-in 1s;
    float: left;
    height: auto;
    margin: 0px 0px 0px 2%;
}

.menu-title-closed {
    display: none !important;
}

.NewArticleAthenea-extend {
    width: 85% !important;
    margin: auto !important;
    display: flow-root;
}

.main-menu.menu-dark .navigation > li > a {
    padding: 12px 0px 12px 18px !important;
}

.first-item-sidebar {
    border-bottom: 2px solid white;
}
/* Cierre del sidebar */

/* Pantallas pequeñas de computador */
@media (max-width: 1024px) {
    article.NewArticleAthenea {
        width: 69%;
    }
}

/* Tablets */
@media (max-width: 950px) {
    .NavNewAthenea-close {
        margin: 0 0 0 1%;
    }

    nav.NavNewAthenea {
        margin: 0 0 0 1%;
    }
}

@media (max-width: 899px) {
    article.NewArticleAthenea {
        width: 94%;
    }

    nav.NavNewAthenea {
        z-index: 100;
        position: fixed;
        margin-top: -10%;
    }

    .NavNewAthenea-close {
        margin-top: -10%;
        position: fixed;
        z-index: 100;
    }

    .nav-item {
        line-height: 3px !important;
    }

    .NewArticleAthenea-extend {
        margin-left: 4% !important;
        width: 92% !important;
    }
}

@media (max-width: 799px) {
    div.Graficas {
        display: inline-grid;
    }

    .NewCardAthenea {
        width: 60%;
        margin: auto;
        margin-top: 50px;
    }

    #myChart_user,
    #myChart_sms,
    #myChart_Cont {
        margin-left: 15px;
    }

    div.Sondeos,
    div.Noticias {
        width: 100%;
    }

    .main-menu {
        transform: translate3d(0, 0, 0) !important;
    }

    /* Gráficas */
    .graficaUsuario {
        padding: 0;
        margin: auto;
        margin-top: 20px;
    }

    .graficaMetaUsuariosCreados {
        padding: 0;
        margin: auto;
        margin-top: 20px;
    }

    .graficaMensajeria {
        padding: 0;
        margin: auto;
        margin-top: 20px;
    }
}

@media (max-width: 772px) {
    ul.NewUlFotoAthenea {
        padding: 30px 0px 0px 3px;
    }

    nav.NavNewAthenea {
        margin-top: -10%;
    }

    .NavNewAthenea-close {
        margin-top: -10%;
    }
}

@media (max-width: 600px) {
    .avatar img {
        width: 64% !important;
    }
    .NewNombrePerfilAthenea {
        display: none;
    }
    nav.NavNewAthenea {
        margin-top: -22%;
    }

    .NavNewAthenea-close {
        margin-top: -6%;
        margin-left: 4%;
    }

    div.Graficas {
        display: inline-grid;
    }

    nav,
    article {
        width: 80%;
        height: auto;
    }

    ul.NewUlFotoAthenea {
        width: 50%;
    }

    Img.NewLogoAthenea {
        width: 250px;
        padding: 6% 0px 0px 5%;
        margin-top: -4%;
    }

    .divLogoAthenea {
        width: 0;
        padding-left: 40px !important;
    }

    .navbar-mobile {
        width: auto;
    }

    .main-menu {
        transform: translate3d(0, 0, 0) !important;
    }
}

/* Móviles */
@media (max-width: 450px) {
    .divLogoAthenea {
        width: 100%;
        display: flex;
    }

    .NewLogoAthenea {
        margin: auto;
    }

    .NewCardAthenea {
        width: 100%;
        margin: auto;
    }

    .linksEscondidos {
        display: none;
        border-top: solid 1px white;
    }

    .main-menu .main-menu-content {
        width: 100%;
    }

    .first-item-sidebar {
        border-bottom: none;
    }

    .NavNewAthenea {
        width: 95vw;
        height: 100vh;
    }

    .bg-sidebar-athenea {
        width: 95vw;
        height: 100vh;
    }

    div.NewImagenNoticas {
        width: 100%;
        margin: auto;
    }

    div.NewContenidoNoticas {
        width: 100%;
        margin: auto;
    }

    .NewDivHeaderAthenea {
        display: inherit !important;
    }

    .navbar-mobile {
        width: 100%;
        margin: auto;
    }

    ul.NewUlFotoAthenea {
        width: 35%;
        margin: auto;
        margin-bottom: 12%;
    }

    ul.NewUlBellAthenea {
        margin: auto;
    }

    div.Sondeos {
        height: auto;
        max-height: none;
    }

    div.Noticias {
        height: auto;
        max-height: none;
    }
}

/* Cambios para los colores de Athenea creemos */
.btn-info {
    background-color: var(--ColorApp) !important;
    border: var(--ColorApp) 1px !important;
}

.btn-success {
    color: #fff;
    background-color: #157ebf !important;
    border: #157ebf solid 1px !important;
}

/* Botón de Whatsapp */
.whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.whatsapp:hover {
    text-decoration: none;
    color: #25d366;
    background-color: #fff;
}

.my-whatsapp {
    margin-top: 13px;
}

.purpleText{
    color: #8c1f5b;
    font-style: italic;
    font-family: "Poppins", sans-serif !important;
}

.lNotificacion {
    color: #fff !important;
}

.lNotificacion:hover {
    color: #fff !important;
}

.dropdown i {
    margin-right: 0.1rem !important;
}

.badge-up {
    position: inherit !important;
}