﻿/*//html {padding: 0;}*/
:root {
  /* *** Cores de destaque *** */
  --assist-accent-gradient-color1: #80b757;
  --assist-accent-gradient-color2: #0062a2;
  --assist-accent-fore-color: #0062a2;
  --assist-accent-back-color: #bcd9a6;
  --assist-accent-shadow-color: #00000033;
  /* *** Cores de containers *** */
  --assist-container-back-color: #efeff5;
  --assist-upper-container-back-color: #fbfdffbf;
  /* *** Cores de componentes *** */
  --assist-component-title-color: #444;
  --assist-component-title-inverted-color: #0062a2;
  --assist-component-back-color: #fff;
  --assist-component-border-color: #ccc;
  --assist-component-disabled-back-color: #ececec;
  /* *** Cores de componentes específicos *** */
  --assist-panel-title-color: #fff;
  --assist-toolbar-back-color: #fff;
  --assist-button-back-color: #0062a2;
  --assist-navlink-title-shadow-filter: 1px 1px 1px rgba(0, 0, 0, .0);
  --assist-table-header-color: #f5f5f5;
  --assist-table-header-accent-color: #dcdcdc;
  --assist-default-image-color-filter: brightness(0) invert(21%) sepia(93%) saturate(2585%) hue-rotate(188deg) brightness(85%) contrast(101%);
  --assist-light-image-color-filter: invert(0);
  /* *** Cores para usos diversos *** */
  --assist-generic-light-red: #facccc;
  --assist-generic-intense-red: #bd362f;
}

* {
  margin: 0;
  padding: 0;
}

html {
  background-color: var(--assist-container-back-color);
}

body {
  width: 100%;
  height: 100%;
  font-size: 12px;
  /*overflow: hidden;*/
  /*Sem esse overflow, ou seja, com ele comentado como ta ai, o Scrool Lateral fica Ativo, permitindo que a pagina inteira 
    seja visualizada caso a resolução da tela do usuário seja baixa, menor que o tamanho especificado para os "<div>'s".*/
  background-color: transparent;
  color: var(--assist-component-title-color);
}


body.modal-open {
  overflow-y: auto !important;
  padding: 0 !important
}

/*.select2, .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
	height: 34px !important;
	line-height: 22px !important;
	display: block !important;
	width: 100% !important
}*/

nav {
  margin-bottom: 0px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

header {
  padding: 0;
  display: block;
  width: 100%;
  overflow: hidden;
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /*background-color: #f0f5fb;*/
  /*border: solid 2px #0062a2;*/
  padding: 15px;
}

/*label {
	margin-bottom: 2px;
}*/

/*section {
	width: 100%;
	padding: 0;
	position: relative;
}*/

#main {
  padding: .5rem 1rem 0 1rem
}

h1 {
  color: var(--assist-text-inverted-color);
  text-align: center;
  font-weight: bold;
}

h2 {
  padding: 0 15px;
}

a {
  color: var(--assist-accent-fore-color);
  text-decoration: none !important;
}

  a:hover, a:active {
    color: var(--assist-accent-fore-color)
  }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition-delay: 9999s;
  transition-property: background-color, color;
  -webkit-box-shadow: 0 0 0 1000px var(--assist-component-back-color) inset !important;
  -webkit-text-fill-color: var(--assist-component-title-color) !important;
}

input[type=date], input[type=email], input[type=file], input[type=month], input[type=number],
input[type=email], input[type=password], input[type=search], input[type=text], input[type=tel],
input[type=time], input[type=url], select, textarea, .form-select:not(:disabled,:readonly) {
  background-color: var(--assist-component-back-color);
  border-color: var(--assist-component-border-color);
  color: var(--assist-component-title-color);
  min-height: 34px;
}

.form-control, .form-select {
  background-color: var(--assist-component-back-color);
  border-color: var(--assist-component-border-color);
  color: var(--assist-component-title-color);
  padding: 6px 8px;
}

  .form-control, .form-select, .select2-container > .selection > .select2-selection {
    background-color: var(--assist-component-back-color);
    border-color: var(--assist-component-border-color);
    color: var(--assist-component-title-color);
    padding: 6px 8px;
  }

.select2-dropdown {
  background-color: var(--assist-component-back-color) !important;
  border: 1px solid var(--assist-component-border-color) !important;
}

.select2-results__option[aria-selected="true"] {
  color: #333
}


/*select {
  padding: 6px 8px;
}
*/
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

::-webkit-resizer {
  border-width: 16px;
  border-style: solid;
  border-color: transparent var(--assist-accent-fore-color) var(--assist-accent-fore-color) transparent;
}

::-webkit-scrollbar {
  height: 18px;
  width: 18px
}

  ::-webkit-scrollbar:disabled {
    display: none
  }

::-webkit-scrollbar-track {
  background: transparent
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
  border-radius: 9px;
  border: solid 6px transparent;
  background-clip: content-box
}

::-webkit-scrollbar-thumb {
  background-color: #ccd3d6
}

  ::-webkit-scrollbar-thumb:hover {
    background-color: #98a3a6
  }

::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
  cursor: pointer;
  background: transparent;
  border: 0px;
}

  ::-webkit-scrollbar-button:horizontal:decrement,
  ::-webkit-scrollbar-button:horizontal:decrement:hover,
  ::-webkit-scrollbar-button:horizontal:increment,
  ::-webkit-scrollbar-button:horizontal:increment:hover,
  ::-webkit-scrollbar-button:vertical:decrement,
  ::-webkit-scrollbar-button:vertical:decrement:hover,
  ::-webkit-scrollbar-button:vertical:increment,
  ::-webkit-scrollbar-button:vertical:increment:hover {
    height: 18px;
    width: 18px;
    background-position: 50%
  }

  ::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAgSURBVHgBY2BEA+QLMGAIMGAIMGAIMBAUIGQoZU5HAwB+ZgDtGYq3fgAAAABJRU5ErkJggg==)
  }

    ::-webkit-scrollbar-button:horizontal:increment:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEWdtMT///8YSU3FAAAAAnRSTlP/AOW3MEoAAAAgSURBVHgBY2BEA+QLMGAIMGAIMGAIMBAUIGQoZU5HAwB+ZgDtGYq3fgAAAABJRU5ErkJggg==)
    }

  ::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAiSURBVHgBY2BEAxQJMKAJMKAJMKAJMOATgIkQMBTBooZfAH56AO2yINTrAAAAAElFTkSuQmCC)
  }

    ::-webkit-scrollbar-button:horizontal:decrement:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEWdtMT///8YSU3FAAAAAnRSTlP/AOW3MEoAAAAiSURBVHgBY2BEAxQJMKAJMKAJMKAJMOATgIkQMBTBooZfAH56AO2yINTrAAAAAElFTkSuQmCC)
    }

  ::-webkit-scrollbar-button:vertical:increment {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAfSURBVHgBY2BEA7QTYIAChAoYH6EFxkeYwQBj0MelAH3GAO2C9+AaAAAAAElFTkSuQmCC)
  }

    ::-webkit-scrollbar-button:vertical:increment:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEWdtMT///8YSU3FAAAAAnRSTlP/AOW3MEoAAAAfSURBVHgBY2BEA7QTYIAChAoYH6EFxkeYwQBj0MelAH3GAO2C9+AaAAAAAElFTkSuQmCC)
    }

  ::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAgSURBVHgBY2BEAzQVYIAzYHwGGAvOZ4AyIXyECH1cCgB/GgDtpWTgqAAAAABJRU5ErkJggg==)
  }

    ::-webkit-scrollbar-button:vertical:decrement:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEWdtMT///8YSU3FAAAAAnRSTlP/AOW3MEoAAAAgSURBVHgBY2BEAzQVYIAzYHwGGAvOZ4AyIXyECH1cCgB/GgDtpWTgqAAAAABJRU5ErkJggg==)
    }

