@media (min-width: 1650px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1540px;
     }
 }

 .sticky-top {
     z-index: 1;
 }

 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 /* Firefox */
 input[type=number] {
     -moz-appearance: textfield;
 }

 .asm_page {
     direction: rtl;
     margin: 2rem 0;
     min-height: 500px;
     padding-left: 1rem;
     position: relative;
 }

 .asmb-table {
     direction: rtl;
     border-collapse: collapse;
     border: 2px solid #7a2688;
 }

 .asmb-table thead {
     background: #7a2688;
     border: 1px solid #efefef;
     border-radius: 10px;
     border-collapse: collapse;
     color: white;
 }

 .asmb-table tfoot {
     background: #ffffff;
     border: 1px solid #eee;
     border-radius: 10px;
     border-collapse: collapse;
 }

 .asmb-table tfoot td {
     color: #626262;
     font-weight: 700;
     font-size: 16px;
     padding: 17px 38px;
     background: #ffffff;
 }

 .asmRow {
     background: white;
     border-bottom: 1px solid #eeeeee;
     border-right: 1px solid #eee;
     border-left: 1px solid #eee;
 }

 .asmRow:nth-child(even) {
     background: #f3fbfe;
 }

 .sle_with_img_wrapper {
     display: flex;
     flex-direction: row-reverse;
     justify-content: start;
     align-items: center;
 }


 .sle_with_img_wrapper .sle_img img {
     height: 33px;
     margin-left: 15px;
 }

 .asm_wrapper {
     background: #fff;
     padding: 9px;
     border-radius: 10px;
 }

 .asm_group {
     display: flex;
     align-items: center;
     padding: 0px 0 0px;
     border-radius: 10px;
     flex-direction: column;
     margin-bottom: 11px;
     cursor: pointer;
     transition: 250ms;
 }


 .asm_prd_cn {
     display: flex;
     width: 100%;
     justify-content: space-between;
     padding: 2px 9px;
     border-radius: 6px;
     background: rgb(248, 248, 248);
     background: linear-gradient(20deg, rgba(248, 248, 248, 1) 0%, rgba(248, 248, 248, 1) 100%);
 }

 .asm_group:hover .asm_prd_cn {
     transition: 250ms;
     background: #E5F6FF;
 }

 .asm_prd_cn img {
     height: 37px;
 }

 .asm_prd_cn span {
     font-size: 14px;
 }

 .asm_prod_cn_err {
     background: #ffd4d4 !important;
     border: 1px solid #ff5353;
 }

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


 .asm_group:hover .btnOpen {
     background: #ffffff;
 }


 .asm_count_wrapper {
     display: flex;
     justify-content: end;
 }


 .ul_asm_count {
     list-style: none;
     margin: 0;
     display: flex;
     background: #ffffff;
     padding: 0px 7px 7px;
     align-items: center;
     border-radius: 10px;
     justify-content: center;
 }

 .asp_main_selected {
     border: 1px solid #c5ecff;
 }

 .asp_main_selected:has(.asm_prod_cn_err) {
     border: 1px solid #f5261f;

 }

 .asp_main_selected .asm_prd_cn {
     border-radius: 10px 10px 0 0;
     background: rgb(248, 248, 248);
     background: linear-gradient(20deg, rgba(228, 247, 254, 1) 0%, rgba(248, 253, 255, 1) 100%);
 }

 .ul_asm_count li {
     padding: 6px 0px 0 0;
 }

 .asm_count_inpt {
     width: 39px;
     text-align: center;
     padding: 0px 0;
     border: 1px solid #fff;
     border-radius: 4px;
     font-size: 13px;
 }

 .btn_asm_add {
     cursor: pointer;
     margin: 0;
     padding: 0;
     display: inline-flex;
     align-items: center;
     background: #f6f6f6;
     padding: 4px;
     border-radius: 15px;
 }

 .btn_asm_add i {
     font-size: 9px;
     color: #585858;
 }

 .asm_producers {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     justify-content: end;
     margin-bottom: 11px;
 }


 .asm_producersBtn {
     display: flex;
     background: #ffffff;
     padding: 2px 4px;
     margin: 0 5px;
     border-radius: 10px;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: 250ms;
     border: 1px solid #d4d4d4;
     height: 35px;
 }


 .asm_producersBtn span {
     font-size: 10px;
     margin-left: 4px;
     background: #d7e7ff;
     width: 15px;
     height: 15px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 15px;
     color: gray;
 }

 .asm_producersBtn img {
     height: 26px;
 }


 .asm_producersBtn:hover {
     background: #86B6F6;
     border: 1px solid #86B6F6;
 }

 .asm_producersBtn:hover img {
     filter: brightness(0) invert(1);
 }

 .asm_producersBtn:hover span {
     color: white;
 }

 .asp_selected_producer {
     background: #1354ab !important;
     border: 1px solid #084594 !important;
 }

 .asp_selected_producer img {
     filter: brightness(0) invert(1) !important;
 }

 .asp_selected_producer span {
     color: white !important;
 }

 .asp_selected_producer span {
     background: #d7e7ff;
     color: #1354ab !important;
 }

 .asp_group_content {
     width: 100%;
     display: flex;
     align-items: end;
     padding-top: 0px;
     flex-direction: column;
     justify-content: start;
 }


 .asm_sm_product_box {
     background: white;
     margin: 0 10px 6px 0;
     border-radius: 10px;
     border: 1px solid #eee;
     padding-right: 10px;
     padding-bottom: 7px;
     position: relative;
     transition: 250ms;
 }

 .asm_sm_product_box .asm_img_pr {
     width: 100%;
     cursor: pointer;
 }

 .asm_sm_product_box:hover {
     border: 1px solid #929292;
 }

 .asm_sm_product_box_right {
     margin: 5px 0;
     transition: 250ms;
 }

 .asm_sm_product_box_right:hover {
     border: 1px solid #c4c4c4;
 }

 .asm_ref_link {
     position: absolute;
     left: 6px;
     bottom: 5px;
     cursor: pointer;
     z-index: 2;
     transition: 250ms;
 }

 .asm_ref_link i {
     font-size: 11px;
     color: #a7a7a7;
 }

 .asm_ref_link:hover i {
     font-size: 15px;
     color: #03A9F4;
 }

 .asm_pr_title_box {
     display: flex;
     height: 100%;
     flex-direction: column;
     align-items: flex-start;
     justify-content: center;
     cursor: pointer;
     transition: 250ms;
     padding-right: 1px;
     text-align: right;
     margin: 4px;
     direction: rtl;
 }

 .asm_pr_title_box h2 {
     font-size: 12px;
     display: flex;
     align-items: start;
     direction: rtl;
     margin-bottom: 1px;
 }

 .asm_pr_title_box h2 b {
     padding-left: 7px;
     font-size: 13px;
     width: 101px;
 }

 .asm_pr_title_box .asm_price {
     font-size: 12px;
     color: #2196F3;
 }

 .asm_pr_selected {
     border: 1px solid #03A9F4;
     background: #eefdff;
 }

 .asm_user_list_header {
     direction: rtl;
     display: flex;
     align-items: center;
     margin-top: 11px;
     font-size: 13px;
 }

 .asm_user_list_header i {
     color: #82b3fd;
     font-size: 19px;
     position: relative;
     top: -2px;
 }

 .asm_user_list_header span {
     padding-right: 6px;
     color: #3f3f3f;
 }


 .asm_sum_price {
     font-size: 15px;
     display: flex;
     flex-direction: row;
     align-items: center;
     padding: 0;
     margin-top: 0;
     width: 100%;
     direction: rtl;
     justify-content: center;
     padding-top: 9px;
     border-top: 1px solid #e6e6e6;
     margin-top: 15px;
 }

 .asm_sum_title {
     font-size: 13px;
 }

 .asm_sum_amount {
     font-size: 19px;
     font-weight: 700;
     color: #4f4f4f;
     height: 100%;
     align-items: center;
     display: flex;
     justify-content: center;
     padding-left: 5px;
 }

 .swipper_conatierr {
     position: relative;
 }

 .asm_sm_product_box_right .asm_pr_title_box {
     padding-right: 0;
 }

 .asm_sm_product_box_right .asm_pr_title_box h2 {

     height: auto;
     padding-bottom: 0px;
     margin-bottom: 1px;
 }

 .asm_sm_product_box_right_err {
     background: #ffd4d4;
     border: 1px solid #F44336;
 }

 .asm_basket_wrapper {
     padding: 10px 0;
     display: flex;
     justify-content: start;
     margin-top: 17px;
 }

 .btn_add_asm_basket {
     border: 1px solid #33a4f2;
     padding-top: 8px;
     padding-bottom: 8px;
     font-size: 13px;
     border-radius: 10px;
     cursor: pointer;
     transition: 250ms;
     width: 100%;
     background: #33a4f2;
     color: #fff;
     font-weight: 500;
     display: inline-block;
 }


 .btn_add_asm_basket:hover {
     background: #138bde;
     color: #fff;
     border: 1px solid #007bb4;
 }

 .btn_add_asm_basket:disabled {
     background: #cecece;
     border: 1px solid #cdcdcd;
     opacity: 0.6;
     color: gray;
 }

 .btn_dl_green {
     border: 1px solid #84c042;
     padding-top: 8px;
     padding-bottom: 8px;
     font-size: 13px;
     border-radius: 10px;
     cursor: pointer;
     transition: 250ms;
     width: 100%;
     background: #84c042;
     color: #fff;
     font-weight: 500;
     display: inline-block;
 }

 .btn_dl_green:hover {
     background: #6ed300;
     color: #fff;
     border: 1px solid #84c042;
 }


 .btn_dl_green:disabled {
     background: #cecece;
     border: 1px solid #cdcdcd;
     opacity: 0.6;
     color: gray;
 }


 .btn_dl_green {
     direction: rtl;
 }

 swiper-slide {
     display: flex;
     justify-content: center;
 }

 .swiper-grid-column>.swiper-wrapper {
     flex-direction: unset !important;
 }

 .swiper-custome-prev {
     position: absolute;
     top: 35px;
     left: auto;
     right: -21px;
     font-size: 17px;
     cursor: pointer;
 }

 .swiper-custome-next {
     position: absolute;
     top: 35px;
     left: -21px;
     right: auto;
     font-size: 17px;
     cursor: pointer;
 }

 .asm_img_wrapper {
     height: 100%;
     align-items: center;
     justify-content: center;
     display: flex;
 }

 .asm_aselected_box {
     background: #eefdff;
     border: 2px solid #2196F3;
     border-radius: 10px;
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-top: 0px;
 }

 .asm_aselected_box img {
     height: 50px;
     margin: 5px 0;
 }

 .asm_aselected_box h2 {
     font-size: 11px;
     text-align: center;
     line-height: 17px;
 }

 .asm_aselected_box h3 {
     font-size: 10px;
 }

 .asm_selected_error {
     background: #FFEB3B;
     border: 2px solid #F44336;
 }

 .asm_err_items {
     position: absolute;
     left: 27px;
     top: -34px;
     display: flex;
 }

 .asm_err_item {
     font-size: 10px;
     text-align: right;
     background: #fff6f0;
     padding: 0px 5px;
     margin-top: 2px;
     border: 1px solid #ff7575;
     border-radius: 5px;
     margin-left: 6px;
     direction: rtl;
 }

 .asp_group_content .product-grid {
     border-radius: 0;
 }

 .err_sign {
     position: absolute;
     right: 2px;
     top: -7px;
     width: 20px;
     height: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #FF9800;
     border-radius: 20px;
 }

 .err_sign i {
     color: #040404;
     font-size: 16px;
 }

 .btn_asm_remove {
     position: absolute;
     left: 4px;
     top: 4px;
     font-size: 13px;
     background: white;
     width: 25px;
     height: 25px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #eee;
     border-radius: 12px;
     cursor: pointer;
 }

 .btn_asm_remove i {
     font-size: 11px;
     color: #5f5f5f;
 }

 .asm_summery {
     transition: 250ms;
     font-size: 15px;
     padding: 8px;
     margin: 0;
     text-align: center;
     font-weight: 700;
     position: relative;
     top: 81px;
     border-radius: 10px;
     background: #f8f8f8;
 }

 .asm_summery_offset {
     padding-top: 3rem;
 }

 .asm_summery_title {
     font-size: 16px;
     padding: 8px;
     border-radius: 8px;
     margin: 0;
     font-weight: 700;
     display: flex;
     direction: rtl;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: 250ms;
 }

 .asm_sleected_count {
     background: #00b9f2;
     width: 28px;
     height: 26px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 7px 10px 2px 9px;
     border-radius: 50%;
     font-size: 13px;
     color: white;
 }

 .asm_summery_title:hover {
     background: #d6d6d6;
 }

 .asm_summery_title p {
     margin: 0;
     margin-left: 17px;
 }

 .asm_summery_title span {
     border: 1px solid #cbcbcb;
     display: inline-flex;
     padding: 2px 10px;
     border-radius: 7px;
 }


 .ams_list_cn {
     max-height: 120px;
     margin-bottom: 11px;
     line-height: 28px;
     overflow: hidden;
     padding: 5px 0px;
 }

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

 .ams_list_cn a {
     color: #0000ff;
 }

 .ams_list_cn-height {
     height: auto;
     max-height: 100%;
 }


 .asm_user_pr_item_btn {
     display: flex;
     padding-left: 6px;
 }

 .asm_user_pr_item_btn a {
     color: #00b9f2 !important;
     cursor: pointer;
     font-size: 11px;
 }

 .asm_top_container {
     margin-bottom: 13px;
 }

 .swiper_assembly::part(button-next),
 .swiper_assembly::part(button-prev) {
     color: rgb(62 62 62);
     width: 15px;
 }

 .swiper_assembly_producer::part(button-next),
 .swiper_assembly_producer::part(button-prev) {
     color: rgb(62 62 62);
     width: 8px;
 }

 .swiper_assembly_producer::part(button-next) {
     right: 0px;
 }

 .swiper_assembly_producer::part(button-prev) {
     left: 0px;
 }

 .search_proc_wrapper {
     display: flex;
     justify-content: start;
     align-items: center;
     position: relative;
 }

 .serch_producer {
     border-radius: 10px;
     border: 1px solid #e0dddd;
     width: 100%;
     font-size: 12px;
     height: 33px;
     padding-right: 5px;
 }

 .search_proc_wrapper i {
     position: absolute;
     left: 23px;
     color: #dbdbdb;
 }

 .swiper_assembly_producer_wrapper {
     direction: ltr;
 }

 .asm_user_list_wrapper {
     padding-left: 3px;
 }

 .asm_user_list_wrapper::-webkit-scrollbar {
     width: 2px;
 }

 .asm_user_list_wrapper::-webkit-scrollbar-track {
     background: rgb(88, 88, 88);
 }

 .asm_user_list_wrapper::-webkit-scrollbar-thumb {
     background-color: rgb(114, 114, 114);
     border-radius: 20px;
     border: 3px solid rgb(206, 206, 206);
 }

 .selected_placeholder {
     width: 100%;
     height: 128px;
     border: 3px dashed #eee;
     border-radius: 10px;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #cbcbcb;
     flex-direction: column;
 }

 .selected_placeholder span {
     text-align: center;
 }

 .ch_modal_box {
     min-width: 100%;
     display: flex;
     direction: rtl;
 }



 .btnOpen {
     padding: 6px 7px;
     cursor: pointer;
     background: #e3e3e3;
     border-radius: 19px;
     margin-top: 7px;
     display: flex;
     align-items: center;
     border: 1px solid #d7d7d7;
 }

 .btnOpen i {
     font-size: 9px;
     color: #aaaaaa;
 }

 .ch_assembly_modal {

     width: 100%;
     height: 100%;
     background: white;
     display: flex;
     color: #000;
     min-height: 700px;
     min-width: 800px;
 }

 .tg_sle_wraperr {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     height: 100%;
     align-items: center;
     flex-wrap: wrap;
     padding-bottom: 0;
     direction: rtl;

 }

 .tg_sle_wraperr li {
     font-size: 12px;
     color: #4d4d4d;
     padding-left: 10px;
 }

 .sort_tg {
     cursor: pointer;
     color: #767575 !important;
     font-size: 13px;
 }

 .sort_tag_selected {
     color: #03A9F4 !important;
 }

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

 .serch_wrapper i {
     position: absolute;
     top: 8px;
     right: 7px;
     color: #afafaf;
     font-size: 21px;
 }

 .txt_grp_search {
     width: 100%;
     background: #ebebeb;
     border: 0px;
     padding: 5px;
     border-radius: 9px;
     display: flex;
     justify-content: center;
     padding-right: 30px;
     padding: 5px 36px 8px;
     font-size: 15px;
     direction: rtl;
 }

 .ul_grid_view {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     justify-content: space-between;
     width: 68px;
 }


 .ul_grid_view li a {
     font-size: 27px;
     color: #a0a0a0;
     cursor: pointer;
     transition: 250ms;
 }

 .ul_grid_view li a:hover {
     color: #616161;
 }

 .ul_grid_view li a.g_selected {
     color: #03A9F4;
 }

 .tg_whole_sle {
     justify-content: start;
 }



 .hgrid2_grid .col_asm_img {
     flex: 1;
     max-width: 100%;
 }

 .hgrid2_grid .col_asm_title {
     flex: 1;
     max-width: 100%;
 }

 .hgrid_grid .product-grid .product-image img {
     max-width: 100%;
 }


 .hlist_grid .product-grid {
     height: auto;
     border: 0;
     margin: 0 0px 0px 0 !important;
 }

 .hlist2_grid .title {
     border-left: 1px solid #eee;
     margin: 0px 0 0px;
 }

 .hlist2_grid .hlist_grid .product-grid .title a {
     display: flex;
     max-width: 249px;
     padding-left: 6px;
     padding-top: 5px;
     font-size: 13px;
     text-align: right;
     direction: rtl;
     padding-right: 1px;
 }

 .hlist2_grid .hlist_grid .price {
     height: 100%;
     border-left: 1px solid #eee;
     border-radius: 0;
     padding-left: 14px;
     padding: 10px 0;
 }

 .product-grid-header {
     display: flex;
     justify-content: space-between;
     border: 1px solid #eee;
     border-radius: 15px 15px 0 0;
 }

 .product-grid-header-1 {
     display: flex;
     justify-content: center;
     align-items: center;
     border-left: 1px solid #eee;
     padding: 10px 0;
 }

 .product-grid-header-2 {
     border-left: 1px solid #eee;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 10px 0;
 }

 .product-grid-header-3 {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 10px 0;
 }

 .product-detail-buy {
     display: flex;
     align-items: center;
     padding: 0 10px;
     justify-content: center;
 }

 .hlist2_grid .product-detail-buy {
     min-width: 160px;
 }

 .select_assembly {
     display: flex;
     align-items: center;
     border: 1px solid #863ea4;
     border-radius: 5px;
     justify-content: center;
     font-size: 11px;
     font-weight: 500;
     color: #ffffff;
     padding: 5px 35px;
     direction: ltr;
     margin: 0 auto;
     transition: 250ms;
     background: rgb(255 255 255);
     cursor: pointer;
     display: flex;
     align-items: center;
     padding: 6px 15px;
     background: #863ea4;
 }

 .select_assembly:hover {

     background: #590c79;
     color: #fff;
 }

 .hlist2_grid {
     border: 1px solid #eee;
     border-radius: 0 0 15px 15px;
 }

 .hlist2_grid .hlist_grid {
     border-bottom: 1px solid #eee;
     margin-bottom: 0 !important;
 }

 .hlist2_grid .hlist_grid {
     padding-left: 0 !important;
     padding-right: 0 !important;
 }

 .product-detail-edit {
     display: flex;
     height: 100%;
     align-items: end;
     padding: 10px;
 }

 .ul_product_items {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
 }

 .ul_product_items li {
     margin-right: 10px;
 }

 .ul_product_items a {
     font-size: 21px;
     cursor: pointer;
 }


 .asm_tabs .mat-tab-list {
     border-radius: 10px;
     margin-bottom: 13px;
 }

 .asm_tabs .mat-tab-labels {
     border-radius: 10px;
     justify-content: space-between;
 }

 .asm_tabs .mat-tab-label-active {
     background: #00b9f2 !important;
     color: #fff;
     font-weight: 500;
     border-radius: 10px;
     width: 33%;
     opacity: 1;
 }

 .asm_tabs .mat-tab-label {
     width: 33%;
     border: 0px solid #dbdbdb;
     border-radius: 12px;
     background: #f8f8f8;
 }


 .asm_sum_amount span {
     display: none;
 }


 .asm_print_header {
     margin-top: 2rem;
     border-bottom: 1px solid #eee;
     padding-bottom: 20px;
 }

 .asm_logo {
     height: 30px;
 }

 .asm_print_header .col-4 {
     display: flex;
     justify-content: center;
 }

 .asm_header_info {
     display: flex;
     align-items: center;
     font-weight: 700;
 }

 .pr_no_records {
     margin: 50px auto;
     text-align: center;
     font-size: 13px;
     max-width: 70%;
     border: 1px solid #eee;
     padding: 2rem;
     border-radius: 10px;
 }

 .asm_service_wrapper {
     min-height: 500px;
     border: 1px solid #e1e1e1;
     border-radius: 10px;
     padding: 15px;
     font-size: 15px;
     direction: rtl;
 }

 .asm_itemservice_top {
     display: flex;
     width: 100%;
     padding: 10px 15px 2px;
     border-radius: 14px 14px 0 0;
 }

 .asm_service_selected .asm_itemservice_top {

     background: linear-gradient(20deg, rgba(228, 247, 254, 1) 0%, rgba(248, 253, 255, 1) 100%);
 }

 .asm_service_item_wrapper {
     display: flex;
     flex-direction: column;
     align-items: start;
     margin-bottom: 1rem;
     border: 1px solid #eee;
     padding: 0;
     border-radius: 15px;
     width: 100%;
     background: white;
 }

 .asm_service_info {
     padding-left: 12px;
 }


 .asm_item_selector {
     color: #4a4a4a;
 }

 .mat-radio-label-content {

     padding-right: 8px !important;
     color: #717171;
     font-size: 13px;
     text-align: right;
     direction: rtl;
 }

 .asm_itemservice_bottom {
     padding-right: 47px;
     padding-top: 14px;
     padding-bottom: 14px;
 }

 .asm_itemservic_price {
     color: #4a4a4a;

 }

 .mat-radio-button.mat-accent .mat-radio-inner-circle,
 .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
 .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
 .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
     background-color: #4083ff;
 }


 .plr_group_title {
     display: flex;
     justify-content: center;
     background: #83288e;
     color: #fff;
 }

 .plr_col {
     font-size: 14px;
     padding: 0;
 }

 .plr_col>.row {
     border: 1px solid #2f2f2f;
 }

 .plr_col>.row>div {
     display: flex;
     padding: 3px 7px;
 }


 .plr_center_col {
     justify-content: center;
 }


 #output {
     width: 100%;
     height: 100vh;
     margin-top: 20px;
 }

 .prlist_tables {
     border: solid 1px #565656;
     border-collapse: collapse;
     font-family: helvetica, serif;
     font-size: 10pt;
     width: 270mm;
 }

 .prlist_tables th {
     border: solid 1px #812990;
     background-color: #812990;
     color: #eee;
     text-align: center;
     padding: 5px;
 }

 .prlist_tables td {
     border: solid 1px #454545;
     padding: 2px 5px;
     text-align: left;
 }

 #output {
     width: 100%;
     height: 100%;
     background: rgba(193, 193, 193, 1);
 }

 .asm_loading {
     width: 100%;
     height: 100%;
     position: absolute;
     background: #535353;
     z-index: 9;
     opacity: 0.5;
 }

 .price_header_box {
     display: flex;
     flex-direction: column;
     font-size: 18px;
     font-weight: 700;
     justify-content: center;
 }

 .asm_product_box .price>span {
     font-size: 13px;
     position: absolute;
     left: auto;
     bottom: 0 !important;
     font-weight: 500;
     color: rgb(171 171 171);
     right: auto !important;
     display: none !important;
 }


 .asm_mobile_more {
     display: none;
 }

 .hgrid_grid .asm_product_box {
     min-height: 321px !important;
 }

 .btn_reset_wrapper {
     height: 100%;
     display: flex;
     align-items: end;
 }

 .btn_reset_asm {
     font-size: 11px;
     border: 1px solid #ffa0a0;
     background: #fff;
     color: gray;
     padding: 1px 7px;
     border-radius: 5px;
     color: #ff7171;
 }

 .price_box_grid {
     position: relative;
 }


 .ske_image {
     height: 88px;
     background-color: #f6f6f6;
     border-radius: 10px;
     margin: 3px;
     background-image: linear-gradient(90deg, #eeeeee 0px, #e8e8e8 40px, #eeeeee 80px);
     background-size: 600px;
     animation: shine-avatar 1.6s infinite linear; 
 }

 @keyframes shine-lines {
     0% {
         background-position: -100px;
     }

     40%,
     100% {
         background-position: 140px;
     }
 }

 @keyframes shine-avatar {
     0% {
         background-position: -32px;
     }

     40%,
     100% {
         background-position: 208px;
     }
 }



 @media screen and (max-width:768px) {}

 @media screen and (max-width:768px) {
     .n-box-card-assem {
         z-index: 999 !important;
     }

     .asm_product_sle_row .product-items {
         position: absolute;
         top: 61px;
         left: 0;
     }

     .asm_product_sle_row .price {
         position: relative;
         right: 50px;
         top: -9px;
     }


     .asm_sum_amount {
         font-size: 16px;
     }

     .btn_add_asm_basket {
         padding: 8px 0 8px 0;
         font-size: 12px;
     }

     .btn_pre_asm {
         font-size: 12px;
         padding-right: 4px !important;
     }

     .btn_pre_asm i {
         margin-left: 2px;
     }

     .btn_dl_green {
         padding: 8px 0 8px 0;
         display: flex;
     }


     .asm_summery {

         background: #f3f3f3;
         border-radius: 15px 15px 0 0;
         padding: 8px 4px;
     }

     .asm_summery {
         top: 0px;
     }

     .ul_grid_view li a {
         line-height: 12px;
     }

     .hlist2_grid .title {
         border-left: 0px solid #eee;
     }



     .hlist2_grid .hlist_grid .price {
         border-left: 0px solid #eee;
         height: auto;
         display: flex;
         justify-content: end;
         padding-left: 19px;
         padding-top: 0;
         padding-bottom: 0;
     }

     .hlist2_grid .hlist_grid {
         padding-bottom: 10px;
     }

     .hlist2_grid .product-detail-buy {
         margin-bottom: 6px;
         margin-top: 14px;
     }

     .hlist_grid .product-grid .product-content {
         flex-direction: column;
         padding: 0px 9px 2px 0px;
     }


     .sort_tg {
         font-size: 12px;
     }

     .asm_page {
         padding-left: 0rem;
     }

     .hlist_grid .product-grid .product-image img {
         max-height: 85px;
         width: auto !important;
         max-width: 100%;
     }

     .ul_asm_count {
         padding: 0px 7px 0px;
     }

     .ul_asm_count {
         height: 16px;
     }

     .ul_asm_count li {
         padding: 0px 0px 0 0;
     }

     .hlist_grid .product-grid .title {
         margin: 1px 0 0px;
         height: auto;
         width: 100%;
     }

     .hlist_grid .product-grid .product-image {
         position: absolute;
         width: 102px;
     }

     .hlist2_grid .hlist_grid .product-grid .title a {
         max-width: 100%;
     }

     .hlist_grid .pro_wrapper_box {
         flex-wrap: wrap;
     }

     .sticky-top {
         z-index: 999;
         position: fixed;
         bottom: 0;
         left: 0;
         top: auto;
         width: 100%;
     }

     .asm_summery {
         height: 74px;
     }

     .asm_basket_wrapper {
         border-top: 0px solid #d3cece;
         margin-top: 0px;
         padding-top: 0;
     }

     .asm_summery_title {
         padding: 5px 20px 5px 17px;
         border-radius: 0px;
         border: 0px solid #d9d9d9;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         background: white;
         border: 1px solid #eee;
         display: flex;
         align-items: center;
         border-radius: 5px;
         font-size: 14px;
     }

     .asm_summery_title p {
         margin-left: 0px;
     }

     .asm_sum_price {
         margin-top: 4px;
         border-top: 0px solid #e6e6e6;
         padding-top: 2px;
     }

     .asm_summery_wrapper {
         position: relative;
         top: -10px;
     }

     .asm_sleected_count {
         margin-right: 8px;
         width: 21px;
         height: 21px;
     }

     .asm_sum_amount span {
         border: 1px solid #cbcbcb;
         display: inline-flex;
         padding: 0px 8px;
         border-radius: 17px;
         position: absolute;
         top: -20px;
         right: 0;
         background: #8ed9f8;
         font-size: 13px;
         color: white;
     }

     .asm_product_sle_row .product-image {
         flex: 0.4;
     }

     .mobile_summery_wrapper {
         display: none;
     }


     .mobile_summery_wrapper_show {
         display: block;
     }

     .asm_mobile_more {
         display: inline;
         padding-right: 10px;
     }

     .ams_list_cn {
         padding-top: 20px;
         height: 100vh;
         max-height: 416px;
     }

     .hgrid_grid .asm_product_box .price>span {
         bottom: 25px !important;
     }

 }