.set_aligin-right {
    text-align: right;
}
/* pulsing alerts */

h5.notify-unresolved-negotiations {
    text-align: center;
    color: #7070f1;
    cursor: pointer;
    padding: 20px;
    border: 2px solid;
    display: block;
    cursor: pointer;
    box-shadow: 0 0 8px rgb(112 112 241);
    animation: notify-unresolved-negotiations 2s infinite;
    border-radius: 5px;
}

@-webkit-keyframes notify-unresolved-negotiations {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgb(112 112 241);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(255,0,0, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 0);
    }
}

@keyframes notify-unresolved-negotiations {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(112 112 241);
        box-shadow: 0 0 0 0 rgb(112 112 241);
    }
    70% {
        -moz-box-shadow: 0 0 0 15px rgba(255,0,0, 0);
        box-shadow: 0 0 0 15px rgba(255,0,0, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255,0,0, 0);
        box-shadow: 0 0 0 0 rgba(255,0,0, 0);
    }
}

/* buttons */
.btn-is_loading,
.view_loading_button {
    display: none;
}

.view_button,
.redirect_quality_button {
    min-width: 51px;
}

.view_loading_button i {
    min-width: 39px;
}

#item_quality_modal .modal-dialog {
    margin: 8px !important;
    width: 26% !important;
}

.shopshop_export_btn {
    min-width: 137px;
}

/* modal */
.sales_alert_modal .set_item_quality_to_notes {
    min-width: 76px;
}

.sales_alert_modal .modal_is_loading,
.set_iq_notes_alert,
.hidden_elem {
    display: none;
}

/* negotiation */
.fields_error_alert,
.is_loading_ico {
    display: none;
}

.fields_error_alert {
    margin-top: 10px;
}

.sale_negotiation_template .ng_actions {
    width: 100%;
    margin-bottom: 5px;
}

#accept_negotiation_form_modal .save_accept_negotiation,
#edit_negotiation_form_modal .save_edit_negotiation {
    min-width: 76px;
}

.negotiation_export_btn {
    min-width: 142px;
}

#negotiation_expo_modal .modal-dialog {
    width: 90%;
}

#negotiation_expo_modal .source_row.empty_field,
#negotiation_expo_modal .source_row .row_data.gray_out,
#negotiation_expo_modal .is_cashback_type_row.gray_out,
#negotiation_expo_modal .jports_part_row.gray_out {
    position: relative;
}

#negotiation_expo_modal .gray_out::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(255 255 255 / 40%);
    cursor: not-allowed;
}

#negotiation_expo_modal .empty_field::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ff000045;
    border-radius: 3px;
    -webkit-animation: WARNING-BORDER 0.5s infinite;  /* Safari 4+ */
    -moz-animation: WARNING-BORDER 0.5s infinite;  /* Fx 5+ */
    -o-animation: WARNING-BORDER 0.5s infinite;  /* Opera 12+ */
    animation: WARNING-BORDER 0.5s infinite;  /* IE 10+, Fx 29+ */
}

@keyframes WARNING-BORDER {
    0%, 49% {
        border: 1px solid #ff000045;
      
    }

    50%, 100% {
        border: 1px solid #ffffff;
    }
}

/* form dimmer */
#update_sale {
    position: relative;
}

#update_sale .modal-body .dimmer {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 40%);
}

/* new layout / colapsible css */
.sale_component {
    margin-bottom: 10px;
}

.sale_component .table_list-title {
    padding: 10px 0px;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
}

.sale_component .table_list-title .list_label {
    font-size: 20px;
    font-weight: 700;
}

.sale_component .table_list-content {
    display: none;
    padding: 10px 0px;
}

.sale_component .table_list-content.active_content {
    display: block !important;
}

/* upload sale items */
#upload_sale_items .link_file_template.gray_out,
#upload_sale_items .upload_items_actions.gray_out {
    background-color: #6c757d !important;
    color: #fff;
    cursor: not-allowed;
    position: relative;
}

#upload_sale_items .input_containers {
    margin-bottom: 10px;
}

#upload_sale_items .btn-upload_excel {
    min-width: 72px;
}

/* negotiation upload */
#negotiation_import_modal .modal-body.loading {
    position: relative;
}

#negotiation_import_modal .modal-body.loading::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff78;
    top: 0;
    left: 0;
}

#negotiation_import_modal .modal-body {
    max-height: 70vh;
    overflow: auto;
}

