.tema {
    color: var(--primary) !important;
}

.tema2{
    color: var(--segundary)!important;
}

#header-color, .navbar.navbar-default {
    background-color: var(--primary);
}


.login_box_login_sso .botao-login-sso {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #eee !important;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px 15px 30px;
    border: 1px solid #c9cace;
    width: 100%;
    max-width: 370px;
}

.login_box_login_sso .botao-login-sso:hover,.login_box_login_sso .botao-login-sso:focus {
    color: #333!important;
    background-color: #c3c3c3!important;
    border-color: #aeaeae!important;

}

.botao-login-sso img{
    height: 15px;
    top: -1px;
    position: relative;
    right: 10px;
}

.login_box_login button{
    background-color: var(--primary);
    border-color: var(--primary);
}

.login_box_login button:hover {
    background: var(--primary-hover);
}

.login_box_login a {
    color:  var(--primary);
    font-weight: 600;
    font-size: 12px;
    transition: 0.4s;
}
.login_box_login a:hover {
    color: var(--primary-hover);
    font-weight: 600;
    font-size: 12px;
}
.label-primary {
    background-color: var(--primary);
}

.login_p_copy{
    color:  var(--primary);
    font-weight: 600;
}


.login-logo-img {
    width: 100%;
    max-width: 270px;
    margin: 28px;
}

.mensagens-header {
    background: var(--primary)!important;
}

.login_box_login button:hover {
    background: var(--primary-hover)!important;
    transition: 0.4s;
}



.linha-azul {
    border-top: 3px solid  var(--segundary)!important;
}


.navbar-default .navbar-nav > li > a, .color-branco, .menu-link {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color:var(--primary-hover);
}


.horario-atividade {
    border: 2px solid var(--primary);
}
.text-primary, a,  a:focus, a.text-primary,  a.text-primary:focus {
    color: var(--segundary);
    transition: 0.3s;
}

.text-primary:hover, a:hover, a.text-primary:hover {
    color: var(--segundary-hover);
}

#sidebar-img {
    background: var(--segundary);
    width: 200px;
    height: 62px;
    border-radius: 0px;
    padding: 0px 0px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: var(--primary-hover);
    transition: 0.3s;
}


.nav.navbar-nav-custom > li.open > a, .nav.navbar-nav-custom > li > a:hover, .nav.navbar-nav-custom > li > a:focus {
    background-color: var(--primary-hover)!important;
    transition: 0.6s;
}

.btn-primary {
    transition: 0.4s;
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    color: #ffffff;
}
.btn-primary:active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
}
.btn-primary:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
}


.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color:  var(--primary);
}




.image-thumb img{
    border-radius: 8px !important;
}



.outline {
    background-color: transparent!important;
    color: inherit;
    transition: all .25s;
}
.btn-primary.outline {
    color:  var(--segundary)!important;
    border-color: var(--segundary)!important;
}
.btn-success.outline {
    color: #009A44!important;
    border-color: #009A44!important;
}
.btn-info.outline {
    color: #0091DA!important;
    border-color: #0091DA!important;
}
.btn-warning.outline {
    color: #f0ad4e!important;
    border-color: #f0ad4e!important;
}
.btn-danger.outline {
    color: #f04723!important;
    border-color: #f04723!important;
}

.btn-primary.outline:hover {
    color: var(--segundary-hover)!important;
    border-color:  var(--segundary-hover)!important;
}
.btn-success.outline:hover {
    color: #009A44!important;
    border-color: #009A44!important;
}
.btn-info.outline:hover {
    color: #0091DA!important;
    border-color: #0091DA!important;
}
.btn-warning.outline:hover {
    color: #FF5009!important;
    border-color: #FF5009!important;
}
.btn-danger.outline:hover {
    color: #f04723!important;
    border-color: #f04723!important;
}

.btn-primary.outline:hover,
.btn-success.outline:hover,
.btn-info.outline:hover,
.btn-warning.outline:hover,
.btn-danger.outline:hover {
   /* color: #fff!important; */
    opacity: 0.7!important;
}

.btn-primary.outline:active,
.btn-success.outline:active,
.btn-info.outline:active,
.btn-warning.outline:active,
.btn-danger.outline:active {
    /* color: #fff!important; */
    opacity: 0.7!important;
}

