.menu{display:none}.div-contenedor-principal-lista-roles{background:#fff;margin:4px auto auto;max-width:1340px;padding:0 8px}.div-contenedor-encabezado-crear,.div-encabezado{max-width:1340px}.div-encabezado{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;padding:8px 8px 8px 2px}.h2-encabezado-titulo{color:#003b5c;font-family:Century Gothic Bold,sans-serif;font-size:36px;font-weight:700;line-height:44px}.h2-encabezado-titulo,.p-encabezado-parrafo{font-style:normal;font-variant:normal;letter-spacing:0;margin:0;opacity:1;padding:0;text-align:left}.p-encabezado-parrafo{color:#333;font-family:Century Gothic,sans-serif;font-size:16px;font-weight:400;line-height:19px}.div-contenedor-boton-crear{display:flex;justify-content:start;margin-bottom:20px;margin-top:3px;padding:0 10px}.button-crear{background:#e0e721 0 0 no-repeat padding-box;border:1px solid #fff;border-radius:50px;color:#333;cursor:pointer;font-family:Century Gothic Bold,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:700;height:39px;letter-spacing:0;line-height:13px;max-width:210px;opacity:1;text-align:center;width:100%}.action-btn{background:transparent;border:none;cursor:pointer}table{border-collapse:separate;border-spacing:5px;margin-top:0;width:100%}.div-tabla-lista-roles{height:500px;max-width:1340px;overflow-x:hidden;overflow-y:auto;padding-left:4px;width:100%}.div-tabla-lista-roles::-webkit-scrollbar{width:5px}.div-tabla-lista-roles::-webkit-scrollbar-track{background-color:transparent;border-radius:20px}.div-tabla-lista-roles::-webkit-scrollbar-thumb{background-color:#e0e721;border:1px solid #e0e721;border-radius:20px}.div-tabla-lista-roles i{height:20px;width:20px}.table-tabla-lista-roles{background:#fff;border-collapse:separate;border-spacing:5px 0;max-width:1340px;width:100%}.table-tabla-lista-roles td.align-center,.table-tabla-lista-roles th.align-left{text-align:left}.table-tabla-lista-roles td.align-center{text-align:center}td+td{border-left:1px solid #ddd}.thead-tabla-lista-roles .grupo-encabezado{background:#eaeff1 0 0 no-repeat padding-box;border-radius:5px;font-size:16px;line-height:20px;padding:10px;position:sticky;top:0;z-index:1}.tbody-tabla-lista-roles .grupo-datos-tabla,.thead-tabla-lista-roles .grupo-encabezado{color:#333;font-family:Century Gothic,sans-serif;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;opacity:1;text-align:left}.tbody-tabla-lista-roles .grupo-datos-tabla{font-size:14px;line-height:17px;padding:17.5px 10px}.tbody-tabla-lista-roles .grupo-datos-tabla:last-child{border-right:none}.div-contenedor-modal-intermedio{position:absolute;right:130px;top:-15px}.modal-contenedor,.modal-contenedor-BORRAR{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.modal-contenedor{align-items:center;display:flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-contenedor.activo{opacity:1;pointer-events:auto}.modal-contenido-crear-rol{background:linear-gradient(90deg,#005151,#003b5c);border-radius:10px;box-sizing:border-box;height:auto;margin:110px auto;max-height:95svh!important;max-width:580px;min-height:362px;min-width:420px;overflow-y:auto!important;padding:20px;position:relative;width:480px}.modal-contenido-crear-rol:before{background:url(https://blog.multiproyectos.com/hubfs/Multiproyectos%20CMI%20-%20Cotizador%20de%20Inmuebles/cmi-icono.svg) no-repeat 5px -95px;background-size:610px 610px;border-radius:10px;content:"";height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%;z-index:0}.modal-contenido-crear-rol>*{position:relative;z-index:1}.label-permisos-crear,.label-titulo-rol-crear{font-size:16px;height:20px;line-height:20px}.input-titulo-rol-crear,.label-permisos-crear,.label-titulo-rol-crear{color:#fff;font-family:Century Gothic,sans-serif;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;opacity:1;text-align:left}.input-titulo-rol-crear{background:none;border:none;box-shadow:none;cursor:pointer;font-size:11px;line-height:13px;margin:0;outline:none;padding:12.5px 0 12.5px 10px;width:100%}.input-titulo-rol-crear::placeholder{color:#fff;opacity:.65}.select-permisos-crear{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;box-shadow:none;color:#fff;cursor:pointer;font-family:Century Gothic,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:13px;margin:0;opacity:1;outline:none;padding:0 0 0 10px;text-align:left;width:100%}.select-permisos-crear option{background-color:#333;color:#fff;text-indent:10px}.div-titulo-rol-crear-padre{margin-top:10px}.div-permisos-crear-padre,.div-titulo-rol-crear-padre{display:flex;flex-direction:column;padding-left:20px;padding-right:20px;row-gap:5px}.div-permisos-crear-padre{margin-top:9px}.div-permisos-crear-hijo,.div-titulo-rol-crear-hijo{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #fff;border-radius:5px;cursor:pointer;display:flex;gap:5px;height:100%;min-height:38px;opacity:1;padding-right:20px;position:relative}.div-botones-cancelar-crear{display:flex;gap:10px;justify-content:space-between;margin-bottom:21px;margin-top:54px;padding-left:20px;padding-right:20px}.button-boton-crear-nuevo-rol{background:#e0e721 0 0 no-repeat padding-box;border:1px solid #fff;border-radius:50px;color:#333;cursor:pointer;font-family:Century Gothic Bold,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:700;height:39px;letter-spacing:0;line-height:13px;max-width:240px;opacity:1;text-align:center;width:100%}.modal-contenedor.editar{opacity:1;pointer-events:auto}.modal-contenido-editar-rol{background:linear-gradient(90deg,#005151,#003b5c);border-radius:10px;box-sizing:border-box;height:100%;margin:45px auto;max-height:95svh!important;max-width:580px;min-height:362px;min-width:580px;overflow-y:auto!important;padding:20px;position:relative;width:100%}.modal-contenido-editar-rol:before{background:url(https://blog.multiproyectos.com/hubfs/Multiproyectos%20CMI%20-%20Cotizador%20de%20Inmuebles/cmi-icono.svg) no-repeat 5px -95px;background-size:610px 610px;border-radius:10px;content:"";height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%;z-index:0}.modal-contenido-editar-rol>*{position:relative;z-index:1}.h2-encabezado-modal{color:#fff;font-family:Century Gothic Bold,sans-serif;font-size:24px;font-style:normal;font-variant:normal;font-weight:700;letter-spacing:0;line-height:29px;margin-bottom:0;margin-top:4px;opacity:1;padding-left:20px;padding-right:20px;text-align:left}.label-permisos-editar,.label-titulo-rol-editar{height:20px}.input-titulo-rol-editar,.label-permisos-editar,.label-titulo-rol-editar{color:#fff;font-family:Century Gothic,sans-serif;font-size:16px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:20px;opacity:1;text-align:left}.input-titulo-rol-editar{background:none;border:none;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:9px 0 9px 10px;width:100%}.input-titulo-rol-editar::placeholder{color:#fff;opacity:.65}.select-permisos-editar{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;box-shadow:none;color:#fff;cursor:pointer;font-family:Century Gothic,sans-serif;font-size:16px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:20px;margin:0;opacity:1;outline:none;padding:0 0 0 10px;text-align:left;width:100%}.select-permisos-editar option{background-color:#333;color:#fff;text-indent:10px}.div-titulo-rol-editar-padre{margin-top:10px}.div-permisos-editar-padre,.div-titulo-rol-editar-padre{display:flex;flex-direction:column;padding-left:20px;padding-right:20px;row-gap:5px}.div-permisos-editar-padre{margin-top:9px}.div-permisos-editar-hijo,.div-titulo-rol-editar-hijo{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #fff;border-radius:5px;cursor:pointer;display:flex;gap:5px;height:100%;min-height:38px;opacity:1;padding-right:20px;position:relative}.div-botones-cancelar-editar{display:flex;gap:10px;justify-content:space-between;margin-bottom:21px;margin-top:54px;padding-left:20px;padding-right:20px}.button-boton-editar-rol{background:#e0e721 0 0 no-repeat padding-box;border:1px solid #fff;border-radius:50px;color:#333;cursor:pointer;font-family:Century Gothic Bold,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:700;height:39px;letter-spacing:0;line-height:13px;max-width:230px;opacity:1;text-align:center;width:100%}.modal-contenido-eliminar-rol{background:linear-gradient(90deg,#005151,#003b5c);border-radius:10px;box-sizing:border-box;height:100%;margin:110px auto;max-height:289px;max-width:580px;min-height:289px;padding:20px;position:relative;width:100%}.modal-contenido-eliminar-rol:before{background:url(https://blog.multiproyectos.com/hubfs/Multiproyectos%20CMI%20-%20Cotizador%20de%20Inmuebles/cmi-icono.svg) no-repeat 5px -95px;background-size:610px 610px;border-radius:10px;content:"";height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%;z-index:0}.modal-contenido-eliminar-rol>*{position:relative;z-index:1}.h2-encabezado-modal-eliminar-rol{color:#fff;font-family:Century Gothic Bold,sans-serif;font-size:24px;font-style:normal;font-variant:normal;font-weight:700;letter-spacing:0;line-height:29px;margin-bottom:0;margin-top:49px;opacity:1;padding-left:0;padding-right:0;text-align:center}.div-botones-cancelar-eliminar{display:flex;gap:10px;justify-content:space-between;margin-bottom:51px;margin-top:22px;padding-left:20px;padding-right:20px}.button-boton-cancelar{background:transparent;font-family:Century Gothic,sans-serif;font-weight:400;max-width:178px}.button-boton-cancelar,.button-boton-eliminar-rol{border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-size:11px;font-style:normal;font-variant:normal;height:39px;letter-spacing:0;line-height:13px;opacity:1;text-align:center;width:100%}.button-boton-eliminar-rol{background:transparent linear-gradient(90deg,#f00000,#780000) 0 0 no-repeat padding-box;font-family:Century Gothic Bold,sans-serif;font-weight:700;max-width:226px}.select2-container--default .select2-search__field::placeholder{color:#fff!important;font-family:Century Gothic,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:13px}.select2-container--default .select2-selection--multiple{background-color:transparent;border:none;cursor:pointer!important}.select2-container--default.select2-container--focus .select2-selection--multiple{border:none}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:transparent;border:1px solid #fff;padding-bottom:2px;padding-top:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:#005151;font-size:1.4em}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,.select2-container--default .select2-results__option--selected{background-color:#747474}.select2-container--default .select2-search--inline .select2-search__field{align-content:center;color:#fff}.select2-dropdown{background-color:#333}span{color:#fff;font-family:Century Gothic,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:13px}@media (max-width:1054px){table{display:block;overflow-x:auto;white-space:nowrap}table::-webkit-scrollbar{width:5px}table::-webkit-scrollbar-track{background-color:transparent;border-radius:20px}table::-webkit-scrollbar{height:5px}table::-webkit-scrollbar-thumb{background-color:#e0e721;border:1px solid #e0e721;border-radius:20px}}@media (max-width:959px){.modal-contenido-crear-rol{box-sizing:border-box;height:100%;max-width:475px;min-width:475px;padding:20px;width:100%}.div-contenedor-modal-intermedio{position:absolute;right:100px;top:0}.modal-contenido-editar-rol{box-sizing:border-box;height:100%;max-width:475px;min-width:475px;padding:20px;width:100%}}@media (max-width:768px){.modal-contenido-eliminar-rol{max-height:320px;max-width:400px;padding:20px;width:100%}.div-contenedor-modal-intermedio{position:static!important}.div-encabezado{align-items:center;flex-direction:column;justify-content:center;margin-bottom:15px;row-gap:15px}.h2-encabezado-titulo{text-align:center}.div-contenedor-boton-crear{justify-content:center}.p-encabezado-parrafo{text-align:center}}@media (max-width:550px){.modal-contenido-eliminar-rol{max-height:400px!important;max-width:300px!important;padding:20px;width:100%}.div-botones-cancelar-eliminar{align-items:center;display:flex;flex-direction:column-reverse;gap:10px}.button-boton-cancelar,.button-boton-eliminar-rol{max-width:178px;width:100%}.select2-container .select2-selection--multiple .select2-selection__rendered{display:flex;flex-direction:column;width:86%}.modal-contenido-crear-rol,.modal-contenido-editar-rol{box-sizing:border-box;height:100%;max-width:300px!important;min-height:416px;min-width:300px!important;padding:20px;width:100%}.div-botones-cancelar-crear{align-items:center;flex-direction:column-reverse}.button-boton-crear-nuevo-rol{max-width:178px}.div-botones-cancelar-editar{align-items:center;flex-direction:column-reverse}.button-boton-editar-rol{max-width:178px}}.div-permisos-crear-hijo .select2-selection.select2-selection--multiple,.div-permisos-editar-hijo .select2-selection.select2-selection--multiple{padding-bottom:9.5px!important;padding-top:9.5px!important}.div-permisos-crear-hijo .select2-search__field,.div-permisos-editar-hijo .select2-search__field{margin-left:10px!important;margin-top:0!important}.div-permisos-crear-hijo .select2-selection__choice,.div-permisos-editar-hijo .select2-selection__choice{margin-bottom:2px;margin-left:10px!important;margin-top:0!important}.div-permisos-crear-hijo .select2-selection.select2-selection--multiple,.div-permisos-editar-hijo .select2-selection.select2-selection--multiple{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:auto}.div-permisos-crear-hijo .select2-selection__rendered,.div-permisos-editar-hijo .select2-selection__rendered{display:block;list-style:none;margin:0;padding:0;width:auto}