.tamanhoTextarea {

  height: 150px;

}



.brand-image {

  float: none !important;

  line-height: .8;

  margin-left: 0 !important;

  margin-right: .5rem;

  margin-top: -3px;

  max-height: 33px;

  width: auto;

}



[class*="sidebar-light"] .brand-link {

  border-bottom: none !important;

}



.welcome-msg {

  padding-left: 0.8rem;

}



.user-panel .info {

  display: inline-block;

  padding: 0 0 0 10px;

}



.nav-icon {

  color: #c5c5c5 !important;

}



[class*="sidebar-light"] .user-panel {

  border-bottom: none;

}



[class*="sidebar-light-"] .sidebar a {

  color: #838383;

}



.nav-sidebar .nav-item > .nav-link .right{

  transform: rotate(0deg) translateY(2px);

}



.nav-sidebar .menu-is-opening > .nav-link i.right, .nav-sidebar .menu-is-opening > .nav-link svg.right, .nav-sidebar .menu-open > .nav-link i.right, .nav-sidebar .menu-open > .nav-link svg.right {

  -webkit-transform: rotate(-180deg) translateY(2px);

  transform: rotate(-180deg) translateY(2px);

}



.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {

  width: 100%;

  border-radius: 0;

  transition: width ease-in-out .3s;

}



.nav-link p {

  font-weight: 500;

}



.sidebar-collapse .user_info {

  flex-direction: column;

}



.sidebar-collapse .info {

  text-align: center;

  white-space: normal;

}



.sidebar-collapse .user-panel .image {

  padding-left: 0;

}



.sidebar-collapse .user-panel, .sidebar-collapse .user-panel .info {

  padding-left: 0 !important;

}



.sidebar-collapse .nav-sidebar .nav-link {

  padding: 0.5rem 0 !important;

}



.sidebar-collapse .nav-link p {

  width: 6.6rem !important;

  display: block;

  text-align: center;

  white-space: normal !important;

}



.sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p, .sidebar-mini.sidebar-collapse .sidebar .user-panel > .info {

  margin-left: 0;

  -webkit-animation-name: none;

  animation-name: none;

  -webkit-animation-duration: .3s;

  animation-duration: .3s;

  -webkit-animation-fill-mode: none;

  animation-fill-mode: none;

  visibility: visible;

}



#clock {

  width: 55px;

  text-align: center;

}



.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info {

  display: block;

  margin-left: 0;

  -webkit-animation-name: none;

  animation-name: none;

  -webkit-animation-duration: .3s;

  animation-duration: .3s;

  -webkit-animation-fill-mode: none;

  animation-fill-mode: none;

  visibility: visible;

}



.bg-azul-claro {

  background: #017eff !important;

}



.bg-verde {

  background: #76c416 !important;

}



.bg-azul {

  background: #0273b7 !important;

}



.bg-azul-escuro {

  background: #014888 !important;

}



.bg-laranja {

  background: #f19a15 !important;

}



.bg-verde-escuro {

  background: #05a25a !important;

}



.bg-vermelho {

  background: #d6292d !important;

}



.bg-cinza {

  background: #d5d5d5 !important;

}



.cor-vermelho {

  color: #d6292d !important;

}



.cor-azul-claro {

  color: #017eff !important;

}



.cor-verde {

  color: #76c416 !important;

}



.cor-azul {

  color: #0273b7 !important;

}



.cor-laranja {

  color: #f19a15 !important;

}



.cor-verde-escuro {

  color: #05a25a !important;

}



.cor-cinza {

  color: #989898 !important;

}



.small-box .icon, .small-box a {

  color: #fff;

}



.small-box {

  padding: 1rem 0.8rem;

}



.small-box .icon > i.fa, .small-box .icon > i.fab, .small-box .icon > i.fad, .small-box .icon > i.fal, .small-box .icon > i.far, .small-box .icon > i.fas, .small-box .icon > i.ion {

  font-size: 48px;

  top: 50%;

  transform: scale(1) translateY(-50%);

  transition: all 0.25s ease !important;

}



.small-box:hover .icon > i.fa, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.fad, .small-box:hover .icon > i.fal, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.ion {

  transform: scale(1.1) translateY(-45%) !important;

}



.nav-pills .nav-link {

  color: #007bff;

}



#home .dataTables_paginate {

  display: none !important;

}



table.dataTable tbody th, table.dataTable tbody td:not(.td-hover) {

  padding: 7px !important;

}



.row-flex {

  display: flex;

  flex-wrap: wrap;

}



.d-flex > .flex-fill {

  max-height: 400px;

}



/*#home .progress {*/

/*  min-width: 120px;*/

/*}*/



.progress {

  background-color: #d5d5d5;

}



table.dataTable thead th, table.dataTable thead td {

  padding: 10px 7px !important;

}



#calendar .btn {

  font-size: 12px !important;

}



.fc-toolbar, .fc-toolbar.fc-header-toolbar {

  padding: 0.2rem 1rem 0.5rem 1rem;

}



.text-info {

  color: #007bff !important;

  font-size: 0.7rem;

}



.card {

  -webkit-box-shadow: 0px 0px 16px -7px rgba(147, 149, 152, 1) !important;

  -moz-box-shadow: 0px 0px 16px -7px rgba(147, 149, 152, 1) !important;

  box-shadow: 0px 0px 16px -7px rgb(147, 149, 152) !important;

}



.content-wrapper {

  background-color: #fff;

}



#configuracoes .list-group-item {

  border: none;

}



.list-group-item.active {

  z-index: 2;

  color: #838383;

  background-color: #e2f2ff;

  border-color: #e2f2ff;

  font-weight: 700;

}



.list-group-item:first-child {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



.list-group-item:last-child {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}



.list-group-item {

  position: relative;

  display: block;

  padding: .25rem 1.25rem;

  background-color: unset;

  border: 1px solid rgba(0, 0, 0, .125);

}



[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover {

  background: rgb(238, 249, 255);

}



.header_listagem {

  background: #f5f5f5;

  border-left: 7.5px solid #fff;

  border-right: 7.5px solid #fff;

}



.list-group-horizontal > .list-group-item {

  border-radius: 0 !important;

  border: none;

  background: transparent;

}



.list-group-horizontal > .list-group-item a {

  color: #838383;

}



.form-control {

  border: 1px solid #e8e8e8;

  transition: 0.15s all ease-out;

}



.bg-cinza-claro {

  background: #e8e8e8 !important;

}



#card-square {

  border-radius: 0 !important;

  padding: 1rem 2.2rem;

  bottom: 0;

  left: 0;

  position: fixed;

  right: 0;

  z-index: 1032;

  margin-left: 250px;

  transition: margin-left .3s ease-in-out;

}



.sidebar-collapse #card-square {

  margin-left: 6.6rem;

}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  color: #007bff;

  font-weight: 600;

  background-color: #fff;

  border-color: #dee2e6 #dee2e6 #fff;

}



.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {

  background-color: #fff;

}



.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {

  background-color: #838383;

  border-color: transparent;

}



