* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
    background-color: #e5e5e6;
}
header{
    margin-bottom: 10px;
}
.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.container_project,
.container_project_auth {
    flex: 1 0 auto;
}

.footer {
    flex: 0 0 auto;
}

.container_project .nickname_row {
    padding: 20px;
}

.container_project .nickname {
    float: right;
}

#footer>.container {
    padding: 15px;
    text-align: center;
}

.title_h4 {
    margin: 20px 0px 20px 0px;
    color: green;
}

.title_h5 {
    margin: 20px 0px 20px 0px;
    color: #f56551;
}

.form_error {
    color: red;
}

.label_part {
    float: left;
}

.field_part {
    float: right;
}

.cursor {
    cursor: pointer;
}

.empty_row_table {
    text-align: center;
}

.background_row {
    background-color: #e6e6fa;
}

.clear {
    clear: both;
}

.table_details {
    border-spacing: 0;
    position: relative;
    width: 100%;
}

.table_details .table_details_head td,
.table_details .table_details_head th {
    background-color: #d8e6eb;
    color: #507b8a;
    font-weight: bold;
    position: sticky;
    top: 0;
}

.strike {
    text-decoration: line-through;
}

.table_details th {
    padding: 10px 5px;
    white-space: nowrap;
}

.table_details td {
    padding: 10px 5px;
}

.table_details .table_details_head a {
    color: #507b8a;
}

.table_details .open_wind_edit_brand {
    cursor: pointer;
}

.table_details .hide_icon_recommended_brand {
    display: none;
}

.table_details .edit_success_hide {
    display: none;
}

input[type='checkbox'] {
    -webkit-appearance: checkbox;
}

.white_background_page {
    background-color: #fff;
    padding: 20px 15px 20px 15px;
}

/* Выпадающий список (НАЧАЛО) */

.dropdown {
    width: 290px;
    display: inline-block;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px rgb(204, 204, 204);
    transition: all 0.5s ease;
    position: relative;
    font-size: 14px;
    color: #474747;
    height: 100%;
    text-align: left;
}

.dropdown .select {
    cursor: pointer;
    display: block;
    padding: 10px;
}

.dropdown .select>i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    float: right;
    line-height: 20px;
}

.dropdown:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204);
}

.dropdown:active {
    background-color: #f8f8f8;
}

.dropdown.active:hover,
.dropdown.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 5px 5px 0 0;
    background-color: #f8f8f8;
}

.dropdown.active .select>i {
    transform: rotate(-90deg);
}

.dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 5px 5px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9;
}

.dropdown .dropdown-menu li {
    padding: 10px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.dropdown .dropdown-menu {
    padding: 0;
    list-style: none;
}

.dropdown .dropdown-menu li:hover {
    background-color: #f2f2f2;
}

.dropdown .dropdown-menu li:active {
    background-color: #e2e2e2;
}

/* Выпадающий список (КОНЕЦ) */

/* Стили для меню (НАЧАЛО) */

.top_menu {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid black;
    background-color: #496bb2;
}

.nav_top_menu {
    display: flex
}

.top_menu_links {
    background-color: #496bb2;
    border-color: black;
    margin-bottom: 0px;
    height: 50px;
}

.top_menu_links>li {
    float: left;
    line-height: 50px;
    padding: 0px 0px 0px 20px;
    list-style-type: none;
}

.top_menu_links>li>a {
    color: #fff;
    font-size: 16px;
}

.top_menu_links>li>a:hover,
.top_menu_links>li>a:focus {
    color: black;
}

.top_menu_links>.active>a,
.top_menu_links>.active>a:hover,
.top_menu_links>.active>a:focus {
    color: #fff;
    text-decoration: underline;
    background-color: #6088b5;
    height: 51px;
    display: block;
}

.body_search_form_top {
    display: flex;
}

.body_search_form_top #search_form_top {
    margin: 8px 15px;
    width: 240px;
}

#search_form_top input {
    border: 1px solid black;
}

#search_form_top button {
    border: 1px solid black;
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}

.cart-btn {
    cursor: pointer;
    padding-right: 10px;
    float: right;
    position: relative;
}

.cart-btn img {
    width: 50px;
    height: 50px;
}

/* Стили для меню (КОНЕЦ) */

/* Стили для формы поиска деталей (НАЧАЛО) */

#search_detail_form {
    max-width: 250px;
    padding-top: 45px;
    margin: 0 auto;
}

#search_detail_form #search_detail {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}

#search_detail_form #article_detail {
    width: 100%;
}

#search_detail_form .form_field_body {
    margin-bottom: 10px;
    width: 100%;
}

#search_detail_form .form_field_body label {
    font-size: 18px;
}

