/* Neuritos | Lilian Monteiro - 14/01/2021 
* Descrição: estilo genérico
*/

body, html { height: 100%; }
body { 
  background-color: #f3f3f3;
  font-size: 100%;
  font-family: 'Montserrat', sans-serif;
}/* 
a { color: #333; }
a:hover { color: #b90504; } */
table { font-size: .85rem; }
table tr td { font-weight: 700; }

.btn-cor01 { 
  background-color: white;
  color: #707070;
}
.btn-cor01:hover { 
  background-color: #b90504;
  color: #fff;
  cursor: pointer;
}
.activ, :hover .activ { 
  background-color: #b90504;
  color: #fff;
  cursor: unset;
}
.activ svg path {
  fill: #fff;
}
.widget:hover svg path { fill: #fff; }

.tabelaCenter tr td { text-align: center; }
.col01 { width: 10%; }
.col02 { width: 47%; }
.col03 { width: 25%; }
.col04 { width: 18%; }
.font500 { font-weight: 500; }

.pos-middle { transform: translateY(26%); }

.btn-cinza, .btn-cinza-2, .btn-verde, .btn-dark, .btn-danger, .btn-success { font-size: .8rem; font-weight: 700; color: #fff !important;}

.btn-exam { height: 48px; line-height: 34px; font-size: 1.0rem !important; font-weight: 700 !important; }

.btn-cinza {
  background-color: #c0c9d0;
  color: #fff;
}
.btn-cinza:hover {
  background-color: #a1a1a1;
  color: #fff;
}
.btn-cinza-2 {
  background-color: #c0c9d0;
  color: #000;
}
.btn-cinza-2:hover {
  background-color: #a1a1a1;
  color: #000;
}
.btn-verde {
  background-color: #44D875;
  color: #fff; 
}
.btn-verde:hover {
  background-color: #23b654;
  color: #fff;
}
.btn-white {
  color: #b90504 !important;
}

.badge-reprovado, .badge-vermelho {
  background-color: rgba(248, 21, 27, 0.3);
  color: #f8151b;
}
.badge-certificado {
  background-color: black;
  color: white;
}
.badge-ativo, .badge-verde {
  background-color: #c6f3d5;
  color: #44d875;
}
.badge-azul {
  background-color: #bbe7fd;
  color: #1eb1f9;
}
.badge-amarelo {
  background-color: #ffedb2;
  color: #ffc400;
}
.badge-cinza {
  background-color: #8e8e8e;
  color: #fff;
}
.nota-reprovado { color: #f8151b; }
.nota-reprovado-2, .destaque { color:  #b90504;}
.nota-certificado, .text-green { color: #44d875; }
.cor-fundo { background-color: #b90504; }
.cor-fundo-cinza { background-color: #f3f3f3; }

.dot-red { color: #f8151b; font-size: 2rem; position: relative; top: .3rem; }
.dot-green { color: #44d875; font-size: 2rem; position: relative; top: .3rem; }

.font-p { font-size: .65rem; }
.negrito { font-weight: bold; }

/* border bottom panel */
.bb { border-radius: 0 0 .5rem .5rem; }
.bl { border-radius: .5rem 0 0 .5rem; }

/* Customização do template top menu - início */
.top-navigation .wrapper.wrapper-content {
  padding: 80px 0 40px 0;
}
.dropdown-messages {
  padding: 10px 0 0 0;
}
.dropdown-header {
  padding: 5px 10px;
}
.dropdown-header .form-control {
  border: 0;
  color: #b90504;
}

.dropdown-menu .link-block {
  background: #e29a9a;
}
.dropdown-menu .link-block {
  background: #e29a9a;
}
.link-block .dropdown-item:hover {
  background: #e29a9a !important;
}
.nav.navbar-top-links .dropdown-alerts a {
  line-height: normal;
}
/* Customização do template top menu - final */

/* Customização do fontawesome - início */
.fa-3x { font-size: 2.4em; }
.dropdown .fa-lg { font-size: 1.5em; }
/* Customização do fontawesome - final */

/* Customização - inicio */
.breadcrumb { background-color: #fff; }
.breadcrumb .active { font-weight: 700; }
.ibox-title:first-child { 
  border-radius: .5rem .5rem 0 0; 
  -webkit-border-radius: .5rem .5rem 0 0;
  -moz-border-radius: .5rem .5rem 0 0;
}

.ibox-footer { border: 1px solid #e7eaec; }
.ibox-footer:last-child { 
  border-radius:  0 0 .5rem .5rem; 
  -webkit-border-radius: 0 0 .5rem .5rem;
  -moz-border-radius: 0 0 .5rem .5rem;
}
.ibox-footer a { color: #b90504; }

.card-header, .card-footer, .card-body, 
.ibox-title, .ibox-content, .ibox-footer
{ 
  background-color: #fff;
  font-size: .9rem;
}
.card-body .bb { border-radius: .5rem; }

.card-text { font-size: .8rem; }


.b-r-lg {
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
}
.progress {
  background-color: #444;
}
.panel-group .panel + .panel {
  margin-top: .5rem;
}
.check-mail { 
  display: none;
}
.btn-link, .btn-link:active, .btn-link:focus {
  color: #b90504;
}
.btn-link:hover {
  color: #f8151b;
}
.btn-link-azul, .btn-link-azul:active, .btn-link-azul:focus {
  color: #1eb1f9;
}
.btn-link-azul:hover {
  color: #0d8bca;
}

.modal-footer {
  justify-content: center;
  border-top: none;
}
.input-group-text {
  font-size: .85rem;
  background-color: #fff;
}
/* Customização - final */



.view-mobile img {
  object-fit: cover;
  object-position: 50% 50%;
}
.pos-t-center { 
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.pos-b-right {
  position: absolute;
  bottom: 0;
  right: 10px;
}
.text-concluido, .text-destaque {
  color: #47b04b;
  font-weight: 700;
}
.text-close {
  color: #b90504;
  font-weight: 700;
}
.asterisco {
  color: #e40b2e;
  font-weight: bold;
}
#tabelaTermos tr td { font-weight: 500; }
label { font-size: .85rem; }
.form-control {
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
}
.folder-list li a {
  padding: 20px 5px 20px 15px;
}
.folder-list li a:hover, .folder-list li a:hover i {
  background-color: #c50e0e;
  color: #fff;
}
#emailbox, #entrada { background-color: white; }
#entrada { 
  border: 1px solid #e7eaec;
}
#emailbox .ibox-content {
  background-color: unset;
}
#emailbox .active, #emailbox .active i { 
  background-color: #b90504;
  color: #fff;
}
#content-prova  {
  padding: 0;
  color: #000;
}
#resultado-prova h1, #resultado-prova h2 {
  font-weight: 700;
}
.tab-conteudo, .tab-conteudo-2 { display: none; }
.tab-conteudo.ativo, .tab-conteudo-2.ativo { display: block; }
.desabilitado {
  color: rgba(0, 0, 0, 0.5);
}
.desabilitado .badge {
  opacity: 0.5;
}
.borda-esquerda {
  -webkit-border-top-left-radius: .5rem;
  -moz-border-top-left-radius: .5rem;
  border-top-left-radius: .5rem;
  -webkit-border-bottom-left-radius: .5rem;
  -moz-border-bottom-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}
.area-icone-tela-msg {
  min-height: 150px;
  background-color: #b90504;
}
#ico-agenda, .icone-tela-msg {
  position: relative;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
}

.custom-control-input:checked~.custom-control-label-red::before {
  color: #fff;
  border-color: #b90610;
  background-color: #b90610;
}
.custom-control-input:checked~.custom-control-label-red {
  color: #b90610;
}
.custom-control-input:checked~.custom-control-label-green::before {
  color: #fff;
  border-color: #44d875;
  background-color: #44d875;
}
.custom-control-input:checked~.custom-control-label-green {
  color: #44d875;
}

ul.nav-second-level,
ul.nav-second-level .active {
  background: unset;
}
ul.nav-second-level a {
  color: #d8d8d8;
  font-weight: 500;
  font-size: .9rem;
  padding-left: 37px;
}
ul.nav-second-level .active a {
  color: #fff;
  font-weight: 700;
}

.w-p {
  width: 60px;
}
.w-pp {
  width: 30px;
}

.table-input tr th,  .table-input tr td {
  padding: 15px !important;
}
.table-input tr th {
  color: #b90504;
}
.table-input tr td {
  font-weight: 500;
}
.table-input input {
  border: 1px solid #e5e6e7;
}

@media screen and (min-width: 576px) {
  .m-mobile-t {
    margin-top: 0;
  }
  .view-mobile img {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }
}
@media screen and (max-width: 575px) {
  .view-mobile {
    height: 170px;
    max-height: 170px;
  }
  .m-mobile-t {
    margin-top: 1rem;
  }
  .pos-mobile {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .view-mobile img {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }
}

/* botão switch - início 
 * Author: Pontus Nilsson
 * Fonte: https://codepen.io/TazTheManiac/pen/rGrpMg
 */
.form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  padding: 0 10px;
}

.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 26px;
  height: 14px;
  background-color: #dbdbdb;
  border-radius: 13px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}

.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 11px;
  background-color: #b90504;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}

.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 11px;
  height: 11px;
  background-color: #e29a9a;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}

.form-switch:active i::after {
  width: 11px;
  transform: translate3d(10px, 2px, 0);
}

.form-switch:active input:checked + i::after { transform: translate3d(5px, 1px, 0); }

.form-switch input { display: none; }

.form-switch input:checked + i { background-color: #b90504; }

.form-switch input:checked + i::before { transform: translate3d(12px, 2px, 0) scale3d(0, 0, 0); }

.form-switch input:checked + i::after { transform: translate3d(13px, 1px, 0); background-color: #f3f3f3; }

/* botão switch - final  */

/* footable - customização - início */
.footable tr th { color: #b90504; }
.footable > thead > tr > th > span.footable-sort-indicator {
  color: #b90504;
}
.pagination a {
  font-size: .85em;
}
.pagination .footable-page.active a {
  background-color: #ececec;
  border: 1px solid #dee2e6;
  color: #333;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
tfoot .pagination a {
  font-size: 1em;
  color: rgb(103, 106, 108) !important;
  font-weight: 500;
}
/* footable - customização - final */

/* icheck - customização - início */
.icheckbox_square-green, .iradio_square-green {
  background: url(../libs/iCheck/white.png) no-repeat;
  margin-right: 7px;
}
.icheckbox_square-green-2 {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0 7px 0 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url(../libs/iCheck/white-2.png) no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_square-green-2 {
    background-position: 0 0;
}
.icheckbox_square-green-2.hover {
    background-position: -24px 0;
}
.icheckbox_square-green-2.checked {
    background-position: -48px 0;
}
.icheckbox_square-green-2.disabled {
    background-position: -72px 0;
    cursor: default;
}
.icheckbox_square-green-2.checked.disabled {
    background-position: -96px 0;
}
/* icheck - customização - final */

/* summernote - início */
#tabQuiz .note-editor.note-frame, 
#tabCertificacao .note-editor.note-frame,
#tabPesquisa .note-editor.note-frame,
.note .note-editor.note-frame
{
  margin-left: -20px;
  margin-right: -20px;
}
#tabQuiz .card-header.note-toolbar, 
#tabCertificacao .card-header.note-toolbar,
#tabPesquisa .card-header.note-toolbar,
.note .card-header.note-toolbar
{
  background-color: #f3f3f3;
}
#tabQuiz .note-editor.note-frame .note-editing-area .note-editable,
#tabCertificacao .note-editor.note-frame .note-editing-area .note-editable, 
#tabPesquisa .note-editor.note-frame .note-editing-area .note-editable,
.note .note-editor.note-frame .note-editing-area .note-editable 
{
  border-right: 1px solid #e7eaec;
  border-left: 1px solid #e7eaec;
}
/* summernote - final */