/* ************************************************************************************ */
.fc-theme-standard td, .fc-theme-standard th {
  border: 1px solid var(--assist-component-disabled-back-color);
}
.fc-theme-standard .fc-scrollgrid {
  border: 1px solid var(--assist-component-disabled-back-color);
}

.input-group-text > .fa-calendar {
  color: var(--assist-accent-fore-color);
}
.dropdown.bootstrap-select ul.dropdown-menu {
  border: 0 !important;
}

.form-control:not(:disabled,:readonly), .form-select:not(:disabled,:readonly), .select2-selection {
  background-color: var(--assist-component-back-color) !important;
  border-color: var(--assist-component-border-color) !important;
  color: var(--assist-component-title-color) !important;
  /*background-color: var(--bs-body-bg) !important;*/
}


  .form-control:focus, .form-select:focus {
    background-color: var(--assist-component-back-color);
    color: var(--assist-component-title-color);
  }

  /*.form-control:focus, .form-select:focus {
    box-shadow: none;
  }*/

textarea.form-control {
  resize: vertical;
}

.form-control[disabled], .form-select[disabled], .form-control[readonly], .form-select[readonly], fieldset[disabled] .form-control {
  background-color: var(--assist-component-disabled-back-color);
  color: var(--assist-component-title-color);
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: var(--assist-component-disabled-back-color);
}

.th-accent {
  background-color: var(--assist-table-header-accent-color) !important;
}

.logo-shadow {
  color: var(--assist-accent-fore-color);
  margin: 15px 0 0 0;
  align-self: center;
}

.btn-switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: unset !important;
  background-position-x: unset !important;
  background-position-y: unset !important;
  background-image: linear-gradient(90deg, #C0392BD9 50%, var(--assist-component-back-color) 50%) !important;
  display: inline-flex !important;
  font-style: normal !important;
  font-size: inherit;
  text-align: center;
  padding: 0px !important;
  outline: none !important;
  min-height: 38px;
  height: 38px;
}

.input-group-text ~ .btn-switch {
  border-left: none;
}

.btn-switch[disabled]:before, .btn-switch[disabled]:after {
  opacity: .65;
}

.btn-switch:before {
  align-items: center !important;
  color: var(--assist-panel-title-color);
  content: "Off";
  display: grid;
  justify-content: center !important;
  padding-left: 10px;
  padding-right: 10px;
  width: 50% !important;
  height: 100% !important;
  margin: 0;
}

.btn-switch:after {
  align-items: center !important;
  color: var(--assist-component-title-color);
  content: "On";
  display: grid;
  justify-content: center !important;
  padding-left: 10px;
  padding-right: 10px;
  width: 50% !important;
  height: 100% !important;
}

.btn-switch-sn:before {
  content: "Não" !important;
}

.btn-switch-sn:after {
  content: "Sim" !important;
}

.btn-switch-on, .jstree-anchor.jstree-checked > .btn-switch {
  background-image: linear-gradient(90deg, var(--assist-component-back-color) 50%, #229862D9 50%) !important;
}

  .btn-switch-on:before, .jstree-anchor.jstree-checked > .btn-switch:before {
    color: var(--assist-component-title-color) !important;
  }

  .btn-switch-on:after, .jstree-anchor.jstree-checked > .btn-switch:after {
    color: var(--assist-panel-title-color) !important;
  }

.btn-switch-container {
  line-height: 34px;
}

.jstree-default .jstree-hovered {
  background: var(--assist-component-disabled-back-color) !important;
}

.jstree-default .jstree-clicked {
  background: var(--assist-component-disabled-back-color) !important;
}

.datepicker.datepicker-dropdown table tr td.day:hover, .datepicker.datepicker-dropdown table tr td.focused {
  color: var(--assist-component-title-inverted-color);
  background-color: var(--assist-accent-back-color);
}

.datepicker.datepicker-dropdown .datepicker-switch,
.datepicker.datepicker-dropdown .prev,
.datepicker.datepicker-dropdown .next,
.datepicker.datepicker-dropdown .dow,
.datepicker.datepicker-dropdown .day:not(.old, .today, .active),
.datepicker.datepicker-dropdown tfoot tr th {
  color: var(--assist-component-title-color);
}

.datepicker.datepicker-dropdown .datepicker-switch:hover, .datepicker.datepicker-dropdown .prev:hover, .datepicker.datepicker-dropdown .next:hover, .datepicker.datepicker-dropdown tfoot tr th:hover {
  color: var(--assist-component-title-inverted-color);
  background-color: var(--assist-accent-back-color);
}

.datepicker.datepicker-dropdown.datepicker-orient-top:before {
  border-top-color: var(--assist-component-border-color);
}

.datepicker.datepicker-dropdown.datepicker-orient-top:after {
  border-top-color: var(--assist-component-back-color);
}

.no-padding {
  padding-left: 0 !important;
  padding-right: 10px !important;
}

.no-reshake {
  display: block;
  height: 0px;
  max-height: 0px;
}

.not-empty:empty {
  display: block;
  width: 100%;
  vertical-align: central;
}

  .not-empty:empty::before {
    content: "";
    font-weight: bold;
    font-family: "Glyphicons Halflings";
    color: var(--assist-generic-intense-red);
    vertical-align: middle;
  }

  .not-empty:empty::after {
    content: " Requerido";
    font-weight: bold;
    font-size: smaller;
    color: var(--assist-generic-intense-red);
    vertical-align: middle;
  }

.glyphicon.glyphicon-one-fine-dot {
  font-size: 1.2vh;
}

  .glyphicon.glyphicon-one-fine-dot::before {
    content: "●";
    padding: 0px 0px 0.6vh;
  }

.list-box {
  overflow-y: auto;
  background-color: var(--assist-component-back-color);
  border: 1px solid var(--assist-component-border-color);
  border-radius: 4px;
}

.list-group {
  border: 0 !important;
  border-bottom-color: transparent;
  box-shadow: none;
}

.list-group-item {
  padding: 5px 6px;
  line-height: 22px;
  border: 0 !important;
  background-color: transparent;
}

  .list-group-item:first-child {
    border: 0px;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }

  .list-group-item:last-child {
    border: 0px;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .list-group-item input[type="radio"], .list-group-item input[type="checkbox"] {
    margin: 0px 0 0 !important;
  }

.list-box.disabled {
  background-color: var(--assist-component-disabled-back-color) !important;
  opacity: 1;
}

.nav-link {
  color: var(--assist-component-title-color);
  text-decoration: none !important;
  text-shadow: var(--assist-navlink-title-shadow-filter);
}

  .nav-link:hover {
    cursor: pointer !important;
  }

  .nav-link.bold {
    font-weight: 800;
    cursor: default;
  }

.form-group * label {
  line-height: 18px;
}

.control-label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: .875rem;
  max-width: 100%;
}

div[disabled] {
  pointer-events: none;
}

  div[disabled] input {
    background-color: var(--assist-component-disabled-back-color);
    opacity: 1;
  }

.disabled {
  pointer-events: none;
  cursor: not-allowed
}

.text-danger {
  color: var(--assist-generic-intense-red);
}

.tooltip-inner {
  background-color: #444;
}

/*.tooltip-arrow {
	border-left-color: #444 !important;
}*/

.krajee-default.file-preview-frame .kv-file-content {
  width: 100% !important;
}

.krajee-default .file-caption-info, .krajee-default .file-size-info {
  width: 100% !important;
}

.file-zoom-dialog .kv-zoom-title {
  color: unset;
}

.spinner {
  z-index: 9999 !important;
  background: var(--assist-accent-shadow-color);
}

.loader {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}

.loader-1:before, .loader-1:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 6px solid transparent;
  border-top-color: var(--assist-accent-fore-color);
}

