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

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

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Light.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

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

body {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

* {
    font-family: 'Roboto', sans-serif;
}

html {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
    padding: 0;
}

p {
    margin: 0;
}


a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;

}

.flexbox {
    display: flex;
}

input,
select,
button {
    outline: none;
}

button:hover {
    cursor: pointer;
}

.ss-main {
    color: #000 !important;
}

.menu {
    width: 185px;
    background: #fff;
    float: left;
    margin-top: 20px;
    /* position: fixed; */
    /* height: 100vh; */
    top: 30px;
    border-radius: 0 10px 10px 0;
}

.menu h1 {
    font-size: 24px;
    font-weight: 500;
    color: #2a2a2a;
    padding-left: 20px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 14px;
}

.menu a {
    text-decoration: none;
    color: #000;
}

.menu ul li {
    padding: 5px 20px;
    margin: 12px 0px;
    display: flex;
}

.menu ul li.active {
    color: #fe4242;
    border-right: 3px solid #fe4242;
}

.menu ul li:hover {
    color: #fe4242;
}

.menu ul svg {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.menu ul p {
    font-size: 16px;
    font-weight: 400;
}

.nav-subtitle {
    font-weight: 700;
    border-bottom: 1px solid #d4d4d4;
    padding: 26px 0 12px 20px;
    font-size: 16px;
    color: black;
}



/* dashboard */

.dashboard_container {
    width: 100%;
    background: #f4f4f4;
    padding: 30px;
    box-sizing: border-box;
    min-height: 100vh;
}

.dashboard_container h4 {
    margin: 0;
}

.dashboard_container .row {
    margin-bottom: 30px;
}

.dashboard_container .table-2 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.dashboard_container .table-3 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

.dashboard_container .table-4 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}

.dashboard_container .table-5 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}

.dashboard_container .stats_item {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.dashboard_container .stats_item h4 {
    font-size: 17px;
    color: #737373;
    margin-bottom: 20px;
    font-weight: 500;
}

.dashboard_container .stats_item p {
    font-size: 24px;
    color: #000;
    font-weight: 700;
}

.dashboard_container .stats_item h1 {
    font-size: 24px;
    color: #000;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 800;
}

.dashboard_container.invest {
    padding: 0;

}

.dashboard_container.invest>div {
    padding: 30px 30px 30px 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.dashboard_container.invest>div>h1 {
    font-size: 40px;
    text-align: center;
    font-weight: 200;
    margin-bottom: 0;
}

.dashboard_container.invest>div>h4 {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px;
    color: #d32e2e;
}





.settings_container {
    padding: 0px 20px 30px 20px;
    background: #f4f4f4;
}

.reports_container {
    padding: 20px 30px 30px 30px;
    background: #f4f4f4;
}

.wb_fbs_orders_container {
    padding: 20px 0;
}

.manufacture_supplies_container {
    padding: 20px 30px;
    box-sizing: border-box;
}

.order_container .title {
    font-weight: 700;
    font-size: 29px;
    margin-bottom: 30px;
}

/* orders */

.order_container,
.payment_container,
.contract_container,
.orders_container {
    display: none;
    box-sizing: border-box;
}

.payment_container.active,
.order_container.active,
.contract_container.active,
.order_page_container.active,
.orders_container.active {
    display: block;
}

/*-----------------*/
/* order_container */
/*-----------------*/

.dds_container {
    background: #f4f4f4;
    padding: 30px;
}

.order_container,
.payment_container,
.orders_container,
.products_container,
.dds_container {
    /*    max-width: 1200px;
    margin: 0 auto;*/
    min-width: 1005px;
}

.order_container2,
.payment_container2 {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    /*font-weight: 500;*/
    min-height: calc(100vh - 120px);
}

.order_container2 h2 {
    font-size: 29px;
    margin-top: 0;
}

/*logo*/
.order_container h1,
.payment_container h1,
.orders_container h1,
.products_container h1 {
    font-size: 40px;
    text-align: center;
    font-weight: 200;
}

.order_container h2,
.payment_container h2,
.orders_container h2,
.products_container h2 {
    font-size: 36px;
    font-weight: 700;
    margin-top: 0;
}

.payment_container h2 {
    text-align: center;
}


/* order comments */
.order_comments_container {
    background: #f6f6f6;
    padding: 20px;
    border-radius: 20px 20px 0 0;
    max-height: 500px;
    overflow: hidden auto;
    margin-top: 30px;
}

.order_comments_container .order_comment_item {
    margin-bottom: 18px;
    max-width: 650px;
}

.order_comments_container .order_comment_item_header {
    display: flex;
    margin-bottom: 6px;
    align-items: flex-end;
}

.order_comments_container .order_comment_item_user {
    font-weight: 500;
    margin-right: 10px;
    font-size: 14px;
    color: #343434;
}

.order_comments_container .order_comment_item_time {
    font-weight: 400;
    font-size: 13px;
    color: #a1a1a1;
}

.order_comment_input_container {
    padding: 0 20px 0px 20px;
    border-bottom: 1px solid #d6d6d6;
    display: flex;
    background: #f6f6f6;
    justify-content: space-between;
    border-radius: 0 0 20px 20px;
}


.order_comment_input_container .order_comment_input {
    max-height: 500px;
    overflow: hidden auto;
    user-select: auto;
    min-height: 20px;
    outline: none;
    color: black;
    width: 96%;
    padding: 16px 0;
}

/* Сообщение при пустом списке заказов */
.no-orders {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    color: #6b6b6b;
    font-size: 16px;
    width: 100%;
}

[contenteditable]:empty:after,
.forcePlaceholder:after {
    content: attr(placeholder);
    -webkit-text-fill-color: #9a9a9a;
}

.order_comment_input_container .order_comment_input:hover {
    cursor: text;
}

.order_comment_input_container .order_comment_send_button {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #3fa2e8;
    border: none;
    background-image: url(/static/img/white_arrow_up.png);
    background-size: cover;
}

.order_comment_input_container .order_comment_send_button:hover {
    cursor: pointer;
}



/* radio buttons person type */
.order_container .person_type_div {
    display: flex;
    margin: 0 0 30px 20px;
}

.order_container .person_type_div button {
    width: 200px;
    background: #d2d2d2;
    border: none;
    padding: 10px;
    color: #5d5d5d;
    border-radius: 10px;
    font-weight: 700;
    margin-right: 3px;
    outline: none;
}

.order_container .person_type_div button.active {
    background: #dc4f4f;
    color: #fff;
}

.order_container .person_type_div button:hover {
    background: #f7b6b6;
    cursor: pointer;
}

.order_container .person_type_div button.active:hover {
    background: #dc4f4f;
    cursor: pointer;
}


/* client data fields*/

.order_container .client_data {
    display: flex;
}

.order_container .data_field_item {
    display: flex;
    margin-bottom: 10px;
}

.order_container #person_data,
.order_container #company_data {
    display: none;
}

.order_container #person_data.active,
.order_container #company_data.active {
    display: block;
}

.order_container .data_field_item p {
    width: 213px;
    margin-left: 20px;
    line-height: 38px;
}

.order_container #person_data .data_field_item p {
    width: 160px;
}

.order_container #comment_area p {
    line-height: 117px;
    width: 110px;
    margin-left: 40px;
}

.order_container #comment_area textarea {
    height: 152px;
    padding: 12px;
    box-sizing: border-box;
}

.supply_container #comment_area p {
    line-height: 70px;

}

.supply_container #comment_area textarea {
    height: 80px;
    padding: 12px;
    box-sizing: border-box;
}

.order_container .data_field_item input,
.order_container .data_field_item textarea {
    width: 336px;
    border-radius: 8px;
    outline: none;
    border: 1px solid #b8b8b8;
    padding-left: 12px;
    height: 40px;
    background: #f4f4f4;
}

/*products fields*/
.products_h {
    margin: 37px 0 20px 0;
}

.products_h span {
    font-size: 24px;
    font-weight: 700;
}

.products_h button {
    width: 200px;
    background: #dc4f4f;
    border: none;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    margin-left: 20px;
    outline: none;
}

.products_h button:hover {
    cursor: pointer;
    background: #f93636;
}

.product_item,
.product_header,
.final_item {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 3fr 3fr 2fr 2fr 2fr 25px 3fr 3fr 3fr 3fr 1fr;

    border-bottom: 1px solid #b8b8b8;
    padding: 3px 0;
}

.final_item {
    border: none;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 0 0 0;
}

.new_final_item {
    grid-template-columns: 40px 2fr 2fr 1fr 1fr 1fr 30px;
}

.final_item.red {
    color: #dc4f4f;
}

#prepayment_field,
#prepayment_sum_field {
    border: none;
    font-size: 18px;
    font-weight: 500;
    outline: none;
    width: 75px;
    color: #dc4f4f;
    text-align: right;
}

#prepayment_sum_field {
    width: 69px;
    padding-right: 5px;
}

#all_sum_field {
    /* padding-left: 9px; */
}

#add_product_button {
    /* margin-top: 26px; */
    margin-bottom: 20px;
    margin-left: 0;
    border: 1px solid grey;
    padding: 10px 23px;
    border-radius: 14px;
    background: #f3f3f3;
}

#add_product_button:hover {
    background: #f4fdf4;
}

.new_order_submit_button_container {
    margin-top: 44px;
}

.new_order_submit_button_container>button {
    font-size: 18px;
    background: #239b23;
    border: none;
    padding: 13px 50px;
    color: #fff;
    border-radius: 14px;
    font-weight: 500;
    outline: none;
    transition: 0.3s;
}

.new_order_submit_button_container>button:hover {
    background: #33af33;
}

.product_item>div:first-child,
.product_header>div:first-child {
    /* text-align: center; */
}

.product_header {
    color: #a6a6a6;
    font-weight: 600;
}

.product_item select,
.product_item input {
    width: 100%;
    outline: none;
    border: none;
    padding: 5px 0;
    /*font-weight: 500;*/
}

.product_item p {
    padding: 5px 0;
    margin: 0;
}

.delete_product_button {
    width: 23px;
    height: 23px;
    border: none;
    outline: none;
    background: url(../img/delete.svg);
}

.delete_product_button:hover {
    cursor: pointer;
}

.next_button_container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 50px 0;
}

#next_button {
    width: 170px;
    border: none;
    color: #dc4f4f;
    font-weight: 900;
    outline: none;
    font-size: 30px;
    background: none;
    transition: 0.25s;
    display: flex;
    margin-right: 50px;
}

#next_button img {
    width: 48px;
    height: 64px;
    margin-left: 20px;
    transition: 0.25s;
}

#next_button p {
    line-height: 60px;
    margin: 0;
    transition: 0.25s;
}

#next_button:hover {
    cursor: pointer;
}

#next_button:hover img {
    transform: translateX(20px);
}

#contract_button {
    margin-left: 50px;
    transition: 0.25s;
}

#contract_button img {
    width: 70px;
}

#contract_button p {
    font-weight: 600;
    text-align: center;
}

#contract_button:hover {
    cursor: pointer;
    transform: scale(1.08);
}

#all_sum_field,
#prepayment_sum_field,
#contract_all_sum_field,
#contract_prepayment_sum_field {
    white-space: nowrap;
}

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

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}

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



/*-------------------*/
/* payment_container */
/*-------------------*/


.payment_container #client_data_field {
    margin-left: 20px;
    text-align: center;
}

.payment_container .payment_types_container {
    display: flex;
    margin-top: 100px;
    justify-content: center;
}

.payment_container .payment_types_container .payment_type {
    margin: 0 20px;
    padding: 22px;
    border-radius: 23px;
    transition: 0.25s;
}