.custom-switch .custom-control-label::before {

  left: -2.25rem;

  width: 2rem;

  pointer-events: all;

  border-radius: .7rem;

}



.custom-control-label::before {

  position: absolute;

  top: .25rem;

  left: -1.5rem;

  display: block;

  width: 1rem;

  height: 1.3rem;

  pointer-events: none;

  content: "";

  background-color: #dee2e6;

  border: #adb5bd solid 1px;

  border-top-color: rgb(173, 181, 189);

  border-right-color: rgb(173, 181, 189);

  border-bottom-color: rgb(173, 181, 189);

  border-left-color: rgb(173, 181, 189);

  box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1);

}



.custom-switch .custom-control-label::after {

  top: calc(.25rem + 4px);

  left: calc(-2.25rem + 4px);

  width: calc(1rem - 4px);

  height: calc(1rem - 4px);

  background-color: #adb5bd;

  border-radius: .5rem;

  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;

  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;

}



.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #76c416;

  border-color: transparent;

}



.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {

  background-color: #fff;

}



.btn.bg-verde:hover {

  border: 1px solid #76c416;

  background: #fff !important;

  color: #76c416 !important;

}



.btn.bg-laranja:hover {

  border: 1px solid #f19a15;

  background: #fff !important;

  color: #f19a15 !important;

}



.btn.bg-vermelho:hover {

  border: 1px solid #d6292d;

  background: #fff !important;

  color: #d6292d !important;

}



.btn.bg-azul-claro:hover {

  border: 1px solid #017eff;

  background: #fff !important;

  color: #017eff !important;

}



.btn.bg-white:hover {

  border: 1px solid #fff;

  background: transparent !important;

  color: #fff !important;

}



.list-group-item:hover {

  background: rgba(1, 126, 255, 0.6);

}



.list-group-item:hover a {

  color: #fff;

}



.tag-a.cor-azul-claro:hover i {

  color: #76c416 !important;

}



.produtos-ads {

  height: 100%;

  border-radius: 10px;

  padding: 1.25rem;

  position: relative;

}



.produtos-ads div {

  position: absolute;

  bottom: 1.25rem;

  right: 1.25rem;

  left: 1.25rem;

}



.produtos-ads img {

  position: absolute;

  top: 1.25rem;

  right: 1.25rem;

  width: 100px;

  height: auto;

}



.produtos-ads-horizontal {

  height: 100%;

  border-radius: 10px;

  padding: 1.25rem;

  position: relative;

}



.produtos-ads-horizontal div {

  position: absolute;

}



.produtos-ads-horizontal img {

  /*   position: absolute;

     top: 1.25rem;

     right: 1.25rem;*/

  width: 90px;

  height: auto;

}



.produtos-avaliacao {

  height: 100%;

  border-radius: 10px;

  padding: 1.25rem;

  position: relative;

}



.produtos-avaliacao div {

  position: absolute;

}



.produtos-avaliacao img {

  /*   position: absolute;

     top: 1.25rem;

     right: 1.25rem;*/

  width: 90px;

  height: auto;

}



.small-box .inner p {

  color: rgba(255, 255, 255, 0.7);

}



.small-box > .h-100 > .inner {

  padding: 10px;

}



#estatisticas .small-box .icon > i.fa, #estatisticas .small-box .icon > i.fab, #estatisticas .small-box .icon > i.fad, #estatisticas .small-box .icon > i.fal, #estatisticas .small-box .icon > i.far, #estatisticas .small-box .icon > i.fas, #estatisticas .small-box .icon > i.ion {

  font-size: 60px;

  top: 50%;

  transform: scale(1) translateY(-50%);

  transition: all 0.25s ease !important;

}



#listagem .small-box .icon > i.fa, #listagem .small-box .icon > i.fab, #listagem .small-box .icon > i.fad, #listagem .small-box .icon > i.fal, #listagem .small-box .icon > i.far, #listagem .small-box .icon > i.fas, #listagem .small-box .icon > i.ion {

  font-size: 60px;

  top: 50%;

  transform: scale(1) translateY(-50%);

  transition: all 0.25s ease !important;

}



#myChart {

  height: 400px !important;

}



.animation__shake {

  -webkit-animation: shake 1.5s;

  animation: shake 1.5s infinite;

}



.h-100vh {

  height: 100vh;

}



.bottom-right {

  bottom: 0;

  right: 0;

}



.card-title .btn {

  padding: 0 .75rem;

}



#listagem .small-box {

  min-height: 139px;

}



.sidebar-mini.sidebar-collapse.layout-fixed .brand-link {

  width: 6.6rem;

}



.btn-fixed {

  position: fixed;

  bottom: 12px;

  right: 15px;

  z-index: 9999;

}



.mr-170 {

  margin-right: 170px;

}



.shadow-0 {

  box-shadow: none !important;

}



h6.cor-azul-claro {

  font-size: 13px !important;

  font-weight: 400;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.btn-topRight {

  position: absolute;

  top: 0;

  right: 0;

}



.fs-10 {

  font-size: 10px !important;

}



.fancybox__content :focus:not(.carousel__button.is-close) {

  outline: none !important;

  box-shadow: none;

}



@media (max-width: 1353px) {

  .list_produtos .list-group {

    width: 100%;

    overflow-x: auto;

  }

}



.list-group-item {

  /*white-space: nowrap;*/

}



@media (max-width: 767px) {

  .small-box .icon {

    display: block;

  }



  .small-box {

    text-align: left;

  }



  .card-body > .d-flex {

    flex-direction: column;

  }



  .card-body .col-12 > .d-flex .ml-auto {

    margin-left: inherit !important;

  }



  .card-body .col-12 > .d-flex div {

    /*margin-bottom: 10px!important;*/

  }



  .card-body > .d-flex > .ml-auto {

    margin-left: inherit !important;

  }



  .card-body > .d-flex > div {

    margin-bottom: 10px !important;

  }



  .d-none-mobile {

    display: none !important;

  }



  .card-header2 > .d-flex {

    flex-direction: column;

  }



  .w-100-mobile {

    width: 100% !important;

    max-width: 100% !important;

  }

}



.card-header2 .custom_select_button {

  overflow: hidden;

  max-width: 180px;

  text-wrap: nowrap;

}



.nav-tabs .nav-link {

  text-transform: uppercase;

}



.swal2-title {

  margin-top: 8px !important;

  padding-left: 15px !important;

  font-weight: 400 !important;

}



.swal2-toast {

  max-width: 290px !important;

}



.swal2-icon-success {

  -webkit-box-shadow: 10px 10px 5px -8px rgba(40, 167, 69, 1) !important;

  -moz-box-shadow: 10px 10px 5px -8px rgba(40, 167, 69, 1) !important;

  box-shadow: 10px 10px 5px -8px rgba(40, 167, 69, 1) !important;

}



.swal2-icon-error {

  -webkit-box-shadow: 10px 10px 5px -8px rgba(214, 41, 45, 1) !important;

  -moz-box-shadow: 10px 10px 5px -8px rgba(214, 41, 45, 1) !important;

  box-shadow: 10px 10px 5px -8px rgba(214, 41, 45, 1) !important;

}



.h-150 {

  height: 150px;

}



.fs-11 {

  font-size: 11px !important;

}



.bottom-0 {

  bottom: 0 !important;

}



.show_hide_password {

  max-height: 61px;

}



.show_hide_password .toggle-password {

  position: absolute;

  bottom: 15px;

  right: 30px;

  color: #29aae1;

  cursor: pointer;

  line-height: 0;

}



.pass-button {

  max-width: unset;

  width: unset !important;

}



/*#not_home td:nth-last-child(3) {*/

/*    width:150px !important;*/

/*}*/



/*#not_home td:nth-last-child(2) {*/

/*    width:150px !important;*/

/*}*/



/*#not_home td:last-child {*/

/*    width:60px !important;*/

/*}*/



input#ordem {

  max-width: 40px;

}



