:root {
	/* --theme-orange: #06567C; */
}

/* Custom individual classes */
.text-orange {
	color: var(--theme-orange);
}

input#pick_date {
    border: 0;
    background: transparent;
}
/* span.badges.same-ww {
    width: 100%;
} */

/* This is for the processing loader of Datatables  */
.dataTables_processing {
	background: none;
	border: none;
}

.table tbody tr td.text-color-blue {
    color: #0082fd;
}

.table tbody tr td.text-color-green {
    color: #53ab76;
}
.table.orderlist-table tbody tr:hover {
    background-color: #dae7ed;
}
.orderlist .search-input {
    position: relative;
}
.orderlist .search-input input {
    background: transparent;
    height: 40px;
    border: 1px solid rgba(145, 158, 171, 0.32);
    width: 200px;
    border-radius: 5px;
    padding: 0 15px 0 30px;
}
.order-details-view .details-heading {
    color: #7367f0;
    font-size: 14px;
    font-weight: 600;
}

.order-details-view ul li,
.order-details-view ul li span {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.order-details-view .form-group .form-control {
    border-color: #efefef;
    resize: none;
}

.order-details-view .form-group button.btn {
    background-color: #637381 !important;
    font-size: 12px;
    padding: 10px;
    border-radius: 6px;
}

.warehouse-order-view .form-group label {
    color: #595c5f;
}

.product-name-img-view {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    width: 100%;
}

.product-name-img-view span {
    width: 70px;
    height: 70px;
    margin-right: 10px;
    overflow: hidden;
}

.product-name-img-view .product-name-order-view {
    text-align: left;
}

.product-name-img-view .product-name-order-view p {
    margin: 0;
    font-size: 16px;
    color: #000;
    /* font-weight: 500; */
}

.product-name-img-view .product-name-order-view span {
    margin: unset !important;
    width: unset !important;
    height: unset !important;
    display: inline-block;
    color: #07608ac9;
    font-weight: 500;
    font-size: 16px;
}

td.ser-no {
    border: 1px solid #efefef;
}

.table.orderlist-table tbody tr td span.ser-no, .table.orderlist-table tbody tr td .ser-no {
    padding: 10px 20px;
    /* background-color: #fff;
    border: 1px solid #EFEFEF; */
    border-radius: 5px;
    max-width: 120px;
    width: 120px;
    display: inline-block;
    text-align: center;
    line-height: normal;
}

.table.orderlist-table tbody tr td input#pick_date {
    color: #637381;
}

/* .table.orderlist-table tbody tr td {
    text-align: center;
} */

.table.orderlist-table tbody tr td span.badges.same-ww {
    padding: 6px;
}

.order-details-btns .page-form-botm-btn {
    text-align: left;
    margin: 30px 0px;
}

.order-details-shipments {
    padding-top: 20px;
    padding-bottom: 50px;
}

.table.orderlist-table tbody tr td span.badges.same-ww.bg-lightorange {
    background-color: #fe9d44;
}

.form-h-w span.select2-selection.select2-selection--multiple {
    border: 1px solid rgba(145, 158, 171, 0.32) !important;
    height: 40px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #637381;
    padding: 2px 15px;
    border-radius: 5px;
}

.form-group.attribute-btn .bg-lightblue {
    background-color: #0082fd !important;
    border-color: #0082fd !important;
}

.form-hh-ww span.select2-selection.select2-selection--multiple {
    border: 1px solid rgba(145, 158, 171, 0.32);
    height: 40px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #637381;
    padding: 0px 10px;
    border-radius: 5px;
}

.form-hh-ww li.select2-search.select2-search--inline {
    padding: 6px 0px;
}

.form-hh-ww span.select2-selection.select2-selection--multiple:focus,
.form-hh-ww span.select2-selection.select2-selection--multiple:focus-visible {
    border-color: #06567C;
}

button.delete-row img {
    filter: brightness(15);
}

button.delete-row {
    height: 40px;
}

.page-form-botm-btn {
    text-align: end;
}

.page-form-botm-btn a.btn.btn-submit.me-2,
.page-form-botm-btn button.btn.btn-submit.me-2 {
    background-color: #53ab76;
}

.all-modals .modal-content {
    border-radius: 20px;
    border-color: #fff;
}

.all-modals .modal-content .model-close-btn .close {
    float: inline-end;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    border: 3px solid #212b36;
    margin-right: 10px;
    margin-top: 10px;
}

.all-modals .modal-content .model-close-btn .close span {
    color: #212b36;
    font-size: 24px;
}

.all-modals .modal-content .model-close-btn .close:hover {
    transition: 0.3s;
    background-color: #ccc;
}

.all-modals .modal-content .modal-header {
    justify-content: center;
    border: 0;
}

.all-modals .modal-content .model-close-btn {
    padding-bottom: 30px;
}

.all-modals .modal-content .modal-footer {
    justify-content: center;
    padding: 0 0 80px 0;
}

.all-modals .modal-content form#addAttributeForm, .all-modals .modal-content form#form_addCost {
    padding: 0px 30px;
}

.form-group.attribute-btn {
    border-bottom: 1px solid #edeff1;
}

.badges.bg-darkgreen {
    background: #53ab76;
}
.badges.bg-skygreen {
    background: #70C0B2;
}
.badges.bg-darkpurple {
    background: #4D3E7A;
}

.table.orderlist-table.rentallist-table tbody tr td {
    text-align: left;
}

.table.orderlist-table.rentallist-table tbody tr td p {
    margin: 0;
}