.loader-1:before {
  z-index: 100;
  animation: spin 1s infinite;
}

.loader-1:after {
  border: 6px solid var(--assist-accent-back-color);
  background: var(--assist-table-header-color);
  background-image: url('../img/a-letter.svg');
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.shadow-dreamy {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}

.modal-header {
  background-color: var(--assist-accent-fore-color);
  color: var(--assist-panel-title-color);
  border-bottom: unset;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
  text-align: center;
}

.modal-content {
  background-color: var(--assist-toolbar-back-color);
}

.modal-body > img {
  width: 100%;
}

.modal-title {
  font-weight: bolder !important;
}

.modal-footer {
  background-color: var(--assist-table-header-color);
  border-top: 1px solid var(--assist-component-border-color);
}

#eFooter > .btn-danger {
  font-size: 0px;
}

  #eFooter > .btn-danger:before {
    content: 'Cancelar';
    font-size: 14px;
  }

#eFooter > .btn-primary {
  font-size: 0px;
}

  #eFooter > .btn-primary:before {
    content: 'SIM';
    font-size: 14px;
  }

.btn-input-file {
  visibility: hidden;
  max-height: 0px;
}

.select-group {
  display: inline-block;
  text-align: center;
  margin-right: 40px;
}

  .select-group label {
    font-weight: normal;
    display: block;
    margin-bottom: 2px !important;
  }

  .select-group input {
    margin-top: 0px !important;
    min-width: 23px; /*59px;*/
  }

  .select-group:first-of-type > input:first-of-type {
    margin-top: 0px !important;
    min-width: unset;
  }

.placeholder {
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: clip;
}

  .placeholder * img {
    min-width: 48px;
  }

  .placeholder * h4 {
    white-space: nowrap;
  }

#toast-container > div {
  min-width: 310px;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  box-shadow: 0 0 12px #000;
}

.toast-middle-center {
  top: calc(50vh - (60px / 2));
  left: calc(50vw - (310px /2));
}

.fc-content {
  display: inline-flex;
  overflow: hidden;
  align-content: start;
  height: 100%;
  width: 100%;
  flex-flow: nowrap;
  flex-direction: row;
}

  .fc-content:hover {
    background-color: #22222233;
  }

  .fc-content.hover {
    background-color: #22222266;
  }

.fc-day-number {
  font-size: 16px;
  font-weight: bolder;
}

.fc-day-header {
  overflow: hidden;
}

.fc-today {
  background: #ffdb99aa !important;
}

  .fc-today.fc-day-header {
    color: var(--assist-component-title-inverted-color);
  }

.fc-bootstrap hr.fc-divider {
  border-color: darkgray !important;
}

.fc-axis.fc-time {
  font-size: 14px;
}

.fc-time {
  color: var(--assist-component-title-color);
  vertical-align: top;
  font-weight: bold;
}

  .fc-time.fc-axis {
    color: var(--assist-component-title-color);
  }

.fc-day-grid-event .fc-time:after {
  content: " - ";
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: " " !important;
}

.fc-time-grid-event .fc-title:before {
  content: " - ";
}

.fc-event * .fc-time {
  font-size: 13px !important;
  padding: 0;
}

.fc-event, .fc-event:hover {
  color: var(--assist-panel-title-color);
  font-size: .875rem;
}

  .fc-event * .fc-title {
    font-size: 13px !important;
    -webkit-font-smoothing: antialiased;
    padding: 0;
  }

.fc-event-title {
  white-space: break-spaces;
}

.fc-daygrid-day-number {
  font-size: 16px;
  font-weight: bolder;
}

.fc th, .fc td {
  border: 0px 1px 0px 0px !important;
  border-width: thin;
  padding: 0;
  vertical-align: top;
}

.fc .fc-row .fc-content-skeleton td {
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-top: 0px;
}

.icon-default-color {
  filter: var(--assist-default-image-color-filter);
}

.ItensMenu {
  background: var(--assist-container-back-color); /*background: #f0f5fb; OVERRIDE FOR LAYOUT*/
  padding: .5rem 1rem 0 1rem; /* OVERRIDE FOR LAYOUT*/
  display: flex;
  margin-bottom: 0px;
  width: 100%;
}