.prodt-img-popup {

  max-width: 200px;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.pass-erro {

  color: red;

  display: none;

}



.sep_stats {

  display: none;

}



#listOrcamentos tr td:first-child {

  width: 30px;

}



.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link {

  width: 6.6rem;

}



#novo_grupo_cont, #novo_sel_cont, #novo_grupo_cont {

  display: none;

}



.check_img {

  width: 100%;

  position: relative;

}



.check_img input {

  position: absolute;

  top: 5px;

  right: 5px;

}



#novo_intervalo {

  display: none;

}



.novo_intervalo input {

  max-width: 70px;

}



.novo_intervalo label {

  margin-bottom: 0;

  margin-right: 5px;

}



.novo_intervalo2 label {

  margin-bottom: 0;

  margin-right: 5px;

}



.box-recuperar-pass {

  display: none;

}



.card_precos {

  display: none;

}



.card_precos_show {

  display: block;

}





.labelMenu {

  background-color: transparent;

  border: transparent;

  text-align: left;

  padding: 0px 0px;

  margin: 0px 0px;

  color: #ffffff;

  letter-spacing: 0.7px;

}



.dropdown-menu {

  width: 240px;

  padding: 0;

  margin: 0;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



.dropdown button:hover, .dropdown button:focus {

  border: none;

  outline: 0;

}



.dropdown.open ul {

  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);

  border: solid 1px #666;

  border-top: none;

  height: 200px;

  overflow-y: scroll;

}



.dropdown-menu li {

  line-height: 1.5;

  letter-spacing: 0.7px;

  color: #666;

  font-size: 14px;

  cursor: pointer;

  padding: 7.5px 15px;

  border-top: solid 1px #f3f3f3;

}



.dropdown-menu li:hover {

  background-color: #ccc;

}



.lista-pedidos-scroll {

  max-height: 300px;

  overflow-y: auto;

}



.notif-animate {

  animation: inclina 0.8s infinite;

}



.max-width-300 {

  max-width: 300px;

}



.max-width-370 {

  max-width: 370px;

}



@keyframes inclina {

  0% {

    transform: rotate(0deg);

  }

  20% {

    transform: rotate(-15deg);

  }

  40% {

    transform: rotate(10deg);

  }

  60% {

    transform: rotate(-8deg);

  }

  80% {

    transform: rotate(4deg);

  }

}



.spectrumClass2 {

  border-radius: 0px 5px 5px 0px;

  background-color: #e8e8e8 !important;

  border: 1px solid #e8e8e8 !important;

  display: flex !important;

  width: 100% !important;

}



.spectrumClass2 .sp-preview {

  width: 100%;

}



.spectrumClass2:hover {

  border: 1px solid #e8e8e8 !important;

}



.sp-container {

  margin-top: 4px !important;

  border-radius: 5px !important;

  background-color: #ffffff !important;

  border: 1px solid #e8e8e8 !important;

}



.sp-choose {

  background: none !important;

}



/*.h-30px {*/

/*    height: 30px !important;*/

/*}*/



.skiptranslate {

  visibility: initial !important;

  /*padding-left: 125px !important;*/

  /*margin-top: -20px !important;*/

  z-index: 5 !important;

}



.inner {

  width: 75%;

}



.icon {

  width: 25%;

}



.small-box {

  height: 100%;

  margin-bottom: 0px;

}





@media (min-width: 1570px) {

  .col1filtros {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }



  .col1wrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important;

  }



  .col2filtros {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

}



@media (max-width: 1830px) and (min-width: 1415px) {

  .card-body .table_filters2:first-child {

    position: absolute;

    left: 0;

    top: 0;

  }



  .card-body .table_filters2:last-child {

    position: absolute;

    right: 0;

    top: 0;

  }



  .other-filters {

    position: absolute;

    width: 100%;

    /*left: -.5rem !important;*/

    top: 41px;

  }



  .head-filters {

    min-height: 67px;

    margin-bottom: 10px;

  }

}



@media (max-width: 1414px) and (min-width: 1275px) {

  .other-filters {

    position: relative;

    width: 100%;

    /*left: -.5rem !important;*/

    top: 15px;

  }



  #filtros > div select {

    max-width: 180px !important;

  }



  #filtros > div div, #selectFile {

    margin: 5px 0;

  }



  .card-body .table_filters2:last-child {

    position: absolute;

    right: 0;

    top: 0;

  }

}



@media (max-width: 1274px) and (min-width: 1037px) {

  .card-body .table_filters2:first-child {

    position: absolute;

    left: 5px !important;

    top: 0;

  }



  .card-body .table_filters2:last-child {

    position: absolute;

    top: 0 !important;

    right: 0 !important;

  }



  .head-filters {

    /*min-height: 171px !important;*/

    margin-bottom: 10px;

  }



  .other-filters {

    position: relative;

    width: 100%;

    /*left: -.5rem !important;*/

    top: 40px;

  }



  #filtros > div {

    flex-direction: row !important;

    align-items: start !important;

  }



  #filtros select {

    max-width: 135px !important;

    font-size: 10px;

  }



  .table_filters2 input[type="date"] {

    max-width: 80px;

    font-size: 10px;

  }



  #filtros > div div {

    margin-bottom: 10px;

  }



  #filtros > div button {

    margin-left: 8px;

  }

}



@media (max-width: 1036px) {

  .card-body .table_filters2:first-child {

    position: absolute;

    left: 5px !important;

    top: 0;

  }



  .card-body .table_filters2:last-child {

    position: absolute;

    left: 5px !important;

    top: 36px !important;

    right: inherit !important;

  }



  .head-filters {

    min-height: 180px !important;

    margin-bottom: 10px;

  }



  .other-filters {

    position: relative !important;

    width: 100%;

    left: 0 !important;

    padding-left: 0.3rem !important;

    top: 72px !important;

  }



  #filtros > div {

    flex-direction: column !important;

    align-items: start !important;

  }



  #filtros > div div {

    margin-bottom: 10px;

  }



  #filtros > div button {

    margin-left: 8px;

  }

}