.table.orderlist-table.rentallist-table
    tbody
    tr
    td
    .progress.in-comp-prog
    .progress-bar {
    background-image: linear-gradient(to right, #af2991, #0082fd);
}

.table.orderlist-table.rentallist-table tbody tr td .progress.in-comp-prog {
    height: 35px;
}

.table.orderlist-table.rentallist-table tbody tr td input[type="text"] {
    line-height: normal;
    box-shadow: none;
    border: 1px solid #efefef;
    padding: 10px;
    width: 100%;
}
.table tbody tr td.text-color-green select.select-opt {
    color: #53ab76;
    font-size: 14px;
    padding: 10px;
    border-radius: 6px;
    border-color: #efefef;
}
.purchase-details-view .form-input-field .form-group input {
    width: 100%;
    border: 1px solid rgba(145, 158, 171, 0.32);
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #637381;
    padding: 10px 15px;
    border-radius: 5px;
}

.purchase-details-view .form-input-field .form-group input:focus {
    border-color: #06567C;
}

.purchase-details-view .table-grand-tot {
    margin: 20px 0px 40px;
}

.purchase-details-view .table-grand-tot table.table {
    border: 1px solid #dee2e6;
}

.purchase-details-view .table-grand-tot table.table tr td {
    border: 1px solid #dee2e6;
}
.purchase-details-view .page-btn.page-header {
    margin: 0;
    display: block;
    margin-top: 30px;
}
.purchase-details-view .page-btn.page-header a.btn.btn-added {
    display: block;
}
.purchase-details-view .order-text-field textarea.form-control:focus {
    background-color: #e9ecef;
}

/* Product Catalog Screen Style */

.single-product-catalog .prod-catalog-img {
    width: 100%;
    height: 230px;
    z-index: 1;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    background-color: #ccc;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    transition: 0.5s;
}

.single-product-catalog:hover .prod-catalog-img {
    transition: 0.5s;
    opacity: 0.9;
}

.single-product-catalog .prod-catalog-img img.img-fluid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: 0.5s;
}

.single-product-catalog:hover .prod-catalog-img img.img-fluid {
    transition: 0.5s;
    transform: scale(1.03);
}

.prod-catalog-content {
    /* margin: 20px 0px 30px; */
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
    top: -25px;
    z-index: 1;
}

.prod-catalog-title h6 a {
    font-size: 16px;
    font-weight: 700;
    color: #212b36;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.2s ease;
}

.prod-catalog-title h6 a:hover {
    color: #055176;
    transition: all 0.2s ease;
}

.prod-catalog-caption p {
    font-size: 14px;
    font-weight: 500;
    color: #555555;
    margin: 10px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.prod-catalog-features ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.prod-catalog-features ul li {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}

.prod-catalog-features ul li:last-child {
    border-right: 0;
}

.prod-catalog-features ul li span.feature-title {
    font-size: 14px;
    font-weight: 700;
    color: #212b36;
    margin-right: 3px;
}

.prod-catalog-features ul li span.feature-info {
    font-size: 14px;
    font-weight: 500;
    color: #555555;
}
.catelog-serch-filter .form-group {
    margin: 0 !important;
}

.catelog-serch-filter .page-btn.page-header {
    margin: 0;
}

.catelog-serch-filter .page-btn.page-header a.btn.btn-added {
    border-radius: 0rem 0.25rem 0.25rem 0rem !important;
    height: 40px;
}

.catelog-serch-filter
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    border-radius: 0 !important;
    padding-right: 30px;
}

.catelog-serch-filter span.select2-selection.select2-selection--single {
    border-radius: 0 !important;
}

.orderlist .catelog-serch-filter .search-input input {
    border-radius: 5px 0px 0px 5px;
}
.orderlist .catelog-serch-filter .search-input input:focus {
    border-color: #06567C;
}
@media (max-width: 575px) {
    .single-product-catalog .prod-catalog-img {
        height: 180px !important;
    }

    .prod-catalog-content {
        margin: 10px auto 20px;
    }

    .prod-catalog-title h6 a {
        font-size: 14px;
    }

    .prod-catalog-caption p {
        font-size: 12px;
    }

    .prod-catalog-features ul li span.feature-title {
        font-size: 12px;
        margin-right: 5px;
    }

    .prod-catalog-features ul li span.feature-info {
        font-size: 12px;
    }

    .product-catalog-page .table-top .search-set {
        flex-direction: column !important;
    }

    .orderlist .catelog-serch-filter .search-input input {
        width: 100% !important;
        border-radius: 0 !important;
    }

    .product-catalog-page .table-top .search-set .form-group {
        width: 100% !important;
    }

    .catelog-serch-filter .page-btn.page-header {
        display: block;
        width: 100% !important;
        text-align: center;
    }

    body .catelog-serch-filter .page-btn.page-header a.btn.btn-added {
        border-radius: 0 !important;
        justify-content: center;
    }
}
@media (min-width: 575px) and (max-width: 767px) {
    .single-product-catalog .prod-catalog-img {
        height: 180px;
    }

    .prod-catalog-content {
        margin: 10px auto 20px;
    }

    .prod-catalog-title h6 a {
        font-size: 12px;
    }

    .prod-catalog-caption p {
        font-size: 12px;
        margin-top: 0;
    }

    .prod-catalog-features ul li span.feature-title {
        font-size: 11px;
        margin-right: 5px;
    }

    .prod-catalog-features ul li span.feature-info {
        font-size: 11px;
    }
}
@media (min-width: 767px) and (max-width: 992px) {
    .single-product-catalog .prod-catalog-img {
        height: 170px;
    }

    .prod-catalog-content {
        margin: 10px auto 20px;
    }

    .prod-catalog-title h6 a {
        font-size: 12px;
    }

    .prod-catalog-caption p {
        font-size: 12px;
        margin-top: 3px;
    }

    .prod-catalog-features ul li span.feature-title {
        font-size: 11px;
        margin-right: 5px;
    }

    .prod-catalog-features ul li span.feature-info {
        font-size: 11px;
    }
}
@media (min-width: 1024px) and (max-width: 1710px) {
    .prod-catalog-title h6 a {
        font-size: 13px;
    }

    .prod-catalog-features ul li span.feature-title {
        font-size: 11px;
    }

    .prod-catalog-features ul li span.feature-info {
        font-size: 11px;
    }

    .prod-catalog-features ul li {
        margin-right: 4px;
        padding-right: 4px;
    }

    .prod-catalog-content {
        padding: 10px;
        max-width: 92%;
    }
}
/* End Product Catalog Screen Style */

