@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.sidebar {
    width: 15%;
}

.top-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 85%;
    z-index: 999;
}

.sidebar.mini_sidebar {
    min-width: 7%;
    max-width: 7%;
    position: fixed;
}

.full_main_content .top-menu {
    width: 93%;
}

.sidebar.dark_sidebar.mini_sidebar #sidebar_menu > li ul li a {
    text-align: left;
}

.sidebar.mini_sidebar #sidebar_menu > li:hover > a, .sidebar.mini_sidebar #sidebar_menu > li.mm-active > a {
    width: 370px !important;
}

.sidebar.dark_sidebar.mini_sidebar #sidebar_menu > li.mm-active ul {
    width: 234px;
}

@media (max-width: 991px) {
    .sidebar {
        width: 280px;
    }

    .top-menu {
        width: 100%;
    }
}

.main_content .main_content_iner {
    padding: 120px 30px;
}

.sidebar .logo .small_logo img {
    width: 80%;
    margin-left: 8%;
    margin-top: 8%;
}

.sidebar .logo {
    padding: 11px;
}

.login-logo, .agregador-logo {
    text-align: center;
    height: 145px;
    display: flex;
    align-items: center;
}

.login-logo img, .agregador-logo img {
    max-height: 150px;
    max-width: 500px;
}

.sidebar .logo {
    height: 80px;
}

.sidebar .logo .large_logo img, .sidebar .logo .small_logo img {
    max-height: 58px;
    max-width: 220px;
}

.sidebar #sidebar_menu > li a {
    grid-template-columns: 20px auto;
}

.sidebar #sidebar_menu > li a.active {
    color: #F65365 !important;
}

.open_miniSide {
    cursor: pointer;
}

