html {
    height: 100%;
}

body {
    font-family: 'HelveticaNeueCyr';
    height: 100%;
}

/* UI Instruments */


:root {
    --mcolor: #4BB04A;
    --mcolor_hover: #4AD748;
    --mcolor_green: #62BB4D;
    --mcolor_blue: #0093E9;
    --mcolor_yellow: #fff3cd;
}

.ui_color {
    color: var(--mcolor);
}

.ui_color_red {
    color: red !important;
}

.ui_color_green {
    color: var(--mcolor_green) !important;
}

.ui_color_yellow {
    color: var(--mcolor_green) !important;
}

.ui_color_blue {
    color: var(--mcolor_blue) !important;
}


.ui_bg_red {
    background: red !important;
}

.ui_bg_green {
    background: var(--mcolor_green) !important;
}

.ui_bg_yellow {
    background: var(--mcolor_green) !important;
}

.ui_bg_blue {
    background: var(--mcolor_blue) !important;
}

a {
    text-decoration: none;
}

.ui_link {
    transition: all 0.2s;
}

.ui_link:hover {
    color: var(--mcolor);
    text-decoration: underline;
}

.clear {
    clear: both;
}

.nopadding {
    padding: 0 15px;
}

.nopadding > div {
    padding: 0;
}

.outline {
    outline: 1px solid red;
}

.ui_button {
    cursor: pointer;
    color: white;
    background: var(--mcolor);
    outline: none;
    border-radius: 4px;
    border: none;
    transition: all 0.5s;
}

.ui_button:hover {
    background: var(--mcolor_hover);
}

.ui_button:focus {
    outline: none;
}


.ui_button_inversion {
    cursor: pointer;
    color: black;
    background: none;
    outline: none;
    border: 1px solid var(--mcolor);
    transition: all 0.5s;
}

.ui_button_inversion:hover {
    background: var(--mcolor);
}


.ui_width_100 {
    width: 100%;
}

/* UI FORMS */
.dark_light {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    display: none;
}

.thanks_window {
    width: 400px;
    height: 190px;
    background: white;
    position: fixed;
    top: 20%;
    padding: 25px;
    left: 50%;
    margin-left: -200px;
    box-sizing: border-box;
    z-index: 11;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none;
}

.thanks_window_title {
    font-size: 24px;
    margin-bottom: 25px;
    text-align: center;
}

.thanks_window_text {
    line-height: 1.3;
    text-align: center;
}

.window {
    width: 440px;
    position: fixed;
    left: 50%;
    margin-left: -220px;
    background: white;
    top: 5%;
    z-index: 11;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    line-height: 1.3;
}

.window_close {
    position: absolute;
    right: 10px;
    background: url(../images/close.svg);
    width: 22px;
    height: 22px;
    top: 10px;
    cursor: pointer;
}


.window_close:hover {
    background-position: 0 -22px;
}

.window_title {
    text-align: center;
    padding: 15px;
    font-size: 24px;
    font-weight: bold;
}

.widow_input_wrap {
    width: 80%;
    margin-left: 10%;
    margin-bottom: 25px;
}

.widow_input {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.widow_input_title {
    margin-bottom: 8px;
    font-weight: bold;
}

.widow_input_title span {
    font-size: 11px;
}


.widow_input_st {
    margin-top: 18px;
    padding: 13px 0;
    border: none;
    font-size: 20px;


    font-weight: bold;
    line-height: 1.2;
    font-size: 20px;
    cursor: pointer;
    width: 100%;

}

.window_line {
    padding: 0 15px 15px 15px;
    font-size: 14px;
    text-align: center;
}

.hidden_input {
    display: none;
}

.window_info {
    text-align: center;
    font-size: 14px;
    padding-bottom: 15px;
}





/* UI content */
.content {
    line-height: 1.4;
}

.content p {
    margin-bottom: 25px;
}

.content ul {
    list-style: disc;
    margin: 10px 0;
    margin-left: 20px;
}

.content ol {
    list-style: decimal;
    margin: 10px 0;
    margin-left: 20px;
}

.content b {
    font-weight: bold;
}

.content strong {
    font-weight: bold;
}

.content i,
.content em {
    font-style: italic;
}

.content table {
    width: 100%;
    margin: 10px 0;
}

.content table tr {
    width: 100%;
}

.content table td {
    border: 1px solid grey;
    padding: 10px;
}

.content table th {
    border: 1px solid grey;
    padding: 10px;
}

.content img {
    padding: 0px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    height: auto !important;
}

.content iframe {
    border-radius: 4px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    height: auto !important;
}

.content h1 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 30px;
}

