.blazored-toast-container {
   z-index: 1050 !important; /* Asegura que est� por encima de otros elementos */
}


.loader {
   animation: loaderAnim 1.2s infinite ease-in-out;
}

@keyframes loaderAnim {
   0% {
      opacity: 0.3;
   }

   50% {
      opacity: 1;
   }

   100% {
      opacity: 0.3;
   }
}

.modal-header 
{
   justify-content: space-between !important;
   border-bottom: none !important;
   padding-bottom: 0 !important;
   background-color: white !important;
}

.modal-header i 
{
   display: none !important;
}

.modal-footer 
{
   border-top: none !important;
   padding-top: 0 !important;
}

.blazored-toast-container 
{
   z-index: 1000002 !important;
   transition: height 0.2s ease-in-out !important;
}

.custom-table-bootstrap {
   font-size: 12px;
}

.custom-table-bootstrap > tbody > tr:hover > td {
   background: rgba(15, 170, 158, 0.2);
}

.custom-table-bootstrap > tbody > tr > td {
   align-content: center;
}

.validation-message ~ .container .item .select-p 
{
   border: 2px solid red !important;
}
.custom-table-bootstrap > thead > tr > th {
   background: rgb(222,239,241);
}
.invalid {
   outline: 1px solid #e50000;
}
/*.valid {
   outline: 1px solid #008000;
}*/
.validation-message {
   color: red;
   position: absolute;
   top: 0px;
   right: 5px;
   font-size: 11px;
   padding: 3px;
   border-radius: 5px;
   z-index: 2;
}

.validation-message ~ .blazored-typeahead .blazored-typeahead__input {
   border: 1px solid red !important;
}

.validation-message ~ .container .item .select-p {
   border: 2px solid red !important;
}

.validation-message {
   color: #e50000;
}
button.btn-primary-custom:disabled,
button.btn-primary-custom.disabled {
   color: white;
}