@media (max-width: 507px) {

  /*All gerir pages except encomendas*/

  .other-filters > .table_filters2 span {

    display: none;

  }



  .card-body .table_filters2:first-child {

    width: 100vw;

    position: absolute;

    left: 5px !important;

    top: 0;

  }



  .card-body .table_filters2:last-child {

    position: absolute;

    left: 5px !important;

    top: 36px !important;

    right: inherit !important;

  }



  .other-filters {

    position: relative !important;

    width: 100%;

    left: 0 !important;

    padding-left: 0.3rem !important;

    top: 72px !important;

  }



  .gerir-add {

    position: relative !important;

    width: 100%;

    left: 0 !important;

    padding-left: 0.3rem !important;

    top: 38px !important;

    margin-left: 0 !important;

  }



  .head-filters {

    min-height: 100px;

    margin-bottom: 10px !important;

  }

}



@media (max-width: 1155px) and (min-width: 508px) {

  .card-body .table_filters2:first-child {

    position: absolute;

    left: 0;

    top: 0;

  }



  .card-body .table_filters2:last-child {

    position: absolute;

    right: 0;

    top: 0;

  }



  .other-filters, #gerir_pages .gerir-add {

    position: absolute;

    width: 100%;

    /*left: -.5rem !important;*/

    top: 41px;

  }



  .head-filters {

    min-height: 67px;

    margin-bottom: 10px;

  }

}



.table_filters2 label {

  height: calc(1.5rem + 2px);

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

  background: #e8e8e8;

  padding: 5px 10px;

  margin-left: 5px;

  margin-bottom: 0;

  margin-top: 0;

}



.table_filters2 .form-control {

  height: calc(1.5rem + 2px);

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  margin-bottom: 0;

  margin-top: 0;

}





.hover-none:hover {

  color: currentColor !important;

}



.col-lg-2-5 {

  -ms-flex: 0 0 20%;

  flex: 0 0 20%;

  max-width: 20%;

}



#wait_familia_col {

  position: absolute;

  left: 0;

  top: -6px;

  height: 100% !important;

}



#wait_familia_div {

  position: relative;

  height: 100% !important;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 0px;

}



#wait_familia {

  background: url("img/loading_web3.gif") no-repeat center/contain;

  width: 150px;

  height: 75px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.altura-sidebar {

  max-height: calc(100vh - 140px - 3rem - 68px);

  overflow-y: auto;

  overflow-x: hidden;

}



.altura-sidebar::-webkit-scrollbar {

  width: 5px;

}



.altura-sidebar::-webkit-scrollbar-track {

  background: #ddd;

}



.altura-sidebar::-webkit-scrollbar-thumb {

  background: #777;

}



.sidebar-collapse .main-sidebar .altura-sidebar {

  max-height: calc(100vh - 140px - 3rem - 120px) !important;

}



.input_label {

  width: 66px;

}



.item-notifica {

  display: flex;

  align-items: center;

  color: #fff;

  text-decoration: none;

  padding: .75rem 1rem !important;

  font-weight: 500;

  transition: all 0.1s ease-in-out;

}



.item-notifica.nova {

  background-color: #eaf5ff;

}





.item-notifica > span > h3 {

  color: #7f7f7f !important;

}





.item-notifica.nova > span > h3 {

  color: #349cff !important;

  font-weight: 700;

}



.item-notifica:active {

  background-color: rgba(0, 123, 255, 0.3);

}



.btn-lixo {

  color: #5a656b !important;

}



.hover-none:hover {

  color: currentColor !important;

}





.custom_select {

  display: flex;

  flex-direction: column;

}



.custom_select_search_parent {

  order: 9;

}



.custom_select_search {

  width: 100%;

  border: 1px solid rgb(202, 202, 202);

}



.opcao-selecionada {

  background-color: #9AE2FD55;

}



.mb-2rem {

  margin-bottom: 2rem !important;

}



/*.hover-table-tr {*/

/*    outline: 0px solid #fff;*/

/*    transition: 0.2s all ease;*/

/*}*/



/*.hover-table-tr:hover{*/

/*    outline: 1px solid #007bff77 !important;*/

/*    cursor: pointer;*/

/*}*/



@media (min-width: 992px) {

  .mb-lg-2rem {

    margin-bottom: 2rem !important;

  }

}



.table_filters > label {

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

}



.table_filters > label > i {

  width: 13px;

}



.input-border {

  border: 1px solid #e8e8e8;

  border-radius: .25rem;

  transition: 0.15s all ease-out;

}



.input-border:disabled, .input-border[readonly] {

  background-color: #e9ecef;

  opacity: 1;

}



.fs-11 {

  font-size: 11px !important;

}



.fs-12 {

  font-size: 12px !important;

}



.fs-13 {

  font-size: 13px !important;

}



.fs-14 {

  font-size: 14px !important;

}



.fs-15 {

  font-size: 15px !important;

}



.fs-16 {

  font-size: 16px !important;

}



.fs-18 {

  font-size: 18px !important;

}



.fs-20 {

  font-size: 20px !important;

}



.fs-24 {

  font-size: 24px !important;

}



.fs-28 {

  font-size: 28px !important;

}



.fs-30 {

  font-size: 30px !important;

}



.fs-32 {

  font-size: 32px !important;

}



.fs-34 {

  font-size: 34px !important;

}



.fs-38 {

  font-size: 38px !important;

}



.fs-40 {

  font-size: 40px !important;

}



.fs-48 {

  font-size: 48px !important;

}



.fs-56 {

  font-size: 56px !important;

}



.fs-60 {

  font-size: 60px !important;

}



.fs-80 {

  font-size: 80px !important;

}



.fs-90 {

  font-size: 90px !important;

}



.fs-100 {

  font-size: 100px !important;

}



.fs-120 {

  font-size: 120px !important;

}



.fs-140 {

  font-size: 140px !important;

}



@media (min-width: 576px) {

  .fs-sm-11 {

    font-size: 11px !important;

  }



  .fs-sm-12 {

    font-size: 12px !important;

  }



  .fs-sm-13 {

    font-size: 13px !important;

  }



  .fs-sm-14 {

    font-size: 14px !important;

  }



  .fs-sm-15 {

    font-size: 15px !important;

  }



  .fs-sm-16 {

    font-size: 16px !important;

  }



  .fs-sm-18 {

    font-size: 18px !important;

  }



  .fs-sm-20 {

    font-size: 20px !important;

  }



  .fs-sm-24 {

    font-size: 24px !important;

  }



  .fs-sm-28 {

    font-size: 28px !important;

  }



  .fs-sm-30 {

    font-size: 30px !important;

  }



  .fs-sm-32 {

    font-size: 32px !important;

  }



  .fs-sm-34 {

    font-size: 34px !important;

  }



  .fs-sm-38 {

    font-size: 38px !important;

  }



  .fs-sm-40 {

    font-size: 40px !important;

  }



  .fs-sm-48 {

    font-size: 48px !important;

  }



  .fs-sm-56 {

    font-size: 56px !important;

  }



  .fs-sm-60 {

    font-size: 60px !important;

  }



  .fs-sm-80 {

    font-size: 80px !important;

  }



  .fs-sm-90 {

    font-size: 90px !important;

  }



  .fs-sm-100 {

    font-size: 100px !important;

  }



  .fs-sm-120 {

    font-size: 120px !important;

  }



  .fs-sm-140 {

    font-size: 140px !important;

  }

}