.content h2 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 26px;
}

.content h3 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 24px;
}

.content h4 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 22px;
}

.content h5 {
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 20px;
}

.content h6 {
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 18px;
}

.content a {
    color: #f7161b;
    text-decoration: underline !important;
}

.content a {
    color: #f7161b;
    text-decoration: underline !important;
}

.content blockquote {
    padding: 12px 15px;
    background: #fff3cd;
    margin-bottom: 20px;
    border-radius: 4px;
}

.content blockquote.green {
    background: #d4edda;
}

.content blockquote.red {
    background: #f8d7da;
}

.noshadow {
    box-shadow: none !important;
}

.ui_nobutton {
    background: none;
    border: none;
}

.ui_nobutton:focus {
    outline: none;
}

.ul_defice li {
    list-style-type: none;
    /* Убираем маркеры у списка */
}

.ul_defice li:before {
    content: "— ";
    margin-right: 0px;
    position: absolute;
    left: 30px;
    /* Добавляем в качестве маркера символ */
}

.ul_red_ball li {
    list-style-type: none;
    /* Убираем маркеры у списка */
}



/* breadCrumbs  */
.bread li {
    float: left;
    margin-right: 10px;
    color: black;
    font-size: 14px;
}

.bread li a {
    color: black;
}

.bread li a:hover {
    color: var(--mcolor);
    text-decoration: underline;
}


.arrow_left:hover {
    background-position: 0 -34px;
}

.arrow_right:hover {
    background-position: 0 -34px;
}

.login_form_title {
    font-style: normal;
    font-weight: 400;
    margin-bottom: 32px;
    font-size: 40px;
    line-height: 40px;
    /* identical to box height */

    text-align: center;

    /* 2E2E2E */

    color: #2E2E2E;
}

.login_form_wrap_input input {
    background: #F4F4F4; font-family: Verdana;
    width: 100%;
    border: none;
    padding: 20px;
    border-radius: 4px;
}

.login_form_wrap_input input:focus {
    outline: none;
}

.login_form_wrap_input {
    margin-bottom: 24px;
}

.login_form_wrap_button {
    margin-top: 8px;
}

.login_form_wrap_button button {
    padding: 20px;
    width: 100%;
}

.login_form {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -144px;
}

.sidebar {
    background: #252E3F;
    position: relative;

    height: 100%;

}

.page_wrapper {
    display: grid;
    grid-template-columns: 400px auto;
    height: 100%;
}

.sidebar_logo_text {
    font-style: normal;
    width: 178px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;

    color: #FFFFFF;

}

.sidebar_logo {
    display: flex;
    align-items: center;
    background: #2E384A;
    padding: 0px 56px;
    margin-bottom: 65px;
}

.sidebar_username {
    font-style: normal;
    padding: 0 56px;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    /* identical to box height */
max-width:350px;

    color: #FFFFFF;
    margin-bottom: 56px;
}

.sidebar_menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    color: #FFFFFF;

}

.sidebar_menu li {
    margin-bottom: 24px;
}

.sidebar_menu li a:hover {
    text-decoration: underline;
}

.sidebar_exit {
    position: absolute;
    bottom: 100px;
    padding: 0 56px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */
    background: none;
    border:none;

    color: #FFFFFF;
}

.sidebar_exit img {
    margin-left: 8px;
    margin-bottom: -3px;
}

.sidebar_logo_img {
    margin-right: 24px;
}


.sidebar_logo_img img{width:100%; max-width:80px;}

.sidebar_menu {
    padding: 0 56px;
}

.sidebar_menu li {
    position: relative;
}

