/* === LOGIN === */
.loginform {
    background-color: #FFFFFF!important;
    box-shadow: rgba(100,100,111,.1) 0 7px 29px 0;
    border: 1px solid #e9ecef;
}
div.right-column .login-divider { display:none!important; }

#page-login-index .login-container .loginform {
    margin: -1px auto;
    background-color: rgba(255,255,255, .5);
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / .15);
    border-radius: 2.5rem;
    padding: 0;
    border: 0;
}

#page-login-index .login-container .loginform .right-column {
    border-left: 0!important;
    border-top-left-radius: 150px;
    border-bottom-left-radius: 150px;
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    background-color: #BA041F;
    border-bottom-left-radius: 90px;
    padding: 4rem;
    color: #FFF;
}
.modal.show .modal-dialog {
    color:#000000!important;
}

@media (max-width: 991px) {
    #page-login-index .login-container {
        max-width: 850px!important;

    }
    #page-login-index .login-container .loginform .right-column {
        border-left: 0;
    }
}

/* === GERAL === */
body { background-color: #FFFFFF!important; }

body:not(.pagelayout-login) #page
{
    background-color: #FFFFFF!important;
}

@media (max-width: 992px) {
    .editmode-switch-form .input-group .form-check-label { display:none; }
}

#page-wrapper #page #topofscroll #page-content, #page-wrapper #page #topofscroll.main-inner #page-content {
    margin: 1rem auto 1rem auto;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: rgba(100,100,111,.1) 0 7px 29px 0;
    border: 1px solid #e9ecef;
    background-color: #fff;
}
#page.drawers .main-inner {
    background-color: transparent!important;
}

/* === NAVBAR === */
.navbar.fixed-top {
    background-color: #FFFFFF!important;
    background-image: url('https://zipi.neocities.org/recursos-mack/assets/img/navbarbg.jpg');
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    border-bottom: 1px solid #250606!important;
    /*color: #FFFFFF;*/
}
.navbar.fixed-top .navbar-brand .logo {
    max-height: 60px!important;
    margin-left:10px!important;
    margin-top: -10px!important;
}
@media screen and (max-width: 768px) {
    .navbar-brand.d-none {
        display: flex!important;
    }
    .navbar-brand.p-0 {
        padding-top:1rem!important;
    }
    .navbar.fixed-top .navbar-brand .logo { max-height: 22px!important; }
    #page-header div.w-100 div.d-flex.align-items-center {
        flex-direction: column!important;
    }
    .badges-heading { 
        flex-direction: column!important;
        gap: 1rem;
        margin-bottom: 1rem;
     }
}
.navbar-nav .popover-region .popover-region-toggle .icon { font-size: 22px!important; }
.local-adminer-nav-action a i{ font-size: 22px!important; }

.userinitials {
    background-color: #BA041F!important;
    color:#FFFFFF!important;
}

