/* ===== Toast Bootstrap ===== */
.toast-container {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1000;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

.custom-toast.error{
    position: relative;
    top: 10px;
    right: 10px;
    margin-top: 0.3rem;
    /* max-width: 300px; */
    background-color: #f8d7da; /* Background color */
    border: 2px solid #f5c6cb; /* Border color */
    border-radius: 10px; /* Rounded corners */
    /*color: #fff;*/ /* Text color */
}

.custom-toast.success{
    position: relative;
    top: 10px;
    right: 10px;
    margin-top: 0.3rem;
    /* max-width: 300px; */
    background-color: #d4edda; /* Background color */
    border: 2px solid #c3e6cb; /* Border color */
    border-radius: 10px; /* Rounded corners */
    /*color: #fff;*/ /* Text color */
}

.custom-toast.info{
    position: relative;
    top: 10px;
    right: 10px;
    margin-top: 0.3rem;
    /* max-width: 300px; */
    background-color: #d1ecf1; /* Background color */
    border: 2px solid #bee5eb; /* Border color */
    border-radius: 10px; /* Rounded corners */
    /*color: #fff;*/ /* Text color */
}

.toast-text{
    font-size: 0.90rem;
    margin-top: auto!important;
    margin-bottom: auto!important;
    font-weight: 700;
    line-height: 1.2;
}

.c-pointer {
    transition: filter 0.5s; /* Transición suave */
    cursor: pointer;
}

.hue:hover {
    filter: hue-rotate(-80deg); /* Cambia el tono del color */
}

.custom-min-height {
    --min-height: 23vh; /* Establecer el valor predeterminado */
    min-height: var(--min-height);
}

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

/***** Añadir mas clases de padding *****/
.p-6 {
    padding: 4rem !important;
  }
  
  .p-7 {
    padding: 5rem !important;
  }
  
  .p-8 {
    padding: 6rem !important;
  }
  
  .p-9 {
    padding: 8rem !important;
  }
  
  .p-10 {
    padding: 10rem !important;
  }
/***** Fin Añadir mas clases de padding *****/

/* custom-colors */

/* Turquoise */
.btn-turquoise {
    background-color: #1abc9c !important;
    border-color: #1abc9c !important;
}
.btn-turquoise:hover,
.btn-turquoise:focus {
    background-color: #16a085 !important;
    border-color: #16a085 !important;
    box-shadow: 0 0 0 0.2rem rgba(22, 160, 133, 0.5) !important;
}

/* Emerald */
.btn-emerald {
    background-color: #2ecc71 !important;
    border-color: #2ecc71 !important;
}
.btn-emerald:hover,
.btn-emerald:focus {
    background-color: #27ae60 !important;
    border-color: #27ae60 !important;
    box-shadow: 0 0 0 0.2rem rgba(39, 174, 96, 0.5) !important;
}

/* Peter River */
.btn-peter-river {
    background-color: #3498db !important;
    border-color: #3498db !important;
}
.btn-peter-river:hover,
.btn-peter-river:focus {
    background-color: #2980b9 !important;
    border-color: #2980b9 !important;
    box-shadow: 0 0 0 0.2rem rgba(41, 128, 185, 0.5) !important;
}

/* Amethyst */
.btn-amethyst {
    background-color: #9b59b6 !important;
    border-color: #9b59b6 !important;
}
.btn-amethyst:hover,
.btn-amethyst:focus {
    background-color: #8e44ad !important;
    border-color: #8e44ad !important;
    box-shadow: 0 0 0 0.2rem rgba(142, 68, 173, 0.5) !important;
}

/* Orange */
.btn-orange {
    background-color: #e67e22 !important;
    border-color: #e67e22 !important;
}
.btn-orange:hover,
.btn-orange:focus {
    background-color: #d35400 !important;
    border-color: #d35400 !important;
    box-shadow: 0 0 0 0.2rem rgba(211, 84, 0, 0.5) !important;
}

/* Carrot */
.btn-carrot {
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}
.btn-carrot:hover,
.btn-carrot:focus {
    background-color: #c0392b !important;
    border-color: #c0392b !important;
    box-shadow: 0 0 0 0.2rem rgba(192, 57, 43, 0.5) !important;
}

/* Pumpkin */
.btn-pumpkin {
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
}
.btn-pumpkin:hover,
.btn-pumpkin:focus {
    background-color: #e67e22 !important;
    border-color: #e67e22 !important;
    box-shadow: 0 0 0 0.2rem rgba(230, 126, 34, 0.5) !important;
}

/* Pomegranate */
.btn-pomegranate {
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}
.btn-pomegranate:hover,
.btn-pomegranate:focus {
    background-color: #a93226 !important;
    border-color: #a93226 !important;
    box-shadow: 0 0 0 0.2rem rgba(169, 50, 38, 0.5) !important;
}

/* Alizarin */
.btn-alizarin {
    background-color: #d35400 !important;
    border-color: #d35400 !important;
}
.btn-alizarin:hover,
.btn-alizarin:focus {
    background-color: #ba4a00 !important;
    border-color: #ba4a00 !important;
    box-shadow: 0 0 0 0.2rem rgba(186, 74, 0, 0.5) !important;
}

/* Almond */
.btn-almond {
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}
.btn-almond:hover,
.btn-almond:focus {
    background-color: #c0392b !important;
    border-color: #c0392b !important;
    box-shadow: 0 0 0 0.2rem rgba(192, 57, 43, 0.5) !important;
}

/* Midnight Blue */
.btn-midnight-blue {
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
}
.btn-midnight-blue:hover,
.btn-midnight-blue:focus {
    background-color: #34495e !important;
    border-color: #34495e !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 73, 94, 0.5) !important;
}

/* Sunflower */
.btn-sunflower {
    background-color: #f1c40f !important;
    border-color: #f1c40f !important;
}
.btn-sunflower:hover,
.btn-sunflower:focus {
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
    box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.5) !important;
}

