#logo {

}
#logo img {

}
.navbar {
  display: inherit !important;
}
.navbar-nav {
  float: right;
}
.navbar-brand img {
  max-width: 100px;
  margin-left: 20%;
}
.justify-content-between {
  -webkit-box-pack: initial;
  justify-content: initial;
}
.dataTables_wrapper{
  overflow-x: scroll !important;
}
.col .wrap {
  background: #f9f9f9;
    padding: 1pc;
    text-align: center;
    margin-top: 1pc;
}
.customToast {
  display: none;
   padding: 0.7pc 2.2pc 0.7pc;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 10%;
    font-weight: bold;
    right: 16%;
    background: rgba(0,0,0,0.7);
    color: #fff;
    z-index: 11542000;
}
.form-group {
  position: relative;
}
.form-group .col {
  width: 100% !important;
}
.navbar-nav .nav-item .nav-link .badge {
  top: 0.8rem !important;
}
.lbl-check {
  margin-left: 9px;
  font-size: 8pt;
  position: absolute;
  top: 4.1px;
}
.select2-container .select2-selection--single {
  height: 37px !important;
  border-color: #ced4da !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 3px !important;
}
.dropdown-actions {
  float: right;
  margin-bottom: 1pc;
}
.dropdown-actions .show {
  left: -150px;
  width: 300px !important;
}
.iconInside {
    cursor: pointer;
    position: absolute;
    right: 24px;
    color: #d8d8d8;
    top: 39px;
}
#informacoes{
  border: none !important;
}
label {
  font-size: 86%;
    font-weight: bold;
}
.select2-container {
    width: 100% !important;
}
.f-date {
    /*width: 97% !important;*/
}
.i-date {
    position: absolute;
    top: 40px;
    right: 5px;
    color: #d8d8d8 !important;
    cursor: pointer;
}
th.thAction:before, th.thAction:after{
    display: none !important;
}
.caixa-aviso {
    background: #f7f7f7;
    padding: 1pc;
    min-height: 170px;
    cursor: pointer;
    margin-bottom: 1pc;
    margin-top: 1pc;
    color: #333 !important;
    max-width: 185px;
}
/*.caixa-aviso a, .caixa-aviso a:hover, .caixa-aviso a:click {*/
/*}*/
.no-hover:hover {
    text-decoration: none !important;
}
.caixa-aviso:hover {
    text-decoration: none !important;
    background: #f1f1f1;
}
.caixa-aviso img {
    max-width: 62%;
    margin-left: 22%;
    margin-top: 0;
    margin-bottom: -20px;
}
.caixa-aviso i {
    font-size: 41px;
    margin-left: 39%;
    margin-bottom: 1.2pc;
    margin-top: 1pc;
}
.card-body .col {
    max-width: 25%;
}
.card-body .col.input {
    max-width: 34%;
}
@media (max-width: 1024px){
    .card-body .col {
        width: 100%;
    }
}
@media (max-width: 768px){
    .card-body .col {
        max-width: 50%;
        margin-top: 12px;
        flex-basis: inherit;
    }
}

@media (max-width: 425px){
    .card-body .col {
        max-width: 100%;
        flex-basis: inherit;
    }
    #VPQList td {
      display: contents;
      position: relative;
    }
    #VPQList th {
      display: none;
    }
    #VPQList td textarea, #VPQList td .form-control { 
      margin-left: 8px;
      margin-top: 9px;
      width: 91% !important;
    }
    #VPQList .select2-container {
      width: 91% !important;
      margin-left: 8PX !important;
      margin-top: 11px;
    }
    #VPQList td input[type=checkbox] { 
      margin-top: 12px;
      margin-bottom: 12px;
      position: relative;
    }
    #VPQList td input[type=checkbox]:after {
      content: 'Obrigat�rio';
      position: absolute;
      font-weight: bold;
      top: -2px;
      right: 7px;
    } 
    #VPQList td .btn {
      cursor: pointer;
      margin-top: 11px;
      margin-right: 24px;
      margin-bottom: 14px;
    }
    #informacoes {
        width: 100% !important;
        margin-left: 0 !important;  
    }
    #calendario {
        width: 100% !important;
    }
    #table_inclui_reserva {
        width: 400px !important;
    }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: left !important;
    }
    .checkboxCol {
      margin: 0 !important;
      width: 100%;
    }
}
.actions {
    display: inline-flex;
    width: 100%;
    list-style: none;
}
.actions li {
    width: 30%;
}
textarea.form-control {
    max-width: 100%;
}
input[type="checkbox"].form-control {
    float: left;
    margin-top: -5px;
    margin-right: 10px;
    display: initial;
    width: initial;
    height: inherit;
    margin-top: 7px;
    padding: initial; 
    color: #495057;
    border-radius: 0.25rem;
   /* -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;*/
}
.qItem {
    padding: 0.8pc 0.8pc;
    border-bottom: 1px solid #f7f7f7;
}