.menu-acao {
  background-color: transparent;
  padding: .5rem 1rem 0 1rem; /*//10px 15px 5px 15px;*/
  margin-bottom: -15px;
  width: 100%;
}

  .menu-acao * li {
    list-style: none;
    float: left;
  }

    .menu-acao * li a {
      text-align: center;
      width: 100px;
      height: 78px;
      padding: 10px;
      overflow: hidden;
      border: 0px;
    }

    .menu-acao * li > a:hover, .menu-acao * li > a:visited, .menu-acao * li > a:link, .menu-acao * li > a:active, .menu-acao * li > a:focus {
      text-decoration: none !important;
      cursor: pointer;
    }

  .menu-acao ul {
    background: var(--assist-toolbar-back-color);
    margin: 0;
    border: solid 1px var(--assist-accent-fore-color);
    display: inline-block;
    border-radius: 5px;
  }

  .menu-acao * p {
    overflow-x: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 80%;
    white-space: nowrap;
  }

  .menu-acao * .icon {
    width: auto;
    height: 45px;
    padding-bottom: 15px;
    filter: drop-shadow(1px 1px 0px var(--assist-component-back-color))
  }

  .menu-acao * a {
    display: block;
    margin-bottom: 0;
    border: 0px;
  }

    .menu-acao * a p {
      text-transform: uppercase;
      margin-bottom: 0 !important;
      color: var(--assist-accent-fore-color);
    }

  .menu-acao * li.LOCKED {
    background-image: url('../img/icons/locked-menu-item.svg');
    background-position-x: right;
    background-repeat: no-repeat;
  }

  .menu-acao * li.OFF {
    pointer-events: none;
  }

    .menu-acao * li.OFF .icon {
      opacity: 0.4;
      filter: invert(52%) sepia(19%) saturate(0%) hue-rotate(139deg) brightness(100%) contrast(85%);
    }

    .menu-acao * li.OFF a {
      cursor: no-drop;
    }

      .menu-acao * li.OFF a:hover {
        background-color: transparent;
      }

      .menu-acao * li.OFF a p {
        color: #aaa;
        opacity: 0.4;
        filter: invert(52%) sepia(19%) saturate(0%) hue-rotate(139deg) brightness(100%) contrast(85%);
      }

  .menu-acao * li.ON {
    pointer-events: unset;
  }

    .menu-acao * li.ON a {
      cursor: pointer;
    }

      .menu-acao * li.ON a:hover {
        background-color: transparent;
        filter: grayscale(0%);
        filter: brightness(100%);
        text-decoration: none;
        border-radius: 5px;
        background: var(--assist-accent-back-color);
        border: 0;
      }

      .menu-acao * li.ON a p {
        color: var(--assist-accent-fore-color);
      }


/* Toolbar
----------------------*/
.ui-widget-content {
  padding: 8px;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-color: var(--assist-component-back-color);
  font-size: 14px;
  color: var(--assist-component-title-color);
  z-index: 2000;
  max-height: 40vh;
  max-width: 85%;
  overflow-y: scroll;
  overflow-x: hidden;
  white-space: nowrap;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
}

.ui-widget.ui-widget-content {
  border: 1px solid var(--assist-component-border-color);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  /*    background: #e6e6e6;
    font-weight: normal;
    color: #555555;*/
}

  .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    /*        color: #555555;*/
    text-decoration: none;
  }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  /*    background: #dadada;*/
  font-weight: normal;
  /*    color: #212121;*/
}

  .ui-state-hover a, .ui-state-hover a:hover {
    /*        color: #23527c;*/
    text-decoration: underline
  }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: var(--assist-accent-back-color);
  border: 1px solid var(--assist-accent-back-color);
  font-weight: normal;
  color: var(--assist-accent-fore-color);
}

  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: var(--assist-accent-fore-color);
    text-decoration: none;
  }

.ui-accordion-header-icon {
  display: none;
}

.ui-accordion .ui-accordion-header {
  padding: 0;
}

.tab-content > .active {
  width: 100%;
}

.bootstrap-timepicker-widget table td a:hover {
  background-color: var(--assist-accent-back-color);
}

.bootstrap-timepicker-hour {
  border: none
}

.bootstrap-timepicker-minute {
  border: none
}

.logo {
  width: 70%;
  margin-top: 15px;
}

.container {
  margin-bottom: 50px;
}

.pagination > li > a:hover, .pagination > li > span:hover {
  background-color: var(--assist-accent-back-color);
  color: var(--assist-accent-fore-color);
}

.btn {
  /*background-image: unset;*/
}

.btn-default {
  color: var(--assist-component-title-inverted-color);
  background-image: linear-gradient(to bottom,var(--assist-component-back-color) 0%,var(--assist-component-disabled-back-color) 100%);
  border-color: var(--assist-component-border-color);
}

  .btn-default:hover {
    color: var(--assist-component-title-inverted-color);
    background-image: unset;
    background-color: var(--assist-accent-back-color);
  }

  .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: var(--assist-component-title-inverted-color);
    background-image: unset;
    background-color: var(--assist-component-border-color);
  }

    .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
      color: var(--assist-component-title-inverted-color);
      background-image: unset;
      background-color: var(--assist-accent-back-color);
    }

  .btn-default.disabled, .bootstrap-select > .dropdown-toggle.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: var(--assist-component-disabled-back-color);
    background-image: none;
  }

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
  text-shadow: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.btn-primary {
  background-image: unset !important;
  background-color: var(--assist-button-back-color);
  border: solid 1px var(--assist-button-back-color);
  color: var(--assist-panel-title-color);
}

  .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus {
    background-image: unset;
    background-color: var(--assist-accent-back-color);
    border: solid 1px var(--assist-accent-back-color);
    color: var(--assist-component-title-inverted-color);
  }

  .btn-primary::-webkit-file-upload-button {
    visibility: hidden;
    max-width: 0px;
  }

  div.disabled .btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: var(--assist-component-disabled-back-color);
    background-image: none;
    border: solid 1px var(--assist-component-border-color);
    color: var(--assist-component-title-color);
  }

.close {
  opacity: .3;
}

.nav-tabs-vertical * .glyphicon {
  text-shadow: none;
}


/*.btn-primary .glyphicon {
	color: var(--assist-panel-title-color);
}*/

.valor {
  text-align: right;
}

.input-group-addon {
  color: var(--assist-accent-fore-color);
}

.glyphicon.glyphicon-menu-hamburger, .glyphicon.glyphicon-option-vertical {
  font-size: 18px;
}

.input-group-flex {
  display: inline-flex;
}

  .input-group-flex .input-group-addon {
    width: auto;
    display: flex;
    align-items: center;
  }

.input-group-flex-date input[type="text"] {
  width: 100px;
}

.input-group-flex .input-group-addon-middle {
  border-left: 0;
  border-right: 0;
}

/*style=""*/

.input-group-addon-last-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.topnav {
  background-image: linear-gradient(140deg, var(--assist-accent-gradient-color1), var(--assist-accent-gradient-color2) 70%);
  overflow: hidden;
  position: relative;
  height: 100%;
}

  .topnav * h1 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    color: var(--assist-panel-title-color);
  }

.topnav-background-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/background_1.png);
  background-position: right bottom 150px;
  filter: var(--assist-light-image-color-filter);
}

.topnav-background-2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/background_2.png);
  background-position: right bottom 150px;
  filter: var(--assist-light-image-color-filter);
}

.topnav-background-3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/background_3.png);
  background-position: right bottom 150px;
  filter: var(--assist-light-image-color-filter);
}

.topnav-background-4:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/background_4.png);
  background-position: right bottom 150px;
  filter: var(--assist-light-image-color-filter);
}

.topnav-background-5:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/background_5.svg');
  background-repeat: repeat-x;
  background-position: right top !important;
  background-size: 340px;
  filter: var(--assist-light-image-color-filter);
}

.topnavdivContainer {
  /*    background: radial-gradient(closest-corner at 50% -60%,#0062a2,transparent);*/
  display: flex;
  flex-direction: column;
  background-position: right bottom 150px;
}

.topnavdivLogo {
  display: flex;
  justify-content: center;
}

  .topnavdivLogo * img {
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .5));
  }