@media (min-width: 768px) {

  .fs-md-11 {

    font-size: 11px !important;

  }



  .fs-md-12 {

    font-size: 12px !important;

  }



  .fs-md-13 {

    font-size: 13px !important;

  }



  .fs-md-14 {

    font-size: 14px !important;

  }



  .fs-md-15 {

    font-size: 15px !important;

  }



  .fs-md-16 {

    font-size: 16px !important;

  }



  .fs-md-18 {

    font-size: 18px !important;

  }



  .fs-md-20 {

    font-size: 20px !important;

  }



  .fs-md-24 {

    font-size: 24px !important;

  }



  .fs-md-28 {

    font-size: 28px !important;

  }



  .fs-md-30 {

    font-size: 30px !important;

  }



  .fs-md-32 {

    font-size: 32px !important;

  }



  .fs-md-34 {

    font-size: 34px !important;

  }



  .fs-md-38 {

    font-size: 38px !important;

  }



  .fs-md-40 {

    font-size: 40px !important;

  }



  .fs-md-48 {

    font-size: 48px !important;

  }



  .fs-md-56 {

    font-size: 56px !important;

  }



  .fs-md-60 {

    font-size: 60px !important;

  }



  .fs-md-80 {

    font-size: 80px !important;

  }



  .fs-md-90 {

    font-size: 90px !important;

  }



  .fs-md-100 {

    font-size: 100px !important;

  }



  .fs-md-120 {

    font-size: 120px !important;

  }



  .fs-md-140 {

    font-size: 140px !important;

  }



  .w-espaco-aprovado {

    width: calc(100% - 118px) !important;

    padding-right: 15px;

    min-width: 120px;

  }

}



@media (min-width: 992px) {

  .fs-lg-11 {

    font-size: 11px !important;

  }



  .fs-lg-12 {

    font-size: 12px !important;

  }



  .fs-lg-13 {

    font-size: 13px !important;

  }



  .fs-lg-14 {

    font-size: 14px !important;

  }



  .fs-lg-15 {

    font-size: 15px !important;

  }



  .fs-lg-16 {

    font-size: 16px !important;

  }



  .fs-lg-18 {

    font-size: 18px !important;

  }



  .fs-lg-20 {

    font-size: 20px !important;

  }



  .fs-lg-24 {

    font-size: 24px !important;

  }



  .fs-lg-28 {

    font-size: 28px !important;

  }



  .fs-lg-30 {

    font-size: 30px !important;

  }



  .fs-lg-32 {

    font-size: 32px !important;

  }



  .fs-lg-34 {

    font-size: 34px !important;

  }



  .fs-lg-38 {

    font-size: 38px !important;

  }



  .fs-lg-40 {

    font-size: 40px !important;

  }



  .fs-lg-48 {

    font-size: 48px !important;

  }



  .fs-lg-56 {

    font-size: 56px !important;

  }



  .fs-lg-60 {

    font-size: 60px !important;

  }



  .fs-lg-80 {

    font-size: 80px !important;

  }



  .fs-lg-90 {

    font-size: 90px !important;

  }



  .fs-lg-100 {

    font-size: 100px !important;

  }



  .fs-lg-120 {

    font-size: 120px !important;

  }



  .fs-lg-140 {

    font-size: 140px !important;

  }

}



@media (min-width: 1200px) {

  .fs-xl-11 {

    font-size: 11px !important;

  }



  .fs-xl-12 {

    font-size: 12px !important;

  }



  .fs-xl-13 {

    font-size: 13px !important;

  }



  .fs-xl-14 {

    font-size: 14px !important;

  }



  .fs-xl-15 {

    font-size: 15px !important;

  }



  .fs-xl-16 {

    font-size: 16px !important;

  }



  .fs-xl-18 {

    font-size: 18px !important;

  }



  .fs-xl-20 {

    font-size: 20px !important;

  }



  .fs-xl-24 {

    font-size: 24px !important;

  }



  .fs-xl-28 {

    font-size: 28px !important;

  }



  .fs-xl-30 {

    font-size: 30px !important;

  }



  .fs-xl-32 {

    font-size: 32px !important;

  }



  .fs-xl-34 {

    font-size: 34px !important;

  }



  .fs-xl-38 {

    font-size: 38px !important;

  }



  .fs-xl-40 {

    font-size: 40px !important;

  }



  .fs-xl-48 {

    font-size: 48px !important;

  }



  .fs-xl-56 {

    font-size: 56px !important;

  }



  .fs-xl-60 {

    font-size: 60px !important;

  }



  .fs-xl-80 {

    font-size: 80px !important;

  }



  .fs-xl-90 {

    font-size: 90px !important;

  }



  .fs-xl-100 {

    font-size: 100px !important;

  }



  .fs-xl-120 {

    font-size: 120px !important;

  }



  .fs-xl-140 {

    font-size: 140px !important;

  }

}