.sidebar_menu li span {

    background: #FFFFFF;
    width: 19px;
    height: 19px;
    border-radius: 90px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: block;
    padding: 3px 0;
    line-height: 14px;
    position: absolute;
    right: 0;
    /* identical to box height */
    top: -0px;

    text-align: center;

    color: #000000;
}

.sidebar_menu li.active a {
    color: var(--mcolor);
}

.page_content {
    padding: 88px 56px;
}

.page_header {
    border-bottom: 1px solid #CBCBCB;
    align-items: center;
    display: flex;
    padding-bottom: 24px;
    margin-bottom: 32px;
}

.page_title {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;
}

.page_title small{font-size: 16px;}

.page_title_buttons {
    margin-left: auto;
}

.page_title_buttons button {
    margin-left: auto;
    padding: 13px;
    border-radius: 4px;
}

.statistic_block {
    background: #F4F4F4;
    display: grid;
    grid-template-columns: auto 56px;
    overflow: hidden;
    border-radius: 4px;
}

.statistic_block_content_title {
    font-style: normal;
    font-weight: 400;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 16px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;
    margin-bottom: 8px;
}

.statistic_block_content_value {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;

}

.statistic_block_link {
    background: var(--mcolor);
    transition: all 0.5s;
}

.statistic_block_link:hover {
    background: var(--mcolor_hover);
}

.statistic_block_link a {
    padding: 38px 12px;
    display: block;
}

.statistic_blocks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
}

.page_body {}

.statistic_title {
    margin-bottom: 16px;
}

.statistic_block_content {
    padding: 24px 28px;
}


.sidebar_inner {
    position: fixed;
    height: 100%;
    z-index: 1;
    padding-top: 72px;
    background: #252E3F;
}


.mobile_header {
    padding: 16px 20px;
    display: flex;
    position: fixed;
    border-bottom: 1px solid #DCDCDC;
    width: 100%;
    z-index: 10;
    align-items: center;
    background: white;
    display: none;
}

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

.mobile_header_burger {
    margin-left: auto;
    padding: 15px;
    padding-right: 0;
}

.mobile_header_logo_img img {
    width: 46px;
    margin-right: 12px;
}


.mobile_header_logo_content {
    font-style: normal;
    max-width: 150px;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;

    /* 707070 */

    color: #707070;

}

.sidebar_close {
    display: none;
    cursor: pointer;
    z-index: 12;
}

.page_body_button input {
    margin-right: 24px;
    background: #F3F3F3;
    border: 1px solid #CBCBCB;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    transition: all 0.3s;
    line-height: 16px;
    padding: 0 20px;
    /* identical to box height */

    height: 56px;
    box-sizing: border-box;
    /* 707070 */

    color: #707070;
    border-radius: 4px;
}


.page_body_button button {
    margin-right: 24px;
    background: #F3F3F3;
    border: 1px solid #CBCBCB;
    font-style: normal;
    font-weight: 400;
    position: relative;
    z-index: 2;
    font-size: 16px;
    transition: all 0.3s;
    line-height: 16px;
    padding: 20px 24px;
    /* identical to box height */

    height: 56px;
    box-sizing: border-box;
    /* 707070 */

    color: #707070;
    border-radius: 4px;
}

.page_body_button button img {

    margin-top: -5px;
    float: right;
    margin-left: 27px;
}

.page_body_buttons {
    display: flex;
    margin-bottom: 32px;
}



.page_body_button button:hover {

    background: none;
}


.page_body_button button.ui_button {
    cursor: pointer;
    color: white;
    background: var(--mcolor);
    outline: none;
    border-radius: 4px;
    border: none;
    transition: all 0.5s;
}

.page_body_button button.ui_button:hover {
    background: var(--mcolor_hover);
}

.page_table table {
    width: 100%;
}

.page_table table thead td {
    border-radius: 0px;
    background: var(--mcolor);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    /* identical to box height */


    color: #FFFFFF;
    padding: 20px;
    border-right: 1px solid white;
}

.page_table table tbody td {
    border-radius: 0px;
    font-style: normal;

    font-size: 16px;
    line-height: 1.3;
    /* identical to box height */

    padding: 20px;
}

.page_table table tbody tr:nth-child(odd) {
    background: #F3F3F3;
}

