/*
@media (max-width: 767px) {
  body {
      margin-top: 70px;
  }
  .navbar-default {
      position: fixed;
      z-index: 1030;
      right: 0;
      left: 0;   
      border-radius: 0;
      top: 0;
      border-width: 0 0 1px;
  }      
}
*/
#scrollTopW {
  width: 100%; height: 20px; border: none 0px RED;
  overflow-x: auto; overflow-y:hidden;
}

#scrollTop {
  width: 100px;
  height: 20px;
}

/* #btAction {
  position: fixed;
  background-color: rgb(229, 229, 229);
  padding: 10px;
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: none;
  width: fit-content;
  border-radius: 10px;
} */



.round_alert {
  display: inline-block;
  width: 15px;
  height: 15px;  
  border-radius: 10px;
}

.lightext0 {
  background-color: yellow;
  color:black;
}
.table-bordered td.light_cell0 {
  background-color: yellow;
  color:black;
}
.lightext1 {
  background-color: #89ce00;
  color: black;
}
.table-bordered td.light_cell1 {
  background-color: #89ce00;
  color: black;
}
.lightext2 {
  background-color: #5928ed;
  color:white;
}
.table-bordered td.light_cell2 {
  background-color: #5928ed;
  color:white;
}
.lightext3 {
  background-color: #b51963;
  color:white;
}
.table-bordered td.light_cell3 {
  background-color: #b51963;
  color:white;
}
.lightext4 {
  background-color: #c44601;
  color:white;
}
.table-bordered td.light_cell4 {
  background-color: #c44601;
  color:white;
}
.lightext5 {
  background-color: rgb(188, 238, 244, .5);
}
.table-bordered td.light_cell5 {
  background-color: rgb(188, 238, 244, .5);
}

.lightext6 {
  background-color: #f71f1f;
  color:white;
}
.table-bordered td.light_cell6 {
  background-color: #f71f1f;
  color:white;
}

#btAction .dt-button {
  background-color: rgb(255, 254, 254);
}

.estadoAtendEA td{
  color:#fd7e14 !important;
}

.estadoAtendAR td {
  color:var(--color-primary) !important;
}

.btn.btn-primary:hover {
  border: 1.5px solid #556280 !important;
  background-color: #556280 !important;
  border-radius: 5px !important;
}

.btn.btn-primary:active {
  border: 0px;
  background-color: #9aace1 !important;
}

.btn-azul {
  background-color: #4e73df !important;
  color: white!important;
}
.btn.btn-azul:hover {
  background-color: #6b86e2 !important;
  border: 1.5px solid #6b86e2 !important;
  border-radius: 5px !important;
}
.btn.btn-azul:active {
  border: 0px !important;
  background-color: #798fd3 !important;
}
.btn-laranja {
  background-color: #fd7e14 !important;
  color: white !important;
}
.btn-laranja:hover {
  background-color: #fb9f43 !important;
}
.bg-orange {
  background-color: #fd7e14 !important;
}
.estadoAtendC td {
  color:red !important;
}

.estadoAtendPC td {
  color:#864d01 !important;
}

.estadoAtendPT td {
  color:magenta !important;
}

.estadoSuporteFC td {
  color: rgb(105, 123, 223) !important
}

.isUpdated {
  font-style: italic;
  font-weight: bold;
  text-shadow: rgb(125, 125, 125) 0.1em 0.1em 0.9em
}

.unvisualized {
  font-weight: bold;
}

.osDefeito {
  background-color: #f7f7f7;
  width: 64.8%;
  float: right;
  padding: 10px;
  box-sizing: border-box;
  white-space: normal;
  color: #373737;
}

.osHistorico {
  background-color: #f7f7f7;
  width: 34.8%;
  float: left;
  padding: 10px;
  box-sizing: border-box;
  white-space: normal;
  color: #373737;
}

.osHistorico span {
  font-size:smaller;
}

.osTempoAtend1 {
  background-color: #fff3db;
  color: #33322f;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 4px;
  font-size: x-small;
}

.osTempoAtend2 {
  background-color: #f7c869;
  color: #000;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 4px;
  font-size: x-small;
}

.osTempoAtend3 {
  background-color: #FFC6C6;
  color: #000;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 4px;
  font-size: x-small;
}