@media (min-width: 1400px) {

  .col-xxl {

    flex: 1 0 0%;

  }



  .row-cols-xxl-auto > * {

    flex: 0 0 auto;

    width: auto;

  }



  .row-cols-xxl-1 > * {

    flex: 0 0 auto;

    width: 100%;

  }



  .row-cols-xxl-2 > * {

    flex: 0 0 auto;

    width: 50%;

  }



  .row-cols-xxl-3 > * {

    flex: 0 0 auto;

    width: 33.3333333333%;

  }



  .row-cols-xxl-4 > * {

    flex: 0 0 auto;

    width: 25%;

  }



  .row-cols-xxl-5 > * {

    flex: 0 0 auto;

    width: 20%;

  }



  .row-cols-xxl-6 > * {

    flex: 0 0 auto;

    width: 16.6666666667%;

  }



  .col-xxl-auto {

    flex: 0 0 auto;

    width: auto;

  }



  .col-xxl-1 {

    flex: 0 0 auto;

    width: 8.33333333%;

  }



  .col-xxl-2 {

    flex: 0 0 auto;

    width: 16.66666667%;

  }



  .col-xxl-3 {

    flex: 0 0 auto;

    width: 25%;

  }



  .col-xxl-4 {

    flex: 0 0 auto;

    width: 33.33333333%;

  }



  .col-xxl-5 {

    flex: 0 0 auto;

    width: 41.66666667%;

  }



  .col-xxl-6 {

    flex: 0 0 auto;

    width: 50%;

  }



  .col-xxl-7 {

    flex: 0 0 auto;

    width: 58.33333333%;

  }



  .col-xxl-8 {

    flex: 0 0 auto;

    width: 66.66666667%;

  }



  .col-xxl-9 {

    flex: 0 0 auto;

    width: 75%;

  }



  .col-xxl-10 {

    flex: 0 0 auto;

    width: 83.33333333%;

  }



  .col-xxl-11 {

    flex: 0 0 auto;

    width: 91.66666667%;

  }



  .col-xxl-12 {

    flex: 0 0 auto;

    width: 100%;

  }



  .offset-xxl-0 {

    margin-left: 0;

  }



  .offset-xxl-1 {

    margin-left: 8.33333333%;

  }



  .offset-xxl-2 {

    margin-left: 16.66666667%;

  }



  .offset-xxl-3 {

    margin-left: 25%;

  }



  .offset-xxl-4 {

    margin-left: 33.33333333%;

  }



  .offset-xxl-5 {

    margin-left: 41.66666667%;

  }



  .offset-xxl-6 {

    margin-left: 50%;

  }



  .offset-xxl-7 {

    margin-left: 58.33333333%;

  }



  .offset-xxl-8 {

    margin-left: 66.66666667%;

  }



  .offset-xxl-9 {

    margin-left: 75%;

  }



  .offset-xxl-10 {

    margin-left: 83.33333333%;

  }



  .offset-xxl-11 {

    margin-left: 91.66666667%;

  }



  .g-xxl-0,

  .gx-xxl-0 {

    --bs-gutter-x: 0;

  }



  .g-xxl-0,

  .gy-xxl-0 {

    --bs-gutter-y: 0;

  }



  .g-xxl-1,

  .gx-xxl-1 {

    --bs-gutter-x: 0.25rem;

  }



  .g-xxl-1,

  .gy-xxl-1 {

    --bs-gutter-y: 0.25rem;

  }



  .g-xxl-2,

  .gx-xxl-2 {

    --bs-gutter-x: 0.5rem;

  }



  .g-xxl-2,

  .gy-xxl-2 {

    --bs-gutter-y: 0.5rem;

  }



  .g-xxl-3,

  .gx-xxl-3 {

    --bs-gutter-x: 1rem;

  }



  .g-xxl-3,

  .gy-xxl-3 {

    --bs-gutter-y: 1rem;

  }



  .g-xxl-4,

  .gx-xxl-4 {

    --bs-gutter-x: 1.5rem;

  }



  .g-xxl-4,

  .gy-xxl-4 {

    --bs-gutter-y: 1.5rem;

  }



  .g-xxl-5,

  .gx-xxl-5 {

    --bs-gutter-x: 3rem;

  }



  .g-xxl-5,

  .gy-xxl-5 {

    --bs-gutter-y: 3rem;

  }

}



@media (min-width: 1750px) {

  .fs-xxl-11 {

    font-size: 11px !important;

  }



  .fs-xxl-12 {

    font-size: 12px !important;

  }



  .fs-xxl-13 {

    font-size: 13px !important;

  }



  .fs-xxl-14 {

    font-size: 14px !important;

  }



  .fs-xxl-15 {

    font-size: 15px !important;

  }



  .fs-xxl-16 {

    font-size: 16px !important;

  }



  .fs-xxl-18 {

    font-size: 18px !important;

  }



  .fs-xxl-20 {

    font-size: 20px !important;

  }



  .fs-xxl-24 {

    font-size: 24px !important;

  }



  .fs-xxl-28 {

    font-size: 28px !important;

  }



  .fs-xxl-30 {

    font-size: 30px !important;

  }



  .fs-xxl-32 {

    font-size: 32px !important;

  }



  .fs-xxl-34 {

    font-size: 34px !important;

  }



  .fs-xxl-38 {

    font-size: 38px !important;

  }



  .fs-xxl-40 {

    font-size: 40px !important;

  }



  .fs-xxl-48 {

    font-size: 48px !important;

  }



  .fs-xxl-56 {

    font-size: 56px !important;

  }



  .fs-xxl-60 {

    font-size: 60px !important;

  }



  .fs-xxl-80 {

    font-size: 80px !important;

  }



  .fs-xxl-90 {

    font-size: 90px !important;

  }



  .fs-xxl-100 {

    font-size: 100px !important;

  }



  .fs-xxl-120 {

    font-size: 120px !important;

  }



  .fs-xxl-140 {

    font-size: 140px !important;

  }

}



.lh-1 {

  line-height: 1 !important;

}



.lh-113 {

  line-height: 1.13 !important;

}



.lh-12 {

  line-height: 1.2 !important;

}



.lh-13 {

  line-height: 1.3 !important;

}



.lh-14 {

  line-height: 1.4 !important;

}



.lh-15 {

  line-height: 1.5 !important;

}



.lh-16 {

  line-height: 1.6 !important;

}



.lh-175 {

  line-height: 1.75 !important;

}



.lh-1875 {

  line-height: 1.875 !important;

}



.lh-2 {

  line-height: 2 !important;

}



.lh-213 {

  line-height: 2.13 !important;

}



.lh-225 {

  line-height: 2.25 !important;

}



.td-hover {

  padding: 2px !important;

  height: 100%;

  width: 100%;

  cursor: pointer;

}



.hover-options {

  height: 100%;

  padding-top: 10px;

  padding-bottom: 10px;

  position: relative;

  text-align: center;

}



@media (max-width: 490px) {

  .w-100-input-mobile {

    width: 100%;

    max-width: 100% !important;

  }



  footer {

    font-size: 11px;

  }

}



.tableRow:nth-child(4n+1) {

  background-color: #f2f2f2 !important;

}



.tableRow:nth-child(4n+2), .tableRow:nth-child(4n+4) {

  background-color: #fff !important;

}



.tableRow:nth-child(4n+3) {

  background-color: #fbfbfb !important;

}



.focusInput {

  border: none;

  border-bottom: 1px solid black

}



.focus-border, .input-border {

  transition: outline 0.05s;

}



.focus-border:focus, .focus-border:focus-visible

.input-border:focus, .input-border:focus-visible {

  outline: 1px solid #80bdff;

}



.focusInput:focus, .focusInput:focus-visible {

  border: none;

  border-bottom: 1px solid black;

  outline: none;

}



.opcao-estado {

  line-height: 1.5;

  letter-spacing: 0.7px;

  color: #666 !important;

  font-size: 14px !important;;

  cursor: pointer;

  padding: 7.5px 15px;

  border-top: solid 1px #f3f3f3;

  margin: 0px;

}



.opcao-estado:hover {

  background-color: #ccc;

}



.text-white2 {

  color: rgba(255, 255, 255, 0.7);

}



input:read-only {

  cursor: default;

}



.table_filters label i {

  width: 13px;

}



.option-hover {

  order: 10;

}



.option-hover:not(.opcao_temporaria_semstock):hover {

  background-color: rgb(238, 249, 255) !important;

}



.opcao_temporaria:not([style*="display: none"]):nth-child(2n+1) {

  background-color: #f2f2f2;

}



.opcao_temporaria:not([style*="display: none"]):nth-child(2n+2) {

  background-color: #fff;

}



