.materials_table {}
.materials_table .search_left {}
.materials_table .search_left [data-action="show-create-material-popup"] {position: absolute;right: 15px;line-height: 45px;background: transparent;border: 0;font-size: 20px;width: 43px;height: 43px;padding: 0;}
.materials_table .search_right {}
.materials_table .search_right [data-action="create-warehouse"] {
    background: var(--gtt-light-bg);
    border: 0;
    font-size: 20px;
    width: 43px;
    padding: 0;
}

.materials_table .search_right .filters {
    bottom: -4px;
}
.materials_table .search_right .filters li {
    display: flex;
    position: relative;
    border-radius: var(--gtt-border-radius-large);
    border: 1px solid var(--gtt-border-color);
    font-weight: 600;
    margin-right: 10px;
}
.materials_table .search_right .filters li label {
    min-width: 100px;
    justify-content: center;
    height: 41px;
    padding: 0 10px;
}
.materials_table .search_right .filters li .radio {
    display: none;
}
.materials_table .search_right .filters li button {
    background: transparent;
    border: 0;
    font-size: 20px;
    padding: 0;
    position: absolute;
    bottom: -7px;
    right: 0;
}
.materials_table .search_right .filters li .warehouse_name {
    white-space: nowrap;
}

.materials_table .search_right .filters li.active {
    background: var(--gtt-primary-color);
    color: #fff;
    border-color: var(--gtt-primary-color);
}

.materials_table .search_right .filters li.active button {
    background: transparent;
}

/* material_image */
.materials_table .material_image {width: 100px;}
.materials_table .material_image .wrap_material_image {
    display: inline-block;
    position: relative;
}
.materials_table .material_image .wrap_material_image button[data-action*="remove"] {
    position: absolute;
    border: 0;
    background: transparent;
    top: -8px;
    left: -8px;
    padding: 0;
    font-size: 16px;
}
.materials_table .material_image .wrap_material_image button[data-action="show-update-material-popup"] {
    position: absolute;
    border: 0;
    background: transparent;
    bottom: 0;
    right: -8px;
    padding: 0;
    font-size: 16px;
}
.materials_table .material_actions {
    width: 295px;
}
.materials_table .material_checkbox {
}
.materials_table .material_code {
    width: 150px;
}
.materials_table .material_name {
    width: 325px;
    text-align: left;
}
.materials_table .material_name button {}
.materials_table .material_unit {
    min-width: 60px;
}
.materials_table .material_dinh_muc {
}
.materials_table .material_dinh_muc input,
.materials_table .material_dinh_muc span {
    width: 85px;
    padding: 5px 10px;
    height: 25px;
    text-align: center;
    display: block;
    line-height: 25px;
    padding: 0 10px;
}
.materials_table .material_dinh_muc.warning {}
.materials_table .material_dinh_muc.warning input,
.materials_table .material_dinh_muc.warning span {
    border-color: var(--bs-danger);
    background: var(--bs-danger);
    color: #fff;
    border-radius: var(--gtt-border-radius-large);
}
.materials_table .material_tong_nhap {
    min-width: 65px;
}
.materials_table .material_ton_kho_thang_truoc {
    position: absolute;
    margin-top: -10px;
    right: 0;
    font-size: 12px;
    color: var(--gtt-primary-color);
}
.materials_table .material_tong_xuat {
    min-width: 60px;
}
.materials_table .material_tong_ton {
    width: 85px;
}
.materials_table .material_price {
    width: 120px;
}
.materials_table .material_total {
    width: 120px;
}

/* page_fixed_actions */
.warehouse_page .page_fixed_actions {}
.warehouse_page .page_fixed_actions ul {}
.warehouse_page .page_fixed_actions ul li {}
.warehouse_page .page_fixed_actions ul li button {}
.warehouse_page .page_fixed_actions ul li button i {}