.payment_container .payment_types_container .payment_type:hover {
    background: #f4e6ff;
    cursor: pointer;
}

.payment_container .payment_types_container .payment_type.active {
    background: #e2bbff;
}

.payment_container .payment_types_container img {
    height: 100px;
}

.payment_container .payment_types_container p {
    text-align: center;
    font-size: 17px;
}

.payment_container #payment_sum_field {
    margin-top: 50px;
    font-size: 32px;
    font-weight: 700;
    margin-left: 20px;
    text-align: center;
}


.payment_container .payment_buttons_container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 100px 0;
}

.payment_container .final_button,
.supply_container .final_button {
    width: 170px;
    border: none;
    color: #dc4f4f;
    font-weight: 900;
    outline: none;
    font-size: 30px;
    background: none;
    transition: 0.25s;
    display: flex;
}

.payment_container .final_button img,
.supply_container .final_button img {
    width: 48px;
    height: 64px;
    margin-right: 20px;
    transition: 0.25s;
}

.payment_container .final_button p,
.supply_container .final_button p {
    line-height: 60px;
    margin: 0;
}

.payment_container .final_button:hover,
.supply_container .final_button:hover {
    cursor: pointer;
}

.payment_container .back_button:hover img {
    transform: translateX(-20px);
}

.payment_container .back_button {
    margin-left: 50px;
}

.payment_container .done_button,
.supply_container .done_button {
    margin-right: 50px;
    color: #0ea928;
}

.payment_container .done_button:hover img,
.supply_container .done_button:hover img {
    transform: scale(1.3);
}


/*contract_container*/


.contract_container {
    z-index: 2000;
    position: absolute;
    background: #dc4f4f;
    left: 0;
    top: 0;
    width: 100%;
}

.contract_container .contract_page {
    width: 1100px;
    margin: 0 auto;
    z-index: 2002;
    background: #fff;
    padding: 30px;
    font-size: 15px;
    margin-bottom: 20px;
}

.contract_container .contract_page h1 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 40px;
}

.contract_container .contract_page p {
    margin: 3px 0;
}

.contract_container .bold {
    font-weight: 700;
}

.requisites_container {
    display: flex;
    margin-top: 20px;
}

.requisites_container div {
    width: 40%;
    margin-right: 150px;
}

.contract_container .product_item,
.contract_container .product_header,
.contract_container .final_item {
    grid-template-columns: 1fr 3fr 3fr 2fr 2fr 2fr 3fr 3fr 3fr 3fr;
}

.contract_container .final_item {
    grid-template-columns: 1fr 3fr 5fr 2fr 7fr 7fr;
}

.contract_container .product_item div {
    padding: 5px 0;
}

.contract_container .border_line {
    border-bottom: 1px solid #efefef;
    width: 100%;
    height: 232px;
    margin-bottom: 40px;
}

.contract_container .contract_back_button {
    width: 50px;
    height: 50px;
    position: fixed;
    left: 20px;
    top: 10px;
    transition: 0.25s;
}

.contract_container .contract_back_button:hover {
    cursor: pointer;
    left: 10px;
}

#order_submit_button img {
    display: none;
}

#order_submit_button img.active {
    display: block;
}



/* CRM */

.orders_container,
.products_container,
.dds_container {
    min-height: 100vh;
}

.orders_container,
.dds_container {
    padding-top: 0px;
}

/* CRM orders: align container paddings with manufacture products page */
.orders_container {
    padding: 20px 30px 30px 30px;
    box-sizing: border-box;
}

/* CRM orders: align inner paddings with manufacture products page */
.orders_container .search_container {
    padding: 0;
}

/* CRM orders: make inner content paddings like /manufacture-products */
.orders_container .search_container {
    padding: 0;
}

.search_container {
    /*background: #fff;*/
    border-radius: 10px;
    padding: 0 20px;
    margin-bottom: 15px;
    display: flex;
}

.search_container .search_input_wrapper {
    position: relative;
    display: inline-block;
}

.search_container #search_field {
    background: #fff;
    border-radius: 80px;
    padding: 10px 36px 10px 20px;
    outline: none;
    border: 1px solid #c1c1c1;
    width: 600px;
    /*font-weight: 500;*/
}

.search_container .search_clear_btn {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    background: transparent;
    color: #707070;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search_container .search_clear_btn.visible {
    opacity: 1;
    pointer-events: auto;
}

.search_container .search_clear_btn:hover {
    color: #333;
    background: rgba(0, 0, 0, 0.06);
}

.search_container .filter_input {
    border: 1px solid #c1c1c1;
    border-radius: 50px;
    padding: 10px 20px;
    /* margin-left: 10px; */
    background: #ffffff;
    color: #707070;
}

.search_container .filter_input:hover {
    cursor: pointer;
}

.search_container #search_button {
    background: #ff5454;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    border-radius: 80px;
    border: none;
    width: 100px;
    padding: 10px 16px;
    outline: none;
    transition: 0.3s;
}

.search_container #search_button:hover {
    cursor: pointer;
    background: #fe4242;
}

.orders_header,
.orders_item {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 100px 1fr 1fr 1fr 111px 100px 200px 106px 130px;
    grid-gap: 0.6vw;
    border-bottom: 1px solid #b8b8b8;
    padding: 3px 0;
}

.products_item,
.products_header {
    display: grid;
    grid-template-rows: 1fr;
    /* grid-template-columns: 30px 80px 1.45fr 1.2fr 1fr 0.8fr 1fr 63px 95px 40px; */
    grid-template-columns: 30px 80px 1.5fr 1fr 1fr 0.8fr 1.4fr 63px 95px 40px;
    grid-gap: 0.6vw;
    border-bottom: 1px solid #b8b8b8;
    padding: 3px 0;
}

.wb_prices_item {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0.6vw;
    border-bottom: 1px solid #b8b8b8;
    padding: 3px 0;
}

.wb_prices_item .price_input {
    border: none;
    outline: none;
    background: none;
}

.products_item.wb_prices_item.modified {
    background: #ffecb3;
}

.wb_prices_grid {
    padding: 0 30px 0 30px;
}

.orders_item>div:first-child,
.orders_header>div:first-child,
.products_header>div:first-child,
.products_item>div:first-child {
    text-align: left;
}

.wb_products_item>div:first-child {
    text-align: left;
    justify-content: flex-start;
}

.orders_header,
.products_header {
    color: #a6a6a6;
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 13px;
}

.orders_item,
.products_item {
    width: 100%;
    outline: none;
    padding: 7px 0;
    transition: 0.25s;
}

.orders_item select {
    width: 100%;
    outline: none;
    border: none;
    padding: 5px 0;
}

.orders_item .deadline,
.products_item .deadline {
    position: relative;
}

.products_item .deadline.red {
    color: #ff0000;
    font-weight: 700;
}

.products_item .deadline.green {
    color: #129d15;
    font-weight: 700;
}

.products_item .deadline.yellow {
    color: #fda223;
    font-weight: 700;
}

.products_item .deadline.pink {
    color: #ff6bde;
    font-weight: 700;
}

.orders_item .deadline img,
.products_item .deadline img {
    width: 22px;
    position: absolute;
    left: 76px;
    top: 50%;
    transform: translate(0, -50%) !important;
}

.wb_products_item .deadline img {
    left: 90px;
}

.orders_item .deadline_days,
.products_item .deadline_days {
    position: absolute;
    left: 102px;
    top: -1px;
    color: red;
    font-size: 14px;
    font-weight: 600;
}

.orders_item .full_name {
    white-space: nowrap;
    overflow: hidden;
}

.orders_item div,
.products_item div {
    line-height: 27px;
    overflow: hidden;
}

.orders_item .number,
.orders_header .number {
    text-align: right;
    padding-right: 10px;
}

.orders_item:hover,
.products_item:hover {
    cursor: pointer;
    background: #f6f6f6;
}

.products_item.wb_prices_item {
    cursor: default;
    background: none;
}

.products_item .quantity {
    padding-left: 16px;
}







.order_status,
.product_status {
    background-color: rgb(16, 156, 241);
    border-radius: 5px;
    padding: 1px 18px;
    width: fit-content;
    color: #fff;
}

.product_status {
    padding: 1px 12px;
}

.select_container {
    border: 1px solid #DFE0EB;
    border-radius: 5px;
    position: absolute;
    top: 297px;
    left: 546px;
    z-index: 21;
    background-color: #fff;
    font-size: 13px;
    box-shadow: 0px 2px 8px -3px #00000063;
    display: none;
    min-height: 32px;
    max-height: calc(78vh);
    overflow: scroll;
    overflow-x: hidden;
}

.select_container.active {
    display: block;
}

.select_container.order_page_status {
    width: 253px;
    max-height: 50%;
    overflow-y: auto;
}

.select_container li {
    padding: 8px 30px 8px 14px;
    user-select: none;
    min-height: 13px;
    /*font-weight: 500;*/
}

.select_container li.inactive_user {
    background: #ffdbdb;
}

.select_container::-webkit-scrollbar,
.select_container::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}

.select_container::-webkit-scrollbar-track,
.select_container::-webkit-scrollbar-track {
    background: rgba(221, 221, 221, 0.6);
}

.select_container::-webkit-scrollbar-thumb,
.select_container::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 3px;
}

.select_container#tech-cards-list {
    display: none;

    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 10;

    flex-direction: column;
}

.select_container.active#tech-cards-list {
    display: flex;
}

.order_status,
.product_status {
    user-select: none;
}

.order_status:hover,
.product_status:hover {
    cursor: pointer;
}

.select_container li:hover {
    cursor: pointer;
    background-color: #DFE0EB;
}

.select_container ul {
    padding: 0;
    margin: 0;
}

#color_select_container {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    padding: 10px;
}

#color_select_container.active {
    display: grid;
}

#color_select_container .color_circle {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    border: 1px solid #8a8a8a;
}

#color_select_container .color_circle:hover {
    cursor: pointer;
}

.paid_sum_container {
    position: relative;
}

.progress_bar {
    position: absolute;
    width: 82%;
    right: 6px;
    bottom: -3px;
    background: #dedede;
    height: 4px;
}

.progress_bar div {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 0%;
    background: #2aca30;
}


.new_user_button {
    width: 200px;
    font-weight: 500;
    text-align: center;
    padding: 11px 20px;
    border-radius: 10px;
    color: #fff;
    background: #1da71d;
    margin-bottom: 15px;
}

.new_user_button:hover {
    cursor: pointer;
}

.new_user_button:disabled {
    background: grey;
}

.new_user_button.disabled {
    background: grey;
    pointer-events: none;
}

.settings-actions {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}

.new_user_button.secondary {
    background: #fff;
    color: #1da71d;
    border: 1px solid #1da71d;
}

/*----------------------*/
/* order_page_container */
/*----------------------*/

#products_grid #dds_grid,
.users_grid,
.dds_grid {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
}

#dds_operations_grid {
    margin-top: 20px;

}

.wallet_red {
    color: #FF6333;
}

.wallet_green {
    color: #00B28E;
}

#dds_operations_grid .orders_header,
#dds_operations_grid .orders_item {
    grid-template-columns: 80px 115px 1fr 1fr 1fr 1fr 80px;
    align-items: center;
    position: relative;
}

.order_page_container {
    background: #f4f4f4;
    /*padding: 40px 0;*/
    min-height: 100vh;
    box-sizing: border-box;
    padding-left: 40px;
}

.order_page_container .client_page_bg {
    background: #fff;
    max-width: 1400px;
    /*margin: 0 auto;*/
    margin: 0;
    min-width: 1050px;
    padding: 30px 40px;
    border-radius: 10px;
    box-sizing: border-box;
}

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