.opcao_temporaria.opcao_temporaria_semstock:not([style*="display: none"]):nth-child(2n+1) {

  background-color: #f5cfcf;

}



.opcao_temporaria.opcao_temporaria_semstock:not([style*="display: none"]):nth-child(2n+2) {

  background-color: #f1d7d7;

}



.opcao_temporaria.opcao_temporaria_semstock:hover {

  background-color: #e8c9c9 !important;

}



.opcao_temporaria {

  cursor: pointer;

}

.pointer {
  cursor: pointer;
}

.LinhaEquipamento {

  border-top: solid 1px #ddd;

}



.LinhaEquipamento:nth-child(2n+1) {

  background-color: #f8f8f8;

}



.LinhaEquipamento:nth-child(2n+2) {

  background-color: #f3f3f3;

}



.LinhaEquipamento:first-child {

  border-top: none !important;

}



.list-style-none {

  list-style: none;

}



.hover-opcao:hover {

  background-color: #ccc;

}



.label-popup {

  font-weight: 400 !important;

  padding-left: 5px !important;

  margin: 0px !important;

}



.LinhaMaterial:nth-child(2n+1) {

  background-color: #fbfbfb;

}



.LinhaMaterial:nth-child(2n+2) {

  background-color: #f2f2f2;

}



.timeline > div > .fa, .timeline > div > .fab, .timeline > div > .fad, .timeline > div > .fal, .timeline > div > .far, .timeline > div > .fas, .timeline > div > .ion, .timeline > div > .svg-inline--fa {

  left: 0px;

}



.timeline::before {

  border-radius: .25rem;

  background-color: #dee2e6;

  bottom: 0;

  content: "";

  left: 13px;

  margin: 0;

  position: absolute;

  top: 0;

  width: 4px;

}



.timeline > div > .timeline-item {

  margin-left: 40px;

  margin-right: 0px;

}



@media (min-width: 1400px) {

  .d-xxl-none {

    display: none !important;

  }



  .d-xxl-inline {

    display: inline !important;

  }



  .d-xxl-inline-block {

    display: inline-block !important;

  }



  .d-xxl-block {

    display: block !important;

  }



  .d-xxl-table {

    display: table !important;

  }



  .d-xxl-table-row {

    display: table-row !important;

  }



  .d-xxl-table-cell {

    display: table-cell !important;

  }



  .d-xxl-flex {

    display: -ms-flexbox !important;

    display: flex !important;

  }



  .d-xxl-inline-flex {

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

  }



  .col-xxl {

    flex: 1 0 0%;

  }



  .row-cols-xxl-auto > * {

    flex: 0 0 auto;

    width: auto;

  }



  .row-cols-xxl-1 > * {

    flex: 0 0 auto;

    width: 100%;

  }



  .row-cols-xxl-2 > * {

    flex: 0 0 auto;

    width: 50%;

  }



  .row-cols-xxl-3 > * {

    flex: 0 0 auto;

    width: 33.3333333333%;

  }



  .row-cols-xxl-4 > * {

    flex: 0 0 auto;

    width: 25%;

  }



  .row-cols-xxl-5 > * {

    flex: 0 0 auto;

    width: 20%;

  }



  .row-cols-xxl-6 > * {

    flex: 0 0 auto;

    width: 16.6666666667%;

  }



  .col-xxl-auto {

    flex: 0 0 auto;

    width: auto;

  }



  .col-xxl-1 {

    flex: 0 0 auto;

    width: 8.33333333%;

  }



  .col-xxl-2 {

    flex: 0 0 auto;

    width: 16.66666667%;

  }



  .col-xxl-3 {

    flex: 0 0 auto;

    width: 25%;

  }



  .col-xxl-4 {

    flex: 0 0 auto;

    width: 33.33333333%;

  }



  .col-xxl-5 {

    flex: 0 0 auto;

    width: 41.66666667%;

  }



  .col-xxl-6 {

    flex: 0 0 auto;

    width: 50%;

  }



  .col-xxl-7 {

    flex: 0 0 auto;

    width: 58.33333333%;

  }



  .col-xxl-8 {

    flex: 0 0 auto;

    width: 66.66666667%;

  }



  .col-xxl-9 {

    flex: 0 0 auto;

    width: 75%;

  }



  .col-xxl-10 {

    flex: 0 0 auto;

    width: 83.33333333%;

  }



  .col-xxl-11 {

    flex: 0 0 auto;

    width: 91.66666667%;

  }



  .col-xxl-12 {

    flex: 0 0 auto;

    width: 100%;

  }



  .offset-xxl-0 {

    margin-left: 0;

  }



  .offset-xxl-1 {

    margin-left: 8.33333333%;

  }



  .offset-xxl-2 {

    margin-left: 16.66666667%;

  }



  .offset-xxl-3 {

    margin-left: 25%;

  }



  .offset-xxl-4 {

    margin-left: 33.33333333%;

  }



  .offset-xxl-5 {

    margin-left: 41.66666667%;

  }



  .offset-xxl-6 {

    margin-left: 50%;

  }



  .offset-xxl-7 {

    margin-left: 58.33333333%;

  }



  .offset-xxl-8 {

    margin-left: 66.66666667%;

  }



  .offset-xxl-9 {

    margin-left: 75%;

  }



  .offset-xxl-10 {

    margin-left: 83.33333333%;

  }



  .offset-xxl-11 {

    margin-left: 91.66666667%;

  }



  .g-xxl-0,

  .gx-xxl-0 {

    --bs-gutter-x: 0;

  }



  .g-xxl-0,

  .gy-xxl-0 {

    --bs-gutter-y: 0;

  }



  .g-xxl-1,

  .gx-xxl-1 {

    --bs-gutter-x: 0.25rem;

  }



  .g-xxl-1,

  .gy-xxl-1 {

    --bs-gutter-y: 0.25rem;

  }



  .g-xxl-2,

  .gx-xxl-2 {

    --bs-gutter-x: 0.5rem;

  }



  .g-xxl-2,

  .gy-xxl-2 {

    --bs-gutter-y: 0.5rem;

  }



  .g-xxl-3,

  .gx-xxl-3 {

    --bs-gutter-x: 1rem;

  }



  .g-xxl-3,

  .gy-xxl-3 {

    --bs-gutter-y: 1rem;

  }



  .g-xxl-4,

  .gx-xxl-4 {

    --bs-gutter-x: 1.5rem;

  }



  .g-xxl-4,

  .gy-xxl-4 {

    --bs-gutter-y: 1.5rem;

  }



  .g-xxl-5,

  .gx-xxl-5 {

    --bs-gutter-x: 3rem;

  }



  .g-xxl-5,

  .gy-xxl-5 {

    --bs-gutter-y: 3rem;

  }

}



.content-wrapper {

  overflow-x: hidden;

}



.list-configs {

  position: relative;

}



@media (min-width: 992px) {

  .list-configs {

    position: sticky;

    /*top: 70px;*/

  }

}