.btn-primary.outline:focus,
.btn-success.outline:focus,
.btn-info.outline:focus,
.btn-warning.outline:focus,
.btn-danger.outline:focus {
   /* color: #fff!important; */
}

.btn-compose{
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-compose:hover {
    background-color: var(--primary-hover);
    color: var(--primary-hover);
}


.style-alt #page-content + footer {
    border-top-color: var(--rodape-bg) ;
}


.modal-title {
    color: #232323;
}

.btn-warning {
    color: #fff;
    background-color: #FF5009;
    border-color: #FF5009;
}

.btn-warning:hover {
    color: #fff;
    background-color: #FF5009;
    border-color: #FF5009;
}
.btn-warning:active {
    color: #fff;
    background-color: #FF5009;
    border-color: #FF5009;
}
.btn-warning:focus {
    color: #fff;
    background-color: #FF5009;
    border-color: #FF5009;
}



#modal_recados_titles {
    color: var(--primary);
}

.mensagens-triangulo {
    border-bottom: 15px solid var(--primary);
}

.navbar-default .navbar-nav > li > a:focus, .color-branco:focus,.color-branco:active, .menu-link:focus, .navbar-default .navbar-nav > li > a:hover, .color-branco:hover, .menu-link:hover {
    color: white !important;
    transition: 0.6s;
}

.btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .btn-primary.dropdown-toggle {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
}

.modal-content{
    border-top: 3px solid var(--primary) !important;
}

.sidebar-img{
    width: 250px!important;
    height: 60px!important;
}


.notificacao-header {
    background: var(--primary);

}

.notificacao-triangulo {
    border-bottom: 15px solid var(--primary);

}
#sidebar {
    background: var(--primary);
}

#sidebar-img {
    background: var(--primary);
    margin-top: 5px;
    margin-right: 8px;
}


.logo {
    max-height: 50px!important;
    margin-top: 5px;
    /* margin-left: 25px!important; */
    cursor: pointer;
}
@media (max-width: 768px) {
    .busca_mentorias_nome .badge{
        position: relative!important;
        left: 5px;
        right: 0px;
    }
}

.button-link:active {
    color: #00338D !important;
    font-size: 16px!important;
    background-color: var(--primary)!important;
}


#loading i{
    color:var(--primary)!important;
}



#navCalendar>li.active {
    /*background: #0a6aa1; */
}

#navCalendar>li.active>a {
    color: #ffffff;
    background: #0099DB;
    font-weight: 600;
}


.eventCalendar-wrap {

    border-top: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
}
.fc button {
    color: #fff;
    background-color: var(--segundary);
    border-color: var(--segundary);
}

.dashboarad-option {
    border: 1px solid var(--primary);
    color: var(--primary);

}



.login_box_login {

    padding: 0px 15px 10px 15px;
}

@media (max-width: 768px) {
    .login_box {
        padding-top: 5%;
        padding-left: 15px;
        padding-right: 15px;
    }
}


.block_busca .block_mentor_cabecalho .busca_mentor_nome {
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 20px;
}

.block.block-mentors {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    height: 260px;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    cursor: pointer;
}
.block_mentor_cabecalho {
    height: 216px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.block_busca .busca_mentor_dado {
    text-align: center;
    line-height: 20px;
    min-height: 20px;
}

.nav.navbar-nav-custom > li > a {
    color: #ffffff;
}

.showAsWeek .eventsCalendar-day.today a {
    background: var(--primary);
}




.btn-intro-encontrar {
    color: var(--segundary)!important;
}

@media screen and (min-width: 1200px) {
    .login_box_login {
        margin-left: 8% !important;
        box-shadow: 0px 0px 10px 2px rgb(0 0 255 / 10%)
    }
}



ul.inbox-nav li a {
    background: #f8fafd;
    border-bottom: 1px solid #d7d7d7;
}

.modal-body {
    max-height: 600px;
}

.login-logo-img {
    width: 100%;
    max-width: 260px;
    margin: 20px 0px 5px 0px;
}


li.eventsCalendar-day.today a:hover {
    background-color: var(--primary-hover);
}


.profile-name{
   /* border-bottom: 1px solid; */
}



.dashboarad-option {
    width: 100%;
    max-width: 160px;
}


.media-object {
    display: block;
    border-radius: 8px !important;
    width: 120px;
}

.media-body-text{
    overflow: hidden;
    text-overflow: ellipsis;
    height: 110px;
    text-align: justify;
}

.noticia-media-titulo{
    color: #00338D;
    font-weight: 600;

}

.noticia-star{
    margin-right: 2px;
    color: var(--segundary);
}

.busca_mentorias_nome {
    max-width: 255px;
}




.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-img, .card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.card-img, .card-img-bottom, .card-img-top {
    width: 100%;
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}
.card-title {
    margin-bottom: .5rem;
}

.card-text:last-child {
    margin-bottom: 0;
}

#page-content + footer {
    border-top: 3px solid #dbe1e8;
}