/* Product Catalog View Screen Style */
.prod-cat-view {
}

.prod-cat-view .product-slider,
.prod-cat-view .product-thumb {
    max-width: 700px;
    margin: 0 auto;
}

.prod-cat-view .product-slider {
    height: 370px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
}
.prod-cat-view .product-slider .item1 {
}

.prod-cat-view .product-slider .item1 img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.prod-cat-view .product-thumb {
    position: relative;
    z-index: 1;
}

.prod-cat-view .product-thumb .owl-item {
    margin: 10px 5px;
    /* width: 100px !important; */
}

.prod-cat-view .product-thumb .owl-item .item {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 100%;
    height: 80px;
}

.prod-cat-view .product-thumb .owl-stage {
    /* width: 100% !important; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.prod-cat-view .product-thumb .owl-item .item img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.prod-cat-view .product-thumb .owl-nav {
    display: flex;
    justify-content: space-between;
}

.prod-cat-view .product-thumb .owl-nav button.owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2%;
    margin: auto;
}

.prod-cat-view .product-thumb .owl-nav button.owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2%;
    margin: auto;
}

.product-dtl .product-name {
    font-size: 30px;
    font-weight: 600;
    font-family: "circular";
    line-height: normal;
    margin-bottom: 10px;
}

.product-dtl p {
    font-size: 15px;
    font-weight: 300;
}

.product-dtl label {
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    margin: 20px 0px 10px;
    color: #373736;
}

.product-dtl select {
    background-color: #f9fafd;
    border-radius: 30px;
    padding: 10px 20px;
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
    color: #373736;
    border: 1px solid #e7f2fb;
}

.product-info-tabs .nav-tabs .nav-item.show .nav-link,
.product-info-tabs .nav-tabs .nav-link.active,
.product-info-tabs .nav-tabs .nav-link.active:hover {
    border: none;
    border-bottom: 3px solid #226fe8;
    font-weight: bold;
    color: #226fe8;
}

.product-info-tabs .nav-tabs .nav-link {
    border: none;
    /* border-bottom: 2px solid transparent; */
    color: #323232;
    padding: 10px 0px;
    margin-right: 20px;
}

.product-info-tabs .tab-content .tab-pane {
    padding: 20px 0px;
}

.all-dec-view-prd {
}

.product-info-tabs {
    margin-top: 30px;
}

.all-dec-view-prd .dec-view-prd-cont {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7f2fb;
}

.all-dec-view-prd .dec-view-prd-cont p {
    font-size: 15px;
    font-weight: 300;
}

.all-dec-view-prd .dec-view-prd-feature {
}

.all-dec-view-prd .dec-view-prd-feature h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0px;
}

.all-dec-view-prd .dec-view-prd-feature ul li {
    font-size: 15px;
    font-weight: 300;
    padding-left: 20px;
    position: relative;
    z-index: 1;
    display: block;
    margin: 10px 0px;
}

.all-dec-view-prd .dec-view-prd-feature ul li:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #000;
}

@media (max-width: 767px) {
    .prod-cat-view .product-slider {
        height: 170px;
    }
    .product-dtl .product-name {
        font-size: 20px;
    }
}
@media (min-width: 767px) and (max-width: 992px) {
    .product-dtl .product-name {
        font-size: 20px;
    }
}
@media (min-width: 1100px) and (max-width: 1450px) {
    .product-dtl .product-name {
        font-size: 20px;
    }
}
/* End Product Catalog View Screen Style */

/* shipment page css */
.shipment-pg .shipment-id p {
    line-height: normal;
    background: #006ec5;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
}

.shipment-pg .card h4 {
    color: #7367f0;
    font-size: 15px;
    font-weight: 600;
}

.input-with-option {
    width: 100%;
    display: flex;
    align-items: center;
}

.input-with-option select.select,
.input-with-option span.select2 {
    width: 50% !important;
    min-width: 50% !important;
    display: inline-block;
}

.input-with-option input {
    border-radius: 5px 0px 0px 5px !important;
}

.input-with-option span,
.input-with-option select.select {
    border-radius: 0px 5px 5px 0px !important;
}

.shipment-pg h6 {
    font-size: 14px;
    font-weight: 600;
    color: #212b36;
}

.shipment-pg textarea {
    resize: none;
}

.shipping-calculate {
}

.shipping-calculate ul {
    padding: 10px 0px;
    border-bottom: 1px solid #efefef;
}

.shipping-calculate ul:last-child {
    border-bottom: 0;
}

.shipping-calculate ul li {
    display: flex;
    justify-content: space-between;
    margin: 15px 0px;
}

.shipping-calculate ul li .calculate-content span {
    display: inline-block;
    font-size: 14px;
}

.shipping-calculate ul li .calculate-amount span {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.shipment-pg a.btn.shipment-btn, .shipment-pg .btn.shipment-btn {
    width: 100%;
    display: inline-block;
    margin: 10px 0px;
}

.shipment-pg .row.pb-2 {
    border-bottom: 1px solid #eeeeee;
}
/* end shipment page css */


/* for Rental Detail Modal Popup */
@media (min-width: 1000px) {
    div#editRentalDetailModal .modal-dialog {
        max-width: 1000px;
    }
    div#addRentalDurationModal .modal-dialog {
        max-width: 1000px;
    }
}
/* end for Rental Detail Modal Popup */

.badges.bg-badgeblue {
    background: #213979;
}


@media (min-width: 899px) {
    div#modal_packingSlip .modal-dialog {
        max-width: 100%;
        margin: 1.75rem auto;
        height: 100% !important;
        background-color: #fff;
        min-height: 100% !important;
        max-height: 100% !important;
    }
}