.popover-slide-right {

  position: fixed;

  right: 0px;

  top: 57px;

  overflow-y: auto;

  padding-top: 2.5rem !important;

  transform: translateX(100%);

  width: 100%;

  height: calc(100vh - 57px);

  z-index: 1025;

  background-color: #fff;

  border-left: 1px solid #dee2e6;

  border-bottom: 1px solid #dee2e6;

  clip-path: inset(0px 0px 0px -70px);

  transition: 0.3s all;

}



.popover-slide-right.popover-slide-active {

  box-shadow: 0px -4px 28px rgba(0, 0, 0, .25);

}



@media (min-width: 992px) {

  .popover-slide-right {

    width: calc(90% - 250px);

    padding-top: 1.5rem !important;

    padding-left: 3rem !important;

    padding-right: 3rem !important;

  }

}



.popover-slide-active {

  transform: translateX(0%) !important;

}



#close_popover {

  position: fixed;

  left: 8px;

  top: 15px;

}



.sp-replacer {

  padding: 2px !important;

}



.option-focus:focus {

  outline: 1px solid #0c84ff;

}



.transition {

  transition: all 0.2s ease;

}



.swal2-icon {

  margin: 0px auto !important;

}



.swal2-popup {

  padding: 1rem 1rem 0.5rem 1rem;

}



.calendario_users th {

  text-align: center;

  /*width: calc(100% / 39);*/

  padding: 0px;

  border-spacing: 0;

}





.calendario_users td {

  vertical-align: top;

  background-clip: padding-box;

  /*width: calc(100% / 39);*/

  padding: 0px;

  border-spacing: 0;

}



.calendario_users .td1 {

  font-size: 10px;

  min-width: 2.23%;

  width: 2.23%;

  max-width: 2.23%; /* 1323 ->   1558 -> 34.81 */

}



.calendario_users .td2 {

  min-width: 28px;

  /*width: 2.384%;*/

  max-width: 2.384%;

  font-size: 16px;

}



.calendario_users .div-evento-cal {

  min-width: 20px;

  min-height: 10px;

  border-radius: 4px;

  padding: 0px;

  margin: 1px;

  width: 100%;

  color: #fff;

}



.calendario_users .cal-table-btn {

  background-color: #fff;

  filter: brightness(1);

  transition: all 0.08s ease;

}



.calendario_users .cal-table-btn:not([disabled]):hover {

  filter: brightness(0.85);

}



.calendario_users #div-content {

  min-height: 4px;

  display: flex;

  flex-wrap: wrap;

  flex-direction: column;

}



.calendario_users .tr_cal:not(:last-child) {

  border-bottom: 1px solid #939393;

}



.btn-tipo-marcacao.active {

  outline: 2px solid var(--primary) !important;

}



.card {

  -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.12) !important;

  -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.12) !important;

  box-shadow: 0 1px 8px rgba(0,0,0,0.12) !important;

  border: 1px solid #e8e8e8;

  overflow: hidden;

}



.small-box {

  border-radius: 10px !important;

  -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.12) !important;

  -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.12) !important;

  box-shadow: 0 1px 8px rgba(0,0,0,0.12) !important;

}



.elevation-2 {

  box-shadow: 0 4px 8px rgba(0,0,0,.18) !important;

}



.main-header {

  -webkit-backdrop-filter: blur(7px);

  backdrop-filter: blur(7px);

  background-color: #ffffffde;

}



*::-webkit-scrollbar {

  scrollbar-color: #b6b6b6 rgba(220, 220, 220, 0.35);

  scrollbar-width: thin !important; /* 5px */

}



/* width */

::-webkit-scrollbar {

  width: 7px !important;

  height: 7px !important;

}



/* Track */

::-webkit-scrollbar-track {

  background: rgba(220, 220, 220, 0.35); /* Fundo da barra */

  border-radius: 2px;

}



/* Handle */

::-webkit-scrollbar-thumb {

  background: #b2b2b2; /* Cor da barra */

  border-radius: 2px;



}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #8f8f8f; /* Cor da barra hover */

}



.content {

  background-color: #fcfcfc;

}



.w-fit {

  width: fit-content;

}



.h-fit {

  height: fit-content;

}



.rowStriped:nth-child(2n+1) {

  background-color: #f2f2f2 !important;

}



.rowStriped:nth-child(2n+2) {

  background-color: #fff !important;

}



.striped-rows:nth-of-type(odd) {

  background-color: rgba(255, 255, 255, 0.05);

}



.img-log {

  position: absolute;

  width: 100%; /*165px*/

  height: 100%; /*165px*/

  left: 0px;

  top: 0px;



  /*width: 158px;*/

  /*height: 158px;*/

  border-radius: 100%;

  object-fit: cover;

  /*border: 1px solid #000;*/

}



.gridOnline {

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  row-gap: 20px;

  column-gap: 20px;

}



.gridOffline {

  display: grid;

  grid-template-columns: repeat(8, 1fr);

  row-gap: 30px;

  column-gap: 40px;

}



.img-log-login {

  position: absolute;

  width: 100%; /*165px*/

  height: 100%; /*165px*/

  left: 0px;

  top: 0px;

  border-radius: 100%;

  object-fit: cover;

  /*border: 1px solid #000;*/

}



.img-log-tv {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  border-radius: 100%;

  object-fit: cover;

  /*border: 1px solid #000;*/

}



.keypad-slot {

  width: 65px;

  height: 78px;

  border: 1px solid #575959;

  border-radius: 4px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 50px;

  margin: 8px;

  padding-top: 20px;

}



.keypad-sep {

  color: #020202;

  font-weight: 800;

  margin: 10px;

}



.keypad-key {

  width: 105px;

  height: 90px;

  margin: 8px;

  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 24px;

  font-weight: 500;

  -webkit-user-select: none;

  -webkit-user-drag: none;

  -webkit-app-region: no-drag;

  cursor: default;



  transition: 0.1s all ease;

}



.keypad-key:active {

  background-color: #eee;

}



.divUser *, .divUserOffline * {

  /*transition: all 0.2s ease;*/

}



.fs-26 {

  font-size: 26px;

}



.ratio {

  height: 100%;

  display: inline-block;

  overflow: hidden;

  vertical-align: middle;

  text-align: center;

  width: 100%;

  position: relative;

}



.ratio::before {

  content: "";

  display: block;

}



.ratio-1-1::before {

  padding-top: 100%;

}



.ratio-1-2::before {

  padding-top: 50%;

}



.ratio-2-1::before {

  padding-top: 135%;

}



.swal2-container {

  z-index: 10000;

}



.ripple-effect {

  position: relative;

  overflow: hidden;

}

.ripple {

  position: absolute;

  opacity: 0;

  border-radius: 50%;

  width: 2px;

  height: 2px;

  background-color: rgba(255, 255, 255, 0.58);

  animation-duration: 0.5s;

  animation-name: ripple;

}



@keyframes ripple {

  0% {

    opacity: 1;

  }

  100% {

    transform: scale(165);

  }

}



.border-verde {

  border: 1px solid #29dc1c;

}



.border-vermelha {

  border: 1px solid #d90c0c;

}