#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: #2196F3;
}

/* 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: #007bff !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%; 

}