/* Belizian Blue */
.btn-belizian-blue {
    background-color: #2980b9 !important;
    border-color: #2980b9 !important;
}
.btn-belizian-blue:hover,
.btn-belizian-blue:focus {
    background-color: #3498db !important;
    border-color: #3498db !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5) !important;
}

/* Wisteria */
.btn-wisteria {
    background-color: #8e44ad !important;
    border-color: #8e44ad !important;
}
.btn-wisteria:hover,
.btn-wisteria:focus {
    background-color: #9b59b6 !important;
    border-color: #9b59b6 !important;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.5) !important;
}

/* Green Sea */
.btn-green-sea {
    background-color: #16a085 !important;
    border-color: #16a085 !important;
}
.btn-green-sea:hover,
.btn-green-sea:focus {
    background-color: #1abc9c !important;
    border-color: #1abc9c !important;
    box-shadow: 0 0 0 0.2rem rgba(26, 188, 156, 0.5) !important;
}

/* Concrete */
.btn-concrete {
    background-color: #95a5a6 !important;
    border-color: #95a5a6 !important;
}
.btn-concrete:hover,
.btn-concrete:focus {
    background-color: #bdc3c7 !important;
    border-color: #bdc3c7 !important;
    box-shadow: 0 0 0 0.2rem rgba(189, 195, 199, 0.5) !important;
}

/* Sun Flower */
.btn-sun-flower {
    background-color: #f1c40f !important;
    border-color: #f1c40f !important;
}
.btn-sun-flower:hover,
.btn-sun-flower:focus {
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
    box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.5) !important;
}

/* Belize Hole */
.btn-belize-hole {
    background-color: #2980b9 !important;
    border-color: #2980b9 !important;
}
.btn-belize-hole:hover,
.btn-belize-hole:focus {
    background-color: #3498db !important;
    border-color: #3498db !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5) !important;
}

/* Turquoise */
.bg-turquoise {
    background-color: #1abc9c !important;
}

/* Emerald */
.bg-emerald {
    background-color: #2ecc71 !important;
}

/* Peter River */
.bg-peter-river {
    background-color: #3498db !important;
}

/* Amethyst */
.bg-amethyst {
    background-color: #9b59b6 !important;
}

/* Orange */
.bg-orange {
    background-color: #e67e22 !important;
}

/* Carrot */
.bg-carrot {
    background-color: #e74c3c !important;
}

/* Pumpkin */
.bg-pumpkin {
    background-color: #f39c12 !important;
}

/* Pomegranate */
.bg-pomegranate {
    background-color: #c0392b !important;
}

/* Alizarin */
.bg-alizarin {
    background-color: #d35400 !important;
}

/* Almond */
.bg-almond {
    background-color: #e74c3c !important;
}

/* Midnight Blue */
.bg-midnight-blue {
    background-color: #2c3e50 !important;
}

/* Sunflower */
.bg-sunflower {
    background-color: #f1c40f !important;
}

/* Belizian Blue */
.bg-belizian-blue {
    background-color: #2980b9 !important;
}

/* Wisteria */
.bg-wisteria {
    background-color: #8e44ad !important;
}

/* Green Sea */
.bg-green-sea {
    background-color: #16a085 !important;
}

/* Concrete */
.bg-concrete {
    background-color: #95a5a6 !important;
}

/* Nephritis */
.bg-nephritis {
    background-color: #27ae60 !important;
}

/* Wet Asphalt */
.bg-wet-asphalt {
    background-color: #34495e !important;
}

/* Clouds */
.bg-clouds {
    background-color: #ecf0f1 !important;
}

/* Asbestos */
.bg-asbestos {
    background-color: #7f8c8d !important;
}

/* Belize Hole */
.bg-belize-hole {
    background-color: #2980b9 !important;
}


/* fin custom-colors */