.page_table {
    width: 100%;
    margin-bottom: 48px;
}

.page_table small{font-size: 12px;}
.page_table td a {
    color: black !important;
}

.page_table td a:hover {
    text-decoration: underline;
}

.page_body_button {
    white-space: nowrap;
    position: relative;
}

.page_body_atribut {}

.date_range_input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 1px;
    height: 1px;
    background: none !important;
    border: none;
    padding: 0 !important;
}

.date_range_input:focus {
    outline: none !important;
    border: none !important
}

.page_body_atribut_filter {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 32px;
    line-height: 16px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;

}

.page_body_button_excel {
    background: var(--mcolor) !important;
    color: white !important;
    transition: all 0.4s;
}

.page_body_button_get_order_crm{margin-left: auto; float: right; margin-right: 0}
.page_body_button_get_order_crm button{margin-right: 0}


.page_body_button_excel:hover {
    background: var(--mcolor_hover) !important;
    color: white !important;
}



.order_info_block_title {
    font-style: normal;
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;
}


.order_info_block_item_title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;

    margin-bottom: 8px;
}

.order_info_block_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
}

.order_info_block_items4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
}

.order_info_block_item_input input {
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    width: 100%; font-family: Tahoma;
    padding: 13px !important;
}

.order_info_block_item_input input:disabled {
    background: #CBCBCB;
}

.order_info_block_item_input select {
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    width: 100%;
    padding: 13px !important;
}

.order_info_block_item_input select:disabled {
    background: #CBCBCB;
}

.order_info_block_item_input textarea {
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    width: 100%;
    padding: 13px;
}

.ui_input {
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 4px;

    padding: 13px;
}