.topnavdiv {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--assist-accent-fore-color) !important;
  margin-top: 6px;
  z-index: 0;
}

.topnavResponsiva {
  overflow: hidden;
  position: relative;
  background: var(--assist-container-back-color);
}

  .topnavResponsiva .menuResponsivoInvocador {
    display: none;
    border-bottom: 1px solid var(--assist-accent-fore-color);
  }

.menuTabs {
  display: flex;
  width: 100%;
  height: 35px;
}

.menuFixo {
  width: 100%;
  white-space: nowrap;
  margin-bottom: -2px;
  font-weight: 600;
}


  .menuFixo > ul.nav-tabs > li.active > a.nav-link {
    background-color: var(--assist-container-back-color);
  }

.menuResponsivo {
  display: none;
  width: 100%;
  float: left;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menuResponsivoInvocador {
  float: none;
  text-align: left;
  padding: 1px 0 0 10px;
  text-decoration: none;
}

  .menuResponsivoInvocador:hover, .menuResponsivoInvocador:visited, .menuResponsivoInvocador:link, .menuResponsivoInvocador:active {
    text-decoration: none !important;
  }

.menuResponsivoLinks {
  text-align: left;
  padding: 0 15px;
  width: 100%;
}

  .menuResponsivoLinks a {
    padding: 10px 0;
    border-bottom: 1px solid var(--assist-accent-back-color);
    display: block;
  }

.menuResponsivoTitulo {
  padding-left: 5px;
  font-size: 20px;
}

.menuUsuarioLogado {
  align-items: center;
  color: var(--assist-accent-fore-color);
  display: flex;
  flex-flow: nowrap;
  margin-left: auto;
}

  .menuUsuarioLogado > p {
    white-space: nowrap;
    font-weight: bold;
    margin: 0 10px 0 10px;
    text-align: right;
    width: 100%;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.menuUsuarioLogadoContent {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  min-width: 35px;
}

  .menuUsuarioLogadoContent > a {
    height: 100%;
    /*margin-top: -2px;*/
    text-align: center;
  }

    .menuUsuarioLogadoContent > a > img {
      height: 25px;
    }

.menuUsuarioLogado, .menuUsuarioLogado a, .menuResponsivo, .menuResponsivo a {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
  color: var(--assist-panel-title-color);
}

.topnav.responsive {
  position: relative;
}

.content_container {
  overflow-x: auto;
  overflow-y: hidden;
}

/*.dropdown-menu {
  border: 1px solid var(--assist-component-border-color) !important;
  background-color: var(--assist-component-back-color);
  font-size: 13px;
}*/
/*
	.dropdown-menu > li {
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 1px;
		padding-top: 1px;
		color: var(--assist-accent-fore-color);
	}

		.dropdown-menu > li > a {
			background-image: unset !important;
		}

			.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
				background-color: var(--assist-accent-back-color);
			}

		.dropdown-menu > li.active > a {
			color: #fff !important;
		}*/

.nav-tabs {
  padding: 0 10px 0 10px;
  border-bottom: 1px solid var(--assist-accent-fore-color) !important;
  display: flex;
}

.middle .nav-tabs > li {
  margin-bottom: 0 !important;
  border: 0 !important;
  overflow: unset;
}

  .middle .nav-tabs > li a {
    border: 1px solid var(--assist-accent-fore-color) !important;
  }

    .middle .nav-tabs > li a:not(.active) {
      border-bottom: 1px solid var(--assist-accent-fore-color) !important;
    }

    .middle .nav-tabs > li a.active {
      box-shadow: 0 1px 0 var(--assist-container-back-color);
    }

.nav-tabs + .tab-content {
  background-color: var(--assist-container-back-color);
}

/*.nav-tabs > li a.active, .nav-tabs > li a.active:hover, .nav-tabs > li a.active:focus {
		background-color: var(--assist-container-back-color);
		color: var(--assist-accent-fore-color)!important;
		border-color: var(--assist-accent-fore-color)!important;
	}*/

.nav-tabs > li a.active {
  border-bottom: 0 !important
}

.nav-tabs > li {
  overflow: hidden;
  /*margin-bottom: -2px !important;*/
  margin-right: .05rem;
  margin-left: .05rem;
}

.nav-tabs:not(.nav-tabs-vertical) > li:not(.active, .splitter) {
  border-bottom: 1px solid var(--assist-accent-fore-color);
}

.nav-tabs.nav-tabs-cards:not(.nav-tabs-vertical) > li a.active {
  border-bottom: 0 !important;
}

.nav-tabs > li > a {
  background-color: var(--assist-accent-fore-color);
  color: var(--assist-panel-title-color);
  overflow: hidden;
  /*line-height: 14px;*/
  text-overflow: ellipsis;
  text-shadow: var(--assist-navlink-title-shadow-filter);
  white-space: nowrap;
}

  .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: var(--assist-accent-back-color);
    color: var(--assist-accent-fore-color);
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid var(--assist-accent-fore-color);
  }

.nav-tabs > li.disabled {
  overflow: hidden;
  margin-bottom: -2px !important;
}

  .nav-tabs > li.disabled > a {
    background-color: var(--assist-component-disabled-back-color);
    border-right: transparent;
    border-left: transparent;
    border-bottom: var(--assist-accent-fore-color);
    color: var(--assist-panel-title-color);
    overflow: hidden;
    /*line-height: 14px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: var(--assist-accent-fore-color);
  cursor: default;
  background-color: var(--assist-container-back-color);
  background-position-y: bottom;
  border-top: 1px solid var(--assist-accent-fore-color);
  border-right: 1px solid var(--assist-accent-fore-color);
  border-left: 1px solid var(--assist-accent-fore-color);
  border-bottom: 2px solid transparent;
}


.nav-tabs:not(.nav-tabs-vertical) > li:not(.active) {
  filter: drop-shadow( 0px 0px 1px var(--assist-component-back-color));
}

.nav-tabs-cards:not(.nav-tabs-vertical) > li:not(.active) {
  filter: none;
}

.nav-tabs-vertical {
  padding: 0 !important;
  float: left;
  border: 0 !important;
  display: block !important;
}

  .nav-tabs-vertical li {
    float: none;
    margin: 0;
    font-size: 16px;
    font-weight: 100;
    margin: 0 !important;
  }

    .nav-tabs-vertical li a {
      width: 35px;
      height: 40px;
      border-bottom: 0 !important;
      border-left: 0 !important;
      border-right: 0 !important;
      border-top: 0 !important;
      border-radius: 0;
      padding: 0px !important;
      justify-content: center;
      align-items: center;
      display: flex;
      margin: 0 !important;
    }

      .nav-tabs-vertical li a:hover {
        border-color: unset !important;
      }

      .nav-tabs-vertical li a img {
        width: 24px;
        max-height: 40px;
      }

      .nav-tabs-vertical li a img {
        filter: brightness(100);
      }

      .nav-tabs-vertical li a:hover img {
        filter: brightness(1);
      }

      .nav-tabs-vertical li a:focus img {
        filter: brightness(1);
      }

    .nav-tabs-vertical li.active a img {
      filter: brightness(1);
    }

      .nav-tabs-vertical li.active a img.icon-default-color {
        filter: var(--assist-default-image-color-filter);
      }

    .nav-tabs-vertical li.splitter {
      font-size: 10px;
      line-height: 12px;
      height: 12px;
      color: var(--assist-accent-back-color);
    }

      .nav-tabs-vertical li.splitter span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        height: 100%;
      }

    .nav-tabs-vertical li.nav-group {
      background-color: #dadada !important;
    }

      .nav-tabs-vertical li.nav-group.active a {
        background-color: #dadada !important;
      }

      .nav-tabs-vertical li.nav-group.nav-group-item a {
        width: 30px !important;
        margin-left: 5px !important;
      }

        .nav-tabs-vertical li.nav-group.nav-group-item a:last-of-type {
        }

        .nav-tabs-vertical li.nav-group.nav-group-item a img {
          padding: 3px !important;
        }
/*
.col-centered {
	float: none;
	margin: 0 auto;
}

.row {
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.main-row {
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

table.dataTable {
	margin-top: 0 !important;
	min-width: 100% !important;
	touch-action: manipulation;
}*/

table.dataTable tbody tr {
  /*        cursor: url('/img/double-click.png'), auto;*/
}

  table.dataTable tbody tr.selected {
    background-color: var(--assist-accent-back-color);
    color: var(--assist-accent-fore-color) !important;
  }
/*
.view-filter {
	padding: 5px;
}*/

.dataTables_info {
  display: none;
}

.view-pager {
  padding: 0;
}

#search {
  background: var(--assist-container-back-color);
  padding: 20px 15px;
  border-bottom: 1px solid var(--assist-accent-fore-color);
}

  #search p {
    font-weight: bold;
  }

  #search label {
    float: left;
    padding-top: 5px;
  }

