/*VARIABLES*/
:root {
  --index-modal: 4;
  --weight-strong: 600;
  --weight-bold: 700;
  --hover-color-green: #61DDBC;
}

/* DEFAULT LOAD */
.ajax_load {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: calc(var(--index-modal) * 2);
}

.ajax_load_box {
  margin: auto;
  text-align: center;
  color: #ffffff;
  font-weight: var(--weight-bold);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.ajax_load_box_circle {
  border: 16px solid #e3e3e3;
  border-top: 16px solid var(--hover-color-green);
  border-radius: 50%;
  margin: auto;
  width: 80px;
  height: 80px;

  -webkit-animation: spin 1.2s linear infinite;
  -o-animation: spin 1.2s linear infinite;
  animation: spin 1.2s linear infinite;
}

.ajax_load_box_title {
  margin-top: 15px;
  font-weight: var(--weight-strong);
}

.text-small {
  font-size: 0.9em !important; 
}

.text-bold {
  font-weight: var(--weight-strong) !important;
}

.dashboard-icon-cards-row {
  margin-top: -5px !important;
}

.dashboard-padding-money {
  padding-right: 20px !important; 
}

.dashboard-padding-td {
  padding-top: 10px !important; 
  padding-bottom: 10px !important; 
}

.prescricao {
  font-size: 1em; 
  line-height: 1.2em;
}

.largura-minima-valor {
  min-width: 90px !important; 
}

/* Botões em células de tabelas */
.btn-espaco-td {
  margin-top   : 0px !important;
  margin-bottom: 0px !important;
  margin-left  : 4px !important;
  margin-right : 0px !important;
  /* padding      : 0px !important; */
  padding: 4px 0px 0px 0px !important;
  width : 32px !important; 
  height: 32px !important;
}
.btn-td-um {
  display: flex; 
  align-items: end; 
  justify-content: flex-end;
  height : 32px !important; 
  min-width  : 36px !important;  /* 32 + 4 */
  max-width: 100% !important;  
  text-align: right !important; 
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.btn-td-dois {
  display: flex; 
  align-items: end; 
  justify-content: flex-end;
  height : 32px !important; 
  min-width  : 68px !important;  /* (32 * 2) + 4 */
  max-width: 100% !important;  
  text-align: right !important; 
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.btn-td-tres {
  display: flex; 
  align-items: end; 
  justify-content: flex-end;
  height : 32px !important; 
  min-width  : 100px !important;  /* (32 * 3) + 4 */
  max-width: 100% !important;  
  text-align: right !important; 
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.btn-td-quatro {
  display: flex; 
  align-items: end; 
  justify-content: flex-end;
  height : 32px !important; 
  min-width  : 132px !important;  /* (32 * 4) + 4 */
  max-width: 100% !important;  
  text-align: right !important; 
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.btn-td-cinco {
  display: flex; 
  align-items: end; 
  justify-content: flex-end;
  height : 32px !important; 
  min-width  : 164px !important;  /* (32 * 5) + 4 */
  max-width: 100% !important;  
  text-align: right !important; 
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.td-botao-descricao {
    display: flex; 
    align-items: start; 
    justify-content: flex-start;
    height : 32px !important; 
    width: 196px !important; /* Mínimo de 68px para 2 botões */
    max-width: 100% !important;  
    text-align: left !important; 
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
.botao-exportar {
    width: 68px !important;
}

.carregando {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.carregando div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.carregando div:nth-child(1) {
  left: 8px;
  animation: carregando1 0.6s infinite;
}
.carregando div:nth-child(2) {
  left: 8px;
  animation: carregando2 0.6s infinite;
}
.carregando div:nth-child(3) {
  left: 32px;
  animation: carregando2 0.6s infinite;
}
.carregando div:nth-child(4) {
  left: 56px;
  animation: carregando3 0.6s infinite;
}
.span-selected {
    font-weight: bold;
}

@keyframes carregando1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes carregando3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes carregando2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}