.client_data {
    display: flex;
}

.client_data .text {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.client_data h1,
.order_data h1 {
    margin: 0 0 8px 0;
}

.client_phone_div {
    display: flex;
    margin-bottom: 5px;
}

.client_data .client_phone_div img {
    width: 26px;
}

.client_data .client_phone_div p {
    font-size: 17px;
    margin-left: 8px;
    line-height: 30px;
}

.order_page_container .avatar {
    width: 108px;
    height: 108px;
    background: #e5e5e5;
    border-radius: 100px;
}

.order_page_container .avatar img {
    width: 108px;
    padding: 0px;
    border-radius: 100px;
    border: 1px solid #e5e5e5;
}

.avatar_title_container {
    display: flex;
}

.order_page_container #order_client_pic_field_mobile {
    width: 70px;
    height: 70px;
    margin-right: 10px;
}

.order_page_container #order_client_pic_field_mobile img {
    width: 70px;
}

.order_page_container .order_bg {
    background: #fff;
    max-width: 1400px;
    margin: 24px 0 0 0;
    min-width: 1050px;
    padding: 30px 40px 46px;
    border-radius: 10px;
    box-sizing: border-box;
    transition: 0.3s;
    overflow: hidden;
    max-height: 1600px;
}

.client_money,
.order_money {
    position: relative;
}

.client_money .progress_bar {
    bottom: 2px;
    width: 74%;
    height: 5px;
}

.money_grid>div {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1.3fr 1fr;
    grid-gap: 1vw;
}

.money_grid .money_title {
    font-size: 18px;
    color: #737373;
    /*font-weight: 500;*/
    text-align: right;
    line-height: 30px;
}

.money_grid .money_value {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    text-align: right;
}

.order_page_container .order_title {
    margin: 0;
    position: relative;
}

.order_page_container .order_title .arrow,
.manufacture_operation_price_container .arrow {
    border-bottom: 2px solid #bebebe;
    border-right: 2px solid #bebebe;
    width: 10px;
    height: 10px;
    background: none;
    transform: translateY(8px) rotate(-135deg);
    position: absolute;
    right: 0px;
    top: 11px;
    transition: 0.25s;
}

.order_page_container .order_title:hover .arrow {
    transform: translateY(0px) rotate(-135deg);
}

.order_page_container .order_bg.closed {
    max-height: 186px;
}

.order_page_container .order_bg.closed .order_title .arrow,
.manufacture_operation_price_container.closed .arrow {
    transform: rotate(45deg);
}

.order_page_container .order_bg.closed .order_title:hover .arrow {
    transform: translateY(8px) rotate(45deg);
}


.order_page_container .order_header {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 271px 2fr 2fr 2fr;
    grid-gap: 1vw;
}

.order_money .money_grid .money_title {
    font-size: 16px;
}

.order_money .money_grid .money_value {
    font-size: 20px;
    width: 130px;
}

.order_data h1 {
    font-size: 36px;
    margin-bottom: 20px;
}

.order_data>div {
    display: flex;
    margin-top: 6px;
}

.order_data>div h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #737373;
    width: 130px;
}

.order_data>div p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.order_money .progress_bar {
    bottom: 10px;
    width: 74%;
    height: 4px;
}

.order_header .order_status {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 11px 20px;
    border-radius: 10px;
    bottom: 0;
    position: absolute;
    box-sizing: border-box;
}

.relative {
    position: relative;
}

.order_header .order_accept_money {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 9px 20px;
    border-radius: 10px;
    bottom: 0;
    position: absolute;
    background: none;
    color: #41C94F;
    box-sizing: border-box;
    border: 3px solid #41C94F;
    transition: 0.25s;
    outline: none;
}

.order_header .order_accept_money:hover {
    cursor: pointer;
    color: #fff;
    background: #41C94F;
}

.order_products_grid {
    margin-top: 40px;
    font-size: 14px;
    /*font-weight: 500;*/
}

.order_products_grid .product_item,
.order_products_grid .product_header {
    /* grid-template-columns: 50px 0.75fr 100px 0.5fr 0.5fr 200px; */
    grid-template-columns: 50px 0.75fr 0.5fr 1fr 200px;
    border-bottom: 1px solid #f0f0f0;
    padding: 6px 0;
}

.new_product_header,
.new_product_item {
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 30px;
    border-bottom: 1px solid #b8b8b8;
    padding: 3px 0;
}

.new_product_item select {
    width: 95%;
}

.goods_grid .product_item,
.goods_grid .product_header {
    grid-template-columns: 1fr 6fr 1fr 1fr 1fr 1fr 20px;
}

.goods_grid .final_item {
    grid-template-columns: 1fr 6fr 1fr 1fr 1fr 20px;
}

.order_products_grid .product_item>div {
    line-height: 27px;
}

.product_item .product_material_color {
    position: relative;
    padding-left: 26px;
}

.product_item .product_material_color>div {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 47px;
    position: absolute;
    top: 2px;
    left: 0;
    border: 1px solid #8a8a8a;
}

.products_item .material {
    position: relative;
    /*padding-left: 25px;*/
}

.products_item .material>div {
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 47px;
    /*position: absolute;*/
    /*top: 3px;*/
    /*left: 0px;*/
    border: 1px solid #8a8a8a;
    margin-right: 10px;
}

.product_color_circle {
    width: 22px;
    height: 22px;
    border-radius: 50px;
    border: 1px solid #8a8a8a;
}

.product_color_circle:hover {
    cursor: pointer;
}

.order_products_grid .product_item>div:first-child,
.order_products_grid .product_header>div:first-child {
    text-align: left;
    padding-left: 6px;
}

.order_comment_container {
    display: flex;
    margin-top: 24px;
    align-items: center;
}

.order_comment_container h4 {
    font-size: 14px;
    font-weight: 500;
    color: #595959;
    margin: 0;
    width: 132px;
}

.order_comment_container p {
    font-size: 14px;
    /*font-weight: 500;*/
    color: #000;
    margin-left: 28px;
}

#order_client_instagram_container,
#client_money_container {
    display: none;
}

#order_client_instagram_container.active,
#client_money_container.active {
    display: flex;
}

.order_bg .deadline {
    position: relative;
}

.order_bg .deadline img {
    width: 24px;
    position: absolute;
    left: 223px;
    top: -1px;
}

.order_bg .deadline .deadline_days {
    position: absolute;
    left: 249px;
    top: -3px;
    color: red;
    font-size: 22px;
    font-weight: 600;
}

.order_back_button {
    width: 50px;
    height: 50px;
    position: fixed;
    left: 20px;
    top: 38px;
    transition: 0.25s;
}

.order_back_button:hover {
    cursor: pointer;
    left: 10px;
}

.order_payments_container {
    margin-top: 50px;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 22px 30px;
}

.order_payments_container h2 {
    margin: 0 0 10px;
}

.payment_item,
.payments_header {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 3fr 3fr 3fr 4fr;
    grid-gap: 1vw;
    font-weight: 500;
    border-bottom: 1px solid #d0d0d0;
    padding: 10px 0;
    font-size: 14px;
}

.payments_header {
    color: #a6a6a6;
    font-weight: 600;
}

.payments_header>div:first-child,
.payment_item>div:first-child {
    text-align: left;
    padding-left: 10px;
}



/* add payment to order */
.order_add_payment_container {
    margin-top: 50px;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 22px 30px;
    font-weight: 500;
    font-size: 14px;
    flex-direction: column;
    align-items: center;
    /*display: none;*/

    display: flex;
    box-sizing: content-box;
    max-height: 0;
    transition: 0.3s;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.order_add_payment_container.active {
    /*display: flex;*/

    max-height: 1000px;
    transition: 0.3s;
    padding: 22px 30px;
    margin-top: 50px;
}

.order_add_payment_container>div {
    display: flex;
    align-items: center;
}

.order_add_payment_container .add_payment_title {
    font-size: 29px;
    font-weight: 900;
    color: #000000;
}

.order_add_payment_container input {
    border: none;
    height: 27px;
    font-size: 29px;
    font-weight: 700;
    width: 135px;
    text-align: right;
    background: none;
    outline: none;
}

.order_add_payment_container span {
    font-size: 29px;
    font-weight: 700;
    margin-left: 4px;
}

.order_add_payment_container .add_payment_sum_container {
    margin-top: 40px;
    margin-bottom: 50px;
}

.order_add_payment_container .payment_type {
    margin-left: 40px;
    transition: 0.25s;
    border-radius: 20px;
    padding: 15px 19px;
}

.order_add_payment_container .payment_type img {
    width: 75px;
}

.order_add_payment_container .payment_type:hover {
    background: #f4e6ff;
    cursor: pointer;
}

.order_add_payment_container .payment_type.active {
    background: #e2bbff;
}

.order_add_payment_container .payment_type p {
    text-align: center;
}

.order_add_payment_container .add_payment_buttons {
    display: flex;
    justify-content: space-between;
    width: 316px;
}

.order_add_payment_container .add_payment_buttons button {
    background: none;
    font-size: 22px;
    font-weight: 700;
    border: none;
    outline: none;
    border-radius: 5px;
    transition: 0.25s;
}

.order_add_payment_container .add_payment_buttons button:hover {
    cursor: pointer;
}

.order_add_payment_container .add_payment_submit_button {
    color: #0ea928;
}

.order_add_payment_container .add_payment_cancel_button {
    color: #dc4f4f;
}

.order_add_payment_container .add_payment_cancel_button:hover {
    box-shadow: 0px 0px 3px 2px #dc4f4f;
}

.order_add_payment_container .add_payment_submit_button:hover {
    box-shadow: 0px 0px 3px 2px #0ea928;
}



.mobile_only {
    display: none;
    font-size: 24px;
}


#search_service_message {
    margin-bottom: 15px;
    color: #8f8f8f;
    padding: 0 20px;
}



/* worker statistics */
.worker_stats_container {
    padding: 30px;
    background: #f4f4f4;
    min-height: calc(100vh - 60px);
    color: #000;
}

.worker_grid,
.worker_money_stats_container,
.worker_reports_list_container,
.worker_money_list_container {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    max-width: 400px;
    margin-bottom: 15px;
}

.worker_reports_list_container,
.worker_money_list_container {
    display: none;
}

.worker_reports_list_container.active,
.worker_money_list_container.active {
    display: flex !important;
    flex-direction: column;
}

.worker_money_list_container {
    padding-bottom: 5px;
}

.worker_money_list_container .universal-date,
.content .universal-date {
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    text-transform: capitalize
}

.content .universal-date {
    color: #4b5563;
}

.worker_money_list_container .worker-operation,
.content .worker-operation {
    border-top: 1px solid #e6e6e6;
    border-radius: 0px;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: stretch;
    outline: none;
    transition: 0.25s;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 0;
}

.content .worker-operation:last-child {
    border-bottom: 1px solid #e6e6e6;
    ;
}

.worker-operation .operation-sum {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
}

.operation-sum.withdraw {
    color: #38bdf8;
}

.operation-sum.earned,
.operation-sum.earnings {
    color: #00B28E;
}

.worker-operation .operation-content {
    display: flex;
    flex-direction: column;
}

.universal-selector {
    display: flex;
    align-items: center;
    background: #e5e7eb;
    margin-left: auto;
    margin-right: auto;
    height: 42px;
    margin-bottom: 15px;
    border-radius: 9999px;
    padding: 0 2.5px;
}

.universal-selector.desktop {
    margin-left: 0;
}

.universal-selector .universal-tab {
    height: 38px;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 30px;
    border-radius: 9999px;
    border: transparent solid 1px;
    box-sizing: border-box;
    background: transparent;
    outline: none;
    transition: all;
    transition-duration: 250ms;
}