.block.block-mentors {
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 60%);
    height: 250px;
    margin-bottom: 20px;
    border-radius: 8px;
}


.block_busca img {
    height: 70px;
    width: 70px;
    border-radius: 8px;
}
.avatar_imagem {
    height: 90px;
    width: 90px;
    border-radius: 8px;
}

.block.block-mentors {
    padding: 10px 10px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    cursor: pointer;
}

.block_busca img {
    height: 90px;
    width: 90px;
    border-radius: 8px !important;
    margin-right: 5px;
    float: none;
    border: 2px solid #f0f0f0;

}

.block_busca .block_mentor_cabecalho .busca_mentor_nome {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
}
.block_busca .busca_info {

}
.block_busca .block_mentor_cabecalho {
    height: 200px;
}

.busca_mentor_dado{
    margin-top: 0px;
    font-size: 13px;
}
.busca_info{
    height: 38px;
}

.busca_mentor_botoes{


}

.buscar-perfil-completo{

}


.pagination > li > a, .pagination > li > span {
    color: var(--primary);
    margin-left: 5px;
    margin-right: 5px;
    border: none !important;
    border-radius: 25px !important;
    transition: 0.3s;
}

.pagination > li > a, .pagination > li > span {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
}
.profile-name {
   /* border-bottom: 1px solid; */
    font-weight: 600;
    color: #4c4c4c;
    margin-top: 0px;
}
.block {
    padding: 10px 10px 10px 10px;
}

.dataTables_paginate .pagination > li{
    font-size: 11px;
}

.alert-success {
    color: #00338d;
    background-color: #e3edff;
    border-color: #00338d;
}

.block_busca .busca_mentor_dado {
    text-align: center;
    line-height: 8px;
    min-height: 16px;
    font-size: 11px;
}

.select2-container {
    border: 0px;
    padding: 0px;
}

.profile_tipo {
    padding-bottom: 8px;
    text-align: center;
    font-weight: bold;
}



.cookies-container {
    color: #fff;
    position: fixed;
    width: 100%;
    bottom: 2rem;
    z-index: 1000;
}

.cookies-content > p {
    margin: 0px;
}

.cookies-content > h4 {
    font-weight: 700;
    padding: 0px;
    margin: 0px;
}


.cookies-content {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    background: #1e1e1e;
    max-width: 40%;
    border-radius: 5px;
    padding: 1rem 2rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideUp 0.5s forwards;
}

@keyframes slideUp {
    to {
        transform: initial;
        opacity: initial;
    }
}

.cookies-pref > p > a {
    color: #007bf8;
}

.cookies-pref > label > input {
    margin-right: 0.5rem;
}

.cookies-save {
    grid-column: 2;
    grid-row: 1/3;
    background: #000000;
    color: white;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    padding: 0.8rem 1rem;
    font-size: 1.1rem;
    max-height: 40%;
    margin: 40% 0;
}

@media screen and (min-width: 1250px) and (max-width: 1500px) {
    .cookies-content {
        max-width: 55%;
    }
}

@media screen and (min-width: 900px) and (max-width: 1250px) {
    .cookies-content {
        max-width: 70%;
    }
}


@media screen and (min-width: 480px) and (max-width: 900px) {
    .cookies-content {
        max-width: 90%;
    }
}

@media screen and (max-device-width: 480px) {
    .cookies-content {
        grid-template-columns: 1fr;
        max-width: 90%;
    }
    .cookies-save {
        grid-column: 1;
        grid-row: 3;
        margin: 6% 0;
    }
}


