.canales-comerciales-perfil{width:350px;padding:10px;max-height:330px}.canales-comerciales-perfil .header-usuario{display:flex;align-items:center}.canales-comerciales-perfil .header-usuario .user-iniciales-avatar{height:34px;width:34px;background:#01132d;border-radius:50%;position:relative;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center}.canales-comerciales-perfil .header-usuario .user-iniciales-avatar .estado-usuario{height:12px;width:12px;background:#4caf50;border-radius:50%;position:absolute;top:-2px;right:-3px;border:2px solid #fff}.canales-comerciales-perfil .header-usuario .user-name-cabecera{color:#01132d;font-size:14px;font-weight:700;max-width:270px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start}.canales-comerciales-perfil .header-usuario .nombre-canal-cabecera{color:#01132d;font-size:10px;font-weight:500;max-width:270px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start}.canales-comerciales-perfil .content-canales{background:#f2f3f5;padding:8px;border-radius:16px;margin-top:10px}.canales-comerciales-perfil .content-canales .title-content-canales{display:flex;justify-content:flex-start;font-size:14px;font-weight:700;color:#01132d;margin-bottom:10px}.canales-comerciales-perfil .content-canales .content-canales-list{max-height:170px;overflow:auto}.canales-comerciales-perfil .content-canales .content-canales-list .canal-comercial-content{padding:9px;display:flex;align-items:center;cursor:pointer}.canales-comerciales-perfil .content-canales .content-canales-list .canal-comercial-content.selected{border:1px solid #b4b7c1;border-radius:12px;background:#e5e6ea;padding:8px}.canales-comerciales-perfil .content-canales .content-canales-list .canal-comercial-content .mb-5{margin-bottom:5px}.canales-comerciales-perfil .content-canales .content-canales-list .canal-comercial-content .canal-iniciales-avatar{height:26px;width:26px;background:#01132d;border-radius:50%;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center}.canales-comerciales-perfil .content-canales .content-canales-list .canal-comercial-content .name-canal{color:#01132d;font-size:14px;margin-left:10px;max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start}.canales-comerciales-perfil .separator{border-top:1px solid #cecece;margin-bottom:16px;margin-top:16px}.canales-comerciales-perfil .cerrar-secion{color:#fa004b;display:flex;justify-content:flex-start;font-size:14px;font-weight:500;cursor:pointer;padding-left:10px;align-items:center}.canales-comerciales-perfil .cerrar-secion i{margin-right:10px}.app-layout-header{align-items:center;background:#fff;box-shadow:0 3px 4px rgba(53,66,91,.1);display:flex;flex-flow:row nowrap;height:50px;justify-content:space-between;z-index:2}.app-layout-header .app-layout-header-wrap{align-items:center;display:flex;justify-content:space-between;max-height:50px;width:100%}.app-layout-header .app-layout-header-wrap .app-layout-header-left{display:flex;flex-flow:row nowrap;height:50px;max-width:calc(100% - 280px);overflow:hidden}.app-layout-header .app-layout-header-wrap .app-layout-header-left .menu-toggler{align-items:center;display:flex;justify-content:center}.app-layout-header .app-layout-header-wrap .app-layout-header-left .menu-toggler button{background:none;border:0;color:var(--primary-950);cursor:pointer;font-size:20px;outline:0;padding:0;padding-left:30px;padding-right:30px}.app-layout-header .app-layout-header-wrap .app-layout-header-left .app-layout-header-tabs{display:flex;flex-flow:row nowrap;overflow:hidden}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs{display:none}.app-layout-header .app-layout-header-wrap .app-layout-header-right-slot{align-items:center;display:flex;flex-flow:row nowrap;height:50px}.app-layout-header .app-layout-header-wrap .app-layout-header-right-slot .company{display:flex;flex-direction:column;height:100%;justify-content:space-around;max-width:180px;padding:6px 10px}.app-layout-header .app-layout-header-wrap .app-layout-header-right-slot .company span:first-child{font-size:10px;font-weight:100;margin-top:2px}.app-layout-header .app-layout-header-wrap .app-layout-header-right-slot .company span:last-child{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.app-layout-header .app-layout-header-link{align-items:center;background:#fff;color:var(--grey-400);display:flex;flex-flow:row nowrap;font-size:14px;margin-right:5px;max-width:150px;overflow:hidden;padding:14px;text-decoration:inherit;transition:all .15s}.app-layout-header .app-layout-header-link span{overflow:hidden;padding-top:0;text-overflow:ellipsis;transform:translate(10px);transition:transform .15s ease-in-out;white-space:nowrap}.app-layout-header .app-layout-header-link button{background:none;border:0;color:#7684ad;cursor:pointer;font-size:16px;opacity:0;padding-top:2px}.app-layout-header .app-layout-header-link:hover:not(.hide-close) span{transform:translate(0)}.app-layout-header .app-layout-header-link:hover:not(.hide-close) button{opacity:inherit;transform:translate(5px)}.app-layout-header .app-layout-header-link.router-link-exact-active{background:var(--primary-950);color:#fff}.app-layout-header .app-layout-header-link.router-link-exact-active button{color:#fff}@media(max-width:1100px){.app-layout-header .app-layout-header-wrap .app-layout-header-left{max-width:100%;overflow:initial}.app-layout-header .app-layout-header-wrap .app-layout-header-left .app-layout-header-tabs{display:none}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs{display:flex}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .app-layout-header-link{cursor:pointer;margin-right:0;max-width:180px;padding:11px 7px 11px 14px;width:180px;height:100%}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .app-layout-header-link span{overflow:hidden;padding-right:10px;padding-top:2px;text-overflow:ellipsis;transform:translate(0);white-space:nowrap;width:calc(100% - 20px)}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .app-layout-header-link span.individual-selected-tab{text-align:center;width:100%}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .app-layout-header-link button{background:none;border:0;color:#7684ad;opacity:1;padding-top:2px;transform:translate(5px);width:20px}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .app-layout-header-link:hover span{transform:translate(0)}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .app-layout-header-link:hover button{opacity:inherit;transform:translate(5px)}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .app-layout-header-link.custom-selected-tab i{padding-top:2px}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .custom-selected-options{box-shadow:1px 3px 4px 1px rgba(53,66,91,.1);max-height:300px;overflow-y:auto}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .custom-selected-options .app-layout-header-link{background:#fff;border-radius:0;color:#9096a1;padding-right:14px}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .custom-selected-options .app-layout-header-link button{color:#9096a1}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .custom-selected-options .app-layout-header-link.hide-close button{display:none}.app-layout-header .app-layout-header-wrap .app-layout-header-left .m-app-layout-header-tabs .custom-select-tabs .custom-selected-options .app-layout-header-link.router-link-exact-active button{color:#9096a1}}@media(max-width:700px){.app-layout-header .app-layout-header-wrap .app-layout-header-right-slot .company{display:none}}.app-layout{display:flex;flex-flow:column;height:100%}.app-layout .app-layout-content{flex:1;overflow-y:auto}.app-layout .template-user{border-left:1px solid #d9d9d9;padding:0 10px;height:60%;display:flex;align-items:center}.app-layout .template-user .user-iniciales-avatar{height:28px;width:28px;background:#01132d;border-radius:50%;position:relative;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center}.app-layout .template-user .user-iniciales-avatar .estado-usuario{height:12px;width:12px;background:#4caf50;border-radius:50%;position:absolute;top:-2px;right:-3px;border:2px solid #fff}.app-layout .template-user .user-name-cabecera{color:#01132d;font-size:14px;font-weight:700;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout .template-user .nombre-canal-cabecera{color:#01132d;font-size:10px;font-weight:500;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}