@charset "UTF-8";

/* Reset */
*,
::before,
::after {
    box-sizing: border-box;
}

    *:focus {
        outline: none;
    }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

blockquote,
q {
    quotes: none;
}

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: " ";
    }

p {
    padding: 0;
    margin: 0;
}

textarea {
    overflow: auto;
    resize: none;
}

/* CSS variables */
:root {
    --white: #ffffff;
    --black: #000000;
    --blue: #dbedff;
    --coral: #ffdfdf;
    --green: #a6e7b6;
    --gumleaf: #a6b7aa;
    --lavenderblush: #fff0f5;
    --lightgreen: #ddfbce;
    --orange: #ffd28e;
    --pink: #fdc2bf;
    --lightpink: #fcf3f5;
    --darkred: #674d4f;
    --purple: #d7c4ff;
    --yellow: #f9fada;
    --text-title: #5c665f;
    --text-sub: #4c4c4c;
    --hover-link: #0e5ba4;
    --hover-table-row: #fff9f7;
    --hover-button: #ddebd6;
    --active-button: #c1dab4;
    --disabled-color: #666666;
    --disable-border: #999999;
    --disable-background: #cccccc;
    --border-color: #99a39c;
    --color-primary: var(--yellow);
    --color-secondary: var(--green);
    --color-accent: var(--lightgreen);
}