#search_detail_form .form_field_body input {
    border: 1px solid black;
}

#search_detail_form .form_field_body button {
    border: 1px solid black;
}

/* Стили для формы поиска деталей (КОНЕЦ) */


.table_list_brands {
    margin: 0 auto;
    margin-top: 15px;
}

.table_list_brands td {
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.table_list_brands td a,
.table_list_brands td a:visited,
.table_list_brands td a:active {
    color: black;
}
.table_list_brands .name.oem i,
.table_list_brands .name:not(.oem) span{
    display: none;
}

/* Стили для страницы со списком найденных брендов (КОНЕЦ) */

/* Стили для страницы найденных деталей (НАЧАЛО) */

.search_control_panel {
    padding: 0 30px;
    margin-bottom: 10px;
    display: flex;
}

.body_control_panel_buttons {
    width: 365px;
}

.control_panel_buttons li {
    list-style-type: none;
    margin-right: 13px;
    float: left;
}

.control_panel_buttons .active {
    border-bottom: 1px solid black;
}

.control_panel_buttons li a {
    text-decoration: none;
}

.control_panel_buttons li:last-child {
    margin-right: 5px;
}

.control_panel_buttons li img {
    width: 40px;
    height: 40px;
}

.control_panel_buttons li .img_loader {
    display: none;
}

.overflow-hidden {
    overflow: hidden
}

.div_left_filter {
    float: left;
    width: 15%;
    padding-left: 10px;
    padding-right: 10px;
}

.div_left_filter .list_brands_for_filter {
    font-size: 11px;
    height: 400px;
    overflow: hidden;
    padding: 0px 5px;
}

.div_left_filter .filter_by_brand {
    width: 100%;
    border: 1px solid #e4e4e4;
}

.div_left_filter .filter_by_brand input {
    margin-right: 5px;
}

.div_left_filter .title_filter_by_brand {
    background-color: #d8e6eb;
    color: #000;
    text-align: center;
    padding: 5px 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: #507b8a;
    font-weight: bold;
}

.filter_by_brand .row_brand {
    clear: both;
    height: 21px;
}

.filter_by_brand .row_brand .brand_name {
    height: 21px;
    line-height: 21px;
    white-space: nowrap;
}

.filter_by_brand .more_brands {
    text-align: center;
    border-top: 1px solid #e4e4e4;
    padding: 5px 0px;
    cursor: pointer;
    color: #337ab7;
}

.div_left_filter .filter_by_brand .img_home {
    width: 16px;
}

.div_top_filter {
    margin-bottom: 20px;
}

.div_top_filter .filter_body {
    display: flex;
    margin-bottom: 30px;
}

.div_top_filter .old_url {
    display: none;
}

.div_top_filter .body_filter_by_price {
    padding: 10px;
    width: 40%;
}

.div_top_filter .body_filter_by_price .title {
    margin-bottom: 10px;
}

.div_top_filter .body_filter_by_price .selected_range_price {
    margin-bottom: 10px;
}

.div_top_filter .filter_by_price {
    height: 8px;
}

.div_top_filter .ui-slider-handle {
    height: 16px !important;
}

.div_top_filter .body_filter_by_delivery_period {
    padding: 10px 10px 10px 35px;
    width: 30%;
}

.body_filter_by_delivery_period .not_active {
    color: red;
}

.body_filter_by_delivery_period .row_filter_by_delivery_period {
    display: flex;
}

.body_filter_by_delivery_period .row_filter_by_delivery_period input {
    margin-right: 5px;
}

.body_filter_by_delivery_period .row_filter_by_delivery_period div {
    min-width: 80px;
}

.div_top_filter .body_filter_by_delivery_period .title {
    margin-bottom: 10px;
}

.body_top_btn_sort_list_details {
    margin-left: 20px;
    margin-top: 10px;
}

.body_top_btn_sort_list_details .title {
    margin-bottom: 10px;
}

.body_top_btn_sort_list_details .btn_sort_by_retail_price {
    padding: 7px 10px;
    background-color: #ccc;
    color: black;
    border-radius: 5px 0 0 5px;
}

.body_top_btn_sort_list_details .btn_sort_by_delivery_period {
    padding: 7px 10px;
    background-color: #ccc;
    color: black;
    border-left: 1px solid black;
    border-radius: 0 5px 5px 0;
}

.div_top_filter .show_filter_details {
    text-align: center;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #e4e4e4;
    cursor: pointer;
    color: #337ab7;
}

.body_filter_by_price .filter_price_range .price_begin {
    float: left;
}

.body_filter_by_price .filter_price_range .price_end {
    float: right;
}

.div_top_filter_list_details {
    float: left;
    width: 85%;
    padding-right: 10px;
}

.list_details .div_img_loader_search_detail {
    text-align: center;
}

.search_list_details .td_sort_list_details {
    border: none;
    padding: 0px;
}

.search_list_details .td_sort_list_details>div {
    display: flex;
    justify-content: end
}

.search_list_details .td_sort_list_details>div .form-group:last-child {
    margin-left: 10px
}

.search_list_details .sort_list_details {
    float: right;
    display: flex;
}

.search_list_details .sort_list_details .title_sort_list_details {
    margin: 10px 5px 5px 0px;
    float: left;
}

.search_list_details .sort_list_details .dropdown {
    float: left;
}

.div_btn_select_details {
    float: left;
}

.div_btn_select_details_background_search_detail {
    margin-bottom: 20px;
}

.div_bottom_btn_select_details {
    margin-top: 20px;
}

.div_background_search_detail {
    float: left;
    padding-left: 20px;
    height: 34px;
}

.body_loader_background_search_detail {
    color: red;
    line-height: 34px;
}

.btn_show_all_offers {
    display: none;
}

.img_loader_background_search_detail {
    margin-left: 10px;
    width: 16px;
    height: 16px;
}

.popover_inf_brand {
    cursor: pointer
}

.popover_inf_brand_style {
    min-width: 250px !important;
    max-width: 600px !important;
}

.popover_type_warehouse_style {
    min-width: 250px !important;
    max-width: 300px !important;
}

.popover_list_provider_rating_style {
    min-width: 250px !important;
    max-width: 300px !important;
}

.search_list_details {
    font-size: 13px;
}

.search_list_details .row_offer {
    vertical-align: top;
}

.search_list_details .row_offer:hover {
    background-color: #f1ebeb;
}

.search_list_details .row_offer a {
    color: #000 !important;
    text-decoration: none;
}

.search_list_details .row_detail a {
    color: #000 !important;
    text-decoration: none;
}

.search_list_details .checkbox_offer {
    display: none;
}

.control_panel_search_detail .form_search_warehouse_type {
    float: left;
    height: 40px;
    margin-top: 15px;
}

.list_provider_with_api {
    margin-left: 40px;
    display: flex;
}
.list_provider_with_api > div {
    text-align: center;
    margin: 0 10px;
}
.list_provider_with_api .panel-heading,
.list_provider_with_api .panel-body {
    display: block;
    padding: 5px;
}

.search_list_details .icon_exist {
    width: 24px;
    height: 24px;
}

.search_list_details .icon_google_search_img {
    width: 16px;
    height: 16px;
}

.search_list_details .a_exist {
    margin-right: 5px;
}

.search_list_details .title {
    padding: 0;
    border: none;
}

.search_list_details .show_more_names_detail {
    cursor: pointer;
    margin-top: 5px;
}

.search_list_details .show_detail_offers {
    border-bottom: 1px solid #e4e4e4;
}

.search_list_details .show_list_offers {
    font-size: 15px;
    white-space: nowrap;
    color: blue;
    cursor: pointer;
    text-decoration: underline;
    float: right;
}

.search_list_details .hide_list_offers {
    display: none;
    font-size: 15px;
    white-space: nowrap;
    color: blue;
    cursor: pointer;
    text-decoration: underline;
    float: right;
}

.search_list_details .hide_offer {
    display: none;
}

.search_list_details .row_offer .hidden_offer_description {
    display: none;
}

.search_list_details .cell_article strong {
    display: block;
    overflow: hidden;
    max-width: 100px;
}

.search_list_details .cell_article {
    width: 1%
}

.search_list_details .cell_article>img {
    cursor: pointer;
    max-width: 190px;
    max-height: 172px
}

.search_list_details .div_cell_article {
    white-space: nowrap;
    display: flex;
}

.search_list_details .div_cell_brand {
    white-space: nowrap;
    display: flex;
}

.search_list_details .cell_brand strong {
    display: block;
    overflow: hidden;
    max-width: 115px;
}

.search_list_details .cell_article .icon_exist {
    margin-right: 3px;
}

.search_list_details .cell_article .icon_google_search_img {
    margin-right: 3px;
}

.search_list_details .cell_brand .icon_recommended_brand_ {
    margin-left: 3px;
}

.search_list_details .cell_brand .open_wind_edit_brand {
    margin-left: 3px;
}

.search_list_details .cell_brand .img_compatibility {
    margin-left: 3px;
}

.search_list_details .cell_opportunity_return {
    white-space: nowrap;
}

.search_list_details .cell_description {
    max-width: 300px;
    overflow: hidden;
}

.search_list_details .img_compatibility,
.search_list_details .img_warehouse_type {
    width: 16px;
    height: 16px;
    margin-left: 2px;
}

.img_warehouse_type.wh-home {
    cursor: pointer
}

.search_list_details .selected_offer {
    background-color: #ffe4c4;
}

.provider_rating_api {
    color: #000;
}

.provider_rating_price {
    color: #e6e6fa;
}

.search_list_details .div_cell_provider {
    white-space: nowrap;
    display: flex;
}

.search_list_details .div_cell_provider img {
    margin-left: 5px;
}

.search_list_details .cell_provider .provider_name {
    display: block;
    overflow: hidden;
    max-width: 57px;
}

.search_list_details .img_alert_old_price {
    margin-left: 5px;
    width: 16px;
    height: 16px;
}

.list_details .cell_btn_add_in_shopping_card {
    padding: 10px 3px;
    width: 115px;
    text-align: right;
}

.list_details .btn_add_in_shopping_card {
    border: 1px solid #d9d9d9;
    background-color: #fa5353;
    color: #fff;
    position: relative;
}
.popover-title .glyphicon {
    cursor: pointer;
    color: #337ab7;
}
.add-comment {
    position: absolute;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    right: 70px;
    color: #333;
    padding: 5px;
    transform: translateY(calc(-10px - 50%))
}

.btn_add_in_shopping_card:not(:hover) .add-comment,
.cell_btn_add_in_shopping_card:not(.not-empty) .add-comment,
.cell_btn_add_in_shopping_card:not(.not-empty) .add_item_in_cart,
.cell_btn_add_in_shopping_card:not(.not-empty) .remove_from_shopping_card {
    display: none;
}

.add-comment::after,
.add-comment::before {
    content: "";
    border: 11px solid transparent;
    border-left-color: #fff;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -22px;
}

.add-comment::before {
    border: 13px solid transparent;
    border-left-color: #eee;
    right: -26px;
}

.list_details .loader_add_to_cart {
    display: none;
    width: 16px;
    height: 16px;
    margin-left: 2px;
}

.list_details .hide_count_items_in_cart {
    display: none;
}

.list_details .popover_error_add_in_card {
    background-color: #f08080;
    min-width: 250px !important;
}

.list_details .popover_error_add_in_card .arrow:after {
    border-bottom-color: #f08080;
}

.cart-btn .count_rows_details_cart {
    position: absolute;
    color: #fff;
    background-color: red;
    bottom: 0px;
    right: 0px;
    padding: 2px 3px;
    font-size: 13px;
}

.cart-btn .hide_counter {
    display: none;
}

/* Стили для страницы найденных деталей (КОНЕЦ) */

/* Стили для окна по объединению брендов (НАЧАЛО) */

#form_name_group_in_brands_list .form_error,
#form_name_group_for_list_details .form_error {
    display: none;
}