footer .status {
  width: 15px;
  height: 15px;
  display: block;
  border: solid 1px var(--assist-accent-fore-color);
  float: left;
  margin-right: 10px;
}

#tableDados div {
  float: left;
  display: flex;
}

  #tableDados div a {
    padding: 0 15px;
    min-height: 25px;
  }

.body-content {
  display: flex;
  flex-flow: row;
}

hr {
  border-top-color: var(--assist-component-border-color) !important;
}

.body-content-menu {
  display: flex;
  flex-direction: column;
  width: calc(100% - 36px);
}

.body-content-nomenu {
  display: flex;
  flex-direction: column;
  width: 100%;
}

div.table-row-remover-column {
  display: inline-block;
  content: url('../img/icons/remove.svg');
  max-height: 15px;
  cursor: pointer;
  vertical-align: middle;
}

.table-row-remover-column {
  min-width: 17px;
  max-width: 17px;
}

table.table-bordered {
  border-color: var(--assist-component-border-color);
}

  table.table-bordered.dataTable {
    border: 0 !important;
    border-left: 1px solid var(--assist-component-disabled-back-color) !important;
    border-bottom: 1px solid var(--assist-component-disabled-back-color) !important;
  }

/*.table > tbody > tr:not(.table-success, .table-danger, .table-info, .table-warning, .table-primary, .table-secondary):nth-of-type(odd), .table-striped > tbody > tr:not(.warning, .danger):nth-of-type(even), .table > :not(caption) > * > * {
  background-color: var(--assist-component-back-color);
}*/
.table {
  border-spacing:0;
}

table.table-bordered > thead > tr > th, table.table-bordered > tbody > tr > th, table .table-bordered > tfoot > tr > th, table.table-bordered > thead > tr > td, table.table-bordered > tbody > tr > td, table.table-bordered > tfoot > tr > td {
  border: 1px solid var(--assist-component-disabled-back-color);
  color: var(--assist-component-title-color);
}

table.table-bordered > thead > tr > th, table.table-bordered > tbody > tr > th, table.table-bordered > tfoot > tr > th, table.table-bordered > thead > tr > td, table.table-bordered > tbody > tr > td, table.table-bordered > tfoot > tr > td {
  border-bottom: 1px solid var(--assist-component-disabled-back-color);
  border-top: 1px solid var(--assist-component-disabled-back-color);
}

table.table-bordered > thead > tr > td, table.table-bordered > thead > tr > th {
  border-bottom-width: 0;
  white-space: nowrap;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 30px;
  vertical-align: middle;
}

.table > thead > tr > th {
  background: var(--assist-table-header-color);
}

.table > tbody > tr:not(.table-primary, .table-secondary, .table-success, .table-warning, .table-info, .table-danger, .table-light, .lack, .chip-transfer-blocking,.absence-with-justification) > td {
  background: var(--assist-component-back-color);
}

  .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    color: unset;
    background-color: var(--assist-generic-light-red);
  }

.table * tr > th {
  white-space: nowrap;
}

.table * tr > td {
  white-space: nowrap;
}

.table > tbody > tr {
  background: var(--assist-component-back-color);
}

  .table > tbody > tr > td {
    border: solid 1px var(--assist-component-disabled-back-color);
    vertical-align: middle;
  }

/*.table-striped > tbody > tr:nth-of-type(odd) > td {
  background: var(--assist-component-back-color);*/
  /*border: solid 1px var(--assist-component-disabled-back-color);*/
  /*vertical-align: middle;
}*/

/*.table-striped > tbody > tr:nth-of-type(even) > td {
  background: var(--assist-component-back-color);*/
  /*border: solid 1px var(--assist-component-disabled-back-color);*/
  /*vertical-align: middle;
}*/

table.table-bordered > tbody > tr.table-primary > td,
table.table-bordered > tbody > tr.table-secondary > td,
table.table-bordered > tbody > tr.table-success > td,
table.table-bordered > tbody > tr.table-danger > td,
table.table-bordered > tbody > tr.table-warning > td,
table.table-bordered > tbody > tr.table-info > td,
table.table-bordered > tbody > tr.table-light > td {
  color: #444;
}

.lack td {
  background-color: #d0b7b7;
}

.absence-with-justification td {
  background-color: #99dbdb;
}

.presence-with-donation td {
  background-color: #e6eed2;
}

.presence-without-donation td {
  background-color: #9ec1db;
}

.chip-transfer-blocking td {
  background-color: #DB7093;
}

.avatar {
  vertical-align: middle !important;
  width: 100%; /*height:100%;*/
  border-radius: 5px;
  margin: 5px !important;
}

.avatarDetalhe {
  vertical-align: middle !important;
  width: 200px !important;
  height: 200px !important;
  margin: 5px !important;
}

.avatarCorridaWide {
  max-height: 200px !important;
  width: auto;
}

.avatarEdicao {
  vertical-align: middle !important;
  width: 150px !important;
  height: 150px !important;
  margin: 5px !important;
}

.imgModalHistorico {
  vertical-align: middle;
  font-size: 18px;
  height: 19px;
  width: 100%;
}