.check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  /*font-size: 22px;*/
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
  background-color: #212529;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.resetCol {
  margin: 0;
  padding: 0;
}
.checkboxCol {
  display: inline-flex;
  margin-left: 40px;
}
.form_Lista {
  width: 100%;
}
.removeInput {
  float: right;
}
.fc-toolbar {
  margin-top: 1em;
}
.fc-toolbar .fc-center {
    display: inline;
}
.fc-toolbar h2 {
  margin-top: 9px !important;
  margin-left: 0px !important;
  font-size: 12pt !important;
}
button.fc-next-button.ui-button.ui-state-default.ui-corner-right {
  width: 46% !important;
}
@media (max-width: 425px){
  .fc-day-grid-container.fc-scroller {
    height: 327px !important;  
  }
  .float-btn span {
    display: none;  
  }
  .scroll-to-top {
    display: none !important; 
  }
  .float-btn {
    z-index: 100 !important;
    position: fixed !important;
    bottom: .1pc !important;
    background: #212529 !important;
    color: #fff !important;
    right: 2% !important;
    border: 0 !important;
    font-size: 23pt !important;
    padding: 11px 20px !important;
    border-radius: 48px !important;
  }
}
.fc-event, .fc-event:hover, .ui-widget .fc-event {
  color: #fff !important;
  border: none !important;
}
.fc-day-grid-event .fc-time {
  font-weight: 100 !important;
  font-size: 9pt !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #449bf5 !important; 
  background: #afc2ef !important;
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
  background: none;
  border-color: transparent !important;
}
.float-btn {
  float: right;
}
.opt {
  font-weight: 100;
  margin-left: 10px;
}
.separator {
  /*padding: 7px;*/
  /*position: relative;*/
}
h5.separator {
  color: #777;
  font-size: 10pt;
  font-weight: 100;
  text-align: center;
}
h5.per {
  margin-top: 1.2pc;
  margin-bottom: 1pc;
}
p.description {
  background: #f9f9f9;
  padding: 0.8pc;
  color: #777;
}
#questionario .col {
  max-width: inherit !important;
}
#questionario input[type=submit] {
  float: right;
  margin-top: 1pc;
  margin-bottom: 1pc;
}
#questionario .option {
  
}
#questionario .form-control {
  margin-bottom: 1.2pc;
}
.scroll-to-top i {
  font-weight: 800;
  margin-top: 17px;
}
/*.separator:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 20%;
  height: 1px;
  background: #8884;
}
.separator:after {
  content: '';
}*/
.list-group-item {
  cursor: pointer;  
}
.list-group-item:hover {
  background: #f0f0f0;
}
.ui-menu .ui-menu-item {
  width: 100%;
}
.ui-menu .ui-menu-item a {
  font-size: 7pt;
  padding: 10px;
}
.fc-day-number, .fc-day {
  cursor: pointer;
}
.fc-day:hover {
  background: #f1f1f1 !important;
}
#calendarModal .modal-header {
  /* position: fixed; */
  /* top: 0; */
  /* background: #fff; */
  /* width: 59%; */
  /* z-index: 100; */
}
#calendarModal .modal-body {
  /* overflow: auto; */
  /* height: 500px; */
  /* width: 101%; */
  /* padding-top: 7%; */
  /*padding-bottom: 9%;*/
}
#calendarModal .modal-footer {
  /* position: fixed; */
  /* bottom: 30px; */
  /* background: #fff; */
  /* width: 59%; */
}
#calendarModal .modal-body input[type=submit] {
  /* float: right; */
  /* margin-bottom: 1pc; */
  /* margin-right: 1pc; */
}
@media (max-width: 425px){

  #calendarModal .modal-header {
      /*position: fixed;
      top: 10px;
      background: #fff;
      width: 96%;
      z-index: 100;*/
    }
    #calendarModal .modal-body {
      /*padding-top: 25%;
      width: 104%;
      padding-right: 2.1pc;*/
    }
    #calendarModal .modal-footer {
      /*position: fixed;
      bottom: 5px;
      background: #fff;
      width: 95.7%;*/
    }
}
#toast {
  display: none;
  background: rgba(0,0,0,0.8);
  padding: 1pc;
  border-radius: 3px;
  color: #fff;
  width: 29%;
  position: fixed;
  right: 2pc;
  z-index: 100;
  bottom: 5pc;
}
.error {
  /*display: none;*/
  position: absolute;
  right: 0;
  font-size: 9pt;
  color: #e74c3c;
}
.inputError {
  border-color: #e74c3c !important;  
}
#toast {
  background: rgba(0,0,0,0.89);
  padding: 1pc;
  border-radius: 3px;
  color: #fff;
  width: 29%;
  position: fixed;
  right: 2pc;
  z-index: 10000;
  bottom: 5pc;
}
#areaCalendar {
  display: inline-flex;
  width: 100%;
}
#calendario {
  width: 98%;
  margin-left: 2%;
}
#menu {
  width: 420px;
  font-size: 10pt;
}
.calendarContainer {
  width: 100%;
}
#messageCalendar {
  color: #777;
  text-align: center;
  margin-top: 54px;
  width: 98%;
  margin-left: 2%;
}
@media (max-width: 425px){
  #areaCalendar {
    display: block;
  }
  #menu {
    width: 100%;
    font-size: 10pt;
  }
}
.loading {
  background: rgba(255,255,255,0.8);
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: 100;
}
.loadingImage {
  position: absolute;
  z-index: 500;
  top: 30%;
  right: 21%;
  opacity: 0.5;
}
.nav-link i {
  margin-top: 5px;
}
.fieldInfo {
  display: grid;
}
.checkbox-field {
  position: relative;
  padding: 1%;
}
.checkbox-field span.lbl-check {
  position: absolute;
  font-size: 10pt;
  top: 12px;
  left: 3%;
}
@media(max-width: 425px) {
  .checkbox-field span {
    font-size: 7pt;
    top: 9px;
    left: 6%;
    width: 100%;
  }
}
.description {
  color: #7777;
}
.popup-container {
  position: fixed;
  background: #fff;
  width: 411px;
  margin-left: 37%;
  padding: 2pc;
  margin-top: 12%;
}
.table-compressed-content {
  padding: 1%;
}
.option {
  position: relative;
  padding: 7px;
}
.option span {
  position: absolute;
  font-size: 10pt;
  left: 30px;
  top: 20%;
}
label.lbl {
  font-weight: 200;
}
label.lbl strong {
  font-weight: 700;
}
.right {
  float: right;
}
@media (min-width: 1440px){
  #calendarModal .modal-header {
    /* width: 55.4% !important; */
  }
  #calendarModal .modal-footer {
    /* width: 55.4%; */
  }
}
@media (max-width: 1024px){
  #calendarModal .modal-header {
  /*width: 77.9%;*/
  }
  #calendarModal .modal-footer {
  /*width: 77.9%;
  bottom: 2px;  */
  }
}
@media (max-width: 768px){
  #calendarModal .modal-header {
  /*width: 64.9%;*/
  }
  #calendarModal .modal-footer {
  /*width: 64.9%;
  bottom: 2px;  */
  }
}
/*.submitModal {
  bottom: 46px;
  right: 22%;
  position: fixed;
  z-index: 190000;
}
.modal-footer.action {
  padding-right: 12%;
}*/
.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: .75;
}
.hr-text:before {
  content: '';
  background: #818078;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 .5em;
  line-height: 1.5em;
  color: #818078;
  background-color: #fcfcfa;
}
.checkbtn {
  font-size: 10pt !important;
  padding: 6px 9px !important;
  margin-right: 2px !important;
}
.checkbtn.btn-primary:hover, .checkbtn.btn-primary:active, .checkbtn.btn-primary:focus {
  box-shadow: none !important;
  color: #fff !important;
  background-color: #283a50 !important;
  border-color: #283a50 !important;
}
.checkbtn.btn-success:hover, .checkbtn.btn-success:active, .checkbtn.btn-success:focus {
  box-shadow: none !important;
  color: #fff !important;
  background-color: #28a745;
  border-color: #28a745; 
}
.checkbtn.btn-danger:hover, .checkbtn.btn-danger:active, .checkbtn.btn-danger:focus {
  box-shadow: none !important;
  color: #fff !important;
  background-color: #dc3545;
  border-color: #dc3545;
}
.checkbtn input[type="checkbox"]{
  display: none;
}
.copyContent {
  cursor: pointer;
}
.cropper-content {

  /*background: #e4e4e4; */

  margin-top: 1.2pc;

  /*height: 293px;*/

  /*width: 325px;*/

  position: relative;

}