.modal img {
    max-width: 100%
}

.modal_merge_brands_body {
    margin: 10px;
}

.modal_merge_brands_body .list_merge_brands {
    margin-bottom: 20px;
    padding-left: 40px;
}

#form_name_group_in_brands_list button,
#form_name_group_for_list_details button {
    margin: 15px 0px;
}

#form_name_group_in_brands_list .body_select_name_group_brand,
#form_name_group_for_list_details .body_select_name_group_brand {
    float: left;
    width: 50%;
}

#form_name_group_in_brands_list .select_name_group_brand,
#form_name_group_for_list_details .select_name_group_brand {
    padding-right: 15px;
}

#form_name_group_in_brands_list .select_name_group_brand div,
#form_name_group_for_list_details .select_name_group_brand div {
    white-space: nowrap;
    overflow: hidden;
}

#form_name_group_in_brands_list .select_name_group_brand input[type='radio'],
#form_name_group_for_list_details .select_name_group_brand input[type='radio'] {
    margin-right: 5px;
}

#form_name_group_in_brands_list .select_name_group_brand label,
#form_name_group_for_list_details .select_name_group_brand label {
    font-weight: normal !important;
}

#pop_up_merge_brands .body_select_brand_for_description,
#pop_up_merge_brands_for_list_details .body_select_brand_for_description {
    float: left;
    width: 50%;
}