.colResize {
  resize: horizontal;
  overflow: auto;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.loader, .loaderH {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: none;
    position: relative;
    border: 1px solid;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  
  .loader {
    border-color: var(--color-primary) var(--color-primary) transparent transparent;
  }

  .loaderH {
    border-color: #dfb84e #dfb84e transparent transparent;
  }

  .loader::after,.loader::before, .loaderH::after,.loaderH::before {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid;
    border-color: transparent transparent #858796 #858796;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
  }
  .loader::before, .loaderH::before {
    width: 7px;
    height: 7px;
    animation: rotation 1.5s linear infinite; 
  }
  .loader::before{
    border-color: var(--color-primary) var(--color-primary) transparent transparent;
  }
  .loaderH::before{
    border-color: #ec1515 #ec1515 transparent transparent;
  }    

  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 
  @keyframes rotationBack {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
  
  th.highlight {
    background-color: #f6c23e;
  }

  td.highlight:not(.dt-selected) {
    background-color: whitesmoke !important;
  }

  tr.highlight:not(.dt-selected) {
    background-color: whitesmoke !important;
  }

  .table .dtrg-group:hover {
    background-color: #f6c23e;
  }

  .table .dt-control:hover {
    background-color: #f6c23e;
    cursor: pointer;
  }

  .table .dt-select:hover {
    background-color: #74bbfa;
    cursor: pointer;
  }

  .table .dt-selected {
    background-color: #b3dbff;
    cursor: pointer;
  }
  
  .selFilter, .selActions {
    width: 200px;
    font-size: smaller;
  }

  .card-table-menu {
    font-size: 90%;
  }

  .select2-results {
    font-size: 80%;
    padding: 3px;
  }
  .select2-results__option {
    padding: 3px;
  }

  .selection {
    font-size: 90%;
  }

  @media (max-width: 768px) {

    .selection {
      font-size: 75%;
    }
  
    .select2-container--default .select2-selection--multiple .select2-selection__clear {
      margin-right: 20px !important;
    }

    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: grid !important;
      padding: 0 1rem 0 0 !important;
      margin: 0 !important;
    
    }

    .select2-container--default .select2-selection--multiple {
      padding-bottom: 0 !important;
      padding-right: 0 !important;
    }
  }

  .conBotoes {
    text-align: center;
  }

.os_actions {
  width: 500px;
  height: auto;
  position: fixed;
  top: 15%;
  left: 15%;
  z-index: 1000;
  padding: 20px;
  margin: 0.125rem 0 0;
  font-size: 0.85rem;
  color: #858796;
  text-align: center;
  list-style: none;
  background-color: #e5e5e5;
  background-clip: padding-box;
  border: 1px solid #262628;
  border-radius: 0.35rem;
  display: none;
}

.os_actions label {
  padding: 10px;
  width: 70%;
}

.os_actions button {
  min-width: 30%;
  margin-top: 5px;
}

/* Ajustes para MOBILE */
@media (max-width: 768px) {
  .os_actions {
    width: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
  }
}


  .progressbar_out {
    width: 160px;
    height: 30px;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 5px;
    box-sizing: content-box;
    text-align: center;
    display: none;
  }

  .progressbar_inner {
    width: 2%;
    min-width: 30px;
    height: 30px;
    color: #e8e8e8;
    background-color: #708ee5;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
  }

  .os_dsp {
    display: block;
    width: 80%;
    margin: 0 auto;
    text-align: center !important;
    font-weight: bold;
  }

  th.os_dsp {
    width: 93%;
  }

  .os_dsp0 {
    background-color: #ff5c5c !important;
    color:white;
  }

  .os_dsp1 {
    background-color: #ffb0b0 !important;
    color:black;
  }

  .os_dsp2 {
    background-color: #fffa00 !important;
  }
  
  .os_dsp3 {
    background-color: #c0ff92 !important;
  }

  .os_dsp4 {
    background-color: #00ff00 !important;
  }
  
  .details-control-2 {
    background: url('https://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
  }

  tr.collapsed .details-control-2 {
    background: url('https://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
  }
/*
  table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 1px;
  }
/*
  table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-left-width: 1px;
  }

  .table-bordered th, .table-bordered td {
     border: 0px solid #cecece;
  }
*/  

.sidebar {
  transition: width 0.5s ;
  transition-timing-function: ease-out;
		
}
@media (max-width: 768px) {
  .sidebar.toggled {
    overflow: visible;
  }
}
@media (min-width: 769px) {
  .sidebar.toggled {
    overflow: visible;
    width: 1.75rem !important;

    /*
    animation-name: sidebar_rotate;
    animation-direction: normal;
    animation-duration: 1s;
    */
  }
}
.sidebar #sidebarToggle {
  background-color: rgb(113, 140, 218);
  width: 1.35rem;
  height: 1.35rem;
  font-size: 0.7rem;
}
.sidebar-dark #sidebarToggle:hover {
  background-color: rgb(130, 200, 210);
}

@keyframes sidebar_rotate {
	0%  { transform: rotate(0deg); min-height: 0vh; height: 0vh; background-color: white; }
  25% { transform: rotate(90deg); min-height: 10vh; height: 10vh; }
  50% { transform: rotate(180deg); min-height: 30vh; height: 30vh; }
  75% { transform: rotate(180deg); min-height: 60vh; height: 60vh; }
  100% { transform: rotate(180deg); min-height: 100vh;  height: 100vh; }
}


.bg-gradient-primary {
  background-color: #071c71;
  background-image: linear-gradient(180deg, #092288 10%, #030e3b 60%);
  background-size: cover;
}


.vertical-center {
  display: flex;
  align-items: center;
  min-height: 100vh;
}

/* Estilo padrão do select2 para responsividade */
@media (prefers-reduced-motion: reduce) {
  .select2-container .select2-selection--single {
    transition: none;
  }
}

@media (min-width: 768px) {
  
  #groupNameContainer {
    width: 20rem !important;
  }

}

/* Estilos para o select de única seleção (com altura ajustada para 57px) */
#vendedorPrecadastro + .select2-container .select2-selection--single,
#categoriaPrecadastro + .select2-container .select2-selection--multiple,
#canalVendas + .select2-container .select2-selection--multiple,
#equipe + .select2-container .select2-selection--multiple,
#grupoPermissao + .select2-container .select2-selection--multiple {
  font-size: 0.8rem;
  color: #6e707e;
  background-color: #fff;
  border: 1px solid #d1d3e2;
  line-height: normal; /* Garantir que o texto fique alinhado */
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* ------------------------------------- */
/* Estilos gerais para select2 com múltiplas seleções */
.deleteGroupIdSelect2, .permissionsGroupIdSelect2, .userIdSelect2, .userIdRmvSelect2, .groupNameSelect2, .userGroupIdSelect2, .userGroupIdRmvSelect2{
  /* width: 30rem; */
  /* height: 3rem !important;
  font-size: 0.8rem !important;
  border-radius: 1rem !important; */
  /* margin: 1rem; */
  /* color: #6e707e;
  background-color: #fff;
  border: 1px solid #d1d3e2;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
  height: calc(1.5em + 0.75rem + 2px) !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #6e707e !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid #d1d3e2 !important;
  border-radius: 0.35rem !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  
  
}


/* Aplicar estilo ao container do Select2 relacionado ao #permissionsGroupId */
#permissionsGroupId + .select2-container {
  width: 20rem !important;
}
  

@media (max-width: 768px) {
  .deleteGroupIdSelect2, .permissionsGroupIdSelect2, .userIdSelect2, .userIdRmvSelect2, .groupNameSelect2, .userGroupIdSelect2, .userGroupIdRmvSelect2{
    width: 20rem !important;
  }
  .groupNameContainer{
    width: 20rem !important;
  }
  .groupNameInput .form-control{
    width: 20rem !important;
  }
  #permissionsGroupId,
  #groupNameContainer {
    width: 20rem !important;
  }

}

.userGroupIdSelect2, .userGroupIdRmvSelect2{
  display: table !important;
  height: 3rem  !important;
}

.selGrTec {
  width: 400px;
}

.inputGrTecName {
  width: 444px;
}

.inputFilter {
  width: 200px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* margin-right: 41px !important; */
}

.editGrTecBtn{
  cursor: pointer;
}

.predefSaveBtn{
  cursor: pointer;
  height: 28px;
}

.selGrTec {
  width: 400px;
}

.inputGrTecName {
  width: 444px;
}

.inputFilter {
  width: 200px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* margin-right: 41px !important; */
}

.filterEditBtn{
  cursor: pointer;
}

.predefSaveBtn{
  cursor: pointer;
  height: 28px;
}

.osTempoAgend1 {
  color: #cabe0d;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 4px;
}

.osTempoAgend2 {
  color: #ff6c01;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 4px;
}

.osTempoAgend3 {
  color: #fd2222;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 4px;
}

.blink {
  animation: blink 1s infinite;
  /* animation: blink 1s steps(1, end) infinite; */
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Select2 - Status Permissão - Pagina opererador.php  */
.status-permission-op{
  height: 2rem !important;
}

.toast-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050; /* Garante que o toast esteja acima de outros elementos, como modais */
}

.cadCliente .step.active {
  opacity: 1;
}

.cadCliente label, .cadCliente span, .cadCliente input, .cadCliente select {
  color: #000;
}

/* Hide all steps by default: */
.cadCliente .tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.cadCliente .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
  cursor: pointer;
}