.universal-selector .universal-tab.active {
    background: #bfdbfe;
}

.create-manual-operation {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999rem;
    background: #e5e7eb;
    height: 42px;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 30px;
    box-sizing: border-box;
    white-space: nowrap;
    border: 1.5px solid transparent;
    transition: all;
    transition-duration: 250ms;
}

.create-manual-operation:hover {
    background: #bfdbfe;
}

.create-manual-operation svg {
    margin-right: 10px;
}

.universal-action-panel {
    display: flex;
    justify-content: flex-start;
}

.universal-action-panel .universal-selector {
    margin-right: 15px;
}

.worker_money_stats_container {
    text-align: center;
}

.worker_money_stats_container .title {
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: 400;
    color: #4c4c4c;
}

.worker_money_stats_container .money {
    font-size: 28px;
    font-weight: 600;
}

.worker_new_item {
    color: #a6a6a6;
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 13px;
    display: flex;
    flex-direction: column;
    padding: 3px 0;
}

.worker_new_item .success_message,
.orders_container .success_message {
    max-height: 0px;
    visibility: hidden;
    color: #08790b;
    font-weight: 500;
    background: #d6ffd6;
    border-radius: 8px;
    padding: 8px 14px;
    margin-bottom: 0px;
    margin-top: 0px;
    transition: 0.5s;
}

.worker_new_item .success_message.active,
.orders_container .success_message.active {
    visibility: visible;
    max-height: 100px;
    margin-bottom: 14px;
    margin-top: -10px;
}

.worker_new_item_field {
    margin-right: 20px;
    display: none;
}

.worker_new_item_field.active {
    display: block;
}

.worker_new_item_field>div {
    margin-bottom: 10px;
}

.worker_new_item_field .operation_select {
    width: 160px;
}

.worker_new_item_field input,
.worker_new_item_field select {
    -webkit-box-sizing: content-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;
    /* Firefox, other Gecko */
    box-sizing: content-box;
    width: 160px;
    background: #fff;
    outline: none;
    border: none;
    border-bottom: 1px solid #b8b8b8;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
}

.worker_new_item_field input.error {
    border-bottom: 2px solid red;
}

.worker_new_item_field.button_container {
    position: relative;
}

.worker_new_item #save_button,
.worker_new_item #save-tech-card-button {
    width: 218px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 11px 20px;
    border-radius: 10px;
    border: none;
    bottom: 0;
    position: absolute;
    box-sizing: border-box;
    background: #21a455;
    transition: 0.3s;
}

.worker_new_item_field.button_container#save-tech-card {
    margin-top: 40px !important;
}

.worker_new_item_field.button_container#save-tech-card #save-tech-card-button {
    width: 100% !important;
}

.tech-card-item {
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-weight: 400;
    font-size: 14px;
    color: black;

    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 7px;
    padding-top: 7px;
}

.tech-card-item-counter {
    width: 200px;
    border-radius: 8px;
    /*border: 1.5px solid #b8b8b8;*/
    display: flex;
}

.tech-card-item-counter input {
    border: none;
    outline: none;
    background: transparent;
    flex: 1 1;
    width: 1px;
    height: 14px;
    padding: 2px;
    margin: 1px;
    text-align: right;
}

.tech-card-item-counter span {
    padding: 2px;
    /*margin: 1px;*/
}

.tech-card-item-counter::-webkit-input-placeholder {
    text-align: right;
}

/* mozilla solution */
.tech-card-item-counter input:-moz-placeholder {
    text-align: right;
}

.notion_link {
    color: #da0505;
    font-size: 18px;
    font-weight: 700;
    border: none;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-bottom: 2px solid #da0505;
    width: fit-content;
}

.worker_new_item #save_button:hover {
    background: #24b42a;
    cursor: pointer;
}

.worker_new_item #save_button.disabled {
    background: #7bb87d;
}

.worker_grid h1 {
    margin-top: 0;
    margin-bottom: 20px;
}

#worker_quantity_field_container,
#manufacture_colors_quantity_container {
    display: none;
}

#worker_quantity_field_container.active,
#manufacture_colors_quantity_container.active {
    display: block;
}

.manufacture_colors_quantity_container {
    margin-bottom: 30px;
}

.manufacture_colors_quantity_item {
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.manufacture_colors_quantity_item {
    border-bottom: 1px solid #ebebeb;
}

.manufacture_colors_quantity_item>div {
    width: 50%;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: left;
}

.manufacture_colors_quantity_item>div.header {
    width: 50%;
    font-weight: 500;
    color: #797979;
    font-size: 14px;
    padding-bottom: 10px;
}

.manufacture_colors_quantity_item>input {
    padding: 10px;
    width: 50%;
    border: none;
    outline: none;
}

.manufacture_color_circle {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    float: left;
    margin-right: 10px;
}

.worker_report_item {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0px;
    display: flex;
    position: relative;
    align-items: flex-start;
    outline: none;
    transition: 0.25s;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 0;
}

.worker_report_item .worker_item_sum {
    position: absolute;
    right: 0;
    top: 38%;
}

.worker_report_item div {
    margin: 2px 0;
}

/* manufacture_operation_prices */

.manufacture_operation_price_container {
    margin-bottom: 20px;
    overflow: hidden;
}

.manufacture_operation_title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 11px;
    position: relative;
    width: fit-content;
}

.manufacture_operation_price_container .arrow {
    border-bottom: 2px solid #959595;
    border-right: 2px solid #959595;
    width: 8px;
    height: 8px;
    right: -29px;
    top: 4px;
}

.manufacture_operation_price_container:hover {
    cursor: pointer;
}

.manufacture_operation_price_container.closed .arrow {
    top: 6px;
}

.manufacture_operation_price_container.closed {
    max-height: 30px;
}

.manufacture_operation_price_item {
    display: flex;
    padding: 6px 0 6px 15px;
    border-bottom: 1px solid #e7e7e7;
}

.manufacture_operation_price_item .product_model {
    width: 370px;
}

.manufacture_operation_price_item .manufacture_operation_price_input {
    border: none;
    outline: none;
}

/* dds finances fin block */
.dds_buttons_container {
    display: flex;
    margin-bottom: 15px;
}

.dds_button {
    width: 136px;
    height: 40px;
    display: flex;
    padding: 0 37px;
    background: #6e6e6e;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    border-radius: 12px;
}

.dds_button:hover,
.dds_submit_form_button:hover {
    cursor: pointer;
}

#new_income_button.dds_button {
    background: #426d53;
    color: #83f1af;
}

#new_expense_button.dds_button {
    background: #64382b;
    color: #ff8d70;
}

.dds_button_label {
    /*font-weight: 500;*/
    margin-left: 10px;
    font-size: 16px;
}

.dds_button_label:hover {
    cursor: pointer;
}

.dds_form_container.active {
    /* display: flex; */
    opacity: 1;
    pointer-events: auto;
}

.dds_form_container {
    display: flex;
    position: fixed;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    /*bottom: 0;*/
    /*right: 0;*/
    left: 0;
    height: 100vh;
    width: 100vw;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.dds_form {
    background: #fff;
    border-radius: 24px;
    padding: 20px 0;
    width: 480px;
    box-sizing: border-box;
    position: relative;
    max-height: 80vh;
    overflow: hidden;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
}

.dds_form .content {
    overflow-y: scroll;
    padding: 0 20px;
    max-height: calc(80vh - 90px);
}

.dds_form .header {
    height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
}

.dds_form_container.active .dds_form {
    transform: translateY(0);
}

.dds_form_checkbox {
    margin-bottom: 15px;
    font-size: 15px;
}

.dds_form h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.dds_form_input {
    height: 56px;
    display: flex;
    position: relative;
    background: #EEF3F5;
    box-sizing: border-box;
    border-radius: 12px;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 9px 15px;
}

.dds_form_input>label {
    font-size: 11px;
    font-weight: 500;
    opacity: 0.5;
}

.dds_form_input select,
.dds_form_input input,
.dds_form_input textarea {
    background: none;
    border: none;
    outline: none;
    padding-left: 0;
    font-size: 15px;
    margin-top: 4px;
}

.dds_form_input.error,
.manufacture_colors_quantity_container.error {
    border: 1px solid red;
}

.dds_form_input select {
    margin-left: -3px;
}

.new_order_container .dds_form_input {
    max-width: 430px;
}

.dds_submit_form_button {
    background: #098709;
    color: #fff;
    width: 100%;
    border-radius: 12px;
    border: none;
    outline: none;
    height: 50px;
    font-weight: 600;
    font-size: 16px;
}

#new_warehouse_container .dds_submit_form_button,
#new_manufacture_operation_container .dds_submit_form_button,
#new_user_container .dds_submit_form_button,
#new_manufacture_report_container .dds_submit_form_button,
#new_manufacture_color_container .dds_submit_form_button,
#new_product_model_container .dds_submit_form_button,
#new_manufacture_model_container .dds_submit_form_button,
#new_product_container .dds_submit_form_button {
    display: none;
}

#new_warehouse_container .dds_submit_form_button.active,
#new_manufacture_operation_container .dds_submit_form_button.active,
#new_manufacture_report_container .dds_submit_form_button.active,
#new_user_container .dds_submit_form_button.active,
#new_manufacture_color_container .dds_submit_form_button.active,
#new_product_model_container .dds_submit_form_button.active,
#new_manufacture_model_container .dds_submit_form_button.active,
#new_product_container .dds_submit_form_button.active {
    display: block;
    margin-bottom: 10px;
}

#add_income_submit_button.dds_submit_form_button {
    background: #098709;
}

#add_expense_submit_button.dds_submit_form_button {
    background: #ac4001;
}

#add_transfer_submit_button.dds_submit_form_button {
    background: #222;
}

.close_form_button {
    position: absolute;
    top: 15px;
    right: 15px;
}

.close_form_button:hover {
    cursor: pointer;
}

.dds_container .success_message {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 10px;
    display: none;
}

.dds_container .success_message.active {
    display: block;
}

#new_manufacture_report_color_container {
    display: none;
}

#new_manufacture_report_color_container.active {
    display: flex;
}


.dds_balance_grid {
    max-width: 400px;

}

.dds_main_balance_container {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 14px;
}

.dds_main_balance_container .dds_main_subtitle {
    color: #5d5d5d;
    font-size: 12px;
}

.dds_main_balance_container .dds_main_balance {
    color: #000;
    font-size: 32px;
    font-weight: 500;
    margin: 3px 0 10px;
}

.dds_balance_item {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.supply_container .data_field_item p {
    line-height: 28px;
}

.supply_container .data_field_item {
    margin-bottom: 20px;
}

.dds_payment_sum {
    text-align: right;
    padding-right: 10px;
}

/* end dds */


/* stock supply */
#product_select_list {
    width: 400px;
    max-height: 350px;
    overflow-y: auto;
}

#datepicker_input {
    font-size: inherit;
    font-weight: inherit;
    border: none;
}

.supply_buttons_container {
    display: flex;
    justify-content: right;
    padding-right: 40px;
}

.supply_container .data_field_item textarea {
    background: #fff;
}

.supply_container .order_container2 {
    padding-right: 10vw;
}

#new_good_container h1 {
    text-align: left;
    font-size: 26px;
    font-weight: 700;
}

#new_good_container .ss-main .ss-single-selected {
    padding: 0;
    border: none;
    background: none;
    font-weight: 500;
    font-size: 15px;
}

.overheads_title {
    font-weight: 500;
    font-size: 13px;
}

#overheads_input {
    border-bottom: 1px solid grey;
    border-top: none;
    border-right: none;
    border-left: none;
    font-size: 13px;
    font-weight: 500;
    width: 80px;
}