#pop_up_merge_brands .select_brand_for_description div,
#pop_up_merge_brands_for_list_details .select_brand_for_description div {
    white-space: nowrap;
    overflow: hidden;
}

#pop_up_merge_brands .select_brand_for_description input[type='radio'],
#pop_up_merge_brands_for_list_details .select_brand_for_description input[type='radio'] {
    margin-right: 5px;
}

#pop_up_merge_brands .select_brand_for_description label,
#pop_up_merge_brands_for_list_details .select_brand_for_description label {
    font-weight: normal !important;
}

#pop_up_merge_brands .empty_description_brand,
#pop_up_merge_brands_for_list_details .empty_description_brand {
    color: blue;
}

#pop_up_merge_brands .selected_description_brand,
#pop_up_merge_brands_for_list_details .selected_description_brand {
    margin-top: 10px;
}

/* Стили для окна по объединению брендов (КОНЕЦ) */

.merge_brands_activated {
    font-size: 18px;
    color: #000080;
    height: 50px;
    line-height: 50px;
    float: left;
    padding-left: 40px;
}

/* Стили для страницы, на которой происходит объединение брендов в списке найденных брендов (НАЧАЛО) */

.table_list_merge_brands {
    margin: 0 auto;
    margin-top: 15px;
}

.table_list_merge_brands td {
    font-size: 16px;
    padding: 5px 50px 5px 50px;
    color: black;
}