div#modal_packingSlip .modal-dialog .model-close-btn {
    padding-bottom: 0;
}
div#modal_packingSlip .row.mbottom {
    margin-bottom: 50px;
}
div#modal_packingSlip .pak-slip-logo {
    max-width: 70%;
}
div#modal_packingSlip .modal-dialog .modal-content.packing-slip-popup {
    width: 60%;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 30px;
}

div#modal_packingSlip {
    height: 100% !important;
    background-color: #fff !important;
}

div#modal_packingSlip .slip-ord-no .bold, div#modal_packingSlip .pak-all-address .bold {
    font-weight: 700;
    font-size: 12px;
}

div#modal_packingSlip .slip-ord-no p, div#modal_packingSlip .slip-ord-no span, div#modal_packingSlip .pak-all-address span {
    font-size: 12px;
    color: #000 !important;
}
div#modal_packingSlip table thead {
    background-color: #23a8f9;
}
div#modal_packingSlip table .pak-all-address {
    max-width: 550px;
    text-wrap: wrap;
    margin: auto;
}

div#modal_packingSlip table th, div#modal_packingSlip table tr td {
    font-size: 12px;
}
@media print {
    .no-print {
        display: none !important;
    }
}
@media (max-width: 1000px) {
    div#modal_packingSlip .modal-dialog .modal-content.packing-slip-popup {
        width: 100%;
    }
    div#modal_packingSlip table th, div#modal_packingSlip table tr td {
        font-size: 10px !important;
    }
}
@media (min-width: 899px) {
    div#modal_downloadLabel .modal-dialog {
        max-width: 750px;
        margin: 1.75rem auto;
    }
}

div#modal_downloadLabel .modal-dialog .model-close-btn {
    padding-bottom: 0;
}

.tabs-wrapper-rental .nav-tabs .nav-link.active {
    color: #fff !important;
    background: #52657A !important;
    border-color: #52657A !important;
}


div#viewProductInvModal button.close.barcode-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
}

div#viewProductInvModal .modal-heading-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div#viewProductInvModal .modal-heading-right li {
    list-style: none;
    margin: 0px 20px;
}

div#viewProductInvModal .modal-heading-right .select-date-check {
    display: flex;
    align-items: center;
}

div#viewProductInvModal .modal-heading-right .select-date-check label {
    display: block;
    position: relative;
}

div#viewProductInvModal .modal-heading-right .select-date-check span.span {
    margin-right: 10px;
    width: 200px;
}

div#viewProductInvModal .modal-heading-right .select-date-check .sel-opti-ch {
    width: 70%;
}

div#viewProductInvModal .product-details {
    background: #EFF4FF;
    height: auto;
    padding: 20px;
}

div#viewProductInvModal .product-card-img {
    height: 240px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

div#viewProductInvModal .product-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
    height: 90%;
}

@media (max-width: 575px) {
    div#viewProductInvModal .modal-heading-right .select-date-check span.span {
        width: 120px;
        font-size: 10px;
    }
}


/* dashboard screen */
.dash-widget.widget-overview {
    display: block;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #EFEFEF;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.dash-widget.widget-overview .dash-widgetimg {
    text-align: center;
}

.dash-widget.widget-overview .dash-widgetimg span {
    height: unset !important;
    width: unset !important;
    display: inline-block;
    padding: 5px 20px;
    font-size: 13px;
    font-weight: 700;
    line-height: 25px;
    margin: 5px 0px;
}

.dash-widgetimg.up span {
    background: rgba(40, 199, 111, 0.12);
    color: #53AB76;
}

.dash-widgetimg.down span {
    color: #E95455;
    background: rgba(234, 84, 85, 0.12);
}

.dash-widget.widget-overview .total-sales span {
    color: #07608aBF;
    font-size: 16px;
    font-weight: 600;
}

.dash-widget.widget-overview h5.dash-num span {
    font-size: 30px;
    color: #07608a;
    font-weight: 700;
    margin-top: 5px;
    display: inline-block;
}

.dash-widget.widget-overview .dash-widgetcontent {
    margin: 0;
}

.dash-widget.widget-overview .dash-widgetcontent h6 {
    color: #989FAC;
    font-size: 15px;
    font-weight: 500;
}

.sales-and-ren-btn li button.nav-link {
    background-color: #07608a;
    color: #fff;
    line-height: normal;
    border: 0 !important;
    opacity: 25%;
    margin-right: 10px;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
}

.sales-and-ren-btn li button.nav-link.active {
    background-color: #07608a !important;
    color: #fff !IMPORTANT;
    border: 0 !important;
    border-color: unset !important;
    opacity: 100% !important;
}

.sales-and-rental button#dropdownMenuButton {
    background-color: #EFEFEF;
    padding: 10px 20px;
    border-radius: 30px;
    border: 0 !important;
    font-size: 14px;
    font-weight: 500;
    color: #07608a;
    line-height: normal;
}

.sales-and-rental ul.dropdown-menu.show {
    background-color: #EFEFEF;
}

.dash-card.card {
    border-radius: 25px;
    border: 1px solid #EFEFEF;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}

.dash-card.card .card-header span a {
    border-bottom: 1px solid #06567C;
}

.dash-card.card .productimgname img {
    margin-right: 15px;
}


.dash-card.card ul li {
    padding: 10px 0px;
    border-top: 1px solid #EFEFF1;
}

.dash-card.card .title-all {
    font-size: 16px;
    font-weight: 700;
    color: #212B36;
}

.dash-card.card .varaition-all {
    color: #07608aBF;
    font-size: 16px;
    font-weight: 500;
}


.dash-card.card  .top-selling-index ul li {
    width: 100%;
    position: relative;
    z-index: 1;
}

.dash-card.card .top-selling-index ul li .productimgname {
    width: 60%;
}

.dash-card.card .top-selling-index ul li  .qty-sold {
    width: 30%;
}

.dash-card.card .top-selling-index ul li  .total-sles {
    width: 30%;
}

.dash-card.card .top-selling-index ul li:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 48%;
    z-index: -1;
    width: 1px;
    height: 100%;
    background-color: #EFEFEF;
}