/* Colors */
.is-black {
    --bg-color: var(--black, #000);
    background-color: var(--black, #000);
}

.is-white {
    --bg-color: var(--white, #fff);
    background-color: var(--white, #fff);
}

.is-blue {
    --bg-color: var(--blue, #dbedff);
    background-color: var(--blue, #dbedff);
}

.is-coral {
    --bg-color: var(--coral, #ffdfdf);
    background-color: var(--coral, #ffdfdf);
}

.is-green {
    --bg-color: var(--green, #a6e7b6);
    background-color: var(--green, #a6e7b6);
}

.is-gumleaf {
    --bg-color: var(--gumleaf, #a6b7aa);
    background-color: var(--green, #a6b7aa);
}

.is-lavenderblush {
    --bg-color: var(--lavenderblush, #fff0f5);
    background-color: var(--lavenderblush, #fff0f5);
}

.is-lightgreen {
    --bg-color: var(--lightgreen, #ddfbce);
    background-color: var(--lightgreen, #ddfbce);
}

.is-orange {
    --bg-color: var(--orange, #ffd28e);
    background-color: var(--orange, #ffd28e);
}

.is-pink {
    --bg-color: var(--pink, #fdc2bf);
    background-color: var(--pink, #fdc2bf);
}

.is-purple {
    --bg-color: var(--purple, #d7c4ff);
    background-color: var(--purple, #d7c4ff);
}

.is-yellow {
    --bg-color: var(--yellow, #f9fada);
    background-color: var(--yellow, #f9fada);
}

/* Text */
.is-sub-text,
.has-sub-text {
    color: var(--text-sub);
    font-family: Verdana, sans-serif;
    margin-top: 4px;
    font-size: 10px;
}

/* Borders */
.has-border-blue,
.has-blue-border {
    --border: 1px solid var(--blue);
    border: 1px solid var(--blue);
}

.has-border-coral,
.has-coral-border {
    --border: 1px solid var(--coral);
    border: 1px solid var(--coral);
}

.has-border-green,
.has-green-border {
    --border: 1px solid var(--green);
    border: 1px solid var(--green);
}

.has-border-lavenderblush,
.has-lavenderblush-border {
    --border: 1px solid var(--lavenderblush);
    border: 1px solid var(--lavenderblush);
}

.has-border-lightgreen,
.has-lightgreen-border {
    --border: 1px solid var(--lightgreen);
    border: 1px solid var(--lightgreen);
}

.has-border-orange,
.has-orange-border {
    --border: 1px solid var(--orange);
    border: 1px solid var(--orange);
}

.has-border-pink,
.has-pink-border {
    --border: 1px solid var(--pink);
    border: 1px solid var(--pink);
}

.has-border-purple,
.has-purple-border {
    --border: 1px solid var(--purple);
    border: 1px solid var(--purple);
}

.has-border-yellow,
.has-yellow-border {
    --border: 1px solid var(--yellow);
    border: 1px solid var(--yellow);
}

/* Shadow */
.has-shadow {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

/* Icons */
.icon-70-registry {
    background: url(/gfx/icn_1_70.png) center no-repeat;
}

.icon-70-download {
    background: url(/gfx/icn_3_70.png) center no-repeat;
}

.icon-70-user {
    background: url(/gfx/icn_4_70.png) center no-repeat;
}

.icon-70-document {
    background: url(/gfx/icn_5_70.png) center no-repeat;
}

.icon-24-info {
    margin: 8px;
    padding: 12px;
    background: url(/gfx/icn_9_24.png) center no-repeat;
    background-color: var(--bg-color);
    cursor: pointer;
}

.icon-16-loading {
    margin: calc(var(--size, 1) * 5px);
}

/* Sizes */
.is-small {
    --size: 1;
}

.is-medium {
    --size: 2;
}

.is-large {
    --size: 3;
}

.is-fullwidth,
.has-fullwidth {
    width: 100%;
    max-width: calc(100vw - 2px);
}

/* Position */
.is-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

/* Visibility */
.is-hidden,
.is-invisible {
    display: none;
}

.is-visible,
.is-unhidden {
    display: block;
}

/* Buttons */
.btn {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: calc((var(--size, 1) * 4px) - 4px);
    border: var(--border, 1px solid var(--color-secondary));
    background-color: var(--color-primary);
    background-image: none;
    padding: calc(var(--size, 1) * 2px) calc(var(--size, 1) * 6px);
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    font-family: inherit;
    font-size: inherit;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .btn:hover {
        background-color: var(--hover-button);
    }

    .btn:focus {
        outline: 0;
    }

    .btn:active {
        -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
        transform: translateY(1px);
        background-color: var(--active-button);
    }

    .btn:disabled,
    .button:disabled,
    .btn[disabled],
    button:disabled,
    button[disabled] {
        border: 1px solid var(--disable-border);
        background-color: var(--disable-background);
        color: var(--disable-color);
    }

.wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

.container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 auto;
}

/* Page Type */
.page-reestr {
    background-color: var(--white, #fff);
}

.page-document {
    background-color: var(--blue, #dbedff);
}

.page-reestr,
.page-document {
    height: 100%;
    min-height: 100%;
    margin: 0;
}

/* Page */

.page-main-container {
    position: relative;
    display: table;
    height: 100%;
    min-width: 1200px;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 2px;
}

.page-wrapper {
    width: 100%;
}

    .page-wrapper > div,
    .page-wrapper > table,
    .page-wrapper > div > table {
        margin-left: auto;
        margin-right: auto;
    }

.page-content {
    display: flex;
    flex-flow: row wrap;
}

/* Fix: Исправление ширины заголовка */
.content #ctl00_plate_gr,
.content div[style="padding-top: 5px; padding-bottom: 5px;"],
.content div.h01c.mncap.bld,
.content #tabs,
.content #taskZoomContainer {
    width: 100%;
}

/* Header */
.page-header {
    width: 100%;
    padding-bottom: 2px;
}

.nav {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

.nav-logo,
.nav-main-menu,
.nav-main-menu > div,
.nav,
.nav-profile,
.nav-profile tr,
[name="nav-caption"],
[name="nav-caption"] div {
    height: 50px;
}

.nav-logo-img,
.nav-logo-title,
.nav-main-menu {
    display: inline-block;
    vertical-align: middle;
}

.nav-profile tr,
[name="nav-caption"] div {
    display: table-cell;
    vertical-align: middle;
}

/* Logo */
.nav-logo {
    background-color: var(--white);
    padding: 8px;
    min-width: 232px;
    flex-shrink: 0;
    user-select: none
}

.nav-logo-title {
    padding-left: 8px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 1.4;
    color: var(--text-title);
    text-align: center;
    cursor: pointer;
    user-select: none;
}

/* Multi caption */
[name="nav-caption"] div {
    min-width: 172px;
    max-width: 264px;
    width: 264px;
    padding-right: 4px;
    padding-left: 4px;
}

/* Main menu */
.nav-main-menu {
    margin-right: auto;
    min-width: 520px;
}

    .nav-main-menu > div {
        width: auto;
        min-width: unset;
    }

    .nav-main-menu .mpmm-top-item-link {
        display: inline-block;
    }

    .nav-main-menu .mpmm-subtitle {
        margin-top: 8px;
    }

@media screen and (max-width: 1080px) {
    .mpmm-layout-tbl tr {
        display: flex;
        flex-direction: column;
    }
}

/* User Profile */
.nav-profile {
    flex: 1;
    max-width: 420px;
    background-color: var(--color-accent);
}

    .nav-profile .uname {
        font-size: 12px;
        font-weight: bold;
        line-height: 1.5;
        text-align: left;
        font-family: Verdana, sans-serif;
    }

    .nav-profile a {
        color: inherit;
        padding: 4px 8px;
        margin-left: 8px;
    }

        .nav-profile a:hover {
            text-decoration: none;
        }

    .nav-profile tr {
        padding-right: 8px;
    }

/* Important messages */
.important-messages {
    width: 100%;
}

.important-message {
    padding: 4px 8px;
    margin-bottom: 2px;
}

/* Additional & Fixes */
/* ==================== */

/* Fix: Испрвление высоты полей ввода в фильтрах */
tr .h_in,
td .h_out {
    min-height: 24px;
    margin: 0;
    padding: 2px 0 2px 2px;
    width: auto;
    max-width: 100%;
}

/* Fix: Исправление отображения нижней командной панели */
.menu-bar-bottom {
    padding: 0;
}

.commands-panel_container {
    padding: 4px;
}

/* Fix: Исправление длины полей в  фильтрах */
.twitter-typeahead {
    width: 100%;
}

/* Fix: Исправление высоты строки для "twitter-typeahead" фильтра */
.tt-hint {
    line-height: 1.5;
    color: #777;
    font-weight: normal;
}

/* Fix: Выпадения иконок "Справки" */
button[title="справка"] {
    padding: 0;
}

/* Fix: Справки на странице заявления ПЦ */
.form-alert-message {
    margin: 16px auto;
}

/* Fix: Выпадение иконок из кнопок */
.commands-panel_group .btn_flat,
.commands-panel_group button {
    height: 40px;
    padding: 4px 6px;
}

    .commands-panel_group .btn_flat img,
    .command-panel_button img {
        height: 28px;
        width: 28px;
        padding: 2px;
    }

/* Fix: Исправление высоты полей в КЭ в разделе РЗ и НД  */
.tab-column input {
    min-height: 24px;
}

/* Fix: Исправление кнопки "Сохранить" в КЭ в разделе РЗ и НД  */
button[onclick="saveRuAndNd(); return false;"] {
    vertical-align: top;
}

    button[onclick="saveRuAndNd(); return false;"] img {
        margin-top: -2px;
    }

/* Fix: Исправления размера вкладок в КЭ */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 4px 8px;
}

/* Fix: Исправления тени в КЭ */
.hdr_flat_big_sh {
    box-shadow: none;
}
/* Fix: Исправления ввода для полей на форме заявления по ПЦ */
.p-edit-field input[type="text"] {
    text-align: left;
}

/* Fix: Таблиц  нна форме заявления по ПЦ */
.p-lp-list-wrap {
    max-width: 100%;
    overflow: auto;
}

#tFindPack,
#ctl00_plate_tEditPack {
    margin: 5px auto !important;
}
.btn_flat:hover {
    background-color: #ddebd6;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.flex-content {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.flex-start {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
}

.justify-end {
    justify-content: end;
}

.justify-start {
    justify-content: start;
}

.justify-space-between {
    justify-content: space-between;
}

.flex-column {
    display: flex;
    align-items: center;
    flex-direction: column;
}

/* Ширина контента*/
.width-16 {
    width: 16px;
}

.width-100 {
    width: 100px;
}

.width-140 {
    width: 140px;
}

.width-210 {
    width: 210px;
}

.width-100p {
    width: 100%;
}

/* Высота контента*/

.height-20 {
    height: 20px;
}

.caption-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 27px;
}

.caption-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 24px;
}

.btn_group {
    height: 24px;
    margin-left: 2px;
    width: 34px;
}

.flex-grow-1 {
    flex-grow:1
}

.ml-2 {
    margin-left: 2px;
}

.ma-2 {
    margin: 0px 2px;
}

.menu-table {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* height: 24px; */
    text-align:  center;
    font-size: 12pt;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    color: #5c665f;
    padding: 0px 2px;
}


.commands-panel_group button.command-panel_button {
    width: 40px;
    height: 36px;
    font-size: 22px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 0.5px #4444;
    margin-right: 10px;
}

.commands-panel_group button.command-panel_button_small {
    width: 30px;
    height: 28px;
    font-size: 14px;
    border-radius: 2px;
    box-shadow: 1px 1px 1px 0.5px #4444;
    margin-right: 8px;
}


button.command-panel_button:active {
    background-color: #d6e2d0;
}

.fa.fa-undo,
.fa.fa-print,
.fa.fa-download,
.fa.fa-upload,
.fa.fa-file-text-o,
.fa.fa-file-word-o,
.fa.fa-folder-open,
.fa.fa-envelope-o:before,
.fa.fa-arrow-left,
.fa.fa-list,
.fa.fa-file,
.fa.fa-file-text,
.fa.fa-comment,
.fa.fa-history {
    color: #6bbaff;
}

.fa.fa-pencil-square-o {
    color: #ff835d;
}

.color-white,
.fa.fa-list.color-white,
.fa.fa-exchange.color-white,
.fa.fa-file-text.color-white,
.fa.fa-arrow-down.color-white,
.fa.fa-check-circle.color-white {
    color: #ffffff !important;
}

.color-red,
.fa.fa-file-text.color-red,
.fa.fa-remove,
.fa.fa-file-pdf-o,
.fa.fa-warning {
    color: #fdc2bf !important;
}

.color-darkred {
    color: #d03c1c !important;
}

.color-green,
.fa.fa-file-text.color-green {
    color: #a6e7b6 !important;
}

.color-olive {
    color: #dddf6d;
}

.fa.fa-reply,
.fa.fa-list-alt,
.fa.fa-sign-in {
    color: #ffd28e;
}

.fa.fa-graduation-cap,
.fa.fa-question-circle,
.fa.fa-check-circle,
.fa.fa-info-circle,
.fa.fa-file-excel-o,
.fa.fa-arrow-down,
.fa.fa-arrow-right,
.fa.fa-floppy-o,
.fa.fa-exchange,
.fa.fa-refresh,
.fa.fa-rotate-right,
.fa.fa-sitemap,
.fa.fa-check,
.fa.fa-user,
.fa.fa-plus,
.fa.fa-th-large,
.fa.fa-delicious,
.fa.fa-plus-square {
    color: #a6e7b6;
}

.fa.fa-search-plus,
.fa.fa-clone,
.fa.fa-file-zip-o,
.fa.fa-long-arrow-down,
.fa.fa-long-arrow-up {
    color: #666659;
}