.table_list_merge_brands span {
    cursor: pointer;
}

#form_merge_brands_in_brands_list .checkbox_brand {
    display: none;
}

#form_merge_brands_in_brands_list .selected_brand {
    background-color: #eead63;
}

/* Стили для страницы, на которой происходит объединение брендов в списке найденных брендов (КОНЕЦ) */

/* Стили для страницы, на которой происходит объединение брендов в списке найденных деталей (НАЧАЛО) */

.control_panel_merge_brands_for_list_details {
    padding: 10px 30px;
    width: 100%;
}

.control_panel_merge_brands_for_list_details .body_control_panel_buttons {
    float: left;
}

.control_panel_merge_brands_for_list_details .control_panel_buttons li {
    display: inline;
    margin-right: 13px;
}

.control_panel_merge_brands_for_list_details .control_panel_buttons li img {
    width: 40px;
    height: 40px;
}

.div_list_merge_brands_for_list_details {
    margin: 25px 10px;
}

.table_details .brand_row {
    cursor: pointer;
}

#form_merge_brands_for_list_details .selected_brand {
    background-color: #ffe4c4;
}

#form_merge_brands_for_list_details .checkbox_brand {
    display: none;
}

/* Стили для страницы, на которой происходит объединение брендов в списке найденных деталей (КОНЕЦ) */

/* Стили для страницы с выбранными деталями (НАЧАЛО) */

#form_edit_brand .label_part {
    width: 140px;
}

#form_edit_brand .field_part {
    width: 350px;
}

#form_edit_brand textarea {
    width: 350px;
}

#form_edit_brand .form_field_body {
    margin-bottom: 10px;
    width: 490px;
}

#form_edit_brand option {
    padding: 3px;
}

.link_back {
    margin-top: 10px;
}

#form_selected_offers .td_article,
#form_selected_offers .td_brand,
#form_selected_offers .td_quantity {
    white-space: nowrap;
}

#form_selected_offers .delete_selected_offers {
    cursor: pointer;
}

#form_selected_offers .img_minus_blue,
#form_selected_offers .img_plus_blue {
    cursor: pointer;
}

.div_list_selected_offers {
    margin: 35px 10px 0px 10px;
}

/* Стили для страницы с выбранными деталями (КОНЕЦ) */

/* Стили для страницы с формой авторизации в проект (НАЧАЛО) */

body>.container_project_auth {
    padding: 0px 100px;
}

.container_project_auth .div_form_login_project {
    width: 100%;
}

.div_form_login_project #form_login_project {
    width: 250px;
    margin: auto;
    margin-top: 100px;
}

#form_login_project .form_error {
    margin: auto;
    width: 250px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Стили для страницы с формой авторизации в проект (КОНЕЦ) */

/* Стили для страницы корзины (НАЧАЛО) */

.list_shopping_cart .control_counter {
    width: 85px;
}

.list_shopping_cart .inp_count_items {
    width: 40px;
    text-align: center;
    float: left;
}

.list_shopping_cart .img_minus_blue {
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.list_shopping_cart .img_plus_blue {
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.list_shopping_cart .td_provider_name a {
    color: black;
}

.list_shopping_cart tr>td:last-child {
    min-width: 110px;
    text-align: right
}

.list_shopping_cart .article-brand img{
    cursor: pointer;
    max-width: 140px;
    max-height: 80px;
}
.list_shopping_cart .article-brand img:not(.photo) {
    width: 100%;
}

#form_shopping_cart .btn_confirm_order {
    margin-top: 20px;
}

#form_shopping_cart .loader_confirm_order {
    display: none;
}

#form_shopping_cart .loader_confirm_order img {
    width: 32px;
    margin-top: 20px;
}

#form_shopping_cart .message_exist_end_order {
    float: right;
    color: red;
    margin-top: 20px;
}

.empty_shopping_cart {
    text-align: center;
}

