*{box-sizing:border-box}body{font-family:Roboto,sans-serif;margin:0;padding:0}a{text-decoration:none}.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:250px;min-width:150px;padding:10px 15px;text-align:center;text-decoration:none;transition:background-color .3s ease}button:hover{background-color:#218c53}input{font-size:14px}.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}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.card{border:1px solid #ddd;border-radius:8px;margin:70px auto 80px;max-width:70%;min-width:300px;padding:20px;position:relative;width:auto}.card.home{max-width:75%;min-width:300px}.card.smaller{max-width:60%}.card.resumen,.card.smaller{border:1px solid #ddd;border-radius:8px;margin:70px auto 80px;min-width:300px;padding:20px;position:relative;width:auto}.card.resumen{max-width:70%}.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}.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}#filtro-input,#filtro-input-centrales,#filtro-input-ubicaciones{margin-bottom:15px;padding:7px}.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;border-radius:8px;padding:20px;width:600px}.custom-form{width:600px}.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 select,.custom-form textarea{box-sizing:border-box;margin-bottom:10px;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:space-around;margin:0 50px;min-height:85vh}.nombre-columna{width:70%}.acciones-columna{width:15%}.card.requerimientos,.container-form.requerimientos{flex:1;margin:0 10px}.card.requerimientos table .seleccionar-servicio{display:block;margin:0 auto}.card.requerimientos table td:first-child,.card.requerimientos table th:first-child{width:40%}.card.requerimientos table td:not(:first-child),.card.requerimientos table th:not(:first-child){width:20%}#tablaVerRequerimientos th:nth-child(4),#tablaVerRequerimientos th:nth-child(5){width:15%}#tablaVerRequerimientos th:not(:nth-child(4)):not(:nth-child(5)){width:5%}.card.requerimientos{max-height:700px;overflow-y:auto}.container-form.requerimientos{max-height:700px;min-height:700px}.permission-form{margin:50px auto 0;max-width:800px;padding:0 20px}.permission-title{margin-bottom:40px;text-align:center}.permission-columns{display:flex;justify-content:space-between}.permission-column{flex-basis:calc(50% - 20px)}.permission-field{align-items:center;display:flex;margin-bottom:10px;padding:5px}.permission-field.show label{font-weight:700}.permission-field label{align-self:flex-start}.permission-field span{align-self:flex-start;display:block;flex:1}.permission-field label{margin-right:10px;width:150px}.permission-field input,.permission-field select{box-sizing:border-box;flex:1;padding:8px;width:calc(100% - 160px)}.centrar-tabla{text-align:center}.centrar-tabla table{display:inline-block}.card.servicios-permiso table td:first-child,.card.servicios-permiso table th:first-child{width:60%}.card.servicios-permiso table td:not(:first-child),.card.servicios-permiso table th:not(:first-child){width:13%}.card.servicios-permiso{height:350px;overflow-y:auto;width:50%}.card.servicios-requerimiento table td:first-child,.card.servicios-requerimiento table th:first-child{width:60%}.card.servicios-requerimiento table td:not(:first-child),.card.servicios-requerimiento table th:not(:first-child){width:13%}.card.servicios-requerimiento{height:700px;overflow-y:auto;width:50%}.tablas-cotizacion{box-sizing:border-box;margin:100px auto;max-width:1400px;padding:20px;width:100%}.tablas-cotizacion table{border-collapse:collapse;margin-bottom:20px;margin-top:10px;width:100%}.tablas-cotizacion td,.tablas-cotizacion th{padding:7px;text-align:left;width:150px}.custom-form{background-color:#fff;border-radius:8px;margin:auto;padding:20px;width:400px}.custom-form h2{color:#333;text-align:center}.custom-form .form-group{align-items:center;display:flex;margin-bottom:16px}.custom-form .form-group label{color:#555;margin-right:30px;width:25%}.custom-form .form-group input,.custom-form .form-group select,.custom-form .form-group textarea{flex:3;padding:8px}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}}.proxima-expiracion{background-color:#fd9797}#tablaVerUbicaciones{width:100%}#tablaVerUbicaciones td:first-child{width:40%}#tablaVerUbicaciones td{width:20%}.buttons-checkbox-container{align-items:start;display:flex;flex-direction:column;margin-top:45px}.checkbox-container{align-items:center;display:flex;margin-top:20px}#tablaServicios td:nth-child(2),#tablaServicios th:nth-child(2),#tablaTotal td:nth-child(2),#tablaTotal th:nth-child(2){width:30%}#tablaVerResumen th:nth-child(2){width:40%}#tablaVerResumen td:nth-child(6),#tablaVerResumen td:nth-child(7),#tablaVerResumen th:nth-child(6),#tablaVerResumen th:nth-child(7){width:10%}#tablaVerResumen td:last-child,#tablaVerResumen th:last-child{width:5%}.permiso-checkbox{display:block;margin:0 auto}.select2-selection__clear{font-size:12px;padding:2px}.resaltado{background-color:#ffff7d}.section-cotizacion{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:30px}.container-header-cotizacion{align-items:center;display:flex;justify-content:space-between;padding:20px;width:100%}.column-header-cotizacion{display:flex;flex-direction:column;justify-content:flex-end;margin:0;padding:0}.logo{margin-right:330px}.elemento-columna{align-self:flex-end;margin-bottom:0;margin-top:20px}.container-columna{flex-direction:column;margin-top:0}.container-columna,.contrato-central{align-items:center;display:flex;justify-content:center}.contrato-central{flex-direction:row;margin-top:10px}.contrato-central h1{margin:0 10px}.elemento-columna2{margin-bottom:0}#tablaServiciosProforma,#tablaTotalesProforma{margin-left:auto;margin-right:auto;width:100%}#tablaServiciosProforma th:nth-child(2){width:70%}.sin-borde{border:none}.tablas-proforma{box-sizing:border-box;margin-top:20px;max-width:1400px;padding:20px;width:100%}.tablas-proforma table{border-collapse:collapse;margin-bottom:20px;margin-top:10px;width:100%}.tablas-proforma td,.tablas-proforma th{padding:7px;text-align:left;width:150px}.container{margin:0 auto;max-width:900px}td.btn-cell{text-align:center}td.btn-cell:last-child{max-width:1%;white-space:nowrap}.btn-delete{background-color:#f66;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;height:25px;padding:3px 8px;transition:background-color .3s}.btn-delete:hover{background-color:#ff4d4d}.input-exists{background-color:#fcc}.select-proforma-container{display:flex;flex-direction:column}.select-proforma-container label{margin-bottom:5px}.select-proforma-container select{margin-bottom:10px;max-width:100%}#pdfBtn{margin-bottom:30px}.container-form-edp-pdf{border:2px solid #000;box-sizing:border-box;margin:0 auto 35px;padding:20px;width:100%}.container-form-edp{box-sizing:border-box;margin:10px auto;width:100%}.form-row{align-items:center;display:flex;margin-bottom:20px}.form-row label{flex:0 0 30%;margin-bottom:0;margin-left:10px;margin-right:5px}.form-row input{flex:1;margin-bottom:0;width:100%}.form-row input[type=date]{max-width:150px}.card-edp{border:1px solid #ddd;border-radius:8px;margin:70px auto 80px;max-width:50%}.form-row-totales{align-items:center;border:1px solid #000;display:flex;margin-bottom:15px;padding:2px}.form-row-totales label{flex:0 0 80%;margin-bottom:0;margin-left:10px;margin-right:5px}.form-row select{margin-bottom:0}.form-row-totales span{flex:1;width:100%}.form-row-header{align-items:center;display:flex}.form-row-header span{flex:0 0 80%;margin-bottom:0;margin-left:10px;margin-right:5px}.tabla-proformas{border:1px solid #000;border-collapse:collapse;margin-bottom:15px;padding:2px}.tabla-proformas td,.tabla-proformas th{border:1px solid #000}.tabla-proformas th{background-color:#f2f2f2}.tabla-proformas tbody tr{border-bottom:1px solid #000}#tabla-proformas-edp td,#tabla-proformas-edp th{border:none;padding:2px}#tabla-proformas-edp{width:100%}#tabla-proformas-edp tbody tr td:first-child{width:80%}#tabla-proformas-edp tbody tr td{width:20%}#tabla-proformas-edp tbody tr span:first-child{margin-left:10px}.container-form-edp{border-bottom:1px solid #ccc}.form-row-totales.nomargin-bottom{border-bottom:none;margin-bottom:0}.form-row-totales.orden-compra input{margin-bottom:0;width:20%}.form-row-totales.orden-compra label{flex:0 0 20%;margin-bottom:0;margin-left:10px;margin-right:5px}.form-row-totales.detalle input{flex:0 0 20%;margin-bottom:0;margin-right:15px;width:100px}.form-row-totales.detalle label{flex:0 0 20%;margin-bottom:0;margin-left:10px;margin-right:5px}.form-row-totales.detalle span{flex:0 0 60%;margin-bottom:0}.form-row-pdf{align-items:center;display:flex;margin-bottom:5px}.form-row-pdf label{flex:0 0 30%;margin-bottom:0;margin-left:10px;margin-right:5px}.form-row-pdf input{flex:1;margin-bottom:0;width:100%}.form-row-pdf input[type=date]{max-width:150px}.tabla-proformas-pdf{border:2px solid #000;border-collapse:collapse;margin-bottom:15px;max-width:100%;padding:2px}.tabla-proformas-pdf td,.tabla-proformas-pdf th{border:2px solid #000;padding:4px}.tabla-proformas-pdf th{background-color:#f2f2f2}.tabla-proformas-pdf tbody tr{border-bottom:2px solid #000}.container-form-edp-header .logo{margin-right:0}
