@tailwind base;
@tailwind components;
@tailwind utilities;



.swal2-confirm, .swal2-cancel {
    background-color: #003464 !important;
    color: #fff !important;
    border: none !important;
  }
  
  .swal2-cancel {
    background-color: #d33 !important;
  }
  
  .swal2-confirm:hover {
    background-color: #0a50e7 !important; 
  }
  
  .swal2-cancel:hover {
    background-color: #b91c1c !important;
  }
  

.inputFilter{
    border-radius: 12px;
    border-color: orangered;
    color: black;
    margin: 4px;
    max-width: 150px;
    width: auto;
}

.inputModal{
    border-radius:9px;
    border-color: orangered;
    color: black;
    margin: 6px;
    max-width: 250px;

}


.blueblack{ 
    color:'#003464'
}
.blueb{    color:'#0066B1'}
.orangeblack{    color:'#E55133'}
.orangenow{    color:"#EC7D2C"}

.linkMenu {
    @apply block m-1 p-2 text-sm text-blueblack hover:text-white 
           transition ease-in-out duration-150 
           md:px-2 md:py-2 md:text-blueblack md:hover:text-orangenow;
  }
  

.btn{
    background-color: orangered;
    color: white;
    border-radius: 12px;
    font-weight: 600;
    font-family: sans-serif;
    border-color: orangered;
    border-width: 1px;
    width: auto;
    height: 43px;
}

.btn:hover{
    background-color: white;
    color: orangered;
}


.btnClear{
    background-color: red;
    color: white;
    border-radius: 12px;
    font-weight: 600;
    font-family: sans-serif;
    border-color: orangered;
    border-width: 1px;
    width: auto;
    height: 43px;
}

.btnClear:hover{
    background-color: white;
    color: red;
}


.textError{
    color: red;
    font-weight: 600;
    margin: 2px;
    padding: 2px;
}