.v-stepper__wrapper[data-v-7236ba0a]{padding:0 4px 8px!important}.picker_color[data-v-7236ba0a]{display:grid;grid-row-gap:10px;grid-template-rows:-webkit-max-content;grid-template-rows:max-content}.picker_color[data-v-7236ba0a] label{font-size:14px}.picker_color[data-v-7236ba0a] .v-skeleton-loader__list-item{padding:0}.picker_color[data-v-7236ba0a] .v-skeleton-loader__list-item .v-skeleton-loader__text{height:100%}.picker_color[data-v-7236ba0a] .v-menu__content .v-list-item:hover{background-color:inherit!important}.picker_color[data-v-7236ba0a] .color_btn{cursor:pointer;border:2px solid #dddada;border-radius:8px;padding:8px 16px;font-size:14px;line-height:16px;width:-webkit-max-content;width:-moz-max-content;width:max-content}[data-v-7236ba0a] .v-btn__content{font-size:.875rem!important}.v-stepper__wrapper[data-v-0f4955fd]{padding:0 4px 8px!important}.wrapper_create_roles[data-v-0f4955fd]{padding:30px 60px}.wrapper_create_roles h4[data-v-0f4955fd]{font-weight:400;font-size:24px;line-height:148%;color:#2c2c2c;margin:31px 0 30px 0}.wrapper_create_roles label[data-v-0f4955fd]{font-weight:400;font-size:14px;line-height:26px;color:#52525f}.wrapper_create_roles .v-expansion-panels[data-v-0f4955fd]{z-index:0}.wrapper_create_roles[data-v-0f4955fd] .inputName .v-skeleton-loader{width:220px}.wrapper_create_roles[data-v-0f4955fd] .inputName .v-skeleton-loader__list-item{padding:0}.wrapper_create_roles[data-v-0f4955fd] .inputName .v-skeleton-loader__list-item .v-skeleton-loader__text{height:100%}.wrapper_create_roles[data-v-0f4955fd] .inputName .name_roles{box-sizing:border-box;border-radius:4px}.wrapper_create_roles[data-v-0f4955fd] .inputName .name_roles .v-input__slot{min-height:46px}.wrapper_create_roles[data-v-0f4955fd] .inputName .name_roles.v-input--is-focused fieldset{color:#2c2c2c}.wrapper_create_roles[data-v-0f4955fd] .inputName .name_roles.v-input--is-label-active fieldset{color:#26bc2c!important}.wrapper_create_roles[data-v-0f4955fd] .inputName .name_roles:hover fieldset{color:#2c2c2c}.wrapper_create_roles .top[data-v-0f4955fd]{display:grid;grid-template-columns:auto auto auto;grid-column-gap:60px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.wrapper_create_roles .top .textColor[data-v-0f4955fd]{display:grid;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;grid-row-gap:10px}.wrapper_create_roles .top .textColor .grid[data-v-0f4955fd]{display:grid;grid-template-columns:auto auto;grid-column-gap:10px;justify-content:flex-start}.wrapper_create_roles .top .textColor .grid .color_text[data-v-0f4955fd]{width:30px;height:30px;border-radius:8px;border:2px solid #dddada;position:relative}.wrapper_create_roles .top .textColor .grid .color_text_white[data-v-0f4955fd]{background-color:#fff}.wrapper_create_roles .top .textColor .grid .color_text_black[data-v-0f4955fd]{background-color:#000}.wrapper_create_roles .top .textColor .grid .color_text[data-v-0f4955fd]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 10px);height:calc(100% + 10px);border-radius:8px;transition:.3s;border:2px solid transparent}.wrapper_create_roles .top .textColor .grid .color_text[data-v-0f4955fd]:hover:before{border:2px solid #6ab1d8}.wrapper_create_roles .top .textColor .grid .color_text.active[data-v-0f4955fd]:before{border:2px solid #277faf}.wrapper_create_roles[data-v-0f4955fd] .mid_panels{display:grid;grid-template-columns:1fr 1fr;align-items:start;align-content:start;grid-column-gap:20px;grid-row-gap:20px}@media screen and (min-width:2300px){.wrapper_create_roles[data-v-0f4955fd] .mid_panels{grid-template-columns:1fr 1fr 1fr}}.wrapper_create_roles[data-v-0f4955fd] .mid_panels .v-expansion-panel-header{font-weight:500;font-size:20px;line-height:36px;color:#2c2c2c;transition:all .3s}.wrapper_create_roles[data-v-0f4955fd] .mid_panels .v-expansion-panel-header--active{background:#277faf;color:#fff}.wrapper_create_roles[data-v-0f4955fd] .mid_panels .v-expansion-panel-header--active .v-icon{color:#fff!important}.wrapper_create_roles[data-v-0f4955fd] .mid_panels .v-expansion-panel-header--active:hover{background:#16558f}.wrapper_create_roles[data-v-0f4955fd] .mid_panels .v-expansion-panel-header:hover{background:#277faf;color:#fff}.wrapper_create_roles[data-v-0f4955fd] .mid_panels .v-expansion-panel-header:hover .v-icon{color:#fff}.wrapper_create_roles[data-v-0f4955fd] .mid_panels .v-expansion-panel-content__wrap{padding:24px;border-top:1px solid #dcecf5}.wrapper_create_roles[data-v-0f4955fd] .mid_panels .v-expansion-panel-content .item{display:grid;grid-template-columns:200px auto;font-weight:400;font-size:20px;line-height:36px;color:#48525d;align-items:center;align-content:center}.wrapper_create_roles[data-v-0f4955fd] .mid_panels .v-expansion-panel-content .item .v-input__slot{margin:0}.wrapper_create_roles[data-v-0f4955fd] .mid_panels .v-expansion-panel-content .item .v-select__selection--comma{white-space:normal}.v-stepper__wrapper{padding:0 4px 8px!important}.wrapper_create_roles .v-input__append-inner{height:100%;width:46px;background-color:#277faf;margin-top:0!important;display:flex;align-items:center}.wrapper_create_roles .v-input__append-inner i{color:#fff!important;font-size:15px}.wrapper_create_roles .v-menu__content{border-radius:0!important}.wrapper_create_roles .v-menu__content .v-list{padding:0}.wrapper_create_roles .v-list-item__content{font-size:14px;line-height:16px;color:#2c2c2c}