@charset "UTF-8";
.flex {
  display: flex; }

.img-fit, .img-avatar {
  object-fit: cover; }

.img-avatar {
  width: 65px;
  height: 65px; }

.show-action-on-hover .show-action-on-hover-element-hiden {
  transition: opacity .5s ease;
  opacity: 0; }

.show-action-on-hover:hover .show-action-on-hover-element-hiden {
  opacity: 1; }

.photo-profissional {
  width: 6em;
  height: 6em; }

.timeline-item .date.date-ll {
  width: 150px; }

.timeline-item .content .btn {
  position: absolute;
  top: 10px;
  right: 10px; }

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #AAA; }

.pagination > .paginate_button.first a {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important; }

.pagination > .paginate_button.last a {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important; }

.dt-buttons.btn-group :first-child {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important; }

.dt-buttons.btn-group :last-child {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important; }

.dataTables_length select {
  border-radius: 8px !important;
  padding-top: 4px; }

.editable-wrap {
  white-space: inherit !important; }

.fc-day.holiday, .legend .holiday {
  background-color: #EEE;
  background: linear-gradient(#F3F3F3, #E6E6E6 150px); }

.legend li {
  display: inline-flex;
  list-style: none;
  margin: 10px auto auto 20px; }

.legend .legend-label {
  width: 20px;
  height: 18px;
  border-radius: 3px;
  display: inline-flex;
  border: 1px solid #ccc;
  vertical-align: middle;
  margin: auto 5px; }

.legend .holiday {
  top: -20px; }

.legend .today {
  background-color: #fcf8e3; }

.ui-select-multiple.ui-select-bootstrap {
  padding: 5px; }

/* CUSTOMIZAÇÕES DAS SKINS PARA O INSPINIA */
.nav-header {
  background-color: #243746;
  text-align: center; }
  .nav-header .profile-element .title {
    font-size: 22px;
    font-weight: 600;
    color: white; }

#big-app-name {
  display: none; }

/*
 *   SKIN 3 - Yellow/purple
*/
.skin-3 .nav-header {
  background-position: center;
  background-color: #b4763e;
  background-repeat: no-repeat; }

.skin-3 .navbar-minimalize:active {
  border-color: #f7a041;
  background-color: #f7a041; }

/*
 *   SKIN 1 - Blue
*/
.skin-1 .nav-header {
  background-color: #1484c6;
  background-repeat: no-repeat; }

.skin-1 .navbar-minimalize:active {
  border-color: #1975b0;
  background-color: #1975b0; }

.icon-photo {
  font-size: 6em;
  margin: 2px; }

.content-photo {
  float: left;
  width: 120px; }

.image-photo {
  width: 6em;
  height: 6em; }

.spinner-image {
  position: absolute;
  top: 10px;
  left: 24px;
  transition: all .2s linear !important; }

.content-photo .spinner-image {
  top: 10px;
  left: 42px; }

.spinner-image.ng-hide {
  opacity: 0; }

.image-muted {
  opacity: .4; }

.label-green, .badge-green {
  background-color: #1ab394; }

.panel-green {
  border-color: #1ab394; }

.panel-green > .panel-heading {
  background-color: #1ab394;
  border-color: #1ab394; }

.progress-bar.btn-green {
  background-color: #1ab394; }

.toastr-green {
  background-color: #1ab394; }

.text-green {
  color: #1ab394; }

.btn-green.btn-outline {
  color: #1ab394;
  background-color: transparent; }
  .btn-green.btn-outline:hover, .btn-green.btn-outline:focus, .btn-green.btn-outline:active, .btn-green.btn-outline.active, .btn-green.btn-outline:active:focus, .btn-green.btn-outline:active:hover, .btn-green.btn-outline.active:hover, .btn-green.btn-outline.active:focus {
    background-color: #1ab394;
    color: #FFF; }

.btn-green {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF; }

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green, .btn-green:active:focus, .btn-green:active:hover, .btn-green.active:hover, .btn-green.active:focus {
  background-color: #18a689;
  border-color: #18a689;
  color: #FFFFFF; }

.btn-green.disabled, .btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled], .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green.active[disabled], fieldset[disabled] .btn-green, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
  background-color: #1dc5a3;
  border-color: #1dc5a3;
  color: #FFF; }

button.btn-green.dim {
  box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999; }

button.btn-green.dim:active {
  box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999; }

.btn-link-green.btn-link:active, .btn-link-green.btn-link:hover {
  color: #1ab394 !important; }

.checkbox-green input[type="checkbox"]:checked + label::before,
.checkbox-green input[type="checkbox"]:indeterminate + label::before {
  background-color: #1ab394;
  border-color: #1ab394; }

.checkbox-green input[type="checkbox"]:checked + label::after,
.checkbox-green input[type="checkbox"]:indeterminate + label::after {
  color: #fff; }

.radio-green input[type="radio"] + label::after {
  background-color: #1ab394; }

.radio-green input[type="radio"]:checked + label::before {
  border-color: #1ab394; }

.radio-green input[type="radio"]:checked + label::after {
  background-color: #1ab394; }

.spinner-green .sk-shape {
  background-color: #1ab394 !important; }

.label-blue, .badge-blue {
  background-color: #1c84c6; }

.panel-blue {
  border-color: #1c84c6; }

.panel-blue > .panel-heading {
  background-color: #1c84c6;
  border-color: #1c84c6; }

.progress-bar.btn-blue {
  background-color: #1c84c6; }

.toastr-blue {
  background-color: #1c84c6; }

.text-blue {
  color: #1c84c6; }

.btn-blue.btn-outline {
  color: #1c84c6;
  background-color: transparent; }
  .btn-blue.btn-outline:hover, .btn-blue.btn-outline:focus, .btn-blue.btn-outline:active, .btn-blue.btn-outline.active, .btn-blue.btn-outline:active:focus, .btn-blue.btn-outline:active:hover, .btn-blue.btn-outline.active:hover, .btn-blue.btn-outline.active:focus {
    background-color: #1c84c6;
    color: #FFF; }

.btn-blue {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #FFFFFF; }

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue, .btn-blue:active:focus, .btn-blue:active:hover, .btn-blue.active:hover, .btn-blue.active:focus {
  background-color: #1a7bb9;
  border-color: #1a7bb9;
  color: #FFFFFF; }

.btn-blue.disabled, .btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled:active, .btn-blue.disabled.active, .btn-blue[disabled], .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled]:active, .btn-blue.active[disabled], fieldset[disabled] .btn-blue, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue.active {
  background-color: #1f90d8;
  border-color: #1f90d8;
  color: #FFF; }

button.btn-blue.dim {
  box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999; }

button.btn-blue.dim:active {
  box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999; }

.btn-link-blue.btn-link:active, .btn-link-blue.btn-link:hover {
  color: #1c84c6 !important; }

.checkbox-blue input[type="checkbox"]:checked + label::before,
.checkbox-blue input[type="checkbox"]:indeterminate + label::before {
  background-color: #1c84c6;
  border-color: #1c84c6; }

.checkbox-blue input[type="checkbox"]:checked + label::after,
.checkbox-blue input[type="checkbox"]:indeterminate + label::after {
  color: #fff; }

.radio-blue input[type="radio"] + label::after {
  background-color: #1c84c6; }

.radio-blue input[type="radio"]:checked + label::before {
  border-color: #1c84c6; }

.radio-blue input[type="radio"]:checked + label::after {
  background-color: #1c84c6; }

.spinner-blue .sk-shape {
  background-color: #1c84c6 !important; }

.label-aqua, .badge-aqua {
  background-color: #23c6c8; }

.panel-aqua {
  border-color: #23c6c8; }

.panel-aqua > .panel-heading {
  background-color: #23c6c8;
  border-color: #23c6c8; }

.progress-bar.btn-aqua {
  background-color: #23c6c8; }

.toastr-aqua {
  background-color: #23c6c8; }

.text-aqua {
  color: #23c6c8; }

.btn-aqua.btn-outline {
  color: #23c6c8;
  background-color: transparent; }
  .btn-aqua.btn-outline:hover, .btn-aqua.btn-outline:focus, .btn-aqua.btn-outline:active, .btn-aqua.btn-outline.active, .btn-aqua.btn-outline:active:focus, .btn-aqua.btn-outline:active:hover, .btn-aqua.btn-outline.active:hover, .btn-aqua.btn-outline.active:focus {
    background-color: #23c6c8;
    color: #FFF; }

.btn-aqua {
  background-color: #23c6c8;
  border-color: #23c6c8;
  color: #FFFFFF; }

.btn-aqua:hover, .btn-aqua:focus, .btn-aqua:active, .btn-aqua.active, .open .dropdown-toggle.btn-aqua, .btn-aqua:active:focus, .btn-aqua:active:hover, .btn-aqua.active:hover, .btn-aqua.active:focus {
  background-color: #21b9bb;
  border-color: #21b9bb;
  color: #FFFFFF; }

.btn-aqua.disabled, .btn-aqua.disabled:hover, .btn-aqua.disabled:focus, .btn-aqua.disabled:active, .btn-aqua.disabled.active, .btn-aqua[disabled], .btn-aqua[disabled]:hover, .btn-aqua[disabled]:focus, .btn-aqua[disabled]:active, .btn-aqua.active[disabled], fieldset[disabled] .btn-aqua, fieldset[disabled] .btn-aqua:hover, fieldset[disabled] .btn-aqua:focus, fieldset[disabled] .btn-aqua:active, fieldset[disabled] .btn-aqua.active {
  background-color: #26d7d9;
  border-color: #26d7d9;
  color: #FFF; }

button.btn-aqua.dim {
  box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999; }

button.btn-aqua.dim:active {
  box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999; }

.btn-link-aqua.btn-link:active, .btn-link-aqua.btn-link:hover {
  color: #23c6c8 !important; }

.checkbox-aqua input[type="checkbox"]:checked + label::before,
.checkbox-aqua input[type="checkbox"]:indeterminate + label::before {
  background-color: #23c6c8;
  border-color: #23c6c8; }

.checkbox-aqua input[type="checkbox"]:checked + label::after,
.checkbox-aqua input[type="checkbox"]:indeterminate + label::after {
  color: #fff; }

.radio-aqua input[type="radio"] + label::after {
  background-color: #23c6c8; }

.radio-aqua input[type="radio"]:checked + label::before {
  border-color: #23c6c8; }

.radio-aqua input[type="radio"]:checked + label::after {
  background-color: #23c6c8; }

.spinner-aqua .sk-shape {
  background-color: #23c6c8 !important; }

.label-orange, .badge-orange {
  background-color: #f8ac59; }

.panel-orange {
  border-color: #f8ac59; }

.panel-orange > .panel-heading {
  background-color: #f8ac59;
  border-color: #f8ac59; }

.progress-bar.btn-orange {
  background-color: #f8ac59; }

.toastr-orange {
  background-color: #f8ac59; }

.text-orange {
  color: #f8ac59; }

.btn-orange.btn-outline {
  color: #f8ac59;
  background-color: transparent; }
  .btn-orange.btn-outline:hover, .btn-orange.btn-outline:focus, .btn-orange.btn-outline:active, .btn-orange.btn-outline.active, .btn-orange.btn-outline:active:focus, .btn-orange.btn-outline:active:hover, .btn-orange.btn-outline.active:hover, .btn-orange.btn-outline.active:focus {
    background-color: #f8ac59;
    color: #FFF; }

.btn-orange {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #FFFFFF; }

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange, .btn-orange:active:focus, .btn-orange:active:hover, .btn-orange.active:hover, .btn-orange.active:focus {
  background-color: #f7a54a;
  border-color: #f7a54a;
  color: #FFFFFF; }

.btn-orange.disabled, .btn-orange.disabled:hover, .btn-orange.disabled:focus, .btn-orange.disabled:active, .btn-orange.disabled.active, .btn-orange[disabled], .btn-orange[disabled]:hover, .btn-orange[disabled]:focus, .btn-orange[disabled]:active, .btn-orange.active[disabled], fieldset[disabled] .btn-orange, fieldset[disabled] .btn-orange:hover, fieldset[disabled] .btn-orange:focus, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-orange.active {
  background-color: #f9b66d;
  border-color: #f9b66d;
  color: #FFF; }

button.btn-orange.dim {
  box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999; }

button.btn-orange.dim:active {
  box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999; }

.btn-link-orange.btn-link:active, .btn-link-orange.btn-link:hover {
  color: #f8ac59 !important; }

.checkbox-orange input[type="checkbox"]:checked + label::before,
.checkbox-orange input[type="checkbox"]:indeterminate + label::before {
  background-color: #f8ac59;
  border-color: #f8ac59; }

.checkbox-orange input[type="checkbox"]:checked + label::after,
.checkbox-orange input[type="checkbox"]:indeterminate + label::after {
  color: #fff; }

.radio-orange input[type="radio"] + label::after {
  background-color: #f8ac59; }

.radio-orange input[type="radio"]:checked + label::before {
  border-color: #f8ac59; }

.radio-orange input[type="radio"]:checked + label::after {
  background-color: #f8ac59; }

.spinner-orange .sk-shape {
  background-color: #f8ac59 !important; }

.label-red, .badge-red {
  background-color: #ED5565; }

.panel-red {
  border-color: #ED5565; }

.panel-red > .panel-heading {
  background-color: #ED5565;
  border-color: #ED5565; }

.progress-bar.btn-red {
  background-color: #ED5565; }

.toastr-red {
  background-color: #ED5565; }

.text-red {
  color: #ED5565; }

.btn-red.btn-outline {
  color: #ED5565;
  background-color: transparent; }
  .btn-red.btn-outline:hover, .btn-red.btn-outline:focus, .btn-red.btn-outline:active, .btn-red.btn-outline.active, .btn-red.btn-outline:active:focus, .btn-red.btn-outline:active:hover, .btn-red.btn-outline.active:hover, .btn-red.btn-outline.active:focus {
    background-color: #ED5565;
    color: #FFF; }

.btn-red {
  background-color: #ED5565;
  border-color: #ED5565;
  color: #FFFFFF; }

.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red, .btn-red:active:focus, .btn-red:active:hover, .btn-red.active:hover, .btn-red.active:focus {
  background-color: #ec4758;
  border-color: #ec4758;
  color: #FFFFFF; }

.btn-red.disabled, .btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled:active, .btn-red.disabled.active, .btn-red[disabled], .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled]:active, .btn-red.active[disabled], fieldset[disabled] .btn-red, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red.active {
  background-color: #ef6776;
  border-color: #ef6776;
  color: #FFF; }

button.btn-red.dim {
  box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999; }

button.btn-red.dim:active {
  box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999; }

.btn-link-red.btn-link:active, .btn-link-red.btn-link:hover {
  color: #ED5565 !important; }

.checkbox-red input[type="checkbox"]:checked + label::before,
.checkbox-red input[type="checkbox"]:indeterminate + label::before {
  background-color: #ED5565;
  border-color: #ED5565; }

.checkbox-red input[type="checkbox"]:checked + label::after,
.checkbox-red input[type="checkbox"]:indeterminate + label::after {
  color: #fff; }

.radio-red input[type="radio"] + label::after {
  background-color: #ED5565; }

.radio-red input[type="radio"]:checked + label::before {
  border-color: #ED5565; }

.radio-red input[type="radio"]:checked + label::after {
  background-color: #ED5565; }

.spinner-red .sk-shape {
  background-color: #ED5565 !important; }

.label-blue, .badge-blue {
  background-color: #1c84c6; }

.panel-blue {
  border-color: #1c84c6; }

.panel-blue > .panel-heading {
  background-color: #1c84c6;
  border-color: #1c84c6; }

.progress-bar.btn-blue {
  background-color: #1c84c6; }

.toastr-blue {
  background-color: #1c84c6; }

.text-blue {
  color: #1c84c6; }

.btn-blue.btn-outline {
  color: #1c84c6;
  background-color: transparent; }
  .btn-blue.btn-outline:hover, .btn-blue.btn-outline:focus, .btn-blue.btn-outline:active, .btn-blue.btn-outline.active, .btn-blue.btn-outline:active:focus, .btn-blue.btn-outline:active:hover, .btn-blue.btn-outline.active:hover, .btn-blue.btn-outline.active:focus {
    background-color: #1c84c6;
    color: #FFF; }

.btn-blue {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #FFFFFF; }

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue, .btn-blue:active:focus, .btn-blue:active:hover, .btn-blue.active:hover, .btn-blue.active:focus {
  background-color: #1a7bb9;
  border-color: #1a7bb9;
  color: #FFFFFF; }

.btn-blue.disabled, .btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled:active, .btn-blue.disabled.active, .btn-blue[disabled], .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled]:active, .btn-blue.active[disabled], fieldset[disabled] .btn-blue, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue.active {
  background-color: #1f90d8;
  border-color: #1f90d8;
  color: #FFF; }

button.btn-blue.dim {
  box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999; }

button.btn-blue.dim:active {
  box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999; }

.btn-link-blue.btn-link:active, .btn-link-blue.btn-link:hover {
  color: #1c84c6 !important; }

.checkbox-blue input[type="checkbox"]:checked + label::before,
.checkbox-blue input[type="checkbox"]:indeterminate + label::before {
  background-color: #1c84c6;
  border-color: #1c84c6; }

.checkbox-blue input[type="checkbox"]:checked + label::after,
.checkbox-blue input[type="checkbox"]:indeterminate + label::after {
  color: #fff; }

.radio-blue input[type="radio"] + label::after {
  background-color: #1c84c6; }

.radio-blue input[type="radio"]:checked + label::before {
  border-color: #1c84c6; }

.radio-blue input[type="radio"]:checked + label::after {
  background-color: #1c84c6; }

.spinner-blue .sk-shape {
  background-color: #1c84c6 !important; }

.btn-white-hover-primary {
  transition: all .5s;
  color: inherit;
  background: white;
  border: 1px solid #e7eaec; }
  .btn-white-hover-primary:hover {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF; }

.inmodal .modal-header {
  padding: 15px; }

.inmodal .modal-title {
  font-size: 24px; }

.ibox-title .btn.form-control.ui-select-toggle {
  display: block !important; }

.ibox-title .ui-select-multiple.ui-select-bootstrap {
  height: 34px; }

.project-people .icon-photo {
  font-size: 32px;
  margin: 0; }

.project-people img-person {
  /*position: relative;*/
  /*display: inline-flex;*/
  /*height: $size;*/ }

.project-people .spinner-image {
  font-size: 26px;
  /*position: relative;*/
  /*top: -29px;*/
  /*left: 0;*/ }

/* TODO: fazer btn-circle para todos os tamanhos */
.btn-circle.btn-xs {
  padding: 1px 5px;
  width: auto;
  height: auto;
  border-radius: 100%; }

/* fix double modal */
.modal.over-modal {
  z-index: 2100 !important; }

.modal-backdrop + .modal-backdrop {
  z-index: 2090 !important; }

/* filtro de mês */
.filter-month {
  display: inline-block;
  margin-right: 15px;
  position: relative;
  margin-top: 5px; }
  .filter-month .month {
    margin: 5px 10px;
    display: inline-block;
    text-align: center;
    width: 50px; }
  .filter-month .description {
    position: absolute;
    top: -8px;
    color: #AAA;
    width: 100%;
    text-align: center;
    font-size: 10px; }