#form_shopping_cart .td_total_sum,
#form_shopping_cart .td_profit_tag,
#form_shopping_cart .cell_item_price {
    white-space: nowrap;
}

.div_content_shopping_cart {
    margin: 0px 10px;
}

#form_shopping_cart .div_btn_shopping_cart {
    overflow: auto;
}

.oem_groups h3 {
    display: flex;
    margin-top: 0;
    align-items: center;
}

.oem_groups h3 > * {
    padding: 0 5px;
}

.oem_name {
    flex-basis: 100%;
    display: flex;
    align-items: center;
}

.oem_name div {
    white-space: nowrap;
    padding-left: 5px;
}

.oem_brand {
    white-space: nowrap;
}
.search-oem-article img{
    height: 20px;
    max-width: unset;
}
.search-oem-article.disabled span,
.search-oem-article:not(.disabled) img{
    display: none;
}

.div_btn_shopping_cart.need-update>div,
.div_btn_shopping_cart:not(.need-update) span{
    display: none;
}

#form_shopping_cart .div_clear_shopping_cart {
    float: left;
}

#form_shopping_cart .div_confirm_order {
    float: right;
}

#form_shopping_cart .div_price_percent {
    float: right;
}

#form_shopping_cart .input_add_price_percent {
    margin-top: 20px;
    margin-right: 10px;
    float: left;
    width: 90px;
    height: 34px;
    text-align: center;
}

#form_shopping_cart .btn_add_price_percent {
    margin-top: 20px;
    margin-right: 10px;
    float: left;
}

#form_shopping_cart .img_is_changed {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#form_shopping_cart .hide_img_is_changed {
    display: none;
}

#form_shopping_cart .price_value {
    cursor: pointer;
}

#form_shopping_cart .price_input {
    width: 90px;
    height: 30px;
    text-align: center;
}

td:not(.item_changing) .price_input,
td.item_changing .price_value{
    display: none;
}
#form_shopping_cart .inp_id_deal_amo {
    margin-bottom: 20px;
    width: 200px;
    float: left;
}

#form_shopping_cart .inp_delivery_date {
    width: 100%;
}

#form_shopping_cart .inp_sklad {
    width: 100%;
}

#form_shopping_cart .profit_bad {
    color: red;
}

#form_shopping_cart .profit_good {
    color: blue;
}

#form_add_new_detail input[type='text'],
#form_add_new_detail .input-group {
    width: 300px;
}

#form_add_new_detail #name {
    width: 500px;
}

#form_add_new_detail #provider {
    width: 250px;
}

#form_add_new_detail #type_warehouse {
    width: 200px;
}

#form_add_new_detail #price_from_provider,
#form_add_new_detail #price,
#form_add_new_detail #count {
    width: 180px;
}

#form_add_new_detail .select_type_warehouse {
    display: none;
}

.form-control:invalid {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-control:invalid~.error {
    color: #a94442;
}

.form-control:valid~.error {
    display: none;
}
#active-deal-id:not(.editing) input,
#active-deal-id.editing span{
    display: none;
}
#active-deal-id img{
    width: 16px;
    cursor: pointer;
}
.change-cart-type-client.pull-right{
    padding-right:15px
}
/* Стили для страницы корзины (КОНЕЦ) */

/* Стили для раздела "Заказы (Менеджер)" (НАЧАЛО) */

.div_list_orders_widget {
    margin: 0px 10px;
}

.div_list_orders_widget #q {
    width: 200px
}

.list_orders_widget {
    margin-top: 20px;
}

.list_orders_widget .percent_value,
.list_orders_widget .delivery_value {
    cursor: pointer;
}

.list_orders_widget .percent_input,
.list_orders_widget .delivery_input {
    text-align: center;
    display: none;
}

.list_orders_widget .percent_input {
    width: 90px;
    height: 30px;
}

.list_orders_widget .delivery_input {
    width: 110px;
    height: 30px;
}

.list_orders_widget .img_percent_change,
.list_orders_widget .img_delivery_change {
    width: 20px;
    height: 20px;
    display: none;
    cursor: pointer;
}

.list_orders_widget .amo_logo {
    width: 70px;
    height: 13px;
}