.middle .tab-content {
  border-top: 1px solid transparent;
  border-right: 1px solid var(--assist-accent-fore-color);
  border-left: 1px solid var(--assist-accent-fore-color);
  border-bottom: 1px solid var(--assist-accent-fore-color);
  border-radius: 0 0 4px 4px;
  padding: 10px 0;
  display: flex;
  height: calc(100% - 100px);
  padding-left: 10px;
  padding-right: 10px;
}

.tab-pane {
  padding: 0px;
}

.diaSemana {
  float: left;
  margin: 7px 15px;
}

.iconAdm {
  max-width: 20% !important;
}

.iconGestao {
  max-width: 25% !important;
}

.img-rounded {
  width: 30%;
  height: 30%;
}

.tabs-left {
  background: var(--assist-toolbar-back-color);
  border-left: 1px solid var(--assist-accent-fore-color) !important;
  height: 100%;
  min-height: calc(100vh - 42px);
}

.card {
  background-color: var(--assist-container-back-color);
  border: solid 1px var(--assist-accent-fore-color) !important;
}

.card-assist-default *.nav-tabs + .tab-content {
  background-color: var(--assist-container-back-color);
}

.card-assist-default *.nav-tabs > li > a.active, .card-assist-default *.nav-tabs > li > a.active:hover, .card-assist-default *.nav-tabs > li > a.active:focus {
  background-color: var(--assist-container-back-color);
}

.card-assist-default *.nav-tabs > li > a.active {
  color: var(--assist-accent-fore-color);
}

.card-assist-default {
  /*background: var(--assist-toolbar-back-color);*/
  border: solid 1px var(--assist-accent-fore-color);
  background: var(--assist-container-back-color);
  overflow: hidden;
}

  .card-assist-default .card-header:not(.note-toolbar) {
    border-bottom: solid 1px var(--assist-accent-fore-color);
    background-color: var(--assist-accent-fore-color);
    color: var(--assist-panel-title-color);
  }

  .card-assist-default .card-body {
    color: var(--assist-component-title-color);
  }

  .card-assist-default .card-footer {
    border-top: 1px solid var(--assist-component-border-color) !important;
    background-color: var(--assist-table-header-color);
  }

#accordion .row.view-filter {
  display: none;
}

#accordion {
  margin-bottom: 0;
}

.note-editable {
  min-height: 100px;
  overflow-y: scroll !important;
}

#conteudoScroll {
  min-height: 100px; /*max-height:630px;*/
  overflow-y: auto;
}

.conteudoScroll {
  min-height: 100px; /*max-height:630px;*/
  overflow-y: hidden;
  overflow-y: auto;
}

.ScrollHistorico, .form-horizontal, .note-editable {
  overflow: hidden;
  overflow-y: auto;
}

#Detalhe {
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
  clear: both;
}

.resumoDetalhe {
  border: 1px solid var(--assist-component-border-color);
  padding: 15px;
  border-radius: 6px;
  white-space: pre-line;
}

.cardDetalhe {
  border-radius: 6px;
}

  .cardDetalhe .card-body {
    min-height: 165px;
  }

/*MISC*/
.dl-horizontal dt, .dl-horizontal dd {
  color: var(--assist-component-title-color);
}
  .dl-horizontal dt:before, .dl-horizontal dd:before, .dl-horizontal dt:after, .dl-horizontal dd:after {
    display: table;
    content: " ";
  }

/*JQUERY UI*/
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: var(--bs-border-radius)
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: var(--bs-border-radius)
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: var(--bs-border-radius)
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: var(--bs-border-radius)
}

/*SUMMERNOTE*/
.note-editing-area {
  color: var(--assist-component-title-color);
}

/*select2 e selectpicker*/
.select2-container .select2-selection--single .select2-selection__rendered, .bootstrap-select .dropdown-menu li a {
  color: var(--assist-component-title-color);
}

.select2-container--bootstrap-5 .select2-dropdown, .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  color: var(--assist-component-title-color);
  background-color: var(--assist-component-back-color) !important;
  border: solid 1px var(--assist-component-border-color) !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
  color: var(--assist-component-title-color);
  background-color: var(--assist-component-back-color) !important;
}

  .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted, .bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a.active {
    color: var(--assist-component-title-color);
    background-color: #0D6EFD;
  }

  .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted,
  .bootstrap-select .dropdown-menu li a.active, .bootstrap-select .dropdown-menu li a:hover {
    color: #FFF;
  }

.bootstrap-select .dropdown-menu li a {
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.cursor-not-allowed:hover {
  cursor: not-allowed;
}

.icon-fa-blue {
  color: var(--assist-accent-fore-color);
}
.bootstrap-timepicker-widget.dropdown-menu:after, .datepicker-dropdown:after {
  border-bottom: 6px solid var(--assist-component-back-color);
}

.input-group-text {
  font-weight: 600;
  color: var(--assist-component-title-color);
  border-color: var(--assist-component-border-color);
  background-color: var(--assist-table-header-color);
}

.accordion {
  color: var(--assist-component-title-color);
  border-color: var(--assist-component-border-color);
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='cornflowerblue' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='cornflowerblue' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

/*.accordion-body {*/
  /*padding: .675rem;*/
  /*color: var(--assist-component-title-color);
}*/

.accordion-button, .accordion-button:not(.collapsed) {
  font-size: .875rem;
  padding: .575rem .875rem;
  color: var(--assist-accent-fore-color);
  background-color: var(--assist-table-header-color);
  border-color: var(--assist-component-border-color);
  box-shadow: none;
  font-weight: 600;
}

  .accordion-button:focus {
    outline: none;
    box-shadow: none
  }

.accordion-item {
  background-color: var(--assist-component-back-color);
  border-color: var(--assist-component-border-color);
  overflow: hidden;
}

#toast-container > div {
  min-width: 310px;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  box-shadow: 0 0 12px #000;
}

#ToastContainerConfirm {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  pointer-events: visible;
  background: var(--assist-accent-shadow-color);
}

  #ToastContainerConfirm.active {
    display: flex;
  }

.toast {
  font-size: 16px;
}

.toast-assist {
  opacity: 1 !important;
  background: #fff;
}

  .toast-assist .toast-header:not(.text-black) {
    background-color: rgba(255,255,255,0.15) !important;
    color: #FFF !important;
  }

/*table.dataTable thead th {
  position: relative;
  background-image: none !important;
}*/

  table.dataTable thead th.sorting:after,
  table.dataTable thead th.sorting_asc:after,
  table.dataTable thead th.sorting_desc:after {
    font-family: FontAwesome;
  }

  table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #AAA;
    font-size: 0.8em;
    padding-top: 0.12em;
  }

  table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
    top:10px;
  }

table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
  top: 6px;
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  color: #444;
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
  color: #444;
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
  background-color: #f2dede;
  color: #444;
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
  color: #444;
}

/*.table > :not(caption) > * > * {background-color: inherit; }*/

#ulMenuAcao {
  padding: 0;
  float: left
}

