html{ width:100%; min-height:100%; display:flex; flex-direction:column }
body{ padding: 0; margin: 0; font-family: 'SF Pro Display', sans-serif; font-weight: 400; font-size: 18px; color: #fff; background: #0D0D0D; flex-grow:1; display:flex; flex-direction:column }
*{ box-sizing: border-box; overscroll-behavior-y:none }
a{ text-decoration: none; color: inherit }
form{ margin: 0; padding: 0 }
button, input, textarea{ outline: none; font-family: 'SF Pro Display', sans-serif; letter-spacing:0.03em }



@keyframes rotate{
	from{ transform:rotate(0) }
	to{ transform:rotate(360deg) }
}




.h20{ font-size:20px; line-height:100%; font-weight:600 }
.h16{ font-size:16px; line-height:100%; font-weight:600 }

.m16{ font-size:16px; line-height:140%; font-weight:500 }
.m14{ font-size:14px; line-height:140%; font-weight:500 }
.m12{ font-size:12px; line-height:140%; font-weight:500 }
.m10{ font-size:10px; line-height:140%; font-weight:500 }

.t14{ font-size:14px; line-height:140%; font-weight:400 }
.t12{ font-size:12px; line-height:140%; font-weight:400 }
.t10{ font-size:10px; line-height:140%; font-weight:400 }
.t8{  font-size:8px;  line-height:140%; font-weight:400 }

.color-gray{ color:#808591 }
.color-green{ color:#AFFAAF }
.color-green2{ color:#18c518 }
.color-light-green{ color:#D7FCD7 }
.color-red{ color:#F54C3D }
.color-yellow{ color:#F8FF00 }
.color-orange{ color:#ff8900 }

.text-green{ color:#AFFAAF }
.text-red{ color:#F54C3D }

.status-active{ color:#6ABF40 }
.status-archived{ color:#F54C3D }




#app, #uapp{ width:100%; display:flex; flex-direction:column; flex-grow:1 }




.logo-ubi{ width:49px; height:32px; background:url(../img/logo-ubi_white.svg) no-repeat center / contain }
.logo-id{ width:94px; height:32px; background:url(../img/logo-id_white.svg) no-repeat center / contain }
.logo-admin{ width:166px; height:32px; background:url(../img/logo-admin_white.svg) no-repeat center / contain }
.logo-adw{ width:72px; height:12px; background:url(../img/logo-adw_coloured.svg) no-repeat center / contain }
.logo-adw-crm{ width:205px; height:24px; background:url(../img/logo-adw-crm_coloured.svg) no-repeat center / contain }
.logo-uapp{ width:85px; height:26px; background:url(../img/logo-uapp_coloured.svg?) no-repeat center / contain }
.logo-uapp-crm{ width:140px; height:26px; background:url(../img/logo-uapp-crm_coloured.svg) no-repeat center / contain }




.dashboard{ padding-top:104px; padding-bottom: 40px; display:flex; justify-content:center }
.container{ width:calc(100% - 40px); max-width:1440px }

.content{ flex-grow:1; width:calc(100% - 260px) }
.uapp-showed-comments__anim-show .content{ animation:show-content .3s linear forwards }
.uapp-showed-comments__anim-showed .content{ width:100% }
.uapp-showed-comments__anim-hide .content{ animation:hide-content .3s linear forwards }
@keyframes show-content{
	from{ width:calc(100% - 260px) }
	to{ width:calc(100%) }
}
@keyframes hide-content{
	from{ width:calc(100%) }
	to{ width:calc(100% - 260px) }
}




.nav{ position:fixed; left:0; right:0; top:0; height: 80px; background:#1A1A1A; display:flex; align-items:center; justify-content:center; box-shadow: 0 1px 15px rgba(16, 16, 16, .61); z-index:3000 }
.nav .container{ display:flex; align-items:center; justify-content:space-between; }
.nav-left{ display:flex; align-items:center; }
.nav-logo{ width:239px; height:36px; background:url(img/logo.svg) no-repeat center / contain }


.nav-btn__ubi-id{ display:flex; align-items:center; padding:0 12px; border:1px solid rgba(255, 255, 255, .2); border-radius:12px; height:48px; font-family:'RoadRadio', sans-serif; font-size:24px; font-weight:700; color:#fff; cursor:pointer; transition:background 0.3s, border-color 0.3s, color 0.3s }
.nav-btn__ubi-id > div:nth-child(2){ margin:0 6px; height:24px; width:1px; background:#FF0095; transition:background 0.3s }
.nav-btn__ubi-id:hover{ background:#FF0095; border-color:#FF0095; color:#fff }
.nav-btn__ubi-id:hover > div:nth-child(2){ background:#fff }


.nav-apps{ margin-left:48px; position:relative }
.nav-apps__btn{ width:48px; height:48px; background:#262626; border-radius:16px; cursor:pointer; transition:background 0.2s; display:flex; align-items:center; justify-content:center; position:relative; z-index:2 }
.nav-apps__btn svg{ width:20px; height:20px; fill:#fff; transition:fill 0.2s }
.nav-apps__btn-bg{ position:absolute; left:0; right:0; top:0; height:64px; display:none }
.nav-apps__container{ position:absolute; left:0; top:64px; padding:8px 0 0; display:none }
.nav-apps__content{ padding:24px; border-radius:24px; background:#191919; box-shadow:0 0 20px rgba(0, 0, 0, .5); min-width:708px }
.nav-apps__title{ font-size:20px; font-weight:600; line-height:100%; padding-bottom:16px }
.nav-apps__list{ margin-left:-8px; margin-right:-8px; width:calc(100% + 16px); display:flex; flex-wrap:wrap }
.nav-apps__item{ padding:16px 8px 0; width:50% }
.nav-apps__item > *{ width:322px; padding:16px 48px 16px 16px; border-radius:24px; display:flex; align-items:flex-start; cursor:pointer; position:relative; transition:background 0.3s }
.nav-apps__item-blocked.nav-apps__item > *{ opacity:.5; cursor:default }
.nav-apps__item-active.nav-apps__item > *{ border:1px solid #F8FF00; cursor:default }
.nav-apps__item-active.nav-apps__item > *::before{ content:''; display:block; position:absolute; right:16px; top:16px; width:16px; height:16px; background:url(../img/checkmarks_yellow.svg) no-repeat center / contain }
.nav-apps__logo{ width:48px; min-width:48px; height:48px; border-radius:16px; background:#262626; display:flex; align-items:center; justify-content:center; transition:background 0.3s }
.nav-apps__logo > div{ background:no-repeat center / contain }
.nav-apps__name{ padding-left:16px }
.nav-apps__name > div:nth-child(1){ font-size:14px; font-weight:500; line-height:100%; padding-top:6px }
.nav-apps__name > div:nth-child(2){ font-size:12px; font-weight:400; line-height:140%; margin-top:6px; color:#808591 }
.nav-apps__bg{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.25); backdrop-filter:blur(10px); display:none; z-index:90 }

.nav-apps__item:not(.nav-apps__item-blocked):not(.nav-apps__item-active) > *:hover{ background:#262626 }
.nav-apps__item:not(.nav-apps__item-blocked):not(.nav-apps__item-active) > *:hover .nav-apps__logo{ background:#191919 }

.nav-apps__showed .nav-apps__bg{ display:block; animation:apps-show 0.4s; opacity:1 }
.nav-apps__showed .nav-apps__btn{ background:#F8FF00 }
.nav-apps__showed .nav-apps__btn svg{ fill:#000 }
.nav-apps__showed .nav-apps__btn-bg{ display:block }
.nav-apps__showed .nav-apps__container{ display:block; animation:apps-show 0.4s; opacity:1 }

.nav-apps__adw .nav-apps__logo > div{ width:24px; height:24px; background-image:url(../img/logo-adw-min_yellow.svg) }
.nav-apps__uapp .nav-apps__logo > div{ width:20px; height:20px; background-image:url(../img/logo-uapp-min_red.svg) }
.nav-apps__admin .nav-apps__logo > div{ width:24px; height:24px; background-image:url(../img/logo-admin-min_white.svg) }
.nav-apps__grocks-crm .nav-apps__logo > div{ width:24px; height:24px; background-image:url(../img/logo-g_yellow.svg) }
.nav-apps__grocks-admin .nav-apps__logo > div{ width:24px; height:24px; background-image:url(../img/logo-admin-min_white.svg) }
.nav-apps__item-blocked .nav-apps__logo > div{ width:20px; height:20px; background-image:url(../img/lock_black-50.svg) }

@keyframes apps-show{
	from{ opacity:0 }
	to{ opacity:1 }
}




.sidebar-container{ width:260px }
.sidebar-fixed{ position:fixed; top:104px; left:0; bottom:40px; z-index:50; width:221px; max-width:221px }
.sidebar{ width:221px; min-width:221px; position:relative; z-index:50 }

.uapp-showed-comments__anim-show .sidebar-container{ min-width:unset; animation:hide-sidebar .3s linear forwards }
.uapp-showed-comments__anim-showed .sidebar-container{ min-width:unset; width:0 }
.uapp-showed-comments__anim-hide .sidebar-container{ max-width:unset; animation:show-sidebar .3s linear forwards }
.uapp-showed-comments__anim-show .sidebar-fixed{ overflow:hidden; animation:hide-sidebar-content .255s linear forwards }
.uapp-showed-comments__anim-showed .sidebar-fixed{ width:0; max-width:0; overflow:hidden }
.uapp-showed-comments__anim-hide .sidebar-fixed{ width:0; max-width:0; overflow:hidden; animation:show-sidebar-content .255s .045s linear forwards }
@keyframes hide-sidebar{
	from{ width:260px }
	to{ width:0 }
}
@keyframes show-sidebar{
	from{ width:0 }
	to{ width:260px }
}
@keyframes hide-sidebar-content{
	from{ width:221px; max-width:221px }
	to{ width:0; max-width:0 }
}
@keyframes show-sidebar-content{
	from{ width:0; max-width:0 }
	to{ width:221px; max-width:221px }
}

.sidebar-links{ width:100%; max-width:221px; display:flex; flex-direction:column; align-items:flex-start }
.sidebar-link{ width:100%; height:48px; display:flex; align-items:center; padding:0 16px; background: transparent; transition:background 0.4s; cursor:pointer; border-radius:12px }
.sidebar-link__exit{ width:auto }
.sidebar-link + .sidebar-link, .sidebar-link + .sidebar-links-group, .sidebar-links-group + .sidebar-link{ margin-top:8px }
.sidebar-link:hover{ background:#191919 }
.sidebar-link__exit:hover{ background:transparent }
.sidebar-link__active.sidebar-link{ background:#191919; cursor:default }
.sidebar-link svg{ width:20px; min-width:20px; height:20px; fill:#808591; transition:fill 0.4s }
.sidebar-link.sidebar-link__active svg{ fill:#F8FF00 }
.sidebar-links__uapp .sidebar-link.sidebar-link__active svg{ fill:#F54C3D }
.sidebar-link__text{ font-size:16px; font-weight:500; color:#808591; margin-left:12px; transition:color 0.4s }
.sidebar-link__active .sidebar-link__text{ color:#F8FF00 }
.sidebar-links__uapp  .sidebar-link__active .sidebar-link__text{ color:#F54C3D }

.sidebar-links-group{ width: 100%; }
.sidebar-links-group__btn{ width:100%; height:48px; display: flex; align-items: center; padding: 0 16px; background: transparent; transition: background-color .4s; cursor: pointer; border-radius: 12px; }
.sidebar-links-group.active .sidebar-links-group__btn, .sidebar-links-group:hover .sidebar-links-group__btn{ background-color: #191919 }
.sidebar-links-group__btn svg:nth-child(1), .sidebar-links-group__btn svg:nth-child(3){ width: 20px; min-width: 20px; height: 20px; fill:#808591; transform: rotate(0); transition:fill 0.4s, transform 0.4s }
.sidebar-links-group.active .sidebar-links-group__btn svg:nth-child(3){ transform: rotate(180deg); }
.sidebar-links-group__btn-text{ font-size: 16px; font-weight: 500; color: #808591; margin-left: 12px; transition: color .4s; flex-grow: 1; }
.sidebar-links__group-link-container{ width: 100%; display: flex; padding-top: 8px; }
.sidebar-links__group-link-container > div:nth-child(1){ width: 32px; position: relative; }
.sidebar-links__group-link-container > div:nth-child(1)::before{ content: ''; display: block; position: absolute; left: 16px; top: -8px; height: 56px; width: 1px; background: #3b3b3b;}
.sidebar-links__group-link-container:nth-child(1) > div:nth-child(1)::before{ top: 0; height: 48px; }
.sidebar-links__group-link{ display: flex; align-items: center; height: 48px; flex-grow: 1; padding: 0 16px; background: transparent; border-radius: 12px; cursor: pointer; color: #808591; font-size: 16px; font-weight: 500; transition: color .4s, background-color .4s }
.sidebar-links__group-link.active, .sidebar-links__group-link:hover{ background-color: #191919; }
.sidebar-links__group-link.active{ color: #F8FF00;}
.sidebar-links__group-hidden{ overflow: hidden; max-height: 0; transition: height .5s, max-height .5s; }
.sidebar-links__group-hidden.active{ height: auto; max-height: unset; }

.sidebar-user{ width:100%; max-width: 221px; border-radius:12px; background:#191919; padding:14px 16px; display:flex; align-items: center; cursor:pointer; margin-bottom:16px; position:relative; transition:background-color 0.3s }
.sidebar-user__before-teams{ margin-bottom:8px }
.sidebar-user__data{ padding-left:12px; width:calc(100% - 40px); overflow:hidden; transition:width 0.3s }
.sidebar-user__data > div{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.sidebar-user__data > div:nth-child(2){ margin-top: 2px; color:#808591 }
.sidebar-user__arrow{ width:20px; height:20px; fill:#808591; position:absolute; right:16px; top:50%; transform:translateY(-50%); opacity:0; transition:opacity 0.3s }
.sidebar-user:hover{ background:#262626 }
.sidebar-user:hover .sidebar-user__data{ width:calc(100% - 40px - 30px) }
.sidebar-user:hover .sidebar-user__arrow{ opacity:1 }

.sidebar-select-team{ width:100%; max-width:221px; margin-bottom:24px; color:#fff; white-space:nowrap; position:relative }
.sidebar-selected-team{ width:100%; max-width:100%; display:flex; align-items:center; padding:0 44px 0 16px; height:40px; border-radius:12px; background:#191919; position:relative; cursor:pointer; z-index: 1; transition:background 0.3s }
.sidebar-select-team__active .sidebar-selected-team{ background-color:#262626 }
.sidebar-selected-team svg{ width:18px; height:18px; fill:#fff }
.sidebar-selected-team svg.sidebar-selected-team__arrow{ position:absolute; top:50%; right:16px; transform:translateY(-50%) rotate(0deg); fill:#808591; transition:transform 0.3s }
.sidebar-select-team__active .sidebar-selected-team svg.sidebar-selected-team__arrow{ transform:translateY(-50%) rotate(180deg) }
.sidebar-selected-team .m14{ max-width:calc(100% - 18px); padding-left:10px; overflow:hidden; text-overflow:ellipsis }
.sidebar-select-team__modal{ display:none; position:absolute; padding:8px; left:-8px; top:100%; z-index:2 }
.sidebar-select-team__active .sidebar-select-team__modal{ display:block; animation:show-sidebar-teams-modal 0.5s }
.sidebar-select-team__modal > div{ width:300px; padding:8px; border-radius:12px; box-shadow:0 0 25px rgb(0, 0, 0); background:#191919 }
.sidebar-select-team__team{ display:flex; align-items:center; padding:0 16px; height:40px; color:#808591; max-width:100%; background:transparent; border-radius: 8px; transition:color 0.3s, background 0.3s; cursor:pointer }
.sidebar-select-team__team:not(.sidebar-select-team__team-active):hover{ color:#fff }
.sidebar-select-team__team-active{ color:#F8FF00; background:#262626; cursor:default }
.sidebar-select-team__team svg{ width:18px; height:18px; fill:#808591; transition:fill 0.3s }
.sidebar-select-team__team:not(.sidebar-select-team__team-active):hover svg{ fill:#fff }
.sidebar-select-team__team-active svg{ fill:#F8FF00 }
.sidebar-select-team__team div{ max-width:calc(100% - 18px); padding-left:12px; overflow:hidden; text-overflow:ellipsis }
.sidebar-select-team__modal .btn{ margin-top:8px; font-weight:500 }
.sidebar-selected-team__not-selected{ color:#808591 }
.sidebar-selected-team__not-selected svg.sidebar-selected-team__ico{ fill:#808591 }
.sidebar-select-team__empty{ height:48px; display:flex; justify-content:center; align-items:center; text-align:center; color:#808591 }
@keyframes show-sidebar-teams-modal{
	from{ opacity:0 }
	to{ opacity:1 }
}




.user-avatar, .user-avatar__image{ width:40px; min-width:40px; height:40px; min-height:40px; border-radius:8px }
.user-avatar{ display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; font-family:'RoadRadio', sans-serif; color:#fff }
.user-avatar__image{ background:no-repeat center / cover }

.user-avatar__bg-0{ background-color:#A11FAD }
.user-avatar__bg-1{ background-color:#FF0095 }
.user-avatar__bg-2{ background-color:#FA9EFA }
.user-avatar__bg-3{ background-color:#F2460D }
.user-avatar__bg-4{ background-color:#FF9500 }
.user-avatar__bg-5{ background-color:#F2CC0D }
.user-avatar__bg-6{ background-color:#0080FF }
.user-avatar__bg-7{ background-color:#00D5FF }
.user-avatar__bg-8{ background-color:#396053 }
.user-avatar__bg-9{ background-color:#6ABF40 }
.user-avatar__bg-10{ background-color:#40BF80 }
.user-avatar__bg-11{ background-color:#A68C59 }




.dashboard .container{ display:flex; align-items:flex-start }
.page{ margin:-24px -13px 0; width:calc(100% + 26px); display:flex; flex-wrap:wrap }
.page-card{ width:100%; padding:24px 12px 0; display:flex; flex-direction:column }
.page-card > *{ background:#191919; border-radius:24px; display:flex; flex-direction:column; padding:24px }
.page-card > * + *{ margin-top:24px }
.page-card__top > div{ padding:24px 24px 24px 32px }
.page-card__title{ display:flex; align-items:center; justify-content:space-between; min-height:48px }
.page-card__title:not(:last-child){ padding-bottom:16px}
.page-card__subtitle{ margin-top:8px; color:#808591 }
.page-card__title-left{ display:flex; align-items:center }
.page-card__title-back{ margin-right:16px }

.page-card__title-buttons{ display:flex; align-items:center }
.page-card__title-buttons .btn + .btn{ margin-left:16px }

.page-card__empty-block-ico{ padding:24px 16px; display:flex; align-items:center; border-radius:16px; background:#262626 }
.page-card__empty-block-ico > div:nth-child(1){ width:48px; min-width:48px; height:48px; border-radius:12px; background:#191919; display:flex; align-items:center; justify-content:center }
.page-card__empty-block-ico > div:nth-child(1) svg{ width:20px; height:20px; fill:#fff }
.page-card__empty-block-ico > div:nth-child(2){ padding-left:16px }
.page-card__empty-block-ico > div:nth-child(2) > div:nth-child(1){ text-transform:uppercase }
.page-card__empty-block-ico > div:nth-child(2) > div:nth-child(2){ margin-top:4px; color:#808591 }




.page-form{ flex-grow:1; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100% }
.page-form > div{ margin:-24px 0 0; width:490px; max-width:490px; display:flex; flex-wrap:wrap }




.fullscreen-page{ background:#0D0D0D; display:flex; flex-direction:column; align-items:center }
.fullscreen-page > div{ display:none; width:100%; max-width:calc(100% - 48px); padding-top:100px }
.fullscreen-page.show > div{ display:block }
.fullscreen-page__content{ margin:-24px -13px 0; width:calc(100% + 26px); display:flex; flex-wrap:wrap }
.fullscreen-page__nav{ position:fixed; left:0; top:0; right:0; height:60px; background:#1A1A1A; display:flex; align-items:center; justify-content:center; box-shadow:0 1px 15px rgba(16, 16, 16, .61); z-index:3000 }
.fullscreen-page__nav > div{ width:100%; max-width:calc(100% - 48px); display:flex; align-items:center }
.fullscreen-page__nav-left{ width:300px }
.fullscreen-page__nav-right{ flex-grow:1; display:flex; align-items:center; justify-content:space-between }
.fullscreen-page__nav-content{ display:flex; align-items:center; color:#808591 }
.fullscreen-page__nav-content > svg{ fill:#808591; width:26px; min-width:26px; height:26px; margin-right:12px }
.fullscreen-page__nav-description{ display:flex; align-items:center; font-size:16px; font-weight:300; color:#808591; letter-spacing:0.15em }
.fullscreen-page__nav-description svg{ width:24px; min-width:24px; height:24px; margin-left:32px; fill:#fff; cursor:pointer }




.graph{ display:flex; flex-grow:1 }
.graph-bar{ padding-right:18px }
.graph-bar-item{ display:flex; flex-direction:column; align-items:flex-start }
.graph-bar-item > div:nth-child(1){ font-size:12px; font-weight:500; line-height:100%; color:#808591 }
.graph-bar-item > div:nth-child(2){ font-size:20px; font-weight:600; line-height:100%; margin-top:16px }
.graph-bar-item__percent{ display:flex; align-items:center; padding:0 8px; height:24px; font-size:10px; font-weight:500; margin-top:16px; background:#262626; border-radius:8px }
.graph-bar-item__percent-red{ color:#F54C3D }
.graph-content{ flex-grow:1; background:url(img/temp_chart.svg?) no-repeat top right / contain }




.form{ margin:-8px -4px 0; width:calc(100% + 8px); display:flex; align-items: flex-start; flex-wrap:wrap; position:relative }
.form-btn, .form-btn-grid{ padding:16px 4px 0; width:100%; display:flex; align-items:flex-end }
.form-btn-grid{ padding:8px 4px 0; height:80px }
.form-btn .btn, .form-btn-grid .btn{ width:100% }
.form-btn-line{ padding:8px 4px 0 }

.form-section, .form-section-center{ padding:8px 4px 0; width:100% }
.form-section-center{ text-align:center; display:flex; align-items:center; justify-content:center }
.form-section-fields{ display:flex; flex-wrap:wrap; width:100% }
.form-section-line{ width:100%; padding:0 4px }
.form-section-line__before-field{ padding-bottom:6px }
.form-section-line__before-btn{ padding-bottom:8px }

.form-error{ display:block; padding:24px 8px 0; font-size:14px; font-weight:400; line-height:130%; color:#F54C3D; text-align:center; width:100% }

.form-service{ padding:8px 4px 0; width:100% }
.form-service-field{ display:flex; align-items:center; padding:0 16px; border:1px solid #262626; background:#0D0D0D; color:#fff; width:100%; height:40px; border-radius:10px; font-size:12px; font-weight:500; line-height:100% }
.form-service-field > div:nth-child(1), .form-service-field > svg{ width:18px; min-width:18px; height:18px; margin-right:8px; background:no-repeat center / contain; fill:#808591 }
.form-service-field > div:nth-child(2){ max-width:calc(100% - 18px - 8px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap }

.field{ padding:8px 4px 0; width:100% }
.field-w50{ width:50% }
.field.field-no-padding{ padding:0 }
.field__label-padding, .field-label-padding{ padding-top:40px }
.field-range{ display:flex; align-items:center }
.field-range__line{ width:16px; display:flex; align-items:center; justify-content: center; color:#808591; font-size:14px; font-weight:500 }
.field-label{ display:block; color:#808591; padding:10px 8px; font-size:12px; font-weight:500; line-height:100% }
.field-no-space .field-label{ padding-left:0; padding-right:0 }
.field-container{ position:relative; width:100% }
.field-container-arrow{ display:flex; align-items:center }
.field-range > .field-container{ width:calc(50% - 8px) }
.field input, .field textarea{ display:flex; align-items:center; padding:0 16px; border:1px solid #262626; background:#0D0D0D; color:#fff; caret-color:#fff; width:100%; height:40px; border-radius:10px; font-size:12px; font-weight:500; line-height:100%; transition:border-color 0.3s }
.field input:focus, .field textarea:focus{ border-color:#808591 }
.field textarea{ min-height:80px; padding-top:10px; padding-bottom:10px; resize:none; line-height:120% }

.field-fix-left, .field-fix-right{ position:absolute; left:0; top:50%; transform:translateY(-50%); display:flex; align-items:center; padding-left:16px }
.field-fix-left > div, .field-fix-right > div{ padding-right:10px; color:#808591; font-size:12px; font-weight:500; display:flex; align-items:center; justify-content:center }
.field-fix-left > div > svg, .field-fix-right > div > svg{ width:18px; min-width:18px; height:18px; fill:#808591 }

.field-fix-right{ left:auto; right:0; padding-left:0; padding-right:16px }
.field-fix-right > div{ padding-right:0; padding-left:10px }

.field-invalid input, .field-invalid textarea{ border-color:#F54C3D; color:#F54C3D }
.field-error{ display:block; padding:10px 8px 0; font-size:12px; font-weight:400; line-height:130%; color:#F54C3D }
.field-no-space .field-error{ padding-left:0; padding-right:0 }
.form-btn + .field-error{ margin-top:24px; padding-top:0; padding-bottom:0 }

.field-small{ width:100% }
.field-small input{ display:flex; align-items:center; padding:0 16px; border:1px solid #262626; background:#0D0D0D; color:#fff; width:100%; height:36px; border-radius:10px; font-size:12px; font-weight:500; line-height:100% }

.field.small input, .field.small textarea{ padding:0 12px; height:36px; font-size:11px }
.field.small textarea{ min-height:50px; padding-top:8px; padding-bottom:8px; line-height:120% }

.field__ico{ background:no-repeat center / contain; position:absolute }
.field-small .field-ico-right input{ padding-right:32px }
.field-ico-right .field__ico{ width:20px; min-width:20px; height:20px; right:16px; top:50%; transform:translateY(-50%) }
.field-small .field-ico-right .field__ico{ width:16px; min-width:16px; height:16px; right:8px; top:50%; transform:translateY(-50%) }

.field-ico, .field-ico__left, .field-ico__right{ position:absolute; top:50%; transform:translateY(-50%); width:16px; height:16px; fill:#808591 }
.field-ico__left{ left:16px }
.field-ico__right{ right:16px }
.field-ico-left input{ padding-left:42px }
.field-ico-right input{ padding-right:42px }

.field-big input{ height:48px; border-radius:12px }

.field-arrow, .field-complete{ width:20px; min-width:20px; height:20px; fill:#808591; margin-right:8px; transition:fill 0.3s }
.field-complete{ fill:#F8FF00 }
.field-focus .field-arrow{ fill:#fff }
.field-invalid .field-arrow{ fill:#F54C3D }

.field-password-show{ width:20px; min-width:20px; height:20px; margin-left:8px; cursor: pointer; fill:#808591; transition:fill 0.3s }
.field-password-show:hover{ fill:#fff }

.field-user-role{ display:flex; align-items:center }
.field-user-role > div:nth-child(1){ width:16px; min-width:16px; height:16px; background:no-repeat center / contain; margin-right:6px }
.form-user-role{ display:flex; align-items:center; padding:0 8px }
.form-user-role > div:nth-child(1){ width:20px; min-width:20px; height:20px; background:no-repeat center / contain; margin-right:8px }
.form-user-role__head > div:nth-child(1), .field-user-role__head > div:nth-child(1){ background-image:url(../img/crown_yellow.svg) }
.form-user-role__teamlead > div:nth-child(1), .field-user-role__teamlead > div:nth-child(1){ background-image:url(../img/users_pink.svg) }
.form-user-role__user > div:nth-child(1), .field-user-role__user > div:nth-child(1){ background-image:url(../img/user-round_blue.svg) }

.field-email__verification{ display:flex; align-items:center; position:absolute; top:50%; right:16px; transform:translateY(-50%); white-space:nowrap; font-size:12px; font-weight:500 }
.field-email__verification svg{ width:16px; height:16px; margin-right:4px }
.field-email__verified{ color:#AFFAAF }
.field-email__verified svg{ fill:#AFFAAF }
.field-email__verified + input{ padding-right:105px }
.field-email__not-verified{ color:#F54C3D }
.field-email__not-verified svg{ fill:#F54C3D }
.field-email__not-verified + input{ padding-right:125px }

.field-contacts{ padding:8px 4px 0; width:100% }
.field-contacts__container{ margin: 0 -4px; width:calc(100% + 8px); display:flex; flex-wrap:wrap; margin-top:-10px }
.field-contact{ padding:12px 12px 0; display:flex;align-items:center; color:#fff }
.field-contact > div:nth-child(1){ width:16px; min-width:16px; height:16px; background:no-repeat center / contain; margin-right:8px; white-space:nowrap }
.field-contact__telegram > div:nth-child(1){ background-image:url(../img/telegram_blue.svg) }
.field-contact__skype > div:nth-child(1){ background-image:url(../img/skype_blue.svg) }
.field-contact__email > div:nth-child(1){ background-image:url(../img/email_white.svg) }

.field-service{ display:flex; align-items:center }
.field-service > div:nth-child(1), .field-service > svg:nth-child(1){ width:20px; min-width:20px; height:20px; background:no-repeat center / contain; margin-right:8px }
.field-service__facebook > div:nth-child(1){ background-image:url(../img/facebook_coloured.svg) }
.field-service__slack > div:nth-child(1){ background-image:url(../img/slack_coloured.svg) }
.field-service__proton > div:nth-child(1){ background-image:url(../img/proton_coloured.svg) }
.field-service__dolphin > div:nth-child(1){ background-image:url(../img/dolphin_coloured.svg) }
.field-service__other > svg:nth-child(1){ fill:#0080FF }

.field-files{ color:#fff }
.field-files > input{ display:none }
.field-files__container{ width:100%; border-radius:24px; border:1px solid #262626; background:#0D0D0D; height:204px; padding:16px 0; display:flex }
.field-files__list{ display:flex; overflow:auto; scrollbar-width: none }
.field-files__list::-webkit-scrollbar{ display: none }
.field-files__list > div{ padding:0 4px }
.field-files__list > div:first-child{ padding-left: 16px }
.field-files__list > div:last-child{ padding-right: 16px }
.field-files__block{ display:flex }
.field-files__block > div, .field-files__block > label{ width:138px; min-width:138px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; background:#191919; border-radius:12px }
.field-files__preview{ width:30px; height:30px; border-radius:5px; background:no-repeat center / cover; border:1px solid #262626 }
.field-files__name{ max-width:calc(100% - 20px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; margin-top:8px }
.field-files__size{ margin-top:2px; color:#808591; padding:0 20px }
.field-files__btn{ margin-top:16px }
.field-files__upload > div, .field-files__upload > label{ background:#0D0D0D; border:6px dashed #262626; cursor:pointer }
.field-files__upload-block{ position:absolute; top:-5px; right:-5px; bottom:-5px; left:-5px; background:#0D0D0D; border-radius:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center }
.field-files__upload-ico{ width:30px; height:30px; background:url(../img/image_white.svg) no-repeat center / contain }
.field-files__upload .btn.gray{ width:calc(100% - 40px); background: #262626!important; border-color: #262626!important; color: #fff!important; margin-top:10px }

.field-select-list{ padding:24px 4px 0; width:100% }
.field-select-list__without-padding{ padding-top:8px }
.field-select-list:first-child{ padding-top:32px }
.field-select-list__title{ display:flex; align-items:center; justify-content:space-between; width:100% }
.field-select-list__checkboxes{ display:flex; align-items:center }
.field-select-list__checkboxes .checkbox + .checkbox{ margin-left:24px }
.field-select-list__search{ position:relative; width:100% }
.field-select-list__title + .field-select-list__search{ margin-top:16px }
.field-select-list__search input{ width:100%; height:40px; border:1px solid #262626; border-radius:8px; padding:0 16px 0 44px; color:#fff; background:#0D0D0D; transition:border-color 0.3s }
.field-select-list__search input:focus{ border-color:#808591 }
.field-select-list__search input:placeholder{ color:rgba(255, 255, 255, .2) }
.field-select-list__search label{ width:16px; height:16px; position:absolute; left:16px; top:50%; transform:translateY(-50%); cursor:pointer }
.field-select-list__search svg{ width:16px; height:16px; fill:#808591 }
.field-select-list__container{ margin-top:16px; border-radius:12px; background:#0D0D0D }
.field-select-list__body{ height:346px; max-height:346px; display:flex; flex-direction:column }
.field-select-list__body .prefect9-scroll__content{ flex-grow:1; display:flex; flex-direction:column; padding:8px }
.prefect9-scroll__show-vertical > .field-select-list__body .prefect9-scroll__content{ padding-right:0 }
.field-select-list__checkmark{ position:absolute; top:50%; transform: translateY(-50%); right:16px; width:20px; height:20px; fill:#F8FF00; opacity:0; transition:opacity 0.3s }
#uapp .field-select-list__checkmark{ fill:#F54C3D }
.field-select-list__added{ display: flex; align-items: center; position: absolute; top: 14px; right: 16px; color: #808591; opacity:0; transition:opacity 0.3s }
.field-select-list__added svg{ width: 15px; height: 15px; margin-right: 4px; fill: #808591 }
.field-select-list__empty{ flex-grow:1; display:flex; flex-direction:column; align-items:center; justify-content:center }
.field-select-list__empty .m12{ margin-top:8px; color:#808591 }

.field-select-list__team{ position: relative; display:flex; align-items:center; color:#fff; background:#191919; border: 1px solid #191919; padding:16px; border-radius:12px; cursor:pointer; transition:border-color 0.3s }
.field-select-list__team + .field-select-list__team{ margin-top:8px }
.field-select-list__team-ico{ width:20px; min-width:20px; height:20px; fill:#fff; margin-right:12px }
.field-select-list__team-selected{ border-color:#F8FF00 }
#uapp .field-select-list__team-selected{ border-color:#F54C3D }
.field-select-list__team-selected .field-select-list__checkmark{ opacity:1 }

.field-select-list__user{ width: 100%; border-radius: 12px; background: #191919; display: flex; align-items: center; height: 68px; padding: 0 16px; cursor: pointer; position: relative; border: 1px solid #191919; transition: border-color 0.3s }
.field-select-list__user + .field-select-list__user{ margin-top:8px }
.field-select-list__user .field-select-list__checkmark{ top:14px; transform:none }
.field-select-list__user-selected{ border-color:#F8FF00 }
#uapp .field-select-list__user-selected{ border-color:#F54C3D }
.field-select-list__user-selected .field-select-list__checkmark{ opacity:1 }
.field-select-list__user-added{ border-color: #262626; background: #0d0d0d; cursor: default }
.field-select-list__user-added .field-select-list__added{ opacity:1 }
.field-select-list__user-data{ padding-left: 12px; width: calc(100% - 40px); max-width: calc(100% - 40px); overflow: hidden; white-space: nowrap }
.field-select-list__user-top{ display: flex; align-items: center; color: #fff; transition:padding 0.3s }
.field-select-list__user-selected .field-select-list__user-top{ padding-right:30px }
.field-select-list__user-added .field-select-list__user-top{ padding-right:60px }
.field-select-list__user-added .field-select-list__user-top{ color:#808591 }
.field-select-list__user-name{ max-width: 100%; overflow: hidden; text-overflow: ellipsis; transition:width 0.3s, max-width 0.3s }
.field-select-list__role-head .field-select-list__user-name{ max-width:calc(100% - 75px) }
.field-select-list__role-teamlead .field-select-list__user-name{ max-width:calc(100% - 70px) }
.field-select-list__role-user .field-select-list__user-name{ max-width:calc(100% - 50px) }
.field-select-list__user-ban .field-select-list__user-name{ text-decoration: line-through }
.field-select-list__user-role{ height: 16px; display: flex; align-items: center; padding: 0 4px; border-radius: 4px; margin-left: 8px; font-size: 10px; font-weight: 500; color: #fff }
.field-select-list__role-head .field-select-list__user-role{ background: #F8FF00; color: #030303 }
.field-select-list__role-teamlead .field-select-list__user-role{ background: #FF0095 }
.field-select-list__role-user .field-select-list__user-role{ background: #0080FF }
.field-select-list__user-added .field-select-list__user-role{ background: #262626 !important; color: #808591 !important }
.field-select-list__user-email{ margin-top: 3px; color: #808591; max-width: 100%; overflow: hidden; text-overflow: ellipsis }
.field-select-list__user-ban .field-select-list__user-email{ text-decoration: line-through }
.field-select-list__user-added .user-avatar{ background: transparent !important; border: 1px solid #808591 !important; color: #808591 !important }
.field-select-list__user-added .user-avatar__image{ opacity:.5!important }
.field-select-list__user-ban-ico{ width:16px; height:16px; margin-left:8px; fill:#F54C3D }

.field-payment-methods{ padding:8px 4px 0 }
.field-payment-method{ display:flex; align-items:center; padding-top:2px; padding-left:8px; padding-right:8px }
.field-payment-method + .field-payment-method{ padding-top:12px }
.field-payment-method > div:nth-child(1){ width:16px; min-width:16px; height:16px; margin-right:8px; background:url(../img/tether_green.svg) no-repeat center / contain }
.field-payment-method > div:nth-child(2){ margin-right:8px; color:#50AF95 }
.field-payment-method span{ color:#F54C3D }


.field-team{ padding:8px 4px 0; width:100% }
.field-team > div{ display:flex; align-items:center; padding:0 16px; background:#000; height:40px; width:100%; border-radius:10px; font-size:12px; font-weight:500; letter-spacing:0.04em }
.field-team > div > div:nth-child(2){ width:calc(100% - 16px); max-width:calc(100% - 16px); padding-left:8px; overflow:hidden; text-overflow:ellipsis }
.field-team svg{ width:16px; min-width:16px; height:16px; fill:#fff }


.field-tags{ padding:8px 4px 0; width:100% }
.field-tags__container{ width:100%; border:1px solid #262626; border-radius:10px; color:#1a1f36; padding:4px 13px 12px; display:flex; align-items:center; flex-wrap:wrap; cursor:text; transition:border-color .3s; background:#0D0D0D }
.field-tags__block{ padding:8px 2px 0 }
.field-tags__body{ color:#0d0d0d; background:#898989; font-size:10px; font-weight:500; line-height:14px; display:flex; align-items:center; height:16px; border-radius:4px; position:relative; padding:0 18px 0 4px; cursor:pointer }
.field-tags__body svg{ position:absolute; width:10px; height:10px; right:4px; top:50%; transform:translateY(-50%); fill:#000 }
.field-tags__new{ padding:8px 2px 0 4px; max-width:100% }
.field-tags__input{ position:relative; max-width:100% }
.field-tags__input-pre, .field-tags__input-field{ font-size:12px; font-weight:500; line-height:16px; white-space:nowrap; padding:0; border:0; background:transparent; letter-spacing:0.02em; font-family:'Roboto', sans-serif; margin:0; color:#fff; caret-color:#fff }
.field-tags__input-field{ position:absolute; left:0; top:0 }
.field-tags__input-pre{ opacity:0; white-space:pre; max-width:100%; overflow:hidden }


.field-file{ padding:18px 4px 0; width:100% }
.field-file > input{ display:none }
.field-file__container{ width:100%; border-radius:12px; border:5px dashed #262626; position:relative; padding:12px; display:flex; align-items:flex-start; width:100%; cursor:pointer; transition:border-color .3s }
.field-file.disabled .field-file__container{ cursor:default }
.field-file:not(.disabled) .field-file__container:hover{ border-color:#fff }
.field-file__container::before{ content:''; display:block; position:absolute; left:-4px; right:-4px; top:-4px; bottom:-4px; background:#191919; border-radius:12px }
.field-file__ico, .field-file__img{ position:relative; z-index:2; width:40px; min-width:40px; height:40px; border:1px solid #262626; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:8px; background:#0D0D0D; overflow:hidden }
.field-file__img{ border-color:#808591 }
.field-file__ico > svg{ width:18px; height:18px; fill:#fff }
.field-file__img-bg{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:no-repeat center / cover }
.field-file__img-size{ position:absolute; top:18px; left:0; right:0; bottom:0; z-index:2; background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); display:flex; align-items:flex-end; justify-content:center; font-size:8px; font-weight:400; color:#fff; padding-bottom:4px }
.field-file:not(.disabled) .field-file__img:hover .field-file__img-size{ display:none }
.field-file__img-delete, .field-file__ico-delete{ display:none; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background:rgba(0, 0, 0, .7); align-items:center; justify-content:center }
.field-file__ico-delete{ background:#000 }
.field-file__img-delete svg, .field-file__ico-delete svg{ width:22px; height:22px; fill:#fff }
.field-file:not(.disabled) .field-file__img:hover .field-file__img-delete, .field-file:not(.disabled) .field-file__ico:hover .field-file__ico-delete{ display:flex }
.field-file__ico-size{ font-size:8px; font-weight:400; color:#fff; margin-top:2px }
.field-file__data{ position:relative; z-index:2; padding-left:16px }
.field-file__data .m12{ color:#fff; margin-top:3px }
.field-file__data .m12 + .t10{ margin-top:4px }
.field-file__data .t10 + .t10{ margin-top:2px }


.field-password .field-ico__right{ cursor:pointer }


.field-find-users{ z-index:15; position:relative }
.field-find-users input + .field-ico__left{ transition:fill .3s }
.field-find-users input:focus + .field-ico__left{ fill:#F8FF00 }
.field-find-users__modal{ position:absolute; left:0; right:0; top:calc(100% + 5px); background:#000; border:1px solid #808591; font-size:12px; font-weight:400; color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, .6); z-index:15; overflow:hidden }
.field-find-users__modal-loading{ display:flex; align-items:center; justify-content:center; padding:16px; color:#808591 }
.field-find-users__modal-loading > div:nth-child(1){ width:14px; height:14px; margin-right:8px; background:url(../img/loader_gray.webp) no-repeat center / contain; animation:1.4s rotate linear infinite }
.field-find-users__modal-message{ padding:16px; color:#808591; width:100%; text-align:center }
.field-find-users__modal > .user-block{ background:#000; cursor:pointer }
.field-find-users__modal > .user-block:hover{ background:#191919 }
.field-find-users > .field-container > .field-ico__right{ cursor:pointer }

.user-block{ display:flex; align-items:center; padding:14px 16px; background:#191919; border-radius:12px; cursor:pointer; transition:background .3s }
.user-block + .user-block{ margin-top:8px }
.user-block__avatar{ width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:700; font-family:'RoadRadio',sans-serif }
.user-block__image{ width:36px; height:36px; border-radius:8px; background:no-repeat center / cover }
.user-block.show-delete .user-block__avatar, .user-block.show-delete .user-block__image{ display:none }
.user-block__delete{ display:none; width:36px; height:36px; border-radius:8px; align-items:center; justify-content:center; border:1px solid #F54C3D }
.user-block.show-delete .user-block__delete{ display:flex }
.user-block__delete svg{ width:20px; height:20px; fill:#F54C3D }
.user-block__data{ padding-left:12px; max-width:calc(100% - 36px) }
.user-block__data-name{ font-size:14px; font-weight:500; line-height:100%; color:#fff; white-space:nowrap; display:flex; align-items:center }
.user-block__data-name > div:nth-child(1){ padding-right:8px }
.user-block__data-name-head > div:nth-child(1){ max-width:calc(100% - 67px) }
.user-block__data-name-user > div:nth-child(1){ max-width:calc(100% - 40px) }
.user-block__data-name-teamlead > div:nth-child(1){ max-width:calc(100% - 62px) }
.user-block__data-email{ font-size:10px; font-weight:500; line-height:100%; color:#808591; margin-top:6px }
.user-block__role{ display:flex; align-items:center; padding:0 4px; border-radius:4px; font-size:10px; font-weight:500; line-height:16px; white-space:nowrap }
.user-block__role-head{ color:#030303; background:#F8FF00 }
.user-block__role-user{ color:#fff; background:#0080FF }
.user-block__role-teamlead{ color:#fff; background:#FF0095 }

.team-block{ display:flex; align-items:center; padding:14px 16px; background:#191919; border-radius:12px; cursor:pointer; border:1px solid transparent; position:relative; transition:background .3s, border-color .3s }
.team-block.show-shared{ border-color:#F8FF00 }
.team-block + .team-block{ margin-top:8px }
.team-block__project{ width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:#262626 }
.team-block__project-adw > div{ width:18px; height:18px; background:url(../img/logo-adw-min_yellow.svg) no-repeat center / contain }
.team-block__project-uapp > div{ width:18px; height:18px; background:url(../img/logo-uapp-min_red.svg) no-repeat center / contain }
.team-block__data{ padding-left:12px; max-width:calc(100% - 36px); flex-grow:1 }
.team-block__name{ font-size:14px; font-weight:500; line-height:100%; color:#fff; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis }
.team-block.show-shared .team-block__name{ max-width:calc(100% - 62px); }
.team-block__users{ font-size:10px; font-weight:500; line-height:100%; color:#808591; margin-top:6px }
.team-block__shared{ display:none; align-items:center; position:absolute; top:14px; right:16px; font-size:12px; font-weight:500; color:#F8FF00 }
.team-block.show-shared .team-block__shared{ display:flex }
.team-block__shared > svg{ width:15px; height:15px; margin-right:4px; fill:#F8FF00 }


.checkbox{ display:flex; align-items:center; cursor:pointer }
.checkbox > div:first-child{ width:20px; min-width:20px; height:20px; border-radius:6px; border:1px solid #262626; background:#0d0d0d; display:flex; align-items:center; justify-content:center; transition:border-color .3s, background .3s }
.checkbox.active > div:first-child{ border-color:#F54C3D; background:#F54C3D }
.checkbox:hover:not(.active):not(.disabled) > div:first-child{ border-color:#808591 }
.checkbox > div:first-child svg{ width:16px; height:16px; fill:#fff; opacity:0; transition:opacity .3s }
.checkbox.active > div:first-child svg{ opacity:1 }
.checkbox > div:last-child{ padding-left:8px; font-size:12px; font-weight:500; color:#fff }

.checkbox.yellow.active > div:first-child{ border-color:#F8FF00; background:#F8FF00 }
.checkbox.yellow > div:first-child svg{ fill:#000 }

.checkbox.disabled{ cursor:default }
.checkbox.disabled > div:first-child{ border-color:#262626; background:#262626 }
.checkbox.disabled.active > div:first-child svg{ opacity:1; fill:#808591 }
.checkbox.disabled > div:last-child{ color:#808591 }

.block-data{ display:flex; align-items:flex-start; color:#808591; padding:12px 16px; border-radius:10px }
.modal-title + .block-data{ margin-top:24px }
.block-data__bg{ background:#262626 }
.block-data__ico{ padding:10px 16px }
.block-data > div:nth-child(1){ white-space:nowrap }
.block-data__ico > div:nth-child(1){ padding:2px 0 }
.block-data > div:nth-child(2){ flex-grow:1; padding-left:15px; color:#fff; text-align:right; word-break: break-word; display:flex; align-items:center; justify-content:flex-end }
.block-data__pre > div:nth-child(2){ white-space:pre-wrap }

.block-documents{ padding-top:16px }
.block-documents .field-label{ padding-top:0 }
.block-documents__container{ padding: 0 4px; width:100%; display:flex; flex-wrap:wrap }
.block-document{ padding:0 4px }
.block-document > div{ width:64px; min-width:64px; height:64px; border-radius:12px; background:no-repeat center / cover; border:1px solid #262626; position:relative }
.block-document__show{ position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; background:rgba(13, 13, 13, .6); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; border-radius:12px; opacity:0; transition:opacity 0.3s }
.block-document > div:hover .block-document__show{ opacity:1 }
.block-document__show svg{ width:24px; height:24px; fill:#fff }


.select-option-user > div{ width:100%; display:flex; align-items:center }
.select-option-user__avatar-img{ width:30px; height:30px; border-radius:5px; background:no-repeat center / contain }
.select-option-user__avatar{ width:30px; height:30px; border-radius:5px; display:flex; align-items:center; justify-content:center; font-size:18px }
.select-option-user__data{ padding-left:12px; width:calc(100% - 30px); max-width:calc(100% - 30px); overflow:hidden }
.select-option-user__data > div{ max-width:100%; overflow:hidden }
.select-option-user__data > div:nth-child(2){ color:#808591 }


.btn{ display:flex; align-items:center; justify-content: center; text-align: center; height:48px; font-size:14px; font-weight:500; border:1px solid transparent; background:transparent; color:transparent; padding:0 16px; cursor:pointer; border-radius:12px; transition:background 0.3s, color 0.3s, border-color 0.3s }
.btn svg{ transition: fill 0.3s }

.btn-loader{ width:20px; min-width:20px; height:20px; animation:rotate 1s linear infinite }
.btn.gray .btn-loader, .btn.white .btn-loader{ background:url(../img/loader_gray.webp) no-repeat center / contain }
.btn-loader + div{ margin-left:10px }

.btn.gray{ background:#262626; border-color:#262626; color:#fff }
.btn.gray svg{ fill:#fff }
.btn.gray:hover{ background:#fff; border-color:#fff; color:#000 }
.btn.gray:hover svg{ fill:#000 }

.btn.darkGray{ background:#1A1A1A; border-color:#1A1A1A; color:#fff }
.btn.darkGray svg{ fill:#fff }
.btn.darkGray:hover{ background:#fff; border-color:#fff; color:#000 }
.btn.darkGray:hover svg{ fill:#000 }

.btn.gray-red{ background:#262626; border-color:#262626; color:#F54C3D }
.btn.gray-red svg{ fill:#F54C3D }
.btn.gray-red:hover{ background:#fff; border-color:#fff; color:#F54C3D }
.btn.gray-red:hover svg{ fill:#F54C3D }

.btn.gray-black{ background:#0D0D0D; border-color:#292929; color:#808080 }
.btn.gray-black svg{ fill:#808080 }
.btn.gray-black:hover{ background:#0D0D0D; border-color:#808591; color:#fff }
.btn.gray-black:hover svg{ fill:#fff }

.btn.white{ background:#FFFFFF; border-color:#FFFFFF; color:#0D0D0D }
.btn.white svg{ fill:#0D0D0D }
.btn.white:hover{ background:#F8FF00; border-color:#F8FF00; color:#0D0D0D }
.btn.white:hover svg{ fill:#0D0D0D }

.btn.black{ background:#0D0D0D; border-color:#0D0D0D; color:#fff }
.btn.black svg{ fill:#fff }
.btn.black:hover{ background:#fff; border-color:#fff; color:#000 }
.btn.black:hover svg{ fill:#000 }

.btn.white-yellow-outline{ color:#fff; border-color:#F8FF00 }
.btn.white-yellow-outline svg{ fill:#fff }
.btn.white-yellow-outline:hover{ background:#F8FF00; border-color:#F8FF00; color:#000 }
.btn.white-yellow-outline:hover svg{ fill:#000 }

.btn.white-green-outline{ color:#fff; border-color:#6ABF40 }
.btn.white-green-outline svg{ fill:#fff }
.btn.white-green-outline:hover{ background:#6ABF40; border-color:#6ABF40; color:#000 }
.btn.white-green-outline:hover svg{ fill:#000 }

.btn.white-red-outline{ color:#fff; border-color:#F54C3D; background:#000 }
.btn.white-red-outline svg{ fill:#fff }
.btn.white-red-outline:hover{ background:#F54C3D; border-color:#F54C3D; color:#000 }
.btn.white-red-outline:hover svg{ fill:#000 }

.btn.white-orange-outline{ color:#fff; border-color:#FF9500 }
.btn.white-orange-outline svg{ fill:#fff }
.btn.white-orange-outline:hover{ background:#FF9500; border-color:#FF9500; color:#000 }
.btn.white-orange-outline:hover svg{ fill:#000 }

.btn.white-outline{ color:#fff; border-color:#fff }
.btn.white-outline svg{ fill:#fff }
.btn.white-outline:hover{ background:#fff; border-color:#fff; color:#000 }
.btn.white-outline:hover svg{ fill:#000 }

.btn.white-blue-outline{ color:#fff; border-color:#26A5E4 }
.btn.white-blue-outline svg{ fill:#fff }
.btn.white-blue-outline:hover{ background:#26A5E4; border-color:#26A5E4; color:#000 }
.btn.white-blue-outline:hover svg{ fill:#000 }

.btn.green-outline{ color:#AFFAAF; border-color:#AFFAAF; background:transparent }
.btn.green-outline svg{ fill:#AFFAAF }
.btn.green-outline:hover{ background:#AFFAAF; border-color:#AFFAAF; color:#000 }
.btn.green-outline:hover svg{ fill:#000 }

.btn.green-outline-black{ color:#AFFAAF; border-color:#AFFAAF; background:#0d0d0d }
.btn.green-outline-black svg{ fill:#AFFAAF }
.btn.green-outline-black:hover{ background:#AFFAAF; border-color:#AFFAAF; color:#000 }
.btn.green-outline-black:hover svg{ fill:#000 }

.btn.red{ background:#F54C3D; border-color:#F54C3D; color:#fff }
.btn.red svg{ fill:#fff }
.btn.red:hover{ background:#c62e20; border-color:#c62e20; color:#fff }
.btn.red:hover svg{ fill:#fff }

.btn.yellow{ background:#F8FF00; border-color:#F8FF00; color:#000 }
.btn.yellow svg{ fill:#000 }
.btn.yellow:hover{ background:#F54C3D; border-color:#F54C3D; color:#000 }
.btn.yellow:hover svg{ fill:#000 }

.btn.red-outline{ background: #0D0D0D; color:#F54C3D; border-color:#F54C3D }
.btn.red-outline svg{ fill:#F54C3D }
.btn.red-outline:hover{ background:#F54C3D; border-color:#F54C3D; color:#0D0D0D }
.btn.red-outline:hover svg{ fill:#0D0D0D }

.btn:disabled, .btn:hover:disabled{ background:transparent; border-color:#808591; color:#808591; cursor:default }
.btn:disabled svg, .btn:hover:disabled svg{ fill:#808591  }


.btn-ico{ padding:0; width:48px; min-width:48px; justify-content:center }
.btn svg{ width:20px; height:20px }
.btn__ico-left{ margin-right:8px }


.btn-small{ height:40px; border-radius:10px }

.btn-small.btn-ico{ width:40px; min-width:40px }
.btn-small svg{ width:16px; height:16px }


.btn-esmall{ height:36px; border-radius:8px; font-size:12px; font-weight:400 }
.btn-esmall.btn-ico{ width:36px; min-width:36px }
.btn-esmall svg{ width:12px; min-width:12px; height:12px }
.btn-esmall.btn-ico svg{ width:16px; min-width:16px; height:16px }
.btn-esmall.btn-ico-left svg{ width:12px; min-width:12px; height:12px }
.btn-esmall.btn-ico-left svg{ margin-right:4px }
.btn-esmall .btn__ico-left{ margin-right:4px }


.btn-line{ display:flex; align-items:center; font-size:14px; font-weight:500; line-height:100%; cursor:pointer }
.form .btn-line{ margin-top:24px }

.btn-line.blue{ color:#455FE5 }


.btn-loader-ico__disabled{ width:16px; height:16px; background:url(../img/loader_gray.webp) no-repeat center / contain; animation:rotate 1.5s linear infinite }




.loading-text-block__avatar-min{ width:30px; min-width:30px; height:30px; border-radius:5px; background:rgba(255, 255, 255, .1) }
.loading-text-block__s32,
.loading-text-block__s20,
.loading-text-block__s16{ width:32px; min-width:32px; height:32px; border-radius:8px; background:rgba(255, 255, 255, .1) }
.loading-text-block__s20{ width:20px; min-width:20px; height:20px; border-radius:4px }
.loading-text-block__s16{ width:16px; min-width:16px; height:16px; border-radius:4px }
.loading-text-block__btn,
.loading-text-block__btn-esmall{ width:100%; height:48px; border-radius:12px; background:rgba(255, 255, 255, .1) }
.loading-text-block__btn-esmall{ height:36px; border-radius:8px }
.loading-text-block__h20,
.loading-text-block__h16,
.loading-text-block__h12,
.loading-text-block__h10{ width:100%; height:20px; border-radius:4px; background:rgba(255, 255, 255, .1) }
.loading-text-block__h16{ height:16px }
.loading-text-block__h12{ height:12px }
.loading-text-block__h10{ height:10px }




.table{ width:100%; color:#fff }
/* нужен рефакторинг по компонент Table */
.table-head{ display:flex; width:100%; color:#808591 }
.table-line{ display:flex; width:100% }
.table-line + .table-line{ margin-top:8px }
.table-col{ padding:4px 16px; display:flex; align-items:center; min-height:48px; font-size:12px; font-weight:400; line-height: 16px; word-break:break-word; position:relative }
.table-line__2n .table-col{ background:#262626 }
.table-line__outline .table-col:first-child{ border-left:1px solid #808591 }
.table-line__outline .table-col{ border-top:1px solid #808591; border-bottom:1px solid #808591 }
.table-line__outline .table-col:last-child{ border-right:1px solid #808591 }
.table-col + .table-col{ border-left:1px solid rgba(255, 255, 255, .1) }
.table-col:first-child{ border-top-left-radius:8px; border-bottom-left-radius:8px }
.table-col:last-child{ border-top-right-radius:8px; border-bottom-right-radius:8px }
.table-head .table-col{ background:#262626; font-weight:500; text-transform:uppercase }
.table-total .table-col{ font-weight:500; color:#AFFAAF }
.table-col-sort{ padding-right:44px }
.table__sort{ position:absolute; right:16px; top:50%; transform:translateY(-50%); width:20px; min-width:20px; height:20px; background:no-repeat center / contain }
.table__sort-asc{ background-image:url(img/sort-asc_white.svg?1) }

.table-col__sort{ display:flex; align-items:center; justify-content:space-between; cursor:pointer; padding-right:8px }
.table-col__sort > svg{ width:18px; min-width:18px; height:18px; fill:rgba(255, 255, 255, .2); margin-left:5px }
.table-min .table-col__sort > svg{ width:14px; min-width:14px; height:14px; margin-left:3px }
.table-col__sort-asc > svg path:nth-child(2){ fill:#fff }
.table-col__sort-desc > svg path:nth-child(1){ fill:#fff }

.table-empty{ width:100%; height:48px; display:flex; align-items:center; padding:0 16px; text-transform:uppercase; color:#808591; background:#262626; border-radius:8px }

.table-line__total-positive .table-col, .table-line__total-negative .table-col{ font-size:13px; font-weight:600 }
.table-line__total-positive .table-col{ color:#AFFAAF }
.table-line__total-negative .table-col{ color:#FF4D4D }

.table-min .table-col{ padding:4px 4px 4px 6px }

.table-col-btns{ margin:-6px -10px; width:calc(100% + 20px); display:flex; align-items:center; }
.table-col-btn{ padding:0 2px }

.table-col__center{ text-align:center; justify-content:center }

.table-col__user{ display:flex; align-items:center; padding-right:5px }
.table-col__user .user-avatar, .table-col__user .user-avatar__image{ width:30px; min-width: 30px; height:30px; min-height:30px; font-size:18px; border-radius:5px }
.table-col__user-data{ padding-left:8px; width:calc(100% - 30px); max-width:calc(100% - 30px); overflow:hidden; }
.table-col__user-data > div{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.table-col__user-data > div:nth-child(2){ margin-top:0; color:#808591 }
.table-col__user-data .loading-text-block__h12{ width:80px }
.table-col__user-data > div.loading-text-block__h10:nth-child(2){ width:70px; margin-top:6px }
.table-col__user-data > div.table-col__user-data__top{ display:flex; align-items:center }
.table-col__user-data > div.table-col__user-data__top > div:nth-child(1){ max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.table-col__user-data > div.table-col__user-data__top-role-admin > div:nth-child(1){ max-width:calc(100% - 38px) }
.table-col__user-data > div.table-col__user-data__top-role-supervisor > div:nth-child(1){ max-width:calc(100% - 60px) }
.table-col__user-data > div.table-col__user-data__top-role-fired > div:nth-child(1){ max-width:calc(100% - 40px) }
.table-col__user-data__role{ display:flex; align-items:center; height:12px; font-size:8px; font-weight:500; line-height:100%; color:#fff; padding:0 3px; border-radius:3px; margin-left:4px; white-space:nowrap; text-transform:uppercase }
.table-col__user-data__role-admin{ background:#F54C3D }
.table-col__user-data__role-supervisor{ background:#396053 }
.table-col__user-data__role-ban{ background:#FF0000 }
.table-col__user-fired .table-col__user-data__top > div:nth-child(1){ text-decoration: line-through }

.table-col__position{ display:flex; align-items:center; white-space:nowrap }
.table-col__position > div:nth-child(1){ width:16px; height:16px; min-width:16px; background:no-repeat center / contain; margin-right:6px }
.table-col__position-user > div:nth-child(1){ background-image:url(../img/user-round_blue.svg) }
.table-col__position-teamlead > div:nth-child(1){ background-image:url(../img/users_pink.svg) }
.table-col__position-head > div:nth-child(1){ background-image:url(../img/crown_yellow.svg) }
.table-col__position-ban{ text-decoration: line-through }

.table-col__projects.table-col{ display:flex; flex-wrap:wrap; padding:0 6px 4px }
.table-col__project{ padding:4px 2px 0 }
.table-col__project > div{ width:32px; min-width:32px; height:32px; border-radius:8px; background:no-repeat center / contain #0D0D0D; transition:border-color 0.3s; cursor:pointer; border:1px solid #262626 }
.table-col__project > div:hover{ border-color:#fff }
.table-col__project-adw > div{ background-image:url(../img/adw-min_coloured.svg); background-size:14px }
.table-col__project-uapp > div{ background-image:url(../img/uapp-min_coloured.svg); background-size:12px }
.table-col__project-4x4 > div{ background-image:url(../img/4x4-min_blue.svg); background-size:16px }
.table-col__project-g > div{ background-image:url(../img/g-min_blue.svg); background-size:16px }
.table-col__project-g_rocks > div{ background-image:url(../img/logo-g_white.svg); background-size:16px }

.table-col__specialities.table-col{ display:flex; align-items:center; flex-wrap: wrap; padding:0 14px 4px }
.table-min .table-col__specialities.table-col{ padding:0 2px 4px 4px }
.table-col__speciality{ padding:4px 2px 0 }
.table-col__speciality > div{ display:flex; align-items:center; padding:0 4px; height:18px; border-radius:4px; font-size:11px; font-weight:400; line-height:100%; white-space:nowrap; color:#fff }
.table-col__speciality-empty > div{ font-style: italic }
.table-col__speciality-manager > div{ background:#FF9500 }
.table-col__speciality-buyer > div{ background:#6ABF40 }
.table-col__speciality-programmer > div{ background:#0080FF }
.table-col__speciality-designer > div{ background:#FF0095 }

.table-col__speciality-ceo > div{ background:#B75396 }
.table-col__speciality-coo > div{ background:#EB7725 }
.table-col__speciality-cto > div{ background:#FFA463 }
.table-col__speciality-fullstack_developer > div{ background:#0080FF }
.table-col__speciality-backend_developer > div{ background:#00D5FF }
.table-col__speciality-ios_developer > div{ background:#40BF80 }
.table-col__speciality-ml_engineer > div{ background:#396053 }
.table-col__speciality-uxui_designer > div{ background:#FF0095 }
.table-col__speciality-motion_designer > div{ background:#FA9EFA }
.table-col__speciality-user_acquisition_manager > div{ background:#FF9500 }
.table-col__speciality-traffic_buyer > div{ background:#6ABF40 }
.table-col__speciality-pm > div{ background:#F2CC0D }
.table-col__speciality-pa > div{ background:#F2460D }
.table-col__speciality-hr > div{ background:#A68C59 }
.table-col__speciality-fm > div{ background:#A11FAD }
.table-col__speciality-support > div{ background:#898989 }

.table-col__service{ display:flex; align-items:center; white-space:nowrap }
.table-col__service > div:nth-child(1){ width:20px; min-width:20px; height:20px; margin-right:8px; background:no-repeat center / contain }
.table-col__service-facebook > div:nth-child(1){ background-image:url(../img/facebook_coloured.svg) }
.table-col__service-google > div:nth-child(1){ background-image:url(../img/google_coloured.svg) }
.table-col__service-tiktok > div:nth-child(1){ background-image:url(../img/tiktok_coloured.svg) }
.table-col__service-slack > div:nth-child(1){ background-image:url(../img/slack_coloured.svg) }
.table-col__service-proton > div:nth-child(1){ background-image:url(../img/proton_coloured.svg) }
.table-col__service-dolphin > div:nth-child(1){ background-image:url(../img/dolphin_coloured.svg) }

.table-col__status-wait{ color:#808591 }
.table-col__status-suspended, .table-col__status-ready{ color:#FF9500 }
.table-col__status-done, .table-col__status-active{ color:#6ABF40 }
.table-col__status-cancel, .table-col__status-inactive, .table-col__status-deactivated, .table-col__status-ban{ color:#F54C3D }

.table-col__assets-request-date{ color:#808591 }
.table-col__team-name{ color:#808591 }

.table-col__blocks{ flex-direction:column; align-items:flex-start; justify-content:center }
.table-col__comment{ white-space:pre-wrap }

.table-col__tags{ margin:-4px -2px 0; display:flex; align-items:center; white-space:nowrap; flex-wrap:wrap }
.table-col__tag{ padding:4px 2px 0 }
.table-col__tag > div{ display:flex; align-items:center; height:16px; border-radius:4px; font-size:10px; font-weight:500; padding:0 4px; line-height:100%; color:#000 }
.table-col__tag-edit > div{ background:#000; border:1px solid rgba(255, 255, 255, .2); color:#fff; height:18px; cursor:pointer }
.table-col__tag-edit > div svg{ width:10px; min-width:10px; height:10px; margin-left:4px; fill:#fff }

.table-col__payment-method-card{ display:flex; align-items:center }
.table-col__payment-method-card > div:nth-child(1){ width:20px; min-width:20px; height:20px; background:url(../img/card_gray.svg) no-repeat center / contain; margin-right:8px }

.table-col__empty{ color:#808591 }

.table-col__currency{ margin-left:4px }

.table-col__light-green{ background:#D7FCD7!important; color:#000!important }
.table-col__green{ background:#65ff65!important; color:#000!important }
.table-col__light-red{ background:#fc9999!important; color:#000!important }
.table-col__red{ background:#ff3636!important; color:#000!important }

.table-col__btns, .table-col__btns-center{ display:flex; align-items:center; padding:6px }
.table-col__btns-center{ justify-content:center }
.table-col__btn{ padding:0 2px }
.table-col__btn .btn{ padding:0 }

.table-filters{ display:flex; align-items:center; justify-content:space-between; padding-bottom:18px }
.table-filters-group{ display:flex; align-items:center }
.table-filters-group > div + div{ margin-left:16px }

.table-col__loading{ background:#3C3C3C!important; border-left-color:#3C3C3C!important }

.table-col__soc-names{ display:flex; align-items:center; flex-wrap:wrap; color:#fff; margin:0 -2px; width:calc(100% + 4px); color:#808591 }
.table-col__soc-names > div{ padding:2px 2px 0; font-size:10px }
.table-col__soc-name > div, .table-col__soc-new > div{ display:flex; align-items:center; padding:0 4px; color:#BFC2C8; background:#3d3d3d; border-radius:4px; height:16px; font-size:8px; line-height:100%; font-weight:500 }
.table-col__soc-new > div{ color:#6ABF40 }

.table-col__employee-accesses{ margin:0 -4px; display:flex; align-items:center; flex-wrap:wrap }
.table-col__employee-access{ padding:0 4px }
.table-col__employee-access > div{ position:relative; cursor:pointer }
.table-col__employee-access-ico{ width:32px; height:32px; min-width:32px; background:#0D0D0D; border:1px solid #262626; border-radius: 8px; display:flex; align-items:center; justify-content:center }
.table-col__employee-access-ico svg{ width:16px; height:16px }
.table-col__employee-access__filled .table-col__employee-access-ico{ border-color:#6ABF40 }
.table-col__employee-access-status{ width:16px; height:16px; border-radius:5px; background:#262626; border:1px solid #191919; font-size:8px; font-weight:500; color:#808591; position:absolute; top:-3px; right:-3px; display:flex; align-items:center; justify-content:center }
.table-col__employee-access__filled .table-col__employee-access-status{ background:#6ABF40; color:#fff }

.table-col__hidden{ display:flex; align-items:center }
.table-col__hidden > svg{ width:16px; min-width:16px; height:16px; margin-left:6px; fill:#808591; cursor:pointer }
/* END нужен рефакторинг по компонент Table */





.table-body{ margin-top:8px; width:100% }
.table-loader{ margin-top:8px }

.table-footer{ margin-top:24px; display:flex; align-items: center; justify-content: space-between; font-size:12px; font-weight:500; line-height:100%; color:#808591 }
.table-footer > .table-loader-block{ width:250px }

.table-pages{ display:flex; align-items:center }
.table-pages__arr-left, .table-pages__arr-right{ width:36px; min-width:36px; height:36px; background:#262626; border:1px solid #262626; display:flex; align-items:center; justify-content:center; cursor:pointer; border-radius:8px; transition:background 0.3s, border-color 0.3s }
.table-pages__arr-left svg, .table-pages__arr-right svg{ width:20px; height:20px; fill:#fff; transition:fill 0.3s }
.table-pages__arr-left:hover:not(.disabled), .table-pages__arr-right:hover:not(.disabled){ background:#fff }
.table-pages__arr-left:hover:not(.disabled) svg, .table-pages__arr-right:hover:not(.disabled) svg{ fill:#000 }
.table-pages__arr-left.disabled, .table-pages__arr-right.disabled{ background:transparent; border-color:#808591; cursor:default }
.table-pages__arr-left.disabled svg, .table-pages__arr-right.disabled svg{ fill:#808591 }
.table-pages__list{ display:flex; align-items:center; padding:0 8px }
.table-page{ width:36px; min-width:36px; height:36px; border-radius:8px; color:#808591; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:500; cursor:pointer; border:1px solid transparent; transition:color 0.3s }
.table-page.separator{ cursor:default }
.table-page:hover:not(.separator){ color:#fff }
.table-page.active{ color:#fff; border-color:#F8FF00; cursor:default }

.table-row{ display:flex; width:100% }
.table-row + .table-row{ margin-top:8px }
.table-row__head{ color:#808591; text-transform:uppercase }
.table-row__total{ color:#AFFAAF }
.table__bg  .table-body > .table-row:nth-child(2n) .table-cell,
.table__bg  .table-loader > .table-row:nth-child(2n) .table-cell{ background:#262626 }

.table-cell{ padding:4px 16px; display:flex; align-items:center; min-height:48px; font-size:12px; font-weight:400; line-height: 16px; word-break:break-word; position:relative }
.table-min .table-cell{ padding:4px 4px 4px 8px }
.table-cell + .table-cell{ border-left:1px solid rgba(255, 255, 255, .1) }
.table-cell:first-child{ border-top-left-radius:8px; border-bottom-left-radius:8px }
.table-cell:last-child{ border-top-right-radius:8px; border-bottom-right-radius:8px }
.table-row__head .table-cell{ background:#262626; font-weight:500 }
.table-row__total .table-cell{ font-weight:500 }
.table-cell__center{ justify-content:center; align-items:center }
.table-cell__right{ align-items: center; justify-content: flex-end }
.table-cell__vertical{ flex-direction:column; align-items:flex-start; justify-content:center }

.table-cell__buttons{ justify-content:center; padding:6px }
.table-cell__button{ padding:0 2px; position:relative }
.table-cell__button-sup{ position:absolute; color:#fff; font-size:8px; font-weight:400; top:1px; right:8px }

.table-cell__tags{ margin: -4px -2px 0; width:calc(100% + 4px); display:flex; align-items:center; white-space:nowrap; flex-wrap:wrap }
.table-cell__tag{ padding:4px 2px 0; max-width:100%; overflow:hidden }
.table-loader .table-cell__tag:nth-child(1){ width:20% }
.table-loader .table-cell__tag:nth-child(2){ width:40% }
.table-loader .table-row:nth-child(2n) .table-cell__tag:nth-child(1){ width:40% }
.table-loader .table-row:nth-child(2n) .table-cell__tag:nth-child(2){ width:30% }
.table-cell__tag > div{ display:flex; align-items:center; height:16px; border-radius:4px; font-size:10px; font-weight:500; padding:0 4px; line-height:100%; color:#aaa; background:#555; max-width:100%; overflow:hidden; text-overflow:ellipsis }
.table-cell__tag-add > div{ padding:0; width:16px; height:16px; background:url(../img/plus_white.svg?2) no-repeat center / 12px; color: #000; border:1px solid #575757; cursor:pointer }

.table-cell__app{ display:flex; align-items:center; padding-right:5px }
.table-cell__app-icon{ width:36px; min-width:36px; height:36px; min-height:36px; border-radius:5px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; font-family:'RoadRadio',sans-serif; font-weight:700; font-size:18px; background:transparent }
.table-cell__app-icon-img{ position:absolute; z-index:3; left:0; top:0; bottom:0; right:0; background:no-repeat center / cover }
.table-cell__app-icon-bg{ position:absolute; z-index:1; left:0; top:0; bottom:0; right:0 }
.table-cell__app-icon-char{ position:relative; z-index:2 }
.table-cell__app-data{ padding-left:8px; width:calc(100% - 30px); max-width:calc(100% - 30px); overflow:hidden }
.table-cell__app-data > div{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.table-cell__app-data > div:nth-child(2){ color:#808591 }
.table-loader .table-cell__app-data > div:nth-child(2){ margin-top:6px }

.table-cell__service{ display:flex; align-items:center; width:100% }
.table-cell__service > div:nth-child(1), .table-cell__service > svg:nth-child(1){ width:18px; min-width:18px; height:18px; margin-right:8px; background:no-repeat center / contain; fill:#808591 }
.table-cell__service-facebook > div:nth-child(1){ background-image:url(../img/facebook_coloured.svg) }
.table-cell__service-slack > div:nth-child(1){ background-image:url(../img/slack_coloured.svg) }
.table-cell__service-proton > div:nth-child(1){ background-image:url(../img/proton_coloured.svg) }
.table-cell__service-dolphin > div:nth-child(1){ background-image:url(../img/dolphin_coloured.svg) }
.table-cell__service-other > div:nth-child(1){ border-radius:5px }

.table-cell__status-wait{ color:#808591 }
.table-cell__status-suspended,
.table-cell__status-ready,
.table-cell__status-calculated{ color:#FF9500 }
.table-cell__status-done,
.table-cell__status-active,
.table-cell__status-paid{ color:#6ABF40 }
.table-cell__status-cancel,
.table-cell__status-inactive,
.table-cell__status-deactivated,
.table-cell__status-ban{ color:#F54C3D }

.table-cell__comment{ white-space:pre-wrap }

.table-cell__account{ display:flex; align-items:center; margin:0 -8px; width:calc(100% + 16px) }
.table-cell__account-avatar{ width:30px; min-width:30px; height:30px; min-height:30px; font-size:18px; border-radius:5px; display:flex; align-items:center; justify-content:center; font-weight:700; font-family:'RoadRadio', sans-serif; color:#fff; background:no-repeat center / contain transparent }
.table-cell__account-info{ padding-left:8px; width:calc(100% - 30px); max-width:calc(100% - 30px); overflow:hidden }
.table-cell__account-info .tlb-h10{ margin-top:4px }
.table-cell__account-top{ display:flex; align-items:center; max-width:100%; overflow:hidden; white-space:nowrap }
.table-cell__account-top > div:nth-child(1){ flex-grow:1 }
.table-cell__account-name{ max-width:100%; padding-right:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.table-cell__account-email{ color:#808591; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }

.table-cell__balance{ display:flex; align-items:center }
.table-cell__balance > div:nth-child(2){ margin-left:6px }

.table-cell__payment-method{ display:flex; align-content:center }
.table-cell__payment-method > div:nth-child(1){ display:none; width:18px; min-width:18px; height:18px; margin-right:8px; background:no-repeat center / contain }
.table-cell__payment-method > div:nth-child(2){ font-weight:700 }
.table-cell__payment-method-prepay > div:nth-child(1){ display:block; background-image:url(../img/cash_gray.svg) }
.table-cell__payment-method-card > div:nth-child(1){ display:block; background-image:url(../img/card_gray.svg) }

.table-cell__sort{ display:flex; align-items:center; cursor:pointer }
.table-cell__sort.disabled{ cursor:default }
.table-cell__sort > div:first-child{ flex-grow:1; padding-right:5px }
.table-cell__sort > svg{ width:18px; min-width:18px; height:18px; fill:rgba(255, 255, 255, .2) }
.table-cell__sort-asc > svg path:last-child{ fill:rgba(255, 255, 255, .8) }
.table-cell__sort-desc > svg path:first-child{ fill:rgba(255, 255, 255, .8) }

.table-cell__socs-amounts{ margin:0 -7px; width:calc(100% + 14px); display:flex; align-items:center; flex-wrap:wrap; font-size:12px }
.table-cell__socs-amounts > div{ padding:5px 7px 0; display:flex; align-items:center }
.table-cell__soc-amount__ico{ width:14px; min-width:14px; height:14px; margin-right:6px; background:no-repeat center / contain }
.table-cell__soc-amount__ico-fb{ background-image:url(../img/facebook_blue.svg) }
.table-cell__soc-amount__ico-google{ background-image:url(../img/google_coloured.svg) }
.table-cell__soc-amount__ico-keitaro{ background-image:url(../img/keitaro_coloured.png) }
.table-cell__soc-amount__ico-history{ background-image:url(../img/history_yellow.svg) }
.table-cell__soc-amount__ico-receipt{ background-image:url(../img/receipt_yellow.svg) }

.table-row__total .table-cell{ color:#AFFAAF; font-size:13px; font-weight:600 }
.table-cell__light-positive{ background:#D7FCD7!important; color:#000!important }
.table-cell__positive{ background:#65ff65!important; color:#000!important }
.table-cell__light-negative{ background:#fc9999!important; color:#000!important }
.table-cell__negative{ background:#ff3636!important; color:#000!important }

.table-cell__total-line{ display:flex; align-items:center }
.table-cell__total-line > div:first-child{ margin-right:8px }

.table-cell__ellipsis{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }

.table-cell__password > div{ max-width:calc(100% - 16px - 8px) }
.table-cell__password:not(.showed) > div{ letter-spacing:0.1em }
.table-cell__password > svg{ width:16px; height:16px; margin-right:8px; cursor:pointer; fill:#808591 }

.table-cell__finance-category{ display: flex; align-items: center; font-weight: 600; }
.table-cell__finance-category svg{ width: 18px; height: 18px; margin-right: 10px; }
.table-cell__finance-category__server{ color: #0080FF }
.table-cell__finance-category__server svg{ fill: #0080FF }
.table-cell__finance-category__salary{ color: #6ABF40 }
.table-cell__finance-category__salary svg{ fill: #6ABF40 }

.table-cell__wallet{ display:flex; align-items:center; font-weight:700 }
.table-cell__wallet > div:first-child{ width:18px; height:18px; margin-right:10px; background:no-repeat center / contain }
.table-cell__wallet-usdt{ color:#4faf95 }
.table-cell__wallet-usdt > div:first-child{ background-image:url(../img/tether_green.svg) }

.table-cell__expenditure-items{ flex-direction:column; align-items:flex-start; justify-content:center }
.table-cell__expenditure-item{ display:flex; align-items:center }
.table-cell__expenditure-item + .table-cell__expenditure-item{ margin-top:5px }
.table-cell__expenditure-item > div:nth-child(1){ font-weight:700; width:40px }
.table-cell__expenditure-item > div:nth-child(2){ padding-left:12px; position:relative }
.table-cell__expenditure-item > div:nth-child(2)::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:rgba(255, 255, 255, .25); }

.table-loader-block{ background:rgba(255, 255, 255, .1)!important }
.table-loader-block.tlb-c20{ width:20px; height:20px; border-radius:50% }
.table-loader-block.tlb-h20{ height:20px; border-radius:6px }
.table-loader-block.tlb-h14{ height:14px; border-radius:5px }
.table-loader-block.tlb-h12{ height:12px; border-radius:4px }
.table-loader-block.tlb-h10{ height:10px; border-radius:3px }
.table-loader-block.tlb-w100{ width:100% }
.table-loader-block.tlb-w80{ width:80% }
.table-loader-block.tlb-w60{ width:60% }
.table-loader-block.tlb-w50{ width:50% }
.table-loader-block.tlb-w40{ width:40% }
.table-loader-block.tlb-w30{ width:30% }
.table-loader-block.tlb-btn-esmall{ width:36px; height:36px; border-radius:8px }

.table-loader-block.tlb-page{ width:36px; height:36px; border-radius:8px }
.table-loader-block.tlb-page-separator{ width:36px; height:12px; border-radius:4px; margin-top:12px }
.table-loader-block.tlb-page + .tlb-page, .table-loader-block.tlb-page-separator + .tlb-page, .table-loader-block.tlb-page + .tlb-page-separator{ margin-left:8px }

.table-loader-block.tlb-w100_50{ width:100% }
.table-row:nth-child(2n) .table-loader-block.tlb-w100_50{ width:50% }

.table-loader-block.tlb-w80_50{ width:80% }
.table-row:nth-child(2n) .table-loader-block.tlb-w80_50{ width:50% }

.table-loader-block.tlb-w80_40{ width:80% }
.table-row:nth-child(2n) .table-loader-block.tlb-w80_40{ width:40% }

.table-loader-block.tlb-w50_80{ width:50% }
.table-row:nth-child(2n) .table-loader-block.tlb-w50_80{ width:80% }

.table-loader-block.tlb-w50_25{ width:50% }
.table-row:nth-child(2n) .table-loader-block.tlb-w50_25{ width:25% }

.table-loader-block.tlb-w30_60{ width:30% }
.table-row:nth-child(2n) .table-loader-block.tlb-w30_60{ width:60% }

.table-loader-block.tlb-w10_30{ width:10% }
.table-row:nth-child(2n) .table-loader-block.tlb-w10_30{ width:30% }



.cohorts-table{ width:100%; margin-top:8px; display:flex }
.cohorts-table-col{ display:flex; flex-direction:column }

.cohorts-table-cell{ border: 1px solid transparent; border-left-color:#333333; border-top-color:#333333; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; text-align:right; font-size:12px; font-weight:500; padding:8px 10px; position:relative }
.cohorts-table-cell:last-child{ border-bottom-color:#333333 }
.cohorts-table > .cohorts-table-col:last-child .cohorts-table-cell{ border-right-color:#333333 }
.cohorts-table > .cohorts-table-col:first-child .cohorts-table-cell{ align-items:flex-start; text-align:left }
.cohorts-table-cell.cohorts-table-cell__hover-horizontal, .cohorts-table-cell.cohorts-table-cell__hover-horizontal-after{ border-top-color:#F54C3D }
.cohorts-table-cell.cohorts-table-cell__hover-horizontal:last-child{ border-bottom-color:#F54C3D }
.cohorts-table-cell.cohorts-table-cell__hover-vertical, .cohorts-table-cell.cohorts-table-cell__hover-vertical-after{ border-left-color:#F54C3D }
.cohorts-table > .cohorts-table-col:last-child .cohorts-table-cell.cohorts-table-cell__hover-vertical{ border-right-color:#F54C3D }

.cohorts-table-cell__head{ background:#262626; font-weight:600; color:#808591 }
.cohorts-table-cell__total{ color:#AFFAAF; background:#333 }
.cohorts-table-cell__content{ position:relative; z-index:5; width:100% }
.cohorts-table-cell__not-finished-bg{ position:absolute; z-index:3; left:0; right:0; top:0; bottom:0; opacity:0; background:url(../img/bg-line_gray.webp) repeat center / 10px 10px }
.cohorts-table-cell__not-finished .cohorts-table-cell__not-finished-bg{ opacity:1 }
.cohorts-table-cell__hover-bg{ position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; opacity:0 }
.cohorts-table-cell__gradient-bg{ position:absolute; z-index:1; left:0; right:0; top:0; bottom:0 }
.cohorts-table-cell__hover-horizontal .cohorts-table-cell__hover-bg,
.cohorts-table-cell__hover-vertical .cohorts-table-cell__hover-bg{ background:rgba(245, 76, 61, .1); opacity:1 }
.cohorts-table-cell__hover-vertical.cohorts-table-cell__hover-horizontal .cohorts-table-cell__hover-bg{ background:rgba(245, 76, 61, .5); opacity:1 }
.cohorts-table-cell__has-comments{ position:absolute; width:6px; height:6px; top:3px; right:3px; background:#fff; border-radius:99px; z-index:4 }

.cohorts-table-cell__hover-comment{ border-left-color:#FFD400!important; border-top-color:#FFD400!important }
.cohorts-table-cell__hover-comment:last-child{ border-bottom-color:#FFD400!important }
.cohorts-table > .cohorts-table-col:last-child .cohorts-table-cell__hover-comment{ border-right-color:#FFD400!important }
.cohorts-table-cell__under-hover-comment{ border-top-color:#FFD400!important }
.cohorts-table-cell__after-hover-comment{ border-left-color:#FFD400!important }

.cohorts-table-cell__sub{ display:flex; align-items:center; margin-top:4px; font-size:10px; color:#808080 }
.cohorts-table-cell__sub svg{ width:12px; min-width:12px; height:12px; fill:#808080; margin-right:3px; line-height:400 }

.cohorts-table-scroll{ flex-grow:1; overflow:hidden; position:relative }
.cohorts-table-scroll__container{ overflow-y:hidden; overflow-x:auto; scrollbar-width:none; min-width:100% }
.cohorts-table-scroll__container::-webkit-scrollbar{ display:none }
.cohorts-table-scroll__body{ display:flex; min-width:100% }
.cohorts-table-scroll__shadow-start, .cohorts-table-scroll__shadow-end{ position:absolute; z-index:2; right:100%; top:0; bottom:0; box-shadow:0 0 20px rgba(0, 0, 0, 1.0); width:50px; opacity:1; transition:opacity .3s }
.cohorts-table-scroll__shadow-end{ right:auto; left:100% }

.cohorts-table-cell__sorting{ cursor:pointer }
.cohorts-table-cell__sort{ display:flex; align-items:center; width:100% }
.cohorts-table-cell__sort svg{ width:18px; min-width:18px; height:18px; fill:rgba(255,255,255,.2) }
.cohorts-table-cell__sort-desc svg path:nth-child(1){ fill:rgba(255,255,255,.8) }
.cohorts-table-cell__sort-asc svg path:nth-child(2){ fill:rgba(255,255,255,.8) }
.cohorts-table-cell__sort > div:nth-child(1){ flex-grow:1; padding-right:8px }




.table-scrolled{ max-width:100% }
.table-scrolled-body{ display:flex; align-items:flex-start; max-width:100% }
.table-scrolled-scroll{ flex-grow:1; position:relative; overflow:hidden }
.table-scrolled-scroll > div:first-child{ width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none }
.table-scrolled-scroll > div:first-child::-webkit-scrollbar{ display:none }
.table-scrolled-row{ width:100%; display:flex }
.table-scrolled-classic .table-scrolled-row + .table-scrolled-row{ margin-top:8px }
.table-scrolled-cell{ padding:8px 10px; display:flex; align-items:center; min-height:48px; font-size:12px; font-weight:400; line-height:16px; word-break:break-word }
.table-scrolled-classic .table-scrolled-cell{ padding:4px 10px }
.table-scrolled-cell.vertical{ flex-direction:column; align-items:flex-start; justify-content:center }
.table-scrolled-cell + .table-scrolled-cell, .table-scrolled-section:not(:first-child) .table-scrolled-cell:first-child{ border-left:1px solid rgba(255, 255, 255, .1) }
.table-scrolled:not(.table-scrolled-classic) .table-scrolled-row:not(.head) + .table-scrolled-row .table-scrolled-cell{ border-top:1px solid rgba(255, 255, 255, .1) }
.table-scrolled-row.head .table-scrolled-cell{ color:#808591; text-transform:uppercase; font-weight:500; background:#262626 }
.table-scrolled-row.total .table-scrolled-cell{ color:#AFFAAF; font-size:13px; font-weight:600 }
.table-scrolled-section:first-child .table-scrolled-row.head .table-scrolled-cell:first-child,
.table-scrolled-classic .table-scrolled-section:first-child .table-scrolled-cell:first-child{ border-top-left-radius:8px; border-bottom-left-radius:8px }
.table-scrolled-section:last-child .table-scrolled-row.head .table-scrolled-cell:last-child,
.table-scrolled-classic .table-scrolled-section:last-child .table-scrolled-cell:last-child{ border-top-right-radius:8px; border-bottom-right-radius:8px }
.table-scrolled-classic .table-scrolled-row:not(.head):nth-child(2n+1) .table-scrolled-cell{ background:#262626 }

.table-scrolled-section__shadow-left, .table-scrolled-section__shadow-right{ position:absolute; z-index:2; top:0; bottom:0; right:100%; width:50px; box-shadow:0 0 30px rgba(0, 0, 0); display:none }
.table-scrolled-section__shadow-right{ left:100%; right:auto }
.table-scrolled-section__shadow-left.show, .table-scrolled-section__shadow-right.show{ display:block }




.modal-content{ padding:24px; width:464px; border-radius:24px; background:#191919; position:relative }
.modal-close{ position:absolute; top:24px; right:24px; cursor:pointer; z-index:5001 }
.modal-close svg{ width:20px; height:20px; fill:#808591; transition:fill 0.3s }
.modal-close:hover svg{ fill:#fff }
.modal-title{ display:flex; align-items:center; justify-content:space-between }
.modal-line + .modal-title, .modal-user-card + .modal-title{ margin-top:24px }
.form-section .modal-title{ padding:24px 0 }
.modal-subtitle{ margin-top:16px; color:#808591 }
.modal-title__ico{ display:flex; align-items:center; }
.modal-title__ico svg{ width:20px; height:20px; margin-right:8px; fill:#fff }
.modal-user{ display:flex; align-items:center; margin-top:24px }
.modal-user-card{ display: flex; align-items: center; width:100%; padding:14px 16px; border-radius:12px; background:#262626; margin-top:24px }
.modal-user__data{ padding-left:12px; max-width:calc(100% - 40px); overflow:hidden }
.modal-user__data > div{ max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.modal-user__data > div:nth-child(2){ color:#808591; margin-top:2px }
.modal-user-contacts__empty{ margin-top:24px; color:#808591 }
.modal-user-contacts{ margin:12px -12px 0; width:calc(100% + 24px); display:flex; align-items:center; flex-wrap:wrap }
.modal-user-contact{ padding:12px 12px 0; display:flex; align-items:center; white-space:nowrap }
.modal-user-contact > div:nth-child(1){ width:16px; min-width:16px; height:16px; background:no-repeat center / contain; margin-right:8px }
.modal-user-contact__telegram > div:nth-child(1){ background-image:url(../img/telegram_blue.svg) }
.modal-user-contact__skype > div:nth-child(1){ background-image:url(../img/skype_blue.svg) }
.modal-user-contact__email > div:nth-child(1){ background-image:url(../img/email_white.svg) }
.modal-line{ width:100%; height:1px; background:#262626; margin-top:24px }
.modal-line__first{ margin-top:0 }
.modal-form{ padding-top:24px }
.modal-section{ margin-top:24px }
.modal-btn{ margin-top:24px; width:100% }

.modal-asset .prefect9-scroll__container{ max-height:200px }
.modal-asset__field-accountid, .modal-asset__field-proxy,
.modal-asset__field-login, .modal-asset__field-password,
.modal-asset__field-directory, .modal-asset__field-service,
.modal-asset__field-status, .modal-asset__field-apikey{ width:50%!important }
.modal-asset__field-2fa{ width:calc(100% - 135px) }
.modal-asset__field-checkbox{ width:135px }
.modal-asset__empty-socs{ width:100%; height:40px; border-radius:8px; background:#0d0d0d; font-size:12px; font-weight:500; line-height:100%; margin-top:16px; display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid #262626; color:#808591 }
.modal-asset .form-section .modal-title{ padding-bottom:0 }
.modal-asset .prefect9-user-customized-select{ padding-top:16px }

.modal-asset-view__access{ margin-top: 24px; width:100%; padding:24px 16px; border:1px solid #262626; background:#0D0D0D; border-radius:16px }
.modal-asset-view__access-title{ margin-bottom:16px }
.modal-asset-view .btn:last-child{ margin-top:24px }

.modal-fire > .m16{ margin-top:32px; text-align:center }
.modal-fire__btns{ display:flex; align-items:center; margin-top:24px }
.modal-fire__btns .btn{ width:calc(50% - 4px) }
.modal-fire__btns .btn + .btn{ margin-left:8px }

.modal-empty-list{ width:100%; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#0d0d0d; font-size:12px; font-weight:500; border:1px solid #262626; color:#808591; padding:14px 16px; margin-top:16px }
.modal-btn-list{ width:100%; margin-top:12px }
.modal-btn-list + .modal-btn-list:last-child{ margin-top:24px }
.modal-list{ margin-top:16px }
.modal-list-head{ display:flex; align-items:center; font-size:12px; color:#808591; font-weight:500; margin:0 -4px; width:calc(100% + 8px) }
.modal-list-head .modal-list-el{ padding:0 14px }
.modal-fields-row{ display:flex; align-items:flex-start; margin:0 -4px; width:calc(100% + 8px) }




.tab-user-status{ display:flex; align-items:center }
.tab-user-status > svg{ width:20px; min-width:20px; height:20px; margin-right:8px; fill:#808591; transition:fill 0.3s }
.tab-user-status__wait.prefect9-tab__active svg, .tab-user-status__wait:not(.prefect9-tab__disabled):hover svg{ fill:#fff }
.tab-user-status__ready.prefect9-tab__active svg, .tab-user-status__ready:not(.prefect9-tab__disabled):hover svg{ fill:#FF9500 }
.tab-user-status__active.prefect9-tab__active svg, .tab-user-status__active:not(.prefect9-tab__disabled):hover svg{ fill:#6ABF40 }
.tab-user-status__ban.prefect9-tab__active svg, .tab-user-status__ban:not(.prefect9-tab__disabled):hover svg{ fill:#F54C3D }




.calendar-dates{ width:100% }

.calendar-dates-modal{ width:262px; padding:20px 16px; background:#1A1A1A; border-radius:16px; box-shadow:0 0 15px rgb(0, 0, 0, .6); display:flex; flex-direction:column; align-items:flex-start; position:fixed; z-index:500 }
.calendar-dates-modal .checkbox{ margin-top:16px }
.calendar-dates-modal .btn{ width:100%; margin-top:16px }

.calendar-dates-area{ width:100% }
.calendar-dates-area__names{ padding:0 8px 4px 8px; display:flex; width:100% }
.calendar-dates-area__names > div{ width:calc(100% / 7); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:500; color:#fff }
.calendar-dates-area__names > div:nth-child(6), .calendar-dates-area__names > div:nth-child(7){ color:#F54C3D }
.calendar-dates-area__container{ width:100%; height:250px; background:#000; border-radius:10px; position:relative; overflow:hidden }
.calendar-dates-area__month{ position:absolute; top:0; left:8px; right:8px; padding:8px 0; display:flex; flex-direction:column; align-items:flex-start }
.calendar-dates-area__month-name{ width:100%; font-size:12px; font-weight:500; padding:0 8px; display:flex }
.calendar-dates-area__month-name-text{ color:#fff; transition:color .3s; cursor:pointer }
.calendar-dates-area__month-name-blocked .calendar-dates-area__month-name-text{ cursor:not-allowed; color:#666; transition:unset }
.calendar-dates-area__month-name:not(.calendar-dates-area__month-name-blocked) .calendar-dates-area__month-name-text:hover{ color:#F54C3D }
.calendar-dates-area__month-name > div:last-child{ color:#666; margin-left:6px }
.calendar-dates-area__month-container{ width:100%; margin-top:5px; display:flex; flex-wrap:wrap }
.calendar-dates-area__month-day{ width:calc(100% / 7); position:relative; cursor:pointer }
.calendar-dates-area__month-day::before{ content:''; display:block; padding-bottom:100% }
.calendar-dates-area__month-day-disabled:not(.calendar-dates-area__month-day-blocked){ cursor:default }
.calendar-dates-area__month-day-blocked{ cursor:not-allowed }

.calendar-dates-area__month-day-text{ z-index:2; position:absolute; left:0; right:0; top:0; bottom:0;  display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:500; color:#fff }
.calendar-dates-area__month-day-holiday:not(.calendar-dates-area__month-day-blocked):not(.calendar-dates-area__month-day-disabled):not(.calendar-dates-area__month-day-selected-left):not(.calendar-dates-area__month-day-selected-right):not(.calendar-dates-area__month-day-selected-middle) .calendar-dates-area__month-day-text{ color:#F54C3D }
.calendar-dates-area__month-day-disabled .calendar-dates-area__month-day-text,
.calendar-dates-area__month-day-blocked .calendar-dates-area__month-day-text{ color:#666 }
.calendar-dates-area__month-day-blocked.calendar-dates-area__month-day-disabled .calendar-dates-area__month-day-text{ color:#343434 }

.calendar-dates-area__month-day-hover-bg{ z-index:1; position:absolute; left:2px; top:2px; bottom:2px; right:2px; border:1px solid #F54C3D; border-radius:6px; opacity:0 }
.calendar-dates-area__month-day:hover:not(.calendar-dates-area__month-day-disabled):not(.calendar-dates-area__month-day-blocked):not(.calendar-dates-area__month-day-selected-left):not(.calendar-dates-area__month-day-selected-middle):not(.calendar-dates-area__month-day-selected-right):not(.calendar-dates-area__month-day-selecting-left):not(.calendar-dates-area__month-day-selecting-middle):not(.calendar-dates-area__month-day-selecting-right) .calendar-dates-area__month-day-hover-bg{ opacity:1 }

.calendar-dates-area__month-day-selected-bg{ z-index:1; position:absolute; top:2px; left:0; right:0; bottom:2px; background:#F54C3D; display:none }
.calendar-dates-area__month-day-selecting-left .calendar-dates-area__month-day-selected-bg,
.calendar-dates-area__month-day-selecting-right .calendar-dates-area__month-day-selected-bg,
.calendar-dates-area__month-day-selecting-middle .calendar-dates-area__month-day-selected-bg{ background:transparent; border-top:1px solid #F54C3D; border-bottom:1px solid #F54C3D }
.calendar-dates-area__month-day-selected-left .calendar-dates-area__month-day-selected-bg,
.calendar-dates-area__month-day-selecting-left .calendar-dates-area__month-day-selected-bg{ display:block; border-top-left-radius:6px; border-bottom-left-radius:6px }
.calendar-dates-area__month-day-selecting-left .calendar-dates-area__month-day-selected-bg{ border-left:1px solid #F54C3D }
.calendar-dates-area__month-day-selected-right .calendar-dates-area__month-day-selected-bg,
.calendar-dates-area__month-day-selecting-right .calendar-dates-area__month-day-selected-bg{ display:block; border-top-right-radius:6px; border-bottom-right-radius:6px }
.calendar-dates-area__month-day-selecting-right .calendar-dates-area__month-day-selected-bg{ border-right:1px solid #F54C3D }
.calendar-dates-area__month-day-selected-left.calendar-dates-area__month-day-selected-right .calendar-dates-area__month-day-selected-bg,
.calendar-dates-area__month-day-selecting-left.calendar-dates-area__month-day-selecting-right .calendar-dates-area__month-day-selected-bg{ left:2px; right:2px }
.calendar-dates-area__month-day-selected-middle .calendar-dates-area__month-day-selected-bg,
.calendar-dates-area__month-day-selecting-middle .calendar-dates-area__month-day-selected-bg{ display:block; left:0; right:0 }

.calendar-dates-area__month-day-blocked-bg{ z-index:1; position:absolute; left:0; right:0; top:0; bottom:0; background:#1A1A1A; display:none }
.calendar-dates-area__month-day-blocked .calendar-dates-area__month-day-blocked-bg{ display:block }

.calendar-dates-area__container-shadow-top{ z-index:10; position:absolute; left:0; right:0; top:0; height:8px; background:linear-gradient(to bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)) }
.calendar-dates-area__container-shadow-bottom{ z-index:10; position:absolute; left:0; right:0; bottom:0; height:8px; background:linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)) }

.calendar-dates-fields{ margin:0 -4px 16px; width:calc(100% + 8px); display:flex; align-items:center }
.calendar-dates-fields > div{ width:50%; padding:0 4px }
.calendar-dates-fields input{ width:100%; height:32px; font-size:12px; font-weight:500; color:#fff; border-radius:8px; background:#000; display:flex; align-items:center; padding:0 12px; border:0; transition:background .3s }
.calendar-dates-fields input.disabled{ background:#262626; cursor:default }

.calendar-dates-content{ position:relative; width:100% }
.calendar-dates-content__field{ width:100%; height:40px; display:flex; align-items:center; padding:0 44px 0 16px; border-radius:10px; border:1px solid #262626; background:#0D0D0D; color:#fff; font-size:12px; font-weight:500; white-space:pre; cursor:pointer; transition:border-color .3s }
.calendar-dates.active .calendar-dates-content__field{ border-color:#808591 }
.calendar-dates-content svg{ width:18px; height:18px; fill:#808591; position:absolute; top:50%; transform:translateY(-50%); right:16px }




/* @PREFECT9/UXUI */
.prefect9-btn.white-yellow-outline{ border-color:#F8FF00!important; color:#fff!important }
.prefect9-btn.white-yellow-outline:hover{ border-color:#F8FF00!important; background:#F8FF00!important; color:#000!important }

.prefect9-btn.gray{ border-color:#262626!important; background:#262626!important; color:#fff!important }
.prefect9-btn.gray:hover{ border-color:#fff!important; background:#fff!important; color:#000!important }


.prefect9-field{ padding:8px 4px 0; width:100% }
.prefect9-field.field-w50{ width:50% }
.prefect9-field.field-no-padding{ padding:0 }
.prefect9-field.field__label-padding{ padding-top:40px!important }
.prefect9-field__label{ color:#808591!important }
.prefect9-field__input{ color:#fff!important; border-color:#262626!important; background:#0D0D0D!important; transition:border-color 0.3s!important }
.prefect9-field__input:placeholder{ color:#808591!important }
.prefect9-field__invalid .prefect9-field__input{ color:#F54C3D!important; border-color:#F54C3D!important }
.prefect9-field__input:focus{ border-color:#808591!important }


.prefect9-ico{ fill:#b5b7bf!important }


.prefect9-checkboxes__container{ display:flex; align-items:center }


.prefect9-select{ color:#fff!important }
.prefect9-select .prefect9-ico{ fill:#808591!important }
.prefect9-select__active .prefect9-field__input{ border-color:#808591!important }
.prefect9-select__option-modal, .prefect9-select__option-modal > div{ width:100% }
.prefect9-select__option-placeholder{ color:#808591!important }
.prefect9-select.small .prefect9-field__input{ height:36px; padding:0 12px; font-size:11px }
.prefect9-select.small .prefect9-ico{ width:16px; height:16px; right:12px }
.prefect9-select.small .prefect9-field-ico__right .prefect9-field__input{ padding-right:38px }

.prefect9-field__modal{ border-color:#808591!important; background:#000!important }
.prefect9-select__option-modal svg{ fill:#fff!important }
.prefect9-field__modal .prefect9-select__option:hover{ background:rgba(255, 255, 255, .1)!important }
.prefect9-field__modal .prefect9-select__option-selected, .prefect9-field__modal .prefect9-select__option-selected:hover{ background:rgba(255, 255, 255, .2)!important }

.prefect9-select__multi{ min-width:unset!important }
.prefect9-select__multi .prefect9-select__option-placeholder > div:nth-child(1){ padding-left:6px }
.prefect9-select__option-multi > div{ background:rgba(255, 255, 255, .1)!important }
.prefect9-select__option-multi > svg{ fill:#fff!important }
.prefect9-select__option-multi[data-value='manager'] > div{ background:#FF9500!important }
.prefect9-select__option-multi[data-value='buyer'] > div{ background:#6ABF40!important }
.prefect9-select__option-multi[data-value='programmer'] > div{ background:#0080FF!important }
.prefect9-select__option-multi[data-value='designer'] > div{ background:#FF0095!important }

.prefect9-select__option-multi[data-value='ceo'] > div{ background:#B75396!important }
.prefect9-select__option-multi[data-value='coo'] > div{ background:#EB7725!important }
.prefect9-select__option-multi[data-value='cto'] > div{ background:#FFA463!important }
.prefect9-select__option-multi[data-value='fullstack_developer'] > div{ background:#0080FF!important }
.prefect9-select__option-multi[data-value='backend_developer'] > div{ background:#00D5FF!important }
.prefect9-select__option-multi[data-value='ios_developer'] > div{ background:#40BF80!important }
.prefect9-select__option-multi[data-value='ml_engineer'] > div{ background:#396053!important }
.prefect9-select__option-multi[data-value='uxui_designer'] > div{ background:#FF0095!important }
.prefect9-select__option-multi[data-value='motion_designer'] > div{ background:#FA9EFA!important }
.prefect9-select__option-multi[data-value='user_acquisition_manager'] > div{ background:#FF9500!important }
.prefect9-select__option-multi[data-value='traffic_buyer'] > div{ background:#6ABF40!important }
.prefect9-select__option-multi[data-value='pm'] > div{ background:#F2CC0D!important }
.prefect9-select__option-multi[data-value='pa'] > div{ background:#F2460D!important }
.prefect9-select__option-multi[data-value='hr'] > div{ background:#A68C59!important }
.prefect9-select__option-multi[data-value='fm'] > div{ background:#A11FAD!important }
.prefect9-select__option-multi[data-value='support'] > div{ background:#898989!important }

.prefect9-select__disabled .prefect9-field__input{ border-color:#262626!important; background:#262626!important; cursor:default }
.prefect9-select__disabled.prefect9-field__invalid .prefect9-field__input{ border-color:#F54C3D!important }
.prefect9-select__disabled .prefect9-select__body > .prefect9-ico{ display:none!important }

.prefect9-select__search svg{ fill:#808591!important }
.prefect9-select__search input{ background:#262626!important; color:#fff!important }
.prefect9-select__search input:placeholder{ color:#808591!important }

.prefect9-field__copy .prefect9-field__copy-btn{ fill:#808591!important }
.prefect9-field__copy-checkmark__circle{ stroke:#AFFAAF!important }
.prefect9-field__copy-checkmark__ico{ fill:#AFFAAF!important }


.prefect9-modal__content{ background:#191919!important; border-color:#191919!important; color:#fff!important }
.prefect9-modal__description{ color:#808591!important }

.prefect9-modal__loader > div{ background-image:url(../img/loader_gray.webp)!important }

.prefect9-tab{ border-color:#262626!important; background:#262626!important; color:#BFC2C8!important }
.prefect9-tabs:not(.prefect9-tabs__disabled) .prefect9-tab:not(.prefect9-tab__active):hover{ color:#fff!important }
.prefect9-tab__active{ border-color:#fff!important; background:#191919!important; color:#fff!important }

.prefect9-scroll__show-vertical{ padding-right:22px!important }
.prefect9-scroll__vertical-bar{ right:8px!important; background:rgba(255, 255, 255, .1)!important }
.prefect9-scroll__vertical-bar > div{ background:#808591!important; transition: unset!important }

.prefect9-counter__minus, .prefect9-counter__plus{ position:absolute; width:24px!important; min-width:24px!important; height:24px!important; border-radius:4px!important; top:50%; transform:translateY(-50%); background:#262626!important }
.prefect9-counter__minus svg, .prefect9-counter__plus svg{ fill:#fff!important }
.prefect9-counter__minus{ margin-right:0!important; left:8px }
.prefect9-counter__plus{ margin-left:0!important; right:8px }


.prefect9-tags-field{ border-color:#262626!important; background:#0d0d0d!important }
.prefect9-tags-field .prefect9-text-sized-field__text, .prefect9-tags-field .prefect9-text-sized-field__input{ color:#fff!important }
.prefect9-tags__focus .prefect9-tags-field{ border-color:#808591!important }
.prefect9-field__invalid:not(.prefect9-tags__focus) .prefect9-tags-field{ border-color:#F54C3D!important }


.prefect9-user-customized-select{ color:#fff!important }
.prefect9-user-customized-select__input{ background:#0D0D0D!important; border-color:#262626!important; color:#fff!important }
.prefect9-user-customized-select__show-modal .prefect9-user-customized-select__input{ border-color:#808591!important }
.prefect9-user-customized-select__input::placeholder{ color:#808591!important }
.prefect9-user-customized-select__modal{ background:#0D0D0D!important; border-color:#808591!important }
.prefect9-user-customized-select__create:hover, .prefect9-user-customized-select__option:hover{ background:rgba(255, 255, 255, .1)!important }
.prefect9-user-customized-select__empty{ color:#808591!important }


.prefect9-table__pages-previous, .prefect9-table__pages-next{ background:#262626!important; border-color:#262626!important }
.prefect9-table__pages-previous svg, .prefect9-table__pages-next svg{ fill:#fff!important }
.prefect9-table__pages-previous:not(.prefect9-table__pages-previous-disabled):hover, .prefect9-table__pages-next:not(.prefect9-table__pages-next-disabled):hover{ background:#fff!important }
.prefect9-table__pages-previous:not(.prefect9-table__pages-previous-disabled):hover svg, .prefect9-table__pages-next:not(.prefect9-table__pages-next-disabled):hover svg{ fill:#000!important }
.prefect9-table__page{ color:#808591!important }
.prefect9-table__page:not(.prefect9-table__page-dots):hover{ color:#fff!important }
.prefect9-table__page-active{ color:#fff!important; border-color:#F8FF00!important }
.prefect9-table__pages-previous-disabled, .prefect9-table__pages-next-disabled{ background:transparent!important; border-color:#808591!important }
.prefect9-table__pages-previous-disabled svg, .prefect9-table__pages-next-disabled svg{ fill:#808591!important }


.switched-tabs{ padding: 2px; border-radius:16px; background:#0D0D0D }
.switched-tabs .prefect9-tab + .prefect9-tab{ margin-left:0!important }
.switched-tabs .prefect9-tab{ background:transparent!important; border-radius:14px!important; height:48px!important; font-size:14px!important; color:#808591!important; border:0!important; justify-content:center }
.switched-tabs .prefect9-tab__active{ background:#262626!important; color:#fff!important }

.switched-tabs-sm{ padding:0; border:2px solid #000; border-radius:12px }
.switched-tabs-sm .prefect9-tab{ border-radius:10px!important; height:36px!important; font-size:12px!important; font-weight:500!important }


.switch-checkboxes{ width:100% }
.switch-checkboxes .prefect9-checkboxes__container{ flex-direction:column }
.switch-checkboxes .prefect9-checkbox{ padding:10px 16px; background:#262626; width:100%; cursor:pointer }
.switch-checkboxes .prefect9-checkbox__disabled{ cursor:default }
.switch-checkboxes .prefect9-checkbox + .prefect9-checkbox{ border-top:1px solid rgba(255, 255, 255, .1); }
.switch-checkboxes .prefect9-checkbox:first-child{ border-top-left-radius:12px; border-top-right-radius:12px }
.switch-checkboxes .prefect9-checkbox:last-child{ border-bottom-left-radius:12px; border-bottom-right-radius:12px }
.switch-checkbox{ width:100%; display:flex }
.switch-checkbox > div:nth-child(1){ padding-right:32px; display:flex; flex-grow:1; align-items:center }
.switch-checkbox > div:nth-child(2){ width:48px; min-width:48px; height:28px; border-radius:99px; border:1px solid #F54C3D; background:#F54C3D; position:relative }
.switch-checkbox > div:nth-child(2)::before{ content:''; display:block; position:absolute; width:20px; height:20px; left:4px; top: 50%; transform: translateY(-50%); transition:left 0.3s; background:#fff; border-radius:99px }
.prefect9-checkbox__checked .switch-checkbox > div:nth-child(2){ background:#0080FF; border-color:#0080FF }
.prefect9-checkbox__checked .switch-checkbox > div:nth-child(2)::before{ left:24px }
.prefect9-checkbox__disabled .switch-checkbox > div:nth-child(2){ background:transparent; border-color:#808591 }
.prefect9-checkbox__disabled .switch-checkbox > div:nth-child(2)::before{ background:#808591 }


.prefect9-modal-calendar{ width:100%; background:#0D0D0D!important; border-color:#262626!important; color:#fff!important }
.prefect9-field.disabled > .prefect9-modal-calendar{ cursor:default!important; background:#262626!important }
.prefect9-modal-calendar__ico svg{ fill:#808591!important }


.field-checkbox{ display:flex; align-items:center; cursor:pointer; height:40px }
.field-checkbox__label-margin{ margin-top:32px }
.switch{ position: relative; width:40px; height:24px; border-radius:99px; background:#F54C3D; transition:background 0.3s }
.prefect9-checkbox__checked > .switch{ background:#0080FF }
.switch-left{ margin-right:8px }
.switch > div:nth-child(1){ width:20px; min-width:20px; height:20px; transform:translateY(-50%); top:50%; position:absolute; left:2px; background: #fff; border-radius: 99px; transition:left 0.3s }
.prefect9-checkbox__checked > .switch > div:nth-child(1){ left:18px }


.prefect9-modal-calendar__modal{ width: 365px!important; background:#191919!important; border:0!important; color:#fff!important }
.prefect9-modal-calendar__modal-btn{ background:#262626!important; border:1px solid transparent!important; color:#fff!important; transition:background 0.3s, border-color 0.3s, color 0.3s!important }
.prefect9-modal-calendar__modal-btn:hover{ background:#fff!important; color:#000!important; border-color:#fff!important }
.prefect9-modal-calendar__modal-fields label{ color:#808591!important }
.prefect9-modal-calendar__modal-fields input{ color:#fff!important; background:#0D0D0D!important; border:1px solid #262626 }
.prefect9-modal-calendar__modal-fields input:hover, .prefect9-modal-calendar__modal-fields input:focus{ background:#0D0D0D!important; border-color:#808591!important }
.prefect9-modal-calendar__modal-fields > div:nth-child(2){ color:#808591!important }
.prefect9-modal-calendar__modal-days-names{ padding:0 8px }
.prefect9-modal-calendar__modal-days{ margin:0!important; width:100%!important; background:#0D0D0D!important; border-color:#262626!important }
.prefect9-modal-calendar__modal-month__name{ color:#808591!important }
.prefect9-modal-calendar__modal-month__day__start-range > div, .prefect9-modal-calendar__modal-month__day__range > div, .prefect9-modal-calendar__modal-month__day__end-range > div{ color:#000!important; background:#F8FF00!important }
.prefect9-modal-calendar__modal-month__day:not(.prefect9-modal-calendar__modal-month__day__start-range):not(.prefect9-modal-calendar__modal-month__day__range):not(.prefect9-modal-calendar__modal-month__day__end-range):hover > div{ background:#262626!important }
.prefect9-modal-calendar__modal-field__updated{ animation: calendar_field 1.2s!important }
@keyframes calendar_field{
	from{ box-shadow: 0 0 0 rgba(248, 255, 0, .2) }
	25%{ box-shadow: 0 0 15px rgba(248, 255, 0, .2) }
	to{ box-shadow: 0 0 0 rgba(248, 255, 0, .2) }
}


.prefect9-text-sized-field__loader{ background-image:url(../img/loader_gray.webp)!important }




/* TEAMS */
.ubi-teams__main-title{ display:flex; align-items:center }
.ubi-teams__main-title > div + div{ margin-left:32px }

.ubi-teams__loading .page-card__top .loading-text-block__h20{ width:130px }
.ubi-teams__loading .page-card__top .loading-text-block__btn{ width:140px }
.ubi-teams__loading .page-card .loading-text-block__h16{ width:240px }
.ubi-teams__loading .page-card:nth-child(2n) .loading-text-block__h16{ width:180px }
.ubi-teams__loading .page-card:not(.page-card__top) .loading-text-block__btn{ width:48px; margin-left:8px }
.ubi-teams__loading .page-card:not(.page-card__top) .loading-text-block__btn:last-child{ margin-left:24px }

.ubi-teams__line .page-card__title .btn{ margin-left:8px }
.ubi-teams__line-show{ width:48px; height:48px; min-width:48px; border-radius:12px; margin-left:24px; background:#262626; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background 0.3s }
.ubi-teams__line-showed .ubi-teams__line-show{ background:#fff }
.ubi-teams__line-show svg{ width:20px; height:20px; fill:#fff; transition:fill 0.3s, transform 0.3s }
.ubi-teams__line-showed .ubi-teams__line-show svg{ transform:rotate(180deg); fill:#000 }
.ubi-teams__line-add{ display:none }
.ubi-teams__line-showed .ubi-teams__line-add{ display:flex; animation:adw__show-add-user-btn 0.5s }
@keyframes adw__show-add-user-btn{
	from{ opacity:0 }
	to{ opacity:1 }
}

.ubi-teams__title{ display:flex; align-items:flex-start }
.ubi-teams__title .prefect9-text-sized-field__text, .ubi-teams__title .prefect9-text-sized-field__input{ font-size:16px!important; font-weight:600!important; line-height:100%!important; color:#fff!important; padding-bottom:5px; border-bottom:1px dashed #444 }
.ubi-teams__title .prefect9-text-sized-field__input-placeholder{ color:rgba(255, 255, 255, .2)!important }
.ubi-teams__title-deleted{ display:flex; align-items:center; color:#F54C3D }
.ubi-teams__title-deleted svg{ width:20px; min-width:20px; height:20px; margin-right:8px; fill:#F54C3D }

.ubi-teams__counter{ margin-left:10px; color:#6ABF40 }
.ubi-teams__counter-zero{ color:#808591 }

.ubi-teams__employees .table-col:nth-child(1){ width:225px }
.ubi-teams__employees .table-col:nth-child(2){ width:150px }
.ubi-teams__employees .table-col:nth-child(3){ width:calc(100% - 225px - 150px - 140px) }
.ubi-teams__employees .table-col:nth-child(4){ width:140px }

.ubi-teams__line .page-card__title:not(:last-child){ padding-bottom:0 }
.ubi-teams__line-content{ overflow:hidden; transition:height .5s }
.ubi-teams__line-content > div{ padding-top:16px }




/* ASSETS */
.ubi-assets__team{ background:#0d0d0d!important; border-color:#0d0d0d!important; color:#fff!important; max-width:300px; overflow:hidden }
.ubi-assets__team svg{ fill:#fff!important }
.ubi-assets__team > div{ max-width:calc(100% - 28px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.ubi-assets__team-anim{ animation:ubi-assets-team-anim 1.5s }
@keyframes ubi-assets-team-anim{
	from{ box-shadow:0 0 20px rgba(248, 255, 0, .5) }
	to{ box-shadow:0 0 20px rgba(248, 255, 0, 0) }
}

.ubi-assets__services svg{ width:16px; min-width:16px; height:16px }
.ubi-assets__services svg + svg{ margin-left:4px }
.ubi-assets__services svg + div{ margin-left:8px }
.ubi-assets__services path{ transition:fill 0.3s }
.ubi-assets__services [data-value=facebook] path:nth-child(1){ fill:#47494F }
.ubi-assets__services [data-value=facebook] path:nth-child(2){ fill:#66686B }
.ubi-assets__services [data-value=facebook]:not(.prefect9-tab__disabled):hover path:nth-child(1), .ubi-assets__services [data-value=facebook].prefect9-tab__active path:nth-child(1){ fill:#1877F2 }
.ubi-assets__services [data-value=facebook]:not(.prefect9-tab__disabled):hover path:nth-child(2), .ubi-assets__services [data-value=facebook].prefect9-tab__active path:nth-child(2){ fill:#fff }
.ubi-assets__services [data-value=google] path:nth-child(1){ fill:#47494F }
.ubi-assets__services [data-value=google] path:nth-child(2){ fill:#66686B }
.ubi-assets__services [data-value=google] path:nth-child(3){ fill:#47494F }
.ubi-assets__services [data-value=google]:not(.prefect9-tab__disabled):hover path:nth-child(1), .ubi-assets__services [data-value=google].prefect9-tab__active path:nth-child(1){ fill:#3C8BD9 }
.ubi-assets__services [data-value=google]:not(.prefect9-tab__disabled):hover path:nth-child(2), .ubi-assets__services [data-value=google].prefect9-tab__active path:nth-child(2){ fill:#FABC04 }
.ubi-assets__services [data-value=google]:not(.prefect9-tab__disabled):hover path:nth-child(3), .ubi-assets__services [data-value=google].prefect9-tab__active path:nth-child(3){ fill:#34A852 }
.ubi-assets__services [data-value=tiktok] path:nth-child(1){ fill:#47494F }
.ubi-assets__services [data-value=tiktok] path:nth-child(2),
.ubi-assets__services [data-value=tiktok] path:nth-child(3),
.ubi-assets__services [data-value=tiktok] path:nth-child(4){ fill:transparent }
.ubi-assets__services [data-value=tiktok]:not(.prefect9-tab__disabled):hover path:nth-child(1), .ubi-assets__services [data-value=tiktok].prefect9-tab__active path:nth-child(1){ fill:transparent }
.ubi-assets__services [data-value=tiktok]:not(.prefect9-tab__disabled):hover path:nth-child(2), .ubi-assets__services [data-value=tiktok].prefect9-tab__active path:nth-child(2){ fill:#FF004F }
.ubi-assets__services [data-value=tiktok]:not(.prefect9-tab__disabled):hover path:nth-child(3), .ubi-assets__services [data-value=tiktok].prefect9-tab__active path:nth-child(3){ fill:#fff }
.ubi-assets__services [data-value=tiktok]:not(.prefect9-tab__disabled):hover path:nth-child(4), .ubi-assets__services [data-value=tiktok].prefect9-tab__active path:nth-child(4){ fill:#00F2EA }

.ubi-assets__requests-table .table-cell:nth-child(1){ width:180px }
.ubi-assets__requests-table .table-cell:nth-child(2){ width:150px }
.ubi-assets__requests-table .table-cell:nth-child(3){ width:calc(100% - 180px - 150px - 230px - 200px) }
.ubi-assets__requests-table .table-cell:nth-child(4){ width:230px }
.ubi-assets__requests-table .table-cell:nth-child(4) .tlb-h14{ margin-top:3px }
.ubi-assets__requests-table .table-cell:nth-child(5){ width:200px }
.ubi-assets__requests-table .table-cell:nth-child(5) .tlb-h14{ margin-top:3px }

.ubi-assets__team-requests-table .table-cell:nth-child(1){ width:200px }
.ubi-assets__team-requests-table .table-cell:nth-child(2){ width:130px }
.ubi-assets__team-requests-table .table-cell:nth-child(3){ width:130px }
.ubi-assets__team-requests-table .table-cell:nth-child(4){ width:calc(100% - 200px - 130px - 130px - 180px - 150px) }
.ubi-assets__team-requests-table .table-cell:nth-child(5){ width:180px }
.ubi-assets__team-requests-table .table-cell:nth-child(5) .tlb-h14{ margin-top:3px }
.ubi-assets__team-requests-table .table-cell:nth-child(6){ width:150px }
.ubi-assets__team-requests-table .table-cell:nth-child(6) .tlb-h14{ margin-top:3px }

.ubi-assets__count-issued > span:nth-child(2){ color:#808591; white-space:pre }
.ubi-assets__socs-names{ display:flex; align-items:center; flex-wrap:wrap; color:#fff; margin:0 -2px; width:calc(100% + 4px); color:#808591 }
.ubi-assets__socs-names > div{ padding:2px 2px 0; font-size:10px; max-width:100%; overflow:hidden }
.ubi-assets__soc-new > div, .ubi-assets__soc-name > div{ display:flex; align-items:center; padding:0 4px; color:#BFC2C8; background:#3d3d3d; border-radius:4px; height:16px; font-size:8px; line-height:100%; font-weight:500; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis }
.ubi-assets__soc-new > div{ color:#6ABF40 }
.ubi-assets__soc-new > div > div, .ubi-assets__soc-name > div > div{ max-width:100%; overflow:hidden; text-overflow:ellipsis }

.ubi-assets__table .table-cell:nth-child(1){ width:230px; word-break:break-word }
.ubi-assets__table .table-cell:nth-child(2){ width:200px }
.ubi-assets__table .table-cell:nth-child(3){ width:230px }
.ubi-assets__table .table-cell:nth-child(4){ width:calc(100% - 230px - 200px - 230px - 150px) }
.ubi-assets__table .table-cell:nth-child(5){ width:150px }
.ubi-assets__table .table-cell__service{ margin-top:5px }
.ubi-assets__table .table-cell__payment-method{ margin-top:5px }

.ubi-assets__team-table .table-cell:nth-child(1){ width:180px }
.ubi-assets__team-table .table-cell:nth-child(2){ width:170px; word-break:break-word }
.ubi-assets__team-table .table-cell:nth-child(3){ width:150px }
.ubi-assets__team-table .table-cell:nth-child(4){ width:210px }
.ubi-assets__team-table .table-cell:nth-child(5){ width:calc(100% - 180px - 170px - 150px - 210px - 90px) }
.ubi-assets__team-table .table-cell:nth-child(6){ width:90px }
.ubi-assets__team-table .table-cell__service{ margin-top:5px }
.ubi-assets__team-table .table-cell__payment-method{ margin-top:5px }




/* UBI ICONS */
.ubi-icon path{ fill:transparent; transition:fill 0.3s }

.ubi-icon__slack-inactive path{ fill:#47494F }
.ubi-icon__slack-active path:nth-child(1), .ubi-icon__slack-active path:nth-child(2){ fill:#E01E5A }
.ubi-icon__slack-active path:nth-child(3), .ubi-icon__slack-active path:nth-child(4){ fill:#36C5F0 }
.ubi-icon__slack-active path:nth-child(5), .ubi-icon__slack-active path:nth-child(6){ fill:#2EB67D }
.ubi-icon__slack-active path:nth-child(7), .ubi-icon__slack-active path:nth-child(8){ fill:#ECB22E }

.ubi-icon__proton-inactive path:nth-child(1){ fill:#66686B }
.ubi-icon__proton-inactive path:nth-child(2){ fill:#47494F }
.ubi-icon__proton-active path:nth-child(1){ fill:url(#proton_grad_active_1) }
.ubi-icon__proton-active path:nth-child(2){ fill:url(#proton_grad_active_2) }

.ubi-icon__dolphin-inactive path:nth-child(1){ fill:#47494F }
.ubi-icon__dolphin-inactive path:nth-child(2){ fill:#66686B }
.ubi-icon__dolphin-active path:nth-child(1){ fill:url(#dolphin_grad_active_1) }
.ubi-icon__dolphin-active path:nth-child(2){ fill:#fff }




/* SPLASH SCREEN */
#splashscreen{ position:fixed; left:0; right:0; top:0; bottom:0; z-index:5000; display:flex; align-items:center; justify-content:center }

.ubi-id__splashscreen{ background:#0D0D0D }
.ubi-id__splashscreen .logo-id{ width:142px; height:48px; animation:splashscreen-logo-animation 1.5s linear infinite }

.ubi-adw__splashscreen{ background:#0D0D0D }
.ubi-adw__splashscreen .logo-adw{ width:278px; height:48px; animation:splashscreen-logo-animation 1.5s linear infinite }

.ubi-admin__splashscreen{ background:#0D0D0D }
.ubi-admin__splashscreen .logo-admin{ width:249px; height:48px; animation:splashscreen-logo-animation 1.5s linear infinite }

.ubi-uapp__splashscreen{ background:#0D0D0D }
.ubi-uapp__splashscreen .logo-uapp{ width:170px; height:56px; animation:splashscreen-logo-animation 1.5s linear infinite }

@keyframes splashscreen-logo-animation{
	0%{ opacity:1 }
	25%{ opacity:.5 }
	50%{ opacity:.1 }
	75%{ opacity:.5 }
	100%{ opacity:1 }
}




/* UBI ID: AUTH */
.auth{ display: flex; align-items: center; justify-content: center; flex-direction: column; position:absolute; overflow:hidden; left:0; right:0; bottom:0; top:0 }
.auth-bg-container{ position:absolute; left:0; right:0; bottom:0; top:0; z-index:1; overflow:hidden }
.auth-bg{ position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 100%; min-width: 1000px; height: 100%; min-height: 900px }
.auth-bg > div{ position:absolute }
.auth-bg > div:nth-child(1){ width:calc(500px + 1000px); height:calc(500px + 1000px); top:calc(290px - 500px); left:calc(-300px - 500px); background:url(../img/auth-bg-1.webp) no-repeat center / contain }
.auth-bg > div:nth-child(2){ width:calc(300px + 1000px); height:calc(300px + 1000px); top:calc(0px - 500px); right:calc(-30px - 500px); background:url(../img/auth-bg-2.webp) no-repeat center / contain }
.auth-bg > div:nth-child(3){ width:calc(678px + 1000px); height:calc(678px + 1000px); bottom:calc(-149px - 500px); right:calc(-390px - 500px); background:url(../img/auth-bg-3.webp) no-repeat center / contain }
.auth-stars{ position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; overflow:hidden }
.auth-stars > div{ position:absolute; left:0; right:0; top:0; bottom:0; background-image: radial-gradient(2px 2px at 50px 200px, #eee, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 40px 70px, #fff, rgba(0, 0, 0, 0)), radial-gradient(3px 4px at 120px 40px, #ddd, rgba(0, 0, 0, 0)); background-repeat: repeat; background-size: 250px 250px; opacity: 0; animation: auth-stars-zoom 10s infinite }
.auth-stars > div:nth-child(1){ background-position: 10% 90%; animation-delay: 0s }
.auth-stars > div:nth-child(2){ background-position: 20% 50%; background-size: 270px 500px; animation-delay: .3s }
.auth-stars > div:nth-child(3){ background-position: 40% -80%; animation-delay: 1.2s }
.auth-stars > div:nth-child(4){ background-position: -20% -30%; transform: rotate(60deg); animation-delay: 2.5s }
.auth-stars > div:nth-child(5){ background-image: radial-gradient(2px 2px at 10px 100px, #eee, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 20px 10px, #fff, rgba(0, 0, 0, 0)), radial-gradient(3px 4px at 150px 40px, #ddd, rgba(0, 0, 0, 0)); background-position: 80% 30%; animation-delay: 4s }
.auth-stars > div:nth-child(6){ background-position: 50% 20%; animation-delay: 6s }
@keyframes auth-stars-zoom{
	0% { opacity: 0; transform: scale(0.5) rotate(5deg); animation-timing-function: ease-in }
    85% { opacity: 1 }
    100% { opacity: .2; transform: scale(2.2) }
}
.auth-content{ position:relative; z-index:3; width:100%; overflow-y:auto; padding:40px 0; flex-grow:1; display:flex; flex-direction:column }


.auth-form .page-card > *{ background:rgba(255, 255, 255, .03); backdrop-filter:blur(3px) }


.ubi-id__auth-title{ width:100%; padding-bottom:24px; display:flex; align-items:center; justify-content:center }




/* UBI ID: INVITE */
.ubi-id__invite-loader-container{ align-items:center }
.ubi-id__invite-loader-container > div{ padding:36px }
.ubi-id__invite-loader{ width:40px; height:40px; background:url(../img/loader_white.webp) no-repeat center / contain; animation:rotate 2s linear infinite }

.ubi-id__invite-form{ justify-content:flex-start; padding-top:80px; padding-bottom:140px }
.ubi-id__invite-form .logo-id + .m16, .ubi-id__invite-form .logo-grocks + .m16{ margin-top:24px }
.ubi-id__invite-team{ width:100%; padding:14px 16px; border-radius:12px; background:#191919; box-shadow: 0 0 20px rgba(0, 0, 0, .1); margin-top:16px }
.ubi-id__invite-head{ display:flex; align-items:center }
.ubi-id__invite-head-name{ padding-left:12px }
.ubi-id__invite-team > .t12{ color:#808591; margin-top:16px }
.ubi-id__invite-team > .t12 span{ color:#fff }
.ubi-id__invite-team + .form{ padding-top:24px }

.ubi-id__invite-continue-field{ width:calc(100% - 100px) }
.ubi-id__invite-continue{ width:100px }
.ubi-id__invite-continue button{ width:100% }

.ubi-id__invite-error-card > div{ align-items:center }
.ubi-id__invite-error-ico{ width:64px; min-width:64px; height:64px; margin-left:auto; margin-right: auto; fill:#F54C3D }
.ubi-id__invite-error-text{ width:100%; text-align:center; margin-top:24px }
.ubi-id__invite-error-card .btn{ min-width:150px; margin-top:24px }

.ubi-id__invite-authorized > div{ align-items:center }
.ubi-id__invite-authorized-welcome{ margin-top:24px }
.ubi-id__invite-authorized-user{ display: flex; align-items: center; padding:14px 16px; border-radius:12px; background:#191919; box-shadow: 0 0 20px rgba(0, 0, 0, .1); margin-top:12px; white-space:nowrap; max-width:100% }
.ubi-id__invite-authorized-user-data{ width:calc(100% - 40px); overflow: hidden; padding-left:12px; color:#fff }
.ubi-id__invite-authorized-user-data .m12{ margin-top:2px; color:#808591 }
.ubi-id__invite-authorized-user-data > div{ max-width:100%; overflow:hidden; text-overflow:ellipsis }
.ubi-id__invite-authorized-confirm{ margin-top:24px; color:#808591; text-align:center }
.ubi-id__invite-authorized-confirm span{ color:#fff }
.ubi-id__invite-authorized button{ margin-top:24px; width:100% }

.ubi-id__invite-wait > div{ align-items:center; text-align:center }
.ubi-id__invite-wait-loader{ width:128px; min-width:128px; height:128px; position:relative; margin-top:48px }
.ubi-id__invite-wait-loader > div:nth-child(1){ position:absolute; width:128px; height:128px; top:0; left:0; background:url(../img/loader-wait__white.webp) no-repeat center / contain; animation:rotate 2s linear infinite }
.ubi-id__invite-wait .m16{ margin-top:24px }
.ubi-id__invite-wait .t12{ margin-top:10px; color:#808591 }
.ubi-id__invite-wait-logos{ width:100px; height:40px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); overflow:hidden }
.ubi-id__invite-wait-logos > div{ position:absolute; left:50%; transition:unset }
.ubi-id__invite-wait-logos > div:nth-child(1), .ubi-id__invite-wait-logos > div:nth-child(4){ width:50px; height:32px; top:4px; background:url(../img/logo-ubi_coloured.svg) no-repeat center / contain; transform:translateX(-50%) }
.ubi-id__invite-wait-logos > div:nth-child(2){ width:70px; height:22px; top:59px; background:url(../img/logo-uapp_coloured.svg) no-repeat center / contain; transform:translateX(-50%) scale(0.1) }
.ubi-id__invite-wait-logos > div:nth-child(3){ width:90px; height:22px; top:81px; background:url(../img/logo-adw_yellow-white.svg) no-repeat center / contain; transform:translateX(-50%) scale(0.1) }
.ubi-id__invite-wait-logos > div:nth-child(4){ top:103px; transform:translateX(-50%) scale(0.1) }
.ubi-id__invite-wait > div > button{ margin-top:24px }

.ubi-id__invite-wait-logos.step-1 > div,
.ubi-id__invite-wait-logos.step-2 > div,
.ubi-id__invite-wait-logos.step-3 > div{ position:absolute; left:50%; transition:top 0.5s, transform 0.5s }

.ubi-id__invite-wait-logos.step-1 > div:nth-child(1){ top:-46px; transform:translateX(-50%) scale(0.1) }
.ubi-id__invite-wait-logos.step-1 > div:nth-child(2){ top:9px; transform:translateX(-50%) scale(1) }
.ubi-id__invite-wait-logos.step-1 > div:nth-child(3){ top:31px; transform:translateX(-50%) scale(0.1) }
.ubi-id__invite-wait-logos.step-1 > div:nth-child(4){ top:53px; transform:translateX(-50%) scale(0.1) }

.ubi-id__invite-wait-logos.step-2 > div:nth-child(1){ top:-68px; transform:translateX(-50%) scale(0.1) }
.ubi-id__invite-wait-logos.step-2 > div:nth-child(2){ top:-13px; transform:translateX(-50%) scale(0.1) }
.ubi-id__invite-wait-logos.step-2 > div:nth-child(3){ top:9px; transform:translateX(-50%) scale(1) }
.ubi-id__invite-wait-logos.step-2 > div:nth-child(4){ top:31px; transform:translateX(-50%) scale(0.1) }

.ubi-id__invite-wait-logos.step-3 > div:nth-child(1){ top:-95px; transform:translateX(-50%) scale(0.1) }
.ubi-id__invite-wait-logos.step-3 > div:nth-child(2){ top:-40px; transform:translateX(-50%) scale(0.1) }
.ubi-id__invite-wait-logos.step-3 > div:nth-child(3){ top:-18px; transform:translateX(-50%) scale(0.1) }
.ubi-id__invite-wait-logos.step-3 > div:nth-child(4){ top:4px; transform:translateX(-50%) scale(1) }


.ubi-id__invite-show-anim__before{ opacity:0; transform:translateX(-100%) }
.ubi-id__invite-show-anim{ opacity:1; transform:translateX(0); animation:ubi-id-invite-show-anim 0.6s }
@keyframes ubi-id-invite-show-anim{
	from{ opacity:0; transform:translateX(-100%) }
	to{ opacity:1; transform:translateX(0) }
}

.ubi-id__invite-show-btn-anim__before{ opacity:0 }
.ubi-id__invite-show-btn-anim{ opacity:1; animation:ubi-id-invite-show-btn-anim 0.6s }
@keyframes ubi-id-invite-show-btn-anim{
	from{ opacity:0 }
	to{ opacity:1 }
}


.ubi-id__invite-document{ width:50% }
.ubi-id__invite-btn-full{ width:100% }

.ubi-id__invite-agree-padding{ padding-top:20px }
.ubi-id__invite-agree{ display:flex; align-items:flex-start; }
.ubi-id__invite-agree > div:nth-child(1){ width:24px; min-width:24px; height:24px; border-radius:50%; background:#0D0D0D; border:1px solid #262626; cursor:pointer; display:flex; align-items:center; justify-content:center; margin-right: 15px; transition:background 0.3s, border-color 0.3s }
.ubi-id__invite-agree > div:nth-child(1):hover{ border-color:#808591 }
.ubi-id__invite-agree > div:nth-child(1) svg{ width:15px; height:15px; fill:#0D0D0D; opacity:0; transition:opacity 0.3s }
.ubi-id__invite-agree > div:nth-child(2){ padding-top:1px }
.ubi-id__invite-agree__checked > div:nth-child(1){ background:#F8FF00 }
.ubi-id__invite-agree__checked > div:nth-child(1) svg{ opacity:1 }
.ubi-id__invite-agree-link{ color:#0080FF; display: flex; align-items:center; padding-top:6px }
.ubi-id__invite-agree-link svg{ width:16px; min-width:16px; height:16px; fill:#0080FF; margin-right:5px }

.field-square-photo__input{ position: relative; width:100%; background:#0D0D0D; border:1px solid #262626; border-radius: 12px; cursor: pointer; transition:border-color 0.3s; overflow:hidden }
.field-square-photo__input.field-square-photo__input-disabled{ cursor:default; border-color:#262626!important }
.field-square-photo__input::before{ content:''; display:block; padding-bottom:100% }
.field-square-photo__input:hover{ border-color:#808591 }
.field-square-photo__input > input[type=file]{ display:none }
.field-square-photo__input-upload{ position:absolute; z-index: 1; left:0; right:0; top:0; bottom:0; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer }
.field-square-photo__input-upload > svg{ width:42px; min-width:42px; height:42px; fill:#fff }
.field-square-photo__input-upload > .m14{ margin-top:10px }
.field-square-photo__input-upload > .t10{ margin-top:4px; color:#808591 }
.field-square-photo__input-uploaded{ position:absolute; left:0; right:0; bottom:0; top:0; z-index:2; background:no-repeat center / cover #0D0D0D; display:none }
.field-square-photo__uploaded .field-square-photo__input-uploaded{ display:block }
.field-invalid .field-square-photo__input{ border-color:#F54C3D }
.field-square-photo__input-uploaded-bg{ position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to bottom, rgba(13, 13, 13, 0) 20%, rgba(13, 13, 13, .9) 100%); display:flex; flex-direction:column; align-items:center; padding-bottom:30px; justify-content:flex-end; opacity:0; transition:opacity 0.3s }
.field-square-photo__input-uploaded-bg svg{ width:42px; min-width:42px; height:42px; fill:#fff }
.field-square-photo__input:not(.field-square-photo__input-disabled) .field-square-photo__input-uploaded:hover .field-square-photo__input-uploaded-bg{ opacity:1 }




/* UBI ID: READY */
.ubi-id__account-ready{ padding-top:120px; padding-bottom:140px }
.ubi-id__account-ready > div{ align-items:center; text-align:center; overflow:hidden; position:relative }
.ubi-id__account-ready-ico{ position: relative; width:48px; height:48px; fill:#F8FF00; margin-top:24px; z-index:2 }
.ubi-id__account-ready > div > .m16, .ubi-id__account-ready > div > .m20{ position: relative; margin-top:24px; z-index:2 }
.ubi-id__account-ready > div > .t12{ position: relative; margin-top:12px; color:#808591; z-index:2 }
.ubi-id__account-ready > div > button{ position: relative; z-index:2 }
.ubi-id__account-ready .logo-id{ position: relative; z-index:2 }
.ubi-id__account-ready > div > button{ width:100%; margin-top:24px }

.ubi-id__account-ready__access{ position: relative; width:100%; padding:16px; border-radius:12px; background:rgba(255, 255, 255, .03); margin-top:8px; z-index:2 }
.m20 + .ubi-id__account-ready__access{ margin-top:16px }
.ubi-id__account-ready__access-name{ display:flex; align-items:center; padding:10px 8px }
.ubi-id__account-ready__access-name svg{ width:20px; min-width:20px; height:20px; margin-right:8px }
.ubi-id__account-ready__access span{ color:#808591; margin-right:8px }

.ubi-id__account-ready-bg{ position:absolute; z-index:1; left:50%; top:0; transform:translate(-50%, -50%); width:calc(464px + 1000px); height:calc(464px + 1000px); background:url(../img/ubi-id-ready-bg.webp) no-repeat center / contain }




/* UBI ID: DOCUMENTS */
.ubi-id__document-page{ padding-bottom:100px }
.ubi-id__document-page > div{ align-items:center }
.ubi-id__document-page .logo-id + .h20, .ubi-id__document-page .logo-grocks + .h20{ margin-top:24px }
.ubi-id__document-page .h16{ width:100% }
.ubi-id__document-page .t14 + .h16{ margin-top:16px }
.ubi-id__document-page .t14{ width:100%; color:#b4b4b4 }
.ubi-id__document-page .h20 + .t14{ margin-top:24px }
.ubi-id__document-page .h16 + .t14{ margin-top:12px }




/* UBI ID: ACCESSES */
.ubi-id__accesses-list .table-cell:nth-child(1){ width:140px }
.ubi-id__accesses-list .table-cell:nth-child(2){ width:160px }
.ubi-id__accesses-list .table-cell:nth-child(3){ width:calc(100% - 140px - 160px - 180px - 180px - 130px - 110px) }
.ubi-id__accesses-list .table-cell:nth-child(4){ width:180px }
.ubi-id__accesses-list .table-cell:nth-child(5){ width:180px }
.ubi-id__accesses-list .table-cell:nth-child(6){ width:130px }
.ubi-id__accesses-list .table-cell:nth-child(7){ width:110px }

.ubi-id__accesses-list .table-body .table-cell:nth-child(4),
.ubi-id__accesses-list .table-body .table-cell:nth-child(5){ font-family:'Roboto Mono',sans-serif; letter-spacing:0.04em; font-size:11px }
.ubi-id__access-sharing-users, .ubi-id__access-sharing-teams{ display:flex; align-items:center; height:20px; border-radius:4px; width:100%; cursor:pointer; font-size:10px; padding:0 8px; background:rgba(255,255,255,.15) }
.ubi-id__access-sharing-users.active{ background:#FF0095 }
.ubi-id__access-sharing-teams{ margin-top:6px }
.ubi-id__access-sharing-teams.active{ background:#0080FF }
.ubi-id__access-sharing-users > div:nth-child(2), .ubi-id__access-sharing-teams > div:nth-child(2){ flex-grow:1; text-align:right; padding-left:5px; font-size:12px; font-weight:500 }
.ubi-id__access-sharing-users > svg, .ubi-id__access-sharing-teams > svg{ width:14px; height:14px; fill:#fff; margin-left:5px }
.ubi-id__accesses-list .table-cell:nth-child(6) .table-loader-block + .table-loader-block{ margin-top:6px }

.ubi-id__create-access-modal__other-service-link{ display:flex; align-items:center; width:100% }
.ubi-id__create-access-modal__other-service-link > .field{ flex-grow:1; width:auto }
.ubi-id__create-access-modal__other-service-ico{ padding:8px 4px 0 }
.ubi-id__create-access-modal__other-service-ico-preview{ width:40px; height:40px; background:#0D0D0D; border:1px solid #262626; border-radius:10px; display:flex; align-items:center; justify-content:center }
.ubi-id__create-access-modal__other-service-ico-preview > svg{ width:20px; height:20px; fill:#808591 }
.ubi-id__create-access-modal__other-service-ico-loader{ width:20px; height:20px; background:url(../img/loader_gray.webp) no-repeat center / contain; animation:rotate 1.2s linear infinite }
.ubi-id__create-access-modal__other-service-ico-img{ width:24px; height:24px; border-radius:6px; background:no-repeat center / contain }

.ubi-id__access-shared-block{ padding:16px 4px 0; width:100% }
.ubi-id__access-shared-block .prefect9-scroll{ width:100%; background:#0D0D0D; min-height:346px; border-radius:12px; display:flex; flex-direction:column }
.ubi-id__access-shared-block .prefect9-scroll__container{ max-height:346px; display:flex; flex-direction:column; flex-grow:1 }
.ubi-id__access-shared-block .prefect9-scroll__content{display:flex; flex-direction:column; flex-grow:1 }
.ubi-id__access-shared-content{ padding:8px }
.ubi-id__access-shared-block > .prefect9-scroll__show-vertical .ubi-id__access-shared-content{ padding-right:0 }
.ubi-id__access-shared-empty{ width:100%; flex-grow:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; font-size:14px; font-weight:400; padding:16px 120px }

.ubi-id__share-teams-title{ padding:8px 4px 0; width:100% }
.ubi-id__share-teams-title .color-gray{ margin-top:5px }




/* UBI ID: SALARY */
.ubi-id__salary-previous{ display:flex; flex-direction:column; align-items:flex-end; text-align:right; }
.ubi-id__salary-usdt{ display:flex; align-items:center }
.ubi-id__salary-usdt > div:nth-child(2){ width:24px; min-width:24px; height:20px; background:url(../img/tether_green.svg) no-repeat center / contain; margin-left:10px }
.ubi-id__salary-last-transactions, .ubi-id__salary-last-transactions__empty{ width:50% }
.ubi-id__salary-last-transactions__title{ padding: 5px 0; display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:8px }

.ubi-id__salary-last-transactions__empty > div{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:36px 0 }
.ubi-id__salary-last-transactions__empty .t12{ margin-top:16px; color:#808591 }
.ubi-id__salary-last-transactions__empty-contact{ margin-top:24px; display:flex; align-items:center; white-space:nowrap; padding:0 16px; border-radius:8px; background:#262626; color:#BFC2C8; height:36px }

.ubi-id__salary-table .table-col:nth-child(1){ width:128px }
.ubi-id__salary-table .table-col:nth-child(2){ width:calc(100% - 128px - 128px) }
.ubi-id__salary-table .table-col:nth-child(3){ width:128px }

.ubi-id__salary-payment-methods{ width:50% }
.ubi-id__salary-payment-method__types{ padding:8px 4px 0; display:flex; align-items:center }
.ubi-id__salary-payment-method__type{ width:48px; min-width:48px; height:48px; border-radius:12px; background:#262626; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; transition:background 0.3s }
.ubi-id__salary-payment-method__type + .ubi-id__salary-payment-method__type{ margin-left:8px }
.ubi-id__salary-payment-method__type-selected{ background:#50AF95 }
.ubi-id__salary-payment-method__usdt > div:nth-child(1){ width:22px; height:19px; background:url(../img/tether_black-50.svg) no-repeat center / contain }
.ubi-id__salary-payment-method__type-selected.ubi-id__salary-payment-method__usdt > div:nth-child(1){ background-image:url(../img/tether_white.svg) }
.ubi-id__salary-payment-method__usdt > div:nth-child(2){ margin-top:3px; font-size:12px; font-weight:700; color:#808591 }
.ubi-id__salary-payment-method__type-selected.ubi-id__salary-payment-method__usdt > div:nth-child(2){ color:#fff }

.ubi-id__salary-payment-method__field{ width:calc(100% - 112px) }

.ubi-id__salary-payment-methods__list{ margin-top:-8px; padding-bottom:16px }
.ubi-id__salary-payment-method{ display:flex; align-items:center; padding-top:16px }
.ubi-id__salary-payment-method__checkmark{ width:20px; min-width:20px; height:20px; border-radius:50%; background:#262626; cursor:pointer }
.ubi-id__salary-payment-method__active .ubi-id__salary-payment-method__checkmark{ background:url(../img/checkmark_black.svg) no-repeat center / 20px #fff; cursor:default }
.ubi-id__salary-payment-method__loading .ubi-id__salary-payment-method__checkmark{ background:url(../img/loader_gray.webp) no-repeat center / contain; cursor:default; animation:payment-method-loading 1.5s linear infinite }
.ubi-id__salary-payment-method .prefect9-field{ padding:0 10px; max-width:calc(100% - 40px); overflow:hidden }
.ubi-id__salary-payment-method__active .prefect9-field__input{ border-color:#808591!important }
.ubi-id__salary-payment-method__field-copy{ display:flex; align-items:center; max-width:100%; white-space:nowrap; overflow:hidden }
.ubi-id__salary-payment-method__field-type{ display:flex; align-items:center; padding-right:8px; height:24px; color:#808591; border-right:1px solid #262626 }
.ubi-id__salary-payment-method__field-type > div:nth-child(1){ background:no-repeat center / contain; margin-right:4px }
.ubi-id__salary-payment-method__field-type__usdt-trc20 > div:nth-child(1){ width:21px; height:18px; background-image:url(../img/tether_green.svg) }
.ubi-id__salary-payment-method__field-copy > div:nth-child(2){ padding-left:8px }
.ubi-id__salary-payment-method__delete{ width:20px; min-width:20px; height:20px; background:url(../img/basket_red.svg) no-repeat center / contain; cursor:pointer }

@keyframes payment-method-loading{
	from{ transform:rotate(0deg) }
	to{ transform:rotate(360deg) }
}




/* UBI ID: SALARY HISTORY */
.ubi-id__salary-history-block__table .table-col:nth-child(1){ width:128px }
.ubi-id__salary-history-block__table .table-col:nth-child(2){ width:128px }
.ubi-id__salary-history-block__table .table-col:nth-child(3){ width:calc(100% - 128px - 128px - 128px) }
.ubi-id__salary-history-block__table .table-col:nth-child(4){ width:128px }

.ubi-id__salary-history-block__table .table-line__total .table-col:nth-child(1){ width:calc(100% - 128px) }
.ubi-id__salary-history-block__table .table-line__total .table-col:nth-child(2){ width:128px }

.ubi-id__salary-history-block__table .logo-ubi{ width:32px; height:20px }
.ubi-id__salary-history-block__table .logo-adw{ width:72px; height:12px }
.ubi-id__salary-history-block__table .logo-uapp{ width:45px; height:16px }

.ubi-id__salary-history-empty .page-card__title{ justify-content:center }




/* UBI ID: PROFILE */
.ubi-id__profile-avatar{ padding:24px 12px 0; width:calc(250px + 24px) }
.ubi-id__profile-avatar > div:nth-child(1){ width:100%; border-radius:24px; border:2px solid #262626; background:#191919; position:relative; }
.ubi-id__profile-avatar > div:nth-child(1)::before{ content:''; display:block; padding-bottom:100% }

.ubi-id__profile-avatar > .btn{ margin-top:24px; width:100% }

.ubi-id__profile-avatar__upload{ position:absolute; left:-2px; right:-2px; bottom:-2px; top:-2px; border-radius:24px; border:8px dashed #808591; cursor:pointer; opacity:0; transition:opacity 0.4s; background:#191919; z-index:2 }
.ubi-id__profile-avatar > div:nth-child(1):hover .ubi-id__profile-avatar__upload, .ubi-id__profile-avatar__not-uploaded .ubi-id__profile-avatar__upload, .ubi-id__profile-avatar__drag .ubi-id__profile-avatar__upload{ opacity:1 }
.ubi-id__profile-avatar__upload > div{ position:absolute; left:-6px; right:-6px; top:-6px; bottom:-6px; border-radius:24px; background:#191919; display:flex; flex-direction:column; align-items:center; justify-content:center }
.ubi-id__profile-avatar__upload-ico{ width:48px; height:48px; background:url(../img/upload_white.svg) no-repeat center / contain }
.ubi-id__profile-avatar__upload-title{ margin-top:16px; color:#fff }
.ubi-id__profile-avatar__upload-text{ margin-top:4px; color:#808591 }

.ubi-id__profile-avatar input{ display:none }

.ubi-id__profile-avatar__bg{ position:absolute; left:0; right:0; top:0; bottom:0; border-radius:24px; background:no-repeat center / cover; z-index:1 }

.ubi-id__profile-avatar__uploading-block{ position:absolute; left:-2px; top:-2px; right:-2px; bottom:-2px; border-radius:24px; border:2px solid #808591; cursor:default; background:#191919; z-index:3; display:none; align-items:center; justify-content:center; flex-direction:column }
.ubi-id__profile-avatar__uploading .ubi-id__profile-avatar__uploading-block{ display:flex }
.ubi-id__profile-avatar__uploading-block > div{ display:flex; flex-direction:column; align-items:center; justify-content:center }
.ubi-id__profile-avatar__upload-bar{ width:150px; height:8px; border-radius:99px; background:#262626; position:relative; overflow:hidden; margin-top:12px }
.ubi-id__profile-avatar__upload-bar > div{ position:absolute; left:0; width:0; top:0; bottom:0; border-radius:99px; background: #6ABF40; transition:width 0.3s }

.ubi-id__profile-info{ width:calc(100% - 250px - 24px) }
.ubi-id__profile-contacts-list{ display:flex; flex-wrap:wrap; margin:-8px -4px 0 }
.ubi-id__profile-contact{ width:50%; padding:8px 4px 0; color:#fff; font-size:12px; font-weight:500; line-height:100% }
.ubi-id__profile-contact > div{ width:100%; border-radius:16px; padding:16px; background:#0D0D0D; border:1px solid #262626 }
.ubi-id__profile-contact__new > div{ border-color:#262626; background:#262626 }
.ubi-id__profile-contact__top{ width:100%; height:40px; border:1px solid #262626; border-radius:10px; display:flex; align-items:center; padding:0 16px; position:relative; }
.ubi-id__profile-contact__top-basket{ width:20px; height:20px; position:absolute; top:50%; transform: translateY(-50%); right:16px; background:url(../img/basket_red.svg) no-repeat center / contain; cursor:pointer }
.ubi-id__profile-contact__top-type{ display:flex; align-items:center; width:calc(100% - 46px); max-width:calc(100% - 46px); overflow:hidden; white-space:nowrap }
.ubi-id__profile-contact__top-type > div:nth-child(1){ width:20px; min-width:20px; height:20px; background:no-repeat center / contain }
.ubi-id__profile-contact__top-type > div:nth-child(2){ width:calc(100% - 20px); max-width:calc(100% - 20px); overflow:hidden; text-overflow:ellipsis; padding-left:8px }
.ubi-id__profile-contact__bottom{ width:100%; margin-top:8px; display:flex; align-items:center }
.ubi-id__profile-contact__bottom > .field{ padding:0; width:calc(100% - 48px); margin-right:8px }
.ubi-id__profile-contact__bottom .prefect9-field__input{ background:#262626!important }

.ubi-id__profile-contact__new .prefect9-field__select{ padding:0 }
.ubi-id__profile-contact__new .ubi-id__profile-contact__top-type{ width:100%; max-width:100% }

.ubi-id__profile-contact__top-type__tg > div:nth-child(1){ background-image:url(../img/telegram_blue.svg) }
.ubi-id__profile-contact__top-type__sk > div:nth-child(1){ background-image:url(../img/skype_blue.svg) }
.ubi-id__profile-contact__top-type__em > div:nth-child(1){ background-image:url(../img/email_white.svg) }

.ubi-id__profile-field-first-name, .ubi-id__profile-field-last-name{ width:50% }

.ubi-id__profile-field-projects, .ubi-id__profile-field-verticals{ padding:8px 4px 0; color:#000; width:100% }
.ubi-id__profile-field-projects-list, .ubi-id__profile-field-verticals-list{ margin:-8px -4px 0; width:calc(100% + 8px); display:flex; align-items:center; flex-wrap:wrap }
.ubi-id__profile-field-project, .ubi-id__profile-field-vertical{ padding:8px 4px 0 }
.ubi-id__profile-field-project > div, .ubi-id__profile-field-vertical > div{ background:#262626; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; padding:0 16px }
.ubi-id__profile-field-project__empty{ padding:8px 12px 0; color:#fff }

.ubi-id__profile-field-project__adw > div{ background:url(../img/logo-adw_yellow-white.svg) no-repeat center / 72px #262626; width:104px }
.ubi-id__profile-field-project__uapp > div{ background:url(../img/logo-uapp_coloured.svg) no-repeat center / 42px #262626; width:74px }
.ubi-id__profile-field-project__admin > div{ background:url(../img/logo-ubi-admin-outline_white.svg) no-repeat center / 41px #262626; width:73px }
.ubi-id__profile-field-project__g-rocks > div{ background:url(../img/logo-grocks_white.svg) no-repeat center / 64px #262626; width:88px }

.ubi-id__profile-field-vertical > [data-vertical='all']{ background:#FFCCB2 }
.ubi-id__profile-field-vertical > [data-vertical='mobile_apps']{ background:#FFD400 }
.ubi-id__profile-field-vertical > [data-vertical='search_arbitrage']{ background:#AFFAAF }

.ubi-id__profile-btn-email-confirm{ width:150px }
.ubi-id__profile-field-email{ width:calc(100% - 150px) }


.ubi-id__contact-name{ display:flex; align-items:center }
.ubi-id__contact-name > div:nth-child(1){ width:16px; min-width:16px; height:16px; background:no-repeat center / cover }
.ubi-id__contact-name__telegram > div:nth-child(1){ background-image:url(../img/telegram_blue.svg) }
.ubi-id__contact-name__skype > div:nth-child(1){ background-image:url(../img/skype_blue.svg) }
.ubi-id__contact-name__email > div:nth-child(1){ background-image:url(../img/email_white.svg) }
.ubi-id__contact-name > div:nth-child(2){ padding-left:8px }
.ubi-id__contact-input-address{ display:flex; align-items:flex-start; margin-top:10px }
.ubi-id__contact-input-address > .field{ width:calc(100% - 50px); margin-right:10px }
.ubi-id__profile-contact .prefect9-select__disabled .prefect9-field__input{ border-color: #262626!important; background: #0D0D0D!important }

.ubi-id__contact-name-block{ position: relative; display: flex; align-items: center; width:100%; height:40px; padding:0 46px 0 16px; border:1px solid #262626; border-radius:10px; text-transform: capitalize }
.ubi-id__contact-delete{ width:20px; min-width:20px; height:20px; fill:#F54C3D; position:absolute; top:50%; right:16px; transform:translateY(-50%); cursor:pointer }




/* UBI ID: EMPLOYEES */
.ubi-id__employees-leftbar{ width:calc(342px + 24px) }
.ubi-id__employees-head__user{ display:flex; align-items:center }
.ubi-id__employees-head__user-data{ padding-left:12px; flex-grow: 1; max-width:calc(100% - 40px) }
.ubi-id__employees-head__user-info .ubi-id__employees-head__user-data{ max-width:calc(100% - 40px - 48px); padding-right:10px }
.ubi-id__employees-head__user-data > div{ white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis }
.ubi-id__employees-head__user-data > div:nth-child(2){ margin-top: 2px; color:#808591 }

.ubi-id__employees-invite .form-btn-grid{ width:85px }
.ubi-id__employees-invite .field{ width:calc(100% - 85px) }

.ubi-id__employees-list{ width:calc(100% - 342px - 24px) }
.ubi-id__employees-table .table-col:nth-child(1){ width:150px }
.ubi-id__employees-table .table-col:nth-child(2){ width:115px }
.ubi-id__employees-table .table-col:nth-child(3){ width:85px }
.ubi-id__employees-table .table-col:nth-child(4){ width:calc(100% - 150px - 115px - 85px - 145px) }
.ubi-id__employees-table .table-col:nth-child(5){ width:145px }




/* ADW NET: REPORTS */
.ubi-adw__reports-chart{ width:calc(100% - 390px - 24px) }
.ubi-adw__reports-chart > div{ flex-grow:1; display:flex; flex-direction:column }
.ubi-adw__reports-chart-body{ flex-grow:1; display:flex; position:relative }

.ubi-adw__reports-chart-bar{ padding-right:18px }
.ubi-adw__reports-chart-block{ display:flex; flex-direction:column; align-items:flex-start }
.ubi-adw__reports-chart-block + .ubi-adw__reports-chart-block{ margin-top:20px }
.ubi-adw__reports-chart-block > .m12{ color:#808591 }
.ubi-adw__reports-chart-block > .h16{ margin-top:5px }
.ubi-adw__reports-chart-tag{ display:flex; align-items:center; height:24px; padding:0 8px; border-radius:8px; background:#262626; margin-top:12px; font-size:10px; font-weight:500 }
.ubi-adw__reports-chart-tag-red{ color:#F54C3D }
.ubi-adw__reports-chart-tag-green{ color:#AFFAAF }

.ubi-adw__reports-chart-canvas{ flex-grow:1; position:relative }
.ubi-adw__reports-chart-canvas canvas{ position:absolute; left:0; right:0; top:0; bottom:0 }

.ubi-adw__reports-chart-body__loader, .ubi-adw__reports-chart-body__empty{ position:absolute; left:0; right:0; bottom:0; top:0; background:#191919; flex-direction:column; align-items:center; justify-content:center; z-index:2000; display:none }
.ubi-adw__reports-chart__loader-show .ubi-adw__reports-chart-body__loader{ display:flex }
.ubi-adw__reports-chart__empty-show .ubi-adw__reports-chart-body__empty{ display:flex }
.ubi-adw__reports-chart-body__loader .logo-adw{ width:150px; height:25px }
.ubi-adw__reports-chart-body__loader .t14{ color:#808591; margin-top:16px }
.ubi-adw__reports-chart-body__empty svg{ width:30px; height:30px; fill:#F8FF00 }
.ubi-adw__reports-chart-body__empty .h16{ margin-top:25px }
.ubi-adw__reports-chart-body__empty .t14{ color:#808591; margin-top:10px }

@keyframes adw__reports-loader{
	from{ transform:rotate(0) }
	to{ transform:rotate(360deg) }
}

.ubi-adw__reports-filters{ width:calc(390px + 24px) }
.ubi-adw__reports-filters-group, .ubi-adw__reports-filters-geo{ width:50% }
.ubi-adw__reports-filters-additionally{ display:flex; align-items:center; justify-content:space-between }
.ubi-adw__reports-filters-btns{ display:flex; align-items:center; justify-content:space-between }
.ubi-adw__reports-filters-btns .btn{ width:50% }
.ubi-adw__reports-filters-advanced{ display:flex; align-items:center; color:#1877F2; cursor:pointer }
.ubi-adw__reports-filters-advanced svg{ width:20px; min-width: 20px; height:20px; fill:#1877F2; margin-right:8px }

.ubi-adw__reports-filters-loader{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #191919; z-index: 2000; display:flex; align-items:center; justify-content:center }
.ubi-adw__reports-filters-loader > div{ width:40px; height:40px; background:url(../img/loader_yellow.webp) no-repeat center / contain; animation:adw__reports-loader 1.5s linear infinite }

.ubi-adw__reports-table .table-head .table-col{ padding-left:12px }
.ubi-adw__reports-table .table-col:nth-child(1){ width:150px }
.ubi-adw__reports-table .table-col:nth-child(5),
.ubi-adw__reports-table .table-col:nth-child(8),
.ubi-adw__reports-table .table-col:nth-child(9){ width:105px }
.ubi-adw__reports-table .table-col:nth-child(10){ width:110px }
.ubi-adw__reports-table .table-col:nth-child(2),
.ubi-adw__reports-table .table-col:nth-child(3),
.ubi-adw__reports-table .table-col:nth-child(4),
.ubi-adw__reports-table .table-col:nth-child(6),
.ubi-adw__reports-table .table-col:nth-child(7){ width:calc((100% - 150px - 315px - 110px) / 5) }

.ubi-adw__filters-advanced-modal__users-title{ display:flex; align-items:center; justify-content:space-between; margin-top:24px }
.ubi-adw__filters-advanced-modal__users-select-all{ display:flex; align-items:center; color:#BFC2C8; cursor: pointer; transition:color 0.3s }
.ubi-adw__filters-advanced-modal__users-select-all__active{ color:#fff }
.ubi-adw__filters-advanced-modal__users-select-all > div:nth-child(1){ width:20px; height:20px; border-radius:50%; border:1px solid #262626; background:#0d0d0d; margin-right:8px; display:flex; align-items:center; justify-content: center; transition:background 0.3s, border-color 0.3s }
.ubi-adw__filters-advanced-modal__users-select-all__active > div:nth-child(1){ background:#F8FF00; border-color:#F8FF00 }
.ubi-adw__filters-advanced-modal__users-select-all > div:nth-child(1) svg{ width:16px; height:16px; fill:#000; opacity:0; transition:opacity 0.3s }
.ubi-adw__filters-advanced-modal__users-select-all__active > div:nth-child(1) svg{ opacity:1 }
.ubi-adw__filters-advanced-modal__users-filter{ padding-top:16px }

.ubi-adw__reports-table-tracking{ display:flex; align-items:center; flex-wrap: wrap; padding-bottom:20px; margin:-8px -4px 0 }
.ubi-adw__reports-table-tracking > div{ padding:8px 4px 0 }
.ubi-adw__reports-table-tracking-id{ display:flex; align-items:center; padding:0 6px; color:#BFC2C8; background:#262626; border-radius:4px; height:20px }

.ubi-adw__reports-filters-teams{ display:flex; align-items:center; white-space:nowrap; cursor:pointer }
.ubi-adw__reports-filters-teams svg{ width:20px; height:20px; margin-left:8px; fill:#808591 }

.ubi-adw__filters-advanced-modal__light-roi{ width:90px }
.ubi-adw__filters-advanced-modal__timezone{ width:calc(100% - 90px) }




/* ADW NET: TEAMS */
.ubi-adw__teams-employees-table .table-col:nth-child(1){ width:225px }
.ubi-adw__teams-employees-table .table-col:nth-child(2){ width:150px }
.ubi-adw__teams-employees-table .table-col:nth-child(3){ width:calc(100% - 225px - 150px - 140px) }
.ubi-adw__teams-employees-table .table-col:nth-child(4){ width:140px }

.ubi-adw__team .page-card__title .btn{ margin-left:8px }
.ubi-adw__team-show{ width:48px; height:48px; min-width:48px; border-radius:12px; margin-left:24px; background:#262626; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background 0.3s }
.ubi-adw__team-showed .ubi-adw__team-show{ background:#fff }
.ubi-adw__team-show svg{ width:20px; height:20px; fill:#fff; transition:fill 0.3s, transform 0.3s }
.ubi-adw__team-showed .ubi-adw__team-show svg{ transform:rotate(180deg); fill:#000 }
.ubi-adw__team-add-user{ display:none }
.ubi-adw__team-showed .ubi-adw__team-add-user{ display:flex; animation:adw__show-add-user-btn 0.5s }
@keyframes adw__show-add-user-btn{
	from{ opacity:0 }
	to{ opacity:1 }
}

.ubi-adw__team-title{ display:flex; align-items:center }
.ubi-adw__team-title .prefect9-text-sized-field__text, .ubi-adw__team-title .prefect9-text-sized-field__input{ font-size:16px!important; font-weight:600!important; line-height:100%!important; color:#fff!important }
.ubi-adw__team-title .prefect9-text-sized-field__input-placeholder{ color:rgba(255, 255, 255, .2)!important }

.ubi-adw__team-counter{ margin-left:10px; color:#6ABF40 }
.ubi-adw__team-counter-zero{ color:#808591 }

.ubi-adw__teams-loading .page-card__top .loading-text-block__h20{ width:130px }
.ubi-adw__teams-loading .page-card__top .loading-text-block__btn{ width:140px }
.ubi-adw__teams-loading .page-card .loading-text-block__h16{ width:240px }
.ubi-adw__teams-loading .page-card:nth-child(2n) .loading-text-block__h16{ width:180px }
.ubi-adw__teams-loading .page-card:not(.page-card__top) .loading-text-block__btn{ width:48px; margin-left:8px }
.ubi-adw__teams-loading .page-card:not(.page-card__top) .loading-text-block__btn:last-child{ margin-left:24px }




/* ADW NET: ASSETS */
.ubi-adw__assets-team-label{ background:#0d0d0d!important; border-color:#0d0d0d!important; color:#fff!important; max-width:300px; overflow:hidden }
.ubi-adw__assets-team-label svg{ fill:#fff!important }
.ubi-adw__assets-team-label > div{ max-width:calc(100% - 28px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.ubi-adw__assets-team-label__changed{ animation:assets-team-label-changed 1.5s }
@keyframes assets-team-label-changed{
	from{ box-shadow:0 0 20px rgba(248, 255, 0, .5) }
	to{ box-shadow:0 0 20px rgba(248, 255, 0, 0) }
}

.ubi-adw__assets-services svg{ width:16px; min-width:16px; height:16px }
.ubi-adw__assets-services svg + svg{ margin-left:4px }
.ubi-adw__assets-services svg + div{ margin-left:8px }
.ubi-adw__assets-services path{ transition:fill 0.3s }
.ubi-adw__assets-services [data-value=facebook] path:nth-child(1){ fill:#47494F }
.ubi-adw__assets-services [data-value=facebook] path:nth-child(2){ fill:#66686B }
.ubi-adw__assets-services [data-value=facebook]:not(.prefect9-tab__disabled):hover path:nth-child(1), .ubi-adw__assets-services [data-value=facebook].prefect9-tab__active path:nth-child(1){ fill:#1877F2 }
.ubi-adw__assets-services [data-value=facebook]:not(.prefect9-tab__disabled):hover path:nth-child(2), .ubi-adw__assets-services [data-value=facebook].prefect9-tab__active path:nth-child(2){ fill:#fff }
.ubi-adw__assets-services [data-value=google] path:nth-child(1){ fill:#47494F }
.ubi-adw__assets-services [data-value=google] path:nth-child(2){ fill:#66686B }
.ubi-adw__assets-services [data-value=google] path:nth-child(3){ fill:#47494F }
.ubi-adw__assets-services [data-value=google]:not(.prefect9-tab__disabled):hover path:nth-child(1), .ubi-adw__assets-services [data-value=google].prefect9-tab__active path:nth-child(1){ fill:#3C8BD9 }
.ubi-adw__assets-services [data-value=google]:not(.prefect9-tab__disabled):hover path:nth-child(2), .ubi-adw__assets-services [data-value=google].prefect9-tab__active path:nth-child(2){ fill:#FABC04 }
.ubi-adw__assets-services [data-value=google]:not(.prefect9-tab__disabled):hover path:nth-child(3), .ubi-adw__assets-services [data-value=google].prefect9-tab__active path:nth-child(3){ fill:#34A852 }
.ubi-adw__assets-services [data-value=tiktok] path:nth-child(1){ fill:#47494F }
.ubi-adw__assets-services [data-value=tiktok] path:nth-child(2),
.ubi-adw__assets-services [data-value=tiktok] path:nth-child(3),
.ubi-adw__assets-services [data-value=tiktok] path:nth-child(4){ fill:transparent }
.ubi-adw__assets-services [data-value=tiktok]:not(.prefect9-tab__disabled):hover path:nth-child(1), .ubi-adw__assets-services [data-value=tiktok].prefect9-tab__active path:nth-child(1){ fill:transparent }
.ubi-adw__assets-services [data-value=tiktok]:not(.prefect9-tab__disabled):hover path:nth-child(2), .ubi-adw__assets-services [data-value=tiktok].prefect9-tab__active path:nth-child(2){ fill:#FF004F }
.ubi-adw__assets-services [data-value=tiktok]:not(.prefect9-tab__disabled):hover path:nth-child(3), .ubi-adw__assets-services [data-value=tiktok].prefect9-tab__active path:nth-child(3){ fill:#fff }
.ubi-adw__assets-services [data-value=tiktok]:not(.prefect9-tab__disabled):hover path:nth-child(4), .ubi-adw__assets-services [data-value=tiktok].prefect9-tab__active path:nth-child(4){ fill:#00F2EA }
.ubi-adw__assets-services-sla path{ fill:#47494F }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-sla path:nth-child(1), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-sla path:nth-child(1){ fill:#E01E5A }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-sla path:nth-child(2), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-sla path:nth-child(2){ fill:#E01E5A }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-sla path:nth-child(3), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-sla path:nth-child(3){ fill:#36C5F0 }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-sla path:nth-child(4), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-sla path:nth-child(4){ fill:#36C5F0 }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-sla path:nth-child(5), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-sla path:nth-child(5){ fill:#2EB67D }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-sla path:nth-child(6), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-sla path:nth-child(6){ fill:#2EB67D }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-sla path:nth-child(7), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-sla path:nth-child(7){ fill:#ECB22E }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-sla path:nth-child(8), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-sla path:nth-child(8){ fill:#ECB22E }
[data-value=other] .ubi-adw__assets-services-proton path:nth-child(1){ fill:#66686B }
[data-value=other] .ubi-adw__assets-services-proton path:nth-child(2){ fill:#47494F }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-proton path:nth-child(1), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-proton path:nth-child(1){ fill:url('#paint0_radial_652_10808') }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-proton path:nth-child(2), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-proton path:nth-child(2){ fill:url('#paint1_linear_652_10808') }
[data-value=other] .ubi-adw__assets-services-dolphin path:nth-child(1){ fill:#47494F }
[data-value=other] .ubi-adw__assets-services-dolphin path:nth-child(2){ fill:#66686B }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-dolphin path:nth-child(1), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-dolphin path:nth-child(1){ fill:#0080FF }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-dolphin path:nth-child(2), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-dolphin path:nth-child(2){ fill:#fff }
[data-value=other] .ubi-adw__assets-services-plus path:nth-child(1){ fill:#47494F }
[data-value=other] .ubi-adw__assets-services-plus path:nth-child(2){ fill:#66686B }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-plus path:nth-child(1), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-plus path:nth-child(1){ fill:#0080FF }
[data-value=other]:not(.prefect9-tab__disabled):hover .ubi-adw__assets-services-plus path:nth-child(2), [data-value=other].prefect9-tab__active .ubi-adw__assets-services-plus path:nth-child(2){ fill:#fff }

.ubi-adw__assets-requests-table .table-col:nth-child(1){ width:205px }
.ubi-adw__assets-requests-table .table-col:nth-child(2){ width:100px }
.ubi-adw__assets-requests-table .table-col:nth-child(3){ width:calc(100% - 205px - 100px - 205px - 150px) }
.ubi-adw__assets-requests-table .table-col:nth-child(4){ width:205px }
.ubi-adw__assets-requests-table .table-col:nth-child(5){ width:150px }

.table-col__assets-request-done-accounts{ color:#6ABF40 }
.table-col__assets-request-slash-accounts{ color:#808591; white-space:pre }

.ubi-adw__assets-request-modal__service{ width:calc(100% - 140px) }
.ubi-adw__assets-request-modal__count{ width:140px }

.ubi-adw__assets-requests-table .table-col:nth-child(1) .loading-text-block__h12, .ubi-adw__assets-users-requests-table .table-col:nth-child(2) .loading-text-block__h12{ margin-left:8px; width:74px }
.ubi-adw__assets-requests-table .table-col:nth-child(2) .loading-text-block__h12, .ubi-adw__assets-users-requests-table .table-col:nth-child(3) .loading-text-block__h12{ width:36px }
.ubi-adw__assets-requests-table .table-col:nth-child(3) .loading-text-block__h16, .ubi-adw__assets-users-requests-table .table-col:nth-child(4) .loading-text-block__h16{ width:81px }
.ubi-adw__assets-requests-table .table-line__2n .table-col:nth-child(3) .loading-text-block__h16, .ubi-adw__assets-users-requests-table .table-line__2n .table-col:nth-child(4) .loading-text-block__h16{ width:120px }
.ubi-adw__assets-requests-table .table-col:nth-child(4) .loading-text-block__h12, .ubi-adw__assets-users-requests-table .table-col:nth-child(5) .loading-text-block__h12{ width:100% }
.ubi-adw__assets-requests-table .table-col:nth-child(5) .loading-text-block__h12, .ubi-adw__assets-users-requests-table .table-col:nth-child(6) .loading-text-block__h12{ width:73px }

.ubi-adw__assets-users-requests-table .table-col:nth-child(1){ width:150px }
.ubi-adw__assets-users-requests-table .table-col:nth-child(2){ width:150px }
.ubi-adw__assets-users-requests-table .table-col:nth-child(3){ width:90px }
.ubi-adw__assets-users-requests-table .table-col:nth-child(4){ width:calc(100% - 150px - 130px - 100px - 205px - 150px) }
.ubi-adw__assets-users-requests-table .table-col:nth-child(5){ width:205px }
.ubi-adw__assets-users-requests-table .table-col:nth-child(6){ width:150px }

.ubi-adw__assets-table .table-col:nth-child(1){ width:160px }
.ubi-adw__assets-table .table-col:nth-child(2){ width:110px }
.ubi-adw__assets-table .table-col:nth-child(3){ width:130px }
.ubi-adw__assets-table .table-col:nth-child(4){ width:105px }
.ubi-adw__assets-table .table-col:nth-child(5){ width:calc(100% - 160px - 110px - 130px - 105px - 110px - 210px) }
.ubi-adw__assets-table .table-col:nth-child(6){ width:110px }
.ubi-adw__assets-table .table-col:nth-child(7){ width:210px }

.ubi-adw__assets-table .table-col__btn:nth-child(1), .ubi-adw__users-assets-table .table-col__btn:nth-child(1){ width:60px }
.ubi-adw__assets-table .table-col__btn:nth-child(2), .ubi-adw__users-assets-table .table-col__btn:nth-child(2){ width:70px }
.ubi-adw__assets-table .table-col__btn:nth-child(3), .ubi-adw__users-assets-table .table-col__btn:nth-child(3){ width:80px }
.ubi-adw__assets-table .table-col__btn button, .ubi-adw__users-assets-table .table-col__btn button{ width:100% }

.ubi-adw__users-assets-table .table-col:nth-child(1){ width:140px }
.ubi-adw__users-assets-table .table-col:nth-child(2){ width:110px }
.ubi-adw__users-assets-table .table-col:nth-child(3){ width:110px }
.ubi-adw__users-assets-table .table-col:nth-child(4){ width:130px }
.ubi-adw__users-assets-table .table-col:nth-child(5){ width:86px }
.ubi-adw__users-assets-table .table-col:nth-child(6){ width:85px }
.ubi-adw__users-assets-table .table-col:nth-child(7){ width:calc(100% - 140px - 110px - 110px - 130px - 86px - 85px - 210px) }
.ubi-adw__users-assets-table .table-col:nth-child(8){ width:210px }

.ubi-adw__assets-table .table-col:nth-child(1) .loading-text-block__h12{ width:65px }
.ubi-adw__assets-table .table-col:nth-child(2) .loading-text-block__h12{ width:74px; margin-left:8px }
.ubi-adw__assets-table .table-col:nth-child(3) .loading-text-block__h12{ width:74px }
.ubi-adw__assets-table .table-col:nth-child(5) .loading-text-block__h16{ width:120px }
.ubi-adw__assets-table .table-line__2n .table-col:nth-child(5) .loading-text-block__h16{ width:70px }
.ubi-adw__assets-table .table-col:nth-child(6) .loading-text-block__h12{ width:73px }
.ubi-adw__assets-table .table-col:nth-child(7) .loading-text-block__btn-esmall:nth-child(1){ width:60px }
.ubi-adw__assets-table .table-col:nth-child(7) .loading-text-block__btn-esmall:nth-child(2){ width:70px }
.ubi-adw__assets-table .table-col:nth-child(7) .loading-text-block__btn-esmall:nth-child(3){ width:80px }
.ubi-adw__assets-table .table-col:nth-child(7) .loading-text-block__btn-esmall + .loading-text-block__btn-esmall{ margin-left:4px }

.ubi-adw__users-assets-table .table-col:nth-child(2) .loading-text-block__h12{ width:65px }
.ubi-adw__users-assets-table .table-col:nth-child(3) .loading-text-block__h12{ width:74px; margin-left:8px }
.ubi-adw__users-assets-table .table-col:nth-child(4) .loading-text-block__h12{ width:74px }
.ubi-adw__users-assets-table .table-col:nth-child(6) .loading-text-block__h12{ width:74px }
.ubi-adw__users-assets-table .table-col:nth-child(7) .loading-text-block__h16{ width:120px }
.ubi-adw__users-assets-table .table-line__2n .table-col:nth-child(7) .loading-text-block__h16{ width:70px }
.ubi-adw__users-assets-table .table-col:nth-child(8) .loading-text-block__btn-esmall:nth-child(1){ width:60px }
.ubi-adw__users-assets-table .table-col:nth-child(8) .loading-text-block__btn-esmall:nth-child(2){ width:70px }
.ubi-adw__users-assets-table .table-col:nth-child(8) .loading-text-block__btn-esmall:nth-child(3){ width:80px }
.ubi-adw__users-assets-table .table-col:nth-child(8) .loading-text-block__btn-esmall + .loading-text-block__btn-esmall{ margin-left:4px }




/* UBI ADMIN: EMPLOYEES */
.ubi-admin__employees-tabs{ display:flex; align-items:center; justify-content:space-between; padding-bottom:16px }

.ubi-admin__employees-table .table-col:nth-child(1){ width:165px }
.ubi-admin__employees-table .table-col:nth-child(2){ width:90px }
.ubi-admin__employees-table .table-col:nth-child(3){ width:125px }
.ubi-admin__employees-table .table-col:nth-child(4){ width:calc(100% - 165px - 90px - 125px - 165px - 180px) }
.ubi-admin__employees-table .table-col:nth-child(5){ width:165px }
.ubi-admin__employees-table .table-col:nth-child(6){ width:180px }

.ubi-admin__employees-table .loading-text-block__s32:first-child{ margin-left:-8px }
.ubi-admin__employees-table .loading-text-block__s32 + .loading-text-block__s32{ margin-left:4px }
.ubi-admin__employees-table .table-loader .table-col:nth-child(3) .loading-text-block__h12{ width:54px }
.ubi-admin__employees-table .table-loader .table-line__2n .table-col:nth-child(3) .loading-text-block__h12{ width:72px }
.ubi-admin__employees-table .loading-text-block__h16:first-child{ margin-left:-8px; width:47px }
.ubi-admin__employees-table .loading-text-block__h16:nth-child(2){ margin-left:4px; width:34px }
.ubi-admin__employees-table .loading-text-block__h16:nth-child(3){ margin-left:4px; width:62px }
.ubi-admin__employees-table .table-loader .table-col:nth-child(6){ padding:0 8px }
.ubi-admin__employees-table .table-loader .table-col:nth-child(6) .loading-text-block__btn-esmall{ width:calc(50% - 2px) }
.ubi-admin__employees-table .table-loader .table-col:nth-child(6) .loading-text-block__btn-esmall + .loading-text-block__btn-esmall{ margin-left:4px }

.ubi-admin__employees-tab__role svg{ width:20px; min-width:20px; height:20px; fill:#808591; margin-right:8px; transition:fill 0.3s }
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-admin__employees-tab__role-head:hover svg, .ubi-admin__employees-tab__role-head.prefect9-tab__active svg{ fill:#F8FF00 }
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-admin__employees-tab__role-teamlead:hover svg, .ubi-admin__employees-tab__role-teamlead.prefect9-tab__active svg{ fill:#FF0095 }
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-admin__employees-tab__role-user:hover svg, .ubi-admin__employees-tab__role-user.prefect9-tab__active svg{ fill:#0080FF }
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-admin__employees-tab__role-ban:hover svg, .ubi-admin__employees-tab__role-ban.prefect9-tab__active svg{ fill:#FF0000 }
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-admin__employees-tab__role-active:hover svg, .ubi-admin__employees-tab__role-active.prefect9-tab__active svg{ fill:#65ff65 }

.ubi-admin__employees-tab__project svg, .ubi-admin__employees-tab__project path{ fill:#808591; margin-right:8px; transition:fill 0.3s }
.ubi-admin__employees-tab__project-adw svg{ width:14px; min-width:14px; height:14px }
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-admin__employees-tab__project-adw:hover path, .ubi-admin__employees-tab__project-adw.prefect9-tab__active path{ fill:#F8FF00 }
.ubi-admin__employees-tab__project-uapp svg{ width:12px; min-width:12px; height:14px }
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-admin__employees-tab__project-uapp:hover path:nth-child(1), .ubi-admin__employees-tab__project-uapp.prefect9-tab__active path:nth-child(1){ fill:#FFD400 }
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-admin__employees-tab__project-uapp:hover path:nth-child(2), .ubi-admin__employees-tab__project-uapp.prefect9-tab__active path:nth-child(2),
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-admin__employees-tab__project-uapp:hover path:nth-child(3), .ubi-admin__employees-tab__project-uapp.prefect9-tab__active path:nth-child(3){ fill:#fff }

.ubi-admin__modal-permissions .switched-tabs{ margin-top:16px }
.ubi-admin__modal-permissions .switched-tabs .prefect9-tab{ width:calc(100% / 3) }

.ubi-admin__modal-permissions .switch-checkboxes{ margin-top:24px }
.ubi-admin__modal-permissions .prefect9-checkboxes .prefect9-checkbox + .prefect9-checkbox{ margin-top:0 }

.ubi-admin__modal-manage{ width:708px }
.ubi-admin__modal-manage__avatar{ width:calc(144px + 16px); padding-right:12px; color:#fff }
.ubi-admin__modal-manage__avatar-container{ width:100%; position:relative; border-radius:24px; border:2px solid #262626; transition:border-color 0.3s }
.ubi-admin__modal-manage__avatar-container > input{ display:none }
.ubi-admin__modal-manage__no-avatar .ubi-admin__modal-manage__avatar-container{ border-color:transparent }
.ubi-admin__modal-manage__avatar-container::before{ content:''; display:block; padding-bottom:100% }
.ubi-admin__modal-manage__avatar-upload, .ubi-admin__modal-manage__avatar-uploading{ position:absolute; left:-2px; top:-2px; right:-2px; bottom:-2px; border-radius:24px; border:8px dashed #808591; display: none; z-index:4; cursor:pointer; background:#191919 }
.ubi-admin__modal-manage__no-avatar .ubi-admin__modal-manage__avatar-upload, .ubi-admin__modal-manage__drag-avatar .ubi-admin__modal-manage__avatar-upload{ display:block }
.ubi-admin__modal-manage__avatar-upload > div, .ubi-admin__modal-manage__avatar-uploading > div{ position:absolute; left:-7px; right:-7px; top:-7px; bottom:-7px; border-radius:24px; background:#191919; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; padding:15px }
.ubi-admin__modal-manage__avatar-upload > div > div:nth-child(1), .ubi-admin__modal-manage__avatar-uploading > div > div:nth-child(1){ width:30px; height:30px; background:url(../img/upload_white.svg) no-repeat center / cover }
.ubi-admin__modal-manage__avatar-upload .m12, .ubi-admin__modal-manage__avatar-uploading .m12{ margin-top:12px }
.ubi-admin__modal-manage__avatar-upload .m10{ margin-top:2px; color:#808591 }
.ubi-admin__modal-manage__avatar-img{ position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; border-radius:24px; background:no-repeat center / cover; overflow:hidden; cursor:pointer }
.ubi-admin__modal-manage__no-avatar .ubi-admin__modal-manage__avatar-img{ display:none }
.ubi-admin__modal-manage__avatar-img > div:nth-child(1){ position:absolute; z-index: 2; left:0; right:0; bottom:0; height: 72px; background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); opacity:0; transition:opacity 0.3s }
.ubi-admin__modal-manage__avatar-img:hover > div:nth-child(1){ opacity:1 }
.ubi-admin__modal-manage__avatar-img > div:nth-child(2){ position:absolute; z-index: 3; left:0; right:0; bottom:12px; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s }
.ubi-admin__modal-manage__avatar-img:hover > div:nth-child(2){ opacity:1 }
.ubi-admin__modal-manage__avatar-img > div:nth-child(2) svg{ width:20px; min-width:20px; height:20px; fill:#fff; margin-right:8px }
.ubi-admin__modal-manage__avatar-uploading{ z-index:5; cursor:default }
.ubi-admin__modal-manage__show-uploading .ubi-admin__modal-manage__avatar-uploading{ display:block }
.ubi-admin__modal-manage__avatar-uploading-bar{ width:100%; background:#262626; height:8px; border-radius:99px; position:relative; overflow:hidden; margin-top:8px }
.ubi-admin__modal-manage__avatar-uploading-bar > div{ position:absolute; left:0; top:0; bottom:0; border-radius:99px; background: #6ABF40; transition:width 0.3s; width:0 }
.ubi-admin__modal-manage__main{ width:calc(100% - 144px - 16px); margin-top:-10px }
.ubi-admin__modal-manage__main .field:nth-child(1), .ubi-admin__modal-manage__main .field:nth-child(2){ width:50% }
.ubi-admin__modal-manage__specialities{ width:70% }
.ubi-admin__modal-manage__position{ width:30% }

.ubi-admin__modal-new-head .field, .ubi-admin__modal-new-head .prefect9-field{ width:50% }




/* UBI ADMIN: ASSETS */
.ubi-admin__assets-requests-table .table-col:nth-child(1){ width:140px }
.ubi-admin__assets-requests-table .table-col:nth-child(2){ width:110px }
.ubi-admin__assets-requests-table .table-col:nth-child(3){ width:100px }
.ubi-admin__assets-requests-table .table-col:nth-child(4){ width:calc(100% - 140px - 110px - 100px - 190px - 130px - 93px) }
.ubi-admin__assets-requests-table .table-col:nth-child(5){ width:190px }
.ubi-admin__assets-requests-table .table-col:nth-child(6){ width:130px }
.ubi-admin__assets-requests-table .table-col:nth-child(7){ width:93px }

.ubi-admin__assets-table .table-col:nth-child(1){ width:140px }
.ubi-admin__assets-table .table-col:nth-child(2){ width:130px }
.ubi-admin__assets-table .table-col:nth-child(3){ width:110px }
.ubi-admin__assets-table .table-col:nth-child(4){ width:130px }
.ubi-admin__assets-table .table-col:nth-child(5){ width:80px }
.ubi-admin__assets-table .table-col:nth-child(6){ width:calc(100% - 140px - 130px - 110px - 130px - 80px - 110px - 75px) }
.ubi-admin__assets-table .table-col:nth-child(7){ width:110px }
.ubi-admin__assets-table .table-col:nth-child(8){ width:75px }

.ubi-admin__assets2-table .table-cell:nth-child(1){ width:150px }
.ubi-admin__assets2-table .table-cell:nth-child(2){ width:200px }
.ubi-admin__assets2-table .table-cell:nth-child(3){ width:180px }
.ubi-admin__assets2-table .table-cell:nth-child(4){ width:220px }
.ubi-admin__assets2-table .table-cell:nth-child(5){ width:calc(100% - 150px - 200px - 180px - 220px - 90px) }
.ubi-admin__assets2-table .table-cell:nth-child(6){ width:90px }
.ubi-admin__assets2-table .table-cell__service{ margin-top:5px }
.ubi-admin__assets2-table .table-cell__payment-method{ margin-top:5px }
.ubi-admin__assets2-table .table-cell__status{ margin-top:5px }
.ubi-admin__assets2-table .table-cell:nth-child(3) .tlb-w60{ margin-top:5px }
.ubi-admin__assets2-table .table-cell:nth-child(4) .tlb-w100_50{ margin-top:5px }

.ubi-admin__assets-requests-table .table-col:nth-child(2) .loading-text-block__h12{ width:74px; margin-left:8px }
.ubi-admin__assets-requests-table .table-col:nth-child(3) .loading-text-block__h12{ width:36px }
.ubi-admin__assets-requests-table .table-col:nth-child(4) .loading-text-block__h16{ width:81px }
.ubi-admin__assets-requests-table .table-col:nth-child(6) .loading-text-block__h12{ width:73px }
.ubi-admin__assets-requests-table .table-col:nth-child(7) .loading-text-block__btn-esmall{ width:36px }
.ubi-admin__assets-requests-table .table-col:nth-child(7) .loading-text-block__btn-esmall + .loading-text-block__btn-esmall{ margin-left:4px }

.ubi-admin__requests-assets-table .table-cell:nth-child(1){ width:200px }
.ubi-admin__requests-assets-table .table-cell:nth-child(2){ width:180px }
.ubi-admin__requests-assets-table .table-cell:nth-child(3){ width:220px }
.ubi-admin__requests-assets-table .table-cell:nth-child(4){ width:200px }
.ubi-admin__requests-assets-table .table-cell:nth-child(5){ width:calc(100% - 200px - 180px - 220px - 200px - 120px) }
.ubi-admin__requests-assets-table .table-cell:nth-child(6){ width:120px }
.ubi-admin__requests-assets-table .table-cell:nth-child(2) .table-cell__service{ margin-top:5px }
.ubi-admin__requests-assets-table .table-cell:nth-child(3) .tlb-w80{ margin-top:5px }
.ubi-admin__requests-assets-table .table-cell:nth-child(4) .tlb-w50{ margin-top:5px }

.ubi-admin__assets-table .table-col:nth-child(2) .loading-text-block__h12{ width:65px }
.ubi-admin__assets-table .table-col:nth-child(3) .loading-text-block__h12{ width:74px; margin-left:8px }
.ubi-admin__assets-table .table-col:nth-child(4) .loading-text-block__h12{ width:74px }
.ubi-admin__assets-table .table-col:nth-child(6) .loading-text-block__h16{ width:120px }
.ubi-admin__assets-table .table-line__2n .table-col:nth-child(6) .loading-text-block__h16{ width:70px }
.ubi-admin__assets-table .table-col:nth-child(7) .loading-text-block__h12{ width:73px }
.ubi-admin__assets-table .table-col:nth-child(8) .loading-text-block__btn-esmall{ width:36px }

.ubi-admin__assets-filters{ flex-wrap:wrap }
.ubi-admin__assets-filters-line{ display:flex; align-items:center; justify-content:space-between; width:100% }
.ubi-admin__assets-filters-line + .ubi-admin__assets-filters-line{ margin-top:10px }
.ubi-admin__assets-filters1{ display:flex; align-items:center }
.ubi-admin__assets-filters1 .btn{ margin-left:8px }

.prefect9-tabs:not(.prefect9-tabs__disabled) .prefect9-tab:not(.prefect9-tab__active):hover.ubi-admin__assets-filters-active,
.switched-tabs .prefect9-tab__active.ubi-admin__assets-filters-active{ color:#6ABF40!important }
.prefect9-tabs:not(.prefect9-tabs__disabled) .prefect9-tab:not(.prefect9-tab__active):hover.ubi-admin__assets-filters-suspended,
.switched-tabs .prefect9-tab__active.ubi-admin__assets-filters-suspended{ color:#FF9500!important }
.prefect9-tabs:not(.prefect9-tabs__disabled) .prefect9-tab:not(.prefect9-tab__active):hover.ubi-admin__assets-filters-deactivated,
.switched-tabs .prefect9-tab__active.ubi-admin__assets-filters-deactivated{ color:#F54C3D!important }

.ubi-admin__assets-filters-line2{ display:none }
.ubi-admin__assets-filters-line2.show{ display:flex }
.ubi-admin__assets-filters-line2 > .prefect9-field:nth-child(2){ padding:0 0 0 8px!important }
.ubi-admin__assets-filters-line2 > .field:nth-child(3){ padding:0 0 0 8px!important }
.ubi-admin__assets-filters-line2 > div:nth-child(4){ padding-left:8px }
.ubi-admin__assets-filters-line2 > div:nth-child(5){ padding-left:8px }




/* UBI ADMIN: ACCESSES */
.ubi-admin__accesses-employees .table-col:nth-child(1){ width:170px }
.ubi-admin__accesses-employees .table-col:nth-child(2){ width:calc(100% - 170px - 160px - 110px - 80px - 96px) }
.ubi-admin__accesses-employees .table-col:nth-child(3){ width:160px }
.ubi-admin__accesses-employees .table-col:nth-child(4){ width:110px }
.ubi-admin__accesses-employees .table-col:nth-child(5){ width:80px }
.ubi-admin__accesses-employees .table-col:nth-child(6){ width:96px }

.ubi-admin__accesses-employees .table-col:nth-child(2) .loading-text-block__s32 + .loading-text-block__s32{ margin-left:8px }
.ubi-admin__accesses-employees .table-col:nth-child(4) .loading-text-block__h12{ margin-left:6px; width:70px }
.ubi-admin__accesses-employees .table-col:nth-child(5) .loading-text-block__h12{ width:80px }
.ubi-admin__accesses-employees .table-col:nth-child(6) .loading-text-block__btn-esmall{ width:36px }

.modal-accesses__field-login, .modal-accesses__field-password{ width:50% }

.ubi-admin__user-documents{ display:flex; align-items:center; margin-top:24px }
.ubi-admin__user-document-container{ width:calc(50% - 4px) }
.ubi-admin__user-document-container + .ubi-admin__user-document-container{ margin-left:8px }
.ubi-admin__user-document{ border:1px solid #262626; border-radius:16px; background:no-repeat center / cover #0D0D0D; display:block; position:relative; overflow:hidden }
.ubi-admin__user-document::before, .ubi-admin__user-document-empty::before{ content:''; display:block; padding-bottom:100% }
.ubi-admin__user-document-label{ color:#808591; padding-bottom:10px; text-align:center }
.ubi-admin__user-document-open{ position:absolute; left:0; right:0; bottom:0; top:0; background:linear-gradient(to bottom, rgba(13, 13, 13, 0) 30%, rgba(13, 13, 13, .9) 100%); display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding-bottom:30px; opacity:0; transition:opacity 0.3s; cursor:pointer }
.ubi-admin__user-document:hover .ubi-admin__user-document-open{ opacity:1 }
.ubi-admin__user-document-open svg{ width:48px; height:48px; fill:#fff }
.ubi-admin__user-document-empty{ border:1px solid #262626; border-radius:16px; background:no-repeat center / cover #0D0D0D; display:block; position:relative; overflow:hidden }
.ubi-admin__user-document-empty > div{ position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-direction:column; align-items:center; justify-content:center }
.ubi-admin__user-document-empty svg{ width:32px; height:32px; fill:#F54C3D }
.ubi-admin__user-document-empty .m14{ margin-top:15px }




/* UBI ADMIN: FINANCE OVERVIEW */
.ubi-admin__finance-overview-table .table-cell:nth-child(1){ width:calc((100% - 150px - 160px) * 2 / 8) }
.ubi-admin__finance-overview-table .table-cell:nth-child(2){ width:160px }
.ubi-admin__finance-overview-table .table-cell:nth-child(3){ width:calc((100% - 150px - 160px) * 3 / 8) }
.ubi-admin__finance-overview-table .table-cell:nth-child(4){ width:calc((100% - 150px - 160px) * 3 / 8) }
.ubi-admin__finance-overview-table .table-cell:nth-child(5){ width:150px }

.ubi-admin__overview-finance-chart{ width:380px }
.ubi-admin__overview-finance-chart > div{ position:relative }
.ubi-admin__overview-finance-chart > div::before{ content:''; display:block; padding-bottom:100% }
.ubi-admin__overview-finance-chart__content{ position:absolute; left:0; right:0; top:0; bottom:0; padding:16px 24px; display:flex; flex-direction:column }
.ubi-admin__overview-finance-chart__body{ flex-grow:1; display:flex; justify-content:center }
.ubi-admin__overview-finance-chart__body > div{ width:270px; height:270px }

.statistics-blocks{ margin:-12px -6px 0; display:flex; flex-wrap:wrap }
.statistics-block{ position:relative }
.statistics-block > div{ padding:32px; border-radius:20px; background:#222325; display:flex; flex-direction:column; font-size:20px; font-weight:500; position:absolute; left:6px; right:6px; top:12px; bottom:0 }
.statistics-block__title{ color:rgba(255, 255, 255, .6); font-size:12px; flex-grow:1; font-weight:400 }

.ubi-admin__overview-finance-stat{ width:calc(100% - 380px) }
.ubi-admin__overview-finance-stat > div{ padding-top:16px; flex-grow:1 }
.ubi-admin__overview-finance-stat .statistics-blocks{ flex-grow:1 }
.ubi-admin__overview-finance-stat .statistics-block{ width:50% }




/* UBI ADMIN: FINANCE RESERVES */
.modal-transfer-usdt .field:nth-child(1){ width:calc(100% - 140px) }
.modal-transfer-usdt .field:nth-child(2){ width:140px }

.modal-other-wallet .field:nth-child(1){ width:calc(100% - 150px) }
.modal-other-wallet .prefect9-field:nth-child(2){ width:150px }

.modal-usdt-trc20-comment .prefect9-field:nth-child(1){ width:calc(100% - 120px) }
.modal-usdt-trc20-comment .form-section:nth-child(2){ width:120px; padding-top:40px }

.finance-category{ display:flex; align-items:center }
.finance-category > svg{ width:18px; height:18px; margin-right:10px }
.finance-category__server{ color:#0080FF }
.finance-category__server > svg{ fill:#0080FF }
.finance-category__salary{ color:#6ABF40 }
.finance-category__salary > svg{ fill:#6ABF40 }
.finance-category__domain{ color:#A11FAD }
.finance-category__domain > svg{ fill:#A11FAD }

.ubi-admin__finance-reserves-title{ display:flex; align-items:baseline }
.ubi-admin__finance-reserves-title > div:nth-child(2){ margin-left:32px; font-size:14px; font-weight:400; color:#e04f4f }
.ubi-admin__finance-reserves-table .table-cell:nth-child(1){ width:250px }
.ubi-admin__finance-reserves-table .table-cell:nth-child(2){ width:calc(100% - 250px - 200px - 160px) }
.ubi-admin__finance-reserves-table .table-cell:nth-child(3){ width:200px }
.ubi-admin__finance-reserves-table .table-cell:nth-child(4){ width:160px }

.ubi-admin__transactions-usdt-trc20-name{ display:flex; align-items:center; font-size:14px; font-weight:400; color:#4faf95 }
.ubi-admin__transactions-usdt-trc20-name div:first-child{ width:20px; height:20px; margin-right:12px; background:url(../img/tether_green.svg) no-repeat center / contain }

.ubi-admin__transactions-usdt-trc20-reserve-link{ display:flex; align-items:center }
.ubi-admin__transactions-usdt-trc20-reserve-link svg{ width:14px; height:14px; min-width:14px; margin-left:8px; fill:#fff }
.ubi-admin__transactions-usdt-trc20-reserve-link:hover{ color:#F8FF00 }

.ubi-admin__transactions-usdt-trc20-reserve-table .table-cell:nth-child(1){ width:160px }
.ubi-admin__transactions-usdt-trc20-reserve-table .table-cell:nth-child(1) > div{ margin-top:3px }
.ubi-admin__transactions-usdt-trc20-reserve-table .table-cell:nth-child(2){ width:280px }
.ubi-admin__transactions-usdt-trc20-reserve-table .table-cell:nth-child(3){ width:280px }
.ubi-admin__transactions-usdt-trc20-reserve-table .table-cell:nth-child(4){ width:125px }
.ubi-admin__transactions-usdt-trc20-reserve-table .table-cell:nth-child(5){ width:calc(100% - 160px - 280px - 280px - 125px - 90px) }
.ubi-admin__transactions-usdt-trc20-reserve-table .table-cell:nth-child(6){ width:90px }

.modal-text-container{ margin-top:24px; width:100%; padding:24px 16px; border:1px solid #262626; background:#0D0D0D; border-radius:16px }
.modal-text-container__field{ width:100%; display:flex; align-items:flex-start; padding:12px 16px; color:#808591; border-radius:10px; margin-top:16px; color:#fff }
.modal-text-container__field + .modal-text-container__field{ margin-top:0 }
.modal-text-container__field.bg{ background:#262626 }
.modal-text-container__field > div:nth-child(1){ white-space:nowrap; color:#808591 }
.modal-text-container__field > div:nth-child(2){ white-space:pre-wrap; padding-left:25px; text-align:right; word-break:break-word; flex-grow:1; display:flex; align-items:center; justify-content:flex-end }

.finance-reserve{ display:flex }
.finance-reserve > div:nth-child(1){ width:18px; height:18px; margin-right:10px; background:no-repeat center / contain }
.finance-reserve__type-usdt{ color:#4faf95 }
.finance-reserve__type-usdt > div:nth-child(1){ background-image:url(../img/tether_green.svg) }



/* UBI ADMIN: SALARY */
.ubi-admin__salary-head{ display:flex; align-items:flex-start }
.ubi-admin__salary-head > div:first-child{ padding-right:64px; white-space:nowrap }
.ubi-admin__salary-head .text-tabs{ width:auto }

.ubi-admin__history-salary-table{ margin-top:24px }
.ubi-admin__history-salary-table .table-cell:nth-child(1){ width:150px }
.ubi-admin__history-salary-table .table-cell:nth-child(2){ width:200px }
.ubi-admin__history-salary-table .table-cell:nth-child(3){ width:calc(100% - 150px - 200px - 120px - 120px - 90px); }
.ubi-admin__history-salary-table .table-cell:nth-child(4){ width:120px }
.ubi-admin__history-salary-table .table-cell:nth-child(5){ width:120px }
.ubi-admin__history-salary-table .table-cell:nth-child(6){ width:90px }

.ubi-admin__calculate-salary-table{ margin-top:24px }
.ubi-admin__calculate-salary-table .table-cell:nth-child(1){ width:300px }
.ubi-admin__calculate-salary-table .table-cell:nth-child(2){ width:calc(100% - 300px - 250px - 120px); }
.ubi-admin__calculate-salary-table .table-cell:nth-child(3){ width:250px }
.ubi-admin__calculate-salary-table .table-cell:nth-child(4){ width:120px }

.modal-send-salary__field{ padding:20px 14px 16px; width:100% }
.modal-send-salary__field + .modal-send-salary__field{ padding-top:0 }
.modal-send-salary__field > div{ display:flex; align-items:center; width:100% }
.modal-send-salary__field + .modal-send-salary__field > div{ border-top:1px solid rgba(255, 255, 255, .15); padding-top:16px }
.modal-send-salary__field > div > div:nth-child(1){ white-space:nowrap; color:#808591 }
.modal-send-salary__field > div > div:nth-child(2){ padding-left:10px; flex-grow:1; word-break:break-word; text-align:right }

.ubi-admin__calculate-salary-modal .modal-list-el:nth-child(1){ width:130px }
.ubi-admin__calculate-salary-modal .modal-list-el:nth-child(1) .prefect9-select{ min-width:unset }
.ubi-admin__calculate-salary-modal .modal-list-el:nth-child(2){ width:calc(100% - 130px - 160px) }
.ubi-admin__calculate-salary-modal .modal-list-el:nth-child(3){ width:160px }
.ubi-admin__calculate-salary-modal .modal-list-el:nth-child(3) > div{ display:flex; align-items:center }
.ubi-admin__calculate-salary-modal .modal-list-el:nth-child(3) button{ margin:8px 4px 0 }

.ubi-admin__calculate-salary-modal__fields-line{ width:100%; margin: 0 -4px; width:calc(100% + 8px); display:flex; align-items:flex-start; flex-wrap:wrap }




/* UAPP AI */
.dashboard[data-app='uapp'] .sidebar-select-team__modal .btn.white-yellow-outline{ border-color:#F54C3D }
.dashboard[data-app='uapp'] .sidebar-select-team__modal .btn.white-yellow-outline:hover{ background:#F54C3D; border-color:#F54C3D }
.dashboard[data-app='uapp'] .sidebar-select-team__team-active{ color:#F54C3D }
.dashboard[data-app='uapp'] .sidebar-select-team__team-active svg{ fill:#F54C3D }




/* UAPP AI: OVERVIEW */
.ubi-uapp__reports-chart{ width: calc(100% - 350px - 24px) }
.ubi-uapp__overview-analyst .ubi-uapp__reports-chart{ width:100% }
.ubi-uapp__reports-chart > div{ flex-grow:1; display:flex; flex-direction:column; min-height:400px }
.ubi-uapp__reports-chart-body{ flex-grow:1; display:flex; position:relative }

.ubi-uapp__reports-chart-body__loader, .ubi-uapp__reports-chart-body__empty{ position:absolute; left:0; right:0; bottom:0; top:0; background:#191919; flex-direction:column; align-items:center; justify-content:center; z-index:10; display:none }
.ubi-uapp__reports-chart-body.loading .ubi-uapp__reports-chart-body__loader{ display:flex }
.ubi-uapp__reports-chart-body.empty .ubi-uapp__reports-chart-body__empty{ display:flex }
.ubi-uapp__reports-chart-body__loader .t14{ color:#808591; margin-top:16px }
.ubi-uapp__reports-chart-body__empty svg{ width:30px; height:30px; fill:#F54C3D }
.ubi-uapp__reports-chart-body__empty .h16{ margin-top:25px }
.ubi-uapp__reports-chart-body__empty .t14{ color:#808591; margin-top:10px }

.ubi-uapp__reports-chart-canvas{ flex-grow:1; position:relative }
.ubi-uapp__reports-chart-canvas canvas{ position:absolute; left:0; right:0; top:0; bottom:0 }

.ubi-uapp__reports-chart-bar{ padding-right:18px }
.ubi-uapp__reports-chart-block{ display:flex; flex-direction:column; align-items:flex-start }
.ubi-uapp__reports-chart-block + .ubi-uapp__reports-chart-block{ margin-top:20px }
.ubi-uapp__reports-chart-block > .m12{ color:#808591; display:flex; align-items:center }
.ubi-uapp__reports-chart-block > .m12 > div:first-child{ width:8px; min-width:8px; height:8px; border-radius:50%; margin-right:6px }
.ubi-uapp__reports-chart-block > .h16{ margin-top:5px }
.ubi-uapp__reports-chart-tag{ display:flex; align-items:center; height:24px; padding:0 8px; border-radius:8px; background:#262626; margin-top:12px; font-size:10px; font-weight:500 }
.ubi-uapp__reports-chart-tag-red{ color:#F54C3D }
.ubi-uapp__reports-chart-tag-green{ color:#AFFAAF }

.ubi-uapp__reports-filters{ width:calc(350px + 24px) }
.ubi-uapp__reports-filters-teams{ display:flex; align-items:center; white-space:nowrap; cursor:pointer }
.ubi-uapp__reports-filters-teams svg{ width:20px; height:20px; margin-left:8px; fill:#808591 }
.ubi-uapp__reports-filters-additionally{ display:flex; align-items:flex-start; justify-content:space-between }
.ubi-uapp__reports-filters-additionally > div:first-child{ line-height:130% }
.ubi-uapp__reports-filters-additionally > div:last-child{ white-space:nowrap }
.ubi-uapp__reports-filters-additionally > div:last-child .field-label{ padding-bottom:5px }
.ubi-uapp__reports-filters-additionally > div:last-child .field-label + .field-label{ padding-top:0 }
.ubi-uapp__reports-filters-btns{ display:flex; align-items:center; justify-content:space-between }
.ubi-uapp__reports-filters-btns .btn{ width:50% }
.ubi-uapp__reports-filters-advanced{ display:flex; align-items:center; color:#1877F2; cursor:pointer }
.ubi-uapp__reports-filters-advanced svg{ width:20px; min-width: 20px; height:20px; fill:#1877F2; margin-right:8px }

.ubi-uapp__reports-table .table-cell:nth-child(1), .ubi-uapp__reports-table .table-cell:nth-child(3){ width:calc((100% - 380px - 150px) / 2) }
.ubi-uapp__reports-table .table-cell:nth-child(2){ width:380px }
.ubi-uapp__reports-table .table-cell:nth-child(4){ width:150px }

.ubi-uapp__reports-filters-groups, .ubi-uapp__reports-filters-countries{ width:50% }

.ubi-uapp__reports-filters .form{ position:relative }
.ubi-uapp__reports-filters-loader{ position:absolute; z-index:10; left:0; right:0; top:0; bottom:0; background:#191919; display:flex; align-items:center; justify-content:center }
.ubi-uapp__reports-filters-loader > svg:nth-child(1){ width:30px; height:30px; fill:#F54C3D; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) }
.ubi-uapp__reports-filters-loader > div:nth-child(2){ width:100px; height:100px; background:url(../img/loader-arrow_red.webp) no-repeat center / contain; animation:rotate 2.5s linear infinite }

.ubi-uapp__overview-table-label{ display:flex; align-items:center; height:28px; border-radius:8px; background:#262626; padding:0 12px }
.ubi-uapp__overview-table-loader{ padding:60px 0 80px; width:100%; display:flex; align-items:center; justify-content:center }

.ubi-uapp__overview-table-manager .table-cell:nth-child(1){ width:240px }
.ubi-uapp__overview-table-manager .table-cell:nth-child(2){ width:calc(100% - 240px - 180px - 180px - 160px) }
.ubi-uapp__overview-table-manager .table-cell:nth-child(3){ width:180px }
.ubi-uapp__overview-table-manager .table-cell:nth-child(4){ width:180px }
.ubi-uapp__overview-table-manager .table-cell:nth-child(5){ width:160px }

.ubi-uapp__overview-table-admin .table-scrolled-cell[data-col='0']{ width:130px }
.ubi-uapp__overview-table-admin .table-scrolled-scroll{ width:calc(100% - 130px - 108px - 140px); max-width:calc(100% - 130px - 108px - 140px) }
.ubi-uapp__overview-table-admin .table-scrolled-cell[data-col='1']{ min-width:165px; width:100% }
.ubi-uapp__overview-table-admin .table-scrolled-cell[data-col='2']{ min-width:120px }
.ubi-uapp__overview-table-admin .table-scrolled-cell[data-col='3']{ min-width:138px }
.ubi-uapp__overview-table-admin .table-scrolled-cell[data-col='4']{ min-width:100px }
.ubi-uapp__overview-table-admin .table-scrolled-cell[data-col='5']{ min-width:90px }
.ubi-uapp__overview-table-admin .table-scrolled-cell[data-col='6']{ width:108px }
.ubi-uapp__overview-table-admin .table-scrolled-cell[data-col='7']{ width:140px }

.ubi-uapp__overview-table-admin__stars-cell{ flex-direction:column; align-items:flex-start; justify-content:center }
.ubi-uapp__overview-table-admin__stars{ display:flex; align-items:center; margin-top:6px }
.ubi-uapp__overview-table-admin__stars svg{ width:10px; min-width:10px; height:10px; fill:#808591 }
.ubi-uapp__overview-table-admin__stars svg.active{ fill:#F8FF00 }
.ubi-uapp__overview-table-admin__stars span{ margin-left:5px }

.ubi-uapp__overview-table-analyst .table-scrolled-cell[data-col='0']{ width:200px }
.ubi-uapp__overview-table-analyst .table-scrolled-scroll{ width:calc(100% - 200px - 250px - 200px - 250px); }
.ubi-uapp__overview-table-analyst .table-scrolled-cell[data-col='1']{ width:100% }
.ubi-uapp__overview-table-analyst .table-scrolled-cell[data-col='2']{ width:250px }
.ubi-uapp__overview-table-analyst .table-scrolled-cell[data-col='3']{ width:200px }
.ubi-uapp__overview-table-analyst .table-scrolled-cell[data-col='4']{ width:250px }

.ubi-uapp__overview-filters .page-card__title{ padding-bottom:10px; border-bottom:1px solid rgba(255, 255, 255, .1) }
.ubi-uapp__overview-filters-container{ display:flex; align-items:flex-start; justify-content:space-between; margin:0 -4px; width:calc(100% + 8px); padding-top:8px; position:relative }
.ubi-uapp__overview-filters-left{ display:flex; align-items:center }
.ubi-uapp__overview-filters-left > .prefect9-field:nth-child(1){ width:280px }
.ubi-uapp__overview-filters-left > .prefect9-field:nth-child(2){ width:190px }
.ubi-uapp__overview-filters-right{ display:flex; flex-direction:column; align-items:flex-end }
.ubi-uapp__overview-filters-right-top{ display:flex; align-items:center }
.ubi-uapp__overview-filters-right-top > .prefect9-field:nth-child(1){ width:240px }
.ubi-uapp__overview-filters-right-bottom{ display:flex; align-items:center; margin-top:10px; color:#808591 }
.ubi-uapp__overview-filters-right-bottom div + div{ margin-left:20px }
.ubi-uapp__overview-filters-loader{ position:absolute; left:8px; bottom:-8px; width:20px; height:20px; background:url(../img/loader_gray.webp) no-repeat center / contain; animation: rotate 1.2s linear infinite }

.ubi-uapp__overview-filters-advanced{ display:flex; align-items:center; color:#1877F2; cursor:pointer; font-weight:500 }
.ubi-uapp__overview-filters-advanced svg{ width:12px; min-width:12px; height:12px; fill:#1877F2; margin-right:4px }
.ubi-uapp__overview-filters-advanced.disabled{ color:#808591; cursor:default }
.ubi-uapp__overview-filters-advanced.disabled svg{ fill:#808591 }

.ubi-uapp__overview-gradient-card{ width:calc(350px + 24px) }
.ubi-uapp__overview-gradient{ width:calc(100% - 16px); position:relative; margin:20px auto 30px }
.ubi-uapp__overview-gradient-container{ width:100%; position:relative; overflow:hidden }
.ubi-uapp__overview-gradient-container::before{ content:''; display:block; padding-bottom:50% }
.ubi-uapp__overview-gradient-circle-big{ position:absolute; left:0; right:0; top:0; z-index:1; background:#262626; border-radius:50% }
.ubi-uapp__overview-gradient-coloured .ubi-uapp__overview-gradient-circle-big{ background:linear-gradient(to right, #F54C3D 20%, #FFD400 50%, #7FE54C 80%) }
.ubi-uapp__overview-gradient-circle-big::before{ content:''; display:block; padding-bottom:100% }
.ubi-uapp__overview-gradient-circle-small{ position:absolute; left:28px; right:28px; top:28px; z-index:2; background:#191919; border-radius:50% }
.ubi-uapp__overview-gradient-circle-small::before{ content:''; display:block; padding-bottom:100% }
.ubi-uapp__overview-gradient-arrow{ position:absolute; left:50%; top:32px; bottom:0; z-index:3; transform-origin:bottom; transition:transform 1s }
.ubi-uapp__overview-gradient-arrow > div{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:20px; height:20px; background:url(../img/gradient-arrow.svg) no-repeat center / contain }
.ubi-uapp__overview-gradient-text{ position:absolute; left:40px; right:40px; bottom:15px; font-size:26px; font-weight:500; line-height:110%; text-align:center; z-index:4 }
.ubi-uapp__overview-gradient-text-loading{ font-size:18px }
.ubi-uapp__overview-gradient-text-stars4 > div:nth-child(1){ font-size:20px }
.ubi-uapp__overview-gradient-text-coverage{ font-size:12px; font-weight:400; line-height:100%; margin-bottom:8px }

.ubi-uapp__overview-gradient-app{ width:100%; border-radius:16px; padding:12px 16px; background:#262626 }
.ubi-uapp__overview-gradient-app > div:nth-child(1){ text-transform:uppercase; color:#808591; padding-bottom:8px; border-bottom:1px solid rgba(255, 255, 255, .1) }
.ubi-uapp__overview-gradient-app > div:nth-child(2){ width:100%; display:flex; align-items:center; margin-top:12px }
.ubi-uapp__overview-gradient-app-icon, .ubi-uapp__overview-gradient-app-icon-bg{ width:36px; min-width:36px; height:36px; border-radius:5px; background:no-repeat center / contain }
.ubi-uapp__overview-gradient-app-icon{ display:flex; align-items:center; justify-content:center; font-family:'RoadRadio',sans-serif; font-weight:700; font-size:18px; text-transform:uppercase }
.ubi-uapp__overview-gradient-app-data{ padding-left:12px }
.ubi-uapp__overview-gradient-app-data > div:nth-child(2){ margin-top:2px }

.ubi-uapp__overview-table-checkbox{ display:flex; align-items:center; font-size:14px; color:#fff; cursor:pointer }
.ubi-uapp__overview-table-checkbox > div{ transition:color .3s }
.ubi-uapp__overview-table-checkbox.disabled{ cursor:default }
.ubi-uapp__overview-table-checkbox.active > div:nth-child(1){ color:rgba(255, 255, 255, .3) }
.ubi-uapp__overview-table-checkbox.active:not(.disabled):hover > div:nth-child(1){ color:rgba(255, 255, 255, .6) }
.ubi-uapp__overview-table-checkbox:not(.active) > div:nth-child(3){ color:rgba(255, 255, 255, .3) }
.ubi-uapp__overview-table-checkbox:not(.active):not(.disabled):hover > div:nth-child(3){ color:rgba(255, 255, 255, .6) }
.ubi-uapp__overview-table-checkbox-body{ margin:0 15px; width:32px; height:20px; border:1px solid #fff; border-radius:99px; position:relative }
.ubi-uapp__overview-table-checkbox.disabled .ubi-uapp__overview-table-checkbox-body{ border-color:rgba(255, 255, 255, .3) }
.ubi-uapp__overview-table-checkbox-body > div{ position:absolute; left:2px; top:2px; bottom:2px; width:14px; border-radius:50%; background:#fff; transition:left .3s }
.ubi-uapp__overview-table-checkbox.disabled .ubi-uapp__overview-table-checkbox-body > div{ background:rgba(255, 255, 255, .3) }
.ubi-uapp__overview-table-checkbox.active .ubi-uapp__overview-table-checkbox-body > div{ left:13px }




/* UAPP AI: ANALYSIS */
.ubi-uapp__analysis{ flex-wrap:nowrap }
.ubi-uapp__analysis-content{ width:100% }
.uapp-showed-comments__anim-show .ubi-uapp__analysis-content{ animation:hide-analysis-content .3s linear forwards }
.uapp-showed-comments__anim-showed .ubi-uapp__analysis-content{ width:calc(100% - 340px) }
.uapp-showed-comments__anim-hide .ubi-uapp__analysis-content{ animation:show-analysis-content .3s linear forwards }
@keyframes hide-analysis-content{
	from{ width:calc(100%) }
	to{ width:calc(100% - 340px) }
}
@keyframes show-analysis-content{
	from{ width:calc(100% - 340px) }
	to{ width:calc(100%) }
}

/*.ubi-uapp__analysis-revenue .table-col:nth-child(1){ width:85px }
.ubi-uapp__analysis-revenue .table-col:nth-child(2){ width:80px }
.ubi-uapp__analysis-revenue .table-col:nth-child(3){ width:calc(100% - 85px - 80px - 85px - 85px - 90px - 90px) }
.ubi-uapp__analysis-revenue .table-col:nth-child(4){ width:85px }
.ubi-uapp__analysis-revenue .table-col:nth-child(5){ width:85px }
.ubi-uapp__analysis-revenue .table-col:nth-child(6){ width:90px }
.ubi-uapp__analysis-revenue .table-col:nth-child(7){ width:90px }*/
.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='0']{ width:140px }
.ubi-uapp__analysis-revenue .table-scrolled-scroll{ width:calc(100% - 140px - 105px - 125px); max-width:calc(100% - 140px - 105px - 125px) }
/*.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='1']{ min-width:125px }*/
.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='1']{ min-width:160px }
.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='2']{ min-width:120px }
/*.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='3']{ min-width:125px }*/
.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='3']{ min-width:210px }
.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='4']{ min-width:110px }
.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='5']{ min-width:130px }
.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='6']{ min-width:110px }
.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='7']{ width:105px }
.ubi-uapp__analysis-revenue .table-scrolled-cell[data-col='8']{ width:125px }

.ubi-uapp__analysis-revenue-analyst .table-scrolled-scroll{ width:calc(100% - 140px - 105px); max-width:calc(100% - 140px - 105px) }

.ubi-uapp__analysis-revenue-sub{ display:flex; font-size:10px; margin:0 -5px; width:calc(100% + 10px); flex-wrap:wrap }
.table-scrolled-row.total .ubi-uapp__analysis-revenue-sub{ font-size:11px }
.ubi-uapp__analysis-revenue-sub > div{ display:flex; padding:2px 5px 0; white-space:nowrap }
.ubi-uapp__analysis-revenue-sub > div > div:first-child{ margin-right:5px }

/*.ubi-uapp__analysis-costs .table-col:nth-child(4){ width:130px }
.ubi-uapp__analysis-costs .table-col:not(:nth-child(4)){ width:calc((100% - 130px) / 4) }*/
.ubi-uapp__analysis-costs .table-scrolled-cell[data-col='0']{ width:130px }
.ubi-uapp__analysis-costs .table-scrolled-scroll{ width:calc(100% - 130px - 320px); max-width:calc(100% - 130px - 320px) }
.ubi-uapp__analysis-costs .table-scrolled-cell[data-col='1']{ width:50%; min-width:145px }
.ubi-uapp__analysis-costs .table-scrolled-cell[data-col='2']{ width:50%; min-width:145px }
.ubi-uapp__analysis-costs .table-scrolled-cell[data-col='3']{ width:320px }

.ubi-uapp__analysis-cohorts [data-col-name='header']{ width:120px }
.ubi-uapp__analysis-cohorts .cohorts-table-scroll__body .cohorts-table-col[data-col-name='p1']{ min-width:95px }
.ubi-uapp__analysis-cohorts .cohorts-table-scroll__body .cohorts-table-col:not([data-col-name='p1']){ min-width:80px }
.ubi-uapp__analysis-cohorts .cohorts-table-scroll__body .cohorts-table-col{ flex-grow:1 }
.ubi-uapp__analysis-cohorts [data-col-name='spend'],
.ubi-uapp__analysis-cohorts [data-col-name='arpa'],
.ubi-uapp__analysis-cohorts [data-col-name='profit']{ width:90px }
.ubi-uapp__analysis-cohorts [data-col-name='revenue']{ width:102px }
.ubi-uapp__analysis-cohorts [data-col-name='roi']{ width:75px }
.ubi-uapp__analysis-cohorts .cohorts-table-scroll{ max-width:calc(100% - 120px - 90px - 90px - 90px - 102px - 75px) }

.ubi-uapp__analysis-cohorts-metrics{ display:flex; align-items:center }
.ubi-uapp__analysis-cohorts-metrics .prefect9-field{ padding:0; margin-right:16px }

.ubi-uapp__analysis-revenue-mrr{ display:flex; align-items:center; flex-wrap:wrap; margin:-4px -5px 0; font-size:12px; line-height:100% }
.ubi-uapp__analysis-revenue-mrr > div{ padding:4px 5px 0; white-space:nowrap }
.ubi-uapp__analysis-revenue-mrr > div:first-child{ width:100% }
.ubi-uapp__analysis-revenue-mrr > div:not(:first-child){ font-size:10px }

.ubi-uapp__analysis-loader{ display:flex; flex-direction:column; align-items:center; padding:80px 0 60px }
.ubi-uapp__analysis-loader__bar{ margin-top:25px; width:150px; height:6px; border-radius:99px; background:#0d0d0d }
.ubi-uapp__analysis-loader__bar > div{ width:6px; height:6px; border-radius:99px; background:#F54C3D }
.ubi-uapp__analysis-loader__bar.anim > div{ animation:uapp-anim-analysis-loader 10s linear forwards }
@keyframes uapp-anim-analysis-loader{
	0%{ width:6px }
	20%{ width:50% }
	40%{ width:70% }
	60%{ width:80% }
	80%{ width:90% }
	100%{ width:95% }
}

.ubi-uapp__analysis
.ubi-uapp__analysis-top{ display:flex; align-items:center }
.ubi-uapp__analysis-top .btn{ margin-left:24px }


.text-tabs{ width:100%; border-bottom:1px solid rgba(255, 255, 255, .1); position:relative }
.text-tabs__container{ margin:0 -16px; display:flex; align-items:center; padding-bottom:10px }
.text-tab__container{ padding:0 16px }
.text-tab{ color:#808591; cursor:pointer; transition:color .3s }
.text-tab.active{ color:#F54C3D; cursor:default }
.text-tab:not(.active):hover{ color:#fff }
.text-tabs__bar{ position:absolute; left:0; top:calc(100% - 2px); width:0; height:4px; border-radius:99px; background:#F54C3D; transition:width .6s, left .6s }

.text-tabs.yellow .text-tab.active{ color:#F8FF00 }
.text-tabs.yellow .text-tabs__bar{ background:#F8FF00 }


.ubi-uapp__analysis-filters{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin:16px -4px 0; width:calc(100% + 8px); position:relative }
.ubi-uapp__analysis-filters-left{ display:flex; flex-direction:column; align-items:flex-start }
.ubi-uapp__analysis-filters-left-top{ display:flex; align-items:center }
.ubi-uapp__analysis-filters-left-top > .prefect9-field:nth-child(1){ width:280px }
.ubi-uapp__analysis-filters-left-top > .prefect9-field:nth-child(2){ width:190px }
.ubi-uapp__analysis-filters-left-bottom{ display:flex; align-items:center }
.ubi-uapp__analysis-filters-left-bottom > .prefect9-field:nth-child(1){ width:280px }
.ubi-uapp__analysis-filters-left-bottom > .prefect9-field:nth-child(2){ width:280px }
.ubi-uapp__analysis-filters-right{ display:flex; flex-direction:column; align-items:flex-end }
.ubi-uapp__analysis-filters-right > div{ display:flex; align-items:flex-start }
.ubi-uapp__analysis-filters-right > div:nth-child(1) > .prefect9-field:nth-child(1){ width:240px }
.ubi-uapp__analysis-filters-right > div:nth-child(1) > .prefect9-field:nth-child(2){ width:240px }
.ubi-uapp__analysis-filters-right > div:nth-child(2){ margin-top:10px; color:#808591 }
.ubi-uapp__analysis-filters-right > div:nth-child(2) div + div{ margin-left:20px }
.ubi-uapp__analysis-filters-loader{ position:absolute; left:8px; bottom:-8px; width:20px; height:20px; background:url(../img/loader_gray.webp) no-repeat center / contain; animation: rotate 1.2s linear infinite }


.cohorts-comment-menu{ position:fixed; width:275px; left:200px; top:200px; z-index:5000; border:1px solid #262626; padding:0 16px; background:#000; box-shadow:0 0 5px rgba(0,0,0,.2); display:none }
.cohorts-comment-menu.show{ display:block }
.cohorts-comment-menu.bottom{ border-radius:0 16px 16px 16px }
.cohorts-comment-menu.top{ border-radius:16px 16px 16px 0 }
.cohorts-comment-menu__container{ max-height:310px; overflow-x:hidden!important }
.cohorts-comment-menu__container > .prefect9-scroll__vertical-bar{ top:20px!important; bottom:20px!important; right:0!important; width:4px!important }
.cohorts-comment-menu > .prefect9-scroll__show-vertical{ padding-right:18px!important }
.cohorts-comment{ width:100% }
.cohorts-comment:first-child{ padding-top:20px }
.cohorts-comment:last-child{ padding-bottom:20px }
.cohorts-comment + .cohorts-comment{ margin-top:16px; padding-top:16px; border-top:1px solid #262626 }
.cohorts-comment__top{ display:flex; align-items:center }
.cohorts-comment__avatar{ width:28px; height:28px; border-radius:4px; font-size:18px; font-weight:700; font-family:'RoadRadio',sans-serif; display:flex; align-items:center; justify-content:center }
.cohorts-comment__avatar-img{ width:28px; height:28px; border-radius:4px; background:no-repeat center / contain }
.cohorts-comment__title{ padding-left:12px; flex-grow:1; max-width:calc(100% - 28px - 40px - 18px) }
.cohorts-comment__title .m10{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.cohorts-comment__title .t10{ color:#808591; margin-top:2px }
.cohorts-comment__edit, .cohorts-comment__delete{ width:20px; height:20px; fill:#808591; cursor:pointer }
.cohorts-comment__delete{ margin-left:18px; fill:#F54C3D }
.cohorts-comment__app{ margin-top:16px }
.cohorts-comment__app span{ color:#FFD400 }
.cohorts-comment__sub{ margin:16px -4px 0; width:calc(100% + 8px); color:#BFC2C8; white-space:nowrap; display:flex; align-items:center }
.cohorts-comment__sub > div{ width:50%; max-width:50%; padding:0 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.cohorts-comment__sub span{ color:#FFD400 }
.cohorts-comment__data{ margin-top:4px; color:#BFC2C8 }
.cohorts-comment__btn{ padding:16px 4px 0; width:100% }
.cohorts-comment__btn .btn{ width:100% }
.cohorts-comment__btns{ padding:16px 4px 0; width:100%; display:flex }
.cohorts-comment__btns .btn{ width:calc(50% - 4px) }
.cohorts-comment__btns .btn:first-child{ margin-right:8px }
.cohorts-comment__view .form{ padding-top:16px }
.cohorts-comment__delete-block{ width:100%; padding:12px; border-radius:12px; border:1px solid #F54C3D; margin-top:16px; display:none; flex-direction:column; align-items:center; text-align:center; background:#000 }
.cohorts-comment__delete-block.show{ display:flex }
.cohorts-comment__delete-btns{ display:flex; align-items:center; margin-top:12px }
.cohorts-comment__delete-btns .btn + .btn{ margin-left:8px }
.cohorts-comment__form{ display:none }
.cohorts-comment__form.show{ display:flex }
.cohorts-comment__view-content{ display:none }
.cohorts-comment__view-content.show{ display:block }
.cohorts-comment__nav-btns{ display:none; align-items:center; justify-content:flex-end; flex-grow:1 }
.cohorts-comment__nav-btns.show{ display:flex }

.ubi-uapp__analysis-cohorts-metrics > .btn{ background:#000; color:#808080; margin-left:16px }
.ubi-uapp__analysis-cohorts-metrics > .btn svg{ fill:#808080 }
.ubi-uapp__analysis-cohorts-metrics > .btn:hover{ color:#fff }
.ubi-uapp__analysis-cohorts-metrics > .btn:hover svg{ fill:#fff }
.uapp-showed-comments .ubi-uapp__analysis-cohorts-metrics > .btn,
.uapp-showed-comments .ubi-uapp__analysis-cohorts-metrics > .btn:hover{ background:#F54C3D; color:#fff }
.uapp-showed-comments .ubi-uapp__analysis-cohorts-metrics > .btn svg{ fill:#fff }

.ubi-uapp__analysis-comments{ width:0; overflow:hidden }
.ubi-uapp__analysis-comments-container{ position:fixed; width:0; max-width:0; top:80px; bottom:40px; right:0; z-index:50; overflow:hidden; display:flex; flex-direction:column }
.ubi-uapp__analysis-comments-container > div{ width:340px; min-width:340px; display:flex; flex-direction:column; flex-grow:1 }
.ubi-uapp__analysis-comments-container .page-card{ flex-grow:1 }
.ubi-uapp__analysis-comments-container .page-card > div{ flex-grow:1; position:relative; overflow:hidden }
.uapp-showed-comments__anim-show .ubi-uapp__analysis-comments{ animation:show-analysis-comments .3s linear forwards }
.uapp-showed-comments__anim-showed .ubi-uapp__analysis-comments{ width:340px }
.uapp-showed-comments__anim-hide .ubi-uapp__analysis-comments{ width:340px; animation:hide-analysis-comments .3s linear forwards }
.uapp-showed-comments__anim-show .ubi-uapp__analysis-comments-container{ animation:show-analysis-comments-container .3s linear forwards }
.uapp-showed-comments__anim-showed .ubi-uapp__analysis-comments-container{ width:340px; max-width:340px }
.uapp-showed-comments__anim-hide .ubi-uapp__analysis-comments-container{ width:340px; max-width:340px; animation:hide-analysis-comments-container .3s linear forwards }
@keyframes show-analysis-comments{
	from{ width:0 }
	to{ width:340px }
}
@keyframes hide-analysis-comments{
	from{ width:340px }
	to{ width:0 }
}
@keyframes show-analysis-comments-container{
	from{ width:0; max-width:0 }
	to{ width:340px; max-width:340px }
}
@keyframes hide-analysis-comments-container{
	from{ width:340px; max-width:340px }
	to{ width:0; max-width:0 }
}

.ubi-uapp__analysis-comments-title{ display:flex; align-items:center; justify-content:space-between; padding-bottom:24px }
.ubi-uapp__analysis-comments-close{ width:20px; height:20px; fill:#808080; cursor:pointer; transition:fill .3s }
.ubi-uapp__analysis-comments-close:hover{ fill:#fff }
.ubi-uapp__analysis-comments-loading{ flex-grow:1; display:flex; align-items:center; justify-content:center }
.ubi-uapp__analysis-comments-loading > div{ width:50px; height:50px; background:url(../img/loader-arrow_red.webp) no-repeat center / contain; animation:rotate 1.5s linear infinite }
.ubi-uapp__analysis-comments-empty{ margin:0 -24px; width:calc(100% + 48px); background:#262626; padding:24px }
.ubi-uapp__analysis-comments-list{ position:absolute; left:0; right:0; top:68px; bottom:0 }
.ubi-uapp__analysis-comments-list > div{ background:#262626; padding:0 24px }
.ubi-uapp__analysis-comments-list .prefect9-scroll__show-vertical{ margin-right:-10px!important }
.ubi-uapp__analysis-comments-list .prefect9-scroll__vertical-bar{ top:12px!important; bottom:32px!important; right:0!important }
.ubi-uapp__analysis-comments-list .cohorts-comment + .cohorts-comment{ border-top-color:#808591 }
.ubi-uapp__analysis-comments-list .cohorts-comment:first-child{ padding-top:24px }
.ubi-uapp__analysis-comments-list .cohorts-comment:last-child{ padding-bottom:32px }
.ubi-uapp__analysis-comments-list .prefect9-select__disabled .prefect9-field__input{ background:#1A1A1A!important; border-color:#1A1A1A!important }



/* UAPP AI: APPS PROFILES */
.ubi-uapp__apps-tabs{ display:flex; padding-bottom:16px }

.ubi-uapp__apps-tabs__type svg{ width:20px; min-width:20px; height:20px; fill:#808591; margin-right:8px; transition:fill 0.3s }
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-uapp__apps-tabs__type-archived:hover svg, .ubi-uapp__apps-tabs__type-archived.prefect9-tab__active svg{ fill:#FF0000 }
.prefect9-tabs:not(.prefect9-tabs__disabled) .ubi-uapp__apps-tabs__type-active:hover svg, .ubi-uapp__apps-tabs__type-active.prefect9-tab__active svg{ fill:#65ff65 }

.ubi-uapp__apps-table .table-cell:nth-child(1){ width:180px }
.ubi-uapp__apps-table .table-cell:nth-child(2) div + div{ margin-top:2px }
.ubi-uapp__apps-table .table-loader .table-cell:nth-child(2) div + div{ margin-top:6px }
.ubi-uapp__apps-table .table-cell:nth-child(2) > div{ max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.ubi-uapp__apps-table .table-cell:nth-child(3) div + div{ margin-top:2px }
.ubi-uapp__apps-table .table-loader .table-cell:nth-child(3) div + div{ margin-top:6px }
.ubi-uapp__apps-table .table-cell:nth-child(3) > div{ max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.ubi-uapp__apps-table .table-cell:nth-child(2),
.ubi-uapp__apps-table .table-cell:nth-child(3),
.ubi-uapp__apps-table .table-cell:nth-child(4){ width:calc((100% - 180px - 140px) / 3) }
.ubi-uapp__apps-table .table-cell:nth-child(5){ width:140px }

.ubi-uapp__app-profile-new-modal .form .prefect9-select:nth-child(3){ width:50% }


.ubi-uapp__app-profile-rules-form{ padding-top:12px }
.ubi-uapp__app-profile-rules-empty{ width:100%; height:40px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#0d0d0d; font-size:12px; font-weight:500; border:1px solid #262626; color:#808591 }
.ubi-uapp__app-profile-rules-form .btn.gray{ margin-top:10px; width:100% }
.ubi-uapp__app-profile-rules-form .btn.white-red-outline{ margin-top:10px; width:100% }
.ubi-uapp__app-profile-rules-block{ margin:0 -4px; display:flex; flex-wrap:wrap }
.ubi-uapp__app-profile-rules-block:not(:last-child){ padding-bottom:20px }
.ubi-uapp__app-profile-rules-block + .ubi-uapp__app-profile-rules-block{ padding-top:12px; border-top:1px solid rgba(255,255,255,.1) }
.ubi-uapp__app-profile-rules-block > div{ padding:8px 4px 0 }
.ubi-uapp__app-profile-rules-block > div:nth-child(1){ width:calc(100% - 120px - 48px) }
.ubi-uapp__app-profile-rules-block > .field:nth-child(2){ width:120px }
.ubi-uapp__app-profile-rule-head{ display:flex; align-items:center; font-size:12px; width:100%; padding-top:16px!important }
.ubi-uapp__app-profile-rule-head > div:first-child{ flex-grow:1 }
.ubi-uapp__app-profile-rule-head > div:nth-child(2){ width:80px; text-align:center }
.ubi-uapp__app-profile-rule-head > div:nth-child(3){ width:95px; text-align:center }
.ubi-uapp__app-profile-rule{ display:flex; align-items:center; width:100% }
.ubi-uapp__app-profile-rule > div:first-child{ flex-grow:1; display:flex; align-items:center; font-size:14px; font-weight:500 }
.ubi-uapp__app-profile-rule > div:first-child svg{ width:14px; height:14px; fill:#808591 }
.ubi-uapp__app-profile-rule > div:first-child svg.active{ fill:#F8FF00 }
.ubi-uapp__app-profile-rule > div:first-child span{ margin-left:12px }
.ubi-uapp__app-profile-rule > div:nth-child(2){ width:80px; padding:0 }
.ubi-uapp__app-profile-rule > div:nth-child(3){ width:95px; padding:0 }
.ubi-uapp__app-profile-error{ width:100% }
.ubi-uapp__app-profile-rules-form > .ubi-uapp__app-profile-error{ margin-top:10px }
.ubi-uapp__app-profile-error > div{ width:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:12px 16px; font-size:12px; font-weight:500; background:#221514; border:1px solid #f54c3d; border-radius:8px }

.ubi-uapp__app-profile-rules-app{ width:100%; padding:12px 16px; border-radius:12px; background:#262626; display:flex; align-items:center; margin:10px 0 }
.ubi-uapp__app-profile-rules-app__icon, .ubi-uapp__app-profile-rules-app__icon-bg{ width:36px; height:36px; border-radius:5px; background:no-repeat center / contain }
.ubi-uapp__app-profile-rules-app__icon{ display:flex; align-items:center; justify-content:center; font-size:18px; font-family:'RoadRadio',sans-serif; font-weight:700; text-transform:uppercase }
.ubi-uapp__app-profile-rules-app__data{ padding-left:12px }



/* UAPP AI: TEST */
.ubi-uapp__test .page-card > div{ min-height:600px; align-items:center; justify-content:center }