/* This stylesheet generated by Transfonter (https://transfonter.org) on October 3, 2017 10:08 PM */
@font-face {
  font-family: 'Helvetica';
  src: url("../fonts/Helvetica.eot");
  src: local("Helvetica"), url("../fonts/Helvetica.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica.woff2") format("woff2"), url("../fonts/Helvetica.woff") format("woff"), url("../fonts/Helvetica.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Helvetica';
  src: url("../fonts/Helvetica-Bold.eot");
  src: local("Helvetica Bold"), local("Helvetica-Bold"), url("../fonts/Helvetica-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica-Bold.woff2") format("woff2"), url("../fonts/Helvetica-Bold.woff") format("woff"), url("../fonts/Helvetica-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
.content, .monitor_content, .features_block .features_info, .warning_header, .pagination_block, .table_tags, .tags_block, .switch_tabs, .page_title .page_menu, .edit_buttons, label, .radio_block, .sort_th,
.data_sort_th, .flex_start, .login_title, section, .for_access, .tag_elem, .page_title, .for_buttons, .flex_between, .change_password, .quick_start .quick_start_content, .buttons_block, .flex_end, .fullscreen .for_error, .full_content, .no_data, .access_blur {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;

}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;

}
label {
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.content, .monitor_content, .features_block .features_info, .tag_elem, .page_title, .for_buttons, .flex_between, .change_password, .quick_start .quick_start_content {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify; }

.fullscreen .for_error, .full_content, .no_data, .access_blur, .switch_tabs .tab_elem {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center; }

.warning_header, .pagination_block, .table_tags, .tags_block, .switch_tabs, .page_title .page_menu, .edit_buttons, label, .radio_block, .sort_th,
.data_sort_th, .flex_start, .login_title, section, .for_access {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start; }

.buttons_block, .flex_end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end; }

.content, .monitor_content, .features_block .features_info, .ali_start,
.flex_start.ali_start,
.flex_between.ali_start {
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.warning_header, .pagination_block, .table_tags, .tags_block, .switch_tabs, .page_title .page_menu, .edit_buttons, label, .radio_block, .sort_th,
.data_sort_th, .flex_start, .login_title, .tag_elem, .page_title, .for_buttons, .flex_between, .change_password, .quick_start .quick_start_content, .buttons_block, .flex_end, .fullscreen .for_error, .full_content, .no_data, .access_blur {
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

section, .for_access, .stretch {
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.fullscreen .for_error, .for_access, .quick_start .quick_start_content {
  -webkit-flex-direction: column;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column; }

section, .full_content, .content, .monitor_content, .table_tags, .tags_block, .page_title, .page_title.tags_title, label, .radio_block, .flex_start,
.flex_between,
.flex_end, .change_password {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex_nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.table_btn:after,
.modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
  font-size: 12px;
  line-height: 19px; }
  @media (max-width: 1799px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      font-size: 12px; } }
  @media (max-width: 1599px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      font-size: 12px; } }
  @media (max-width: 1399px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      font-size: 10px; } }
  @media (max-width: 1199px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      font-size: 10px; } }
  @media (max-width: 999px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      font-size: 10px; } }
  @media (max-width: 799px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      font-size: 10px; } }
  @media (max-width: 599px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      font-size: 10px; } }
  @media (max-width: 399px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      font-size: 10px; } }
  @media (max-width: 1799px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      line-height: 19px; } }
  @media (max-width: 1599px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      line-height: 16px; } }
  @media (max-width: 1399px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      line-height: 13px; } }
  @media (max-width: 1199px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      line-height: 13px; } }
  @media (max-width: 999px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      line-height: 13px; } }
  @media (max-width: 799px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      line-height: 13px; } }
  @media (max-width: 599px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      line-height: 13px; } }
  @media (max-width: 399px) {
    .table_btn:after,
    .modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .list_table .table_p, .grid_table .table_p, .data_table .table_p, .tag_elem p, .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href, .drop_notification.small_notification, .days_list_error, .warning_p, label:focus-within .input_placeholder, .empty_search, [data-save]:after, .input_placeholder.filled, table th, table td, .notification_table .message_block, .text_small {
      line-height: 13px; } }

.pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
  font-size: 14px;
  line-height: 19px; }
  @media (max-width: 1799px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      font-size: 14px; } }
  @media (max-width: 1599px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      font-size: 13px; } }
  @media (max-width: 1399px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      font-size: 10px; } }
  @media (max-width: 1199px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      font-size: 10px; } }
  @media (max-width: 999px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      font-size: 10px; } }
  @media (max-width: 799px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      font-size: 10px; } }
  @media (max-width: 599px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      font-size: 10px; } }
  @media (max-width: 399px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      font-size: 10px; } }
  @media (max-width: 1799px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      line-height: 19px; } }
  @media (max-width: 1599px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      line-height: 17px; } }
  @media (max-width: 1399px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      line-height: 13px; } }
  @media (max-width: 1199px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      line-height: 13px; } }
  @media (max-width: 999px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      line-height: 13px; } }
  @media (max-width: 799px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      line-height: 13px; } }
  @media (max-width: 599px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      line-height: 13px; } }
  @media (max-width: 399px) {
    .pagination_block li a, .error_block p, h6, .input_warning, .modal_wrap .select .drop_menu li, .notification_table td p, .notification_table tr:nth-child(odd) td, .work_time_label p, .small_p {
      line-height: 13px; } }

.modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
.href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
.drop_menu.drop_show li, option p, th.empty_row .href {
  font-size: 16px;
  line-height: 28px; }
  @media (max-width: 1799px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      font-size: 15px; } }
  @media (max-width: 1599px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      font-size: 13px; } }
  @media (max-width: 1399px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      font-size: 12px; } }
  @media (max-width: 1199px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      font-size: 11px; } }
  @media (max-width: 999px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      font-size: 11px; } }
  @media (max-width: 799px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      font-size: 11px; } }
  @media (max-width: 599px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      font-size: 11px; } }
  @media (max-width: 399px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      font-size: 11px; } }
  @media (max-width: 1799px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      line-height: 26px; } }
  @media (max-width: 1599px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      line-height: 24px; } }
  @media (max-width: 1399px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      line-height: 20px; } }
  @media (max-width: 1199px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      line-height: 18px; } }
  @media (max-width: 999px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      line-height: 18px; } }
  @media (max-width: 799px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      line-height: 18px; } }
  @media (max-width: 599px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      line-height: 18px; } }
  @media (max-width: 399px) {
    .modal_sett_btn, option, .days_list li, .features_block .features_elem li, .notice p, .cancel,
    .href, h3, h4, h5, p, span, li, .bulk_btn, .input, .select .drop_menu li,
    .drop_menu.drop_show li, option p, th.empty_row .href {
      line-height: 18px; } }

.switch_tabs .tab_elem, .all_btn {
  font-size: 16px;
  line-height: 1.5; }
  @media (max-width: 1799px) {
    .switch_tabs .tab_elem, .all_btn {
      font-size: 16px; } }
  @media (max-width: 1599px) {
    .switch_tabs .tab_elem, .all_btn {
      font-size: 16px; } }
  @media (max-width: 1399px) {
    .switch_tabs .tab_elem, .all_btn {
      font-size: 14px; } }
  @media (max-width: 1199px) {
    .switch_tabs .tab_elem, .all_btn {
      font-size: 14px; } }
  @media (max-width: 999px) {
    .switch_tabs .tab_elem, .all_btn {
      font-size: 14px; } }
  @media (max-width: 799px) {
    .switch_tabs .tab_elem, .all_btn {
      font-size: 12px; } }
  @media (max-width: 599px) {
    .switch_tabs .tab_elem, .all_btn {
      font-size: 12px; } }
  @media (max-width: 399px) {
    .switch_tabs .tab_elem, .all_btn {
      font-size: 12px; } }

h1, .modal_title, h2, h3.empty {
  font-size: 24px;
  line-height: 1.33; }
  @media (max-width: 1799px) {
    h1, .modal_title, h2, h3.empty {
      font-size: 22px; } }
  @media (max-width: 1599px) {
    h1, .modal_title, h2, h3.empty {
      font-size: 20px; } }
  @media (max-width: 1399px) {
    h1, .modal_title, h2, h3.empty {
      font-size: 18px; } }
  @media (max-width: 1199px) {
    h1, .modal_title, h2, h3.empty {
      font-size: 18px; } }
  @media (max-width: 999px) {
    h1, .modal_title, h2, h3.empty {
      font-size: 18px; } }
  @media (max-width: 799px) {
    h1, .modal_title, h2, h3.empty {
      font-size: 16px; } }
  @media (max-width: 599px) {
    h1, .modal_title, h2, h3.empty {
      font-size: 16px; } }
  @media (max-width: 399px) {
    h1, .modal_title, h2, h3.empty {
      font-size: 16px; } }

.modal_block h4 {
  font-size: 20px;
  line-height: 27px; }
  @media (max-width: 1799px) {
    .modal_block h4 {
      font-size: 20px; } }
  @media (max-width: 1599px) {
    .modal_block h4 {
      font-size: 18px; } }
  @media (max-width: 1399px) {
    .modal_block h4 {
      font-size: 14px; } }
  @media (max-width: 1199px) {
    .modal_block h4 {
      font-size: 14px; } }
  @media (max-width: 999px) {
    .modal_block h4 {
      font-size: 14px; } }
  @media (max-width: 799px) {
    .modal_block h4 {
      font-size: 14px; } }
  @media (max-width: 599px) {
    .modal_block h4 {
      font-size: 14px; } }
  @media (max-width: 399px) {
    .modal_block h4 {
      font-size: 14px; } }
  @media (max-width: 1799px) {
    .modal_block h4 {
      line-height: 27px; } }
  @media (max-width: 1599px) {
    .modal_block h4 {
      line-height: 24px; } }
  @media (max-width: 1399px) {
    .modal_block h4 {
      line-height: 19px; } }
  @media (max-width: 1199px) {
    .modal_block h4 {
      line-height: 19px; } }
  @media (max-width: 999px) {
    .modal_block h4 {
      line-height: 19px; } }
  @media (max-width: 799px) {
    .modal_block h4 {
      line-height: 19px; } }
  @media (max-width: 599px) {
    .modal_block h4 {
      line-height: 19px; } }
  @media (max-width: 399px) {
    .modal_block h4 {
      line-height: 19px; } }

.list_table .table_p, .grid_table .table_p, .data_table .table_p, .string_p, .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

form p[data-info]:before, .input_label {
  width: 410px; }
  @media (max-width: 1799px) {
    form p[data-info]:before, .input_label {
      width: 350px; } }
  @media (max-width: 1599px) {
    form p[data-info]:before, .input_label {
      width: 350px; } }
  @media (max-width: 1399px) {
    form p[data-info]:before, .input_label {
      width: 320px; } }
  @media (max-width: 1199px) {
    form p[data-info]:before, .input_label {
      width: 320px; } }
  @media (max-width: 999px) {
    form p[data-info]:before, .input_label {
      width: 320px; } }
  @media (max-width: 799px) {
    form p[data-info]:before, .input_label {
      width: 300px; } }
  @media (max-width: 599px) {
    form p[data-info]:before, .input_label {
      width: 100%; } }
  @media (max-width: 399px) {
    form p[data-info]:before, .input_label {
      width: 100%; } }

.large_label {
  width: 477px; }
  @media (max-width: 1799px) {
    .large_label {
      width: 477px; } }
  @media (max-width: 1599px) {
    .large_label {
      width: 450px; } }
  @media (max-width: 1399px) {
    .large_label {
      width: 400px; } }
  @media (max-width: 1199px) {
    .large_label {
      width: 400px; } }
  @media (max-width: 999px) {
    .large_label {
      width: 400px; } }
  @media (max-width: 799px) {
    .large_label {
      width: 400px; } }
  @media (max-width: 599px) {
    .large_label {
      width: 100%; } }
  @media (max-width: 399px) {
    .large_label {
      width: 100%; } }

.medium_label {
  width: 340px; }
  @media (max-width: 1799px) {
    .medium_label {
      width: 340px; } }
  @media (max-width: 1599px) {
    .medium_label {
      width: 340px; } }
  @media (max-width: 1399px) {
    .medium_label {
      width: 340px; } }
  @media (max-width: 1199px) {
    .medium_label {
      width: 340px; } }
  @media (max-width: 999px) {
    .medium_label {
      width: 340px; } }
  @media (max-width: 799px) {
    .medium_label {
      width: 100%; } }
  @media (max-width: 599px) {
    .medium_label {
      width: 100%; } }
  @media (max-width: 399px) {
    .medium_label {
      width: 100%; } }

.small_label {
  width: 130px; }
  @media (max-width: 1799px) {
    .small_label {
      width: 130px; } }
  @media (max-width: 1599px) {
    .small_label {
      width: 130px; } }
  @media (max-width: 1399px) {
    .small_label {
      width: 130px; } }
  @media (max-width: 1199px) {
    .small_label {
      width: 130px; } }
  @media (max-width: 999px) {
    .small_label {
      width: 130px; } }
  @media (max-width: 799px) {
    .small_label {
      width: 120px; } }
  @media (max-width: 599px) {
    .small_label {
      width: 100px; } }
  @media (max-width: 399px) {
    .small_label {
      width: 100px; } }

.report_label {
  width: 265px; }
  @media (max-width: 1799px) {
    .report_label {
      width: 265px; } }
  @media (max-width: 1599px) {
    .report_label {
      width: 206px; } }
  @media (max-width: 1399px) {
    .report_label {
      width: 140px; } }
  @media (max-width: 1199px) {
    .report_label {
      width: 131px; } }
  @media (max-width: 999px) {
    .report_label {
      width: 131px; } }
  @media (max-width: 799px) {
    .report_label {
      width: 131px; } }
  @media (max-width: 599px) {
    .report_label {
      width: 100%; } }
  @media (max-width: 399px) {
    .report_label {
      width: 100%; } }