.content-login {
    text-align: center;
    height: 100% !important;
    display: block;
    width: 100% !important;
    overflow: auto;
}

.content-div {
    display: block;
    height: 100%;
    width: 100%;
}

.box-login {
    height: 100%;
    width: 22%;
    float: left;
    max-width: 550px;
    background-color: #fff;
    text-align: center;
}

.box-div {
    display: flex;
    padding: 15px 10px;
    flex-direction: column;
    justify-content: center;
}

.box-div-div {
    width: 100%;

}

.box-image {
    height: 100%;
    width: 78%;
    float: left;
    border-radius: 0;
    background-size: cover;
    box-shadow: inset 5px 0 40px -28px rgb(0 0 0);
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
}



@media screen and (min-width: 1900px) and (max-width: 2150px) {
    .box-login{
        width: 25%;
    }

    .box-image{
        width: 75%;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1900px) {
    .box-login{
        width: 30%;
    }

    .box-image{
        width: 70%;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1500px) {
    .box-login{
        width: 35%;
    }

    .box-image{
        width: 65%;
    }
}

@media screen and (min-width: 901px) and (max-width: 1250px) {
    .box-login {
        height: 100%;
        width: 60vw;
        margin: 0 auto;
        max-width: 100%;
    }

    .box-image{
        display: none;
    }
}


@media screen and (min-width: 481px) and (max-width: 900px) {
    .box-login {
        height: 100%;
        width: 100%;
        max-width: 100%;
    }

    .box-image{
        display: none;
    }
     .login_box_login {
    margin: 0!important;
    width: 100%;
    max-width: 1200px!important;
             padding: 15px 15% 15px 15%;
    }
}

@media screen and (max-device-width: 480px) {
    .box-login {
        height: 100%;
        width: 100%;
        max-width: 100%;
    }

    .box-image{
        display: none;
    }


    .login_box_login {
    margin: 0!important;
    width: 100%;
    max-width: 1200px!important;
            padding: 15px 15px;
                    display: table;
    }

}

.box-login button {
    background-color: var(--primary);
    border-color: var(--primary);
    border: none;
    padding: 11px 40px;
    border-radius: 5px;
    outline: none;
    color: ghostwhite;
    font-size: 16px;
    font-weight: 300;
}

.form-login-email, .form-login-senha {
    border-bottom: 1px solid #898989;
    border-radius: 0;
    margin: 0 auto;
    width: 90%;
}

.box-login input {
    padding: 8px;
    width: 90%;
    border: none;
    background: transparent;
    margin: 10px 0;
    outline: none;
    color: #191919;
    border-radius: 0;
    font-size: 16px;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

label.label-validation {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

span.span-validation {
    align-self: center;
    font-size: medium;
}

input.input-validation:invalid + span.span-validation::after {
    content: "✖";
    color: red;
    padding-left: 5px;
}

input.input-validation:valid + span.span-validation::after {
    content: "✓";
    color: green;
    padding-left: 5px;
}

.select2-container {
    border: 0px;
    padding: 0px;
    margin-left: 10px;
    margin-top: 8px;
}

.select2-container {
    border: 0px;
    padding: 0px;
    margin-left: 10px;
}

.btn-icon-h{
    height: 25px;

}
.btn-icon-h i{
    margin-top: 3px;

 }
.dropdown-menu.dropdown-custom > li > a {
    border-radius: 3px;
    text-transform: uppercase;
}

.voucher_account {
    cursor: pointer;
    width: 100px;
    height: 100px;
    display: block;
}

.voucherNumberOne {
    position: absolute;
    z-index: 1;
    transform: translateY(28%);
    font-size: 45px;
    color: green;
    text-align: center;
    margin: auto;
    width: 100px;
}

.voucherNumberTwo {
    position: absolute;
    z-index: 1;
    transform: translateY(28%);
    margin-left: 5%;
    font-size: 45px;
}

.titulo{
    overflow: hidden;
    font-weight: 600;
    font-size: 14px;
    color: var(--primary) !important;
}

.progress-bar-primary {
    background-color: var(--primary);
}

.dropdown-menu i {
    color: var(--primary);
    opacity: 1;
}