@charset "UTF-8";
* {
  border: 0;
  box-sizing: border-box;
  outline: none;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
  font-family: "Rubik", sans-serif; }

ol li, ul li {
  list-style-type: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  height: auto;
  max-width: 100%; }

a {
  text-decoration: none; }

html, body {
  background: #fff; }

body.darkTheme ~ html {
  background: #000 !important; }

button {
  background: transparent; }

body {
  display: flex;
  align-items: stretch;
  height: 100vh;
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    body {
      flex-direction: column;
      height: unset;
      overflow: unset; } }
  body.blocked {
    overflow: hidden; }

a {
  color: #0e1a2f;
  transition: all 0.3s ease; }
  a:hover {
    color: #1053FF; }

.darkTheme a {
  color: #fff; }
  .darkTheme a:hover {
    color: #1053FF; }

.bodyWrapper {
  padding-left: 44px;
  padding-right: 44px; }
  @media screen and (max-width: 768px) {
    .bodyWrapper {
      padding-left: 12px;
      padding-right: 12px; } }

body.lightTheme .header__title {
  border-color: #e4e4e4; }
  body.lightTheme .header__title_left h1 {
    color: #0e1a2f; }
  body.lightTheme .header__title_left button svg {
    fill: #0e1a2f; }
  body.lightTheme .header__title_left button:hover svg {
    fill: #1053FF; }
  body.lightTheme .header__title_right .js__openMiniMenu .menu-icon {
    fill: transparent;
    stroke: #0e1a2f; }
  body.lightTheme .header__title_right .js__openMiniMenu .chevron-icon {
    stroke: #BDC1CE; }
body.lightTheme .searchScreen {
  background: #fff; }
  body.lightTheme .searchScreen__panel_form .row .line label input {
    background: transparent;
    color: #0e1a2f; }
  body.lightTheme .searchScreen__panel_form .row .line label input::-webkit-input-placeholder {
    color: #818592; }
  body.lightTheme .searchScreen__panel_form .row .line label input::-moz-placeholder {
    color: #818592; }
  body.lightTheme .searchScreen__panel_form .row .line label input:-moz-placeholder {
    color: #818592; }
  body.lightTheme .searchScreen__panel_form .row .line label input:-ms-input-placeholder {
    color: #818592; }
  body.lightTheme .searchScreen__panel_form .row .line label .search-icon {
    fill: transparent;
    stroke: #0e1a2f; }
  body.lightTheme .searchScreen__panel_form .row .line .clean-icon {
    fill: #BDC1CE; }
    body.lightTheme .searchScreen__panel_form .row .line .clean-icon:hover {
      fill: #0e1a2f; }
  body.lightTheme .searchScreen__panel_form .row .close-icon {
    background: #F5F5F5; }
    body.lightTheme .searchScreen__panel_form .row .close-icon svg {
      fill: #0e1a2f; }
      body.lightTheme .searchScreen__panel_form .row .close-icon svg:hover {
        fill: #1053FF; }
  body.lightTheme .searchScreen__panel_form .row .form-tags label span {
    border-color: #BDC1CE;
    color: #818592; }
  body.lightTheme .searchScreen__panel_form .row .form-tags label input[type="radio"]:checked + span {
    background: #0e1a2f;
    color: #fff; }
  body.lightTheme .searchScreen__panel_form .row .form-tags label:hover span {
    border-color: #0e1a2f;
    color: #0e1a2f; }
  body.lightTheme .searchScreen__panel_results h4 {
    color: #0e1a2f; }
    body.lightTheme .searchScreen__panel_results h4 span {
      color: #818592; }
  body.lightTheme .searchScreen__panel_results .resultBlock {
    border-color: #BDC1CE; }
    @media screen and (max-width: 560px) {
      body.lightTheme .searchScreen__panel_results .resultBlock {
        background: #F5F5F5;
        border-color: #fff; } }
    body.lightTheme .searchScreen__panel_results .resultBlock .date {
      color: #0e1a2f; }
    body.lightTheme .searchScreen__panel_results .resultBlock h3 {
      color: #0e1a2f; }
      body.lightTheme .searchScreen__panel_results .resultBlock h3 span {
        background: #FAB124; }
    body.lightTheme .searchScreen__panel_results .resultBlock > p {
      color: #0e1a2f; }
      body.lightTheme .searchScreen__panel_results .resultBlock > p span {
        background: #FAB124; }
    body.lightTheme .searchScreen__panel_results .resultBlock:hover {
      border-color: #0e1a2f; }
body.lightTheme .content__table thead {
  background: #F5F5F5; }
  body.lightTheme .content__table thead tr th {
    color: #818592; }
body.lightTheme .content__card {
  background: #fff; }
  body.lightTheme .content__card.content__userProfile {
    background: #1053FF; }
  body.lightTheme .content__card_title {
    color: #0e1a2f;
    margin-bottom: 20px; }
  body.lightTheme .content__card_topSlider-navigation button {
    background: transparent; }
    body.lightTheme .content__card_topSlider-navigation button svg {
      fill: #1053FF; }
  body.lightTheme .content__card_topSlider-navigation span {
    color: #1053FF; }
  body.lightTheme .content__card_topSlider-row span {
    color: #818592; }
  body.lightTheme .content__card_topSlider-row p {
    color: #0e1a2f; }
  body.lightTheme .content__card_calendar {
    background: transparent; }
    body.lightTheme .content__card_calendar #calTitle {
      border-color: #f5f5f5; }
      body.lightTheme .content__card_calendar #calTitle #monthYear {
        color: #0e1a2f; }
      body.lightTheme .content__card_calendar #calTitle button {
        background-color: unset; }
        body.lightTheme .content__card_calendar #calTitle button svg {
          fill: #0e1a2f; }
    body.lightTheme .content__card_calendar #calThead div {
      color: #818592; }
    body.lightTheme .content__card_calendar #calTbody .a-date {
      margin-top: 4px;
      margin-bottom: 4px; }
      body.lightTheme .content__card_calendar #calTbody .a-date span {
        color: #0e1a2f; }
      body.lightTheme .content__card_calendar #calTbody .a-date.blurred {
        opacity: 0; }
      body.lightTheme .content__card_calendar #calTbody .a-date.event {
        background: transparent; }
        body.lightTheme .content__card_calendar #calTbody .a-date.event span {
          background: #1053FF;
          color: #fff; }
      body.lightTheme .content__card_calendar #calTbody .a-date.focused {
        background: transparent !important; }
      body.lightTheme .content__card_calendar #calTbody .a-date:active {
        background: transparent; }
  body.lightTheme .content__card_links a span {
    color: #0e1a2f; }
    body.lightTheme .content__card_links a span.counter.red {
      color: #E84632 !important; }
  body.lightTheme .content__card_links a:hover span {
    color: #1053FF; }
  body.lightTheme .content__card_fastLinks .content__card_title button svg {
    fill: #1053FF; }
  body.lightTheme .content__card_fastLinks .content__card_title button:hover svg {
    fill: #0e1a2f; }
  body.lightTheme .content__card_subs > a::before {
    border-color: #E84632; }
  body.lightTheme .content__card_subs > a .name {
    color: #0e1a2f; }
  body.lightTheme .content__card_subs > a .deadlineDate {
    color: #818592; }
  body.lightTheme .content__card_subs > a.active::before {
    border-color: #3BAF12; }
  body.lightTheme .content__card_subs > a:hover .name {
    color: #1053FF; }
  body.lightTheme .content__card_quiz {
    background: linear-gradient(117.43deg, #1053FF 5.24%, #FD4777 104.98%); }
    body.lightTheme .content__card_quiz.js__voteCardVioletRose {
      background: linear-gradient(117.43deg, #1053FF 5.24%, #FD4777 104.98%); }
    body.lightTheme .content__card_quiz.js__voteCardBlue {
      background: linear-gradient(117.43deg, #7B97DF 5.24%, #0082C8 104.98%); }
    body.lightTheme .content__card_quiz.js__voteCardGreen {
      background: linear-gradient(117.43deg, #56AB2F 5.24%, #A8E063 104.98%); }
    body.lightTheme .content__card_quiz.js__voteCardRed {
      background: linear-gradient(117.43deg, #FF4B1F 5.24%, #FF9068 104.98%); }
    body.lightTheme .content__card_quiz.js__voteCardYellow {
      background: linear-gradient(297.56deg, #FFE000 -7.83%, #FF7A00 104.64%); }
    body.lightTheme .content__card_quiz .content__card_number {
      color: #fff; }
    body.lightTheme .content__card_quiz .content__card_title {
      color: #fff; }
    body.lightTheme .content__card_quiz .content__card_counter {
      color: rgba(255, 255, 255, 0.7); }
      body.lightTheme .content__card_quiz .content__card_counter span {
        color: white; }
    body.lightTheme .content__card_quiz-form label > div {
      background: #fff; }
    body.lightTheme .content__card_quiz .content__card_status {
      color: #fff; }
    body.lightTheme .content__card_quiz .content__card_reQuiz {
      color: #fff; }
  body.lightTheme .content__card_counter {
    color: #fff; }
  body.lightTheme .content__card_asanaTasks li a {
    color: #0e1a2f;
    background: rgba(59, 175, 18, 0.1); }
    body.lightTheme .content__card_asanaTasks li a::before {
      background: #3BAF12; }
  body.lightTheme .content__card_asanaTasks li.deadline a {
    background: rgba(232, 70, 50, 0.1); }
    body.lightTheme .content__card_asanaTasks li.deadline a::before {
      background: #E84632; }
  body.lightTheme .content__card_note {
    background: #FFF3AB; }
    body.lightTheme .content__card_note-block textarea {
      background: transparent; }
  body.lightTheme .content__card_remindItem-title .name {
    color: #818592; }
  body.lightTheme .content__card_remindItem-title .num {
    color: #0e1a2f; }
  body.lightTheme .content__card_remindItem.blue .content__card_remindItem-line {
    border-color: #1053FF; }
    body.lightTheme .content__card_remindItem.blue .content__card_remindItem-line div {
      background: #1053FF; }
  body.lightTheme .content__card_remindItem.yellow .content__card_remindItem-line {
    border-color: #FAB124; }
    body.lightTheme .content__card_remindItem.yellow .content__card_remindItem-line div {
      background: #FAB124; }
  body.lightTheme .content__card_remindItem.green .content__card_remindItem-line {
    border-color: #3BAF12; }
    body.lightTheme .content__card_remindItem.green .content__card_remindItem-line div {
      background: #3BAF12; }
  body.lightTheme .content__card_remindItem-notify.red {
    color: #E84632; }
  body.lightTheme .content__card_remindItem-notify.green {
    color: #3BAF12; }
body.lightTheme .aside__header {
  border-color: #F5F5F5; }
  @media screen and (max-width: 1024px) {
    body.lightTheme .aside__header {
      background: #fff; } }
  body.lightTheme .aside__header_logo {
    background: #000; }
    body.lightTheme .aside__header_logo svg {
      fill: #fff; }
      body.lightTheme .aside__header_logo svg:hover {
        fill: #1053FF; }
  body.lightTheme .aside__header_burger svg {
    fill: #0e1a2f; }
  body.lightTheme .aside__header_burger:not(.openned) svg {
    stroke: #0e1a2f; }
  body.lightTheme .aside__header_hideShow svg {
    fill: #1053FF; }
    body.lightTheme .aside__header_hideShow svg:hover {
      fill: #0e1a2f; }
  body.lightTheme .aside__header_search svg {
    fill: transparent;
    stroke: #0e1a2f; }
  body.lightTheme .aside__header_search form input {
    border-color: rgba(14, 26, 47, 0.5); }
@media screen and (max-width: 1024px) {
  body.lightTheme .aside__menu {
    background: #fff;
    border-color: #f5f5f5; } }
body.lightTheme .aside__menu_mobile-nav {
  border-color: #f5f5f5; }
  body.lightTheme .aside__menu_mobile-nav li a {
    color: #0e1a2f; }
body.lightTheme .aside__menu_mobile-logOut {
  border-color: #f5f5f5; }
  body.lightTheme .aside__menu_mobile-logOut svg {
    fill: transparent;
    stroke: #818592; }
  body.lightTheme .aside__menu_mobile-logOut span {
    color: #0e1a2f; }
body.lightTheme .aside__menu_mobile-changeLang {
  border-color: #f5f5f5; }
  body.lightTheme .aside__menu_mobile-changeLang--change {
    background: #f5f5f5; }
body.lightTheme .aside__menu_name {
  color: #0e1a2f; }
  body.lightTheme .aside__menu_name .icon {
    stroke: #818592;
    fill: transparent; }
  body.lightTheme .aside__menu_name span {
    color: #0e1a2f; }
  body.lightTheme .aside__menu_name:hover {
    background: #F5F5F5; }
    body.lightTheme .aside__menu_name:hover::before {
      background: #1053FF; }
body.lightTheme .aside__menu_hidden ul {
  background: #F5F5F5; }
  body.lightTheme .aside__menu_hidden ul li a {
    color: #0e1a2f; }
    body.lightTheme .aside__menu_hidden ul li a:hover {
      background: #EEEEEE; }
body.lightTheme .aside__menu_item.openned {
  background: #F5F5F5; }
  body.lightTheme .aside__menu_item.openned .aside__menu_name .chevron {
    transform: rotate(180deg); }
  body.lightTheme .aside__menu_item.openned .aside__menu_name::before {
    background: #1053FF; }
body.lightTheme .aside__menu_item.active {
  background: #F5F5F5; }
  body.lightTheme .aside__menu_item.active .aside__menu_name .icon {
    stroke: #1053FF;
    fill: transparent; }
  body.lightTheme .aside__menu_item.active .aside__menu_name span {
    color: #1053FF; }
  body.lightTheme .aside__menu_item.active .aside__menu_name::before {
    background: #1053FF; }
  body.lightTheme .aside__menu_item.active .aside__menu_hidden a.active {
    color: #1053FF; }
body.lightTheme .aside__footer {
  border-color: #F5F5F5; }
  body.lightTheme .aside__footer_changeLang {
    background: #F5F5F5; }
  body.lightTheme .aside__footer_block svg {
    fill: transparent;
    stroke: #0e1a2f; }
  body.lightTheme .aside__footer_block.active {
    background: #fff; }
body.lightTheme .aside.hidden .aside__menu .aside__menu_item .aside__menu_name span {
  background: #f5f5f5 !important; }
body.lightTheme main {
  background: #F5F5F5; }
body.lightTheme .nav__menu_item a {
  color: #0e1a2f; }
  body.lightTheme .nav__menu_item a svg {
    fill: #0e1a2f; }
    body.lightTheme .nav__menu_item a svg:hover {
      fill: #1053FF; }
body.lightTheme .nav__user_item {
  background: #fff; }
  body.lightTheme .nav__user_item svg {
    fill: transparent;
    stroke: #0e1a2f; }
    body.lightTheme .nav__user_item svg:hover {
      stroke: #1053FF; }
body.lightTheme .nav__search svg {
  fill: transparent;
  stroke: #0e1a2f; }
body.lightTheme .nav__search form input {
  border-color: rgba(14, 26, 47, 0.2); }
body.lightTheme .nav__account_popUp {
  box-shadow: 0px 5px 8px rgba(10, 30, 63, 0.1);
  background: #fff; }
body.lightTheme .nav__account_name {
  color: #0e1a2f; }
body.lightTheme .nav__account_post {
  color: #0e1a2f; }
body.lightTheme .nav__account_balance {
  border-color: #f5f5f5;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  body.lightTheme .nav__account_balance span {
    color: #0e1a2f; }
  body.lightTheme .nav__account_balance .counter {
    background: #1053FF; }
    body.lightTheme .nav__account_balance .counter span {
      color: #fff; }
    body.lightTheme .nav__account_balance .counter svg {
      fill: #fff;
      stroke: unset !important; }
body.lightTheme .nav__account_link span {
  color: #0e1a2f; }
body.lightTheme .nav__account_link svg {
  fill: transparent;
  stroke: #0e1a2f; }
body.lightTheme .nav__account_link:hover span {
  color: #1053FF; }
body.lightTheme .nav__account_link:hover svg {
  stroke: #1053FF; }
body.lightTheme .footer__link {
  color: #0e1a2f;
  opacity: 0.5; }
  body.lightTheme .footer__link:hover {
    opacity: 1; }
body.lightTheme .login__footer {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 5px; }
body.lightTheme .login__wrapper {
  background: #fff; }
body.lightTheme .login__logo {
  background: #000; }
  body.lightTheme .login__logo svg {
    fill: #fff; }
body.lightTheme .login__title {
  color: #0e1a2f; }
body.lightTheme .login__posttitle {
  color: #818592; }
body.lightTheme .login__form label span {
  color: #818592; }
body.lightTheme .login__form label input[type="text"],
body.lightTheme .login__form label input[type="password"],
body.lightTheme .login__form label input[type="email"] {
  background: #f5f5f5; }
body.lightTheme .login__form_showPass svg {
  stroke: #0e1a2f;
  fill: transparent; }
body.lightTheme .login__form_showPass:hover svg {
  stroke: #1053FF; }
body.lightTheme .login__form_remember div {
  background: #f5f5f5;
  border-color: rgba(14, 26, 47, 0.1); }
  body.lightTheme .login__form_remember div svg {
    stroke: #fff;
    fill: transparent; }
body.lightTheme .login__form_remember span {
  color: #0e1a2f !important; }
body.lightTheme .login__form_remember input[type="checkbox"]:checked + div {
  background: #1053FF; }
body.lightTheme .login__form_loose a {
  color: #1053FF; }
  body.lightTheme .login__form_loose a:hover {
    color: #0e1a2f; }
body.lightTheme .login__form_or {
  color: #818592; }
body.lightTheme .login__form_google {
  border-color: #BDC1CE; }
  body.lightTheme .login__form_google span {
    color: #0e1a2f; }
  body.lightTheme .login__form_google:hover {
    background: #f5f5f5; }
body.lightTheme .login__form_create {
  color: #818592; }
  body.lightTheme .login__form_create a {
    color: #1053FF; }
    body.lightTheme .login__form_create a:hover {
      color: #0e1a2f; }
body.darkTheme .content__card_calendar #calTbody .a-date[data-event*="Очередной день в году"] span {
  background: #323337 !important; }
body.darkTheme .aside.hiddenAside .aside__menu .aside__menu_item .aside__menu_name span {
  background: #000 !important; }
body.darkTheme .ui__modal_fastLinksCounter {
  color: #fff; }
body.darkTheme .ui__modal_fastLinksForm .ui__checkbox + .ui__checkbox {
  border-top: 1px solid #3F4045 !important; }
body.darkTheme .login__title {
  color: #fff; }
body.darkTheme .login__wrapper {
  background: #242424; }
body.darkTheme .login__form input {
  background: #2F2F2F !important; }
body.darkTheme .login__form_google span {
  color: #fff; }
body.darkTheme .login .ui__checkbox_text {
  color: #fff; }
body.darkTheme .header__back svg {
  fill: #fff; }
body.darkTheme .header__back span {
  color: #fff; }
body.darkTheme .header__back:hover svg {
  fill: #1053FF; }
body.darkTheme .header__back:hover span {
  color: #1053FF; }
body.darkTheme .header__title {
  border-color: #323337; }
  body.darkTheme .header__title_left h1 {
    color: #fff; }
  body.darkTheme .header__title_right button span {
    color: #fff; }
  body.darkTheme .header__title_right button svg {
    fill: #fff; }
  body.darkTheme .header__title_right button:hover svg {
    fill: #1053FF; }
  body.darkTheme .header__title_right button:hover span {
    color: #1053FF; }
body.darkTheme .searchScreen {
  background: #000; }
  body.darkTheme .searchScreen__panel_form .row .line label input {
    color: #fff; }
  body.darkTheme .searchScreen__panel_form .row .line label input::-webkit-input-placeholder {
    color: #818592; }
  body.darkTheme .searchScreen__panel_form .row .line label input::-moz-placeholder {
    color: #818592; }
  body.darkTheme .searchScreen__panel_form .row .line label input:-moz-placeholder {
    color: #818592; }
  body.darkTheme .searchScreen__panel_form .row .line label input:-ms-input-placeholder {
    color: #818592; }
  body.darkTheme .searchScreen__panel_form .row .line label .search-icon {
    fill: transparent;
    stroke: #fff; }
  body.darkTheme .searchScreen__panel_form .row .line .clean-icon {
    fill: #fff; }
    body.darkTheme .searchScreen__panel_form .row .line .clean-icon:hover {
      fill: #818592; }
  body.darkTheme .searchScreen__panel_form .row .close-icon {
    background: #292929; }
    body.darkTheme .searchScreen__panel_form .row .close-icon svg {
      fill: #fff; }
      body.darkTheme .searchScreen__panel_form .row .close-icon svg:hover {
        fill: #818592; }
  body.darkTheme .searchScreen__panel_form .row .form-tags label span {
    border-color: #fff;
    color: #fff; }
  body.darkTheme .searchScreen__panel_form .row .form-tags label input[type="checkbox"]:checked + span {
    background: #1053FF;
    color: #fff; }
  body.darkTheme .searchScreen__panel_form .row .form-tags label:hover span {
    border-color: #1053FF;
    color: #fff; }
  body.darkTheme .searchScreen__panel_results h4 {
    color: #fff; }
    body.darkTheme .searchScreen__panel_results h4 span {
      color: #818592; }
  body.darkTheme .searchScreen__panel_results .resultBlock {
    border-color: #818592; }
    @media screen and (max-width: 560px) {
      body.darkTheme .searchScreen__panel_results .resultBlock {
        background: #000;
        border-color: #818592; } }
    body.darkTheme .searchScreen__panel_results .resultBlock .date {
      color: #fff; }
    body.darkTheme .searchScreen__panel_results .resultBlock h3 {
      color: #fff; }
      body.darkTheme .searchScreen__panel_results .resultBlock h3 span {
        background: #FAB124; }
    body.darkTheme .searchScreen__panel_results .resultBlock > p {
      color: #fff; }
      body.darkTheme .searchScreen__panel_results .resultBlock > p span {
        background: #FAB124; }
    body.darkTheme .searchScreen__panel_results .resultBlock:hover {
      border-color: #fff; }
body.darkTheme .aside {
  background: #242424; }
  body.darkTheme .aside__header {
    border-color: #000;
    background: #000; }
    body.darkTheme .aside__header_logo {
      background: #fff; }
      body.darkTheme .aside__header_logo svg {
        fill: #242424; }
    body.darkTheme .aside__header_burger svg {
      fill: #fff; }
    body.darkTheme .aside__header_burger:not(.openned) svg {
      stroke: #fff; }
    body.darkTheme .aside__header_hideShow svg:hover {
      fill: #fff; }
    body.darkTheme .aside__header_search svg {
      fill: transparent;
      stroke: #fff; }
    body.darkTheme .aside__header_search form input {
      border-color: rgba(255, 255, 255, 0.5); }
  @media screen and (max-width: 1024px) {
    body.darkTheme .aside__menu {
      background: #242424;
      border-color: #000; } }
  @media screen and (max-width: 1024px) {
    body.darkTheme .aside__menu::before {
      background: #151515; } }
  body.darkTheme .aside__menu_mobile-nav {
    border-color: #000; }
    body.darkTheme .aside__menu_mobile-nav li a {
      color: #fff; }
  body.darkTheme .aside__menu_mobile-logOut {
    border-color: #000; }
    body.darkTheme .aside__menu_mobile-logOut svg {
      fill: transparent;
      stroke: #fff; }
    body.darkTheme .aside__menu_mobile-logOut span {
      color: #fff; }
  body.darkTheme .aside__menu_mobile-changeLang {
    border-color: #000; }
    body.darkTheme .aside__menu_mobile-changeLang--change {
      background: #000; }
  body.darkTheme .aside__menu_name {
    color: #BDC1CE; }
    body.darkTheme .aside__menu_name .icon {
      fill: transparent;
      stroke: #BDC1CE; }
    body.darkTheme .aside__menu_name span {
      color: #BDC1CE; }
    body.darkTheme .aside__menu_name .chevron {
      fill: #BDC1CE; }
    body.darkTheme .aside__menu_name:hover {
      background: #000; }
      body.darkTheme .aside__menu_name:hover::before {
        background: #fff; }
  body.darkTheme .aside__menu_hidden ul {
    background: #000; }
    body.darkTheme .aside__menu_hidden ul li a {
      color: #BDC1CE; }
      body.darkTheme .aside__menu_hidden ul li a:hover {
        background: #000;
        color: #fff !important; }
  body.darkTheme .aside__menu_item.openned {
    background: #000; }
    body.darkTheme .aside__menu_item.openned .aside__menu_name .chevron {
      transform: rotate(180deg);
      fill: #BDC1CE; }
    body.darkTheme .aside__menu_item.openned .aside__menu_name::before {
      background: #fff; }
  body.darkTheme .aside__menu_item.active {
    background: #000; }
    body.darkTheme .aside__menu_item.active .aside__menu_name .icon {
      fill: transparent;
      stroke: #fff; }
    body.darkTheme .aside__menu_item.active .aside__menu_name span {
      color: #fff; }
    body.darkTheme .aside__menu_item.active .aside__menu_name::before {
      background: #fff; }
    body.darkTheme .aside__menu_item.active .aside__menu_hidden a.active {
      color: #fff; }
  body.darkTheme .aside__footer {
    border-color: #000; }
    body.darkTheme .aside__footer_changeLang {
      background: #000; }
    body.darkTheme .aside__footer_block svg {
      fill: transparent;
      stroke: #BDC1CE; }
    body.darkTheme .aside__footer_block.active {
      background: #242424; }
  body.darkTheme .aside.hidden .aside__menu .aside__menu_item .aside__menu_name span {
    background: #000 !important; }
body.darkTheme main {
  background: #000; }
body.darkTheme .content__notifies_title svg {
  fill: #fff !important; }
body.darkTheme .content__card {
  background: #242424; }
  body.darkTheme .content__card_title {
    color: #fff; }
  body.darkTheme .content__card_topSlider-row p {
    color: #fff; }
    body.darkTheme .content__card_topSlider-row p::after {
      background: linear-gradient(90deg, rgba(36, 36, 36, 0) 0%, #242424 75%); }
  body.darkTheme .content__card_fastLinks .content__card_title button svg {
    fill: #1053FF; }
    body.darkTheme .content__card_fastLinks .content__card_title button svg:hover {
      fill: #fff !important; }
  body.darkTheme .content__card_calendar #calTitle {
    border-color: transparent; }
    body.darkTheme .content__card_calendar #calTitle #monthYear {
      color: #fff; }
    body.darkTheme .content__card_calendar #calTitle button svg {
      fill: #fff; }
  body.darkTheme .content__card_calendar #calTbody .a-date span {
    color: #fff; }
  body.darkTheme .content__card_calendar #calTbody .a-date.event span {
    background: #1053FF;
    color: #fff; }
  body.darkTheme .content__card_calendar #calTbody .a-date.focused span {
    color: #fff; }
  body.darkTheme .content__card_links a span {
    color: #fff; }
  body.darkTheme .content__card_quiz {
    background: linear-gradient(117.43deg, #1053FF 5.24%, #FD4777 104.98%); }
  body.darkTheme .content__card_asanaTasks li a {
    color: #0e1a2f;
    background: #ECF8E8; }
  body.darkTheme .content__card_asanaTasks li.deadline a {
    background: #FDEDEB; }
  body.darkTheme .content__card_note {
    background: #FFF3AB; }
    body.darkTheme .content__card_note h3 {
      color: #0e1a2f; }
  body.darkTheme .content__card_remindItem-title .name {
    color: #BDC1CE; }
  body.darkTheme .content__card_remindItem-title .num {
    color: #fff; }
  body.darkTheme .content__card_subs > span {
    color: #818592; }
  body.darkTheme .content__card_subs > a .name {
    color: #fff; }
body.darkTheme .nav__menu_item a {
  color: #fff; }
  body.darkTheme .nav__menu_item a svg {
    fill: #fff; }
    body.darkTheme .nav__menu_item a svg:hover {
      fill: #1053FF; }
body.darkTheme .nav__menu_item-slider svg {
  fill: #fff; }
body.darkTheme .nav__menu_item-inner a:hover {
  background: #242424; }
body.darkTheme .nav__menu_item-modal > span {
  color: #fff; }
body.darkTheme .nav__menu_item-modal > svg {
  fill: #fff; }
body.darkTheme .nav__menu_item-modal > ul {
  background: #242424; }
  body.darkTheme .nav__menu_item-modal > ul li + li {
    border-color: rgba(255, 255, 255, 0.1); }
body.darkTheme .nav__user_item {
  background: #242424; }
  body.darkTheme .nav__user_item svg {
    fill: transparent;
    stroke: #fff; }
    body.darkTheme .nav__user_item svg:hover {
      stroke: #1053FF; }
body.darkTheme .nav__search svg {
  fill: transparent;
  stroke: #fff; }
body.darkTheme .nav__search form input {
  border-color: rgba(255, 255, 255, 0.2);
  background: #242424;
  color: #fff; }
body.darkTheme .nav__account_popUp {
  box-shadow: 0px 5px 8px rgba(235, 235, 235, 0.1);
  background: #242424; }
body.darkTheme .nav__account_name {
  color: #fff; }
body.darkTheme .nav__account_post {
  color: #fff; }
body.darkTheme .nav__account_balance {
  border-color: #000;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  body.darkTheme .nav__account_balance span {
    color: #fff; }
  body.darkTheme .nav__account_balance .counter {
    background: #1053FF; }
    body.darkTheme .nav__account_balance .counter span {
      color: #fff; }
    body.darkTheme .nav__account_balance .counter svg {
      fill: #fff; }
body.darkTheme .nav__account_link span {
  color: #fff; }
body.darkTheme .nav__account_link svg {
  fill: transparent;
  stroke: #fff; }
body.darkTheme .nav__account_link:hover span {
  opacity: 0.5;
  color: #fff; }
body.darkTheme .nav__account_link:hover svg {
  opacity: 0.5;
  stroke: #fff; }
body.darkTheme .footer__link {
  color: #fff;
  opacity: 0.5; }
  body.darkTheme .footer__link:hover {
    opacity: 1; }

.darkTheme .content__card_newsList li + li {
  border-color: rgba(129, 133, 146, 0.2); }

.darkTheme .content__card_newsList li a .time {
  color: #818592; }

.darkTheme .content__card_newsList li a .name {
  color: #fff !important; }

.darkTheme .content__card_newsList li.new a .name {
  color: #1053FF !important; }

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 8px 20px;
  background: #1053FF;
  text-align: center;
  word-wrap: normal;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  cursor: pointer !important;
  border: 2px solid #1053FF; }
  .btn:hover {
    background: #0945DD; }
  .btn:active {
    background: #2F69FE;
    transition: unset; }
  .btn.btn__disabled {
    background: #DEE1EA;
    pointer-events: none;
    border: 2px solid transparent; }
  .btn.btn__border {
    background: transparent;
    color: #0e1a2f; }
    .btn.btn__border:hover {
      background: #1053FF;
      color: #fff; }
    .btn.btn__border:active {
      background: #2F69FE;
      transition: unset;
      border: 2px solid #2F69FE; }
    .btn.btn__border.btn__disabled {
      pointer-events: none;
      background: transparent;
      color: #DEE1EA;
      border: 2px solid #DEE1EA; }

.darkTheme .btn.btn__border {
  color: #fff; }

.aside {
  display: flex;
  flex-direction: column;
  min-width: 244px;
  transition: all 0.3s ease; }
  .aside .nav__menu_item-slider {
    flex-direction: row-reverse;
    margin-right: 40px;
    display: none; }
    @media screen and (max-width: 1024px) {
      .aside .nav__menu_item-slider {
        display: flex; } }
    .aside .nav__menu_item-slider .nav__menu_item-inner a {
      width: 28px;
      height: 28px; }
      .aside .nav__menu_item-slider .nav__menu_item-inner a svg {
        width: 12px;
        height: 12px;
        min-width: 12px; }
  .aside__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px 9px 14px;
    width: 100%;
    border-bottom: 2px solid;
    transition: all 0.3s ease; }
    @media screen and (max-width: 1024px) {
      .aside__header {
        height: 60px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 30; } }
    .aside__header_account {
      position: relative;
      cursor: default;
      display: none; }
      @media screen and (max-width: 1024px) {
        .aside__header_account {
          display: block; } }
      .aside__header_account img {
        width: 40px;
        height: 40px;
        object-fit: cover;
        object-position: center;
        cursor: pointer; }
      .aside__header_account_popUp {
        display: flex;
        flex-direction: column;
        padding-top: 10px;
        position: absolute;
        top: calc(100% + 5px);
        right: 0;
        width: 228px;
        border-radius: 5px;
        transition: all 0.3s ease;
        transform: translateY(32px);
        opacity: 0;
        pointer-events: none;
        z-index: 12;
        background: #fff;
        box-shadow: 0px 5px 8px rgba(10, 30, 63, 0.1); }
        .aside__header_account_popUp::before {
          content: "";
          width: calc(100% + 40px);
          height: calc(100% + 60px);
          top: -40px;
          right: -20px;
          position: absolute;
          cursor: pointer;
          z-index: -1; }
        .aside__header_account_popUp > * {
          padding-left: 20px;
          padding-right: 20px; }
      .aside__header_account_name {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 5px;
        color: #0e1a2f; }
      .aside__header_account_post {
        font-size: 12px;
        line-height: 132%;
        opacity: 0.5;
        margin-bottom: 10px; }
      .aside__header_account_balance {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        border-bottom: 2px solid #F5F5F5;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .aside__header_account_balance span {
          font-size: 14px;
          line-height: 17px; }
        .aside__header_account_balance .counter {
          display: flex;
          align-items: center;
          padding: 3px 10px;
          border-radius: 20px;
          background: #1053FF;
          color: #fff; }
          .aside__header_account_balance .counter svg {
            min-width: 20px;
            height: 20px;
            width: 20px;
            fill: #fff; }
      .aside__header_account_link {
        display: flex;
        align-items: center;
        padding-top: 11.5px;
        padding-bottom: 11.5px; }
        .aside__header_account_link svg {
          width: 20px;
          height: 20px;
          min-width: 20px;
          margin-right: 10px;
          transition: all 0.3s ease;
          fill: transparent;
          stroke: #0e1a2f; }
        .aside__header_account_link span {
          font-size: 14px;
          line-height: 17px;
          transition: all 0.3s ease;
          color: #0e1a2f; }
        .aside__header_account_link:hover svg {
          stroke: #1053FF; }
        .aside__header_account_link:hover span {
          color: #1053FF; }
      .aside__header_account:hover .aside__header_account_popUp {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0px); }
    .aside__header_logo {
      width: 40px;
      min-width: 40px;
      aspect-ratio: 1/1;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease; }
      .aside__header_logo svg {
        width: 21.47px;
        height: 22.8px;
        min-width: 21.47px;
        transition: all 0.3s ease; }
    .aside__header_burger {
      display: none;
      align-items: center;
      margin-left: 20px;
      margin-right: auto;
      cursor: pointer; }
      @media screen and (max-width: 1024px) {
        .aside__header_burger {
          display: flex; } }
      .aside__header_burger svg {
        width: 25px;
        height: 20px;
        min-width: 25px; }
      .aside__header_burger:not(.openned) svg {
        stroke: #0e1a2f; }
    .aside__header_hideShow {
      cursor: pointer; }
      @media screen and (max-width: 1024px) {
        .aside__header_hideShow {
          display: none; } }
      .aside__header_hideShow svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
        transition: all 0.3s ease; }
    .aside__header_search {
      display: none;
      align-items: center;
      margin-left: 16px; }
      @media screen and (max-width: 1024px) {
        .aside__header_search {
          display: flex; } }
      .aside__header_search svg {
        width: 20px;
        height: 20px;
        aspect-ratio: 1/1;
        min-width: 20px; }
      .aside__header_search form {
        max-width: 0px;
        padding-left: 8px;
        width: 100%;
        opacity: 0;
        pointer-events: none; }
        .aside__header_search form input {
          width: 100%;
          border: 1px solid;
          border-radius: 12px; }
      .aside__header_search.openned {
        padding-left: 15px;
        padding-top: 18px; }
        .aside__header_search.openned form {
          max-width: 160px;
          opacity: 1;
          pointer-events: auto; }
  .aside__menu {
    display: flex;
    flex-direction: column;
    overflow: auto; }
    @media screen and (max-width: 1024px) {
      .aside__menu {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 20;
        padding-top: unset;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s ease;
        overflow: auto; } }
    @media screen and (max-width: 1024px) {
      .aside__menu::before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: -200px;
        left: 0;
        z-index: -1;
        background: #fff; } }
    .aside__menu.mobileOpenned {
      opacity: 1;
      pointer-events: auto; }
    .aside__menu_mobile-nav {
      padding: 20px;
      border-top: 1px solid;
      border-bottom: 1px solid;
      display: none;
      transition: all 0.3s ease; }
      @media screen and (max-width: 1024px) {
        .aside__menu_mobile-nav {
          display: block; } }
      .aside__menu_mobile-nav li a {
        font-size: 16px;
        line-height: 19px; }
      .aside__menu_mobile-nav li + li {
        margin-top: 15px; }
    .aside__menu_mobile-logOut {
      display: flex;
      align-items: center;
      padding: 20px;
      padding-bottom: 40px;
      border-bottom: 1px solid;
      margin-bottom: 20px;
      display: none; }
      @media screen and (max-width: 1024px) {
        .aside__menu_mobile-logOut {
          display: flex; } }
      .aside__menu_mobile-logOut svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
        margin-right: 13px; }
      .aside__menu_mobile-logOut span {
        font-size: 14px;
        line-height: 17px; }
    .aside__menu_mobile-changeLang {
      padding: 20px;
      border-top: 2px solid;
      margin-top: auto;
      display: none; }
      @media screen and (max-width: 1024px) {
        .aside__menu_mobile-changeLang {
          display: flex; } }
      .aside__menu_mobile-changeLang--change {
        display: flex;
        align-items: center;
        width: fit-content;
        border-radius: 32px;
        padding: 3px;
        transition: all 0.3s ease; }
      .aside__menu_mobile-changeLang .aside__footer_block {
        padding: 3px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 32px;
        transition: all 0.3s ease;
        cursor: pointer; }
        .aside__menu_mobile-changeLang .aside__footer_block svg {
          width: 20px;
          height: 20px;
          min-width: 20px;
          transition: all 0.3s ease; }
    .aside__menu_item {
      cursor: pointer;
      transition: all 0.3s ease; }
      .aside__menu_item.active span {
        font-weight: 500; }
      .aside__menu_item.active .aside__menu_hidden {
        display: block; }
    .aside__menu_name {
      display: flex;
      align-items: center;
      cursor: pointer;
      position: relative;
      padding: 12px 18px;
      transition: all 0.3s ease; }
      @media screen and (max-width: 1024px) {
        .aside__menu_name {
          padding: 12.5px 16px; } }
      .aside__menu_name .icon {
        max-width: 24px;
        min-width: 24px;
        height: 24px;
        transition: all 0.3s ease;
        margin-right: 12px; }
      .aside__menu_name span {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        width: 100%;
        transition: all 0.3s ease; }
      .aside__menu_name .chevron {
        width: 20px;
        height: 20px;
        min-width: 20px;
        margin-left: auto;
        transition: all 0.3s ease; }
      .aside__menu_name::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 4px;
        border-radius: 4px;
        transition: all 0.3s ease; }
    .aside__menu_hidden {
      display: none; }
      .aside__menu_hidden ul {
        padding-left: 22px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        transition: all 0.3s ease; }
        .aside__menu_hidden ul li a {
          padding-top: 9px;
          padding-bottom: 9px;
          padding-left: 26px;
          padding-right: 16px;
          display: flex;
          transition: all 0.3s ease;
          font-weight: 200;
          font-size: 14px;
          line-height: 14px;
          border-radius: 5px; }
          .aside__menu_hidden ul li a .uix_calendar_menu_count {
            order: 1; }
          .aside__menu_hidden ul li a.active {
            font-weight: 500; }
  .aside__footer {
    padding: 10px 17px;
    border-top: 2px solid;
    margin-top: auto;
    transition: all 0.3s ease; }
    @media screen and (max-width: 1024px) {
      .aside__footer {
        display: none; } }
    .aside__footer_changeLang {
      display: flex;
      align-items: center;
      width: fit-content;
      border-radius: 32px;
      padding: 3px;
      transition: all 0.3s ease; }
    .aside__footer_block {
      padding: 3px 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 32px;
      transition: all 0.3s ease;
      cursor: pointer; }
      .aside__footer_block svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
        transition: all 0.3s ease; }
  .aside.hiddenAside {
    min-width: 72px; }
    .aside.hiddenAside + main {
      width: calc(100% - 72px); }
      @media screen and (max-width: 1024px) {
        .aside.hiddenAside + main {
          width: 100%; } }
    .aside.hiddenAside .aside__header {
      flex-direction: column-reverse;
      padding-top: 20px;
      padding-bottom: 12px; }
      .aside.hiddenAside .aside__header .aside__header_hideShow {
        margin-bottom: 14px;
        transform: rotate(180deg); }
    .aside.hiddenAside .aside__menu {
      overflow: unset !important; }
      .aside.hiddenAside .aside__menu .aside__menu_item {
        position: relative; }
        .aside.hiddenAside .aside__menu .aside__menu_item .aside__menu_name {
          position: relative;
          justify-content: center;
          padding-left: 10px; }
          .aside.hiddenAside .aside__menu .aside__menu_item .aside__menu_name span {
            position: absolute;
            left: 72px;
            height: 100%;
            display: flex;
            align-items: center;
            opacity: 0;
            width: max-content;
            pointer-events: none;
            width: 180px;
            padding-left: 10px;
            z-index: 3;
            border-radius: 0 5px 0 0;
            background: #f5f5f5; }
          .aside.hiddenAside .aside__menu .aside__menu_item .aside__menu_name .chevron {
            display: none; }
          .aside.hiddenAside .aside__menu .aside__menu_item .aside__menu_name .icon {
            margin-right: 0; }
        .aside.hiddenAside .aside__menu .aside__menu_item .aside__menu_hidden {
          display: block !important;
          position: absolute;
          top: 42px;
          left: 72px;
          background: #f5f5f5;
          opacity: 0;
          pointer-events: none;
          width: 180px;
          border-radius: 0 5px 5px 0;
          filter: drop-shadow(0px 5px 8px rgba(10, 30, 63, 0.1));
          overflow: hidden;
          z-index: 2; }
          .aside.hiddenAside .aside__menu .aside__menu_item .aside__menu_hidden ul {
            padding-left: 10px; }
            .aside.hiddenAside .aside__menu .aside__menu_item .aside__menu_hidden ul li a {
              padding: 9px 10px; }
        .aside.hiddenAside .aside__menu .aside__menu_item:hover .aside__menu_name span {
          opacity: 1;
          pointer-events: auto; }
        .aside.hiddenAside .aside__menu .aside__menu_item:hover .aside__menu_hidden {
          opacity: 1;
          pointer-events: auto; }
    .aside.hiddenAside .aside__footer .aside__footer_changeLang {
      display: flex;
      flex-direction: column; }
      .aside.hiddenAside .aside__footer .aside__footer_changeLang .aside__footer_block {
        padding: 10px 3px; }

main {
  width: calc(100% - 244px);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  min-height: 100vh;
  position: relative; }
  @media screen and (max-width: 1024px) {
    main {
      width: 100%; } }
  main > .ui__table {
    margin-left: 30px;
    margin-right: 24px;
    position: sticky;
    top: 50px;
    z-index: 21;
    width: calc(100% - 54px);
    overflow-y: unset !important;
    overflow: visible !important;
    height: 0 !important;
    /* display: none */
    opacity: 0;
    transition: all 0.3s ease;
    background: #F5F5F5 !important; }
    @media screen and (max-width: 768px) {
      main > .ui__table {
        margin-left: 12px;
        margin-right: 12px;
        width: calc(100% - 24px); } }
    main > .ui__table td {
      background: #F5F5F5 !important;
      max-width: unset !important;
      border-width: 0.5px !important; }
    main > .ui__table.active {
      /* display: block */
      opacity: 1; }
  @media screen and (max-width: 1024px) {
    main > .bodyWrapper .ui__enterProfile {
      margin-top: 80px; } }
  @media screen and (max-width: 1024px) {
    main > .bodyWrapper + header {
      padding-top: 0; } }
  main > .bodyWrapper + header + .content > .content__wrapper .content__card:first-child {
    margin-top: 0 !important; }

.darkTheme main > .ui__table {
  background: #000 !important; }
  .darkTheme main > .ui__table td {
    background: #000 !important; }

.nav {
  min-height: 65px;
  max-height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
  position: sticky;
  top: 0;
  background: #F5F5F5;
  z-index: 25; }
  @media screen and (max-width: 1024px) {
    .nav {
      display: none; } }
  .nav::before, .nav::after {
    content: unset !important; }
  .nav__menu {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 1140px) {
      .nav__menu .navBreakCalendar {
        display: none; } }
    .nav__menu .navBreakCalendar-inner {
      display: none; }
      @media screen and (max-width: 1140px) {
        .nav__menu .navBreakCalendar-inner {
          display: flex; } }
    @media screen and (max-width: 1240px) {
      .nav__menu .navBreakStaff {
        display: none; } }
    .nav__menu .navBreakStaff-inner {
      display: none; }
      @media screen and (max-width: 1240px) {
        .nav__menu .navBreakStaff-inner {
          display: flex; } }
    @media screen and (max-width: 1340px) {
      .nav__menu .navBreakNachisl {
        display: none; } }
    .nav__menu .navBreakNachisl-inner {
      display: none; }
      @media screen and (max-width: 1340px) {
        .nav__menu .navBreakNachisl-inner {
          display: flex; } }
    @media screen and (max-width: 1440px) {
      .nav__menu .navBreakSettings {
        display: none; } }
    .nav__menu .navBreakSettings-inner {
      display: none; }
      @media screen and (max-width: 1440px) {
        .nav__menu .navBreakSettings-inner {
          display: flex; } }
    .nav__menu_item {
      display: flex;
      align-items: center; }
      .nav__menu_item a, .nav__menu_item span {
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        display: flex;
        transition: all 0.3s ease;
        cursor: pointer; }
        .nav__menu_item a svg, .nav__menu_item span svg {
          width: 18px;
          height: 18px;
          min-width: 18px;
          transition: all 0.3s ease; }
        .nav__menu_item a:hover, .nav__menu_item span:hover {
          text-decoration: underline; }
        .nav__menu_item a + a, .nav__menu_item span + a {
          margin-left: 5px; }
      .nav__menu_item + .nav__menu_item {
        margin-left: 20px; }
      .nav__menu_item-slider {
        min-width: 40px;
        height: 40px; }
        .nav__menu_item-slider svg {
          width: 21px;
          height: 20px;
          min-width: 21px; }
        @media screen and (min-width: 1025px) {
          .nav__menu_item-slider:hover .nav__menu_item-inner {
            pointer-events: auto;
            transform: translateX(0px);
            opacity: 1; } }
        @media screen and (max-width: 1024px) {
          .nav__menu_item-slider.openned .nav__menu_item-inner {
            pointer-events: auto;
            transform: translateX(0px);
            opacity: 1; } }
      .nav__menu_item-modal {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        @media screen and (min-width: 1441px) {
          .nav__menu_item-modal {
            display: none !important; } }
        .nav__menu_item-modal > svg {
          aspect-ratio: 1/1;
          width: 20px;
          margin-left: 4px;
          fill: #0e1a2f; }
        .nav__menu_item-modal > ul {
          position: absolute;
          top: 100%;
          left: 0;
          min-width: 228px;
          width: fit-content;
          background: #fff;
          border-radius: 6px;
          overflow: hidden;
          filter: drop-shadow(0px 5px 8px rgba(10, 30, 63, 0.1));
          z-index: 5;
          will-change: transform;
          transition: all 0.3s ease;
          opacity: 0;
          pointer-events: none;
          transform: translateY(30px); }
          .nav__menu_item-modal > ul li a, .nav__menu_item-modal > ul li div {
            padding: 8.5px 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%; }
          .nav__menu_item-modal > ul li div a {
            padding: 0;
            width: fit-content; }
          .nav__menu_item-modal > ul li + li {
            border-top: 1px solid #F5F5F5; }
        .nav__menu_item-modal:hover > ul {
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0px); }
      .nav__menu_item-inner {
        display: flex;
        align-items: center;
        margin-left: 20px;
        padding-right: 8px;
        transition: all 0.3s ease;
        pointer-events: none;
        transform: translateX(-10px);
        opacity: 0; }
        .nav__menu_item-inner a {
          width: 40px;
          height: 40px;
          border-radius: 40px;
          transition: all 0.3s ease;
          display: flex;
          align-items: center;
          justify-content: center; }
          .nav__menu_item-inner a svg {
            width: 14px;
            height: 14px;
            min-width: 14px;
            fill: #818592 !important; }
          .nav__menu_item-inner a:hover {
            background: #fff; }
    .nav__menu_near {
      display: flex;
      align-items: center; }
  .nav__user {
    display: flex;
    align-items: center; }
    .nav__user_item {
      width: 38px;
      height: 38px;
      border-radius: 38px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      transition: all 0.3s ease; }
      .nav__user_item + .nav__user_item {
        margin-left: 10px; }
      .nav__user_item svg {
        width: 24px;
        min-width: 24px;
        aspect-ratio: 1/1;
        transition: all 0.3s ease; }
  .nav__search {
    transition: all 0.3s ease; }
  .nav__notify {
    position: relative; }
    .nav__notify.haveNew::before {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #E84632;
      position: absolute;
      top: 8.5px;
      right: 9px;
      pointer-events: none; }
    .nav__notify::after {
      content: "";
      display: block;
      width: 100%;
      height: 200%;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
      z-index: -1; }
    .nav__notify_list {
      position: absolute;
      top: calc(100% + 4px);
      right: 0;
      border-radius: 5px;
      filter: drop-shadow(0px 5px 8px rgba(10, 30, 63, 0.1));
      z-index: 20;
      background: #fff;
      max-width: 460px;
      width: 460px;
      padding: 5px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      transition: all 0.3s ease;
      opacity: 0;
      pointer-events: none;
      transform: translateY(30px);
      max-height: 300px;
      overflow: auto;
      overflow-x: hidden; }
      .nav__notify_list::before {
        content: "";
        width: calc(100% + 40px);
        height: calc(100% + 30px);
        top: -10px;
        right: -20px;
        position: absolute;
        cursor: pointer;
        z-index: -1; }
    .nav__notify_item {
      padding: 20px 40px;
      display: flex;
      align-items: flex-start;
      border-radius: 5px;
      width: 100%; }
      .nav__notify_item > img {
        width: 40px;
        min-width: 40px;
        margin-right: 14px; }
      .nav__notify_item .nav__notify_text > * {
        margin-bottom: 6px; }
      .nav__notify_item + .nav__notify_item {
        border-top: 1px solid #F5F5F5; }
      .nav__notify_item.new {
        background: #1053FF; }
        .nav__notify_item.new .nav__notify_text > * {
          color: #fff;
          margin-bottom: 6px; }
        .nav__notify_item.new .nav__notify_text button {
          background: transparent;
          border: 1px solid #fff; }
        .nav__notify_item.new .nav__notify_text span {
          margin-bottom: #BDC1CE; }
        .nav__notify_item.new + .new {
          margin-top: 12px;
          border-top: 0; }
    .nav__notify_all {
      width: calc(100% - 80px);
      height: 28px;
      min-height: 28px;
      font-size: 14px;
      color: #1053FF;
      background: #F5F5F5;
      transition: all 0.3s ease;
      border-radius: 5px;
      margin-left: 40px;
      margin-right: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      margin-top: 12px; }
      .nav__notify_all:hover {
        background: #1053FF;
        color: #fff; }
    .nav__notify_wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 17px;
      margin-bottom: 26px;
      width: 100%; }
      .nav__notify_wrapper::before, .nav__notify_wrapper::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #F5F5F5; }
    .nav__notify:hover::after {
      pointer-events: auto; }
    .nav__notify:hover .nav__notify_list {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0); }
  .nav__account {
    position: relative;
    cursor: default; }
    .nav__account img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      cursor: pointer; }
    .nav__account_popUp {
      display: flex;
      flex-direction: column;
      padding-top: 10px;
      position: absolute;
      top: calc(100% + 5px);
      right: 0;
      width: 228px;
      border-radius: 5px;
      transition: all 0.3s ease;
      transform: translateY(32px);
      opacity: 0;
      pointer-events: none;
      z-index: 12; }
      .nav__account_popUp::before {
        content: "";
        width: calc(100% + 40px);
        height: calc(100% + 30px);
        top: -10px;
        right: -20px;
        position: absolute;
        cursor: pointer;
        z-index: -1; }
      .nav__account_popUp > * {
        padding-left: 20px;
        padding-right: 20px; }
    .nav__account_name {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      margin-bottom: 5px; }
    .nav__account_post {
      font-size: 12px;
      line-height: 132%;
      opacity: 0.5;
      margin-bottom: 10px; }
    .nav__account_balance {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      border-bottom: 2px solid; }
      .nav__account_balance span {
        font-size: 14px;
        line-height: 17px; }
      .nav__account_balance .counter {
        display: flex;
        align-items: center;
        padding: 3px 10px;
        border-radius: 20px; }
    .nav__account_link {
      display: flex;
      align-items: center;
      padding-top: 11.5px;
      padding-bottom: 11.5px; }
      .nav__account_link svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        margin-right: 10px;
        transition: all 0.3s ease; }
      .nav__account_link span {
        font-size: 14px;
        line-height: 17px;
        transition: all 0.3s ease; }
    .nav__account:hover .nav__account_popUp {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0px); }

.darkTheme .nav {
  background: #000 !important; }
  .darkTheme .nav__notify_list {
    background: #292929; }
  .darkTheme .nav__notify_all {
    background: #3b3b3b; }
    .darkTheme .nav__notify_all:hover {
      background: #1053FF;
      color: #fff; }
  .darkTheme .nav__notify h4 {
    color: #fff !important; }

.footer {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 17px;
  padding-bottom: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto; }
  .footer__link {
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s ease; }

.login {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding: 52px 20px;
  padding-top: 92px;
  position: relative;
  overflow: auto; }
  @media screen and (max-width: 1650px) {
    .login {
      justify-content: flex-start; } }
  @media screen and (max-width: 560px) {
    .login {
      padding: 52px 0;
      padding-top: 72px; } }
  .login__footer {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    position: relative;
    justify-self: flex-end;
    margin: 0 auto;
    margin-top: 20px;
    padding: 2.5px 10px; }
  .login__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 460px;
    width: 100%;
    border-radius: 5px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    transition: all 0.3s ease;
    opacity: 0;
    pointer-events: none; }
    @media screen and (max-width: 1650px) {
      .login__wrapper {
        transform: translateX(-50%);
        top: 92px; } }
    @media screen and (max-width: 560px) {
      .login__wrapper {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 16px;
        top: 72px;
        width: calc(100% - 24px); } }
    .login__wrapper.register {
      position: relative;
      top: unset;
      left: unset;
      transform: unset; }
    .login__wrapper.active {
      opacity: 1;
      pointer-events: auto; }
  .login__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    margin-top: -40px;
    margin-bottom: 20px; }
    .login__logo svg {
      width: 42.94px;
      height: 45.59px;
      min-width: 42.94px; }
  .login__title {
    font-size: 32px;
    line-height: 38px;
    text-align: center; }
    @media screen and (max-width: 560px) {
      .login__title {
        font-size: 24px; } }
  .login .alert.alert-success {
    text-align: center;
    color: #E84632;
    margin-top: 16px; }
  .login__posttitle {
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    width: 100%;
    margin-top: 10px; }
  .login__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 48px; }
    @media screen and (max-width: 560px) {
      .login__form {
        margin-top: 20px; } }
    .login__form > * + * {
      margin-top: 20px; }
      @media screen and (max-width: 560px) {
        .login__form > * + * {
          margin-top: 12px; } }
    .login__form label, .login__form > .label {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      position: relative; }
      .login__form label span, .login__form > .label span {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 4px; }
        @media screen and (max-width: 560px) {
          .login__form label span, .login__form > .label span {
            margin-bottom: 8px;
            font-size: 14px; } }
      .login__form label input[type="text"],
      .login__form label input[type="password"],
      .login__form label input[type="email"], .login__form > .label input[type="text"],
      .login__form > .label input[type="password"],
      .login__form > .label input[type="email"] {
        border-radius: 5px;
        width: 100%;
        padding: 11.5px 15px; }
        @media screen and (max-width: 560px) {
          .login__form label input[type="text"],
          .login__form label input[type="password"],
          .login__form label input[type="email"], .login__form > .label input[type="text"],
          .login__form > .label input[type="password"],
          .login__form > .label input[type="email"] {
            padding: 8px 12px; } }
      .login__form label input[type="password"]::-ms-reveal,
      .login__form label input[type="password"]::-ms-clear, .login__form > .label input[type="password"]::-ms-reveal,
      .login__form > .label input[type="password"]::-ms-clear {
        display: none; }
      .login__form label input[type="password"], .login__form > .label input[type="password"] {
        width: calc(100% - 44px);
        background: transparent !important; }
      .login__form label + label, .login__form > .label + label {
        margin-top: 20px; }
        @media screen and (max-width: 560px) {
          .login__form label + label, .login__form > .label + label {
            margin-top: 12px; } }
    .login__form .ui__checkbox {
      flex-direction: row; }
    .login__form_showPass {
      position: absolute;
      right: 12px;
      top: 34px;
      cursor: pointer;
      z-index: 3; }
      @media screen and (max-width: 560px) {
        .login__form_showPass {
          top: 35px; } }
      .login__form_showPass svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
        transition: all 0.3s ease; }
    .login__form_row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 20px;
      width: 100%; }
      @media screen and (max-width: 560px) {
        .login__form_row {
          margin-top: 12px; } }
      .login__form_row label + label {
        margin-top: 0 !important;
        margin-left: 20px; }
        @media screen and (max-width: 560px) {
          .login__form_row label + label {
            margin-left: 12px; } }
    .login__form_remember {
      display: flex;
      align-items: center;
      flex-direction: row !important;
      cursor: pointer;
      width: auto !important; }
      .login__form_remember div {
        border-radius: 2px;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid;
        overflow: hidden;
        transition: all 0.3s ease; }
        .login__form_remember div svg {
          width: 14.55px;
          height: 14.55px;
          min-width: 14.55px;
          opacity: 0;
          transition: all 0.3s ease; }
      .login__form_remember span {
        font-size: 14px !important;
        line-height: 17px;
        margin-left: 10px;
        margin-bottom: 0 !important;
        margin-right: 0 !important;
        white-space: nowrap; }
      .login__form_remember input[type="checkbox"] {
        display: none; }
        .login__form_remember input[type="checkbox"]:checked + div svg {
          opacity: 1; }
    .login__form_loose {
      width: auto !important; }
      .login__form_loose a {
        font-size: 14px;
        line-height: 17px;
        display: block;
        white-space: nowrap;
        transition: all 0.3s ease; }
    .login__form_button {
      height: 44px;
      width: 100%;
      text-align: center;
      margin-top: 20px;
      font-size: 16px; }
      @media screen and (max-width: 560px) {
        .login__form_button {
          margin-top: 12px; } }
    .login__form_or {
      margin-top: 20px;
      margin-bottom: 20px;
      font-size: 14px;
      line-height: 17px; }
      @media screen and (max-width: 560px) {
        .login__form_or {
          margin-top: 12px;
          margin-bottom: 12px; } }
    .login__form_google {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 44px;
      border: 1px solid;
      border-radius: 5px;
      transition: all 0.3s ease;
      margin-top: 0 !important; }
      .login__form_google svg {
        width: 29px;
        height: 28px;
        min-width: 29px;
        margin-right: 20px;
        transition: all 0.3s ease; }
      .login__form_google span {
        white-space: nowrap;
        font-size: 14px;
        line-height: 17px; }
      .login__form_google:hover svg {
        margin-right: 12px; }
    .login__form_create {
      font-size: 14px;
      line-height: 17px;
      margin-top: 50px; }
      @media screen and (max-width: 560px) {
        .login__form_create {
          margin-top: 20px;
          font-size: 12px; } }
      .login__form_create a {
        font-size: inherit;
        line-height: inherit;
        transition: all 0.3s ease; }

.content {
  max-height: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  display: flex;
  align-items: flex-start;
  border-radius: 5px; }
  @media screen and (max-width: 1024px) {
    .content {
      overflow: unset !important; } }
  .content__wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding-left: 35px;
    padding-right: 35px;
    width: 100%;
    height: fit-content; }
    @media screen and (max-width: 768px) {
      .content__wrapper {
        padding-left: 12px;
        padding-right: 12px; } }
    .content__wrapper.editCards > * {
      transition: all 0.3s ease;
      transform: scale(0.8);
      transform-origin: center;
      pointer-events: none; }
      .content__wrapper.editCards > * .content__card_editIcon {
        pointer-events: auto;
        opacity: 1; }
    .content__wrapper#sortable1 {
      padding-left: 19px;
      padding-right: 19px; }
  .content__innerWrapper {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .content__innerWrapper {
        padding-left: 12px;
        padding-right: 12px; } }
    .content__innerWrapper > * + * {
      margin-top: 20px; }
  .content .sortable-ghost, .content .sortable-chosen {
    border: 2px dashed rgba(16, 83, 255, 0.7);
    width: calc(20% - 20px);
    transition: all 0.3s ease;
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 5px; }
    @media screen and (max-width: 2000px) {
      .content .sortable-ghost, .content .sortable-chosen {
        width: calc(25% - 20px); } }
    @media screen and (max-width: 1600px) {
      .content .sortable-ghost, .content .sortable-chosen {
        width: calc(33.333% - 20px); } }
    @media screen and (max-width: 1378px) {
      .content .sortable-ghost, .content .sortable-chosen {
        width: calc(50% - 20px); } }
    @media screen and (max-width: 560px) {
      .content .sortable-ghost, .content .sortable-chosen {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    .content .sortable-ghost > *, .content .sortable-chosen > * {
      opacity: 0.2; }
    .content .sortable-ghost.content__card-w100, .content .sortable-chosen.content__card-w100 {
      width: calc((20% - 20px) * 2 + 20px); }
      @media screen and (max-width: 2000px) {
        .content .sortable-ghost.content__card-w100, .content .sortable-chosen.content__card-w100 {
          width: calc((25% - 20px) * 2 + 20px); } }
      @media screen and (max-width: 1600px) {
        .content .sortable-ghost.content__card-w100, .content .sortable-chosen.content__card-w100 {
          width: calc((33.333% - 20px) * 2 + 20px); } }
      @media screen and (max-width: 1378px) {
        .content .sortable-ghost.content__card-w100, .content .sortable-chosen.content__card-w100 {
          width: 100%; } }
  .content__lineAfterAdded {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    white-space: nowrap;
    color: #BDC1CE;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 40px;
    pointer-events: none;
    transform: scale(1) !important; }
    .content__lineAfterAdded::before, .content__lineAfterAdded::after {
      content: "";
      display: block;
      width: 100%;
      border: 1px dashed #BDC1CE;
      margin-left: 10px;
      margin-right: 10px; }
    .content__lineAfterAdded_removed {
      display: none;
      align-items: stretch;
      flex-wrap: wrap;
      width: 100%;
      transform: scale(1) !important; }
      .content__lineAfterAdded_removed > * {
        transform: scale(0.8) !important; }
      .content__lineAfterAdded_removed.showed {
        display: flex; }
    .content__lineAfterAdded.showed {
      display: flex; }
  .content__card {
    display: flex;
    flex-direction: column;
    padding: 24px;
    width: calc(20% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    min-height: 260px;
    max-height: 320px;
    position: relative;
    cursor: grab; }
    @media screen and (max-width: 2000px) {
      .content__card {
        width: calc(25% - 20px); } }
    @media screen and (max-width: 1600px) {
      .content__card {
        width: calc(33.333% - 20px); } }
    @media screen and (max-width: 1378px) {
      .content__card {
        width: calc(50% - 20px); } }
    @media screen and (max-width: 560px) {
      .content__card {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    .content__card-w100 {
      width: calc((20% - 20px) * 2 + 20px);
      padding: 26px 34px; }
      @media screen and (max-width: 2000px) {
        .content__card-w100 {
          width: calc((25% - 20px) * 2 + 20px); } }
      @media screen and (max-width: 1600px) {
        .content__card-w100 {
          width: calc((33.333% - 20px) * 2 + 20px); } }
      @media screen and (max-width: 1378px) {
        .content__card-w100 {
          width: 100%; } }
    .content__card-bgBlue {
      background-color: #1053FF !important;
      background-position: center !important;
      background-size: cover !important;
      background-repeat: no-repeat !important; }
    .content__card.added .content__card_editIcon {
      background: #E84632; }
      .content__card.added .content__card_editIcon::before {
        content: "-"; }
    .content__card:active {
      cursor: grabbing; }
    .content__card > * {
      cursor: default; }
    .content__card_toppers .content__card_title {
      flex-wrap: wrap; }
      .content__card_toppers .content__card_title > span {
        margin-right: 12px;
        margin-left: 0 !important;
        display: block;
        padding-bottom: 4px; }
      .content__card_toppers .content__card_title .sort-ignore {
        margin-left: 0 !important;
        padding-bottom: 4px; }
    .content__card_imgNew {
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: cover !important;
      cursor: pointer !important; }
    .content__card_bigTitle {
      font-weight: 400;
      font-size: 34px;
      line-height: 120%;
      color: #fff; }
      @media screen and (max-width: 768px) {
        .content__card_bigTitle {
          font-size: 24px; } }
      @media screen and (max-width: 560px) {
        .content__card_bigTitle {
          font-size: 18px;
          font-weight: 500; } }
    .content__card_blueCardDesc {
      margin-top: 28px;
      font-weight: 300;
      font-size: 18px;
      line-height: 125%;
      color: #fff;
      width: 50%; }
      @media screen and (max-width: 768px) {
        .content__card_blueCardDesc {
          margin-top: 20px;
          font-size: 16px; } }
      @media screen and (max-width: 560px) {
        .content__card_blueCardDesc {
          width: 70%;
          margin-top: 12px;
          font-size: 14px; } }
    .content__card_close {
      position: absolute;
      top: 26px;
      right: 28px;
      cursor: pointer; }
      .content__card_close svg {
        min-width: 19px;
        width: fit-content;
        aspect-ratio: 1/1;
        stroke: #fff;
        transition: all 0.3s ease; }
      .content__card_close:hover svg {
        stroke: #0e1a2f; }
    .content__card.content__notifies {
      display: none !important;
      align-items: center;
      flex-direction: column;
      padding: 20px;
      overflow: auto; }
      @media screen and (max-width: 1024px) {
        .content__card.content__notifies {
          display: flex !important;
          width: 100%;
          min-height: unset; } }
      .content__card.content__notifies .content__notifies_title {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-bottom: 20px; }
        .content__card.content__notifies .content__notifies_title .icon {
          position: relative;
          margin-right: 10px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .content__card.content__notifies .content__notifies_title .icon svg {
            width: 20px;
            height: 20px;
            fill: #0e1a2f; }
          .content__card.content__notifies .content__notifies_title .icon.haveNew::before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 8px;
            background: #E84632;
            position: absolute;
            top: 0;
            right: 0; }
      .content__card.content__notifies .content__notifies_item {
        display: flex;
        align-items: flex-start;
        width: 100%;
        cursor: pointer;
        margin-bottom: 20px; }
        .content__card.content__notifies .content__notifies_item img {
          margin-right: 14px; }
        .content__card.content__notifies .content__notifies_item .text h4 {
          margin-bottom: 4px;
          transition: all 0.3s ease; }
        .content__card.content__notifies .content__notifies_item .text p {
          margin-bottom: 4px; }
        .content__card.content__notifies .content__notifies_item .text > span {
          opacity: 0.6; }
        .content__card.content__notifies .content__notifies_item:hover .text h4 {
          color: #1053FF; }
      .content__card.content__notifies button {
        opacity: 0.6;
        margin-top: auto;
        cursor: pointer; }
    .content__card.content__userProfile {
      width: 100%;
      min-height: unset;
      padding: 20px;
      display: none !important;
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
      cursor: pointer !important; }
      @media screen and (max-width: 1024px) {
        .content__card.content__userProfile {
          display: flex !important; } }
      .content__card.content__userProfile .ui__avatar {
        width: 64px;
        height: 64px;
        min-width: 64px;
        margin-right: 20px; }
      .content__card.content__userProfile .content__userProfile_name {
        position: relative;
        margin-right: auto; }
        .content__card.content__userProfile .content__userProfile_name p {
          margin-bottom: 5px; }
        .content__card.content__userProfile .content__userProfile_name span {
          color: #B7CBFF; }
        .content__card.content__userProfile .content__userProfile_name .icon {
          position: absolute;
          top: 0;
          right: -20px;
          width: 20px;
          min-width: 20px;
          height: 20px;
          fill: #fff;
          transform: rotate(-90deg); }
      .content__card.content__userProfile .ui__champBalance {
        align-self: flex-start;
        display: flex !important; }
        .content__card.content__userProfile .ui__champBalance div {
          background: #fff; }
          .content__card.content__userProfile .ui__champBalance div span {
            color: #0e1a2f; }
          .content__card.content__userProfile .ui__champBalance div svg {
            fill: #0e1a2f; }
    .content__card_editIcon {
      position: absolute;
      top: -12px;
      left: -12px;
      width: 24px;
      height: 24px;
      border-radius: 24px;
      background: #1053FF;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      opacity: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      pointer-events: none; }
      .content__card_editIcon::before {
        content: "+"; }
    .content__card_dragItem {
      position: absolute;
      top: 24px;
      right: 24px;
      cursor: pointer; }
      .content__card_dragItem svg {
        width: 24px;
        aspect-ratio: 1/1;
        fill: #7F8CA3;
        transition: all 0.3s ease; }
      .content__card_dragItem:hover svg {
        fill: #1053FF; }
    .content__card_title {
      font-weight: 500;
      font-size: 16px;
      line-height: 19px;
      transition: all 0.3s ease;
      cursor: grab;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 26px !important;
      padding-right: 32px;
      width: 100%; }
      .content__card_title > * {
        margin-left: 12px; }
      .content__card_title:active {
        cursor: grabbing; }
      .content__card_title form {
        display: flex;
        align-items: center; }
        .content__card_title form label + label {
          margin-left: 4px; }
    .content__card_topSlider {
      display: flex;
      flex-direction: column; }
      .content__card_topSlider-navigation {
        display: flex;
        align-items: center;
        margin-bottom: 20px; }
        .content__card_topSlider-navigation button {
          width: 16px;
          height: 16px;
          cursor: pointer; }
          .content__card_topSlider-navigation button svg {
            width: 100%;
            height: 100%;
            min-width: 100%; }
        .content__card_topSlider-navigation span {
          font-weight: 500;
          font-size: 14px;
          line-height: 120%;
          margin-right: 4px;
          margin-left: 4px; }
      .content__card_topSlider-prev {
        transform: rotate(90deg); }
      .content__card_topSlider-next {
        transform: rotate(-90deg); }
      .content__card_topSlider-slider {
        width: 100%; }
      .content__card_topSlider-slide {
        display: flex;
        flex-direction: column; }
      .content__card_topSlider-row {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%; }
        .content__card_topSlider-row span {
          font-size: 12px;
          font-weight: 400;
          line-height: 140%;
          white-space: nowrap;
          padding-left: 4px; }
          .content__card_topSlider-row span:first-child {
            display: block;
            min-width: 20px;
            padding-right: 4px; }
        .content__card_topSlider-row img {
          margin-left: 8px;
          min-width: 24px;
          width: 24px;
          height: 24px;
          margin-right: 6px; }
        .content__card_topSlider-row a.ui__avatar_normal {
          width: 24px;
          height: 24px;
          min-width: 24px;
          font-size: 12px;
          margin-left: 8px;
          margin-right: 6px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding-top: unset !important; }
        .content__card_topSlider-row p {
          font-weight: 400;
          font-size: 14px;
          line-height: 140%;
          margin-right: auto;
          white-space: nowrap;
          width: 100%;
          overflow: hidden;
          margin-right: 6px;
          position: relative; }
          .content__card_topSlider-row p::after {
            content: "";
            display: block;
            width: 20px;
            height: 100%;
            position: absolute;
            top: 0;
            right: -1px;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 75%); }
        .content__card_topSlider-row + .content__card_topSlider-row {
          margin-top: 10px; }
    .content__card_rightPadding0 {
      padding-right: 4px; }
    .content__card_newsList {
      overflow: auto;
      max-height: 200px;
      padding-right: 20px; }
      .content__card_newsList li a {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        padding-top: 10px; }
        .content__card_newsList li a .name {
          width: 100%;
          font-size: 14px;
          line-height: 130%;
          color: #0e1a2f !important;
          font-weight: 500 !important;
          margin-bottom: 2px; }
        .content__card_newsList li a .time {
          font-size: 12px;
          line-height: 130%;
          color: #BDC1CE; }
        .content__card_newsList li a:hover {
          text-decoration: underline; }
      .content__card_newsList li:first-child a {
        padding-top: 0; }
      .content__card_newsList li:last-child a {
        padding-bottom: 0; }
      .content__card_newsList li + li {
        margin-top: 10px;
        border-top: 1px solid #E7E7E7; }
      .content__card_newsList li.new .name {
        color: #1053FF !important; }
    .content__card_calendar {
      user-select: unset !important; }
      .content__card_calendar #calTitle {
        justify-content: center;
        border-bottom: 1px solid;
        padding-top: 0; }
        .content__card_calendar #calTitle #monthYear {
          margin-left: 28px;
          margin-right: 28px;
          font-size: 16px;
          font-weight: 500;
          line-height: 19px;
          min-width: 128px; }
        .content__card_calendar #calTitle button {
          width: unset;
          height: 11px;
          border-radius: unset;
          line-height: unset;
          cursor: pointer; }
          .content__card_calendar #calTitle button svg {
            margin-top: -10px;
            width: 20px;
            min-width: 20px; }
      .content__card_calendar #calThead {
        padding-top: 15px;
        padding-bottom: 12px; }
        .content__card_calendar #calThead div {
          font-size: 10px;
          line-height: 130%;
          text-align: center; }
      .content__card_calendar #calTbody .a-date {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 0;
        cursor: pointer;
        z-index: 9 !important;
        position: relative; }
        .content__card_calendar #calTbody .a-date::before {
          content: unset !important; }
        .content__card_calendar #calTbody .a-date span {
          font-size: 14px;
          line-height: auto;
          text-align: center;
          width: 24px;
          height: 24px;
          border-radius: 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 9 !important; }
        .content__card_calendar #calTbody .a-date.blurred {
          opacity: 0 !important;
          pointer-events: none !important; }
        .content__card_calendar #calTbody .a-date.event span {
          cursor: pointer; }
        .content__card_calendar #calTbody .a-date[data-event*="День рождения"] span {
          background: #3BAF12 !important; }
        .content__card_calendar #calTbody .a-date[data-event*="Очередной день в году"] span {
          background: #BDC1CE !important; }
        .content__card_calendar #calTbody .a-date[data-event*="Birthday"] span {
          background: #3BAF12 !important; }
        .content__card_calendar #calTbody .a-date[data-event*="Another day of the year"] span {
          background: #BDC1CE !important; }
      .content__card_calendar #calTFooter {
        display: none; }
    .content__card_links {
      display: flex;
      flex-direction: column;
      width: fit-content;
      overflow: auto;
      width: 100%;
      padding-right: 20px;
      max-height: 200px;
      overflow: auto;
      margin-bottom: 24px; }
      .content__card_links a {
        width: fit-content;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex; }
        .content__card_links a img {
          width: 26px;
          height: 26px;
          border-radius: 26px;
          object-fit: cover;
          object-position: center;
          margin-right: 15px; }
          .content__card_links a img + span {
            margin-top: 4px; }
        .content__card_links a span {
          transition: all 0.3s ease; }
          .content__card_links a span.counter {
            font-size: inherit;
            font-weight: inherit;
            font-style: inherit; }
        .content__card_links a + a {
          margin-top: 15px; }
    .content__card_subs {
      display: flex;
      flex-direction: column;
      max-height: 200px;
      overflow: auto; }
      .content__card_subs > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%; }
        .content__card_subs > a::before {
          content: "";
          display: block;
          width: 28px;
          min-width: 28px;
          max-width: 28px;
          aspect-ratio: 1/1;
          border: 9px solid;
          border-radius: 50%;
          margin-right: 10px;
          box-sizing: border-box;
          transition: all 0.1s linear; }
        .content__card_subs > a .price {
          font-size: 16px;
          line-height: 19px;
          text-align: right;
          transition: all 0.3s ease; }
          .content__card_subs > a .price span {
            transition: all 0.3s ease;
            padding-left: 10px;
            opacity: 0.6; }
        .content__card_subs > a .name {
          margin-right: auto;
          font-size: 16px;
          font-weight: 400;
          line-height: 19px;
          transition: all 0.3s ease; }
        .content__card_subs > a .deadlineDate {
          font-size: 12px;
          line-height: 14px; }
        .content__card_subs > a + a {
          margin-top: 14px; }
        .content__card_subs > a:hover::before {
          border-width: 14px; }
        .content__card_subs > a:hover .price span {
          padding-left: 4px; }
    .content__card_support {
      overflow: auto;
      padding-right: 20px; }
      .content__card_support a {
        padding-bottom: 6px; }
        .content__card_support a + a {
          padding-top: 6px;
          border-top: 1px solid rgba(189, 193, 206, 0.3); }
    .content__card_button {
      width: fit-content;
      margin-top: auto; }
    .content__card_quiz .content__card_number {
      font-size: 12px;
      line-height: 14px;
      text-align: center;
      margin-bottom: 5px; }
    .content__card_quiz-slider {
      height: 100%;
      width: 100%;
      overflow: hidden; }
      .content__card_quiz-slider .swiper-button-prev, .content__card_quiz-slider .swiper-button-next {
        color: #fff;
        width: 20px;
        height: 20px; }
        .content__card_quiz-slider .swiper-button-prev::after, .content__card_quiz-slider .swiper-button-next::after {
          font-size: 16px; }
      .content__card_quiz-slider .swiper-button-prev {
        left: -5px; }
      .content__card_quiz-slider .swiper-button-next {
        right: -5px; }
    .content__card_quiz-form {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-left: 28px;
      padding-right: 28px; }
      .content__card_quiz-form label {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer; }
        .content__card_quiz-form label input {
          display: none; }
          .content__card_quiz-form label input:checked + div {
            opacity: 1; }
        .content__card_quiz-form label > div {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 7.5px 10px;
          border-radius: 4px;
          height: 37px;
          opacity: 0.5;
          transition: all 0.3s ease; }
        .content__card_quiz-form label + label {
          margin-top: 5px; }
      .content__card_quiz-form.notAnswered label > div {
        opacity: 1; }
      .content__card_quiz-form.answered {
        pointer-events: none; }
        .content__card_quiz-form.answered ~ .content__card_reQuiz {
          opacity: 1 !important; }
    .content__card_quiz-slide {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .content__card_quiz-slide .content__card_title {
        margin-bottom: 5px !important;
        padding-left: 28px;
        padding-right: 28px;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center; }
      .content__card_quiz-slide .content__card_counter {
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        margin-bottom: 15px; }
      .content__card_quiz-slide .content__card_status {
        margin-top: 10px;
        font-size: 12px;
        line-height: 14px;
        text-align: center; }
      .content__card_quiz-slide .content__card_reQuiz {
        margin-left: auto;
        margin-right: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        transition: all 0.3s ease;
        opacity: 0;
        position: relative;
        z-index: 3; }
        .content__card_quiz-slide .content__card_reQuiz:hover {
          text-decoration: underline; }
    .content__card_counter {
      font-size: 12px;
      line-height: 14px;
      text-align: center;
      margin-bottom: 20px; }
    .content__card_asanaTasks {
      max-height: 244px;
      overflow: auto; }
      .content__card_asanaTasks li {
        border-radius: 5px;
        overflow: hidden; }
        .content__card_asanaTasks li a {
          padding-left: 15px;
          padding-right: 15px;
          padding-top: 11.5px;
          padding-bottom: 11.5px;
          font-size: 14px;
          line-height: 130%;
          position: relative;
          display: block;
          transition: all 0.3s ease; }
          .content__card_asanaTasks li a::before {
            content: "";
            display: block;
            position: absolute;
            width: 5px;
            height: 100%;
            top: 0;
            left: 0;
            border-radius: 5px; }
        .content__card_asanaTasks li + li {
          margin-top: 8px; }
        .content__card_asanaTasks li:hover a {
          padding-left: 20px; }
    .content__card_note-block {
      height: 100%;
      background: unset !important;
      background-repeat: repeat;
      background-size: 420px;
      background-attachment: local;
      overflow: auto;
      max-height: 200px; }
      .content__card_note-block textarea {
        resize: none;
        width: 100%;
        overflow: hidden;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        padding-right: 20px;
        min-height: 196px; }
      .content__card_note-block textarea::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.3); }
      .content__card_note-block textarea::-moz-placeholder {
        color: rgba(0, 0, 0, 0.3); }
      .content__card_note-block textarea:-moz-placeholder {
        color: rgba(0, 0, 0, 0.3); }
      .content__card_note-block textarea:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.3); }
    .content__card_reminder {
      display: flex;
      flex-direction: column;
      width: 100%;
      overflow: auto;
      padding-right: 4px; }
    .content__card_remindItem {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .content__card_remindItem-title {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .content__card_remindItem-title .name, .content__card_remindItem-title .num {
          font-size: 14px;
          line-height: 130%; }
      .content__card_remindItem-line {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100%;
        height: 8px;
        border: 1px solid;
        border-radius: 8px;
        overflow: hidden; }
        .content__card_remindItem-line div {
          transition: all 1s ease;
          width: 0%;
          height: 100%;
          border-radius: 8px; }
      .content__card_remindItem-notify {
        font-size: 12px;
        line-height: 130%; }
      .content__card_remindItem + .content__card_remindItem {
        margin-top: 20px; }
  .content__table {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%; }
    @media screen and (max-width: 560px) {
      .content__table {
        padding-left: 16px;
        padding-right: 16px; } }
    .content__table table {
      width: 100%; }
      .content__table table thead {
        position: sticky;
        top: 0; }
        .content__table table thead tr th {
          text-align: left;
          font-weight: 500;
          font-size: 14px;
          line-height: 17px;
          padding-bottom: 15.5px;
          padding-top: 10.5px; }
          .content__table table thead tr th .name {
            display: flex;
            align-items: center; }

.searchScreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  opacity: 1;
  pointer-events: none;
  transition: all 0.15s ease;
  transform: translateY(-100%);
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden; }
  .searchScreen__panel {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0px 0px 5px 5px;
    max-width: 980px;
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.15s ease;
    pointer-events: none;
    max-height: 98vh; }
    @media screen and (max-width: 1024px) {
      .searchScreen__panel {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (max-width: 768px) {
      .searchScreen__panel {
        padding-left: 20px;
        padding-right: 20px; } }
    @media screen and (max-width: 560px) {
      .searchScreen__panel {
        padding-left: 16px;
        padding-right: 16px; } }
    .searchScreen__panel #searchModal {
      display: flex;
      flex-direction: column; }
    .searchScreen__panel_form {
      display: flex;
      flex-direction: column; }
      .searchScreen__panel_form .row {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .searchScreen__panel_form .row .line {
          width: 100%;
          border-radius: 5px;
          display: flex;
          align-items: stretch;
          justify-content: space-between;
          border: 0; }
          @media screen and (max-width: 560px) {
            .searchScreen__panel_form .row .line {
              padding-left: 0px; } }
          .searchScreen__panel_form .row .line label {
            position: relative;
            height: 48px;
            display: flex;
            align-items: center;
            width: 100%;
            margin-right: 8px;
            border: 1px solid #1053FF;
            border-radius: 10px;
            flex: 1; }
            @media screen and (max-width: 560px) {
              .searchScreen__panel_form .row .line label {
                height: 48px; } }
            .searchScreen__panel_form .row .line label .ui__inputField,
            .searchScreen__panel_form .row .line label .form-group {
              max-width: unset !important; }
            .searchScreen__panel_form .row .line label input[type="text"] {
              margin-left: 48px;
              max-width: unset !important;
              min-width: unset !important;
              width: unset !important;
              flex: 1 !important;
              border: 0 !important;
              font-size: 16px;
              font-weight: 300; }
              @media screen and (max-width: 560px) {
                .searchScreen__panel_form .row .line label input[type="text"] {
                  height: 48px; } }
              .searchScreen__panel_form .row .line label input[type="text"]:focus, .searchScreen__panel_form .row .line label input[type="text"]:active, .searchScreen__panel_form .row .line label input[type="text"]:hover {
                border: 0 !important; }
            .searchScreen__panel_form .row .line label .search-icon {
              position: absolute;
              top: 50%;
              left: 13px;
              transform: translateY(-50%);
              width: 20px;
              height: 20px; }
          .searchScreen__panel_form .row .line button[type="submit"] {
            border-radius: 10px !important;
            padding-left: 40px;
            padding-right: 40px; }
            @media screen and (max-width: 560px) {
              .searchScreen__panel_form .row .line button[type="submit"] {
                display: none; } }
        .searchScreen__panel_form .row .close-icon {
          cursor: pointer;
          transition: all 0.3s ease;
          position: absolute;
          right: 40px;
          width: 44px;
          min-width: 44px;
          aspect-ratio: 1/1;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center; }
          @media screen and (max-width: 1180px) {
            .searchScreen__panel_form .row .close-icon {
              position: relative;
              right: unset;
              margin-left: 8px; } }
          @media screen and (max-width: 560px) {
            .searchScreen__panel_form .row .close-icon {
              margin-left: 0px; } }
          .searchScreen__panel_form .row .close-icon svg {
            width: 40px;
            min-width: 40px;
            aspect-ratio: 1/1;
            transition: all 0.3s ease; }
        .searchScreen__panel_form .row .form-tags {
          display: flex;
          align-items: stretch;
          flex-wrap: wrap;
          padding-top: 30px;
          max-width: 100%;
          overflow: auto; }
          @media screen and (max-width: 560px) {
            .searchScreen__panel_form .row .form-tags {
              padding-top: 15px; } }
          .searchScreen__panel_form .row .form-tags label {
            cursor: pointer;
            margin-right: 10px;
            margin-top: 2px;
            margin-bottom: 2px; }
            .searchScreen__panel_form .row .form-tags label input {
              display: none; }
            .searchScreen__panel_form .row .form-tags label span {
              border: 1px solid;
              border-radius: 50px;
              padding: 6px 20px;
              transition: all 0.3s ease;
              display: flex;
              font-size: 14px;
              line-height: 17px; }
            .searchScreen__panel_form .row .form-tags label input:checked + span {
              font-weight: 500; }
    .searchScreen__panel_results {
      margin-top: 30px;
      overflow: auto;
      height: 75vh; }
      @media screen and (max-width: 560px) {
        .searchScreen__panel_results {
          margin-top: 15px;
          height: 55vh; } }
      .searchScreen__panel_results > div {
        padding-right: 0; }
        .searchScreen__panel_results > div h4 {
          font-size: 24px;
          line-height: 120%;
          margin-bottom: 16px;
          font-weight: 400;
          position: relative;
          width: fit-content; }
          .searchScreen__panel_results > div h4 span {
            font-size: 14px;
            line-height: inherit;
            color: #1053FF !important;
            font-weight: bold;
            position: absolute;
            top: -6px;
            right: -12px; }
        .searchScreen__panel_results > div .resultBlock {
          border-radius: 10px;
          border: 1px solid;
          padding: 24px;
          display: flex;
          flex-direction: column;
          transition: all 0.3s ease;
          position: relative; }
          @media screen and (max-width: 560px) {
            .searchScreen__panel_results > div .resultBlock {
              padding-left: 20px;
              padding-right: 20px;
              padding-bottom: 17px; } }
          .searchScreen__panel_results > div .resultBlock .date {
            position: absolute;
            top: 24px;
            right: 24px;
            opacity: 0.5;
            font-size: 14px; }
            @media screen and (max-width: 560px) {
              .searchScreen__panel_results > div .resultBlock .date {
                right: unset;
                left: 20px; } }
          .searchScreen__panel_results > div .resultBlock h3 {
            font-size: 16px;
            line-height: 120%;
            margin-bottom: 12px; }
            @media screen and (max-width: 560px) {
              .searchScreen__panel_results > div .resultBlock h3 {
                font-size: 20px;
                margin-bottom: 14px;
                padding-top: 24px; } }
            .searchScreen__panel_results > div .resultBlock h3 span {
              border-radius: 3px;
              padding-left: 2px;
              padding-right: 2px; }
          .searchScreen__panel_results > div .resultBlock > p {
            font-size: 16px;
            line-height: 140%;
            max-width: 80%;
            font-weight: 300; }
            @media screen and (max-width: 768px) {
              .searchScreen__panel_results > div .resultBlock > p {
                max-width: 100%; } }
            .searchScreen__panel_results > div .resultBlock > p span {
              border-radius: 3px;
              padding-left: 2px;
              padding-right: 2px; }
          .searchScreen__panel_results > div .resultBlock__items {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: wrap; }
            .searchScreen__panel_results > div .resultBlock__items > * {
              margin-left: 36px;
              margin-right: 36px;
              margin-bottom: 16px;
              width: calc(25% - 36px); }
          .searchScreen__panel_results > div .resultBlock + .resultBlock {
            margin-top: 12px; }
        .searchScreen__panel_results > div + div {
          margin-top: 44px; }
  .searchScreen.openned {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0%); }
    .searchScreen.openned .searchScreen__panel {
      opacity: 1;
      pointer-events: auto; }

.header {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px; }
  @media screen and (max-width: 1024px) {
    .header {
      padding-top: 80px; } }
  @media screen and (max-width: 560px) {
    .header {
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 60px; } }
  .header__pre {
    font-size: 32px;
    margin-bottom: 24px; }
  .header__back {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 12px; }
    .header__back svg {
      width: 24px;
      height: 24px;
      min-width: 24px;
      margin-right: 5px;
      transition: all 0.3s ease;
      fill: #1053FF; }
    .header__back span {
      font-weight: 400;
      font-size: 12px;
      line-height: 14px;
      color: #0e1a2f;
      transition: all 0.3s ease; }
    .header__back:hover span {
      color: #1053FF; }
  .header__title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .header__title {
        flex-direction: column;
        align-items: flex-start;
        position: relative; } }
    .header__title_left {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .header__title_left {
          flex-wrap: wrap;
          margin-bottom: 24px;
          max-width: 95%; } }
      .header__title_left h1 {
        font-weight: 400;
        font-size: 32px;
        line-height: 38px;
        margin-right: 15px;
        transition: all 0.3s ease; }
        @media screen and (max-width: 768px) {
          .header__title_left h1 {
            font-size: 26px; } }
      .header__title_left h2 {
        font-weight: 400;
        font-size: 24px;
        line-height: 38px;
        margin-right: 15px;
        transition: all 0.3s ease; }
      .header__title_left button, .header__title_left a {
        background: transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center; }
        .header__title_left button a, .header__title_left button button, .header__title_left a a, .header__title_left a button {
          display: flex;
          align-items: center;
          justify-content: center; }
        .header__title_left button svg, .header__title_left a svg {
          width: 22px;
          height: 22px;
          min-width: 22px;
          transition: all 0.3s ease; }
      @media screen and (max-width: 768px) {
        .header__title_left .ui__miniTags {
          margin-top: 12px; } }
    .header__title_right {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .header__title_right {
          flex-wrap: wrap; } }
      @media screen and (max-width: 768px) {
        .header__title_right .ui__champBalance {
          margin-top: 6px; } }
      @media screen and (max-width: 768px) {
        .header__title_right .ui__openSettings {
          position: absolute;
          top: 24px;
          right: 0; } }
      .header__title_right .ui__openSettings ul {
        z-index: 10000; }
      .header__title_right button, .header__title_right a {
        display: flex;
        align-items: center;
        background: transparent;
        cursor: pointer; }
        .header__title_right button > svg, .header__title_right a > svg {
          width: 20px;
          height: 20px;
          min-width: 20px;
          margin-right: 8px;
          transition: all 0.3s ease; }
        .header__title_right button span, .header__title_right a span {
          transition: all 0.3s ease;
          text-align: left; }
        .header__title_right button:hover svg, .header__title_right a:hover svg {
          fill: #1053FF; }
        .header__title_right button:hover span, .header__title_right a:hover span {
          color: #1053FF; }
      .header__title_right .js__openMiniMenu {
        cursor: pointer; }
        .header__title_right .js__openMiniMenu svg {
          width: 20px;
          height: 20px;
          min-width: 20px;
          transition: all 0.3s ease; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.js__mulripleDatePicker2 + svg {
  pointer-events: none !important; }

textarea.form-control {
  max-height: 220px !important; }

.blancCreate {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .blancCreate {
      flex-direction: column-reverse; } }
  .blancCreate__inputBlock svg {
    opacity: 0;
    transition: all 0.3s ease; }
  .blancCreate__inputBlock:hover svg {
    opacity: 1; }
  .blancCreate__inputBlock_hiddenTextarea {
    display: none; }
  .blancCreate:first-child .pageNumber svg {
    display: none !important; }
  .blancCreate__left {
    width: calc(50% - 50px);
    margin-right: 90px;
    min-width: 540px !important;
    max-width: 540px !important; }
    @media screen and (max-width: 1452px) {
      .blancCreate__left {
        margin-right: 32px; } }
    @media screen and (max-width: 1252px) {
      .blancCreate__left {
        min-width: 420px !important;
        max-width: 420px !important; } }
    @media screen and (max-width: 1100px) {
      .blancCreate__left {
        min-width: 320px !important;
        max-width: 320px !important; } }
    @media screen and (max-width: 768px) {
      .blancCreate__left {
        margin-right: 0;
        margin-top: 32px; } }
    @media screen and (max-width: 1252px) {
      .blancCreate__left textarea {
        font-size: 12px !important; } }
    .blancCreate__left .pageNumber {
      color: #1053FF;
      font-weight: 500;
      font-size: 16px;
      margin-bottom: 20px;
      display: flex;
      align-items: center; }
      .blancCreate__left .pageNumber svg {
        margin-left: 8px;
        width: 20px;
        min-width: 20px;
        aspect-ratio: 1/1;
        fill: #0e1a2f;
        cursor: pointer;
        transition: all 0.3s ease;
        opacity: 0.5; }
        .blancCreate__left .pageNumber svg:hover {
          opacity: 0.8; }
    .blancCreate__left .ui__btn_secondary {
      border-color: #1053FF;
      color: #0e1a2f;
      background: transparent; }
      .blancCreate__left .ui__btn_secondary:hover {
        background: #0e1a2f;
        color: #fff; }
    .blancCreate__left .PDFinput {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      .blancCreate__left .PDFinput__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 16px; }
        .blancCreate__left .PDFinput__header p {
          font-weight: 500;
          font-size: 14px;
          line-height: 120%;
          margin-right: 20px; }
        .blancCreate__left .PDFinput__header span {
          font-size: 14px;
          font-weight: 500;
          line-height: 140%; }
  .blancCreate__right {
    min-width: 652px;
    max-width: 652px; }
    .blancCreate__right .pdfFrame {
      width: 100%;
      background: #fff;
      /* padding-left: 5.56% */
      /* padding-right: 5.56% */
      /* padding-top: 3.93% */
      /* padding-bottom: 3.93% */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start; }
      @media screen and (max-width: 1660px) {
        .blancCreate__right .pdfFrame {
          transform-origin: left top;
          transform: scale(0.7); } }
      @media screen and (max-width: 1452px) {
        .blancCreate__right .pdfFrame {
          transform: scale(0.5); } }
      @media screen and (max-width: 768px) {
        .blancCreate__right .pdfFrame {
          transform: scale(0.8);
          margin-bottom: -30%; } }
      @media screen and (max-width: 600px) {
        .blancCreate__right .pdfFrame {
          transform: scale(0.7);
          margin-bottom: -47%; } }
      @media screen and (max-width: 520px) {
        .blancCreate__right .pdfFrame {
          transform: scale(0.6);
          margin-bottom: -64%; } }
      @media screen and (max-width: 432px) {
        .blancCreate__right .pdfFrame {
          transform: scale(0.5);
          margin-bottom: -80%; } }
      @media screen and (max-width: 380px) {
        .blancCreate__right .pdfFrame {
          transform: scale(0.4);
          margin-bottom: -95%; } }
      .blancCreate__right .pdfFrame__header {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
      .blancCreate__right .pdfFrame__content, .blancCreate__right .pdfFrame__footer {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%; }
        .blancCreate__right .pdfFrame__content > *, .blancCreate__right .pdfFrame__footer > * {
          word-wrap: break-word;
          width: 100%;
          white-space: break-spaces !important; }
      .blancCreate__right .pdfFrame__content_reqItem + .pdfFrame__content_reqItem {
        margin-top: 14px; }
  @media screen and (max-width: 768px) {
    .blancCreate + .blancCreate {
      margin-top: 100px; } }

.darkTheme .blancCreate__left .pageNumber svg {
  fill: #fff; }

.ui__savePDF_header {
  display: flex;
  align-items: center; }
  .ui__savePDF_header > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 40px; }
    .ui__savePDF_header > div p {
      font-weight: 500;
      color: #0e1a2f;
      font-size: 14px;
      line-height: 140%;
      margin-bottom: 2px; }
    .ui__savePDF_header > div span {
      font-size: 12px;
      line-height: 140%;
      color: #BDC1CE; }
  .ui__savePDF_header button {
    background: #1053FF; }
    .ui__savePDF_header button:hover {
      background: #0945DD; }

.darkTheme .ui__savePDF_header > div p {
  color: #fff; }

.blancList {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 68px; }
  @media screen and (max-width: 560px) {
    .blancList {
      flex-wrap: wrap; } }
  .blancList__item {
    width: calc(33.333% - 20px * 2 / 3); }
    @media screen and (max-width: 560px) {
      .blancList__item {
        width: calc(50% - 10px);
        margin-bottom: 20px; } }
    .blancList__item img {
      width: 100%;
      margin-bottom: 20px;
      border-radius: 4px;
      transition: all 0.3s ease;
      outline: 2px solid transparent; }
      @media screen and (max-width: 1200px) {
        .blancList__item img {
          margin-bottom: 8px; } }
    .blancList__item p {
      font-weight: 500;
      font-size: 16px;
      line-height: 120%;
      color: #0e1a2f;
      transition: all 0.3s ease; }
    .blancList__item + * {
      margin-left: 18px; }
      @media screen and (max-width: 560px) {
        .blancList__item + * {
          margin-left: 0; } }
    .blancList__item:hover img {
      outline: 2px solid #1053FF; }
    .blancList__item:hover p {
      color: #1053FF; }

.blancRecent {
  background: #fff;
  border-radius: 4px;
  padding: 40px;
  transition: all 0.3s ease; }
  @media screen and (max-width: 1024px) {
    .blancRecent {
      padding: 20px; } }
  .blancRecent__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #BDC1CE;
    padding-bottom: 28px;
    margin-bottom: 12px;
    transition: all 0.3s ease; }
    @media screen and (max-width: 560px) {
      .blancRecent__header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start; } }
    .blancRecent__header h3 {
      font-size: 24px;
      color: #0e1a2f;
      line-height: 120%;
      margin-right: 20px;
      font-weight: 400; }
      @media screen and (max-width: 560px) {
        .blancRecent__header h3 {
          margin-bottom: 16px; } }
    .blancRecent__header a {
      color: #0e1a2f;
      font-size: 14px;
      text-align: right;
      transition: all 0.3s ease; }
      .blancRecent__header a:hover {
        color: #1053FF; }
  .blancRecent__body {
    padding-bottom: 32px;
    border-bottom: 1px solid #BDC1CE;
    transition: all 0.3s ease; }
    .blancRecent__body > p {
      font-weight: 500;
      font-size: 14px;
      line-height: 120%;
      color: #BDC1CE;
      margin-bottom: 20px; }
  .blancRecent__footer {
    padding-top: 10px; }
    .blancRecent__footer a {
      font-weight: 500;
      font-size: 14px;
      color: #1053FF; }
  .blancRecent__list {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: calc(100% + 20px);
    margin-left: -10px; }
    @media screen and (max-width: 768px) {
      .blancRecent__list {
        flex-wrap: wrap;
        margin-left: -5px;
        width: calc(100% + 10px); } }
    .blancRecent__list_item {
      width: calc(100% / 4 - 20px * 3 / 4);
      background: #F5F5F5;
      padding: 14px;
      border-radius: 5px;
      outline: 2px solid transparent;
      transition: all 0.3s ease;
      position: relative;
      margin-left: 10px;
      margin-right: 10px; }
      @media screen and (max-width: 768px) {
        .blancRecent__list_item {
          width: calc(50% - 10px);
          margin-bottom: 10px;
          margin-left: 5px;
          margin-right: 5px; } }
      @media screen and (max-width: 560px) {
        .blancRecent__list_item {
          width: 100%; } }
      .blancRecent__list_item > a {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
      .blancRecent__list_item .ui__openSettings {
        position: absolute;
        top: 10px;
        right: 10px;
        transition: all 0.3s ease;
        opacity: 0; }
      .blancRecent__list_item img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        object-position: top;
        margin-bottom: 16px; }
        @media screen and (max-width: 1024px) {
          .blancRecent__list_item img {
            height: 160px; } }
      .blancRecent__list_item .desc {
        font-size: 12px;
        line-height: 140%;
        color: #BDC1CE;
        margin-bottom: 4px;
        display: block; }
      .blancRecent__list_item .title {
        color: #0e1a2f;
        font-size: 14px;
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 16px;
        transition: all 0.3s ease; }
      .blancRecent__list_item .date {
        font-size: 14px;
        line-height: 120%;
        color: #BDC1CE; }
      .blancRecent__list_item:hover > a {
        outline-color: #1053FF; }
      .blancRecent__list_item:hover .ui__openSettings {
        opacity: 1; }
      .blancRecent__list_item:hover .title {
        color: #1053FF; }

.darkTheme .blancList__item p {
  color: #fff; }
.darkTheme .blancList__item:hover p {
  color: #1053FF; }
.darkTheme .blancRecent {
  background: #242424; }
  .darkTheme .blancRecent__header {
    border-color: #323337; }
    .darkTheme .blancRecent__header h3 {
      color: #fff; }
    .darkTheme .blancRecent__header a {
      color: #fff; }
      .darkTheme .blancRecent__header a:hover {
        color: #1053FF; }
  .darkTheme .blancRecent__body {
    border-color: #323337; }

.pagination {
  margin-top: 10px;
  display: flex;
  padding: 15px 10px;
  background: white;
  width: 100%; }

.pagination li a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0px 5px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F5F5F5;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
  text-align: center;
  line-height: 40px;
  color: black; }

.pagination li a:hover {
  background: #d5d5d5; }

.pagination li.active a {
  background: #1053FF;
  color: white; }

.pagination li.active {
  pointer-events: none; }

.pagination .prev.disabled,
.pagination .next.disabled {
  display: none; }

.ui__title {
  line-height: 120%;
  width: fit-content; }

h1.ui__title {
  font-weight: 400;
  font-size: 32px;
  line-height: 120%; }
  @media screen and (max-width: 768px) {
    h1.ui__title {
      font-size: 28px; } }
  @media screen and (max-width: 560px) {
    h1.ui__title {
      font-size: 26px; } }

h2.ui__title {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%; }
  @media screen and (max-width: 768px) {
    h2.ui__title {
      font-size: 20px; } }

h3.ui__title {
  font-weight: 500;
  font-size: 16px; }

h4.ui__title {
  font-weight: 500;
  font-size: 14px; }

.ui__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-align: left; }
  .ui__text_fwLight {
    font-weight: 300; }
  .ui__text_fwRegular {
    font-weight: 400; }
  .ui__text_fwMedium {
    font-weight: 500; }
  .ui__text_fzNormal {
    font-size: 16px;
    line-height: 140%; }
  .ui__text_fzMedium {
    font-size: 14px; }
  .ui__text_fzMin {
    font-size: 12px; }
  .ui__text_fstyle {
    font-style: italic; }
  .ui__text_tdUnderline {
    text-decoration: underline; }

.ui__btnText {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap; }
  .ui__btnText_big {
    font-size: 16px; }
  .ui__btnText_normal {
    font-size: 14px; }
  .ui__btnText_small {
    font-size: 12px; }

.ui__tab {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  white-space: nowrap; }
  .ui__tab_normal {
    font-weight: 400;
    font-size: 14px; }
  .ui__tab_small {
    font-weight: 400;
    font-size: 12px; }

.ui__field_title {
  font-weight: 300;
  font-size: 16px;
  line-height: 19px; }

.ui__field_desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px; }

.ui__field_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px; }

.ui__tooltipText {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px; }

.ui__btn {
  border-radius: 5px;
  transition: all 0.3s ease;
  padding: 8.5px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  background: #1053FF;
  color: #fff;
  cursor: pointer;
  border: 2px solid transparent;
  font-size: 14px; }
  .ui__btn svg {
    min-width: 20px;
    width: 20px;
    height: 20px;
    fill: transparent;
    stroke: #fff;
    transition: all 0.3s ease; }
  .ui__btn.icon_right svg {
    margin-left: 8px; }
  .ui__btn.icon_left {
    display: flex;
    flex-direction: row-reverse; }
    .ui__btn.icon_left svg {
      margin-right: 8px; }
  .ui__btn_primary {
    background: #1053FF;
    color: #fff; }
    .ui__btn_primary:hover {
      background: #0945DD;
      color: #fff !important; }
    .ui__btn_primary:focus {
      background: #2F69FE; }
    .ui__btn_primary:active {
      background: #0945DD;
      border: 2px solid #FF55E4; }
    .ui__btn_primary-disabled {
      pointer-events: none;
      background: #DEE1EA; }
  .ui__btn_secondary {
    background: #fff;
    color: #0e1a2f;
    border: 2px solid #1053FF; }
    .ui__btn_secondary svg {
      stroke: #0e1a2f; }
    .ui__btn_secondary:hover {
      background: #0945DD;
      border: 2px solid transparent;
      color: #fff; }
      .ui__btn_secondary:hover svg {
        stroke: #fff; }
    .ui__btn_secondary:focus {
      background: #2F69FE;
      border: 2px solid transparent;
      color: #fff; }
      .ui__btn_secondary:focus svg {
        stroke: #fff; }
    .ui__btn_secondary:active {
      background: #0945DD;
      border: 2px solid #FF55E4;
      color: #fff; }
      .ui__btn_secondary:active svg {
        stroke: #fff; }
    .ui__btn_secondary-disabled {
      pointer-events: none;
      color: #DEE1EA;
      border: 2px solid #DEE1EA; }
  .ui__btn_big {
    max-width: 380px;
    width: 100%;
    font-size: 16px;
    padding: 13px 32px; }
  .ui__btn_small {
    font-size: 12px;
    padding: 6.5px 12px; }
    .ui__btn_small svg {
      min-width: 14px;
      width: 14px;
      height: 14px; }
    .ui__btn_small.icon_right svg {
      margin-left: 4px; }
    .ui__btn_small.icon_left svg {
      margin-right: 4px; }
  .ui__btn_black {
    background: #0e1a2f; }
  .ui__btn_red {
    background: #E84632; }

.darkTheme .ui__text {
  color: #fff; }
.darkTheme .ui__btn_secondary {
  background: transparent;
  color: #fff; }
  .darkTheme .ui__btn_secondary svg {
    stroke: #fff; }
  .darkTheme .ui__btn_secondary:hover {
    background: #1053FF;
    color: #fff; }

.ui__miniTags {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .ui__miniTags_item {
    padding: 1px 8px;
    border-radius: 20px;
    background: #3BAF12;
    margin-top: 1.5px;
    margin-bottom: 1.5px;
    margin-right: 5px; }
    .ui__miniTags_item.ui__bg_green {
      background: #3BAF12; }
    .ui__miniTags_item.ui__bg_yellow {
      background: #FAB124; }
    .ui__miniTags_item.ui__bg_blue {
      background: #1053FF; }
    .ui__miniTags_item.ui__bg_red {
      background: #E84632; }
    .ui__miniTags_item.ui__bg_black {
      background: #0e1a2f; }
    .ui__miniTags_item.ui__bg_lightGray {
      background: #BDC1CE; }

.ui__offerHeader {
  width: 100%; }
  .ui__offerHeader_top, .ui__offerHeader_bottom {
    padding-bottom: 20px; }
    .ui__offerHeader_top li, .ui__offerHeader_bottom li {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 560px) {
        .ui__offerHeader_top li, .ui__offerHeader_bottom li {
          flex-direction: column;
          align-items: flex-start; } }
      .ui__offerHeader_top li span, .ui__offerHeader_bottom li span {
        min-width: 132px;
        margin-right: 20px;
        display: block; }
        @media screen and (max-width: 560px) {
          .ui__offerHeader_top li span, .ui__offerHeader_bottom li span {
            margin-bottom: 5px; } }
      .ui__offerHeader_top li img, .ui__offerHeader_bottom li img {
        width: 14px;
        margin-right: 5px; }
      .ui__offerHeader_top li p, .ui__offerHeader_top li a, .ui__offerHeader_bottom li p, .ui__offerHeader_bottom li a {
        display: flex;
        align-items: center; }
      .ui__offerHeader_top li + li, .ui__offerHeader_bottom li + li {
        margin-top: 10px; }
  .ui__offerHeader_bottom {
    border-top: 1px solid #E4E4E4;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 1152px) {
      .ui__offerHeader_bottom {
        flex-direction: column;
        align-items: flex-start; } }
    .ui__offerHeader_bottom li span {
      min-width: unset; }
    .ui__offerHeader_bottom li + li {
      margin-top: 0;
      margin-left: 20px; }
      @media screen and (max-width: 1152px) {
        .ui__offerHeader_bottom li + li {
          margin-top: 10px;
          margin-left: 0; } }

.darkTheme .ui__offerHeader_bottom {
  border-top: 1px solid #242424; }

.invocesPage {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  height: fit-content; }
  .invocesPage .w50 {
    width: calc(50% - 7px); }
    @media screen and (max-width: 1100px) {
      .invocesPage .w50 {
        width: 100%; } }
  .invocesPage .w100 {
    width: 100%; }
  .invocesPage .ui__offerCard {
    margin-bottom: 15px; }
  .invocesPage .ui__offerCard + .ui__offerCard {
    margin-top: unset; }
  .invocesPage .ui__addComment {
    margin-top: unset;
    border: 0; }

.ui__offerSlidableCard, .ui__offerCard {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  padding-bottom: 5px;
  margin-top: 0; }
  @media screen and (max-width: 768px) {
    .ui__offerSlidableCard, .ui__offerCard {
      padding: 8px; } }
  .ui__offerSlidableCard_header, .ui__offerCard_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-bottom: 15px; }
    .ui__offerSlidableCard_header > svg, .ui__offerCard_header > svg {
      margin-left: 20px;
      width: 20px;
      min-width: 20px;
      height: 20px;
      fill: #BDC1CE;
      transition: all 0.3s ease; }
    .ui__offerSlidableCard_header span, .ui__offerCard_header span {
      display: flex;
      align-items: center; }
      .ui__offerSlidableCard_header span b, .ui__offerCard_header span b {
        margin-left: 4px;
        margin-right: 4px; }
      .ui__offerSlidableCard_header span button, .ui__offerCard_header span button {
        cursor: pointer;
        margin-left: 4px; }
        .ui__offerSlidableCard_header span button svg, .ui__offerCard_header span button svg {
          min-width: 22px;
          width: 22px;
          height: 22px;
          fill: #1053FF;
          transition: all 0.3s ease; }
        .ui__offerSlidableCard_header span button:hover svg, .ui__offerCard_header span button:hover svg {
          fill: #0e1a2f; }
  .ui__offerSlidableCard_content, .ui__offerCard_content {
    border-top: 1px solid #E4E4E4;
    padding-top: 15px;
    padding-bottom: 15px; }
    .ui__offerSlidableCard_content table th, .ui__offerSlidableCard_content table td, .ui__offerCard_content table th, .ui__offerCard_content table td {
      width: 30%; }
  .ui__offerSlidableCard_dataLine, .ui__offerCard_dataLine {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .ui__offerSlidableCard_dataLine, .ui__offerCard_dataLine {
        flex-direction: column;
        align-items: flex-start; } }
    .ui__offerSlidableCard_dataLine span, .ui__offerCard_dataLine span {
      transition: all 0.3s ease;
      min-width: 160px;
      max-width: 300px;
      margin-right: 20px; }
    .ui__offerSlidableCard_dataLine + *, .ui__offerCard_dataLine + * {
      margin-top: 20px; }
  .ui__offerSlidableCard_mainInfo li p, .ui__offerCard_mainInfo li p {
    margin-top: 10px; }
  .ui__offerSlidableCard_mainInfo li + li, .ui__offerCard_mainInfo li + li {
    margin-top: 30px; }
  .ui__offerSlidableCard--openned > svg, .ui__offerSlidableCard--openned .ui__offerSlidableCard_header svg, .ui__offerCard--openned > svg, .ui__offerCard--openned .ui__offerSlidableCard_header svg {
    transform: rotate(180deg); }

.darkTheme .ui__offerSlidableCard {
  background: #242424; }
  .darkTheme .ui__offerSlidableCard_header span {
    color: #fff; }
  .darkTheme .ui__offerSlidableCard_content {
    border-top: 1px solid #2f2f2f; }

.ui__offerCard {
  border-radius: 5px;
  background: #fff; }
  .ui__offerCard.w100 {
    width: 100%; }
  .ui__offerCard .ui__table {
    overflow: unset !important; }
  .ui__offerCard + .ui__offerCard, .ui__offerCard + .ui__offerCards {
    margin-top: 20px; }

.darkTheme .ui__offerCard {
  background: #242424; }

.ui__offerCards {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap; }
  .ui__offerCards .ui__offerCard {
    width: calc(33.333% - 8px);
    padding: 25px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 264px;
    margin-top: 0;
    margin-bottom: 12px; }
    @media screen and (max-width: 1352px) {
      .ui__offerCards .ui__offerCard {
        width: calc(50% - 8px); } }
    @media screen and (max-width: 768px) {
      .ui__offerCards .ui__offerCard {
        width: 100%;
        padding: 16px; } }
    .ui__offerCards .ui__offerCard_title {
      text-align: center;
      margin-bottom: 24px; }
    .ui__offerCards .ui__offerCard_content {
      width: 100%;
      height: 100%;
      overflow: auto; }
      .ui__offerCards .ui__offerCard_content > p + p {
        margin-top: 12px; }
      .ui__offerCards .ui__offerCard_content > ul li {
        position: relative;
        padding-left: 12px; }
        .ui__offerCards .ui__offerCard_content > ul li::before {
          content: "•";
          position: absolute;
          top: 0;
          left: 0; }
        .ui__offerCards .ui__offerCard_content > ul li + li {
          margin-top: 4px; }
      .ui__offerCards .ui__offerCard_content .line {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .ui__offerCards .ui__offerCard_content .line p {
          max-width: 60%; }
        .ui__offerCards .ui__offerCard_content .line span {
          max-width: 55%; }
        .ui__offerCards .ui__offerCard_content .line + .line {
          border-top: 1px solid rgba(255, 255, 255, 0.2);
          margin-top: 14px;
          padding-top: 14px; }
    .ui__offerCards .ui__offerCard + .ui__offerCard {
      margin-bottom: 12px; }
    .ui__offerCards .ui__offerCard:first-child {
      background: #3BAF12; }
    .ui__offerCards .ui__offerCard:nth-child(2) {
      width: calc(33.333% - 6px); }
      @media screen and (max-width: 1352px) {
        .ui__offerCards .ui__offerCard:nth-child(2) {
          width: calc(50% - 8px); } }
      @media screen and (max-width: 768px) {
        .ui__offerCards .ui__offerCard:nth-child(2) {
          width: 100%; } }
    .ui__offerCards .ui__offerCard:nth-child(3) {
      width: calc(33.333% - 6px); }
      @media screen and (max-width: 1352px) {
        .ui__offerCards .ui__offerCard:nth-child(3) {
          width: calc(50% - 8px); } }
      @media screen and (max-width: 768px) {
        .ui__offerCards .ui__offerCard:nth-child(3) {
          width: 100%; } }
    .ui__offerCards .ui__offerCard:nth-child(4) {
      width: calc(33.333% - 6px); }
      @media screen and (max-width: 1352px) {
        .ui__offerCards .ui__offerCard:nth-child(4) {
          width: calc(50% - 8px); } }
      @media screen and (max-width: 768px) {
        .ui__offerCards .ui__offerCard:nth-child(4) {
          width: 100%; } }
    .ui__offerCards .ui__offerCard:last-child {
      background: #BDC1CE;
      width: calc(66.666% - 6px); }
      @media screen and (max-width: 1352px) {
        .ui__offerCards .ui__offerCard:last-child {
          width: 100%; } }

.darkTheme .ui__offerCards .ui__offerCard_content > ul li {
  color: #fff; }
.darkTheme .ui__offerCards .ui__offerCard:last-child .ui__offerCard_title {
  color: #0e1a2f; }
.darkTheme .ui__offerCards .ui__offerCard:last-child .ui__offerCard_content ul li {
  color: #0e1a2f; }

.ui__offerSlidableCards {
  margin-top: 12px;
  overflow: hidden; }
  .ui__offerSlidableCards .ui__offerSlidableCard {
    border-radius: 0; }

.ui__openSettings {
  position: relative; }
  .ui__openSettings > svg {
    min-width: 21px;
    width: 21px;
    height: 21px;
    fill: #0e1a2f;
    cursor: pointer; }
  .ui__openSettings ul {
    border-radius: 5px;
    background: #fff;
    position: absolute;
    top: 100%;
    transition: all 0.3s ease;
    transform: translateY(20px);
    opacity: 0;
    z-index: 30;
    pointer-events: none;
    filter: drop-shadow(0px 5px 8px rgba(10, 30, 63, 0.1)); }
    .ui__openSettings ul::before {
      content: "";
      display: block;
      z-index: -1;
      height: calc(100% + 60px);
      width: calc(100% + 40px);
      top: -40px;
      left: -20px;
      position: absolute; }
    .ui__openSettings ul li::before {
      content: unset !important; }
    .ui__openSettings ul li button, .ui__openSettings ul li a {
      display: flex;
      align-items: center;
      background: transparent;
      padding: 10px;
      transition: all 0.3s ease;
      min-width: 228px;
      cursor: pointer; }
      .ui__openSettings ul li button svg, .ui__openSettings ul li a svg {
        min-width: 24px;
        width: 24px;
        height: 24px;
        fill: #0e1a2f;
        margin-right: 10px; }
      .ui__openSettings ul li button:hover, .ui__openSettings ul li a:hover {
        background: #F5F5F5; }
    .ui__openSettings ul li + li {
      border-top: 1px solid #F5F5F5; }
  .ui__openSettings--right ul {
    right: 10px; }
  .ui__openSettings:hover ul {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: auto; }

.darkTheme .ui__openSettings > svg {
  fill: #fff; }
  .darkTheme .ui__openSettings > svg.menu-icon {
    fill: #fff !important;
    stroke: #fff !important; }
.darkTheme .ui__openSettings ul {
  background: #303030; }
  .darkTheme .ui__openSettings ul li button svg, .darkTheme .ui__openSettings ul li a svg {
    fill: #fff; }
  .darkTheme .ui__openSettings ul li button span, .darkTheme .ui__openSettings ul li a span {
    color: #fff; }
    .darkTheme .ui__openSettings ul li button span:hover, .darkTheme .ui__openSettings ul li a span:hover {
      color: #1053FF; }
  .darkTheme .ui__openSettings ul li button:hover, .darkTheme .ui__openSettings ul li a:hover {
    background: #1F1F1F; }
  .darkTheme .ui__openSettings ul li + li {
    border-top: 1px solid #323337; }

.ui__inputField, .form-group {
  display: flex;
  flex-direction: column;
  max-width: 380px;
  width: 100%; }
  .ui__inputField_title, .ui__inputField .control-label, .form-group_title, .form-group .control-label {
    margin-bottom: 6px; }
  .ui__inputField_input, .ui__inputField .form-control, .form-group_input, .form-group .form-control {
    padding: 11.5px 15px;
    background: #FAFAFA;
    transition: all 0.3s ease;
    border: 1px solid transparent;
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    .ui__inputField_input:hover, .ui__inputField .form-control:hover, .form-group_input:hover, .form-group .form-control:hover {
      border: 1px solid #EAEAEA; }
    .ui__inputField_input:focus, .ui__inputField .form-control:focus, .form-group_input:focus, .form-group .form-control:focus {
      border: 1px solid #1053FF; }
  .ui__inputField textarea, .form-group textarea {
    min-height: 44px; }
  .ui__inputField input[type="date"], .form-group input[type="date"] {
    max-width: 160px;
    min-width: unset;
    cursor: pointer; }
  .ui__inputField_desc, .form-group_desc {
    margin-top: 4px; }
  .ui__inputField-error, .form-group-error {
    background: #FEF5F4;
    border: 1px solid #E84632; }

.darkTheme .ui__inputField_input, .darkTheme .ui__inputField .form-control, .darkTheme .form-group_input, .darkTheme .form-group .form-control {
  background: #242424;
  color: #fff; }
  .darkTheme .ui__inputField_input:hover, .darkTheme .ui__inputField .form-control:hover, .darkTheme .form-group_input:hover, .darkTheme .form-group .form-control:hover {
    border: 1px solid #0e1a2f; }

.ui__inputText {
  display: flex;
  flex-direction: column;
  max-width: 380px;
  width: 100%; }
  .ui__inputText .select2__customSelect_line {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px !important; }
  .ui__inputText .ui__field_title {
    color: #818592;
    margin-bottom: 6px; }
  .ui__inputText .ui__field_input {
    width: 100%;
    position: relative; }
    .ui__inputText .ui__field_input.ui__field_calendar {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 100%; }
      .ui__inputText .ui__field_input.ui__field_calendar .ui__field_icon {
        margin-left: 15px;
        position: unset !important;
        transform: unset !important; }
      .ui__inputText .ui__field_input.ui__field_calendar .ui__field_calendarLabel {
        margin-left: 5px;
        cursor: pointer; }
    .ui__inputText .ui__field_input input, .ui__inputText .ui__field_input textarea {
      padding: 11.5px 15px;
      background: #FAFAFA;
      transition: all 0.3s ease;
      border: 1px solid transparent;
      border-radius: 5px;
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      font-size: 16px !important; }
      .ui__inputText .ui__field_input input.js__mulripleDatePicker, .ui__inputText .ui__field_input textarea.js__mulripleDatePicker {
        padding-right: 50px; }
      .ui__inputText .ui__field_input input:hover, .ui__inputText .ui__field_input textarea:hover {
        border: 1px solid #EAEAEA; }
      .ui__inputText .ui__field_input input:focus, .ui__inputText .ui__field_input textarea:focus {
        border: 1px solid #1053FF; }
    .ui__inputText .ui__field_input > textarea {
      min-height: 44px;
      max-height: 380px;
      overflow: auto !important; }
    .ui__inputText .ui__field_input .select2 {
      width: 100% !important;
      cursor: pointer; }
      .ui__inputText .ui__field_input .select2 .select2-container {
        width: 100%; }
      .ui__inputText .ui__field_input .select2 .select2-selection {
        height: fit-content !important;
        border: 0 !important;
        padding-right: 0 !important; }
      .ui__inputText .ui__field_input .select2 .select2-selection__rendered {
        padding: 11.5px 15px !important;
        border: 1px solid transparent !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 19px !important;
        color: #0e1a2f !important;
        background: #FAFAFA;
        min-width: 100% !important;
        display: block !important;
        min-height: 44px !important;
        height: auto !important;
        transition: all 0.3s ease;
        border-radius: 5px; }
        .ui__inputText .ui__field_input .select2 .select2-selection__rendered li::before {
          content: unset !important; }
        .ui__inputText .ui__field_input .select2 .select2-selection__rendered .select2__customSelect_line {
          display: flex;
          align-items: center;
          overflow: hidden;
          text-overflow: ellipsis;
          padding-right: 40px; }
          .ui__inputText .ui__field_input .select2 .select2-selection__rendered .select2__customSelect_line .ui__filter_icon {
            width: 16px;
            height: 16px;
            margin-right: 5px;
            fill: transparent;
            stroke: #0e1a2f; }
      .ui__inputText .ui__field_input .select2 .select2-selection--multiple {
        background: #FAFAFA;
        min-width: 100% !important;
        min-height: 44px !important;
        border: 1px solid transparent !important;
        height: auto !important;
        padding: 11.5px 15px !important;
        display: flex !important;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
        transition: all 0.3s ease; }
        .ui__inputText .ui__field_input .select2 .select2-selection--multiple .select2-search .ui__field_icon {
          display: none !important; }
        .ui__inputText .ui__field_input .select2 .select2-selection--multiple .select2__customSelect_line {
          display: flex;
          align-items: center; }
          .ui__inputText .ui__field_input .select2 .select2-selection--multiple .select2__customSelect_line .ui__filter_icon {
            width: 16px;
            height: 16px;
            margin-right: 5px;
            fill: transparent;
            stroke: #0e1a2f; }
          .ui__inputText .ui__field_input .select2 .select2-selection--multiple .select2__customSelect_line span {
            color: #1053FF;
            margin-left: 4px; }
        .ui__inputText .ui__field_input .select2 .select2-selection--multiple .select2-selection__rendered {
          display: none !important; }
      .ui__inputText .ui__field_input .select2:hover .select2-selection--multiple, .ui__inputText .ui__field_input .select2:hover .select2-selection__rendered {
        border: 1px solid #EAEAEA !important; }
    .ui__inputText .ui__field_input .ui__field_icon {
      width: 30px;
      height: 24px;
      transition: all 0.3s ease;
      fill: #0e1a2f;
      cursor: pointer;
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%); }
      .ui__inputText .ui__field_input .ui__field_icon:hover {
        fill: #1053FF; }
    .ui__inputText .ui__field_input .js__mulripleDatePicker {
      padding-left: 40px;
      padding-right: 15px !important; }
    .ui__inputText .ui__field_input .js__mulripleDatePicker + .ui__field_icon {
      width: 30px;
      height: 20px;
      transition: all 0.3s ease;
      fill: #0e1a2f;
      cursor: pointer;
      position: absolute;
      top: 50%;
      left: 8px; }
      .ui__inputText .ui__field_input .js__mulripleDatePicker + .ui__field_icon:hover {
        fill: #1053FF; }
    .ui__inputText .ui__field_input input[type="password"] + .ui__field_icon {
      fill: transparent;
      stroke: #0e1a2f; }
      .ui__inputText .ui__field_input input[type="password"] + .ui__field_icon:hover {
        stroke: #1053FF; }
  .ui__inputText .ui__field_desc {
    margin-top: 4px; }
  .ui__inputText.error .ui__field_input input, .ui__inputText.error .ui__field_input textarea {
    background: #FEF5F4;
    border: 1px solid #E84632; }
  .ui__inputText.error .ui__field_input .select2 .select2-selection__rendered, .ui__inputText.error .ui__field_input .select2 .select2-selection--multiple {
    background: #FEF5F4 !important;
    border: 1px solid #E84632 !important; }

.select2-dropdown {
  border: 0 !important;
  z-index: 100000;
  box-shadow: 0px 5px 8px rgba(10, 30, 63, 0.1); }
  .select2-dropdown .select2-results__option--selected {
    background: transparent; }
  .select2-dropdown .select2__customDropdown_result {
    color: #0e1a2f; }
  .select2-dropdown .select2-results__option {
    padding: 10px 12px; }
    .select2-dropdown .select2-results__option + .select2-results__option {
      border-top: 1px solid #F5F5F5; }

.select2-container--default .select2-selection--multiple {
  cursor: pointer; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #F5F5F5;
  color: #0e1a2f; }
  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .select2__customDropdown_result::before {
    border: 1px solid #1053FF; }

.select2-container--open .select2__customSelect_line .ui__field_icon {
  transform: rotate(180deg);
  top: 30%; }

.select2-container--open .select2-selection__arrow .ui__field_icon {
  transform: rotate(180deg);
  top: 20%; }

.select2-selection__arrow {
  top: 7px !important; }

.select2-container--open .select2-selection--multiple {
  border: 1px solid #1053FF !important; }

.select2-results__option--selected .select2__customDropdown_result::before {
  background-image: url(../assets/images/form__check.svg) !important;
  background-color: #1053FF !important; }

.select2__customDropdown_result {
  display: flex;
  align-items: center; }
  .select2__customDropdown_result input[type="checkbox"] {
    display: none; }
  .select2__customDropdown_result::before {
    content: "";
    display: flex;
    background-color: #F5F5F5;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border: 1px solid transparent;
    transition: all 0.3s ease; }

.darkTheme .form-group input[type="hidden"] + label {
  color: #fff !important; }
.darkTheme .form-group .checkboxDiv {
  color: #fff;
  background: #2F2F2F !important; }
  .darkTheme .form-group .checkboxDiv.active {
    background: #1053FF !important; }
.darkTheme .select2-dropdown .select2-results__option {
  color: #fff; }
.darkTheme .select2-container--default .select2-selection--single {
  background-color: transparent; }
.darkTheme .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #000;
  background: #242424;
  color: #fff; }
.darkTheme .ui__field_input .select2 .select2-selection__rendered, .darkTheme .ui__field_input .select2 .select2-selection--multiple {
  background: #2F2F2F !important;
  color: #fff !important; }
.darkTheme .ui__inputText .ui__field_title {
  color: #818592; }
.darkTheme .ui__inputText .ui__field_input input, .darkTheme .ui__inputText .ui__field_input textarea {
  background: #242424; }
  .darkTheme .ui__inputText .ui__field_input input:hover, .darkTheme .ui__inputText .ui__field_input textarea:hover {
    border: 1px solid #0e1a2f; }
.darkTheme .ui__inputText .ui__field_input .select2:hover .select2-selection--multiple, .darkTheme .ui__inputText .ui__field_input .select2:hover .select2-selection__rendered {
  border: 1px solid #0e1a2f !important; }
.darkTheme .ui__inputText .ui__field_input .select2 .select2-selection--multiple .select2__customSelect_line {
  color: #fff; }
  .darkTheme .ui__inputText .ui__field_input .select2 .select2-selection--multiple .select2__customSelect_line .ui__filter_icon {
    stroke: #fff; }
  .darkTheme .ui__inputText .ui__field_input .select2 .select2-selection--multiple .select2__customSelect_line span {
    color: #fff; }
.darkTheme .ui__inputText .ui__field_input .ui__field_icon {
  fill: #fff; }
.darkTheme .ui__inputText .ui__field_input input[type="password"] + .ui__field_icon {
  stroke: #fff; }
  .darkTheme .ui__inputText .ui__field_input input[type="password"] + .ui__field_icon:hover {
    stroke: #1053FF; }
.darkTheme .ui__inputText.error .ui__field_input input, .darkTheme .ui__inputText.error .ui__field_input textarea {
  background: #2A2524; }
.darkTheme .ui__inputText.error .ui__field_input .select2 .select2-selection__rendered, .darkTheme .ui__inputText.error .ui__field_input .select2 .select2-selection--multiple {
  background: #2A2524 !important; }
.darkTheme .select2-dropdown {
  background-color: #303030; }
  .darkTheme .select2-dropdown .select2-results__option + .select2-results__option {
    border-color: #44454A; }
  .darkTheme .select2-dropdown .select2__customDropdown_result {
    color: #fff; }
.darkTheme .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #1F1F1F;
  color: #fff; }
.darkTheme .select2__customDropdown_result::before {
  background-color: #454545; }

.ui__checkbox {
  display: flex; }
  .ui__checkbox .ui__checkbox_text {
    cursor: pointer; }
  .ui__checkbox .ui__field_input + .ui__checkbox_text {
    margin-left: 10px; }
  .ui__checkbox .ui__field_input div {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    background: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .ui__checkbox .ui__field_input div svg {
      fill: transparent;
      stroke: #fff;
      transition: all 0.3s ease;
      opacity: 0;
      pointer-events: none;
      width: 14.5px;
      height: 14.5px;
      min-width: 14.5px; }
    .ui__checkbox .ui__field_input div:hover {
      border: 1px solid #1053FF; }
    .ui__checkbox .ui__field_input div:active {
      border: 1px solid #FF55E4; }
  .ui__checkbox .ui__field_input input {
    display: none; }
    .ui__checkbox .ui__field_input input:checked + div {
      background: #1053FF; }
      .ui__checkbox .ui__field_input input:checked + div svg {
        opacity: 1; }
    .ui__checkbox .ui__field_input input:disabled + div {
      pointer-events: none;
      background: transparent;
      border: 1px solid #DEE1EA; }
      .ui__checkbox .ui__field_input input:disabled + div svg {
        opacity: 0; }
    .ui__checkbox .ui__field_input input:disabled:checked + div {
      background: #DEE1EA;
      border: 1px solid #DEE1EA; }
      .ui__checkbox .ui__field_input input:disabled:checked + div svg {
        opacity: 1; }
  .ui__checkbox--white .ui__field_input div {
    background: #fff; }
    .ui__checkbox--white .ui__field_input div svg {
      stroke: #1053FF; }
  .ui__checkbox.error .ui__field_input div {
    background: #FEF5F4 !important;
    border: 1px solid #E84632 !important; }
  .ui__checkbox.error .ui__field_input input:checked + div {
    background: #E84632 !important; }

.darkTheme .ui__checkbox .ui__checkbox_text {
  color: #fff; }
.darkTheme .ui__checkbox .ui__field_input div {
  background: #454545; }

.ui__radio .ui__field_input div {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #DEE1EA;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 16px; }
  .ui__radio .ui__field_input div::before {
    content: "";
    display: block;
    width: 8px;
    min-width: 8px;
    height: 8px;
    border-radius: 8px;
    transition: all 0.3s ease; }
  .ui__radio .ui__field_input div:hover {
    border: 1px solid #1053FF; }
  .ui__radio .ui__field_input div:active {
    border: 1px solid #FF55E4 !important; }
.ui__radio .ui__field_input input {
  display: none; }
  .ui__radio .ui__field_input input:checked + div {
    border: 1px solid #1053FF; }
    .ui__radio .ui__field_input input:checked + div::before {
      background: #1053FF; }
  .ui__radio .ui__field_input input:disabled + div {
    background: #FAFAFA;
    border: transparent; }
  .ui__radio .ui__field_input input:disabled:checked + div {
    border: 1px solid #E0E0E0; }
    .ui__radio .ui__field_input input:disabled:checked + div::before {
      background: #E0E0E0; }
.ui__radio.error .ui__field_input div {
  border: 1px solid #E84632 !important; }
.ui__radio.error .ui__field_input input:checked + div:before {
  background: #E84632 !important; }

.ui__champBalance {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 560px) {
    .ui__champBalance {
      display: none !important; } }
  .ui__champBalance div {
    display: flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 36px;
    background: #0E1A2F;
    margin-left: 10px; }
    .ui__champBalance div span {
      color: #fff; }
    .ui__champBalance div svg {
      min-width: 20px;
      width: 20px;
      aspect-ratio: 1/1;
      fill: #fff;
      margin-left: 5px; }
  .ui__champBalance + .ui__btn {
    margin-left: 20px; }

.darkTheme .ui__champBalance span {
  color: #fff; }

.ui__marketplace {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px; }
  .ui__marketplace_item {
    width: calc(25% - 20px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px; }
    @media screen and (max-width: 1378px) {
      .ui__marketplace_item {
        width: calc(33.333% - 20px); } }
    @media screen and (max-width: 768px) {
      .ui__marketplace_item {
        width: calc(50% - 20px); } }
    @media screen and (max-width: 560px) {
      .ui__marketplace_item {
        width: 100%; } }
    .ui__marketplace_item .ui__openSettings {
      position: absolute;
      top: 20px;
      right: 20px;
      opacity: 0;
      pointer-events: none;
      transition: all 0.3s ease; }
    .ui__marketplace_item_img {
      width: 100%;
      margin-bottom: 20px; }
      .ui__marketplace_item_img img {
        aspect-ratio: 1.2222222222;
        border-radius: 5px;
        object-fit: contain;
        object-position: center; }
    .ui__marketplace_item_balance {
      display: flex;
      align-items: center; }
      .ui__marketplace_item_balance span {
        font-size: 22px !important; }
      .ui__marketplace_item_balance svg {
        margin-left: 2px;
        width: 20px;
        min-width: 20px;
        aspect-ratio: 1/1;
        fill: #1053FF; }
    .ui__marketplace_item h3 {
      padding-bottom: 10px;
      padding-top: 7px;
      margin-bottom: auto; }
    .ui__marketplace_item > button {
      margin-top: 10px; }
    .ui__marketplace_item:hover .ui__openSettings {
      opacity: 1;
      pointer-events: auto; }

.darkTheme .ui__marketplace .empty {
  color: #fff; }
.darkTheme .ui__marketplace_item {
  background: #242424; }

.ui__marketplaceBlock {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 20px;
  padding-left: 0;
  padding-right: 0;
  border-radius: 5px; }
  @media screen and (max-width: 768px) {
    .ui__marketplaceBlock {
      flex-direction: column; } }
  .ui__marketplaceBlock_img {
    max-width: 568px;
    height: 568px;
    margin-right: 30px;
    background: #fff;
    border-radius: 5px; }
    @media screen and (max-width: 1320px) {
      .ui__marketplaceBlock_img {
        max-width: 400px;
        height: 400px; } }
    @media screen and (max-width: 768px) {
      .ui__marketplaceBlock_img {
        max-width: 100%;
        height: unset;
        aspect-ratio: 1/1;
        margin-right: 0;
        margin-bottom: 40px; } }
    .ui__marketplaceBlock_img img {
      max-width: 100%;
      height: 100%; }
  .ui__marketplaceBlock_desc {
    width: calc(100% - 668px); }
    @media screen and (max-width: 1320px) {
      .ui__marketplaceBlock_desc {
        width: calc(100% - 490px); } }
    @media screen and (max-width: 768px) {
      .ui__marketplaceBlock_desc {
        width: 100%; } }
    .ui__marketplaceBlock_desc h2 {
      margin-bottom: 4px; }
    .ui__marketplaceBlock_desc p {
      margin-bottom: 24px; }
    .ui__marketplaceBlock_desc .ui__marketplace_item_balance {
      display: flex;
      align-items: center;
      margin-bottom: 52px;
      margin-top: 24px; }
      .ui__marketplaceBlock_desc .ui__marketplace_item_balance button {
        margin-left: 30px; }
    .ui__marketplaceBlock_desc ul {
      margin-top: auto;
      margin-bottom: auto;
      padding-bottom: 30px; }
      .ui__marketplaceBlock_desc ul li {
        display: flex;
        align-items: center; }
        .ui__marketplaceBlock_desc ul li svg {
          width: 24px;
          height: 24px;
          min-width: 24px;
          fill: #0e1a2f;
          margin-right: 8px; }
        .ui__marketplaceBlock_desc ul li + li {
          margin-top: 16px; }
  .ui__marketplaceBlock_notify {
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid #E84632;
    background: #FEF5F4;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .ui__marketplaceBlock_notify svg {
      min-width: 24px;
      width: 24px;
      height: 24px;
      margin-right: 20px;
      fill: #E84632; }
    .ui__marketplaceBlock_notify p {
      margin-bottom: 0;
      font-weight: 400;
      font-size: 14px;
      line-height: 140%;
      color: #0e1a2f; }

.darkTheme .ui__marketplaceBlock {
  background: #242424; }
  .darkTheme .ui__marketplaceBlock_img {
    background: transparent; }
  .darkTheme .ui__marketplaceBlock_desc p {
    color: #fff !important; }
  .darkTheme .ui__marketplaceBlock_desc ul li {
    color: #fff; }
  .darkTheme .ui__marketplaceBlock_notify {
    color: #fff; }

.ui__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .ui__tags {
      flex-wrap: wrap; } }
  .ui__tags .ui__tag {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 10px; }
  .ui__tags .ui__tags_filter {
    margin-left: auto; }
    @media screen and (max-width: 768px) {
      .ui__tags .ui__tags_filter {
        width: 100%;
        margin-top: 20px; } }

.darkTheme .ui__tags_filter {
  color: #fff !important; }
  .darkTheme .ui__tags_filter:hover {
    color: #1053FF !important; }

.ui__tag .ui__field_input div {
  border: 1px solid #BDC1CE;
  border-radius: 50px;
  padding: 6px 20px;
  transition: all 0.3s ease;
  width: fit-content;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center; }
  .ui__tag .ui__field_input div:hover {
    border: 1px solid #0e1a2f; }
  .ui__tag .ui__field_input div:active {
    border: 1px solid #FF55E4; }
.ui__tag .ui__field_input input {
  display: none; }
  .ui__tag .ui__field_input input:checked + div {
    background: #0e1a2f;
    color: #fff;
    border: 1px solid transparent; }
  .ui__tag .ui__field_input input:disabled + div {
    border: 1px solid #DEE1EA;
    color: #DEE1EA;
    pointer-events: none !important; }
  .ui__tag .ui__field_input input:disabled:checked + div {
    background: #DEE1EA !important;
    border: 1px solid #DEE1EA !important;
    color: #fff !important;
    pointer-events: none !important; }

.darkTheme .ui__tag .ui__field_input div {
  border: 1px solid #818592; }
  .darkTheme .ui__tag .ui__field_input div:hover {
    border: 1px solid #fff; }
  .darkTheme .ui__tag .ui__field_input div:active {
    border: 1px solid #FF55E4; }
.darkTheme .ui__tag .ui__field_input input:checked + div {
  background: #1053FF; }

.ui__avatar {
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1 !important;
  border-radius: 50%;
  min-width: 40px;
  object-fit: cover;
  object-position: center; }
  .ui__avatar_big {
    width: 54px;
    height: 54px;
    min-width: 54px; }
  .ui__avatar_normal {
    width: 40px;
    height: 40px;
    min-width: 40px; }
  .ui__avatar_small {
    width: 32px;
    height: 32px;
    min-width: 32px; }

.ui__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 560px;
  width: 100%;
  padding-top: 84px;
  padding-bottom: 84px;
  border: 1px dashed #BDC1CE;
  border-radius: 5px;
  transition: all 0.3s ease;
  cursor: pointer; }
  .ui__dropzone_title {
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: #0e1a2f;
    margin-bottom: 18px;
    pointer-events: none; }
  .ui__dropzone_or {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #818592;
    pointer-events: none; }
  .ui__dropzone input[type="file"] {
    display: none; }
  .ui__dropzone_button {
    transition: all 0.3s ease;
    background: #0e1a2f;
    margin-top: 18px; }
    .ui__dropzone_button:hover {
      opacity: 0.7; }
  .ui__dropzone_desc {
    margin-top: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #818592;
    pointer-events: none; }
  .ui__dropzone.js__dragOver {
    background: #BDC1CE; }
    .ui__dropzone.js__dragOver * {
      pointer-events: none; }

.darkTheme .ui__dropzone_title {
  color: #fff; }

.ui__addFileMin {
  border-radius: 5px;
  border: 1px solid #BDC1CE;
  transition: all 0.3s ease;
  padding: 3.5px 12px;
  display: flex;
  align-items: center;
  width: fit-content;
  cursor: pointer; }
  .ui__addFileMin:hover {
    background: #F5F5F5; }
  .ui__addFileMin input {
    display: none;
    transition: all 0.3s ease; }
  .ui__addFileMin svg {
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin-right: 2px;
    transition: all 0.3s ease; }
  .ui__addFileMin span {
    color: #0e1a2f;
    transition: all 0.3s ease; }

.darkTheme .ui__addFileMin {
  border-color: rgba(255, 255, 255, 0.2);
  background: transparent; }
  .darkTheme .ui__addFileMin span {
    color: rgba(255, 255, 255, 0.5); }
  .darkTheme .ui__addFileMin svg {
    fill: rgba(255, 255, 255, 0.5); }
  .darkTheme .ui__addFileMin:hover {
    border-color: rgba(255, 255, 255, 0.6); }
    .darkTheme .ui__addFileMin:hover span {
      color: #fff; }
    .darkTheme .ui__addFileMin:hover svg {
      fill: #fff; }

.ui__tooltipInside_top,
.ui__tooltipInside_right,
.ui__tooltipInside_bottom,
.ui__tooltipInside_left {
  position: relative;
  width: fit-content;
  transition: all 0.3s ease; }
  .ui__tooltipInside_top .tooltipText,
  .ui__tooltipInside_right .tooltipText,
  .ui__tooltipInside_bottom .tooltipText,
  .ui__tooltipInside_left .tooltipText {
    color: #fff;
    background: #0e1a2f;
    border-radius: 5px;
    position: absolute;
    padding: 5px;
    max-width: 300px;
    white-space: nowrap;
    width: fit-content;
    pointer-events: none;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 20; }
    .ui__tooltipInside_top .tooltipText::before,
    .ui__tooltipInside_right .tooltipText::before,
    .ui__tooltipInside_bottom .tooltipText::before,
    .ui__tooltipInside_left .tooltipText::before {
      content: "";
      display: block;
      position: absolute;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #0e1a2f transparent transparent transparent; }
  .ui__tooltipInside_top:hover .tooltipText,
  .ui__tooltipInside_right:hover .tooltipText,
  .ui__tooltipInside_bottom:hover .tooltipText,
  .ui__tooltipInside_left:hover .tooltipText {
    opacity: 1; }

.ui__tooltipInside_top .tooltipText {
  top: 0; }
  .ui__tooltipInside_top .tooltipText.chevron__left {
    left: 0;
    transform: translateY(calc(-100% - 8px)); }
    .ui__tooltipInside_top .tooltipText.chevron__left::before {
      left: 12px;
      top: 100%; }
  .ui__tooltipInside_top .tooltipText.chevron__center {
    left: 50%;
    transform: translateX(-50%) translateY(calc(-100% - 8px)); }
    .ui__tooltipInside_top .tooltipText.chevron__center::before {
      left: 50%;
      top: 100%; }
  .ui__tooltipInside_top .tooltipText.chevron__right {
    right: 0;
    transform: translateY(calc(-100% - 8px)); }
    .ui__tooltipInside_top .tooltipText.chevron__right::before {
      right: 12px;
      top: 100%; }

.ui__tooltipInside_bottom .tooltipText {
  bottom: 0; }
  .ui__tooltipInside_bottom .tooltipText.chevron__left {
    left: 0;
    transform: translateY(calc(100% + 8px)); }
    .ui__tooltipInside_bottom .tooltipText.chevron__left::before {
      bottom: 100%;
      left: 12px;
      border-color: transparent transparent #0e1a2f transparent; }
  .ui__tooltipInside_bottom .tooltipText.chevron__center {
    left: 50%;
    transform: translateX(-50%) translateY(calc(100% + 8px)); }
    .ui__tooltipInside_bottom .tooltipText.chevron__center::before {
      bottom: 100%;
      left: 50%;
      border-color: transparent transparent #0e1a2f transparent; }
  .ui__tooltipInside_bottom .tooltipText.chevron__right {
    right: 0;
    transform: translateY(calc(100% + 8px)); }
    .ui__tooltipInside_bottom .tooltipText.chevron__right::before {
      bottom: 100%;
      right: 12px;
      border-color: transparent transparent #0e1a2f transparent; }

.ui__tooltipInside_left .tooltipText {
  left: 0;
  transform: translateY(-50%) translateX(calc(-100% - 8px));
  top: 50%; }
  .ui__tooltipInside_left .tooltipText::before {
    left: calc(100% + 4px);
    top: 50%;
    transform: translateY(-50%);
    border-color: transparent transparent transparent #0e1a2f; }

.ui__tooltipInside_right .tooltipText {
  right: 0;
  transform: translateY(-50%) translateX(calc(100% + 8px));
  top: 50%; }
  .ui__tooltipInside_right .tooltipText::before {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-color: transparent #0e1a2f transparent transparent; }

.ui__fileTag {
  border-radius: 32px;
  padding: 4px 10px;
  border: 1px solid #818592;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  width: fit-content; }
  .ui__fileTag svg {
    min-width: 24px;
    width: 24px;
    height: 24px;
    fill: #0e1a2f;
    transition: all 0.3s ease;
    margin-right: 5px; }
  .ui__fileTag span {
    transition: all 0.3s ease; }
  .ui__fileTag:hover {
    border-color: #1053FF; }
    .ui__fileTag:hover svg {
      fill: #1053FF; }
    .ui__fileTag:hover span {
      color: #1053FF; }

.ui__faqItem_content ul li, .ui__offerCard ul li {
  padding-left: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
  position: relative; }
  .ui__faqItem_content ul li::before, .ui__offerCard ul li::before {
    content: "—";
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
.ui__faqItem_content .select2-selection__rendered li, .ui__faqItem_content .ui__openSettings li, .ui__offerCard .select2-selection__rendered li, .ui__offerCard .ui__openSettings li {
  padding-left: inherit !important; }
  .ui__faqItem_content .select2-selection__rendered li::before, .ui__faqItem_content .ui__openSettings li::before, .ui__offerCard .select2-selection__rendered li::before, .ui__offerCard .ui__openSettings li::before {
    content: unset !important; }

.ui__offerSlidableCard_mainInfo li {
  padding-left: 0; }
  .ui__offerSlidableCard_mainInfo li::before {
    content: unset !important; }

.ui__ruporItem {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  margin-top: 12px !important; }
  .ui__ruporItem_header {
    display: flex;
    align-items: center;
    margin-bottom: 30px; }
    @media screen and (max-width: 560px) {
      .ui__ruporItem_header {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        margin-bottom: 12px; } }
    @media screen and (max-width: 560px) {
      .ui__ruporItem_header .header__title_left {
        margin-bottom: 0; } }
    .ui__ruporItem_header .ui__title {
      margin-right: auto; }
    .ui__ruporItem_header .ui__openSettings {
      margin-left: 30px; }
      @media screen and (max-width: 560px) {
        .ui__ruporItem_header .ui__openSettings {
          margin-left: 0;
          position: absolute;
          right: 0;
          top: 0; } }
  @media screen and (max-width: 560px) {
    .ui__ruporItem_date {
      order: -1; } }
  .ui__ruporItem_desc {
    max-height: 104px;
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 560px) {
      .ui__ruporItem_desc {
        max-width: 100%;
        text-overflow: ellipsis; } }
    .ui__ruporItem_desc p {
      line-height: 140% !important;
      word-wrap: break-word; }
    .ui__ruporItem_desc ul li {
      padding-left: 18px;
      margin-top: 8px;
      margin-bottom: 8px;
      position: relative; }
      .ui__ruporItem_desc ul li::before {
        content: "—";
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
    .ui__ruporItem_desc a {
      text-decoration: underline; }
  .ui__ruporItem_imgs {
    margin-top: 30px; }
    .ui__ruporItem_imgs img {
      border-radius: 5px;
      max-width: 220px; }
      .ui__ruporItem_imgs img + img {
        margin-top: 12px; }
  .ui__ruporItem_files {
    margin-top: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .ui__ruporItem_files .ui__fileTag {
      margin-top: 4px;
      margin-right: 4px; }
  .ui__ruporItem_controls {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 560px) {
      .ui__ruporItem_controls a {
        width: 100%; } }
    .ui__ruporItem_controls img {
      aspect-ratio: 1/1;
      background: transparent; }
      .ui__ruporItem_controls img + img {
        margin-left: -18px; }
  .ui__ruporItem_comments {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 560px) {
      .ui__ruporItem_comments {
        flex-wrap: wrap;
        margin-top: 16px; } }
    .ui__ruporItem_comments span {
      margin-left: 10px;
      margin-right: 20px; }
      @media screen and (max-width: 560px) {
        .ui__ruporItem_comments span {
          margin: 0;
          margin-left: 0px; } }
    @media screen and (max-width: 560px) {
      .ui__ruporItem_comments .ui__btn {
        max-width: 100%;
        width: 100%;
        margin-top: 12px; } }
    .ui__ruporItem_comments img:last-child {
      margin-right: 12px !important; }
  .ui__ruporItem_views {
    display: flex;
    align-items: center; }
    .ui__ruporItem_views svg {
      min-width: 20px;
      width: 20px;
      height: 20px;
      stroke: #818592;
      fill: transparent; }
    .ui__ruporItem_views span {
      font-size: 14px;
      line-height: 17px;
      color: #818592; }
  .ui__ruporItem_reactions {
    display: flex;
    align-items: center;
    margin-top: 24px; }
    @media screen and (max-width: 560px) {
      .ui__ruporItem_reactions {
        display: none;
        margin-right: 12px; } }
    .ui__ruporItem_reactions .ui__ruporItem_reactionsItem {
      background: #F5F5F5;
      transition: all 0.3s ease;
      padding: 4px 7px;
      border-radius: 20px;
      cursor: pointer; }
      .ui__ruporItem_reactions .ui__ruporItem_reactionsItem img {
        width: 12px; }
      .ui__ruporItem_reactions .ui__ruporItem_reactionsItem svg {
        min-width: 14px;
        width: 14px;
        height: 14px;
        fill: #0e1a2f; }
      .ui__ruporItem_reactions .ui__ruporItem_reactionsItem + .ui__ruporItem_reactionsItem {
        margin-left: 12px; }
      .ui__ruporItem_reactions .ui__ruporItem_reactionsItem:hover {
        background: #BDC1CE; }
      .ui__ruporItem_reactions .ui__ruporItem_reactionsItem.active {
        background: #1053FF;
        color: #fff; }
  .ui__ruporItem + .ui__addComment {
    margin-top: 10px; }

.darkTheme .ui__ruporItem {
  background: #242424; }
  .darkTheme .ui__ruporItem_header {
    color: #fff; }
    .darkTheme .ui__ruporItem_header > * {
      color: #fff; }
  .darkTheme .ui__ruporItem_files span {
    color: #fff; }
  .darkTheme .ui__ruporItem_files svg {
    fill: #fff; }
  .darkTheme .ui__ruporItem_desc {
    color: #fff; }
    .darkTheme .ui__ruporItem_desc * {
      color: #fff; }
      .darkTheme .ui__ruporItem_desc * span, .darkTheme .ui__ruporItem_desc * strong {
        color: #fff !important; }
  .darkTheme .ui__ruporItem_controls img {
    background: transparent; }
  .darkTheme .ui__ruporItem_reactions .ui__ruporItem_reactionsItem {
    background: #323332; }
  .darkTheme .ui__ruporItem_reactions span {
    color: #fff; }
  .darkTheme .ui__ruporItem_reactions svg {
    fill: #fff; }
  .darkTheme .ui__ruporItem_reactions.active {
    background: #1053FF; }

.ui__ruporComments {
  display: flex;
  flex-direction: column; }
  .ui__ruporComments_title {
    width: 100%;
    display: flex;
    margin-bottom: 10px; }
    .ui__ruporComments_title h3 {
      font-size: 20px;
      font-weight: 400; }
    .ui__ruporComments_title span {
      margin-top: 6px;
      margin-left: 20px; }
  .ui__ruporComments_item {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    margin-left: 30px; }
    @media screen and (max-width: 768px) {
      .ui__ruporComments_item {
        margin-left: 0; } }
    .ui__ruporComments_item + .ui__ruporComments_item {
      border-top: 1px solid #BDC1CE; }
    .ui__ruporComments_item_img {
      margin-right: 20px; }
    .ui__ruporComments_item_comment {
      width: 100%; }
      .ui__ruporComments_item_comment h3 {
        margin-bottom: 10px;
        width: 100%;
        display: flex;
        position: relative; }
        @media screen and (max-width: 560px) {
          .ui__ruporComments_item_comment h3 {
            flex-direction: column; } }
        .ui__ruporComments_item_comment h3 .ui__openSettings {
          position: absolute;
          top: -4px;
          right: 0; }
          .ui__ruporComments_item_comment h3 .ui__openSettings ul {
            top: unset;
            bottom: 100%; }
            .ui__ruporComments_item_comment h3 .ui__openSettings ul::before {
              top: unset;
              bottom: -40px; }
        .ui__ruporComments_item_comment h3 > span {
          margin-left: auto; }
          @media screen and (max-width: 560px) {
            .ui__ruporComments_item_comment h3 > span {
              margin-left: 0;
              margin-top: 2px;
              font-size: 12px; } }
      .ui__ruporComments_item_comment p {
        max-width: 60%;
        word-wrap: break-word; }
        @media screen and (max-width: 1024px) {
          .ui__ruporComments_item_comment p {
            max-width: 100%; } }
      .ui__ruporComments_item_comment_Emoji {
        display: flex;
        align-items: center;
        margin-top: 17px; }
        .ui__ruporComments_item_comment_Emoji button {
          border-radius: 36px;
          padding: 4px 6px;
          display: flex;
          align-items: center;
          cursor: pointer;
          transition: all 0.3s ease; }
          .ui__ruporComments_item_comment_Emoji button img {
            width: 12px;
            height: 12px;
            margin-right: 3px; }
          .ui__ruporComments_item_comment_Emoji button svg {
            min-width: 14px;
            height: 14px;
            width: 14px;
            fill: #0e1a2f; }
          .ui__ruporComments_item_comment_Emoji button:hover {
            background: #BDC1CE; }
          .ui__ruporComments_item_comment_Emoji button + button {
            margin-left: 4px; }
      .ui__ruporComments_item_comment_answer {
        border-left: 1px solid #1053FF;
        background: #fff;
        padding: 3px 10px;
        max-width: 60%;
        border-radius: 0 5px 5px 0;
        margin-bottom: 10px; }
        @media screen and (max-width: 1024px) {
          .ui__ruporComments_item_comment_answer {
            max-width: 100%; } }
        .ui__ruporComments_item_comment_answer span {
          margin-bottom: 10px;
          display: block; }
    .ui__ruporComments_item:last-child .ui__openSettings ul {
      /* top: unset */
      /* bottom: 100% */ }

.darkTheme .ui__ruporComments_item_comment_answer {
  background: #242424; }
.darkTheme .ui__ruporComments_item_comment_Emoji button:hover {
  background: #242424; }
.darkTheme .ui__ruporComments_item_comment_Emoji button svg {
  fill: #fff; }

.ui__addComment {
  padding: 11.5px;
  border: 1px solid #BDC1CE;
  border-radius: 5px;
  background: #fff;
  display: flex;
  align-items: center; }
  .ui__addComment .ui__addEmoji {
    border-right: 1px solid #BDC1CE; }
  .ui__addComment .ui__inputField {
    width: 100%;
    max-width: unset; }
    .ui__addComment .ui__inputField .ui__inputField_input {
      background: unset;
      border: 1px solid transparent; }

.darkTheme .ui__addComment {
  background: #242424;
  border: 1px solid transparent; }

.ui__addEmoji {
  cursor: pointer;
  min-width: 40px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .ui__addEmoji svg {
    min-width: 20px;
    width: 20px;
    height: 20px;
    fill: #818592; }

.tabcontent .ui__tableFilter {
  margin-top: 32px; }

.ui__tableFilter {
  display: flex;
  align-items: stretch;
  border: 1px solid #EAECF3;
  border-radius: 5px;
  background: #fff;
  padding: 5px;
  margin-bottom: 6px; }
  @media screen and (max-width: 1024px) {
    .ui__tableFilter {
      padding: 5px;
      border: 0;
      background: unset;
      flex-direction: column; } }
  .ui__tableFilter .help-block {
    display: none !important; }
  .ui__tableFilter .ui__tableFilter_mobile {
    display: none; }
    @media screen and (max-width: 1024px) {
      .ui__tableFilter .ui__tableFilter_mobile {
        display: flex; } }
    .ui__tableFilter .ui__tableFilter_mobile-button {
      display: flex;
      align-items: center;
      font-size: 14px;
      color: #0e1a2f;
      margin-bottom: 15px;
      cursor: pointer;
      position: relative; }
      .ui__tableFilter .ui__tableFilter_mobile-button svg {
        width: 20px;
        min-width: 20px;
        height: 20px;
        fill: #0e1a2f;
        margin-right: 5px; }
      .ui__tableFilter .ui__tableFilter_mobile-button .button {
        display: flex;
        align-items: center; }
      .ui__tableFilter .ui__tableFilter_mobile-button .ui__tableFilter_mobile-modal {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 50;
        background: #fff;
        transition: all 0.3s ease;
        opacity: 0;
        pointer-events: none;
        transform: translateY(20px); }
        .ui__tableFilter .ui__tableFilter_mobile-button .ui__tableFilter_mobile-modal.openned {
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0px); }
        .ui__tableFilter .ui__tableFilter_mobile-button .ui__tableFilter_mobile-modal .ui__tableFilter_mobile-modalHeader {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding-top: 24px;
          padding-bottom: 15px;
          padding-left: 16px;
          padding-right: 16px;
          border-bottom: 1px solid #F5F5F5;
          margin-bottom: 22px; }
        .ui__tableFilter .ui__tableFilter_mobile-button .ui__tableFilter_mobile-modal .ui__tableFilter_mobile-modalContent {
          overflow: auto;
          display: flex;
          flex-direction: column;
          padding-left: 16px;
          padding-right: 16px;
          height: calc(100% - 160px);
          padding-bottom: 20px; }
          .ui__tableFilter .ui__tableFilter_mobile-button .ui__tableFilter_mobile-modal .ui__tableFilter_mobile-modalContent > span {
            font-size: 20px;
            color: #0e1a2f;
            margin-bottom: 10px;
            display: block; }
          .ui__tableFilter .ui__tableFilter_mobile-button .ui__tableFilter_mobile-modal .ui__tableFilter_mobile-modalContent .ui__checkbox {
            padding-top: 12px;
            padding-bottom: 12px;
            padding-left: 10px;
            padding-right: 10px; }
            .ui__tableFilter .ui__tableFilter_mobile-button .ui__tableFilter_mobile-modal .ui__tableFilter_mobile-modalContent .ui__checkbox + .ui__checkbox {
              border-top: 1px solid #F5F5F5; }
            .ui__tableFilter .ui__tableFilter_mobile-button .ui__tableFilter_mobile-modal .ui__tableFilter_mobile-modalContent .ui__checkbox + span {
              margin-top: 24px; }
        .ui__tableFilter .ui__tableFilter_mobile-button .ui__tableFilter_mobile-modal > button {
          margin-top: auto;
          margin-left: 16px;
          margin-right: 16px;
          width: calc(100% - 32px); }
  .ui__tableFilter input, .ui__tableFilter textarea, .ui__tableFilter .select2-container {
    border: 1px solid transparent !important; }
    @media screen and (max-width: 1024px) {
      .ui__tableFilter input, .ui__tableFilter textarea, .ui__tableFilter .select2-container {
        border: 0px solid transparent !important; } }
    .ui__tableFilter input .select2-selection__rendered, .ui__tableFilter textarea .select2-selection__rendered, .ui__tableFilter .select2-container .select2-selection__rendered {
      border: 1px solid transparent !important;
      padding: 9.5px !important;
      padding-right: 44px !important;
      min-height: 42px !important; }
      @media screen and (max-width: 1024px) {
        .ui__tableFilter input .select2-selection__rendered, .ui__tableFilter textarea .select2-selection__rendered, .ui__tableFilter .select2-container .select2-selection__rendered {
          border: 0px solid transparent !important; } }
    .ui__tableFilter input:hover, .ui__tableFilter textarea:hover, .ui__tableFilter .select2-container:hover {
      border: 1px solid transparent !important; }
      @media screen and (max-width: 1024px) {
        .ui__tableFilter input:hover, .ui__tableFilter textarea:hover, .ui__tableFilter .select2-container:hover {
          border: 0px solid transparent !important; } }
      .ui__tableFilter input:hover .select2-selection__rendered, .ui__tableFilter textarea:hover .select2-selection__rendered, .ui__tableFilter .select2-container:hover .select2-selection__rendered {
        border: 1px solid transparent !important; }
        @media screen and (max-width: 1024px) {
          .ui__tableFilter input:hover .select2-selection__rendered, .ui__tableFilter textarea:hover .select2-selection__rendered, .ui__tableFilter .select2-container:hover .select2-selection__rendered {
            border: 0px solid transparent !important; } }
  .ui__tableFilter .select2-selection__rendered {
    background: #fff; }
  .ui__tableFilter .ui__inputText, .ui__tableFilter .ui__inputField, .ui__tableFilter .ui__selectDropdown {
    background: transparent;
    max-width: 272px; }
    @media screen and (max-width: 1024px) {
      .ui__tableFilter .ui__inputText, .ui__tableFilter .ui__inputField, .ui__tableFilter .ui__selectDropdown {
        display: none; } }
    .ui__tableFilter .ui__inputText > input, .ui__tableFilter .ui__inputField > input, .ui__tableFilter .ui__selectDropdown > input {
      width: 100%;
      max-width: unset; }
    .ui__tableFilter .ui__inputText input, .ui__tableFilter .ui__inputField input, .ui__tableFilter .ui__selectDropdown input {
      background: #fff; }
    .ui__tableFilter .ui__inputText .select2-selection, .ui__tableFilter .ui__inputField .select2-selection, .ui__tableFilter .ui__selectDropdown .select2-selection {
      background: transparent !important; }
    .ui__tableFilter .ui__inputText + .ui__inputText, .ui__tableFilter .ui__inputText + .ui__selectDropdown, .ui__tableFilter .ui__inputField + .ui__inputText, .ui__tableFilter .ui__inputField + .ui__selectDropdown, .ui__tableFilter .ui__selectDropdown + .ui__inputText, .ui__tableFilter .ui__selectDropdown + .ui__selectDropdown {
      border-left: 1px solid #BDC1CE !important; }
      @media screen and (max-width: 1024px) {
        .ui__tableFilter .ui__inputText + .ui__inputText, .ui__tableFilter .ui__inputText + .ui__selectDropdown, .ui__tableFilter .ui__inputField + .ui__inputText, .ui__tableFilter .ui__inputField + .ui__selectDropdown, .ui__tableFilter .ui__selectDropdown + .ui__inputText, .ui__tableFilter .ui__selectDropdown + .ui__selectDropdown {
          border: 0 !important; } }
    .ui__tableFilter .ui__inputText:last-child, .ui__tableFilter .ui__inputField:last-child, .ui__tableFilter .ui__selectDropdown:last-child {
      border-right: 1px solid #BDC1CE !important; }
      @media screen and (max-width: 1024px) {
        .ui__tableFilter .ui__inputText:last-child, .ui__tableFilter .ui__inputField:last-child, .ui__tableFilter .ui__selectDropdown:last-child {
          border: 0; } }
    .ui__tableFilter .ui__inputText.text, .ui__tableFilter .ui__inputField.text, .ui__tableFilter .ui__selectDropdown.text {
      max-width: unset;
      width: 100%; }
      @media screen and (max-width: 1024px) {
        .ui__tableFilter .ui__inputText.text, .ui__tableFilter .ui__inputField.text, .ui__tableFilter .ui__selectDropdown.text {
          display: block;
          background: #fff; } }
      .ui__tableFilter .ui__inputText.text input, .ui__tableFilter .ui__inputField.text input, .ui__tableFilter .ui__selectDropdown.text input {
        background: transparent; }
  @media screen and (max-width: 1024px) {
    .ui__tableFilter .ui__selectDropdown {
      background: #fff !important; } }
  @media screen and (max-width: 1024px) {
    .ui__tableFilter .ui__selectDropdown .ui__selectDropdown_input {
      width: 100% !important;
      padding-right: 21px !important; } }
  @media screen and (max-width: 1024px) {
    .ui__tableFilter .ui__selectDropdown .ui__selectDropdown_input svg {
      width: 20px !important;
      min-width: 20px !important;
      height: 20px !important; } }
  .ui__tableFilter .ui__tableFilter_submit {
    padding: unset;
    width: 44px;
    min-width: 44px;
    height: 44px;
    border: 0;
    margin-right: 20px; }
    @media screen and (max-width: 1024px) {
      .ui__tableFilter .ui__tableFilter_submit {
        display: none; } }
    .ui__tableFilter .ui__tableFilter_submit svg {
      stroke: #fff;
      fill: transparent;
      width: 20px;
      min-width: 20px;
      height: 20px; }
  .ui__tableFilter .ui__tableFilter_reset {
    background: unset !important;
    color: #BDC1CE;
    pointer-events: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    padding-left: 20px;
    border-left: 1px solid #BDC1CE;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%; }
    @media screen and (max-width: 1024px) {
      .ui__tableFilter .ui__tableFilter_reset {
        display: none; } }
    .ui__tableFilter .ui__tableFilter_reset.active {
      color: #0e1a2f;
      pointer-events: auto; }
    .ui__tableFilter .ui__tableFilter_reset:active {
      border: 2px solid transparent !important; }
    .ui__tableFilter .ui__tableFilter_reset:hover {
      color: #BDC1CE !important; }

.select2__customSelect_line svg {
  fill: transparent !important;
  stroke: #0e1a2f !important; }

.darkTheme .ui__tableFilter_reset {
  color: #818592; }
  .darkTheme .ui__tableFilter_reset.active {
    color: #fff; }
  .darkTheme .ui__tableFilter_reset:active {
    border: 2px solid transparent !important; }
  .darkTheme .ui__tableFilter_reset:hover {
    color: #818592 !important; }
.darkTheme .ui__tableFilter {
  border-color: #323337;
  background: #242424; }
  @media screen and (max-width: 1024px) {
    .darkTheme .ui__tableFilter .ui__selectDropdown {
      background: transparent !important; } }
  .darkTheme .ui__tableFilter input {
    color: #fff !important; }
  .darkTheme .ui__tableFilter .select2-selection__rendered {
    background: transparent;
    color: #fff !important; }
  .darkTheme .ui__tableFilter .select2__customSelect_line svg {
    stroke: #fff !important; }
  .darkTheme .ui__tableFilter .select2__customSelect_line + .select2-selection__arrow svg {
    fill: #fff !important; }

.ui__reportView {
  display: flex;
  align-items: stretch;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .ui__reportView {
      flex-direction: column-reverse;
      justify-content: flex-start;
      align-items: flex-start; } }
  .ui__reportView .ui__reportView_left {
    width: calc(65% - 4px);
    background: #fff;
    border-radius: 5px;
    padding: 40px;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 1252px) {
      .ui__reportView .ui__reportView_left {
        padding: 20px; } }
    @media screen and (max-width: 768px) {
      .ui__reportView .ui__reportView_left {
        width: 100%; } }
    @media screen and (max-width: 560px) {
      .ui__reportView .ui__reportView_left {
        padding: 12px; } }
    .ui__reportView .ui__reportView_left h2 {
      margin-bottom: 20px; }
    .ui__reportView .ui__reportView_left p {
      margin-bottom: 30px;
      word-wrap: break-word; }
    .ui__reportView .ui__reportView_left hr {
      height: 1px;
      background: #F5F5F5; }
    .ui__reportView .ui__reportView_left span {
      margin-top: 30px;
      display: block; }
  .ui__reportView_buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 30px;
    margin-top: auto; }
    .ui__reportView_buttons > * {
      margin-right: 10px;
      margin-bottom: 10px; }
  .ui__reportView .ui__reportView_right {
    width: calc(35% - 4px);
    background: #fff;
    border-radius: 5px;
    padding: 40px;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 1252px) {
      .ui__reportView .ui__reportView_right {
        padding: 20px; } }
    @media screen and (max-width: 768px) {
      .ui__reportView .ui__reportView_right {
        width: 100%;
        margin-bottom: 20px; } }
    @media screen and (max-width: 560px) {
      .ui__reportView .ui__reportView_right {
        padding: 12px; } }
    .ui__reportView .ui__reportView_right label + label {
      margin-top: 16px; }
    .ui__reportView .ui__reportView_right hr {
      height: 1px;
      background: #F5F5F5;
      margin-top: 30px;
      margin-bottom: 30px; }
    .ui__reportView .ui__reportView_right span {
      display: block;
      margin-bottom: 20px; }
    .ui__reportView .ui__reportView_rightButtons {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-top: auto;
      padding-top: 16px; }
      .ui__reportView .ui__reportView_rightButtons button {
        margin-left: 0;
        margin-top: 0;
        margin-right: 12px;
        width: fit-content; }
        @media screen and (max-width: 1024px) {
          .ui__reportView .ui__reportView_rightButtons button {
            margin-right: 0; } }
        @media screen and (max-width: 1024px) {
          .ui__reportView .ui__reportView_rightButtons button.ui__buttons_item {
            width: 100%; } }
        @media screen and (max-width: 768px) {
          .ui__reportView .ui__reportView_rightButtons button.ui__buttons_item {
            width: fit-content; } }
        @media screen and (max-width: 560px) {
          .ui__reportView .ui__reportView_rightButtons button.ui__buttons_item {
            width: 100%; } }
        .ui__reportView .ui__reportView_rightButtons button.ui__reportView_delete {
          padding-top: 12px;
          padding-bottom: 12px; }
          @media screen and (max-width: 1024px) {
            .ui__reportView .ui__reportView_rightButtons button.ui__reportView_delete {
              padding-bottom: 0;
              margin-left: auto; } }
          @media screen and (max-width: 768px) {
            .ui__reportView .ui__reportView_rightButtons button.ui__reportView_delete {
              margin-left: 12px;
              padding-top: 0; } }
          @media screen and (max-width: 560px) {
            .ui__reportView .ui__reportView_rightButtons button.ui__reportView_delete {
              margin-left: auto;
              padding-top: 12px; } }
  .ui__reportView_delete {
    display: flex;
    align-items: center;
    margin-left: auto;
    justify-content: flex-end;
    cursor: pointer;
    margin-top: auto;
    padding-top: 30px; }
    .ui__reportView_delete svg {
      min-width: 20px;
      width: 20px;
      height: 20px;
      margin-right: 4px;
      fill: #BDC1CE;
      transition: all 0.3s ease; }
    .ui__reportView_delete span {
      color: #BDC1CE;
      margin: 0 !important;
      transition: all 0.3s ease; }
    .ui__reportView_delete:hover svg {
      fill: #0e1a2f; }
    .ui__reportView_delete:hover span {
      color: #0e1a2f; }

.ui__currencyTriangle {
  position: relative; }
  .ui__currencyTriangle::before {
    content: "";
    display: block;
    clip-path: polygon(50% 30%, 0% 100%, 100% 100%);
    background: #E84632;
    position: absolute;
    width: 6px;
    aspect-ratio: 1/1; }
  .ui__currencyTriangle-rightCenter::before {
    right: -9px;
    top: 50%;
    transform: translateY(-50%); }
  .ui__currencyTriangle-toDown.ui__currencyTriangle-rightCenter::before {
    background: #3BAF12;
    transform: translateY(-50%) rotate(180deg); }
  .ui__currencyTriangle-toUp.ui__currencyTriangle-rightCenter::before {
    background: #E84632; }

.ui__reportViewChat {
  padding: 14px 40px;
  background: #fff;
  border-radius: 5px;
  margin-top: 6px;
  transition: all 0.3s ease; }
  @media screen and (max-width: 1252px) {
    .ui__reportViewChat {
      padding: 14px 20px; } }
  .ui__reportViewChat_title {
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: #0e1a2f;
    transition: all 0.3s ease;
    padding-bottom: 20px; }
  .ui__reportViewChat .chatInput {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 560px) {
      .ui__reportViewChat .chatInput {
        flex-direction: column-reverse; } }
    .ui__reportViewChat .chatInput .top {
      border-radius: 5px;
      border: 1px solid #F5F5F5;
      margin-bottom: 11px;
      padding: 11.5px 20px;
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      transition: all 0.3s ease; }
      @media screen and (max-width: 560px) {
        .ui__reportViewChat .chatInput .top {
          padding: 8px;
          margin-top: 12px;
          margin-bottom: 0; } }
      .ui__reportViewChat .chatInput .top .ui__inputText {
        max-width: unset !important;
        flex: 1 !important;
        margin-right: 20px !important; }
      .ui__reportViewChat .chatInput .top input {
        flex: 1;
        margin-right: 20px;
        font-size: 14px !important;
        min-height: 36px; }
        @media screen and (max-width: 560px) {
          .ui__reportViewChat .chatInput .top input {
            min-height: 40px; } }
      .ui__reportViewChat .chatInput .top input::-webkit-input-placeholder {
        color: #BDC1CE; }
      .ui__reportViewChat .chatInput .top input::-moz-placeholder {
        color: #BDC1CE; }
      .ui__reportViewChat .chatInput .top input:-moz-placeholder {
        color: #BDC1CE; }
      .ui__reportViewChat .chatInput .top input:-ms-input-placeholder {
        color: #BDC1CE; }
      @media screen and (max-width: 560px) {
        .ui__reportViewChat .chatInput .top button {
          width: 100%;
          margin-top: 16px; } }
  .ui__reportViewChat_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    max-height: 528px;
    overflow: auto;
    padding-bottom: 12px; }
    @media screen and (max-width: 768px) {
      .ui__reportViewChat_block {
        padding-left: 0;
        padding-right: 0; } }
    .ui__reportViewChat_block .messagesDate {
      text-align: center;
      font-size: 14px;
      line-height: 140%;
      color: #818592;
      padding: 12px;
      transition: all 0.3s ease;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      background: #F5F5F5; }
      .ui__reportViewChat_block .messagesDate:not(.green, .red, .blue) {
        position: sticky;
        top: 0px;
        z-index: 1; }
      .ui__reportViewChat_block .messagesDate.green {
        color: #3BAF12;
        width: fit-content;
        background: rgba(59, 175, 18, 0.05); }
      .ui__reportViewChat_block .messagesDate.red {
        color: #E84632;
        width: fit-content;
        background: rgba(232, 70, 50, 0.05); }
      .ui__reportViewChat_block .messagesDate.blue {
        color: #1053FF;
        width: fit-content;
        background: rgba(16, 83, 255, 0.05); }
      .ui__reportViewChat_block .messagesDate + .message {
        margin-top: 18px; }
      .ui__reportViewChat_block .messagesDate + .messagesDate {
        margin-top: 8px; }
    .ui__reportViewChat_block .message {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      max-width: 90%;
      min-width: 40%;
      width: fit-content;
      margin-right: auto; }
      @media screen and (max-width: 1024px) {
        .ui__reportViewChat_block .message {
          max-width: 100%; } }
      .ui__reportViewChat_block .message + .message {
        margin-top: 20px; }
      .ui__reportViewChat_block .message + .messagesDate {
        margin-top: 18px;
        margin-top: 20px; }
      .ui__reportViewChat_block .message > a {
        display: flex;
        align-items: center;
        margin-right: 20px;
        transition: all 0.3s ease; }
        @media screen and (max-width: 560px) {
          .ui__reportViewChat_block .message > a {
            margin-right: 8px; } }
      .ui__reportViewChat_block .message .text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 14px;
        border-radius: 5px;
        border: 1px solid #F5F5F5;
        padding-right: 100px;
        transition: all 0.3s ease; }
        @media screen and (max-width: 1024px) {
          .ui__reportViewChat_block .message .text {
            padding-right: 0; } }
        .ui__reportViewChat_block .message .text .date {
          color: #818592;
          transition: all 0.3s ease;
          font-size: 14px;
          line-height: 17px; }
          @media screen and (max-width: 560px) {
            .ui__reportViewChat_block .message .text .date {
              font-size: 12px; } }
        .ui__reportViewChat_block .message .text .name {
          margin-top: 10px;
          margin-bottom: 10px;
          font-weight: 600;
          font-size: 16px;
          line-height: 120%;
          color: #0e1a2f;
          transition: all 0.3s ease; }
          @media screen and (max-width: 560px) {
            .ui__reportViewChat_block .message .text .name {
              font-size: 14px;
              margin-top: 4px;
              margin-bottom: 8px; } }
        .ui__reportViewChat_block .message .text .textContent {
          font-size: 16px;
          line-height: 140%;
          color: #0e1a2f;
          transition: all 0.3s ease; }
          @media screen and (max-width: 560px) {
            .ui__reportViewChat_block .message .text .textContent {
              font-size: 14px; } }
      .ui__reportViewChat_block .message.you {
        margin-right: unset;
        margin-left: auto;
        transition: all 0.3s ease;
        flex-direction: row-reverse; }
        .ui__reportViewChat_block .message.you > a {
          margin-right: 0;
          margin-left: 20px; }
          @media screen and (max-width: 560px) {
            .ui__reportViewChat_block .message.you > a {
              margin-left: 8px; } }
        .ui__reportViewChat_block .message.you .text {
          background: #F8FAFF;
          border: 1px solid transparent; }

.darkTheme .ui__reportViewChat {
  background: #242424; }
  .darkTheme .ui__reportViewChat_title {
    color: #fff; }
  .darkTheme .ui__reportViewChat_block {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
    .darkTheme .ui__reportViewChat_block .messagesDate {
      background: #242424; }
    .darkTheme .ui__reportViewChat_block .message > a img {
      border: 1px solid rgba(255, 255, 255, 0.2); }
    .darkTheme .ui__reportViewChat_block .message .text {
      border: 1px solid rgba(255, 255, 255, 0.2); }
      .darkTheme .ui__reportViewChat_block .message .text .name {
        color: #fff; }
      .darkTheme .ui__reportViewChat_block .message .text .textContent {
        color: rgba(255, 255, 255, 0.6); }
    .darkTheme .ui__reportViewChat_block .message.you .text {
      background: #323233; }
  .darkTheme .ui__reportViewChat .chatInput .top {
    border-color: rgba(255, 255, 255, 0.2); }
    .darkTheme .ui__reportViewChat .chatInput .top input {
      background: transparent;
      color: #fff; }
.darkTheme .ui__reportView_left, .darkTheme .ui__reportView_right {
  background: #242424; }
.darkTheme .ui__reportView_delete:hover svg {
  fill: #1053FF; }
.darkTheme .ui__reportView_delete:hover span {
  color: #1053FF; }

.ui__help .header__title {
  border-bottom: unset !important; }
  .ui__help .header__title_left {
    margin-bottom: 0 !important; }
.ui__help a {
  cursor: pointer; }
.ui__help .ui__openSettings div {
  border-radius: 14px;
  background: black;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 30;
  padding: 7px 14px;
  pointer-events: none;
  color: #fff;
  font-size: 14px;
  width: 600px; }
  @media screen and (max-width: 560px) {
    .ui__help .ui__openSettings div {
      max-width: 600px;
      width: 100%; } }
  .ui__help .ui__openSettings div::before {
    content: "";
    display: block;
    z-index: -1;
    position: absolute; }
.ui__help .ui__openSettings:hover div {
  opacity: 0.75;
  pointer-events: auto; }

.darkTheme .ui__help > div {
  color: #fff !important; }

.ui__historyLine {
  display: flex;
  flex-direction: column;
  max-width: 350px;
  width: 100%; }
  .ui__historyLine_left {
    min-width: 76px; }
    .ui__historyLine_left span {
      text-align: right;
      width: fit-content; }
  .ui__historyLine_center {
    margin: 0 15px;
    position: relative; }
    .ui__historyLine_center div {
      width: 10px;
      height: 10px;
      background: #0e1a2f;
      border-radius: 10px;
      margin-top: 3px;
      position: relative;
      z-index: 3; }
    .ui__historyLine_center::after {
      content: "";
      display: block;
      background: #BDC1CE;
      width: 1px;
      height: 100%;
      position: absolute;
      top: 3px;
      left: 50%;
      z-index: 2; }
  .ui__historyLine_right a {
    text-decoration: underline; }
  .ui__historyLine_row {
    display: flex;
    align-items: stretch; }
    .ui__historyLine_row > * {
      padding-bottom: 28px; }
    .ui__historyLine_row:last-child .ui__historyLine_center div {
      background: #3BAF12; }
    .ui__historyLine_row:last-child .ui__historyLine_center::after {
      height: 0; }

.ui__modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  justify-content: center;
  padding: 120px;
  transition: all 0.1s ease;
  pointer-events: none;
  opacity: 0;
  overflow: auto;
  z-index: 10000; }
  @media screen and (max-width: 1024px) {
    .ui__modal {
      padding: 20px; } }
  .ui__modal .ui__modal_overlay {
    max-width: 100% !important;
    width: fit-content;
    background: #fff;
    box-shadow: 0px 5px 8px rgba(10, 30, 63, 0.1);
    border-radius: 5px;
    position: relative;
    margin: auto 0;
    padding-top: 60px;
    padding-left: 34px;
    padding-right: 34px;
    padding-bottom: 30px;
    transform: translateX(40px);
    transition: all 0.3s ease; }
    .ui__modal .ui__modal_overlay .ui__modal_close {
      width: 30px;
      padding: 5px;
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 10;
      fill: #0e1a2f;
      transition: all 0.3s ease;
      cursor: pointer;
      display: flex;
      aspect-ratio: 1/1; }
      .ui__modal .ui__modal_overlay .ui__modal_close:hover {
        fill: #1053FF; }
    .ui__modal .ui__modal_overlay .ui__modal_content {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .ui__modal .ui__modal_overlay .ui__modal_content + .ui__modal_footer {
        margin-top: 16px; }
      .ui__modal .ui__modal_overlay .ui__modal_content .select2 {
        width: 65% !important; }
      .ui__modal .ui__modal_overlay .ui__modal_content > * + * {
        margin-top: 20px; }
      .ui__modal .ui__modal_overlay .ui__modal_content .ui__modal_title {
        text-align: center; }
      .ui__modal .ui__modal_overlay .ui__modal_content > * + .ui__title {
        margin-top: 40px; }
      .ui__modal .ui__modal_overlay .ui__modal_content > .ui__btn {
        max-width: 100%; }
      .ui__modal .ui__modal_overlay .ui__modal_content .ui__checkbox, .ui__modal .ui__modal_overlay .ui__modal_content .ui__title {
        width: 100%; }
      .ui__modal .ui__modal_overlay .ui__modal_content .ui__inputText, .ui__modal .ui__modal_overlay .ui__modal_content .ui__checkbox, .ui__modal .ui__modal_overlay .ui__modal_content .ui__inputField {
        max-width: 100%; }
      .ui__modal .ui__modal_overlay .ui__modal_content .ui__modal_desc {
        width: 100%; }
      .ui__modal .ui__modal_overlay .ui__modal_content .ui__buttons {
        display: flex;
        align-items: center;
        justify-content: center; }
        .ui__modal .ui__modal_overlay .ui__modal_content .ui__buttons .ui__buttons_item + .ui__buttons_item {
          margin-left: 10px; }
  .ui__modal #ui__table_downloadOffers table {
    min-width: unset !important; }
    .ui__modal #ui__table_downloadOffers table tr td:first-child {
      min-width: 100px;
      max-width: 100px; }
    .ui__modal #ui__table_downloadOffers table tr td:nth-child(2) {
      position: unset !important;
      left: unset !important;
      z-index: unset !important; }
    .ui__modal #ui__table_downloadOffers table tr .dropdown-menu {
      z-index: 20; }
    .ui__modal #ui__table_downloadOffers table tbody tr:first-child td:nth-child(2) > * {
      position: sticky !important;
      left: 100px !important; }
  .ui__modal.ui__modal_payment .ui__modal_overlay {
    max-width: 440px !important;
    width: 100%; }
    .ui__modal.ui__modal_payment .ui__modal_overlay .ui__modal_content .select2 {
      width: 100% !important; }
    .ui__modal.ui__modal_payment .ui__modal_overlay .ui__modal_content > * {
      max-width: 100%; }
    .ui__modal.ui__modal_payment .ui__modal_overlay .ui__modal_content form > * + * {
      margin-top: 20px; }
  .ui__modal.ui__modal_spent .ui__modal_overlay {
    max-width: 440px !important;
    width: 100%; }
    .ui__modal.ui__modal_spent .ui__modal_overlay .ui__modal_content form {
      width: 100%; }
      .ui__modal.ui__modal_spent .ui__modal_overlay .ui__modal_content form > * {
        max-width: 100%; }
    .ui__modal.ui__modal_spent .ui__modal_overlay .ui__modal_content .select2 {
      width: 100% !important; }
  .ui__modal.ui__modal_formulaCalculation .ui__modal_overlay {
    max-width: 560px !important;
    width: 100% !important;
    padding: 40px; }
    .ui__modal.ui__modal_formulaCalculation .ui__modal_overlay .ui__title {
      text-align: left;
      font-size: 32px;
      font-weight: 400; }
    .ui__modal.ui__modal_formulaCalculation .ui__modal_overlay .ui__modal_formulaCalculationContent {
      width: 100%; }
      .ui__modal.ui__modal_formulaCalculation .ui__modal_overlay .ui__modal_formulaCalculationContent .formula {
        width: 100%; }
        .ui__modal.ui__modal_formulaCalculation .ui__modal_overlay .ui__modal_formulaCalculationContent .formula + .formula {
          margin-top: 20px; }
        .ui__modal.ui__modal_formulaCalculation .ui__modal_overlay .ui__modal_formulaCalculationContent .formula:first-child {
          padding-bottom: 20px;
          border-bottom: 1px solid #F5F5F5; }
        .ui__modal.ui__modal_formulaCalculation .ui__modal_overlay .ui__modal_formulaCalculationContent .formula p {
          text-transform: uppercase; }
        .ui__modal.ui__modal_formulaCalculation .ui__modal_overlay .ui__modal_formulaCalculationContent .formula p + p {
          margin-top: 4px; }
  .ui__modal.ui__modal_docCardView .ui__modal_close {
    width: 28px;
    top: 16px;
    right: 20px;
    stroke: #0e1a2f;
    stroke-width: 0.5; }
    .ui__modal.ui__modal_docCardView .ui__modal_close:hover {
      stroke: #1053FF;
      fill: #1053FF; }
  .ui__modal.ui__modal_docCardView .ui__modal_overlay {
    max-width: 620px !important;
    width: 100%;
    background: unset !important;
    box-shadow: unset !important;
    padding: 0 !important; }
    .ui__modal.ui__modal_docCardView .ui__modal_overlay .ui__openSettings {
      right: 52px !important; }
  .ui__modal.ui__modal_currency .ui__modal_overlay {
    padding: 40px;
    max-width: 540px !important;
    width: 100% !important; }
    .ui__modal.ui__modal_currency .ui__modal_overlay .ui__modal_content .ui__modal_title {
      text-align: left;
      font-size: 32px;
      font-weight: 400;
      margin-bottom: 8px; }
    .ui__modal.ui__modal_currency .ui__modal_overlay .ui__modal_content > p {
      margin-top: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      text-align: left;
      margin-bottom: 24px; }
      .ui__modal.ui__modal_currency .ui__modal_overlay .ui__modal_content > p + span {
        margin-top: 0;
        width: 100%;
        text-align: left; }
    .ui__modal.ui__modal_currency .ui__modal_overlay .ui__modal_content .ui__modal_currencyContent {
      width: 100%;
      height: 40vh;
      overflow: auto; }
  .ui__modal.ui__modal_downloadOffers .ui__modal_overlay {
    max-width: 475px !important;
    width: 100% !important; }
  .ui__modal.ui__modal_downloadOffers .ui__modal_content {
    align-items: flex-start; }
    .ui__modal.ui__modal_downloadOffers .ui__modal_content .ui__modal_title {
      text-align: left; }
    .ui__modal.ui__modal_downloadOffers .ui__modal_content button {
      width: 100%; }
    .ui__modal.ui__modal_downloadOffers .ui__modal_content .select2 {
      width: 100% !important; }
  .ui__modal.ui__modal_advertiser .ui__modal_overlay {
    padding: 40px !important;
    max-width: 400px !important;
    width: 100% !important; }
    .ui__modal.ui__modal_advertiser .ui__modal_overlay .ui__modal_title {
      text-align: left !important; }
    .ui__modal.ui__modal_advertiser .ui__modal_overlay .ui__modal_content .select2 {
      width: 100% !important; }
    .ui__modal.ui__modal_advertiser .ui__modal_overlay .ui__modal_content .ui__modal_desc .content__innerWrapper {
      padding: 0 !important; }
      .ui__modal.ui__modal_advertiser .ui__modal_overlay .ui__modal_content .ui__modal_desc .content__innerWrapper .ui__personalCard {
        padding: 0 !important; }
        .ui__modal.ui__modal_advertiser .ui__modal_overlay .ui__modal_content .ui__modal_desc .content__innerWrapper .ui__personalCard .ui__personalCard_row:last-child {
          margin-top: 16px !important; }
          .ui__modal.ui__modal_advertiser .ui__modal_overlay .ui__modal_content .ui__modal_desc .content__innerWrapper .ui__personalCard .ui__personalCard_row:last-child .ui__personalCard_row--flex-start {
            width: 100%; }
          .ui__modal.ui__modal_advertiser .ui__modal_overlay .ui__modal_content .ui__modal_desc .content__innerWrapper .ui__personalCard .ui__personalCard_row:last-child button {
            width: 100% !important; }
  .ui__modal.ui__modal_advertiser_links .ui__modal_overlay {
    padding: 40px 40px 20px 40px;
    max-width: 700px !important;
    width: 100% !important; }
    .ui__modal.ui__modal_advertiser_links .ui__modal_overlay .ui__modal_title {
      text-align: left !important; }
    .ui__modal.ui__modal_advertiser_links .ui__modal_overlay .ui__modal_content input {
      width: 100% !important; }
    .ui__modal.ui__modal_advertiser_links .ui__modal_overlay .ui__modal_content .ui__personalCard {
      padding: 0 !important; }
      .ui__modal.ui__modal_advertiser_links .ui__modal_overlay .ui__modal_content .ui__personalCard .ui__personalCard_column {
        width: 100% !important; }
      .ui__modal.ui__modal_advertiser_links .ui__modal_overlay .ui__modal_content .ui__personalCard .ui__personalCard_row:last-child {
        margin-top: 40px !important;
        align-items: center;
        justify-content: center; }
        .ui__modal.ui__modal_advertiser_links .ui__modal_overlay .ui__modal_content .ui__personalCard .ui__personalCard_row:last-child button {
          width: 300px; }
  .ui__modal.ui__modal_userCard .ui__modal_overlay {
    max-width: 880px !important;
    width: 100% !important;
    padding-left: 40px;
    padding-right: 40px; }
    @media screen and (max-width: 560px) {
      .ui__modal.ui__modal_userCard .ui__modal_overlay {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 40px; } }
    .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      flex-direction: row;
      align-items: flex-start; }
      .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 50px; }
        @media screen and (max-width: 768px) {
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_title {
            margin-bottom: 16px; } }
        @media screen and (max-width: 560px) {
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_title {
            margin-bottom: 0;
            font-size: 16px; } }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_title .ui__openSettings span {
          font-size: 14px; }
      .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left {
        width: calc(40% - 40px); }
        @media screen and (max-width: 768px) {
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            max-height: 200px;
            width: 50%; } }
        @media screen and (max-width: 560px) {
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left {
            display: unset;
            max-height: unset;
            width: 100%; } }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__avatar {
          max-width: 208px;
          width: 100%;
          height: auto;
          min-width: unset;
          margin-bottom: 30px; }
          @media screen and (max-width: 768px) {
            .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__avatar {
              margin-right: 24px;
              margin-bottom: 16px; } }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left p {
          margin-bottom: 6px; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left > span {
          margin-bottom: 30px;
          display: block; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__champBalance {
          width: fit-content;
          margin-bottom: 15px; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__champBalance span {
            transition: all 0.3s ease; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__champBalance div {
            background: #1053FF; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__champBalance .chevron {
            transform: rotate(-90deg);
            width: 20px;
            height: 20px;
            min-width: 20px;
            margin-left: 10px;
            transition: all 0.3s ease; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__champBalance:hover > span {
            color: #1053FF; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__champBalance:hover .chevron {
            transform: translateX(-5px) rotate(-90deg);
            fill: #1053FF; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__btn {
          width: 100%;
          margin-left: 0;
          justify-content: space-between; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__btn svg {
            stroke: #1053FF;
            fill: transparent;
            transition: all 0.3s ease; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_left .ui__btn:hover svg {
            stroke: #fff; }
      .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right {
        width: calc(60% - 40px); }
        @media screen and (max-width: 768px) {
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right {
            width: 100%; } }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right .title {
          margin-bottom: 18px;
          display: block; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right > a {
          display: flex;
          align-items: center;
          transition: all 0.3s ease; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right > a + a {
            margin-top: 10px; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right > a svg {
            min-width: 24px;
            width: 24px;
            height: 24px;
            stroke: #0e1a2f;
            transition: all 0.3s ease;
            fill: transparent;
            margin-right: 10px; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right > a:hover {
            color: #1053FF; }
            .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right > a:hover svg {
              stroke: #1053FF; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right .social {
          display: flex;
          align-items: center;
          margin-top: 18px;
          margin-bottom: 18px; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right .social a {
            display: flex;
            align-items: center;
            justify-content: center; }
            .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right .social a img {
              width: 24px; }
            .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right .social a + a {
              margin-left: 15px; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right hr {
          height: 1px;
          width: 100%;
          background: #BDC1CE; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right > span {
          display: block;
          margin-top: 13px;
          margin-bottom: 8px; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right ul {
          margin-top: 14px;
          margin-bottom: 14px; }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right ul li {
            display: flex;
            align-items: center; }
            @media screen and (max-width: 560px) {
              .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right ul li {
                flex-direction: column;
                align-items: flex-start; } }
            @media screen and (max-width: 560px) {
              .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right ul li p {
                font-size: 14px; } }
            .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right ul li span {
              width: 120px; }
            .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_right ul li + li {
              margin-top: 14px; }
      .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hidenBlock {
        padding-left: 10%;
        padding-right: 10%;
        display: none; }
        @media screen and (max-width: 768px) {
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hidenBlock {
            padding-right: 0;
            padding-left: 0; } }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hidenBlock > p {
          font-size: 20px;
          padding-bottom: 15px;
          border-bottom: 1px solid #F5F5F5;
          margin-bottom: 15px; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hidenBlock ul li {
          display: flex;
          align-items: flex-start; }
          @media screen and (max-width: 560px) {
            .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hidenBlock ul li {
              flex-direction: column; } }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hidenBlock ul li span {
            width: 120px;
            display: block;
            margin-right: 10px; }
          @media screen and (max-width: 560px) {
            .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hidenBlock ul li p {
              font-size: 14px; } }
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hidenBlock ul li + li {
            margin-top: 50px; }
      .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hideButton {
        display: flex;
        align-items: center;
        width: 100%;
        cursor: pointer;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hideButton {
            margin-bottom: 20px; } }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hideButton::before, .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hideButton::after {
          content: "";
          display: block;
          height: 1px;
          width: 100%;
          background: #BDC1CE;
          transition: all 0.3s ease; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hideButton span {
          display: block;
          margin-right: 32px;
          margin-left: 32px;
          padding-top: 10px;
          padding-bottom: 10px; }
        .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hideButton:hover::before, .ui__modal.ui__modal_userCard .ui__modal_overlay .ui__modal_content .ui__modal_userCard_hideButton:hover::after {
          background: #1053FF; }
  .ui__modal.ui__modal_fastLinks .ui__modal_overlay, .ui__modal.ui__modal_votes .ui__modal_overlay, .ui__modal.ui__modal_calendar .ui__modal_overlay, .ui__modal.ui__modal_tools .ui__modal_overlay, .ui__modal.ui__modal_currencies .ui__modal_overlay {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    max-width: 400px !important;
    width: 100% !important; }
    .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__modal_content, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__modal_content {
      width: 100%; }
      .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__modal_content .ui__modal_title, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_title, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_title, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .ui__modal_title, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__modal_content .ui__modal_title {
        background: #BDC1CE;
        width: 100%;
        padding: 20px; }
      .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent {
        margin-top: 30px;
        padding: 30px 40px 0 40px;
        width: 100%; }
        .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksCounter, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksCounter, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksCounter, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksCounter, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksCounter {
          margin-bottom: 22px; }
        .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm {
          max-height: 470px;
          overflow: auto; }
          .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm label, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm label, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm label, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm label, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm label {
            padding-top: 10px;
            padding-bottom: 10px; }
            .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm label + label, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm label + label, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm label + label, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm label + label, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm label + label {
              border-top: 1px solid #F5F5F5; }
          .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm .ui__inputField + .ui__checkbox, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm .ui__inputField + .ui__checkbox, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm .ui__inputField + .ui__checkbox, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm .ui__inputField + .ui__checkbox, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .ui__modal_fastLinksForm .ui__inputField + .ui__checkbox {
            margin-top: 28px; }
    .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__buttons, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__buttons, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__buttons, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__buttons, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__buttons {
      width: 100%;
      padding: 0 40px; }
      .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__buttons button, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__buttons button, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__buttons button, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__buttons button, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__buttons button {
        width: 100%; }
        .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__buttons button.ui__btn_primary, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__buttons button.ui__btn_primary, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__buttons button.ui__btn_primary, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__buttons button.ui__btn_primary, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__buttons button.ui__btn_primary {
          color: #fff !important; }
          .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__buttons button.ui__btn_primary:hover, .ui__modal.ui__modal_votes .ui__modal_overlay .ui__buttons button.ui__btn_primary:hover, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__buttons button.ui__btn_primary:hover, .ui__modal.ui__modal_tools .ui__modal_overlay .ui__buttons button.ui__btn_primary:hover, .ui__modal.ui__modal_currencies .ui__modal_overlay .ui__buttons button.ui__btn_primary:hover {
            color: #fff !important; }
  .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_close {
    fill: #fff; }
  .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_title {
    background: #1053FF;
    color: #fff; }
  .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent {
    margin-top: 0; }
    .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent > .ui__title {
      margin-bottom: 4px; }
    .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent > .ui__text {
      display: block;
      margin-bottom: 24px; }
  .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_close {
    fill: #fff; }
  .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content {
    align-items: flex-start; }
    .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_title {
      background: #1053FF;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center; }
      .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_title button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        margin-left: 20px;
        margin-right: 20px;
        cursor: pointer; }
        .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_title button svg {
          min-width: 24px;
          fill: #fff;
          width: 24px;
          height: 24px;
          position: relative;
          top: unset;
          right: unset;
          transform: rotate(90deg); }
        .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_title button:last-child svg {
          transform: rotate(-90deg); }
    .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent {
      max-height: 70vh;
      overflow: auto;
      width: 100%; }
      .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm {
        padding-left: 40px;
        padding-right: 40px;
        max-height: 50vh; }
        .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm > .ui__title {
          display: flex;
          align-items: center;
          margin-bottom: 20px; }
          .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm > .ui__title button, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm > .ui__title a {
            width: 22px;
            height: 22px;
            margin-left: 10px;
            cursor: pointer; }
            .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm > .ui__title button svg, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm > .ui__title a svg {
              min-width: 22px;
              width: 22px;
              height: 22px;
              fill: #1053FF;
              position: relative;
              top: unset;
              right: unset;
              transition: all 0.3s ease; }
            .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm > .ui__title button:hover svg, .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm > .ui__title a:hover svg {
              fill: #0e1a2f; }
        .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__tags {
          flex-wrap: wrap;
          margin-bottom: 15px; }
          .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__tags .ui__tag + .ui__tag {
            margin-left: 0; }
          .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__tags .ui__tag {
            margin-right: 5px;
            margin-bottom: 5px; }
            .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__tags .ui__tag .ui__field_input .ui__tab {
              font-size: 12px; }
        .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent.ui__modal_calendarEvent-hidden {
          display: none; }
        .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent + .ui__modal_calendarEvent {
          margin-top: 30px; }
        .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-title {
          padding-bottom: 20px;
          border-bottom: 1px solid #F5F5F5;
          margin-bottom: 10px; }
        .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          padding-bottom: 10px;
          border-bottom: 1px solid #F5F5F5;
          margin-bottom: 10px; }
          .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content .img {
            margin-right: 10px;
            position: relative;
            width: fit-content; }
            .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content .img .icon {
              width: 18px;
              height: 18px;
              border-radius: 18px;
              background: #3BAF12;
              position: absolute;
              bottom: 0;
              right: -3px;
              display: flex;
              align-items: center;
              justify-content: center; }
              .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content .img .icon svg {
                min-width: 12px;
                width: 12px;
                height: 12px;
                fill: #fff; }
          .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content .text {
            margin-right: auto; }
            .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content .text button {
              margin-top: 10px; }
              .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content .text button svg {
                fill: #0e1a2f;
                stroke: transparent; }
              .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content .text button:hover svg {
                fill: #fff; }
          .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content .social {
            display: flex;
            align-items: center; }
            .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content .social a {
              display: flex;
              align-items: center;
              justify-content: center;
              margin-left: 10px;
              margin-bottom: 10px; }
              .ui__modal.ui__modal_calendar .ui__modal_overlay .ui__modal_content .ui__modal_calendarContent .ui__modal_calendarForm .ui__modal_calendarEvent .ui__modal_calendarEvent-content .social a img {
                width: 24px;
                min-width: 24px; }
  .ui__modal.ui__modal_tools .ui__modal_overlay {
    max-width: 794px !important; }
    .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent {
      padding-top: 0;
      margin-top: 16px; }
      .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .ui__modal_fastLinksContent .select2-search--inline {
        display: none; }
    .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .form-group {
      max-width: unset !important; }
    .ui__modal.ui__modal_tools .ui__modal_overlay .ui__modal_content .ui__selectDropdown_dropdown {
      overflow-y: scroll;
      z-index: 30000; }
  .ui__modal.ui__modal_addPhoto .ui__modal_overlay {
    padding: 8px;
    max-width: 524px !important;
    width: 100% !important;
    max-height: calc(100vh - 210px);
    overflow-y: auto; }
    .ui__modal.ui__modal_addPhoto .ui__modal_overlay::before {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 9; }
  .ui__modal.openned {
    pointer-events: auto;
    opacity: 1; }
    .ui__modal.openned .ui__modal_overlay {
      transform: translateX(0px); }

.darkTheme .ui__modal .ui__modal_overlay .ui__modal_close {
  fill: #fff; }
  .darkTheme .ui__modal .ui__modal_overlay .ui__modal_close:hover {
    fill: #1053FF; }
.darkTheme .ui__modal.ui__modal_docCardView .ui__modal_close {
  stroke: #fff;
  fill: #fff; }
  .darkTheme .ui__modal.ui__modal_docCardView .ui__modal_close:hover {
    stroke: #1053FF;
    fill: #1053FF; }
.darkTheme .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui__modal_title, .darkTheme .ui__modal.ui__modal_votes .ui__modal_overlay .ui__modal_title {
  color: #0e1a2f !important; }
.darkTheme .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui_checkbox_list label, .darkTheme .ui__modal.ui__modal_votes .ui__modal_overlay .ui_checkbox_list label {
  color: #fff !important; }
  .darkTheme .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui_checkbox_list label .checkboxDiv, .darkTheme .ui__modal.ui__modal_votes .ui__modal_overlay .ui_checkbox_list label .checkboxDiv {
    background: #454545; }
    .darkTheme .ui__modal.ui__modal_fastLinks .ui__modal_overlay .ui_checkbox_list label .checkboxDiv.active, .darkTheme .ui__modal.ui__modal_votes .ui__modal_overlay .ui_checkbox_list label .checkboxDiv.active {
      background: #1053FF; }
.darkTheme .ui__modal.ui__modal_calendar .ui__modal_calendarEvent .ui__modal_calendarEvent-content .text a {
  color: #fff !important; }
  .darkTheme .ui__modal.ui__modal_calendar .ui__modal_calendarEvent .ui__modal_calendarEvent-content .text a:hover {
    color: #1053FF !important; }

.darkTheme .ui__modal .ui__modal_overlay {
  background: #303030; }
  .darkTheme .ui__modal .ui__modal_overlay .ui__modal_content .ui__modal_title {
    color: #fff; }
  .darkTheme .ui__modal .ui__modal_overlay .ui__modal_content .ui__modal_desc {
    color: #fff; }
  .darkTheme .ui__modal .ui__modal_overlay .ui__modal_content .ui__buttons .ui__btn_primary:hover {
    color: #fff !important; }

.ui__voteResultBlock {
  display: flex;
  flex-direction: column;
  background: #F5F5F5;
  border-radius: 5px;
  padding: 16px 12px; }
  .ui__voteResultBlock_title {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .ui__voteResultBlock_title .ui__title {
      margin-right: 12px; }
    .ui__voteResultBlock_title .ui__text {
      white-space: nowrap; }
    .ui__voteResultBlock_title + .ui__voteResultBlock_name {
      margin-top: 12px; }
  .ui__voteResultBlock_name {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center; }
    .ui__voteResultBlock_name img {
      margin-right: 10px; }
    .ui__voteResultBlock_name + .ui__voteResultBlock_name {
      border-top: 1px solid #fff; }
    .ui__voteResultBlock_name:last-child {
      padding-bottom: 0; }
  .ui__voteResultBlock + .ui__voteResultBlock {
    margin-top: 16px; }

.darkTheme .ui__voteResultBlock {
  background: #242424; }
  .darkTheme .ui__voteResultBlock_name {
    color: #fff; }
    .darkTheme .ui__voteResultBlock_name + .ui__voteResultBlock_name {
      border-top: 1px solid rgba(255, 255, 255, 0.2); }

.ui__createNew {
  background: #fff;
  padding: 24px 32px;
  border-radius: 5px; }
  .ui__createNew .ui__offerCard {
    padding-left: 0;
    padding-right: 0; }
  .ui__createNew_wrapper {
    max-width: 800px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .ui__createNew_wrapper > * {
      margin-top: 18px; }
    .ui__createNew_wrapper .w50 {
      width: 100%;
      max-width: calc(50% - 20px); }
      @media screen and (max-width: 560px) {
        .ui__createNew_wrapper .w50 {
          max-width: 100%; } }
    .ui__createNew_wrapper .w100 {
      width: 100%;
      max-width: 100%; }
    .ui__createNew_wrapper hr {
      margin-top: 18px;
      height: 1px;
      background: #BDC1CE; }
    .ui__createNew_wrapper .ui__inputField .ui__inputField_textEditor {
      display: flex;
      align-items: stretch;
      margin-bottom: 12px;
      min-width: 180px;
      max-width: 180px; }
      .ui__createNew_wrapper .ui__inputField .ui__inputField_textEditor > * + * {
        margin-left: 4px; }
      .ui__createNew_wrapper .ui__inputField .ui__inputField_textEditor > button {
        background: unset;
        border: 1px solid transparent; }
        .ui__createNew_wrapper .ui__inputField .ui__inputField_textEditor > button:hover {
          border: 1px solid #F5F5F5; }
        .ui__createNew_wrapper .ui__inputField .ui__inputField_textEditor > button.active {
          background: #BDC1CE;
          border: 1px solid #F5F5F5; }
    .ui__createNew_wrapper .ui__inputField.hidden {
      display: none; }
    .ui__createNew_wrapper .start {
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .ui__createNew_wrapper .start > * {
        width: fit-content;
        margin-bottom: 8px;
        margin-right: 8px; }

.darkTheme .ui__createNew {
  background: #242424; }
  .darkTheme .ui__createNew_wrapper input, .darkTheme .ui__createNew_wrapper textarea {
    background: #2F2F2F; }

.ui_filesList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px; }
  .ui_filesList li {
    width: 128px;
    margin-bottom: 30px;
    position: relative; }
    .ui_filesList li + li {
      margin-left: 10px; }
  .ui_filesList_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 4px;
    border-radius: 5px;
    transition: all 0.3s ease;
    position: relative; }
    .ui_filesList_item-close {
      background: #000;
      width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      border-radius: 50%;
      position: absolute;
      top: -3px;
      right: -3px;
      cursor: pointer;
      opacity: 0;
      pointer-events: none; }
      .ui_filesList_item-close svg {
        min-width: 12px;
        fill: #fff;
        width: 12px;
        height: 12px;
        transition: all 0.3s ease; }
    .ui_filesList_item-img {
      width: 70px;
      height: 100px;
      margin-bottom: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .ui_filesList_item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        background: #F5F5F5;
        border-radius: 5px; }
      .ui_filesList_item-img svg {
        min-width: 35px;
        fill: #0e1a2f;
        width: 35px;
        height: 35px; }
    .ui_filesList_item-name {
      text-align: center;
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden !important; }
    .ui_filesList_item:hover {
      background: #F5F5F5; }
      .ui_filesList_item:hover .ui_filesList_item-close {
        opacity: 1;
        pointer-events: auto; }

.darkTheme .ui_filesList_item:hover {
  background: rgba(255, 255, 255, 0.2); }
.darkTheme .ui_filesList_item-img svg {
  fill: #fff; }

.ui__settingsTitle {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  margin-top: 24px; }
  .ui__settingsTitle button {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer; }
    .ui__settingsTitle button svg {
      min-width: 22px;
      fill: #1053FF;
      width: 22px;
      height: 22px;
      transition: all 0.3s ease; }
    .ui__settingsTitle button:hover svg {
      fill: #0e1a2f; }
  .ui__settingsTitle + form .ui__tableFilter {
    margin-top: 0; }

.ui__fastLinksPage {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap; }
  .ui__fastLinksPage_item {
    width: calc(20% - 12px);
    border-radius: 5px;
    background: #fff;
    padding: 20px;
    position: relative;
    margin-bottom: 12px;
    margin-right: 12px; }
    @media screen and (max-width: 1920px) {
      .ui__fastLinksPage_item {
        width: calc(25% - 12px); } }
    @media screen and (max-width: 1650px) {
      .ui__fastLinksPage_item {
        width: calc(33.333% - 12px); } }
    @media screen and (max-width: 768px) {
      .ui__fastLinksPage_item {
        width: calc(50% - 12px); } }
    @media screen and (max-width: 560px) {
      .ui__fastLinksPage_item {
        width: 100%;
        margin-right: 0; } }
    .ui__fastLinksPage_item h3 {
      margin-bottom: 8px;
      word-wrap: break-word; }
    .ui__fastLinksPage_item a {
      word-wrap: break-word; }
    .ui__fastLinksPage_item p {
      margin-top: 24px; }
    .ui__fastLinksPage_item .ui__openSettings {
      position: absolute;
      top: 20px;
      right: 20px; }

.darkTheme .ui__fastLinksPage_item {
  background: #242424; }

.ui__reactionsPopup {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 5px 8px rgba(10, 30, 63, 0.1);
  padding: 5px 6px;
  display: flex;
  flex-direction: column;
  max-width: 228px;
  width: 228px;
  min-width: 228px;
  position: absolute;
  top: 100px;
  left: 100px; }
  .ui__reactionsPopup_emoji {
    border-radius: 20px;
    background: #F5F5F5;
    padding: 8px;
    overflow: auto;
    display: flex;
    align-items: center; }
    .ui__reactionsPopup_emoji button {
      cursor: pointer; }
      .ui__reactionsPopup_emoji button img {
        width: 20px;
        min-width: 20px; }
      .ui__reactionsPopup_emoji button + button {
        margin-left: 10px; }
  .ui__reactionsPopup_button {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer; }
    .ui__reactionsPopup_button svg {
      min-width: 20px;
      width: 20px;
      height: 20px;
      fill: #0e1a2f;
      margin-right: 10px;
      transition: all 0.3s ease; }
    .ui__reactionsPopup_button span {
      color: #0e1a2f;
      font-size: 14px;
      transition: all 0.3s ease; }
    .ui__reactionsPopup_button:hover svg {
      fill: #1053FF; }
    .ui__reactionsPopup_button:hover span {
      color: #1053FF; }

.ui__table {
  width: 100%;
  height: calc(100% - 14vh);
  overflow: auto; }
  @media screen and (max-width: 1350px) {
    .ui__table {
      display: block; } }
  @media screen and (max-width: 1024px) {
    .ui__table {
      height: auto;
      overflow-y: hidden; } }
  .ui__table table {
    width: 100%;
    min-width: 1300px; }
    .ui__table table thead {
      background: #F5F5F5;
      z-index: 10; }
      .ui__table table thead tr th {
        padding: 10px;
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        color: #818592;
        text-align: left;
        padding-top: 12.5px;
        padding-bottom: 12.5px; }
        .ui__table table thead tr th a {
          color: #818592; }
        .ui__table table thead tr th:first-child {
          padding-left: 20px; }
          @media screen and (max-width: 560px) {
            .ui__table table thead tr th:first-child {
              padding-left: 12px; } }
        .ui__table table thead tr th:last-child {
          padding-right: 20px; }
          @media screen and (max-width: 560px) {
            .ui__table table thead tr th:last-child {
              padding-right: 12px; } }
    .ui__table table tfoot {
      border-top: 1px solid #BDC1CE; }
      .ui__table table tfoot tr td span, .ui__table table tfoot tr td b {
        font-weight: 500; }
    .ui__table table tbody, .ui__table table tfoot {
      background: #fff;
      border-radius: 5px;
      overflow: hidden; }
      .ui__table table tbody tr, .ui__table table tfoot tr {
        transition: all 0.3s ease; }
        .ui__table table tbody tr .dropdown-toggle, .ui__table table tfoot tr .dropdown-toggle {
          padding-left: 8px !important; }
        .ui__table table tbody tr .dropdown-menu, .ui__table table tfoot tr .dropdown-menu {
          z-index: 13; }
        .ui__table table tbody tr.user:nth-last-child(-n+5) .dropdown-menu, .ui__table table tfoot tr.user:nth-last-child(-n+5) .dropdown-menu {
          top: unset;
          bottom: 100%; }
        .ui__table table tbody tr:nth-last-child(-n+4) td .ui__openSettings ul, .ui__table table tfoot tr:nth-last-child(-n+4) td .ui__openSettings ul {
          top: unset;
          bottom: 100%; }
        .ui__table table tbody tr:first-child + tr:last-child td .ui__openSettings ul, .ui__table table tfoot tr:first-child + tr:last-child td .ui__openSettings ul {
          top: 0 !important;
          bottom: unset !important; }
        .ui__table table tbody tr:first-child:last-child td .ui__openSettings ul, .ui__table table tfoot tr:first-child:last-child td .ui__openSettings ul {
          top: 0 !important;
          bottom: unset !important; }
        .ui__table table tbody tr:first-child:nth-last-child(2) td .ui__openSettings ul, .ui__table table tbody tr:first-child:nth-last-child(3) td .ui__openSettings ul, .ui__table table tbody tr:first-child:nth-last-child(4) td .ui__openSettings ul, .ui__table table tfoot tr:first-child:nth-last-child(2) td .ui__openSettings ul, .ui__table table tfoot tr:first-child:nth-last-child(3) td .ui__openSettings ul, .ui__table table tfoot tr:first-child:nth-last-child(4) td .ui__openSettings ul {
          top: 100%;
          bottom: unset; }
        .ui__table table tbody tr.commandTitle + .fisrtRowOfOnePerson, .ui__table table tfoot tr.commandTitle + .fisrtRowOfOnePerson {
          border-top-width: 0 !important; }
        .ui__table table tbody tr.commandTitle td, .ui__table table tfoot tr.commandTitle td {
          background: #f5f5f5 !important;
          padding-left: 0 !important;
          position: sticky;
          left: 0; }
          .ui__table table tbody tr.commandTitle td span, .ui__table table tfoot tr.commandTitle td span {
            position: sticky;
            left: 0; }
        .ui__table table tbody tr + tr, .ui__table table tfoot tr + tr {
          border-top: 1px solid #F5F5F5; }
        .ui__table table tbody tr td, .ui__table table tfoot tr td {
          font-weight: 400;
          font-size: 16px;
          line-height: 140%;
          color: #0e1a2f;
          vertical-align: middle;
          padding: 10px; }
          .ui__table table tbody tr td > a, .ui__table table tfoot tr td > a {
            font-size: 14px !important; }
          .ui__table table tbody tr td .ui__openSettings, .ui__table table tfoot tr td .ui__openSettings {
            width: fit-content;
            margin-left: auto; }
          .ui__table table tbody tr td .ui__table_name, .ui__table table tfoot tr td .ui__table_name {
            display: flex;
            align-items: center; }
            .ui__table table tbody tr td .ui__table_name img + span, .ui__table table tbody tr td .ui__table_name div, .ui__table table tfoot tr td .ui__table_name img + span, .ui__table table tfoot tr td .ui__table_name div {
              margin-left: 10px; }
            .ui__table table tbody tr td .ui__table_name svg + span, .ui__table table tbody tr td .ui__table_name div, .ui__table table tfoot tr td .ui__table_name svg + span, .ui__table table tfoot tr td .ui__table_name div {
              margin-left: 10px; }
            .ui__table table tbody tr td .ui__table_name svg, .ui__table table tfoot tr td .ui__table_name svg {
              min-width: 20px;
              width: 20px;
              height: 20px;
              fill: #0e1a2f; }
            .ui__table table tbody tr td .ui__table_name span, .ui__table table tfoot tr td .ui__table_name span {
              font-weight: 400;
              font-size: 14px;
              line-height: 140%; }
            .ui__table table tbody tr td .ui__table_name div, .ui__table table tfoot tr td .ui__table_name div {
              display: flex;
              flex-direction: column;
              align-items: flex-start; }
              .ui__table table tbody tr td .ui__table_name div p + span, .ui__table table tfoot tr td .ui__table_name div p + span {
                margin-top: 5px; }
          .ui__table table tbody tr td .ui__table_links, .ui__table table tfoot tr td .ui__table_links {
            display: flex;
            align-items: center; }
          .ui__table table tbody tr td .ui__table_link, .ui__table table tfoot tr td .ui__table_link {
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            font-size: 14px;
            line-height: 140%;
            color: #0e1a2f;
            width: fit-content; }
            .ui__table table tbody tr td .ui__table_link img, .ui__table table tfoot tr td .ui__table_link img {
              width: 24px;
              height: 24px;
              min-width: 24px; }
            .ui__table table tbody tr td .ui__table_link + .ui__table_link, .ui__table table tfoot tr td .ui__table_link + .ui__table_link {
              margin-left: 15px; }
          .ui__table table tbody tr td .ui__table_opacity, .ui__table table tfoot tr td .ui__table_opacity {
            color: #818592; }
          .ui__table table tbody tr td:first-child, .ui__table table tfoot tr td:first-child {
            padding-left: 20px; }
            @media screen and (max-width: 560px) {
              .ui__table table tbody tr td:first-child, .ui__table table tfoot tr td:first-child {
                padding-left: 12px; } }
          .ui__table table tbody tr td:last-child, .ui__table table tfoot tr td:last-child {
            padding-right: 20px; }
            @media screen and (max-width: 560px) {
              .ui__table table tbody tr td:last-child, .ui__table table tfoot tr td:last-child {
                padding-right: 12px; } }
            .ui__table table tbody tr td:last-child .ui__table_links, .ui__table table tfoot tr td:last-child .ui__table_links {
              justify-content: flex-end; }
        .ui__table table tbody tr:hover, .ui__table table tfoot tr:hover {
          background: #FCFCFC; }
  .ui__table#ui__table_votes tr {
    cursor: pointer; }
  .ui__table.ui__table_offers table tr td:first-child, .ui__table.ui__table_salaryAccruals table tr td:first-child {
    padding: 0;
    position: relative;
    padding-left: 20px; }
  .ui__table.ui__table_offers table tr td .gray, .ui__table.ui__table_salaryAccruals table tr td .gray {
    height: 100%; }
    .ui__table.ui__table_offers table tr td .gray::before, .ui__table.ui__table_salaryAccruals table tr td .gray::before {
      content: "";
      display: block;
      left: 0;
      top: 0;
      height: 100%;
      width: 6px;
      background: #BDC1CE;
      position: absolute;
      border-radius: 6px; }
  .ui__table.ui__table_offers table tr td .green, .ui__table.ui__table_salaryAccruals table tr td .green {
    height: 100%; }
    .ui__table.ui__table_offers table tr td .green::before, .ui__table.ui__table_salaryAccruals table tr td .green::before {
      content: "";
      display: block;
      left: 0;
      top: 0;
      height: 100%;
      width: 6px;
      background: #3BAF12;
      position: absolute;
      border-radius: 6px; }
  .ui__table.ui__table_offers table tr td .yellow, .ui__table.ui__table_salaryAccruals table tr td .yellow {
    height: 100%; }
    .ui__table.ui__table_offers table tr td .yellow::before, .ui__table.ui__table_salaryAccruals table tr td .yellow::before {
      content: "";
      display: block;
      left: 0;
      top: 0;
      height: 100%;
      width: 6px;
      background: #FAB124;
      position: absolute;
      border-radius: 6px; }
  .ui__table.ui__table_offers table tr td .red, .ui__table.ui__table_salaryAccruals table tr td .red {
    height: 100%; }
    .ui__table.ui__table_offers table tr td .red::before, .ui__table.ui__table_salaryAccruals table tr td .red::before {
      content: "";
      display: block;
      left: 0;
      top: 0;
      height: 100%;
      width: 6px;
      background: #E84632;
      position: absolute;
      border-radius: 6px; }
  .ui__table.ui__table_offers table tr td .ui__table_offersCommands, .ui__table.ui__table_salaryAccruals table tr td .ui__table_offersCommands {
    display: flex;
    align-items: center; }
    .ui__table.ui__table_offers table tr td .ui__table_offersCommands div, .ui__table.ui__table_salaryAccruals table tr td .ui__table_offersCommands div {
      padding: 4px 9px;
      border-radius: 5px;
      background: #EDF5FE;
      color: #1053FF;
      font-size: 14px;
      font-weight: 500; }
      .ui__table.ui__table_offers table tr td .ui__table_offersCommands div + div, .ui__table.ui__table_salaryAccruals table tr td .ui__table_offersCommands div + div {
        margin-left: 4px; }
      .ui__table.ui__table_offers table tr td .ui__table_offersCommands div.disabled, .ui__table.ui__table_salaryAccruals table tr td .ui__table_offersCommands div.disabled {
        background: #DEE1EA;
        color: #fff; }
  .ui__table.ui__table_wt_stories table tfoot {
    border-top: 0; }
  .ui__table.ui__table_salaryAccruals table tr td {
    vertical-align: top;
    padding: 10px !important; }
    .ui__table.ui__table_salaryAccruals table tr td:first-child {
      padding-left: 16px !important; }
    .ui__table.ui__table_salaryAccruals table tr td > p {
      white-space: nowrap; }
  .ui__table.ui__table_salaryAccruals table tr td, .ui__table.ui__table_salaryAccruals table tr * {
    font-size: 16px; }
    .ui__table.ui__table_salaryAccruals table tr td .ui__text_fzMedium, .ui__table.ui__table_salaryAccruals table tr * .ui__text_fzMedium {
      font-size: 14px !important; }
  .ui__table#ui__table_downloadOffers {
    overflow-y: auto; }
    .ui__table#ui__table_downloadOffers .source {
      color: #0e1a2f;
      font-weight: 500;
      display: flex;
      align-items: center; }
    .ui__table#ui__table_downloadOffers table tbody tr .ui__field_icon {
      right: 6px !important; }
    .ui__table#ui__table_downloadOffers table tbody tr td {
      font-size: 14px !important; }
      @media screen and (max-width: 560px) {
        .ui__table#ui__table_downloadOffers table tbody tr td .source {
          font-size: 12px; } }
      @media screen and (max-width: 560px) {
        .ui__table#ui__table_downloadOffers table tbody tr td .source button {
          opacity: 0; } }
      @media screen and (max-width: 560px) {
        .ui__table#ui__table_downloadOffers table tbody tr td .ui__table_name {
          flex-wrap: wrap; } }
      @media screen and (max-width: 560px) {
        .ui__table#ui__table_downloadOffers table tbody tr td .ui__table_namenbsp {
          display: none; } }
      @media screen and (max-width: 560px) {
        .ui__table#ui__table_downloadOffers table tbody tr td .ui__table_name > img {
          margin-right: auto; } }
      @media screen and (max-width: 560px) {
        .ui__table#ui__table_downloadOffers table tbody tr td .ui__table_name > a {
          width: 100%;
          margin-top: 4px;
          font-size: 12px; } }
      @media screen and (max-width: 560px) {
        .ui__table#ui__table_downloadOffers table tbody tr td .ui__table_name > button {
          opacity: 1;
          margin-left: 0; } }
      .ui__table#ui__table_downloadOffers table tbody tr td .ui__table_name div p {
        font-size: 14px; }
    .ui__table#ui__table_downloadOffers table tbody tr:first-child td, .ui__table#ui__table_downloadOffers table tbody tr.offers-row td {
      font-size: 12px !important;
      font-weight: 500 !important; }
      .ui__table#ui__table_downloadOffers table tbody tr:first-child td a, .ui__table#ui__table_downloadOffers table tbody tr.offers-row td a {
        color: #1053FF; }
    .ui__table#ui__table_downloadOffers table tr.fisrtRowOfOnePerson {
      border-top-width: 10px; }
    .ui__table#ui__table_downloadOffers table tr td {
      padding-left: 10px;
      border-right: 1px solid #F5F5F5; }
      .ui__table#ui__table_downloadOffers table tr td:first-child {
        vertical-align: top;
        max-width: 220px;
        min-width: 220px;
        position: sticky;
        left: 0;
        z-index: 12;
        background: #fff; }
        @media screen and (max-width: 560px) {
          .ui__table#ui__table_downloadOffers table tr td:first-child {
            max-width: 84px;
            min-width: 84px; } }
      .ui__table#ui__table_downloadOffers table tr td:nth-child(2) {
        position: sticky;
        left: 218px;
        z-index: 12;
        background: #fff; }
        @media screen and (max-width: 560px) {
          .ui__table#ui__table_downloadOffers table tr td:nth-child(2) {
            left: 84px; } }
        .ui__table#ui__table_downloadOffers table tr td:nth-child(2):last-child {
          position: unset;
          left: unset;
          background: unset; }
      .ui__table#ui__table_downloadOffers table tr td .ui__table_name {
        margin-bottom: auto; }
        .ui__table#ui__table_downloadOffers table tr td .ui__table_name a {
          white-space: normal;
          text-overflow: ellipsis;
          overflow: hidden; }
      .ui__table#ui__table_downloadOffers table tr td .ui__filter_icon {
        display: none !important; }
      .ui__table#ui__table_downloadOffers table tr td .ui__field_icon {
        fill: #fff;
        width: 20px;
        height: 20px; }
      .ui__table#ui__table_downloadOffers table tr td .select2-selection__rendered {
        background: #DEE1EA;
        color: #fff !important;
        font-weight: bold !important;
        padding: 5px 4px !important;
        min-height: 24px !important;
        font-size: 12px !important; }
      .ui__table#ui__table_downloadOffers table tr td .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 15px;
        right: -10px; }
      .ui__table#ui__table_downloadOffers table tr td button {
        width: 30px;
        min-width: 30px;
        height: 30px;
        border-radius: 30px;
        transition: all 0.3s ease;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        opacity: 0; }
        .ui__table#ui__table_downloadOffers table tr td button svg {
          min-width: 16px;
          width: 16px;
          height: 16px;
          transition: all 0.3s ease;
          fill: #0e1a2f; }
        .ui__table#ui__table_downloadOffers table tr td button:hover {
          background: #F5F5F5; }
          .ui__table#ui__table_downloadOffers table tr td button:hover svg {
            fill: #1053FF; }
        .ui__table#ui__table_downloadOffers table tr td button + button {
          margin-left: 0; }
      .ui__table#ui__table_downloadOffers table tr td:hover button {
        opacity: 1; }
  .ui__table.ui__table_calendar {
    background: #F5F5F5; }
    .ui__table.ui__table_calendar table ~ div {
      border: 1px solid #F5F5F5; }
    .ui__table.ui__table_calendar table td {
      padding: 13px 10px;
      border-radius: 5px;
      background: #fff;
      border: 1px solid #F5F5F5;
      transition: all 0.3s ease;
      text-align: center;
      vertical-align: center; }
      .ui__table.ui__table_calendar table td a.ui__tooltipInside_top {
        display: inline;
        align-items: center;
        justify-content: center; }
        .ui__table.ui__table_calendar table td a.ui__tooltipInside_top + a.ui__tooltipInside_top {
          margin-left: 8px; }
      .ui__table.ui__table_calendar table td svg {
        min-width: 24px;
        width: 24px;
        height: 24px;
        fill: #0e1a2f; }
    .ui__table.ui__table_calendar table tr td {
      max-width: 36px; }
      .ui__table.ui__table_calendar table tr td:first-child {
        max-width: unset; }
    .ui__table.ui__table_calendar table tr:hover td {
      background: rgba(189, 193, 206, 0.3); }
    .ui__table.ui__table_calendar table thead {
      background: #F5F5F5;
      z-index: 10;
      padding-bottom: 10px; }
      .ui__table.ui__table_calendar table thead tr:first-child td:first-child {
        position: sticky;
        left: 0;
        background: #fff; }
      .ui__table.ui__table_calendar table thead tr td {
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .ui__table.ui__table_calendar table thead tr td .ui__table_date {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 100%;
          text-align: center; }
          .ui__table.ui__table_calendar table thead tr td .ui__table_date.weekend p, .ui__table.ui__table_calendar table thead tr td .ui__table_date.weekend span {
            color: #BDC1CE; }
        .ui__table.ui__table_calendar table thead tr td.ui__table_currentDay .ui__table_date p, .ui__table.ui__table_calendar table thead tr td.ui__table_currentDay .ui__table_date span {
          color: #1053FF; }
    .ui__table.ui__table_calendar table tbody tr td:first-child {
      position: sticky;
      left: 0;
      background: #fff;
      z-index: 20;
      overflow: hidden; }
      @media screen and (max-width: 560px) {
        .ui__table.ui__table_calendar table tbody tr td:first-child {
          max-width: 130px;
          min-width: 130px; } }
    @media screen and (max-width: 1600px) {
      .ui__table.ui__table_calendar table tbody tr td .ui__table_name div * {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; } }
    @media screen and (max-width: 1600px) {
      .ui__table.ui__table_calendar table tbody tr td .ui__table_name * {
        font-size: 14px; } }
    @media screen and (max-width: 560px) {
      .ui__table.ui__table_calendar table tbody tr td .ui__table_name * {
        font-size: 12px; } }
    .ui__table.ui__table_calendar .ui__table_currentDay {
      background: #F5F5F5 !important; }
      .ui__table.ui__table_calendar .ui__table_currentDay p, .ui__table.ui__table_calendar .ui__table_currentDay span {
        color: #0e1a2f; }
    .ui__table.ui__table_calendar .ui__table_weekends p, .ui__table.ui__table_calendar .ui__table_weekends span {
      color: #BDC1CE !important; }
    .ui__table.ui__table_calendar .event {
      display: flex;
      align-items: center;
      justify-content: center; }
      .ui__table.ui__table_calendar .event svg {
        margin-right: 4px; }
      .ui__table.ui__table_calendar .event p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .ui__table.ui__table_calendar .red {
      background: #E84632 !important;
      padding: 0 !important; }
      .ui__table.ui__table_calendar .red svg {
        fill: #fff; }
      .ui__table.ui__table_calendar .red p {
        color: #fff; }
    .ui__table.ui__table_calendar .lightYellow {
      background: #FBEDDB !important;
      padding: 0 !important; }
      .ui__table.ui__table_calendar .lightYellow svg {
        fill: #0e1a2f; }
      .ui__table.ui__table_calendar .lightYellow p {
        color: #fff; }
    .ui__table.ui__table_calendar .blue {
      background: #0063A7 !important;
      padding: 0 !important; }
      .ui__table.ui__table_calendar .blue svg {
        fill: #fff; }
      .ui__table.ui__table_calendar .blue p {
        color: #fff; }
    .ui__table.ui__table_calendar .cyan {
      background: #21A699 !important;
      padding: 0 !important; }
      .ui__table.ui__table_calendar .cyan svg {
        fill: #fff; }
      .ui__table.ui__table_calendar .cyan p {
        color: #fff; }
    .ui__table.ui__table_calendar .yellow {
      background: #FAB124 !important;
      padding: 0 !important; }
      .ui__table.ui__table_calendar .yellow svg {
        fill: #fff; }
      .ui__table.ui__table_calendar .yellow p {
        color: #fff; }
  .ui__table.ui__table_invoces table tbody tr td:first-child {
    padding: 0; }
  .ui__table.ui__table_invoces table tbody tr:hover {
    background: #fff; }
  .ui__table.ui__table_invoces table tbody tr.ui__tableHiddenRow {
    background: #f8f8f8 !important;
    display: none; }
    .ui__table.ui__table_invoces table tbody tr.ui__tableHiddenRow .ui__tableHiddenRow_column {
      display: flex;
      flex-direction: column;
      padding-top: 4px;
      padding-bottom: 4px; }
      .ui__table.ui__table_invoces table tbody tr.ui__tableHiddenRow .ui__tableHiddenRow_column .ui__top {
        display: block;
        margin-bottom: 4px; }
      .ui__table.ui__table_invoces table tbody tr.ui__tableHiddenRow .ui__tableHiddenRow_column > p {
        height: 40px;
        display: flex;
        align-items: center; }
    .ui__table.ui__table_invoces table tbody tr.ui__tableHiddenRow.openned {
      display: table-row; }

.darkTheme .ql-toolbar, .darkTheme .editor-quill-2 {
  background: #323332; }
  .darkTheme .ql-toolbar .ql-formats .ql-header .ql-picker, .darkTheme .editor-quill-2 .ql-formats .ql-header .ql-picker {
    color: #fff; }
  .darkTheme .ql-toolbar:hover, .darkTheme .editor-quill-2:hover {
    border: 1px solid #323337; }
.darkTheme .ui__table tfoot {
  background: #242424;
  border-top: 1px solid #323337; }
  .darkTheme .ui__table tfoot tr {
    color: #fff; }
    .darkTheme .ui__table tfoot tr td {
      color: #fff; }
    .darkTheme .ui__table tfoot tr:hover {
      background: #1F1F1F; }
.darkTheme .ui__table table tbody tr + tr {
  border-top: 1px solid #323337; }
.darkTheme .ui__table table tbody td > a {
  color: #FFF !important; }
  .darkTheme .ui__table table tbody td > a:hover {
    color: #1053FF !important; }
.darkTheme .ui__table table tbody td .ui__table_name {
  color: #fff !important; }
  .darkTheme .ui__table table tbody td .ui__table_name span {
    color: #fff !important; }
.darkTheme .ui__table table tbody td .ui__chevron .block svg {
  fill: #fff; }
.darkTheme .ui__table table tbody td .ui__chevron .block:hover {
  background: #323332; }
.darkTheme .ui__table#ui__table_downloadOffers .source {
  color: #fff; }
.darkTheme .ui__table#ui__table_downloadOffers table tr.commandTitle td {
  background: #242424 !important;
  padding-left: 12px !important; }
.darkTheme .ui__table#ui__table_downloadOffers table tr td {
  border-right: 1px solid #323337;
  color: #fff; }
  .darkTheme .ui__table#ui__table_downloadOffers table tr td:first-child {
    background: #242424; }
    .darkTheme .ui__table#ui__table_downloadOffers table tr td:first-child .ui__table_name .bayer-name {
      color: #fff !important; }
  .darkTheme .ui__table#ui__table_downloadOffers table tr td:nth-child(2) {
    background: #242424; }
    .darkTheme .ui__table#ui__table_downloadOffers table tr td:nth-child(2):last-child {
      background: unset; }
  .darkTheme .ui__table#ui__table_downloadOffers table tr td .dropdown .label {
    background: #323337; }
  .darkTheme .ui__table#ui__table_downloadOffers table tr td .select2-selection__rendered {
    background: #DEE1EA;
    color: #fff !important; }
  .darkTheme .ui__table#ui__table_downloadOffers table tr td button svg {
    fill: #fff; }
  .darkTheme .ui__table#ui__table_downloadOffers table tr td button:hover {
    background: #F5F5F5; }
    .darkTheme .ui__table#ui__table_downloadOffers table tr td button:hover svg {
      fill: #1053FF; }
.darkTheme .ui__table.ui__table_invoces tr td:nth-child(2) span {
  color: #fff !important; }
.darkTheme .ui__table.ui__table_invoces .bg-warning-100 {
  background: #3a3935 !important; }
.darkTheme .ui__table.ui__table_invoces .bg-success-100 {
  background: #252825 !important; }

.ui__openSettingsMin {
  display: flex;
  align-items: center;
  padding: 7px 3.5px;
  border-radius: 5px;
  border: 1px solid #F5F5F5;
  width: fit-content;
  cursor: pointer;
  position: relative; }
  .ui__openSettingsMin svg {
    min-width: 16px;
    width: 16px;
    height: 16px;
    transition: all 0.3s ease; }
  .ui__openSettingsMin ul {
    filter: drop-shadow(0px 5px 8px rgba(10, 30, 63, 0.1));
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    min-width: 228px;
    transition: all 0.3s ease;
    opacity: 0;
    pointer-events: none;
    transform: translateY(30px);
    z-index: 10; }
    .ui__openSettingsMin ul li {
      width: 100%; }
      .ui__openSettingsMin ul li .ui__openSettingsMin_item {
        padding: 10px;
        width: 100%;
        display: block;
        color: #0e1a2f;
        font-size: 14px;
        line-height: 17px;
        transition: all 0.3s ease; }
        .ui__openSettingsMin ul li .ui__openSettingsMin_item:hover {
          color: #1053FF; }
      .ui__openSettingsMin ul li + li {
        border-top: 1px solid #f5f5f5; }
  .ui__openSettingsMin:hover .chevron {
    transform: rotate(180deg); }
  .ui__openSettingsMin:hover ul {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px); }

.darkTheme .ui__openSettingsMin svg {
  fill: #fff !important; }
.darkTheme .ui__openSettingsMin ul {
  background: #323337; }
  .darkTheme .ui__openSettingsMin ul li .ui__openSettingsMin_item {
    color: #fff; }
    .darkTheme .ui__openSettingsMin ul li .ui__openSettingsMin_item:hover {
      color: #1053FF; }
  .darkTheme .ui__openSettingsMin ul li + li {
    border-color: #44464b; }

.ui__tableCreateRow .ui__text {
  display: flex;
  align-items: center; }
  .ui__tableCreateRow .ui__text .js__tableCreateRow {
    cursor: pointer;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .ui__tableCreateRow .ui__text .js__tableCreateRow svg {
      min-width: 22px;
      width: 22px;
      height: 22px;
      transition: all 0.3s ease;
      fill: #1053FF; }
    .ui__tableCreateRow .ui__text .js__tableCreateRow:hover svg {
      fill: #0e1a2f; }
.ui__tableCreateRow hr {
  margin-bottom: 15px; }
.ui__tableCreateRow .ui__table {
  border-radius: 5px; }
  .ui__tableCreateRow .ui__table table thead {
    background: unset; }
    .ui__tableCreateRow .ui__table table thead tr th:first-child {
      padding-left: 0; }
    .ui__tableCreateRow .ui__table table thead tr th:last-child {
      padding-right: 0; }
  .ui__tableCreateRow .ui__table table tbody tr:hover {
    background: unset; }
  .ui__tableCreateRow .ui__table table tbody tr td {
    position: relative; }
    .ui__tableCreateRow .ui__table table tbody tr td:first-child {
      padding-left: 0; }
    .ui__tableCreateRow .ui__table table tbody tr td:last-child {
      padding-right: 0; }
    .ui__tableCreateRow .ui__table table tbody tr td .ui__inputField, .ui__tableCreateRow .ui__table table tbody tr td .ui__inputText {
      max-width: 100%; }
  .ui__tableCreateRow .ui__table table tbody tr + .nothing {
    display: none; }
.ui__tableCreateRow .ui__tableDeleteRow {
  position: absolute;
  top: 0;
  height: 100%;
  right: -40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .ui__tableCreateRow .ui__tableDeleteRow svg {
    min-width: 20px;
    width: 20px;
    height: 20px;
    transition: all 0.3s ease;
    fill: #0e1a2f; }
  .ui__tableCreateRow .ui__tableDeleteRow:hover svg {
    fill: #1053FF; }

.ui__chevron {
  position: relative;
  height: 60px;
  display: flex;
  align-items: center; }
  .ui__chevron::before {
    content: "";
    display: block;
    width: 6px;
    border-radius: 6px;
    background: #BDC1CE;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
  .ui__chevron .block {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-left: 15px; }
    .ui__chevron .block svg {
      min-width: 20px;
      width: 20px;
      height: 20px;
      fill: #0e1a2f;
      transition: all 0.3s ease; }
    .ui__chevron .block:hover {
      background: #F5F5F5; }
  .ui__chevron.ui__chevron_red::before {
    background: #E84632; }
  .ui__chevron.ui__chevron_gray::before {
    background: #BDC1CE; }
  .ui__chevron.ui__chevron_yellow::before {
    background: #FAB124; }
  .ui__chevron.ui__chevron_green::before {
    background: #3BAF12; }
  .ui__chevron.ui__chevron_blue::before {
    background: #1053FF; }
  .ui__chevron.openned .block svg {
    transform: rotate(180deg); }

.darkTheme .ui__table table thead {
  background: #000; }
.darkTheme .ui__table table tbody {
  background: #242424; }
  .darkTheme .ui__table table tbody tr td {
    color: #fff; }
    .darkTheme .ui__table table tbody tr td .ui__table_link {
      color: #fff; }
    .darkTheme .ui__table table tbody tr td .ui__table_name svg {
      fill: #fff; }
  .darkTheme .ui__table table tbody tr:hover {
    background: #1F1F1F; }
.darkTheme .ui__table.ui__table_calendar {
  background: #242424; }
  .darkTheme .ui__table.ui__table_calendar table ~ div {
    border: 1px solid #3F4045; }
  .darkTheme .ui__table.ui__table_calendar table td {
    color: #fff;
    background: #242424;
    border: 0.5px solid #3F4045; }
    .darkTheme .ui__table.ui__table_calendar table td svg {
      fill: #fff; }
  .darkTheme .ui__table.ui__table_calendar table thead tr td .ui__table_date span {
    color: #fff; }
  .darkTheme .ui__table.ui__table_calendar .ui__table_weekends svg {
    fill: #0e1a2f; }

.ui__selectDropdown {
  min-height: 44px;
  min-width: 132px !important;
  max-width: 320px;
  width: fit-content;
  position: relative; }
  .ui__selectDropdown_head > div {
    width: fit-content; }
  .ui__selectDropdown_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 15px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    height: 44px; }
    .ui__selectDropdown_input svg {
      width: 16px;
      height: 16px;
      min-width: 16px;
      fill: #0e1a2f;
      transition: all 0.3s ease;
      transform: rotate(0deg); }
    .ui__selectDropdown_input p {
      color: #0e1a2f;
      margin-left: 5px;
      padding-right: 4px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: flex;
      flex: 1; }
      .ui__selectDropdown_input p span {
        color: #1053FF;
        transition: all 0.3s ease;
        opacity: 0;
        margin-left: 4px; }
        .ui__selectDropdown_input p span.showed {
          opacity: 1; }
  .ui__selectDropdown_dropdown {
    box-shadow: 0px 5px 8px rgba(10, 30, 63, 0.1);
    border-radius: 5px;
    background: #fff;
    overflow: auto;
    max-height: 200px;
    z-index: 50;
    position: absolute;
    left: 0 !important;
    top: 100% !important;
    display: none; }
    .ui__selectDropdown_dropdown label {
      padding: 10px;
      display: flex;
      align-items: center;
      cursor: pointer;
      transition: all 0.3s ease; }
      .ui__selectDropdown_dropdown label p {
        display: flex;
        align-items: center;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .ui__selectDropdown_dropdown label p::before {
          content: "";
          display: flex;
          align-items: center;
          justify-content: center;
          width: 16px;
          height: 16px;
          min-width: 16px;
          border-radius: 2px;
          background-color: #F5F5F5;
          margin-right: 10px;
          border: 1px solid transparent;
          transition: all 0.3s ease;
          background-size: 14px;
          background-position: center; }
      .ui__selectDropdown_dropdown label input[type="checkbox"] {
        display: none; }
        .ui__selectDropdown_dropdown label input[type="checkbox"]:checked + p::before {
          background-image: url(../assets/images/form__check.svg) !important;
          background-color: #1053FF; }
      .ui__selectDropdown_dropdown label:hover {
        background: #F5F5F5; }
        .ui__selectDropdown_dropdown label:hover p::before {
          border-color: #1053FF; }
      .ui__selectDropdown_dropdown label + label {
        border-top: 1px solid #F5F5F5; }
  .ui__selectDropdown.openned .ui__selectDropdown_dropdown {
    display: block; }
  .ui__selectDropdown.openned .ui__selectDropdown_chevron {
    transform: rotate(180deg); }

.darkTheme .ui__selectDropdown_input {
  background-color: #242424 !important; }
  .darkTheme .ui__selectDropdown_input svg {
    fill: #fff; }
  .darkTheme .ui__selectDropdown_input p {
    color: #fff; }
.darkTheme .ui__selectDropdown_dropdown {
  background: #303030; }
  .darkTheme .ui__selectDropdown_dropdown label p {
    color: #fff; }
    .darkTheme .ui__selectDropdown_dropdown label p::before {
      background: #454545; }
  .darkTheme .ui__selectDropdown_dropdown label + label {
    border-color: #44454A; }
  .darkTheme .ui__selectDropdown_dropdown label:hover {
    background: #1F1F1F; }

.ui__schet {
  background: #fff;
  border-radius: 5px;
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 11px; }
  .ui__schet .ui__schet_dop {
    background: #F5F5F5;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 40px;
    margin-right: 20px; }
    .ui__schet .ui__schet_dop > span {
      padding-bottom: 15px;
      width: 100%;
      display: block;
      border-bottom: 1px solid #E0E0E0;
      margin-bottom: 15px; }
  .ui__schet .ui__schet_manipulate {
    margin-bottom: 31px;
    display: flex;
    align-items: center;
    margin-top: 12px;
    padding-right: 12px; }
    .ui__schet .ui__schet_manipulate span {
      display: block;
      margin-right: 20px; }
    .ui__schet .ui__schet_manipulate .last {
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .ui__schet .ui__schet_manipulate .last svg {
        min-width: 16px;
        width: 16px;
        height: 16px;
        fill: #0e1a2f;
        transition: all 0.3s ease; }
      .ui__schet .ui__schet_manipulate .last:hover svg {
        fill: #1053FF; }
    .ui__schet .ui__schet_manipulate .ui__btn_small {
      background: #0e1a2f;
      color: #fff;
      border: 1px solid #0e1a2f;
      margin-right: auto; }
      .ui__schet .ui__schet_manipulate .ui__btn_small:hover {
        background: #fff;
        color: #0e1a2f; }
  .ui__schet .ui__inputField {
    display: flex;
    align-items: center;
    flex-direction: row; }
    .ui__schet .ui__inputField button {
      margin-right: 10px; }
  .ui__schet .ui__table table thead {
    background: transparent; }
    .ui__schet .ui__table table thead tr th {
      background: transparent; }
      .ui__schet .ui__table table thead tr th:last-child {
        padding-left: 0; }
      .ui__schet .ui__table table thead tr th:nth-child(3) {
        text-align: right; }
  .ui__schet .ui__table table tbody tr td {
    padding-left: 0; }
    .ui__schet .ui__table table tbody tr td .ui__inputText {
      max-width: 100%; }
      .ui__schet .ui__table table tbody tr td .ui__inputText .ui__filter_icon {
        display: none; }
    .ui__schet .ui__table table tbody tr td .ui__inputField {
      max-width: 100%; }
      .ui__schet .ui__table table tbody tr td .ui__inputField input {
        text-align: right; }
    .ui__schet .ui__table table tbody tr td .ui__checkbox {
      margin-left: auto; }
    .ui__schet .ui__table table tbody tr td:last-child {
      max-width: 16px !important;
      width: 16px !important;
      padding-right: 0 !important;
      text-align: right; }

.ui__voteCardExample {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  background: linear-gradient(117.43deg, #1053FF 5.24%, #FD4777 104.98%);
  padding: 30px 51px;
  max-width: 372px;
  width: 100%;
  min-height: 275px;
  transition: all 0.3s ease; }
  @media screen and (max-width: 1450px) {
    .ui__voteCardExample {
      padding: 30px 20px; } }
  @media screen and (max-width: 768px) {
    .ui__voteCardExample {
      margin-bottom: 24px;
      padding: 12px; } }
  .ui__voteCardExample.js__voteCardVioletRose {
    background: linear-gradient(117.43deg, #1053FF 5.24%, #FD4777 104.98%); }
  .ui__voteCardExample.js__voteCardBlue {
    background: linear-gradient(117.43deg, #7B97DF 5.24%, #0082C8 104.98%); }
  .ui__voteCardExample.js__voteCardGreen {
    background: linear-gradient(117.43deg, #56AB2F 5.24%, #A8E063 104.98%); }
  .ui__voteCardExample.js__voteCardRed {
    background: linear-gradient(117.43deg, #FF4B1F 5.24%, #FF9068 104.98%); }
  .ui__voteCardExample.js__voteCardYellow {
    background: linear-gradient(297.56deg, #FFE000 -7.83%, #FF7A00 104.64%); }
  .ui__voteCardExample input, .ui__voteCardExample textarea {
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px dashed rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease; }
    .ui__voteCardExample input:hover, .ui__voteCardExample input:focus, .ui__voteCardExample input:not(:placeholder-shown), .ui__voteCardExample textarea:hover, .ui__voteCardExample textarea:focus, .ui__voteCardExample textarea:not(:placeholder-shown) {
      border: 1px dashed rgba(255, 255, 255, 0); }
  .ui__voteCardExample textarea {
    padding-top: 8px;
    padding-bottom: 8px;
    resize: none; }
  .ui__voteCardExample input::-webkit-input-placeholder,
  .ui__voteCardExample textarea::-webkit-input-placeholder {
    color: #fff; }
  .ui__voteCardExample input::-moz-placeholder,
  .ui__voteCardExample textarea::-moz-placeholder {
    color: #fff; }
  .ui__voteCardExample input:-moz-placeholder,
  .ui__voteCardExample textarea:-moz-placeholder {
    color: #fff; }
  .ui__voteCardExample input:-ms-input-placeholder,
  .ui__voteCardExample textarea:-ms-input-placeholder {
    color: #fff; }
  .ui__voteCardExample_title {
    width: 100%;
    margin-bottom: 16px; }
    .ui__voteCardExample_title input {
      min-height: 43px; }
  .ui__voteCardExample_voteItem {
    width: 100%; }
    .ui__voteCardExample_voteItem + .ui__voteCardExample_voteItem {
      margin-top: 4px; }
    .ui__voteCardExample_voteItem input {
      padding: 7.5px 10px;
      text-align: left;
      font-weight: 400;
      font-size: 14px; }
  .ui__voteCardExample_addField {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease; }
    .ui__voteCardExample_addField svg {
      min-width: 13px;
      margin-bottom: 2px;
      width: 13px;
      height: 13px;
      fill: #fff; }
    .ui__voteCardExample_addField p {
      color: rgba(255, 255, 255, 0.5);
      font-size: 12px;
      line-height: 140%; }
    .ui__voteCardExample_addField:hover {
      opacity: 0.5; }
    .ui__voteCardExample_addField.hidden {
      opacity: 0;
      pointer-events: none; }

.ui__tableCommand {
  background: #fff;
  border-radius: 5px;
  padding-top: 21px;
  padding-bottom: 21px; }
  .ui__tableCommand > * {
    padding-left: 24px;
    padding-right: 24px; }
  .ui__tableCommand_title {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #0e1a2f; }
  .ui__tableCommand_heads {
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(18, 18, 18, 0.05);
    display: flex;
    flex-wrap: wrap; }
    .ui__tableCommand_heads .ui__tableCommand_person {
      width: calc(25% - 16px);
      margin-top: 21px; }
      @media screen and (max-width: 1420px) {
        .ui__tableCommand_heads .ui__tableCommand_person {
          width: calc(33.333% - 16px); } }
      @media screen and (max-width: 1150px) {
        .ui__tableCommand_heads .ui__tableCommand_person {
          width: calc(50% - 16px); } }
      @media screen and (max-width: 660px) {
        .ui__tableCommand_heads .ui__tableCommand_person {
          width: 100%; } }
  .ui__tableCommand_person {
    display: flex;
    align-items: center;
    width: fit-content; }
    .ui__tableCommand_person img {
      margin-right: 15px; }
    .ui__tableCommand_person .text {
      display: flex;
      flex-direction: column; }
      .ui__tableCommand_person .text h4 {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #0e1a2f;
        margin-bottom: 6px; }
      .ui__tableCommand_person .text p {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #818592; }
        .ui__tableCommand_person .text p span {
          font-size: 9px;
          line-height: 11px;
          font-weight: 500;
          padding: 1.5px 4.23px;
          border-radius: 5px; }
          .ui__tableCommand_person .text p span.Teamlead, .ui__tableCommand_person .text p span.teamlead {
            background: #EBFFE4;
            color: #3BAF12; }
          .ui__tableCommand_person .text p span.Junior, .ui__tableCommand_person .text p span.junior {
            background: #EDF5FE;
            color: #1053FF; }
          .ui__tableCommand_person .text p span.Middle, .ui__tableCommand_person .text p span.middle {
            background: #fef3de;
            color: #fab124; }
          .ui__tableCommand_person .text p span.Senior, .ui__tableCommand_person .text p span.senior {
            background: #fce3e0;
            color: #e84632; }
  .ui__tableCommand_staff {
    display: flex;
    flex-wrap: wrap; }
    .ui__tableCommand_staff .ui__tableCommand_person {
      width: calc(25% - 16px);
      margin-top: 21px; }
      @media screen and (max-width: 1420px) {
        .ui__tableCommand_staff .ui__tableCommand_person {
          width: calc(33.333% - 16px); } }
      @media screen and (max-width: 1150px) {
        .ui__tableCommand_staff .ui__tableCommand_person {
          width: calc(50% - 16px); } }
      @media screen and (max-width: 660px) {
        .ui__tableCommand_staff .ui__tableCommand_person {
          width: 100%; } }
  .ui__tableCommand + .ui__tableCommand {
    margin-top: 10px; }

.darkTheme .ui__tableCommand {
  background: #242424; }
  .darkTheme .ui__tableCommand_title {
    color: #fff; }
  .darkTheme .ui__tableCommand_heads {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .darkTheme .ui__tableCommand_person h4 {
    color: #fff; }

.ui__addImage {
  position: relative;
  max-width: 222px;
  width: 100%;
  border-radius: 50%;
  cursor: pointer; }
  .ui__addImage_img {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative;
    aspect-ratio: 1/1; }
    .ui__addImage_img img {
      width: 100%;
      height: unset !important;
      object-fit: cover;
      object-position: center;
      aspect-ratio: 1/1; }
    .ui__addImage_img .add {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.4);
      border-radius: 50%;
      opacity: 0;
      pointer-events: none; }
      .ui__addImage_img .add svg {
        min-width: 28px;
        width: 28px;
        height: 28px;
        margin-bottom: 10px;
        fill: #fff; }
      .ui__addImage_img .add p {
        text-align: center; }
  .ui__addImage:hover .add {
    opacity: 1; }

@keyframes ui__loading_rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.ui__loading {
  position: relative;
  width: 44px;
  height: 44px;
  animation: ui__loading_rotation 1s linear infinite; }

.Teamlead, .teamlead {
  background: #EBFFE4;
  color: #3BAF12; }

.Junior, .junior {
  background: #EDF5FE;
  color: #1053FF; }

.Middle, .middle {
  background: #fef3de;
  color: #fab124; }

.Senior, .senior {
  background: #fce3e0;
  color: #e84632; }

.ui__changableInput {
  display: flex;
  flex-direction: column; }
  .ui__changableInput_edit {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 10px; }
    .ui__changableInput_edit svg {
      min-width: 20px;
      width: 20px;
      height: 20px;
      margin-right: 6px;
      fill: #1053FF;
      transition: all 0.3s ease; }
    .ui__changableInput_edit .ui__text {
      transition: all 0.3s ease; }
  .ui__changableInput_input {
    padding: 11.5px 0;
    width: 100%;
    border: 1px solid transparent;
    margin-bottom: 5px;
    transition: all 0.3s ease; }
  .ui__changableInput_button {
    margin-left: auto;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-20px); }
    .ui__changableInput_button-active {
      opacity: 1;
      pointer-events: auto;
      transform: translateX(0px); }

.ui__marketplaceCreate {
  background: #fff;
  padding: 45px 33px;
  border-radius: 5px; }
  @media screen and (max-width: 560px) {
    .ui__marketplaceCreate {
      padding: 20px 16px; } }
  .ui__marketplaceCreate .content__block {
    max-width: 900px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .ui__marketplaceCreate .content__block {
        flex-direction: column; } }
    .ui__marketplaceCreate .content__block .column {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: calc(50% - 31px); }
      @media screen and (max-width: 768px) {
        .ui__marketplaceCreate .content__block .column {
          width: 100%; }
          .ui__marketplaceCreate .content__block .column:last-child {
            margin-top: 32px; } }
      .ui__marketplaceCreate .content__block .column:last-child {
        justify-content: flex-start;
        margin-top: 60px; }
        .ui__marketplaceCreate .content__block .column:last-child button {
          margin: 0 !important; }
          .ui__marketplaceCreate .content__block .column:last-child button + button {
            margin-left: 12px !important; }
      .ui__marketplaceCreate .content__block .column .form-group {
        max-width: unset !important; }
      .ui__marketplaceCreate .content__block .column > * {
        max-width: unset;
        position: relative;
        height: fit-content; }
        .ui__marketplaceCreate .content__block .column > * input[type="date"] {
          max-width: unset;
          width: 100%; }
        .ui__marketplaceCreate .content__block .column > * > svg {
          fill: #0e1a2f;
          width: 16px;
          height: 16px;
          min-width: 16px;
          position: absolute;
          top: 40px;
          right: 15px; }
        .ui__marketplaceCreate .content__block .column > *.ui__inputField label {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
        .ui__marketplaceCreate .content__block .column > * + * {
          margin-top: 18px; }
      .ui__marketplaceCreate .content__block .column .dropzone {
        padding: 8px;
        border-radius: 4px;
        background: #FAFAFA;
        width: 100%; }
        .ui__marketplaceCreate .content__block .column .dropzone > * {
          max-width: unset; }
      .ui__marketplaceCreate .content__block .column .ui__addImage {
        border-radius: 0; }
        .ui__marketplaceCreate .content__block .column .ui__addImage .add {
          border-radius: 0; }
      .ui__marketplaceCreate .content__block .column .w50 {
        width: calc(50% - 9px); }
        @media screen and (max-width: 560px) {
          .ui__marketplaceCreate .content__block .column .w50 {
            width: 100%; } }
      .ui__marketplaceCreate .content__block .column .w100 {
        width: 100%; }

.darkTheme .dropzone {
  background: #323332 !important; }
.darkTheme .ui__marketplaceCreate {
  background: #242424; }
  .darkTheme .ui__marketplaceCreate .column > * input {
    background: #323332; }
  .darkTheme .ui__marketplaceCreate .column > * > svg {
    fill: #fff; }

.ui__formulaEdit {
  background: #fff;
  border-radius: 5px;
  padding: 52px 32px; }
  @media screen and (max-width: 560px) {
    .ui__formulaEdit {
      padding: 24px 16px; } }
  .ui__formulaEdit .content__block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 780px; }
    .ui__formulaEdit .content__block .ui__inputField label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .ui__formulaEdit .content__block .column {
      width: 100%;
      display: flex;
      align-items: center; }
      .ui__formulaEdit .content__block .column button {
        margin-top: 20px;
        margin-bottom: 40px; }
      .ui__formulaEdit .content__block .column button + button {
        margin-left: 12px; }
    .ui__formulaEdit .content__block .ui__title {
      margin-bottom: 24px;
      width: 100%; }
    .ui__formulaEdit .content__block * {
      max-width: unset; }
    .ui__formulaEdit .content__block > * + * {
      margin-top: 18px; }
    .ui__formulaEdit .content__block .w100 {
      width: 100%; }
    .ui__formulaEdit .content__block .w50 {
      width: calc(50% - 9px); }
      @media screen and (max-width: 560px) {
        .ui__formulaEdit .content__block .w50 {
          width: 100%; } }
  .ui__formulaEdit .formulaBlock {
    width: 100%;
    background: #F5F5F5;
    padding: 30px;
    border-radius: 5px; }
    @media screen and (max-width: 560px) {
      .ui__formulaEdit .formulaBlock {
        padding: 16px; } }
    .ui__formulaEdit .formulaBlock .ui__title {
      margin-bottom: 24px; }
    .ui__formulaEdit .formulaBlock .ui__tags {
      flex-wrap: wrap;
      margin-bottom: 26px; }
      .ui__formulaEdit .formulaBlock .ui__tags .ui__tag {
        margin: 0;
        margin-right: 10px;
        margin-bottom: 10px; }
        .ui__formulaEdit .formulaBlock .ui__tags .ui__tag .ui__tab {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          padding: 3px 12px;
          font-size: 12px; }
    @media screen and (max-width: 560px) {
      .ui__formulaEdit .formulaBlock .ui__table table thead tr th {
        font-size: 14px; } }
    .ui__formulaEdit .formulaBlock .ui__table table thead tr th:first-child {
      padding-left: 0; }
    .ui__formulaEdit .formulaBlock .ui__table table tbody {
      background: unset !important; }
      .ui__formulaEdit .formulaBlock .ui__table table tbody tr {
        border-top: 1px solid #E2E2E2; }
        .ui__formulaEdit .formulaBlock .ui__table table tbody tr:hover {
          background: unset; }
        @media screen and (max-width: 560px) {
          .ui__formulaEdit .formulaBlock .ui__table table tbody tr td {
            font-size: 14px; } }
        .ui__formulaEdit .formulaBlock .ui__table table tbody tr td:first-child {
          max-width: 300px;
          min-width: 150px;
          width: 300px;
          font-weight: 500;
          padding-left: 0; }

.ui__notifies {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 50;
  max-width: 450px;
  width: 100%; }
  .ui__notifies > * + * {
    margin-top: 4px; }

.ui__notify {
  background: #3BAF12;
  max-width: 450px;
  width: 100%;
  padding: 12px 18px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease;
  overflow: hidden; }
  .ui__notify.hided {
    margin-top: 0 !important;
    height: 0px !important;
    transform: translateX(-150%);
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .ui__notify_icon {
    margin-right: 20px; }
    .ui__notify_icon svg {
      min-width: 20px;
      width: 20px;
      height: 20px; }
  .ui__notify_content {
    margin-right: auto; }
    .ui__notify_content h5 {
      font-weight: 500;
      font-size: 16px;
      line-height: 120%;
      color: #fff;
      margin-bottom: 8px; }
    .ui__notify_content p {
      font-weight: 400;
      font-size: 14px;
      line-height: 140%;
      color: #fff; }
  .ui__notify_close {
    margin-left: 20px;
    margin-top: 3px;
    cursor: pointer;
    pointer-events: auto; }
    .ui__notify_close svg {
      min-width: 14px;
      width: 14px;
      height: 14px;
      fill: #fff;
      transition: all 0.3s ease; }
    .ui__notify_close:hover svg {
      fill: #818592; }
  .ui__notify-success {
    background: #3BAF12; }
    .ui__notify-success .icon {
      fill: transparent;
      stroke: #fff; }
  .ui__notify-error {
    background: #E84632; }
    .ui__notify-error .icon {
      fill: #fff; }
  .ui__notify-information {
    background: #FAB124; }
    .ui__notify-information .icon {
      fill: #fff; }

.uix_calendar_menu_count {
  min-width: 21px !important;
  width: fit-content !important;
  height: 21px !important;
  max-height: 21px !important; }
  @media screen and (max-width: 560px) {
    .uix_calendar_menu_count {
      min-width: 25px !important;
      width: fit-content !important;
      max-height: 25px !important;
      height: 25px !important; } }

.lightTheme .ui__title {
  color: #0e1a2f; }
.lightTheme .ui__text {
  color: #0e1a2f; }
.lightTheme .ui__btnText {
  color: #0e1a2f; }
.lightTheme .ui__tab {
  color: #0e1a2f; }
.lightTheme .ui__field_title, .lightTheme .ui__field_desc, .lightTheme .ui__field_text {
  color: #0e1a2f; }
.lightTheme .ui__tooltipText {
  color: #0e1a2f; }
.lightTheme .ui__color_white {
  color: #fff; }
.lightTheme .ui__color_blue {
  color: #1053FF; }
.lightTheme .ui__color_black {
  color: #0e1a2f; }
.lightTheme .ui__color_green {
  color: #3BAF12 !important; }
.lightTheme .ui__color_yellow {
  color: #FAB124 !important; }
.lightTheme .ui__color_red {
  color: #E84632 !important; }
.lightTheme .ui__color_gray {
  color: #818592; }
.lightTheme .ui__color_pink {
  color: #EE55CC; }
.lightTheme .ui__color_pastelRed {
  color: #EE6855; }
.lightTheme .ui__color_lightGray {
  color: #BDC1CE; }

.darkTheme .ui__title {
  color: #fff; }
.darkTheme p.ui__text {
  color: #fff; }
.darkTheme .ui__btnText {
  color: #fff; }
.darkTheme .ui__tab {
  color: #fff; }
.darkTheme .ui__field_title, .darkTheme .ui__field_desc, .darkTheme .ui__field_text {
  color: #fff; }
.darkTheme .ui__tooltipText {
  color: #fff; }
.darkTheme .ui__color_blue {
  color: #1053FF; }
.darkTheme .ui__color_black {
  color: #0e1a2f; }
.darkTheme .ui__color_green {
  color: #3BAF12; }
.darkTheme .ui__color_yellow {
  color: #FAB124; }
.darkTheme .ui__color_red {
  color: #E84632; }
.darkTheme .ui__color_gray {
  color: #818592; }
.darkTheme .ui__color_lightGray {
  color: #BDC1CE; }

.darkTheme .ql-container.ql-snow {
  background: #373737 !important;
  color: #fff; }
.darkTheme .header__title_left button svg, .darkTheme .header__title_left a svg {
  fill: #1053FF !important; }
  .darkTheme .header__title_left button svg:hover, .darkTheme .header__title_left a svg:hover {
    fill: #fff !important; }
.darkTheme .ui__tag.active > div > div.ui__tab_normal {
  background: #1053FF !important; }
.darkTheme .select2-selection__arrow > .ui__field_icon, .darkTheme .select2-search--inline > .ui__field_icon {
  fill: #fff !important; }
.darkTheme .dropdown > span {
  color: #0e1a2f !important; }
.darkTheme .ui__table .ui__table_name a.ui__text {
  color: #fff; }
  .darkTheme .ui__table .ui__table_name a.ui__text:hover {
    color: #1053FF; }
.darkTheme .ui__table .pagination {
  background: #242424; }
  .darkTheme .ui__table .pagination li a {
    background: #323332;
    color: #fff; }
  .darkTheme .ui__table .pagination li.active a {
    background: #1053FF; }
.darkTheme .select2-selection__rendered {
  background: #242424 !important;
  color: #fff !important; }
.darkTheme .ui__personalCard .select2-selection__rendered {
  background: #444444 !important; }
.darkTheme .form-group .help-block {
  font-size: 12px;
  margin-top: 4px; }
.darkTheme .form-group.has-error .help-block {
  color: #E84632; }
.darkTheme .ui__personalCard .ui_checkbox_list label {
  color: #fff; }
  .darkTheme .ui__personalCard .ui_checkbox_list label .checkboxDiv {
    background: #454545; }
    .darkTheme .ui__personalCard .ui_checkbox_list label .checkboxDiv.active {
      background: #1053FF; }
  .darkTheme .ui__personalCard .ui_checkbox_list label + label {
    margin-top: 8px; }

.has-error input, .has-error textarea {
  background: #FEF5F4 !important;
  border: 1px solid #E84632 !important; }
.has-error .select2-selection__rendered {
  background: #FEF5F4 !important;
  border: 1px solid #E84632 !important;
  border-radius: 5px; }
.has-error .select2-search--inline textarea {
  background: transparent !important;
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important; }
.has-error .help-block {
  color: #E84632;
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 4px; }

.darkTheme .has-error input, .darkTheme .has-error textarea {
  background: #242424 !important; }

.ui__offerCard .ui__personalCard {
  padding: 0; }
  .ui__offerCard .ui__personalCard .select2-selection__choice {
    padding-left: unset !important;
    padding: 4px 6px !important;
    padding-right: 20px !important; }
    .ui__offerCard .ui__personalCard .select2-selection__choice button {
      left: unset !important;
      right: 4px;
      top: 4px !important;
      border: 0 !important; }
    .ui__offerCard .ui__personalCard .select2-selection__choice span {
      font-weight: 500; }
  .ui__offerCard .ui__personalCard .ui__personalCard_row {
    margin-top: 24px; }
    @media screen and (max-width: 768px) {
      .ui__offerCard .ui__personalCard .ui__personalCard_row {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important; } }
  .ui__offerCard .ui__personalCard .ui__personalCard_column {
    width: 33.333% !important; }
    @media screen and (max-width: 768px) {
      .ui__offerCard .ui__personalCard .ui__personalCard_column {
        width: calc(50% - 18px) !important; } }
    @media screen and (max-width: 560px) {
      .ui__offerCard .ui__personalCard .ui__personalCard_column {
        width: 100% !important; } }
    .ui__offerCard .ui__personalCard .ui__personalCard_column:nth-child(3) .form-group:nth-child(1) {
      margin-bottom: 8px; }
      .ui__offerCard .ui__personalCard .ui__personalCard_column:nth-child(3) .form-group:nth-child(1) input {
        height: 44px; }
    .ui__offerCard .ui__personalCard .ui__personalCard_column:nth-child(3) .form-group:nth-child(2) {
      margin-bottom: 4px;
      margin-top: 24px; }
    .ui__offerCard .ui__personalCard .ui__personalCard_column:nth-child(3) .form-group:nth-child(3) {
      margin-top: 24px; }

*::-webkit-scrollbar {
  width: 4px;
  height: 4px; }

*::-webkit-scrollbar-track {
  background: transparent; }

*::-webkit-scrollbar-thumb {
  background-color: #7b7b7b;
  border-radius: 20px;
  border: 0; }

@media screen and (max-width: 560px) {
  .kv-grid-container {
    overflow: auto !important; } }
@media screen and (max-width: 560px) {
  .kv-grid-container .kv-table-wrap th, .kv-grid-container .kv-table-wrap td {
    display: table-cell !important; } }

.feedback-form + .ui__offerCard.w100 {
  margin-top: 24px; }

.feedback-form .ui__offerCard {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0; }

ol {
  padding-left: 24px; }
  ol li {
    margin-top: 4px;
    margin-bottom: 4px;
    list-style-type: decimal !important; }

.ql-editor li {
  list-style-type: none !important; }

.darkTheme .ui__modal_userCard_hideButton span {
  color: #fff !important; }
.darkTheme .ui__modal_userCard_hideButton:hover span {
  color: #1053FF !important; }
.darkTheme .ui__offerSlidableCard_mainInfo ol, .darkTheme .ui__offerSlidableCard_mainInfo li, .darkTheme .ui__offerSlidableCard_mainInfo p, .darkTheme .ui__offerSlidableCard_mainInfo u, .darkTheme .ui__offerSlidableCard_mainInfo strong {
  color: #fff !important; }
.darkTheme .ui__offerCard_content p, .darkTheme .ui__offerCard_content u, .darkTheme .ui__offerCard_content li, .darkTheme .ui__offerCard_content span, .darkTheme .ui__offerCard_content strong {
  color: #fff !important; }
.darkTheme .js__openModal_advertiser svg, .darkTheme .js__openModal_offer svg, .darkTheme .js__openModal_vacation svg {
  fill: #1053FF; }
  .darkTheme .js__openModal_advertiser svg:hover, .darkTheme .js__openModal_offer svg:hover, .darkTheme .js__openModal_vacation svg:hover {
    color: #fff !important; }
.darkTheme .select2-selection__choice {
  background: #272727;
  border-color: #565656; }
.darkTheme .select2-search.select2-search--inline {
  background: #444444; }
.darkTheme .content__notifies_title {
  color: #fff !important; }
.darkTheme .ui__settingsTitle button svg {
  fill: #1053FF; }
  .darkTheme .ui__settingsTitle button svg:hover {
    fill: #fff !important; }
.darkTheme .amount-results {
  color: #fff; }
.darkTheme .ui__openSettings ul li button, .darkTheme .ui__openSettings ul li a,
.darkTheme .ui__openSettings ul li button, .darkTheme .ui__openSettings ul li a button {
  color: #fff !important; }
.darkTheme .ui__table.ui__table_calendar table tbody tr td:first-child {
  background: #242424; }
.darkTheme .ui__table.ui__table_calendar table thead tr:first-child td:first-child {
  background: #242424; }
.darkTheme .ui__table.ui__table_calendar .ui__table_currentDay {
  background: #303030 !important; }
.darkTheme .ui__table.ui__table_calendar .ui__table_weekends svg {
  fill: #fff !important; }
.darkTheme .ui__modal_userCard_right a {
  color: #fff; }
  .darkTheme .ui__modal_userCard_right a svg {
    fill: #fff !important; }
.darkTheme .ui__table.ui__table_invoces table tbody tr.ui__tableHiddenRow {
  background: #1d1d1d !important; }
.darkTheme .ui__table.ui__table_invoces table tbody tr.ui__tableHiddenRow .ui__tableHiddenRow_column p {
  color: #fff; }
.darkTheme .pagination {
  background: #000 !important; }
.darkTheme .ui__table.ui__table_offers table tr td .ui__table_offersCommands div, .darkTheme .ui__table.ui__table_salaryAccruals table tr td .ui__table_offersCommands div {
  background: #2e3133 !important; }
.darkTheme .ui__table.ui__table_offers table tr td .ui__table_offersCommands div.disabled, .darkTheme .ui__table.ui__table_salaryAccruals table tr td .ui__table_offersCommands div.disabled {
  color: #4e4e4e !important; }
.darkTheme .ui__tableHiddenRow {
  background: #1d1d1d !important; }
.darkTheme .ui__offerCard_content {
  color: #fff; }
  .darkTheme .ui__offerCard_content *:not(a) {
    color: #fff; }
.darkTheme .ui__offerSlidableCard_dataLine {
  color: #fff; }
  .darkTheme .ui__offerSlidableCard_dataLine p, .darkTheme .ui__offerSlidableCard_dataLine .ui__color_black {
    color: #fff !important; }
.darkTheme .ui__offerCard .ui__color_black p {
  color: #fff !important; }
.darkTheme .ui__table_fix_th th, .darkTheme .ui__table_fix_th td {
  color: #fff !important; }

@media screen and (max-width: 1024px) {
  .ui__tableFilter {
    flex-wrap: wrap !important;
    flex-direction: row !important;
    justify-content: flex-start !important; }
    .ui__tableFilter > * {
      width: calc(50% - 2px) !important;
      margin-right: 1px !important;
      max-width: unset !important;
      display: flex !important;
      margin-bottom: 12px !important; }
    .ui__tableFilter > input[name="my"] {
      display: none !important; }
    .ui__tableFilter > button {
      width: fit-content !important; }
      .ui__tableFilter > button[type="submit"] {
        margin-left: auto !important; }
    .ui__tableFilter .form-group {
      max-width: unset !important; } }
@media screen and (max-width: 768px) {
  .ui__tableFilter > * {
    width: 100% !important; }
  .ui__tableFilter > button[type="submit"] {
    margin-left: unset !important; } }
input {
  font-size: 16px !important; }

@media screen and (max-width: 1024px) {
  .content__card:first-child {
    margin-top: 76px !important; } }
@media screen and (max-width: 1024px) {
  .content__card:nth-child(2) {
    margin-top: 0 !important; } }
@media screen and (max-width: 560px) {
  .content__card:nth-child(2) {
    margin-top: 0 !important; } }

.ui__ruporComments_item_comment_answer {
  padding: 16px !important;
  max-width: unset !important; }
  .ui__ruporComments_item_comment_answer span {
    font-size: 16px !important;
    font-weight: 500 !important; }

.ui__ruporItem_comments > img + span {
  margin-left: 12px !important; }

.list-view-news .ui__ruporItem_desc::before {
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 90%); }
.list-view-news .ui__ruporItem_desc a {
  text-decoration: none !important; }
  .list-view-news .ui__ruporItem_desc a:hover {
    color: #0e1a2f !important; }
.list-view-news .ui__ruporItem_header + * {
  text-decoration: none !important; }
  .list-view-news .ui__ruporItem_header + *:hover {
    color: #0e1a2f !important; }
.list-view-news > div:last-child .ui__openSettings ul {
  top: unset !important;
  bottom: 100% !important; }

.darkTheme .list-view-news .ui__ruporItem_desc::before {
  background: linear-gradient(180deg, rgba(36, 36, 36, 0) 0%, #242424 90%); }
.darkTheme .list-view-news .ui__ruporItem_desc a:hover {
  color: #fff; }
.darkTheme .list-view-news .ui__ruporItem_header + *:hover {
  color: #fff !important; }

.uix__answer_div {
  border-left: 1px solid #1053FF;
  padding: 16px;
  max-width: unset;
  width: 100%;
  background: #fff;
  border-radius: 0 5px 5px 0;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 120%;
  text-align: left; }

.ui__field_input input[type="date"] {
  padding-right: 19px; }
  .ui__field_input input[type="date"] + .ui__field_icon {
    background: #fff !important;
    pointer-events: none !important; }

.ui__404page {
  background: #000;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  width: 100vw;
  height: 100vh;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .ui__404page {
      padding-bottom: 220px; } }
  .ui__404page_downed {
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
    .ui__404page_downed .one, .ui__404page_downed .two {
      width: 133px; }
      @media screen and (max-width: 1600px) {
        .ui__404page_downed .one, .ui__404page_downed .two {
          width: 92px; } }
      @media screen and (max-width: 1024px) {
        .ui__404page_downed .one, .ui__404page_downed .two {
          width: 64px; } }
    .ui__404page_downed .three {
      width: 200px; }
      @media screen and (max-width: 1600px) {
        .ui__404page_downed .three {
          width: 156px; } }
      @media screen and (max-width: 1024px) {
        .ui__404page_downed .three {
          width: 100px; } }
  .ui__404page_title {
    color: #fff;
    font-size: 98px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 44px;
    margin-top: auto;
    line-height: 100%; }
    @media screen and (max-width: 1600px) {
      .ui__404page_title {
        font-size: 60px;
        margin-bottom: 24px; } }
    @media screen and (max-width: 1024px) {
      .ui__404page_title {
        font-size: 40px;
        margin-bottom: 16px; } }
  .ui__404page_desc {
    color: #fff;
    font-size: 24px;
    line-height: 130%;
    color: #BCC1CF;
    text-align: center;
    margin-bottom: 56px; }
    @media screen and (max-width: 1600px) {
      .ui__404page_desc {
        font-size: 20px;
        margin-bottom: 36px; } }
    @media screen and (max-width: 1024px) {
      .ui__404page_desc {
        font-size: 16px;
        margin-bottom: 24px; } }
  .ui__404page_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: auto; }
    @media screen and (max-width: 560px) {
      .ui__404page_buttons {
        flex-direction: column;
        align-items: stretch; } }
    @media screen and (max-width: 560px) {
      .ui__404page_buttons * {
        width: 100%; } }
    .ui__404page_buttons * + * {
      margin-left: 20px; }
      @media screen and (max-width: 560px) {
        .ui__404page_buttons * + * {
          margin-left: 0;
          margin-top: 8px; } }
    .ui__404page_buttons-arrow {
      display: flex;
      align-items: flex-start;
      position: absolute;
      top: calc(100% + 16px);
      left: calc(100% + 16px);
      width: max-content; }
      @media screen and (max-width: 1024px) {
        .ui__404page_buttons-arrow {
          flex-direction: column;
          top: calc(100% + 36px);
          right: 0;
          left: unset; } }
      .ui__404page_buttons-arrow img {
        margin-right: 24px;
        width: 84px; }
        @media screen and (max-width: 1024px) {
          .ui__404page_buttons-arrow img {
            width: 64px;
            transform: rotate(90deg);
            margin-right: 0; } }
      .ui__404page_buttons-arrow p {
        color: #BCC1CF;
        font-weight: 400;
        font-size: 18px;
        line-height: 130%;
        margin-top: 0px; }
        @media screen and (max-width: 1024px) {
          .ui__404page_buttons-arrow p {
            font-size: 16px;
            margin-top: 24px; } }

.ui__table.ui__table_calendar .ui__table_currentDay {
  background: #F5F5F5 !important; }
  .ui__table.ui__table_calendar .ui__table_currentDay svg {
    fill: #0e1a2f !important; }

.darkTheme .ui__table.ui__table_calendar .ui__table_currentDay {
  background: #303030 !important; }
  .darkTheme .ui__table.ui__table_calendar .ui__table_currentDay svg {
    fill: #fff !important; }

.ui__offerCard p, .ui__offerCard span:not(.select2-selection__rendered), .ui__offerCard li, .ui__offerCard strong {
  background: unset !important; }
  .ui__offerCard p:not(.select2-selection__rendered), .ui__offerCard span:not(.select2-selection__rendered):not(.select2-selection__rendered), .ui__offerCard li:not(.select2-selection__rendered), .ui__offerCard strong:not(.select2-selection__rendered) {
    background: unset !important; }

.select2-selection--multiple .select2-search__field, .select2-selection--multiple textarea {
  min-height: 16px !important; }

.ui__reportViewChat .ui__reportViewChat_block .ui_filesList {
  margin-bottom: 0; }
  .ui__reportViewChat .ui__reportViewChat_block .ui_filesList li {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 84px; }
    .ui__reportViewChat .ui__reportViewChat_block .ui_filesList li .ui_filesList_item {
      height: 76px; }
    .ui__reportViewChat .ui__reportViewChat_block .ui_filesList li + li {
      margin-left: 0; }
    .ui__reportViewChat .ui__reportViewChat_block .ui_filesList li:first-child:last-child {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0; }

.ui__modal_feedback textarea, .field-feedback-description textarea {
  max-width: 800px !important;
  width: 100% !important;
  max-height: 300px !important;
  overflow: auto !important; }

.ui__video div {
  width: 100%;
  position: relative;
  cursor: pointer; }
  .ui__video div > img {
    width: calc(100%);
    aspect-ratio: 1.7;
    object-fit: cover;
    object-position: center;
    border-radius: 5px; }
  .ui__video div .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(1);
    min-width: 46px;
    width: fit-content;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #1053FF;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center; }
    .ui__video div .play img {
      min-width: 12px;
      width: fit-content;
      aspect-ratio: 1/1; }
  .ui__video div:hover .play {
    transform: translateY(-50%) translateX(-50%) scale(1.2); }

.ui__video_block {
  width: 100%;
  position: relative; }
  .ui__video_block iframe {
    width: inherit;
    height: inherit; }
  .ui__video_block .ui__openSettings {
    position: absolute !important;
    top: 0;
    right: 0; }

.ui__dashedLink {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-style: dashed;
  text-underline-offset: 3px;
  text-decoration-color: #BDC1CE;
  transition: all 0.3s ease; }
  .ui__dashedLink:hover {
    text-decoration-color: #0e1a2f; }

.checklistCheckbox {
  display: none; }
  .checklistCheckbox:checked + div > div {
    background: #1053FF; }

.ui__switchCheckbox input {
  display: none; }
  .ui__switchCheckbox input + div div {
    transition: all 0.3s ease; }
    .ui__switchCheckbox input + div div svg {
      transition: all 0.3s ease; }
    .ui__switchCheckbox input + div div:nth-child(1) {
      background: transparent; }
      .ui__switchCheckbox input + div div:nth-child(1) svg {
        fill: #0e1a2f; }
    .ui__switchCheckbox input + div div:nth-child(2) {
      background: #0e1a2f; }
      .ui__switchCheckbox input + div div:nth-child(2) svg {
        fill: none;
        stroke: #fff; }
  .ui__switchCheckbox input:checked + div div:nth-child(1) {
    background: #0e1a2f; }
    .ui__switchCheckbox input:checked + div div:nth-child(1) svg {
      fill: #fff; }
  .ui__switchCheckbox input:checked + div div:nth-child(2) {
    background: transparent; }
    .ui__switchCheckbox input:checked + div div:nth-child(2) svg {
      fill: none;
      stroke: #0e1a2f; }

.ui__radioList {
  position: relative; }
  .ui__radioList_modal {
    position: absolute;
    background: #fff;
    border-radius: 5px;
    padding: 26px 28px;
    box-shadow: 0px 5px 8px rgba(10, 30, 63, 0.1);
    max-width: 435px;
    max-height: 500px;
    width: 100%;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease; }
    @media screen and (max-width: 768px) {
      .ui__radioList_modal {
        max-width: unset; } }
    .ui__radioList_modal button {
      background: #1053FF; }
      .ui__radioList_modal button:hover {
        background: #0945DD; }
    .ui__radioList_modal > svg {
      position: absolute;
      top: 26px;
      right: 29px;
      cursor: pointer;
      transition: all 0.3s ease; }
      .ui__radioList_modal > svg:hover {
        opacity: 0.7; }
    .ui__radioList_modal.openned {
      opacity: 1;
      pointer-events: auto; }
  .ui__radioList[data-positiony="bottom"] .ui__radioList_modal {
    top: 100%; }
  .ui__radioList[data-positionx="right"] .ui__radioList_modal {
    right: 0; }

.darkTheme .ui__radioList_modal {
  background: #464646; }

.ui__addBonuses {
  display: flex;
  align-items: center;
  width: fit-content; }
  .ui__addBonuses span {
    padding-right: 6px;
    color: #1053FF; }
  .ui__addBonuses svg {
    min-width: 13.64px;
    width: fit-content;
    aspect-ratio: 0.8868660598;
    fill: #1053FF; }

.ui__enterProfile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 8px;
  padding: 16px 20px;
  padding-bottom: 10px;
  width: calc(100% + 32px);
  margin-left: -16px; }
  @media screen and (max-width: 1440px) {
    .ui__enterProfile {
      padding: 14px 16px; } }
  @media screen and (max-width: 768px) {
    .ui__enterProfile {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      margin-left: 0;
      width: 100%; } }
  .ui__enterProfile_img {
    width: 70px;
    aspect-ratio: 1/1;
    margin-right: 20px; }
    @media screen and (max-width: 1440px) {
      .ui__enterProfile_img {
        width: 52px;
        margin-right: 12px; } }
  .ui__enterProfile_button {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .ui__enterProfile_button {
        width: 100%;
        align-items: flex-start; } }
  .ui__enterProfile_task {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 40px;
    margin-right: 40px;
    border-right: 3px solid #F3F6FF;
    border-radius: 5px; }
    @media screen and (max-width: 1440px) {
      .ui__enterProfile_task {
        padding-right: 20px;
        margin-right: 20px; } }
    @media screen and (max-width: 768px) {
      .ui__enterProfile_task {
        padding-right: 0;
        margin-right: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-right: unset;
        border-bottom: 3px solid #F3F6FF;
        width: 100%; } }
    .ui__enterProfile_task > div {
      margin-bottom: 9px;
      font-size: 16px;
      line-height: 120%;
      color: #0e1a2f;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .ui__enterProfile_task > div .ui__addBonuses {
        margin-left: 12px; }
  .ui__enterProfile_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: 1; }
    .ui__enterProfile_text > * {
      padding-top: 4px;
      padding-bottom: 4px; }
  .ui__enterProfile_taskDesc {
    font-size: 14px;
    line-height: 140%;
    color: #818592;
    padding-right: 10%;
    margin-right: auto; }
    @media screen and (max-width: 1440px) {
      .ui__enterProfile_taskDesc {
        padding-right: 5%; } }
  .ui__enterProfile_howHide {
    font-size: 12px;
    line-height: 140%;
    text-align: right;
    text-decoration: underline;
    color: #0e1a2f;
    transition: all 0.3s ease;
    display: flex;
    white-space: nowrap; }
    .ui__enterProfile_howHide:hover {
      color: #1053FF; }

.darkTheme .ui_filesList_item-img div {
  color: #828282 !important; }
.darkTheme .ui__enterProfile {
  background: #242424; }
  .darkTheme .ui__enterProfile_task {
    border-color: #3a3a3a !important; }
    .darkTheme .ui__enterProfile_task > div b {
      color: #fff !important; }

.ui__personalCard {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 37px;
  padding-left: 32px;
  padding-bottom: 40px;
  padding-right: 40px;
  background: #fff;
  border-radius: 5px; }
  @media screen and (max-width: 560px) {
    .ui__personalCard {
      padding: 16px; } }
  .ui__personalCard .ui__personalCard_column {
    width: 35.4%; }
    @media screen and (max-width: 768px) {
      .ui__personalCard .ui__personalCard_column {
        width: 100%; } }
    .ui__personalCard .ui__personalCard_column:nth-child(3) {
      width: 21.5%; }
      @media screen and (max-width: 768px) {
        .ui__personalCard .ui__personalCard_column:nth-child(3) {
          width: 100%; } }
    .ui__personalCard .ui__personalCard_column > .ui__title {
      margin-bottom: 24px; }
    .ui__personalCard .ui__personalCard_column > .ui__text {
      margin-bottom: 24px;
      margin-top: 10px; }
    .ui__personalCard .ui__personalCard_column > * + * {
      margin-top: 18px; }
    @media screen and (max-width: 1650px) {
      .ui__personalCard .ui__personalCard_column .ui__personalCard_row {
        flex-direction: column; } }
    .ui__personalCard .ui__personalCard_column .ui__personalCard_row .ui__personalCard_column {
      display: flex;
      flex: 1; }
      @media screen and (max-width: 1650px) {
        .ui__personalCard .ui__personalCard_column .ui__personalCard_row .ui__personalCard_column {
          width: 100%; } }
      .ui__personalCard .ui__personalCard_column .ui__personalCard_row .ui__personalCard_column + .ui__personalCard_column {
        margin-left: 20px; }
        @media screen and (max-width: 1650px) {
          .ui__personalCard .ui__personalCard_column .ui__personalCard_row .ui__personalCard_column + .ui__personalCard_column {
            margin-top: 18px;
            margin-left: 0; } }
  .ui__personalCard .ui__personalCard_row {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .ui__personalCard .ui__personalCard_row {
        flex-direction: column;
        justify-content: flex-start; } }
    .ui__personalCard .ui__personalCard_row + .ui__personalCard_row {
      margin-top: 60px; }
    .ui__personalCard .ui__personalCard_row:last-child {
      justify-content: flex-start;
      margin-top: 60px; }
      .ui__personalCard .ui__personalCard_row:last-child > * + * {
        margin-left: 10px; }
        @media screen and (max-width: 768px) {
          .ui__personalCard .ui__personalCard_row:last-child > * + * {
            margin-top: 12px;
            margin-left: 0; } }
  .ui__personalCard .ui__personalCard_row--flex-start {
    display: flex;
    justify-content: flex-start; }
    @media screen and (max-width: 768px) {
      .ui__personalCard .ui__personalCard_row--flex-start {
        flex-wrap: wrap; } }
    @media screen and (max-width: 768px) {
      .ui__personalCard .ui__personalCard_row--flex-start > * {
        margin-right: 10px;
        margin-top: 10px; } }
    .ui__personalCard .ui__personalCard_row--flex-start > * + * {
      margin-left: 10px; }
      @media screen and (max-width: 768px) {
        .ui__personalCard .ui__personalCard_row--flex-start > * + * {
          margin-left: 0; } }
  .ui__personalCard .ui__inputField, .ui__personalCard .ui__inputText {
    max-width: 100%; }
  .ui__personalCard .ui__inputText .ui__field_input .select2 .select2-selection__rendered {
    padding-top: 11.5px !important; }
  .ui__personalCard .ui__addImage {
    max-width: 100%;
    margin-bottom: 20px; }

.darkTheme .ui__personalCard {
  background: #242424; }
  .darkTheme .ui__personalCard .ui__personalCard_row .ui__inputField input, .darkTheme .ui__personalCard .ui__personalCard_row .ui__inputField textarea, .darkTheme .ui__personalCard .ui__personalCard_row .ui__field_input input, .darkTheme .ui__personalCard .ui__personalCard_row .ui__field_input textarea {
    background: #2F2F2F; }
  .darkTheme .ui__personalCard .ui__title, .darkTheme .ui__personalCard .ui__text, .darkTheme .ui__personalCard .ui__checkbox .ui__checkbox_text {
    color: #fff; }
  .darkTheme .ui__personalCard input, .darkTheme .ui__personalCard textarea {
    background: #2F2F2F !important; }
  .darkTheme .ui__personalCard .ui__changableInput input {
    background: #242424 !important;
    color: #fff; }

.daterangepicker .drp-buttons .btn {
  display: unset; }

body {
  overflow: auto;
  overflow-x: hidden;
  height: unset; }

.aside {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 24; }
  @media screen and (max-width: 1024px) {
    .aside {
      left: -10000px; } }

main {
  margin-left: auto; }

.content {
  overflow: inherit; }

.ui__table {
  overflow-y: clip !important;
  height: unset; }
  .ui__table table {
    min-width: 100%; }

.ql-editor {
  max-height: 380px;
  overflow: auto; }

@media screen and (max-width: 560px) {
  body > .select2-container {
    /* pointer-events: none !important */
    /* transition-delay: .5s */ } }
body > .select2-container.pointers {
  pointer-events: auto !important; }

@media screen and (max-width: 560px) {
  body > .select2-container--open {
    /* position: fixed !important */
    /* top: 20px !important */
    left: 20px !important;
    width: calc(100% - 44px);
    z-index: 10000 !important; } }

@media screen and (max-width: 560px) {
  body > .select2-container--open .select2-dropdown {
    width: 100% !important; } }

.daterangepicker .drp-buttons button {
  margin-bottom: 2px !important;
  margin-top: 2px !important; }

#select2-offer-advertiserid-container:before,
#select2-offer-sources_list-container:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  right: 16px;
  min-width: 20px;
  width: 20px;
  aspect-ratio: 1/1;
  transition: all 0.3s ease;
  background-image: url(/local/assets/images/dark__chevron.svg); }

.select2-container--open #select2-offer-advertiserid-container:before,
.select2-container--open #select2-offer-sources_list-container:before {
  transform: rotate(180deg); }

.ql-toolbar + .ql-container {
  display: flex; }
  .ql-toolbar + .ql-container .ql-editor {
    height: auto;
    width: 100%; }

.content {
  flex-grow: 1; }

.content__innerWrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1; }
  .content__innerWrapper .ui__table {
    flex-grow: 1;
    height: auto; }

.ui__personalCard .report-form {
  width: 100%; }

.field-invoiceforpaymentline-0-currency_id {
  min-width: 100px; }

.ui__modal_tools .ui__modal_overlay {
  overflow: unset !important; }
  .ui__modal_tools .ui__modal_overlay .ui__modal_close {
    top: 15px; }

.bodyWrapper {
  margin-bottom: 8px !important; }
  @media screen and (max-width: 1024px) {
    .bodyWrapper .ui__enterProfile {
      margin-top: 72px !important; } }
  @media screen and (max-width: 1024px) {
    .bodyWrapper ~ .content__wrapper .content__userProfile {
      margin-top: 0px !important; } }
  @media screen and (max-width: 1024px) {
    .bodyWrapper ~ header.header {
      padding-top: 20px !important; } }

.ui__help .header__title_right .ui__openSettings {
  top: -14px !important; }
  @media screen and (max-width: 768px) {
    .ui__help .header__title_right .ui__openSettings {
      top: 18px !important; } }

.field-helpvideo-description > label {
  margin-bottom: 6px !important;
  display: block !important; }

.darkTheme .field-helpvideo-description > label {
  color: #818592 !important; }

@media screen and (max-width: 1024px) {
  .ui__tableFilter > .ui__inputText.text:first-child:nth-child(1) {
    width: 79% !important; } }
@media screen and (max-width: 768px) {
  .ui__tableFilter > .ui__inputText.text:first-child:nth-child(1) {
    width: 100% !important; } }

.mini-cal {
  padding-bottom: 0 !important; }

@media screen and (max-width: 560px) {
  #offersDropdown,
  #teamsDropdown {
    flex-direction: column; } }

*[data="UItextSlider"] svg {
  transition: all 0.3s ease; }
*[data="UItextSlider"] + * {
  display: none; }
*[data="UItextSlider"].openned svg {
  transform: rotate(180deg); }
*[data="UItextSlider"].openned + * {
  display: block; }

.ui__textLeft {
  text-align: left; }

.ui__textRight {
  text-align: right; }

.ui__textCenter {
  text-align: center; }

.ui__dBlock {
  display: block; }

.ui__dBlock-important {
  display: block !important; }

.ui__dFlex {
  display: flex; }

.ui__dNone {
  display: none; }

.ui__flexColumn {
  display: flex;
  flex-direction: column; }

.ui__flexRow {
  display: flex;
  flex-direction: row; }

@media screen and (max-width: 768px) {
  .ui__flex-768_columnReverse {
    display: flex;
    flex-direction: column-reverse; } }

@media screen and (max-width: 768px) {
  .ui__flex-768_column {
    display: flex;
    flex-direction: column; } }

@media screen and (max-width: 560px) {
  .ui__flex-560_column {
    display: flex;
    flex-direction: column; } }

.ui__itemsStart {
  display: flex;
  align-items: start; }

.ui__itemsCenter {
  display: flex;
  align-items: center; }

.ui__itemsStretch {
  display: flex;
  align-items: stretch; }

@media screen and (max-width: 560px) {
  .ui__items-560_start {
    display: flex;
    align-items: start; } }

.ui__contentStart {
  display: flex;
  justify-content: flex-start; }

.ui__contentEnd {
  display: flex;
  justify-content: flex-end; }

.ui__contentCenter {
  display: flex;
  justify-content: center; }

.ui__contentBetween {
  display: flex;
  justify-content: space-between; }

.ui__flexWrap {
  flex-wrap: wrap; }

.ui__flexGrow1 {
  flex-grow: 1; }

.ui__flexGrow2 {
  flex-grow: 2; }

.ui__flex1 {
  flex: 1; }

.ui__posRelative {
  position: relative; }

.ui__posAsbsolute {
  position: absolute; }

.ui__top10 {
  top: 10px; }

.ui__right0 {
  right: 0; }

.ui__right10 {
  right: 10px; }

.ui__right20 {
  right: 20px; }

.ui__hr1 {
  width: 100%;
  height: 1px;
  display: block;
  background: #E4E4E4; }

.ui__wordWrap_wrap {
  word-wrap: break-word; }

.ui__underline {
  text-decoration: underline;
  text-underline-offset: 2px; }

.ui__fillNone {
  fill: none; }

.ui__fillBlack {
  fill: #0e1a2f; }

.ui__fillBlue {
  fill: #1053FF; }

.ui__fillWhite {
  fill: #fff; }

.ui__fillGray {
  fill: #818592; }

.darkTheme .ui__darkTheme_fillWhite {
  fill: #fff; }

.ui__fillBlue_onHover {
  transition: all 0.3s ease; }
  .ui__fillBlue_onHover:hover {
    fill: #1053FF; }

.ui__strokeWhite {
  stroke: #fff; }

.ui__strokeGray {
  stroke: #BDC1CE; }

.ui__strokeDarkGray {
  stroke: #BDC1CE; }

.ui__strokeBlack {
  stroke: #0e1a2f; }

.ui__strokeBlue {
  stroke: #1053FF; }

.darkTheme .ui__darkTheme_ui__strokeWhite {
  stroke: #fff; }

.ui__cursorPointer {
  cursor: pointer; }

.ui__bgWhite {
  background-color: #fff; }

.ui__bgWhite_opacity50 {
  background-color: rgba(255, 255, 255, 0.5); }

.ui__bgBlue {
  background-color: #1053FF; }

.ui__bgPastelBlue {
  background-color: #5378FC; }

.ui__bgLightGray {
  background-color: #F3F6FF; }

.ui__bgGray {
  background-color: #F5F5F5; }

.ui__bgYellow {
  background-color: #FFD850; }

.ui__bgOrange {
  background-color: #FAB124; }

.ui__bgDarkGray {
  background-color: #BDC1CE; }

.ui__bgPink {
  background-color: #EE55CC; }

.ui__bgLightGreen {
  background-color: #CFE257; }

.ui__bgRedPink {
  background-color: #EE557A; }

.ui__bgLightenBlue {
  background-color: #EDF5FE; }

.ui__bgPastelRed {
  background-color: #EE6855; }

.ui__bgTransparent {
  background-color: transparent; }

.darkTheme .ui__darkTheme_bgGray {
  background-color: #242424; }
.darkTheme .ui__darkTheme_bgLightGray {
  background-color: #303030; }
.darkTheme .ui__darkTheme_bgLightenGray {
  background-color: #3b3b3b; }
.darkTheme .ui__darkTheme_bgWhite_opacity10 {
  background-color: rgba(255, 255, 255, 0.1); }

.ui__vertAlignMiddle {
  vertical-align: middle; }

.ui__overflowHidden {
  overflow: hidden; }

.ui__overflowAuto {
  overflow: auto; }

.ui__brr100 {
  border-radius: 100px; }

.ui__brr10 {
  border-radius: 10px; }

.ui__brr6 {
  border-radius: 6px; }

.ui__brr5 {
  border-radius: 5px; }

.ui__brrCircle {
  border-radius: 50%;
  aspect-ratio: 1/1; }

.ui__bWhite {
  border-color: #fff;
  border-style: solid; }

.ui__bGray {
  border-color: rgba(129, 133, 146, 0.2);
  border-style: solid; }

.ui__bBlack {
  border-color: #0e1a2f;
  border-style: solid; }

.darkTheme .ui__darkTheme_bGray {
  border-color: #303030; }

.ui__bbw1 {
  border-bottom-width: 1px;
  border-style: solid; }

.ui__bbw2 {
  border-bottom-width: 2px;
  border-style: solid; }

.ui__bw1 {
  border-width: 1px; }

.ui__bw2 {
  border-width: 2px; }

.ui__bSolid {
  border-style: solid; }

.ui__pd24 {
  padding: 24px; }

.ui__pd20 {
  padding: 20px; }

.ui__pd10 {
  padding: 10px; }

.ui__pd3 {
  padding: 3px; }

@media screen and (max-width: 560px) {
  .ui__pd-560_20 {
    padding: 20px; } }

@media screen and (max-width: 560px) {
  .ui__pd-560_8 {
    padding: 8px; } }

.ui__pdr60 {
  padding-right: 60px; }

.ui__pdr40 {
  padding-right: 40px; }

.ui__pdr32 {
  padding-right: 32px; }

.ui__pdr24 {
  padding-right: 24px; }

.ui__pdr20 {
  padding-right: 20px; }

.ui__pdr15 {
  padding-right: 15px; }

.ui__pdr10 {
  padding-right: 10px; }

@media screen and (max-width: 560px) {
  .ui__pdr-560_6 {
    padding-right: 6px; } }

@media screen and (max-width: 560px) {
  .ui__pdr-560_8 {
    padding-right: 8px; } }

@media screen and (max-width: 560px) {
  .ui__pdr-560_10 {
    padding-right: 10px; } }

@media screen and (max-width: 560px) {
  .ui__pdr-560_12 {
    padding-right: 12px; } }

.ui__pdl60 {
  padding-left: 60px; }

.ui__pdl56 {
  padding-left: 56px; }

.ui__pdl54 {
  padding-left: 54px; }

.ui__pdl52 {
  padding-left: 52px; }

.ui__pdl50 {
  padding-left: 50px; }

.ui__pdl48 {
  padding-left: 48px; }

.ui__pdl44 {
  padding-left: 44px; }

.ui__pdl40 {
  padding-left: 40px; }

.ui__pdl36 {
  padding-left: 36px; }

.ui__pdl32 {
  padding-left: 32px; }

.ui__pdl28 {
  padding-left: 28px; }

.ui__pdl24 {
  padding-left: 24px; }

.ui__pdl20 {
  padding-left: 20px; }

.ui__pdl18 {
  padding-left: 18px; }

.ui__pdl16 {
  padding-left: 16px; }

.ui__pdl15 {
  padding-left: 15px; }

.ui__pdl14 {
  padding-left: 14px; }

.ui__pdl12 {
  padding-left: 12px; }

.ui__pdl10 {
  padding-left: 10px; }

.ui__pdl8 {
  padding-left: 8px; }

.ui__pdl6 {
  padding-left: 6px; }

.ui__pdl4 {
  padding-left: 4px; }

@media screen and (max-width: 560px) {
  .ui__pdl-560_6 {
    padding-left: 6px; } }

@media screen and (max-width: 560px) {
  .ui__pdl-560_8 {
    padding-left: 8px; } }

@media screen and (max-width: 560px) {
  .ui__pdl-560_10 {
    padding-left: 10px; } }

@media screen and (max-width: 560px) {
  .ui__pdl-560_12 {
    padding-left: 12px; } }

@media screen and (max-width: 560px) {
  .ui__pdl-560_28 {
    padding-left: 28px; } }

.ui__pdt28 {
  padding-top: 28px; }

.ui__pdt27 {
  padding-top: 27px; }

.ui__pdt22 {
  padding-top: 22px; }

.ui__pdt16 {
  padding-top: 16px; }

.ui__pdt14 {
  padding-top: 14px; }

.ui__pdt12 {
  padding-top: 12px; }

.ui__pdt10 {
  padding-top: 10px; }

.ui__pdt7 {
  padding-top: 7px; }

.ui__pdt5 {
  padding-top: 5px; }

@media screen and (max-width: 560px) {
  .ui__pdt-560_16 {
    padding-top: 16px; } }

@media screen and (max-width: 560px) {
  .ui__pdt-560_8 {
    padding-top: 8px; } }

@media screen and (max-width: 560px) {
  .ui__pdt-560_6 {
    padding-top: 6px; } }

@media screen and (max-width: 560px) {
  .ui__pdt-560_4 {
    padding-top: 4px; } }

.ui__pdb36 {
  padding-bottom: 36px; }

.ui__pdb32 {
  padding-bottom: 32px; }

.ui__pdb22 {
  padding-bottom: 22px; }

.ui__pdb20 {
  padding-bottom: 20px; }

.ui__pdb15 {
  padding-bottom: 15px; }

.ui__pdb14 {
  padding-bottom: 14px; }

.ui__pdb12 {
  padding-bottom: 12px; }

.ui__pdb10 {
  padding-bottom: 10px; }

.ui__pdb6 {
  padding-bottom: 6px; }

.ui__pdb5 {
  padding-bottom: 5px; }

@media screen and (max-width: 560px) {
  .ui__pdb-560_6 {
    padding-bottom: 6px; } }

@media screen and (max-width: 560px) {
  .ui__pdb-560_8 {
    padding-bottom: 8px; } }

@media screen and (max-width: 560px) {
  .ui__pdb-560_12 {
    padding-bottom: 12px; } }

@media screen and (max-width: 560px) {
  .ui__pdb-560_20 {
    padding-bottom: 20px; } }

.ui__mgt32 {
  margin-top: 32px; }

.ui__mgt28 {
  margin-top: 28px; }

.ui__mgt24 {
  margin-top: 24px; }

.ui__mgt20 {
  margin-top: 20px; }

.ui__mgt18 {
  margin-top: 18px; }

.ui__mgt16 {
  margin-top: 16px; }

.ui__mgt14 {
  margin-top: 14px; }

.ui__mgt12 {
  margin-top: 12px; }

.ui__mgt10 {
  margin-top: 10px; }

.ui__mgt8 {
  margin-top: 8px; }

.ui__mgt6 {
  margin-top: 6px; }

.ui__mgt5 {
  margin-top: 5px; }

.ui__mgt4 {
  margin-top: 4px; }

.ui__mgt2 {
  margin-top: 2px; }

.ui__mgtAuto {
  margin-top: auto; }

.ui__mgb52 {
  margin-bottom: 52px; }

.ui__mgb50 {
  margin-bottom: 50px; }

.ui__mgb48 {
  margin-bottom: 48px; }

.ui__mgb44 {
  margin-bottom: 44px; }

.ui__mgb40 {
  margin-bottom: 40px; }

.ui__mgb36 {
  margin-bottom: 36px; }

.ui__mgb32 {
  margin-bottom: 32px; }

.ui__mgb28 {
  margin-bottom: 28px; }

.ui__mgb24 {
  margin-bottom: 24px; }

.ui__mgb20 {
  margin-bottom: 20px; }

.ui__mgb18 {
  margin-bottom: 18px; }

.ui__mgb16 {
  margin-bottom: 16px; }

.ui__mgb15 {
  margin-bottom: 15px; }

.ui__mgb14 {
  margin-bottom: 14px; }

.ui__mgb12 {
  margin-bottom: 12px; }

.ui__mgb10 {
  margin-bottom: 10px; }

.ui__mgb8 {
  margin-bottom: 8px; }

.ui__mgb6 {
  margin-bottom: 6px; }

.ui__mgb5 {
  margin-bottom: 5px; }

.ui__mgb4 {
  margin-bottom: 4px; }

.ui__mgb2 {
  margin-bottom: 2px; }

.ui__mgb0 {
  margin-bottom: 0px; }

.ui__mgbAuto {
  margin-bottom: auto; }

@media screen and (max-width: 768px) {
  .ui__mgb-768_32 {
    margin-bottom: 32px; } }

@media screen and (max-width: 768px) {
  .ui__mgb-768_10 {
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) {
  .ui__mgb-768_0 {
    margin-bottom: 0px; } }

.ui__mglAuto {
  margin-left: auto; }

.ui__mgr64 {
  margin-right: 64px; }

.ui__mgr36 {
  margin-right: 36px; }

.ui__mgr20 {
  margin-right: 20px; }

.ui__mgr15 {
  margin-right: 15px; }

.ui__mgr12 {
  margin-right: 12px; }

.ui__mgr11 {
  margin-right: 11px; }

.ui__mgr10 {
  margin-right: 10px; }

.ui__mgr8 {
  margin-right: 8px; }

.ui__mgr5 {
  margin-right: 5px; }

.ui__mgrAuto {
  margin-right: auto; }

@media screen and (max-width: 560px) {
  .ui__mgr-560_20 {
    margin-right: 20px; } }

.ui__ratio1x1 {
  aspect-ratio: 1/1; }

.ui__ratio1x1_69 {
  aspect-ratio: 1.6931216931; }

.ui__imgObjectCenter {
  object-fit: cover;
  object-position: center; }

.ui__imgObjectContain {
  object-fit: contain;
  object-position: center; }

.ui__minH320 {
  min-height: 320px; }

.ui__minH60 {
  min-height: 60px; }

.ui__maxH202 {
  max-height: 202px; }

.ui__maxH206 {
  max-height: 206px; }

.ui__maxH320 {
  max-height: 320px; }

.ui__maxH72 {
  max-height: 72px; }

.ui__maxH60 {
  max-height: 60px; }

.ui__maxW100per {
  max-width: 100%; }

.ui__maxW17 {
  max-width: 17px; }

.ui__maxW880 {
  max-width: 880px; }

.ui__maxW540 {
  max-width: 540px; }

@media screen and (max-width: 560px) {
  .ui__maxW-560_100 {
    max-width: 100px; } }

@media screen and (max-width: 1024px) {
  .ui__maxW-1024_100per {
    max-width: 100%; } }

.ui__minW100per {
  min-width: 100%; }

.ui__minW80 {
  min-width: 80px; }

.ui__minW30 {
  min-width: 30px; }

.ui__minW24 {
  min-width: 24px; }

.ui__minW20 {
  min-width: 20px; }

.ui__minW18 {
  min-width: 18px; }

.ui__h17 {
  height: 17px; }

.ui__h100per {
  height: 100%; }

.ui__wFitContent {
  width: fit-content; }

.ui__w80 {
  width: 80px; }

.ui__w40 {
  width: 40px; }

.ui__w34 {
  width: 34px; }

.ui__w30 {
  width: 30px; }

.ui__w28 {
  width: 28px; }

.ui__w24 {
  width: 24px; }

.ui__w20 {
  width: 20px; }

.ui__w18 {
  width: 18px; }

.ui__w100per {
  width: 100%; }

.ui__w95per {
  width: 95%; }

.ui__w90per {
  width: 90%; }

.ui__w85per {
  width: 85%; }

.ui__w80per {
  width: 80%; }

.ui__w75per {
  width: 75%; }

.ui__w50per {
  width: 50%; }

.ui__w49per {
  width: 49%; }

.ui__w48per {
  width: 48%; }

.ui__w45per {
  width: 45%; }

.ui__w40per {
  width: 40%; }

.ui__w35per {
  width: 35%; }

.ui__w33per {
  width: 33%; }

.ui__w30per {
  width: 30%; }

.ui__w25per {
  width: 25%; }

.ui__w50per-8px {
  width: calc(50% - 8px); }

.ui__w50per-4px {
  width: calc(50% - 4px); }

.ui__w50per-2px {
  width: calc(50% - 2px); }

@media screen and (max-width: 1024px) {
  .ui__w-1024_50per {
    width: 50%; }

  .ui__w-1024_100per {
    width: 100%; } }
@media screen and (max-width: 768px) {
  .ui__w-768_100per {
    width: 100%; } }
@media screen and (max-width: 560px) {
  .ui__w-560_100per {
    width: 100%; } }
.ui__textOverflow_ellipsis {
  text-overflow: ellipsis; }

.ui__fz18 {
  font-size: 18px; }

.ui__fz16 {
  font-size: 16px; }

.ui__fz14 {
  font-size: 14px; }

.ui__fz12 {
  font-size: 12px; }

.ui__fz10 {
  font-size: 10px; }

@media screen and (max-width: 560px) {
  .ui__fz-560_14 {
    font-size: 14px; } }
.ui__whSp_noWrap {
  white-space: nowrap; }

.darkTheme .ui__darkTheme_text-white {
  color: #fff; }
.darkTheme .ui__darkTheme_text-gray {
  color: #565656; }
.darkTheme .ui__darkTheme_text-lightGray {
  color: #818592; }

.ui__hoverColor_blue {
  transition: all 0.3s ease; }
  .ui__hoverColor_blue > * {
    transition: all 0.3s ease; }
  .ui__hoverColor_blue:hover {
    color: #1053FF; }
    .ui__hoverColor_blue:hover > * {
      color: #1053FF; }

.ui__opacity100 {
  opacity: 1; }

.ui__opacity90 {
  opacity: 0.9; }

.ui__opacity80 {
  opacity: 0.8; }

.ui__opacity70 {
  opacity: 0.7; }

.ui__opacity60 {
  opacity: 0.6; }

.ui__opacity50 {
  opacity: 0.5; }

.ui__opacity40 {
  opacity: 0.4; }

.ui__opacity30 {
  opacity: 0.3; }

.ui__opacity20 {
  opacity: 0.2; }

.ui__opacity10 {
  opacity: 0.1; }

.ui__opacity0 {
  opacity: 0; }

.ui__hoverOpacity_70per:hover {
  opacity: 0.7; }

.ui__hoverOpacity_50per:hover {
  opacity: 0.5; }

.ui__hoverBG_lightGray:hover {
  background-color: #F5F5F5; }

.darkTheme .ui__hoverBG_darkTheme_gray:hover {
  background-color: #303030; }

.ui__flexColumnGap12 {
  width: calc(100% + 12px);
  margin-left: -6px; }
  .ui__flexColumnGap12 > * {
    margin-left: 6px;
    margin-right: 6px; }
  .ui__flexColumnGap12 > .ui__w100per {
    width: calc(100% - 12px); }
  .ui__flexColumnGap12 > .ui__w75per {
    width: calc(75% - 12px); }
  .ui__flexColumnGap12 > .ui__w50per {
    width: calc(50% - 12px); }
  .ui__flexColumnGap12 > .ui__w45per {
    width: calc(45% - 12px); }
  .ui__flexColumnGap12 > .ui__w35per {
    width: calc(35% - 12px); }
  .ui__flexColumnGap12 > .ui__w33per {
    width: calc(33.333% - 12px); }
  .ui__flexColumnGap12 > .ui__w30per {
    width: calc(30% - 12px); }
  .ui__flexColumnGap12 > .ui__w25per {
    width: calc(25% - 12px); }

.ui__flexColumnGap20 {
  width: calc(100% + 20px);
  margin-left: -10px; }
  .ui__flexColumnGap20 > * {
    margin-left: 10px;
    margin-right: 10px; }
  .ui__flexColumnGap20 > .ui__w100per {
    width: calc(100% - 20px); }
  .ui__flexColumnGap20 > .ui__w75per {
    width: calc(75% - 20px); }
  .ui__flexColumnGap20 > .ui__w50per {
    width: calc(50% - 20px); }
  .ui__flexColumnGap20 > .ui__w45per {
    width: calc(45% - 20px); }
  .ui__flexColumnGap20 > .ui__w35per {
    width: calc(35% - 20px); }
  .ui__flexColumnGap20 > .ui__w33per {
    width: calc(33.333% - 20px); }
  .ui__flexColumnGap20 > .ui__w30per {
    width: calc(30% - 20px); }
  .ui__flexColumnGap20 > .ui__w25per {
    width: calc(25% - 20px); }

.ui__flexColumnGap50 {
  width: calc(100% + 50px);
  margin-left: -25px; }
  .ui__flexColumnGap50 > * {
    margin-left: 25px;
    margin-right: 25px; }
  .ui__flexColumnGap50 > .ui__w100per {
    width: calc(100% - 25px); }
  .ui__flexColumnGap50 > .ui__w75per {
    width: calc(75% - 25px); }
  .ui__flexColumnGap50 > .ui__w50per {
    width: calc(50% - 25px); }
  .ui__flexColumnGap50 > .ui__w45per {
    width: calc(45% - 25px); }
  .ui__flexColumnGap50 > .ui__w35per {
    width: calc(35% - 25px); }
  .ui__flexColumnGap50 > .ui__w30per {
    width: calc(30% - 25px); }
  .ui__flexColumnGap50 > .ui__w25per {
    width: calc(25% - 25px); }

@media screen and (max-width: 768px) {
  .ui__flexColumnGap12 > .ui__w-768_100per {
    width: calc(100% - 24px); } }

@media screen and (max-width: 768px) {
  .ui__flexColumnGap20 > .ui__w-768_100per {
    width: calc(100% - 20px); } }

@media screen and (max-width: 1024px) {
  .ui__flexColumnGap50 > .ui__w-1024_50per {
    width: calc(50% - 25px); } }
@media screen and (max-width: 560px) {
  .ui__flexColumnGap50 > .ui__w-560_100per {
    width: calc(100% - 50px); } }

    .videoModal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      z-index: 50;
      background: rgba(0, 0, 0, 0.7);
      min-height: 100vh;
    }
    .videoModal__close {
      width: 20px;
      aspect-ratio: calc(1/1);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    @media screen and (max-width: 768px) {
      .videoModal__close {
        top: 12px;
        right: 12px;
      }
    }
    .videoModal__close:hover {
      opacity: 0.7;
    }
    .videoModal__title {
      padding-right: 44px;
      margin-bottom: 12px;
      font-size: 20px;
      color: #1053FF;
    }
    @media screen and (max-width: 768px) {
      .videoModal__title {
        font-size: 16px;
      }
    }
    .videoModal__overlay {
      margin: 0 auto;
      border-radius: 12px;
      padding: 20px;
      background: #fff;
      max-width: 60%;
      width: 100%;
      position: relative;
    }
    @media screen and (max-width: 1024px) {
      .videoModal__overlay {
        max-width: 70%;
      }
    }
    @media screen and (max-width: 768px) {
      .videoModal__overlay {
        max-width: 85%;
        padding: 12px;
      }
    }
    @media screen and (max-width: 560px) {
      .videoModal__overlay {
        max-width: 95%;
      }
    }
    .videoModal__overlay iframe {
      aspect-ratio: calc(16/9);
      width: 100%;
      overflow: hidden;
      border-radius: 8px;
    }
    
    .darkTheme .videoModal__close {
      -webkit-filter: invert(1);
              filter: invert(1);
    }
    .darkTheme .videoModal__overlay {
      background: #242424;
    }

/*# sourceMappingURL=style.css.map */