.product_units_field {
    line-height: 25px;
}

.stock_balance_header {
    font-size: 13px;
    font-weight: 500;
    color: #808080;
}

.stock_balance_item {
    grid-template-columns: 5fr 1.7fr 1fr 1fr 1fr 114px 117px 1fr;
}

.stock_balance_item>div:first-child {
    padding-left: 10px;
}

#subcategory_select_list {
    z-index: 1001;
}

/* end stock */
.align_left {
    text-align: left !important;
}

.align_right {
    text-align: right !important;
}


.worker_new_item {
    flex-direction: column;
}

.worker_new_item #save_button {
    bottom: -40px;
}

.worker_new_item_field {
    margin-right: 0px;
    margin-bottom: 30px;
}

.worker_new_item_field>div {
    margin-bottom: 0px;
}

.worker_stats_container {
    padding: 15px;
}

.worker_new_item_field input,
.worker_new_item_field select,
.worker_new_item_field .operation_select,
.worker_new_item_field #save_button {
    width: 100%;
}

.worker_new_item .success_message {
    /* position: absolute;     */
    width: 190px;
    top: -10px;
}




.users_item {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.manufacture_operation_prices_item {
    grid-template-columns: 1fr 1fr 1fr 1fr 100px 40px;
}

.manufacture_operation_prices_item input {
    border: none;
    outline: none;
}

.manufacture_operation_prices_item:hover {
    cursor: default;
    background: #fff;
    ;
}

.product_models_item {
    grid-template-columns: 1fr 1fr 1fr;
}

.wb_productsv2_item {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.wb_productsv2_item>div {
    overflow: hidden;
}

.wb_stocks_item {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.wb_stocks_item .red {
    color: red;
}

.wb_stocks_item .amount {
    font-weight: 600;
    border: none;
    outline: none;
}

.wb_stocks_item .model {
    overflow: hidden;
}

.wb_stocks_grid {
    padding: 0 30px 70px 30px;
}

.wb_stocks_container {
    padding-top: 20px;
}

.wb_stocks_item:hover {
    background-color: #fff;
    cursor: default;
}

.wb_stocks_container h1 {
    text-align: left;
    font-weight: 700;
    padding-left: 30px;
    font-size: 30px;
    margin: 0 0 20px 0;
}

.manufacture_report_item {
    grid-template-columns: 122px 1fr 1fr 1fr 0.7fr 1fr 70px 80px 80px;
}

.manufacture_report_item_agg {
    grid-template-columns: 30vw 1fr 1fr 1fr 0.7fr 1fr 70px 80px 80px;
}

.users_item.disabled {
    background: #ffdbdb;
}

#user_to_wallet_access_container,
#user_to_manufacture_operations_access_container,
#user_to_warehouses_access_container {
    height: fit-content;
    background: none;
}

#user_to_wallet_access_container h4,
#user_to_manufacture_operations_access_container h4,
#user_to_warehouses_access_container h4 {
    font-weight: 500;
    font-size: 15px;
    margin: 10px 0;
}

#user_to_wallet_access_container div,
#user_to_manufacture_operations_access_container div,
#user_to_warehouses_access_container div {
    padding: 3px 0;
    font-size: 15px;
}


/*scrollbar*/

.dds_form .content::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}

.dds_form .content::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: rgba(221, 221, 221, 0.6);
}

.dds_form .content::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 3px;
}

.datepicker {
    z-index: 1200 !important;
}

.grey_color {
    color: #b1b1b1;
}



#scanner_success {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    background: #fff;
    padding: 10px;
    flex-direction: column;
    width: 100vw;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    height: 100vh;
    text-align: center;
}

#scanner_success.active {
    display: flex;
}

#save_scanner_results_button {
    display: none;
}

#save_scanner_results_button.active {
    display: block;
}

#scanner_success_field {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 25px;
}

#scanner_success button {
    background: #30a554;
    color: #fff;
    width: 100%;
    border-radius: 12px;
    border: none;
    outline: none;
    height: 50px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px;
}

#discard_scanner_results_button {
    background: #d2564d !important;
}

.scanner_title {
    text-align: center;
}

.stickers_container {
    display: flex;
    background: #f6f5f4;
}

.auth_icon {
    display: none;
}

.auth_icon.active {
    display: block;
}

.user_auth_container,
.user_auth_grid {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.user_auth_container button {
    display: none;
}

.user_auth_container button.active {
    display: block;
}

.user_auth_container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.user_auth_container.success {
    background: linear-gradient(to bottom right, #92c673 40%, #55aa72 100%);
}

.user_auth_container.error {
    background: linear-gradient(to bottom left, #cd6575 40%, #d0725b 100%);
}

.user_auth_container #success_icon,
.user_auth_container #success_icon img,
.user_auth_container #error_icon,
.user_auth_container #error_icon img {
    width: 100px;
    height: 100px;
}

.user_auth_container #user_field {
    color: #fff;
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 8px;
    font-weight: 500;
}

.user_auth_container #result_field {
    color: #ffffff;
    font-size: 17px;
    margin-bottom: 30px;
}

#wb_fbs_shipment_submit_container,
#supply_submit_container {
    /* display: flex; */
    display: none;
    /* position: fixed; */
    position: sticky;
    background: #f3f3f3;
    -webkit-box-shadow: 0px -7px 37px -3px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px -7px 37px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -7px 37px -3px rgb(0 0 0 / 30%);
    padding: 10px 30px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#wb_fbs_shipment_submit_container.active,
#supply_submit_container.active {
    display: flex;
}

#wb_fbs_shipment_submit_container button,
#supply_submit_container button {
    background: #239b23;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    border: none;
    padding: .75rem 1.5rem;
    font-size: 16px;
    transition: 0.3s;
}

#wb_fbs_shipment_submit_container button:hover,
#supply_submit_container button:hover {
    background: #0ea928;
}

#wb_fbs_shipment_submit_container p,
#supply_submit_container p {
    font-size: 16px;
}

#wb_fbs_shipment_submit_container #wb_fbs_manufacture_done_button {
    background: #3fa2e8;
}

*.hidden {
    display: none;
}

#manufacture-statuses-container {
    padding: 20px;
    max-width: 360px;
}

.manufacture-statuses-grid .statuses_header,
.manufacture-statuses-grid .statuses_item {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 60px 104px;
    grid-gap: 0.6vw;
    border-bottom: 1px solid #b8b8b8;
    padding: 8px 0;
    text-align: left;
}

.manufacture-statuses-grid .statuses_header {
    color: #a6a6a6;
    font-weight: 700;
}

.manufacture-statuses-grid:not(:last-child) {
    margin-bottom: 30px;
}

/* filters */

#filter_models_container,
#filter_statuses_container,
#filter_wb_colors_container {
    position: absolute;
    top: 140px;
    left: 94px;
    display: flex;
    display: none;
    max-height: 300px;
    overflow-y: auto;
}

#filter_models_container.active,
#filter_statuses_container.active,
#filter_wb_colors_container.active {
    display: flex;
}

.filter_input.selected {
    color: #009008;
    border-color: #009008;
}

.fbs_orders_header_container {
    background: #fff;
    padding: 20px 30px 0 30px;
    border-radius: 15px 15px 0 0;
}

.fbs_supplies_header_container {
    background: #fff;
    padding: 20px 0 0;
    border-radius: 15px 15px 0 0;
}

#products_grid.fbs_orders_grid {
    padding-top: 0px;
    border-radius: 0 0 10px 10px;
}

#show_model_filter_button,
#show_wb_color_filter_button,
#show_status_filter_button {
    position: relative;
    padding-left: 19px;
}

.plan-fact-container,
.daily-record-container {
    background: #fff;
    border-radius: 15px;
    padding: 35px;
    max-width: 328px;
    /* width: 360px; */
    text-align: center;
    margin-bottom: 20px;
}

.plan-fact-container h1 {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 6px;
    font-weight: 700;
}

.plan-fact-container h2 {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 6px;
    font-weight: 700;
}

.plan-fact-container h3 {
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 6px;
    font-weight: 200;
    text-transform: uppercase;
}

.plan-fact-container .plan {
    margin-bottom: 54px;
    color: #ff6c00;
}

.plan-fact-container .fact {
    color: #ed0707;
}

.plan-fact-container .fact.ok {
    color: #1cb320;
}

.daily-record-container .date {
    font-size: 20px;
    font-weight: 700;
}

.daily-record-container .sum {
    font-size: 27px;
    font-weight: 700;
    margin: 11px 0px;
}

.daily-record-container h1 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 6px;
    font-weight: 200;
}

/* manufacture supplies */
.supplies_title_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.products_container h1.supply_title {
    font-weight: 500;
    font-size: 26px;
    text-align: left;
    margin: 0 0 20px 30px;
}

.supplies_orders_grid {
    background: #fff;
    border-radius: 0px 0px 15px 15px;
    /* padding: 0px 30px 30px 30px; */
}

.supply_container .search_container {
    margin-left: 30px;
    padding: 0;
}

.supplies_orders_grid .supply_item {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 0.6vw;
    border-bottom: 1px solid #b8b8b8;
    width: 100%;
    outline: none;
    padding: 15px 0;
    transition: 0.25s;
}

.supply_header {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 0.6vw;
    border-bottom: 1px solid #b8b8b8;
    color: #a6a6a6;
    font-weight: 700;
    font-size: 14px;
    padding: 3px 0px 13px 0px;
}

.new_supply_button {
    background: #37b500;
    border: none;
    padding: 10px 50px;
    color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    margin-left: 20px;
    height: 40px;
}

.products_container.manufacture_supplies_container .supply_title {
    margin: 0;
}

#edit_user_hash_field {
    margin-bottom: 25px;
}

#supply_products_header,
#supply_search_products_header {
    display: none;
}

#supply_products_header.active,
#supply_search_products_header.active {
    display: block;
}

#supply_empty_message {
    font-size: 15px;
    color: #6c6c6c;
    display: none;
    margin-left: 30px;
}

#supply_type_field {
    margin-left: 19px;
    font-weight: 500;
    font-size: 22px;
    color: #0069ff;
}

#supply_search_products_grid,
#supply_products_grid {
    padding: 0px 30px 20px 30px;
    background: #fff;
    border-radius: 0px 0px 15px 15px;
    display: none;
}

#supply_search_products_grid.active,
#supply_products_grid.active,
#supply_empty_message.active {
    display: block;
}

#supply_search_products_grid .products_item,
#supply_products_grid .products_item,
#supply_products_header .products_header,
#supply_search_products_header .products_header {
    grid-template-columns: 1.4fr 1.2fr 1.2fr 1fr 0.8fr 0.8fr 95px 30px;
}

#supply_title {
    margin-top: 60px;
    margin-bottom: 10px;
    margin-left: 30px;
}

.supply_container {
    padding-bottom: 100px;
}

.supply_delete_bin_container {
    display: flex;
    justify-content: center;
    align-items: center;
}

#supply_search_products_grid .supply_delete_bin_container {
    display: none;
}

.supply_delete_bin_container:hover {
    cursor: pointer;
}

/* supply confirmation window */
.supply_confirmation_background {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: none;
    justify-content: center;
    align-items: center;
}

.supply_confirmation_background.active {
    display: flex;
}

.supply_confirmation_container {
    max-height: 90vh;
    max-width: 90vw;
    border-radius: 15px;
    z-index: 1001;
    background: #fff;
    padding: 30px;
    display: none;
    min-height: 40vh;
    flex-direction: column;
}

.supply_confirmation_container.active {
    display: flex;
}

.supply_confirmation_container h1 {
    margin: 0 0 20px 0;
}