/* Mark the active step: */
.v-multi-tab .step.active {
  opacity: 1;
}

.v-multi-tab label, .v-multi-tab span, .v-multi-tab input, .v-multi-tab select {
  color: #000;
}

/* Hide all steps by default: */
.v-multi-tab .v-tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.v-multi-tab .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
  cursor: pointer;
}

.v-multi-tab-s2 {
  min-height: 38px !important;
}

.plus-btn {
  color: #fff;
  padding: 5px;
  font-size: 14px;
  border-radius: 50px;
  margin-left: 3px;
  cursor: pointer;
}

.required {
  color: red !important;
}

#map {
  height: 500px;
  width: 100%;
}

.loc-picker {
  font-size: 12px;
  height: 38px;
}

.cadCliente-s2 {
  min-height: 38px !important;
}

.containerPrecadastro {
  display: flex;
  flex-direction: row;
}

.informacoesPrecadastro {
  width: 40%;
}

.observacoesPrecadastro {
  width: 60%;
}

/* Ajuste para telas pequenas */
@media (max-width: 768px) {
  .containerPrecadastro {
    flex-direction: column;
  }

  .informacoesPrecadastro,
  .observacoesPrecadastro {
    width: 100%;
  }
}

.textFilter {
  width: 200px;
  font-size: smaller;
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  height: 32px;
  padding-left: 5px;
}

