#campaigns-task-creator {display: none;}

  .bg-tasks-table .common-table-tooltip::after {
    max-width: 70vw;
    width: max-content;
    left: 25%;
  }

  #report-task-creator {display: none;}

  #bg-task-creator-container {display: none;}

  #archive-task-creator {display: none;}

  #archive-task-creator-reg-test {display: none;}

  #campaigns-task-creator {display: none;}

  #check-results-task-creator {display: none;}

  #task-creator-only-email {display: none;}

  #task-creator-data-urls {display: none;}

  #export-correction-task-creator {display: none;}

  #task-creator-only-email {display: none;}

  #openloy-data-task-creator {display: none;}

  #packs-report-task-creator {display: none;}

  #processing-report-creator {display: none;}

  #recognition-check-task-creator {display: none;}


  .fintask_comment { max-width: 100px; overflow: hidden; }
  .task-link-value { margin-top: 1em; }

  .task-row .btn {
    margin-top: 1px;
    margin-bottom: : 1px;    
  }


  #billing-campaign-creator {display: none;}

  #payments-creator-form {display: none;}

    #campaign_creator, #new-campaign-master-select-block {display: none;}

    .btn {margin-left: 5px; }
    .input-group-addon label {margin: 0; }
    .campaign-editor-section {margin: 1em 0; cursor: pointer; }
    .small-margin-line {margin: 10px; }
    .section_sum * {margin: 0; }
    .campaign-editor-section + .row {display: none; }
    .campaign-editor-section + .show {display: block; }
    .campaign-editor-section > div {padding-left: 0; }
    #finalization-times-settings{display: block; }
    #finalization-settings{display: block; }
    #upload_fields, #available_fields {list-style-type: none; padding: 5px 0 0 0; }
    #upload_fields li, #available_fields li {padding: 5px; font-size: 1.2em; }
    #campaign-fields-import-file,#campaign-data-import-file { display: inline; }
    #full-input-costs-block .input-group {width: 100%;}
    .section-help-text-block {margin: 0 0 1em 1em;}
    #settings-short-info {background-color: transparent;}
    .block-highlight-disabled {
      background-color: #cec7c747;
      border-radius: 5px;
    }

    .inline-70 {
      vertical-align: top;
      width: 70%;
      display: inline-block;
    }
    .inline-30 {
      vertical-align: top;
      width: 30%;
      display: inline-block;
    }

  .td-align-center {text-align: center;}
  .cf-info-cell {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    font-size: x-small;
  }

    div[data-template-name="admin.campaign.fields"] ul.list-inline {
        line-height: 33px;
        margin: auto;
    }
    .table-header-centered th {
      text-align: center;
    }

  .flow-fields-holder {
    display: flex;
    flex-flow: wrap;
    min-height: 2em;
    min-width: 2em;
    padding: 0.5em;
    background: whitesmoke;
  }
  .flow-field-movable-item {
    margin: 0.3em;
    padding: 10px 10px;
    border-radius: 2px;
    border-color: #e7eaec;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    cursor: pointer;
  }


  #instruction-form p { color: black; }
  #instruction-form label { color: grey; }
  #instruction-form .CodeMirror { height: 65vh; }
  #instruction-form .editor-preview { background: white; }
  #instruction-form .existing-file-url {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }


  .campaign-priorities-bar {
    margin: 0.4rem;
    width: 200px;
    margin: 0;
  }
  #priorities-markers {
    display: none;
    /*display: flex;*/
    justify-content: space-between;
    font-size:1ex;
  }

  .priorities-markers > option {
    padding: 0;
  }


  .related-campaigns-tooltip { cursor: help; }
  .related-campaigns-tooltip::after {
    content: attr(data-tooltip);
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    color: #FFF;
    margin-top: -1em;
    opacity: 0;
    padding: 5px;
    position: fixed;
    z-index: 1000;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    white-space: pre-wrap;
    line-height: 1.2;
    top: 5em;
  }
  .related-campaigns-tooltip:hover::after {
    opacity: 1;
    visibility: visible;
  }

  .related-group-form {
    margin: 1em 0;
    padding: 1em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    background: #fff;
  }
  .skin-hop-dark .related-group-form {
    margin: 1em 0;
    padding: 1em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    background-color: #505050;
    color: #E0E0E0;
  }

  .one-related-group {margin: 1em auto;}
  .related-group-item {
    min-height: 4em;
    margin: 1em;
    padding: 1%;
    border-color: #e7eaec;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
    cursor: move;
  }

  .related-group-item:hover {
    background-color: rgba(0, 0, 0, 0.01);
  }


    #check_field_box {
        background-color: lightblue;
    }
    #helper {
        display: flex;
        justify-content: center;
    }
    #cyrillic, #cyrillic-up-case, #latin, #latin-up-case, #numbers {
        display: flex;
        justify-content: center;
    }
    .save-button-fixed {
      display: none;
      position: fixed;
      margin: 1em;
      top: 0;
      right: 0;
      z-index: 10;
    }

    #times_by_days label { color: black; }

    #times_by_days .row {margin-bottom: 5px;}
    #times_by_days .btn-clear {
        margin: 0;
        padding: 0;
    }

    .type-changer label {color: black;}
    #campaign-master-select-block {display: none;}

    #questionaries_lifetime_chart { height: 250px }

  .new-client-details {
    max-width: 1000px;
    margin: 1em auto;
  }
  #client_creator_form {display: none;}

    #client_campaigns_list {
        background-color: #E1F5FE;
        width: 85vw;
        padding: 10px 30px;
        color: black;
    }

    #client_campaigns_list .file-manager {
        margin: 0 0.2em;
    }

    .list-selector-column {
        margin: 0 0.2em;
        padding: 0;
    }
    .list-selector-column-compact {
        overflow-y: auto;
        max-height: 10em;
    }
    .list-selector-column h5 {
        border-bottom: 1px solid #788284;
        padding-bottom: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .client_row {
        width: 140%;
    }


  .clients_list_holder {
    width: 75vw;
  }

  .clients_list {
    padding: 10px 30px;
  }

  .clients_list ul {
    padding: 0;
  }
  .clients_list li {
    padding: 5px 0px;
  }

  @media (max-width: 1000px) {
    .clients_list_holder {
      width: 60vw;
    }
  }

  .dev-actions .row {margin: 0.5em;}
  .collapsed-block {display: none;}
  .dev-actions .row_sized .col-sm-3 {width: 10%;}
  .dev-actions .row_sized .col-sm-8 {width: 90%;}

  #check-dict-container {display: none;}
  #check-dict-container th, #check-dict-container td {padding: .25em;}

  #dict-upload { display: inline; }
  .popover-content { color: black; }
  .add-dict-tooltip { cursor: help; }
  .add-dict-tooltip::after {
    content: attr(data-tooltip);
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    color: #FFF;
    margin-top: -1em;
    opacity: 0;
    padding: 5px;
    position: absolute;
    visibility: hidden;
    z-index: 1000;
    transition: all 0.2s ease-in-out;
    white-space: pre-line;
    line-height: 1.5
  }
  .add-dict-tooltip:hover::after {
    opacity: 1;
    visibility: visible;
  }
  #dictionaries_adder {
    color: black;
  }
  #dictionaries_adder summary {
    margin-bottom: 1em;
  }
  #editor-values-table td {
    padding: 2px;
  }
  #editor-values-table tr:has(.row-selector:checked) {
    background-color: rgba(0, 123, 255, 0.1);
  }
  #editor-values-table tr:has(.row-selector:checked):hover {
    background-color: rgba(0, 123, 255, 0.2);
  }


  #check-bf-container {display: none;}
  #check-bf-container th, #check-bf-container td {padding: .25em;}

    #engines-datatable tbody tr:hover { background-color: rgba(235, 235, 235, 0.6); }
    #file_upload { display: inline; }
    .center-cell { text-align: center; }
    #engines-datatable th {
        min-width: 6em;
    }
    #engines-datatable .datatable-text-header,
    #engines-datatable_wrapper .datatable-text-header {
        text-align: center;
        line-height: 1.5;
        white-space: nowrap;
    }
    #engines-import-file { display: inline; }

    #engines-settings label { color: grey; align-self: center; }
    #engine-form p { color: black; }
    .collapsing-block {
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
        margin-bottom: 10px;
        padding: 10px;
    }
    .collapsing-setting{
        color: grey;
        display: block;
        width: 100%;
        height: 2em;
        border: 1px none black;
    }
    .collapsing-setting::after {
        content: "▲";
    }
    .collapsing-setting.collapsed::after {
        content: "▼";
    }

    .engines-settings-tooltip { cursor: help; }
    .engines-settings-tooltip::after {
        content: attr(data-tooltip);
        background: rgba(0, 0, 0, 0.8);
        border-radius: 4px;
        color: #FFF;
        margin-top: 1em;
        opacity: 0;
        padding: 5px;
        position: absolute;
        visibility: hidden;
        z-index: 1000;
        transition: all 0.2s ease-in-out;
        white-space: pre-line;
        line-height: 1.5;
        right: 4em;
        left: 4em;
    }
    .engines-settings-tooltip:hover::after {
        opacity: 1;
        visibility: visible;
    }
    .save-btn-fixed {
      display: none;
      position: fixed;
      margin: 1em;
      top: 0;
      right: 0;
      z-index: 10;
    }
    .hot-keys-block div {
      display: flex;
    }


  .fintask_comment { max-width: 100px; overflow: hidden; }

  #qview_captcha {
    display: none;
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  #qview_captcha input:focus {
    background-color: #90ee90;
  }

  .ui-autocomplete {z-index: 9999; opacity: 0.90; }
  .ui-autocomplete .ui-menu-item.ui-state-focus {background-color: lightblue; }
  .field-input-holder {margin: 2px 0 2px 0;}
  #qview_fields textarea {width: 100%;height: 5ex; resize: none; scrollbar-width: thin;}
  .vertical-panel #qview_fields textarea {overflow-y: hidden;}
  #qview_fields textarea:focus {background: #90ee90; }
  #qview_fields textarea.input-bad-value:focus {
    background: linear-gradient(15deg, #90ee90 40%, yellow 60%) !important;
  }
  #qview_fields input.input-bad-value:focus {
    background: linear-gradient(15deg, #90ee90 40%, yellow 60%) !important;
  }
  .form-control[disabled].important, #qview_fields .important {background-color: #fbfbb4; }
  #qview_fields .unchecked {background-color: #f9d7d7;}
  #qview_fields .related-primary {background-color: rgb(200, 200, 255)}
  #qview_fields .important.related-primary {background: linear-gradient(15deg, #fbfbb4 40%, rgb(200, 200, 255) 60%) !important}
  #qview_fields .important.related-primary.input-bad-value {background: linear-gradient(15deg, #fbfbb4 25%, rgb(200, 200, 255) 50%, yellow 75%) !important}
  #qview_fields .important.input-bad-value {background: linear-gradient(15deg, #fbfbb4 40%, yellow 60%) !important}
  #qview_fields .unchecked.related-primary {background: linear-gradient(15deg, #f9d7d7 40%, rgb(200, 200, 255) 60%);}
  #qview_fields .important.unchecked {background: linear-gradient(15deg, #fbfbb4 40%, #f9d7d7 60%) !important;}
  #qview_fields .color-field-red {background-color: #ffcccc;}
  .broken_field { background-color: #ffdac8; }
  .color-field {background-color: cyan;}
  .input-with-helper-label, .input-with-helper-label-vertical {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    z-index: 9999;
    color: #707070;
  }
  .input-with-helper:focus-within .input-with-helper-label,
  .input-with-helper:hover .input-with-helper-label,
  .input-with-helper:invalid .input-with-helper-label {
    bottom: 95%;
    line-height: 1;
    opacity: 1;
    padding: 5px 15px;
    background-color: #90ee90;
    border-radius: 5px;
    font-weight: normal;
  }
  .input-with-helper:focus-within .input-with-helper-label-vertical,
  .input-with-helper:hover .input-with-helper-label-vertical,
  .input-with-helper:invalid .input-with-helper-label-vertical {
    bottom: -5ex;
    line-height: 1;
    opacity: 1;
    padding: 5px 15px;
    background-color: #90ee90;
    border-radius: 5px;
    font-weight: normal;
  }
  .fields-multiply, .fields-remove {margin: 0;}
  .vertical-panel .fields-multiply, .vertical-panel .fields-remove {
    height: 28px;
    margin: 4px;
    vertical-align: middle;
  }
  .first-dynamic-block {padding-top: 10px;}
  .input-bad-value {
    background: yellow !important;
  }
  .form-control[disabled].input-bad-value {
    background: yellow !important;
  }
  .qview_fields_hint {
    color: white;
    padding: 5px;
    margin: 5px;
  }


  #scan-preview-block {
    overflow: auto;
  }
  #scan-zoom-block {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 84vh;
    width: 99vw;
    border: solid 1ex lightgreen;
    z-index: 1000;
  }
  #hot-keys-tooltip::after {bottom: 0}
  #fill-related-fields-btn {background-color: rgb(200, 200, 255);color: rgb(85, 85, 85);}
  #instruction-btn {background-color: #b15aecde !important;border-color: transparent !important;}

  #button-panel-wrapper {
    display: flex;
    column-gap: 2px;
    row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 5px;
  }


  #qview_logs table td { font-size: 11px !important; }
  .field_log_row {display: none;}
  #qview_logs .field_crop_link  {display: none;}
  .log_row td { border-top: 1px solid #48494A !important; }

  .full-width {width: 100%;}
  #qview_logs .field_img {
    width: 100% !important;
    position: relative;
    display: none;
  }
  .field-box  {
    position: absolute;
    border: solid 2px red;
    display: block;
  }

  .marking-widget-screen ::-webkit-scrollbar-thumb {
    background-color: #c7c7c7;
    border-radius: 15px;
  }
  .marking-widget-screen ::-webkit-scrollbar-track {
    box-shadow: unset;
    border: solid 3px transparent;
    margin: 10px 10px 10px 10px;
  }

  .marking-widget-screen ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    right: -5px;
    background-color: none;
  }

  .marking-widget-screen button:hover {
    cursor: pointer;
  }

  .marking-widget-screen button:focus {
    outline: 0;
  }

  .marking-widget-screen {
    border: 1px solid #ccc;
    border-radius: 15px;
    display: flex;
    height: calc(95vh - 50px);  /* высота navbar */
    font-family: "Courier New", Courier, monospace;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .marking-widget-screen.stretch {
    height: calc(95vh);
  }

  .marking-widget-screen canvas {
    outline: none;
    border: unset;
  }

  canvas[resize] {
    width: 100%;
    height: 100%;
  }


  #replace-image-file {margin: 0 auto;}

    #search {border-radius: 3px 0 0 3px;}
    #search + div {border-radius: 0 3px 3px 0;}

    #full-view-settings label { color: grey; }
    #settings-form p { color: black; }

  #scan_container { position: relative; margin-bottom: 250px;}
  #scan-preview-block {
    background: url('/static/img/loader.gif') no-repeat;
    min-height: 20em;
  }
  .scan_preview {height: 75%;width: 75%;margin:1px;}
  .scan-load-error-block {margin-top: 5em;float: left;}
  .next-options {margin: 0.1em;}
  .next-options > div {padding: 0.1em;}
  .next-options label {font-weight: 500;}
  #input_overlay, #input_container { 
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }
  #input_overlay {
    position: fixed;
    background-color: #383838;
    opacity: 0.95;
    margin-left: 220px;
  }

  .timer_wrapper_horizontal {
    display: inline;
  }

  .timer_wrapper_vertical {
    z-index: 5000;
    position: fixed;
    top: 0;
    right: 0;
    padding-right: 10px;
  }

  body.mini-navbar #input_overlay {
    margin-left: 70px
  }

  #input_container {
    position: relative;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
  }

  .input_container_horizontal {
    padding-top: 0;
  }
  .input_container_vertical {
    padding-top: 40px;
  }

  #input_container .form-group { margin-right: 2px; margin-bottom: 2px; }
  #input_container input[type="checkbox"] { margin: 0; }
  #dis_mode_options { margin: 0; }
  #dis_mode_options input { vertical-align: middle; }
  #statistics_btns {
    position: absolute;
    left: 0;
    bottom: 25px;
    padding: 0 33px;
    width: 85px;
    height: 100px;
    color: white;
  }
  #statistics_btns i {
    min-width: 30px;
    border-bottom: 1px dotted white;
    cursor: pointer;
  }

  #dis_mode_options { margin-top: 3px; }
  #dis_mode_options div { padding: 0; }
  #dis_mode_options > div { width: 100%; }
  #dis_mode_options label { font-weight: 500; }
  #dis_mode_options .btn { margin-bottom: 0.2em; }

  .vertical-panel {
    top: 0;
    right: 0;
    left: initial !important;
    z-index: 99999;
    width: 35%;
    float: right;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .vertical-panel > .qview-input {
    display: block;
    width: 100%;
  }
  #qview_fields {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  .vertical-panel form .form-group, .vertical-panel form input,
  .vertical-panel section .form-group, .vertical-panel section input {
    width: 98% !important;
    margin-bottom: 2px;
    margin-right: 1%;
    margin-left: 1%;
  }
  .vertical-panel form div, .vertical-panel section div {
    padding-right: 2px;
    padding-left: 2px;
  }
  .truncated-link {
    width: 70vw;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  .upload-dragover {border: 3px dashed green;}

  .inspections-tooltip { cursor: help; }
  .inspections-tooltip::after {
    content: attr(data-tooltip);
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    color: #FFF;
    margin-top: -1em;
    opacity: 0;
    padding: 5px;
    position: fixed;
    z-index: 1000;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    white-space: pre-wrap;
    line-height: 1.2;
    top: 5em;
  }
  .inspections-tooltip:hover::after {
    opacity: 1;
    visibility: visible;
  }

    .loading_label { position: absolute; left: 43%; top: 45%; }
    .load_balance_row { position: relative; margin-bottom: 10px; }
    .decrease_button { float: left; margin-right: 10px; }
    .zero_button { float: left; margin-right: 10px; }
    .increase_button { position: absolute; right: 0; bottom: 0; }
    .hundred_button { float: right; margin-left: 10px; margin-right: 45px; }
    .load_balance_row .ui-progressbar { margin: 0 48px; }

    .ui-progressbar .ui-progressbar-value { background-color: rgb(226, 90, 20); }
    #progressbar_available .ui-progressbar-value { background-color: rgb(119, 202, 139) !important; }

    .ui-progressbar {
        position: relative;
    }
    .progress-label, .queue-label {
        position: absolute;

        top: 4px;
        font-weight: bold;
        text-shadow: 1px 1px 0 #fff;
    }
    .progress-label {
        left: 48%;
    }
    .queue-label {
        right: 10px;
    }




    #multi_client_campaigns_list, .clients_list_holder {
        background-color: #E1F5FE;
    }
    #multi_client_campaigns_list {
        padding: 10px 30px;
    }

    .multi_check {
        margin-right: 5px !important;
        margin-top: 7px !important;
    }

    .client_check {
        margin-right: 5px !important;
        margin-top: 1px !important;
    }


    #news_datatable tbody tr { cursor: pointer; }
    #news_datatable tbody tr:hover { background-color: rgba(243, 243, 244, 0.6); }
    #news_datatable .datatable-text-header,
    #news_datatable_wrapper .datatable-text-header {
        text-align: center;
        white-space: nowrap;
    }

    #add_news_form p { color: black; }
    #add_news_form label { color: grey; }
    #add_news_form .CodeMirror { height: 65vh; }
    #add_news_form .editor-preview { background: white; }

  #recog-testing-task-creator {display: none;}

  #recog-stand-testing-task-creator {display: none;}

  #tablesorter tbody td, #tablesorter thead th { white-space: nowrap; }
  .report-danger .browse_pack { color: white; }
  .report-danger .browse_pack:hover { color: #ababab; }
  .blue-bg .popover-content { color: black; }
  .uploaded-late { background-color: #f2e048; color: black; }
  .report-info{ background-color:#d9edf7; }
  .report-success{ background-color:#dff0d8; }
  .report-warning{ background-color:#fcf8e3; }
  .report-danger{
    background-color: #ed5565;
    color: white !important;
  }
  #download_report { color: white; }
  .dataTables_wrapper > .row:first-child { display: none; }
  .nowrap { white-space: nowrap; }
  .table-center {
    word-wrap: break-word;
    word-break: keep-all;
    white-space: nowrap;
    text-align: center;
  }
  .table-tooltip {
    white-space: nowrap;
  }
  tr.report-:hover { background-color: rgba(243, 243, 244, 0.6); }
  tr.report-info:hover { background-color: rgba(28, 132, 198, 0.25); }
  tr.report-success:hover { background-color: rgba(57, 220, 70, 0.35); }
  tr.report-warning:hover { background-color: rgba(255, 235, 59, 0.4); }
  tr.report-danger:hover { background-color: rgba(237, 85, 85, 0.9); }
  table.dataTable thead .sorting::after,
  table.dataTable thead .sorting_asc::after,
  table.dataTable thead .sorting_desc::after,
  table.dataTable thead .sorting_asc_disabled::after,
  table.dataTable thead .sorting_desc_disabled::after {
    position: relative;
    bottom: 25px;
    right: -15px;
    padding: 0;
    height: 0;
  }
  .narrow_header_cell {
    width: 6em;
    white-space: pre-line;
    word-wrap: normal;
  }
  .text-header { width: 30px; }
  .table-tooltip { cursor: help; }
  .table-tooltip::after {
    content: attr(data-tooltip);
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    color: #FFF;
    margin-top: -25px;
    opacity: 0;
    padding: 2px;
    width: 10em;
    position: absolute;
    right: 0;
    z-index: 1000;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    float: right;
    white-space: normal;
  }
  .table-tooltip:hover::after {
    opacity: 1;
    visibility: visible;
  }

    .legend_badge {
        width: 50px;
        margin-right: 1em;
    }
    .legend_text_as_icon {
        display: table-cell;
        height: 26px;
        width: 26px;
        vertical-align: middle;
        text-align: center;
    }
    .nowrap { white-space: nowrap; }

    #excel_load { display: inline; }

  .campaign-label { font-weight: 500; }

    #broken_report_datatable tbody tr:hover { background-color: rgba(243, 243, 244, 0.6); }
    .datatable-text-header { line-height: 2.5; }

  #slicing-testing-compare-task-creator {display: none;}

  .table-hover-line { background-color: #eee; }
  .slicing-stand-table td { padding: 0.2em; }
  .slicing-stand-table td:hover { background-color: #dadada; }
  .slicing-stand-table th { padding-left: 0.2em; padding-right: 0.2em; }

  #slicing-testing-task-binding {display: none;}

  #slicing-testing-task-creator {display: none;}

    .slicing-problems-table td, .slicing-problems-table th { text-align: center; vertical-align: middle !important; }
    #scan_preview { width: 100%; }

    #field_balance_table td { width: 80px; }
    .field_name_td { text-align: left !important; width: 200px !important; }

  .problem-panel {background-color: rgb(255, 123, 123); color: white; }
  .not-important {opacity: 0.5; }
  .separator {color: #d3d3d3; }
  .stats-value-count {font-size: large;float:right;}
  .fields-stats{cursor:pointer;}

  #superuser-actions .row {margin: 0.5em;}

  #text-editor-form p { color: black; }
  #text-editor-form label { color: grey; }
  #text-editor-form .CodeMirror { height: 65vh; }
  #text-editor-form .editor-preview { background: white; }

  .campaign-dl-tariffs dt { display: inline; text-align: left; width: 700px; padding: 6px 1em; }
  .campaign-dl-tariffs dd { display: inline-block !important; margin-left: 100px; margin-top: 10px; width: 400px;}

  .tariffs-page .table { white-space: pre-line; }


  .sections-splitter {
    margin: 3em;
    border-width: 0.2em;
    border-color: lightgray;
  }
  .tte-row {
    margin: 0.1em;
  }


  .tte-table {
    width: 99%;
    margin: 0.5em;
    padding: 0.5em;
    border: 0.2em solid lightgray;
   }
  .tte-table-rows, .tte-table-rows-last {
    padding: 1em;
    border: 1px solid lightgray;
   }

  .template-api-actions {
    display: flex;
    flex-flow: column;
    gap: 0.5em;
    margin: 0.5em;
  }
  .template-api-actions button {
    text-wrap: auto;
  }


  #text-editor-form p { color: black; }
  #text-editor-form label { color: grey; }
  #text-editor-form .CodeMirror { height: 65vh; }
  #text-editor-form .editor-preview { background: white; }

  .timeline-details {
    min-height: 1em;
    min-width: 5em;
    margin: 0.3em;
    padding: 5px 5px;
    border-radius: 2px;
    border-color: #e7eaec;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
  }
  .timeline-details table {margin: 0 !important;width: 100%}
  .timeline-details td {font-size: 85%;}

  .timeline-column-weekend {background-color: #E0E0E0;}
  .timeline-column-holiday {background-color: #FFCCBC;}
  .timeline-line-details {display:none}
  .timeline-details {color:rgb(103, 106, 108);}
  .timeline-cell {cursor: pointer;min-height: 0.5em;min-width: 1em;}
  .timeline-cell-level-ok {background-color: lightgreen;}
  .timeline-cell-level-warning {background-color: yellow;}
  .timeline-cell-level-danger {background-color: lightcoral;}
  .timeline-cell-level-mixed {background: linear-gradient(15deg, lightgreen 40%, lightcoral 60%);}
  #timeline-view-table-holder {max-height: 75vh;overflow: auto;}
  .timeline-view .table-header-centered th,#timeline-table-body .list-inline > td:first-child {position: -webkit-sticky; position: sticky;left:0;color: white}
  .timeline-view .table-header-centered th {top:0;background: #337ab7;}
  #timeline-table-body .list-inline > td:first-child {background: #337fcc;}
  .timeline-view .table-header-centered th:first-child {left: 0; z-index: 2;}
  #timeline-table-body td:first-child {left: 0; z-index: 1;}
  .timeline-view .table-header-centered th {background: #337ab7; color: white}
  #timeline-view-table {border-collapse: collapse; }


  #stats-filter-block {display: none}

  .contract-value-edit {background-color: lightyellow;}
  .images-container-img object {width: 100%;height: 100%;min-height:15vh;}

  #ref-description {background-color: inherit;}

  .contract-value-edit {background-color: lightyellow;}

    .pref-li { padding: 5px 5px; }

    .pref-checkbox,
    .group_checkbox,
    .pref-checkbox input {
        margin: 0;
    }
    .selected-checkbox {
        background-color: #26ff0033;
    }

    #user_form .form-group > label * {
        margin: 0;
        vertical-align: middle;
    }

    .section-toggle {
        border-bottom: 0.1em dashed lightgrey;
        cursor: pointer;
        padding-bottom: 0.5em;
    }
    .section-toggle:before {
        content: "⇳";
        font-size: large;
    }

    #title-pref-fields + div, #title-campaigns + div {
        display: none;
    }

    .tests-results-row {
        padding: 2px 0;
        font-size: small;
    }
    .tests-results-row *:not(:first-child) {
        text-align: center;
    }
    .save-user-fixed {
      display: none;
      position: fixed;
      margin: 1em;
      top: 0;
      right: 0;
      z-index: 10;
    }


  #file_load {display: inline;}
  .one-test-group {margin: 1em auto;}
  .tests-toolbar {
    background-color: #ffffff;
    margin-bottom: 1em;
    padding: 1em;
  }

  .tests-toolbar > div {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }

  #tests-toolbar-upload label {
    border: 1px solid lightgrey;
  }

  #tests-toolbar-upload label input {
    vertical-align: sub;
  }

  #tests-toolbar-upload,
  .tests-toolbar-manage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .tests-group-movable {
    min-height: 4em;
    padding: 1em;
    background-color: #ffffff;
  }
  .admin-test-row {
    min-height: 4em;
    margin: 1em;
    padding: 1%;
    border-color: #e7eaec;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
    cursor: move;
  }

  .admin-test-row:hover {
    background-color: rgba(0, 0, 0, 0.01);
  }
  .wis-tooltip {
    cursor: help;
  }
  .wis-tooltip::after {
    content: attr(data-tooltip);
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    padding: 5px;
    z-index: 1000;
    color: #FFF;
    position: absolute;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    white-space: pre-line;
    line-height: 1.3;
    font-weight: 100;
    font-size: larger;
    transition: all 0.2s ease-in-out;
  }
  .wis-tooltip-left::after {
    right: 0;
    top: 0;
  }
  .wis-tooltip:hover::after {
    opacity: 1;
    visibility: visible;
  }
  .admin-learning-tooltip::after {
    margin-top: -1em;
    padding: 5px;
    font-size: 2ex;
  }


  #learning-instruction-form p { color: black; }
  #learning-instruction-form label { color: grey; }
  #learning-instruction-form .CodeMirror { height: 65vh; }
  #learning-instruction-form .editor-preview { background: white; }
  #learning-instruction-form .existing-file-url {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }


  #multi-edit-section-actions button {
    margin-bottom: 0.2em;
    margin-top: 0.2em;
  }


  .checkbox-prefs input {margin-top: 0.1em;margin-bottom: 0.1em;}
  .thin-label {font-weight: 500;}
  .popover {white-space: pre-wrap;}

  .user-row { cursor: pointer; }
  .tobottom { vertical-align: bottom; }
  #download-users { color: white; }

  .row-panel {
    min-height: 4em;
    margin: 1em;
    padding: 1%;
    border-color: #e7eaec;
    -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
  }

  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }

  .switch input {display:none;}

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: -5%;
    bottom: 1%;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "off";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 2%;
  }

  input:checked + .slider {
    background-color: #7881f6;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #1c84c6;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    content: "on";
  }

  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 50%;
  }


    #banned_block {
        width: 100%;
        margin: 10em auto;
    }
    #banned_block i {color: red;}

    .create_injected_button {
        width: 25em;
    }
    .show-more {
        display: flex;
        justify-content: center;
        margin-top: 1em;
    }
    .appeals-time-limit {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .appeals-time-limit input {
        max-width: 20em;
    }


      
      .navbar {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
      }
      .navbar::before,
      .navbar::after {
        display: none;
      }
      .navbar-header {position:relative;z-index:999999;}
      .navbar-minimalize {text-shadow:0 0 5em white, 0 0 0em white, 0 0 0.2em white;}
      .logo-element img { width: 60px; }
      .menu-counter {
        position: relative;
        top: -1em;
        right: -0.5em;
        float: right;
        color: white;
        background: red;
        min-width: 20px;
      }
      .profile-info-text {color: #f3e240 !important;}
      .menu-counter i {margin: 0 !important;}
      .navbar-static-side {
        z-index: 9000;
      }

      #ny-container {
        position: absolute;
        width: 70%;
        left: 5%;
        text-align: center;
        z-index: 99999;
        height: 3em;
        max-height: 5em;
        background-image: url(/static/img/ny/ny-decor-top.png);
        background-repeat: repeat-x;
        background-size: contain;
    }

      #ny-bottom-img {
          position: relative;
          width: 15em;
          left: 1em;
          bottom: 0;
      }
      .mini-navbar #ny-bottom-img {
          display: none !important;
      }
      @media (max-width: 1000px) {#ny-container {display: none;}}
      .ny-switch {margin-top: 1em; height: 28px; width: 50px; z-index: 999999;}
      .ny-switch .slider:before {content: "НГ"; height: 20px; width: 20px; padding: 2%}
      .ny-switch input:checked + .slider:before {content: "НГ";}

      .site-theme-switch {margin-top: 1em; height: 28px; width: 50px; z-index: 999999;}
      .site-theme-switch .slider:before {content: "🌗"; height: 20px; width: 20px; padding: 2%}
      .site-theme-switch input:checked + .slider:before {content: "🌗";}

      #garland{
        position: fixed;
        z-index: 10000;
        pointer-events: none;
      }
    
    .acceptor-form {
        max-width: 1000px;
        margin-top: 1em;
        margin-bottom: 1em;
    }

  #captcha-widget {
    display: none;
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  #captcha-widget input:focus {
    background-color: #90ee90;
  }

    .pref-li { padding: 5px 5px; }

    .item-checkbox,
    .group_checkbox,
    .item-checkbox input {
        margin: 0;
    }
    .selected-checkbox {
        background-color: #26ff0033;
    }

    .section-toggle {
        border-bottom: 0.1em dashed lightgrey;
        cursor: pointer;
        padding-bottom: 0.5em;
    }
    .section-toggle:before {
        content: "⇳";
        font-size: large;
    }


  .table-hover-line { background-color: #eee; }
  .selected-row {background-color: lightblue;}
  .selected-row:hover {background-color: rgb(130, 210, 225);}
  .common-table td:hover { background-color: #dadada; }
  .common-table-long-text {
      display: table-cell;
      max-width: 300px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  .common-table-tooltip::after {
      margin-top: -1em;
      padding: 5px;
      font-size: 12px;
      white-space: pre-wrap;
      word-break: break-all;
  }
  .legend-collapse {cursor: zoom-in;}
  .cell-bold {font-weight:bold;}
  .table-pagination { text-align: center; }
  .table-pagination li { cursor: pointer; }
  .table-pagination li.active span {background-color: lightblue;}
  .double-scroll-area {overflow:auto;}
  .expanded-row {background-color: #f9f9f9; color:rgb(85, 85, 85)}
  .skin-hop-dark .expanded-row {
    background-color: #404040;
    color: rgb(224, 224, 224);
  }

  .expanded-row td {padding: 5px !important;}
  .expanded-row td:first-child {padding-left: 3em !important;}
  .expanded-row p {
    margin: 5px 0;
    line-height: 1.4;
  }
  .table-row-with-expand td:first-child::before {
    content: '⇳';
    display: inline-block;
    margin-right: 5px;
    transition: transform 0.2s;
  }
  table-row-with-expand.expanded td:first-child::before {
    transform: rotate(45deg);
  }

    #range_submit_parent {width: inherit; display: none; }
    #range_submit {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        background: #23c6c8;
        color: white;
    }
    #range_title {display: inline-block; margin-right: 1em; }
    .addon-disabled {background: #eee; }

    #range_title {display: inline-block; margin-right: 1em; }
    .addon-disabled {background: #eee; }

  .kvw-one {margin-top: 0.2em; margin-bottom: 0.2em;}

    .modal-blocking {display: none;}
    .modal-back {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.8;
        z-index: 9999;
        background: #3E495F;        
    }

    .modal-holder {
        position: absolute;
        background-color: #ffffff;
        border: 1px solid black;
        border-radius: 5px;
        box-shadow: 0 0 10px black;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 10em auto;
        max-width: 30em;
        min-height: 10em;
        padding: 1em;
        z-index: 10000;
        text-align: center;
    }

    .modal-holder-outer {display: flex;justify-content: center;}
    #modal-blocking-holder *, .modal-holder * {margin: 0.5em auto;}
    #modal-blocking-link {font-size: 2ex;}
    #modal-blocking-button-cancel {display: none;}

    #modal-info, #modal-info-buttons {display: none;}
    #modal-info-buttons-holder {min-height: 34px;}

    #modal-back {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.8;
        z-index: 9999;
        background: #3E495F;        
    }

    #modal-info-holder {
        position: absolute;
        background-color: #ffffff;
        border: 1px solid black;
        border-radius: 5px;
        box-shadow: 0 0 10px black;
        display: flex;
        flex-direction: column;
        margin: -20px auto 0;
        max-width: 90%;
        min-width: 90%;
        min-height: 40%;
        padding: 1em 0 1em 0;
        z-index: 10000;
    }
    .modal-content-style {text-align: center;}

    #modal-holder-outer {display: flex;justify-content: center;}
    #modal-info-link {font-size: 2ex;}
    #modal-info-holder textarea { width: 100%;}
    #modal-info-content, #modal-info-content > * { width: 100%; height: 100%;}
    #modal-info-content ol, #modal-info-content ul {text-align: start;}
    .editor-preview {background-color: white;}
    #modal-info-holder {max-height: inherit !important;min-height: inherit !important;margin: 0 auto !important;}
    #modal-info-holder .CodeMirror {height: auto !important;border: 0 !important;margin: 0 !important;}
    #modal-info-holder .editor-preview {font-size:18px;}
    #modal-info-holder .instruction {
      overflow: auto;
      height: 65vh;
      padding: 0 20px;
    }

  #modal-switch-holder {margin: 1em auto;max-width: 80%;min-height: 10em;}
  #modal-switch-holder .active {background-color: #18a689;border-color: #18a689;color: #FFFFFF;}
  .modal-switch-choice-vertical {display: block;}
  #modal-switch-holder label:hover {border-color: #18a689;}

  #modal-switch-holder {margin: 1em auto;max-width: 80%;min-height: 10em;}
  #modal-switch-holder .active {background-color: #18a689; border-color: #18a689; color: #FFFFFF;}
  #modal-switch-holder .choice-bonus {
    border-color: gold !important;
    border-width: 5px;
  }
  #modal-switch-holder .choice-bonus:after {content: "💰";}
  #modal-switch-holder .choice-bonus:before {content: "💰";}
  .modal-switch-choice-vertical {display: block;}
  #modal-switch-holder label:hover {border-color: #18a689;}
  #bonus-encouragement {
    color: #ff9c6a;
    font-size: 1.2em;
  }

  .kvw-one {margin-top: 0.2em; margin-bottom: 0.2em;}

  .mvw-one {margin-top: 0.2em; margin-bottom: 0.2em;}

    ul.pagination {margin: 0}

    .recent-tasks {
        max-width: 1000px;
        margin: 1em auto;
    }
    .recent-tasks-comment {
        display: block;
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .recent-tasks-tooltip::after {
        margin-top: -1em;
        padding: 5px;
        font-size: 12px;
        white-space: pre-wrap;
        word-break: break-all;
    }

    #rightside_panel { position: fixed; top: 0; bottom: 0; right: 0; width: 0; background-color: #343434; z-index: 8888; padding: 0; overflow-y: scroll; }
    #rightside_panel_inner { padding: 20px; color: white; }
    #rightside_panel .close_btn { position: absolute; right: 10px; font-size: 24px; cursor: pointer; display: none; color: white; }
    #rightside_panel .ibox {color: #676A6C}

  .state-detalization-fields {margin-left: 1em;}

    .sort-icon {
        cursor: pointer;
    }
    .filter-input-group-addon {
        padding: 0 2px;
    }

    .sort-icon {
        cursor: pointer;
    }
    .filter-input-group-addon {
        padding: 0 2px;
    }

    .sort-icon {
        cursor: pointer;
    }

    .table_view {
        table-layout: fixed;
    }

    .table_view > thead > tr > th {
        border-bottom: 0;
    }

    .table_view tbody td:first-child,
    .table_view thead th:first-child {
        border-right: 1px solid #ddd;
        width: 25px;
    }

    .table_view tbody td:last-child,
    .table_view thead th:last-child {
        width: 150px;
    }

    .table_view tbody tr { cursor: pointer; }
    .table_view tbody tr:hover { background-color: lightgrey;}

    .table_view tr::selection,
    .table_view tr td::selection,
    .table_view::selection 				{ background: transparent; color: inherit; }

    .table_view tr::-moz-selection,
    .table_view tr td::-moz-selection,
    .table_view::-moz-selection 		{  background: transparent; color: inherit; }

    .btn-edit {
        margin-right: 10px;
    }

    .table_view > thead > tr > th,
    .table_view > tbody > tr > th,
    .table_view > tfoot > tr > th,
    .table_view > thead > tr > td,
    .table_view > tbody > tr > td,
    .table_view > tfoot > tr > td {
        padding: 3px;
    }

    .table > thead > tr > th, .table > thead > tr > td,
    .table > tbody > tr > th, .table > tbody > tr > td,
    .table > tfoot > tr > th, .table > tfoot > tr > td { vertical-align: middle; }

  .table-filter-selector-multi {
    max-height: 20em;
    padding: 0 1em;
    overflow: scroll;
  }

  .table-filter-selector-multi-holder {
    border: 1px solid lightgray;
  }

  .table-filter-selector-multi-holder p {
    padding-top: 1em;
    padding-bottom: 2em;
  }
  .table-filter-selector-multi-holder input[type="checkbox"] {
    width: 1.5em;
    height: 1.5em;
  }

  .form-input-select {
    cursor: pointer;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 2ex;
  }

  #table-filter-widget input:focus {
    outline: none;
    border-color: #66afe9;
    box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
  }

  #table-filter-widget label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 5px 0 0;
  }


  .images-container {padding: 0.1em;background-color : #ffffff;}
  .images-container-header div {text-align: center;}
  .images-container-img, .images-container-img-empty {
    margin-bottom: 10px;
    border : 1px solid #c8c8c8;
    border-radius : 5px;
    box-shadow : 0 0 2px #c8c8c8;
    background-color : #ffffff;
    text-align: center;
    cursor: pointer;
  }
  .images-container-img-empty {padding: 3em;}
  .images-container-img i {width: 100%;left: 0;}
  .images-container-img img {width: 100%;height: 100%;}

  .images-container {padding: 0.1em;background-color : #ffffff;}
  .images-container-header div {text-align: center;}
  .images-container-img, .images-container-img-empty {
    margin-bottom: 10px;
    border : 1px solid #c8c8c8;
    border-radius : 5px;
    box-shadow : 0 0 2px #c8c8c8;
    background-color : #ffffff;
    text-align: center;
    cursor: pointer;
  }
  .images-container-img-empty {padding: 3em;}
  .images-container-img i {width: 100%;left: 0;}
  .images-container-img img {width: 100%;height: 100%;}

    .upload-info {
        display: none;
    }
    #upload-progress {
        width: 100%;
    }
    .upload-filename {
        color: black;
    }

    .tab-content { margin-top: 7px; }
    .tab-content .input-group { margin-bottom: 0; display: inline-block; }
    #hot_keys_manager .hot_key_value_input { font-size: 14px; padding: 0 30px; margin: 0; height: 24px;}
    #hot_keys_manager .input-group-addon {
        font-size: 12px;
        line-height: 10px;
        margin: 0;
        padding: 3px 0;
        background-color: transparent;
        position: absolute;
        top: 5px;
        z-index: 100;
        text-align: left;
        border: 0;
        left: 5px;
        color: #CCC;
        width: 16px;
    }

  .input_overlay_full_size {
    margin-left: 0 !important;
  }


    #footer { background-color: #F2F2F2; }
    #field_submit { cursor: pointer; }
    #error_description { font-size: 12px; padding: 5px; }
    #field_special_actions, #image-manipulations, #other-actions {text-align: center; padding-top: 10px;}
    #field_special_actions > *, #image-manipulations > * {margin-bottom: 2px;}
    #field_alias { color: red; float: left; margin: 0; background: transparent; padding: 5px; position: relative; z-index: 1; font-weight: 550}
    #instructions a {color: red; }
    #field_input { font-size: 22px !important; }
    .field_input_express { border: 8px solid orange; }
    #field_img_container, #image {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #FFF;
        padding: 0;
    }
    #field_img_container {
        position: relative;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
        min-height: 280px;
        max-height: 280px;
    }
    #field_img_container img { height: 100%; }
    #image {position: relative; top: 0; left:0;min-height: 274px;max-height: 274px;margin: 0 auto;}

    #dependency_img_container {
        position: absolute;
        width: 300px;
        height: 60px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #FFF;
        padding: 0;
        top: 0;
        border-top: 0;
        margin: auto;
        left: 0;
        right: 0;
        cursor: pointer;
        opacity: 0.15;
    }
    #dependency_img_container:hover {opacity: 1;}

    #debug {
        position: absolute;
        bottom: 10px;
        z-index: 1000;
        right: 10px;
        color: rgb(182, 182, 182);
    }
    #ping {
        position: absolute;
        top: 10px;
        color: rgb(182, 182, 182);
        right: 10px;
        font-size: 10px;
    }
    #hot_keys_holder { min-height: 56px; }

    .ui-autocomplete {
        opacity: 0.80;
        font-size: 12px;
        line-height: 12px;
    }

    #ac-direction {
        position: absolute;
        margin-top: -40px;
        right: 36px;
    }
    #empty-queue-block,
    #connection-problems-block,
    #connection-progress-block {
        display: none;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

    .empty-queue-ny {
      background: url("/static/img/ny/background/fon-zima.webp") !important;
      background-size: 100% !important;
      background-repeat: no-repeat;
      background-origin: border-box !important;
      background-blend-mode: hue;
      background-repeat: no-repeat;
    }

  #input-choices-block {text-align:start;}
  .input-choice {white-space:normal;margin:2px;font-size: 1.5em;text-align:start;}

  #input-progress-widget {
    height: max-content;
    width: max-content;
    margin: 0.3em;
    background-color: #ffffff;
    flex-grow: 0.1;
  }
  #input-progress-widget .statline {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 90%;
  }
  #input-progress-widget .ui-progressbar {
    border-radius: 10px;
    background-image: none !important;
    background-color: #c2c2c2 !important;
    height: 1.3em;
  }
  #input-progress-widget .ui-progressbar-value {
    border-radius: 10px;
    background-color: #81bf36;
    background: linear-gradient(0deg, #197914 0%, #1ba118 30%, #25bb1c 100%);
  }
  .bonusbar-tooltip::before {
    content: "Данные обновляются с задержкой (от минуты)";
    position: absolute;
    padding-left: 5px;
    font-size: x-small;
    font-weight: normal;
    text-transform: initial;
  }


    .navbar-nav {
       margin-top: 10px !important;
    }

    .navbar-brand {
        padding: 1px 15px !important;
    }

    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
        color: #555;
        background-color: #22242d !important;
    }

    .menu_item_red a { color: red !important; }

  .login-title {
    padding-top: 2em;
    padding-bottom: 2em;
    margin-bottom: 1em;
    text-align: center;
    -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    background-color: #f4f6fa;
  }

  .login-title * {
    display: block;
  }

  .login-title a {
    color: black;
    text-decoration: none;
  }

            #notification .jumbotron { position: fixed; width: 33%; left: 33%; top: -5px; z-index: 100000; text-align: center; }
            #notification .jumbotron p { font-size: 14px !important; }
            #notification #info_message { width: 25% !important; right: 1% !important; top: 1% !important; left: initial !important; color: black;}

        
  #position_tooltip .popover {
    max-width: 666px;
    width: 666px;
    border-color: #91D734;
    box-shadow: 0 0 10px #243746;
  }
  #position_tooltip a {
    color: #337AB7;
  }

    #update_progressbar {
      display: flex;
      flex-direction: revert-layer;
      align-content: center;
      align-items: center;
      justify-content: center;
      width: 50%;
      height: 10em;
      top: 40%;
      left: 25%;
      border-radius: 10em;
      position: fixed;
      background: rgba(0, 0, 0, 0.7);
      z-index: 9999;
    }
    #update_progressbar > .progress {
      position: relative;
      top: 1vh;
      width: 90%;
      align-self: center;
      border-radius: 10em;
    }
    #update_progressbar .progress-bar { width: 100%; border-radius: 10em; }
    #progress_holder { border-radius: 10em; }
    #update_progressbar #progress_label {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        font-weight: 700;
        color: white;
    }
    #update_progressbar #progress_label_close {
        position: absolute;
        float: right;
        right: 0;
        text-align: center;
        font-weight: 700;
        color: white;
        text-align: center;
        cursor: pointer;
        right: 10px;
    }


    #prev_period_btn, #current_period_btn { min-width: 156px; }

    .narrow-hr {
        margin: 5px;
        border-color: grey;
    }

  #ref-description {background-color: inherit;}

  #application-creator {display: none;}

  .progress-widget {
    clear: both;
    margin-top: 0;
    padding: 10px 15px;
    min-height: 100px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    background: #fff;
  }
  .progress-widget .table {margin-bottom: 0;}
  .progress-widget-green {background-color: #01ba311a !important}

  .progress-widget .table > thead > tr > th,
  .progress-widget .table > tbody > tr > th,
  .progress-widget .table > tfoot > tr > th,
  .progress-widget .table > thead > tr > td,
  .progress-widget .table > tbody > tr > td,
  .progress-widget .table > tfoot > tr > td {
    border-top: 1px solid darkgray;
    font-size: 14pt;
  }
  .progress-widget .table > thead > tr > th {
    border-bottom: 1px solid darkgray;
  }


  .progress-widget-blue { background-color: rgba(0, 200, 255, 0.2) !important}

  .autocomplete-multiline {word-wrap: break-word;}
  .cor-field-one {margin-top: 0.2em; margin-bottom: 0.2em;}
  .cor-info-type-select:focus {background-color: #90ee90;}
  .cor-info-type-select option:not(:checked) {background-color: initial; }

  #cor-add {margin-top: 1em;max-width: 99%;}
  #cor-rem {margin-top: 1em; margin-bottom: 3em;max-width: 99%;}
  #cor-list > * {margin: 0.2em;}
  .corrections-header {background-color: #ffffff; padding: 5px; margin: 3px;}

  #image-preview-container {position: fixed;}
  .no-opacity {opacity: 1 !important;}

    .field_img { width: 300px; cursor: pointer; }
    .td-center { text-align: center; }
    .stats-text {font-size: 2.0ex;}

  #document-admin-form p { color: black; }
  #document-admin-form label { color: grey; }
  #document-admin-form .existing-file-url {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

  td,th {padding: 10px;}
  .bordered {border: solid black 1pt;}
  .highlight {background-color: #f4d8d8;color: black;}
  .space-before {padding-top: 30pt; font-size:14pt;}
  .header-string {padding-top: 5pt; font-size:12pt;}

  .instruction-page img {max-width: 100%;}

  .instruction-section {
    padding: 1em;
    margin: 1em auto;
    border-top: 1px solid;
  }
  .instruction-section-text {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    text-align: left;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
  }
  .instruction-section-object,
  .instruction-section-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    max-width: 100%;
    overflow: hidden;
  }

  .instruction-section-image img {
    max-width: 100%;
    max-height: 80vh;
    height: auto;
    display: block;
    object-fit: contain;
  }

  .instruction-section-object object {
    width: 100%;
    height: 90vh;
    display: block;
    border: none;
  }


  #input-progress-holder {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0 auto;
    max-width: 30em;
  }

  /*
  progress#input-progress::-webkit-progress-bar,
  progress#input-progress::-moz-progress-bar,
  */
  #input-progress {
    background-color: #f3f3f3;
    border: 0 none;
    height: 1.3em;
    width: 70%;
  }

  .progress-text {
    color: #555;
    float: right;
    font-size: 0.8em;
    height: 18px;
    line-height: 20px;
    margin-left: 5px;
    padding: 0 5px;
  }
  #right-value-holder, #prev-value-holder {
    font-weight: 700;
  }
  #right-value-holder.success {
    color: green;
  }
  #right-value-holder.fail {
    color: red;
  }


    .operator-text, .operator-text-style {font-family: "Lucida Console", Monaco, monospace;}
    .operator-text {font-size: 2.4ex;}
    .user-tests-block {display: flex;flex-wrap: wrap;}
    .test {
        width: 19%;
        margin: 0 1% 15px 0;
        min-height: 50px;
        min-width: 15em;
        margin: 0.5em 0.3em;
        padding: 15px 20px;
        border-radius: 2px;
        border-color: #e7eaec;
        -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
        background-color: #ffffff;
    }
    .test span {
      float: none !important;
      font-size: 14px;
      display: block;
      padding: 5px 0;
    }
    .test .btn {
      display: block;
      margin: 0;
      float: none !important;
    }
    .test:hover {background-color: rgba(0, 0, 0, 0.01);}
    .test-passed:hover {background-color: rgba(200, 200, 0, 0.1);}
    .test-blocked:hover {background-color: rgba(256, 0, 0, 0.15);}
    .test span {padding: 6px 12px;}
    .test-passed i{color: green;}
    .test-blocked i{color: red;}
    .empty-block {
        margin: 0.5em 2em 1em;
        padding: 3em;
        text-align: center;
        border-radius: 4px;
    }
    .empty-block * {font-size: 4ex;}
    .user-learning-tooltip::after {
        padding: 5px;
        font-size: 16px;
        line-height: 1.1;
    }
    .btn-default {
      border-color: #adadad;
    }

    .news-item {
        min-height: 85px;
        margin: 0.3em;
        padding: 15px 20px;
        border-radius: 2px;
        border-color: #e7eaec;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        background-color: #ffffff;
        cursor: pointer;
    }

    .news-unread {
        background-color: lightgreen;
        top: 0;
        right: -80%;
    }

    .news-img {
        float: right;
        background-color: lightgreen;
        max-height: 7em;
        max-width: 10em;
    }

    @media (min-width: 768px) {
        /* 2 плитки*/
        .news-item { width: 48%; }
        .news-unread { right: -75%; }
    }

    @media (min-width: 1200px) {           
        /* 4 плитки*/
        .news-item { width: 24%; }
        .news-unread { right: -55%; }
    }


    .news-block { margin: 0 auto; }
    .show-more-news {
        display: flex;
        justify-content: center;
        margin-top: 1em;
    }
    .news-block:nth-child(odd){ clear:both; }
    .news-block * { color: black; }
    @media (min-width: 768px) {
        /* 2 плитки*/
        .news-block a:nth-child(2n+1) { clear: both; }
    }

    @media (min-width: 1200px) {
        /* 4 плитки*/
        .news-block a:nth-child(2n+1) { clear: none; }
        .news-block a:nth-child(4n+1) { clear: both; }
    }


    .read-news-block h3 { color: grey; }
    .read-news-block .CodeMirror {
        border: none;
        overflow: visible;
        padding: 15px 20px 20px 20px;
        border-color: #e7eaec;
        border-style: solid solid none;
        border-width: 0px 1px;
    }
    .read-news-block .CodeMirror-code,
    .read-news-block .CodeMirror-scroll,
    .read-news-block .CodeMirror-vscrollbar {
        display: none !important;
    }
    .read-news-block .editor-preview {
        background: white;
        height: initial;
        word-wrap: break-word;
    }

  #agreements {
    box-shadow: 0px 0px 1ex 1ex rgba(255, 0, 0, 0.3);
    padding: 1em;
  }

  .flex {
    display: flex;
  }
  .right-column {
    width: 50%;
    padding: 1em 0em 1em 0em;
    float: right;
  }
  .left-column {
    width: 50%;
    padding: 1em 1em 1em 0em;
    float: left;
  }
  .images-container {
    padding: 0.1em;
    background-color : #ffffff;
  }
  .images-container-header div {
    text-align: center;
  }
  #profile-documents #props, #profile-documents #props-fields, #profile-documents #photos, #profile-documents #agreements-sign {display: none}
  .images-container-img, .images-container-img-empty {
    margin-bottom: 10px;
    border : 1px solid #c8c8c8;
    border-radius : 5px;
    box-shadow : 0 0 2px #c8c8c8;
    background-color : #ffffff;
    text-align: center;
    cursor: pointer;
  }
  .images-container-img-empty {
    padding: 3em;
  }
  .images-container-img i {
    width: 100%;
    left: 0;
  }
  .images-container-img img {
    width: 100%;
    height: 100%;
  }
  .btn-group-toggle > label.active {background-color: #1c84c6;}

    .profile-header { text-align: center; }
    #personal-data-info p {margin:0;}

  #ref-description {background-color: inherit;}

    .field_img { width: 300px; cursor: pointer; }
    .td-center { text-align: center; }
    .stats-text {font-size: 2.0ex;}

  .field_img { width: 300px; cursor: pointer; }
  .td-center { text-align: center; }


  .withdraw-btn-holder button {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: inline-block;border:0;outline: none;text-align: center;word-wrap: normal;white-space: nowrap;text-decoration: none!important;font-family:'Open Sans',sans-serif;height:5.5rem;min-width: 100px;padding: 0 50px;border-radius: 6px;font-size:2rem;line-height:5.5rem;background: #8BC34A;background: linear-gradient(180deg,#8BC34A 0,#7aad3f);color: #fff!important;margin: 0 10px;transition:all .2s linear !important;outline:0 !important;font-weight:300}
  .withdraw-btn-holder button:hover {background: #a3e468;background: linear-gradient(180deg,#a3e468 0,#94ce47);}
  .withdraw-btn-holder {text-align:center;}