/************* popup create material *************/
#popup-create-update-material {}
#popup-create-update-material .update_material_types {
    display: flex;
    justify-content: center;
}
#popup-create-update-material .update_material_types li {
    margin-right: 44px;
    user-select: none;
}
#popup-create-update-material .wrap_material_content {
    display: flex;
    width: 570px;
    margin: auto;
    --image-size: 150px;
}
#popup-create-update-material .wrap_material_content .wrap_material_images {
    width: var(--image-size);
    height: var(--image-size);
    margin-right: auto;
    background: var(--gtt-light-bg);
    border-radius: var(--gtt-border-radius);
    border: 2px solid var(--gtt-light-bg);
}

/* wrap_preview_img */
#popup-create-update-material .wrap_material_images .wrap_preview_img {
    height: 100%;
    width: 100%;
}
#popup-create-update-material .wrap_material_images .wrap_preview_img .preview_img_title {
    height: 100%;
    width: 100%;
}
#popup-create-update-material .wrap_material_images .wrap_preview_img .preview_img_title i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#popup-create-update-material .wrap_material_images .wrap_preview_img .preview_img {
    height: 100%;
    width: 100%;
    max-width: fit-content;
    border-radius: var(--gtt-border-radius);
}

#popup-create-update-material .wrap_material_content .wrap_material_info {
    width: calc(100% - var(--image-size) - 15px);
}
#popup-create-update-material .wrap_material_content .wrap_material_info_row {}
#popup-create-update-material .wrap_material_content .wrap_material_info_field {
    width: 100%;
    margin-bottom: 15px;
}
#popup-create-update-material .wrap_material_content .wrap_material_info_row:last-child .wrap_material_info_field {
    margin-bottom: 0;
}
#popup-create-update-material .wrap_material_content .wrap_material_info_row.d-flex .wrap_material_info_field {
    margin-right: 10px;
}
#popup-create-update-material .wrap_material_content .wrap_material_info_field input {
    width: 100%;
    border-radius: var(--gtt-border-radius);
    padding: 10px 0 10px 15px;
    border: 1px solid var(--gtt-border-color);
    font-size: var(--gtt-font-size);
    margin: 0;
}
#popup-create-update-material .wrap_material_content .wrap_material_info_field .tagify {
    --height: 40px;
    width: 100%;
    border-radius: var(--gtt-border-radius);
    padding: 0 0 0 10px;
    border: 1px solid var(--gtt-border-color);
    font-size: var(--gtt-font-size);
    margin: 0;
    min-height: var(--height);
}
#popup-create-update-material .wrap_material_content .wrap_material_info_field .tagify .tagify__input {
    text-align: left;
    margin: 0;
    height: var(--height);
    line-height: var(--height);
    margin-top: 0;
    padding: 0 0 0 5px;
}
#popup-create-update-material .wrap_material_content .wrap_material_info_field.row_material_type {}
#popup-create-update-material .wrap_material_content .wrap_material_info_field .update_material_chat_lieu_types {
    display: flex;
    height: 100%;
    align-items: center;
    /* user-select: none; */
}
#popup-create-update-material .wrap_material_content .wrap_material_info_field .update_material_chat_lieu_types li {
    margin-right: 15px;
    margin-top: 6px;
    user-select: none;
}