.time_label {
  width: 220px; }
  @media (max-width: 1799px) {
    .time_label {
      width: 220px; } }
  @media (max-width: 1599px) {
    .time_label {
      width: 190px; } }
  @media (max-width: 1399px) {
    .time_label {
      width: 170px; } }
  @media (max-width: 1199px) {
    .time_label {
      width: 170px; } }
  @media (max-width: 999px) {
    .time_label {
      width: 170px; } }
  @media (max-width: 799px) {
    .time_label {
      width: 170px; } }
  @media (max-width: 599px) {
    .time_label {
      width: 170px; } }
  @media (max-width: 399px) {
    .time_label {
      width: 170px; } }

.date_label {
  width: 169px; }
  @media (max-width: 1799px) {
    .date_label {
      width: 169px; } }
  @media (max-width: 1599px) {
    .date_label {
      width: 164px; } }
  @media (max-width: 1399px) {
    .date_label {
      width: 124px; } }
  @media (max-width: 1199px) {
    .date_label {
      width: 110px; } }
  @media (max-width: 999px) {
    .date_label {
      width: 110px; } }
  @media (max-width: 799px) {
    .date_label {
      width: 100px; } }
  @media (max-width: 599px) {
    .date_label {
      width: 100%; } }
  @media (max-width: 399px) {
    .date_label {
      width: 100%; } }

.drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
  width: 24px;
  height: 24px; }
  @media (max-width: 1799px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      width: 24px; } }
  @media (max-width: 1599px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      width: 20px; } }
  @media (max-width: 1399px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      width: 20px; } }
  @media (max-width: 1199px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      width: 20px; } }
  @media (max-width: 999px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      width: 20px; } }
  @media (max-width: 799px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      width: 20px; } }
  @media (max-width: 599px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      width: 20px; } }
  @media (max-width: 399px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      width: 20px; } }
  @media (max-width: 1799px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      height: 24px; } }
  @media (max-width: 1599px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      height: 20px; } }
  @media (max-width: 1399px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      height: 20px; } }
  @media (max-width: 1199px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      height: 20px; } }
  @media (max-width: 999px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      height: 20px; } }
  @media (max-width: 799px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      height: 20px; } }
  @media (max-width: 599px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      height: 20px; } }
  @media (max-width: 399px) {
    .drop_notification, .table_btn, .radio, .checkbox, .for_radio::before, .for_chk::before {
      height: 20px; } }

.modal_sett_btn {
  width: 42px;
  height: 42px; }
  @media (max-width: 1799px) {
    .modal_sett_btn {
      width: 42px; } }
  @media (max-width: 1599px) {
    .modal_sett_btn {
      width: 40px; } }
  @media (max-width: 1399px) {
    .modal_sett_btn {
      width: 36px; } }
  @media (max-width: 1199px) {
    .modal_sett_btn {
      width: 36px; } }
  @media (max-width: 999px) {
    .modal_sett_btn {
      width: 36px; } }
  @media (max-width: 799px) {
    .modal_sett_btn {
      width: 28px; } }
  @media (max-width: 599px) {
    .modal_sett_btn {
      width: 28px; } }
  @media (max-width: 399px) {
    .modal_sett_btn {
      width: 28px; } }
  @media (max-width: 1799px) {
    .modal_sett_btn {
      height: 42px; } }
  @media (max-width: 1599px) {
    .modal_sett_btn {
      height: 40px; } }
  @media (max-width: 1399px) {
    .modal_sett_btn {
      height: 36px; } }
  @media (max-width: 1199px) {
    .modal_sett_btn {
      height: 36px; } }
  @media (max-width: 999px) {
    .modal_sett_btn {
      height: 36px; } }
  @media (max-width: 799px) {
    .modal_sett_btn {
      height: 28px; } }
  @media (max-width: 599px) {
    .modal_sett_btn {
      height: 28px; } }
  @media (max-width: 399px) {
    .modal_sett_btn {
      height: 28px; } }

.modal_sett_btn {
  border-radius: 50%;
  background-color: #A4A8AD;
  color: #8d8d8d;
  font-weight: 700; }

.drop_notification.small_notification, form .show_psw,
form .show_warning {
  width: 20px;
  height: 20px; }
  @media (max-width: 1799px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      width: 20px; } }
  @media (max-width: 1599px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      width: 20px; } }
  @media (max-width: 1399px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      width: 20px; } }
  @media (max-width: 1199px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      width: 20px; } }
  @media (max-width: 999px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      width: 20px; } }
  @media (max-width: 799px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      width: 20px; } }
  @media (max-width: 599px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      width: 20px; } }
  @media (max-width: 399px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      width: 20px; } }
  @media (max-width: 1799px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      height: 20px; } }
  @media (max-width: 1599px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      height: 20px; } }
  @media (max-width: 1399px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      height: 20px; } }
  @media (max-width: 1199px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      height: 20px; } }
  @media (max-width: 999px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      height: 20px; } }
  @media (max-width: 799px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      height: 20px; } }
  @media (max-width: 599px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      height: 20px; } }
  @media (max-width: 399px) {
    .drop_notification.small_notification, form .show_psw,
    form .show_warning {
      height: 20px; } }

section {
  width: calc(100% - 220px); }
  @media (max-width: 1799px) {
    section {
      width: calc(100% - 220px); } }
  @media (max-width: 1599px) {
    section {
      width: calc(100% - 188px); } }
  @media (max-width: 1399px) {
    section {
      width: calc(100% - 160px); } }
  @media (max-width: 1199px) {
    section {
      width: calc(100% - 160px); } }
  @media (max-width: 999px) {
    section {
      width: calc(100% - 0px); } }
  @media (max-width: 799px) {
    section {
      width: calc(100% - 0px); } }
  @media (max-width: 599px) {
    section {
      width: calc(100% - 0px); } }
  @media (max-width: 399px) {
    section {
      width: calc(100% - 0px); } }

.content {
  width: calc(100% - 225px); }
  @media (max-width: 1799px) {
    .content {
      width: calc(100% - 225px); } }
  @media (max-width: 1599px) {
    .content {
      width: calc(100% - 188px); } }
  @media (max-width: 1399px) {
    .content {
      width: calc(100% - 150px); } }
  @media (max-width: 1199px) {
    .content {
      width: calc(100% - 130px); } }
  @media (max-width: 999px) {
    .content {
      width: calc(100% - 130px); } }
  @media (max-width: 799px) {
    .content {
      width: calc(100% - 0px); } }
  @media (max-width: 599px) {
    .content {
      width: calc(100% - 0px); } }
  @media (max-width: 399px) {
    .content {
      width: calc(100% - 0px); } }

.modal_content, .feedback_form, .modal_block {
  width: 613px; }
  @media (max-width: 1799px) {
    .modal_content, .feedback_form, .modal_block {
      width: 613px; } }
  @media (max-width: 1599px) {
    .modal_content, .feedback_form, .modal_block {
      width: 520px; } }
  @media (max-width: 1399px) {
    .modal_content, .feedback_form, .modal_block {
      width: 480px; } }
  @media (max-width: 1199px) {
    .modal_content, .feedback_form, .modal_block {
      width: 450px; } }
  @media (max-width: 999px) {
    .modal_content, .feedback_form, .modal_block {
      width: 450px; } }
  @media (max-width: 799px) {
    .modal_content, .feedback_form, .modal_block {
      width: calc(95vw - 30px); } }
  @media (max-width: 599px) {
    .modal_content, .feedback_form, .modal_block {
      width: calc(95vw - 30px); } }
  @media (max-width: 399px) {
    .modal_content, .feedback_form, .modal_block {
      width: calc(95vw - 30px); } }

.confirm .modal_block,
.download_error_form {
  width: 440px; }
  @media (max-width: 1799px) {
    .confirm .modal_block,
    .download_error_form {
      width: 440px; } }
  @media (max-width: 1599px) {
    .confirm .modal_block,
    .download_error_form {
      width: 420px; } }
  @media (max-width: 1399px) {
    .confirm .modal_block,
    .download_error_form {
      width: 420px; } }
  @media (max-width: 1199px) {
    .confirm .modal_block,
    .download_error_form {
      width: 420px; } }
  @media (max-width: 999px) {
    .confirm .modal_block,
    .download_error_form {
      width: 420px; } }
  @media (max-width: 799px) {
    .confirm .modal_block,
    .download_error_form {
      width: calc(95vw - 30px); } }
  @media (max-width: 599px) {
    .confirm .modal_block,
    .download_error_form {
      width: calc(95vw - 30px); } }
  @media (max-width: 399px) {
    .confirm .modal_block,
    .download_error_form {
      width: calc(95vw - 30px); } }

.quick_start {
  width: 366px; }
  @media (max-width: 1799px) {
    .quick_start {
      width: 366px; } }
  @media (max-width: 1599px) {
    .quick_start {
      width: 307px; } }
  @media (max-width: 1399px) {
    .quick_start {
      width: 284px; } }
  @media (max-width: 1199px) {
    .quick_start {
      width: 284px; } }
  @media (max-width: 999px) {
    .quick_start {
      width: 284px; } }
  @media (max-width: 799px) {
    .quick_start {
      width: 284px; } }
  @media (max-width: 599px) {
    .quick_start {
      width: 100%; } }
  @media (max-width: 399px) {
    .quick_start {
      width: 100%; } }

.applications_block, .indent_left {
  padding-left: calc(24px + 12px); }
  @media (max-width: 1799px) {
    .applications_block, .indent_left {
      padding-left: calc(24px + 12px); } }
  @media (max-width: 1599px) {
    .applications_block, .indent_left {
      padding-left: calc(20px + 10px); } }
  @media (max-width: 1399px) {
    .applications_block, .indent_left {
      padding-left: calc(20px + 10px); } }
  @media (max-width: 1199px) {
    .applications_block, .indent_left {
      padding-left: calc(20px + 10px); } }
  @media (max-width: 999px) {
    .applications_block, .indent_left {
      padding-left: calc(20px + 10px); } }
  @media (max-width: 799px) {
    .applications_block, .indent_left {
      padding-left: calc(20px + 8px); } }
  @media (max-width: 599px) {
    .applications_block, .indent_left {
      padding-left: calc(20px + 8px); } }
  @media (max-width: 399px) {
    .applications_block, .indent_left {
      padding-left: calc(20px + 8px); } }

.table_btn:after,
.modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after {
  -webkit-filter: drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.16));
  white-space: nowrap;
  background: #ffffff;
  visibility: hidden;
  z-index: 10;
  opacity: 0; }

.table_btn:before,
.select_cancel:before,
.modal_roll:before, form .show_warning[data-info]:before {
  background: url("../img/arrow.svg") no-repeat center/contain;
  width: 100%;
  left: 0;
  right: 0;
  height: 6px;
  bottom: -6px;
  z-index: 11;
  visibility: hidden;
  opacity: 0; }

.drop_notification:hover .drop_menu[data-show="show"],
.reset_filter:hover .drop_menu[data-show="show"],
.subscription_notification:hover .drop_menu[data-show="show"], .table_btn:hover:before,
.table_btn:hover:after,
.select_cancel:hover:before,
.select_cancel:hover:after,
.modal_roll:hover:before,
.modal_roll:hover:after, form p[data-info]:before, form .show_warning[data-info]:hover:before,
form .show_warning[data-info]:hover:after {
  visibility: visible;
  opacity: 1; }

.table_btn:after,
.modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .table_btn:before,
.select_cancel:before,
.modal_roll:before, form .show_warning[data-info]:before, .switch_tabs .tab_elem.switched:before, .trial_warning:after, .drop_menu[data-show="show"]:before, .for_radio::before, .for_chk::before, .for_radio::after, .for_color:after, [data-save]:after, .sh_block:before {
  content: '';
  position: absolute;
  display: block; }

.table_btn:after,
.modal_roll:after, .select_cancel:after, form p[data-info]:before, form .show_warning[data-info]:after, .table_btn:before,
.select_cancel:before,
.modal_roll:before, form .show_warning[data-info]:before, .pagination_block li a, .tag_elem, .drop_menu[data-show="show"], .days_list li, .cancel,
.href, .all_btn, .sett_btn, form .show_psw,
form .show_warning, .select .drop_menu li,
.drop_menu.drop_show li, option p, .radio, .checkbox, .for_radio::after, .color, .full_img, .del_img, .input_placeholder, .grid_table th, .grid_table td, .data_table th, .data_table td, .modal_table th, .modal_table td, .notification_table .message_block a, .sh_block:before, .text_small {
  -webkit-transition: all .1s;
  -ms-transition: all .1s;
  transition: all .1s; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Inter", sans-serif;
  font-weight: normal;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  image-rendering: -webkit-optimize-contrast;
  background-repeat: no-repeat !important;
  font-size: 0px; }

*:focus {
  outline: 0; }

*:before, *:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  image-rendering: -webkit-optimize-contrast; }

ol, ul {
  list-style: none; }

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

.hidden, [hidden] {
  display: none; }

.fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  background: white; }
  .fullscreen .for_error {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(50, 50, 50, 0.1);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    backdrop-filter: saturate(180%) blur(5px);
    z-index: 600; }
  .fullscreen .report_box[data-report='limited'] {
    height: 100% !important; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a {
  cursor: pointer;
  color: #213F50;
  text-decoration: none; }

br {
  font-size: 14px;
  line-height: 14px;
  margin: 14px 0; }

a:focus {
  outline: 0; }

a:active,
a:hover {
  outline: 0; }

img {
  border: 0;
  line-height: 0;
  -ms-interpolation-mode: bicubic; }

button,
select {
  text-transform: none; }

button {
  background: transparent;
  -webkit-appearance: button;
  cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  resize: vertical; }

body {
  overflow: hidden; }

*::-webkit-scrollbar {
  width: 8px;
  background: #D1D4D6; }

*::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #c1c1c1; }

*::-webkit-scrollbar:horizontal {
  height: 8px; }

body::-webkit-scrollbar {
  width: 8px; }

.overflow_drop .modal_scroll_block,
.overflow_drop .modal,
.overflow_drop section,
.overflow_drop .scroll_block,
.overflow_drop .settings_menu:not(.settings_menu_show) {
  overflow: hidden !important; }

*.loading {
  background: url("../img/loader_small.svg") no-repeat left center/contain; }

[block] {
  display: block; }

strong {
  font-size: inherit; }

input {
  font-size: 16px; }

.wrap {
  height: 100vh;
  position: relative; }

section {
  padding: 30px;
  max-height: calc(100% - 64px);
  overflow-y: auto;
  position: relative; }
  @media (max-width: 1799px) {
    section {
      padding: 30px; } }
  @media (max-width: 1599px) {
    section {
      padding: 20px; } }
  @media (max-width: 1399px) {
    section {
      padding: 15px; } }
  @media (max-width: 1199px) {
    section {
      padding: 15px; } }
  @media (max-width: 999px) {
    section {
      padding: 15px; } }
  @media (max-width: 799px) {
    section {
      padding: 10px; } }
  @media (max-width: 599px) {
    section {
      padding: 10px; } }
  @media (max-width: 399px) {
    section {
      padding: 10px; } }
  @media (max-width: 1799px) {
    section {
      max-height: calc(100% - 64px); } }
  @media (max-width: 1599px) {
    section {
      max-height: calc(100% - 60px); } }
  @media (max-width: 1399px) {
    section {
      max-height: calc(100% - 54px); } }
  @media (max-width: 1199px) {
    section {
      max-height: calc(100% - 54px); } }
  @media (max-width: 999px) {
    section {
      max-height: calc(100% - 50px); } }
  @media (max-width: 799px) {
    section {
      max-height: calc(100% - 50px); } }
  @media (max-width: 599px) {
    section {
      max-height: calc(100% - 50px); } }
  @media (max-width: 399px) {
    section {
      max-height: calc(100% - 50px); } }
  section#div {
    height: calc(100% - 64px); }
    @media (max-width: 1799px) {
      section#div {
        height: calc(100% - 64px); } }
    @media (max-width: 1599px) {
      section#div {
        height: calc(100% - 60px); } }
    @media (max-width: 1399px) {
      section#div {
        height: calc(100% - 54px); } }
    @media (max-width: 1199px) {
      section#div {
        height: calc(100% - 54px); } }
    @media (max-width: 999px) {
      section#div {
        height: calc(100% - 50px); } }
    @media (max-width: 799px) {
      section#div {
        height: calc(100% - 50px); } }
    @media (max-width: 599px) {
      section#div {
        height: calc(100% - 50px); } }
    @media (max-width: 399px) {
      section#div {
        height: calc(100% - 50px); } }
  section.show_qs .content {
    max-width: calc(100% - 225px - 366px); }
    @media (max-width: 1799px) {
      section.show_qs .content {
        max-width: calc(100% - 225px - 366px); } }
    @media (max-width: 1599px) {
      section.show_qs .content {
        max-width: calc(100% - 188px - 307px + 20px); } }
    @media (max-width: 1399px) {
      section.show_qs .content {
        max-width: calc(100% - 150px - 284px + 20px); } }
    @media (max-width: 1199px) {
      section.show_qs .content {
        max-width: calc(100% - 130px - 284px + 20px); } }
    @media (max-width: 999px) {
      section.show_qs .content {
        max-width: calc(100% - 130px - 284px + 20px); } }
    @media (max-width: 799px) {
      section.show_qs .content {
        max-width: calc(100% - 284px); } }
    @media (max-width: 599px) {
      section.show_qs .content {
        max-width: calc(100% - 100%); } }
    @media (max-width: 399px) {
      section.show_qs .content {
        max-width: calc(100% - 100%); } }
    @media (max-width: 599px) {
      section.show_qs .content {
        width: 100%;
        min-width: 300px;
        max-width: inherit; } }
  @media (max-width: 799px) {
    section {
      min-height: calc(100% - 50px); } }

.full_content {
  width: 100%; }

.warning_header {
  grid-gap: 8px; }

.content {
  position: relative;
  padding-left: 30px; }
  @media (max-width: 1799px) {
    .content {
      padding-left: 30px; } }
  @media (max-width: 1599px) {
    .content {
      padding-left: 20px; } }
  @media (max-width: 1399px) {
    .content {
      padding-left: 15px; } }
  @media (max-width: 1199px) {
    .content {
      padding-left: 15px; } }
  @media (max-width: 999px) {
    .content {
      padding-left: 15px; } }
  @media (max-width: 799px) {
    .content {
      padding-left: 10px; } }
  @media (max-width: 599px) {
    .content {
      padding-left: 10px; } }
  @media (max-width: 399px) {
    .content {
      padding-left: 10px; } }
  @media (max-width: 799px) {
    .content {
      padding: 0; } }
  .content.settings {
    width: 100%;
    max-width: 1365px; }

form.content {
  padding-left: 0; }

.monitor_content {
  width: 100%;
  max-width: 785px; }
  .monitor_content .buttons_block {
    border: 1px solid #E0E2E4;
    border-top: none;
    margin-top: 0;
    margin-bottom: 24px;
    padding: 24px;
    padding-top: 0 !important; }
    @media (max-width: 1799px) {
      .monitor_content .buttons_block {
        margin-bottom: 24px; } }
    @media (max-width: 1599px) {
      .monitor_content .buttons_block {
        margin-bottom: 20px; } }
    @media (max-width: 1399px) {
      .monitor_content .buttons_block {
        margin-bottom: 15px; } }
    @media (max-width: 1199px) {
      .monitor_content .buttons_block {
        margin-bottom: 15px; } }
    @media (max-width: 999px) {
      .monitor_content .buttons_block {
        margin-bottom: 15px; } }
    @media (max-width: 799px) {
      .monitor_content .buttons_block {
        margin-bottom: 15px; } }
    @media (max-width: 599px) {
      .monitor_content .buttons_block {
        margin-bottom: 15px; } }
    @media (max-width: 399px) {
      .monitor_content .buttons_block {
        margin-bottom: 15px; } }
    @media (max-width: 1799px) {
      .monitor_content .buttons_block {
        padding: 24px; } }
    @media (max-width: 1599px) {
      .monitor_content .buttons_block {
        padding: 20px; } }
    @media (max-width: 1399px) {
      .monitor_content .buttons_block {
        padding: 15px; } }
    @media (max-width: 1199px) {
      .monitor_content .buttons_block {
        padding: 15px; } }
    @media (max-width: 999px) {
      .monitor_content .buttons_block {
        padding: 15px; } }
    @media (max-width: 799px) {
      .monitor_content .buttons_block {
        padding: 15px; } }
    @media (max-width: 599px) {
      .monitor_content .buttons_block {
        padding: 15px; } }
    @media (max-width: 399px) {
      .monitor_content .buttons_block {
        padding: 15px; } }
  .monitor_content h2 {
    white-space: nowrap; }

.monitoring_block {
  width: 100%;
  padding: 24px;
  padding: 24px;
  display: none;
  border: 1px solid #E0E2E4;
  border-bottom: none; }
  @media (max-width: 1799px) {
    .monitoring_block {
      padding: 24px; } }
  @media (max-width: 1599px) {
    .monitoring_block {
      padding: 20px; } }
  @media (max-width: 1399px) {
    .monitoring_block {
      padding: 15px; } }
  @media (max-width: 1199px) {
    .monitoring_block {
      padding: 15px; } }
  @media (max-width: 999px) {
    .monitoring_block {
      padding: 15px; } }
  @media (max-width: 799px) {
    .monitoring_block {
      padding: 15px; } }
  @media (max-width: 599px) {
    .monitoring_block {
      padding: 15px; } }
  @media (max-width: 399px) {
    .monitoring_block {
      padding: 15px; } }

.report_settings {
  width: 100%; }

.content_block {
  padding: 24px;
  border: 1px solid #E0E2E4;
  position: relative; }
  @media (max-width: 1799px) {
    .content_block {
      padding: 24px; } }
  @media (max-width: 1599px) {
    .content_block {
      padding: 20px; } }
  @media (max-width: 1399px) {
    .content_block {
      padding: 15px; } }
  @media (max-width: 1199px) {
    .content_block {
      padding: 15px; } }
  @media (max-width: 999px) {
    .content_block {
      padding: 15px; } }
  @media (max-width: 799px) {
    .content_block {
      padding: 15px; } }
  @media (max-width: 599px) {
    .content_block {
      padding: 15px; } }
  @media (max-width: 399px) {
    .content_block {
      padding: 15px; } }
  .content_block h3.empty {
    padding-top: 0; }

.scroll_block {
  position: relative;
  overflow-y: auto; }

.nowrap {
  white-space: nowrap; }

.pagination {
  margin-top: 24px; }

.pagination_block li:not(:last-child) {
  margin-right: 12px; }
  @media (max-width: 599px) {
    .pagination_block li:not(:last-child) {
      margin-right: 8px; } }
  @media (max-width: 399px) {
    .pagination_block li:not(:last-child) {
      margin-right: 5px; } }
.pagination_block li a {
  width: 32px;
  line-height: 30px;
  color: #213F50;
  border: 1px solid #E0E2E4;
  border-radius: 3px;
  display: block;
  text-align: center; }
  @media (max-width: 599px) {
    .pagination_block li a {
      width: 30px;
      line-height: 28px; } }
  @media (max-width: 399px) {
    .pagination_block li a {
      width: 28px;
      line-height: 26px; } }