.dash-card.card .top-selling-index ul li:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 73%;
    z-index: -1;
    width: 1px;
    height: 100%;
    background-color: #EFEFEF;
}

.dash-card.card ul li:last-child {
    padding-bottom: 0;
}
.dashboard-month-dropdown span.select2.select2-container .select2-selection__rendered {
    background: #EFEFEF;
    border: 1px solid;
    border-color: #07608a !important;
    padding-right: 40px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 140px;
    line-height: normal;
    font-weight: 500;
    border-radius: 7px;
}
.dashboard-month-dropdown span.select2.select2-container span.select2-selection.select2-selection--single {
    border: 0 !important;
}
@media (min-width: 1100px) and (max-width: 1550px) {

    .dash-widget.widget-overview .total-sales span {
        font-size: 13px;
    }

    .dash-widget.widget-overview h5.dash-num span {
        font-size: 22px;
    }

    .dash-widget.widget-overview .dash-widgetcontent h6 {
        font-size: 13px;
    }

    .sales-and-ren-btn li button.nav-link {
        font-size: 12px;
    }

    .sales-and-rental button#dropdownMenuButton {
        font-size: 12px;
    }

    .dash-card.card .title-all {
        font-size: 14px;
    }

    .dash-card.card .varaition-all {
        font-size: 14px;
    }
}
@media (min-width: 1300px) and (max-width: 1450px) {
    .dash-widget.widget-overview{
        padding: 15px;
    }
    .dash-widget.widget-overview .total-sales span {
        font-size: 11px;
    }
    .dash-widget.widget-overview .dash-widgetcontent h6 {
        font-size: 11px;
    }
}
@media (min-width: 1100px) and (max-width: 1300px) {
    .dash-widget.widget-overview{
        padding: 10px;
    }
    .dash-widget.widget-overview .total-sales span {
        font-size: 10px;
    }
    .dash-widget.widget-overview .dash-widgetcontent h6 {
        font-size: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1100px) {

    .dash-widget.widget-overview .total-sales span {
        font-size: 10px;
        height: 30px;
        display: inline-block;
    }

    .dash-widget.widget-overview h5.dash-num span {
        font-size: 16px;
    }

    .dash-widget.widget-overview .dash-widgetcontent h6 {
        font-size: 10px;
    }

    .sales-and-ren-btn li button.nav-link {
        font-size: 10px;
        padding: 6px 10px;
    }

    .sales-and-rental button#dropdownMenuButton {
        font-size: 10px;
        padding: 6px 10px;
    }

    .dash-card.card .title-all {
        font-size: 11px;
    }

    .dash-card.card .varaition-all {
        font-size: 10px;
    }
    .dash-widget.widget-overview {
        padding: 12px;
    }

    .dash-widget.widget-overview .dash-widgetimg span {
        font-size: 10px;
        padding: 2px 10px;
    }

    .dash-card.card .card-header .card-title {
        font-size: 12px;
    }

    .dash-card.card .card-header span a {
        font-size: 10px;
    }

    .dash-card.card .productimgname a.product-img {
        max-width: 20%;
        display: inline-block;
        margin-right: 10px;
    }

    .dash-card.card .product-pending {
        font-size: 10px;
    }
}