#negotiation_import_modal .part-two {
    display: none;
}

#negotiation_import_modal .begin_import {
    min-width: 67px;
}
/* mix sales */
.mix_sales-main_page .page_header .page_header-title {
    font-size: 25px;
    font-weight: 700;
}

.mix_sales-main_page .act-save_mix_group {
    min-width: 70px;
}

.mix_sales-main_page .msp_actions {
    width: 100%;
}

.mix_sales_details .col-mixed_list.dimmer::before {
    content: "";
    background: rgba(255,255,255,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mix_sales_details .col-mixed_list .sortable_list {
    height: 75vh;
    overflow: auto;
}

.mix_sales_details .col-mixed_list .sortable_list::-webkit-scrollbar {
    width: 10px;
}

.mix_sales_details .col-mixed_list .sortable_list::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

.mix_sales_details .col-mixed_list .sortable_list::-webkit-scrollbar-thumb {
    background: #888; 
}

.mix_sales_details .col-mixed_list .sortable_list::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.mix_sales_details .sc_header .header {
    background: #c5afaf;
    text-align: center;
    font-weight: 700;
    padding: 7px;
}

.mix_sales_details .meshed_column {
    padding: 10px;
    background: gray;
}

.mix_sales_details .sale_list .sale_tile {
    position: relative;
    /* padding: 7px 10px; */
    border-bottom: 1px solid #f1d4d4;
    cursor: pointer;
    position: relative;
}

.mix_sales_details .sale_list .sale_tile .st_info {
    width: 100%;
    display: inline-flex;
}

.mix_sales_details .sale_list .sale_tile .st_info .sti_name {
    padding: 10px;
    width: 100%;
    display: inline-flex;
}

.mix_sales_details .sale_list .sale_tile .st_info .sti_mesh_count {
    padding: 10px;
    width: 12%;
    display: inline-flex;
    text-align: center;
}

.mix_sales_details .sale_list .sale_tile .st_info .sti_mesh_count .count_val {
    width: 100%;
}

.mix_sales_details .ui-state-highlight {
    height: 3.5rem;
    background-color: #fbe0e0;
}

.mix_sales_details .active_ordered_sale {
    border: 1px solid #403d3d !important;
    /* border-right: 15px solid #403d3d !important; */
    background: gray;
    color: #ffffff;
}

.mix_sales_details .active_ordered_sale .sti_mesh_count{
    background: #403d3d;
}

.mix_sales_details .main_meshed_sale {
    border: 1px solid #403d3d !important;
    border-left: 15px solid #403d3d !important;
    background: gray;
    color: #ffffff;
}

/* .mix_sales_details .table-columns .col-meshed_list {
    position: absolute;
    height: 100%;
    right: 0;
} */

/* .mix_sales_details .active_ordered_sale::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 34px 30px 0px;
    border-color: transparent #f3eded transparent transparent;
    position: absolute;
    top: -13px;
    right: -32px;
    z-index: 2;
} */

.mix_sales_details .sc_header-meshed {
    height: 100%;
    background-color: #f3eded;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid;
    box-shadow: 7px 10px 25px -9px rgba(0,0,0,0.56);
    -webkit-box-shadow: 7px 10px 25px -9px rgba(0,0,0,0.56);
    -moz-box-shadow: 7px 10px 25px -9px rgba(0,0,0,0.56);
}

.sales_details_grid  .remove_all_items-header button {
    width: 100%;
    border: none;
    border-radius: 3px;
    background: #e8c077;
    min-width: 90px;
}

.sales_details_grid  .remove_all_items-cell {
    text-align: center;
}

.sales-details #AddClaimModal .page-two{
    display: none;
}

.sales-details #AddClaimModal .page-two .customer_row.selected{
    background-color: #5be95b;
}

.sales_details_grid .to_photographs .thumbnail_container {
    width: 100%;
    position: relative;
}

.sales_details_grid .to_photographs .thumbnail_container .image_thumbnail img {
    margin: auto;
    display: block;
}

.sales_details_grid .to_photographs .thumbnail_container .image_count {
    position: absolute;
    top: 0;
    left: 13px;
    width: 25%;
    background: rgb(30 30 30 / 53%);
    text-align: center;
    padding: 1px;
    font-size: 9.5px;
    color: #ffffff;
    border-radius: 4px 0 7px 0;
}