.order_mini_info {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.order_mini_info_item {
    margin-right: 32px;
}

.order_info_block {
    border-bottom: 1px solid #CBCBCB;
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.order_info_block:last-child {
    border-bottom: 0px solid #CBCBCB;
}

.order {
    display: grid;
    grid-template-columns: auto 300px;
    grid-gap: 24px;
}

.order_info_block_items_comment {
    display: block;
}

.order_button button {
    padding: 15px 50px;
}

.order_docs_item {
    margin-bottom: 16px;
}

.order_docs_item a {
    display: flex;
}

.order_docs_item a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;
}

.order_docs_item a img {
    float: left;
    margin-right: 5px;
    margin-top: -2px;
}

.order_docs_item a:hover {
    text-decoration: underline;
}

.order_docs {
    order: 2;
}

.order_docs_items {
    background: #F3F3F3;
    padding: 24px;
    border-radius: 4px;
    height: inherit;
    position: sticky;
    top: 20px;
}

.order_info {
    margin-bottom: 40px;
    order: 1;
}

.order_info_block_item_error {
    font-style: normal;
    margin-top: 10px;
    display: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    /* identical to box height */


    color: #FF0000;
}

.error input {
    border: 1px solid #FF0000;

}

.error .order_info_block_item_error {
    display: block;
}

.page_table_button {
    padding: 8px;
    background: #F3F3F3;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    padding-bottom: 4px;
}

.page_table_button:hover {
    padding: 8px;
    background: #F3F3F3;
    border: 1px solid #CBCBCB;
    background: #CBCBCB;
    border-radius: 4px;
    padding-bottom: 4px;
}

.statistic {
    margin-bottom: 40px;
}

.page_body_button_excel_wrap {
    margin-left: auto;
    margin-right: 0 !important;
}

.page_body_button_excel_wrap button {

    margin-right: 0 !important;

}

.order_info_block_item_return_remains {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.order_info_block_item_return_remains .ui_button {
    padding: 15px;
    width: 100%;
}

.order_info_block_item_input_max_width {
    max-width: 300px;
}


.operator_alert_message {
    background: #D8534E;
    border-radius: 4px;
    margin-bottom: 32px;
    display: flex;
    padding: 12px 24px;
    align-items: center;
}

.operator_alert_message_text {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    color: #FFFFFF;

}

.operator_alert_message_button {
    margin-left: auto;
}

.operator_alert_message_button .ui_button {
    margin-left: auto;
    padding: 15px;
}

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

.order_button button {
    margin-right: 20px;
}

.button_alert {
    margin-left: 24px;
}

.order_info_block_items_margin {
    margin-bottom: 24px;
}

.order_info_block_text {
    margin-bottom: 24px; line-height: 1.4;
}

.columbariy_buttons {
    display: flex;
    margin-bottom: 24px;
}

.columbariy_buttons_item {
    margin-right: 24px;
}

.columbariy_buttons_item .ui_button {
    padding: 20px;
    display: block;
}

.cremator_delete_id {
    font-style: normal;
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    line-height: 16px;
    /* identical to box height */

    text-decoration-line: underline;

    /* 2E2E2E */

    color: #2E2E2E;
}

.cremator_delete_id a {
    color: #2E2E2E;
}

.task {
    background: #DADADA;
    border-radius: 4px;
    padding: 24px;
    position: relative;
}

.task_content {
    font-style: normal;
    height: 100px;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;

    /* 2E2E2E */

    color: #2E2E2E;
}

.task_content h3{font-size: 18px; margin-bottom: 10px;}
.task_description{font-size:14px; line-height: 1.3}

.task_date_title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 12px;
    /* identical to box height */


    /* 707070 */

    color: #707070;
}

.task_date_value {
    font-style: normal;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;

}


.task_dates {
    margin-bottom: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    z-index: 2;
}

.task_person_title {
    font-style: normal;
    font-weight: 400;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 12px;
    /* identical to box height */


    /* 707070 */

    color: #707070;

}

.task_person_value {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;

}

.task_person_value a{  color: #2E2E2E;}
.task_person_value a:hover{text-decoration: underline;}
.task_person {
    margin-bottom: 24px;
}

.task_buttons_compleate {
    margin-right: 8px;
}

.sms_alert{margin-bottom: 10px;}


.task_buttons {
    display: flex;
}


.task_buttons button {
    padding: 13px;
}

.tasks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
}

.task_date_info {
    font-style: normal;
    display: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    /* identical to box height */


    color: #D8534E;
}

.ui_button_white {
    border: none;
}

.ui_button_white:hover {
    background: none;
    outline: 1px solid #CBCBCB;
}

.error .task_date_info {
    display: block;
}

.error .task_date_title {
    display: block;
    color: #D8534E;
}

.error .task_date_value {
    display: block;
    color: #D8534E;
}

.task_auth {}

.task_cron {

    background: #F3F3F3;
}

.task_compleate {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ui_button_red {

    background: red;
}

.ui_button_red:hover {

    background: red;
    opacity: 0.7;
}

.order_info_block_item_once {
    margin-bottom: 32px;
}

.new_task {
    max-width: 1050px;
}

.new_task_date {
    max-width: 334px;
    ;
}

.new_task_button button {
    padding: 20px;
}


.page_body_inputs input:focus {
    outline: none;
    /* Убираем контур */
    border-bottom: 2px solid #1976D2;
    /* Синяя линия снизу */
}

.page_body_inputs input::placeholder {
    transition: 0.5s;
    /* Время трансформации */
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    /* 707070 */

    color: #707070;
}

.page_body_inputs input:focus::placeholder {
    font-size: 10px;
    /* Размер шрифта */
    transform: translateY(-16px);
    /* Сдвигаем вверх */
}

.page_body_filter {
    display: block;
    margin-bottom: 32px;
}



.page_body_filter .page_body_filter_big input {
    min-width: 250px;
}

.input_placeholder {
    position: relative;
}

.input_placeholder input {
    width: 100%;
    /* Ширина поля */
    box-sizing: border-box;
    /* Ширина не учитывает padding */

    /* Поля вокруг текста */
    position: relative;
    border: none;
    display: block;
    /* Убираем рамку */
    background: #F3F3F3;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    /* Линия снизу */
    background: transparent;
    font-size: 14px !important;
    /* Прозрачный фон */
    padding: 22px 15px !important;
    padding-bottom: 15px !important;
    padding-top: 28px !important;
}

.input_placeholder input:focus {
    outline: none;
    /* Убираем контур */
    border-color: #1976D2;
    /* Синяя линия снизу */
}

.input_placeholder label {
    display: block;
    position: absolute;
    /* Блочный элемент */
    top: 22px;
    left: 15px;
    color: #aaa;
    /* Цвет подсказки */
    transform: translateY(0px);
    /* Сдвигаем вверх */
    line-height: 1.2;
    /* Межстрочный интервал */
    transition: 0.5s;
    /* Время трансформации */
}

.input_placeholder input:focus + label,
.input_placeholder input:valid + label {
    font-size: 10px;
    /* Размер шрифта */
    transform: translateY(-11px);
    /* Сдвигаем вверх */
}




.input_placeholder select {
    width: 100%;
    /* Ширина поля */
    box-sizing: border-box;
    /* Ширина не учитывает padding */

    /* Поля вокруг текста */
    position: relative;
    border: none;
    display: block;
    /* Убираем рамку */
    background: #F3F3F3;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    /* Линия снизу */
    background: transparent;
    font-size: 14px !important;
    /* Прозрачный фон */
    padding: 22px 15px !important;
    padding-bottom: 15px !important;
    padding-top: 28px !important;
}

.input_placeholder select:focus {
    outline: none;
    /* Убираем контур */
    border-color: #1976D2;
    /* Синяя линия снизу */
}


.input_placeholder select:focus + label,
.input_placeholder select:valid + label {
    font-size: 14px;
    /* Размер шрифта */
    transform: translateY(-11px);
    /* Сдвигаем вверх */
}

.page_body_filter_item {
    margin-right: 24px;
    float: left;
    margin-bottom: 24px;
}

.page_body_filter_item button {
    padding: 23px 40px;
}

.new_task_sms {
    display: none;
}

.columbariy_list_item {
    width: 100%;
    height: 108px;
    background: #B6B6B6;
    font-style: normal;
    position: relative;
    font-weight: 700;
    font-size: 24px;
    padding: 45px 0;
    cursor: pointer;
    line-height: 24px;
    /* identical to box height */

    text-align: center;

    color: #FFFFFF;
}

.columbariy_list_item.green {
    background: #4BB04A;
}

.columbariy_list_item.red {
    background: #D8534E;
}

.columbariy_list_item:hover .columbariy_list_item_info {
    display: block;
}

.columbariy_lists {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(6, 1fr);
}

.columbariy_info {
    display: grid;
    padding-bottom: 150px;
    grid-template-columns: 4fr 2fr;
}

.columbariy_list_item_info_title {
    font-style: normal;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;

}


.columbariy_list_item_info_title small{font-size:12px;}
.columbariy_list_item_info_content {
    font-style: normal;
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    /* identical to box height */

    text-align: left;
    /* 2E2E2E */

    color: #2E2E2E;
}

.columbariy_list_item_info_content li {
    margin-bottom: 8px;
}

.columbariy_list_item_info_content_orders_title {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;

}

.columbariy_list_item_info_content_orders_list {
    margin-bottom: 32px
}

.columbariy_list_item_info_content_orders_list li a {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    /* identical to box height */

    text-decoration-line: underline;

    /* 2E2E2E */

    color: #2E2E2E;
}

.columbariy_list_item_info_content_orders{margin-top: 25px;}

.columbariy_list_item_info_redact button {
    padding: 13px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */

    text-align: center;

    color: #FFFFFF;

}

.columbariy_list_item_info {
    position: absolute;
    top: 109px;
    display: none;
    background: #F3F3F3;
    border-radius: 4px;
    width: 334px;
    z-index: 2;
    text-align: left;
    padding: 24px;
}

.columbariy_list_item_info_ul a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;

}

.ui_red {
    color: #D8534E;
}

.columbariy_list_item_info_ul li span {
    font-weight: bold;
}

.ui_green {
    color: var(--mcolor);
}

.table_min_td {
    width: 100px;
}

.cremator_header_title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;
}