@media (min-width: 767px) and (max-width: 992px) {

    .dash-widget.widget-overview .total-sales span {
        font-size: 10px;
        height: 30px;
        display: inline-block;
    }

    .dash-widget.widget-overview h5.dash-num span {
        font-size: 16px;
    }

    .dash-widget.widget-overview .dash-widgetcontent h6 {
        font-size: 10px;
    }

    .sales-and-ren-btn li button.nav-link {
        font-size: 10px;
        padding: 6px 10px;
    }

    .sales-and-rental button#dropdownMenuButton {
        font-size: 10px;
        padding: 6px 10px;
    }

    .dash-card.card .title-all {
        font-size: 11px;
    }

    .dash-card.card .varaition-all {
        font-size: 10px;
    }
    .dash-widget.widget-overview {
        padding: 12px;
    }

    .dash-widget.widget-overview .dash-widgetimg span {
        font-size: 10px;
        padding: 2px 10px;
    }

    .dash-card.card .card-header .card-title {
        font-size: 12px;
    }

    .dash-card.card .card-header span a {
        font-size: 10px;
    }

    .dash-card.card .productimgname a.product-img {
        max-width: 20%;
        display: inline-block;
        margin-right: 10px;
    }

    .dash-card.card .product-pending {
        font-size: 10px;
    }
}
@media (min-width: 575px) and (max-width: 767px) {

    .dash-widget.widget-overview .total-sales span {
        font-size: 10px;
        height: 30px;
        display: inline-block;
    }

    .dash-widget.widget-overview h5.dash-num span {
        font-size: 16px;
    }

    .dash-widget.widget-overview .dash-widgetcontent h6 {
        font-size: 10px;
    }

    .sales-and-ren-btn li button.nav-link {
        font-size: 10px;
        padding: 6px 10px;
    }

    .sales-and-rental button#dropdownMenuButton {
        font-size: 10px;
        padding: 6px 10px;
    }

    .dash-card.card .title-all {
        font-size: 11px;
    }

    .dash-card.card .varaition-all {
        font-size: 10px;
    }
    .dash-widget.widget-overview {
        padding: 12px;
    }

    .dash-widget.widget-overview .dash-widgetimg span {
        font-size: 10px;
        padding: 2px 10px;
    }

    .dash-card.card .card-header .card-title {
        font-size: 12px;
    }

    .dash-card.card .card-header span a {
        font-size: 10px;
    }

    .dash-card.card .productimgname a.product-img {
        max-width: 20%;
        display: inline-block;
        margin-right: 10px;
    }

    .dash-card.card .product-pending {
        font-size: 10px;
    }
    .dashboard-month-dropdown span.select2.select2-container .select2-selection__rendered {
        width: 120px;
        font-size: 12px;
        padding-right: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .dashboard-month-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 25px;
        width: 15px;
    }
    .dashboard-month-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        padding: 2px;
        margin-top: 0;
    }
    .dashboard-month-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
        padding: 2px;
        top: 60%;
    }
    .select2-results__option {
        font-size: 12px;
    }
    .dashboard-month-dropdown span.select2.select2-container span.select2-selection.select2-selection--single {
        height: auto;
    }
}
@media (max-width: 575px) {

    .dash-widget.widget-overview .total-sales span {
        font-size: 10px;
        display: inline-block;
    }

    .dash-widget.widget-overview h5.dash-num span {
        font-size: 16px;
    }

    .dash-widget.widget-overview .dash-widgetcontent h6 {
        font-size: 10px;
    }

    .sales-and-ren-btn li button.nav-link {
        font-size: 9px;
        padding: 6px 9px;
        margin-right: 5px;
    }

    .sales-and-rental button#dropdownMenuButton {
        font-size: 9px;
        padding: 6px 9px;
        min-width: auto !important;
    }

    .dash-card.card .title-all {
        font-size: 9px;
    }

    .dash-card.card .varaition-all {
        font-size: 9px;
    }
    .dash-widget.widget-overview {
        padding: 12px;
        margin-bottom: 10px;
    }

    .dash-widget.widget-overview .dash-widgetimg span {
        font-size: 10px;
        padding: 2px 10px;
    }

    .dash-card.card .card-header .card-title {
        font-size: 11px;
    }

    .dash-card.card .card-header span a {
        font-size: 9px;
    }

    .dash-card.card .productimgname a.product-img {
        max-width: 20%;
        display: inline-block;
        margin-right: 10px;
    }

    .dash-card.card .product-pending {
        font-size: 9px;
        line-height: normal;
    }

    .sales-and-rental button#dropdownMenuButton img {
        margin-left: 3px !important;
        max-width: 11%;
    }

    .dash-card.card ul li {
        padding: 5px 0px;
    }

    .dash-card.card .productimgname img {
        margin-right: 10px;
    }
    .sales-and-rental ul.dropdown-menu.show a.dropdown-item {
        font-size: 10px;
    }
    .dashboard-month-dropdown span.select2.select2-container .select2-selection__rendered {
        width: 100px;
        font-size: 10px;
        padding-right: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .dashboard-month-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 25px;
        width: 15px;
    }
    .dashboard-month-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        padding: 2px;
        margin-top: 0;
    }
    .dashboard-month-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
        padding: 2px;
        top: 60%;
    }
    .select2-results__option {
        font-size: 10px;
    }
    .dashboard-month-dropdown span.select2.select2-container span.select2-selection.select2-selection--single {
        height: auto;
    }
}
/* end dashboard screen */


/* for all status badge css */
.bdg-Available {
    background-color: #008000;
    color: #ffffff;
  }
  .bdg-Reserved {
    background-color: #FFFF00;
    color: #000000;
  }
  .bdg-Discontinued {
    background-color: #808080;
    color: #ffffff;
  }
  .bdg-OutOfStock {
    background-color: #FF0000;
    color: #ffffff;
  }
  .bdg-Sold {
    background-color: #013220;
    color: #ffffff;
  }
  .bdg-Outgoing {
    background-color: #FFA500;
    color: #ffffff;
  }
  .bdg-New {
    background-color: #6EC7ED;
    color: #000000;
  }
  .bdg-Pending {
    background-color: #7367F0;
    color: #ffffff;
  }
  .bdg-PendingApproval {
    background-color: #F2CF74;
    color: #000000;
  }
  .bdg-InProgress {
    background-color: #0000FF;
    color: #ffffff;
  }
  .bdg-Processing {
    background-color: #008080;
    color: #ffffff;
  }
  .bdg-OnHold {
    background-color: #D3D3D3;
    color: #000000;
  }
  .bdg-Confirmed {
    background-color: #00008B;
    color: #ffffff;
  }
  .bdg-Packed {
    background-color: #FF8C00;
    color: #ffffff;
  }
  .bdg-PartiallyPacked {
    background-color: #FFD580;
    color: #000000;
  }
  .bdg-Shipped {
    background-color: #000080;
    color: #ffffff;
  }
  .bdg-PartiallyShipped {
    background-color: #2E5A88;
    color: #ffffff;
  }
  .bdg-Delivered {
    background-color: #00FFFF;
    color: #000000;
  }
  .bdg-OverDue {
    background-color: #8B0000;
    color: #ffffff;
  }
  .bdg-Incoming {
    background-color: #90EE90;
    color: #000000;
  }
  .bdg-Ready {
    background-color: #FFEA00;
    color: #000000;
  }
  .bdg-Completed {
    background-color: #008000;
    color: #ffffff;
  }
  .bdg-CompletedWithCredit {
    background-color: #98FF98;
    color: #000000;
  }
  .bdg-CompletedPartRefund {
    background-color: #F08080;
    color: #ffffff;
  }
  .bdg-CompletedRefund {
    background-color: #FFC0CB;
    color: #000000;
  }
  .bdg-Refunded {
    background-color: #FA8072;
    color: #ffffff;
  }
  .bdg-ReturnReady {
    background-color: #FFE5B4;
    color: #000000;
  }
  .bdg-ReturnShipped {
    background-color: #E6E6FA;
    color: #000000;
  }
  .bdg-ExchangeRequested {
    background-color: #CBC3E3;
    color: #000000;
  }
  .bdg-ExchangeComplete {
    background-color: #90E4C1;
    color: #000000;
  }
  .bdg-Cancelled {
    background-color: #A9A9A9;
    color: #ffffff;
  }
  .bdg-Failed {
    background-color: #800020;
    color: #ffffff;
  }
  .bdg-ToBeCourier {
    background-color: #BAB86C;
    color: #000000;
  }
  .bdg-CourierComplete {
    background-color: #228B22;
    color: #ffffff;
  }
  .bdg-Active {
    background-color: #AAFF00;
    color: #000000;
  }
  .bdg-InActive {
    background-color: #C4A484;
    color: #000000;
  }
  .bdg-UnderMaintenance {
    background-color: #9ACD32;
    color: #000000;
  }
  .bdg-Expired {
    background-color: #FF8C00;
    color: #ffffff;
  }
  .bdg-Closed {
    background-color: #36013F;
    color: #ffffff;
  }
  .bdg-Suspended {
    background-color: #5B7C99;
    color: #ffffff;
  }
  .bdg-Damaged {
    background-color: #AA336A;
    color: #ffffff;
  }
  .bdg-MissingProducts {
    background-color: #DC143C;
    color: #ffffff;
  }
  .bdg-NewOrder, .bdg-LabelsCreated {
    background: #B2CEDB;
    color: #080522;
  }
  .bdg-Known {
    background-color: #ADD8E6;
    color: #000000;
  }
  .bdg-Unknown {
    background-color: #6699CC;
    color: #ffffff;
  }
  .bdg-None {
    background-color: #F8F8F8;
    color: #000000;
  }