.documentContent {
  max-width: 50%;
}
.btn-outline-danger.btn-selected {
  background-color: #dc3545; /* Vermelho */
  color: white;
  border-color: #dc3545;
}

.btn-outline-primary.btn-selected {
  background-color: #0062cc; /* Amarelo */
  color: white;
  border-color: #0062cc;
}

.btn-outline-secondary.btn-selected {
  background-color: #6c757d; /* Cinza */
  color: white;
  border-color: #6c757d;
}

@media (max-width: 768px) {
  .documentContent {
    max-width: 100%;
  }
}

.v-form-style label {
  display: inline-block;
  margin-bottom: 0rem;
  font-size: 0.7rem;
}

.v-form-style .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: black;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d3e2;
    border-radius: 0.35rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (max-width: 991px) {
  .selAlert {
    width: 175px !important;
  }
}

@media (max-width: 713px) {
  .selAlert {
    width: 146px !important;
  }
}

.selAlert {
  min-height: 38px !important;
  width: 325px;
}

#atsForm .input-group-text {
  width: 46px;
}

#chart-container {
  position: relative;
  width: 200px;
  height: 120px;
}

.chart-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.chart-text .score-value {
  font-size: 28px;
  font-weight: bold;
  color: #000;
}

.chart-text .score-max {
  font-size: 14px;
  color: #888;
}

/* Custom borders */

.border-top-primary {
  border-top: 0.25rem solid var(--color-primary) !important;
}

.border-top-secondary {
  border-top: 0.25rem solid #858796 !important;
}

.border-top-success {
  border-top: 0.25rem solid #1cc88a !important;
}

.border-top-info {
  border-top: 0.25rem solid #36b9cc !important;
}

.border-top-warning {
  border-top: 0.25rem solid #f6c23e !important;
}

.border-top-danger {
  border-top: 0.25rem solid #e74a3b !important;
}