/* wrap_button_xuat_nhap_kho */
.wrap_button_xuat_nhap_kho {
    display: flex;
    justify-content: space-around;
    max-width: 295px;
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart {
    display: flex;
    position: relative;
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart.nhap_kho i,
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart.nhap_kho input {
    color: var(--bs-teal);
    border-color: var(--bs-teal);
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart.xuat_kho i,
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart.xuat_kho input {
    color: var(--bs-danger);
    border-color: var(--bs-danger);
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart [data-action="add_material_to_cart"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    border: 0;
    background: transparent;
    font-size: 21px;
    padding: 5px 10px;
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart [data-action="add_material_to_cart"] i {}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart .wrap_material_cart_item_quantity {
    position: relative;
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart .wrap_material_cart_item_quantity_buttons {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 3px;
    right: 9px;
    /* height: 100%; */
    font-size: 20px;
    z-index: 1;
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart .wrap_material_cart_item_quantity_buttons button {
    --height: 15px;
    border-radius: 0;
    padding: 0;
    border: 0;
    background: transparent;
    height: var(--height);
    width: 20px;
    overflow: hidden;
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart .wrap_material_cart_item_quantity_buttons button i {
    height: var(--height);
    font-size: 23px;
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart .wrap_material_cart_item_quantity .btn-plus {
    /* z-index: 1; */
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart .wrap_material_cart_item_quantity .btn-minus {
    margin-top: 3px;
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart .wrap_material_cart_item_quantity .btn-minus i {
    position: relative;
    top: -7px;
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart .wrap_material_cart_item_quantity [data-action="change_add_material_cart_item_quantity"] {}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart .wrap_material_cart_item_quantity input {
    padding: 10px 38px 10px 45px;
    border-radius: var(--gtt-border-radius-large);
    text-align: center;
    max-width: 125px;
}
.wrap_button_xuat_nhap_kho .wrap_add_material_to_cart .item_to_cart {
    /* display: none; */
}

/* direct_update qty */
.wrap_button_xuat_nhap_kho.direct_update .wrap_add_material_to_cart {}
.wrap_button_xuat_nhap_kho.direct_update .wrap_add_material_to_cart .wrap_material_cart_item_quantity_buttons {
    right: unset;
    left: -22px;
    top: -7px;
}


/* item add to cart animation */
.wrap_button_xuat_nhap_kho .item_to_cart {
    height: 70px;
    width: 70px;
    position: fixed;
    background: var(--gtt-primary-color);
    border-radius: 100%;
    transform: translate(-50%,-50%);
    opacity: 0;
    border: 2px solid #000;
    z-index: 1;
}

.wrap_button_xuat_nhap_kho .item_to_cart img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}



/* #popup-material-cart */
#popup-material-cart {}
#popup-material-cart .search_form {
    --height: 40px;
}
#popup-material-cart .search_form .search_left {
    width: 340px;
}
#popup-material-cart .search_form .search_right {
    margin-left: inherit;
    width: calc(100% - 330px);
}
#popup-material-cart .search_form .search_right .filters {
    margin-right: auto;
}
#popup-material-cart .search_form .search_right .filters li {
    display: flex;
    position: relative;
}
#popup-material-cart .search_form .search_right .filter_actions li button {}
#popup-material-cart #material-cart-items .material_actions {
    width: 110px;
}
#popup-material-cart #material-cart-items .material_actions button {
    width: 100%;
}

/* #list_materials_table */
#list_materials_table {
    --width-search-input: 340px;
}
#list_materials_table .search_left {
    width: var(--width-search-input);
}
#list_materials_table .search_right {
    width: calc(100% - var(--width-search-input) - 15px);
}

#list_materials_table .warehouse_filter_actions {
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(100% - 5px);
    width: 45px;
}
#list_materials_table .warehouse_filter_actions button {
    height: 100%;
}

#slide_warehouses {
    width: calc(100% - 55px);
}
#slide_warehouses .jc-left,
#slide_warehouses .jc-right {
    display: none !important;
}

.warehouse_inout_log_table .warehouse_inout_log_user {
    width: 97px;
}
.warehouse_inout_log_table .warehouse_inout_log_reason {}
.warehouse_inout_log_table .warehouse_inout_log_reason button {
    padding: 0;
    border: 0;
    color: var(--gtt-primary-color);
    font-weight: 600;
}


/* #popup-nhap-kho-don-hang */
#popup-nhap-kho-don-hang {}
#popup-nhap-kho-don-hang #nhap_kho_don_hang_warehouses {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#popup-nhap-kho-don-hang #nhap_kho_don_hang_warehouses button {
    margin-bottom: 10px;
    margin-right: 10px;
}
#popup-nhap-kho-don-hang #nhap_kho_don_hang_warehouses button.active {
    background: var(--gtt-primary-color);
    color: #fff;
    border-color: var(--gtt-primary-color);
}