.cremator_header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.cremator_header_button {
    margin-left: auto;
}

.cremator_header_button button {
    padding: 19px;
}

.columbariy_info_description {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    /* identical to box height */


    /* 2E2E2E */

    color: #2E2E2E;
    margin-bottom: 32px;
}

.columbariy_info_wrap_all {
    padding-bottom: 400px;
}

.cremator_form_inputs {
    margin-bottom: 32px;
}

.main_button_delete {
    background: #D8534E;
}

.main_button_delete:hover {
    background: red;
}

.alert_window {
    background: #FFFFFF;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -310px;
    border-radius: 4px;
    width: 620px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: none;
}

.alert_window_header {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    background: #D8534E;
    border-radius: 4px 4px 0px 0px;
    /* identical to box height */


    color: #FFFFFF;
    padding: 32px;
}

.alert_window_body_text {
    font-style: normal;
    margin-bottom: 42px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    /* 2E2E2E */

    color: #2E2E2E;

}

.alert_window_body {
    padding: 32px;
}

.alert_window_body_buttons button {
    padding: 15px;
}

.main_button_grey {
    background: #F3F3F3;
    color: black;
}

.main_button_grey:hover {
    background: #F6F6F6;
    color: black;
}

.page_body_filter .page_body_filter_big input {
    min-width: 250px;
}