.list_orders_widget .img_is_changed {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.list_orders_widget .hide_img_is_changed {
    display: none;
}

.list_orders_widget .profit_bad {
    color: red;
}

.list_orders_widget .profit_good {
    color: blue;
}

.div_list_details_in_order_widget {
    margin-top: 35px;
}

.list_details_in_order_widget .hide_detail_is_ordered {
    display: none;
}

.list_details_in_order_widget .cell_control {
    width: 135px;
}

.list_details_in_order_widget tr:not(.ordered) a[data-is_ordered="1"],
.list_details_in_order_widget tr.ordered a[data-is_ordered="0"] {
    display: none;
}

.form_search_detail_widget {
    float: left;
    margin: 0 10px 20px 0;
}

.list_details_in_order_widget .vendor_code_value,
.list_details_in_order_widget .brand_value,
.list_details_in_order_widget .name_value,
.list_details_in_order_widget .provider_value,
.list_details_in_order_widget .request_price_value,
.list_details_in_order_widget .retail_price_value,
.list_details_in_order_widget .quantity_value {
    cursor: pointer;
}

.list_details_in_order_widget .vendor_code_input,
.list_details_in_order_widget .brand_input,
.list_details_in_order_widget .name_input,
.list_details_in_order_widget .request_price_input,
.list_details_in_order_widget .retail_price_input,
.list_details_in_order_widget .quantity_input {
    text-align: center;
    display: none;
}

.list_details_in_order_widget .vendor_code_input,
.list_details_in_order_widget .request_price_input,
.list_details_in_order_widget .retail_price_input,
.list_details_in_order_widget .retail_price_input {
    width: 90px;
    height: 30px;
}

.list_details_in_order_widget .brand_input {
    width: 120px;
    height: 30px;
}

.list_details_in_order_widget .provider_input {
    width: 170px;
    height: 30px;
    margin-top: 5px;
    display: inline-block;
}

.list_details_in_order_widget .name_input {
    width: 550px;
    height: 30px;
}

.list_details_in_order_widget .img_vendor_code_change,
.list_details_in_order_widget .img_brand_change,
.list_details_in_order_widget .img_name_change,
.list_details_in_order_widget .img_request_price_change,
.list_details_in_order_widget .img_retail_price_change,
.list_details_in_order_widget .img_quantity_change {
    width: 20px;
    height: 20px;
    display: none;
    cursor: pointer;
}

.list_details_in_order_widget .link_site_provider,
.list_shopping_cart .link_site_provider {
    width: 16px;
}

.list_details_in_order_widget .cell_vendor_code,
.list_details_in_order_widget .cell_brand,
.list_details_in_order_widget .cell_provider,
.list_details_in_order_widget .cell_request_price,
.list_details_in_order_widget .cell_retail_price,
.list_details_in_order_widget .cell_quantity {
    white-space: nowrap;
}

.list_details_in_order_widget .img_is_changed {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.pagination a {
    margin-right: 5px;
}

.list_details_in_order_widget .hide_img_is_changed {
    display: none;
}

.form_search_order input {
    width: 200px;
}

.form_search_detail_widget input {
    width: 200px;
}

.list_details_in_order_widget .need_calculate_retail_price {
    cursor: pointer;
}

.list_details_in_order_widget .hide_need_calculate_retail_price {
    display: none;
}

.cell_provider>div {
    display: flex;
}

.cell_provider>div>div {
    position: relative;
    margin-right: 5px;
}

.cell_provider:not(.editing)>div>div::before {
    content: '';
}

.cell_provider:not(.editing) .img_provider_change,
.cell_provider:not(.editing) .add,
.cell_provider.adding .add {
    display: none;
}

.cell_provider:not(.adding) .provider_input {
    display: none;
}

.cell_provider>div>div::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Элемент | https://avtodrug92.freno.ru/orders_widget/list_details/880386 */

#row_detail_51032>td:nth-child(4)>div:nth-child(1) {
    position: relative;
}


.cut-text {
    height: 20px;
    overflow: hidden;
}

.loader_confirm_order {
    height: 40px;
    display: none;
}

.table_details:not(.need_clarification) .clarification,
.table_details:not(.need_clarification) .confirm_order,
.table_details.need_clarification .order_with_api {
    display: none;
}

.clarification table {
    width: 100%;
}

.clarification>td {
    padding-left: 40px;
}

.clarification td {
    padding: 2px;
}

.clarification tr:nth-last-child(n+2) {
    border-bottom: 1px dotted #000;
}

.clarification:not(.showed) tr:nth-child(n + 7) {
    display: none;
}

/* Стили для раздела "Заказы (Менеджер)" (КОНЕЦ) */
/** jsox shop cart styles */
#show-purchase-amount,
.custom-picks a,
.jsoxPickerContainer a {
    margin-right: 8px;
    border-bottom: 1px dashed;
    display: inline-block;
}

#show-purchase-amount:hover,
.custom-picks a:hover,
.jsoxPickerContainer a:hover {
    border-bottom: 1px dashed transparent;
    text-decoration: unset;
}

/** end jsox shop cart styles */
.copy {
    cursor: pointer;
    color: #337ab7;
}

.weekday {
    position: absolute;
    right: 26px;
    top: 8px;
}

.chosen-container {
    width: 100% !important;
}

.container.oem {
    width: 700px;
}

.oem_groups>div {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #EDEDED
}

.oem_groups>div:nth-child(2n) {
    background-color: #D9EAFF
}

.nav_top_menu .text-search {
    margin: 8px 15px;
}

.text-search ul {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 9;
}

.text-search ul.show {
    display: block;
}

.text-search ul li {
    padding: 5px 10px;
    list-style: none;
    border-bottom: 1px solid #eee;
}

.text-search ul li a {
    color: #000
}

.form-group {
    position: relative;
}

.table_details:not(.private_showed) tr:not(.private_showed) .private {
    width: 0;
    font-size: 0
}

.show-private {
    cursor: pointer;
    font-weight: 700;
    border: 1px solid #aaa;
    border-radius: 3px;
    width: 23px;
    display: inline-block;
    text-align: center;
    color: #aaa;
}

.table_details_head .show-private {
    color: inherit;
    border-color: inherit;
}

.table_details.private_showed .table_details_head .show-private {
    transform: rotate(180deg);
}

.table_details.private_showed tr:not(.table_details_head) .show-private,
tr:not(.table_details_head).private_showed .show-private {
    display: none;
}

.cell_retail_price div {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #d8e6eb;
}

.detail-tooltip {
    display: none;
    position: absolute;
    top: 600px;
    left: 900px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    max-width: 480px;
}

.detail-tooltip::before {
    content: "";
    position: absolute;
    border: 14px solid transparent;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-color: #cccccc;
}

.detail-tooltip::after {
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    border: 13px solid transparent;
    border-bottom-color: #d8e6eb;
}

.tooltip-title {
    margin: 0;
    background-color: #d8e6eb;
    font-size: 16px;
    padding: 8px;
    text-align: center;
}

.tooltip-content {
    padding: 10px;
}

#contactDeals .popover table{
    display: table!important;
}