.pagination_block li:hover a {
  background: #E0E2E4; }
.pagination_block .active {
  cursor: default;
  pointer-events: none; }
  .pagination_block .active a {
    background: #7686B7;
    color: #fff;
    border-color: #7686B7; }

.table_tags .tag_elem {
  padding: 3px 10px;
  margin: 2px 10px 2px 0; }

.tags_block {
  column-gap: 10px;
  grid-row-gap: 10px; }

.tag_elem {
  background: #fff;
  padding: 5px 12px;
  color: #213F50;
  border: 1px solid #E0E2E4;
  border-radius: 3px; }
  @media (max-width: 999px) {
    .tag_elem {
      padding: 5px 12px; } }
  .tag_elem p {
    margin: 0;
    white-space: nowrap;
    padding: 0; }
  .tag_elem .del_tag {
    width: 12px;
    height: 12px;
    background: url("../img/del_tag.png") no-repeat center/contain;
    margin-left: 10px;
    cursor: pointer; }

.tag_elem:hover {
  background: #f5f5f5; }

.tag_elem.tag_chk,
.tag_elem.tag_chk:hover {
  background: #E0E2E4; }

.tags_section .tag_elem {
  margin-top: 24px; }

.modal .tag_elem {
  cursor: pointer; }

.tab_block {
  width: 100%; }

.buttons_block.switch_tabs .all_btn {
  margin-right: 0; }

.switch_tabs {
  margin-top: 0; }
  @media (max-width: 399px) {
    .switch_tabs {
      -webkit-flex-wrap: nowrap !important;
      -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important; } }
  .switch_tabs .tab_elem {
    padding: 15px 30px;
    border-radius: 0;
    border: 1px solid #f5f5f5;
    border-bottom: none;
    border-top: none;
    min-width: 200px;
    white-space: nowrap;
    margin: 0;
    color: #213F50;
    background: #f5f5f5;
    text-align: center; }
    @media (max-width: 799px) {
      .switch_tabs .tab_elem {
        padding: 13px 15px; } }
    @media (max-width: 599px) {
      .switch_tabs .tab_elem {
        min-width: 170px;
        width: 50%; } }
    @media (max-width: 399px) {
      .switch_tabs .tab_elem {
        width: 100%;
        min-width: inherit;
        padding: 12px 10px;
        white-space: nowrap; } }
  .switch_tabs .tab_elem:not(:last-child) {
    margin-right: 3px; }
  .switch_tabs .tab_elem:not(.switched):hover {
    background: #e8e8e8;
    border-color: #e8e8e8; }
  .switch_tabs .tab_elem.switched {
    cursor: default;
    pointer-events: none;
    position: relative;
    background: #fff;
    border-color: #f5f5f5;
    text-shadow: 1px 0 0 #213F50; }
  .switch_tabs .tab_elem.switched:before {
    left: -1px;
    right: -1px;
    top: 0;
    height: 4px;
    background: rgba(138, 141, 146, 0.5); }

@media (max-width: 399px) {
  .actions {
    margin-top: 12px; } }

.trial_warning:after {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #f02849; }

.trial_warning.star:after {
  width: 16px;
  height: 16px;
  background: url(../img/stars.svg) no-repeat center/15px; }

.no_data {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: #fff;
  z-index: 500; }

.menu_show {
  display: block !important; }

.drop_notification.info_notification {
  background: url("../img/info.svg") no-repeat center/13px;
  position: relative;
  width: 14px;
  height: 14px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle; }
  .drop_notification.info_notification .drop_menu {
    z-index: 99999; }

.drop_menu {
  -webkit-filter: drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.16));
  position: absolute;
  display: none;
  background: #fff;
  z-index: 999999; }
  .drop_menu.drop_show {
    display: block; }
  .drop_menu[data-show="show"] {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    visibility: hidden;
    opacity: 0;
    padding: 5px 8px;
    cursor: default;
    width: 250px;
    bottom: -6px;
    left: 50%; }
    .drop_menu[data-show="show"] p, .drop_menu[data-show="show"] .href {
      padding: 0; }
    .drop_menu[data-show="show"].subscription_list {
      width: auto; }
      .drop_menu[data-show="show"].subscription_list li {
        padding: 5px; }
      .drop_menu[data-show="show"].subscription_list .href {
        white-space: nowrap; }
    .drop_menu[data-show="show"]:before {
      background: url("../img/arrow.svg") no-repeat center/contain;
      top: -6px;
      right: 0;
      left: 0;
      width: 100%;
      height: 6px; }

.drop_notification {
  background: url("../img/warn.svg") no-repeat center/contain;
  cursor: pointer;
  position: relative; }
  .drop_notification.small_notification:after {
    display: none; }

.drop_notification:hover .drop_menu[data-show="show"],
.reset_filter:hover .drop_menu[data-show="show"],
.subscription_notification:hover .drop_menu[data-show="show"] {
  display: block; }

.small_notification .drop_menu[data-show="show"] {
  width: 190px; }

.right_side .drop_menu[data-show="show"] {
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  right: 0;
  left: inherit; }
  .right_side .drop_menu[data-show="show"]:before {
    background-position: center right 3px !important; }

.days_list {
  flex-wrap: nowrap; }
  .days_list li {
    border: 1px solid #E0E2E4;
    border-right: none;
    padding: 10px 0;
    width: 100%;
    text-align: center; }
    @media (max-width: 1599px) {
      .days_list li {
        padding: 9px 0; } }
    .days_list li:not(.chk_day):hover {
      background: #f5f5f5; }
    .days_list li:last-child {
      border-right: 1px solid #E0E2E4; }
    .days_list li:first-child.chk_day {
      border-left-color: #7686B7; }
  .days_list .chk_day {
    background: #7686B7;
    border-color: #7686B7;
    color: #fff;
    border-left-color: rgba(255, 255, 255, 0.2); }

.days_list_error {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  color: #f02849;
  text-align: right;
  display: none; }

.days_list.disabled .chk_day {
  background: #8d8d8d;
  border-color: #8d8d8d !important; }

.features_block {
  width: 100%; }
  .features_block:not(:last-child) {
    margin-bottom: 32px; }
    @media (max-width: 1799px) {
      .features_block:not(:last-child) {
        margin-bottom: 30px; } }
    @media (max-width: 1599px) {
      .features_block:not(:last-child) {
        margin-bottom: 28px; } }
    @media (max-width: 1399px) {
      .features_block:not(:last-child) {
        margin-bottom: 20px; } }
    @media (max-width: 1199px) {
      .features_block:not(:last-child) {
        margin-bottom: 18px; } }
    @media (max-width: 999px) {
      .features_block:not(:last-child) {
        margin-bottom: 16px; } }
    @media (max-width: 799px) {
      .features_block:not(:last-child) {
        margin-bottom: 14px; } }
    @media (max-width: 599px) {
      .features_block:not(:last-child) {
        margin-bottom: 12px; } }
    @media (max-width: 399px) {
      .features_block:not(:last-child) {
        margin-bottom: 10px; } }
  .features_block h1 {
    text-align: left; }
  @media (max-width: 399px) {
    .features_block .all_btn {
      margin: 12px auto 0; } }
  .features_block .features_info {
    grid-gap: 32px; }
    @media (max-width: 1799px) {
      .features_block .features_info {
        grid-gap: 30px; } }
    @media (max-width: 1599px) {
      .features_block .features_info {
        grid-gap: 28px; } }
    @media (max-width: 1399px) {
      .features_block .features_info {
        grid-gap: 20px; } }
    @media (max-width: 1199px) {
      .features_block .features_info {
        grid-gap: 18px; } }
    @media (max-width: 999px) {
      .features_block .features_info {
        grid-gap: 16px; } }
    @media (max-width: 799px) {
      .features_block .features_info {
        grid-gap: 14px; } }
    @media (max-width: 599px) {
      .features_block .features_info {
        grid-gap: 12px; } }
    @media (max-width: 399px) {
      .features_block .features_info {
        grid-gap: 10px; } }
    @media (max-width: 799px) {
      .features_block .features_info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  .features_block .features_elem {
    position: relative;
    width: 100%; }
    .features_block .features_elem img {
      max-width: 100%; }
  .features_block .features_elem h3:first-child {
    margin-top: 0; }
  .features_block h3 {
    margin-bottom: 16px;
    margin-top: 16px; }
    @media (max-width: 1799px) {
      .features_block h3 {
        margin-bottom: 14px; } }
    @media (max-width: 1599px) {
      .features_block h3 {
        margin-bottom: 10px; } }
    @media (max-width: 1399px) {
      .features_block h3 {
        margin-bottom: 10px; } }
    @media (max-width: 1199px) {
      .features_block h3 {
        margin-bottom: 10px; } }
    @media (max-width: 999px) {
      .features_block h3 {
        margin-bottom: 10px; } }
    @media (max-width: 799px) {
      .features_block h3 {
        margin-bottom: 8px; } }
    @media (max-width: 599px) {
      .features_block h3 {
        margin-bottom: 8px; } }
    @media (max-width: 399px) {
      .features_block h3 {
        margin-bottom: 8px; } }
    @media (max-width: 1799px) {
      .features_block h3 {
        margin-top: 14px; } }
    @media (max-width: 1599px) {
      .features_block h3 {
        margin-top: 10px; } }
    @media (max-width: 1399px) {
      .features_block h3 {
        margin-top: 10px; } }
    @media (max-width: 1199px) {
      .features_block h3 {
        margin-top: 10px; } }
    @media (max-width: 999px) {
      .features_block h3 {
        margin-top: 10px; } }
    @media (max-width: 799px) {
      .features_block h3 {
        margin-top: 8px; } }
    @media (max-width: 599px) {
      .features_block h3 {
        margin-top: 8px; } }
    @media (max-width: 399px) {
      .features_block h3 {
        margin-top: 8px; } }
    .features_block h3.for_new {
      margin-bottom: 0; }
  .features_block .features_new {
    color: #f02849;
    font-weight: bold; }
  .features_block .features_elem.double .features_img:first-child {
    padding-top: 0;
    width: 300px; }
  .features_block ul {
    position: relative; }

.features_img {
  margin-top: 24px;
  width: 100%; }
  @media (max-width: 1799px) {
    .features_img {
      margin-top: 22px; } }
  @media (max-width: 1599px) {
    .features_img {
      margin-top: 20px; } }
  @media (max-width: 1399px) {
    .features_img {
      margin-top: 18px; } }
  @media (max-width: 1199px) {
    .features_img {
      margin-top: 16px; } }
  @media (max-width: 999px) {
    .features_img {
      margin-top: 14px; } }
  @media (max-width: 799px) {
    .features_img {
      margin-top: 12px; } }
  @media (max-width: 599px) {
    .features_img {
      margin-top: 11px; } }
  @media (max-width: 399px) {
    .features_img {
      margin-top: 10px; } }

@media (max-width: 399px) {
  .modal_content {
    width: calc(95vw - 30px); } }

.premium_img {
  width: 55%; }
  @media (max-width: 1599px) {
    .premium_img {
      width: 70%; } }
  @media (max-width: 1199px) {
    .premium_img {
      width: 75%; } }
  @media (max-width: 799px) {
    .premium_img {
      width: 60%; } }
  @media (max-width: 399px) {
    .premium_img {
      width: 180px; } }

.applications_block h3.empty {
  padding: 0; }

.access_blur {
  position: absolute;
  top: 0;
  left: 30px;
  right: 0;
  bottom: 0;
  z-index: 9998;
  background-color: rgba(50, 50, 50, 0.1);
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px); }
  @media (max-width: 1799px) {
    .access_blur {
      left: 30px; } }
  @media (max-width: 1599px) {
    .access_blur {
      left: 20px; } }
  @media (max-width: 1399px) {
    .access_blur {
      left: 15px; } }
  @media (max-width: 1199px) {
    .access_blur {
      left: 15px; } }
  @media (max-width: 999px) {
    .access_blur {
      left: 15px; } }
  @media (max-width: 799px) {
    .access_blur {
      left: 10px; } }
  @media (max-width: 599px) {
    .access_blur {
      left: 10px; } }
  @media (max-width: 399px) {
    .access_blur {
      left: 10px; } }
  .access_blur .access_message {
    padding: 30px 50px;
    border: 2px solid #0F9D58;
    background: #fff; }
    @media (max-width: 799px) {
      .access_blur .access_message {
        padding: 20px 45px; } }
  @media (max-width: 799px) {
    .access_blur {
      left: 0; } }
  .access_blur .modal_sett_btn {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #fff; }

.for_access {
  position: relative;
  width: 100%;
  height: 100%; }
  .for_access .access_blur {
    position: relative;
    flex-grow: 1;
    left: 0; }
    .for_access .access_blur .access_message {
      margin: 12px 0; }

.for_error {
  width: 100%; }

.error_block {
  border: 3px solid #f02849;
  padding: 16px;
  display: inline-block;
  max-width: 100%;
  background: #fff;
  margin-bottom: 12px;
  text-align: left; }
  @media (max-width: 1799px) {
    .error_block {
      padding: 14px; } }
  @media (max-width: 1599px) {
    .error_block {
      padding: 10px; } }
  @media (max-width: 1399px) {
    .error_block {
      padding: 10px; } }
  @media (max-width: 1199px) {
    .error_block {
      padding: 10px; } }
  @media (max-width: 999px) {
    .error_block {
      padding: 10px; } }
  @media (max-width: 799px) {
    .error_block {
      padding: 8px; } }
  @media (max-width: 599px) {
    .error_block {
      padding: 8px; } }
  @media (max-width: 399px) {
    .error_block {
      padding: 8px; } }
  .error_block p {
    padding-top: 8px; }
  @media (max-width: 999px) {
    .error_block {
      width: 100%; } }

@media (max-width: 399px) {
  .max_width {
    width: 100%; } }

.notice {
  position: fixed;
  right: 0;
  z-index: 99997;
  display: none;
  top: 64px; }
  @media (max-width: 1799px) {
    .notice {
      top: 64px; } }
  @media (max-width: 1599px) {
    .notice {
      top: 60px; } }
  @media (max-width: 1399px) {
    .notice {
      top: 54px; } }
  @media (max-width: 1199px) {
    .notice {
      top: 54px; } }
  @media (max-width: 999px) {
    .notice {
      top: 50px; } }
  @media (max-width: 799px) {
    .notice {
      top: 50px; } }
  @media (max-width: 599px) {
    .notice {
      top: 50px; } }
  @media (max-width: 399px) {
    .notice {
      top: 50px; } }
  @media (max-width: 599px) {
    .notice {
      width: 100%;
      text-align: center; } }
  .notice p {
    text-align: center;
    padding: 12px 30px;
    color: #213F50;
    min-width: 260px; }
    @media (max-width: 1199px) {
      .notice p {
        padding: 8px 30px; } }
    @media (max-width: 599px) {
      .notice p {
        width: 100%;
        min-width: 100%;
        padding: 0; } }
  .notice.success {
    background: rgba(121, 212, 94, 0.3); }
  .notice.fail {
    background: rgba(240, 40, 73, 0.4); }
  .notice.warning {
    background: rgba(248, 120, 27, 0.4); }

.restrictions_block {
  width: 45%;
  max-width: 100%;
  min-width: 280px;
  left: 0;
  right: 0;
  margin: 10vh auto 0; }
  @media (max-width: 1399px) {
    .restrictions_block {
      width: 50%; } }
  @media (max-width: 399px) {
    .restrictions_block {
      width: 70%; } }
  .restrictions_block h2 {
    text-align: center;
    margin-bottom: 48px;
    font-size: 32px;
    line-height: 129%; }
    @media (max-width: 1399px) {
      .restrictions_block h2 {
        font-size: 28px; } }
    @media (max-width: 399px) {
      .restrictions_block h2 {
        font-size: 22px; } }
  .restrictions_block .restriction_p {
    width: 200px; }
  .restrictions_block ul {
    width: calc(100% - 200px); }
    @media (max-width: 399px) {
      .restrictions_block ul {
        width: 100%; } }

.page_title {
  grid-gap: 12px;
  margin-bottom: 16px; }
  @media (max-width: 399px) {
    .page_title {
      grid-gap: 8px;
      margin-bottom: 12px; } }
  .page_title .page_menu {
    grid-gap: 12px; }
  .page_title h2 {
    margin: 0; }
  .page_title .input_warning {
    text-align: right; }
    @media (max-width: 399px) {
      .page_title .input_warning {
        width: 100%;
        text-align: left; } }
  .page_title.tags_title .input_warning {
    max-width: calc(100% - 482px); }
    @media (max-width: 1599px) {
      .page_title.tags_title .input_warning {
        max-width: calc(100% - 462px); } }
    @media (max-width: 1399px) {
      .page_title.tags_title .input_warning {
        max-width: 100%;
        width: 100%; } }
    @media (max-width: 599px) {
      .page_title.tags_title .input_warning {
        width: calc(100% - 40px); } }
    @media (max-width: 399px) {
      .page_title.tags_title .input_warning {
        width: calc(100% - 36px);
        text-align: right; } }
  .page_title .switch_tabs {
    width: auto; }
    @media (max-width: 1399px) {
      .page_title .switch_tabs {
        order: 3; } }
    @media (max-width: 599px) {
      .page_title .switch_tabs {
        width: 100%; } }

.cancel,
.href {
  text-decoration: underline;
  color: #2567b2;
  font-weight: 700;
  position: relative;
  cursor: pointer; }

.href p,
.href span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  display: inherit; }

.cancel:hover,
.href:not(.disabled):hover {
  color: #1c4e87; }

.cancel {
  white-space: nowrap;
  margin-top: 48px; }

.inherit {
  font-size: inherit;
  font-weight: inherit;
  color: inherit; }

.failed {
  color: #f02849; }

h1 {
  color: #213F50; }

h2 {
  color: #000;
  margin-bottom: 16px; }
  @media (max-width: 1799px) {
    h2 {
      margin-bottom: 14px; } }
  @media (max-width: 1599px) {
    h2 {
      margin-bottom: 10px; } }
  @media (max-width: 1399px) {
    h2 {
      margin-bottom: 10px; } }
  @media (max-width: 1199px) {
    h2 {
      margin-bottom: 10px; } }
  @media (max-width: 999px) {
    h2 {
      margin-bottom: 10px; } }
  @media (max-width: 799px) {
    h2 {
      margin-bottom: 8px; } }
  @media (max-width: 599px) {
    h2 {
      margin-bottom: 8px; } }
  @media (max-width: 399px) {
    h2 {
      margin-bottom: 8px; } }

h3 {
  font-weight: 700;
  margin-bottom: 8px; }
  h3.empty {
    margin: 0;
    padding: 50px 0 0;
    color: #F8F8FA; }
    @media (max-width: 1599px) {
      h3.empty {
        padding: 30px 0 0; } }

h4 {
  font-weight: 700; }
  @media (max-width: 1599px) {
    h4 {
      padding-top: 0; } }

h5 {
  font-weight: 700;
  margin-bottom: 8px; }

h6 {
  color: #213F50;
  line-height: 28px; }

p span, span span, li span {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit; }

b {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: 700; }

@media (max-width: 399px) {
  .smart_p {
    margin-bottom: 8px; } }

.warning_p {
  color: #d73735; }

.fixed_p {
  width: 152px; }
  @media (max-width: 1399px) {
    .fixed_p {
      width: 148px; } }
  @media (max-width: 999px) {
    .fixed_p {
      width: 132px; } }
  @media (max-width: 799px) {
    .fixed_p {
      width: 100px; } }
  @media (max-width: 599px) {
    .fixed_p {
      width: 100%; } }

.ellipsis {
  width: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit; }

.message_content {
  overflow-wrap: break-word; }

.quick_start_button {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99998; }

.all_btn {
  color: #ffffff;
  background: #2567b2;
  font-weight: bold;
  margin-top: 16px;
  padding: 14px 32px;
  white-space: nowrap; }
  @media (max-width: 1599px) {
    .all_btn {
      margin-top: 10px; } }
  @media (max-width: 1399px) {
    .all_btn {
      padding: 12px 28px; } }
  @media (max-width: 399px) {
    .all_btn {
      padding: 10px 20px; } }
  .all_btn:hover {
    background: #1c4e87; }
  .all_btn.disabled {
    color: #ffffff; }

.sett_btn {
  background: #2567b2;
  font-weight: bold;
  width: 34px;
  line-height: 32px;
  color: #ffffff;
  border: 1px solid #1c4e87;
  border-radius: 3px;
  text-align: center;
  font-size: 14px; }
  .sett_btn:hover {
    background-color: #1c4e87; }

.close_chat_btn {
  background: none;
  border: none;
  text-decoration: underline;
  color: #7686B7;
  font-size: 16px;
  font-weight: bold;
  padding: 14px 0;
  margin-top: 10px; }

.edit_buttons {
  column-gap: 12px; }
  @media (max-width: 1399px) {
    .edit_buttons {
      column-gap: 8px; } }

.for_buttons {
  width: 100%;
  margin-top: 24px; }
  @media (max-width: 1799px) {
    .for_buttons {
      margin-top: 22px; } }
  @media (max-width: 1599px) {
    .for_buttons {
      margin-top: 20px; } }
  @media (max-width: 1399px) {
    .for_buttons {
      margin-top: 18px; } }
  @media (max-width: 1199px) {
    .for_buttons {
      margin-top: 16px; } }
  @media (max-width: 999px) {
    .for_buttons {
      margin-top: 14px; } }
  @media (max-width: 799px) {
    .for_buttons {
      margin-top: 12px; } }
  @media (max-width: 599px) {
    .for_buttons {
      margin-top: 11px; } }
  @media (max-width: 399px) {
    .for_buttons {
      margin-top: 10px; } }
  @media (max-width: 399px) {
    .for_buttons {
      grid-row-gap: 8px;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .for_buttons * {
    margin-top: 0; }
  .for_buttons .buttons_block {
    width: auto;
    margin-top: 0; }
    @media (max-width: 399px) {
      .for_buttons .buttons_block {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  @media (max-width: 399px) {
    .for_buttons .edit_buttons button {
      margin-top: 0; } }
  .for_buttons.switch_tabs {
    margin-top: 0; }

.buttons_block {
  width: 100%;
  column-gap: 24px;
  margin-top: 24px; }
  @media (max-width: 1799px) {
    .buttons_block {
      margin-top: 22px; } }
  @media (max-width: 1599px) {
    .buttons_block {
      margin-top: 20px; } }
  @media (max-width: 1399px) {
    .buttons_block {
      margin-top: 18px; } }
  @media (max-width: 1199px) {
    .buttons_block {
      margin-top: 16px; } }
  @media (max-width: 999px) {
    .buttons_block {
      margin-top: 14px; } }
  @media (max-width: 799px) {
    .buttons_block {
      margin-top: 12px; } }
  @media (max-width: 599px) {
    .buttons_block {
      margin-top: 11px; } }
  @media (max-width: 399px) {
    .buttons_block {
      margin-top: 10px; } }
  @media (max-width: 399px) {
    .buttons_block {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .buttons_block * {
    margin-top: 0; }
  .buttons_block .all_btn {
    margin-top: 0; }

.full_btn {
  width: 100%; }

.table_btn {
  position: relative; }

.edit, .edit_task, .edit_report {
  background: url("../img/edit.svg") no-repeat center/contain; }

.message_read {
  background: url("../img/read.svg") no-repeat center/contain; }

.duplicate, .duplicate_task {
  background: url("../img/duplicate.svg") no-repeat center/contain; }

.report {
  background: url("../img/report.svg") no-repeat center/contain; }

.add {
  background: url("../img/add.svg") no-repeat center/contain; }

.assign {
  background: url("../img/assign.svg") no-repeat center/contain; }

.load {
  background: url("../img/template.svg") no-repeat center/contain; }

.check_all {
  background: url("../img/check_all.svg") no-repeat center/contain;
  margin-right: 40px; }

.productive {
  border: 1px solid #F8F8FA;
  border-radius: 2px;
  background: #ffffff url("../img/productive.png") no-repeat center/14px; }
  .productive.action_chk {
    background: #55a072 url("../img/productive_chk.png") no-repeat center/14px;
    border-color: #55a072; }

.unproductive {
  border: 1px solid #F8F8FA;
  border-radius: 2px;
  background: #ffffff url("../img/unproductive.png") no-repeat center/14px; }
  .unproductive.action_chk {
    background: #DD5D28 url("../img/unproductive_chk.png") no-repeat center/14px;
    border-color: #DD5D28; }

.undefined {
  border: 1px solid #F8F8FA;
  border-radius: 2px;
  background: #ffffff url("../img/undefined.png") no-repeat center/14px; }
  .undefined.action_chk {
    background: url("../img/undefined_chk.png") no-repeat center/14px; }

.edit:after,
.assign:after,
.edit_task:after,
.edit_report:after,
.delete:not(.cancel):after,
.restore:after,
.delete_schedule:after,
.table_btn.bulk_delete:after,
.message_read:after,
.duplicate:after,
.duplicate_task:after,
.report:after,
.table_btn.productive:after,
.table_btn.unproductive:after,
.table_btn.undefined:after,
.modal_roll:after,
.load:after,
.check_all:after,
.reset_filter:after,
.add:after {
  content: attr(data-hover); }

.productivity .action_chk {
  cursor: default; }

.table_btn:after,
.modal_roll:after {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  bottom: -6px;
  padding: 5px 8px;
  right: 0; }

.select_cancel:after {
  content: attr(data-info);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  padding: 5px 8px;
  right: 100%; }

.select_cancel:before {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  top: 50%;
  left: -13px; }

.delete:not(.cancel), .bulk_delete, .delete_schedule {
  background: url("../img/delete.svg") no-repeat center/contain; }

.restore {
  background: url("../img/restore.svg") no-repeat center/contain; }

.bulk_btn {
  display: none;
  padding-left: 28px;
  color: #7686B7;
  font-weight: 700; }
  .bulk_btn span {
    font-weight: 700; }
  .bulk_btn:hover {
    color: #1c4e87; }

.bulk_edit {
  background: url("../img/edit.svg") no-repeat left center/contain; }

.bulk_assign {
  background: url("../img/assign.svg") no-repeat left center/contain; }

.delete_several, .bulk_btn.bulk_delete {
  background: url("../img/delete.svg") no-repeat left center/contain; }

.green_btn {
  background: #1d985d;
  position: relative; }
  .green_btn:hover {
    background: #1c7b4e; }

.smart_close {
  display: none; }
  @media (max-width: 599px) {
    .smart_close {
      display: block; } }

.deactivate_btn {
  background: url("../img/warn.svg") no-repeat center/contain;
  margin-right: 12px;
  cursor: pointer;
  display: none; }
  .deactivate_btn:after {
    content: attr(data-description);
    width: 205px;
    white-space: pre-wrap; }
    @media (max-width: 399px) {
      .deactivate_btn:after {
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%); } }

form p[data-info]:before {
  -webkit-filter: none;
  filter: none;
  content: attr(data-info);
  bottom: calc(100% + 10px);
  color: #8d8d8d;
  right: 0; }
form .show_psw,
form .show_warning {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 50%;
  opacity: .5; }
  @media (max-width: 399px) {
    form .show_psw,
    form .show_warning {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      top: inherit;
      bottom: 8px; } }
form .show_psw {
  background: url("../img/visibility.png") no-repeat center/contain; }
form .show_warning {
  opacity: 1;
  cursor: default;
  z-index: 100;
  background: url("../img/warn.svg") no-repeat center/contain; }
form .show_warning[data-info]:before {
  bottom: -6px; }
form .show_warning[data-info]:after {
  content: attr(data-info);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  bottom: -6px;
  right: 0;
  width: 184px;
  padding: 5px 8px;
  white-space: normal; }
form .visible_psw {
  background-image: url("../img/eye.png"); }
form .show_psw:hover {
  opacity: 1; }

.change_amount_form {
  width: 400px; }
  @media (max-width: 399px) {
    .change_amount_form {
      width: calc(95vw - 30px);
      max-width: 400px; } }

.table_chk {
  position: relative;
  width: 16px;
  height: 16px;
  display: block;
  column-gap: 0; }

.input_warning {
  color: #8d8d8d; }
  .input_warning .href {
    font-size: inherit; }
  .input_warning.failed {
    color: #f02849; }

.disabled {
  color: #8d8d8d;
  cursor: default !important;
  pointer-events: none;
  opacity: .6; }
  .disabled .input_row, .disabled p {
    color: #8d8d8d;
    cursor: default; }

label {
  column-gap: 12px;
  position: relative;
  cursor: pointer;
  max-width: 100%; }
  @media (max-width: 1799px) {
    label {
      column-gap: 12px; } }
  @media (max-width: 1599px) {
    label {
      column-gap: 10px; } }
  @media (max-width: 1399px) {
    label {
      column-gap: 10px; } }
  @media (max-width: 1199px) {
    label {
      column-gap: 10px; } }
  @media (max-width: 999px) {
    label {
      column-gap: 10px; } }
  @media (max-width: 799px) {
    label {
      column-gap: 8px; } }
  @media (max-width: 599px) {
    label {
      column-gap: 8px; } }
  @media (max-width: 399px) {
    label {
      column-gap: 8px; } }
  label:focus-within .input_placeholder {
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }

.label_span {
  width: calc(100% - 36px); }
  @media (max-width: 399px) {
    .label_span {
      width: calc(100% - 28px); } }

@media (max-width: 799px) {
  .smart_label_span {
    width: calc(100% - 28px); } }

.input_row {
  position: relative; }

.select_input {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 36px; }
  @media (max-width: 399px) {
    .select_input {
      background-size: 10px;
      background-position: center right 10px;
      padding-right: 24px; } }

textarea.input {
  width: 100%;
  height: 100px;
  resize: none; }

.input {
  width: 100%;
  border: 1px solid #E0E2E4;
  padding: 10px 12px;
  max-width: 100%;
  text-overflow: ellipsis; }
  @media (max-width: 1599px) {
    .input {
      padding: 8px 10px; } }

.input[readonly]:not([copy-link]) {
  cursor: pointer; }

.field_error {
  font-size: 10px;
  line-height: 1em;
  font-weight: 700;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #f02849;
  padding: 2px 4px; }

.input.invalid {
  border-color: #d73735; }

.input:disabled {
  background-color: #f5f5f5;
  color: #E0E2E4;
  cursor: default; }

.input::-webkit-input-placeholder {
  color: #8d8d8d; }

.input::-moz-placeholder {
  color: #8d8d8d; }

.input:-ms-input-placeholder {
  color: #8d8d8d; }

.input:-moz-placeholder {
  color: #8d8d8d; }

.input::placeholder {
  color: #8d8d8d; }

.input_off:disabled {
  background: #ffffff;
  padding-left: 0;
  color: #000;
  cursor: default;
  border-color: transparent; }

.select {
  display: inline-block;
  position: relative;
  max-width: 100%; }
  @media (max-width: 399px) {
    .select {
      width: 100%; } }

.select_arrow, .date_arrow {
  background: url("../img/arrow_down_gray.svg") no-repeat center/14px;
  position: absolute;
  z-index: 498;
  right: 0;
  top: 0;
  bottom: 0;
  width: 36px;
  cursor: pointer; }
  @media (max-width: 1399px) {
    .select_arrow, .date_arrow {
      background-size: 12px; } }
  @media (max-width: 399px) {
    .select_arrow, .date_arrow {
      background-size: 10px; } }

.select_cancel {
  position: absolute;
  left: -12px;
  width: 20px;
  height: 20px;
  background: #ffffff url("../img/reset.svg") center/10px;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  top: 50%;
  bottom: 1px;
  right: 1px;
  cursor: pointer; }
  .select_cancel:after {
    right: calc(100% + 6px); }
  @media (max-width: 599px) {
    .select_cancel {
      left: inherit;
      right: 0;
      top: -7px;
      -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      transform: translate(0, -100%); } }

.select_arrow.load {
  background-image: url("../img/loader_small.svg"); }

.date_arrow {
  background: url("../img/date.svg") no-repeat center/24px;
  right: 6px;
  cursor: pointer; }
  @media (max-width: 1599px) {
    .date_arrow {
      background-size: 22px;
      right: 4px; } }
  @media (max-width: 1399px) {
    .date_arrow {
      background-size: 20px;
      right: 2px; } }
  @media (max-width: 999px) {
    .date_arrow {
      background-size: 18px;
      right: 0; } }

.empty_search {
  padding: 10px 16px;
  color: #8d8d8d; }

option:checked {
  background: #f5f5f5; }

.select .drop_menu,
.drop_menu.drop_show {
  width: 100%;
  border: 1px solid #E0E2E4;
  border-top: none;
  margin-top: -1px; }
  .select .drop_menu ul,
  .drop_menu.drop_show ul {
    max-height: 200px;
    overflow-y: auto; }
    @media (max-width: 1399px) {
      .select .drop_menu ul,
      .drop_menu.drop_show ul {
        max-height: 142px; } }
  .select .drop_menu li,
  .drop_menu.drop_show li {
    padding: 10px 16px;
    overflow: hidden; }
    @media (max-width: 1599px) {
      .select .drop_menu li,
      .drop_menu.drop_show li {
        padding: 8px 12px; } }

option p {
  padding: 10px 16px; }

.drop_menu li {
  cursor: pointer; }

.drop_menu li:hover {
  background: #f5f5f5; }

.modal_wrap .select .drop_menu {
  padding: 0; }
  .modal_wrap .select .drop_menu ul {
    max-height: 200px; }

.select_inp.position_load {
  background-image: none; }

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

input[type="search"]:focus::-webkit-search-cancel-button {
  background: none; }

.range[type=range] {
  width: 156px;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background: #7686B7;
  border-radius: 0;
  height: 4px;
  vertical-align: middle; }
  .range[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #7686B7;
    cursor: pointer;
    background: #ffffff; }
  .range[type=range]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border: 2px solid #7686B7;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer; }

.radio_block {
  grid-gap: 16px; }
  @media (max-width: 1799px) {
    .radio_block {
      grid-gap: 14px; } }
  @media (max-width: 1599px) {
    .radio_block {
      grid-gap: 10px; } }
  @media (max-width: 1399px) {
    .radio_block {
      grid-gap: 10px; } }
  @media (max-width: 1199px) {
    .radio_block {
      grid-gap: 10px; } }
  @media (max-width: 999px) {
    .radio_block {
      grid-gap: 10px; } }
  @media (max-width: 799px) {
    .radio_block {
      grid-gap: 8px; } }
  @media (max-width: 599px) {
    .radio_block {
      grid-gap: 8px; } }
  @media (max-width: 399px) {
    .radio_block {
      grid-gap: 8px; } }
  @media (max-width: 399px) {
    .radio_block .input_row {
      min-width: 120px; } }

.checkbox {
  width: 24px;
  height: 24px;
  visibility: hidden; }

.for_chk {
  position: relative; }

.for_chk::before {
  content: '';
  position: absolute;
  color: transparent;
  display: block;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  left: 0;
  top: 50%;
  right: 0;
  margin: 0;
  margin-right: 12px;
  border: 1px solid #8d8d8d;
  border-radius: 2px;
  background: #fff; }

.checkbox:hover + .for_chk::before {
  border-color: #2567b2; }

.checkbox:checked + .for_chk::before {
  background: #2567b2;
  border-color: #2567b2;
  color: #fff; }

.radio, .checkbox {
  visibility: hidden; }

.radio + .for_radio,
.checkbox + .for_chk,
.color + .for_color {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0; }

table .checkbox + .for_chk,
.top_chk.checkbox + .for_chk,
.for_top_chk .for_chk::before {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  top: 0; }

.for_chk, .for_color {
  width: 100%; }

.for_radio::before {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  top: 50%;
  border: 1px solid #7686B7;
  border-radius: 50%; }

.for_chk::before {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  top: 50%;
  right: 0;
  margin: 0;
  margin-right: 12px;
  border: 1px solid #8d8d8d;
  border-radius: 2px;
  background: #ffffff; }

.checkbox:checked + .for_chk::before {
  background: #7686B7 url("../img/chk.svg") no-repeat center/contain;
  border-color: #7686B7; }

.checkbox:hover + .for_chk::before {
  border-color: #7686B7; }

.checkbox:disabled + .for_chk::before,
.radio:disabled + .for_radio::after {
  background: #f5f5f5;
  border-color: #E0E2E4;
  cursor: default; }

.checkbox:disabled + .for_chk::after,
.radio:disabled + .for_radio::before {
  border-color: #E0E2E4; }

.for_radio::after {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 50%;
  left: 5px; }
  @media (max-width: 1599px) {
    .for_radio::after {
      width: 12px;
      height: 12px;
      left: 4px; } }

.radio:checked + .for_radio::after {
  background: #7686B7; }

.radio:disabled:checked + .for_radio::after {
  background: #E0E2E4; }

.checkbox:disabled:checked + .for_chk::before {
  background: #E0E2E4 url("../img/chk.svg") no-repeat center/contain;
  border-color: #E0E2E4; }

.color {
  width: 94px;
  height: 28px;
  visibility: hidden; }
  @media (max-width: 1599px) {
    .color {
      width: 84px;
      height: 26px; } }
  @media (max-width: 1399px) {
    .color {
      width: 74px;
      height: 24px; } }
  @media (max-width: 1199px) {
    .color {
      width: 58px;
      height: 22px; } }
  @media (max-width: 999px) {
    .color {
      width: 52px; } }
  @media (max-width: 799px) {
    .color {
      width: calc(100% / 8 - 35px / 8); } }

.for_color {
  cursor: pointer; }

.for_color:after {
  background: url("../img/edit.svg") no-repeat center/24px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  border: 1px solid #E0E2E4;
  border-radius: 3px;
  background-color: #ffffff;
  top: 50%;
  left: 50%; }
  @media (max-width: 399px) {
    .for_color:after {
      width: 12px;
      height: 12px;
      background-size: 10px; } }

table .checkbox, table .for_chk::before {
  margin: 0; }
table .checkbox:checked + .for_chk::before {
  background-size: 8px; }

.for_img {
  width: 100%;
  height: 212px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1599px) {
    .for_img {
      height: 180px; } }
  @media (max-width: 1399px) {
    .for_img {
      height: 156px; } }
  @media (max-width: 1199px) {
    .for_img {
      height: 146px; } }
  @media (max-width: 999px) {
    .for_img {
      height: 144px; } }
  @media (max-width: 799px) {
    .for_img {
      height: 138px; } }
  @media (max-width: 599px) {
    .for_img {
      height: 144px; } }
  @media (max-width: 399px) {
    .for_img {
      height: 144px; } }

.logo_img {
  width: 50px;
  height: 50px; }
  @media (max-width: 1599px) {
    .logo_img {
      width: 42px;
      height: 42px; } }
  @media (max-width: 1399px) {
    .logo_img {
      width: 38px;
      height: 38px; } }
  @media (max-width: 999px) {
    .logo_img {
      width: 36px;
      height: 36px; } }

.full_img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #E0E2E4;
  z-index: 10;
  background: url("../img/profile_img.png");
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }

.for_img:hover span {
  width: 20px;
  height: 20px; }

.del_img {
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 2px;
  display: block;
  top: 0;
  right: 0;
  z-index: 25;
  cursor: pointer;
  background: #DD5D28 url("../img/close.svg") no-repeat center/contain; }

.img_inp {
  position: relative;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 15; }

[data-save]:after {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: attr(data-save);
  left: calc(100% + 12px);
  top: 50%;
  color: #ffffff;
  padding: 1px 8px;
  text-align: center;
  border-radius: 2px;
  background: #AAADB1;
  font-weight: 400;
  white-space: nowrap; }
  @media (max-width: 399px) {
    [data-save]:after {
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
      top: 4px;
      left: 25px; } }

.flex_label {
  flex: 1; }
  @media (max-width: 399px) {
    .flex_label {
      flex: auto; } }

.tiny_label {
  width: 110px; }
  @media (max-width: 799px) {
    .tiny_label {
      width: 160px; } }

.company_label {
  width: calc(410px - 50px - 12px); }
  @media (max-width: 1799px) {
    .company_label {
      width: calc(350px - 50px - 12px); } }
  @media (max-width: 1599px) {
    .company_label {
      width: calc(350px - 42px - 12px); } }
  @media (max-width: 1399px) {
    .company_label {
      width: calc(320px - 38px - 12px); } }
  @media (max-width: 999px) {
    .company_label {
      width: calc(320px - 36px - 12px); } }
  @media (max-width: 799px) {
    .company_label {
      width: calc(100% - 36px - 12px); } }

@media (max-width: 1399px) {
  .show_qs .company_label {
    width: calc(100% - 38px - 12px); } }
@media (max-width: 999px) {
  .show_qs .company_label {
    width: calc(100% - 36px - 12px); } }

.schedule_label {
  width: 220px; }
  @media (max-width: 999px) {
    .schedule_label {
      width: 180px; } }

.task_label {
  width: 100px; }
  @media (max-width: 999px) {
    .task_label {
      width: 86px; } }

.full_label {
  width: 100%; }

@media (max-width: 399px) {
  .row_label {
    width: 92px; } }

.input_placeholder {
  position: absolute;
  color: #979797;
  top: 50%;
  left: 12px;
  z-index: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .input_placeholder.filled {
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }

.table_block {
  width: 100%;
  position: relative;
  overflow-x: auto;
  overflow-y: visible !important;
  text-align: center; }
  .table_block .table_load {
    width: 80px;
    margin-top: 15vh; }

.table_buttons {
  width: 40px; }

.table_checkbox {
  width: 32px; }

table {
  width: 100%;
  text-align: left; }
  table th, table td {
    padding: 8px;
    position: relative; }
    table th .href, table td .href {
      font-size: inherit;
      line-height: inherit; }
    @media (max-width: 1599px) {
      table th, table td {
        padding: 6px; } }
    table th *, table td * {
      font-size: inherit; }
  table th {
    font-weight: 700; }
  table .checkbox, table .for_chk::before {
    width: 100%;
    height: 100%; }
  table thead th {
    background: #f5f5f5; }

th.empty_row h3.empty {
  padding: 12px 0; }

tfoot th {
  background: #ffffff !important;
  border-bottom: none !important; }
  tfoot th span {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit; }

.payment_table,
.status_table {
  min-width: 546px;
  margin-bottom: 10px; }
  .payment_table th, .payment_table td,
  .status_table th,
  .status_table td {
    border: 1px solid #e8e8e8; }
  .payment_table tr,
  .status_table tr {
    cursor: default; }

.payment-content .payment_table tr th {
  width: 20%; }

.list_table {
  margin-top: 24px;
  min-width: 546px; }
  @media (max-width: 1799px) {
    .list_table {
      margin-top: 22px; } }
  @media (max-width: 1599px) {
    .list_table {
      margin-top: 20px; } }
  @media (max-width: 1399px) {
    .list_table {
      margin-top: 18px; } }
  @media (max-width: 1199px) {
    .list_table {
      margin-top: 16px; } }
  @media (max-width: 999px) {
    .list_table {
      margin-top: 14px; } }
  @media (max-width: 799px) {
    .list_table {
      margin-top: 12px; } }
  @media (max-width: 599px) {
    .list_table {
      margin-top: 11px; } }
  @media (max-width: 399px) {
    .list_table {
      margin-top: 10px; } }
  @media (max-width: 1599px) {
    .list_table {
      margin-bottom: 6px; } }
  @media (max-width: 1399px) {
    .list_table {
      margin-bottom: 7px; } }
  @media (max-width: 999px) {
    .list_table {
      margin-bottom: 9px; } }
  .list_table tr:first-child td {
    border-top: 1px solid #e8e8e8; }
  .list_table tr td:first-child {
    width: 28px; }
  .list_table td {
    border-bottom: 1px solid #e8e8e8;
    padding: 24px 16px; }
    @media (max-width: 1599px) {
      .list_table td {
        padding: 18px 12px; } }
    @media (max-width: 1399px) {
      .list_table td {
        padding: 14px 12px; } }
    @media (max-width: 999px) {
      .list_table td {
        padding: 12px 10px; } }
    @media (max-width: 799px) {
      .list_table td {
        padding: 10px 8px; } }
    @media (max-width: 599px) {
      .list_table td {
        padding: 8px; } }
  .list_table .table_p {
    color: #8d8d8d;
    max-width: 260px; }

.grid_table th, .grid_table td, .data_table th, .data_table td, .modal_table th, .modal_table td {
  border-bottom: 1px solid #e8e8e8;
  padding: 9px 8px 10px; }
  @media (max-width: 1399px) {
    .grid_table th, .grid_table td, .data_table th, .data_table td, .modal_table th, .modal_table td {
      padding: 8px 6px 9px; } }
.grid_table tr.checked td, .data_table tr.checked td, .modal_table tr.checked td {
  background: #f5f5f5; }
.grid_table tr:hover td, .data_table tr:hover td, .modal_table tr:hover td {
  background: rgba(136, 180, 231, 0.2); }
.grid_table tr.duplicate_row td, .data_table tr.duplicate_row td, .modal_table tr.duplicate_row td {
  background: rgba(136, 180, 231, 0.2); }
.grid_table tr:hover .checkbox + .for_chk::before, .data_table tr:hover .checkbox + .for_chk::before, .modal_table tr:hover .checkbox + .for_chk::before {
  border-color: #7686B7; }

.grid_table, .data_table {
  margin-top: 24px;
  min-width: 644px; }
  @media (max-width: 1799px) {
    .grid_table, .data_table {
      margin-top: 22px; } }
  @media (max-width: 1599px) {
    .grid_table, .data_table {
      margin-top: 20px; } }
  @media (max-width: 1399px) {
    .grid_table, .data_table {
      margin-top: 18px; } }
  @media (max-width: 1199px) {
    .grid_table, .data_table {
      margin-top: 16px; } }
  @media (max-width: 999px) {
    .grid_table, .data_table {
      margin-top: 14px; } }
  @media (max-width: 799px) {
    .grid_table, .data_table {
      margin-top: 12px; } }
  @media (max-width: 599px) {
    .grid_table, .data_table {
      margin-top: 11px; } }
  @media (max-width: 399px) {
    .grid_table, .data_table {
      margin-top: 10px; } }
  .grid_table .table_p, .data_table .table_p {
    max-width: 221px; }

.modal_table {
  margin-top: 12px; }

.tags_table {
  min-width: inherit; }

.notification_table {
  margin-top: 24px;
  min-width: 288px;
  border-bottom: 1px solid #e8e8e8;
  margin-top: 12px;
  margin-bottom: 28px; }
  @media (max-width: 1799px) {
    .notification_table {
      margin-top: 22px; } }
  @media (max-width: 1599px) {
    .notification_table {
      margin-top: 20px; } }
  @media (max-width: 1399px) {
    .notification_table {
      margin-top: 18px; } }
  @media (max-width: 1199px) {
    .notification_table {
      margin-top: 16px; } }
  @media (max-width: 999px) {
    .notification_table {
      margin-top: 14px; } }
  @media (max-width: 799px) {
    .notification_table {
      margin-top: 12px; } }
  @media (max-width: 599px) {
    .notification_table {
      margin-top: 11px; } }
  @media (max-width: 399px) {
    .notification_table {
      margin-top: 10px; } }
  .notification_table td {
    border-top: 1px solid #e8e8e8;
    padding: 18px 8px; }
    @media (max-width: 1399px) {
      .notification_table td {
        padding: 12px 6px; } }
  .notification_table tr:nth-child(even) {
    display: none; }
    .notification_table tr:nth-child(even) td {
      border-top: 0;
      padding-top: 0; }
  .notification_table tr:nth-child(odd) td {
    color: #000; }
  .notification_table tr td:nth-child(3) {
    width: 120px; }
    @media (max-width: 999px) {
      .notification_table tr td:nth-child(3) {
        width: 80px; } }
  .notification_table .table_checkbox {
    width: 28px; }
  .notification_table .show_message {
    width: 16px;
    line-height: 14px;
    border: 1px solid #E0E2E4;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    font-size: 14px; }
  .notification_table .message_block {
    white-space: pre-wrap;
    color: #213F50; }
    .notification_table .message_block a {
      color: #7686B7;
      font-size: inherit; }
      .notification_table .message_block a:hover {
        text-decoration: underline;
        color: #1c4e87; }
  .notification_table .unread_message td {
    font-weight: 700; }
  .notification_table .unread_message .message_read {
    background: url("../img/unread.svg") no-repeat center/contain; }

.sort_th,
.data_sort_th {
  font-weight: 700;
  font-size: inherit;
  cursor: pointer;
  flex: 1; }

.sort_block {
  margin-left: 12px; }

.sort_btn {
  width: 18px;
  height: 18px;
  position: relative;
  display: block;
  cursor: pointer; }
  .sort_btn.disabled {
    background: url("../img/sort_load.svg") no-repeat center/contain !important; }
  .sort_btn.asc, .sort_btn.desc {
    background: url("../img/down_arrow.png") no-repeat center/contain; }
  .sort_btn.asc {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.sh_block {
  position: relative;
  margin-bottom: 10px; }
  .sh_block:before {
    bottom: -10px;
    right: 0;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABgSURBVHgBjZHLEcAgCERdK0kpUnnoJHRCxIkXAoxcdHZ5fAYQ0dNmqCoxs7QixhgXgNv+/dOWYMYBtHK6dZqvVLCDxBhkxh4781BVNT0riGqkvb+HfmAAtwgKQQenZ3oBxTdT8fSajpAAAAAASUVORK5CYII=") no-repeat center/contain; }
  .sh_block.show_block .sh_bl {
    display: none; }
  .sh_block.hide_block:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .sh_block.hide_block .sh_bl {
    display: block; }

.flex_start,
.flex_between,
.flex_end {
  grid-gap: 12px;
  position: relative; }
  @media (max-width: 1799px) {
    .flex_start,
    .flex_between,
    .flex_end {
      grid-gap: 12px; } }
  @media (max-width: 1599px) {
    .flex_start,
    .flex_between,
    .flex_end {
      grid-gap: 10px; } }
  @media (max-width: 1399px) {
    .flex_start,
    .flex_between,
    .flex_end {
      grid-gap: 10px; } }
  @media (max-width: 1199px) {
    .flex_start,
    .flex_between,
    .flex_end {
      grid-gap: 10px; } }
  @media (max-width: 999px) {
    .flex_start,
    .flex_between,
    .flex_end {
      grid-gap: 10px; } }
  @media (max-width: 799px) {
    .flex_start,
    .flex_between,
    .flex_end {
      grid-gap: 8px; } }
  @media (max-width: 599px) {
    .flex_start,
    .flex_between,
    .flex_end {
      grid-gap: 8px; } }
  @media (max-width: 399px) {
    .flex_start,
    .flex_between,
    .flex_end {
      grid-gap: 8px; } }

.no_gap {
  grid-gap: 0 !important; }

.col_gap32 {
  grid-gap: 32px; }
  @media (max-width: 1799px) {
    .col_gap32 {
      grid-gap: 30px; } }
  @media (max-width: 1599px) {
    .col_gap32 {
      grid-gap: 28px; } }
  @media (max-width: 1399px) {
    .col_gap32 {
      grid-gap: 20px; } }
  @media (max-width: 1199px) {
    .col_gap32 {
      grid-gap: 18px; } }
  @media (max-width: 999px) {
    .col_gap32 {
      grid-gap: 16px; } }
  @media (max-width: 799px) {
    .col_gap32 {
      grid-gap: 14px; } }
  @media (max-width: 599px) {
    .col_gap32 {
      grid-gap: 12px; } }
  @media (max-width: 399px) {
    .col_gap32 {
      grid-gap: 10px; } }

.row_gap32 {
  column-gap: 32px; }
  @media (max-width: 1799px) {
    .row_gap32 {
      column-gap: 30px; } }
  @media (max-width: 1599px) {
    .row_gap32 {
      column-gap: 28px; } }
  @media (max-width: 1399px) {
    .row_gap32 {
      column-gap: 20px; } }
  @media (max-width: 1199px) {
    .row_gap32 {
      column-gap: 18px; } }
  @media (max-width: 999px) {
    .row_gap32 {
      column-gap: 16px; } }
  @media (max-width: 799px) {
    .row_gap32 {
      column-gap: 14px; } }
  @media (max-width: 599px) {
    .row_gap32 {
      column-gap: 12px; } }
  @media (max-width: 399px) {
    .row_gap32 {
      column-gap: 10px; } }

.col_gap24 {
  grid-gap: 24px; }
  @media (max-width: 1799px) {
    .col_gap24 {
      grid-gap: 22px; } }
  @media (max-width: 1599px) {
    .col_gap24 {
      grid-gap: 20px; } }
  @media (max-width: 1399px) {
    .col_gap24 {
      grid-gap: 18px; } }
  @media (max-width: 1199px) {
    .col_gap24 {
      grid-gap: 16px; } }
  @media (max-width: 999px) {
    .col_gap24 {
      grid-gap: 14px; } }
  @media (max-width: 799px) {
    .col_gap24 {
      grid-gap: 12px; } }
  @media (max-width: 599px) {
    .col_gap24 {
      grid-gap: 11px; } }
  @media (max-width: 399px) {
    .col_gap24 {
      grid-gap: 10px; } }

.col_gap16 {
  grid-gap: 16px; }
  @media (max-width: 1799px) {
    .col_gap16 {
      grid-gap: 14px; } }
  @media (max-width: 1599px) {
    .col_gap16 {
      grid-gap: 10px; } }
  @media (max-width: 1399px) {
    .col_gap16 {
      grid-gap: 10px; } }
  @media (max-width: 1199px) {
    .col_gap16 {
      grid-gap: 10px; } }
  @media (max-width: 999px) {
    .col_gap16 {
      grid-gap: 10px; } }
  @media (max-width: 799px) {
    .col_gap16 {
      grid-gap: 8px; } }
  @media (max-width: 599px) {
    .col_gap16 {
      grid-gap: 8px; } }
  @media (max-width: 399px) {
    .col_gap16 {
      grid-gap: 8px; } }

.col_gap12 {
  grid-gap: 12px; }
  @media (max-width: 1799px) {
    .col_gap12 {
      grid-gap: 12px; } }
  @media (max-width: 1599px) {
    .col_gap12 {
      grid-gap: 10px; } }
  @media (max-width: 1399px) {
    .col_gap12 {
      grid-gap: 10px; } }
  @media (max-width: 1199px) {
    .col_gap12 {
      grid-gap: 10px; } }
  @media (max-width: 999px) {
    .col_gap12 {
      grid-gap: 10px; } }
  @media (max-width: 799px) {
    .col_gap12 {
      grid-gap: 8px; } }
  @media (max-width: 599px) {
    .col_gap12 {
      grid-gap: 8px; } }
  @media (max-width: 399px) {
    .col_gap12 {
      grid-gap: 8px; } }

.col_gap8 {
  grid-gap: 8px; }

.large_margin_bottom {
  margin-bottom: 32px; }
  @media (max-width: 1799px) {
    .large_margin_bottom {
      margin-bottom: 30px; } }
  @media (max-width: 1599px) {
    .large_margin_bottom {
      margin-bottom: 28px; } }
  @media (max-width: 1399px) {
    .large_margin_bottom {
      margin-bottom: 20px; } }
  @media (max-width: 1199px) {
    .large_margin_bottom {
      margin-bottom: 18px; } }
  @media (max-width: 999px) {
    .large_margin_bottom {
      margin-bottom: 16px; } }
  @media (max-width: 799px) {
    .large_margin_bottom {
      margin-bottom: 14px; } }
  @media (max-width: 599px) {
    .large_margin_bottom {
      margin-bottom: 12px; } }
  @media (max-width: 399px) {
    .large_margin_bottom {
      margin-bottom: 10px; } }
  @media (max-width: 399px) {
    .large_margin_bottom {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.medium_margin_bottom {
  margin-bottom: 24px; }
  @media (max-width: 1799px) {
    .medium_margin_bottom {
      margin-bottom: 22px; } }
  @media (max-width: 1599px) {
    .medium_margin_bottom {
      margin-bottom: 20px; } }
  @media (max-width: 1399px) {
    .medium_margin_bottom {
      margin-bottom: 18px; } }
  @media (max-width: 1199px) {
    .medium_margin_bottom {
      margin-bottom: 16px; } }
  @media (max-width: 999px) {
    .medium_margin_bottom {
      margin-bottom: 14px; } }
  @media (max-width: 799px) {
    .medium_margin_bottom {
      margin-bottom: 12px; } }
  @media (max-width: 599px) {
    .medium_margin_bottom {
      margin-bottom: 11px; } }
  @media (max-width: 399px) {
    .medium_margin_bottom {
      margin-bottom: 10px; } }
  @media (max-width: 399px) {
    .medium_margin_bottom {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.margin_bottom {
  margin-bottom: 16px; }
  @media (max-width: 1799px) {
    .margin_bottom {
      margin-bottom: 14px; } }
  @media (max-width: 1599px) {
    .margin_bottom {
      margin-bottom: 10px; } }
  @media (max-width: 1399px) {
    .margin_bottom {
      margin-bottom: 10px; } }
  @media (max-width: 1199px) {
    .margin_bottom {
      margin-bottom: 10px; } }
  @media (max-width: 999px) {
    .margin_bottom {
      margin-bottom: 10px; } }
  @media (max-width: 799px) {
    .margin_bottom {
      margin-bottom: 8px; } }
  @media (max-width: 599px) {
    .margin_bottom {
      margin-bottom: 8px; } }
  @media (max-width: 399px) {
    .margin_bottom {
      margin-bottom: 8px; } }
  @media (max-width: 399px) {
    .margin_bottom {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.small_margin_bottom {
  margin-bottom: 8px; }

.margin_top {
  margin-top: 32px; }
  @media (max-width: 1799px) {
    .margin_top {
      margin-top: 30px; } }
  @media (max-width: 1599px) {
    .margin_top {
      margin-top: 28px; } }
  @media (max-width: 1399px) {
    .margin_top {
      margin-top: 20px; } }
  @media (max-width: 1199px) {
    .margin_top {
      margin-top: 18px; } }
  @media (max-width: 999px) {
    .margin_top {
      margin-top: 16px; } }
  @media (max-width: 799px) {
    .margin_top {
      margin-top: 14px; } }
  @media (max-width: 599px) {
    .margin_top {
      margin-top: 12px; } }
  @media (max-width: 399px) {
    .margin_top {
      margin-top: 10px; } }

.no_margin {
  margin: 0 !important; }

.padding_right {
  padding-right: 12px; }
  @media (max-width: 399px) {
    .padding_right {
      padding-right: 8px; } }

.padding_bottom {
  padding-bottom: 12px; }
  @media (max-width: 1799px) {
    .padding_bottom {
      padding-bottom: 12px; } }
  @media (max-width: 1599px) {
    .padding_bottom {
      padding-bottom: 10px; } }
  @media (max-width: 1399px) {
    .padding_bottom {
      padding-bottom: 10px; } }
  @media (max-width: 1199px) {
    .padding_bottom {
      padding-bottom: 10px; } }
  @media (max-width: 999px) {
    .padding_bottom {
      padding-bottom: 10px; } }
  @media (max-width: 799px) {
    .padding_bottom {
      padding-bottom: 8px; } }
  @media (max-width: 599px) {
    .padding_bottom {
      padding-bottom: 8px; } }
  @media (max-width: 399px) {
    .padding_bottom {
      padding-bottom: 8px; } }

.padding_top {
  padding-top: 12px; }
  @media (max-width: 399px) {
    .padding_top {
      padding-top: 8px; } }

.small_padding_top {
  padding-top: 8px; }
  @media (max-width: 399px) {
    .small_padding_top {
      padding-top: 0; } }

@media (max-width: 399px) {
  label.compact_label {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }
label.compact_label .inp[type="number"] {
  z-index: 10;
  position: relative; }

.work_time_label {
  margin-right: 24px; }
  .work_time_label p {
    margin-right: 16px; }

[data-timezone_format]:not(td) {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit; }

.image_modal,
.modal_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none;
  overflow: hidden; }
  .image_modal.modal_show,
  .modal_wrap.modal_show {
    display: block; }

.image_modal .modal {
  background: transparent;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .image_modal .modal img {
    width: auto;
    height: auto;
    max-width: 95%;
    max-height: 95%; }

.modal {
  padding: 30px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  background: #ffffff; }
  @media (max-width: 1799px) {
    .modal {
      padding: 30px; } }
  @media (max-width: 1599px) {
    .modal {
      padding: 20px; } }
  @media (max-width: 1399px) {
    .modal {
      padding: 15px; } }
  @media (max-width: 1199px) {
    .modal {
      padding: 15px; } }
  @media (max-width: 999px) {
    .modal {
      padding: 15px; } }
  @media (max-width: 799px) {
    .modal {
      padding: 10px; } }
  @media (max-width: 599px) {
    .modal {
      padding: 10px; } }
  @media (max-width: 399px) {
    .modal {
      padding: 10px; } }
  .modal.resize_modal {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 50px; }
  .modal .warning_header {
    margin-bottom: 16px; }
    @media (max-width: 1799px) {
      .modal .warning_header {
        margin-bottom: 14px; } }
    @media (max-width: 1599px) {
      .modal .warning_header {
        margin-bottom: 10px; } }
    @media (max-width: 1399px) {
      .modal .warning_header {
        margin-bottom: 10px; } }
    @media (max-width: 1199px) {
      .modal .warning_header {
        margin-bottom: 10px; } }
    @media (max-width: 999px) {
      .modal .warning_header {
        margin-bottom: 10px; } }
    @media (max-width: 799px) {
      .modal .warning_header {
        margin-bottom: 8px; } }
    @media (max-width: 599px) {
      .modal .warning_header {
        margin-bottom: 8px; } }
    @media (max-width: 399px) {
      .modal .warning_header {
        margin-bottom: 8px; } }
    .modal .warning_header h5 {
      margin-bottom: 0; }

.modal_scroll_block {
  overflow-y: auto;
  width: 100%; }

@media (max-width: 799px) {
  .modal_block {
    max-width: 450px; } }
.modal_block h4 {
  font-weight: 600;
  color: #213F50;
  margin-bottom: 16px;
  padding: 0; }
  @media (max-width: 1799px) {
    .modal_block h4 {
      margin-bottom: 14px; } }
  @media (max-width: 1599px) {
    .modal_block h4 {
      margin-bottom: 10px; } }
  @media (max-width: 1399px) {
    .modal_block h4 {
      margin-bottom: 10px; } }
  @media (max-width: 1199px) {
    .modal_block h4 {
      margin-bottom: 10px; } }
  @media (max-width: 999px) {
    .modal_block h4 {
      margin-bottom: 10px; } }
  @media (max-width: 799px) {
    .modal_block h4 {
      margin-bottom: 8px; } }
  @media (max-width: 599px) {
    .modal_block h4 {
      margin-bottom: 8px; } }
  @media (max-width: 399px) {
    .modal_block h4 {
      margin-bottom: 8px; } }

.modal_title {
  width: 100%;
  margin-bottom: 16px;
  font-weight: normal; }
  @media (max-width: 1799px) {
    .modal_title {
      margin-bottom: 14px; } }
  @media (max-width: 1599px) {
    .modal_title {
      margin-bottom: 10px; } }
  @media (max-width: 1399px) {
    .modal_title {
      margin-bottom: 10px; } }
  @media (max-width: 1199px) {
    .modal_title {
      margin-bottom: 10px; } }
  @media (max-width: 999px) {
    .modal_title {
      margin-bottom: 10px; } }
  @media (max-width: 799px) {
    .modal_title {
      margin-bottom: 8px; } }
  @media (max-width: 599px) {
    .modal_title {
      margin-bottom: 8px; } }
  @media (max-width: 399px) {
    .modal_title {
      margin-bottom: 8px; } }

@media (max-width: 399px) {
  .confirm .modal_block,
  .download_error_form {
    max-width: 320px; } }

.close, .close_qs, .modal_roll {
  background: url("../img/close.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 10; }

.modal_roll {
  right: 30px; }
  .modal_roll.hide {
    background: url("../img/minus.svg") no-repeat center/18px; }
  .modal_roll.show {
    background: url("../img/full.svg") no-repeat center/20px; }

.modal_aside {
  width: 250px;
  padding: 17px 31px 17px 30px;
  background: #f5f5f5; }

.quick_start {
  display: none;
  background: #ffffff;
  position: fixed;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 9999;
  -webkit-filter: drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.16));
  top: 64px;
  padding: 24px; }
  @media (max-width: 1799px) {
    .quick_start {
      top: 64px; } }
  @media (max-width: 1599px) {
    .quick_start {
      top: 60px; } }
  @media (max-width: 1399px) {
    .quick_start {
      top: 54px; } }
  @media (max-width: 1199px) {
    .quick_start {
      top: 54px; } }
  @media (max-width: 999px) {
    .quick_start {
      top: 50px; } }
  @media (max-width: 799px) {
    .quick_start {
      top: 50px; } }
  @media (max-width: 599px) {
    .quick_start {
      top: 50px; } }
  @media (max-width: 399px) {
    .quick_start {
      top: 50px; } }
  @media (max-width: 1799px) {
    .quick_start {
      padding: 24px; } }
  @media (max-width: 1599px) {
    .quick_start {
      padding: 20px; } }
  @media (max-width: 1399px) {
    .quick_start {
      padding: 15px; } }
  @media (max-width: 1199px) {
    .quick_start {
      padding: 15px; } }
  @media (max-width: 999px) {
    .quick_start {
      padding: 15px; } }
  @media (max-width: 799px) {
    .quick_start {
      padding: 15px; } }
  @media (max-width: 599px) {
    .quick_start {
      padding: 15px; } }
  @media (max-width: 399px) {
    .quick_start {
      padding: 15px; } }
  .quick_start .close_qs {
    top: 0;
    right: 0; }
  .quick_start.mini {
    overflow: hidden;
    padding: 12px 24px;
    height: 56px; }
  @media (max-width: 1799px) {
    .quick_start.mini {
      height: 52px; } }
  @media (max-width: 1599px) {
    .quick_start.mini {
      height: 48px; }
    .quick_start .all_btn {
      padding: 12px 23px; } }
  @media (max-width: 1399px) {
    .quick_start.mini {
      height: 46px; } }
  @media (max-width: 599px) {
    .quick_start.mini {
      padding: 10px;
      background: none;
      width: 30px;
      height: 30px;
      min-height: inherit;
      margin-right: 0; }
      .quick_start.mini .qs_btn {
        display: block; }
      .quick_start.mini .qs_roll {
        display: none; } }
  .quick_start .quick_start_content {
    min-height: 100%; }
  .quick_start .modal_roll:before {
    bottom: 6px; }

.panel_btn {
  width: 30px;
  height: 30px;
  z-index: 20;
  display: none;
  position: absolute;
  top: 0;
  right: 0; }
  .panel_btn.qs_btn {
    background: #ffffff url(../img/menu6.svg) no-repeat center/20px; }

.test_email_form,
.download_email_form {
  width: auto; }
  @media (max-width: 399px) {
    .test_email_form,
    .download_email_form {
      width: 280px; } }

.ui-datepicker {
  z-index: 1000 !important; }

.subtitle_block {
  display: none; }

.settings_menu.settings_menu_show {
  display: block; }

.modal_sett_btn {
  background: url("../img/menu.svg") no-repeat center/20px;
  vertical-align: bottom;
  display: none;
  z-index: 9994; }
  @media (max-width: 799px) {
    .modal_sett_btn {
      display: inline-block; } }

.support_more {
  width: calc(100% - 254px);
  padding: 12px;
  border: 2px solid #EFF8EC; }
  @media (max-width: 1799px) {
    .support_more {
      padding: 12px; } }
  @media (max-width: 1599px) {
    .support_more {
      padding: 10px; } }
  @media (max-width: 1399px) {
    .support_more {
      padding: 10px; } }
  @media (max-width: 1199px) {
    .support_more {
      padding: 10px; } }
  @media (max-width: 999px) {
    .support_more {
      padding: 10px; } }
  @media (max-width: 799px) {
    .support_more {
      padding: 8px; } }
  @media (max-width: 599px) {
    .support_more {
      padding: 8px; } }
  @media (max-width: 399px) {
    .support_more {
      padding: 8px; } }
  .support_more .support_more_img {
    width: 48px; }
  .support_more p {
    width: calc(100% - 56px); }
  @media (max-width: 1599px) {
    .support_more {
      width: calc(100% - 220px); } }
  @media (max-width: 1399px) {
    .support_more {
      width: calc(100% - 210px); } }
  @media (max-width: 999px) {
    .support_more {
      width: 264px; } }
  @media (max-width: 599px) {
    .support_more {
      width: 100%; } }

body {
  background: transparent; }

.access_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.access_elem {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 470px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  background: #ffffff;
  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.16); }
  @media (max-width: 1599px) {
    .access_elem {
      width: 450px; } }
  @media (max-width: 1399px) {
    .access_elem {
      width: 420px; } }
  @media (max-width: 399px) {
    .access_elem {
      width: 90%;
      max-width: 400px; } }
  .access_elem form,
  .access_elem .auth_content,
  .access_elem .error_content,
  .access_elem .activation_block {
    padding: 48px 50px; }
    @media (max-width: 399px) {
      .access_elem form,
      .access_elem .auth_content,
      .access_elem .error_content,
      .access_elem .activation_block {
        padding: 20px; } }
    .access_elem form .all_btn,
    .access_elem .auth_content .all_btn,
    .access_elem .error_content .all_btn,
    .access_elem .activation_block .all_btn {
      width: 100%;
      margin: 0;
      display: block;
      text-align: center; }
    .access_elem form.register_form,
    .access_elem .auth_content.register_form,
    .access_elem .error_content.register_form,
    .access_elem .activation_block.register_form {
      position: relative;
      padding: 24px 50px 48px; }
      @media (max-width: 399px) {
        .access_elem form.register_form,
        .access_elem .auth_content.register_form,
        .access_elem .error_content.register_form,
        .access_elem .activation_block.register_form {
          padding: 12px 20px 20px; } }
  .access_elem .for_buttons, .access_elem .policity {
    margin-top: 32px; }
  .access_elem .label {
    display: block; }

.login_title {
  background: #E9F0F7;
  padding: 18px 50px 16px; }
  @media (max-width: 399px) {
    .login_title {
      padding: 15px; } }
  .login_title img {
    width: 36px;
    margin-right: 15px; }
  .login_title h2 {
    font-size: 28px;
    line-height: normal;
    color: #213F50;
    margin: 0; }
    @media (max-width: 399px) {
      .login_title h2 {
        font-size: 20px; } }

.register_block {
  position: relative;
  overflow-y: auto;
  padding: 24px 0 0;
  max-height: calc(90vh - 70px - 72px - 24px - 32px - 44px); }
  @media (max-width: 1399px) {
    .register_block {
      max-height: calc(90vh - 70px - 72px - 20px - 32px - 38px); } }
  @media (max-width: 999px) {
    .register_block {
      max-height: calc(95vh - 70px - 72px - 18px - 32px - 38px); } }
  @media (max-width: 399px) {
    .register_block {
      padding: 12px 0 0;
      max-height: calc(95vh - 66px - 32px - 18px - 32px - 34px); } }

.input {
  position: relative;
  background: none; }

.small_loader {
  width: 40px;
  margin: 20px auto 0;
  display: block; }

.text_small {
  text-align: center;
  height: 19px;
  overflow: hidden; }
  @media (max-width: 1799px) {
    .text_small {
      height: 19px; } }
  @media (max-width: 1599px) {
    .text_small {
      height: 16px; } }
  @media (max-width: 1399px) {
    .text_small {
      height: 13px; } }
  @media (max-width: 1199px) {
    .text_small {
      height: 13px; } }
  @media (max-width: 999px) {
    .text_small {
      height: 13px; } }
  @media (max-width: 799px) {
    .text_small {
      height: 13px; } }
  @media (max-width: 599px) {
    .text_small {
      height: 13px; } }
  @media (max-width: 399px) {
    .text_small {
      height: 13px; } }
  .text_small span {
    display: none; }

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