#imgCropper {

  max-width: 100%;

  display: block;

  width: 200px;

}

.cropper-showing {

  position: relative;

  margin-left: 30px;

  background: #e2e2e2;

  margin-top: 1.2pc;

}

.cropUpload {


}

.cropper_preview {

  width: 100%;

  display: flex;

  margin-bottom: 41px;

}

.file-actions {

  position: absolute;

  bottom: -43px;

  right: 0;

  display: inline-flex;

}

.file-actions button, a {

  margin-left: 4px;

}

#imgCropperPreview {

  /*margin-top: 12%;*/

  /*margin-left: 17%;*/

  width:100%;

  max-height: 100%; 

}

/* ========================================
   Fixes Bootstrap 5 navbar — regras acima
   sao herança do Bootstrap 3/4 e quebram
   o layout flex do SB Admin 5.
   ======================================== */

/* Restaura display:flex do Bootstrap 5 */
.navbar {
    display: flex !important;
}

/* Remove float legado do Bootstrap 3 */
.navbar-nav {
    float: none !important;
}

/* Remove margin-left 20% que deslocava o logo para a direita */
.navbar-brand img {
    margin-left: 0 !important;
    max-width: 140px;
}

/* Remove sublinhado de links (Bootstrap 5 adiciona text-decoration:underline por padrao) */
a {
    text-decoration: none !important;
}