#contactDeals td {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

#contactDeals p {
    margin: 0;
}
#contactDeals .tab-pane{
    border:1px solid #ddd;
    top: 0;
}

img.dealsIcons {
    width: 35px;
    cursor: pointer;
}

.dealBadges {
    position: absolute;
    right: 0px;
    top: -3px;
    background-color: #00a900;
    font-size: 1em;
}

.dealBadges.cart {
    background-color: #004fa9;
}
.only_star .without_star{
    display: none;
}
@media (min-width: 768px) {
    .new-deal.modal-content {
        width: 750px;
        left: -80px;
    }

    #contactDeals .popover {
        min-width: 550px;
        left: -410px !important;
        top: 20px !important;
    }

    #contactDeals .arrow {
        display: none;
    }
}

#contactDeals .popover {
    z-index: 1060;

}
#client .popover {
    margin-top:0 !important;
}

#client .arrow,
.new-vin .arrow {
    display: none;
}

.deals_loader_add_to_cart {
    width: 16px;
    height: 16px;
    margin-right: 2px;
}

.bold {
    font-weight: bolder;
}

#last_view_deals_window{
    position: absolute;
    background-color: #496bb2;
    opacity: 0.95;
    box-sizing: border-box;
    z-index: 100;
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border: 1px solid black;
    color: white;
    max-height: 90vh;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}
#last_view_deals_window tr:hover{
    background-color:#8ba3d5;
}
#last_view_deals_window img{
    width: 30px;
}
#last_view_deals_window table th ,#last_view_deals_window table td{
    padding: 5px;
    border: 1px solid white;
    text-align: center;
    vertical-align: middle;
}
#last_view_deals_window td:nth-child(3){
    max-width: 54px;
}
#quick_brand_search{
    width: 100%;
    margin: 0;
}
/*.title_filter_by_brand button{*/
/*    position: relative;*/
/*    left: -14px;*/
/*}*/
#bottom_close_btn{
    background-color: #496bb2;
    border: black 1px ;
    padding: 10px;

}
#btn_wrapper{
    position: relative;
    display: flex;
    justify-content: right;
    width: 100%;
}

#last_view_deals_window a{
    color: white;
}
.img_purchases_brand{
    width: 16px;
    height: 16px;
    cursor: text;
}
.reference_to_cart{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#check_wrapper *{
margin: 0; !important;
}
.btn-danger{
    margin-left: 5px;
}
.agreed_carts_menu_wrapper{
    border: 1px solid black;
    background-color: #496bb2;
    z-index: 15;
}
.agreed_carts_menu_wrapper td {
    border: 1px solid white;
    text-align: center;
    color: white;
}
.agreed_carts_menu_wrapper a {
    color: white;
}
.agreed_carts_menu_wrapper table thead span{
    padding: 5px;
}