.border-top-light {
  border-top: 0.25rem solid #f8f9fc !important;
}

.border-top-dark {
  border-top: 0.25rem solid #5a5c69 !important;
}

.border-right-primary {
  border-right: 0.25rem solid var(--color-primary) !important;
}

.border-right-secondary {
  border-right: 0.25rem solid #858796 !important;
}

.border-right-success {
  border-right: 0.25rem solid #1cc88a !important;
}

.border-right-info {
  border-right: 0.25rem solid #36b9cc !important;
}

.border-right-warning {
  border-right: 0.25rem solid #f6c23e !important;
}

.border-right-danger {
  border-right: 0.25rem solid #e74a3b !important;
}

.border-right-light {
  border-right: 0.25rem solid #f8f9fc !important;
}

.border-right-dark {
  border-right: 0.25rem solid #5a5c69 !important;
}

.badge-orange {
  color: #fff;
  background-color: #ff6000 !important;
}

.userPresets {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dtItem {
  margin: 5px 0;
  text-align: center;
}

.permission-checkbox {
  cursor: pointer;
}

.permission-label {
  cursor: pointer;
}

.label-permission {
  cursor: pointer;
}

.logo {
  width: 120px;
  border-radius: 50%;
}

.preCad-action-btn {
  height: 26px;
  font-size: 13px;
}

.preCad-card-header {
  height: 43px;
}

@media (max-width: 767px) {
  .preCad-action-text {
    display: none;
  }
}

.timeline {
  width: 85%;
  max-width: 700px;
  margin-left: 16px;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  padding: 0 0 32px 32px;
  border-left: 2px solid var(--c-grey-200);
  font-size: 1.125rem;
}

.timeline-item {
  display: flex;
  gap: 24px;

  &+* {
    margin-top: 24px;
  }

  /* & + .extra-space {
		margin-top: 48px;
	} */
}

.timeline-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-left: -47px;
  margin-right: -15px;
  flex-shrink: 0;
  overflow: hidden;
  box-shadow: 0 0 0 6px #fff;

  svg {
    width: 20px;
    height: 20px;
  }

}

.timeline-item-description {
  display: flex;
  padding-top: 6px;
  gap: 8px;
  color: var(--c-grey-400);

  img {
    flex-shrink: 0;
  }

  a {
    color: var(--c-grey-500);
    font-weight: bolder;
    text-decoration: none;

    &:hover,
    &:focus {
      color: var(--c-blue-500);
    }
  }
}

.avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
  width: 40px;
  height: 40px;

  &.small {
    width: 28px;
    height: 28px;
  }

  img {
    object-fit: cover;
    display: block;
    max-width: 100%;
  }
}

.comment {
  margin-top: 12px;
  color: var(--c-grey-500);
  border: 1px solid var(--c-grey-200);
  box-shadow: 0 4px 4px 0 var(--c-grey-100);
  border-radius: 6px;
  padding: 16px;
  /* font-size: 1rem; */
}

.timeline,
.timeline * {
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .timeline,
  .timeline * {
    box-sizing: content-box;
  }

  .comment{
    padding: 9px;
  }

  .comment p {
    font-size: 10px;
  }

  .timeline-item-wrapper {
    width: 100%;
  }

  .timeline-item-icon {
    margin-left: -48px;
    margin-right: -12px;
  }

  .timeline {
    margin-left: 12px;
  }
}

.timeline {
  --c-grey-100: #f4f6f8;
  --c-grey-200: #e3e3e3;
  --c-grey-300: #b2b2b2;
  --c-grey-400: #7b7b7b;
  --c-grey-500: #3d3d3d;

  --c-blue-500: #688afd;

  font-size: small !important;
}

.foto-operador {
  cursor: pointer;
}

@media (max-width: 767px) {
  .info_top {
    font-size: 80%;
  }
}

.show-combo-btn {
  color: #2e59d9 !important;
  cursor: pointer;
}

.show-combo-btn:hover {
  color: #1943c2 !important;
}


.btn-gray {
  background-color: var(--color-gray) !important;
  border-color: var(--color-gray) !important;
}


  /* LABEL FLUTUANTE DOS SELECT #INICIO */