/* end for all status badge css */

/* Multi Image upload css - i.e., Add / Edit Products */
.image-uploads-preview-box {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
    position: relative;
}

.image-uploads-preview-box .img-container {
	flex: 0 0 auto;
	margin-right: 10px;
	position: relative;
}

.image-uploads-preview-box img {
	width: 175px;
	height: 100px;
	object-fit: cover;
	/* flex: 0 0 auto; */
}

.image-uploads-preview-box .remove-icon {
	background: rgb(255, 255, 255);
	border-radius: 100%;
	cursor: pointer;
	color: red;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	padding: 0px 6px;
	right: 3px;
	top: 3px;
}




/* for Rental Detail Modal Popup */
@media (min-width: 1000px) {
    div#editRentalDetailModal .modal-dialog {
        max-width: 1000px;
    }
    div#addRentalDurationModal .modal-dialog {
        max-width: 1000px;
    }
}
/* end for Rental Detail Modal Popup */

.badges.bg-badgeblue {
    background: #213979;
}


@media (min-width: 899px) {
    div#modal_packingSlip .modal-dialog {
        max-width: 100%;
        margin: 1.75rem auto;
        height: 100% !important;
        background-color: #fff;
        min-height: 100% !important;
        max-height: 100% !important;
    }
}

div#modal_packingSlip .modal-dialog .model-close-btn {
    padding-bottom: 0;
}
div#modal_packingSlip .row.mbottom {
    margin-bottom: 50px;
}
div#modal_packingSlip .pak-slip-logo {
    max-width: 70%;
}
div#modal_packingSlip .modal-dialog .modal-content.packing-slip-popup {
    width: 60%;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 30px;
}

div#modal_packingSlip {
    height: 100% !important;
    background-color: #fff !important;
}

div#modal_packingSlip .slip-ord-no .bold, div#modal_packingSlip .pak-all-address .bold {
    font-weight: 700;
    font-size: 12px;
}

div#modal_packingSlip .slip-ord-no p, div#modal_packingSlip .slip-ord-no span, div#modal_packingSlip .pak-all-address span {
    font-size: 12px;
    color: #000 !important;
}
div#modal_packingSlip table thead {
    background-color: #23a8f9;
}
div#modal_packingSlip table .pak-all-address {
    max-width: 550px;
    text-wrap: wrap;
    margin: auto;
}

div#modal_packingSlip table th, div#modal_packingSlip table tr td {
    font-size: 12px;
}
@media print {
    .no-print {
        display: none !important;
    }
}
@media (max-width: 1000px) {
    div#modal_packingSlip .modal-dialog .modal-content.packing-slip-popup {
        width: 100%;
    }
    div#modal_packingSlip table th, div#modal_packingSlip table tr td {
        font-size: 10px !important;
    }
}
@media (min-width: 899px) {
    div#modal_downloadLabel .modal-dialog {
        max-width: 750px;
        margin: 1.75rem auto;
    }
}

div#modal_downloadLabel .modal-dialog .model-close-btn {
    padding-bottom: 0;
}

.tabs-wrapper-rental .nav-tabs .nav-link.active {
    color: #fff !important;
    background: #52657A !important;
    border-color: #52657A !important;
}


.create-pack-slip-ship {
    margin: 0px 10px;
}
.create-pack-slip-ship a.btn {
    font-size: 13px;
    padding: 7px;
    background: #1D86E8;
    color: #fff;
}
.create-pack-slip-ship-dow {
    margin-left: 0px 0px 10px 0px;
}
.create-pack-slip-ship-dow a.btn {
    font-size: 13px;
    padding: 7px;
    background: #00539B;
    color: #fff;
}