.supply_confirmation_container .products_header,
.supply_confirmation_container .products_item {
    grid-template-columns: 300px 1fr 1fr;
}

.supply_confirmation_container #supply_confirmation_products_grid {
    padding: 0px 30px 80px 0px;
}

.supply_confirmation_container #supply_confirmation_products_header {
    padding: 20px 30px 0 0;
}

.supply_confirmation_container .supply_confirmation_buttons_container {
    display: flex;
    justify-content: right;
    margin-top: auto;
}

.supply_confirmation_container .supply_confirmation_buttons_container button {
    background: #239b23;
    border-radius: 14px;
    color: #fff;
    text-align: center;
    border: none;
    padding: 13px 50px;
    font-size: 16px;
    transition: 0.3s;
    margin-left: 20px;
}

.supply_confirmation_container .supply_confirmation_buttons_container button.cancel_button {
    background: #dc4f4f;
}

.supply_confirmation_container .bold {
    font-weight: 700;
}

#supply_error_container {
    max-width: 500px;
    max-height: 75vh;
    background: #ffe2e2;
}

#supply_error_container #supply_error_message_field {
    overflow: auto;
    white-space: pre;
}

#pdf_link_container a {
    font-size: 15px;
    color: #239b23;
    text-decoration: underline;
}

#pdf_link_container a div {
    margin-bottom: 15px;
}

.supply_container .supply_title,
.supply_container #search_field {
    display: none;
}

.supply_container .supply_title.active,
.supply_container #search_field.active {
    display: block;
}

.supply_container .supply_dates_container {
    display: flex;
    width: 309px;
    /* position: relative; */
    font-size: 14px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    margin-left: 30px;
    color: #505050;
}

.supply_container .supply_dates_container div {
    width: 50%;
    height: 20px;
}

.supply_pallets_quantity_container {
    margin-left: 40px;
    display: none;
    margin-bottom: 24px;
    align-items: center;
}

.supply_pallets_quantity_container.active {
    display: flex;
}

.supply_pallets_quantity_container p {
    font-size: 14px;
    color: #505050;
    margin-right: 10px;
}

.supply_pallets_quantity_container input {
    font-size: 14px;
    color: #000;
    padding: 0 10px;
    border-radius: 5px;
    height: 24px;
    width: 40px;
    border: 1px solid #c4c4c4;
}

.supply_pallets_quantity_container button {
    background-color: #239b23;
    border-radius: 5px;
    padding: 0px 18px;
    width: fit-content;
    color: #fff;
    border: none;
    outline: none;
    height: 26px;
    margin-left: 6px;
    display: none;
}

.supply_pallets_quantity_container button.active {
    display: block;
}

#supply_submit_container button#supply_submit_local_button {
    background: #9f569f;
}

#supply_local_confirmation_container p {
    font-size: 18px;
}

#manufacture-time-field>div {
    display: flex;
    flex-direction: row;
    font-size: 18px;
    justify-content: space-between;
    font-weight: 500;
    padding-top: 10px;
}

body.menu-open #wb_stocks_submit_container,
body.menu-open #operation_prices_submit_container,
body.menu-open #wb_prices_submit_container {
    left: 250px;

}

#wb_stocks_submit_container,
#operation_prices_submit_container,
#wb_prices_submit_container {
    position: sticky;
    display: flex;
    background: #f3f3f3;
    -webkit-box-shadow: 0px -7px 37px -3px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px -7px 37px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -7px 37px -3px rgb(0 0 0 / 30%);
    padding: 10px 30px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s;
}

.add_manufacture_operation_prices_item_container {
    padding: 10px 0;
}

.add_manufacture_operation_prices_item_container button {
    border: 1px solid #259b24;
    border-radius: 14px;
    padding: 10px 40px;
    background: #ffffff;
    color: #259b24;
}

#wb_stocks_submit_container button,
#operation_prices_submit_container button,
#wb_prices_submit_container button {
    background: #239b23;
    border-radius: 14px;
    color: #fff;
    text-align: center;
    border: none;
    padding: 13px 50px;
    font-size: 16px;
    transition: 0.3s;
}

#warehouses_header.stick {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.warehouse-sum-dashboard {
    text-align: left;
    margin: 10px 0 15px;
    font-size: 15px;
    font-weight: 500;
}

/* notifications */
.notification-container {
    position: fixed;
    top: 120px;
    right: 20px;
    display: flex;
    flex-direction: column;
    z-index: 9999;
}

.notification {
    display: inline-block;
    padding: 15px 25px;
    margin-bottom: 10px;
    border-radius: 10px;
    font-size: 15px;
    color: #fff;
    transition: opacity 0.5s;
    width: 350px;
    white-space: pre-wrap;
}

.notification.success {
    background-color: #0eae54;
}

.notification.error {
    background-color: #c82424;
}



/* mobile */

