.error-message[data-v-ae0aec20]{color:red;background-color:#ffe5e5;padding-top:15px;border-radius:10px;text-align:center;margin-top:10px;margin-bottom:10px}.error-message[data-v-ae0aec20],body{display:flex;justify-content:center;align-items:center}body{background-image:url(/img/fondo.d7abce2d.jpg);background-size:cover;background-attachment:fixed;height:100vh;overflow-y:none}.login-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:24px;width:400px;max-width:100%;text-align:center}.login-container img{margin-bottom:20px}h2{color:#333;font-size:18px;font-weight:700;text-transform:uppercase;margin:0 0 1.3em 0;font-family:Open Sans,sans-serif;margin-top:20px;margin-bottom:20px}.form-group{margin-bottom:16px;text-align:left}.fecha-contenedor{display:flex;align-items:center;gap:5px}.fecha-contenedor input{width:40px;text-align:center;padding:5px;font-size:14px;border:1px solid #ccc;border-radius:4px}.fecha-contenedor span{font-size:16px;line-height:1.5}.form-group label{display:block;font-size:14px;color:#666;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;transition:border-color .3s ease}.form-group select option{padding:auto;background-color:#fff;color:#333}.form-group select option:hover{background-color:#333;color:#fff}.form-group input:focus,.form-group select:focus{border-color:#09f;outline:none}button{background-color:#09f;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease;width:100%;font-family:Open Sans,sans-serif}button:hover{background-color:#0056b3;transform:translateY(-2px)}button:disabled{cursor:not-allowed}button:disabled,button:disabled:hover{background-color:#ccc;transform:none}.button-second{background-color:#f5f6f8;color:#333;border:none;padding:10px;border-radius:8px;cursor:pointer;font-size:13px;transition:background-color .3s ease;margin-top:11px;font-family:Open Sans,sans-serif}.button-second:hover{background-color:#ddd}.row{display:flex;justify-content:space-between;margin-top:16px}.col-md{flex:1;text-align:center}.col-md a{color:#09f;text-decoration:none;font-size:14px;transition:color .3s ease}.col-md a:hover{color:#0056b3}body{font-family:Open Sans,sans-serif;background-color:#f5f6f8;margin:0;padding:0}.app-container{max-width:100%;padding:0 10px;margin-top:1%;background-color:hsla(0,0%,100%,.8);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}header .container-fluid{background-color:#fff;margin-top:2px;padding-right:16px;border-bottom:2px solid #ddd;box-shadow:0 6px 12px rgba(0,0,0,.1);border-radius:8px;display:flex;align-items:center;justify-content:space-between}header .navbar-brand img{height:50px;padding-left:0}header .vr{border-left:1px solid #ddd;height:40px;margin:0 16px}header #buscador{flex-grow:1;margin-top:10px;max-width:100%;margin:10px 20px}#buscador .input-group{max-width:100%;width:100%}.my-custom-input{width:300px;height:45px;border-radius:12px;border:3px solid #09f;padding:12px;font-size:18px}.my-custom-input:focus{border-color:#09f;outline:none}.nav-pills .nav-item{position:relative;margin-right:3px}.nav-pills .nav-item .btn{background-color:#09f;color:#fff;border:none;padding:10px 0;border-radius:8px;cursor:pointer;font-size:15px;transition:background-color .3s ease;padding-left:5px}.nav-pills .nav-item .btn:hover{background-color:#0056b3}.nav-pills .nav-item .dropdown-menu{background-color:#e0f7fa;border-radius:12px;border:none;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:0 12px;width:210px;font-size:16px;top:100%;margin-top:0;margin-right:-17px;z-index:900}.nav-pills .nav-item .dropdown-item{color:#333;padding:5px 10px;font-size:16px;border-radius:8px;display:flex;align-items:center;transition:background-color .3s ease,color .3s ease;width:100%}.nav-pills .nav-item .dropdown-item:hover{background-color:#09f;color:#fff}.icon{font-size:10px;color:#fff;margin:10px;display:inline-block}.icon:hover{color:#007bff;transition:color .3s ease}.icon-container{display:flex;align-items:center;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px}.icon-img{width:20px;height:auto;vertical-align:middle;margin-right:10px}.iconobuscar{height:24px}.navbar-nav{display:flex;align-items:center}.navbar-nav .nav-item{margin-left:15px}.main{background-color:transparent;padding:40px;justify-content:end}.contenedor-tabla{width:100%;overflow-x:auto;margin-top:10px}.footer{text-align:center}table{width:90%;border-collapse:collapse;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}thead{background-color:#09f;color:#fff;font-size:10px}td,th{padding:8px 40px;text-align:center;border-bottom:1px solid #ddd;vertical-align:middle}td,th{font-size:14px}th{text-transform:uppercase;letter-spacing:.1em}tbody tr:hover{background-color:#e0f7fa}tbody tr:nth-child(2n){background-color:#f9f9f9}tbody tr:nth-child(odd){background-color:#fff}tbody tr:last-child td{border-bottom:none}td{visibility:visible;display:table-cell;text-align:center;vertical-align:middle;padding:5px}td a{display:inline-block;text-decoration:none;color:#09f;font-size:14px}td a:hover{color:#0056b3}td img{width:17px;height:17px;align-self:start}td .btn{margin:1px;padding:0 4px}td:nth-child(6),td:nth-child(7),td:nth-child(8){background-color:hsla(0,0%,78%,.1)}.pagination{display:flex;justify-content:center;align-items:center;padding-top:3px}.buttonpagination{margin:10px 10px;width:auto}.btn-outline-primary{width:90px;background-color:#09f;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.popup-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.3);text-align:center;max-width:90%;width:300px}.popup-content h3{margin-bottom:15px;font-size:16px;color:#333}.popup-content button{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.popup-content button:hover{background-color:#45a049}.btn-iniciar-sesion{display:flex;justify-content:center;align-items:center;width:100%;padding:10px;background-color:#007bff;border:none;color:#fff;font-size:16px;cursor:pointer}.btn-iniciar-sesion:disabled{cursor:not-allowed;opacity:.6}.spinner{border:4px solid hsla(0,0%,100%,.3);border-top:4px solid #fff;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.leyenda{font-size:1.1em;font-weight:700;color:#333;text-align:center;margin-bottom:2%}.whatsapp-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:green;border-radius:50%;display:flex;flex-direction:inherit;justify-content:center;align-items:center;z-index:100}.whatsapp-button img{width:50%;height:50%}.whatsapp-button:hover{background-color:#006400}.custom-margin-right{margin-right:2%}.tablagrid{max-height:90vh;overflow-y:auto}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown:hover .dropdown-menu{display:block}.dropdown-item{padding:8px 16px;cursor:pointer;text-decoration:none;color:#000}.dropdown-item:hover{background-color:#f1f1f1}.headerdiv{margin-top:5%}.leyenda .icono{width:24px;height:24px;margin-right:5px}.boton-busqueda{width:45px}.estado-finalizado{background-color:#28a745;color:#fff}.estado-finalizado,.estado-pendiente{border-radius:4px;display:inline-block;padding:0 4px}.estado-pendiente{background-color:#ffc107;color:#000}.flecha{height:24px}.dropdown{display:inline-block}.dropdown-toggle{width:25px;height:25px;padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.dropdown-toggle img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dropdown-toggle{background:none;border:none;margin-left:13px}.dropdown-toggle:focus,.dropdown-toggle:hover{background:none;outline:none;box-shadow:none}@media (max-width:1000px){.footer{display:none}*{margin:0;padding:0;box-sizing:border-box}.app-container{width:100%;padding-bottom:1vh;border-radius:8px;box-shadow:none;max-height:100vh}.app-container,.headerdivcel{background-color:transparent;text-align:center}.headerdivcel{box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:none;font-size:1.2rem;color:#333;width:95%;align-self:center}.container-fluid{padding:10px;background-color:#fff}.card-container,.container-fluid{display:flex;flex-direction:column;width:100%}.card-container{gap:5px;padding:0;flex-grow:1;margin-top:5px;align-items:center}.card-container a{margin:2px}.card{background-color:#fff;padding:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;width:98%}.card img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:4px}.leyenda{flex-wrap:wrap}.leyenda,.leyenda .d-flex{display:flex;gap:15px;flex-direction:column;align-items:center}.leyenda .d-flex{width:100%;justify-content:center}.my-custom-input{width:95%;margin-left:1vh}.leyenda .form-control{align-self:center}.leyenda .boton-busqueda{display:inline-flex;align-items:center;justify-content:center;width:95%}.leyenda .iconobuscar{width:24px;height:24px}.leyenda .pacientebuscado{display:flex;align-items:center;gap:8px;width:100%;text-align:left}.body{display:flex;align-items:center;justify-content:center;height:100vh;padding:10px}.login-container{max-width:400px;width:100%;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;margin:auto}}@media (max-width:768px){.form-group{margin-bottom:15px;text-align:left;width:100%}label{font-size:14px;display:block;margin-bottom:5px}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{border-color:#09f;outline:none}.row{margin-top:15px}.row .col-md{font-size:14px}img[alt=logocm]{max-width:200px;margin-bottom:20px}.body{padding:0}.login-container{padding:15px}h2{font-size:20px}.row .col-md{font-size:12px;text-align:center}}