/* modal_bulk_packingslip orderlist page */
.modal_bulk_packingslip .modal-dialog.modal-dialog-centered {
    max-width: max-content;
}
.bulk-all-wrapper .col-md-4.bg-light {
    border-radius: 30px;
    width: 450px;
}
.bulk-all-wrapper .col-md-8.p-5 {
    width: 850px;
}
.tabs-wrapper-table li.nav-item .nav-link {
    display: flex;
    align-items: center;
    width: 100%;
}
.tabs-wrapper-table li.nav-item .nav-link .tabs-num {
    width: 15%;
}
.tabs-wrapper-table li.nav-item .nav-link .tabs-num span {
    position: relative;
    background: #ccc;
    height: 40px;
    width: 40px;
    color: #212B36;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}
.tit-edit {
    display: flex;
    justify-content: space-between;
}

.tittll h6 {
    color: #212B36;
    font-size: 15px;
    font-weight: 700;
}

.tittll span {
    font-size: 12px;
    font-weight: 700;
    color: #07608a;
    margin-left: 10px;
}

li.sing-titlllle-tg {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 5px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 14px;
}

li.sing-titlllle-tg span {
    margin-left: 5px;
}

.tittll {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.contxt p {
    color: #212B36;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.pck-slip-ship {
    background: #EFF4FF;
    padding: 20px;
    padding-bottom: 10px;
}

.pck-slip-ship.alert-color-bg.border.border-danger {
    background-color: #E9545540;
}

.pck-slip-ship.pck-slip-ship2 {
    background: #DEE5F2BF;
}

.contxt.cccpx {
    min-height: 50px;
    margin-bottom: 10px;
}

.contxt {
    margin-bottom: 15px;
}

.modal_bulk_packingslip .modal-footer {
    padding: 20px !important;
    background: #F2F7FC;
    margin-top: 20px;
}

.tabs-wrapper-table li.nav-item .nav-link.active {
    background: #F1F1F1;
}

.tabs-wrapper-table li.nav-item .nav-link.active .tabs-num span {
    background: #07608a !important;
    color: #fff;
}

.tabs-wrapper-table li.nav-item .nav-link .sing-pro {
    color: #07608aBF;
}

.tabs-wrapper-table li.nav-item .nav-link .sing-pro span {
    font-size: 15px;
}

.tabs-wrapper-table li.nav-item .nav-link .sing-pro h4 {
    color: #07608a;
    font-size: 17px;
}

table.dataTable {
    width: 100% !important;
}

.form-group label sup {
    color: red;
    top: 0px;
}
.product-pending.text-danger {
    color: #044565 !important;
}
@media (min-width: 767px) and (max-width: 1022px) {
    .bulk-all-wrapper .col-md-4.bg-light {
        width: 100% !important;
    }
    
    .bulk-all-wrapper .col-md-8.p-5 {
        width: 100% !important;
    }
}
@media (min-width: 1022px) and (max-width: 1282px) {
    .bulk-all-wrapper .col-md-4.bg-light {
        width: 420px !important;
    }
    
    .bulk-all-wrapper .col-md-8.p-5 {
        width: 620px !important;
    }
}
@media (min-width: 300px) and (max-width: 767px) {
    .bulk-all-wrapper .col-md-4.bg-light {
        width: 320px !important;
        padding: 30px !important;
    }
    
    .tabs-wrapper-table li.nav-item .nav-link .sing-pro span {
        font-size: 10px !important;
    }
    
    .tabs-wrapper-table li.nav-item .nav-link {
        padding: 0 !important;
    }
    
    .tabs-wrapper-table li.nav-item .nav-link .tabs-num {
        width: 20% !important;
    }
    
    .tabs-wrapper-table li.nav-item .nav-link .sing-pro h4 {
        font-size: 13px !important;
    }
    
    .tabs-wrapper-table li.nav-item .nav-link .sing-pro p {
        font-size: 11px;
    }
    
    .tabs-wrapper-table li.nav-item {
        padding: 10px 0px !important;
    }
    
    .bulk-all-wrapper .col-md-8.p-5 {
        width: 100% !important;
        padding: 30px !important;
    }
    
    .tittll h6 {
        font-size: 12px !important;
    }
    
    .tittll span {
        font-size: 10px !important;
    }
    
    .contxt p {
        font-size: 12px !important;
    }
    
    .contxt.cccpx {
        min-height: auto !important;
    }
    
    .pck-slip-ship span#add_deliveryShip_btn a {
        font-size: 10px;
    }
    
    .pck-slip-ship span#add_deliveryShip_btn2 a {
        font-size: 10px;
    }
    
    .pck-slip-ship.alert-color-bg .tittll {
        display: block !important;
    }
    
    .pck-slip-ship.alert-color-bg .tittll span {
        margin: 0 !important;
    }
}
/* end modal_bulk_packingslip orderlist page */

/* for all screen responsive css */
@media (max-width: 575px) {
    .table thead th {
        padding: 5px;
        font-size: 12px;
    }
    .table tbody tr td {
        padding: 5px;
        font-size: 12px;
    }
    .table tbody tr td .product-img img {
        height: 40px;
        width: 40px;
    }
    .pagination li a {
        padding: 4px 8px;
        font-size: 10px;
    }
    .form-group.attribute-btn .bg-lightblue {
        margin-bottom: 3px;
    }
    .btn-primary {
        margin-bottom: 3px;
    }
    .productDimensions .form-control {
        padding: 5px;
    }
    .page-form-botm-btn a.btn {
        font-size: 12px;
        margin-bottom: 3px;
    }
    div#modal_packingSlip .modal-dialog .modal-content.packing-slip-popup {
        padding: 15px;
    }
    div#modal_packingSlip .modal-dialog .modal-content.packing-slip-popup .model-close-btn.no-print {
        top: -10px;
        right: -15px;
        position: relative;
    }
    div#modal_packingSlip .modal-dialog .modal-content.packing-slip-popup .model-close-btn.no-print button.close {
        margin-right: 0;
    }
    div#modal_packingSlip .modal-dialog .modal-content.packing-slip-popup .model-close-btn.no-print a.label-print-hide {
        right: 70px;
    }
}
@media (min-width: 575px) and (max-width: 767px) {
    .table thead th {
        padding: 5px;
        font-size: 12px;
    }
    .table tbody tr td {
        padding: 5px;
        font-size: 12px;
    }
    .table tbody tr td .product-img img {
        height: 40px;
        width: 40px;
    }
    .pagination li a {
        padding: 4px 8px;
        font-size: 10px;
    }
    .productDimensions .form-control {
        padding: 5px;
    }
}
@media (min-width: 767px) and (max-width: 992px) {}
@media (min-width: 992px) and (max-width: 1100px) {}
@media (min-width: 1100px) and (max-width: 1300px) {
    .table thead tr th, .table tbody tr td {
        font-size: 11px !important;
        /* padding: 10px 5px !important; */
    }
}
@media (min-width: 1300px) and (max-width: 1550px) {
    .table thead tr th {
        font-size: 13px !important;
    }
    .table tbody tr td {
        font-size: 11px !important;
    }
}
/* end for all screen responsive css */