:root {
  --cor-1: #E4153B;
  --cor-2: #7e7e7e;
  --cor-3: #ffffff;
  --cor-4: #3d3d3d;
  --cor-erro: #e83c2c;
}


.icone-flutuante {
  gap: 8px;
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: var(--cor-1);
  color: #fff;
  width: 154px;
  height: 36px;
  border-radius: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  transition: 0.2s;
  z-index: 1000;
}
.icone-flutuante:hover {
  background:  var(--cor-4);
}

.icone-flutuante span{
  color: var(--cor-3);
}

.icone-flutuante-open {
  width: 150px;
  height: 36px;
}

.icone-flutuante-close {
  width: 100px;
  height: 36px;
}



.text-tipo-Fornecedor{
  color: var(--cor-1);
}


.modal-fornecedor {
  position: fixed;
  bottom: 90px;
  right: 25px;
  width: 280px;
  min-height: 334px;
  border: 0.5px solid #b5b5b5;
  background: #f9f9f9;
  border-radius: 8px;
  padding: 8px 14px;
  box-shadow: 0 4px 10px #0000004d;
  z-index: 999;
}

.modal-fornecedor .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-fornecedor .fechar {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}

.switch {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}

.switch button {
  flex: 1;
  /* margin: 0px; */
  padding: 4px;
  color: var(--cor-4); 
  border: 1px solid var(--cor-4);
  cursor: pointer;
  /* border-radius: 4px;*/
}

.switch button.ativo {
  background: var(--cor-4);
  border: 1px solid var(--cor-4);
  color: #fff;
}

.alerta {
  color: #d9534f;
  font-size: 12px;
  margin-top: 8px;
}

/* Efeito fade suave quando troca o conteúdo */
.fade-switch.ng-enter,
.fade-switch.ng-leave {
  transition: opacity 1s ease-in-out;
  display: block !important;
}

.fade-switch.ng-enter {
  opacity: 0;
}

.fade-switch.ng-enter-active {
  opacity: 1;
}

.fade-switch.ng-leave {
  opacity: 1;
}

.fade-switch.ng-leave-active {
  opacity: 0;
}

.modal-fornecedor.ng-hide-remove,
.modal-fornecedor.ng-hide-add {
  transition: opacity 0.3s ease;
}

.modal-fornecedor.ng-hide-add {
  opacity: 1;
}

.modal-fornecedor.ng-hide-add-active {
  opacity: 0;
}

.modal-fornecedor.ng-hide-remove {
  opacity: 0;
}

.modal-fornecedor.ng-hide-remove-active {
  opacity: 1;
}