.btn-login {
    width: 100%;
    display: block;
    margin-top: 20px;
    padding: 9px 25px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

.login-box .row {
    margin-right: inherit;
    margin-left: inherit;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.profile_info .profile_info_iner {
    width: 500px;
}

@media screen and (max-width: 768px) {
    .profile_info_iner {
        width: 350px !important;
    }

    .main_content, .top-menu {
        padding-left: initial !important;
    }

    .sidebar {
        width: initial !important;
    }
}

@media screen and (max-width: 400px) {
    .profile_info_iner {
        width: 275px !important;
    }
}

.profile_info_iner {
   top: 50px !important; 
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}







/* CONTACTS */
.contact-box {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  padding: 20px;
  margin-bottom: 20px;
}
.contact-box > a {
  color: inherit;
}
.contact-box.center-version {
  border: 1px solid #e7eaec;
  padding: 0;
}
.contact-box.center-version > a {
  display: block;
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
}
.contact-box.center-version > a img {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact-box.center-version address {
  margin-bottom: 0;
}
.contact-box .contact-box-footer {
  text-align: center;
  background-color: #ffffff;
  border-top: 1px solid #e7eaec;
  padding: 15px 20px;
}

.li_welcome{
    margin-top: 20px;
}

.home .white_card:hover, .documentos .white_card:hover {
    opacity: 0.8 !important;
}

.sidebar #sidebar_menu > li a i {
    color: #94c0d4;
}

/*Frequencias e Notas*/
.disciplina { border: 1px solid #E5E5E5; margin-bottom: 22px}
.disciplina h2 { background: #F3F3F3; border-bottom: 1px solid #E5E5E5; padding: 15px 22px; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.disciplina h2 .disciplina-cancelada { color: #EC5334; }
.disciplina h2 .disciplina-aproveitamento { color: #1B91EC; }
.disciplina h2 .disciplina-pendente { color: #FF7800; }
.disciplina .disciplina-conteudo .disciplina-caracteristicas { font-size: 14px; margin-bottom: 30px; }
.disciplina .disciplina-conteudo .disciplina-caracteristicas strong { line-height: 200%; }
.disciplina .disciplina-conteudo .disciplina-caracteristicas .caixa-aviso { margin-top: 0px; margin-bottom: 20px; }
.disciplina .disciplina-conteudo h3 { font-size: 14px; margin-bottom: 10px; font-family: "Roboto", sans-serif; }
.disciplina-frequencia .frequencia-calendario { border: 1px solid #E5E5E5; }
.disciplina-frequencia .frequencia-calendario .frequencia-mes { border-bottom: 1px solid #E5E5E5; padding: 5px 20px 5px 65px; position: relative; }
.disciplina-frequencia .frequencia-calendario .frequencia-mes:last-child { border-bottom: none; }
.disciplina-frequencia .frequencia-calendario .frequencia-mes .frequencia-mes-nome { line-height: 40px; font-weight: 700; text-transform: capitalize; padding-right: 15px; width: 45px; margin: 5px 0px; display: block; position: absolute; top: 0px; bottom: 0px; left: 20px; }
.disciplina-frequencia .frequencia-dia { border: 2px solid #E5E5E5; border-radius: 100px; width: 30px; height: 30px; line-height: 28px; display: inline-block; text-align: center; font-size: 12px; margin: 5px; box-content: border-box; position: relative; float: left; }
.frequencia-horario { width: 80px !important; }
.disciplina-frequencia .frequencia-dia>span { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 210; cursor: pointer; }
.disciplina-frequencia .frequencia-dia.frequencia-falta-2 { background: #DEF9E6; border-color: #CEEFD4; }
.disciplina-frequencia .frequencia-dia.frequencia-falta-2-acessibilidade { background: #5cceff; border-color: #5cceff; }
.disciplina-frequencia .frequencia-dia.frequencia-falta-0 { background: #FDCBCE; border-color: #F3ADB1; }
.disciplina-frequencia .frequencia-dia.frequencia-falta-1:before, .disciplina-frequencia .frequencia-dia.frequencia-falta-1:after { content: ''; display: block; width: 30px; height: 15px; border: 2px #E5E5E5 solid; box-sizing: border-box; transform: rotate3d(0, 0, 1, -45deg); position: absolute; z-index: 200; }
.disciplina-frequencia .frequencia-dia.frequencia-falta-1:before { top: 0px; left: -6px; border-radius: 100px 100px 0 0; background: #FDCBCE; border-color: #F3ADB1;  }
.disciplina-frequencia .frequencia-dia.frequencia-falta-1:after { bottom: 0px; left: 4px; border-radius: 0 0  100px 100px; background: #DEF9E6; border-color: #CEEFD4; }
.disciplina-frequencia .frequencia-dia.frequencia-falta-3 { background: #A8E5FF; border-color: #A8E5FF; }
.disciplina-frequencia .frequencia-dia.frequencia-falta-4 { background: #C5C5C5; border-color: #C5C5C5; }

.disciplina-frequencia .frequencia-legenda { line-height: 30px; margin-top: 5px; margin-bottom: 22px }
.disciplina-frequencia .frequencia-legenda:after{ content:''; display: block; clear: both; }
.disciplina-frequencia .frequencia-legenda>div{ float: left }
.disciplina-frequencia .frequencia-legenda .legenda{ display: block; line-height: 22px; height: 22px; margin: 5px; float: left; font-size: 12px; }
.disciplina-frequencia .frequencia-legenda .frequencia-dia { width: 22px; height: 22px; border-width: 1px; }
.disciplina-frequencia .frequencia-legenda .frequencia-dia.frequencia-falta-1:before, .disciplina-frequencia .frequencia-legenda .frequencia-dia.frequencia-falta-1:after { width: 22px; height: 11px; border-width: 1px; }
.disciplina-frequencia .frequencia-legenda .frequencia-dia.frequencia-falta-1:before { top: 0px; left: -4px; }
.disciplina-frequencia .frequencia-legenda .frequencia-dia.frequencia-falta-1:after { bottom: 1px; left: 4px; }

.notas {display: inline-flex; width: 100%;}
.disciplina-notas .notas-conteudo .nota { border: 1px solid #E5E5E5; line-height: 30px; /*float: left;*/ width: 25%; text-align: center; padding: 5px; border-left-width: 0px; }
.disciplina-notas .notas-conteudo .nota:first-child, .disciplina-notas .notas-conteudo .nota.nota-final { border-left-width: 1px; }
.disciplina-notas .notas-conteudo .nota.nota-final { width: 100%; border-top-width: 0px; }
.disciplina-notas .notas-conteudo .nota.nota-conceito { width: 100%; }
.disciplina-notas .notas-conteudo .nota.nota-conceito+.nota-conceito { border-left-width: 1px; border-top-width: 0px }

.encontro-avulso-frequencia { border: 2px solid #E5E5E5; border-radius: 100px; width: 30px; height: 30px; line-height: 28px; display: inline-block; text-align: center; font-size: 12px; margin: 5px; }
.encontro-avulso-justificativa { width: 30px; height: 30px; line-height: 28px; margin: 5px; }

.tabela-notas td {
    text-align: center;
}

.tabela-notas th {
    background-color: #eee !important;
}

.cabecalho-nota {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: bottom;
    border: 1px solid #e7e7e7;
    background-color: #F5F5F6;
    border-bottom-width: 1px;
    text-align: left;
    font-weight: bold;
}
.cabecalho-nota:last-child {
    border-left: none;
    text-align: center;
    cursor: pointer;
}
.tabela-avaliacao {
    border-top: none;
}
.linha-avaliacao {
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.linha-avaliacao:first-child {
    border-left: 1px solid #e7e7e7;
}
.avaliacoes-ativas {
    background: #DEF9E6;
}
div[id^="nota"] {
    margin-bottom: 20px;
}
.disciplina-cancelada {
    color: #ff0000;
}

.aula-calendario {
    background-color: #23c6c8;
    border-color: #1fb1b2;
}

.evento-sem-aula-calendario {
    background-color: #f8ac59;
    border-color: #f7a041;
}

.evento-com-aula-calendario {
    background-color: #1ab394;
    border-color: #179d82;
}

.calendario-item { border: 2px solid #E5E5E5; border-radius: 100px; width: 30px; height: 30px; line-height: 28px; display: inline-block; text-align: center; font-size: 12px; margin: 5px; box-content: border-box; position: relative; float: left; }
.calendario-item.aula-calendario { background: #23c6c8; border-color: #1fb1b2; }
.calendario-item.evento-sem-aula-calendario { background: #f8ac59; border-color: #f7a041; }
.calendario-item.evento-com-aula-calendario { background: #1ab394; border-color: #179d82; }

.calendario-legenda { margin-top: 5px; }
.calendario-legenda:after{ content:''; display: block; clear: both; }
.calendario-legenda .legenda{ display: block; line-height: 22px; height: 22px; margin: 5px; float: left; font-size: 12px; }
.calendario-legenda .calendario-item { width: 22px; height: 22px; border-width: 1px; }

.popover-fixo {
    display: block;
}

.popover-fixo-top {
    max-width: none;
}

.h1-media {
    font-size: 40px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    line-height: 1.1;
    color: inherit;
}

/**
 * Style para computador
 */
@media only screen and (min-width: 768px), only screen and (max-width: 600px) {
    .popover-fixo-mobile {
        display: none;
    }
}

/**
 * Style para mobile
 */
@media screen and (max-width: 768px) {
    .popover-fixo-mobile {
        display: block;
    }
}

.cabecalho-tipo-titulo {
    font-weight: 600;
    font-size: 30px;
}

.valor-titulo {
    font-size: 40px;
    margin-bottom: -22px;
}

.linha-divisao-titulo-info {
    margin-bottom: -15px;
}

.botao-titulo {
    padding: 20px;
    border-bottom: 1px solid;
    margin-bottom: 3px;
    cursor: pointer;
}

.botao-titulo:hover {
    background: #F8F8F8;
}

.caixa-titulo {
    margin-bottom: 8px;
}

@media only screen and (max-width: 600px) {
    .primeiro-botao-titulo {
        border-top: 1px solid;
        margin-top: 25px;
    }

    #user-info {
        margin-left: 35px !important;
    }
}

.logo_instituicao {
  max-width:80px;
  max-height:60px;
  width: auto;
  height: auto;
    margin-left: 4.5rem;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

.custom-file-label::after{
    content: "Procurar";
}

@media (max-width: 768px) {
    .hidden-mobile {
      display: none;
    }
}

.default-according .card-header button {
    width: 100%;
    text-align: left;
}

.default-according .card-header {
    cursor: pointer;
    border-bottom: none;
    background-color: #ebebeb;
}

.default-according .card {
    border: none;
}

.default-according .card-body {
    border: 1px solid #ebebeb;
}

.without-son {
    cursor: default !important;
    border-radius: var(--bs-card-inner-border-radius) !important;
}

.card.mb-2.text-left {
    text-align: left !important;
}

.modal-backdrop {
    z-index: 1000;
}

.serach_field-area .search_inner form {
    margin-block-end: 0em;
}

.card_box .white_box_tittle, .card_box .box_body, .card_footer, .card_header {
    padding: 25px;
}

.nav .nav-item a.active {
    color: #F65365 !important;
    background: #F8FAFC;
    border-radius: 15px;
}

#destinatarios select, #destinatarios button {
    margin-bottom: 1rem;
}

.modal.show .modal-dialog {
    max-width: 800px;
}

.Activity_timeline ul li .activity_wrap p {
    color: #212529;
}

.text-muted {
    color: #6c757d !important;
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #661dfa !important;
    border-color: #661dfa !important;
}

.form-group {
    margin-bottom: 1rem;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col {
    padding-left: 5px;
    padding-right: 5px;
}

.swal2-popup {
    width: 35em !important;
}

a {
    color: #884FFB;
}

.icon-moodle:before {
    background-image: url(../img/moodle.svg);
}

.icon-classroom:before {
    background-image: url(../img/google_classroom.svg);
}

.icon-moodle, .icon-classroom {
    font-size:0px !important;
}

.icon-moodle:before, .icon-classroom:before {
    content: "";
    display: block;
    height: 50px;
    width: 50px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
}

.sidebar #sidebar_menu > li a .icon-moodle:before, .sidebar #sidebar_menu > li a .icon-classroom:before {
    height: 15px;
    width: 15px;
    background-size: 15px 15px;
    margin-left: initial;
    display: inline-table;
}

.accordion-moodle .icon-moodle:before, .accordion-moodle .icon-classroom:before {
    height: 20px;
    width: 25px;
    background-size: 25px 25px;
    margin-left: initial;
    display: inline-table;
}

.icon-moodle:before {
    filter: invert(85%) sepia(13%) saturate(5904%) hue-rotate(327deg) brightness(102%) contrast(101%);
}

.sidebar #sidebar_menu > li a .icon-moodle:before {
    filter: invert(81%) sepia(11%) saturate(783%) hue-rotate(154deg) brightness(91%) contrast(88%);
}

.accordion-moodle .icon-moodle:before {
    filter: invert(76%) sepia(20%) saturate(6609%) hue-rotate(146deg) brightness(95%) contrast(99%);
}

.miniature {
    cursor: pointer;
    padding: 5px;
    border: 1px solid #BBC1C9;
    border-radius: .25rem;
    width: 100%;
    height: 204px;
    text-align: center;
    display: inline-block;
}

.miniature:hover {
    opacity: 0.5;
}

.miniature-img {
    max-height: 100%;
    max-width: 100%;
    text-align: center;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}

.miniature-field {
    display: none;
}

.miniatura-disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.tr-message {
    cursor: pointer;
}

.tr-message:hover {
    background-color: #cfe2ff;
    border-color: #bacbe6;
}

.tr-message-not-read {
    font-weight: bold;
}

.message-info span {
    position: absolute;
    width: 22px;
    height: 22px;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #fff;
    font-size: 11px;
    border-radius: 50%;
    right: 150px;
    top: 25px;
    background: #F45B0F;
    line-height: 22px;
}

.required_label:after {
    content:" *";
    color: red;
}

.card_header{
    border-top: 1px solid #f2f4ff;
    position: relative;
    overflow: hidden;
}

b, strong {
    font-weight: bold;
}

.dt-buttons {
    margin-bottom: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #884FFB;
    background-color: #884FFB !important;
    box-shadow: 0px 5px 10px rgba(136, 79, 251, 0.04) !important;
}

.form-group label {
    float: left;
    width: 100%;
}

.top-menu, .full_main_content .top-menu {
    width: 100%;
}

.sidebar {
    width: 290px;
}

.main_content, .top-menu {
    padding-left: 290px;
}

.sidebar.mini_sidebar {
    min-width: 136px;
    max-width: 136px;
}

.full_main_content .top-menu {
    padding-left: 136px;
}

.login-box .nice_Select:after {
    margin-top: -14px;
}

.login-box .nice_Select.open::after {
    margin-top: 6px;
    right: 18px;
}

.custom-toast {
    font-size: 16px;
    padding: 20px;
    width: 450px !important;
    height: auto;
}

.agregador-button {
    font-weight: 700;
    padding-top: 1.5rem ;
    padding-bottom: 1.5rem;
    width: 100%;
    height: 150px;
}

@media (min-width: 768px) {
    .agregador-display {
        height: 100vh;
    }
    
    #agregador-linha-superior {
        margin-bottom: 1rem !important;
    }    
}

@media (max-width: 768px) {
    .agregador-display{
        height: 100vh;
    }
}

.agregador-display .white_card:hover {
    opacity: 0.8 !important;
}

.biblioteca .sidebar #sidebar_menu > li a {
    grid-template-columns: 30px auto;
    padding: 12px 12px 12px 26px;
}
.biblioteca .sidebar #sidebar_menu > li a i {
    color: #000000;
    font-size: 25px;
}
#obscure-loading{
    display:none; /* Hide the DIV */
    position:fixed;
    _position:absolute; /* hack for internet explorer 6 */  
    height:100%;
    min-height: 100%;
    width:100%;  
    background:#000;  
    z-index:1070;
	top: 0 !important;
    
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    /**opacity: 0.2;*/
}

.contentBar {
    width: 150px; 
    display:block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
    text-align: center;
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

body {
    font-family: sans-serif;
}

.invoice-status {
    text-align: right;
}

@media (max-width: 450px) {
    #creditcard-card .card-wrapper {
        height: 200px !important;
    }

    .card-wrapper>.jp-card-container {
        transform: inherit;
        transform-origin: inherit !important;
    }

    .invoice-data, .invoice-status {
        text-align: center !important;
    }
}

.jp-card {
    min-width: inherit !important;
}

.jp-card-container {
    height: 200px !important;
}

.content-header {
    display: none;
}

.card-wrapper {
    margin: 0;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.main-header, .main-sidebar, .content-header {
    display: none;
}

body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
    margin-left: 0 !important;
}

.content-wrapper {
    min-height: 100% !important;
}

.btn {
    white-space: normal !important;
}

.divRadio, .divComponentes {
    border: 1px solid transparent;
    border-top: none;
}

.boxBorder {
    transition: border-color 0.45s;
    border-color: #367fa9;
}

.noRadiusBottom {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: border-bottom-left-radius 1.4s;
    transition: border-bottom-right-radius 1.4s;
}

.btn-matriz, .btn-componentes {
    transition: background-color #884FFB;
}

/* Ajustes do Radio button */
.control__indicator {
    top: 0px !important;
}

.control {
    margin-bottom: 5px !important;
}

.control--radio .control__indicator:after {
    top: 2px !important;
}
/* Fim dos ajustes */

.btn-matriz, .btn-componentes {
    white-space: normal;
    width: 100%;
    text-align: left;
}

/*.icone-matriz {*/
.fa-caret-right {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.rotate90 {
    transform: rotate(90deg);
}

.rotate0 {
    transform: rotate(0deg);
}

.box-header .box-title {
    color: black;
}
.box.box-primary {
    top: 10px;
}

#divMensagens{
    position: fixed;
    width: 100%;
    top: 0;
    z-index:10;
}

.control{
    font-size: 14px !important;
}

.box{
    box-shadow: none !important;
}

#contentAjax{
    margin-bottom: 60px;
}
/* Tema do FAESSA*/

.box.box-primary {
    border-top-color: #884FFB !important;
}

.btn-primary {
    background-color: #884FFB !important;
    border-color: #884FFB !important;
    color: #fff !important;
}

.boxBorder {
    border-color: #884FFB !important;
}

.boxComponente {
    border: 1px solid #884FFB !important;
    
}

.slimScrollBar {
        background: #884FFB !important;
}

.competo-main-footer {
    display: none;
}

.componente_nome { 
    color: black!important;
    font-weight: normal;
}

.divRadio label {
    width: 100%;
    text-align: left;
}

.divRadio label, .check_radio_control, .input-group label {
    cursor: pointer;
}

legend {
    text-align: left;
}

.comprovanteConvenio {
    margin-top: 10px;
    display: none;
}

.controlCentralizado {
    display: inline-block;
    margin: 0 auto;
    float: none;
    vertical-align: top;
}

.btn-termo-pdf {
    /* position: absolute;
    top: 10px;
    right: 30px;
    z-index: 9; */
}

.text-pdf {
    color: #dd4b39;
}

.conteudo-termos {
    border: 1px solid #ddd;
    text-align: left;
    /*max-height: 200px;*/
    overflow-y: auto;
    border-radius: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100% !important;
}

.conteudo-termos p {
    color: inherit;
}

legend {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

.divComponentes {
    padding-bottom: 10px;
}

.boxComponente {
    border: 1px solid #3c8dbc;
    border-top: 0px;
}

#inscrever{
    line-height: 1.5;
    font-size: 22px;
}

.sexo>.control{
    display: inline-block !important;
    margin-top: 3px;
}

.componente{
    text-align: left !important;
    font-weight: 500;
    font-size: 16px;
}

.componente_nome{
    color: #3c8dbc;
    font-weight: bold;
}

.no-select {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

.text-primary {
   color:#F3662A!important;
}

#divFormInscricao .form-group label {
    float: left;
    width: auto;
}

#precisaAceitarTermos {
    display: none;
}
.biblioteca-badge {
    position: absolute;
    top: 3px;
    left: 6px;
    z-index: 2;
    padding: 4px 8px;
}

.biblioteca-bt-reservar {
    border-radius: 0 0 0.25rem 0.25rem;
}

.image-container {
    width: 100%;
    height: 232px;
    overflow: hidden;
    position: relative;
    background: #f8f9fa;
}

.biblioteca-img {
    width: auto; 
    height: auto; 
    max-width: 100%;
    max-height: 100%; 
    object-fit: contain;
    margin: auto;
    background-color: #1D1D1B;
    border-radius: 10px 10px 0 0;
}

.biblioteca-titulo-livro-exemplar, .biblioteca-bt-reservar, .biblioteca-bt-fasciculo, .biblioteca-localizacao-livro-exemplar, .biblioteca-ebook-livro-exemplar, .biblioteca-formato-digital-livro-exemplar {
    font-weight: 1000;
}

.biblioteca-bt-fasciculo, .biblioteca-bt-reservar.sem-radius-direita{
    font-size:0.7rem;
}

.biblioteca-detalhes-livro-exemplar {
    line-height: normal;
}

.biblioteca-bt-reservar, .biblioteca-bt-fasciculo {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.biblioteca-col {
    flex: 0 0 auto;
    width: 50%;
}

.biblioteca-botoes-paginacao {
    justify-content: center;
}

.biblioteca-exemplar {
    margin-bottom: 15px;
}

.biblioteca-pesquisa-campo-busca {
    margin-bottom: 1rem;
}

.biblioteca-img {
    transition: transform 0.3s ease;
}

.biblioteca-img:hover {
    transform: scale(1.05);
}

.biblioteca-bt-fasciculo, .biblioteca-bt-fasciculo:hover {
    color: #884FFBe6;
    background-color: #fff;
    border-color: #884FFBe6;
}

.sem-radius-direita {
    border-radius: 0 0 0 8px;
}

.sem-radius-esquerda {
    border-radius: 0 0 8px 0;
}

/* Animaçẽos do header */
.custom-transition {
    transition: width 0.2s ease-in-out;
}

/* Botoes de paginacao */
.biblioteca-btn-page {
    margin-right: 0;
    border-radius: 0;
}

.biblioteca-btn-page-first {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.biblioteca-btn-page-last {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.biblioteca-btn-page-prev:disabled, .biblioteca-btn-page-next:disabled, 
.biblioteca-btn-page-prev-all:disabled, .biblioteca-btn-page-next-all:disabled {
    border: 0;
    color: gray;
}

.biblioteca-cabecalho-resultado{
    align-items: end;
    margin-bottom: 1rem;
}

.biblioteca-localizacao-livro-exemplar, .biblioteca-ebook-livro-exemplar, .biblioteca-formato-digital-livro-exemplar {
    display: block;
    text-decoration: underline;
    line-height: 24px;
    cursor: pointer;
}

/* Modal infos */
.biblioteca-modal-content {
    background-color: transparent;
    border: 0;
}

.biblioteca-modal-body, .biblioteca-modal-footer {
    background-color: var(--bs-modal-bg);
}

.biblioteca-tabs {
    border-radius: 10px 10px 0 0;
    background-color: #BDBDBD;
    border-bottom: 0;
}

.biblioteca-modal-body {
    border-left: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-right: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-top-right-radius: var(--bs-modal-border-radius);
}

.biblioteca-modal-footer {
    border-bottom: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-left: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-right: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
}

.biblioteca-nav-link {
    background-color: #BDBDBD;
    font-weight: bold;
    color: #818181
}

.nav.nav-tabs .biblioteca-nav-link.active, .nav.nav-tabs .biblioteca-nav-link:hover {
    color: #000000;
    border-bottom-color: var(--bs-modal-bg);
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
}

.nav.nav-tabs .biblioteca-nav-link:hover {
    border-color: #BDBDBD;
    border-bottom-color: var(--bs-modal-bg);
}

.biblioteca-btn-modal {
    font-weight: bold;
}

.abrir-modal {
    cursor: pointer;
}

.biblioteca-exemplar-localizacao-modal {
    display: flex;
    justify-content: center;
}

.biblioteca-btn-page.btn-primary {
    pointer-events: none;
}

.biblioteca-swal-title {
    font-weight: bold !important;
    font-size: 1.5em !important;
    color: #333 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    width: 100%;
}

.biblioteca-swal .swal2-actions {
    justify-content: flex-end !important;
    margin-top: 20px !important;
}

.biblioteca-swal .swal2-content {
    text-align: justify;
}

.biblioteca-swal .swal2-actions {
    flex-direction: row-reverse;
    justify-content: end !important;
    gap: 5px;
    margin-top: 20px !important;
}

.biblioteca-modal-reserva {
    border-top-left-radius: var(--bs-modal-border-radius);
    border-top-right-radius: var(--bs-modal-border-radius) !important;
}

.biblioteca-fasciculo-info {
    text-decoration: underline;
    cursor: pointer;
}

.biblioteca-voltar-fasciculo {
    margin-right: auto;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
}

.biblioteca-voltar-fasciculo:hover {
    text-decoration: underline;
}

.biblioteca-checkbox-div {
    flex-direction: column;
}

.biblioteca-modal-expandido {
    width: 105% !important;
    height: 105% !important;
}

.biblioteca-modal-renovacao-todos-metade {
    min-height: 50%;
}

.radio-reserva-livro {
    appearance: none;
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    border: 2px solid #ccc;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    background-color: #fff;
}
  
.radio-reserva-livro:checked {
    background-color: #884FFB; 
    border-color: #884FFB;
}

.radio-reserva-livro:hover {
    border-color: #0d6efd;
}

/* Media para tela do PC */
@media (min-width: 768px) {
    .biblioteca-voltar-fasciculo {
        font-size: 16px;
    }

    .biblioteca-botoes-paginacao {
        justify-content: flex-end ;
    }

    .biblioteca-img {
        object-fit: fill;
        border-radius: 0 0 0 0;
    }

    .biblioteca-exemplar {
        margin-bottom: 60px;
    }

    .biblioteca-exemplar:nth-child(3n+1) {    
        padding-left: 20px;
    }
    
    .biblioteca-exemplar:nth-child(3n+2) {
        padding-right: 20px;
    }
    
    .biblioteca-exemplar:nth-child(3n+3) {
        padding-left: 10px; 
        padding-right: 10px; 
    }

    .biblioteca-pesquisa-campo-busca, .biblioteca-pesquisa-campo-unidade {
        display: flex;
    }

    .biblioteca-pesquisa-campo-busca label, .biblioteca-pesquisa-campo-unidade label {
        width: 40%;
        font-size:1rem;
        text-align: center;
    }

    .biblioteca-pesquisa-campo-busca select, .biblioteca-pesquisa-campo-unidade select {
        width: 60%;
    }

    .biblioteca-pesquisa-campo-busca {
        margin-bottom: 0;
    }
    
    .modal-custom-size {
        max-width: 90vw !important;
        width: 70vw;
        height: 80vh;
        margin: auto;
    }
    
    .modal-custom-size .modal-content {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .modal-custom-size .modal-body {
        flex-grow: 1;
        overflow-y: auto; 
    }
    
    .biblioteca-tabs .biblioteca-nav-link {
        padding: 1rem 1.5rem;
        font-size: 18px;
        line-height: 1.5;
    }

    .biblioteca-campo-material-formato {
        display: flex;
    }

    .biblioteca-campo-material-formato label {
        width: 20%;
    }

    .biblioteca-campo-material-formato select {
        width: 20%;
        height: 35px;
    }

    .biblioteca-campo-material-formato {
        margin-bottom: 15px;
    }

    .biblioteca-checkbox-div {
        flex-direction: row;
    }
}

@media (max-width: 768px) {
    .image-container {
        height: 250px;
    }
    
    /* Apliquei apenas no media pois nao conseguia reverter para o PC */
    .biblioteca-card-exemplar-conteudo {
        margin-top: 0;
        padding: 10px;
    }

    .biblioteca-card-exemplar-imagem, .biblioteca-botoes {
        padding-left: 0;
        padding-right: 0;
    }

    .biblioteca-bt-reservar, .biblioteca-bt-fasciculo {
        font-size: 12px;
    }

    .biblioteca-tabela-mobile thead {
        display: none; 
    }

    .biblioteca-tabela-mobile tr {
        display: block;
        padding: 1rem;
        padding-top: 0;
    }

    .biblioteca-tabela-mobile td {
        display: block;
        text-align: left;
        padding: 0.5rem 0;
    }

    .biblioteca-tabela-mobile [data-label]::before {
        content: attr(data-label);
        display: block;
        font-weight: bold;
        margin-bottom: 0.25rem;
        color: #333;
    }

    .biblioteca-tabela-mobile td {
        border: none
    }

    .biblioteca-tabela-mobile td:last-child {
        border-bottom: 1px solid #D7D7D7;
        padding-bottom: 1.5rem;
    }

    .biblioteca-tabela-mobile tr:last-child td:last-child  {
        border-bottom: none;
        padding-bottom:0;
    }
}

@media (max-width: 480px) {
    .image-container {
        height: 225px;
    }

    /* Apliquei apenas no media pois nao conseguia reverter para o PC */
    .biblioteca-card-exemplar-conteudo {
        background-color: #FFFFFF;
        margin-top: 0;
        padding: 10px;
    }

    .biblioteca-card-exemplar-imagem, .biblioteca-botoes {
        padding-left: 0;
        padding-right: 0;
    }

    .biblioteca-bt-reservar, .biblioteca-bt-fasciculo {
        font-size: 12px;
    }
    
    .biblioteca-nav {
        width: 100%;
    }
    
    .biblioteca-modal-body {
        border-top-right-radius: 0;
    }

    .biblioteca-tabs {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
    .biblioteca-nav-link {
        flex: 1; 
        text-align: center;
    }

    .biblioteca-modal-content {
        display: flex;
        flex-direction: column;
    }
    
    .biblioteca-modal-body {
        flex-grow: 1; 
        overflow-y: auto;
        max-height: 70vh;
    }
    
    .biblioteca-modal-footer {
        flex-shrink: 0;
        background: white;
        z-index: 1;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    }
}