.form-floating-multiple label {
  position: absolute;
  top: -0.5rem;
  left: 0.75rem;
  background: white;
  padding: 0 0.25rem;
  transition: 0.2s;
  pointer-events: none;
  font-size: 1rem;
  /* color: #6c757d; */
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.form-floating-multiple.select2-focused label {
  top: -0.8rem;
  left: 0.5rem;
  font-size: 0.8rem;
  color: black;
  opacity: 1;
  visibility: visible;
}

.form-floating-multiple .select2-container--default .select2-selection--multiple {
  padding-top: 0.1rem;
  border-radius: 0.375rem;
}

.form-floating-multiple.floating-focused label {
  top: -0.7rem;
  left: 0.5rem;
  font-size: 0.8rem;
  color: black;
  opacity: 1;
  visibility: visible;
}


.form-floating-multiple input {
  padding-top: -0.8rem;
  padding-bottom: 0.25rem;
}

.form-floating-multiple {
  position: relative; /* ESSENCIAL pro label se posicionar em relação a esse container */
  overflow: visible; /* Garante que o label possa ultrapassar limites se precisar */
}

/* LABEL FLUTUANTE DOS SELECT # FIM */

/* SELECT BORDA ARREDONDADA #INICIO */
.btn-left {
  margin-left: -1rem !important; /* Desloca o botão para a esquerda */
  border: 1px solid #ced4da !important;
}


.conteudo-filtros-modal .filtro-item span.select2-container {
  width: 100% !important; /* ou ajuste conforme necessário */
}

.conteudo-filtros-modal .inputFilter {

  display: grid !important; 

  grid-template-columns: 22fr 2fr !important;

  margin-right: 41px !important;

}



.dia-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #007bff;
  background-color: white;
  color: #007bff;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  transition: all 0.2s ease;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
}

.dia-btn.ativo {
  background-color: #007bff;
  color: white;
}

.fc-timeGridWeek-view .fc-timegrid-slot,
.fc-timeGridDay-view .fc-timegrid-slot {
  height: 30px !important;
}

@media (max-width: 768px) {
  /* Reduz os botões do FullCalendar */
  .fc .fc-button {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.75rem !important;
  }
  
  .fc .fc-button .fc-icon {
    font-size: 0.75rem !important;
  }
  
  .fc .fc-button-group+.fc-button {
    margin-top: 0.5rem !important;
  }
  
  /* Reduz o título do calendário (ex: "9 de Abril de 2025") */
  .fc-toolbar-title {
    font-size: 1rem !important;
    /* ou 0.9rem para ficar mais compacto */
  }
  
  /* Reduz os nomes dos dias da semana (ex: Segunda, Terça) */
  .fc-col-header-cell-cushion {
    font-size: 0.75rem !important;
  }
  
  /* Reduz a fonte dos horários na lateral esquerda */
  .fc-timegrid-slot-label,
  .fc-timegrid-axis-cushion {
    font-size: 0.7rem !important;
  }
  
  /* Reduz texto dentro dos eventos */
  .fc-event-title,
  .fc-event-time {
    font-size: 0.75rem !important;
  }
  
  /* Reduz padding geral do calendário */
  .fc {
    font-size: 0.8rem;
  }
}

.select-perfil-agendamento {
  max-width: 100% !important;
  width: 350px !important;
}

@media (max-width: 768px) {
  .container-agendamento {
    padding: 0 !important;
    width: 100% !important;
    margin: 0;
  }

  .select-perfil-agendamento {
    max-width: 100% !important;
    width: 100% !important;
  }

  .btn-agendamento {
    width: 100% !important;
    max-width: 100% !important;
  }

}

@media (max-width: 768px) {
  .table-precadastro #dt-search-0 {
    width: 90% !important;
  }
}

.alerta_relogin {
  border: 5px solid #ffa6a6;
  border-radius: 25px;
  padding-bottom: 4rem;
}


@media (min-width: 768px) and (max-width: 1280px) {
  .btn-actions-os-aberta .btn {
    font-size: 10px !important;
  }
}

@media (max-width: 767px) {
  .btn-actions-os-aberta .btn {
    font-size: 9px !important;
  }
}

.collapse {
  white-space: normal !important;
  display: block; /* opcional, melhora a quebra */
}

.select2-results__group {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 4px;
  color: #333;
}