.input_placeholder {
    position: relative;
}

.input_placeholder input {
    width: 100%;
    /* Ширина поля */
    box-sizing: border-box;
    /* Ширина не учитывает padding */

    /* Поля вокруг текста */
    position: relative;
    border: none;
    display: block;
    /* Убираем рамку */
    background: #F3F3F3;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    /* Линия снизу */
    background: transparent;
    font-size: 14px !important;
    /* Прозрачный фон */
    padding: 22px 15px !important;
    padding-bottom: 15px !important;
    padding-top: 28px !important;
}

.input_placeholder input:focus {
    outline: none;
    /* Убираем контур */
    border-color: #1976D2;
    /* Синяя линия снизу */
}

.input_placeholder label {
    display: block;
    position: absolute;
    /* Блочный элемент */
    top: 22px;
    left: 15px;
    color: #aaa;
    /* Цвет подсказки */
    transform: translateY(0px);
    /* Сдвигаем вверх */
    line-height: 1.2;
    /* Межстрочный интервал */
    transition: 0.5s;
    /* Время трансформации */
}

.input_placeholder input:focus + label,
.input_placeholder input:valid + label {
    font-size: 10px;
    /* Размер шрифта */
    transform: translateY(-11px);
    /* Сдвигаем вверх */
}




.input_placeholder select {
    width: 100%;
    /* Ширина поля */
    box-sizing: border-box;
    /* Ширина не учитывает padding */

    /* Поля вокруг текста */
    position: relative;
    border: none;
    display: block;
    /* Убираем рамку */
    background: #F3F3F3;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    /* Линия снизу */
    background: transparent;
    font-size: 14px !important;
    /* Прозрачный фон */
    padding: 22px 15px !important;
    padding-bottom: 15px !important;
    padding-top: 28px !important;
}

.input_placeholder select:focus {
    outline: none;
    /* Убираем контур */
    border-color: #1976D2;
    /* Синяя линия снизу */
}


.input_placeholder select:focus + label,
.input_placeholder select:valid + label {
    font-size: 10px;
    /* Размер шрифта */
    transform: translateY(-11px);
    /* Сдвигаем вверх */
}

.nakleyka {
    background-repeat: no-repeat;
    width: 400px;

    position: relative;
}

.nakleyka_name {
    font-style: italic;
    margin-top: 10px;
    position: absolute;
    width: 100%;
    top: 15px;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.3;
    /* or 80% */

    text-align: center;
    letter-spacing: 0.13em;

    color: #000000;

}

.nakleyka_dates {
    font-family: 'Georgia';
    font-style: italic;
    font-weight: 700;top: 170px; position: absolute;
    font-size: 24px; text-align: center; width: 100%;


}

.nakleyka_border {
    position: absolute;
    z-index: -1;
    top: 0;

}

.nakleyka_border img{width: 100%;
}

.serf_o_kremcii {
    width: 100%;
    position: relative;
}

.serf_o_kremcii_img img {
    width: 100%;
}

.serf_o_kremcii_name {

    position: absolute;
    font-style: italic;
    font-weight: 400;
    font-size: 70px;
    top: 360px;
    line-height: 1;
    width: 100%;
    text-align: center;
    text-align: center;

    color: #000000;

}

