.topsearch-col {}
.topsearches > .row {
 }
.adv-srch-btn {
    padding: 0rem 1.2rem;
    line-height: 35.24px;
    }
.adv-btn:not(:last-child) {
    margin-right: 2px;
    }
.adv-btn {
    padding-top: 5px;
    padding-bottom: 5px;
    }

.dataTables_filter label .fa {
    position: absolute;
    right: 1rem;
}

.return-multi-item-modal.gemexhibit-vocabulary {
    z-index: 1050 !important;
    right: 0 !important;
    left: 70px !important;
    top: 50px !important;
    bottom: 0 !important;
    background: hwb(0deg 0 100% / 20%) !important;
}

.dataTables_filter label { position:relative}
.orderboxbg { padding: 1.8rem 1rem; }
.ord-no { font-size: 2.2rem; line-height: 1; }
.orddesc { font-weight: 600; }
.todo-list-title h4 { font-size: 1.4rem; }
.todo-list-title h4 small { font-size: 1.4rem; }
.todo-list-add { padding-left: 0.6rem; }
.todo-list-add a { color: #8180c7; font-size: 2.33rem; }
.todolist ul { margin-left: -15px; margin-right: -15px; }
.todolist ul li { border-top: 1px solid #e1e1e1; padding: 1rem 1.1rem; font-size: 0.9rem; }
.todolist ul li p { margin-bottom: 0; }
.todo-desc { width: 80%; font-weight: 700; }
.todo-date { padding-left: 10px; display: block; width: 20%; font-size: 1rem; font-weight: bold; line-height: 1; }
.select-feild { border-radius: 0px;/* background-color: #f2f6f7; */   /* height: 44px !important; */ border: 1px solid #e1e1e1; }
.stone-type, .number, .ref-number { background-color: #f2f6f7; border: 1px solid #e1e1e1; padding: 0px 5px 5px;    /* height: 44px; */ border-radius: 0px; }
.stone-type { line-height: 1; padding: 5px 5px 0px; }
.stone-type .form-group { margin-bottom: 0px; }
.stone-type .form-control { background-color: transparent; padding: .0rem .0rem;    /* font-size: .75rem; */ line-height: 1; border-radius: 0rem; border: none; min-height: auto; height: 22px; }
.number {    /* width: 94px; */ /* height: 44px; */ }
.inventryTable th { padding-left: .5rem; padding-right: .5rem; }
.radiolabel { position: relative; padding-left: 16px; line-height: 1; }
.radioBtn { -webkit-appearance: none;    /* position: relative; */ }
.radioBtn:before { content: ''; background: #ededed; box-shadow: 0px 0px 1px 1px #a9a9a9; height: 14px; width: 14px; position: absolute; border-radius: 100%; top: 0px; left: 0px; }
.active-input:before { background: #007bff; }
.active-input:after { content: ''; background: #ffffff; height: 6px; width: 6px; position: absolute; border-radius: 100%; top: 4px; left: 4px; }
.avatar {
    vertical-align: middle;
    max-width: 32px;
    max-height: 32px;
    border-radius: 32px;
}
.upload-img { width: 140px; }
.upload-img a {    /* font-size: 10px; */ }
.upload-img img { display: block; }
.id-num { color: #e1e1e1; }
.ref-number { background-color: transparent; padding-top: 5px; }
.url { width: 100px; }
.date-stamp { width: 100px; }
.file-upload { width: 230px; }
.invoice-btn,.add-to-existing-invoice-border { color: #989500; border-color: #989500; }
.action-btn { color: #8180c7; border: 1px solid #8180c7; }
.action-btn:hover, .action-btn:focus { background: #8180c7; color: #ffffff; border-color: #8180c7; }




.entriestable .icons { width: 100px; text-align: center; }
.actionicon {

 }

table.DTCR_clonedTable.dataTable { position: absolute !important; background-color: rgba(255, 255, 255, 0.7); z-index: 202 }
div.DTCR_pointer { width: 1px; background-color: #0259C4; z-index: 201 }

.invoice-popup .modal-body { padding: 0px; }
.invoice-popup .custom-control { border-bottom: 1px solid #dad9d9; padding: 15px; }
.invoice-popup .modal-content { border-radius: 0px; }
.invoice-popup label { display: block; font-size: 20px; }
.invoice-popup .custom-control-label::before { position: relative; display: inline-block; float: right; top: .525rem; }
.bulk-add-gemstone { background-color: #edf1f2; padding: 2rem 2rem 4rem; }
.bulk-add-gemstone-col { display: flex; align-items: center; justify-content: center; margin-top: 2.5rem; }
.bulk-add-gemstone h2 { text-transform: uppercase; }
.download-example { display: inline-block; background-color: #fff; padding: 10px 70px; border-radius: 4px; border: 1px solid #e1e1e1; }


.custom-file-input { cursor: pointer; height: 46px; }
.custom-file { display: block; height: 46px; }
.custom-file-label { /* width: 334.14px; */ margin: 0px auto; height: 46px; line-height: 30px; border: 1px solid #e1e1e1; }

.bulk-add-gemstone .radio-btn { vertical-align: middle; }
.bulk-add-gemstone-2 select { color: #81989f; }

.bulk-add-gemstone-2 input.form-control, .bulk-add-gemstone-2 select.form-control { height: 30px !important; min-height: 30px;}
.bulk-add-gemstone-2 input.form-control[type="file"] {
    padding: 1px;
}
.bulk-add-gemstone-2 .number { height: 60px !important; }
.invoice-page { background-color: #fff; }
.invoice-form-col { background-color: #edf1f2 }
.invoice-form-col { padding: 30px; border: 1px solid #e1e1e1; }
.invoice-forms .form-group { width: 47%; display: inline-block; }
.invoice-forms .form-control { border: 1px solid #e1e1e1; height: 44px !important; }
.gj-textbox-md { border: 1px solid #e1e1e1; background-color: #fff; padding: 5px 15px 6px 50px; height: 44px; }
.gj-datepicker-md [role=right-icon] { position: absolute; left: 4px; top: 0px; font-size: 24px; width: 40px; line-height: 44px; text-align: center; border-right: 1px solid #f1f1f1; }
.invoice-forms { margin-bottom: 3.5rem; }

.invoice-setting table { background-color: #fff; }
.item { border: 1px solid #e1e1e1; padding: 10px 15px; }
.item p { margin-bottom: 0px; }
.invoice-setting .form-control { width: 130px; height: 45px; border-radius: 0px; }
.invoice-setting .form-control:focus { border: 1px solid #e1e1e1 }
.invoice-setting .table { border: 1px solid #dee2e6; }
.invoice-setting .table thead th { vertical-align: bottom; border-bottom: 1px solid #dee2e6; }
.invoice-setting .table .form-group { margin-bottom: 0px; }
.invoice-setting .table td { vertical-align: middle; border-top: none; padding: 15px 15px; }
.invoice-setting p { margin-bottom: 0px; }
.invoice-setting .table-p { margin-bottom: 0px; padding: 0px 15px; }
.invoice-btn-col { margin-top: 30px; margin-bottom: 50px; }
.download-btn { border-radius: 4px; }
.invoice-btn a { text-transform: uppercase; font-weight: 600; }
.invoice-btn-col { font-size: 1.3rem; }
.sellect-checkbox::before { width: 1.5rem; height: 1.5rem; background-color: transparent; border: 1px solid #000; border-radius: 0px !important; }
.sellect-checkbox::after { width: 1.5rem; height: 1.5rem; }
#msform { position: relative; }
#msform fieldset {box-sizing: border-box; width: 100%; margin: 0 auto 20px;  position: relative; }


#progressbar { margin-bottom: 25px; overflow: hidden; /*CSS counters to number the steps*/ counter-reset: step; padding-left: 0px; }
#progressbar li { list-style-type: none; color: rgba(41, 44, 68, 0.48); text-transform: uppercase;/* font-size: 14px; */ width: 33%; float: left; position: relative; text-align: center; padding: 0px 3px; }
#progressbar li.active { color: #175163; font-weight: 600; }
#progressbar li:before { content: counter(step); counter-increment: step; width: 24px; line-height: 24px; display: block; font-size: 14px; color: #175163; background: #e0e0e0; border-radius: 3em; margin: 0 auto 5px auto; }

#progressbar li:after { content: ''; width: 100%; height: 2px; background: #e0e0e0; position: absolute; left: -50%; top: 11px; z-index: -1; }
#progressbar li:first-child:after { /* connector not needed before the first step */ content: none; }


#progressbar li.active:before, #progressbar li.active:after { background: #175163; color: white; }
fieldset { display: none; }
form .input-error { border-color: #ff0000; }
.form-btn-group { margin: 10px 0px 0px; float: left; width: 100%; }
.custom-file-input:lang(en)~.custom-file-label::after { content: "\f093"; font-family: FontAwesome; line-height: unset; height: auto; font-size: 26px; padding: 6px 12px; }


.invalid-selectbox-feedback { width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; margin-left: 20px; }
.gemstoneImg figure { position: relative; }
.gemstoneImg a.close { position: absolute; background: #f00; width: 20px; line-height: 20px; border-radius: 100%; display: block; opacity: 1; text-shadow: none; color: #fff; right: -10px; top: -10px; text-align: center; }
.gemstoneImg:hover .stone-img { border-color: #175163; cursor: pointer; }


.search-tags { display: block; width: 100%; padding: 0px 7px; white-space: nowrap; overflow-y: auto; position: relative; }
.search-tags .badge { font-size: 12px; margin-bottom: 4px; }
.add-gemstone-active .add-gemstone-form {

     margin-right: 290px; z-index: 10; }
.add-gemstone-active .dataTables_wrapper {/* margin-top: -38px; *//* margin-top: 0px; */}

.tab-content div.dataTables_filter {
    /* margin-top: -2px; */
}
.nav-link {
    display: block;
    padding: .55rem 1rem;
}


.add-gemstone-active .catalogue-btn-group .addgemBtnImg, .collapse-btn {height: 32px;width: 32px;}
.add-gemstone-active .catalogue-btn-group .addgemBtnImg {background: #00af00;}
.agreement-form-bg p { line-height: 1.5; }
.allcustomerslist .dataTables_wrapper .dataTables_filter {
    float: right !important;
}


.paymentrecordicon {
    margin-left: 40px;
}
.table-aard .dt-buttons {
    margin-top: -42px;
}

.dt-buttons button.buttons-csv {background: none !important;}
.dt-buttons button a {margin-bottom: 0px !important;}

em.fa.fa-angle-down.profIcon {
    position: absolute;
    right: 0px;
    top: calc(50% - 10px);
    font-size: 1.5rem;
    line-height: 1;
}
.general-setting-tabs h3 {
    font-size: 1.5rem;
}
.general-setting-tabs .nav-link.active, .general-setting-tabs .nav-link:hover {
    background: #e2f5f5 !important;
    color: inherit !important;
}
.general-setting-tabs .nav-link {
    background: none !important;
    padding: 0.5rem 1.25rem !important;
    border-radius: 0.3rem;
}

.genral-setting-tabs > div .card-body { padding:0px; }


.sub-dropdown > a:before {content:'(+)';content: '';width: 1.75rem;/* position: absolute; */margin-left: -1.75rem;background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat no-repeat;background-position: center center;background-size: 1rem;width: 1rem;width: 1.75rem;/* height: 1rem; */line-height: 1.5;}
.sub-dropdown a.dd-link-active:before {
    transform: rotate(180deg);
}


.sidebarin .dropdown-menu .sub-dropdown > a:before {/* content:'(+)'; *//* width: auto; */position: absolute;margin-left: 0;right: 1rem;height: 1.5rem;width: 1rem;}
.adv-filter-col-for-user>.btn, .header-advanced-search {
    /* border-color: #fff !important; */
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid var(--neutral-gray-100, #E0E0E0);
}
.adv-filter-col-for-user > .btn:hover{
    border-color:transparent !important;

}
.header-advanced-search:hover {
        /* background: #177f30;
        border-color:transparent !important; */

}

.input-width {
  min-width: 300px;
}

.user-filter-col .btn > img.header-btn-img, .adv-filter-btn img  { display: none }

#cancel-form-modal .modal-dialog {

    max-width: 310px;
    margin: 1.75rem auto;
}
#cancel-form-modal .modal-body {
    padding: 3rem 2rem 2rem;
}
.cancel-subscription {
    background-color: #007bff !important;
    color: #fff !important;
    border-color: transparent !important;
}
.cancel-subscription:hover, .cancel-subscription:focus {
    background-color: transparent !important;
    color: #007bff !important;
    border-color:  #007bff  !important;
}
.cancel-sub-icon {font-size: 100px;}
.salestags-icon {
    margin-left: 13rem;
    position: absolute;
    margin-top: 2px;
    z-index: 5;
    padding: 5px 8px!important;
    height: 35.09px !important;
}

.salestags-icon i {
    font-size: 18.75px;
    width: 20px;
    line-height: 1;
    margin-top: 3px;
}

.progress-col ul li span {
    background-color: #e0e0e0;
    height: 1.625rem;
    width: 1.625rem;
    border: 2px solid #C2C2C2;
    display: block;
    margin-bottom: 6px !important;
}
.progress-col ul li.completed-step span {
    background: var(--primary);
    border-color: var(--primary);
}
.progress-col ul li.current-step span {
    background: var(--secondaryOutlineHover);
    border-color: var(--primary);
}
.progress-col ul li > div {

    z-index: 1;
}
.progress-col ul li.completed-step span:after {content: "\f00c";font: normal normal normal 14px/1 FontAwesome;color: #fff;/* line-height: inherit; */}


.progress-col ul li:not(:last-child):after {
    background: #1b1b1a;
    height: 2px;
    position: absolute;
    top: 2rem;
    left: calc(50%);
    width: 100%;
    content: '';
    z-index: 0;
}

.progress-col ul li {
    padding: 0px 1.25rem;
    font-size: 0.875rem;
}
.progress-col ul li:first-child{ margin-left: 0px;}
.progress-col > div { overflow-x:auto}
.progress-col > div::-webkit-scrollbar {
  height:7px;
}

/* Track */
.progress-col > div::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 0px;
}

/* Handle */
.progress-col > div::-webkit-scrollbar-thumb {
    background: var(--primary);
  border-radius: 10px;
}

/* Handle on hover */
.progress-col > div::-webkit-scrollbar-thumb:hover {
  background: var(--primaryHover);
}

.sticky-row {
    z-index: -100;
    background: #007bff;
    flex-wrap: nowrap;
    padding-top: 1rem;
    padding-bottom: 1rem; opacity: 0;
}
.sticky-row.bar-active { z-index: 1051; opacity: 1;}
header.header.hide-header {
    z-index: -1000; opacity:0;
}

.sticky-row.fixed-top .title-col { display: none;}

.sticky-row.fixed-top .progress-col {
    overflow: auto;
}
.sticky-row .progress-col *::-webkit-scrollbar {
    width: 0px; height: 0px;
}
.sticky-row .progress-col ul li {
    white-space: nowrap;
    padding: 0px 0.75rem;
}
.sticky-row .progress-col ul li:first-child {
    padding-left: 0px;
}
.sticky-row .progress-col ul li:last-child {
    padding-right: 0px;
}
.sticky-row .progress-col ul li span {
    margin-bottom: 2px !important;
}
.sticky-row .progress-col ul li:after {
    display: none;
}
.sticky-row .progress-col ul li span {
    background-color: transparent;
    height: 1.25rem;
    width: 1.25rem;
    border: 2px solid #fff;
}
.sticky-row .progress-col ul li.completed-step span {
    background: #ffffff;
}
.sticky-row .progress-col ul li span:after {
    content: "\F00C";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    font-size: 0.75rem;
}
.sticky-row .progress-col ul li.completed-step span:after {
    color: var(--primary);
}
.sticky-row .progress-col > div {
    overflow-x: visible;
}
.stickyProgress {
    overflow-x: auto;
}
.sticky-row.fixed-top button.btn span {
    display: none;
}
.single-page-accordian .card-body {
    padding: 1.5rem;
}
.single-page-accordian .card-header {
    font-size: 1.125rem;
    line-height: 1.5;
}

.single-page-accordian .card-header > a:after {
    content: "\F078";
    content: "\f107";
    font-family: FontAwesome;
    right: 0px;
    margin-left: auto;
    align-self: center;
    font-weight: 400;
    font-size: 1.5rem; line-height: 1;
}
.single-page-accordian .card-header a::after {
    transform: rotate(180deg);
}
.single-page-accordian .card-header a.collapsed::after {
    transform: rotate(0deg);
}

.single-page-accordian .card-header a svg {
    width: 2rem;
    height: 2rem;
}
.single-page-accordian .card-header a {
    border-radius: 0.25rem;
    background-color: var(--secondary) !important;
}
.single-page-accordian .card-header a[aria-expanded="true"] {
    border-radius: 0.25rem 0.25rem 0 0;
}
.photos-videos-border {
    padding: 1.875rem 2.5rem 1rem;
    border: 1px solid var(--themeBgColor2);
}
.rc-active .photos-videos-border {
    padding: 1.25rem 1.25rem 0.875rem ;
}
.photo-border {
    border: 1px dashed #858585;
    min-height: 148px;  border-radius: 2px;
}
.document-col {
    border: 1px dashed #C2C2C2;
    min-height: 150px;
    background: #F7F5F6;
}
.document-column:hover .document-col, .photo-col:hover .photo-border  {
    background: #EEEBEB;
}
.right-sidebar-border {
    border-top: 0.5rem solid var(--secondary);
}
.custom-pricing-title:after {
    left: 35px;
    right: 35px;
    content: '';
    position: absolute;
    height: 2px;
    top: calc(50% - 0px);
    background: var(--secondaryText);
}
.custom-pricing-title{
    color : var(--secondaryText);
}
.document-menu .dropdown > button {
    outline: none !important;
    margin-right: -0.5rem;
}

.document-menu .dropdown > button:after {
    display: none;
}
.uploaded-document-col {
    border: 1px solid var(--themeBgColor1);
    box-shadow: 0px 2px 2px rgb(0 0 0 / 4%); padding-top: 0.75rem; padding-bottom: 0.75rem;
}
.uploaded-document-col:hover {
    box-shadow: 0px 4px 3px rgb(0 2 2 / 6%);
}
.uploaded-document-col * {
    font-size: 0.85rem;
}
.document-image {
    width: 2.9rem;
    height: 2.9rem;
}

.lab-document-image svg * {
    stroke: #C2528F;
}
.updated-photo-col > div {
    border-radius: 2px;
}

.updated-photo-col > div ul {
    background: #E7EDF2;
    border-radius: 0px 0px 2px 2px;
}

span.photo-tags {
    top: 2px;
    left: 2px;
    z-index: 1;
}

.photo-inner-col {
    border: 1px solid #CEDAE3;
    border-bottom: 0;
    filter: drop-shadow(0px 4px 4px rgba(3, 3, 3, 0.05));
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

span.photo-tags span {
    background: #DEF3F4;
    height: 1.25rem;
    font-weight: 300;
    font-size: 14px;
    border-radius: 2px;
    padding: 0px 2px;
}

span.photo-tags span.photo-tag-2 {
    color: #0C4475;
    background: #CEDAE3;
}

span.photo-tags span.photo-tag-1 {
    color: #449498;
}
.show-more-grading:after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 0.25rem;
    display: inline-block;

}
.show-more-grading.show-more:after { content: "\f077";}

.progresslist li { cursor: pointer;}
.share-box-col .share-box {
    border: 1px solid var(--primary);
    border-radius: 0.5rem;
}
.social-media-icon i {
    width: 2.5rem;
    height: 2.5rem;
    background: var(--primary);
    font-size: 1.25rem;
    border: solid 0.25rem var(--themeBgColor1);
    color: #fff;
}
.social-media-desc h6 {
    line-height: 1.6;
}
.share-box:hover, .share-box:focus {background: var(--themeBgColor2);}

.share-box:hover .social-media-icon svg>rect, .share-box:focus .social-media-icon svg>rect {
    fill: none;
}
.search-accordian .card-header a {
    line-height: 1.6;
    display: block;
    color: var(--primary);
}
.search-accordian .card {
    border: 1px solid #E7EDF2;
    box-shadow:0px 4px 4px rgba(2, 2, 2, 0.05);
}
.search-accordian .card .form-row {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.search-accordian .card .form-row>[class*=col-] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.measurement-col:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #ccc;
    height: 1px;
    bottom: 0px;
    left: 0.5rem;
    right: 0.5rem;
}
.video-photos-col .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #F69300;
    background-color: #F69300;
    border-color: var(--primary);
    background-color: var(--primary);
}
.tab-sidebar .nav.nav-tabs .nav-link {
    background: none;
    font-size: 1.175rem;
    color: var(--primary);    font-weight: 600;
}
.tab-sidebar .nav-tabs .nav-item.show .nav-link, .tab-sidebar .nav-tabs .nav-link.active, .tab-sidebar .nav-tabs .nav-link:focus, .tab-sidebar .nav-tabs .nav-link:hover {
background-color: #fff;
}
.search-update.text-right {
    border: 1px solid #CEDAE3;
    box-shadow: 0px 4px 4px rgb(2 2 2 / 5%);
}
.jewelries-table .dataTables_wrapper .dataTables_info {
    display: none;
}
.jewelries-table+.jewelries-table {
    margin-top: 2.5rem; padding-top: 2.5rem; border-top:1px solid #A1BAC1
}
.jewelry-table-title { font-size: 1.125rem;}
.table-footer-buttons { margin-top: -2.75rem;}



.table-visible-btn {
    margin-bottom: -2.25rem;
}
.stone-num-col-1 input[type="number"] {
    min-height: 2.625rem;
}

.stone-num-col-1 {
    min-width: 120px;
}
body .dataTables-lip .dataTables_wrapper .dataTables_length label {
    margin-bottom: 0rem;
}
body .dataTables-lip .dataTables_wrapper .dataTables_length label select, body .dataTables_wrapper .dataTables_scroll ~ .dataTables_length label select {
    width: auto;
}
body .dataTables_wrapper .dataTables_scroll + .dataTables_length label {
    margin-bottom: 0 !important;
}

.my-inventory-tables .dataTables_wrapper .dataTables_filter {
    margin-right: 12rem;
    margin-top : -3px;
}
.search-inventory-tables .dataTables_wrapper .dataTables_filter {
    margin-right: 4rem;
}
.dataTable-length .dataTables_wrapper .dataTables_length:first-child {
    width: auto;
    padding-top: 0rem !important;
    margin-left: 0px !important;
    float: left !important;
    margin-right: 0.85rem;
}

.dataTable-filter-left .dataTables_wrapper .dataTables_filter{
    float: left !important;
    display: flex;
}

/* Apply styles to elements with the specified structure */
.dataTable-filter-left .dataTables_wrapper .dataTables_filter span,
.detailList-datatable1 .dataTables_filter span.list-search-icon,
.detailList-datatable2 .dataTables_filter span.list-search-icon,
.detailList-datatable3 .dataTables_filter span.list-search-icon,
.detailList-datatable4 .dataTables_filter span.list-search-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 16.5L11.5001 11.5M13.1667 7.33333C13.1667 10.555 10.555 13.1667 7.33333 13.1667C4.11167 13.1667 1.5 10.555 1.5 7.33333C1.5 4.11167 4.11167 1.5 7.33333 1.5C10.555 1.5 13.1667 4.11167 13.1667 7.33333Z' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: auto;
    height: 2.5rem;
    display: block;
    width: 18px;
    margin-top: 0rem;
}
.dataTable-filter-left .dataTables_wrapper .dataTables_filter label, .dataTable-length .dataTables_wrapper .dataTables_length label {margin-bottom: 1rem !important;}
/* Apply styles to elements with the specified structure */
.dataTable-filter-left .dataTables_wrapper .dataTables_filter label,
.detailList-datatable1 .dataTables_filter label,
.detailList-datatable2 .dataTables_filter label,
.detailList-datatable3 .dataTables_filter label,
.detailList-datatable4 .dataTables_filter label {
    max-width: 0;
    overflow: hidden;
    margin: 0 !important;
}


.list-datatable.dataTable-filter-left .dataTables_wrapper .dataTables_length select, .list-datatable.dataTable-filter-left .dataTables_wrapper .dataTables_filter input {/* height:2.625rem; */}

.filter-stones-btn {
    z-index: 12;
    margin-top: 0px;
}

.filter-stones-btn > .btn {
    min-height: 2rem;
    min-height: 2.25rem;
}
.my-inventory-tables .dataTables_wrapper .dataTables_filter input {height: 2.25rem;padding-right: 10px;}

.select-column > div, .selected-column > div {
    overflow-y: auto;
    max-height: calc(100vh - 13rem);
}
.drag-visibilty-column:hover {
    background-color: var(--themeBgColor2) !important;
    cursor: pointer;
}
.table-ddetail-row {
    border: 2px solid var(--themeBgColor2);
}
.drag-icon {
    cursor: all-scroll;
}
.hold-date-text {
    color: #B96E00;
    background: #FDE9CC;
    border-radius: 4px;
}

.history-desc {
    /* width: 40%; */
    /* margin-bottom: -1.75rem; */
    margin-bottom: 10px;
}

.table-toggle-btn span.show-table, .table-toggle-btn[aria-expanded="true"] span.show-table {
    display: none;
}

.table-toggle-btn[aria-expanded="false"] span.show-table {
    display: inline-block;
}
.table-toggle-btn[aria-expanded="false"] span.hide-table {
  display: none;
}

.reference-price-text {
    width: 100%;
    max-width: 380px;
}
.terms-conditions-preview-box {
    border: 1px solid var(--themeBgColor4);
}
.terms-conditions-preview-box > div {
    max-height: 8.5rem;
}

.bank-account-body .form-group label {width: 8.5rem;min-width: 8.5rem;}
.total-price-body .form-group label {
    min-width: 7rem;
    max-width: 7rem;
}
.total-price-body .total-price-total {
    width: 8rem;
}
.broker-info-body .form-group label {
    min-width: 8rem;
}
.shipping-info-body .form-group label {
    min-width: 8rem;
}
.receiver-info-body .form-group > label {
    min-width: 8.75rem;
}
.company-info-body .form-group label {
    min-width: 8rem;
}
.discount-percent-col {min-width: 70px;width: 70px;padding-left: 5px;}
.invoiceactivetab-detail1 {
    padding-top: 0px !important;
}
.invoice_products:nth-of-type(1) {
    padding-top: 0px !important;
    margin-top: 1rem !important;
}
.table-action-items-col {
    border-bottom: 2px solid #CEDAE3;
}
.filter-by-date-range {
    min-width: 270px;
}
.dataTable-more-info {
    width: auto;
}.list-datatable .dataTables_wrapper {
    margin-top: -2.625rem;
    margin-top: -0.25rem;  /* change this from 2.25 to this for memo overview test in other overview and datatables */
}
.dataTable-more-info > * { position:relative; z-index:100}

.summary-half-col .dataTables-lip .dataTables_wrapper .dataTables_length {
    width: 50%;
}
.summary-half-col .dataTables-lip .dataTables_wrapper .dataTables_info {display: flex !important;}
.summary-half-col .dataTables-lip .dataTables_wrapper .dataTables_info {
    width: 50%;
    justify-content: end;
}

.summary-half-col .dataTables-lip .dataTables_wrapper .dataTables_paginate {
    padding-top: 0 !important;
    width: 100%;
    text-align: center;
}

.has-dropdown ul.dropdown-menu {
    left: calc(100% + 0.5rem);
    top: 0px;
}
.hide-sticker-column{
    display: none !important;
}
.detailList-datatable1 .dataTables_filter,
.detailList-datatable2 .dataTables_filter,
.detailList-datatable3 .dataTables_filter,
.detailList-datatable4 .dataTables_filter {
    display: flex;
    margin-top: -94px;
    margin-right: 167px;
}
.detailList-datatable1 .dataTables_filter span,
.detailList-datatable2 .dataTables_filter span,
.detailList-datatable3 .dataTables_filter span,
.detailList-datatable4 .dataTables_filter span{
    margin-left: auto;
}

@media  (min-width: 1401px) {
#topsearches{ top: 0 !important }
}


@media (max-width:1500px) and (min-width: 1401px) {
.user-filter-col .header-invoice-btn, .user-filter-col .header-memo-btn, .user-filter-col .user-search-btn {
    min-width: auto !important;
}

#top_memo_search_form .custom-input-group {
    width: 140px;
}

}


@media (max-width:1400px) and (min-width: 1200px) {


#topsearches{ top: 0 !important }

.user-search-btn {
    width: auto;
}

.progress-col ul li {
    padding: 0px 0.75rem;

}
.progress-col ul li:not(:last-child):after {
    left: calc(100% - 0.75rem );
    width: 1.5rem;
}

}
@media (max-width:1320px) {
.dataTable-filter-left .dataTables_wrapper .dataTables_filter input {max-width: 100px;}
}
@media (max-width:1199px) {

.top-search-right {
    display: flex;
    flex-wrap: wrap;
}
.progress-col ul li {
    padding: 0px 1.1rem;
    font-size: 0.95rem;
}
.single-page-accordian .card-body {
    padding: 1.25rem;
}
.rc-active .list-datatable .dataTables_wrapper {
    margin-top: 0.5rem;
}

.detailList-datatable1 .dataTables_filter,
.detailList-datatable2 .dataTables_filter,
.detailList-datatable3 .dataTables_filter,
.detailList-datatable4 .dataTables_filter {
    margin-top: -88px;
    margin-right: 158px;
}
}


@media (max-width:1199px)  {
.detailList-datatable1 .dataTables_filter,
.detailList-datatable2 .dataTables_filter,
.detailList-datatable3 .dataTables_filter,
.detailList-datatable4 .dataTables_filter {
    margin-top: -82px;
        margin-right: 147px;
}

}
@media (max-width:1199px) and (min-width:992px) {
  body { padding-top: 66px; }
  html { font-size: 13px; }
  figure.logo, .sidebarbg { width: 230px; }

  .sidebar { width: 230px; z-index: 100; }
  .userlinks > ul > li.nav-item > a.nav-link { padding: 0px 0.4rem; }
  .userdropdown .nav-link {line-height: 2.1rem;font-size: 1.5rem;}

.userdropdown .nav-link img {

max-width: 21px;
}
  #profilelink img { max-width: 40px; }

  .overviewboxlist li h6 { font-size: 1.5rem; line-height: 1; }
  .todo-list-title h4 { font-size: 1.2rem; }
  .todo-list-add a { font-size: 1.5rem; }
  .todo-desc { width: 100%; }
  .todo-date { padding-left: 0px; width: 100%; margin-top: 0.5rem; }
  .orderboxbg { font-size: 0.82rem; }
  .ord-no { font-size: 2rem; }

#search_filters .modal-dialog {
    max-width: calc(950px - 30px);
}
}

@media  (max-width:1080px) {
    .rc-active .card-body .column-visibility-col {
        margin-bottom: 0;
    }
    .card-body .dataTables_filter label input {
        padding-right: 0px !important;
        max-width: 160px;
    }
    .rc-active .card-body .dataTables_filter label input {
        max-width: 110px;
    }
    .rc-active .card-body .dataTables_wrapper .dataTables_filter label, .rc-active .card-body .dataTables_wrapper .dataTables_length label {
        margin-bottom: 0.75rem;
    }
    .rc-active .card-body .column-visibility-col {
        margin-bottom: 10px;
    }
    .add-gemstone-active .add-gemstone-form {
        margin-right: 0px;
    }
    .my-inventory-tables .dataTables_wrapper .dataTables_filter input {
        min-height: 2.25rem;
        margin-right: 0;
        padding-right: 5px !important;
    }
    .rc-active .my-inventory-tables .dataTables_wrapper .dataTables_filter input {
        max-width: 150px;
    }
    .filter-stones-btn > .btn {
        min-height: 2.25rem;
    }
    .my-inventory-tables .dataTables_wrapper .dataTables_filter label {
         margin-bottom: 1rem;
    }
    .stone-num-col-1 {
        min-width: 90px;
    }

}

@media  (max-width:991px) {
  html {/* font-size: 13px; */}
  body { padding-top: 75px; }

.user-filter-col .header-invoice-btn, .user-filter-col .header-memo-btn, .user-filter-col .user-search-btn {
    min-width: auto;
}
.adv-filter-col-for-user .btn > img.header-btn-img, .adv-filter-btn img {max-width: 20px;max-width: 17px;}

.prof-dropdown .username .username-text, .prof-dropdown .username .trader-erp { display: none !important }

  figure.logo, .sidebarbg { width: 190px; }
  .sidebar { width: 190px; font-size: 1rem; }
  .adv-filter-col {
    padding: 0px 5px !important;
}

.user-search-btn {width:auto; /*background: #175163;*/}

.user-filter-col span, .user-filter-col .btn { width:100%;}


  #topsearches { display: none; }
  .top-bar { position: relative; }
  .backlink a.fa { font-size: 2.5rem; }
  .userdropdown .nav-link img {
    max-width: 20px;
}
  .userdropdown .nav-link { font-size: 1.6rem; }

  #profilelink img { max-width: 50px; }

  .sidebarin .sidebarnav .drp-counter .dropdown-item { padding-right: 4.4rem; white-space: nowrap; }
  .sidebarin .sidebarnav .dropdown-item { padding: 0.8rem 1.3rem; }
  .todolist ul li { font-size: 0.95rem; }
  .entriestable thead th { white-space: normal; }
  .invoice-setting .form-control { width: 70px; }
#search_filters .modal-dialog {
    max-width: calc(100% - 50px);
}.overviewboxlist {
    padding: 1rem .5rem 0px;
}
.overviewboxlist li {
    width: 31%;
    margin: 0 1% 2%;
}
.website-section-title {
    font-size: 2rem;
}
.page-actions-col button.btn span {
    display: none;
}
.single-page-accordian .card-body {
    padding: 1rem;
}
.table-visible-btn {
    margin-bottom: 0rem;
}
.table-visible-btn > * {
    margin-bottom: 0.75rem;
}
.my-inventory-tables .dataTables_wrapper .dataTables_filter {
    margin-right: 0;
}
.list-datatable .dataTables_wrapper {
    margin-top: 0.75rem;
}
.history-desc {
    /* width: 40%; */
    /* margin-bottom: 1rem; */
}


#search_filters .modal-dialog {
    max-width: calc(100% - 30px) !important;
    margin: 0.5rem auto;
}

.detailList-datatable1 .dataTables_filter,
.detailList-datatable2 .dataTables_filter,
.detailList-datatable3 .dataTables_filter,
.detailList-datatable4 .dataTables_filter {
    margin-top: -82px;
    margin-right: 147px;
}


}

@media (min-width:768px) {
    .sticky-row.fixed-top .page-actions-col {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
}
@media (max-width:767px) {
#topsearches { display: none;
    padding-left: 1rem;
    background: #dfdfdf;
    position: absolute!important;
    padding: 1rem 1rem!important;
    right: 0;
    left: 0;
}
#topsearches.vendor-topsearches {
    display: none;
}
.vendor-topsearches .top-search-right { width:100%}
.adv-filter-col-for-user .btn > img.header-btn-img, .adv-filter-btn img {
    display: none;
}
.adv-filter-col-for-user .btn {
    border-radius:100px !important;
}
.adv-filter-col-for-user .btn > span {
    display: block;
}
.adv-filter-btn img {
    display: block;
}

.website-section-title {
    font-size: 1.75rem;
}
.cancel-sub-icon {font-size: 80px;}
.sticky-row.fixed-top {
    flex-wrap: wrap;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-right: 0; padding-left: 0;
}
.my-inventory-tables .dataTables_wrapper .dataTables_info {
    padding-top: 1.25rem !important;
    float: right;
    text-align: right;width: 50%;
}
.my-inventory-tables .dataTables_wrapper .dataTables_length {
    width: 50%;
    /* padding-top: 1rem !important; */
}
.my-inventory-tables .dataTables_wrapper .dataTables_paginate {
    padding-top: 0.5rem;
    clear: both;
    float: left;
    width: 100%;
}
.history-desc {
    width: 100%;
}
.history-table-col .dataTables_wrapper {
    margin-top: 0rem;
}
.dataTables-lip .dataTables_wrapper .dataTables_info {
    width: 50%;
    padding-top: 1.5rem !important;
    float:right;
}


.reference-price-text {
    width: 100%;
    max-width: 100%;
}
.dataTable-filter-left .dataTables_wrapper .dataTables_filter {
    margin-top: 0em !important; margin-bottom:1rem
}

.summary-half-col .dataTables-lip .dataTables_wrapper .dataTables_info {

    text-align: center;
}
  .filter-by-date-range {
    min-width: auto;
}
.detailList-datatable1 .dataTables_filter,
.detailList-datatable2 .dataTables_filter,
.detailList-datatable3 .dataTables_filter,
.detailList-datatable4 .dataTables_filter {
    margin-top: 10px;
    margin-right: 0;
}
}


@media (max-width:576px) {
    .sticky-row.fixed-top .on-scroll-title {
        display: none;
    }
body .dataTables-lip .dataTables_wrapper .dataTables_length label {
    justify-content: center;
}

  .total-price-body .form-group label {
    min-width: auto;
    max-width: 100%;
}

  .bank-account-body .form-group label {
    width: auto;
    min-width: auto;
}
}
@media (max-width:414px) {
    .adv-filter-btn { width: auto; }
.user-filter-col .btn, .user-filter-col span {
    min-width: auto !important;
}

.website-section-title {
    font-size: 1.5rem;
}

#cancel-form-modal .modal-dialog {

    max-width: 290px;
}
#cancel-form-modal .modal-body {
    padding: 2rem 1.5rem 1.5rem;
}
.cancel-sub-icon {font-size: 70px;}

}
@media print {
    .donotprint { display: none; }
}
@media screen {
    .donotprint { display: block; }
}

.applied-filter-text{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:80px;
    width: 5rem;
    display: inline-block;
}

.archived-status-control .filter-option-inner-inner.applied-filter-text {
    width: auto !important;
}

.prev-search-results{
}

.inputDoubleClick, .selectDoubleClick {
    font-style: italic;
}

.selected-green {background-color: #d4edda !important;}
table.dataTable tbody tr.selected-green td {background-color: #d4edda !important;}
.prev-search-results { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; padding: 4px 6px; color: #555; vertical-align: middle; border-radius: 4px; width: 100%; line-height: 22px; cursor: text; }

.help-tip {
    background-color: #BCDBEA;
    height: 24px;
    min-width: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default;
}


.help-tip:before{
    content:'?';
    font-weight: bold;
    color:#fff;
}

.help-tip:hover p{
    display:block;
    transform-origin: 100% 0%;
    animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
    z-index: 99999;
}

.help-tip p:before{
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#1E2021;
    right:10px;
    top:-12px;
}

.help-tip p:after{
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    left:0;
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:100%; }
}


@font-face { font-family: 'Karla'; src: url('/site/assets/fonts/Karla-ExtraBold.woff2') format('woff2'), url('/site/assets/fonts/Karla-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face { font-family: 'Karla'; src: url('/site/assets/fonts/Karla-Light.woff2') format('woff2'), url('/site/assets/fonts/Karla-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face { font-family: 'Karla'; src: url('/site/assets/fonts/Karla-Bold.woff2') format('woff2'), url('/site/assets/fonts/Karla-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face { font-family: 'Karla'; src: url('/site/assets/fonts/Karla-Medium.woff2') format('woff2'), url('/site/assets/fonts/Karla-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face { font-family: 'Karla'; src: url('/site/assets/fonts/Karla-Regular.woff2') format('woff2'), url('/site/assets/fonts/Karla-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'Karla'; src: url('/site/assets/fonts/Karla-SemiBold.woff2') format('woff2'), url('/site/assets/fonts/Karla-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;}

@font-face {
    font-family: 'montserrat-regular';
    src: url('/site/assets/fonts/montserrat-regular.eot');
    src: url('/site/assets/fonts/montserrat-regular.eot') format('embedded-opentype'), url('/site/assets/fonts/montserrat-regular.woff2') format('woff2'), url('/site/assets/fonts/montserrat-regular.woff') format('woff'), url('/site/assets/fonts/montserrat-regular.ttf') format('truetype'), url('/site/assets/fonts/montserrat-regular.svg#MontserratRegular') format('svg');
}

@font-face {
    font-family: 'montserrat-medium';
    src: url('/site/assets/fonts/montserrat-medium.eot');
    src: url('/site/assets/fonts/montserrat-medium.eot') format('embedded-opentype'), url('/site/assets/fonts/montserrat-medium.woff2') format('woff2'), url('/site/assets/fonts/montserrat-medium.woff') format('woff'), url('/site/assets/fonts/montserrat-medium.ttf') format('truetype'), url('/site/assets/fonts/montserrat-medium.svg#MontserratMedium') format('svg');
}

@font-face {
    font-family: 'montserrat-semiBold';
    src: url('/site/assets/fonts/montserrat-semiBold.eot');
    src: url('/site/assets/fonts/montserrat-semiBold.eot') format('embedded-opentype'), url('/site/assets/fonts/montserrat-semiBold.woff2') format('woff2'), url('/site/assets/fonts/montserrat-semiBold.woff') format('woff'), url('/site/assets/fonts/montserrat-semiBold.ttf') format('truetype'), url('/site/assets/fomts/montsesrat-semiBold.svg#MontserratSemiBold') format('svg');
}
@font-face {
    font-family: 'montserrat-bold';
    src: url('/site/assets/fonts/montserrat-bold.eot');
    src: url('/site/assets/fonts/montserrat-bold.eot') format('embedded-opentype'), url('/site/assets/fonts/montserrat-bold.woff2') format('woff2'), url('/site/assets/fonts/montserrat-bold.woff') format('woff'), url('/site/assets/fonts/montserrat-bold.ttf') format('truetype'), url('/site/assets/fonts/montserrat-bold.svg#montserrat-old') format('svg');
}

:root {
    --primary-font-family:'Karla';
    --secondary-font-family:'montserrat-regular';
    --secondary-font-family-medium:'montserrat-medium';
    --secondary-font-family-semibold:'montserrat-semiBold';
    --secondary-font-family-bold:'montserrat-bold';
    /* --themecolor: #0a4476;
    --themehovercolor: #0e3946;  */
    --themecolor: #000000;
    --themehovercolor: #0e3946;
    --themecolor-500: #666666;
    --themecolor-600: #4D4D4D;
    --themecolor4: #212529;
    --themecolor5: #C2C2C2;
    --inputBorder :#D1D5DB;
    --themecolor-700: #333333;
    --themecolor-800: #1A1A1A;
    --themecolor-900: #0A0A0A;
    --themeBgColor1: #F8FAFC;
    --themeBgColor2: #CEDAE3;
    --themeBgColor3: #F1F6FA;
    --themeBgColor4: #C2C2C2;
    --primary: #2554C7;
    --primaryHover: #012784;
    --primaryOutlineHover: #144E8C1A;
    --primaryOutlineDangerHover: #EF16161A;

    --secondaryText : #333333;
    --primaryDark: #093358;
    --primaryOutlineHover: #E8EEF0;
    --secondary: #095cb5ba;
    --secondaryHover: #447582;
    --secondaryOutlineHover: #d4e6f7;
    --danger: #DD3444;
    --dangerHover: #f4505f;
    --dangerOutlineHover: #FCEBED;
    --success: #28A744;
    --successHover: #34b664;
    --successOutlineHover: #a0ffc3;
    --warning: #F69300;
    --warningHover: #F69300;
    --warningOutlineHover: #F69300;
    --dark: #343a40;
    --darkHover: #343a40;
    --info: #17a2b8;
    --infoHover: #17a2b8;
    --badge-primary: #2554C7;
    --badge-secondary: #155263;
    --badge-warning: #F69300;
    --badge-info: #626DE4;
    --badge-danger: #FF5567;
    --badge-success: #28A744;
    --badge-dark: #666666;
    --badge-light-grey: #a4a4a4;
}
.font-family-primary {
    font-family: var(--primary-font-family)
}
.montserrat{
    font-family: var(--secondary-font-family);
}
.kaisei {
    font-family: 'Kaisei Decol', serif !important;
}
.mulish {
    font-family: 'Mulish', sans-serif !important;
}
.font-secondary {
    font-family: var(--secondary-font-family);
}
.font-weight-medium.montserrat, .font-weight-medium.font-secondary, .font-secondary-medium {
    font-family: var(--secondary-font-family-medium);
}
.font-weight-semibold.montserrat, .font-weight-semibold.font-secondary, .font-secondary-semibold {
    font-family: var(--secondary-font-family-semibold);
}
.font-weight-bold.montserrat, .font-weight-bold.font-secondary, .font-secondary-bold {
    font-family: var(--secondary-font-family-bold);
}




html { font-size: 16px;  scroll-behavior: smooth;}
body { background: #F7FAFC; color: var(--themecolor);  line-height: 1.5; font-family: var(--primary-font-family) ;}
/* width */
::-webkit-scrollbar {
    width: 1rem;
    height: 1rem;
}
::-webkit-scrollbar-track {
    background: #F0F0F0;border-radius: 0.5rem;
}
.sidebar .sidebarnav::-webkit-scrollbar {width:8px;}
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--themecolor5); border-radius: 10px;
    border: 3px solid #F0F0F0;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: var(--themecolor5); }
.scrollbar-secondary::-webkit-scrollbar {
    width: 0.75rem;
}
.scrollbar-secondary::-webkit-scrollbar-track {background: none; background: var(--themeBgColor2);}
/* Handle */
.scrollbar-secondary::-webkit-scrollbar-thumb {
    background: var(--primaryHover);
    border: 2px solid var(--themeBgColor2);
}
/* Handle on hover */
.scrollbar-secondary::-webkit-scrollbar-thumb:hover {background: var(--primary) }
hr {
    border-top: 1px solid #CEDAE3;
}
.hr2 {
    border-top-width: 2px;
}
.rounded-50 { border-radius: 0.5rem;}
.table { color: var(--themecolor-600) ;}
.table-color-1 tr td, .table-color-1 tr th {color: var(--themecolor);}
.thead-color-1 th {
    color: var(--themecolor);
}
.thead-nowrap th, .thead-nowrap td {white-space: nowrap;}
.inventory-button-background {
    background: var(--neutral-gray-50, #F0F0F0);
    border-radius: 2px;
    gap: 8px;
}
.inventory-button-background .selected-items-text {
    padding: 0.5rem !important;
    border-radius: 8px;
    background: var(--neutral-gray-30, #FBFBFB);
}

.inventory-button-background .selected-items-text span {
    padding: 4px 12px;
}
.custom-badge{
    border-radius: 32px;
    background: var(--primary-shades-pink-primary-pink-50, #F9EEF4);
    padding: 0px 8px;
    color: var(--primary-shades-pink-primary-pink-600, #923E6B);
}

.form-control{
    border-radius: 6px;
}
 .radius-16{
        border-radius : 16px ;
}

.radius-8{
        border-radius : 8px ;
}

.mt-32{
        margin-top : 32px ;
 }

  .search-box-custom {
        border: 1px solid #707070;
        border-radius: 12px;
        padding: 4px;
        display: flex;
        align-items: center;
        background: #fff;
        max-width: 350px;
    }
    .search-box-custom input {
        border: none;
        background: transparent;
        flex-grow: 1;
        padding: 8px 16px;
        outline: none;
        color: #495057;
        font-size: 16px;
    }
    .search-box-custom input::-moz-placeholder {
        color: #6c757d;
    }
    .search-box-custom input::placeholder {
        color: #6c757d;
    }
    .search-box-custom button {
        background-color: var(--primary);
        border: none;
        border-radius: 8px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        cursor: pointer;
        transition: background 0.2s;
    }
    .search-box-custom button:hover {
        background-color: var(--primaryHover);
    }
    .title-col .breadcrumb{
        background: none !important;
    }

    .description-truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all 0.3s ease;
        display: block;
        max-width: 100%;
    }


    .description-truncate:hover {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .attr-description{
        font-family: 'Karla', sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0px;
        color:#6B7280;
    }



@media (min-width: 576px){
    .modal-dialog:not(.modal-lg):not(.modal-sm) {
        max-width: 550px;
    }
}
@media (max-width: 576px){
.modal-dialog {
    max-width: 560px;
}
}
@media (min-width: 992px){

    .save-unsuccessful-modal .modal-dialog {
        max-width: 600px;
    }
    .modal-lg, .modal-xl {
        max-width: 880px;
    }
}
.font-85 { font-size: 0.85rem !important;}
.dataTables_scrollHead::-webkit-scrollbar, .dataTables_scrollBody::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
    width:18px;height: 16px;
}
.dataTables_scrollHead::-webkit-scrollbar-thumb, .dataTables_scrollBody::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
    background: none;
    background-color: var(--themecolor5) ;
    border-radius: 20px;
    border: 4px solid #F0F0F0;
    height: 16px;
}
/* Handle on hover */
.dataTables_scrollHead::-webkit-scrollbar-thumb:hover, .dataTables_scrollBody::-webkit-scrollbar-thumb:hover, .table-responsive::-webkit-scrollbar-thumb:hover {
 background-color: var(--themecolor5) ;
}
.dataTables_scrollHead::-webkit-scrollbar-track, .dataTables_scrollBody::-webkit-scrollbar-track {
    background: #F0F0F0;
}
.cursor-pointer {
    cursor: pointer;
}
.column-visibility-btn {
    padding-left: 0.75rem;
    padding-right: 0.75rem; position: relative; z-index: 5;
}
.column-visibility-col {
    margin-bottom: -2.5rem;
}
.wrapper.content-wrapper {padding-top: 80px;}
.opacity-0{ opacity:0}
a, .btn, input, input[type="search"], input[type="submit"] { transition: all 0.2s linear; }
.text-break { word-break: break-all; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; font-weight: normal; font-weight: 600;  line-height: 1.33; }
.table td, .table th {border-top: 1px solid #dee2e6;/* font-size: 0.88rem; font-size: 0.9rem;  */}
header ul, footer ul, aside ul { margin-bottom: 0px; list-style-type: none; padding: 0px; }
a, small { color: inherit; }
label:not(.custom-control-label) {
    font-family: Karla;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--themecolor-700);
}
.custom-switch .custom-control-label::after {background-color: var(--primary);}
li.active a, a:hover, a:focus { text-decoration: none; color: inherit; outline: none; }
.font-weight-light {
    font-weight: 300 !important;
}
.font-weight-medium {
    font-weight: 500 !important;
}
.font-weight-semibold {
    font-weight: 600 !important;
}
.font-weight-bold, .fontbold {font-weight: bold !important; }

.line-height-normal { line-height:1.5;}
.h6, .font-18 {font-size: 1.125rem;}
.modal-header {
    justify-content: space-between;
    opacity: 1;
    border-bottom: 0px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 0.015rem;
    padding-top: 2rem;
    /* background: var(--secondary);
    background-color: var(--primary);
    color: #fff; */
}

.modal form, .modal-body form { margin-bottom: 0px;}
.modal-body .form-group label, .form-group label { font-weight:bold}
.modal-body > .form-group:last-child {
    margin-bottom: 0;
}
.modal-body > .form-group label { font-weight:bold;}
.modal-body {
    padding-left: 2rem;
    padding-right: 2rem;
}

.modal-body .form-group > label { font-weight:bold; margin-bottom:0.25rem}
.modal-footer {
    border-top: none;
    padding: 1.5rem;
    justify-content: flex-start;
}
.modal-body+.modal-footer {
    padding: 0rem 1.5rem 1.5rem;
}
.modal-footer .btn {
    margin: 0.2rem 0rem 0.2rem 0.5rem;
}
.modal-dialog {display: flex;align-items: center;min-height: calc(100% - 1rem);}

.modal .modal-dialog .btn:not(.input-group-append .btn):not(.input-group-prepend.btn), .modal-footer .btn {padding-top: 0.5rem;padding-bottom: 0.5rem;}

/* .modal-header .modal-title, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 { */
.modal-header :where(h1, h2,h3, h4, h5, h6){
    font-size: 1.125rem;
    /* text-transform: capitalize; */
    font-weight: 600; margin-bottom: 0px;;
}
.modal-header .close {
    color: #fff;
    opacity: 1;
    text-shadow: none;
    font-size: 2rem;
    align-self: center;
    line-height: 1;
    margin-right: -0.75rem; cursor: pointer;
}
.modal-header .close:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929Z' fill='%23878787'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
    height: 14px;
    width: 14px;
    position: relative;
    display: block;
    padding-right: 1.35rem;
    padding-bottom: 1.3rem;
}
.modal-header .close span { display: none;}
.modal-header .close:hover, .modal-header .close:focus {
    color: var(--dangerHover) !important;
    opacity: 1 !important;
}
.modal .modal-content {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.modal .modal-footer {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.btn .fa { line-height:1.5;}
.btn, form input[type=submit] { font-size: 1rem;
    font-weight: 400;
    padding: 8px 16px;
    /* padding: 0.5rem 1rem; */
    outline: none;
    border: 1px solid var(--primary);
    color: #fff;
    background: var(--primary);
    line-height: 1.5;
}
.btn.disabled, .btn:disabled, .btn[disabled="disabled"] {
    cursor: not-allowed;
}
:disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}
.btn.btn-md {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.btn.form-btn {
    padding-top: calc(0.5rem - 1px);
    padding-bottom: calc(0.5rem - 1px);
}
.btn-bg:hover, .btn-bg:focus, .btn:not(.bootstrap-select > .dropdown-toggle):hover, .btn:not(.bootstrap-select > .dropdown-toggle):focus, form input[type="submit"]:hover, form input[type="submit"]:focus, form input[type="submit"]:active {box-shadow: none;background: var(--primaryHover);color: #ffffff;outline: none;border-color: var(--primary);}
.btn-outline:hover, .btn-outline:focus, .btn-outline:not(.bootstrap-select > .dropdown-toggle):hover, .btn-outline:not(.bootstrap-select > .dropdown-toggle):focus, form input[type="submit"]:hover, form input[type="submit"]:focus, form input[type="submit"]:active {box-shadow: none;background: var(--primaryOutlineHover);color: var(--primary);outline: none;border-color: var(--primary);}
.btn-outline:hover svg path, .btn-outline:focus svg path, .btn-outline:not(.bootstrap-select > .dropdown-toggle):hover svg path, .btn-outline:not(.bootstrap-select > .dropdown-toggle):focus svg path, form input[type="submit"]:hover svg path, form input[type="submit"]:focus svg path, form input[type="submit"]:active svg path{
    stroke: var(--primary) !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:not(.bootstrap-select > .dropdown-toggle):hover, .btn-outline-secondary:not(.bootstrap-select > .dropdown-toggle):focus, form input[type="submit"]:hover, form input[type="submit"]:focus, form input[type="submit"]:active {box-shadow: none;background: var(--primaryOutlineHover);color: var(--primary);outline: none;border-color: var(--primary);}

.btn:not(.bootstrap-select > .dropdown-toggle),button:not(.bootstrap-select > .dropdown-toggle){
    border-radius: 8px !important;
}

.btn-group .dropdown > .btn.dropdown-toggle {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-group > .btn:not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:not(.bootstrap-select > .dropdown-toggle):hover, .btn-outline-danger:not(.bootstrap-select > .dropdown-toggle):focus, form input[type="submit"]:hover, form input[type="submit"]:focus, form input[type="submit"]:active {
    box-shadow: none;
    background: var(--primaryOutlineDangerHover);
    color: var(--danger);
    outline: none;
    border-color: var(--danger);
}

.input-group-prepend .btn, .input-group-append .btn {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.form-control:disabled, .form-control-custom.readonly-field, .readonly-field, .bootstrap-select.disabled button {
    background-color: var(--themeBgColor1) !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66667 6.33333V4.33333C3.66667 2.49238 5.15905 1 7 1C8.61264 1 9.95781 2.14517 10.2667 3.66667M4.2 13H9.8C10.9201 13 11.4802 13 11.908 12.782C12.2843 12.5903 12.5903 12.2843 12.782 11.908C13 11.4802 13 10.9201 13 9.8V9.53333C13 8.41323 13 7.85318 12.782 7.42535C12.5903 7.04903 12.2843 6.74307 11.908 6.55132C11.4802 6.33333 10.9201 6.33333 9.8 6.33333H4.2C3.0799 6.33333 2.51984 6.33333 2.09202 6.55132C1.71569 6.74307 1.40973 7.04903 1.21799 7.42535C1 7.85318 1 8.41323 1 9.53333V9.8C1 10.9201 1 11.4802 1.21799 11.908C1.40973 12.2843 1.71569 12.5903 2.09202 12.782C2.51984 13 3.0799 13 4.2 13Z' stroke='%230C4475' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: auto !important;
}
.form-control.remove-lock:disabled {
    background-image: none !important;
}
button.bg-transparent.border-left-0.btn {}
select.form-control:disabled {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
}
.bootstrap-select.disabled .btn.disabled, .bootstrap-select.disabled .btn:disabled, .dropdown .btn.datepicker-icon:disabled {
    opacity: 1;
    border-color: var(--themecolor-500);
}
.bootstrap-select.disabled .btn.disabled:after, .bootstrap-select.disabled .btn.disabled:before {
    display: none !important;
}

.form-control-custom.readonly-field, .readonly-field {
    cursor: not-allowed;
}

.btn-group-lg>.btn, .btn-lg, form input.btn-lg {
    /* padding: 0.5rem 1.25rem;
    font-size: 1.1675rem; */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.btn-bg { background: var(--themecolor); color: #ffffff; }
.btn-with-img.remove-btn-with-img { padding: .5rem 1.4rem; border-radius: 100px; border-radius: 0.25rem; font-size: .9rem; }
.btn-group-sm>.btn, .btn-sm {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-size: 1rem;
}

a.btn:not([href]):not([tabindex]) { color: #fff; }
a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover { color: #fff; }
.btn-dark { border-color: #343a40; }
.btn-dark:hover { background-color: #23272b; border-color: #1d2124; }

.btn-light { border-color: #f8f9fa; }
.btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; }
.btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent; }
.btn-link { color: #007bff; background-color: transparent; border: none; }

.btn-secondary { background-color:var(--secondary); border-color: var(--secondary); }

.btn-secondary.btn:not(.bootstrap-select > .dropdown-toggle):hover, .btn-secondary.btn:not(.bootstrap-select > .dropdown-toggle):focus, .btn-secondary.btn:not(.bootstrap-select > .dropdown-toggle):active { background-color: var(--secondaryHover); border-color: var(--secondary); }

.btn-danger {
    background-color:var(--danger) ;
    border-color: var(--danger);
}
.btn-danger.btn:not(.bootstrap-select > .dropdown-toggle):hover, .btn-danger.btn:not(.bootstrap-select > .dropdown-toggle):focus, .btn-danger.btn:not(.bootstrap-select > .dropdown-toggle):active { background-color: var(--dangerHover); border-color: var(--danger); }


/*  outline(Transparent) button codes start here */

.btn-outline,.btn-outline-secondary {
    background: #F3F4F6;
    color: black;
    border : 1px solid #E5E7EB;
    padding: 8px 16px;
}
.btn-outline-color-300 {
    color: var(--themecolor-300);
}
.btn-outline-color-400 {
    color: var(--themecolor-400);
}
.btn-outline-color-500 {
    color: var(--themecolor-500);
}
.btn-outline-color-600 {
    color: var(--themecolor-600);
}
.btn-outline-color-700 {
    color: var(--themecolor-700);
}
.btn-outline-border-300 {
    border-color: var(--themecolor-300);
}
.btn-outline-border-400 {
    border-color: var(--themecolor-400);
}
.btn-outline-border-500 {
    border-color: var(--themecolor-500);
}
.btn-outline-border-600 {
    border-color: var(--themecolor-600);
}
.btn-outline-border-700 {
    border-color: var(--themecolor-700);
}
.primary-svg-stroke:not(.btn-svg-stroke-0) svg *, .primary-svg-stroke * {
    stroke: var(--primary);
}
.primary-svg-fill svg *, .primary-svg-fill * {
    fill: var(--primary);
}
.btn-outline.btn-primary-hover:not(.btn-svg-stroke-0):hover svg *, .btn-outline.btn-primary-hover:not(.btn-svg-stroke-0):focus svg * {
    stroke:#fff;
}

.btn-outline:not(.bootstrap-select > .dropdown-toggle):hover,
.btn-outline:not(.bootstrap-select > .dropdown-toggle):focus,
.btn-outline:not(.bootstrap-select > .dropdown-toggle):active {
    /* background: var(--primaryOutlineHover);
    color: var(--primary);
    border-color: var(--primary); */
}
/* .btn-outline-secondary {
    background: #fff;
    color: var(--secondary);
    border-color: var(--secondary);
} */
.btn-outline-secondary:not(.bootstrap-select > .dropdown-toggle):hover, .btn-outline-secondary:not(.bootstrap-select > .dropdown-toggle):focus, .btn-outline-secondary:not(.bootstrap-select > .dropdown-toggle):active {
    background: var(--secondaryOutlineHover);
    color: var(--secondary);
    border-color: var(--secondary);
}
.btn-outline-danger {
    background: #fff;
    color: var(--danger);
    border-color: var(--danger);
}
.btn-outline-danger:disabled {
    background-color: white;
}

.btn-success {
    background: var(--success);
    border-color: var(--success);
}

.btn-success.btn:not(.bootstrap-select > .dropdown-toggle):hover, .btn-success.btn:not(.bootstrap-select > .dropdown-toggle):focus, .btn-success.btn:not(.bootstrap-select > .dropdown-toggle):active {
    border-color: var(--success);
    background: var(--successHover);
}
.btn-outline-success {
    background: #fff;
    color: var(--success);
    border-color: var(--success);
}
.btn-outline-success.btn:not(.bootstrap-select > .dropdown-toggle):hover,
.btn-outline-success.btn:not(.bootstrap-select > .dropdown-toggle):focus,
.btn-outline-success.btn:not(.bootstrap-select > .dropdown-toggle):active {
   color: #25d366;
   border-color: var(--success);
   background: var(--successOutlineHover);
}
/* these button classes are used for only hover purpose */
.btn-primary-hover:hover {
    color: #fff !important;
    background: var(--primaryHover) !important;
}
.btn-primary-hover[aria-expanded="true"], .btn-primary-hover:focus {
    background: var(--primaryHover) !important;
    color: #fff !important;
}
.btn-primary-hover:hover svg *, .btn-primary-hover[aria-expanded="true"] * {
    stroke:#fff !important;
}
.btn-outline:hover svg *, .btn-outline[aria-expanded="true"]:hover svg *, .btn-outline:focus svg *, .btn-outline[aria-expanded="true"]:focus svg * {
    stroke:#fff !important;
}


.btn-secondary-hover:hover {
    color: #fff !important;
    background: var(--secondary) !important;
}
.btn-secondary-hover:hover svg * {
    stroke:#fff !important;
}
.btn-danger-hover:hover {
    /* color: #fff !important; */
    /* background: var(--danger) !important; */
    /* background: #FF5567 !important; */
}
.btn-danger-hover:focus {
    color: #fff !important;
    background: #BF404D !important;
}
.btn-danger-hover:hover svg * {
    stroke:#fff !important;
}
.btn-warning-hover:hover {
    color: #fff !important;
    background: var(--secondary) !important;
}
.btn-warning-hover:hover svg * {
    stroke:#fff !important;
}
.text-wrap { white-space: normal; }
.badge-lightgreen { background: #60be92; }
#toast-container { z-index: 9999999999; }
.form-button { display: flex; align-items: center; }
.lab-report-th { width: 135px !important; }
.flex-grow-1 {}
.table-visible-btn button, .table-visible-btn .btn { z-index: 10;}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--primary);
    background-color: var(--primary);
}
.custom-control-input:checked~.custom-control-label-success::before {
    border-color: var(--success);
    background-color: var(--success);
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgb(231 237 242);
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::after {
    background-color: var(--primary);
}

.prodvideo-radio .custom-radio .custom-control-input[checked]~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.prodvideo-radio .custom-radio .custom-control-input[checked]~.custom-control-label::before {border-color: var(--primary);background-color: var(--primary);}

.stone-editable { position: relative; }
.stone-editable:after {
    color: green;
    cursor: pointer;
    content: "\f040";
    font-family: FontAwesome;
    position: absolute;
    right: -15px;
    top: 3px;
    content: '';
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}
.btn-with-img, .fa-search { border-radius: 0.25rem }
.btn-with-img:hover { border-color: var(--themecolor) !important; background: none !important; }
.btn-with-img:active, .btn-with-img:visited {border-color: var(--themecolor) !important;background: none !important;}
.btn-with-icon, .fa-search { border-radius: 0.25rem }
.btn-with-icon:hover { border-color: var(--themecolor) !important;    /*background: none !important;*/ font-color: #fffff; }
.adv-filter-col-for-user .adv-btn:hover, .header-advanced-search:hover { /*border: 1px solid var(--themecolor);     color: var(--themecolor); */ }
span.enable-btn, span.disabled, .border-on-hover, .input_dblclick, .wspan {display: inline-block;padding: 2px 0.125rem;border: 1px solid transparent;min-width: 24px;}

tr[data-action-type="invoice-created"] td span.enable-btn, tr[data-action-type="memo"] td span.enable-btn, tr[data-action-type="invoice"] td span.enable-btn { padding: 0; border: none; min-width: 0; }

.table.dataTable td span.enable-btn:hover, .table.dataTable td span.disabled:hover, .table.dataTable td .border-on-hover:hover, .table.dataTable td .input_dblclick:hover {border-color: rgb(12 68 117 / 50%);}
.theme-color-1 {
    color:var(--themecolor);
}
.theme-color-500 {
    color:var(--themecolor-500);
}
.theme-color-600 {
    color:var(--themecolor-600);
}
.theme-color-3 {
    color:var(--themecolor-600);
}
.theme-color-4{
    color:var(--themecolor4);
}
.theme-color-700{
    color:var(--themecolor-700);
}
.theme-color-900{
    color:var(--themecolor-900);
}

.bg-theme-1 {
    background-color:var(--themeBgColor1) !important;
}
.bg-theme-2 {
    background-color:var(--themeBgColor2) !important;
}
.bg-theme-3 {
    background-color:var(--themeBgColor3) !important;
}
.bg-theme-4, .bg-theme-700 {
    background-color:var(--themecolor-700) !important;
}

.bg-primary {
    background-color:var(--primary) !important;
}
.bg-primary-light {
    background-color:var(--primaryOutlineHover) !important;
}
.bg-secondary {
    background-color:var(--secondary) !important;
}
.bg-secondary-light {
    background-color: var(--secondaryOutlineHover) !important;
}
.bg-danger {
    background-color:var(--danger) !important;
}
.bg-danger-light {
    background-color: var(--dangerOutlineHover) !important;
}
.bg-success {
    background-color:var(--success) !important;
}
.bg-success-light {
    background-color: var(--successOutlineHover) !important;
}
.bg-warning {
    background-color:var(--warning) !important;
}
.bg-warning-light {
    background-color: var(--warningOutlineHover) !important;
}
.text-primary {
    color:var(--primary) !important;
}
a.text-primary:hover, a.text-primary:focus {
    color:var(--primaryHover) !important;
}
.text-primary-dark {
    color:var(--primaryDark) !important;
}
.text-secondary {
    color:var(--secondary) !important;
}
a.text-secondary:hover, a.text-secondary:focus {
    color:var(--secondaryHover) !important;
}
.text-danger {
    color:var(--danger) !important;
}
a.text-danger:hover, a.text-danger:focus {
    color:var(--dangerHover) !important;
}
.text-success {
    color:var(--success) !important;
}
a.text-success:hover, a.text-success:focus {
    color:var(--successHover) !important;
}
.text-warning {
    color:var(--warning) !important;
}
a.text-warning:hover, a.text-warning:focus {
    color:var(--warningHover) !important;
}
.text-underline {
    text-decoration: underline;
}
.text-case-inherit { text-transform: inherit !important;}
.dropdown-menu-color-light .dropdown-item { color: #A3A3A3;}
.table.dataTable tr td a:not(.btn):not(.actionicon):not(.dropdown-menu a):not(.dropdown-items) {color:var(--primary);text-decoration: underline;}
.table.dataTable tr td a:not(.btn):hover {text-decoration: none;}

.card-border-top {
    /* border-top: 0.5rem solid var(--primary); */
    border-radius : 8px !important;
}
.svg-default-color * {
 stroke: var(--themecolor);
}
.svg-light-dark-color * {
    stroke: var(--themecolor-500);
   }
.svg-primary-color * {
    stroke: var(--primary);
}
.svg-secondary-color * {
    stroke: var(--secondary);
}
.svg-danger-color * {
    stroke: var(--danger);
}
.svg-success-color * {
    stroke: var(--success);
}
.ml-n75 { margin-left: -0.75em;}
.mr-n75 { margin-right: -0.75em;}
.mx-n75 {margin-left: -0.75em; margin-right: -0.75em;}
.pl-75 { padding-left: 0.75rem;}
.pr-75 { padding-right: 0.75rem;}
.px-75 { padding-left: 0.75rem; padding-right: 0.75rem;}
.mt-75 { margin-top: 0.75rem;}
.mb-75 { margin-bottom: 0.75rem;}
.ml-75 { margin-left: 0.75rem;}
.mr-75 { margin-right: 0.75rem;}
.mb-1px {margin-bottom: 1px;}
.mb-2px {margin-bottom: 2px;}
.mt-1px {margin-top: 1px;}
.mt-2px { margin-top: 2px; }
.my-1px {margin-top: 1px;margin-bottom: 1px;}
.my-2px {margin-top: 2px;margin-bottom: 2px;}

.max-width-10 {max-width: 10%;}
.max-width-20 {max-width: 20%;}
.max-width-30 {max-width: 30%;}
.max-width-40 {max-width: 40%;}
.max-width-40 {max-width: 40%;}
.max-width-50 {max-width: 50%;}
.max-width-60 {max-width: 60%;}
.max-width-70 {max-width: 70%;}
.max-width-80 {max-width: 80%;}
.max-width-90 {max-width: 90%;}
.max-width-100 {max-width: 100%;}

.min-width-10 {min-width: 10%;}
.min-width-20 {min-width: 20%;}
.min-width-30 {min-width: 30%;}
.min-width-40 {min-width: 40%;}
.min-width-40 {min-width: 40%;}
.min-width-50 {min-width: 50%;}
.min-width-60 {min-width: 60%;}
.min-width-70 {min-width: 70%;}
.min-width-80 {min-width: 80%;}
.min-width-90 {min-width: 90%;}
.min-width-100 {min-width: 100%;}
.min-width-100px {
    min-width: 100px;
}
.min-width-150px {
    min-width: 150px;
}
.min-width-200px {
    min-width: 200px;
}
.min-width-250px {
    min-width: 250px;
}
.min-width-300px {
    min-width: 300px;
}
.min-width-350px {
    min-width: 350px;
}
.min-width-400px {
    min-width: 400px;
}


.box-border-top {
    border-top: 0.5rem solid;
}
.border-top-primary {
    border-color: var(--primary);
}
.border-top-secondary {
    border-color: var(--secondary);
}
.border-top-dark {
    border-color: var(--themecolor);
}
.border-top-danger {
    border-color: var(--danger);
}
.row-col-6 > div {
    flex: 0 0 50%;
    max-width: calc(50% - 0.1875rem);
}
.row-col-4 > div {
    flex: 0 0 33.33%;
    max-width: calc(33.33% - 0.1875rem);
}
.row-col-4 > span, .row-col-6 > span, .row-col-4 > input, .row-col-6 > input, .row-col-4 > select, .row-col-6 > select {
    margin-right: 5px;
    margin-left: 5px;
}

.row.row-col-6, .row.row-col-4 {
        margin-left: -12px;
    margin-right: -12px;
}
.row.row-col-6 > span, .row.row-col-4 > span, .row.row-col-6 > input, .row.row-col-4 > input {
    margin-left: 12px;
    margin-right: 12px;
}
.radios-button-col .row .col.col1 {
    max-width: 5.25rem;
}

.radios-button-col .row .col.col2 {
    max-width: 9rem;
}
.custom-card .custom-card-header {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.custom-card .custom-card-header svg { width: 1.5rem; height: auto;}
.custom-card-header, .box-header {
    background-color: var(--themeBgColor3) ;
    border-bottom: 1px solid #E7EDF2;
    display: flex;
    align-items: center;
}
.custom-card-header-outline {
    border-bottom: 1px solid #CEDAE3; background-color: transparent;
}
.custom-card-header-outline-blue {
    border-bottom: 1px solid  #CEDAE3;
    background:  #F1F6FA;
}
.custom-card-header, .box-header, .custom-card-header-outline {
    padding: 1rem 1.5rem;
    & .h6, h3, h4, h5, h6 {
        line-height: 1.333; font-family: var(--secondary-font-family); font-weight: 600; color: var(--primary);
    }
}


.custom-card-body {
    padding: 1.5rem;
}
.custom-card {
    box-shadow: 0px 4px 4px rgb(2 2 2 / 5%);
    background-color: #ffffff;
    border-radius: 1rem !important;
}
.custom-card-shadow-less {
    box-shadow: none;
}

.form-row.row-col-6 > div {
    padding-right: 5px;
    padding-left: 5px;
}
.input-group-custom {
    border: 1px solid var(--themecolor-500);
    overflow: hidden;
}
.input-group-custom.form-control-border-light {
    border-color: var(--themecolor5);
}
.form-control,.form-control-custom,.btn.btn-light.dropdown-toggle{
    border-color: var(--inputBorder) !important;
}
.input-group-custom .form-control {
    padding-right: 0px;
    border: none !important;
    height: calc(2.25rem - 2px);
}
.input-group-custom .form-control.form-control-lg {
    height: calc(2.5rem - 0px);
}
.input-group-custom .input-group-text {padding: .25rem .75rem .25rem .5rem;}

.wrapper.content-wrapper {
    overflow: hidden;
}
.box-shadow {
    box-shadow: 0px 4px 4px rgba(2, 2, 2, 0.05);
}
.section-box { background:#fff; padding:1.5rem; border-radius:0.25rem;}


.bootstrap-select .dropdown-menu {
    z-index: 1029;
}
.input-group-prepend .dropdown-toggle::after {
    display: none;
}
.input-group-prepend .dropdown-toggle { color: #093358 !important;}
.topsearch-col .input-group.custom-input-group .form-control {
    min-height: calc(2.25rem - 2px);
    height: 2.25rem;
}
.table tbody th {
    font-weight: normal;
}
.dropdown-menu {
    padding: 0.5rem;
    box-shadow: 0px 4px 4px rgb(2 2 2 / 5%);
    border: 1px solid #E0E0E0;
}
.sidebarnav .nav-item .dropdown-menu {
    max-width: 16.25rem;
    min-width: 16.2rem;
}
.dropdown-item {
    color: #000000;
    padding: 0.25rem 1rem; border-radius: 0.25rem;
}
.dropdown.custom-dropdown-menu .dropdown-item {
    padding: 0.5rem 0.5rem;
    color: var(--secondaryText) !important;
    font-size: 0.875rem;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    background-color: var(--themeBgColor1);
    color: var(--secondary) !important;
}
.dropdown-menu .dropdown-item.li-title:hover , .report-block .report-inner > span.dropdown-item:hover {
    color: black !important;
    background-color: rgb(255, 255, 255) !important;
}
.report-block .report-inner .dropdown-item.active, .report-block .report-inner a.dropdown-item:hover{
    background: #2554C70D;
    color: var(--primary) !important;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    width: calc(100% - 1rem);
}
.dataTables_scrollBody .bootstrap-select .dropdown-menu {    padding: 0px 0px 4px;}
.dataTables_scrollBody .bootstrap-select .dropdown-menu div.inner.show{
    max-height: 100px !important;
    min-height: auto !important;
    overflow: auto;
}

.bodyheight .dataTables_scrollBody .bootstrap-select .dropdown-menu div.inner.show {
    max-height: 110px !important;
    overflow: auto;
}

.dataTables_scrollBody .bootstrap-select .form-control {
    min-height: 30px !important;
}
.inv-customer-select .inner.show, .inv-customer-select .dropdown-menu {
    max-height: 30 0px !important;
}
.search-dropdown label.form-check-label {
    display: block;
    padding: 0.35rem 0.75rem 0.35rem 2.5rem;
    color: var(--themecolor-600) !important;
    border-radius: 2px;
    font-size: 1rem;
    outline: none;
    position: relative;
}
.search-dropdown .form-check .form-check-input  {
    opacity: 0;
}

.search-dropdown .form-check .form-check-input {
    opacity: 0;
    left: 0;
    margin: 0;
}

.dropdown-menu.search-dropdown label:before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: var(--themeBgColor1);
    border-radius: 100%;
    vertical-align: middle;
    position: absolute;
    top: calc(50% - 0.5rem);
    left: 1rem;
}
.dropdown-menu.search-dropdown input:checked~ label:before {
 background: var(--secondary);
}

.dropdown-menu.search-dropdown input:checked~ label:after, .dropdown-menu.search-dropdown  label:hover:after  {
    top: calc(50% - 0.5rem);
    left: 1rem;
}
.search-dropdown label.form-check-label:hover, .dropdown-menu.search-dropdown input:checked ~ label {
    background-color: var(--themeBgColor1);
    color: var(--secondary) !important;
}

/* Invoice page edit style starts here  */
.dotted-hover { border: 1px solid transparent; padding: 3px 3px; padding: 0px 1px; }
.dotted-hover:hover { border: 1px dotted #dae0e5; }
.dotted-hover-remove, .dotted-hover-remove:hover { padding: 0px 0px; border-color: transparent !important; }
.dotted-hover .bootstrap-select {
    min-width: 80px;
    width: 100% !important;
}
div.dotted-hover .fa.fa-pencil, span.dotted-hover .fa.fa-pencil { margin-left: .5rem !important; cursor: pointer; }
.dotted-hover.d-inline-flex.d-none, .dotted-hover.d-inline-block.d-none { display: none !important; }
.dotted-hover button.dropdown-toggle, .dotted-hover input.form-control, .dotted-hover input[type=text], .dotted-hover select.form-control, .dotted-hover select { height: 30px !important; min-height: 30px; padding: .1rem .5rem !important; background: none !important; border: 1px solid #ced4da; border-radius: .25rem !important; }
.dotted-hover .bootstrap-select .dropdown-menu { max-width: 300px; max-height: none !important; }

/* Invoice page edit style ends here  */
.table.dataTable:not(.table-borderless) td, .table.dataTable:not(.table-borderless) th {
    border: 1px solid #dee2e6;
    line-height: 1.5;
    vertical-align: middle;
}
.dataTable {min-width: calc(100% - 0rem) !important;}
.dataTables_scroll .dataTable {margin-left: 0px !important;min-width: calc(100% - 0.5rem) !important;}
.dataTables_scrollHeadInner {min-width: calc(100% - 1rem) !important;}


.dataTables_filter input[type=search] { border: 1px solid #ccc; padding: 3px 5px; }
table {border-collapse: collapse !important;font-size: inherit;line-height: inherit;}
[draggable] { -moz-user-select: none; -webkit-user-select: none; user-select: none; -khtml-user-drag: element; -webkit-user-drag: element }
.details-control .fa { color: #00af00; font-size: 1.3rem; border: 1px solid #ccc; border-radius: 100%; padding: 1px; background: #fff; width: 21px; height: 21px; }
.shown .details-control .fa { color: #ff0000; }
.shown .details-control .fa:before { content: ''; content: "\f056"; }
.stone-history-circle {
    border-radius: 100%;
    min-height: 80px;
    max-width: 200px;
    border: 1px solid #175163;
}
.transform-arrow.transformation-col svg  {
    width: auto;
    height: auto;
    max-width: 100%;
}
.stone-history-arrow { right: -56px; font-size: 61px; color: #175163; }

.stone-history-text { font-size: 13px;    /* right: 29px; */ font-weight: 600; top: 8px; display: block; padding-bottom: 1.3rem; padding-right: 1.7rem;    /* max-width: 100px; */ }
.stone-history-text:after { content: "\f178"; content: ''; content: "\f0da"; font-family: 'FontAwesome'; font-size: 1rem; font-size: 35px; font-weight: 400; position: absolute; right: 0px;    /* left: 0px; */ bottom: -5px; line-height: 1; }
.stone-history-text:before { content: ''; position: absolute; background: #0e3946; height: 6px; width: calc(100% - 10px); bottom: 9.3px; border-radius: 19px; }
.stone-detail-chart>div { max-width: 330px; }
.uploadArea.selected { border: dashed #FA623F !important; }
.uploadArea .new { padding-top: 35px; padding-bottom: 30px; display: block; }
.uploadArea input[type='file'] { height: 30px; color: transparent }
.uploadArea { border: dashed #676465; text-align: center; line-height: 30px; font-size: 18px; margin-bottom: 20px !important; cursor: pointer; }
.image-preview img { padding-top: 0px !important; width: 100%; height: 139px; }
.image-preview .remove { text-align: right; color: white; position: absolute; width: 100%; padding-right: 7px; background-color: #373435; opacity: .4; height: 25px }
.image-preview .remove i { font-size: 22px; padding: 0; margin: 0; opacity: 1 !important }
.item-box, .box-drag {    /* float: left; */
display: block; width: 33.33%; padding: 0 15px; }
.no-margin { margin: 0px !important }
.no-padding { padding: 0px !important }
.hidden { display: none !important; }

.search_filters  .form-group label {color: var(--primary);margin-bottom: 0.25rem;line-height: 1.625;}
.form-group label.theme-color-1 {color: var(--themecolor);}
.form-group label.font-weight-semibold{font-weight: 600; }
input[type="text"], input[type="search"], input[type="email"], select, .form-control, input.form-control, select.form-control, .bootstrap-select.form-control{height: 2.25rem;}
input[type="text"], input[type="search"], input[type="email"], select, .form-control, input.form-control, select.form-control, .bootstrap-select>.dropdown-toggle {
    box-shadow: none;
    color: var(--themecolor);
    padding: 0px 0.75rem;
    border-color: var(--themecolor-500);
}
  /* Remove arrows for WebKit browsers (Chrome, Safari, Edge) */
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }

  /* Remove arrows for Firefox */
  input[type="number"] {
      -moz-appearance: textfield;
  }
select.form-control {
padding: 0px 0.75rem 0px 0.5rem;
}
textarea.form-control, textarea {
    padding-top:0.25rem;
    padding-bottom:0.25rem;
    word-break: break-word;
    white-space: normal;
}
.form-control-icon-btn {
    line-height: calc(34px - 2px);
    padding-top: 0px;
    padding-bottom: 0;
}
.bootstrap-tagsinput {
    min-height: calc(2.25rem - 0px);
    padding: 0.175rem 0.75rem;
    box-shadow: none;
    border-color: var(--themecolor-2);
}
.bootstrap-tagsinput input {
    max-height: 100%;
    height: 1.75rem;
    padding-left: 0px;
}
select.form-control-lg {
    padding-left: 0.65rem;
}
.bootstrap-select>select.form-control-sm .form-control-sm, input.form-control-sm, select.form-control-sm {height: calc(2.25rem - 0px);font-size: 1rem;}
.bootstrap-select.form-control-sm>.dropdown-toggle {
    /* height: calc(2.25rem - 0px); */
}
.dataTables_scrollBody table.dataTable tbody td select.form-control {
    padding-left: 0.125rem;
}
.bootstrap-select>.dropdown-toggle {background: none;border: 1px solid #ced4da;padding: .375rem .75rem;font-size: 1rem;/* text-transform: capitalize; */font-weight: normal;line-height: 1.5;border-radius: 0.25rem !important;overflow: hidden;position: relative;padding-left: 0.75rem !important;padding-right: 0.75rem !important;}

.form-control-lg, input.form-control-lg, select.form-control-lg {height: 2.625rem;font-size: 1rem;}

.bootstrap-select>.dropdown-toggle:focus { outline: none !important; outline-offset: 0px; background: none; }
.bootstrap-select .dropdown-toggle .filter-option-inner {
    line-height: 1.5;
    /* color: var(--themecolor-500); */
    font-size: 1rem;
    overflow: hidden;
    padding-right: 1.15rem;
}
.bootstrap-select.form-control .dropdown-toggle, .bootstrap-select .dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: var(--themecolor-500);
    font-size: 1rem;
    height: 2.25rem;
}
.bootstrap-select.is-invalid.form-control .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle .filter-option {
    border-color: #b94a48;
}
.overview-filter-col .bootstrap-select button {
    background-repeat: no-repeat no-repeat !important;
    background-position: center left 0.75rem !important;
    background-size: 1rem !important;
}
.overview-filter-col .receiver-type-select button {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6667 14V12.6667C14.6667 11.4241 13.8169 10.38 12.6667 10.084M10.3334 2.19384C11.3107 2.58943 12 3.54754 12 4.66667C12 5.78579 11.3107 6.7439 10.3334 7.13949M11.3334 14C11.3334 12.7575 11.3334 12.1362 11.1304 11.6462C10.8597 10.9928 10.3406 10.4736 9.6872 10.203C9.19714 10 8.57589 10 7.33337 10H5.33337C4.09086 10 3.46961 10 2.97955 10.203C2.32614 10.4736 1.80701 10.9928 1.53636 11.6462C1.33337 12.1362 1.33337 12.7575 1.33337 14M9.00004 4.66667C9.00004 6.13943 7.80613 7.33333 6.33337 7.33333C4.86061 7.33333 3.66671 6.13943 3.66671 4.66667C3.66671 3.19391 4.86061 2 6.33337 2C7.80613 2 9.00004 3.19391 9.00004 4.66667Z' stroke='%230C4475' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
.overview-filter-col .receiver-select button {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1333 14C14.1333 13.0696 14.1333 12.6044 14.0185 12.2259C13.76 11.3736 13.093 10.7067 12.2408 10.4482C11.8622 10.3333 11.397 10.3333 10.4667 10.3333H7.13334C6.20297 10.3333 5.73778 10.3333 5.35925 10.4482C4.50698 10.7067 3.84003 11.3736 3.5815 12.2259C3.46667 12.6044 3.46667 13.0696 3.46667 14M11.8 5C11.8 6.65685 10.4569 8 8.80001 8C7.14315 8 5.80001 6.65685 5.80001 5C5.80001 3.34315 7.14315 2 8.80001 2C10.4569 2 11.8 3.34315 11.8 5Z' stroke='%230C4475' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;

}
.overview-filter-col .list-type-select button{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6 7.99968L6.59998 7.99967M14.6 3.99968L6.59998 3.99967M14.6 11.9997L6.59998 11.9997M3.93331 7.99967C3.93331 8.36786 3.63483 8.66634 3.26664 8.66634C2.89845 8.66634 2.59998 8.36786 2.59998 7.99967C2.59998 7.63148 2.89845 7.33301 3.26664 7.33301C3.63483 7.33301 3.93331 7.63148 3.93331 7.99967ZM3.93331 3.99967C3.93331 4.36786 3.63483 4.66634 3.26664 4.66634C2.89845 4.66634 2.59998 4.36786 2.59998 3.99967C2.59998 3.63148 2.89845 3.33301 3.26664 3.33301C3.63483 3.33301 3.93331 3.63148 3.93331 3.99967ZM3.93331 11.9997C3.93331 12.3679 3.63483 12.6663 3.26664 12.6663C2.89845 12.6663 2.59998 12.3679 2.59998 11.9997C2.59998 11.6315 2.89845 11.333 3.26664 11.333C3.63483 11.333 3.93331 11.6315 3.93331 11.9997Z' stroke='%230C4475' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

.overview-filter-col .creator-select button{
background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6417_177662)'%3E%3Cpath d='M6.19987 10.3333H5.19987C4.2695 10.3333 3.80431 10.3333 3.42578 10.4482C2.57351 10.7067 1.90656 11.3736 1.64803 12.2259C1.5332 12.6044 1.5332 13.0696 1.5332 14M9.86654 5C9.86654 6.65685 8.52339 8 6.86654 8C5.20968 8 3.86654 6.65685 3.86654 5C3.86654 3.34315 5.20968 2 6.86654 2C8.52339 2 9.86654 3.34315 9.86654 5ZM7.5332 14L9.60077 13.4093C9.69978 13.381 9.74929 13.3668 9.79546 13.3456C9.83646 13.3268 9.87544 13.3039 9.91181 13.2772C9.95276 13.2471 9.98917 13.2107 10.062 13.1379L14.3666 8.83336C14.8268 8.37311 14.8268 7.62689 14.3666 7.16665C13.9063 6.70642 13.1601 6.70642 12.6999 7.16666L8.39532 11.4712C8.3225 11.544 8.2861 11.5804 8.25603 11.6214C8.22933 11.6578 8.20639 11.6967 8.18757 11.7377C8.16637 11.7839 8.15223 11.8334 8.12394 11.9324L7.5332 14Z' stroke='%230C4475' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6417_177662'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.199951)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")  !important;
}
.overview-filter-col .production-select button{
    background-image: url('data:image/svg+xml;base64,PCEtLSBzYW1wbGUgcmVjdGFuZ2xlIC0tPgo8c3ZnIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjAuNDUzMyAxMi44OTNDMjAuMTc1NSAxNS41MDI5IDE4LjY5NjcgMTcuOTQ4NyAxNi4yNDk3IDE5LjM2MTRDMTIuMTg0MiAyMS43MDg2IDYuOTg1NzMgMjAuMzE1NyA0LjYzODUyIDE2LjI1MDJMNC4zODg1MiAxNS44MTcyIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CjxwYXRoIGQ9Ik0zLjU0NjQ3IDExLjEwN0MzLjgyNDI3IDguNDk3MSA1LjMwMzA2IDYuMDUxMzggNy43NTAwNCA0LjYzODYxQzExLjgxNTUgMi4yOTE0IDE3LjAxNCAzLjY4NDM0IDE5LjM2MTMgNy43NDk4M0wxOS42MTEzIDguMTgyODQiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPHBhdGggZD0iTTMuNDkzNTEgMTguMDY2MUw0LjIyNTU2IDE1LjMzNEw2Ljk1NzYxIDE2LjA2NjEiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPHBhdGggZD0iTTE3LjA0MjcgNy45MzRMMTkuNzc0OCA4LjY2NjA1TDIwLjUwNjggNS45MzQiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+') !important;
 }

.overview-filter-col .bootstrap-select .filter-option {
    padding-left: 2.25rem !important;
}
.bootstrap-select .dropdown-toggle .filter-option {
    height: 100% !important;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: 0.25rem 1rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle .filter-option {
    height: 2.625rem;
}
.bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle .filter-option {
    height: 2.25rem;
}

.form-control-border-light.bootstrap-select .dropdown-toggle, .form-control-border-light .bootstrap-select .dropdown-toggle .filter-option {
   border-color: var(--themeBgColor4);
}


.get-lab-certificates,.inventory_stone_videos{
    text-wrap: nowrap;
}
.bootstrap-select.form-control.form-control-lg {
    height: 2.625rem;
}

.bootstrap-select.form-control-sm {
    height: calc(2.25rem - 0px);
}

.bootstrap-select .show .dropdown-toggle {border-color: var(--secondary) !important;}
.dropdown-toggle::after, .dropup .dropdown-toggle::after {
    content: "\f107";
    font-family: 'FontAwesome';
    border: none;
    vertical-align: middle;
    font-weight: 900;
    font-size: 1.125rem;
    line-height: 1;
}
.dropup .dropdown-toggle::after{ transform:rotate(180deg)}

.save-btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.dropdown-toggle-right-icon {border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left: 1px solid var(--primaryHover); min-width: 2.25rem;}

.dropdown-toggle-right-icon:after {
    border-left: 1px solid var(--primaryHover);
    top: 0px;
    bottom: 0;
    right: 0;
    position: absolute;
    width: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

table.dataTable tbody td input[type=number]::-webkit-inner-spin-button, table.dataTable tbody td input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input[type='number'] { -moz-appearance: textfield; }
.dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_length label {align-items: center !important;display: flex !important;margin-bottom: 1.5rem;font-weight: normal;}
.dataTables_wrapper > table ~ .dataTables_length label {
    margin-bottom: 0.5rem;
}

span.arrow_up { position: absolute; right: 5px; bottom: calc(50% - 1px); display: block; line-height: 1; }
span.arrow_down { position: absolute; right: 5px; bottom: calc(50% - 8px); display: block; line-height: 1; }

span.arrow_up {
    position: absolute;
    right: 5px;
    bottom: calc(50% - 0px);
    line-height: 0.5;
}
span.arrow_down {
    position: absolute;
    right: 5px;
    bottom: calc(50% - 0.5rem);
    display: block;
    line-height: 0.5;
}
span.arrow_down.sorting_filter_table:after {
    font-family: 'FontAwesome';
    content: "\f107";
    font-weight: bold;
}
span.arrow_up.sorting_filter_table:after {
    font-family: 'FontAwesome';
    content: "\f106";
    font-weight: bold;
}
span.arrow_up.sorting_filter_table img, span.arrow_down.sorting_filter_table img {
    display: none;
}

.dataTables_scrollBody span.arrow_up { display: none; }
.dataTables_scrollBody span.arrow_down { display: none; }
table.dataTable thead th.sorting-enabled, table.dataTable thead th[class^="sorting"]:not(.sorting_disabled), table.dataTable thead th.sorting  {
    position: relative;
    padding-right: 20px !important;
}
.adv_search_btn { text-align: right; }
.adv_form_select { width: 100% !important; border-radius: 3.5px; }
.adv_loading_spinner { display: none; }
#adv_search_result_form { display: none; }
.form-control:focus, .bootstrap-select>.dropdown-toggle:focus { color: #175163; border-color: #175163; outline: 0; box-shadow: none !important; }
.bootstrap-select.form-control:focus { border: none !important; box-shadow: none !important; }
.custom-input-group { background: #fff; border-radius: .25rem; }
.custom-input-group .form-control, .custom-input-group .form-control:focus { border-color: transparent; border: none; padding-left: 0px; }
.custom-input-group .input-group-text { padding: 2px 9px !important; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #0e3946; background: none; border: none; border-radius: .25rem; outline: none;    /* width: 40px; */ }
.custom-input-group .input-group-append .search-icon  { border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important; padding-right: 12px !important; padding-left: 12px !important;}
.custom-input-group .input-group-append .search-icon   svg { width: 1.25rem; height: auto;}
.custom-input-group>.custom-select:not(:first-child), .custom-input-group>.form-control:not(:first-child) { border-radius: .25rem; }
.form-control::-moz-placeholder { color: var(--themecolor-500) }
.form-control::placeholder { color: #858585 }

.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }
.fa-angle-up:before { content: "\f106"; }
.custompadding { padding: 1.2rem 1.1rem; }
.customborder { border: 1px solid #e1e1e1; }
.color-white { color: #fff; }
.fontreg { font-family: 'Karla'; font-weight: 400;}
.fontmed { font-family: 'Karla'; font-weight: 500; }
.fontbold { font-family: 'Karla'; font-weight: 700;}
header { background: #175163; background: var(--primary); }
.toprow, .main-content { display: flex; position: relative; }
.main-content { min-height: calc(100vh - 100px); }
figure.logo {width: 270px;margin-bottom: 0px;padding: 0.25rem;}
svg.logo {
    max-width: 100%;
    height: auto;
}
figure.logo.logoin { padding-right: 5px; padding-left: 5px;  }

.sm-logo, .logoin .lg-logo { display: none; }
.logoin .sm-logo { display: block; }
.top-bar { flex: 1; padding: 4px 12px 4px 0;    /* padding: 0.75rem 0px; */ }
.backlink {
    background: var(--themeBgColor2);
    margin-left: -7px;
}

.backlink svg {
    min-width: 25px;
    min-height: 25px;
    cursor: pointer;
}
.backlink.menuarrow.actarrow svg {
    transform: rotate(180deg);
}
.expand-text, .sidebarin .collapse-text {
    display: none;
}
.sidebarin .expand-text {
    display: block;
    margin-top: 2px;
}
.sidebarin .backlink {display: block !important;}
.mobarrow:before { content: "\f0a9"; }
.actarrow img { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.topsearch-col {color: #000000;max-width: 500px;}

 .adv-srch-btn {
    padding-top: calc(.25rem + 0px);
    padding-bottom: calc(.25rem + 0px);
}
.adv-filter-btn.adv-srch-btn.header-advanced-search span {
    display: block;
    line-height: 1;
}
.adv-filter-btn.adv-srch-btn.header-advanced-search {
    border-radius: 0.25rem;
    padding: 0.3775rem 0.5rem;
}
.adv-filter-btn.adv-srch-btn.header-advanced-search
.adv-btn:not(:last-child) { margin-right: 2px; }
.adv-btn { padding-top: 5px; padding-bottom: 5px;  }
.adv-filter-col-for-user .adv-btn, .header-advanced-search {
text-transform: capitalize;
border-radius: 100px;
}
.table.dataTable td input.form-control, .table.dataTable td select.form-control  { padding-left: 4px; font-size: 0.85rem; padding-right: 4px; }
.bootstrap-select.form-control .dropdown-toggle, .bootstrap-select .dropdown-toggle .filter-option {
    font-size: 1rem;
}

.table.dataTable td .bootstrap-select>.dropdown-toggle {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.table.dataTable td .bootstrap-select .dropdown-toggle .filter-option-inner {
    font-size: 0.875rem;
}
.table.dataTable td .dropdown-toggle::after, .dropup .dropdown-toggle::after {
    font-size: 1rem;
}

.userlinks>ul>li.nav-item>a.nav-link {padding: 0px 0rem 0px 0;}
.userlinks>ul>li.nav-item:not(:first-child) {
    /* margin-left:1rem; */
    display: flex;
    gap: 8px;
    align-items: center;
}
.userlinks>ul>li.nav-item>.dropdown-toggle::after { display: none; }
.bars-dropdown a[aria-expanded="true"]:before { content: "\f00d"; }
.prof-dropdown a[aria-expanded="true"] em:before { content: "\f106"; }

/*.msg-dropdown .nav-link, .ntifction-dropdown  .nav-link, .bars-dropdown .nav-link {}*/
.userdropdown .nav-link { line-height: 2.1rem; font-size: 1.75rem; }
.userdropdown .nav-link img { width: 22px; min-width: 22px; }
.userdropdown .dropdown-menu {margin-top: 0.5rem;min-width: 20rem;background: #fff;padding: 0rem;
}
.userdropdown .dropdown-menu div#notifications {overflow-y: auto;padding: 1rem; /*height: min(700px, 70vh);  this is added on run time to fix the empty space  */
}
.userdropdown .dropdown-menu div#notifications::-webkit-scrollbar {width:5px;
}
.prof-dropdown .dropdown-menu { margin-top: 0.75rem;  color: #000000; }
.usercol+.usercol {border-top: 1px solid var(--themeBgColor1);
}
.usercol>a { padding: 1rem 0.5rem; font-size: 1rem; border-radius: 0.25rem; }

.usercol>a:hover, .unreadnotinfo a:hover {background: var(--themeBgColor1);
}
.usercol+.usercol:hover {border-color: transparent;
}
.usercol img { width: 40px; height: 40px; border-radius: 50%; float: left; }
.user-data { padding-left: 10px; font-size: 0.9rem; }
.message { font-size: 13px; }
.notiflink { display: block; }
.notifi-name { margin-bottom: 1px; }
.notifi-date { color: #5286a5; display: inline-block; margin-top: 3px; }
.notificCounter {min-width: 1.215rem;line-height: 1.215rem;/* top: -0.4rem; */right: -0.4rem;font-size: 0.8rem;
}
.bg-info-adv{ background-color: #C2528F !important;}
.prof-dropdown .username { margin-right: 0.6rem; }
.userlist .dropdown-divider { border-top: 1px solid #eef4f6; }
.user-profile-dropdwon .dropdown-item {padding: 0.25rem 0px;background: none !important;
}
.dropdown-menu.user-profile-dropdwon .dropdown-item:hover, .dropdown-menu.user-profile-dropdwon .dropdown-item:focus {
    /* color: var(--primaryHover) !important; text-decoration: underline; */
    color: var(--primary-nav-blue-500, #2554C7);
    background: var(--primary-shades-blue-blue-50, #E7EDF2) !important;
    border-radius: 0px;
}
.scanto-dropdown button:after {display: block !important;margin-left: 0.5rem;
}
.bars-dropdown .dropdown-menu { padding: 12px 12px; }
.openinv { margin-left: -12px; margin-right: -12px; }
.bars-dropdown h6 { font-size: 1.2rem; margin-bottom: 8px; }
.bars-dropdown .table td { padding: .7rem .5rem; vertical-align: top; border-top: none; border-bottom: 1px solid #175163; line-height: 1.3; }
.bars-dropdown .openinv { margin-bottom: 1.8rem; }
.bars-dropdown .table tr td:first-child { padding-left: 12px; }
.bars-dropdown .table tr td:last-child { padding-left: 12px; }
.bars-dropdown .table td a { text-decoration: underline }

.sidebar {z-index: 100;font-size: 1rem;top: 97px;bottom: 0px;padding-right: 2px;/*position: fixed;*/top: 0;
}
/* .sidebar, .sidebarbg, figure.logo { width: 240px; } */
.sidebarbg {position: fixed;background: #fff;bottom: 0;left: 0px;right: 0px; z-index: -10;border-right: 2px solid #2554C7;}

.sidebarnav {padding: 0px 0px 57px;position: fixed;top: 0px;bottom: 0px; /*overflow-y: auto;*/
}
.sidebarin .sidebarnav { overflow-y: visible;}
.sidebarnav::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;
}
.sidebar .sidebarnav::-webkit-scrollbar {width:8px;
}
.sidebarnav ul {width: 100%;padding-top: 1.5rem;margin: 0 0px auto; padding-left: 8px; padding-right: 8px;  /* this is for screen greater then 1200 px */
}
.adminsidebarnav .admin-ul {width: 100%;padding-top: 1rem;margin: 0 0px auto 12px; padding-left: 0px; padding-right: 0px;  }
.sidebarnav ul>.nav-item {position: relative; margin-bottom: 0.1rem;margin-top:0.1rem; margin-right: 0rem; padding: 0 0 1px 0; border-radius: 0.25rem ; }  /* this is for the screen grater then 1200px */
.adminsidebarnav .admin-ul .nav-item {margin-right: 1rem;}
.sidebarnav ul .nav-link span {padding-left: 0.3rem;display: block;padding-top: 0px;}
.sidebarnav ul .nav-link {width: 100%;position: relative;color: var(--themecolor);display: flex;line-height: 1.625; padding-left: 16px; padding-top: 8px;padding-bottom: 7px;}
.adminsidebarnav ul .nav-link {width: 100%;position: relative;color: var(--themecolor);display: flex;line-height: 1.625; padding-left: 4px; padding-top: 8px;padding-bottom: 7px;}

.sidebarnav.sidebarin ul .nav-link {
    padding-bottom: 0.7rem; padding-top: 0.7rem;
}
.sidebarnav.sidebarin .nav-link em {
    margin-top: 0.75rem;
    line-height: 1.5;
}
/* .sidebarnav ul li a.nav-link svg * {
    stroke: var(--themecolor);
} */
.sidebarnav ul li a.nav-link svg {width: 1.5rem;min-width: 1.5rem;height: auto;}
.sidebarin .sidebarnav ul li a.nav-link svg {margin: 0px auto;}
.sidebarnav ul .nav-item:before, .sidebarnav ul .nav-item:after, .sidebarnav ul .nav-link:before, .sidebarnav ul .nav-link:after { content: ''; display: table; clear: both; border: none; }
.sidebarnav .dropdown.show .nav-link:hover, .sidebarnav .dropdown.show .nav-link:focus, .sidebarnav li:hover .nav-link, .sidebarnav li:focus .nav-link, .sidebarnav .nav-link:hover, .sidebarnav .nav-link:focus, .sidebarnav .nav-item.active>a, .sidebarnav ul>.nav-item.show>a, .sidebarnav ul>.nav-item.show .dropdown-item.active, .sidebarnav ul>.nav-item.show .dropdown-item:active {
    background: none;
    color: #fff;
    /* this is the background Color :  */
}
.admin-ul .dropdown.show .nav-link:hover, .admin-ul .dropdown.show .nav-link:focus, .admin-ul li:hover .nav-link, .admin-ul li:focus .nav-link, .admin-ul .nav-link:hover, .admin-ul .nav-link:focus, .admin-ul .nav-item.active>a, .admin-ul ul>.nav-item.show>a, .admin-ul ul>.nav-item.show .dropdown-item.active, .admin-ul ul>.nav-item.show .dropdown-item:active {
    background: #cedae3;
    border-radius: 4px;
    color: #000000;
}
/* .admin-ul .dropdown-menu.show {
    padding-top: 1rem;
    padding-bottom: 1rem;
} */
.admin-ul a.dropdown-item {
    padding-top: 4px;
    padding-bottom: 4px;
}
.sidebarnav .nav-link:hover svg *, .sidebarnav .nav-link:focus svg *, .sidebarnav .nav-item.active .nav-link svg * {
    stroke: #fff;
    /* we have change this line. this is for the selected one . */
}

.sidebarnav .dropdown-toggle::after { display: none !important; }
.sidebarnav ul .dropdown.show .dropdown-toggle em:before { content: "\f106"; }

.sidebarnav ul .nav-link > em.fa {background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat no-repeat;background-position: center center;background-size: auto;width: 1rem;height: 1rem;right: 0rem;transform: rotate(0deg);position: absolute;top: calc(50% - 0.5rem);font-weight: bold;
}

.sidebarnav ul .nav-item.show .nav-link > em.fa {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10L8 6L4 10' stroke='%230C4475' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
.sidebarin .sidebarnav ul .nav-link em.fa {left: 0rem;margin-top: 0px;transform: rotate(-90deg); margin-left: 48px;}
.sidebarin .sidebarnav ul .nav-link {text-align: center;justify-content: center;
}
.sidebarnav ul .nav-link > em.fa:before {
display:none
}
.sidebarnav .nav-link:hover em, .sidebarnav .nav-link:focus em, .sidebarnav .nav-item.active .nav-link em {color: var(--primary);
}
.sidebarnav ul .nav-link>img {width: 1.5rem;min-width: 1.5rem;transition: all .5s ease 0s;align-self: center;}
.sidebarnav ul .nav-link:hover>.iconOnhover, .sidebarnav ul>.nav-item.active .nav-link>.iconOnhover { display: block; }
.sidebarnav ul .nav-link>.iconOnhover, .sidebarnav ul .nav-link:hover>.sidebarIcon, .sidebarnav ul>.nav-item.active .nav-link>.sidebarIcon { display: none; }
.sidebarnav .dropdown-menu {position: absolute;left:calc(100% + 13px);top: -10px;margin-top: 0px;background: #fff;border-radius: 0.25rem;border: none;max-height: 135vh;overflow-y: auto;padding-top: 0.5rem;padding-bottom: 0.2rem;box-shadow: 5px 8px 24px rgba(0, 0, 0, 0.1);margin-left: 0.25rem;}
.sidebarnav .dropdown-item {padding: 0rem 1rem; white-space:nowrap;font-weight: 400; font-size: 1rem;}
.sidebarnav .nav-item.click-color, .sidebar .nav-item.active{
    color: var(--primary) !important;
}
.sidebarnav .nav-item.click-color, .sidebar .nav-item.active .nav-link,.sidebar .collapse-item.active{
    color: var(--primary) !important;
    background-color: #2554C70D;
    border-radius: 8px;
}
.sidebar .nav-item.active svg path {
    stroke: var(--primary) !important;
}

/* .sidebar .nav-item.active>div>a{
    color: #fff;
} */

.sidebarnav .dropdown-item:last-child {
    margin-bottom: 0rem;
 }
 /* aside:not(.sidebarin) .sidebarnav .dropdown-menu > *, aside:not(.sidebarin) .sidebarnav .dropdown-menu .sub-dropdown-menu > * {
    /* margin-top: 0.5rem;
} */
.report-block {
    margin-right:1rem;
    display: none;
    height: 100vh;
    /* width: 16.25rem; position: fixed; left: 17.5%; background: white; height: 100vh;overflow-y: auto; box-shadow: 5px 8px 24px rgba(0, 0, 0, 0.1); top: 50px;
    overflow: hidden; flex-direction: column; z-index: 10; display: none; */
}
.report-block div.report-inner {
    position: absolute;
    z-index: 10;
    background-color: white;
    height: calc(100% - 3rem);
    overflow-y: auto;
    /* width: 16.25rem; */
    border-top-left-radius: 8px;
}
.report-block span.dropdown-item,.report-block a.dropdown-item {
    padding-top : .5rem;
    color: #333;
}
 .report-block svg{
    margin-top: .5rem;
}
.report-block svg#report-direction{
    position:fixed;
    left: 16rem;
    /* bottom: 0.7rem; */
    cursor: pointer;
    z-index: 123;
}
.sidebarin .sidebarnav .dropdown-menu > *:not(:first-child),
.sidebarin .sidebarnav .dropdown-menu .sub-dropdown-menu > *:not(:first-child) {
    margin-top: 0.5rem;
}
.sidebarnav .sub-dropdown .dropdown-item {
    display: flex;
}

.sidebarnav .dropdown-menu .sub-dropdown-menu {padding-bottom: 0.25rem;}
/* .sidebarnav .drp-counter .dropdown-item {padding-right: 4rem;position: relative;} */
/* .sidebarnav .dropdown-item:hover, .sidebarnav .dropdown-item:focus { background: #0e3946;    color: #fff; background: none;     color: var(--primary); } */
.sidebarin .sidebarnav ul .dropdown .dropdown-toggle em:before { content: "\f105"; }
.sidebarin .sidebarnav ul .dropdown.show .dropdown-toggle em:before { content: "\f104"; }
.sidebarin .sidebarnav ul .nav-link span {display:none;opacity: 0;transform: translate3d(-25px, 0, 0);height: 0;padding-left: 0;/* width: 0; */overflow: hidden;}

.sidebarin .sidebarnav ul .nav-link img {

    margin-right: auto;
    margin-left: auto;
}
.sidebarin .dropdown-menu {position: absolute;left:calc(100% + 13px);top: 0px;margin-top: 0px;background: #fff;border-radius: .25rem ;border: none;max-height: 135vh;overflow-y: auto;padding-top: 0.7rem;padding-bottom: 0.2rem;box-shadow: 5px 8px 24px rgba(0, 0, 0, 0.1); margin-left: .25rem;}
.sidebarin .sidebarnav .dropdown-item {padding: 0.1rem 1rem;padding: 0rem 1rem;white-space: nowrap;/* margin: 0.25rem 0; */font-weight: 400;font-size: 1rem; color: #000000; }
/* .sidebarin .sidebarnav .drp-counter .dropdown-item {padding-right: .5rem;} */
.sidebarnav .sub-dropdown-menu { padding-left:0.85rem}
.sidebarnav .sub-dropdown-menu .dropdown-item {
    padding-left: 1.75rem;
}
.sidebarin .sidebarnav .sub-dropdown .dropdown-item {
    padding-right: 2.5rem;
    padding-left: 1rem;
}
.linkcounter {position: absolute;background: #5bd6fc;background: #0a4476;color: #fff;right: 1rem;/* right: 0; */padding: 1px 5px;border-radius: 1px;font-size: 0.75rem;top: calc(50% - 0.55rem);border-radius: 3px;}

.sidebarin .sidebarnav span.linkcounter {
    right: 0.75rem;
}
.right-content #topsearches { display: none !important; }

.right-content {
    line-height: 1.625;
    flex: 1;
    padding: 1.5rem 1.25rem 3.5rem;
    position: relative;
    width: calc(100% - 240px);
}
.right-content.general-setting-content {
    padding-left: 20rem;
}
.right-content-in { padding-left: 0px }
.search-col .custom-input-group { border-radius: 50px; border: 2px solid #e1e1e1; overflow: hidden; }
.search-col .custom-input-group .input-group-text { padding: 3px 9px 3px 12px; }
.overviewboxlist {

 margin-right: -1rem;

 margin-left: -1rem;


 background: #f6f9fa;

 padding: 1rem 0px;

}
.overviewboxlist li {font-size: 1rem;width: 100%;margin: 0 1%;padding: 1.3rem 1rem;font-size: 1rem;position: relative;border-bottom: 3px solid #e3e3e3;color: #175163;min-height: 93px;margin: 0 7.5px 15px!important;width: calc(20% - 15px);
}
.rc-active .overviewboxlist li {width: calc(25% - 15px);
}
.overviewboxlist li:after {position: absolute;content: "";width: 100%;height: 3px;bottom: -3px;left: 0;
}
/* .overviewboxlist li:nth-child(2):after {background: #12abe3;
}
.overviewboxlist li:nth-child(3):after {background: #626de5;
}
.overviewboxlist li:nth-child(4):after {background: #ff5567;
}
.overviewboxlist li:nth-child(5):after {background: #ffae36;background: #f69300;
} */
.overviewboxlist.user-box-list { margin-left: -7.5px; margin-right: -7.5px; }
.overviewboxlist.user-box-list li { margin-left: 7.5px !important; margin-right: 7.5px !important;    box-shadow: 0px 0px 3px 1px #e5e5e5; }

.entriesbg .invoices-tabs.nav-tabs .nav-item {
	position: relative; z-index: 10;
	 }
span.dashboard-value { font-size: 1.3rem; line-height: 1.2; color: #647676; }
.backBtnImg i { font-size: 1.25rem;}
.file-upload { width: 230px; }

.invoice-btn:hover, .invoice-btn:focus, .header-invoice-btn:hover, .header-invoice-btn:focus, .covert-to-invoice-btn:hover, .covert-to-invoice-btn:focus { background: #989500; color: #ffffff; border-color: #989500; }
.user-filter-col .header-memo-btn, .user-filter-col .header-invoice-btn, .user-filter-col .header-list-btn, .user-filter-col .user-search-btn { min-width: 105px; }

.entriestable thead th {
    white-space: nowrap;
}
.entriestable tbody tr td { vertical-align: middle; }
.table-list-tabs thead th { white-space: normal; }
.enable-btn { width: initial !important; white-space: wrap; }
.dataTables_wrapper > table.dataTable thead th, .dataTables_wrapper > table.dataTable thead td {/* padding: 0.5rem 0.5rem; */}
.dataTables_wrapper .dataTables_filter {}
.dataTables_wrapper .dataTables_filter label {align-items: normal !important;
}
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {outline: none;margin-left: 0.5em;/* margin-right: 0.5em; */display: block;width: 100%;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid var(--themecolor-500);/* border-color: var(--themecolor-500); */border-radius: .25rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;height: 2rem;height: 2.25rem;padding: .15rem .5rem;}
 .dataTables_wrapper .dataTables_length select {margin-right: 0.5em;background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat no-repeat;background-position: center right 0.5rem;background-size: 1rem;padding-right: 1.75rem;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;padding: 0.15rem 1.75rem 0.15rem 0.75rem;width: auto;
 }
.dataTables_wrapper .dataTables_filter input:focus { }
.dataTables_wrapper .dataTables_filter input {max-width: 205px;
}
.custom-checkbox1, .dataTable .custom-control.custom-checkbox { /* padding-left: 14px;  */ padding-left: 1rem;
}
.table.dataTable td .custom-checkbox .custom-control-label::before, .table.dataTable th .custom-checkbox .custom-control-label::before {left: -1rem;
}
.table.dataTable td .custom-checkbox .custom-control-label::after, .table.dataTable th .custom-checkbox .custom-control-label::after {left: -1rem;
}
/* table Style Starts here */
.dataTables_wrapper > table.dataTable {border: none;
}
.dataTables_wrapper > table.table:not(.table-striped) thead {background-color: var(--themeBgColor2) !important;border: none !important;}
.dataTables_wrapper > table.table thead th, .dataTables_wrapper > table.table thead td {font-weight: bold;}
.dataTables_wrapper table.table thead.font-weight-medium th, .dataTables_wrapper table.table thead.font-weight-medium td {font-weight: 500;}
.dataTables_wrapper > table.dataTable tbody th, .dataTables_wrapper > table.dataTable tbody td, .dataTables_wrapper > table.dataTable tfoot td, .dataTables_wrapper > table.dataTable.display tbody td {/* padding: 0.5rem 0.5rem; */border: none;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {color: inherit;
}
.history-table-col .dataTables_wrapper .dataTables_length:first-child {float: right !important;width: auto;padding-top: 0px !important;margin-left: 0.75rem;
}

.dataTables_scrollHead  table.dataTable thead th, .dataTables_scrollHead  table.dataTable thead td {border-bottom: none !important;
}
.zebra-table thead, table.table-striped thead, table.table-striped thead.thead-bg-1 {border: none !important;background-color: var(--themeBgColor1) !important;
}

body table.table-striped thead.bg-transparent  { background-color: transparent !important;}

.get-products-table table.table-striped thead {border: none !important;background-color: transparent !important;
}
.zebra-table thead, table.table-striped thead.thead-bg-2 {background-color: var(--themeBgColor2) !important;
}
table.table-bordered thead tr th, table.table-bordered thead tr td, table.table-bordered tbody tr th, table.table-bordered tbody tr td {border: 1px solid var(--themecolor5) !important;
}
.dataTables_wrapper .dataTables_scrollBody table.table-bordered thead tr th {border:none !important;padding-top: 0px !important;padding-bottom: 0px !important;}

table.dataTable thead td, table.dataTable thead th, table.dataTable tbody td, .dataTables_scrollBody tfoot.add-tfooter tr th, .dataTables_scrollBody tfoot.add-tfooter tr td, .dataTables_scrollFoot tfoot tr td, .dataTables_scrollFoot tfoot tr th, .table thead th, .table tbody td {padding: 0.5625rem 0.5rem;
}
table.dataTable thead.font-weight-bold td, table.dataTable thead.font-weight-bold th, table.dataTable tbody.font-weight-bold td {font-weight: bold;
}
table.dataTable thead.thead-lg td, table.dataTable thead.thead-lg th {padding-top: 1rem; padding-bottom: 1rem;
}
table.table-striped.dataTable.stripe tbody tr.odd, table.table-striped.dataTable.display tbody tr.odd, table.table-striped tbody tr:nth-child(odd), table.table-striped tbody tr:nth-of-type(odd) {background-color: #ffffff;
}
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even, table.table-striped tbody tr:nth-child(even) {background-color: #F0F0F0;
}

table.dataTable.stripe tbody tr.odd:hover, table.dataTable.display tbody tr.odd:hover, table.table tbody tr:nth-child(odd):hover, table.dataTable.stripe tbody tr.even:hover, table.dataTable.display tbody tr.even:hover, table.table tbody tr:nth-child(even):hover {background-color: #CEDAE3;
}
table.table-striped thead tr th, table.table-striped thead tr td, table.table-striped tbody tr td, table.table-striped tfoot tr td, table.table-striped tfoot tr th {border: none !important;
}
table.dataTable, table.dataTable.no-footer, .dataTables_wrapper.no-footer .dataTables_scrollBody {border-bottom: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {min-width: 2rem;padding: 0.2rem 0.5rem;margin-left: 2px;color:var(--themecolor-600) !important;border: 1px solid transparent;border-radius: 0.25rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {color: #666666 !important;background: #F0F0F0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {border-color: var(--themecolor-600) !important;border-color: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {font-weight: 500;font-style: normal !important;background: none !important;border: none !important;box-shadow: none !important;color: var(--primary) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {color: var(--secondry) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {color: #6D8FAC !important;
}
.table-responsive > .dataTables_wrapper {/* margin-bottom: 0.75rem; */
}
.dataTables_scrollBody table.table thead tr th.sorting:after, .dataTables_scrollBody table.dataTable thead .sorting_desc:after, .dataTables_scrollBody table.dataTable thead .sorting_asc:after { display:none}

table.dataTable tbody tr.selected {background-color: var(--themeBgColor1);background-color: var(--themeBgColor2);}
table.dataTable tbody tr.selected .globe-svg-icon *, table.dataTable tbody tr.selected .publish-svg-icon * {

 ke: var(--secondary);
}
.dataTables_scrollHeadInner th:first-child .custom-control.custom-checkbox {padding-left: 1.5rem !important;
}
.dataTables_scrollHeadInner th:first-child .custom-control .custom-control-label:before, .dataTables_scrollHeadInner th:first-child .custom-control .custom-control-label:after {left: -1.5rem !important;
}
.summary-table-col table tfoot.summary-footer-total td {color: var(--primary);padding-top: 1rem;padding-bottom: 0.5rem;
}
.summary-table-col table tfoot.summary-footer-border td {border-bottom: 1px solid #CEDAE3 !important;
}
.entriestable .icons { width: 100px; text-align: center; }
.catalogue-btn-group .btn.btn-with-img:not(:hover) {background: none;
}
.actionicon { display: flex; justify-content: center; align-items: center;  text-align: center; border-radius: 0px;
}
.selected-item-btn {margin-bottom: 0.25rem;padding: 6px 8px !important;font-size: 1rem;border-radius: 0.25rem;}
.remove-selection { padding: 3px 6px !important; }
.remove-selection img { max-width: 13px !important; }
.icons.actionIcons { width: auto; }
.icons.actionIcons a:not(:last-child) { margin-right: 0.5rem; }
table.DTCR_clonedTable.dataTable { position: absolute !important; background-color: rgba(255, 255, 255, 0.7); z-index: 202 }
div.DTCR_pointer { width: 1px; background-color: #0259C4; z-index: 201 }
.disabledIcon, .disabledIcon:focus { border-color: #9d9999fa; color: hsl(240deg 2% 87%); font-size: 1.55rem; }
.publishedIcon, .disabledIcon:hover, .publishedIcon:focus { border-color: #029eb8; color: #029eb8; font-size: 1.55rem; }
table.dataTable tbody tr.selected .disabledIcon, table.dataTable tbody tr.selected .publishedIcon:hover { color: hsl(0deg 2% 82%); border-color: #939dbd; font-size: 1.55rem; }
table.dataTable tbody tr.selected .publishedIcon, table.dataTable tbody tr.selected .disabledIcon:hover { border-color: #029eb8; color: #029eb8; font-size: 1.55rem; }
.table.dataTable th select.form-control, .table.dataTable th input.form-control { min-height: 30px; }
.catalogue-btn-group img { max-width: 20px; }
.catalogue-btn-group-excel img { max-width: 20px;}
.catalogue-btn-group-excel .excelBtnImg{ border-color: #4db350;float: right; }
.logistics-send-stones { border-color: #4fc2f8; }
.logistics-send-stones:hover { background-color: rgb(79 194 248 / 25%); }
.catalogue-btn-group .deleteBtnImg { border-color: #f23320; }
.catalogue-btn-group .deleteBtnImg:hover, .catalogue-btn-group .deleteBtnImg:active, .catalogue-btn-group .deleteBtnImg:focus { background: rgba(242, 51, 32, 0.47); }
.catalogue-btn-group .invoiceBtnImg { border-color: #7a9948; }
.catalogue-btn-group .invoiceBtnImg:hover, .catalogue-btn-group .invoiceBtnImg:focus { background: rgba(122, 153, 72, 0.47); }
.catalogue-btn-group .unpublishBtnImg { border-color: #b20e00; }
.catalogue-btn-group .unpublishBtnImg:hover, .catalogue-btn-group .unpublishBtnImg:focus { background: rgba(178, 14, 0, 0.47); }
.catalogue-btn-group .publishBtnImg, .copy-list-btn { border-color: #00a616; }
.catalogue-btn-group .publishBtnImg:hover, .catalogue-btn-group .publishBtnImg:focus, .copy-list-btn:hover, .copy-list-btn:focus { background: rgba(0, 166, 22, 0.47); }
.catalogue-btn-group .printBtnImg, .changelocationBtnImg { border-color: #0782d3; }
.catalogue-btn-group .printBtnImg:hover, .catalogue-btn-group .printBtnImg:focus, .changelocationBtnImg:hover, .changelocationBtnImg:focus { background: rgba(7, 130, 211, 0.46); }
.catalogue-btn-group .listBtnImg { border-color: #d68100; }
.catalogue-btn-group .listBtnImg:hover, .catalogue-btn-group .listBtnImg:focus { background: #ecd3ac; }
.catalogue-btn-group .memoBtnImg { border-color: #28928a; }
.catalogue-btn-group .memoBtnImg:hover, .catalogue-btn-group .memoBtnImg:focus { background: rgba(40, 146, 138, 0.47); }
.catalogue-btn-group .split-btn { border-color: #570198; }
.catalogue-btn-group .split-btn:hover, .catalogue-btn-group .split-btn:focus { background-color: rgba(134, 42, 189, 0.47); }
.catalogue-btn-group .transform-btn { border-color: #862abd; }
.catalogue-btn-group .transform-btn:hover, .catalogue-btn-group .transform-btn:focus { background-color: rgba(165, 89, 222, 0.45); }
.catalogue-btn-group .transformBtnImg { border-color: #862abd; }
.catalogue-btn-group .transformBtnImg:hover, .catalogue-btn-group .transformBtnImg:focus { background-color: rgba(165, 89, 222, 0.45); }
.catalogue-btn-group .exportBtnImg { border-color: #c29f0d; }
.catalogue-btn-group .exportBtnImg:hover, .catalogue-btn-group .exportBtnImg:focus { border-color: #c29f0d; background-color: #dbcd91; }
.catalogue-btn-group .exportpdfBtnImg { border-color: #e76a5c; }
.catalogue-btn-group .exportpdfBtnImg:hover, .catalogue-btn-group .exportpdfBtnImg:focus { border-color: #e76a5c; background-color: #dc935f94; }
.catalogue-btn-group .excelBtnImg { border-color: #4db350; }
.catalogue-btn-group .excelBtnImg:hover, .catalogue-btn-group .excelBtnImg:focus { border-color: #4db350; background-color: #b0e8b2; }
.catalogue-btn-group .backBtnImg { border-color: #0168bc; }
.catalogue-btn-group .backBtnImg:hover, .catalogue-btn-group .backBtnImg:focus { border-color: #0168bc; background-color: #74a7ce; }
.catalogue-btn-group .voidBtnImg { border-color: #e02da7; }
.catalogue-btn-group .voidBtnImg:hover, .catalogue-btn-group .voidBtnImg:focus { border-color: #e02da7; background-color: #dca9cc; }
.catalogue-btn-group .historyBtnImg { border-color: #f54878; }
.catalogue-btn-group .historyBtnImg:hover, .catalogue-btn-group .historyBtnImg:focus { background: rgba(229, 139, 164, 0.52); }
.catalogue-btn-group .sendlabBtnImg { border-color: #f12814; }
.catalogue-btn-group .sendlabBtnImg:hover, .catalogue-btn-group .sendlabBtnImg:focus { background: rgba(255, 147, 138, 0.78); }
.catalogue-btn-group .restockBtnImg { border-color: #862abd; }
.catalogue-btn-group .restockBtnImg:hover, .catalogue-btn-group .restockBtnImg:focus { background: rgba(194, 126, 184, 0.66); }
.catalogue-btn-group .receiveBtnImg { border-color: #9baf01; }
.catalogue-btn-group .receiveBtnImg:hover, .catalogue-btn-group .receiveBtnImg:focus { background: rgb(214, 225, 135); }
.catalogue-btn-group .closesplitBtnImg { border-color: #0079d9; }
.catalogue-btn-group .closesplitBtnImg:hover, .catalogue-btn-group .closesplitBtnImg:focus { background: rgb(162, 197, 225); }
.catalogue-btn-group .cleargemBtnImg { border-color: #e02e00; }
.catalogue-btn-group .cleargemBtnImg:hover, .catalogue-btn-group .cleargemBtnImg:focus { background: rgb(220, 147, 128); }
.catalogue-btn-group .addgemBtnImg { border-color: #00af00; }
.catalogue-btn-group .addgemBtnImg:hover, .catalogue-btn-group .addgemBtnImg:focus { background: rgb(140, 220, 140); }
.catalogue-btn-group .createLinkBtnImg { border-color: #ffa534; }
.catalogue-btn-group .createLinkBtnImg:hover, .catalogue-btn-group .createLinkBtnImg:focus { background: rgb(255, 228, 143); }
.catalogue-btn-group .resetLinkBtnImg { border-color: #2f399a; }
.catalogue-btn-group .resetLinkBtnImg:hover, .catalogue-btn-group .resetLinkBtnImg:focus { background: rgb(214, 202, 188); }
.catalogue-btn-group .previewLinkBtnImg { border-color: #d7375f; }
.catalogue-btn-group .previewLinkBtnImg:hover, .catalogue-btn-group .previewLinkBtnImg:focus { background: rgb(210, 163, 168); }
.catalogue-btn-group .editLinkBtnImg { border-color: #5dba77; }
.catalogue-btn-group .editLinkBtnImg:hover, .catalogue-btn-group .editLinkBtnImg:focus { background: rgb(178, 231, 178); }
.catalogue-btn-group .deactiveLinkBtnImg { border-color: #952b7b; }
.catalogue-btn-group .deactiveLinkBtnImg:hover, .catalogue-btn-group .deactiveLinkBtnImg:focus { background: rgb(206, 171, 191); }
.catalogue-btn-group .mergeBtnImg { border-color: #952b7b; }
.catalogue-btn-group .mergeBtnImg:hover, .catalogue-btn-group .mergeBtnImg:focus { background: rgb(206, 171, 191); }
.catalogue-btn-group .convertmemoBtnImg { border-color: #70b6b1; }
.catalogue-btn-group .convertmemoBtnImg:hover, .catalogue-btn-group .convertmemoBtnImg:focus { background: #70b6b1; }
.catalogue-btn-group .unPublishBtnImg { border-color: #b31103; }
.catalogue-btn-group .unPublishBtnImg:hover, .catalogue-btn-group .unPublishBtnImg:focus { background: rgba(147, 33, 24, 0.51); }
.catalogue-btn-group .pairBtnImg { border-color: #8c69ad; }
.catalogue-btn-group .pairBtnImg:hover, .catalogue-btn-group .pairBtnImg:focus { background: rgb(151 114 174 / 52%); }
.topsearches .sugCont { color: #0e3946; position: absolute; background-color: #fff;
    display: block; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); z-index: 9; overflow-y: auto; border: 1px solid #c5c5c5; width: calc(100% - 30px) !important; }
.sugCont li.category { padding: 5px; color: #adadad; margin-bottom: 1px; font-size: 12px; }
.jb_title .sugTouple {padding: 10px 10px 0 10px;margin-bottom: 10px;color: #000;background: 0 0;cursor: pointer;white-space: normal;font-size: 0.875rem;}
.searchLoader { color: #175163; position: absolute; font-size: 1.5rem; right: 10px; top: 0.5rem; z-index: 100; }
.stone_detailbg { background: #175163; }
.detailboxlist { margin-left: -0.75%; margin-right: -0.75%; }
.detailboxlist li { width: 25%; margin-left: 0.75%; margin-right: 0.75%; }
.detailboxlist li h6 { font-size: 2rem; }
.stonedetail-title { position: relative; padding: 10px 25px; margin-left: -25px; -o-box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); color: #ffffff; font-size: 15px; background: #175163; display: inline-block; }
.stonedetail-title.stoneOverview { background: #1a7692; }
.stonedetail-title.stoneOverview:before { border-color: #1a7692 transparent transparent; }
.stonedetail-title:before { content: " "; border-style: solid; border-width: 10px; display: block; position: absolute; bottom: -10px; left: 0; margin-bottom: -10px; z-index: 0; border-color: #175163 transparent transparent; border-right: 15px; }
.maintitle {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: lowercase
}
.back-button {
     width:2rem; height:2rem;
}

.maintitle:not(.maintitle-lg):not(.maintitle-md) {
    font-size: 1.5rem
}
.maintitle:first-letter {
    text-transform: capitalize
}

.maintitle-lg {
    font-size: 2.5rem;
    line-height: 1.25
}

.maintitle-md {
    font-size: 1.75rem;
    line-height: 1.429
}

.btn.backBtnImg {
    background-color: transparent
}

.backBtnImg {
    display: inline-flex;
    font-weight: 500;
    align-items: center
}

.backBtnImg:not(.back-to-crm) svg {
    width: 1.5rem;
    height: 1.5rem
}

.title-right-col .btn {

padding: 0.5rem 1rem;
}

.adv_search_row button.dropdown-toggle { height: 39px; }
.dropdown.bootstrap-select > .dropdown-menu {
    min-width: 100% !important;
    max-width: 500px;
    max-height: none !important;
    /* border-color: var(--themecolor-500); */
    border-color: #E0E0E0;
}

.bodyheight .dropdown.bootstrap-select > .dropdown-menu {
    max-height: 180px !important;
    min-height: auto !important; padding: 0.25rem;
}
.bodyheight .dropdown.bootstrap-select .dropdown-item {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.9rem;
}
.bodyheight .dropdown.bootstrap-select input.form-control {
    height: 2rem;
}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {
    padding: 0px 0px 0.5rem;
}
#bulk-update-property .dropdown.bootstrap-select .dropdown-item {
    text-transform: none;
}

.dropdown.bootstrap-select .dropdown-menu.inner {
    padding: 0px 0px;
}
.dropdown.bootstrap-select .dropdown-item {
    color: var(--themecolor);
    border-radius: 0.25rem;
    padding: 0.4375rem 0.75rem;
}
.dropdown.bootstrap-select .dropdown-item::first-letter, .dropdown.bootstrap-select .dropdown-item *::first-letter {
    text-transform: capitalize;
}
.dropdown.bootstrap-select .dropdown-item.active, .dropdown-item:active {
    color: var(--secondary);
    background-color: var(--themeBgColor1);
}
.bootstrap-select > .dropdown-menu > .inner {
    max-height: 240px!important;
}
.bootstrap-select > .dropdown-menu > .inner::-webkit-scrollbar {
    width:1rem;
}
.bootstrap-select > .dropdown-menu > .inner::-webkit-scrollbar-track {
    background: var(--themeBgColor1);  border-radius: 30px;
}
/* Handle */
.bootstrap-select > .dropdown-menu > .inner::-webkit-scrollbar-thumb {
      background: var(--primaryHover);
    border-radius: 30px;
    border: 0.25rem solid var(--themeBgColor1);
}
/* Handle on hover */
.bootstrap-select > .dropdown-menu > .inner::-webkit-scrollbar-thumb:hover {
    background: var(--secondaryHover);
}
div.dt-button-collection {width: 870px!important;overflow: auto!important;left: calc(50% - 435px)!important;top: 8vh!important;position: fixed!important;transform: translateY(50%);max-height: calc(100vh - 70px);
}
div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button { width: 24% !important; display: inline-block !important; }
.dataTables_length {float: right !important;margin-left: 10px;}
.ref-number.form-control { font-size: 0.8rem; }
.invoiceImg { max-width: 150px;min-width: 150px; }
.invoiceImg img { padding: 3px; width: 100%;}
.invoiceDetail, .customerDetail { /*font-size: 0.95rem */}
.dblclk-edit, .inv-broker-name, .inv-broker-fee, .inv-bank, .inv-note, .inv-discount, .inv-discount-type, .inv-vat, .inv-shipping, .memo-broker-name, .inv-unit-price, .inv-total-price, .memo-total-price, .memo-unit-price, .list-unit-price, .list-total-price, .list-bank, .list-discount, .list-discount-type, .list-vat { font-style: italic; }
.thead-checkbox { padding-left: 0px !important; padding-top: 1rem; }
.thead-checkbox .custom-control-label::before, .thead-checkbox .custom-control-label::after { top: 0; left: 50%; margin-left: -0.5rem; }
#search_filters { padding-right: 0px !important; }
#search_filters .modal-dialog { max-width: calc(1050px - 30px); }

.thead-checkbox  { padding-left: 1rem !important; padding-top: 0rem; }
.thead-checkbox .custom-control-label::before, .thead-checkbox .custom-control-label::after {
    top: calc(50% - 0.5rem);
    left: 0%;
    margin-left: 0rem;
}
.thead-checkbox .custom-control {
    min-height: 1rem;
}

/* badge design starts here */
.badge {font-weight: normal;font-size: 0.825rem;font-size: 1rem;line-height: 1.625;padding: 0rem 0.5rem;}

.badge-sm {font-size: 0.825rem;}
.title-col .badge.badge-pill {
    min-width: auto !important;
}
.badge.badge-pill {
    min-width: 5rem;
}
.badge-width-auto {
    min-width: auto;
}
.badge.badge-width-auto {min-width: auto;}
.badge svg {
    width: 0.5rem;
    height: auto;
    margin-left: 2px;
    vertical-align: unset;
}
.badge svg * { stroke: var(--danger)}
.badge svg *
.badge-primary {
/*     background: var(--primary); */
    background: var(--primary);
}
.badge-secondary {
    background: var(--secondary);
    background: var(--secondary);
}
.badge-secondary-light-500 {
    background: #858585;
}
.badge-danger {
/*     background: var(--danger); */
    background: #FFDDE1;
}
.badge-danger-pink {
/*     background: var(--danger); */
    background: #F3DCE9;
}
.badge-success {
/*     background: var(--success); */
    background: #D4EDDA;
}
.badge-success-dark {
    background: #28A744;
}
.badge-warning {/* background: var(--warning); */background: #FDE9CC;}
.badge-info {
    background-color: #E0E2FA;
}
.badge-light {
    background: var(--themeBgColor3);
    color: var(--themecolor);
}
.badge-light-blue-100 {
    background: #D0EEF9;
}
.badge-light-pink-100 {
    background: #F3DCE9;
}
.badge-primary, .badge-secondary, .badge-warning, .badge-danger, .badge-success, .badge-info  {color: var(--themecolor);}

.badge-success-dark, .badge-secondary-light-500 {
    color: #fff;
}
.badge-outline, .badge-primary-outline, .badge-secondary-outline, .badge-warning-outline, .badge-danger-outline, .badge-success-outline {border: 1px solid;}
.badge-outline {color: var(--primary);}
.badge-primary-outline {color: var(--primary);
    border-color: var(--primary);}
.badge-secondary-outline {color: var(--secondary);border-color: var(--secondary);}
.badge-warning-outline {color: var(--warning);border-color: var(--warning);}
.badge-danger-outline {color: var(--danger);
    border-color: var(--danger);}
.badge-success-outline {color: var(--success);border-color: var(--success);}

.badge-text-primary {color: var(--badge-primary);}
.badge-text-secondary {color: var(--badge-secondary);}
.badge-text-warning {
    color: var(--badge-warning);
}
.badge-text-info {
    color: var(--badge-info);
}
.badge-text-danger {
    color: var(--badge-danger);
}
.badge-text-success {
    color: var(--badge-success);
}
.badge-text-dark {
    color: var(--badge-dark);
}
.badge-text-light-grey {
    color: var(--badge-light-grey);
}

/* badge design ends here */

.excel-maped-table td { padding: .5rem .5rem; }
.excel-table { border-right: #dee2e6 1px solid; text-align: center; }
.excel-table tbody tr td { height: 53px; vertical-align: middle; }
td.excel-value span { width: 78px; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; text-align: center; }
td.excel-value>div a { border: 1px solid #ccc; width: 20px; line-height: 18px; text-align: center; }
.search-reciever-row { margin-bottom: -34px; max-width: 50%; z-index: 50; position: relative; }
.edit-video-thumbnail figcaption { right: 0; top: 0; left: 0px; bottom: 0; z-index: 50; opacity: 0; transition: opacity 0.2s linear; }
.edit-video-thumbnail:hover figcaption { opacity: 1; }
.playIcon { font-size: 1.5rem; }
.edit-video-trash { top: 6px; right: 6px; cursor: pointer; }
.edit-video-thumbnail:hover h5 a { color: #175163; }
table.dataTable.inner-table { width: 100% !important; border-bottom: none; }
table.dataTable.inner-table tr:first-child td { padding-top: 0px; border-top: none; }
table.dataTable.inner-table tr:last-child td { padding-bottom: 0px; border-bottom: none; }
.add-gemstone-active .dataTables_wrapper .dataTables_wrapper { margin-top: 0; }
table.dataTable tbody .inner-table-td { padding: 0px !important; }
table.dataTable tbody .inner-table-td table td { background: rgb(176 190 217 / 65%) !important; }
.general-setting-tabs .nav-link { display: block; padding: .75rem 1rem; background: #fff; }
.general-setting-tabs .nav-link.active, .general-setting-tabs .nav-link:hover { background: #0a4476; color: #fff; }
.entriesbg .nav-tabs .nav-item { position: relative; z-index: 10; }

.my-inventory-tabs{
    background: #fff;
    padding-top:1rem;
}
.my-inventory-tabs.nav .nav-link {margin-left: 0.625rem;font-size: 1rem;border-bottom-color: #fff;color: #727272;line-height: 1.1;padding: 0.75rem 1.5rem;flex-basis: 0;flex-grow: 1;max-width: 25%;color: rgb(0 0 0 / 80%);display: inline-flex;align-items: center;justify-content: center;margin-bottom: 0px;background: #fff;
}
.my-inventory-tabs.nav .nav-link span {
    padding-left: 0.275rem;
}

.my-inventory-tabs.nav .nav-link:hover {
    border-color: transparent;
    color: var(--primary);
    border-bottom-color: transparent;
}
.my-inventory-tabs.nav .nav-item.show .nav-link, .my-inventory-tabs.nav .nav-link.active {
    background-color: #2554C71A; border-color: transparent; color: #2554C7;
}
.my-inventory-tabs.nav .nav-link:last-child {
    margin-right: 0.625rem;
}
.tabs-table {    line-height: 1.5;
	    font-size: 1rem;
}.tabs-table thead th {

    border-bottom-width: 1px;
}



th.action-th { min-width: 30px; }
.main-currency-col .dropdown.bootstrap-select { width: auto !important; min-width: 100px; }
.main-currency-col .bootstrap-select>.dropdown-toggle { background: #e9e9e9; padding-left: 8px; padding-right: 8px; color: #000; font-weight: bold; }
.main-currency-col .bootstrap-select .dropdown-item { padding-left: 10px; padding-right: 10px; }
.show_hide_receiver { font-size: 1.2rem; }
.entriesbg .memo-catalogue-btn-group { min-height: auto; }
.dataTables_scrollBody tfoot.add-tfooter * {height: auto !important;}
.dataTables_scrollBody tfoot.add-tfooter tr th, .dataTables_scrollBody tfoot.add-tfooter tr td {padding-top: 0.5625rem !important;padding-bottom: 0.5625rem !important;}
.dataTables_scrollFootInner tfoot.text-center.add-tfooter { display: none; }
.dataTables_scrollBody .ts-gemstones tfoot.add-tfooter tr th.total_cost_sum { padding-right: calc(.25rem + 2px) !important; }
.dataTables_scrollBody .ts-gemstones tfoot.add-tfooter tr th.rough_total_cost_sum { padding-right: calc(.25rem + 2px) !important; }
.dataTables_scrollBody .ts-gemstones tfoot.add-tfooter tr th.total_whole_sale_price { padding-right: calc(.25rem + 2px) !important; }
.dataTables_scrollBody .ts-gemstones tfoot.add-tfooter tr th.rough_total_whole_sale_price { padding-right: calc(.25rem + 2px) !important; }
.dataTables_scrollBody .ts-gemstones tfoot.add-tfooter tr th.total_cost_sum::first-letter { margin-right: .25rem !important; }
.dataTables_scrollBody .ts-gemstones tfoot.add-tfooter tr th.rough_total_cost_sum::first-letter { margin-right: .25rem !important; }
.dataTables_scrollBody .ts-gemstones tfoot.add-tfooter tr th.total_whole_sale_price::first-letter { margin-right: .25rem !important; }
.dataTables_scrollBody .ts-gemstones tfoot.add-tfooter tr th.rough_total_whole_sale_price::first-letter { margin-right: .25rem !important; }
.domain-images { max-width: 420px; }

.gemsfeed-icon-inactive { background-position: 0; }
.gemsfeed-icon-active, .gemsfeed-icon-inactive:hover { background-position: -29.35px; }
.gemfeedIcon { display: flex !important; align-items: center; justify-content: center; min-height: 21px; background-size: 50px;
    transition: none; width: 1.75rem; }
.publishfeedIcon { display: inline-block; vertical-align: middle;
    transition: none; min-height: 25px; min-width: 25px; background-position: -36px; }
a.share-website { line-height: 1; }
.collapse-adv-setting[aria-expanded="true"]:before { content: "\f146"; font-family: 'FontAwesome'; }
.note-toolbar.panel-heading .btn span.note-icon-caret {
    display: none;
}

#preview_append_div .out_div table { width: 100%; }
.table-head-left-col { width: 7%; }
.table-head-center-col { min-width: 44%; min-height: 34px; font-size: 0.925rem;}
.table-head-right-col { min-width: 200px; }
.table-head-right-col select { border: none; }
.table-head-note { z-index: 99; /*margin-bottom: -72px; */}
.table-head-note-2 { margin-bottom: 0px !important; }


.broker-fields-col { min-width: 160px; }
.prodcut-detail-right-col .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 170px; }
.inv-broker-name.d-none { display: none !important; }
.datatable-tab-content { padding-top: 45px; }
.datatable-tab-content > .nav-link {
    margin-top: -40px;
}

.sidebarnav ul .nav-link>div {
position: absolute; right: 0; left: 0; text-align: center; margin-top: -10px; top: -26px; visibility: hidden; z-index: 1035; }
body .sidebarnav ul .nav-link div:before { content: attr(data-link-title); background: #0a4476; background-color: #000; color: #fff;
margin: 0 auto; padding: 5px 0.75rem; border-radius: 0.25rem; font-size: 0.85rem; display: inline-block;  }
body .sidebarnav ul .nav-link div:after { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 9px solid #000000; position: absolute; bottom: -8px; left: calc(50% - 8px); }
body .sidebarin .sidebarnav ul .nav-link:hover div { display: block; visibility: visible; }
.sidebarnav ul li.nav-item:first-child .nav-link>div { top: auto !important; bottom: -26px; margin-top: auto; margin-bottom: -10px; }
body .sidebarnav ul li.nav-item:first-child .nav-link div:after { border-top: none; border-bottom: 9px solid #000000; top: -8px; bottom: auto; }
.sidebar-notifications { left: -300px; width: 288px; }
.alert-custom { background: #EEF4FA; }
.sidebar.sidebarin .alert-custom { min-width: 280px; }
.alert-custom h5 { font-size: 1.125rem; }
.alert-custom .notification-link { color: #1FAEE3; }
.alert-custom small { color: #83999F; }
.sidebar-notifications { color: #0e3946; width: 288px !important; }
.sidebarin .sidebar-notifications { width: 75px !important; }
.sidebar.sidebarin .helpcenter-btn, .notification-collapsed { display: none; }
.sidebar.sidebarin .notification-collapsed { display: block; }
a.btn.helpcenter-btn { overflow: hidden; background: #538FC5; color: #fff; border: none; border-radius: 0.25rem; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); width: 100%; font-size: 18px; }
.notification-collapsed a { padding: 0px; width: 60px; height: 60px; }
.notification-collapsed .notification-icon { background: #EEF4FA; }
.notification-collapsed .helpcenter-icon { background: #538FC4; }
.sidebar-notifications .sn-bg { display: block; }
.sidebarin .sidebar-notifications .sn-bg { display: none; left: 80px; width: auto; position: absolute; }
.setting-box { border: 2px solid #DFDFEB; color: #DFDFEB; }
.setting-box-completed { border-color: #8ED283; }

.setting-box span { font-size: 1.5rem; line-height: 1.380; }
.setting-box-completed span { color: #8ED283 }
.setting-box-progress span { color: #157EFB; }
.setting-box svg * {
fill: #DFDFEB; }
.setting-box-completed svg * {
fill: #8ED283; }
.setting-box-progress svg * {
fill: #157EFB; }
.setting-box-icon svg { max-width: 3rem; height: auto; }
.setting-top-row .setting-boxes-col:first-child { flex: 0 0 100%; max-width: 1000%; padding-left: 0px !important; }
svg.setting-box-checked { top: 0.66rem; right: 0.66rem; }
.associattion-promotion-icon i.fa { font-size: 2.25rem; min-width: 4.25rem; height: 4.25rem; background: #2aa745; }
.next-billing-date { font-size: 1.1rem; color: #b5b5b5; }
.associattion-promotion-description table { color: #538fc4; font-size: 1.1rem; }
.associattion-promotion-description table .promo-price { color: #0b4374; font-weight: bold; }
.associattion-promotion-description table .promo-total { font-family: 'GothamBold'; }
body>.dataTable.fixedHeader-locked { display: none !important; }

.modal.note-modal .modal-header button {
    order: 1;
}
.note-toolbar.panel-heading .btn {
    border-radius: 0px;
    padding: 0.25rem 0.45rem;
    background: none;
    color: inherit;
    border: none;
}

.note-toolbar.panel-heading .btn:hover, .note-toolbar.panel-heading .btn:focus {
    background: none;
    color: var(--primary);
}


.add-gemstone-active .catalogue-btn-group .addrows-to-table {
    width: auto;
    height: auto;
}

.gc-detail-row select.form-control:not(.form-control-lg) {
    padding-left: 4px;
}
.gc-detail-row .form-control:not(.form-control-lg) { height: 30px !important;  min-height: 30px !important;}
.gc-detail-row .bootstrap-select>.dropdown-toggle {
    padding: 0;
    height: 30px !important;
    min-height: 30px !important;
}
.gc-detail-row .bootstrap-select .dropdown-toggle .filter-option {padding: 0 6px !important;height: 30px !important;
    top: -1px !important;}
.gc-detail-row .bootstrap-select .dropdown-toggle .filter-option-inner {
        line-height: 30px;
    }
.gc-detail-row .bootstrap-select .dropdown-toggle::after {
        position: absolute;
        right: 4px;
        top: calc(50% - 2px);
        line-height: 30px;
        border-top-width: 5px;
        border-left-width: 4px;
        border-right-width: 4px;
    }

    .dataTables_wrapper .dataTables_processing {
        top: 35px;
    }
.dataTables_processing img {
    position: relative;
    z-index: 1000;
    background: rgb(255 255 255 / 70%);
    border: 1px solid rgb(204 204 204 / 32%);
    padding: 5px 15px;
}

.stone-detail-col .form-control { padding-left: 0.3rem; padding-right: 0.3rem; min-width: 30px; }
.stone-detail-col select.form-control { padding-left: 0.1rem; }
.stone-detail-col label, .stone-detail-col .stone-editable { word-break: break-word; }
.cost-stone-detail-col.stone-detail-col .stone-editable { word-break: break-all; }

.vendor-export-btn .dt-buttons {
    position: absolute;
    right: 0;
    top: -42px;
}
.vendor-export-btn .dt-buttons button {
    background: none !important;
    margin: 0px !important;
}

.vendor-export-btn  .dataTables_wrapper .dataTables_filter input { margin-right: 0px; }


/* Stone detail page Style ends here */
.stone-detail-col span.enable-btn, .stone-detail-col span.disabled, .stone-detail-col .border-on-hover, .stone-detail-col .input_dblclick { padding-left: 2px; }
.stone-detail-col .measurements-col span.stone-editable { word-break: normal; }

/* vendor general setting */
.internal-attributes-col table tbody>td { display: table-row; }
.internal-attributes-col table tbody>td>tr { display: table-cell; }
.internal-attributes-col table tbody>td>tr td { display: block; }
.internal-attributes-scroll { max-height: 100vh; overflow-y: auto; }
.internal-attributes-scroll table thead { position: sticky; top: 0; z-index: 999; }


.custompadding .custompadding {    padding: 0rem;}

.dataTable  tr td .badge{display: block;}
    div#convert-loader-img {max-width: 34px;
    }
   .catalogue-btn-group .copyvaluecheck .custom-control-label:before {font-size: 16px;
    }
    .catalogue-btn-group .custom-checkbox .custom-control-input:checked~.custom-control-label::before {border: 1px solid transparent;
    }
    td.inner-table-td td span.badge {white-space: normal;
    }
    td.inner-table-td table.table  {width: 100% !important;
    }
.reference-price-btn{float: right;margin-right: 0px;}

.invoice-cv-col div.dt-buttons {
    position: relative;
    float: left;
}

.customer-information-col * {word-break: break-word;}
.customer-information-col label {word-break: normal;}

.dotted-hover-remove.d-inline-flex.dotted-hover {
    display: flex !important;
}
tr.total-amount-row { font-size: 1.1rem;}
.rc-active .supplier-info-col .supplier-select-col {flex: 0 0 100%;max-width: 100%;}
.collapse-detail .fa { font-size: 1.1rem; }
.excel-upload-content table tr th[class*="sorting"] {padding-right: 18px !important;}
.tab-content div.dataTables_filter {}
/* .sidebarin .sidebarnav .dropdown-menu {padding-left: 0px;padding-right: 0;} */
.support-links {color: black;max-width: 288px;padding: 7px 1.5rem 5px;display: flex;background: #fff;}
.sidebarin .support-links {max-width: 98px !important;justify-content: center;}
.support-links ul li a {background: #0a4476;height: 2.5rem;color: #fff;font-size: 1rem;border-radius: 50px;padding: 0.25rem 1.25rem;}

.support-links ul li a.whatsapp-icon {
    background:  #25D366
}
.support-links ul li a.whatsapp-icon:hover {
    background:  #21b558
}

.support-links ul li a.support-icon {
    background: #0075ff;
}
.support-links ul li a.support-icon:hover {
    background: #0163d6;
}

.support-links ul li a.help-center-icon {
    background: #000000;
}

.support-links ul li a img {
    max-width: 20px;
}
.support-links ul li a span.fa {
    font-size: 20px;
}

.sidebarin .support-links ul li a {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 100px;
    padding: 0px 0px;
    justify-content: center;
}
.sidebarin .support-links ul li a .mr-1 {
    margin-right: 0px !important;
}
.sidebarin .support-links .support-link-text { display: none;}
.vendor-sidebar .sidebarnav {
    padding-bottom: 110px;
}
.vendor-sidebar .sidebarnav >ul>li>div>a {
    color: black;
    margin-left: -8px;
}
.vendor-sidebar .sidebarnav > ul > li.nav-item:hover .nav-link {
    background: #2554C70D;
    color: var(--primary) !important;
    border-radius: 8px;
}


.vendor-sidebar .sidebarnav > ul > li.nav-item:hover svg path {
    stroke: var(--primary) !important;
}

.menuarrow .smallbar-svg:hover, .menuarrow .fullbar-svg:hover path{
    stroke: var(--primary) !important;

}
.menuarrow .smallbar-svg:hover, .menuarrow .fullbar-svg:hover{
    background: #2554C70D;
    color: var(--primary) !important;
    border-radius: 8px;
}
.vendor-sidebar .sidebarnav >ul>li .dropdown-menu .dropdown-item {
    color: #333    ;
    margin: 8px 0px;
}
.form-control-textara-custom, span.form-control-textara-custom {
    min-height: 120px;
    align-items: start !important;
    padding-top: 0.25rem !important;    white-space: normal !important;     word-break: break-word;
}
.form-control-placholder,.form-custom-placeholder{
    color: #858585;
}
.form-control-custom, span.form-control-custom {width: 100%!important;line-height: 1.2;height: 2.5rem;height: 2.25rem;border: 1px solid #666;border-radius: 8px;display: flex;flex-direction: row;align-items: center;padding: 0 0.75rem;white-space: nowrap;overflow: hidden;font-size: 1rem;cursor: pointer;
}
.form-control-custom.form-control-lg, span.form-control-custom.form-control-lg {
    height: 2.625rem;
}

.form-control-border-light .form-control, input.form-control-border-light, select.form-control-border-light, .form-control-border-light, span.form-control-border-light  {
    border-color: var(--themecolor5)
}
.form-control-border-light .bootstrap-select .dropdown-toggle, .form-control-border-light.bootstrap-select .dropdown-toggle  {
    border-color: var(--themecolor5);
}
.bootstrap-select>.dropdown-toggle:focus,.bootstrap-tagsinput:focus,.bootstrap-tagsinput:hover,.form-control-border-light.bootstrap-select .dropdown-toggle:focus,.form-control-border-light .bootstrap-select .dropdown-toggle:focus,.form-control-border-light.bootstrap-select .dropdown-toggle:hover,.form-control-border-light .bootstrap-select .dropdown-toggle:hover,.form-control-border-light.bootstrap-select .dropdown-toggle:hover .form-control-border-light .form-control:focus,.form-control-border-light .bootstrap-select>.dropdown-toggle:hover,.form-control-border-light:focus,.form-control-border-light:hover,.form-control-border-light:hover .form-control,.form-control-custom:focus,.form-control-custom:hover,.form-control:focus,.form-control:hover,input.form-control-border-light:focus,input.form-control-border-light:hover,select.form-control-border-light:focus,select.form-control-border-light:hover,span.form-control-border-light:focus,span.form-control-border-light:hover,span.form-control-custom:focus,span.form-control-custom:hover{border-color:var(--primary)}
.form-control-custom:after,span.form-control-custom:after{right:.5rem}
.form-control-select-custom,span.form-control-select-custom{position:relative;padding-right:1.75rem;overflow:hidden}
.form-control-select-custom:after{cursor:pointer;font-family:FontAwesome;position:absolute;content:"\F107";font-style:normal;font-size:.75rem;font-weight: 900;font-size: 1.125rem;}
.form-control-select-custom:before,span.form-control-select-custom:before{content: '';right:0;top:0;bottom:0;position:absolute;padding-left:1.5rem;background:#fff}
.toggle-channel input{opacity:0;right:0}
.toggle-channel label span{height:16px;width:32px;transition:all .2s linear}
.toggle-channel input~label span:before{content:"\F00D";height:18px;width:100%;position:absolute;background:#fff;border:1px solid var(--primary);border-radius:20px;top:0;left:0;transition:all .2s linear}
.toggle-channel input:checked~label span:before{background:var(--primary);left:0}
.toggle-channel input~label span:after{content:"\F106";height:14px;width:14px;position:absolute;background:var(--primary);border-radius:20px;top:2px;left:2.5px;transition:all .2s linear}
.toggle-channel input:checked~label span:after{background:#fff;top:2px;left:auto;left:calc(100% - 16px)}
.product-status-col .active-status{background:var(--success);border-radius:.5rem}
.user-profile-dropdwon{min-width:16rem;background:#fff;box-shadow:0 4px 4px rgba(2,2,2,.05);border-radius:.25rem}
.dropdownprofile>div figure{min-width:48px}
.dropdownprofile > div figure img {
    width: 100%; max-width:48px; max-height:48px; border-radius: 32px;
}
.dropdownprofile.dropdown-username {
    font-size: 1.3rem;
}
span.dropdown-username {
    line-height: 1.625;
}
.dropdownprofile .useremail {
    color: #666666;
    font-size: 14px;
}


.logout-dropdown-item {
    line-height: 1.675;
}

.user-profile-dropdwon .logout-dropdown-item:hover svg, .user-profile-dropdwon .logout-dropdown-item:hover svg * {
    /* stroke: #ffffff; */
    fill: #ffffff;
}
.dropdown.save-dropdown .btn {
    padding-right: 3rem;
}

.dropdown.save-dropdown .btn:after {content: "\F107";font-family: FontAwesome;position: absolute;right: 0px;top: 0;bottom: 0;width: 2rem;display: flex;border-left: 1px solid #3D6991;justify-content: center;align-items: center;
}

/* header profile style ends here */


/* Tab Style Starts here */
.nav-tabs .nav-link {font-weight: 500;color: var(--themecolor-500);padding: 0.5rem 1rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {color: var(--primary);background-color: var(--themeBgColor1);border-color: #9EB4C8 #9EB4C8 var(--themeBgColor1);
}

.disabled-link {opacity: 0.3;
}
.disabled-link:after {content: '';position: absolute;left: 0px;right: 0;height: 100%;top: 0;z-index: 10;cursor: not-allowed;
}
/* Tab Style Ends here */

.modal-body-row .tab-content {overflow-y: auto;max-height: calc(100vh - 12.5rem);
}

.card-header a[data-toggle="collapse"]:after {content: "\F078";content: "\F107";font-family: FontAwesome;right: 0px;margin-left: auto;align-self: center;font-weight: 400;font-size: 1.5rem; line-height: 1;
}
.card-header a[data-toggle="collapse"][aria-expanded="true"]::after {transform: rotate(180deg);
}
.card-header a[data-toggle="collapse"] { color: var(--primary);}

.column-selection .card {margin-bottom: 0.75rem !important;
}

.available-columns .column-selection .card {margin-bottom: 0.5rem !important;}

.column-selection .card .card-body .custom-control.custom-checkbox:not(:last-child) {margin-bottom: 0.5rem;
}
.search-visible-column .form-control, .search-visible-column .btn {border-color: #858585;outline: none !important;
}
.modal-header-primary {background: var(--primary);
}
.bulk-edit-modal .form-group label { font-weight: 700; color: #000000;}
.dropdown.bootstrap-select .dropdown-menu.inner .dropdown-header {color: var(--primary);font-weight: 700;font-size: 1rem;line-height: 1.75;background: var(--themeBgColor1);padding: 0.25rem 0.5rem;border-radius: 0.25rem;margin-bottom: 0.25rem;
}
.dropdown.bootstrap-select .dropdown-menu li a.opt {position: relative;background: none !important;font-size: 0.875rem;padding: 0.25rem 1rem;line-height: 1.45;
}
.dropdown.bootstrap-select .dropdown-menu li.dropdown-divider {margin: 0.125rem 0 0.25rem;border-top: none;
}

.disabled-action-items:after, .action-item-disabled:after {content: '';   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   z-index: 5;
   }
   .table-action-items li a, .table-action-list li a {color: var(--secondary);}
.table-action-items li svg *, .table-action-list li svg { max-height:1.5rem; max-width:1.5rem;}
.table-action-items li svg *, .table-action-list li svg * {   stroke: var(--secondary);   opacity: 1;
   }

   .disabled-action-items li a, .table-action-list li.action-item-disabled a {   color: var(--themecolor-500);
   }
   .disabled-action-items li svg *, .table-action-list li.action-item-disabled svg *  {   stroke: var(--themecolor-500);
   }
.action-item-disabled, .disabled-action-items {cursor: not-allowed;position: relative;
}
.add-new-option{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66699 3.33317C8.66699 2.96498 8.36852 2.6665 8.00033 2.6665C7.63214 2.6665 7.33366 2.96498 7.33366 3.33317V7.33317H3.33366C2.96547 7.33317 2.66699 7.63165 2.66699 7.99984C2.66699 8.36803 2.96547 8.6665 3.33366 8.6665H7.33366V12.6665C7.33366 13.0347 7.63214 13.3332 8.00033 13.3332C8.36852 13.3332 8.66699 13.0347 8.66699 12.6665V8.6665H12.667C13.0352 8.6665 13.3337 8.36803 13.3337 7.99984C13.3337 7.63165 13.0352 7.33317 12.667 7.33317H8.66699V3.33317Z' fill='%230C4475'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: left ;
background-size: auto;
}

.bootstrap-select .inner[aria-multiselectable="true"] .dropdown-menu li a { padding-left:2rem;}
.bootstrap-select .inner[aria-multiselectable="true"] .dropdown-menu li a span.check-mark {
    display: block;
    left: 0.5rem !important;
    right: auto !important;
    position: absolute;
    top: 0.65rem;
}
.bootstrap-select .inner[aria-multiselectable="true"] .dropdown-menu span.check-mark:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='white' stroke='%230C4475'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 1rem 1rem;
    display: block;
    content:'';
    height: 1rem;
    width: 1rem;
}
.bootstrap-select .inner[aria-multiselectable="true"] .dropdown-menu li.selected span.check-mark:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='4' fill='%230C4475'/%3E%3Cpath d='M7.10545 11.793L7.08783 11.8107L2.68799 7.41081L4.12067 5.97813L7.10551 8.96298L11.8795 4.18896L13.3122 5.62164L7.12313 11.8107L7.10545 11.793Z' fill='white'/%3E%3C/svg%3E%0A");
}

.bootstrap-select .inner[aria-multiselectable="true"] .dropdown-menu span.check-mark:after {
    display:none;
}

.page-overview-list li a.nav-link {margin: 0px !important;background: #fff;font-size: 14px;color: var(--themecolor-500);}

.page-overview-list.nav-tabs li a.nav-link {border-bottom: 2px solid;}
.page-overview-list.nav-tabs li a.nav-link svg {
    max-width: 1.45rem;
    height: auto;
}
.page-overview-list.nav-tabs li.all-items-col a.nav-link {border-bottom-color:  #2554C7;}
.page-overview-list.nav-tabs li.draft-items-col a.nav-link {border-bottom-color:  #F69300;}
.page-overview-list.nav-tabs li.awaiting-payment-items-col a.nav-link {border-bottom-color:  #626DE4;}
.page-overview-list.nav-tabs li.paid-items-col a.nav-link {border-bottom-color:  #28A744;}
.page-overview-list.nav-tabs li.voided-items-col a.nav-link {border-bottom-color:  #FF5567;}
.page-overview-list.nav-tabs li.sent-items-col a.nav-link {border-bottom-color:  #16AAE3;}
.page-overview-list.nav-tabs li.quoatation-invoiced-items-col a.nav-link {border-bottom-color:  #C2528F;}
.page-overview-list.nav-tabs li .nav-link {background: #fff;}
.page-overview-list.nav-tabs li.all-items-col a.nav-link:hover, .page-overview-list.nav-tabs li.all-items-col a.nav-link.active {background:  #F1F6FA;}
.page-overview-list.nav-tabs li.draft-items-col a.nav-link:hover, .page-overview-list.nav-tabs li.draft-items-col a.nav-link.active {background:  #FFF5E6;}
.page-overview-list.nav-tabs li.awaiting-payment-items-col a.nav-link:hover, .page-overview-list.nav-tabs li.awaiting-payment-items-col a.nav-link.active {background:  #F0F1FD;}
.page-overview-list.nav-tabs li.paid-items-col a.nav-link:hover, .page-overview-list.nav-tabs li.paid-items-col a.nav-link.active {background:  #EAF7ED;}
.page-overview-list.nav-tabs li.voided-items-col a.nav-link:hover, .page-overview-list.nav-tabs li.voided-items-col a.nav-link.active    {background:  #FFEFF0;}
.page-overview-list.nav-tabs li.sent-items-col a.nav-link:hover, .page-overview-list.nav-tabs li.sent-items-col a.nav-link.active    {background:  #E8F7FD;}
.page-overview-list.nav-tabs li.quoatation-invoiced-items-col a.nav-link:hover, .page-overview-list.nav-tabs li.quoatation-invoiced-items-col a.nav-link.active    {background:  #F9EEF4;}
.page-overview-list.nav-tabs li.all-items-col a.nav-link:focus {background:  #E7EDF2 ;}
.page-overview-list.nav-tabs li.draft-items-col a.nav-link:focus {background:  #FDE9CC;}
.page-overview-list.nav-tabs li.awaiting-payment-items-col a.nav-link:focus {background:  #E0E2FA ;}
.page-overview-list.nav-tabs li.paid-items-col a.nav-link:focus {background:  #D4EDDA ;}
.page-overview-list.nav-tabs li.voided-items-col a.nav-link:focus {background:  #FFDDE1;}
.page-overview-list.nav-tabs li.sent-items-col a.nav-link:focus {background:  #D0EEF9;}
.page-overview-list.nav-tabs li.quoatation-invoiced-items-col a.nav-link:focus {background:  #F3DCE9;}
.page-overview-list.nav-tabs li.all-items-col a.nav-link.active .report-title {color:  #2554C7;}
.page-overview-list.nav-tabs li.draft-items-col a.nav-link.active .report-title {color:  #F69300;}
.page-overview-list.nav-tabs li.awaiting-payment-items-col a.nav-link.active .report-title {color:  #626DE4;}
.page-overview-list.nav-tabs li.paid-items-col a.nav-link.active .report-title {color:  #28A744;}
.page-overview-list.nav-tabs li.voided-items-col a.nav-link.active .report-title    {color:  #FF5567;}
.page-overview-list.nav-tabs li.sent-items-col a.nav-link.active .report-title    {color:  #16AAE3;}
.page-overview-list.nav-tabs li.quoatation-invoiced-items-col a.nav-link.active .report-title    {color:  #C2528F;}
.due-date-btn {min-height: calc(2.25rem - 0px);width: 100%;justify-content: space-between;color: var(--themecolor-500) !important;border-color: var(--themecolor-500);background-color: transparent !important;position: relative;
}
.due-date-btn.btn-md {min-height: calc(2.625rem - 0px);
}
.datepicker-icon, .datepicker:not(.datepicker-without-icon), .calendar.form-control:not(.datepicker-without-icon) {
  position: relative;
  padding: 0rem 1.75rem 0rem 2rem !important;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6.66683H1M9.66667 1.3335V4.00016M4.33333 1.3335V4.00016M4.2 14.6668H9.8C10.9201 14.6668 11.4802 14.6668 11.908 14.4488C12.2843 14.2571 12.5903 13.9511 12.782 13.5748C13 13.147 13 12.5869 13 11.4668V5.86683C13 4.74672 13 4.18667 12.782 3.75885C12.5903 3.38252 12.2843 3.07656 11.908 2.88482C11.4802 2.66683 10.9201 2.66683 9.8 2.66683H4.2C3.0799 2.66683 2.51984 2.66683 2.09202 2.88482C1.71569 3.07656 1.40973 3.38252 1.21799 3.75885C1 4.18667 1 4.74672 1 5.86683V11.4668C1 12.5869 1 13.147 1.21799 13.5748C1.40973 13.9511 1.71569 14.2571 2.09202 14.4488C2.51984 14.6668 3.0799 14.6668 4.2 14.6668Z' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat: no-repeat no-repeat !important;
  background-position: left 0.5rem center, right 0.5rem center !important;
  background-size: auto !important;
}

.calendar.form-control:disabled, .datepicker-icon.form-control:disabled, .dropdown .btn.datepicker-icon:disabled, .datepicker.form-control:disabled {
    background-color: var(--themeBgColor1) !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6.66683H1M9.66667 1.3335V4.00016M4.33333 1.3335V4.00016M4.2 14.6668H9.8C10.9201 14.6668 11.4802 14.6668 11.908 14.4488C12.2843 14.2571 12.5903 13.9511 12.782 13.5748C13 13.147 13 12.5869 13 11.4668V5.86683C13 4.74672 13 4.18667 12.782 3.75885C12.5903 3.38252 12.2843 3.07656 11.908 2.88482C11.4802 2.66683 10.9201 2.66683 9.8 2.66683H4.2C3.0799 2.66683 2.51984 2.66683 2.09202 2.88482C1.71569 3.07656 1.40973 3.38252 1.21799 3.75885C1 4.18667 1 4.74672 1 5.86683V11.4668C1 12.5869 1 13.147 1.21799 13.5748C1.40973 13.9511 1.71569 14.2571 2.09202 14.4488C2.51984 14.6668 3.0799 14.6668 4.2 14.6668Z' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66667 6.33333V4.33333C3.66667 2.49238 5.15905 1 7 1C8.61264 1 9.95781 2.14517 10.2667 3.66667M4.2 13H9.8C10.9201 13 11.4802 13 11.908 12.782C12.2843 12.5903 12.5903 12.2843 12.782 11.908C13 11.4802 13 10.9201 13 9.8V9.53333C13 8.41323 13 7.85318 12.782 7.42535C12.5903 7.04903 12.2843 6.74307 11.908 6.55132C11.4802 6.33333 10.9201 6.33333 9.8 6.33333H4.2C3.0799 6.33333 2.51984 6.33333 2.09202 6.55132C1.71569 6.74307 1.40973 7.04903 1.21799 7.42535C1 7.85318 1 8.41323 1 9.53333V9.8C1 10.9201 1 11.4802 1.21799 11.908C1.40973 12.2843 1.71569 12.5903 2.09202 12.782C2.51984 13 3.0799 13 4.2 13Z' stroke='%230C4475' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat no-repeat !important;
    background-position: left 0.5rem center, right 0.5rem center !important;
    background-size: auto !important;
}

.datepicker:not(.datepicker-without-icon):after, .datepicker-icon:after {
    display: none;
}
.due-date-dropdown .dropdown-menu {
    border: 1px solid #E0E0E0;
    box-shadow: 0px 4px 4px rgba(2, 2, 2, 0.05);
    min-width: 100%;
}
span.due-date-title {
    font-size: 0.875rem;
}

.due-date-dropdown .dropdown-menu li button {
    line-height: 1.625rem;
    background: none;
    text-align: left;
}

.due-date-dropdown .dropdown-menu li button:hover, .due-date-dropdown .dropdown-menu li button:focus, .pick-another-date:hover .pay-due-date-button, .pay-due-date-button:focus {
    background-color: var(--themeBgColor3);
    color: var(--primary);
}

.due-date-btn.bg-white {
    background-color: #ffffff !important;
}

.same-address label:after {
    right: 0.875rem;
    left: auto !important;
}
.same-address label:before {
    right: 0;
    left: auto !important;
}
.same-address .custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(0rem) !important;
    right: 0.125rem;
}
.same-address .custom-control-label {
    padding-right: 2.25rem;
}

.same-address .custom-control.custom-switch {padding-left:0px;}
.trader-erp .badge {
    font-size: 0.75rem;
    line-height: 1.35;
    font-weight: 500;
}
span.username-text {
    font-size: 1rem;
}

.flexcol > div {
    flex: 1 1 auto!important;
    text-align: left;
}
.memo-export-export-excel-button, .table-export-excel-button {
    overflow: hidden;
    max-width: 0;
    padding: 0;
    height: 0;
    visibility: hidden;
    z-index: -100;
    position: absolute;
}

.payment-action-dropdown > .btn:hover, .payment-action-dropdown > .btn:focus {
    background: var(--primary) !important;
}
.payment-action-dropdown > .btn:hover svg *, .payment-action-dropdown > .btn:focus svg * {
    stroke: #fff ;
}
.inventory-image-thumbnail img {
    width: auto;
    height: auto;
}

.inventory-image-thumbnail {
    max-width: 3rem;
    max-height: 3rem;
    background: #fff;
    border-radius: 0.25rem;
}
th[data-column-name="images"] {
    min-width: 4rem;
}
th[data-column-name="supplier_reference_number_relation"] {
    min-width: 5rem;
}
th[data-column-name="measurements"], th[data-column-name="size_range_mm"], th[data-column-name="size_range"] {
    min-width: 9rem;
}
th[data-column-name="stone_type_treatments"] {
    min-width: 7.25rem;
}
th[data-column-name="countries"] {
    min-width: 4rem !important;
}
th[data-column-name="rfid-cccc"], th[data-column-name="stone_types"]  {
    min-width: 4.5rem;
}
th[data-column-name="group"], th[data-column-name="saturations"] {
    min-width: 6.25rem;
}
th[data-column-name="color_grade_range-ccccc"], th[data-column-name="cut_grade_range"] {
    min-width: 10rem;
}
th[data-column-name=custom_pricing_field_1], th[data-column-name=custom_pricing_field_2], th[data-column-name=custom_pricing_field_3], th[data-column-name=custom_pricing_field_4], th[data-column-name=custom_pricing_field_5], th[data-column-name=custom_pricing_field_6] {
    min-width: 8.75rem !important;
}

th[data-column-name="custom_pricing_field_1_per_carat"], th[data-column-name="custom_pricing_field_2_per_carat"], th[data-column-name="custom_pricing_field_3_per_carat"], th[data-column-name="custom_pricing_field_4_per_carat"],
th[data-column-name="custom_pricing_field_5_per_carat"], th[data-column-name="custom_pricing_field_6_per_carat"]{
    min-width: 8.75rem !important;
}
th[data-column-name="unit_price"], th[data-column-name="price_sold_on"] {
    width: 5rem !important;
}
th[data-column-name="total_cost"], th[data-column-name="selling_price_per_carat"], th[data-column-name="total_selling_price"], th[data-column-name="retail_price_per_carat"], th[data-column-name="retail_price"], th[data-column-name="cost_per_carat"], th[data-column-name="custom_pricing_field_1"], th[data-column-name="custom_pricing_field_2"], th[data-column-name="custom_pricing_field_3"], th[data-column-name="custom_pricing_field_4"], th[data-column-name="custom_pricing_field_5"], th[data-column-name="custom_pricing_field_6"], th[data-column-name="custom_pricing_field_1_per_carat"], th[data-column-name="custom_pricing_field_2_per_carat"], th[data-column-name="custom_pricing_field_3_per_carat"], th[data-column-name="custom_pricing_field_4_per_carat"], th[data-column-name="custom_pricing_field_5_per_carat"], th[data-column-name="custom_pricing_field_6_per_carat"], th[data-column-name="vendor_trays"]

{text-align: right;
}

.get-products-table table th.reference_col {background-color: #E7EDF2;
}
.get-products-table table td.refrences-col {background-color: #CEDAE3;
}
.customer-name {max-width: 220px;word-break: break-word;
}
.sku-number-col span[class*="internal_reference_number"] {white-space:nowrap;
  }
a.collapse-icon svg {transition: all 0.3s ease-out;height: 1.25rem;width: auto;}
a.collapse-icon.active svg {transform: rotate(180deg);
}
a.collapse-icon.active .veiw-icon, a.collapse-icon .hide-icon { display: none;}

a.collapse-icon .hide-icon {height: 1.125rem;
}
a.collapse-icon.active .hide-icon {display: inline-block;width: auto;
}
.inventory_add_document_button .dropdown-menu a.dropdown-item {cursor: pointer;
}
.entriestable.inventory-table thead th {white-space: normal;
}
.entriestable.inventory-table thead th[data-column-name="split_details_weight"], .entriestable.inventory-table thead th[data-column-name="split_details_stones"]
 {white-space: nowrap;}

th[data-column-name="cut_grades"], th[data-column-name="clarities"] , th[data-column-name="system_reference_number"] , th[data-column-name="description"] , th[data-column-name="stone_cuts"]  {white-space: nowrap!important;}
th[data-column-name="stone_type_colors"] {min-width: 5rem;}
.inventory-table th[data-column-name="total_selling_price"] {min-width: 8.5rem;}
.inventory-table th[data-column-name="total_cost"] {min-width: 8.5rem;}

.inventory-table th[data-column-name="selling_price_per_carat"] {min-width: 8.5rem;}
.inventory-table th[data-column-name="retail_price_per_carat"] {min-width: 8.5rem;}
.inventory-table th[data-column-name="cost_per_carat"] {min-width: 6.5rem;}

.inventory-table th[data-column-name="retail_price"] {min-width: 8.5rem;}
.inventory-table th[data-column-name="number_of_pieces"] {min-width: 5.25rem;}
.inventory-table [data-column-name="supplier_stone_reference_number"] {min-width: 5.5rem;}
.inventory-table th[data-column-name="purchasing_rate"] {
  min-width: 10.25rem;}

.inventory-table thth[data-column-name="weight_per_piece"] {min-width: 7.6rem;}
.inventory-table thth[data-column-name="cost_per_carat"] {min-width: 7rem;}
.inventory-table th[data-column-name="clarity_range"] {min-width: 10rem;}
.inventory-table th[data-column-name="cut_grade_range"] {min-width: 10rem;}
.inventory-table th[data-column-name="created_at"], th[data-column-name="updated_at"] {min-width: 5rem;white-space: nowrap !important;}
.inventory-table th[data-column-name="color_grade_range"]  {min-width: 6rem;}
.inventory-table th[data-column-name="weight_per_piece"]  {min-width: 8rem;}
.order-customer-col .dropdown.bootstrap-select {min-width: 14rem;}
.order-summary-tab-content div.dataTables_filter input {height: 2.5rem}
.support-icon-col {width: 1.9rem;}
.setup-card-header a {color: #333333;position: relative;padding-right: 2rem;line-height: 1.625rem;}
.setup-card {
    padding-left: 2.25rem;}
.setup-card-header a[aria-expanded="true"] {
    font-weight: bold;
    color: var(--primary);}
.setup-card-header a:before{
   background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1488_39480)'%3E%3Cpath d='M10 1.66658C5.39764 1.66658 1.66668 5.39754 1.66668 9.99992C1.66668 14.6023 5.39764 18.3333 10 18.3333C14.6024 18.3333 18.3333 14.6023 18.3333 9.99992C18.3333 5.39754 14.6024 1.66658 10 1.66658Z' stroke='%23CEDAE3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1488_39480'%3E%3Crect width='20' height='20' fill='white' transform='matrix(-1 0 0 -1 20 20)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");background-repeat: no-repeat no-repeat;background-position: center center;background-size: cover;width: 1.25rem;height: 1.25rem;left: -2.25rem;position: absolute;top: 0.192rem;content:'';transition:linear 0.3s
}
.setup-card-header a.setup-success:before{
   background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99999 0.833252C4.93738 0.833252 0.833328 4.93731 0.833328 9.99992C0.833328 15.0625 4.93738 19.1666 9.99999 19.1666C15.0626 19.1666 19.1667 15.0625 19.1667 9.99992C19.1667 4.93731 15.0626 0.833252 9.99999 0.833252ZM14.3392 8.08917C14.6647 7.76374 14.6647 7.2361 14.3392 6.91066C14.0138 6.58523 13.4862 6.58523 13.1607 6.91066L8.74999 11.3214L6.83925 9.41066C6.51381 9.08523 5.98618 9.08523 5.66074 9.41066C5.3353 9.7361 5.3353 10.2637 5.66074 10.5892L8.16074 13.0892C8.48618 13.4146 9.01381 13.4146 9.33925 13.0892L14.3392 8.08917Z' fill='%2328A744'/%3E%3C/svg%3E%0A");
}
.setup-card-header a:after{
   background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat no-repeat;background-position: center center;background-size: cover;width: 1.5rem;height: 1.5rem;right: 0rem;position: absolute;top: calc(50% - 0.75rem);top: 1px;font-weight: bold;content:'';transition:linear 0.3s
}
.setup-card-header a[aria-expanded="true"]:after { font-weight: bold; color: var(--primary); transform:rotate(180deg)
}
.setup-card .card-body { padding: 0.25rem 0px 0px; line-height: 1.625rem;
}
.title-col .breadcrumb-item+.breadcrumb-item:before { background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L10 8L6 4' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; content:''; width: 1rem; height: 1rem; padding: 0; left: 0rem; position: absolute; top: 0.25rem;
}
.title-col .breadcrumb-item{ color: #3D6991;
}
.title-col .breadcrumb-item+.breadcrumb-item { padding-left: 1.25rem; position: relative; margin-left: 0.25rem;
}

.title-col .breadcrumb-item.active { color: var(--primary); font-weight: 500;
}
.custom-notification-body { line-height: 1.625;
}

.company-search-col {max-width: 360px;}
.company-select-btn-col .btn  { min-width: 200px;}
.company-logo-col {
    max-width: 105px;
}
.company-detail-col table tr td {padding-bottom:2px;line-height:1.5;vertical-align: top;}
.company-detail-row, .inventory-detail-row {
    border-top: 1px solid #CEDAE3;
}
.bank-company-row:first-child {
    border-top: none !important; padding-top:0px !important; margin-top:0px !important;
}

.collapse-icon-btn[aria-expanded="true"] {transform: rotate(180deg);} .collapse-icon-btn {transition: linear 0.35s;}.collapse-icon-btn:after {margin: auto;}
.show_hide_history[aria-expanded="true"] .unhide-table, .show_hide_history[aria-expanded="true"] .unhide-svg {display: none;}
.show_hide_history[aria-expanded="false"] .hide-table, .show_hide_history[aria-expanded="false"] .hide-svg {   display: none;}
.company-detail-table .dataTables_filter {
    float: left;
    width: 100%;
    max-width: 350px;
    max-width: 270px;
}

.dataTables_filter label {
    margin-bottom: 1rem;
    align-items: normal !important;
    width: 100%;
}
.company-detail-table .dataTables_length label select, .company-detail-table .dataTables_filter label input {
    /* height: 2.625rem; */
    /* height: 2.25rem; */
}
.company-detail-table .dataTables_wrapper .dataTables_scroll ~ .dataTables_info, .company-detail-table .dataTables_wrapper table.datatable ~ .dataTables_info {
       /* min-height: 2.625rem; */
}
.company-detail-table .dataTables_wrapper .dataTables_scroll ~ .dataTables_paginate, .company-detail-table .dataTables_wrapper table.datatable ~ .dataTables_paginate {
    /* min-height: 2.25rem; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}
.dataTables_wrapper .dataTables_scroll ~ .dataTables_paginate, .dataTables_wrapper table.datatable ~ .dataTables_paginate {
    min-height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    max-width: 100%;
}

.dataTables_filter label .btn {
    order: 1;
    display: block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
.company-detail-table:not(.table-emails-datatable):not(.history-detail-table):not(.inventory-attribute-datatable) .dataTables_wrapper {
    margin-top: -2.25rem;
}
.assigned-banks-button {
    max-width: 230px;
    margin-left: auto;
}

.assigned-banks-button .btn {
    position: relative;
    z-index: 11;
}
.sub-user-img img {
    border: 2px solid #3D6991;
}

.sub-user-img {
    width: 4rem;
    max-width: 72px;
}

.sub-user-title h6 {
    line-height: 1.5;
}

.sub-user-header {
    border-bottom: 2px solid var(--themeBgColor1);
}

.sub-user-border {
    border: 2px solid var(--themeBgColor2);
}
.general-sidebar ul li.nav-item > a {
    padding: 0.5rem 2.5rem 0.5rem 3.5rem;
    position: relative;
    white-space: normal;

}


.general-sidebar ul li.nav-item > a:after {
    right: 1rem;
    position: absolute;
    top: calc(50% - 0.5rem);
    width: 1rem;
    transition: linear 0.2s;
    margin-left: 0px !important;
    text-align: center;
}
.general-sidebar ul li .dropdown-toggle[aria-expanded="true"]:after{
    transform: rotate(180deg);
}
.general-sidebar-title {
    margin: 1.5rem 1.5rem 0.5rem;
}
.general-sidebar-title svg {
    max-width: 1.5rem;
    height: auto;
    width: 100%;
}
.general-sidebar ul li .dropdown-item {
    padding: 0.565rem 1.5rem 0.565rem 4.5rem;
    border-radius: 0;
    color: #333333;
}
.general-sidebar ul li .nav-link, .general-sidebar ul li .dropdown-item {
   border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}
.general-sidebar ul li .nav-link:hover, .general-sidebar ul li .dropdown-item:hover, .general-sidebar ul li .nav-link.active, .general-sidebar ul li .dropdown-item.active {
    background: var(--themeBgColor1);
    color: var(--primary) !important;
    border-left-color: 2px solid var(--primary);

}

.general-sidebar ul li.nav-item .dropdown-menu {
    box-shadow: none;
    border: none;
    position: static !important;
    transform: none !important;
    float: none;
}
.company-logo-upload:hover {
    background: #F1F6FA;
}


.dataTables_wrapper .dataTables_scroll ~ .dataTables_length,
.dataTables_wrapper table.datatable ~ .dataTables_length {
    float: left !important;
    width: 33.33%;
    margin-left: 0px;
}
.dataTables_wrapper .dataTables_scroll ~ .dataTables_info,
.dataTables_wrapper table.datatable ~ .dataTables_info {
    width: 33.33%;
    clear: none !important;
    padding-top: 0rem !important;
    /* font-weight: 500; */
    color: var(--themecolor-600);
    display: flex;
    align-items: center;
    min-height: 2.25rem;
}

.dataTables_wrapper .dataTables_scroll ~ .dataTables_length ~ .dataTables_info, .dataTables_wrapper table.datatable ~ .dataTables_length ~ .dataTables_info {
    justify-content: center;
    text-align: center;
}

.list-datatable.dataTables-lip .dataTables_scroll ~ .dataTables_info, .list-datatable.dataTables-lip table.datatable ~ .dataTables_info {
    min-height: 2.5rem;
}
.dataTables_wrapper .dataTables_scroll ~ .dataTables_paginate,
.dataTables_wrapper table.datatable ~ .dataTables_paginate {padding-top: 0;}

.dataTables_wrapper .dataTables_scroll ~ .dataTables_length,
.dataTables_wrapper table.datatable ~ .dataTables_length,
.dataTables_wrapper .dataTables_scroll ~ .dataTables_info,
.dataTables_wrapper table.datatable ~ .dataTables_info,
.dataTables_wrapper .dataTables_scroll ~ .dataTables_paginate,
.dataTables_wrapper table.datatable ~ .dataTables_paginate {
    margin-top: 1rem;
}
.dataTables-lip .dataTables_wrapper .dataTables_scroll ~ .dataTables_length,
.dataTables-lip > table.datatable ~ .dataTables_length,
.dataTables-lip .dataTables_scroll ~ .dataTables_info,
.dataTables-lip > table.datatable ~ .dataTables_info,
.dataTables-lip .dataTables_scroll ~ .dataTables_paginate,
.dataTables-lip > table.datatable ~ .dataTables_paginate {
    margin-top: 1.5rem;
}

table.datatable th[data-column-name="summary"]{
    white-space: nowrap !important;
}

.list-datatable.dataTables-lip .dataTables_wrapper .dataTables_paginate {
    padding-top: 0.25rem;
}
.custom-switch-theme .custom-control-label::after {
    background: var(--primary);
}
.custom-switch-right .custom-control-label::after {
    right: calc(-1.25rem + 1px);
    left: auto;
}
.custom-switch-right .custom-control-label::before {
   left: auto;
   right: -2rem;
}
.custom-switch-right {
    padding-left: 0;
    padding-right: 2rem;
}
.custom-control-input:checked~.defaultPriceLabel:before {
    border-color: var(--success);
    background-color: var(--success);
}

.default-pricing-setting .custom-control {
    margin-bottom: 1rem;
    margin-left: 0.5rem;
    padding-left: 2.5rem;
}
.defaultPriceLabel::before, .defaultPriceLabel::after  {top: 0;
    left: -2.5rem;
    height: 1rem;
    width: 1rem;
    margin: 0.25rem 0 0 0.25rem;}
.available-columns .card-header a {
    line-height: 1.635;
}
.available-columns .column-selection {
    overflow-y: auto;
    max-height: 520px;
    padding-right: 0.5rem;
}
.displayed-columns .drag-visibilty-columns {
    overflow-y: auto;
    max-height: 475px;
    padding-right: 0.5rem;
}

.attribute-sorting-by {
    width: 12.5rem;
    margin-bottom: -2.25rem;
    z-index: 1;
}
.inventory-attribute-datatable .attribute-sorting-by {
    width: 7.5rem;
}
.inventory-attribute-datatable .attribute-filter-by {
    width: 5.5rem;
    margin-bottom: -2.25rem;
    z-index: 1;
    margin-right: 8rem;
}
.inventory-attribute-datatable div#DataTables_Table_0_length {
    margin-right: 8rem;
}
.add-attribute-filter-by.inventory-attribute-datatable div#DataTables_Table_0_length {
    margin-right: 14rem;
}

/* .modal div.text-right > .btn:not(:last-child), div.text-right:not(.d-inline-flex):not(.d-flex):not(.title-col~div.text-right) > .btn:not(:last-child), divvvv.text-right:not(.d-inline-flex) > .btn:not(:last-child) {
    margin-right: -0.25rem;
} */
div:has(> .btn):not(div *) {
    font-size:0;
}
.modal div.text-right > .btn:not(:first-child), div.text-right > .btn:not(:first-child):not(.ml-75) {
    margin-left: 0.5rem;
}
.domain-name-box {
    width: min(19rem, 100%);
}
.topsearches.vendor-topsearches {
    max-width: min(26rem + 11vw, 34rem);
}

.empty-document-body {
    max-width: 26.25rem;
}
.table-toggle-btn svg {
    margin-right: 0.5rem;
}

.stoneDetailbackToTop {
    right: 0;
    bottom: 20px;
}
.stoneDetailbackToTop .btn { border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.backToTop { display: none; line-height: 1;}
.stoneDetailbackToTop:hover .backToTop { display: inline-block;}

.exchangeRate-col {
    min-width: 14rem;
}

.currency-col {
    min-width: 14rem;
}
.shipping_cost-col {
    max-width: 190px;
}

.discount-value-col {
    max-width: 92px;
}

.discount-percent-col {
    max-width: 80px;
}
.vat-col, .taxes-col, .broker-fee-col {
    max-width: 110px;
}

.get-started-video-description ul li svg {
    left: 0.75rem;
    top: 0%;
    transform: translate(0%, 25%);
}
.get-started-video-description ul li {
    padding-left: 2.25rem
}

.profile-picture-col img {
    border: .25rem solid #edf1f2
}

.profile-picture-col .badge {
    margin-top: -.5rem
}
.customer-left-col .btn.font-85 {
    padding-top: 0.426rem;
    padding-bottom: 0.426rem;
}
.analytics-data-row > div:not(:last-child), .analytic-pie-chart:not(:last-child) {
    border-right: 2px solid var(--themeBgColor2);
}


svg.action-svg-btn:hover rect {
    fill: var(--primary);
}

svg.action-svg-btn:hover path {
    stroke: #fff;
}
.crm-history-tabs ul.nav-tabs, .crm-customer-history-date  {width: calc(100% - 230px);}
.crm-history-tabs ul li .nav-link {
    border: none;
    background: none !important;
    border-bottom: 2px solid transparent; color: var(--themecolor-800);
}
.crm-history-tabs ul li .nav-link.active, .crm-history-tabs ul li .nav-link:hover {
    border-bottom-color: var(--primary);
    color: var(--primary);
}
.crm-history-tabs .dataTables_filter  {margin-top: -3.35rem !important;}
.crm-history-tabs .dataTables_filter label { margin-bottom:1rem !important; }
.custom-search-col .input-group {max-width:270px;}
.custom-search-col .input-group .input-group-text {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
.show_history.unhide svg {
    transform: rotate(-180deg);
}
.show_history.unhide svg {
    transform: rotate(180deg);
}
.highcharts-figure > div, .highcharts-container, svg.highcharts-root {
    width: 100% !important;
    height: auto !important;
}
.profile-picture-col > div {
    width: 5rem;
}
.no-url svg path {
    fill: rgb(12 68 117 / 25%);
}
.no-url span {
    color: rgb(0 0 0 / 50%);
}
.no-url:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.twitter-icon svg {
    width: 100%;
    height: auto;
}
.twitter-icon {
    width: calc(2rem - 0.285rem);
    height: calc(2rem - 0.285rem);
    background: #2554C7;
    padding: 0.25rem;
    margin: 2px 0px 3px;
}

.no-url .twitter-icon {
    background: rgb(12 68 117/25%);
}

.twitter-icon svg path {
    fill: #fff;
}

.linkedin-icon svg {
    width: 100%;
    height: auto;
}
.linkedin-icon {
    width: calc(2rem - 0.285rem);
    height: calc(2rem - 0.285rem);
    background: #2554C7;
    padding: 0.25rem;
    margin: 2px 0px 3px;
}

.no-url .linkedin-icon {
    background: rgb(12 68 117/25%);
}

.linkedin-icon svg path {
    fill: #fff;
}

.add-team-member > .add-member-photo {
    width: 100%;
    border: 1px dashed #858585;
    height: 180px;
}
.delete-member-img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.add-team-member .delete-member-img {opacity:0;}
.add-team-member:hover .delete-member-img { opacity:1; background:linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%)}
.delete-member-img svg:hover path { stroke:red}
.team-disabled .member-detail *, .team-disabled .section-title, .team-disabled .team-member svg {
    /* opacity: 0.35; */
    opacity: 0.35;
}
.notofication-menu {
    width: 15.1875rem;
}
.notofication-menu .nav .nav-item a { font-size:0.85rem;
}
.notofication-menu .nav .nav-item a.active .notification-name {font-weight: 700;}
.notofication-menu .nav .nav-item a.active .notification-name, .notofication-menu .nav .nav-item a:hover .notification-name {color: var(--primary);}
.notofication-menu .nav .nav-item a.active, .notofication-menu .nav .nav-item a:hover {
    background: var(--themeBgColor3);
}
.notofication-menu .nav .nav-item a .notification-name {color: var(--themecolor-700);}
.notofication-menu .nav .nav-item a .notification-count {color: var(--themecolor-500);}

.notofication-menu .nav .nav-item a.active, .notofication-menu .nav .nav-item a:hover {
    background: var(--themeBgColor3);
}
.notofication-menu .nav .nav-item a.active .notification-item-icon svg path,
.notofication-menu .nav .nav-item a:hover .notification-item-icon svg path  {stroke: var(--primary);}
.from-to-calander {
    width: 262px;
}
.notofications-content-col > div { min-height: calc(100vh - 230px);}
#notification-table .total-entries {
    top: 1rem;
    right: 1.5rem;
    line-height: 1.5;
    z-index: 100;
    float: none !important;
}
#notification-table .total-entries .paginate_button {
    border: 1px solid var(--neutral-gray-500, #666);
    margin-left: 0.5rem;
}
.mark-as-button:not(:disabled) {color: var(--secondary);}

.mark-as-button:disabled {color: var(--themecolor-500);}

.mark-as-button:not(:disabled) svg * {stroke: var(--secondary);}

.check-notification .custom-control {
    min-height: 1rem;
    height: 1rem;
    margin: 0.25rem;
}
.check-notification .custom-control-label::before, .check-notification .custom-control-label::after {
    left: -1rem;
    top: 0rem;
}
.notification-item {
    border-radius: 4px;
    background: #FFF;
    margin-bottom: 0.5rem;
}
.notification-item:not(.notification-unread) {border: 1px solid #CEDAE3 !important;}
.notification-item.notification-unread {background: #E7EDF2;border: 1px solid transparent !important;border-bottom-color: #CEDAE3 !important;}
.notification-date-col .notifi-date  {
    color: var(--themecolor-600);
    margin-top: 0px;
}
.message-envelop-icon {
    min-width: 1.5rem;
}
.notification-item h6 {line-height: 1.625rem;}
.notification-unread h6 { color: var(--primary)}
.message-envelop-icon svg { width:1rem}
.message-envelop-icon svg path {stroke: var(--primary);}
.notofications-content-col > div {
    min-height: 0;
}
.bootstrap-select.upload-type {
    width: 270px !important;
}
.excel-upload-status-modal {background: rgb(0 0 0 / 30%);top: 0;bottom: 0;left: 0;right: 0; z-index: 99;}
.excel-upload-status-body {box-shadow: 0px 4px 4px 0px rgba(2, 2, 2, 0.05); z-index: 99;
    left: calc(50% + 50px); top: 50%; transform: translate(-50%, -50px); border-radius: 0.5rem;padding: 2rem;max-width: 600px;}

.rc-active .excel-upload-status-body {
    left: calc(50% + 145px);
}
.gemtrade-vocabulary {
right: 0;
left: 70px;
top: 50px;
bottom: 0;
z-index: 99;
background: hwb(0deg 0% 100% / 20%);
}
.rc-active .gemtrade-vocabulary {left: 240px;}

.gc-vocabulary-modal {
    padding: 2rem;
    max-width: 44.5rem;
    width: min(45.5vw + 3rem, 44.5rem);
}
.gc-vcl-col {
border-bottom: 1px solid #CEDAE3;
}
.gc-vocabulary-body {
overflow: auto;
height: calc(100vh - 160px - 80px);
}
.web-update-dot li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: 3px;
    margin-left: 3px;
    background-color: #E0E0E0;
}
.btn.remind-me-later-btn { border-color: var(--themecolor-500); color: var(--themecolor-500);}
.btn.remind-me-later-btn:hover { background-color: var(--themecolor-500) !important; border-color: var(--themecolor-500) !important; color: #fff !important;}

.carousel-control-prev {left: -1rem;}
.carousel-control-next {right: -1rem;}

button.website-update-carousel-control {
    width: auto;
}
span.website-update-control-icon {
    font-size: 1.25rem;
    background-image: none;
    width: 1.5rem;
    color: #858585;
}
.website-update-modal button.modal-close:before {
    display:none
}
.website-update-modal button.modal-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4141 12L19.778 18.3639L18.3638 19.7782L11.9999 13.4142L5.63589 19.7782L4.22168 18.3639L10.5856 12L4.22168 5.63602L5.63589 4.2218L11.9999 10.5858L18.3638 4.2218L19.778 5.63602L13.4141 12Z' fill='%230C4475'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover; margin-right: 0;
}
.website-update-modal .modal-header :where(h1, h2,h3, h4, h5, h6) {
    font-size: 1.25rem;
}

.banner-text-col h2, .contact-content-col h2 {
    font-family: 'Kaisei Decol', serif;
    font-size: 2.75rem;
}
.section-border-on-hover {
    border: 2px solid transparent;
}

.section-border-on-hover:hover {
    border-color: #9EB4C8;
}

.section-border-on-hover .section-edit-col {
    opacity: 0;
}

.section-border-on-hover:hover .section-edit-col {
    opacity: 1;
}
.vendor-upload-icon{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); opacity: 0;
}
.banner-image-col:hover .vendor-upload-icon{
 opacity: 1;
}
.disabled-new-items h1 {
    color: rgb(77 77 77 / 35%);
}
.disabled-new-items .our-new-item-links svg rect {
    fill: rgb(231 237 242 / 50%);
}
.contact-image-col { width: 54%;}
.contact-image-bg-col { min-height: 25rem; background: #E7EDF2}

.contact-content-col { width: 46%;}

.add-photo-height {min-height: 11.75rem; min-height: 188px;}
.add-photo-weight {max-width: 160px; width:100%}

.contact-us-modal-label {width: 6.5rem;}
.discover_image_section .form-group label {
    font-size: 0.935rem;
}
#entrustedItemsModal .nav.nav-tabs.entrust-tabs,
#entrust-tabs.nav.nav-tabs.entrust-tabs,
.nav.nav-tabs.entrust-tabs {
    border-bottom-color: #CEDAE3;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    width: 100%;
    list-style: none;
    padding-left: 0;
}

#entrustedItemsModal .nav.nav-tabs.entrust-tabs .nav-item,
#entrust-tabs.nav.nav-tabs.entrust-tabs .nav-item,
.nav.nav-tabs.entrust-tabs .nav-item {
    display: flex !important;
    flex: 1 1 20%;
    min-width: 0;
    max-width: 20%;
    width: 20%;
    text-align: center;
    margin-bottom: -1px;
}

#entrustedItemsModal .nav.nav-tabs.entrust-tabs .nav-item .nav-link,
#entrust-tabs.nav.nav-tabs.entrust-tabs .nav-item .nav-link,
.nav.nav-tabs.entrust-tabs .nav-item .nav-link {
    display: block;
    padding: 0.4rem 0.15rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    border-radius: 0;
}

#entrustedItemsModal .nav.nav-tabs.entrust-tabs .nav-item .nav-link.active,
#entrustedItemsModal .nav.nav-tabs.entrust-tabs .nav-item .nav-link:hover,
#entrust-tabs.nav.nav-tabs.entrust-tabs .nav-item .nav-link.active,
#entrust-tabs.nav.nav-tabs.entrust-tabs .nav-item .nav-link:hover,
.nav.nav-tabs.entrust-tabs .nav-item .nav-link.active,
.nav.nav-tabs.entrust-tabs .nav-item .nav-link:hover {
    border-color: #CEDAE3;
    border-bottom-color: transparent;
}

.custom-tooltip {
    position: fixed;
    display: inline-block;
    cursor: pointer;
    top: 10px;
    left: 6px;
    z-index: 9999;
}
.custom-tooltip[data-tooltipbox="entrust-details"] {
    left: -6px;
}
/* Tooltip box */
.custom-tooltip .custom-tooltip-inner {
    min-width: 240px;
    color: #000;
    opacity: 1;
    transition: opacity .3s;
    border: 1px solid #cedae3;
    font-size: 1rem;
    background: #F1F6FA;
    border-bottom: 1px solid var(--primary-shades-blue-blue-100, #CEDAE3);
    border-radius: 0.25rem;
}

.entrust-icon:hover g  path {
    stroke: #C2528F;
}
.sub-title-text{
    color: var(--primary-shades-pink-primary-pink-500, #C2528F);
}
.trash-svg-hover-effect:hover svg path {
    stroke: #DD3444; /* Hover color */
}
.custom-tooltip .custom-tooltip-inner:before {
    content: '';
    position: absolute;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 10px solid #cedae3;
    left: 10px;
    top: -10px;
}
.custom-tooltip:has(.original-item-info-icon) .custom-tooltip-inner:before{
    border-bottom: 10px solid #2554C7;

}
.custom-tooltip .custom-tooltip-arrow-right:before, .custom-tooltip-right .custom-tooltip-inner:before {
    right: 10px; left: auto;
}
.custom-tooltip.custom-tooltip-right {
    left: 10px;
}

.custom-tooltip .custom-tooltip-header {
    color: #000;
    background-color: var(--themeBgColor2)!important;
    padding: 0.25rem 0.5rem;
    display: flex;
}

.custom-tooltip .custom-tooltip-body {
    padding: 0.5rem;
    font-size: .85rem;
    color: #666;
}
.custom-tooltip-title {
    font-size: 1rem;
    margin: 0;
    font-weight: bold;
}
.custom-tooltip-close {
    cursor: pointer;
    margin-left: auto;
}
.custom-tooltip-footer {
    padding: 0.25rem 0rem; margin: 0px 0.5rem;
    border-top: 1px solid #CEDAE3;
}
.alert-danger-custom {
    border-radius: 4px;
    border-left: 2px solid #B96E00;
    background: #FFF5E6;
}

.auto-synctime.form-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M10.5001 4.99935V9.99935L13.8334 11.666M18.8334 9.99935C18.8334 14.6017 15.1025 18.3327 10.5001 18.3327C5.89771 18.3327 2.16675 14.6017 2.16675 9.99935C2.16675 5.39698 5.89771 1.66602 10.5001 1.66602C15.1025 1.66602 18.8334 5.39698 18.8334 9.99935Z' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: center right 8px !important;
    padding: 0 2rem 0 0.5rem!important;
}


.template-details-item:not(:last-child) {
    border-right: 1px solid #CEDAE3;
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    display: inline-block;
}
.row.templates-row > div {
    border-top: 1px solid #CEDAE3;
}

.all-templates-btn-col .filter-option {
    padding-left: 31px !important;
    background-image: url("data:image/svg+xml,%3Csvg class='d-md-inline-block d-none mr-1' width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.83337 8.00016C3.83337 7.63197 4.13185 7.3335 4.50004 7.3335H12.5C12.8682 7.3335 13.1667 7.63197 13.1667 8.00016C13.1667 8.36835 12.8682 8.66683 12.5 8.66683H4.50004C4.13185 8.66683 3.83337 8.36835 3.83337 8.00016Z' fill='black'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.83337 4.00016C1.83337 3.63197 2.13185 3.3335 2.50004 3.3335H14.5C14.8682 3.3335 15.1667 3.63197 15.1667 4.00016C15.1667 4.36835 14.8682 4.66683 14.5 4.66683H2.50004C2.13185 4.66683 1.83337 4.36835 1.83337 4.00016Z' fill='black'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.83337 12.0002C5.83337 11.632 6.13185 11.3335 6.50004 11.3335H10.5C10.8682 11.3335 11.1667 11.632 11.1667 12.0002C11.1667 12.3684 10.8682 12.6668 10.5 12.6668H6.50004C6.13185 12.6668 5.83337 12.3684 5.83337 12.0002Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center left 10px;
    background-size: initial;
}
.collapse-template-setting[aria-expanded="false"] svg {
    transform: rotate(180deg);
}
.document-preview-header {
    & .company-primary-name, .company-secondary-name {
        max-width: 400px;
        & * { letter-spacing: 0px;}
    }
}
.invoice-preview { font-size: 0.9375rem; min-width: 1070px;
    font-family: var(--secondary-font-family);
    & * { letter-spacing: -0.5px;}
    & .tax-id-no { letter-spacing: 3px;}
    & .company-contact-info label { font-weight: 300; }
    & .secondary-lang:not(.d-none) ~ .primary-lang {
        margin-left: 20px;
        position: relative; display: inline-block;
    }
    & .secondary-lang:not(.d-none) ~ .primary-lang:before {
        content: '/';
        position: absolute;
        left: -13px;font-weight: bold;
    }
    & .secondary-lang, .primary-lang { border-radius: 4px;
        border: 1px solid transparent;
    }
    & .secondary-lang:hover, .primary-lang:hover {
        border-color: #000;
    }
    & .document-name-row {
    & span {
        margin-top: 2px;
        margin-bottom: 2px;}
    & .secondary-lang ~ .primary-lang {
        margin-left: 5rem;
        &:before {
        left: calc(-2.5rem - 5px);
        }
    }
    }
    & .details-label {
        padding-right: 0.75rem;
        white-space: nowrap;
        font-family: var(--secondary-font-family-medium);
    }
    & .company-details-left, .company-details-right {
        & table td {
            vertical-align: top;
            /* line-height: 1.15; */
            padding-bottom: 7px;
        }
        & .reciever-name {
            font-size: 1.125rem; line-height: 1.25;
        }
        & .id-tax-number {
            letter-spacing: 6px;
            font-family: var(--secondary-font-family-bold);
        }
    }
    & .document-table table {
        & th {
            font-family: var(--secondary-font-family-semibold);
            font-size: 14px;
            line-height: 1.5;
            padding: 5px 5px;
            & span {
                line-height: 1.425;
                display: block;
            }
        }
        & th.description-cell {
            min-width: 210px;
        }
        &  tbody td {
            font-size: 14px;
            font-family: var(--secondary-font-family-medium);
            padding: 0.425rem  5px;
        }
    }
    & .items-weight { min-width: 130px; width: 130px;}
    & .items-amount, .item-amount {
       padding-right: 12px !important;
    }
    & .items-amount, .total-amount-value {
        min-width: 150px; width: 150px;
    }
    & .total-amount-value {
        min-width: calc(150px - 0.75rem); width: calc(150px - 0.75rem);
    }
    & .total-amount {
        border-radius: 4px;
        padding: 0.75rem;
    }
    & .total-weight-value { padding-right: 5px; }
    & span.vat-value {
        display: inline-block;
        width: 90px;
    }
    & .summary-and-bank-details {
        /* border-top: 1px solid #e2e9ef; */
        margin-top: 2.5rem;
    }
    & .top-devider {border-top: 4px solid #e2e9ef; border-radius: 10px;}
    & .document-bank-details td {
        line-height: 1.25;
        padding-bottom: 0.33rem;
        vertical-align: top;
    }

    & .document-summary table.table tfoot {
        td {
            color: #2554C7;
        }
            tr.first-row td {
            border-bottom: 1px solid #CEDAE3 !important;
            padding: 5px;
        }
    }
    & .paid-by-section   {
        & > div {
        position: relative;
        padding-left: 42px;
        }
        & > div:before{
            content: '(';
            font-weight: bold;
            position: absolute;
            left: 0px;
        }
        & > div:after {
            content: ')';
            font-weight: bold;
            position: absolute;
            left: 27px;
        }
    }
    & .signature-inner {
        border-radius: 4px;
        border: 1px solid var(--neutral-gray-300, #A3A3A3);
        padding: 12px 20px;
            & .signature-date {
                margin-bottom: 36px;
            }
    }
    & .buyer-signature .signature-date { position:relative}
    & .seller-signature  .signature-date { position:relative}
    & .buyer-signature  .signature-date:after, & .seller-signature  .signature-date:after {content: '';width: 160px;border-bottom: 1px solid #333;display: inline-block;margin-left: 10px;margin-bottom: -4px;}

}
.manage-fields-modal { display: none;}
.manage-fields-modal:after {
    content: '';
    background: rgb(0 0 0 / 20%);
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    top: 0;
    z-index: 1;
}

.manage-fields-modal .modal-inner {
    position: fixed;
    right: 0;
    top: 80px;
    bottom: 0;
    width: 580px;
    background: white;
    z-index: 100; box-shadow: 0px 4px 4px 0px rgba(2, 2, 2, 0.05); padding: 2rem 2.125rem;
}
.fields-list-col {
    max-height: calc(100vh - 340px);
    overflow-y: auto;
    padding: 0px 1.75rem 0px 0px;
    margin-bottom: 1.5rem;    border-bottom: 1px solid var(--themeBgColor2);
}
.fields-header input.form-control {
    height: 3rem;
}
.fields-header .input-group-append .btn {
    padding-inline: 1.5rem;
}
.list-row {
    border-bottom: 1px solid var(--themeBgColor2);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    .list-items {
        & .form-row { padding-right: 26%; margin-inline: 0;
            & > .col {
                padding-inline: 0;
            }
            & > .col:first-child{ padding-right: 10px;}
        }
    }
    & .custom-switch {
        padding-left: 2.75rem;
        & .custom-control-label::before {
            width: 2rem;
            transform: translateY(-50%);
            top: 50%;
            left: -2.75rem;
        }
        &  .custom-control-label::after {
            transform: translate(0rem, -50%);
            top: 50%;
            left: calc(-2.75rem + 2px);
        }
        & .custom-control-input:checked~.custom-control-label::after {
            transform: translate(1rem, -50%);
        }
    }
}
.list-row:last-child {
    border-bottom: 0; margin-bottom: 0;
}
/* .document-detail .table-visible-btn-col {
    width: 18rem;
} */
.document-detail .table-visible-col {
    width: 18rem;
}
.document-detail .invoice_products  .dataTables_filter {
    margin-right: 18.5rem;
}
.eoe, .for-company {
    font-size: 1.25rem;
}
.for-company span {
    font-size: 1.35rem;
}
.button-with-search {
    margin-bottom: -36px;
}

.button-with-search .bootstrap-select {
    width: 154px !important;
}

.button-with-dtable-search .dataTables_filter {
    margin-right: 165px;
}
.button-with-dtable-search .bootstrap-select>.dropdown-toggle {
    padding: .315rem .75rem;
    /* height: 36px; */
}
span.entrust_span {
    padding: 2px .125rem;
    border: 1px solid transparent;
    min-width: 24px;
    display: inline-block;
}
span.entrust_span:hover {
    border-color: rgb(12 68 117 / 50%);
}
/* #addSplitStoneModal .table.dataTable td {
    padding: 9px 8px !important;
} */
a.dropdown-item.collapse-item:after{content:''; background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat no-repeat;background-position: center center;background-size: auto;width: 1rem;height: 1rem;right: 2rem;transform: rotate(0deg);position: absolute;top: calc(50% - 0.5rem);font-weight: bold;
}

a.dropdown-item.collapse-item[aria-expanded="true"]:after {
    transform: rotate(180deg);
}

.collapse-menu > div {
    padding: 0.75rem 1.5rem;
}

    .dataTables_wrapper .dataTables_filter label {
        border-radius: 8px !important;
        border: 1px solid #D1D5DB !important;
        padding-left: 20px !important;
        padding-right: 4px !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        max-width: 350px !important;
        display: inline-flex !important;
        align-items: center !important;
        background: #fff !important;
        height: 40px !important;
        /* margin-top : -5px; */
    }
    .dataTables_wrapper .dataTables_filter input {
       border: none !important;
        outline: none !important;
        box-shadow: none !important;
        padding: 8px 0 !important;
        width: 100% !important;
        background: transparent !important;
    }
    .dataTables_wrapper .dataTables_filter input::-moz-placeholder {
        color: #6c757d;
    }
    .dataTables_wrapper .dataTables_filter input::placeholder {
        color: #6c757d;
    }
    .dataTables_wrapper .dataTables_filter button {
      background-color: var(--primary) !important;
        border: none !important;
        border-radius: 8px !important;
        width: 35px !important;
        height: 35px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        padding: 0 !important;
        margin-left: 10px !important;
        margin-right : 5px;
        flex-shrink: 0 !important;
    }

@media (max-height:700px) {
    /* .sidebarnav ul>.nav-item { */
        /* padding-top: 0.69rem; */
        /* padding-bottom: 0.69rem; */
        /* margin-left: 1rem; */
    /* } */
}
@media (max-height:600px) {
    /* .sidebarnav ul>.nav-item { */
        /* padding-top: 0.57rem; */
        /* padding-bottom: 0.57rem; */
        /* margin-left: 1rem; */
    /* } */
}


@media (min-width:1400px) {
   .total-table-col {    max-width: 400px;  }
.bank-label-col {
    flex: 0 0 170px;
    max-width: 170px;
}


}

@media (max-width:1400px) and (min-width:1200px) {

.receiver-form-input-col {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 1px 0px;
}

}
@media (max-width:1350px) and (min-width:1200px) {
.prodcut-detail-right-col .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 130px;
}
}
@media (max-width:1400px) and (min-width:1200px) {
.setting-box svg { width: 2.75rem; }
.setting-box span { font-size: 1.2rem; }


.cost-columns>div { padding-left: 10px; padding-right: 10px; }
.stone-detail-row>div:first-child { max-width: 26%; flex: 0 0 26%; }
.stone-detail-row>div:nth-child(2) { max-width: 40%; flex: 0 0 40%; }

.invoiceImg {
    max-width: 90px;
    min-width: 90px;
}
.dotted-hover-remove.d-inline-flex.dotted-hover {
    width: 100%;
}


}

@media (max-width:1400px){

.userlinks>ul>li.nav-item .nav-link > svg {
    max-width: 1.35rem;
    max-height: 1.35rem;
}

.crm-history-tabs ul li .nav-link {
    padding: 0.45rem 0.75rem;
}
.rc-active .crm-history-tabs ul.nav-tabs, .rc-active .crm-customer-history-date {
    width: calc(100% - 0px);
}
.rc-active .crm-history-tabs .dataTables_filter, .rc-active .crm-customer-history {
    margin-top: 0rem !important;
}
}

.backBtnImg img {max-width: 20px;display: none;}

@media (max-width:1300px) and (min-width:1100px) {
.form-control { padding: .05rem .5rem;  }
.custom-input-group .input-group-text { padding: 4px 5px !important;
    /* width: 37px; */
 }
.adv-filter-btn { padding-left: 0.9rem; padding-right: 0.9rem; font-size: 0.9rem; }
/* .adv-btn { padding: 5px 0.45rem !important; } */
.adv-btn img { max-width: 20px }
.prof-dropdown .username { margin-right: 0.4rem; font-size: 1rem; }
.stone-detail-row>div:first-child { max-width: 45%; flex: 0 0 45%; }
.stone-detail-row>div:nth-child(2) { max-width: 55%; flex: 0 0 56%; }

}

@media (min-width:1450px) {
.rc-active .overviewboxlist li {
    width: calc(20% - 15px);
}
}
@media (min-width:1200px) and (max-height:750px) {

.sidebarin .sidebarnav ul .nav-link {
    overflow: hidden;
}
.sidebarin .dropdown-menu {
    max-height: 135vh;
    /* overflow-y: auto; */
}
.sidebarin .sidebarnav ul>.nav-item:nth-last-child(1) .dropdown-menu, .sidebarin .sidebarnav ul>.nav-item:nth-last-child(2) .dropdown-menu, .sidebarin .sidebarnav ul>.nav-item:nth-last-child(3) .dropdown-menu {
    top: auto;
    bottom: 0px;
}
}
@media (max-width:1300px) {
    .toprow img.setting-logo{
        margin-right: 72px !important;
    }
}
@media (max-width:1300px) {
html {font-size: 15px;}
.cost-stone-detail-col { display: flex !important; }
.cost-stone-detail-col>div { width: 100%; margin-top: 0.7rem !important; }
.cost-stone-detail-col>div:last-child { margin-left: 10px !important }
.cost-stone-detail-col>div:first-child { margin-right: 10px !important }
.invoiceImg {
    max-width: 90px;
    min-width: 90px;
}
.custom-card-header {
    padding: 0.9rem 1.25rem;
}
.custom-card-body {
    padding: 1.25rem;
}
.custom-card-header, .box-header, .custom-card-header-outline {
    padding: 1rem 1.25rem;
}
.scanto-dropdown svg {
     display: none !important;
}
.topsearches.vendor-topsearches {
    max-width: min(26rem + 11vw, 32rem);
}
.section-border-on-hover .section-edit-col {
    opacity: 1;
}
.button-with-search {
    margin-bottom: -34px;
}
}
@media (min-width:1200px) {
.sidebar, .sidebarbg, figure.logo { width: 240px; }
.sidebarnav {
    width: 240px ;
}

.dataTables_wrapper .dataTables_filter {
    max-width: 290px;
    width: 100%;
}
.memo-out-tab-content .dataTables_wrapper .dataTables_filter {
    max-width: 300px;
    width: 100%;
}
.history_table .dataTables_wrapper .dataTables_filter {
    max-width: 300px;
    width: 100%;
}
.customer-right-col .dataTables_wrapper .dataTables_filter, .customer-right-col .custom-search-col .input-group {
    max-width: 230px;
}
.crm-history-tabs ul.nav-tabs, .crm-customer-history-date {
    width: calc(100% - 250px);
}

}
@media (max-width:1199px) {
html {font-size: 14px;}
figure.logo, .sidebarbg { width: 240px; }
figure.logo.logoin img {
    max-height: 45px;
}
svg.header-action-icon {
    max-width: 2rem;
    height: auto;
}
.support-links {
    max-width: 228px;
}
.toprow img.setting-logo{
    margin-right: 56px !important;
}
#topsearches { display: none; }
#topsearches.vendor-topsearches { display: block; }
.admin-header #topsearches, .lab-header #topsearches, .logistics-header #topsearches { position: relative !important; background: none; padding: 0rem 1.5rem !important; }
.table td, .table th {
    padding: 0.5rem;
    font-size: 1rem;
}
.adv-filter-col-for-user .adv-btn:hover { color: #fff !important; }

.adv-filter-btn { padding-left: 1rem; padding-right: 1rem; }
.userlinks>ul>li.nav-item:not(:first-child) {margin-left: 0.55rem;}
.userdropdown .nav-link { line-height: 2.1rem; font-size: 1.5rem; }
.userdropdown .nav-link img { max-width: 21px; }
.userdropdown .dropdown-menu { margin-top: 1.52rem; min-width: 20rem; }
#profilelink img { max-width: 40px; }

.overviewboxlist li {
    width: calc(33.33% - 15px);
}
.rc-active .overviewboxlist li {
    width: calc(50% - 15px);
}
.overviewboxlist li h6 { font-size: 1.5rem; line-height: 1; }
.todo-list-title h4 { font-size: 1.2rem; }
.todo-list-add a { font-size: 1.5rem; }
.todo-desc { width: 100%; }
.todo-date { padding-left: 0px; width: 100%; margin-top: 0.5rem; }
.orderboxbg { font-size: 0.82rem; }
.ord-no { font-size: 2rem; }
#search_filters .modal-dialog { max-width: calc(950px - 30px); }
.adv-filter-col-for-user { max-width: 120px; }
.adv-filter-col-for-user .btn { width: auto !important; }
.prodcut-detail-right-col .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 140px; }
.sidebar, .sidebarbg, figure.logo { width: 230px; }
.sidebarnav {
    width: 240px ;
}
.sidebar-notifications { width: 240px !important; }
.right-content {
    width: calc(100% - 240px);
}

.stone-detail-row>div:first-child { max-width: 40%; flex: 0 0 40%; }
.stone-detail-row>div:nth-child(2) { max-width: 60%; flex: 0 0 60%; }
div[data-link-title] { display: none !important; }
.my-inventory-tabs.nav a.nav-link {
    margin-right: 0.325rem;
    font-size: 1.1rem;
    padding: 1rem 1rem;
}
.box-header {
    padding: 0.75rem 1.25rem;
}
    .box-border-top, .card-border-top {border-top-width: 0.425rem;}
.topsearches.vendor-topsearches {
    max-width: min(26rem + 11vw, 30rem);
}
.crm-history-tabs ul li .nav-link {padding-left: 0.5rem;padding-right: 0.5rem;}
.crm-history-tabs ul.nav-tabs, .crm-customer-history-date {
    width: calc(100% - 192px);
}
.customer-right-col .dataTables_filter, .customer-right-col .custom-search-col .input-group {
    max-width: 180px;
}
.profile-name h4 { font-size: 1.25rem;}
.rc-active .profile-name h4 { font-size: 1.125rem;}
.profile-picture-col > div {
    width: 4.25rem;
}
.notofication-menu {
    width: 100%;
}
.notofication-menu .nav .nav-item a {
    font-size: 1rem;
}
.notofication-menu .nav .nav-item a svg { max-height:1.25rem; max-width:1.25rem;
}
.notofication-menu .nav .nav-item {margin-right: 0.5rem;}
.rc-active .excel-upload-status-body {
    left: calc(50% + 114px);
}
.banner-text-col h2, .contact-content-col h2 {
    font-size: 2.125rem;
}
.banner-text-col p {
    font-size: 1rem;
}
.section-border-on-hover .section-edit-col svg {
max-width:1.75rem; max-height:1.75rem;
}
.manage-fields-modal .modal-inner {
    top: 73px; padding: 1.65rem;
}
.memo-out-tab-content .dataTables_wrapper .dataTables_filter {
    max-width: 260px;
    width: 100%;
}
.memo-out-tab-content .dataTables_wrapper .dataTables_filter input {
    max-width: 100% !important;
}
.button-with-search {
    margin-bottom: -32px;
}
}
/* media ends here */
button.dt-button.buttons-columnVisibility { background: none; box-shadow: none; border: 1px solid #ccc; }
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) { background: #e4e4e4; box-shadow: none; border-color: rgba(0, 0, 0, 0.28); }
button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) { background: #ccc; box-shadow: none; border-color: rgba(0, 0, 0, 0.06); }
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { background: #e4e4e4; box-shadow: none; border-color: rgba(0, 0, 0, 0.28); }
.table-list thead tr th:not(:first-child) label:before, .table-list thead tr th:not(:first-child) label:after { display: none }
.table-list thead .thead-checkbox { padding-top: 0px }
.table-list-rough thead tr th label:before, .table-list-rough thead tr th label:after { display: none }
.table-list-rough thead .thead-checkbox { padding-top: 0px }
.table-list-specimen thead tr th label:before, .table-list-specimen thead tr th label:after { display: none }
.table-list-specimen thead .thead-checkbox { padding-top: 0px }
.copyvaluecheck .custom-control-label::before { top: 0;    /* bottom: 0px; */ left: 0px; line-height: 36px; min-height: 34px; min-width: 40px; font-size: 24px; outline: none; background: transparent;
    border: 1px solid #000;
    border-radius: 0.25rem; }
.copyvaluecheck .custom-control-label::after { top: 0;    /* bottom: 0px; */ left: 0px; line-height: 36px; min-height: 34px; min-width: 40px; font-size: 24px; outline: none; background: transparent;
    border-radius: 0.25rem;}
.copyvaluecheck .custom-control-label::after { background: none !important }
/* .copyvaluecheck { padding: 0rem 1.4rem 0rem 2.2rem !important; line-height: 36.5px; margin-bottom: 0.25rem; } */
.table thead th, table.dataTable thead td, table.dataTable thead th {vertical-align: middle;border-bottom-width: 1px;font-weight: 500;color: var(--themecolor);}
.tooltip { position: relative; opacity: 1; }
.tooltip .tooltiptext { visibility: hidden; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 10px 7px; line-height: 1; position: absolute; z-index: 1; top: -24px; left: 0; }
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 8%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; }
.tooltip:hover .tooltiptext { visibility: false; }

.tooltip.bs-tooltip-auto[x-placement="left"] {
    margin-left: -10px;
}
.tooltip.bs-tooltip-auto[x-placement="left"] .arrow {
    top: calc(50% - 5px) !important;
}

.feed-inventory-dataTable .dataTables_wrapper .dataTables_filter {
    margin-right: 8rem;
}
#return-to-stock-table td input.form-control {border-color: #C2C2C2;
}

.return-delete-row:hover svg path {
    stroke: var(--danger);
}
@media (max-width:1199px) and (min-width:992px) {
.todo-list-title h4 { font-size: 1.2rem; }
.todo-list-add a { font-size: 1.5rem; }
.todo-desc { width: 100%; }
.todo-date { padding-left: 0px; width: 100%; margin-top: 0.5rem; }
.orderboxbg { font-size: 0.82rem; }
.ord-no { font-size: 2rem; }
#topsearches.vendor-topsearches { top: 0px !important; }
.alert-custom h5 { font-size: 1rem; }

.custompadding {
    padding: 1rem 1rem;
}
body { padding-top: 0;}
.wrapper.content-wrapper:not(nav.sidebarnav) {
    padding-top: 66px;
}
}
@media (max-width:991px) {
html { font-size: 14px; }
body { padding-top: 0;}
.wrapper.content-wrapper {
    padding-top: 55px;
}
.topsearches .form-control, .topsearches input.form-control, .topsearches select.form-control, .topsearches .bootstrap-select>.dropdown-toggle { min-height: 30px; padding: 0px; }


.modal-body {
    padding:1rem
}
.modal-footer {
    padding: 1rem;
}
.modal-body+.modal-footer {
    padding: 0rem 1rem 1rem;
}
body .adv-filter-col-for-user .adv-btn { padding: 0.4rem 0.4rem !important; }
figure.logo, .sidebarbg { width: 190px; }
.sidebar { width: 190px; font-size: 1rem; }
.adv-filter-col { padding: 0px 5px !important; }
.adv-filter-col-for-user { padding: 0px 0px 0px 5px !important; }
/* .adv-filter-btn { width: 75%; } */
/* .user-search-btn { width: auto; background: #175163; } */
.user-filter-col span, .user-filter-col .btn { width: 100%; }
#topsearches { display: none; }
.admin-header #topsearches, .lab-header #topsearches, .logistics-header #topsearches { position: absolute !important; background: #dfdfdf; padding: 1rem 1.5rem !important; width: 100% !important; }

.top-bar { position: relative; }
/* .sidebarnav ul .nav-link {
    padding: 0 3.75rem 0 0;
} */
 .sidebarnav ul .nav-link > em.fa {
    right: 0.75rem;
}
.backlink a.fa { font-size: 2.5rem; font-size: 1.9rem; color: #3D6991; }
.userdropdown .nav-link img { max-width: 15px; width: 15px; min-width: 15px; }
.userdropdown .nav-link { font-size: 1.1rem; }
.userdropdown .dropdown-menu { margin-top: 1.9rem; min-width: 20rem; }
#profilelink img { max-width: 50px; }
#profilelink .avatar { max-width: 34px; max-height: 34px; }
.prof-dropdown .username { padding-right: 1rem !important; }

.sidebarnav ul .nav-link span {        white-space: normal;
/* padding-left: 27px;  */
padding-top: 0px; }
.sidebarnav .dropdown-item {color: inherit;/* padding-left: 3rem; */white-space: normal;padding: 0rem 1rem 0rem 1.35rem;}
.sidebarnav .drp-counter .dropdown-item {padding-right: 3.5rem;white-space: normal;}
.sidebarin .sidebarnav .drp-counter .dropdown-item {padding-right: 3.4rem;white-space: nowrap;}
.sidebarin .sidebarnav .dropdown-item {padding: 0.1rem 1rem;font-size: 1rem;}
.linkcounter {

    right: 0.5rem;
}

.todolist ul li { font-size: 0.95rem; }

.invoice-setting .form-control { width: 70px; }
#search_filters .modal-dialog { max-width: calc(100% - 50px); }


.todolist ul li { font-size: 0.95rem; }

.invoice-setting .form-control { width: 70px; }

.overviewboxlist { padding: 1rem .5rem 0px; }
.overviewboxlist li { width: calc(50% - 15px);}

.vend-desc { font-size: 0.9rem; }


.setting-box-icon svg { max-width: 2.5rem; }
.setting-box span { font-size: 1.2rem; }
.promotion-title h3 { font-size: 1.35rem; }
.associattion-promotion-icon i.fa { font-size: 2rem; min-width: 3.75rem; height: 3.75rem; }
.sidebar, .sidebarbg, figure.logo { width: 190px ; }
.sidebarnav { width: 188px !important; }
.sidebar-notifications { width: 190px !important; }
.invoices-tabs .nav-link { padding-left: 1rem !important; padding-right: 1rem !important; }
.cost-stone-detail-col { flex-wrap: wrap; }
.cost-stone-detail-col>div:last-child { margin: 15px 0px 0px !important }
.cost-stone-detail-col>div:first-child { margin: 0px !important }
.header.fixed-top.donotprint{
    margin-left: 190px !important;
}

.stone-detail-row>div:first-child { padding-right: 0px; }
.right-content {
    width: calc(100% - 190px);
}
.right-content.general-setting-content {
    padding-left: 17rem;
}
.sidebarbg {
    top: 0px !important;
}
svg.header-action-icon {
    max-width: 1.5rem;
    height: auto;
}
figure.logo.logoin img {
    max-height: 3rem;
}
.usercol>a {
    padding: 0.75rem 0.5rem;
    font-size: 0.96rem;
}
.section-box {
    padding: 1rem;
}
.my-inventory-tabs.nav a.nav-link {
    margin-right: 0.325rem;
    font-size: 1.1rem;
    padding: 0.9rem 0.75rem;
}
.auto-populate-price { max-width:100%}
.order-customer-col .dropdown.bootstrap-select {
    min-width: 11rem;
}
.general-sidebar-title {
    margin: 1rem 1rem 0.4rem;
}
.general-sidebar-title h6 {font-size: 1.1rem;}
.general-sidebar ul li.nav-item > a {
    padding: 0.3rem 2rem 0.3rem 2.75rem;
}
.general-sidebar ul li .dropdown-item {
    padding: 0.25rem 1.5rem 0.25rem 3.5rem;
}
.general-sidebar ul li.nav-item > a:after {
    right: 0.5rem;
}
.general-sidebar-title svg {padding-right: 2px;}
.dataTables_wrapper .dataTables_scroll ~ .dataTables_info, .dataTables_wrapper table.datatable ~ .dataTables_info {
    width: 50%;
    justify-content: end !important;
}
.dataTables_wrapper .dataTables_scroll ~ .dataTables_length, .dataTables_wrapper table.datatable ~ .dataTables_length {
    width: 50%;
}
.dataTables_wrapper .dataTables_scroll ~ .dataTables_paginate, .dataTables_wrapper > table.datatable ~ .dataTables_paginate {
    width:100%;
    text-align:center;
    padding-top: 0 !important;
}
.dataTables-lip .dataTables_wrapper .dataTables_scroll ~ .dataTables_length, .dataTables-lip > table.datatable ~ .dataTables_length, .dataTables-lip .dataTables_scroll ~ .dataTables_info, .dataTables-lip > table.datatable ~ .dataTables_info, .dataTables-lip .dataTables_scroll ~ .dataTables_paginate, .dataTables-lip > table.datatable ~ .dataTables_paginate {
    margin-top: 1.1rem;
}
.company-detail-table.inventory-attribute-datatable .dataTables_filter {
    max-width: 170px;
}
.attribute-sorting-by {
    width: 9.5rem;
}
.inventory-attribute-datatable div#DataTables_Table_0_length {
    margin-right: 10rem;
}
    .userlinks>ul>li.nav-item:not(:first-child) {
    margin-left: 0.75rem;
}
.dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_length label {
    margin-bottom: 1rem;
}
.dataTables_wrapper .dataTables_filter {
    max-width: 250px;
}
.company-detail-table .dataTables_filter {
    max-width: 250px;
}
.beginner-description h4 {
    font-size: 1.25rem;
}
.analytics-data-row > div:not(:last-child), .analytic-pie-chart:not(:last-child) {
    border-right: 0;
}
.analytics-data-row > div:not(:nth-child(even)), .analytic-pie-chart:not(:nth-child(even)) {
    border-right: 2px solid var(--themeBgColor2);
}
.rc-active .crm-history-tabs ul.nav-tabs, .rc-active .crm-customer-history-date {
    width: calc(100% - 170px);
}.crm-history-tabs ul li .nav-link {
    padding-left: 0.25rem; padding-right: 0.25rem;
}

.rc-active .crm-history-tabs .dataTables_filter {
    margin-top: -3.35rem !important;
}

.rc-active .crm-customer-history {
    margin-top: -3.5rem !important;
}

.rc-active .customer-right-col .dataTables_filter {
    max-width: 160px;
}
.customer-right-col .dataTables_filter, .customer-right-col .custom-search-col .input-group {
    max-width: 180px !important;
}
.bootstrap-select.upload-type {
    width: 250px !important;
}
.rc-active .excel-upload-status-body {
    left: calc(50% + 94px);
}
.carousel-control-prev {left: -0.5rem;}
.carousel-control-next {right: -0.5rem;}
.contact-image-col {width: 100%;min-height: 20rem;}

.contact-content-col { width: 100%;}
.feed-inventory-dataTable .dataTables_wrapper .dataTables_filter {
    margin-right: 0rem;
}
/* .document-detail .table-visible-col {
    width: 18rem;
} */
/* .document-detail .invoice_products  .dataTables_filter {
    margin-right: 0rem;
    margin-top: 10px;
}
.document-detail  span.list-search-icon {
    position: absolute;
    top: -82px;
    right: 19rem;
} */
.toprow img.setting-logo{
    margin-right: 36px !important;
}
}
@media (max-width:992px) and (min-width:768px) {
    .modal-dialog.modal-lg {
        max-width: 700px;
    }
.adv-filter-col-for-user { max-width: 105px; }
.top-search-right .topsearch-col { padding: 0px; }
#topsearches.vendor-topsearches { top: 0px !important; }
a.btn.helpcenter-btn { font-size: 15px; }
div.dt-button-collection {
    width: 98% !important;
    left: 1% !important;
    max-height: 90%;
    top: 0 !important;
    transform: translate(0%, 0%);
    margin: 0px !important;
}
.support-links {
    max-width: 190px;
}
.maintitle {
    margin-bottom: 0px;
    font-size: 1.25rem;
}
.maintitle-md {
    font-size: 1.5rem;
}
.maintitle.maintitle-lg {
    font-size: 1.85rem;
}
.order-summary-tab-content div.dataTables_filter {
    max-width: min(200px, 30%);
}
.domain-name-box {
    width: min(13rem, 100%);
}
}
.sidebarin.sidebar, .sidebarin .sidebarbg, figure.logo.logoin {width: 72px !important ;min-width: 72px !important;}
.sidebarin.adminsidebar, .sidebarin .adminsidebarbg, figure.logo.logoin {width: 100px !important ;min-width: 100px !important;}

.sidebarin.sidebar .sidebarnav {width: 72px !important;min-width: 72px;}
.sidebarin.adminsidebar .sidebarnav {width: 100px !important;min-width: 80px;}


@media (max-width:1025px) and (max-height:550px) {
    .sidebarin .sidebarnav {
        position: relative;
        overflow-y: visible;
        top: 0px !important;
}

}
/* media query for sidebar */
@media (max-width:1100px) {

    /* .sidebarin .sidebarnav .dropdown-item {
        padding: 0rem 1rem;
    } */
    /* .sidebarnav ul>.nav-item { */
    /* padding-top: 1rem; */
    /* padding-bottom: 1rem; */
    /* margin-left: 1rem; */
/* } */
/* .sidebarnav ul {
    padding-top: 0.5rem;
} */

}

@media (min-width:768px) {
 .modal-dialog.modal-md:not(.modal-lg) {
    min-width: 680px;
}
}

@media (max-width:767px) {
html {
    font-size: 13.5px;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.lg-logo { display: none; }
.sm-logo { display: block; }

.sidebarin .sidebarnav ul .nav-link span { display: none; }
.sidebar, .sidebarbg { width: 70px; }

aside.sidebar.mobile-fixed { position: fixed; z-index: 1020; top: 54px; }

aside.sidebar.sidebarin { position: static; }
aside.sidebar:after { content: ''; position: fixed; background: rgb(0 0 0 / 60%); top: 0; right: 0; bottom: 0; left: 0; z-index: -1029; display: none; }
.sidebarnav {
    /* position: relative;  Remove this property as it disturbe the mobile view of erp*/
    /* top: 0px !important; */
}

.sidebarin .sidebarnav .dropdown-item { white-space: nowrap; }

.sidebarin .dropdown-menu {

    max-height: 135vh;
    /* overflow: auto; */
}

.backlink a.fa { font-size: 2rem; }
.overviewboxlist li { width: calc(50% - 15px);        /* margin: 0 1% 2%; */  min-height: 75px;}

.bars-dropdown.userdropdown .dropdown-menu { min-width: 18rem; }
.bulk-add-gemstone h2 { font-size: 1.6rem; }
.bulk-add-gemstone-col { margin-top: 3rem; }
.invoice-forms { margin-bottom: 2rem; }
#search_filters .modal-dialog { max-width: calc(100% - 30px) !important; margin: 0.5rem auto; }
#topsearches.vendor-topsearches { display: none; }
.adv-filter-col-for-user { max-width: none; }
body .adv-filter-col-for-user .adv-btn { padding: 0.4rem 1rem !important; border: 1px solid #fff !important; color: #fff !important; width: auto !important; padding: 0.4rem 0.75rem !important; }
.adv-filter-col-for-user .adv-btn.header-list-btn { min-width: 0 }

.btn-plus-icon { max-width: 15px; }
.dataTables_wrapper div.dt-buttons { float: left !important; text-align: left; }
.add-gemstone-active .dataTables_wrapper { margin-top: 0px; }
.add-gemstone-active .add-gemstone-form { margin-left: 0px; margin-right: 0px; z-index: 10; }

.table-head-note { margin-bottom: 5px !important; margin-top: 0.25rem !important; }
.dataTables_scrollHeadInner .table-with-header-note { margin-top: 0px !important; }
a.btn.helpcenter-btn { font-size: 14px; }
.table-head-center-col {
    font-size: 0.85rem;    line-height: 1.25;
}
.sd-col .form-control { max-width: 100%; width: auto; }
.stone-detail-row>div:first-child { max-width: 100%; padding-right: 15px; flex: 0 0 100%; }
.stone-detail-row>div:nth-child(2) { max-width: 100%; flex: 0 0 100%; }
.entriestable-row .nav-tabs .nav-item .nav-link {/* border-color: #e7e7e7 !important; */border-radius: 0;margin: 3px 1px 0px;}

.vendor-topsearches .top-search-right {
    width: auto;
}
.sidebar-overflow.active {
    position: fixed;
    z-index: -11;
    background: rgb(0 0 0 / 70%);
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0px;
}
.overflow-hidden { overflow: hidden; }
.rc-active .overviewboxlist li {
    width: calc(50% - 15px);
}

.datatable-tab-content {
    padding-top: 0px;
}

.th-note { border-bottom: 1px solid #ccc !important; }

.dropdown-currency-col {
    width: 55%;
}
.prodcut-detail-right-col .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
   width: 140px
}

.dataTables_scrollFootInner, .dataTables_scrollFootInner table {
    width: auto !important;
}

table.fixedHeader-floating {
    display: none !important;
}
.invoiceImg {
    max-width: 60px;
    min-width: 58px;
}
.total-table-col table {
    width: auto !important;
    margin-left: auto;
    min-width: 300px;
}
.datatable-tab-content > .nav-link {
    margin-top: 0px;
}
.custompadding {
    padding: 1rem 1rem;
}
div.dt-button-collection {
    width: 98% !important;
    left: 1% !important;
    max-height: 90%;
    top: 0 !important;
    transform: translate(0%, 50%);
}
div.dt-button-collection > div {
    display: flex;
    float: none !important;
    flex-wrap: wrap;
}
.sidebarin .sidebarnav ul .nav-link {
    padding: 0rem 1rem 0rem 1rem;
}
.support-links {
    max-width: 188px;
}
.sidebarin .support-links {
    max-width: 77px !important;
}
.logo img {
    max-height: 39px;
}
.userdropdown .dropdown-menu div#notifications {
    overflow-y: auto;
    padding: 0.75rem;
    height: min(700px, 70vh);
}
.topsearches {
    display: none;
    position: fixed !important;
    left: 0;
    right: 0;
    background: #2554C7;
    box-shadow: 0px 10px 10px 0px #d5d5d5;
    padding-left: 1rem;
}
.topsearches .row {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}
.userdropdown .nav-link {
    line-height: 1.5rem;
}
.notificCounter {
    right: -0.35rem;
    font-size: .75rem;
    top: -0.24rem;
}
a#searchicon {
    color: white !important;
}
.sticky-row .progress-col .sticky-progress {
    position: fixed;
    left: -150%;
    top: 0;
    bottom: 0;
    width: 200px;
    background: #007bff;display: none !important;
}
.sticky-row .progress-col .sticky-progress.active {
    display: block !important;
    padding-top: 1rem;
    overflow-y: auto;
}
.sticky-row .progress-col ul li {
    padding: 0px 0rem 1rem;
}
.dropdown.custom-dropdown-menu .dropdown-item {
    font-size: 1rem;
}
.modal-body-row .tab-content {
    overflow-y: auto;
    max-height: calc(100vh - 17.5rem);
}
.tab-sidebar .nav.nav-tabs li.nav-item {
    flex: 0 0 50%;
    max-width: 50%;
    border-bottom: 1px solid #dcdedf;
}
.single-page-accordian .card-header a svg {
    width: 1.5rem;
    height: 1.5rem;
}
li.selected-items-text {
    width: 100%;
}
.my-inventory-tables .dataTables_wrapper .dataTables_filter input {
    min-height: 2.25rem;
}
.my-inventory-tables .dataTables_wrapper .dataTables_filter label {
    margin-bottom: 0.75rem;
}
.right-content {
    padding: 1.25rem 1rem 3.5rem;
}
.sidebarbg {

    border-right: 1px solid #9EB4C8;
}
.sidebarnav ul .nav-link > em.fa {width: 0.85rem;height: 0.85rem;right: 0.85rem;top: calc(50% - 0.4rem);}

.sidebarnav ul .nav-link {padding: 0 2.25rem 0 1rem;}
    .my-inventory-tabs.nav{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
.my-inventory-tabs.nav a.nav-link {
    max-width: 100%;
    margin: 0px 0.25rem 0.5rem;
}
 .maintitle.maintitle-lg {
    font-size: 2rem;
}
.sidebarin.sidebar, .sidebarin .sidebarbg, figure.logo.logoin, .general-setting-sidebar {
    width: 72px !important;
    min-width: 72px;
}
.sidebarin.sidebar .sidebarnav {
    width: 72px !important;
    min-width: 72px;
}
.sidebarin.adminsidebar, .sidebarin .adminsidebarbg, figure.logo.logoin, .general-setting-sidebar {
    width: 100px !important;
    min-width: 100px;
}
.sidebarin.adminsidebar .sidebarnav {
    width: 100px !important;
    min-width: 80px;
}
.radios-button-col .row .col.col2 {
    max-width: 12rem;
}
.topsearch-col {

    max-width: 100%;
}
.custom-card-header, .box-header, .custom-card-header-outline {
    padding: 0.9rem 1rem;
}
.custom-card-body {
    padding: 1rem;
}

.order-summary-tab-content .column-visibility-col {
    margin-bottom: 1rem;
}
.order-summary-tab-content  .dataTables_wrapper .dataTables_filter label {
    margin-bottom: 1rem;
}
.company-select-btn-col .btn {
    min-width: auto; width:100%
}
 .company-logo-col {
    max-width: 60px;
}
    .company-detail-table .dataTables_filter {
    width: 100%;
    max-width: 50%;
    margin-top: 0 !important;
}

.back-to-erp span {
    display: none;
}
    .menulink-row .menulink {
    position: absolute;
    background: white;
    left: 100%;
    display: none;
    box-shadow: 2px 2px 5px 0px rgb(206 206 206);
    top: 0px; z-index:10;
}


.general-sidebar ul li .dropdown-item {
    padding: 0.5rem 1.5rem 0.5rem 1.75rem;
}

.menulink-row {
    position: relative;
}

.menulink-row:hover .menulink {
    display: block;
    padding: 0.5rem 0px;
}
.general-sidebar ul li.nav-item > a {
    padding: 0.5rem 1rem;
    min-width: 13rem;
}
.general-sidebar ul li.nav-item > a.dropdown-toggle {padding-right: 2.5rem;}

.general-sidebar ul li.nav-item > a:after {
    right: 0.9rem;
}
.general-sidebar-title span ( display:none)
.general-sidebar-title svg {

}
li.general-sidebar-title {
    margin: 1.5rem 0.5rem 0;
    position: relative;
}
li.general-sidebar-title:after {
    content: "\f107";
    font-family: 'FontAwesome';
    border: none;
    vertical-align: middle;
    font-weight: 900;
    font-size: 1.125rem;
    line-height: 1;
    position: absolute;
    right: 0;
    top: calc(50% - 0.5rem);
    transform: rotate(-90deg); transform:linear 0.2s;
    }
.menulink-row:hover li.general-sidebar-title:after {transform: rotate(90deg); }
.general-sidebar-title svg {
    max-width: 1.65rem;
    padding-right: 0px;
    margin-right: 0px !important;
    margin: 0px auto !important;
}
.general-sidebar-title h6 span {
    display:none
}

.dataTables_wrapper .dataTables_scroll ~ .dataTables_paginate,
.dataTables_wrapper > table.datatable ~ .dataTables_paginate {
    float: left;
}
.available-columns .column-selection {
    max-height: 380px;
}
.displayed-columns .drag-visibilty-columns {
    max-height: 380px;
}
.inventory-attribute-datatable div#DataTables_Table_0_length {
    margin-right: 0rem !important;
}
.attribute-sorting-by {
    width: 15rem;
    margin-bottom: 1rem;
}
.inventory-attribute-datatable .attribute-filter-by {
    margin-bottom: 1rem;
    margin-right: 8rem;
}
.inventory-attribute-datatable .attribute-sorting-by {
    margin-bottom: -2.25rem;
}
.domain-name-box {
    width: min(13rem, 100%);
}
.table-action-items li svg *, .table-action-list li svg {
    max-height: 1rem;
    max-width: 1rem;
}
 .topsearches.vendor-topsearches {
    max-width: 100%;
    border-top: 1px solid rgb(88 127 161 / 46%);
}
.analytic-pie-chart:not(:nth-child(even)) {
    border-right: 0;

}
.analytic-pie-chart:not(:nth-child(1)) {
    border-top: 2px solid var(--themeBgColor2);
    padding-top: 1rem;
}
.crm-history-tabs ul.nav-tabs, .crm-customer-history-date {
    width: calc(100%);
}
.crm-history-tabs .dataTables_filter, .crm-customer-history {
    margin-top: 0rem !important;
}
.notification-item {padding-left: 0.75rem;padding-right: 0.75rem;}
    #notification-table .total-entries {
    margin-top: 1rem;
     position:static !important;
}

.bootstrap-select.upload-type {
    width: 210px !important;
}
.excel-upload-status-body { width: 500px; padding: 1.5rem;}
.document-detail .invoice_products  .dataTables_filter {
    margin-right: 0; margin-top: 0.5rem;
}

}
@media (max-width:640px) {
    .button-with-search {
        margin-bottom: 10px;
    }.button-with-search .bootstrap-select {
        width: 174px !important;
    }
}
@media (max-width:576px) {
.userdropdown .nav-link {font-size: 1.13rem;}
#profilelink img { max-width: 40px; }
.prof-dropdown .username { display: none; }
.userdropdown .dropdown-menu { margin-top: 1.5rem; }
.usercol img { width: 30px; height: 30px; }
.usercol>a { padding: 0.67rem 0.7rem; font-size: 0.9rem; }

.adv-filter-col-for-user { flex: 0 0 100%; max-width: 100%; }
.overviewboxlist li { width: calc(100% - 15px);        /* margin: 0 1% 2%; */ min-height: 70px; padding: 1rem 1rem; min-height: 50px; padding: 0.75rem 1rem; }
.maintitle {font-size: 1.2rem;}
    .maintitle-md {
    font-size: 1.5rem;
}
    .maintitle.maintitle-lg {
    font-size: 2rem;
}
aside.sidebar.sidebarin { position: static; }
aside.sidebar { position: fixed; left: 0px; top: 0px; }
.stone-history-circle { width: 100px; min-width: 100px; }

.adv-filter-col-for-user .btn:not(:last-child) { margin-right: 7px !important; }
.advanced-search-mobile { padding: 0px 0px; }
/* .topsearch-col { padding: 0px 0px; } */
.stonedetail-title {
    padding: 10px 15px 10px 25px;
    margin-left: -25px;
    font-size: 14px;
}
.table-head-right-col {
    min-width: 0px;
}
.dropdown-currency-col {
    width: 100%;
}
.prodcut-detail-right-col .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 60%;
}
.my-inventory-tabs.nav a.nav-link {
    border-color: #727272 !important;
    /* margin: 0px 0.25rem 0.5rem; */
    font-size: 1.1rem;
    padding: 0.75rem 1rem;
}
.new-item-btn .btn svg { display: none;}
.filter-stones-btn > .btn {
    /* padding-top: 0.5rem !important; */
    /* padding-bottom: 0.5rem !important; */
}
.radios-button-col .row .col {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 0.25rem;
}
.company-detail-table .dataTables_filter, .company-detail-table.inventory-attribute-datatable .dataTables_filter {
    width: 100%;
    max-width: 100%;
    float: none !important;
}

.company-detail-table .dataTables_wrapper, #payment-methods-body .dataTables_wrapper, #assigned-banks-body .dataTables_wrapper {
    margin-top: 0;
}
.assigned-banks-button {
    max-width: none;
    margin-bottom: 1rem;
}

.table-emails-datatable .dataTables_scroll {
  margin-top: 1rem;
}
.history-table-col .dataTables_wrapper .dataTables_length:first-child {
    width: 100%;
    margin-left: 0rem;
}
 .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: center;
    width: 100%;
    margin-left: 0rem;
    max-width: 100%;
    margin-top: 0;
}

.dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_length label {justify-content:center;margin-bottom: 0.75rem !important;}
.table-emails-datatable .dataTables_filter label {
    margin-bottom: 0rem;
}


.company-detail-table .dataTables_wrapper  .datatables_scroll {
    padding-top: 0rem !important;
}
.dataTables_wrapper .dataTables_scroll ~ .dataTables_length,
    .dataTables_wrapper > table.datatable ~ .dataTables_length,
    .dataTables_wrapper .dataTables_scroll ~ .dataTables_info,
    .dataTables_wrapper > table.datatable ~ .dataTables_info,
    .dataTables_wrapper .dataTables_scroll ~ .dataTables_paginate,
    .dataTables_wrapper > table.datatable ~ .dataTables_paginate {
    margin-top: 0.75rem;
    width: 100% !important;
    float: none !important;
}
.company-detail-table .dataTables_wrapper .dataTables_scroll ~ .dataTables_info, .company-detail-table .dataTables_wrapper table.datatable ~ .dataTables_info {
    min-height: 2rem;
}
.company-detail-table .dataTables_wrapper .dataTables_scroll ~ .dataTables_paginate, .company-detail-table .dataTables_wrapper table.datatable ~ .dataTables_paginate {
    justify-content: center;
    min-height: auto;
}
.dataTables_wrapper .dataTables_scroll ~ .dataTables_info, .dataTables_wrapper table.datatable ~ .dataTables_info {
    justify-content: center !important;
    min-height: auto;
}
.dataTables-lip .dataTables_wrapper .dataTables_scroll ~ .dataTables_length select {
    height: 2rem;
}
.title-col~div {
    margin-top: 0.5rem;
}
.dataTables_length {
    float: none !important;
    margin-left: 0px;
}
.company-detail-table .dataTables_length label select, .company-detail-table .dataTables_filter label input {
    /* height: 2.625rem !important; */
}
.attribute-sorting-by {
    margin-right: auto;
}
.inventory-attribute-datatable .attribute-filter-by {
    margin-right: auto;
    display: inline-block;
}
.inventory-attribute-datatable  .attribute-sorting-by {
    margin-right: auto; display: inline-block;
}

.domain-name-box {
    width: min(22rem, 100%);
}
.userlinks>ul>li.nav-item:not(:first-child) {
    margin-left: 0.5rem;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {

max-height: 70vh !important;
}
.customer-right-col .company-detail-table .dataTables_wrapper {
    margin-top: 0rem !important;
}
.customer-right-col .dataTables_filter, .customer-right-col .custom-search-col .input-group {
    max-width: 100% !important;
}
.col-auto.select-items {
    position: absolute;
    top: 77px;
}
.excel-upload-status-body { min-width: 350px; padding: 1rem;}
.our-new-item-edit .section-edit-col, .discover-our-products-edit .section-edit-col {
    position: static !important;
    display: flex;
}
.our-new-item-edit .section-edit-col > *, .discover-our-products-edit .section-edit-col > *:first-child {
    margin-left: auto;
}
}
@media (max-width:414px) {
    html {
    font-size: 12.25px;
    font-size: 13.25px;
}

body { line-height: 1.35; }
.maintitle { margin-bottom: 0px; font-size: 1.2rem; }


div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button {
    width: calc(33.333% - 5px) !important;
    white-space: normal;
    margin-right: 5px;
}
.bulk-add-gemstone-col .form-group { margin-bottom: 0.5rem; }
.maintitle { font-size: 1.4rem; }

.maintitle.maintitle-md {
    font-size: 1.5rem;
}
.nav-tabs .nav-link { padding-left: 0.75rem; padding-right: 0.75rem; }
.entriestable-row .nav-tabs .nav-item .nav-link { border-radius: 0; margin: 0px 1px 3px }

.entriesbg .invoices-tabs.nav-tabs .nav-item .nav-link { margin-bottom: 0; }
.create-invoice-button-col .btn { width: 100%; }
.custompadding {
    padding: 1rem 1rem;
}
#topsearches { padding: 0.75rem 0.5rem !important; }
.custom-input-group .input-group-text { padding: 2px 4px !important; }
.custom-input-group .input-group-text.igt-info-icon { padding: 2px 2px !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0.1em 0.45em; }
.dataTables_length label {/* max-width: 90px; *//* overflow: hidden; */}
.dataTables_length label select {min-width: 50px;margin-left: 0.25em !important;margin-right: 2rem !important;}

body .dataTables-lip .dataTables_wrapper .dataTables_length label select, body .dataTables_wrapper .dataTables_scroll ~ .dataTables_length label select {
    margin-right: 0.45rem !important;
}
.nav.nav-tabs:not(.crm-history-tabs .nav-tabs):not(.entrust-tabs) {flex-direction: column;}
#entrustedItemsModal .nav.nav-tabs.entrust-tabs,
#entrust-tabs.nav.nav-tabs.entrust-tabs {flex-direction: row !important;}
.inventory-audit-btns .btn { display: block; width: 100%; margin-bottom: 5px; }


span.dashboard-value {
    font-size: 1.15rem;
}
.total-table-col table {
    width: auto !important;
    margin-left: auto;
    min-width: 270px;
}
.userlinks>ul>li.nav-item:not(:first-child) {
}
.userlinks>ul>li.nav-item .nav-link > svg {
    max-width: 1.15rem;
    max-height: 1.15rem;
}
.excel-upload-status-body { min-width: 280px;}
}
@media (max-width:380px) {
.maintitle { font-size: 1.3rem; }

.maintitle.maintitle-md {
    font-size: 1.55rem;
}
figure.logo, figure.logo.logoin {width: 145px !important;min-width: 145px;padding: 0.75rem 0.75rem;}
.row.entriestable-row > .col-12 {
    padding-right: 10px;
    padding-left: 10px;
}
}
@media (max-width:360px) {
.userdropdown .nav-link { font-size: 1rem; }
body .adv-filter-col-for-user .adv-btn, .header-advanced-search { border-radius: 0.25rem !important; padding: 0.3rem 0.3rem !important; }
.userlinks>ul>li.nav-item>a.nav-link {}
}
.prof-dropdown a[aria-expanded="true"] em:before { content: "\f106"; display: block; }

@media (max-width:1300px) and (min-width:992px) {
.form-row-custom-lg { margin-right: -5px; margin-left: -5px; }
.form-row-custom-lg>.col, .form-row-custom-lg>[class*=col-] { padding-right: 5px; padding-left: 5px; }
.adminsidebar .adminsidebarbg{
    width: 100px;
}
.report-block .report-inner{ /* for the report section size for lower screens. */
    width: 208px;
}

}
@media (max-width:991px) and (min-width:768px) {
.form-row-custom-md { margin-right: -5px; margin-left: -5px; }
.form-row-custom-md>.col, .form-row-custom-md>[class*=col-] { padding-right: 5px; padding-left: 5px; }
.adminsidebar .adminsidebarbg{
    width: 100px;
}
.report-block .report-inner{
    width: 190px;
}
}
@media (max-width:767px) {
.form-row-custom { margin-right: -5px; margin-left: -5px; }
.form-row-custom>.col, .form-row-custom>[class*=col-] { padding-right: 5px; padding-left: 5px; }
.report-block .report-inner{
    width: 175px;
}
}
.catalogue-zindex { z-index: 90; }
@keyframes pulseBox {
0% { box-shadow: 0px 0px 4px 0px #ffffff }
100% { box-shadow: 0px 0px 20px 0px #ffffff; }
}
.pulseBox { animation-name: pulseBox; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; border: 0px; }
@keyframes insideBox {
0% { box-shadow: 0px 0px 4px 0px #32CD32 }
100% { box-shadow: 0px 0px 8px 0px #32CD32; }
}
.insideBox { animation-name: insideBox; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; border: 0px; }
  @keyframes selectedPulse {
    0% {
    transform: scale3d(1, 1, 1);
    }
    50% {
    transform: scale3d(1.05, 1.05, 1.05);

    }
    100% {
    transform: scale3d(1, 1, 1);
    }
  }
  @keyframes stickerSelectedPulse {
    0% {
        background: #FDE9CC !important;
    }
    50% {
        background: #FDE9CC !important;
    }
    100% {
        background: #FDE9CC !important;
    }
  }

.selected-col-pulse:not(.category-all-columns .selected-col-pulse) {
    animation-name: selectedPulse;
}
.selected-col-pulse {
    animation-duration: 1s;
    animation-iteration-count: 5;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    border: 0px;
}
.category-all-columns .selected-col-pulse {
    animation-name: stickerSelectedPulse;
}

.draft_notifiction_count_container{
    position: relative; float:right; width: 100%;  position: relative
}

.draft_notifiction_count_container a {
    position:absolute; right: 15px; top: 0px; padding: 5px
}

.draft_notifiction_count_container a i {
    font-size: 20px;

}

.draft_notifiction_count_container #draft_notifiction_count{
    position: absolute; right: 2px; top: 1px; background: red; color: #fff; font-family: 'GothamBookRegular'; font-size: 10px; padding: 3px
}
.chat_btn{
    cursor: pointer;
    color: black;
    position: fixed;
    left: 15px;
    bottom: 15px;
    border-radius: 50px;
    background-color: #0A4476;
}

.chat_btn>img{
    width: 27px;
    margin-top: -2px;
    margin-right: 10px;
    float: left;
    transition: all .5s ease 0s;
}

.notfound {
    width: 100%;
    text-align: center;
    line-height: 1.4;
    background-color: #edf1f2;
  }

  .notfound .message-text h1, .message-text h2, .message-text h3, .message-text h4, .message-text h5, .message-text h6 {
    text-align: left;
  }

  .notfound .message-text{
    max-width: 30%;
    margin-left: 38%;
    padding: 10px;
  }

  .notfound .message-text p {
    font-size: 14px;
    font-weight: 100;
    color: #000;
    text-align: left;
    word-wrap: break-word;
  }

  .notfound img {
    max-width: 80px;
    padding: 10px;
  }

  .notfound a {
    color: blue;
  }
  #information_message { width:100%; height:auto;}
  #information_message a{
    cursor: pointer;
    text-decoration: underline !important;
  }

  #information_message {
    /* Firefox */
    /* Safari and Chrome */
    /* Opera */
    animation: cssAnimation 10s forwards;
    animation-fill-mode: forwards;
  }

  @keyframes cssAnimation {
    /* to {
      width: 0;
      height: 0;
      overflow: hidden;
    } */
    0%{
        opacity: 1; height:auto; visibility: auto;
      }
      50%{
        opacity: 1; height:auto; visibility: auto;
      }
      90%{
        opacity: 1; height:auto; visibility: auto;
      }
      100%{
        opacity: 0;
        height: 0;
        visibility: hidden;
    }
  }

  .description_cell{
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 13ch;
  }

  .description_cell > *{
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 13ch;
  }


  .description_detail{
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 13ch;
  }

  .description_detail > *{
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 13ch;
  }

  .stone-detail-summary-section .description_cell,.stone-detail-summary-section .description_detail,.stone-detail-summary-section .product_title,.stone-detail-summary-section textarea {
    max-width: 100% !important;
    height: 125px;
    display : block;
    padding : 0px 5px;
  }

  #decription-edit-icon{
    color:green;
    cursor: pointer;
  }

  .archive-Counter{
    background: #dc3545 !important;
  }

  .archive-Text{
    color: #dc3545 !important;
  }

  .dual-listbox .dual-listbox__button:nth-child(odd) {
    color: black !important;
    background-color: #e2f5f5 !important;
  }

  .dual-listbox .dual-listbox__button:nth-child(even) {
    color: black !important;
  }

  .dual-listbox__item:hover {
    background-color: #089de3b3;
  }
.add-new-option{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66699 3.33317C8.66699 2.96498 8.36852 2.6665 8.00033 2.6665C7.63214 2.6665 7.33366 2.96498 7.33366 3.33317V7.33317H3.33366C2.96547 7.33317 2.66699 7.63165 2.66699 7.99984C2.66699 8.36803 2.96547 8.6665 3.33366 8.6665H7.33366V12.6665C7.33366 13.0347 7.63214 13.3332 8.00033 13.3332C8.36852 13.3332 8.66699 13.0347 8.66699 12.6665V8.6665H12.667C13.0352 8.6665 13.3337 8.36803 13.3337 7.99984C13.3337 7.63165 13.0352 7.33317 12.667 7.33317H8.66699V3.33317Z' fill='%230C4475'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: left ;
background-size: auto;
}

.disabled-href-link {
    pointer-events: none;
    color: gray !important;
    text-decoration: none;
  }

  .is-tag-invalid{
    border-color: #DD3444 !important;
   }

  span.split_span {
    padding: 2px .125rem;
    border: 1px solid transparent;
    min-width: 24px;
    display: inline-block;
    font-size: 14px;
}

span.split_span:hover {
    border-color: rgba(12,68,117,.5)
}
@keyframes shine {
    to {
        background-position:
            0 0,
    0 0,
    40% 0,
            0 0;
    }
}
.sidePannel {
    /* width: 65%; */
    right: 0 !important;
    left: auto;
    /* height: calc(100vh - 70.9972px); */
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
    }
   .modal-closing-animation{
        animation: slideOutToRight 0.5s ease-in-out;
    }
    @keyframes slideOutToRight {
        0% {
            transform: translateX(0);
            opacity: 1;
        }
        100% {
            transform: translateX(100%);
            opacity: 0;
        }
     }
     .side-pannel-dialog-slideout{
        animation: slideInFromRight 0.5s ease-in-out;
    }
    .sidePannel .modal-dialog-scrollable .modal-body{
        overflow-y: auto;
        overflow-x: hidden;
    }
    .sidePannel .modal-dialog{
        margin-right: 0px;
    }
    .sidePannel .modal-lg{
        max-width: 55%;
    }
@media (min-width:400px) {
    .sidePannel{
        padding-right: 0px !important;
        overflow-x : hidden !important;
        overflow-y : hidden !important;
    }
    .sidePannel .modal-dialog{
        margin-top: 0px !important;
    }

}
table td span, table thead tr th{
    max-width: 20ch; /* Adjust the width based on your needs (25 characters) */
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}
table td span:hover {
   max-width: none;
}
/* table td{
    white-space: nowrap;
} */

/* Custom scrollbar for WebKit browsers (Chrome, Safari) */


.sidePannel .modal-body::-webkit-scrollbar-thumb {
    background: var(--primary-shades-blue-blue-400, #3D6991);
    border-radius: 50%; /* Round the corners */
}

.sidePannel  .modal-body::-webkit-scrollbar-thumb:hover {
    background: var(--primary-shades-blue-blue-400, #3D6991);

}

.sidePannel  .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the track (background) */
    border-radius: 6px; /* Round the corners of the track */
}

/* Custom scrollbar for Firefox */
.sidePannel .modal-body {
    scrollbar-width: auto; /* Options: auto, thin, none */
    scrollbar-color: var(--primary-shades-blue-blue-400, #3D6991) #f1f1f1; /* thumb color and track color */
}
@media (min-width: 576px) {
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 0rem) !important;
}
}
@media (max-width: 767px) {
    .sidePannel .modal-lg{
        max-width: 100%;
    }

    }
.li-title{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.general-setting-sidebar{
    position: fixed;
    z-index: 100;
    overflow-y: auto;
    height: 100vh;
    left: 0;
}
.general-setting-sidebar ul{
    margin-bottom: 4rem;
}
.vendor-sidebar .sidebarnav .sidenav-div{
    margin-left: .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vendor-sidebar .sidebarnav ul>.nav-item {
    margin-left: 5px;
    margin-right: 5px ;
}
.report-block.active {
    margin-left: 0rem !important;
}
.full-height-div .dropdown.action-last-col:hover{
    background-color: #E7EDF2;
    border-radius: 4px;
}
.dtfc-fixed-right .full-height-div:hover{
    background: #CEDAE3;
}

/* Entrust modal tabs: keep all 5 tabs on one row */
#entrustedItemsModal .nav.nav-tabs.entrust-tabs,
#entrust-tabs.nav.nav-tabs.entrust-tabs {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}