:root {
    --fide-primary: #e5652c;
    --fide-secondary: #123c62;
    --fide-border: #e6edf3;
    --fide-bg: #f8fafc;
    --fide-text: #334155;
    --fide-green: #82b33d;
}


.PAElogin{
    width:80%;
}
.date-appointment{
    margin-top: 5%;
}
.color-silver{
    color: #757783;
}
.font-30{
    font-size: 30px !important;
}
.color-blue-fide{
    color:#09637c;
}
.mt-6px{
    margin-top: 6px;
}

.mt-36px{
    margin-top: -36px;
}
#patient-profile .patient-img{width:75px}#patient-profile .doctor-img{width:35px}#patient-profile .patient-name{text-align:center}#patient-profile .patient-details-row{position:absolute}#patient-profile .patient-info-heading{font-weight:900;display:inline-block;width:100px}#patient-profile .diesase-badge{margin-right:5px}.patient-wrapper.table td{padding:.75rem .8rem}.patient-wrapper .action i.text-success{margin-right:.3rem}

.mt-19n{
    margin-top: -19%;
}
.btn-green{
    border-color: #92BA41 !important;
    background-color: #92BA41 !important;
    color: #fff !important;

}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }

.mt-22p{
    margin-top: 22%;
}
.bold{
    font-weight: bold;
}
.bar-login{
    background-color: #e5652c;
    height: 4px;
    margin-top: -4px;
    width: 10%;
    margin-left: 0px;

}
.input-new{
    border: 0px !important;
    border-bottom: 1px solid #cacfe7 !important;
}
.w-75p{
    width: 75%;
}

.w-78p{
    width: 78%;
}

.ml-22p{
    margin-left: 22%
}
.ml-5{
        margin-left: 5rem !important;
}
.text-green{
    color: #92BA41;
}
#sendRecoverPass{
    margin: 0 auto !important;
}
.header-green{
    background-color: #7b9e25;
    color: white;
    font-weight: bold;
    padding: 3%;
    font-size: 15px;
}

.link-2{
    color: #6b6f82;

}

.header-orange{
    background-color: #e5652c;
    color: white;
    font-weight: bold;
    padding: 2%;
    font-size: 15px;
}

.bg-blue-fide{
    background-color: #09637c
}
.border-green{
    border-bottom: 1px solid #92ba41 !important;

}
/* Overlay de pantalla completa */
.global-loader {
    position: fixed !important;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;

    background: rgba(244, 240, 240, 0.65);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    z-index: 2147483647;

    display: none;
    align-items: center;
    justify-content: center;
}

/* Contenedor central */
.global-loader-content {
    
    padding: 35px 45px;
    border-radius: 15px;

    text-align: center;
    width: 320px;
    max-width: 90vw;

    
}

/* Contenedor del logo */
.global-loader-logo-container {
    width: 130px;
    height: 130px;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 20px;
}

/* Animación circular */
.global-loader-spinner {
    position: absolute;
    inset: 0;

    border: 4px solid #e5e7eb;
    border-top-color: #e5652c;
    border-right-color: #e5652c;

    border-radius: 50%;

    animation: fideSpin 1s linear infinite;
}

/* Logo centrado */
.global-loader-logo {
    width: 95px;
    height: 95px;

    object-fit: contain;
    position: relative;
    z-index: 1;
}

/* Textos */
.global-loader-content h4 {
    color: #263238;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.global-loader-content p {
    color: #e5652c;
    font-size: 13px;
    margin-bottom: 0;
}

/* Animación */
@keyframes fideSpin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .global-loader-spinner {
        animation: none;
    }
}
/* Contenedor flotante */
.fide-whatsapp-container {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 9999;

    display: flex;
    align-items: center;
    gap: 12px;
}

/* Botón circular */
.fide-whatsapp-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;

    background: #25D366;
    color: #ffffff !important;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 5px 20px rgba(0,0,0,0.22);

    text-decoration: none !important;
    transition: all 0.25s ease;
}

/* Efecto hover */
.fide-whatsapp-btn:hover {
    background: #1ebe5d;
    color: #ffffff !important;
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(37,211,102,0.4);
}

/* Etiqueta */
.fide-whatsapp-tooltip {
    background: #ffffff;
    color: #333333;

    padding: 9px 15px;
    border-radius: 25px;

    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;

    box-shadow: 0 3px 12px rgba(0,0,0,0.15);
}

/* Adaptación móvil */
@media (max-width: 768px) {

    .fide-whatsapp-container {
        right: 15px;
        bottom: 15px;
    }

    .fide-whatsapp-btn {
        width: 55px;
        height: 55px;
    }

    .fide-whatsapp-tooltip {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fide-whatsapp-btn {
        transition: none;
    }
}

.text-fide-primary{
  color: var(--fide-primary);
}