/* LOGIN 
#page-login-index #page-content-footer-nescon {
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
}
#page-login-index .login-container .loginform {
    background-color: #EEE7DA!important;
}
#page-login-index #login {
    padding-top:1.5rem!important;
}
#page-login-index #login .form-control-lg {
    font-size: 1rem;
}
#page-login-index #login input::placeholder { color: #CCCCCC!important; }
#page-login-index #login input::-webkit-input-placeholder { color: #CCCCCC!important; }
#page-login-index #login input::-ms-input-placeholder { color: #CCCCCC!important; }
#page-login-index #login input::-ms-input-placeholder { color: #CCCCCC!important; }
.login-container .login-divider {
  margin-top: .5rem!important;
  margin-bottom: .5rem!important;
}
.pagelayout-login .loginform .login-heading {
  padding: 1rem 0 1rem 0!important;
  font-size: 1rem!important;
}

@media (min-width: 768px) {
    #page-login-index .loginform {
        width: 50%!important;
    }
}
@media (min-width: 992px) {
    #page-login-index .loginform {
        max-width: 500px!important;
    }
}
#guestlogin .btn.btn-secondary { width: 100%!important }
div.d-flex .btn.btn-secondary { width: 100%!important }


/* Estilos Gerais *



/* Conteúdo delimitado *


/* == NAVBAR == *
/* Fundo *


/* Ajusta cor do botão ativar edição *
form.editmode-switch-form .input-group label.text-primary {
    color: #FFFFFF!important;
    font-weight: bold!important;
}
form.editmode-switch-form .input-group .form-check-input:checked {
    background-color: #EEE7DA!important;
    border-color: #EEE7DA!important;
}

/* Posicionamento do Menu *
.primary-navigation {
    margin-left: 50px;
}

/* menu mobile = aficionar filtro para a imagem ficar branca *
.navbar-toggler-icon {
    filter: brightness(0) invert(100%)!important;
}

/* seta usuário branca*
.primary-navigation .moremenu.navigation.moremenu .dropdown-toggle::after { color: #FFFFFF; }
.primary-navigation .moremenu.navigation.moremenu .dropdown-toggle:hover::after { text-decoration: underline!important; }

.secondary-navigation .moremenu.navigation.moremenu .dropdown-toggle::after { color: #6D7375; }

ul.nav.more-nav.navbar-nav .dropdown-toggle::after { color: #FFFFFF; }
ul.nav.more-nav.nav-tabs .dropdown-toggle::after { color: #6D7375!important; }

.usermenu-container #user-menu-toggle::after { color: #FFFFFF!important; }

/* Outros ajustes *
.navbar i.icon.fa.fa-message.fa-fw { color: #FFFFFF; font-size: 24px!important; }
.navbar i.icon.fa.fa-bell.fa-fw  { color: #FFFFFF; font-size: 24px!important; }

.navbar.fixed-top .primary-navigation .navigation .nav-link { color: #FFFFFF!important; }
.navbar.fixed-top .primary-navigation .navigation .nav-link.active { color: #FFFFFF!important; }

.secondary-navigation .moremenu .nav-tabs .nav-link { color: #485057!important; }
.secondary-navigation .moremenu .nav-tabs .nav-link.active { border-bottom:1px solid #485057!important; }

/* Notificações :: Cor do texto *
.content-item-container .context-link { color: #000000!important; }
.popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container .view-more:hover {
    color:#471D16!important;
}
.popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container:hover {
    color:#471D16!important;
}

.navbar.fixed-top .navbar-brand .logo {
    max-height: 40px!important;
    margin-left:10px!important;
}

@media screen and (max-width: 768px) {
    .navbar-brand.d-none {
        display: flex!important;
    }
    .navbar-brand.p-0 {
        padding-top:1rem!important;
    }
    .navbar.fixed-top .navbar-brand .logo { max-height: 22px!important; }
    #page-header div.w-100 div.d-flex.align-items-center {
        flex-direction: column;
    }
    .badges-heading { 
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 1rem;
     }
}

#page-header div.w-100 div.d-flex.align-items-center {
    flex-direction: row;
}
.badges-heading { 
    flex-direction: row;
    gap: 1rem;
}

/* == FOOTER *
.page-content-footer-nescon img { width: 100%; }
.page-content-footer-nescon  { background-color: #FFFFFF!important; }

/* == OUTROS == *
/* Remove fundo dos botões de alguns formatos de curso *
body#page-course-view-remuiformat .card-section-rightnav, body#page-course-view-remuiformat .card-section-leftnav {
background-color:transparent!important;
}
/*#page {  background-color: #D4C7A0!important; }
#page-content {box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px!important;}*

.page-header-headings h1.h2 { 
    font-weight: 400!important;
    font-size: 1.5rem; 
}

h2 { font-size: 1.3rem; }

.drawer-right { box-shadow: rgba(100, 100, 111, .1) 0 7px 29px 0!important; }


body#page-site-index {
background-color: #FFFFFF!important;
}

div.usermenu span.login.ps-2 a {
    color:#FFFFFF!important;
}
div.usermenu span.login.ps-2 a:hover {
    color:#FFFFFF!important;
    font-weight: bold!important;
}
body#page-site-index div[role="main"] {
    box-shadow: none!important;
}
span.userbutton span.usertext.d-flex.me-3 span {
    color:#FFFFFF!important;
}
.userswitchedrole .usermenu .usertext .meta {
    color:#FFFFFF!important;
}

ul.nav.more-nav.navbar-nav .dropdown-toggle::after { color: #FFFFFF; }
ul.nav.more-nav.nav-tabs .dropdown-toggle::after { color: #6D7375!important; }

.drawer-right { box-shadow: rgba(100, 100, 111, .1) 0 7px 29px 0!important; }


*/