.attribute-val-table table{
    border-left: 1px solid #dee2e6;
    border-right: 1px solid  #dee2e6;
    border-bottom: 1px solid  #dee2e6;
}
.comment-sec{ height: 175px; }
.comment-img{
	height: 150px;
    width: 200px;
    border: 1px solid #38c172;
    text-align: center;
    float: left;
    margin: 6px 6px;
}
.pl-n{ padding-left: 0px !important; }
.comment-img span{ position: absolute;/*top: 36%;*/ margin-left: 60px; font-size: 20px;}
.comment-img img{ width: 100%; height: 148px; }
.comment-file{ visibility: hidden; }
i.enlarge-cmt-img{ color: #fff; left: 25px;top:54px; position: absolute; font-size: 32px;}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ordering-loader-image-container{
    position: fixed;
    /* text-align: center; */
    z-index: 999999;
    left: 0;
    top: 0;
    background: rgba(210, 203, 203, 0.5);
    width: 100%;
    height: 100%;
}
.ordering-loader-image{
    z-index: 999999;
    left: 50%;
    top: 50%;
    position: absolute;
}
.read-checkbox{pointer-events: none;}
.enable-form-box{ top: -5px; }
.attr-values-form{width: 94%; float: right; margin-top: -35px;}
.rect-boxes{ width: 100%; margin-bottom: 15px; height: 200px; text-align: center; font-size: 22px; padding-top: 25px;}
.rect-first-box{ border: 1px solid #127b09;}
.rect-second-box{ border: 1px solid #ff330d; }
.rect-third-box{ border: 1px solid #40ff00;  }
.rect-fourth-box{ border: 1px solid #ff7f00;  }
.rect-fifth-box{ border: 1px solid #23cd00;  }
.rect-six-box{ border: 1px solid #7f00ff; }
.rect-seventh-box{ border: 1px solid #ff0dcc;}
.rect-eight-box{ border: 1px solid #f00; }
.box-res{ padding-top: 40px; font-weight: 600; font-size: 26px;}
.rect-first-box a{ color: #127b09; }
.rect-second-box a{ color: #ff330d; }
.rect-third-box a{ color: #40ff00; }
.rect-fourth-box a{ color: #ff7f00; }
.rect-fifth-box a{ color: #23cd00; }
.rect-six-box a{ color: #7f00ff; }
.rect-seventh-box a{ color: #ff0dcc;}
.rect-eight-box a{ color: #f00;}
.rect-black-box{ border: 1px solid #000; }
.rect-black-box a{ color: #000; }
.order-notes-item li{
  padding: 10px 10px;
  background-color: rgba(0,0,0,.03);
  margin: 10px 10px;
}
.rect-boxes a{ text-decoration: none; }
.order-sign-sec{ font-weight: 600; padding: 5px 0px; }
.build-sec .select2-container{ width: 100% !important; }
.order-check{ cursor: pointer;}
.search-text-field{ border-radius: 20px !important; z-index: unset !important;}
.search-btn{margin: 0px; /*border-top-left-radius: 0px; border-bottom-left-radius: 0px;*/ position: relative; right: 75px; top: 4.4px;}
.reset-search-text{border-radius: 20px; font-weight: 700; padding: 5px 17px; margin-top: 3px;}
.butn-dark{background-color: #000; color: #fff; padding: 10px 10px; border: 0px; text-align: left; width: 45%;}
.delivery-info{position: absolute; top: 23px;}
.second-sec{ font-weight: 600; color: #0c0d0c; font-size: 15px;}
.delivery-pdf-table{ border-collapse: collapse; }
.delivery-pdf-table tr > th, .delivery-pdf-table tr > td{border: 0.5px solid #ccc; text-align: center;}
.delivery-info-box{ border: 1px solid #0c0d0c; height: 70px; padding: 5px 5px;}
.content-info ul{ margin-top: 10px; margin-bottom: 10px; }
.content-info li, .content-info ul li{ color: #0c0d0c; font-weight: 600; }
.sign-info{border: 1px dashed #0c0d0c; padding-top: 15px; padding-left: 15px; padding-bottom: 5px;}
.sign-info-title{ padding: 5px 0px; font-size: 15px; text-transform: uppercase; font-weight: 600;}
.delivery-info-box h5{ font-weight: 600; }
.ligther-text{ font-size: 15px; font-weight: 500; }
.fa-sort-icon{ cursor: pointer; color: #b3a8a8;}
.sort_active{ color: #000 !important; }
@media (max-width: 576px) {
    .page-link{
        padding: .5rem 0.55rem !important;
		margin-left: -4px;
    }
	.reset-search-text{margin: 9px 0px 0px 18px;}
	.product-reset-search-text{margin: 9px 0px 0px 18px;}
	.search-btn {

        top: 45.4px;
    }
	.order-dashboard-form{
        margin-top: 19px;
        margin-right: 20px;
    }
	.col-space-cl{margin: 5px 0px 2px 0px;}
	.bt-col-sm{margin-top: 5px;}
	.bt-issue-add{margin-top: 10px;}
	.bt-issue-btn{margin-bottom: 10px !important;}
	.bt-issue-rep{margin-bottom: 4px;}
	.replacement_edit_bt{margin-top: 5px !important;}
	.mob-cl-com{margin-top: 5px !important;}
	.pd-n{padding-left: 0px !important;}
}
@media (min-width: 576px) {
    .consignment-footer {
        display: none;
    }
}
.order-log li{font-size: 14px;
    padding: 10px;
    font-weight: 600;}
.notification .badge {
    position: absolute;
    top: 0px;
    /*right: -10px;*/
   /* padding: 5px 10px;*/
    border-radius: 50%;
    background: red !important;
    color: white !important;
}
.notification {
    color: white;
    text-decoration: none;
    margin-right: 32px;
    position: relative;
    display: inline-block;
    border-radius: 2px;
}

.notification:hover {
    background: red;
}

.customNestedDropdown .dropdown-btn{
    background-color: #fff;
    border: 1px solid #ced4da;
    border-top: none;
    border-radius: 0 0 0.25rem 0.25rem;
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customNestedDropdown .dropdown-btn:focus
{
    box-shadow: none;
}

.customNestedDropdown  .dropdown-menu{
    max-height: 280px;
    overflow-y: scroll;
    width: 100%;
    padding-bottom: 150px;
}

.customNestedDropdown  .dropdown-menu li {
    position: relative;
    cursor: pointer;
    width: fit-content;
}
.customNestedDropdown  .dropdown-menu li .option-disabled{
    background-color: #e9ecef;
}


.customNestedDropdown  .dropdown-menu.dropdown-submenu{
    max-height: 250px;
    padding-bottom: 10px;
    width: fit-content;
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.customNestedDropdown  .dropdown-menu.dropdown-submenu li{
    width: 100%;
}

.customNestedDropdown  .dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}
.customNestedDropdown  .dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.customNestedDropdown  #selected-options{
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 6px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-bottom: none;
    border-radius: 0.25rem 0.25rem 0 0;
    width: 100%;
    padding: 2px 6px 0 6px;
}
.customNestedDropdown  #selected-options .option{
    color: #343a40;
    border: 1px solid #bdc6d0;
    border-radius: 0.2rem;
    padding: 1.5px 5px;
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-top: 5px;
}
.customNestedDropdown  #selected-options .option .remove-option{
    color: #bdc6d0;
    margin: 0;
    font-weight: bold;
    cursor: pointer;
}
.customNestedDropdown #selected-options .option .remove-option:hover{
    color: #343a40;
}

/*editable labels start*/
#editable_labels_modal #editable_labels .row{
    display: flex;
    flex-wrap: wrap;
}

#editable_labels_modal #editable_labels .column {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    padding: 0 15px;
    margin-bottom: 60px;
    display: block;
}

#editable_labels_modal #editable_labels .column .table-content {
    height: 100%;
}

#editable_labels_modal #editable_labels table{
    height: 100%;
}


#editable_labels_modal #editable_labels .table-right-column {
    width: 180px !important;
}

#editable_labels_modal #editable_labels table tbody tr td.postcode{
    padding-bottom: 0;
}

#editable_labels_modal #editable_labels  textarea{
    line-height: 16px;
}

#editable_labels_modal #editable_labels table tbody tr td.postcode textarea{
    line-height: 64px;
}
/*editable labels ends*/

li[aria-disabled=true]{
    background: #dddddd;
    cursor: no-drop;
}