.text-black {
  color: #000;
}

.text-white {
  color: #FFF;
}

.input-group.disabled {
  opacity: .65;
  cursor: not-allowed;
  pointer-events: auto;
}

.bg-transparent {
  background-color: transparent !important
}

.border-left-0 {
  border-left: 0 !important
}

.border-right-0 {
  border-right: 0 !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-radius-left-0,
select.border-radius-left-0 + .select2-container > .selection > .select2-selection.select2-selection--single {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important
}

.border-radius-right-0,
select.border-radius-right-0 + .select2-container > .selection > .select2-selection.select2-selection--single {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important
}

.border-radius-top-0,
select.border-radius-top-0 + .select2-container > .selection > .select2-selection.select2-selection--single {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important
}

.border-radius-bottom-0,
select.border-radius-bottom-0 + .select2-container > .selection > .select2-selection.select2-selection--single {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important
}

.select-disabled, .form-control.select-disabled {
  pointer-events: none !important;
  cursor: default !important;
  background-color: var(--assist-component-disabled-back-color);
}

  .select-disabled .selection .select2-selection.select2-selection--single {
    background: var(--assist-component-disabled-back-color);
  }
/*/
	Remover icone ordenação de coluna para tabelas
/*/
.no-sort::after, .no-sort-icon::after {
  display: none !important;
}

.no-sort {
  pointer-events: none !important;
  cursor: default !important;
}

.px-6px {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.d-block {
  display: block !important
}

.w-100 {
  width: 100% !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.mr-10px {
  margin-right: 10px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

.my-10px {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.my-15px {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.mx-10px {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mx-15px {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.mr-15px {
  margin-right: 15px !important;
}

.ml-15px {
  margin-left: 15px !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.pr-10px {
  padding-right: 10px !important;
}

.pl-10px {
  padding-left: 10px !important;
}

.py-10px {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.py-15px {
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}

.px-10px {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-15px {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.pr-15px {
  padding-right: 15px !important;
}

.pl-15px {
  padding-left: 15px !important;
}

.fs-12px {
  font-size: 12px !important;
}

.fs-14px {
  font-size: 14px !important;
}

.fs-16px {
  font-size: 16px !important;
}

.fs-18px {
  font-size: 18px !important;
}

.fs-20px {
  font-size: 20px !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

/* ************************************************************************************ */
/*Evita que as urls saiam na impressão*/
@media print {
  a [href]:after {
    content: none !important;
  }
}

@media screen and (min-width: 1133px) {
  .menuFixo {
    display: block;
  }

  .menuResponsivo {
    display: none;
  }

  .menuResponsivoLinks {
    display: none;
  }
}

@media screen and (max-width: 1133px) {
  .topnav ul {
    display: none;
  }

  .menuFixo {
    display: none;
  }

  .menuResponsivo {
    display: block;
  }

  .menuResponsivoInvocador {
    display: block;
  }
}


@media (min-width: 992px) {
  .hidden-md {
    max-width: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .text-md-left {
    text-align: left !important;
  }
}

@media(min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .dl-horizontal dd {
    margin-left: 180px
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    max-width: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 540px) {
  .menu-acao * li > a {
    width: 65px;
    height: 80px;
  }

  .menu-acao * p {
    font-size: 70%;
  }

  .topnav * h1 {
    font-size: 2em;
  }
}

@media screen and (max-width: 767px) {
  .table-responsive {
    border: 0px;
  }

  .file-preview {
    display: none;
  }

  .menuUsuarioLogado > p {
    max-width: 90px;
  }

  .topnavdivLogo .d-flex {
    justify-content: center;
  }
}

@media screen and (max-width: 993px) {
  .control-label {
    margin-top: 8px;
    margin-bottom: 0;
  }

  .panel-heading .control-label {
    margin-top: 0;
  }
}

@media only screen and (min-device-height: 768px) and (max-height:799px) {
  div.dataTables_scrollBody {
    max-height: 240px;
    overflow-y: auto;
  }
}

@media only screen and (min-device-height: 800px) and (max-height:864px) {
  div.dataTables_scrollBody {
    max-height: 330px;
    overflow-y: auto;
  }

  .form-horizontal {
    max-height: 450px;
  }
}

@media only screen and (min-device-height: 865px) and (max-height:900px) {
  div.dataTables_scrollBody {
    max-height: 375px;
    overflow-y: auto;
  }
}

@media only screen and (min-device-height: 901px) and (max-device-height: 960px) {
  div.dataTables_scrollBody {
    max-height: 420px;
    overflow-y: auto;
  }
}

@media only screen and (min-device-height: 961px) and (max-device-height: 1024px) {
  div.dataTables_scrollBody {
    max-height: 500px;
    overflow-y: auto;
  }
}

@media only screen and (min-device-height: 1025px) and (max-device-height:1080px) {
  div.dataTables_scrollBody {
    max-height: 550px;
    overflow-y: auto;
  }
}

@media only screen and (min-device-height: 1081px) and (max-device-height:1200px) {
  div.dataTables_scrollBody {
    max-height: 660px;
    overflow-y: auto;
  }
}

@media only screen and (min-device-height: 1201px) and (max-device-height:1440px) {
  div.dataTables_scrollBody {
    max-height: 900px;
    overflow-y: auto;
  }
}

@media only screen and (min-device-height: 1800px) and (max-device-height:2160px) {
  div.dataTables_scrollBody {
    max-height: 850px;
    overflow-y: auto;
  }
}

@media only screen and (max-height:2160px) {
  /*.form-group {
		padding-left: 10px;
		padding-right: 10px;
	}

	.row > .form-group > .col-md-10 {
		clear: both;
		margin: 0;
		padding: 0px;
		width: 100%;
	}

	.row > .form-group > .col-md-9 {
		clear: both;
		margin: 0;
		padding: 0px;
		width: 100%;
	}

	.row > .form-group > .col-md-8 {
		clear: both;
		margin: 0;
		padding: 0px;
		width: 100%;
	}

	.row > .form-group > .col-md-7 {
		clear: both;
		margin: 0;
		padding: 0px;
		width: 100%;
	}

	.row > .form-group > .col-md-6 {
		clear: both;
		margin: 0;
		padding: 0px;
		width: 100%;
	}

	.row > .form-group > .col-md-5 {
		clear: both;
		margin: 0;
		padding: 0px;
		width: 100%;
	}

	.row > .form-group > .col-md-4 {
		clear: both;
		margin: 0;
		padding: 0px;
		width: 100%;
	}

	.row > .form-group > .col-md-3 {
		clear: both;
		margin: 0;
		padding: 0px;
		width: 100%;
	}

	.row > .form-group > .col-md-2 {
		clear: both;
		margin: 0;
		padding: 0px;
		width: 100%;
	}

	.row > .form-group > .col-md-1 {
		clear: both;
		margin: 0;
		padding: 0px;
		width: 100%;
	}*/
}

.mainBadge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}

  .mainBadge.active {
    background-color: var(--bs-success);
  }