/* Remove scrollbar vertical do menu lateral */
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu {
    overflow-y: visible !important;
}

/* =====================================================
   SB Admin 5 — paleta de cores padrao
   Substitui o tema customizado #313a46 pelas cores
   nativas do Bootstrap 5 + SB Admin 5.
   ===================================================== */

/* -- Navbar + sidebar: Bootstrap dark (#212529) -- */
.bg-dark                                  { background-color: #212529 !important; }
.sb-topnav.navbar-dark.bg-dark            { background-color: #212529 !important; }
.sb-sidenav-dark                          { background-color: #212529 !important; }
.sb-sidenav-dark .sb-sidenav-footer       { background-color: #16191c !important; border-top: 1px solid rgba(255,255,255,.1); }
.sidebar                                  { background-color: #212529 !important; }
.sidebar .nav-item .nav-link              { color: rgba(255,255,255,.5) !important; }
.sidebar .nav-item .nav-link:hover        { color: rgba(255,255,255,.85) !important; background-color: rgba(255,255,255,.05) !important; }
.sidebar .nav-item .nav-link i.fas,
.sidebar .nav-item .nav-link i.far,
.sidebar .nav-item .nav-link i.fab        { color: rgba(255,255,255,.3) !important; }
.sb-sidenav-menu .dropdown-item           { color: rgba(255,255,255,.4) !important; }
.sb-sidenav-menu .dropdown-item:hover     { color: rgba(255,255,255,.85) !important; }

/* -- Primary: tema dark (#212529) — igual a sidebar/navbar -- */
.btn-primary {
    color: #fff !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
    box-shadow: none !important;
}
.btn-primary:hover {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: #fff !important;
    box-shadow: none !important;
}
.btn-primary:focus,
.btn-primary:focus-visible {
    background-color: #212529 !important;
    border-color: #212529 !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.25rem rgba(33,37,41,.4) !important;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary.active {
    background-color: #1a1e21 !important;
    border-color: #1a1e21 !important;
}
.btn-outline-primary {
    color: #212529 !important;
    border-color: #212529 !important;
}
.btn-outline-primary:hover {
    background-color: #212529 !important;
    border-color: #212529 !important;
    color: #fff !important;
    box-shadow: none !important;
}
.btn-outline-primary:focus,
.btn-outline-primary:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(33,37,41,.3) !important;
}
.text-primary,
a.text-primary:hover,
a.text-primary:focus                      { color: #212529 !important; }
.badge-primary                            { background-color: #212529 !important; color: #fff !important; }
.badge.bg-primary                         { background-color: #212529 !important; color: #fff !important; }
.page-item.active .page-link             { background-color: #212529 !important; border-color: #212529 !important; color: #fff !important; }
.page-link                               { color: #212529 !important; }
.list-group-item.active                  { background-color: #212529 !important; border-color: #212529 !important; }

/* -- Success: Bootstrap (#198754) -- */
.text-success                            { color: #198754 !important; }
.badge-success                           { background-color: #198754 !important; }
.btn-success                             { background-color: #198754 !important; border-color: #198754 !important; box-shadow: none !important; }

/* -- Dropdowns navbar: fundo branco padrao Bootstrap -- */
.navbar .dropdown-menu                   { background-color: #fff !important; border: 1px solid rgba(0,0,0,.15) !important; }
.navbar .dropdown-menu.show              { background: #fff !important; }
.navbar .dropdown-item                   { background-color: transparent !important; color: #212529 !important; line-height: 1.8; }
.navbar a.dropdown-item                  { color: #212529 !important; }
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus             { background-color: #f8f9fa !important; color: #212529 !important; }
.navbar .dropdown-item.active,
.navbar .dropdown-item:active            { background-color: #212529 !important; color: #fff !important; }
.navbar .dropdown-divider                { border-top-color: rgba(0,0,0,.15); }

/* -- UI controls -- */
.ui-widget-header                        { background: #212529 !important; }
.fc-event                                { border-color: #212529 !important; background-color: #212529 !important; }
button.swal-button                       { background: #212529 !important; }

/* =====================================================
   DataTables — paleta SB Admin 5 / Bootstrap 5
   ===================================================== */

/* Cabecalho da tabela (table-dark) */
.table-dark,
.table-dark th,
.table-dark td,
.table-dark thead th                     { background-color: #212529 !important; color: #fff !important; border-color: #373b3e !important; }
.table > :not(caption) > * > *          { border-bottom-color: #dee2e6; }
.table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(0,0,0,.03) !important; }

/* Linha hover */
.table-hover > tbody > tr:hover > *     { background-color: rgba(0,0,0,.05) !important; }

/* DataTables wrapper geral */
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing { color: #6c757d; font-size: 0.85rem; }

/* Input de busca e select de registros */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
    color: #212529;
    background-color: #fff;
}
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
    border-color: #6c757d;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(33,37,41,.2);
}

/* Paginacao */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #212529 !important;
    border-color: #212529 !important;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #e9ecef !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

/* Icones de ordenacao */
table.dataTable thead .sorting::before,
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_desc::after { opacity: 0.6; }

/* Botoes de exportacao (CSV / XLSX) */
.backgroundButtonsRelatorio {
    background-color: #fff !important;
    color: #212529 !important;
    border-color: #212529 !important;
}
.backgroundButtonsRelatorio:hover {
    background-color: #212529 !important;
    color: #fff !important;
}