.serf_o_kremcii_dates {

    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.3;
    position: absolute;
    top: 650px;
    width: 100%;
    text-align: center;
    text-align: center;

    color: #000000;
}

.serf_o_kremcii_dates_cremation {

    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    position: absolute;
    top: 705px;
    line-height: 1.3;
    margin-left: 430px;
    letter-spacing: 0.1em;

    color: #000000;
}

.serf_o_kremcii_dates_cremation_nums {
    font-family: 'Times New Roman';
    position: absolute;
    bottom: 169px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.3;
    right: 140px;
    /* identical to box height */

    text-align: center;
    letter-spacing: 0.1em;

    color: #FF0000;

}

.serf_o_kremcii_img img {
    display: block;
}

.spravka_o_kremaccii_name_date_day {
    margin-left: 30px;
    margin-right: 30px;
    float: left;

}

.spravka_o_kremaccii_number {

    font-style: italic;
    font-weight: 400;
    font-size: 23px;
    line-height: 95px;
    left: 800px;
    text-align: center;

    color: #000000;
    position: absolute;
    top: 190px;
}

.spravka_o_kremaccii_name {

    font-style: italic;
    font-weight: 400;
    font-size: 25px;
    line-height: 95px;
    left: 300px;
    text-align: center;

    color: #000000;
    position: absolute;
    top: 230px;
}

.spravka_o_kremaccii_name_dates {


    font-style: italic;
    font-weight: 400;
    font-size: 25px;
    line-height: 95px;
    left: 290px;
    text-align: center;

    color: #000000;
    position: absolute;
    top: 295px;

}

.spravka_o_kremaccii_name_date_mounth {
    margin-left: 0px;
    width: 110px; float: left;

}

.spravka_o_kremaccii_name_date_year {
    margin-left: 150px; float: left;
}

.spravka_o_kremaccii_name_date_hour {
    margin-left: 135px; float: left
;
}

.spravka_o_kremaccii_name_date_minuts {
    margin-left: -90px; float: left;
}

.spravka_o_kremaccii_name_reg_number {


    font-style: italic;
    font-weight: 400;
    font-size: 25px;
    line-height: 95px;
    left: 350px;
    text-align: center;

    color: #000000;
    position: absolute;
    top: 330px;

}


.spravka_o_kremaccii_name_spravka_dates {


    font-style: italic;
    font-weight: 400;
    font-size: 25px;
    line-height: 1.3;
    left: 230px;
    text-align: center;


    color: #000000;
    position: absolute;
    top: 560px;
}

.spravka_o_kremaccii_name_spravka_dates_day{float: left;}

.spravka_o_kremaccii_name_spravka_dates_mounth {
    margin-left: 20px; width: 120px; float: left;
}

.spravka_o_kremaccii_name_spravka_dates_year {
    margin-left: 190px; margin-top: -42px;  float: left; width: 40px; text-align: center;
}

.spravka_o_kremaccii_name_spravka_dates_registrator_name {


    font-style: italic;
    font-weight: 400;
    font-size: 25px;
    line-height: 95px;
    right: 140px;
    text-align: center;

    color: #000000;
    position: absolute;
    top: 490px;

}


.document_na_poluch_praha {
    position: relative;
}

.document_na_poluch_praha_img {
    position: absolute; top: 0 ; left: 0; width: 100%;
}

.document_na_poluch_praha_img img{
    display: block; width: 100%;
}

.doc_img {
    position: absolute;  top: 0;
}

.doc_img img{
    width: 100%;
}

.doc_img img{
    width: 100%; display: block;
}


.order_button_new_dogovor{margin-top: 30px;}


.page_body_buttons_range{display:flex}

.login_form_name{font-size:20px; font-weight: bold;}
.login_form_link{text-align: center; margin-top:30px; }
.login_form_link a{color: black;}
.login_form_link a:hover{text-decoration: underline;}
.form_login_auth{text-align: center; margin-top: 50px;}
.selected_cell{box-shadow: 0px 0px 2px 3px #FFC700, 0px 0px 16px 4px rgba(255, 199, 0, 0.9);}