@media (max-width:500px) {

    .order_status,
    .product_status {
        padding: 10px 18px;
    }

    .notification-container {
        left: 20px;
    }

    .notification {
        width: auto;
    }

    .dashboard_container {
        padding: 10px;
    }

    .dashboard_container .plan-fact-container,
    .dashboard_container .daily-record-container {
        max-width: 100%;
    }

    .order_comments_container {
        padding: 20px 0 0 0;
    }

    .order_comment_input_container {
        padding: 0;
    }

    #dds_operations_grid {
        padding: 10px;
    }

    #dds_operations_grid .orders_item {
        box-shadow: none;
        border-bottom: 1px solid #e6e6e6;
        border-radius: 0px;
        display: flex;
        position: relative;
        margin: 0;
        padding: 10px;
        align-items: flex-start;
    }

    #dds_operations_grid .dds_payment_sum {
        position: absolute;
        right: 0;
        top: 32px;
    }

    .dds_buttons_container {
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .dds_button {
        width: 38px;
        margin: 0;
    }

    #dds_grid {
        padding: 20px;
    }

    #dds_operations_grid {
        margin-top: 10px;
    }

    .mobile_grey_color {
        color: #b1b1b1;
    }

    .desktop_only {
        display: none;
    }

    .body {
        font-size: 14px;
    }

    .mobile_only {
        display: block;
    }

    .menu {
        display: none;
    }

    .orders_container,
    .order_page_container,
    .dds_container {
        min-width: 0;
        padding: 10px;
        width: 100vw;
        box-sizing: border-box;
    }

    .search_container {
        /*flex-direction: column;*/
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: .3rem;
        column-gap: .5rem;
    }

    .search_container.single {
        margin-left: 0 !important;
    }

    .search_container .filter_input {
        margin: 7px 0 0 0;
        text-align: center;
    }

    #wb_fbs_shipment_submit_container.active {
        flex-direction: column;
        height: auto !important;
        padding: 10px !important;
    }

    #wb_fbs_shipment_submit_container.active div {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: .3rem;
        column-gap: .5rem;
        padding-top: 10px;
        width: 100% !important;
    }

    #wb_fbs_shipment_submit_container.active div button {
        font-size: 14px !important;
        padding: .75rem;
    }

    .select-status-container {
        width: 100vw !important;
        right: 0 !important;
        bottom: 140px !important;
        padding-top: 0 !important;
    }

    #orders_grid {
        padding: 0;
        background: #e8e8e8;
    }

    .orders_header {
        display: none;
    }

    #dds_operations_grid .orders_header {
        display: grid;
        grid-template-columns: repeat(6, auto);

        .dds_payment_sum {
            position: relative;
            grid-column-start: 6;
            grid-row-start: 1;
            top: 0;
            padding-right: 0;
            text-align: center;
        }
    }

    .orders_item {
        padding: 15px;
        background: #fff;
        margin-bottom: 16px;
        border-radius: 10px;
        flex-direction: column;
        border: none;
        width: 100%;
        box-sizing: border-box;

        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 0.6vw;
        box-shadow: 0px 2px 11px -5px #999999;

    }

    .orders_item .order_number {
        font-weight: 600;
        font-size: 19px;
        margin-bottom: 11px;
        margin-left: 10px;
        margin-top: 10px;
    }

    .orders_container>h1,
    .products_container>h1 {
        font-weight: 800;
    }

    .orders_item .order_number span {
        display: block;
        margin-bottom: 5px;
    }

    .orders_item .number_title {
        color: grey;
        font-weight: 600;
        margin-top: 15px;
    }

    .orders_item .phone_number {
        position: relative;
    }

    .orders_item .phone_number img {
        width: 17px;
        height: 17px;
        position: absolute;
        left: 91px;
        top: 1px;
    }

    .grid_6 {
        grid-column: 1/7;
    }

    .grid_3_1 {
        grid-column: 1/4;
    }

    .grid_3_2 {
        grid-column: 4/7;
    }

    .grid_3_23 {
        grid-column: 3/7;
    }

    .grid_2_1 {
        grid-column: 1/3;
    }

    .grid_2_2 {
        grid-column: 3/5;
    }

    .grid_2_3 {
        grid-column: 5/7;
    }


    .grid_7_1 {
        grid-column: 7/1;
    }

    .orders_item div {
        text-align: center;
    }

    .orders_item .number,
    .orders_header .number {
        text-align: center;
        padding-right: 0;
    }

    .orders_item div {
        line-height: 21px;
    }

    .order_status {
        width: max-content;
        min-width: 155px;
        margin: 20px auto 0;
        box-sizing: border-box;
        /* margin-top: 20px; */
        /* padding: 7px; */
    }

    .orders_item .deadline img {
        left: 185px !important;
        /* top: -83px; */
        top: 55% !important;
    }

    .orders_item .deadline img.attentionImg {
        left: 185px !important;
    }

    .orders_item .deadline {
        padding-left: 24px;
    }

    .orders_item .deadline_days {
        left: 190px;
        /* top: -83px; */
        font-size: 19px;
    }

    .progress_bar {
        right: 11px;
    }

    .orders_item .full_name {
        font-size: 15px;
        /*font-weight: 600;*/
    }

    .search_container #search_field {
        width: auto;
        grid-column: span 2 / span 2;
    }

    #search_service_message {
        text-align: center;
    }

    .client_data .text {
        margin-left: 0px;
    }

    .client_data h1 {
        font-size: 20px;
        align-self: center;
        margin: 0;
    }

    .avatar_title_container {
        margin-bottom: 18px;
    }

    .order_page_container .client_page_bg {
        min-width: 0px;
        padding: 20px;
    }

    .client_data .client_phone_div img {
        width: 20px;
    }

    .client_data .client_phone_div p {
        font-size: 15px;
        margin-left: 8px;
        line-height: 25px;
    }

    .order_page_container .order_bg.closed {
        max-height: 177px;
    }

    .client_content {
        flex-direction: column;
    }

    .order_page_container .order_bg {
        margin: 10px 0 0 0;
        min-width: 0px;
        padding: 20px;
        max-height: 3000px;
    }

    .order_data>div h4,
    .order_data>div p {
        font-size: 15px;
    }

    .order_bg .deadline img {
        width: 22px;
        left: 216px;
        top: -4px;
    }

    .order_bg .deadline .deadline_days {
        left: 244px;
        top: -5px;
        font-size: 18px;
    }

    .money_grid .money_title {
        font-size: 15px;
        text-align: left;
    }

    .money_grid .money_value {
        font-size: 18px;
        line-height: 29px;
    }

    .client_money .money_grid {
        width: 100%;
    }

    .client_money .progress_bar {
        bottom: -7px;
        width: 100%;
        height: 5px;
        left: 0;
    }

    .order_data h1 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .order_page_container .order_header {
        display: flex;
        flex-direction: column;
    }

    .order_header .order_status,
    .order_header .order_accept_money {
        position: static;
        margin-bottom: 6px;
        font-size: 15px;
        padding: 9px 20px;
        box-sizing: border-box;
    }

    .order_header .order_accept_money {
        padding: 6px 20px;
    }

    .client_money,
    .order_money {
        margin-top: 10px;
    }

    .order_money .money_grid .money_title {
        text-align: left;
        font-size: 15px;
    }

    .order_money .money_grid .money_value {
        font-size: 18px;
    }

    .order_money .progress_bar {
        bottom: -12px;
        width: 100%;
        left: 0;
        height: 4px;
    }

    .order_products_grid .product_item {
        padding: 18px 5px;
        background: #ffffff;
        margin-bottom: -1px;
        /* border-radius: 10px; */
        border: none;
        width: 100%;
        box-sizing: border-box;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr 2fr 1fr 1fr;
        grid-gap: 0.6vw;
        border-top: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
    }

    .order_products_grid .product_item>div {
        margin: 2px 0;
    }

    .order_products_grid .product_item .product_material_color {
        margin: 0;
    }

    .order_products_grid .product_item .product_number span {
        display: inline-block;
    }

    .order_products_grid .product_item .mobile_product_description {
        color: grey;
        /*font-weight: 600;*/
    }

    .product_item .product_material_color>div {
        width: 18px;
        height: 18px;
        top: 3px;
        left: 0px;
    }

    .order_comment_container {
        align-items: flex-start;
        flex-direction: column;
    }

    .order_comment_container p {
        margin-left: 0;
        margin-top: 10px;
    }

    .order_payments_container {
        padding: 8px;
    }

    .order_payments_container h2 {
        margin: 0 0 10px 0;
    }

    .payment_item,
    .payments_header {
        grid-template-columns: 3fr 3fr 3fr;
    }


    .order_add_payment_container.active {
        margin-top: 26px;
        padding: 10px;
    }

    .order_add_payment_container .payment_type {
        padding: 16px 23px;
        margin: 0;
    }

    .order_add_payment_container .payment_type img {
        width: 48px;
    }

    .order_add_payment_container .add_payment_title {
        font-size: 20px;
    }

    .order_add_payment_container input {
        font-size: 20px;
    }

    .order_add_payment_container span {
        font-size: 20px;
    }

    .order_add_payment_container .add_payment_buttons button {
        font-size: 20px;
        padding: 10px 20px;
    }

    .order_add_payment_container .add_payment_sum_container {
        margin-top: 22px;
        margin-bottom: 13px;
    }



    .mobile_empty_space {
        /*height: 50px;*/
        width: 100%;
    }

    /*dds mobile*/
    .dds_form {
        padding: 0;
        background: #fff;
        border-radius: 24px 24px 0 0;
        bottom: 0;
        left: 0;
        right: 0;
        box-sizing: border-box;
        position: absolute;
        width: auto;
        max-height: 80vh;
    }

    .dds_form .content,
    .dds_form .header {
        /*padding: 13px 13px 0 13px;*/
        padding: 0;
        padding-bottom: 10px;
    }

    .dds_form h1 {
        /*font-size: 24px;*/
    }

    .dds_form .content {
        max-height: calc(80vh - 50px);
    }

    .dds_form .header {
        border-bottom: 1px solid #f1f1f1;
    }

    .dds_form_container {
        align-items: start;
        padding-top: 20px;
    }

    .supplies_title_container {
        /*flex-direction: column;*/
        /*align-items: start;*/
        /*justify-content: start;*/
        max-width: calc(100vw - 40px);
        box-sizing: border-box;
    }

    .manufacture_supplies_container .search_container {
        padding: 0;
        max-width: calc(100vw - 40px);
    }

    .new_supply_button {
        margin-left: 0;
        padding: 10px 20px;
        font-size: 12px;
        line-height: 12px;
        height: auto;
        /*margin-top: 1rem;*/
    }

    .manufacture_supplies_container {
        padding: 20px;
    }

    .products_container {
        min-width: unset;
    }

    .supply_header {
        display: none;
    }

    .fbs_supplies_header_container {
        padding: 0;
    }

    .supplies_orders_grid .supply_item {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: .5rem;
    }

    .item-prefix {
        display: inline !important;
        color: grey;
        font-size: 14px;
    }

    .supply-item-label {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        grid-column: span 2 / span 2;
    }

    .supply-item-status {
        grid-column: span 2 / span 2;
        padding: 5px 10px;
        max-width: 100px;
        text-align: center;
        border-radius: 5px;
        background: #5c84f6;
        color: white;
        order: 5;
    }

    .fbs_orders_header_container {
        display: none;
    }

    .products_item {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .products_item .model {
        grid-column: span 2 / span 2;
        text-align: center;
        font-size: 17px;
        font-weight: 500;
        align-items: center !important;
    }

    .products_item .checkbox {
        /* position: absolute; */
        margin-top: 39px;
    }

    .products_item .material {
        order: 1;
    }

    .products_item .deadline {
        order: 2;
        position: relative;
    }

    .products_item .deadline img {
        position: absolute;
        left: calc(100% - 22px);

    }

    .products_item .order {
        order: 3;
    }

    .products_item .supply {
        order: 4;
    }

    .products_item .code {
        order: 5;
    }

    .products_item .warehouse {
        order: 6;
    }

    .products_item .status {
        grid-column: span 2 / span 2;
        display: flex;
        justify-content: start;
        align-items: start;
    }

    .products_item .source {
        grid-column: span 2 / span 2;
        text-align: center;
        font-size: 14px;
        justify-content: center !important;
    }

    .products_item .status .order_status {
        margin: 0;
        width: auto;
        padding: 5px 20px;
        margin-bottom: 10px !important;
    }

    .model-shipping-date {
        font-size: 15px !important;
        margin-bottom: 5px;
    }

    .dds_form {
        padding: 25px 15px;
    }

    .dds_form h1 {
        margin-bottom: 15px;
    }

    .chb {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    .products_item div {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .warehouse-selector {
        bottom: -400px !important;
        padding: 15px;
        flex-direction: column;
        align-items: unset;
        justify-content: unset;
    }

    .warehouse-selector .label {
        margin-left: 0px !important;
        text-align: center;
    }

    .warehouse-selector .buttons-container {
        flex-direction: column !important;
        align-items: unset;
        justify-content: unset;
        width: 100%;
    }

    .warehouse-selector .buttons-container button {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 15px;
    }

    .warehouse-selector .close-button {
        left: unset !important;
        right: 5px;
        top: 5px !important;
        transform: unset !important;
    }

    .orders-item-action {
        position: unset !important;
    }

    .only-desktop {
        display: none;
    }

    .only-mobile {
        display: initial !important;
    }

    .dds_form h1 {
        font-size: 22px;
        line-height: 22px;
    }

    .dds_form {
        padding: 15px;
    }

    .orders_header.manufacture_report_item,
    .orders_header.manufacture_report_item_agg {
        display: none;
    }

    .users_grid#manufacture_reports_grid {
        padding: 0px;
        background: transparent !important;
    }

    .manufacture_report_item,
    .manufacture_report_item_agg {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

    .manufacture_report_item .align_left,
    .manufacture_report_item .worker,
    .manufacture_report_item .operation,
    .manufacture_report_item_agg .align_left,
    .manufacture_report_item_agg .worker,
    .manufacture_report_item_agg .operation,
    .manufacture_report_item .model,
    .manufacture_report_item .detail,
    .manufacture_report_item .color,
    .manufacture_report_item .quantity {
        grid-column: span 2 / span 2;
        text-align: left;
    }

    .manufacture_report_item .price {
        text-align: left;
    }

    .manufacture_report_item .total {
        text-align: right;
    }

    .inactive-mobile {
        display: none;
    }

    .adaptive-popup {
        position: fixed;
        bottom: -100%;
        top: unset !important;
        transform: translate(0, 0) !important;
        left: 0 !important;

        height: auto;
        max-height: 80vh;
        width: 100vw;

        border-radius: 24px 24px 0 0 !important;
    }

    .adaptive-popup .subheader .value {
        margin-right: 10px !important;
        margin-left: 2px !important;
    }

    .adaptive-popup.active {
        bottom: 0;
    }

    .users_grid {
        background: transparent !important;
        padding: 0 !important;
    }

    .mobile-settings-navigation {
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 15px;
        overflow: hidden;
        transition: all;
        transition-duration: 250ms;
        border: none;
        outline: none;
    }

    .mobile-settings-navigation.active {
        height: 443px;
    }

    .mobile-settings-navigation .container {
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .mobile-settings-navigation h1 {
        margin: 0;
        font-size: 24px;
        line-height: 24px;
        text-align: left;
    }

    .mobile-settings-navigation .container .expand {
        margin-left: 5px;
        transition: all;
        transition-duration: 250ms;
    }

    .mobile-settings-navigation .container .expand.active {
        rotate: 180deg;
    }

    .mobile-settings-navigation .divider {
        border-top: 1.5px solid lightgray;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mobile-settings-navigation a {
        margin-bottom: 10px;
    }

    .mobile-settings-navigation a.active {
        color: #5c84f6;
    }

    .tight {
        padding: 0 !important;
    }

    .aggregate {
        font-size: 13px !important;
        line-height: 13px !important;
        padding: 10px !important;
    }

    .universal-selector.desktop {
        margin-left: auto;
    }

    .universal-action-panel {
        /*flex-direction: column;*/
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .universal-action-panel .universal-selector {
        margin: 0;
        /*order: 2;*/
        /*margin-left: auto;*/
        /*margin-right: auto;*/
    }

    .universal-action-panel .create-manual-operation {
        /*order: 1;*/
        width: 42px;
        padding: 0 !important;
        /*margin-bottom: 10px;*/
    }

    .universal-action-panel .create-manual-operation div {
        display: none;
    }

    .universal-action-panel .create-manual-operation svg {
        margin: 0;
    }

    .search_container.single {
        padding: 0 !important;
    }

}

.mobile-settings-navigation {
    display: none;
}

.only-mobile {
    display: none;
}

.warehouse-selector {
    /* position: fixed; */
    position: sticky;
    left: 0;
    bottom: -100px;
    z-index: 10;
    background: white;
    width: 100%;
    padding: 20px 25px;
    box-sizing: border-box;
    box-shadow: 0px -7px 37px -3px rgb(0 0 0 / 30%);

    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all;
    transition-duration: 250ms;
}

.warehouse-selector.active {
    bottom: 0 !important;
}

.warehouse-selector .label {
    margin-left: 55px;
    font-size: 18px;
    line-height: 18px;
}

.warehouse-selector .buttons-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.warehouse-selector .buttons-container button {
    padding: 10px 25px;
    border-radius: 12px;
    font-size: 18px;
    line-height: 18px;

    background: rgb(191 219 254 / 1);
    color: rgb(59 130 246 / 1);


    border-color: transparent;
    margin-left: 15px;
}

.warehouse-selector .close-button {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
    height: 35px;
    width: 35px;
    border-radius: 100%;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
}

.model-shipping-date {
    font-size: 13px;
    line-height: 15px !important;
    color: deepskyblue;
    font-weight: 500;
}

.item-prefix {
    display: none;
}

.manufacture_supplies_container .search_container {
    padding: 0;
    /*margin-left: -10px;*/
    margin-top: 8px;
    margin-bottom: 0;
}

.dds_form_container .dds_form {
    overflow: auto;
}

.bottom-snack {
    position: fixed;
    z-index: 20;
    box-sizing: border-box;
    bottom: -1000rem;
    left: 0;
    color: white;
    width: 100vw;
    padding: 15px 30px;
    font-size: 16px;
}

.bottom-snack.active {
    bottom: 0 !important;
}

.bottom-snack.positive {
    background: #1da71d;
}

.bottom-snack.negative {
    background: #c82424;
}

.search_container #show_source_filter_button {
    margin-left: 0 !important;
}

.products_item div {
    display: flex;
    align-items: center;
}

.products_item .model {
    align-items: flex-start;
    justify-content: center;
}

.products_item .material {
    align-items: center;
    justify-content: flex-start;
}

.search_container .filter_input {
    display: flex;
    align-items: center;
    justify-content: center;
}

.orders-item-action {
    position: absolute;
    right: 0;
    z-index: 1;

    height: 100%;
    /*width: 100px;*/


    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.orders-item-action button {
    border-radius: 100%;
    border-color: transparent;
    height: 36px;
    width: 36px;
    margin-top: 2px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fader {
    display: none;
    position: fixed;
    z-index: 19;
    left: 0;
    top: 0%;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, .7);
    transition: all;
    transition-duration: 350ms;
}

.fader.active {
    display: unset;
}

.confirm-dialog {
    position: fixed;
    z-index: -20;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;

    transition: all;
    transition-duration: 350ms;
    background: white;
    border-radius: 16px;

    width: 100%;
    max-width: 550px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
}

.confirm-dialog.active {
    opacity: 1;
    z-index: 20;
}

.confirm-dialog .dialog-header {
    font-size: 19px;
    padding: 20px;
    background: #5c84f6;
    color: white;
    border-radius: 16px 16px 0 0;
}

.confirm-dialog .dialog-body {
    font-size: 22px;
    padding: 20px;
    color: rgba(0, 0, 0, .6);
}

.confirm-dialog .actions-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 20px;
}

.confirm-dialog .actions-container .action-button-cancel {
    font-size: 19px;
    color: #5c84f6;
    padding: 10px 20px;
    background: white;
    border-color: transparent;
}

.confirm-dialog .actions-container .action-button-cancel:hover {
    background: white;
}

.confirm-dialog .actions-container .action-button-remove {
    font-size: 19px;
    color: white;
    background: #c82424;
    padding: 10px 20px;
    border-color: transparent;
    border-radius: 10px;
}

.dialog-button {
    display: none;
    width: 100%;
    padding: 14px 0;
    font-size: 19px;
    line-height: 19px;
    border-radius: 10px;
    border-color: transparent;
    margin-top: 15px;
    transition: all;
    transition-duration: 250ms;
}

.dialog-button.active {
    display: unset;
}

.edit-dialog-button {
    background: #e8ba38;
    color: white;
    margin-top: 0;
}

.edit-dialog-button:hover {
    background: #f59e0b;
}

.create-dialog-button {
    background: #098709;
    color: white;
    margin-top: 0;
}

.create-dialog-button:hover {
    background: #059669;
}

.remove-dialog-button {
    background: #ec6060;
    color: white;
}

.remove-dialog-button:hover {
    background: #dc2626;
}

.dds_form .dds_form_input#start-balance-input-container {
    display: none;
}

.dds_form .dds_form_input#start-balance-input-container.active {
    display: flex;
}

.types-navigator {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    margin-bottom: 15px;

    box-sizing: border-box;
    overflow: hidden;

    overflow-x: auto;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-behavior: smooth;

    white-space: nowrap;
}

.types-navigator::-webkit-scrollbar {
    display: none;
}

.types-navigator .item {
    cursor: pointer;
    padding: 8px 15px;
    font-size: 18px;
    line-height: 18px;
    border-radius: 25px;
    border-color: transparent;
    background: transparent;
    color: rgb(59 130 246 / 1);
    margin-right: 5px;
    transition: all;
    transition-duration: 250ms;
}

.types-navigator .item.active {
    background: #93c5fd;
}

.types-navigator .item:hover {
    background: lightgray;
}

.dds-info-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: .3rem;
    column-gap: .5rem;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1.5px solid silver;
}

.dds-info-field {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.dds-info-field .dds-label {
    color: grey;
    font-size: 13px;
    line-height: 13px;
}

.dds-info-field .dds-value {
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
}

.inactive {
    display: none;
}

.open-modal {
    overflow: hidden !important;
}

.adaptive-popup {
    position: fixed;
    top: 150%;
    transform: translate(-50%, 0);
    left: 50%;
    z-index: 20;

    overflow: hidden;
    display: flex;
    flex-direction: column;


    height: auto;
    max-height: 75vh;
    width: 100vw;
    max-width: 700px;
    padding-top: 20px;

    border-radius: 24px;
    background: white;
    transition: all;
    transition-duration: 250ms;
}

.adaptive-popup.active {
    top: 50%;
    transform: translate(-50%, -50%);
}

.order_description {
    padding: 10px 20px;
    display: none;
}

.order_description.active {
    display: block;
}

.order_description h3 {
    margin: 10px 0;
}

.fader_order_link {
    border-radius: 5px;
    padding: 10px;
    display: block;
    background-color: #ff991a;
    margin-top: 15px;
    margin-left: 20px;
    width: fit-content;
    color: #fff;
    border: 1px solid #ff991a;
    transition-duration: 0.5s;
}

.fader_order_link:hover {
    background-color: #fff;
    color: #ff991a;
}

.adaptive-popup .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.adaptive-popup .header h1 {
    margin: 0;
    font-size: 22px;
    line-height: 22px;
}

.adaptive-popup .header img {
    cursor: pointer;
}

.adaptive-popup .loader,
.adaptive-popup .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 50px 25px;

    font-size: 16px;
    line-height: 25px;
    color: #9ca3af;
}

.adaptive-popup .loader.hidden,
.adaptive-popup .empty.hidden {
    display: none !important;
}

.adaptive-popup .subheader {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #9ca3af;
    font-size: 14px;
    line-height: 14px;
    padding: 0 20px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.adaptive-popup .subheader .value {
    color: black;
    margin-left: 5px;
    margin-right: 15px;
}

.adaptive-popup .content {
    display: flex;
    flex-direction: column;

    padding: 0 20px;
    padding-bottom: 20px;

    overflow: auto;
    margin-top: 10px;
    transition: all;
    transition-duration: 250ms;
}

.search_container.single {
    margin-left: -10px;
    padding-left: 0;
}

.icon-button {
    height: 40px;
    width: 40px;

    border-radius: 100%;
    border-color: transparent;

    display: flex;
    align-items: center;
    justify-content: center;
}

.selector-button {
    height: 40px;
    width: 100%;

    font-size: 16px;
    line-height: 16px;
    color: white;

    border-radius: 16px;
    border-color: transparent;

}

.icon-button.negative,
.selector-button.negative {
    background: #f87171;
}

.icon-button.positive,
.selector-button.positive {
    background: #16a34a;
}

.dds_form_input.hidden {
    display: none;
}

.aggregate {
    position: fixed;
    display: none;
    align-items: center;
    justify-content: flex-end;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 50px;
    border-top: 1.5px solid lightgray;
    padding: 10px 30px;
    box-sizing: border-box;

    background: white;
    font-size: 17px;
    line-height: 17px;
}

.aggregate.active {
    display: flex;
}

.select-status-container {
    position: fixed;
    z-index: -1;
    bottom: 70px;
    right: 30px;

    /*height: 400px;*/
    height: 0;
    width: 211px;
    border-radius: 24px;
    display: grid;
    row-gap: 1rem;
    background: white;
    border: 0px solid lightgray;
    padding: 0 10px;
    box-sizing: border-box;

    overflow: hidden;

    box-shadow: none;
    transition: all;
    transition-duration: 250ms;
}

.select-status-container.active {
    height: unset;
    padding: 10px !important;
    border: 1.5px solid lightgray;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
}

.select-status-button {
    background: #3fa2e8;
    /*border-color: transparent;*/
    /*width: 100%;*/
    /*padding: 10px;*/
    /*font-size: 14px;*/
    /*line-height: 14px;*/
    /*background: white;*/
}

button .button-icon-right {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    rotate: 0deg;
    translate: 0 -50%;
    fill: white;
    transition: all;
    transition-duration: 250ms;
}

button .button-icon-right.active {
    rotate: -90deg;
}

.tab-container {
    display: none;
}

.tab-container.active {
    display: unset !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 25.4px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

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

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

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

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

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

.chips-form {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    padding: 0 15px;
}

.chips-form h4 {
    font-size: 15px;
    margin: 10px 0 15px;
}

.chips-form .chips-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.chips-form .chips-container .chip {
    border-radius: 9999px;
    padding: 5px 5px 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    background: #cecece;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chips-form .chips-container .chip:not(:last-child) {
    margin-right: 10px;
}

.chips-form .chips-container .chip svg {
    margin-left: 10px;
    cursor: pointer;
}

.chips-form input.searchbox {
    width: 100%;
    border: #999999 solid 1px;
    border-radius: 8px;
    padding: 10px 15px;

    outline: none;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.chips-form .autocomplete {
    display: none;
    position: absolute;
    top: 100%;
    width: calc(100% - 30px);
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0px 4px 16px 0px #33333399;
    box-sizing: border-box;
}

.chips-form .autocomplete.active {
    display: flex;
    flex-direction: column;
}

.chips-form .autocomplete .tag {
    padding: 5px 15px;
    font-size: 13px;
    transition: all 350ms;
    cursor: pointer;
}

.chips-form .autocomplete .tag:hover {
    background: rgba(184, 234, 184, 0.27);
}

.chips-form .autocomplete .tag.hidden {
    display: none;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

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

.spinner-3 {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(farthest-side, #60a5fa 94%, #0000) top/8px 8px no-repeat,
        conic-gradient(#0000 30%, #60a5fa);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
    animation: s3 1s infinite linear;
}

.model-input {
    position: relative;
}

.model-input .model-options {
    display: none;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    max-height: 200px;
    position: absolute;
    background: white;
    top: 100%;
}

.model-input .model-options.active {
    display: flex;
    row-gap: 4px;
    padding: 4px;
    border: lightgray solid 1px;
    box-sizing: border-box;
    border-radius: 4px;
}

.model-input .model-options .option {
    cursor: pointer;
}

.model-input .model-options .option:hover {
    background: lightgray;
}

.model-input .model-options .option.hidden {
    display: none;
}

.history-header {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding-bottom: 12px;
    border-bottom: #999999 solid 1px;
    font-size: 14px;
    margin-top: 20px;
}

.history-line {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 10px 0;
    border-bottom: #999999 solid 1px;
    font-size: 12px;
}

.history-line span {
    padding: 5px 10px;
    border-radius: 4px;
    color: white;
}

.history-filler {
    font-size: 16px;
    color: #999999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 40px auto;
}

.span-2 {
    grid-column: span 2 / span 2;
}

@keyframes s3 {
    100% {
        transform: rotate(1turn)
    }
}

.copy-to-clipboard-link {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 15px;
    color: #24b720;
    font-weight: 700;
}

.copy-to-clipboard-link:hover {
    cursor: pointer;
    color: #18cb14;
}


.print-popup {
    /* position: fixed; */
    position: sticky;
    left: 0;
    bottom: 0;
    /* width: 100vw; */
    background: white;

    display: none;
    align-items: center;
    justify-content: end;
    padding: 1rem 2rem;
    box-sizing: border-box;

}

.print-popup button {
    font-size: 1.125rem;
    padding: .75rem 2.25rem;
    border: transparent;
    border-radius: .375rem;
    margin-left: 2rem;
    display: none;
}

.print-popup .close-button {
    padding: 4px;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-button:hover {
    background: silver;
}

.print-popup .ozon-button {
    background: #bfdbfe;
    color: #2563eb;
}

.print-popup .wb-button {
    background: #f5d0fe;
    color: #c026d3;
}