*{box-sizing:border-box}body{font-family:Roboto,sans-serif;margin:0;padding:0}.navbar{align-items:center;background-color:#33383d;box-shadow:0 0 10px rgba(0,0,0,.1);color:#ecf0f1;display:flex;font-family:Arial,sans-serif;justify-content:space-between;padding:15px}.navbar nav ul{display:flex;list-style-type:none;margin:0;padding:0}.navbar nav li{margin-right:15px}.navbar nav a{color:#ecf0f1;font-size:16px;text-decoration:none;transition:color .3s ease}.navbar .logo{font-size:24px;font-weight:700;margin-right:20px}.navbar .user-area{margin-left:auto}.navbar .login-button{background-color:#3498db;border:none;border-radius:4px;color:#ecf0f1;cursor:pointer;padding:8px 15px;transition:background-color .3s ease}.navbar .login-button:hover{background-color:#2980b9}button{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;max-width:170px;min-width:150px;padding:10px 15px;text-align:center;text-decoration:none;transition:background-color .3s ease}button:hover{background-color:#218c53}td button.agregar-servicio{background-color:#0b86d8;border:2px solid #2980b9;border-radius:5px;color:#fff;display:block;font-size:14px;margin:0 auto;padding:6px;text-align:center;transition:background-color .3s ease,color .3s ease;&:hover{background-color:#2980b9;color:#fff}}td button.eliminar-servicio{background-color:#d35344;border:2px solid #c0392b;border-radius:5px;color:#fff;display:block;font-size:14px;margin:0 auto;padding:6px;text-align:center;transition:background-color .3s ease,color .3s ease;&:hover{background-color:#c0392b;color:#fff}}.small-btn{font-size:12px;min-width:100px;padding:5px 10px}table,td,th{border:1px solid #ddd}.titulo-container{text-align:center}th{background-color:#3a4249}footer,th{color:#fff}footer{background-color:#333;bottom:0;padding:10px 0;position:fixed;text-align:center;width:100%}form button,form input,form label,form select,form table{margin-bottom:10px}tbody tr{margin-bottom:5px}.cotizacion{font-size:2.5rem;margin:0;text-align:center}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.section-cotizacion{padding-bottom:100px}.section-cotizacion,.tablas-standard{align-items:center;display:flex;flex-direction:column;justify-content:center}.tablas-standard{margin:0 auto 100px;max-width:1000px;padding:20px}.tablas-standard table{border-collapse:collapse;margin-bottom:20px;margin-top:10px;width:100%}.tablas-standard td,.tablas-standard th{padding:10px;text-align:left}td input,th input{box-sizing:border-box;width:80px}#pdfBtn:hover{background-color:#45a049}.container-info-cliente input,.container-info-cliente select{box-sizing:border-box;padding:8px;width:100%}.container-info-cliente,.tablas-cotizacion,.tablas-cotizacion-servicios{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:20px;width:100%}.container-info-cliente table,.tablas-cotizacion table,.tablas-cotizacion-servicios table{border-collapse:collapse;margin-bottom:20px;margin-top:10px;width:100%}.container-info-cliente td,.container-info-cliente th,.tablas-cotizacion td,.tablas-cotizacion th,.tablas-cotizacion-servicios td,.tablas-cotizacion-servicios th{padding:7px;text-align:left;width:150px}.container-info-cliente{display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.column-info-cliente{box-sizing:border-box;width:40%}.logo-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.logo{margin-right:20px;max-width:300px}.cotizacion-title{margin:0}.container-header-cotizacion{align-items:center;display:flex;justify-content:space-between;max-width:1200px;padding:20px;width:100%}.column-header-cotizacion{box-sizing:border-box;width:40%}.tabla-con-scroll{max-height:260px;overflow-y:auto}.tabla-con-scroll table{border-collapse:collapse;width:100%}.tabla-con-scroll td,.tabla-con-scroll th{border:1px solid #ddd;padding:8px}.tabla-con-scroll th{position:sticky;top:0;z-index:1}#filtro-input-servicios{margin-bottom:15px;padding:8px}.alert-danger{align-items:center;background-color:#f8d7da;border:1px solid transparent;border-radius:.25rem;color:#721c24;display:flex;margin-bottom:1rem;padding:1rem}.alert-danger i{font-size:1.5rem;margin-right:.5rem}.alert-danger ul{list-style:none;margin:0;padding:0}.alert-danger li{color:#721c24}.alert-success{align-items:center;background-color:#d4edda;border:1px solid transparent;border-radius:.25rem;color:#155724;display:flex;margin-bottom:1rem;padding:1rem}.alert-success i{font-size:1.5rem;margin-right:.5rem}.alert-success ul{list-style:none;margin:0;padding:0}.alert-success li{color:#155724}.sidebar{background-color:#2c2c2c;box-sizing:border-box;color:#fff;height:100%;overflow-y:auto;padding:20px;width:200px}.sidebar-nav{margin-top:20px}.sidebar-nav a{border-bottom:1px solid #555;color:#fff;display:block;padding:10px 0;text-decoration:none}.sidebar-nav a:hover{background-color:#555}.content{align-items:center;box-sizing:border-box;display:flex;flex:1;flex-direction:column;justify-content:center;overflow-y:auto;padding:20px}.custom-table{border-collapse:collapse;margin-top:20px;width:100%}.custom-table td,.custom-table th{border:1px solid #333;padding:8px;text-align:left}.custom-table th{background-color:#2c3e50;color:#ecf0f1;padding:10px}.container-form{border:1px solid #ddd;width:400px}.container-form,.custom-form{border-radius:8px;padding:20px}.custom-form{background-color:#fff;margin:auto;width:300px}.custom-form h2{color:#333;text-align:center}.custom-form label{color:#555;display:block;margin-bottom:8px}.custom-form input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:16px;padding:8px;width:100%}.custom-form input[type=submit]{background-color:#27ae60;color:#fff;cursor:pointer}.custom-form input[type=submit]:hover{background-color:#218c53}.center-container{align-items:center;display:flex;justify-content:center;margin:0;min-height:85vh}.card{border:1px solid #ddd;border-radius:8px;margin:70px auto 20px;max-width:70%;min-width:300px;padding:20px;position:relative;width:auto}.card h1{margin-bottom:20px;margin-left:20px;margin-right:20px;text-align:center}.top-right,.top-right #filtro-input-servicios{position:absolute;top:50px}.top-right{right:20px}.card #filtro-input-servicios{left:20px}.card table{border-collapse:collapse;margin-top:40px;width:100%}.card td,.card th{border:1px solid #ddd;padding:8px;text-align:left;width:150px}.card td{word-wrap:break-word}.card th{background-color:#33383d;color:#fff}.card td a{display:inline-block;margin-right:10px;text-decoration:none}table th{background-color:#33383d;color:#ecf0f1}table td,table th{padding:10px}.input-container{align-items:center;display:flex;height:100%;justify-content:center}.input-container input{margin:0}.th-numIdentificador{background-color:#e0e0e0;color:#000}.th-cliente{background-color:#f2f2f2;color:#000}.custom-form select,.custom-form textarea{box-sizing:border-box;margin-bottom:10px;padding:8px;width:100%}.acciones{display:flex;gap:10px}.acciones form{margin:0}#gastosGeneralesUtilidadInput{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background-color:transparent;border:none;padding:0;width:auto;width:20px}textarea{box-sizing:border-box;width:100%}.input-show-gastos{width:30px}.container-space-between{align-items:center;display:flex;justify-content:space-between}.input-contenedor{flex-grow:1}.modal{background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background-color:#fefefe;border:1px solid #888;left:50%;margin:auto;max-width:80%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}
