/* login page css */
body {
    margin: 0;
    font-family: 'Poppins', sans-serif !important;
    overflow-x: hidden;
    background-color: #F9F9F9;
}

:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
    font-family: 'Poppins', sans-serif !important;
}

.auth-page-content {
    position: unset !important;
    padding-bottom: 0px !important;
}

.main-container {
    background-image: url("../images/AHLAN.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.header-profile-user {
    overflow: hidden;
    object-fit: cover;
}

.textFPwd {
    font-size: 14px;
    line-height: 33px;
    color: #16487B;
}

.textFPwd:hover {
    color: #16487B;
    font-weight: 500;
}

.forlogin-btn {
    font-size: large;
    font-weight: 500;
}

.forlogin-btn:hover {
    /* color: #0ab39c; */
    color: #16487B;
    border: 1.5px solid #16487B;
}

.login-card {
    border-radius: 12px;
    width: 30%;
    background-color: rgba(255, 255, 255, 0.9);
}

.text-headers {
    font-weight: 500;
    color: #111;
    font-size: 25px;
    font-family: 'Poppins', sans-serif !important;
}

.text-email {
    font-weight: 500;
    color: #111 !important;
    font-size: 25px;
    font-family: 'Poppins', sans-serif !important;
}

.form-label {
    color: #000000;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
}

.logo-image {
    width: 250px;
    height: 100px;
}

.signinbtn {
    background-color: #111;
    border-radius: 20px;
    border-color: #16487B;
}

.signinbtn:hover {
    background-color: white;
    color: black;
    border: 1px solid #111;
}

.form-check-input:checked {
    background-color: #16487B;
    border-color: #16487B;
}

.switch-color .form-check-input:checked {
    background-color: #0AB39C !important;
    border-color: #0AB39C;
}

.spares-add-btn {
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    padding: 11px;
    height: 35px !important;
    background-color: #0055FF !important;
}

.spares-add-btn:hover {
    border: 1px solid #0055FF;
    background-color: #ffffff !important;
    color: #0055FF;
}

.menuicon {
    font-size: 22px !important;
    font-weight: 600 !important;
}

.inputbox {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5) !important;
    border: 1.5px solid #ced6dc !important;
    padding-left: 30px;
}

.help-text {
    color: #333333 !important;
}

/* NAVBAR CSS */
.navbar-header {
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
    height: 60px;
}

.header-item {
    height: 60px;
}

.logoutbtn {
    padding: 0px;
}

/* SIDEBAR CSS */

.logo-container {
    display: flex;
    justify-content: center;
    padding: 15px;
}

.logo-img {
    height: 40px;
    display: block;
    width: 100%;
}

.logo-img-small {
    height: 40px;
    display: none;
}

.sidebar-item {
    padding: 0px;
}

.menu-title span {
    padding-left: 23px;
    color: black;
}

.sidebar-menu-text {
    margin-left: 12px;
    color: black;
}

.sidebar-icon {
    font-size: 17px;
    color: #16487B;
    width: 20px;
}

#sidebar {
    min-width: 20%;
    height: 100vh;
    transition: width 0.3s ease, transform 0.3s ease;
    transform: translateX(-100%);
}

/* .nav-item {
    padding-left: 20px;
}

.nav-item:hover {
    background-color: #f4f4f4;
    color: black;
} */

.navbar-menu .navbar-nav .nav-link:hover {
    color: black;
}

.navbar-nav {
    overflow: auto;

    /* height: 79vh; */
}

.navbar-nav::-webkit-scrollbar {
    width: 8px;
}

.navbar-nav::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.navbar-nav::-webkit-scrollbar-thumb {
    background-color: #F9F9F9;
}

.navbar-nav::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

#drawer {
    width: 250px;
    height: 100%;
    margin-left: 250px;
    background-color: #16487B;
    transition: transform 0.3s ease;
    transform: translateX(-100%);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
    /* overflow-y: scroll; */
}

#drawer.open {
    transform: translateX(-500px);
}

#content {
    flex-grow: 1;
    transition: margin-left 0.3s ease;
    margin-left: 250px;
}

#content.open {
    margin-left: 0px;
}

#toggleButton {
    background-color: #fff;
    color: #16487B;
    border: none;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    transition: transform 0.3s ease;
}

/* CLIENT PAGE CSS */
.main-box {
    padding: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

.heading-text {
    color: black;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.breadcrumbheading {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.lable-head .heading-text {
    font-size: 1.2rem;
}

.side-content {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
}

.schedule-side-content {
    display: flex;
    gap: 10px;
}

.form-select {
    background-color: #f4f4f4;
    border: none;
}

.form-select:focus {
    border-color: #f4f4f4;
}

.FormInputs {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}

.client-main-container {
    display: flex;
    background-color: #f9f9f9;
}

.form-control {
    background-color: #f4f4f4;
    border: none;
}

.form-group input {
    height: 37px !important;
}

.form-group .form-check-input {
    height: 1.1em !important;
}

.form-control:focus {
    background-color: #f4f4f4;

}

.hide-title::before {
    content: none !important;
}

.cancel-btn {
    background-color: #ccd3e3;
    border-radius: 5px;
    padding: 7px 27px;
    border: 0px;
    color: #16487B;
    border: 1px solid #ccd3e3;
    font-size: 13px;
}

.cancel-btn:hover {
    border: 1px solid #16487B;
    color: #16487B;
}

.Save-btn {
    background-color: #16487B;
    border-radius: 5px;
    padding: 7px 33px;
    color: #fff;
    border: 0px;
    border: 1px solid #16487B;
    font-size: 13px;
}

.Save-btn:hover {
    border: 1px solid #16487B;
    color: #16487B;
    background-color: #fff;

}

/* Data table css */
.container {
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}

.manage-btn {
    background-color: #16487B;
    color: #fff;
    height: 35px;
}

.manage-btn:hover {
    border: 1px solid #16487B;
}

.btn.disabled {
    opacity: 0.5 !important;
}

.searchbox {
    width: 100%;
    height: 37px;
    padding-left: 45px;
    border: 1px solid #8c8282;
    border-radius: 5px;
}

.searchicon {
    position: absolute;
    left: 25px;
    top: 12px;
}

.add-btn {
    background-color: #0ab39c;
    color: #fff;
    height: 37px;
    width: 100%;
    font-size: 13px;
    justify-content: center;
}

.add-btn:hover {
    border: 1px solid #0ab39c;
}

.dropdown-item {
    display: flex;
    justify-content: end;
    height: 35px;
    gap: 10px
}

.dropdown-btn {
    border: 1px solid black;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.dropdown-btn:hover {
    border: 1px solid black;
}

.clear-btn {
    background-color: #ea0d41;
    color: #fff;
    height: 37px;
    width: 100%;
    justify-content: center;
    font-size: 13px;
}

.clear-btn:hover {
    border: 1px solid #ea0d41;
    color: #ea0d41;
    background-color: #fff;

}

table.dataTable thead th {
    padding: 10px 10px !important;
    border-bottom: 0px solid #111;
}

.active-text {
    background-color: white;
    padding: 5px;
    color: #16d323;
}

.actionbtn {
    display: flex;
    align-items: center;
}

.editbtn {
    color: #16487B;
    width: 27px;
    height: 27px;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    display: flex;
    font-size: 13px;
    transition: 0.1s ease-in;
}

.deletebtn {
    color: #ea0d41;
    ;
    width: 27px;
    height: 27px;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    display: flex;
    transition: 0.1s ease-in;
    font-size: 12px;
}

.deleteall {
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    display: flex;
    transition: 0.1s ease-in;
    font-size: 18px;
    background-color: #ea0d41 !important;
    color: #fff !important;
    border: 1px solid #ea0d41;
}

.activeall {
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    display: flex;
    transition: 0.1s ease-in;
    font-size: 18px;
    background-color: #0ab39c !important;
    color: #fff !important;
    border: 1px solid #0ab39c;
}

.disableall {
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    display: flex;
    transition: 0.1s ease-in;
    font-size: 18px;
    background-color: #474646 !important;
    color: #fff !important;
    border: 1px solid #474646;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    display: none;
}

table.table-bordered.dataTable th {
    border-bottom-width: 0px !important;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-top-width: 1px !important;
    cursor: pointer;
}

table.dataTable.table-striped>tbody>tr.odd:hover {
    background-color: #f4f4f4;
}

table.dataTable>thead .sorting_asc:nth-child(1):after {
    display: none !important;
}

table.dataTable>thead .sorting_asc:nth-child(1):before {
    display: none !important;
}

.dashboardTable-mobile table.dataTable>thead .sorting_asc:nth-child(1):after {
    display: block !important;
    /* display: none !important; */
}

.dashboardTable-mobile table.dataTable>thead .sorting_asc:nth-child(1):before {
    display: block !important;
    /* display: none !important; */
}

.W-20 {
    width: 20px;
}

.table-heading {
    margin-left: 10px !important;
    margin-bottom: 0px;
    font-size: 0.9rem;
}

table.dataTable>thead .sorting:after {
    left: 8px !important;
    top: 12px !important;
}

table.dataTable>thead .sorting:before {
    left: 2px !important;
    top: 8px !important;
}

.page-item.active .page-link {
    background-color: #16487B !important;
    border-bottom: 1px solid var(--vz-border-color) !important;
    border-top: 1px solid var(--vz-border-color) !important;
    border-left: none !important;
    border-right: none !important;

}

/* .client-status{
    width: 100%;
    border: 0.5px solid #16487B;
    padding: 0px 10px 0px 10px;
    border-radius: 5px;
} */
.client-status:focus-visible {
    outline: none;
}

.dashboarddata {
    background-color: #fff;
}

.select2-container--default .select2-selection--single {
    height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
    /* text-transform: capitalize; */
}

/* .select2-container--default .select2-results__option--selected {
    background-color: #16487B !important;
    color: #fff !important;
} */

/* .select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: var(--vz-topbar-user-bg) !important;
    color: #16487B !important;
} */
.select2-results__option.select2-results__option--selectable.select2-results__option--selected{
    background-color: #16487B !important;
    color: #fff !important;
}
.select-style .select2-container--default .select2-selection--single {
    background-color: #f4f4f4;
    border: none;
    border-radius: 4px;
}

.viewbtn {
    color: #16487B;
    width: 27px;
    height: 27px;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    display: flex;
    font-size: 13px;
    transition: 0.1s ease-in;
}

/* show page */
.card-container {
    height: 100%;
}

.profile-img-container {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #fff;
    border: none;
}

.pro-img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    position: absolute;
    bottom: 50%;
}

.avatar-lg {
    height: 7rem;
}

/* Boiler page */
.radio-text {
    position: absolute;
    left: 45px;
}

.progress-nav .nav .nav-link {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

/* insp page */
.wizardradio:hover {
    background-color: #fff !important;
}

.text-muted {
    word-break: break-word;
}

.card-container {
    padding: 12px !important;
}

.wizardradio {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 8px;
    padding-right: 8px;
    z-index: 99;
    background-color: #fff;
}

.progress-nav .progress {
    background-color: #878A99;
}

.wizardradio-number {
    background-color: #f3f6f9;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    border-radius: 24px;
    justify-content: center;
}

.progress-nav .nav .nav-link {
    width: 100% !important;
    background-color: transparent;
    flex-direction: row;
}

.progress-nav .nav .nav-link.active .wizardradio-number {
    background-color: #16487B;
    color: #fff;
    font-weight: 600;
}

.progress-nav .nav .nav-link.active {
    color: #324974;
    background-color: transparent;
    font-weight: 600;
}

.btn-color {
    background-color: #ccd3e3 !important;
}

.submit-btn-color {
    background-color: #16487B !important;
    color: #fff !important;
}

.detailespage {
    background-color: #f9f9f9 !important;
}

.acknowledgebox {
    box-shadow: none !important;
}

.textareaabox {
    resize: none;
    margin-top: 5px;
}

.card-header {
    border-bottom: 0px;
    padding: 0px;
}

.card-title {
    color: #000000 !important;
    font-weight: 600 !important;
}

.form-group label {
    color: #212529 !important;
    font-size: 13px;
}

.addsection {
    background-color: #F3F6F9 !important;
    border: 0.5 px solid #212529 !important;
}

.roleiconmodal {
    height: 30px;
}

.profile-timeline .accordion-item:last-child::before {
    top: 8px !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-bottom: 12px !important;
}

table.table-bordered.dataTable thead tr:last-child th {
    width: auto !important;
}

.select2-results__option {
    padding: 4px !important;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}

li.actionbtn .dtr-data {
    display: flex;
}

.qrmodalbox {
    border: 1px solid var(--vz-topbar-user-bg);
    border-radius: 20px;
    /* padding-top: 20px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

.qr-heading {
    text-align: center;
    color: #16487B;
}

.amc-id {
    text-align: center;
    color: #16487B;
    font-size: 12px;
}

.qrcode-conainer {
    height: 350px;
    overflow: auto;
    gap: 21px;
    justify-content: center;
}

.downloadbtn {
    background-color: #16487B;
    color: #fff;
    width: 33%;
    border-radius: 20px;
}

.downloadbtn:hover {
    border: 1px solid #16487B;
    color: #16487B;
    background-color: transparent;
    ;
}

.notificationbox {
    background-color: #16487B;
}

.nitfication-all-clearbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    background-color: var(--vz-dropdown-link-hover-bg);
    border-radius: 5px;
}

.notification-massage-bx {
    overflow: auto;
    height: 250px;
    gap: 7px;
}

.notification-read {
    background-color: #fff !important;
    padding: 10px;
}

.notification-read, .notification-unread {
    border-bottom: 1px solid #d9d6d6;
}

.notification-unread {
    background-color: var(--vz-dropdown-link-hover-bg) !important;
    padding: 10px;
    /* margin-top: 10px; */
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: #16487B;
}

.dropdown-head .nav-tabs-custom .nav-link:hover {
    color: #16487B;
}

.dataTables_length {
    display: none;
}

.required::after {
    content: ' *';
    color: red;
}

.close-notifaction-btn {
    background-color: #adadad;
    border-radius: 15px;
    padding: 7px;
    color: #fff;
    font-size: 12px;
    height: 22px;
    display: flex;
    align-items: center;
}

.side-Addbtn {
    display: flex;
    gap: 10px;
    justify-content: end;
    flex-wrap: wrap;
}

.card-textarea {
    width: 100%;
    height: 80px;
    background-color: #f4f4f4;
    border: none !important;
    padding: 10px;
    resize: none;
    border-radius: 5px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    -webkit-appearance: none;
    border-radius: 0 !important;
}

.card-textarea:focus {
    outline: 0.5px solid #a8aaac !important;
}

.show-data {
    background-color: #16487B;
    color: #ffffff;
    border: 1px solid #16487B;
}

.show-data:hover {
    background-color: #ffffff;
    border: 1px solid #16487B;
    color: #16487B;
}

.flatpickr-input[readonly] {
    background-color: #f4f4f4;
}

.modal {
    z-index: 99999999999 !important;
}

.activebutton {
    width: 100%;
}

.listpagedropdown.select-style .select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #aaa;
}

.dashboard-search {
    background-color: #fff !important;
    border: 1px solid #aaa;
    padding: 0.4rem 0.9rem;
    ;
}

.listpagedropdown .flatpickr-input[readonly] {
    background-color: #fff !important;
    border: 1px solid #aaa;
    height: 36px;
}

.multiple_emsil_btn {
    display: flex;
    align-items: end;
}

.reportBtn span {
    display: inline-block;
}

.breadcrumbtext {
    color: #000000;
}

.breadcrumbheading {
    color: rgba(0, 0, 0, 0.5);
}

.flatpickr-weekdays {
    background-color: #16487B !important;
}

.flatpickr-weekdays span {
    color: #fff !important;
}

.flatpickr-months {
    background-color: #16487B !important;
}

.flatpickr-current-month {
    color: #fff !important;
}

.flatpickr-months .flatpickr-next-month svg {
    color: #fff !important;
}

.flatpickr-day.today {
    background-color: #16487B !important;
    color: #fff !important;
    border-color: #16487B;
}

.flatpickr-day.today:hover {
    border-color: #16487B !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange {
    background-color: #e3e3e3 !important;
    color: #000 !important;
    border-color: #f4f4f4 !important;
}

.dayContainer {
    padding: 3px 0px !important;
}

.flatpickr-day.endRange:hover {
    background-color: #e3e3e3 !important;
    color: #000 !important;
    border-color: #e3e3e3 !important
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #16487B !important;
    box-shadow: -10px 0 0 #16487B;
}

.flatpickr-day.endRange {
    background-color: #e3e3e3 !important;
    color: #000 !important;
    border-color: #f4f4f4 !important;
}

span.flatpickr-weekday {
    background: unset !important;
}

.flatpickr-calendar.arrowTop::after {
    border-bottom-color: #16487B !important;
}

.checkboxaliment {
    width: 40px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
    padding-left: 10px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
    left: 35px !important;
    top: 52% !important;
    padding: 1px !important;
}

.error-message-select {
    display: block;
    margin-top: 35px;
    position: absolute;
}

.role-icon {
    display: none;
}

.view-role-icon {
    display: none;
    opacity: 0.5;
}

.sceduleamc-number {
    display: flex;
    align-items: center;
}

.checkboxaliment-role {
    display: flex;
    flex-wrap: wrap;
}

.allcheckbox {
    width: 160px !important;
}

.select2-container--default .select2-selection--multiple {
    background-color: #f4f4f4 !important;
    border: none !important;
    padding: 7px !important;
}

.accordind-height::before {
    top: -16px !important;
}

table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 125px !important;
}

.inspaction-searchbox {
    width: 100%;
    height: 36px;
    padding-left: 35px;
    border: 1px solid #8c8282;
    border-radius: 5px;
}

.select2-results__option--selectable {
    font-size: 11px;
    /* text-transform: capitalize; */
}

.role-view-page {
    padding: 15px !important;
}

.role-modal {
    padding: 15px !important;
}

.checkboxdata.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
    left: 0px !important;
}

.checkboxdata.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
    padding-left: 30px !important;
}

.checkboxdata.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
    left: 5px !important;
}

.signature-input {
    width: auto !important;
}

.signature-label {
    font-weight: 600;
    color: #494848;
}

.value-input-text .select2-container--default .select2-selection--single {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background-color: #e1e1e1;
}

.value-input-text-inspection .select2-container--default .select2-selection--single {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background-color: #e1e1e1;
}

.value-input .select2-container--default .select2-selection--single {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background-color: #e1e1e1;
}

.select-input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 1px solid #c5c8cb;
}

.comment-input-text {
    padding: 10px 0px 0px 0px;
}

.file-upload {
    position: relative;
    width: 50%;
    height: 70px;
    justify-content: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #f4f4f4;
    color: #212529;
}

.file-input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
}

.upload-image-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.file-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 110px;
}

.remove-text {
    cursor: pointer;
    display: flex;
    border: 1px solid #DDE1EC;
    align-items: center;
    padding: 5px;
    width: 88px;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    flex-direction: row-reverse;
    border-radius: 25px;
}

.remove-text:hover {
    color: rgb(219, 8, 8);
    border: 1px solid rgb(219, 8, 8);
}

.image-container {
    gap: 5px;
    display: flex;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    border: 1px solid #DDE1EC;
    padding: 8px;
}

.delete-icon {
    cursor: pointer;
}

.value-text {
    white-space: nowrap;
}

.addrow-icon {
    /* position: absolute;
    right: 0;
    top: 34px; */
    display: flex;
    font-size: 8px;
    align-items: center;
    /* margin-left: auto;
    margin-right: 14px; */
}

.addrow-icon::before {
    background-color: #16487B;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
}

.addrow-icon:hover::before {
    background-color: #1e2431;
}

.row-delete-icon {
    position: absolute;
    right: -5px;
    width: 30px;
    margin-top: -15px;
}

.row-delete-icon::before {
    border-radius: 20px;
    color: white;
    padding: 4px 6px;
    background: #ea0d41;
    cursor: pointer;
}

.row-delete-icon:hover::before {
    background-color: #8f0525;
}

.text-editorbox {
    padding-right: 0px;
}

.text-area-input textarea {
    min-height: calc(19px + 1rem + calc(var(--vz-border-width) * 2));
}

.inspectionbtn {
    flex-wrap: wrap;
}

.calorifierbtn {
    flex-wrap: wrap;
}

.accessoriesbtn {
    flex-wrap: wrap;
}

.item-box {
    padding: 0px 25px;
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.item-heading {
    display: flex;
    gap: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin: 8px 0px 15px 3px;
}

.container-content {
    border: 1px solid #efefef;
    border-radius: 4px;
    padding: 10px 0px;
    position: relative;
}

.signature-heading {
    display: flex;
    gap: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin: 0px 0px 0px 0px;
}

.signature-box {
    margin-bottom: 14px;
}

/* Calorifier */
.form-box-over label {
    /* width: 100%; */
    overflow: hidden;
    margin-bottom: -1px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.form-box-over label:not(.distext) {
    width: 100%;
}
.des-text-box textarea {
    height: 39px;
}

.lpo_unit_lpo .select2-container--default .select2-selection--single {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background-color: #e1e1e1;
}

.lpo_unit_lpo .select2-container .select2-selection--single .select2-selection__rendered {
    /* width: 55px !important; */
}

.addmultipal_item {
    position: absolute;
    right: 17px;
    width: 23px;
    height: 23px;
    margin-top: -20px;
    border-radius: 20px;
    color: white;
    padding: 3px 3px;
    background: #16487B;
    cursor: pointer;
}

.select_overlap {
    position: absolute;
    right: 13px;
}

.ql-link,
.ql-clean {
    display: none !important;
}

.delete-input-btn {
    display: none;
    position: absolute;
    right: 0px;
    width: 12px;
    top: -7px;
}

.delete-location-btn {
    display: none;
    position: absolute;
    right: 0px;
    width: 12px;
    top: -7px;
}

.item-delete-icon {
    border-radius: 20px;
    color: white;
    padding: 4px 6px;
    background: #ea0d41;
    cursor: pointer;
    font-size: 11px;
}

.delete-location {
    border-radius: 20px;
    color: white;
    padding: 4px 6px;
    background: #ea0d41;
    cursor: pointer;
    font-size: 11px;
}

.create-delete-input-btn {
    display: none;
}

.create-delete-location-btn {
    display: none;
    /* position: absolute;
    right: 0px;
    width: 12px;
    top: -7px; */
}

.add_delete {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: self-start;
}

.create-item-delete-icon {
    border-radius: 4px;
    color: white;
    padding: 5px 8px;
    background: #ea0d41;
    cursor: pointer;
    border: none;
    font-size: 13px;
}

.create-item-delete-icon .delet_icon {
    margin-left: 3px;
    font-size: 12px;
}

.create-delete-location {
    border-radius: 4px;
    color: white;
    padding: 5px 8px;
    background: #ea0d41;
    cursor: pointer;
    border: none;
    font-size: 13px;
}

.create-delete-location .delet_icon {
    margin-left: 3px;
    font-size: 12px;
}

.localbox {
    border: 1px solid #efefef;
    border-radius: 4px;
    padding: 15px;
    margin: 15px 0px 0px 0px;
    position: relative;
}

.localbox2 {
    border: 1px solid #efefef;
    border-radius: 4px;
    padding: 12px 2px;
    margin: 8px 0px 0px 0px;
    position: relative;
    width: 100%;
}

.duplicate-btn {
    margin-top: 2px;
}

.item_delete_box {
    display: flex;
    justify-content: end;
    gap: 5px;
    margin-top: 5px;
}

.fs-12 {
    font-size: 11px;
}

.delete-box {
    display: flex;
    justify-content: space-between;
}

.addrow-icon-btn {
    background-color: #16487B;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    border: none;
    gap: 3px;
    justify-content: center;
    align-items: center;
}

.add-icon-btn {
    background-color: #16487B;
    color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    position: absolute;
    right: 40px;
    top: 64px;
    z-index: 1;
}

.box2 {
    position: relative;
    width: 60%;
}

.box2 .add-icon-btn {
    position: absolute;
    top: -37px;
    right: 5px;
}

.add-icon-btn i {
    font-size: 11px;
    margin-left: 3px;
}

.addrow-icon-btn i {
    font-size: 11px;
}

.addbox {
    background-color: #16487B;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    gap: 3px;
    justify-content: center;
    align-items: center;
}

.addbox i {
    font-size: 11px;
}

.calorify_report_btns {
    margin-bottom: 1rem !important;
}

.text-wrap-error .showerror {
    white-space: normal;
    width: 265px;
    display: inline-block;
}

.temperature-text-wrap-error .showerror {
    white-space: normal;
    width: 215px;
    display: inline-block;
}

#inspection-checklist-table {
    border-collapse: collapse;
    width: 100%;
}

#selectedTable {
    border-collapse: collapse;
    width: 100%;
}

#inspection-checklist-table th,
#inspection-checklist-table td {
    border: 1px solid #e9ebec;
    padding: 8px;
    font-size: 11px;
    vertical-align: top;
}

#selectedTable th,
#selectedTable td {
    border: 1px solid #e9ebec;
    padding: 8px;
    font-size: 10.5px;
    vertical-align: top;
}

/* select box */
.input-group-append {
    position: absolute;
    left: 0;
    top: 0px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dadada;
}

.mobile_input_number .form-control {
    padding-left: 130px !important;
}

.input-group-append .select2-container--default .select2-selection--single {
    background-color: #f4f4f4;
    border: 0px solid #aaa;
    border-radius: 4px;
}

.input-group-append .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    padding-right: 30px;
    padding-top: 2px;
}

.input-group-append .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 8px;
}

/* @media (min-width: 320px) and (max-width: 370px) {

} */
@media(min-width: 600px) {
    .topbar-user .dropdown-menu {
        left: 26px !important;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 960px) and (orientation: landscape) {
    .login-container {
        height: 150vh !important;
    }
}

@media(max-width:320px) {
    .roles-width {
        width: 100% !important;
    }
}

@media only screen and (min-width:320px) and (max-width:522px) {
    .dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 34px !important;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        left: 5px !important;
    }
    .dash-chart{
        overflow-x: scroll;
    }
}
@media only screen and (min-width:320px) and (max-width:775px) {
    .dataTables_wrapper table#customerHistoryTable.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 34px !important;
    }

    table#customerHistoryTable.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    table#customerHistoryTable.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        left: 5px !important;
    }

}

@media (min-width:320px) and (max-width:495px) {
    .form-check.checkboxwidth-role input {
        min-width: 11px !important;
    }
}
@media (min-width: 800px) and (max-width: 900px) {
    #scrollbar{
        height: 80% !important;
    }
}
@media (min-width: 320px) and (max-width: 766px) {

    #scrollbar{
        height: 97% !important;
    }
    .pdf-modal-scroll-js {
        padding: 0 5px !important;}
    #invoice_modal .modal-header button, #deliverynote_modal .modal-header button, #quotation_modal .modal-header button, #joborder_modal .modal-header button, #purchaseorder_modal .modal-header button{
        margin-right: -3px;
        }
        #invoice_modal .modal-footer button.btn, #deliverynote_modal .modal-footer button.btn, #quotation_modal .modal-footer button.btn, #purchaseorder_modal .modal-footer button.btn, #joborder_modal .modal-footer button.btn{
            margin-right: 5px !important;
            }
            #quotation_modal .modal-content,  #purchaseorder_modal .modal-content, #invoice_modal .modal-content, #deliverynote_modal .modal-content, #joborder_modal .modal-content{
                padding: 10px !important;
            }
    .dashboard-div::after {
        height: 53.7px !important;
    }
    .dash-chart h5{
        font-size: 17px !important;
    }
    .topbar-user {
        padding-right: 8px !important;
    }

    .toggle-parent img {
        display: block !important;
    }

    .logo-container img {
        display: none !important;
    }

    .logo-container {
        padding: 6px !important;
        display: none;
    }

    .footerModal table td h4,
    .footerModal table td h3,
    .footerModal table td div span {
        width: 100%;
        display: block;
    }

    .footerModal table td h4,
    .footerModal table td h3,
    .footerModal table td div {
        font-size: 11px !important;
    }

    #quotation_modal .section {
        overflow-x: scroll;
    }
    #purchaseorder_modal .section {
        overflow-x: scroll;
    }

    .dataTables_wrapper table tbody tr.odd .sorting_1:not(.dtr-control)~.dtr-control::before {
        left: 5px !important;
    }

    .dataTables_wrapper table tbody tr.odd .sorting_1:not(.dtr-control)~.dtr-control {
        padding-left: 34px !important;
    }

    .checkboxwidth-role input {
        min-width: 12px !important;
    }

    #invoice_modal .container .section {
        overflow-x: scroll;
    }

    .checkboxwidth-role-view .module-checkbox {
        align-self: unset !important;
    }

    .checkboxdata-role-view {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .lable-head h4 {
        font-size: 15px !important;
    }

    .heading-text,
    .breadcrumbheading {
        font-size: 15px !important;
    }

    .lable-head,
    .side-Addbtn {
        width: 100% !important;
    }

    .delivery-items-table .column {
        padding-left: 0 !important;
    }

    .delivery-items-table table th {
        font-size: 13px !important;
    }

    .delivery-items-table table tr td {
        font-size: 12px !important;
    }

    .site-tabs .nav-item .nav-link {
        font-size: 13px !important;
        padding: 5px 10px !important;
    }

    .nav-tabs.site-tabs .site-settings {
        padding-left: 0 !important;
    }

    .siteUploads img {
        height: 35px !important;
        width: 35px !important;
    }

    .siteUploads .updateBtn {
        font-size: 13px !important;
    }

    .siteUploads .fileName {
        font-size: 12px !important;
    }

    div:where(.swal2-container) .swal2-html-container {
        font-size: 13px !important;
    }

    .swal2-container .swal2-title {
        font-size: 17px;
    }

    .swal2-confirm.swal2-styled,
    .swal2-cancel.swal2-styled {
        border-radius: 4px;
    }

    .swal2-confirm.swal2-styled,
    .swal2-cancel.swal2-styled {
        font-size: 14px !important;
    }

    div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
        font-size: 14px !important;
    }

    .rejected-badge span,
    .completed-badge span {
        top: 12px !important;
    }

    .rejected-badge,
    .completed-badge {
        font-size: 12px;
        padding: 5px 15px 5px 26px !important;
    }

    .approved-badge,
    .verified-badge,
    .inprogress-badge,
    .pending-badge {
        padding: 5px 15px !important;
        font-size: 12px !important;
    }

    .filter-date-label input {
        font-size: 12px !important;
    }

    .filter-date-label input {
        padding-left: 4px !important;
    }

    .nav-link span.sidebar-menu-text {
        font-size: 6px !important;
    }

    .filterStart {
        width: 100%;
    }

    .searchbox-container.filtOne {
        width: 100% !important;
    }

    .filtOne {
        width: 100% !important;
    }

    .filtTwo {
        width: 100% !important;
    }

    .filtThree {
        width: 100% !important;
    }

    .filtFour {
        width: 100% !important;
    }

    .filtFive {
        width: 100% !important;
    }

    .filtFive {
        flex-direction: column;
    }

    .clearFilter {
        gap: 0 !important;
        flex-direction: column;
    }

    .mb-12 {
        margin-bottom: 12px !important;
    }


    .mt-small-2 {
        margin-top: 12px !important;
    }

    .status-sm {
        margin-top: 2px !important;
        margin-bottom: 0px !important;
    }

    .filter2 {
        margin-bottom: 0 !important;
    }

    .without-m-filter {
        margin-bottom: 10px !important;
    }

    .w-fit-content {
        width: 100% !important;
    }

    .clientQuotHead {
        padding: 15px 15px 0 !important;
    }

    .clientQuot.btn-close {
        font-size: 12px !important;
    }

    .clientQuotHead h1 {
        font-size: 13px !important;
    }

    .clientQuotBody {
        padding: 15px 15px 0 !important;

    }

    .clientQuot.Save-btn {
        font-size: 13px !important;
    }

    .clientQuotBody label {
        font-size: 12px !important;
    }

    .clientQuotFoot {
        padding: 0 15px 15px 15px !important;
    }

    .searchAndCount .dropdown {
        width: 30% !important;
    }

    .searchAndCount {
        padding: 0 !important;
    }

    .filter1 {
        margin-bottom: 0px !important;
    }

    .modal-body .quotation-modal-data h3,
    .modal-body .deliverynote-modal-data h3,
    .modal-body .joborder-modal-data h3,
    .modal-body .receipt-modal-data h3 {
        font-size: 12px !important;
    }

    .modal-body .invoice-modal-data h3 {
        font-size: 12px !important;
    }

    #quotation_modal .modalPdfView img,
    #purchaseorder_modal .modalPdfView img,
    #deliverynote_modal .modalPdfView img,
    #joborder_modal .modalPdfView img {
        width: 116px !important;

    }

    #quotation_modal .footer-section tr td,
    #purchaseorder_modal .footer-section tr td,
    #invoice_modal .footer-section tr td,
    #deliverynote_modal .footer-section tr td,
    #joborder_modal .footer-section tr td {
        font-size: 12px !important;

    }

    #quotation_modal .modalPdfView h3,
    #purchase_modal .modalPdfView h3,
    #invoice_modal .modalPdfView h3,
    #deliverynote_modal .modalPdfView h3,
    #joborder_modal .modalPdfView h3,
    #receipt_modal .modalPdfView h3 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .dateFilterCol {
        flex-direction: column;
        gap: 5px;
        margin-bottom: 10px;
    }

    .distext {
        font-size: 12px !important;
    }

    #drawer .nav-item {
        margin-bottom: 3px !important;
    }

    .quotation-flex {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .quotation-flex .inner-1 {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .quotation-flex .inner-1 .add-btn {
        margin-right: 0 !important;
    }

    td.dtr-control,
    span.dtr-data,
    span.dtr-title .table-heading,
    th .table-heading {
        font-size: 13px !important;
    }

    .text-headers {
        font-size: 20px !important;
    }

    input.form-control::placeholder {
        font-size: 13px !important;
    }

    .textFPwd {
        font-size: 13px !important;
    }

    .login-card {
        width: auto;
    }

    #drawer {
        /* overflow-y: auto; */
        width: 50px;
        height: 100vh;
        background-color: #16487B;
        transition: transform 0.3s ease;
        transform: translateX(-100%);
        position: fixed;
        top: 0;
        left: 0;
        margin-left: 50px;
    }

    .nav-item a svg {
        width: 18px !important;
        height: 18px !important;
    }

    .nav-item .nav-link {
        padding-left: 0 !important;
    }

    #drawer.open {
        transform: translateX(-250px);
    }

    #content {
        flex-grow: 1;
        transition: margin-left 0.3s ease;
        margin-left: 50px;
    }

    .mobile-res {
        overflow: scroll;
    }

    #content.open {
        margin-left: 0px;
    }

    .sidebar-menu-text {
        font-size: 6px;
        margin-left: 0px;
        text-align: center;
        margin-top: 3px;
    }

    .logo-img {
        height: 20px;
        display: none;
    }

    .logo-img-small {
        height: 8px;
        display: block;
    }

    .menu-title span {
        display: none;
    }

    .sidebar-item {
        display: flex;
        /* margin-top: 15px; */
        justify-content: center;
    }

    .nav-item {
        padding-left: 0px;
    }

    .nav-link {
        flex-direction: column;
    }

    .side-content {
        flex-direction: column;
        margin-bottom: 12px;
        margin-top: 12px;
        gap: 10px;
    }

    .container {
        overflow: scroll;
    }

    .dropdown-item {
        justify-content: start;
    }

    .searchbox {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .searchbox.without-mb {
        margin-bottom: 0 !important;
    }

    .inspaction-searchbox {
        width: 99.5%;
    }

    .clear-btn {
        width: 100%;
        font-size: 12px;
    }

    .clear-btn:hover {
        border: 1px solid #c11c43;
        color: #ffffff;
        background-color: #df2c2c;
    }

    .dropdown-btn {
        width: 50%;
    }

    .add-btn {
        font-size: 12px;
        width: 100%;
    }

    .table-heading {
        width: 150px;
    }

    .custom-nav {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .progress {
        display: none;
    }

    .card-container {
        padding: 10px 0px !important;
    }

    .inspectionbtn {
        flex-direction: column !important;
    }

    .calorifierbtn {
        flex-direction: column !important;
    }

    .accessoriesbtn {
        flex-direction: column !important;
    }

    .roleadminicon {
        flex-direction: column;
    }

    table.dataTable>tbody>tr.child ul.dtr-details {
        width: 100%;
    }

    .tableerror {
        overflow: scroll;
    }

    .status-btn {
        flex-direction: column !important;
        height: auto;
        margin-top: 10px;
    }

    .activeconatiner {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .pro-img {
        bottom: 0%;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 10px !important;
    }

    .tooltip.show {
        z-index: 99 !important;
    }

    .side-Addbtn {
        margin-top: 10px;
        justify-content: start;
    }

    .calorifier_report_breadcrum {
        flex-direction: column;
    }

    .error-message-select {
        display: block;
        margin-top: 34px;
        position: absolute;
    }

    /* .addrow-icon {
        top: -2px;
    } */

    .role-label {
        display: none;
    }

    .role-icon {
        display: block;
    }

    .view-role-icon {
        display: block;
    }

    .checkboxaliment-role {
        display: flex;
        font-size: 10px;
        justify-content: space-between;
    }

    .checkboxwidth-role {
        width: 100px !important;
        display: flex;
        gap: 5px;
        align-items: center
    }

    .checkboxwidth-role-view {
        width: 89px !important;
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 10px !important;
    }

    .checkboxdata-role {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 10px;
    }

    .checkboxdata-role-view {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 10px;
    }

    .checkboxdata.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 22px !important;
    }

    .checkboxdata.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
        left: 0px !important;
    }

    .sparesaliment {
        flex-direction: column;
    }

    .cardaliment {
        padding: 15px !important;
    }

    .schedule-side-content {
        flex-direction: column !important;
        margin-bottom: 12px;
    }

    table.dataTable>tbody>tr.child span.dtr-title {
        min-width: 100px !important;
    }

    .report-page .table-heading {
        margin-left: 20px !important;
    }

    .role-modal {
        padding: 0px !important;
    }

    .dashboardTable-mobile {
        overflow: auto;
    }

    label.file-upload {
        width: 100% !important;
    }

    .upload-image-container {
        justify-content: center;
    }

    .image-container {
        flex-direction: column;
        justify-content: center;
        overflow: scroll;
    }

    .value-input .select2-container--default .select2-selection--single {
        margin-top: 6px;
    }

    .value-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 10px !important;
    }

    .value-input-text-inspection .select2-container--default .select2-selection--single {
        margin-top: 6px;
    }

    .value-input-text-inspection .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 10px !important;
    }

    /* .text-area-box{
        padding-right: 0px;
    } */
    .signature-input {
        width: 100% !important;
    }

    #DataTables_Table_0_paginate>ul>li>a {
        font-size: 10px;
        padding: 6px 10px;
    }

    #DataTables_Table_0_info {
        font-size: 12px;
    }

    .sidebar-icon {
        width: unset;
    }

    .select-lable-empty {
        overflow: unset !important;
    }

    .input-container {
        width: 100%;
    }

    .navbar-header .dropdown .dropdown-menu {
        width: 95%;
    }

    .navbar-header .topbar-head-dropdown .dropdown-menu.show {
        left: 9px !important;
    }

    .topbar-user .dropdown-menu {
        left: 9px !important;
    }

    .delete-box {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .add_delete {
        justify-content: end;
        margin-top: 10px;
    }

    .add-icon-btn {
        padding: 2px 8px;
        font-size: 11px;
        right: 30px;
        top: 58px;
        border: none;
    }

    .create-item-delete-icon {
        font-size: 12px;
        padding: 3px 4px;
    }

    .box2 {
        width: 100%;
    }

    .box2 .add-icon-btn {
        position: absolute;
        top: -28px;
        right: 1px;
    }

    .addrow-icon-btn {
        padding: 2px 8px;
        font-size: 12px;
    }

    .create-delete-location {
        padding: 2px 8px;
        font-size: 12px;
    }

    .pdf_img_box {
        justify-content: center !important;
    }

    .lpo_button_email {
        /*padding: 10.4px !important;*/
    }

    /* dropdown arrow */
    .arrow_btn {
        width: unset !important;
        padding-right: 0px !important;
    }

    #sidebarApps ul li a,  #industry-bar ul li a, #quotation-bar ul li a ,#transaction-bar ul li a {
        color: #000;
        font-size: 6px !important;
        padding: 2px 0px;
        text-align: center;
    }

    .sub_menu {
        padding: 3px;
    }

    .sub_menu .nav-link {
        flex-direction: column;
        padding-left: 0px !important;
    }

    .sub-sm-auto {
        margin: 0px auto;
    }

    .tableEnd {
        width: calc(100% - 120px) !important;
    }

    .text-black {
        text-align: start;
        font-size: 16px;
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }

    .nav-item .submenu_item::before,
    .nav-item .submenu_item::after {
        display: none !important;
    }

    .submenu_item {
        padding-left: 0px !important;
    }

    .nav-item .sub-menu-dropdown {
        margin-left: 0px !important;
    }

    .estimation_btns {
        padding: 7px 20px !important;
    }

    .addmultipal_item {
        top: 10px !important;
    }

    .role-view-page {
        padding: 8px !important;
    }
}

@media(min-width:768px) {
    .table.table-bordered.dataTable {
        margin-top: 0 !important;
    }
}

@media(max-width: 768px) {
    .tableerror {
        overflow: scroll;
    }

    .sparesaliment {
        flex-direction: column;
    }

    .progress-nav .progress {
        display: none !important;
    }

    .progress-nav .nav {
        gap: 10px;
    }

    .checkboxdata.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 30px !important;
    }

    .checkboxdata.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
        left: 5px !important;
    }

    .text-wrap-error .showerror {
        width: 100%;
    }

    .temperature-text-wrap-error .showerror {
        width: 100%;
    }

    .box-aliment .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 28px;
        width: 60px;
    }
}

@media(max-width: 360px) {
    .checkboxwidth-role {
        width: 93px !important;
    }

    .allcheckbox {
        width: 150px !important;
    }

    .FormInputs {
        padding-left: 5px !important;
    }

    .checkboxdata.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
        left: 5px !important;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 22px !important;
    }

    .form-check-input[type=checkbox] {
        margin-left: -11px;
    }
    .dtr-data .form-check-input[type=checkbox],  .dtr-control .form-check-input[type=checkbox] {
        margin-left: -5px !important;
    }
    .checkboxdata.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 30px !important;
    }

    .role-view-page {
        padding: 0px !important;
    }

    .checkboxwidth-role-view {
        width: 185px !important;
    }

    .role-modal {
        padding: 15px !important;
    }

    .value-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 22px;
    }

    .value-input-text-inspection .select2-container--default .select2-selection--single {
        margin-top: 6px;
    }

    .value-input-text-inspection .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 10px !important;
    }

}

@media(max-width: 375px) {
    .text_overflow_mobile .select2-selection__rendered {
        width: 70px !important;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-width: 944px)and (orientation: landscape) {
    .checkboxaliment-role {
        font-size: 11px;
    }

    #DataTables_Table_0_paginate>ul>li>a {
        font-size: 10px;
        padding: 6px 10px;
    }

    #DataTables_Table_0_info {
        font-size: 12px;
    }

    .mobile-res {
        overflow: scroll;
    }

    .signature-input {
        width: 100% !important;
    }

    /* .text-area-box{
            padding-right: 0px;
        } */
    .dashboardTable-mobile {
        overflow: auto;
    }

    .value-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 22px;
    }

    .inspectionbtn {
        flex-direction: column !important;
    }

    .calorifierbtn {
        flex-direction: column !important;
    }

    .accessoriesbtn {
        flex-direction: column !important;
    }

    .signature-rows {
        width: auto;
    }

    .text-wrap-error .showerror {
        width: 100%;
    }

    .temperature-text-wrap-error .showerror {
        width: 100%;
    }

    .box-aliment .select2-container .select2-selection--single .select2-selection__rendered {
        width: auto;
    }
}

@media(max-width: 320px) {
    .checkboxwidth-role {
        width: 182px !important;
        font-size: 10px !important;
    }

    .kbw-signature {
        width: 174px !important;
        height: 174px !important;
    }

    .FormInputs {
        padding-left: 5px !important;
    }

    #DataTables_Table_0_paginate>ul>li>a {
        font-size: 10px;
        padding: 6px 8px;
    }

    #DataTables_Table_0_info {
        font-size: 12px;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 34px !important;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
        left: 5px !important;
    }

    table.dataTable>tbody>tr.child span.dtr-title {
        min-width: 168px !important;
    }

    .table-heading {
        margin-left: 20px !important;
    }

    .form-check-input[type=checkbox] {
        margin-left: 0px !important;
    }

    .role-view-page {
        padding: 0px !important;
    }

    .checkboxwidth-role-view {
        width: 140px !important;
        padding: 3px;
    }

    .checkboxdata-role-view {
        padding: 3px;
    }

    .mobile-res {
        overflow: scroll;
    }

    .role-modal {
        padding: 15px !important;
    }

    .dashboardTable-mobile {
        overflow: auto;
    }

    .value-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        margin-top: 6px;
    }

    .value-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 22px;
    }

    .value-input-text-inspection .select2-container--default .select2-selection--single {
        margin-top: 6px;
    }

    .value-input-text-inspection .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 10px !important;
    }

    .text-area-box {
        padding-right: 0px;
    }

    .value-text {
        width: 100px !important;
    }

    .tableEnd {
        width: calc(100% - 88px) !important;
        padding: 0px 5px;
    }

    .estimation_btns {
        padding: 7px 15px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .select-data-mobile {
        width: 100% !important;
    }

    .text-area-box {
        padding-right: 0px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)and (orientation: portrait) {
    .logo-top-for-tab {
        margin-top: 52px !important;
    }

    .checkboxdata-role-view {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .lable-head h4 {
        font-size: 16px !important;
    }

    /* .filter3{
        width: 50% !important;
    } */
    .filter4 {
        width: 50% !important;
    }

    /* .inspectionbtn{
        flex-direction: column !important;
    } */
    .signature-input {
        width: 190px !important;
    }

    .progress-nav .progress {
        display: none !important;
    }

    .kbw-signature {
        width: 190px !important;
        height: 190px !important;
    }

    .checkboxdata.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
        left: 4px !important;
        top: 25px !important;
    }

    .allcheckbox {
        width: 150px !important;
    }

    /* .addrow-icon {
        top: -2px;
    } */

    .searchbox-container {
        /* padding-right: 0px !important; */
        width: 40%;
    }

    .login-card {
        width: 45% !important;
    }

    .role-label {
        display: none;
    }

    .checkboxwidth-role {
        width: 100px !important;
    }

    .checkboxaliment-role {
        flex-wrap: unset !important;
    }

    .role-icon {
        display: block;
    }

    .view-role-icon {
        display: block;
    }

    .checkboxdata-role {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
    }

    .role-view-page {
        padding: 0px !important;
    }

    .schedule-side-content {
        width: 100% !important;
        flex-direction: column;
        margin-bottom: 12px;
    }

    table.dataTable>tbody>tr.child span.dtr-title {
        min-width: 152px !important;
    }

    .select2-results__option--selectable {
        font-size: 10px;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        justify-content: flex-end !important;
        display: flex;
    }

    .clear-btn:hover {
        border: 1px solid #c11c43;
        color: #ffffff;
        background-color: #df2c2c;
    }

    .value-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        margin-top: 0px;
    }

    .value-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 22px;
    }

    .value-input-text-inspection .select2-container--default .select2-selection--single .select2-selection__rendered {
        margin-top: 0px;
    }

    .text-wrap-error .showerror {
        width: 100%;
    }

    .temperature-text-wrap-error .showerror {
        width: 100%;
    }

    /* .text-area-input textarea {
        height: 262px;
    } */
    #DataTables_Table_0_wrapper>div:nth-child(3)>div.col-sm-12.col-md-5 {
        width: 100%;
    }

    #DataTables_Table_0_wrapper>div:nth-child(3)>div.col-sm-12.col-md-7 {
        width: 100%;
    }

    .review-report-modal {
        --vz-modal-width: 90% !important;
    }

    /* .oty-lable .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-right: 0px !important;
        width: 52px;
        font-size: 13px !important;

    } */

    .input-container {
        width: 100%;
    }

    .lpo_button_email {
        /*padding: 10.5px !important;*/
    }

    .schedule-side-content .select2-container--default .select2-selection--single .select2-selection__rendered {
        width: 92px !important;
    }

    .calorifier_report_breadcrum {
        flex-direction: column;
    }

    .calorifier_report_breadcrum h6 {
        text-align: right;
    }

    .borber_aliment {
        margin-bottom: -1px !important;
    }

    .action_ipad_btn {
        flex-wrap: wrap;
    }

    .action_ipad_btn .multi-action-button {
        margin-left: auto;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)and (orientation: landscape) {
    .side-content {
        /* flex-direction: column; */
        margin-bottom: 12px;
        gap: 12px;
        /* width: 100%; */
    }

    .searchbox-container {
        width: 66% !important;
        padding-right: 0px !important;
    }

    .searchbox {
        width: 100% !important;
    }

    .schedule-side-content {
        width: 100% !important;
        flex-direction: column;
        margin-bottom: 12px;
        gap: 15px;
    }

    .multi-action-main-box {
        width: 100%;
        display: flex;
        /* justify-content: end; */
    }

    .side-content.statusWithBtn,
    .col-lg-2.without-m-filter {
        padding-left: 12px !important;
    }

    .col-2.lastIcons {
        padding-left: 12px !important;
    }

    .login-card {
        width: 45% !important;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        justify-content: flex-end !important;
        display: flex;
    }

    .rolecheckbox {
        margin-left: 0px !important;
    }

    .clear-btn:hover {
        border: 1px solid #c11c43;
        color: #ffffff;
        background-color: #df2c2c;
    }

    .allcheckbox {
        width: 116px !important;
    }

    .dropdownaliment {
        width: 15% !important;
    }

    .value-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        margin-top: 0px;
    }

    .value-input-text-inspection .select2-container--default .select2-selection--single .select2-selection__rendered {
        margin-top: 0px;
    }

    .signature-rows {
        width: auto;
    }

    .input-container {
        width: 100%;
    }

    /* .inspectionbtn{
        flex-direction: column !important;
    } */
    /* .text-area-input textarea {
        height: 214px;
    } */
    .lpo_button_email {
        /*padding: 10.5px !important;*/
    }

    .schedule-side-content .select2-container--default .select2-selection--single .select2-selection__rendered {
        width: 155px !important;
    }

    .calorifier_report_breadcrum {
        flex-direction: column;
    }

    .calorifier_report_breadcrum h6 {
        text-align: right;
    }

    .text-wrap-error .showerror {
        width: 100%;
    }

    .temperature-text-wrap-error .showerror {
        width: 100%;
    }
}

@media (max-width:992px) {
    .receipt-voucher-modal {
        overflow-x: scroll;
    }

    #joborder_modal table.not-min-width .job-val-width td:nth-child(1) {
        width: 24.6% !important;
    }

    #joborder_modal table.not-min-width tr td.header-width {
        width: 39.9% !important;
    }

    #joborder_modal .job-order-datas tr td:nth-child(1) {
        width: 37.4% !important;
    }

    #purchaseorder_modal .purchaseorder-datas tr td:nth-child(1) {
        width: 37.4% !important;
    }

    /* #invoice_modal .invoiceTitle{
    width: max-content !important;
    margin-right: 5px;
   } */
    .modal-body .quotation-modal-data .section,
    .modal-body .invoice-modal-data .section,
    .modal-body .deliverynote-modal-data .section,
    .modal-body .joborder-modal-data .section {
        overflow-x: scroll;
    }

    .modal-with-height {
        height: 400px;
        overflow-y: auto;
    }

    .modal-with-height::-webkit-scrollbar,
    .deliverynote-modal-data::-webkit-scrollbar {
        width: 5px;
    }


    .modal-with-height::-webkit-scrollbar-thumb,
    .deliverynote-modal-data::-webkit-scrollbar-thumb {
        background-color: #eeeeee;
        border-radius: 10px;
    }

    .modal-with-height::-webkit-scrollbar-thumb:hover,
    .deliverynote-modal-data::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

    .modal-with-height::-webkit-scrollbar-thumb:active,
    .deliverynote-modal-data::-webkit-scrollbar-thumb:active {
        background-color: #333;
    }

    .modal-with-height::-webkit-scrollbar-corner,
    .deliverynote-modal-data::-webkit-scrollbar-corner {
        background-color: #f0f0f0;
    }

    /* .deliverynote-modal-data{
        height: 400px;
        overflow-y: auto;
    } */
}

@media(min-width: 1800px) and (max-width: 1920px) {
    .delivery-tbl-heading {
        width: 10% !important;
    }
}

@media(min-width:320px) and (max-width: 992px) {
    .receipt-radio .check {
        gap: 5px !important;
    }

    /* .delivery-items-table .delivery-input{
        width: 100% !important;
    } */
}

@media(min-width:992px) {
    .ps-none-from-tab {
        padding-left: 0 !important;
    }

    .statusWithBtn,
    .without-m-filter {
        padding-left: 0 !important;
    }

    .lastIcons {
        padding-left: 0 !important;
    }
}

@media(min-width: 1200px) and (max-width: 1280px) {
    th.delivery-tbl-heading {
        width: 17% !important;
    }
}

@media(max-width: 1300px) {
    .delivery-tbl-heading {
        width: 21% !important;
    }

    .order-tbl-heading {
        width: 18% !important;
    }
}
@media (min-width:768px) and (max-width:1366px){
    .customer-report.filtThree{
        width: 220px !important;
    }
    .job-order-lpo.filtFour{
        width:200px !important;
    }
    .paymentClient.filtFour{
        width: 200px !important;
    }
}

@media screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
    .checkboxdata-role-view {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .lable-head h4 {
        font-size: 16px !important;
    }

    .side-content {
        /* flex-direction: column; */
        margin-bottom: 12px;
    }

    .schedule-side-content {
        width: 100% !important;
    }

    .multi-action-main-box {
        width: 100%;
        display: flex;
        /* justify-content: end; */
    }

    /* .text-area-input textarea {
        height: 214px;
    } */
    .allcheckbox {
        width: 118px !important;
    }

    .dropdownaliment {
        padding: 0 !important;
    }

    .search-box {
        width: 50%;
    }

    .text-wrap-error .showerror {
        white-space: normal !important;
        width: 100%;
    }

    .temperature-text-wrap-error .showerror {
        width: 100%;
    }
}


@media(min-width:1920px) {
    .filter3 {
        width: 33.3333% !important;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1920px) {
    .searchAndCount {
        width: 30% !important;
    }

    .filter4 {
        width: 15% !important;
    }

    .filter1 {
        width: 20% !important;
    }

    .filter2 {
        width: 25% !important;
    }

    /* .filter3{
        width:30% !important;
    } */
    .without-m-filter {
        width: 12% !important;
    }
}

@media only screen and (min-width: 1700px) and (max-width: 1920px) {
    .searchAndCount {
        width: 21% !important;
    }

    .without-m-filter {
        width: 10% !important;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1279px) {
    .filter1 {
        width: 20% !important;
    }

    .filter2 {
        width: 30% !important;
    }

    .filter3 {
        width: 50% !important;
    }

    .filter4 {
        width: 15% !important;
    }

    .without-m-filter {
        width: 12% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {

    .filter1,
    .filter2 {
        width: 50%;
    }

    .filter3 {
        width: 100%;
    }

    .searchAndCount {
        width: 45% !important;
    }
}

@media only screen and (min-width:1200px) {
    .logoutbtn {
        margin-right: 10px !important;
    }
}

/* Hide the up and down arrows in number input fields */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    /* Remove margin */
}

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

.editbtn-disabled {
    color: #94a0b9;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.4;
}

a.viewbtn.ml-1.editbtn-disabled.svgTbHover svg {
    opacity: 0.5;
}

.editbtn-disabled-joborder {
    color: #94a0b9;
    cursor: not-allowed;
    /* pointer-events: none; */
    opacity: 0.4;
}

a.viewbtn.ml-1.editbtn-disabled-joborder.svgTbHover svg {
    opacity: 0.5;
}

.form-control:disabled {
    background-color: #f4f4f4;
}

.password_error {
    color: #f7666e;
}

.select2-selection__choice__display {
    background-color: #16487B;
    height: 20px;
    display: block;
    margin-left: -2px;
}

.camera-btn {
    color: #395486;
    cursor: pointer;
    padding: 3px;
}

.client_text_black {
    color: #000;
}

/* Signature */
.signuture-text-box .kbw-signature {
    display: inline-block;
    border: 1px solid #a0a0a0;
    -ms-touch-action: none;
}

.signuture-text-box .kbw-signature-disabled {
    opacity: 0.35;
}

.signuture-text-box .kbw-signature {
    width: 200px;
    height: 200px;
}

.signuture-text-box .inspector-signature canvas,
.customer-signature canvas {
    /* width: 200 px!important; */
    height: auto;
}

table.table-bordered.dataTable td:first-child {
    padding-left: 10px !important;
}

.preformance_list_data table.table-bordered.dataTable td:first-child {
    padding-left: 20px !important;
}

table.table-bordered.dataTable td {
    white-space: normal;
    padding-left: 20px !important;
    /* max-width: 150px; */
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;

}

#inspection_table_control_system .table-heading {
    font-size: 10px !important;
}

@media screen and (min-width: 1440px) {

    .number-aliment .table-bordered.dataTable td:first-child,
    .number-aliment.table-bordered.dataTable td:first-child {
        padding-left: 20px !important;
    }
}

/* Loader CSS */
/* .loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }
  .loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
  } */

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

    100% {
        transform: rotate(360deg);
    }
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    align-items: center;
    justify-content: center;
    z-index: 1000;
    /* Ensure the overlay is above other elements */
}

#enlargedImage {
    max-width: 90%;
    max-height: 90%;
}

#thumbnailContainer {
    cursor: pointer;
}


/* select2 dropdown */
.dropbtn {
    /* background-color: #3498db; */
    color: #272a3a;
    background-color: #f4f4f4;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    height: 44px;
    display: flex;
    gap: 10px;
    font-size: 13px;
    overflow: auto;
    border-radius: 5px;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 5px;
}

/* Style links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu when the dropdown button is clicked */
.show {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown.clicked .dropbtn {
    background-color: #f4f4f4;
}

/* Style the input box */
.dropdown-content input[type="text"] {
    margin: 10px;
    padding: 5px;
    width: calc(100% - 20px);
    box-sizing: border-box;
}

.dropdown-content input:focus-visible {
    outline: none;
}

.selected-option {
    background-color: #16a085;
    color: white;
    height: 25px;
    padding: 3px 6px;
    border-radius: 5px;
}

.selected-values {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.remove-option {
    margin-left: 5px;
    cursor: pointer;
}

.dropdown-content a.disabled {
    color: gray;
    pointer-events: none;
}

.dropdown-content .error {
    color: red;
    font-size: 13px;
    margin-left: 11px;
}

.attachment_image_pdf_view_edit::before {
    content: "\f1c1";
    /* Unicode for the PDF icon in Font Awesome */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 45px;
    color: #000;
    /* Customize the color as needed */
}

.optionsContainer {
    overflow: auto;
    height: auto;
    max-height: 200px;
}

.lpo_button_email {
    position: absolute;
    top: 10px;
    /* padding: 10.5px; */
    right: 10px;
    height: 35px;
    width: 35px;
    background: #16487B;
    color: white;
    cursor: pointer;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropdown-content .inputText {
    height: 35px;
}

.pdf_box {
    width: 100%;
}

.pdf_img_box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.remove-container {
    width: 100%;
}

.pdf_container {
    justify-content: start;
    flex-direction: column;
    align-items: start;
    width: 100%;
}

.highlight {
    background: #f76f6f26;
}

.report_btn_div {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0px;
}

.RelPostion {
    position: relative;
}

.MobileIssue {
    position: absolute;
    top: 26px;
    right: 12px;
    z-index: 99;
}

.customSpan {
    display: block;
    padding-left: 8px;
    padding-top: 8px;
    text-align: end;
    padding-right: 15px;
    background: #e1e1e1;
    height: 36.6px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    color: #444;
    font-weight: 500;
    width: 80px;
}

/* .compSearch .searchinput {
    border-radius:5px ;
    background-color: #0ab39c;
    padding: 0px 7px;
    height: 37px;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
} */
.compSearch .input_design {
    display: flex;
    align-items: center;
    gap: 10px;
}

.martop {
    margin-top: 2px;
}

.compSearch input {
    border-color: #c1ccc1;
}

.compSearch .searchbox {
    padding-left: 15px !important;
}

.compSearch .searchbox:focus {
    outline: none !important;
}

.tableEnd {
    position: fixed;
    bottom: 0px;
    background: #ffffff;
    z-index: 999;
    padding: 0px 15px;
    width: calc(100% - 320px);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

/* .cusBillTable tbody tr td {
    display: flex;
    justify-content: end;
    width: 100%;
    padding: 5px;
} */
.cusBillTable tbody tr th {
    vertical-align: middle;
    padding: 5px 10px;
}

/* .cusBillTable{
    display: flex;
    justify-content: flex-end;
    margin: 0;
} */
.cusBillTable tbody tr .spacebet {
    display: flex;
    gap: 10px;
    border: 0;
}

.estimation_page {
    margin-bottom: 190px;
}

.custompad {
    overflow: auto;
    margin-top: 15px;
}

.cusBillTable tbody tr .spacebet .spacebet_lable {
    display: flex;
}

.cusBillTable tbody tr .spacebet .distext {
    vertical-align: text-bottom;
}

.cusBillTable tbody tr .spacebet input {
    margin-right: 5px;
}

.cusBillTable .textrig {
    /* text-align: end; */
    border: none;
}

.cusBillTable .textrig:focus {
    outline: none;
}

.textleft {
    white-space: nowrap;
}

/* .cusBillTable th,
.cusBillTable td {
    padding: 10px 20px;
} */
.ui-menu .ui-menu-item-wrapper:hover,
.ui-menu .ui-menu-item-wrapper.ui-state-active {
    background-color: #16487B !important;
    border-color: #16487B !important;
}

.dflex-end {
    justify-content: flex-end;
}

.dflexsapcebetween {
    justify-content: space-between;
}

@media (min-width:768px) {
    .mt-25 {
        margin-top: 25px;
    }


}

@media (max-width:470px) {
    .tableEnd {
        overflow-x: hidden;
    }

    .cusBillTable {
        justify-content: unset;
    }

    .textleft {
        font-size: 14px;
    }
}

.customcheckboxs {
    overflow: auto;
    max-height: 500px;
}

#complaint_modal {
    padding-right: 5px;
}

#complaint_modal .modal-dialog {
    max-width: 700px !important;
}

#complaint_modal table {
    font-size: 12px;
}

.not_linked {
    border: 1px solid #18191c;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    color: #18191c;
    line-height: 20px;
    width: 120px;
    text-align: center;
}

.linked {
    border: 1px solid #7066e0;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    color: #7066e0;
    line-height: 20px;
    width: 120px;
    text-align: center;
}

.ticket_status {
    /* width: 120px; */
    text-align: center;
    line-height: 20px;
    padding: 3px 10px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.reportactionbtn a {
    color: #395486;
    border-radius: 15px;
    padding: 5px;
    font-size: 13px;
    transition: 0.1s ease-in;
}

/* dropdown */
.arrow_btn {
    width: 100%;
    justify-content: space-between;
    display: flex;
    padding-right: 13px;
}

#sidebarApps ul li a, #industry-bar ul li a, #quotation-bar ul li a ,#transaction-bar ul li a {
    color: #000;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    padding: 5px;
}

#sidebarApps ul li a:hover, #industry-bar ul li a:hover, #quotation-bar ul li a:hover ,#transaction-bar ul li a:hover {
    background-color: #e9e9e9;
    color: #16487B;
}

.sub_menu {
    padding: 5px 0px;
}

.sub_menu .nav-link {
    display: flex;
    gap: 5px;
    padding-left: 30px;
}

.first-W-20 {
    width: 15px;
}

.arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}

.rotate {
    transform: rotate(90deg);
}

.modal-open .select2-container--open {
    z-index: 9999999999 !important;
}

.spare-close-btn {
    background: red;
    border-radius: 55px;
    color: #fff;
    font-size: 12px;
    padding: 1px 6px;
    border: none;
}

.spare-list-table td {
    padding: 10px 0px;
}

.SaveBtnDiv {
    display: flex;
    justify-content: end;
    gap: 10px;
}

#estimation_modal .modal-body .conatiner {
    box-shadow: unset !important
}

#estimation_modal .modal-body .main-container2 {
    padding: 0px 40px;
}

#estimation_modal .modal-body footer {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 25px;
}

#estimation_modal .modal-body .main-container2 {
    margin-bottom: 140px;
}

@media (max-width:1024px) {
    .main-container2 {
        width: 750px;
    }
}

@media (min-width:1281px) {}

/* signature */
.kbw-signature {
    display: inline-block;
    border: 1px solid #a0a0a0;
    -ms-touch-action: none;
}

.kbw-signature-disabled {
    opacity: 0.35;
}

.kbw-signature {
    width: 200px;
    height: 200px;
    padding: 5px;
}

.inspector-signature canvas,
.customer-signature canvas {
    width: 190px !important;
    height: auto;
}

.estimation_signature .kbw-signature {
    width: 100%;
    height: 200px;
    padding: 5px;
}

.estimation_signature .inspector-signature canvas,
.customer-signature canvas {
    width: 100% !important;
    height: 95% !important;
}

.invalid-feedback {
    font-size: unset;
}

.flatpickr-current-month input.cur-year {
    padding-right: 13px !important;
    padding-left: 2px !important;
}

.btn-disabled {
    opacity: 0.3;
    pointer-events: none;
}

/* dfghjklkjhgfghjkl */

.nav-item {
    position: relative;
}

.sub-menu-dropdown {
    padding-left: 0px;
    margin-left: 50px;
}

.nav-item .submenu_item {
    position: relative;
    padding-left: 0px;
}

.nav-item .submenu_item::before {
    content: '';
    position: absolute;
    width: 17px;
    top: 14px;
    left: -18px;
    border-bottom: 1px dashed #FFF;
}

.nav-item .submenu_item::after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    top: 0;
    left: -18px;
    height: 100%;
    border-left: 1px solid #FFF;
}

.nav-item .submenu_item:last-child::after {
    height: 14.5px;
    bottom: auto;
}

.collapsing {
    transition: height 0s !important;
}

.monthlydate .flatpickr-monthSelect-months {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.monthlydate .flatpickr-monthSelect-months .flatpickr-monthSelect-month {
    width: 48%;
    display: block;
    padding: 0px;
    border: 1px solid #b9b9b9;
    border-radius: 7px;
}

.performance-get-by-date {
    background-color: #fff !important;
    border: 1px solid #aaa;
}

/* PRELOADER CSS */
.page-loader {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(255, 255, 255, 0.9);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-loader .txt {
    color: #666;
    text-align: center;
    top: 40%;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-weight: bold;
    line-height: 1.5;
}

.centre-logo {
    width: 100px;
    height: 100px;
}


.flatpickr-calendar.arrowBottom::after,
.flatpickr-calendar.arrowBottom::before {
    border-top-color: #16487B;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 4px 5px 4px !important;
    border-color: transparent transparent #888 transparent !important;
}

input[placeholder="Search"]:focus {
    outline: 0;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-left-width: 1px !important;
}

table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child {
    border-width: 0px !important;
    border-right-width: 1px !important;
}

table tr.child,
table tr.odd {
    border-left-width: 1px !important
}

table.table-bordered.dataTable {
    border-collapse: collapse !important;
}

/* .header-item .dropdown-menu.dropdown-menu-end{
    transform: translate(-30px, 49px) !important;
} */
.topbar-user .dropdown-menu {
    top: 13px !important;
}

.activeImg {
    display: none;
}

.nav-item.active {
    background-color: #f4f4f4;
}

.nav-item.active .sidebar-menu-text,
.nav-item:hover .sidebar-menu-text {
    font-weight: 600;
}

.nav-link:hover .activeImg {
    display: block;
}

.svgTbHover:hover .activeImg {
    display: inline-block;
}

.nav-link.active .activeImg {
    display: block;
}

.nav-link:hover span.sidebar-menu-text {
    color: #16487B !important;
}

.nav-link.active span.sidebar-menu-text {
    color: #16487B !important;
}

.nav-link:hover .defaultImg {
    display: none;
}

.svgTbHover:hover .defaultImg {
    display: none;
}

.nav-link.active .defaultImg {
    display: none;

}

.form-group input[type="radio"] {
    height: auto !important;
}

.form-group input[type="radio"]>label {
    vertical-align: bottom;
}

.form-group .check {
    gap: 8px;
}

input[type="radio"] {
    accent-color: #16487B;
}

th.quotation.actionbtn,
td.quotation.actionbtn {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
}

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

.quotation-flex .inner-1 {
    gap: 8px;
    white-space: nowrap;
}

.quotation-flex .inner-1 .add-btn {
    margin-right: 8px;
    /* white-space: nowrap; */
}

.cus-border-blk {
    border: 1px solid #aaaaaa !important;
}

.nav-link span.sidebar-menu-text {
    color: #FFF;
    font-size: 15px;
}

#drawer .submenu_item a {
    color: #FFF;
}

.nav-item .nav-link {
    padding-left: 20px;
}

.nav-item .nav-link:hover {
    background-color: #FFF;
    color: antiquewhite;
}

.form-control:focus:focus {
    outline: 0;
    border-color: #aaaaaa;
}

#drawer .nav-item {
    margin-bottom: 4px;
}

#drawer .nav-item.submenu_item {
    margin-bottom: 0 !important;
}

.dateFilterCol {
    display: flex;
    gap: 18px;
    margin-bottom: 10px;
}

.modal-body .quotation-modal-data h3,
.modal-body .invoice-modal-data h3,
.modal-body .deliverynote-modal-data h3,
.modal-body .joborder-modal-data h3,
.modal-body .purchaseorder-modal-data h3,
.modal-body .receipt-modal-data h3 {
    font-size: 12px;
}

.modal-body .quotation-modal-data .section,
.modal-body .invoice-modal-data .section,
.modal-body .deliverynote-modal-data .section,
.modal-body .joborder-modal-data .section,
.modal-body .receipt-modal-data .section {
    padding: 0 !important;
    /* overflow-x: scroll; */
}

.modal-body .quotation-modal-data table td,
.modal-body .invoice-modal-data table td,
.modal-body .deliverynote-modal-data table td,
.modal-body .purchaseorder-modal-data table td,
.modal-body .joborder-modal-data table td {
    font-size: 12px;
}

.modal-body .quotation-modal-data header,
.modal-body .invoice-modal-data header,
.modal-body .deliverynote-modal-data header,
.modal-body .joborder-modal-data header {
    position: absolute;
}

.modal-body .header-table .imageHeader {
    position: relative;
}

.modal-body .header-table .imageHeader img {
    position: absolute !important;
    margin-top: 0 !important;
    top: -25px;
}

/* .quotation-modal-data .container{
   border: 2px solid #918e8e !important;
 } */
#quotation_modal footer,
#purchaseorder_modal footer,
#invoice_modal footer,
#deliverynote_modal footer,
#joborder_modal footer {
    position: absolute !important;
    width: 100% !important;
    /* margin: 0 !important; */
}

#invoice_modal .container {
    margin-top: 0 !important;
    overflow-x: hidden;
}

#invoice_modal .header {
    margin: 20px;
    font-size: 12px;
}

#invoice_modal div.header img {
    margin-bottom: 20px !important;
}

#invoice_modal div.header h3 {
    margin-bottom: 8px !important;
}

#quotation_modal header,
#purchaseorder_modal header,
#invoice_modal header,
#deliverynote_modal header,
#joborder_modal header {
    display: none !important;
}

#quotation_modal .modalPdfView,
#purchaseorder_modal .modalPdfView,
#invoice_modal .modalPdfView,
#deliverynote_modal .modalPdfView,
#joborder_modal .modalPdfView {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

#quotation_modal .modalPdfView h3,
#purchaseorder_modal .modalPdfView h3,
#invoice_modal .modalPdfView h3,
#deliverynote_modal .modalPdfView h3,
#joborder_modal .modalPdfView h3 {
    margin: 0 !important;
}

#quotation_modal .modalPdfView img,
#purchaseorder_modal .modalPdfView img,
#invoice_modal .modalPdfView img,
#deliverynote_modal .modalPdfView img,
#joborder_modal .modalPdfView img {
    height: 80px;
    margin: 0 !important;
    position: unset !important;
    object-fit: contain;
}

#quotation_modal .container.quotation,
#purchaseorder_modal .container.quotation,
#purchaseorder_modal .container.purchaseorder,
#invoice_modal .container.quotation,
#joborder_modal .container.job-order,
#purchaseorder_modal .container.purchaseorder,
#deliverynote_modal .container.delivery-note-pdf {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

#quotation_modal .section.last,
#purchaseorder_modal .section.last,
#invoice_modal .section.last,
#deliverynote_modal .section.last,
#joborder_modal .section.last {
    margin-bottom: 100px !important;
}

#quotation_modal .modal-body,
#purchaseorder_modal .modal-body,
#invoice_modal .modal-body,
#deliverynote_modal .modal-body,
#joborder_modal .modal-body {
    padding: 0;
    position: relative !important;
    border: 1px solid #918e8e;
}

#quotation_modal .modal-content,
#purchaseorder_modal .modal-content,
#invoice_modal .modal-content,
#deliverynote_modal .modal-content,
#joborder_modal .modal-content {
    padding: 15px;
}

#quotation_modal .lastTdBdr,
#purchaseorder_modal .lastTdBdr,
#invoice_modal .lastTdBdr,
#deliverynote_modal .lastTdBdr,
#joborder_modal .lastTdBdr {
    border: 0 !important;
}

#quotation_modal .footerNormal,
#purchaseorder_modal .footerNormal,
#invoice_modal .footerNormal,
#deliverynote_modal .footerNormal,
#joborder_modal .footerNormal {
    display: none !important;
}

#quotation_modal .footerModal,
#purchaseorder_modal .footerModal,
#invoice_modal .footerModal,
#deliverynote_modal .footerModal,
#joborder_modal .footerModal {
    display: block !important;
    position: unset !important;
}

#quotation_modal body,
#purchaseorder_modal body,
#invoice_modal body,
#deliverynote_modal body,
#joborder_modal body {
    border: 0 !important;
}

#quotation_modal .modal-header,
#purchaseorder_modal .modal-header,
#invoice_modal .modal-header,
#deliverynote_modal .modal-header,
#joborder_modal .modal-header,
#invoice_modal .modal-footer,
#quotation_modal .modal-footer,
#purchaseorder_modal .modal-footer,
#deliverynote_modal .modal-footer,
#joborder_modal .modal-footer {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

#quotation_modal .modal-footer,
#purchaseorder_modal .modal-footer,
#joborder_modal .modal-footer,
#invoice_modal .modal-footer,
#deliverynote_modal .modal-footer,
#receipt_modal .modal-footer {
    margin-top: 10px !important;
}

#quotation_modal .modal-header,
#purchaseorder_modal .modal-header,
#invoice_modal .modal-header,
#deliverynote_modal .modal-header,
#joborder_modal .modal-header,
#deliverynote_modal .modal-header,
#receipt_modal .modal-header {
    margin-bottom: 10px !important;
}

.hidden-element {
    display: none !important;
}

.dateTable i {
    position: absolute;
    right: 0;
    top: -15px;
    cursor: pointer;
}

.approved .defaultImg circle,
.reject .defaultImg circle {
    stroke: #000;
}

.approved .defaultImg path,
.reject .defaultImg path {
    stroke: #FFF;
}

.approved .defaultImg {
    fill: green;
}

.reject .defaultImg {
    fill: red;
}

.not-allowed {
    cursor: none;
    pointer-events: none;
}

.approved-badge {
    background: #ECFDF3 !important;
    color: #027A48;
    padding: 7px 15px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
}

.verified-badge {
    background: #ffc1073d !important;
    color: #ffc107;
    padding: 7px 15px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
}

.inactive-badge {
    background: #FEF3F2 !important;
    color: #B42318;
    padding: 7px 15px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
}

.partial-badge {
    background: #ff980021 !important;
    color: #ff9800f7;
    padding: 7px 15px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
}

.pending-badge {
    background: #F0F9FF !important;
    color: #026AA2;
    padding: 7px 15px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
}

.inprogress-badge {
    background: #F2F4F7 !important;
    color: #344054;
    padding: 7px 15px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
}

.completed-badge {
    background: #ECFDF3 !important;
    color: #027A48;
    padding: 7px 15px 7px 26px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
    position: relative;
}

.rejected-badge {
    background: #FEF3F2 !important;
    color: #B42318;
    padding: 7px 15px 7px 26px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
    position: relative;
}

.completed-badge span {
    background: green;
    position: absolute;
    content: '.';
    left: 12px;
    display: block;
    height: 5px;
    width: 5px;
    top: 14px;
    border-radius: 50%;
}

.rejected-badge span {
    background: #B42318;
    position: absolute;
    content: '.';
    left: 12px;
    display: block;
    height: 5px;
    width: 5px;
    top: 14px;
    border-radius: 50%;
}

.multiDFlex div {
    padding: 5px 5px;
    color: #16487B;
    width: 90px;
    font-size: 12px;
    cursor: pointer;
}

.multiDFlex div.active,
.multiDFlex div:hover {
    background-color: #16487B;
    color: #FFF;
}

.multiDFlex div:nth-child(1),
.multiDFlex div:nth-child(2) {
    border-right: 1px solid #16487B;
}

.multiDFlex {
    margin: 10px 20px 17px auto;
    border: 1px solid #16487B;
    border-radius: 4px;
    max-width: fit-content;

}

.multiDPFlex div {
    padding: 5px 5px;
    color: #16487B;
    width: 135px;
    font-size: 12px;
    cursor: pointer;
}

.multiDPFlex div.active,
.multiDPFlex div:hover {
    background-color: #16487B;
    color: #FFF;
}

.multiDPFlex div:nth-child(1),
.multiDPFlex div:nth-child(2) {
    border-right: 1px solid #16487B;
}

.multiDPFlex {
    margin: 10px 20px 17px auto;
    border: 1px solid #16487B;
    border-radius: 4px;
    max-width: fit-content;

}

.multiDFilter .flatpickr-months {
    border-radius: 0;
    background-color: #FFF !important;
}

.multiDFilter .flatpickr-monthDropdown-months {
    color: #000;
    font-size: 17px;
    font-weight: 700;
}

.multiDFilter .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    font-size: 12px;
}

/* .multiDFilter div.flatpickr-current-month select.flatpickr-monthDropdown-months option.flatpickr-monthDropdown-month:hover{
    background-color: #16487B !important;
    color: #FFF !important;
} */
.multiDFilter .flatpickr-current-month input.cur-year {
    color: #000;
}

.multiDFilter .flatpickr-prev-month svg path,
.multiDFilter .flatpickr-next-month svg path {
    stroke: #16487B;
    stroke-width: 1px;
}

.multiDFilter .flatpickr-prev-month,
.multiDFilter .flatpickr-next-month {
    top: 63px
}

.multiDFilter .flatpickr-prev-month {
    left: 80.5% !important;
}

.multiDFilter span.flatpickr-prev-month:hover svg path,
.multiDFilter span.flatpickr-next-month:hover svg path {
    stroke: #000 !important;
}

.multiDFilter .flatpickr-current-month {
    left: -20px;
}

.multiDFilter .flatpickr-weekdays {
    background-color: #FFF !important;
}

.multiDFilter .flatpickr-weekdays .flatpickr-weekday {
    color: #E6E0E9 !important;
    font-size: 12px;
    font-weight: 600;
}

.multiDFilter .flatpickr-rContainer {
    margin-top: 10px;
}

.multiDateIcon {
    top: 7px;
    position: absolute;
    right: 5px;
    z-index: 99;
}

.cus-pointer {
    cursor: pointer;
}

.multiDHolder::placeholder {
    color: #000;
    font-size: 13px;
    font-weight: 500;
}

.multiDHolder {
    color: #000;
    font-size: 13px;
    font-weight: 500;
}

.selection.stsAndClient {
    display: flex;
}

.selection.stsAndClient .select2-selection.select2-selection--single {
    width: 100%;
}

.selection .statusClient {
    padding: 8px;
    font-size: 12px;
    border: 1px solid #aaa;
    color: #9E9E9E;
    background-color: #EFF2F7;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.selection.stsAndClient .select2-selection.select2-selection--single {
    border-left: 0 !important;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.selection.stsAndClient .select2-selection__rendered {
    font-size: 13px;
}

.searchAndCount .dropdown {
    width: 50%;
}

.media-body h3 {
    font-size: 18px;
    font-weight: 600;
}

#show.selectbox {
    width: 50%;
}

.quot.multiDateIcon {
    top: 10px;
}

.selection.stsAndClient .select2-selection.select2-selection--single {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile.svgTbHover:hover {
    color: #16487B;
}

.select2-results__option.select2-results__message {
    padding: 10px !important;
    text-align: center;
    font-size: 11px;
}

.select2-results__option.select2-results__option--selectable {
    padding: 6px 10px !important;
}

ul.select2-results__options li:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.w-fit-content {
    width: fit-content;
}

.select2-container--open .select2-dropdown--above ul.select2-results__options li:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.stsAndClient .select2-selection__rendered {
    font-size: 12px !important;
}

.clearFilter {
    gap: 24px;
}

.table-create.btn {
    background-color: #FFF;
    color: #16487B;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #16487B;
    padding: 5px 8px;
    cursor: pointer;
}

.table-create.btn:hover {
    background-color: #16487B;
    color: #FFF;
}

.gap-twelve {
    gap: 12px !important;
}

.filtOne {
    width: 270px !important;
}

.filtTwo {
    width: 90px;
}

.filtThree {
    width: 200px;
}

.filtFour {
    width: 220px;
}

.filtFive {
    width: 347px;
}

div textarea.desc-min-height {
    min-height: 113px;
}

.modal-date-z-index {
    z-index: 9999999998 !important;
}

.fit-content {
    width: fit-content;
}

.filter-date-label .input-group-text {
    font-size: 12px !important;
    color: #9E9E9E;
    border-color: #aaa;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 9px 8px;
}

.filter-date-label .input-group-append {
    background-color: #EFF2F7;
}

.filter-date-label input {
    padding-left: 7px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.filter-date-label input::placeholder,
.filter-date-label input {
    font-size: 12px !important;
}

#dateIcon {
    outline: 0;
}

.swal2-html-container {
    color: #433d3dbd;
}

.swal2-title {
    color: #000;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: #16487B !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus,
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
    box-shadow: unset !important;
}

.hash-gray {
    color: #aaa;
}

.siteUploads img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 50%;
}

.siteUploads .updateBtn {
    color: #16487B;
    font-size: 14px;
    font-weight: 500;
}

.siteUploads .updateBtn:hover {
    font-weight: 600;
}

.siteUploads .fileName {
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.tooltip.fade {
    pointer-events: none;
}

.modal-open .swal2-container {
    z-index: 9999999999;
}

/* [data-clear-button="no"].clear-btn{
    background-color: #000000;
} */
.site-tabs .nav-item .nav-link:hover {
    background-color: #FFF;
    color: #000;
}

.site-tabs .nav-item .nav-link {
    font-weight: 600;
    padding: 8px 16px;
}

.theme-color-picker::-webkit-color-swatch {
    /* border-radius: 100%; */
    border: 0 !important;
    top: 40px;
}

.theme-color-picker,
.button-color-picker,
.clear-button-color-picker,
.background-color-picker,
.pagination-color-picker {
    height: 37px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.font-slider .font-input {
    height: 37px;
    padding: 2px;
    border-radius: 4px;
    background-color: #ecf4fc9e;
    text-align: center;
    outline: 0;
}

.nav-tabs.site-tabs .site-settings,
.nav-tabs.site-tabs .theme-settings {
    background-color: #FFF;
    /* border-bottom:1px solid #e9ebec; */
    border-right: 0;
    border-top: 0;
    border-left: 0;
    padding: 8px 0 !important;
    border-bottom: 0;
    color: #b4b4b4;
    ;
}

.nav-tabs.site-tabs .site-settings.active,
.nav-tabs.site-tabs .theme-settings.active {
    background-color: #FFF;
    border-bottom: 2px solid #16487B;
    color: #000;
    /* border-radius: 1px; */
}

.nav-link.theme-settings {
    margin-left: 14px;
}

/* .sidebar-item svg.defaultImg[data-sidebar-default-icon="no"]:where([fill="none"]) path, .sidebar-item svg.defaultImg[data-sidebar-default-icon="no"]:where([fill="none"]) circle, .sidebar-item svg.defaultImg[data-sidebar-default-icon="no"]:where([fill="none"]) ellipse{
    stroke: red;
}
.sidebar-item svg.activeImg[data-sidebar-active-icon="no"]:where([fill="none"]) path, .sidebar-item svg.activeImg[data-sidebar-active-icon="no"]:where([fill="none"]) circle, .sidebar-item svg.activeImg[data-sidebar-active-icon="no"]:where([fill="none"]) ellipse{
   fill: red;
}
.sidebar-item svg.defaultImg[data-sidebar-default-icon="no"]:where([fill="none"]) path:is([fill]){
fill: red;
stroke: none;
} */

.delivery-items-table table th,
.delivery-items-table table tr td {
    text-align: center;
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    font-size: 14px;
}

.delivery-items-table table th {
    font-weight: 600;
}

.delivery-items-table table td {
    vertical-align: top;
    font-size: 13px !important;
}

.delivery-items-table .column {
    padding: 0;
}

.delivery-items-table .column {
    overflow-x: auto;
}

/* .delivery-items-table .column::-webkit-scrollbar{
    width: 10px;
    height: 4px;
}
.delivery-items-table .column::-webkit-scrollbar-thumb{
    background-color: #aaaaaa;
border-radius: 3px;
} */
.delivery-items-table table tbody td:nth-child(2),
.delivery-items-table table tbody td:nth-child(4) {
    max-width: 200px;
    word-wrap: break-word;
}

.delivery-items-table .delivery-input {
    /* width: 50%; */
    width: 70px;
}

.multipleChoice .select2-selection__choice {
    margin-top: 0 !important;
}

.multipleChoice .select2-search__field {
    margin-top: 0 !important;
}

.delivery-select-results li:nth-child(1) {
    background-color: #f8f8f8 !important;
}

.delivery-select-results li {
    position: relative;
}

.delivery-select-results .select2-results__option--selectable.select2-results__option--selected {
    background-color: #FFF !important;
    color: #16487B !important;
    font-weight: 600;
}

.delivery-select-results .select2-results__option--selectable.select2-results__option--selected::after {
    content: '';
    background-image: url('../images/SVG/multi-select-tick.svg');
    background-size: 20px;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 4px;
    right: 6px;
}

.multipleChoice .select2-selection__choice__display {
    font-size: 12px;
    height: auto;
}

.multipleChoice .select2-selection--multiple {
    padding: 8px !important;
}

.multipleChoice .select2-selection__choice__remove span {
    position: relative;
    top: -1px;
}

.delivery-tbl-sno {
    width: 5%;
    /* white-space: nowrap; */
}

.delivery-order-item{
    white-space: nowrap !important;
}
.delivery-table-quantity {
    width: 7%;
    white-space: nowrap;
}

.already-table {
    width: 8%;
    white-space: nowrap;
}

.delivery-quantity {
    width: 9%;
    white-space: nowrap;
}

.breadcrumbheading {
    white-space: nowrap
}

.side-Addbtn {
    width: 60%;
}

.lable-head {
    width: 40%;
}

.mark-payment .fill-color {
    stroke: green;
    fill: green;
}

.mark-payment .fill-color~path {
    stroke: #FFF;
}

.w-nowrap {
    white-space: nowrap;
}

.receipt-radio .distext {
    font-size: 11px;
}

.checkboxwidth-role-view .form-check-label {
    white-space: normal;
}

.checkboxaliment-role {
    display: flex;
    align-items: center;
}

.checkboxwidth-role-view {
    display: flex;
    /* align-items: center; */
    gap: 7px;
}

.checkboxwidth-role-view .module-checkbox {
    align-self: baseline;
}

/* .select2 .selection .select2-selection.select2-selection--single span.select2-selection__rendered:where([title="Lot"]), .select2 .selection .select2-selection.select2-selection--single span.select2-selection__rendered:where([title="Units"]){
    width: max-content !important;
} */
#quotation_modal .modal-footer button,
#purchaseorder_modal .modal-footer button,
#invoice_modal .modal-footer button,
#deliverynote_modal .modal-footer button,
#joborder_modal .modal-footer button {
    margin-right: 0 !important;
}

.form-control.delivery-note-qty:not([disabled]) {
    background-color: #fff;
    border: 1px solid #aaa;
}

.receipt-radio .check.invoice {
    gap: 6px;
}
.markpayment.receipt-radio .invoice {
    gap: 4px;
}

:where(.receipts-generate-receipt, .mark-payment) svg,
:where(svg) {
    outline: 0;
}

#scrollbar {
    height: 87%;
    overflow-y: hidden;
}

#scrollbar::-webkit-scrollbar {
    background-color: transparent;
    width: 2px;
    height: 5px;
}

#scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #FFF;
    width: 2px;
    height: 20px;
}

#scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    height: 4px;
}

.cus-mob-number input.form-control {
    padding-left: 10px !important;
}

.cus-mob-number .input-group-append {
    position: unset;
}

#joborder_modal .modalPdfView {
    padding: 30px 0;
}

#quotation_modal .modalPdfView,
#purchaseorder_modal .modalPdfView,
#invoice_modal .modalPdfView,
#deliverynote_modal .modalPdfView,
#joborder_modal .modalPdfView {
    /* border: 1px solid #918e8e; */
    border-bottom: 0
}

.footerModal {
    margin-top: 30px !important
}

#invoice_modal .header {
    padding-bottom: 0;
}

/* #invoice_modal .needFlexForInc{
    display: flex;
} */
#quotation_modal .nowrap-in-modal {
    white-space: nowrap
}
#purchaseorder_modal .nowrap-in-modal {
    white-space: nowrap
}

#quotation_modal .container {
    overflow-x: hidden;
}
#purchaseorder_modal .container {
    overflow-x: hidden;
}

#deliverynote_modal .section table:not(.not-min-width),
#joborder_modal .section table:not(.not-min-width),
#invoice_modal .section table:not(.not-min-width),
#quotation_modal .section table:not(.not-min-width),
#purchaseorder_modal .section table:not(.not-min-width),
#receipt_modal .receipt-voucher-modal table:not(.not-min-width) {
    min-width: 700px
}

.footerModal table td h4,
.footerModal table td h3 {
    font-size: 12px !important;
}

#receipt_modal .title-receipt {
    font-size: 12px;
    padding: 5px !important;
}

#joborder_modal tr.job-val-width td:nth-child(2) {
    width: 38.6% !important;
}

#joborder_modal .job-order-header {
    padding-bottom: 9px;
}

#purchaseorder_modal .purchaseorder-header {
    padding-bottom: 9px;
}

#joborder_modal .job-val-width td:nth-child(1) {
    width: 25% !important;
}

#joborder_modal .need-scroll-table {
    min-width: 700px !important
}

/* #receipt_modal .receipt-amnt{
vertical-align: top;
} */
#receipt_modal .receipt-amnt-value {
    padding-top: 10px !important;
}

.toggle-parent img {
    display: none;
}

.toggle-parent img {
    object-fit: contain;
    width: 100px;
    height: 50px;
}

#receipt_modal .receipt-amnt-value p {
    margin-bottom: 0;
}

.customer-report.filtThree {
    width: 250px;
}

.customer-report.filtFive{
    width: 450px;
}
.export-file-btn{
    background-color: #09b96d;
    color: #FFF;
}
.export-file-btn:hover svg path{
    stroke: #09b96d;
}
.export-file-btn:hover{
    background-color: #FFF;
    color: #09b96d;
    border-color: #09b96d;
}
.delivery-items-table-body tr td{
    vertical-align: middle;
}
.dash-chart{
    border: 1px solid rgb(100 98 92 / 9%);
    background-color: #FFF;
    border-radius: 10px;
    padding: 10px;
    /* margin: 16px; */
}
.dash-chart h5{
    padding-left: 8px;
    font-size: 20px;
    padding-top: 5px;
    font-weight: 600;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

/* #container {
    height: 400px;
} */

.highcharts-data-table table {
    font-family: 'Poppins', sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
.highcharts-figure{
    max-width: none !important;
}
.amount-dash{
    margin-bottom: 18px;
}
/* .dashboard-div::after {
    content: '';
    width: 1px;
    height: 54.7px;
    left: 61px;
    position: absolute;
    bottom: 16px;
    background-color: rgb(100 98 92 / 9%)
} */
.dashboard-card{
    gap: 15px;
}
.dashboard-sec-div{
margin-left: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* .dashboard-sec-div h3{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} */
.px-20{
    padding-left:20px;
    padding-right: 20px;
}
.mb-8px{
    margin-bottom: 8px !important;
}
.fw-600{
    font-weight:600
}
.dash-main-card{
    border:1px solid rgb(100 98 92 / 9%);
    border-radius: 10px;
}
.pdf-modal-scroll-js::-webkit-scrollbar{
width: 4px;
height: 10px;
}
.pdf-modal-scroll-js::-webkit-scrollbar-thumb{
background-color: #aaa;
border-radius: 10px;
}
.pdf-modal-scroll-js::-webkit-scrollbar-thumb{
background-color: #aaa;
border-radius: 10px;
}
#pdf-modal-scroll-js{
    overflow-y: auto;
    max-height: 600px;
}

.pdf-modal-scroll-js{
    padding: 0 10px;
    /* max-height: 600px; */
    overflow-y: auto;
}

#invoice_modal .modal-header button, #deliverynote_modal .modal-header button, #quotation_modal .modal-header button,  #purchaseorder_modal .modal-header button, #joborder_modal .modal-header button{
margin-right: 0;
}
#invoice_modal .modal-footer button.btn, #deliverynote_modal .modal-footer button.btn, #quotation_modal .modal-footer button.btn, #purchaseorder_modal .modal-footer button.btn, #joborder_modal .modal-footer button.btn{
    margin-right: 10px !important;
    }
    span.text-danger, p.text-danger{
        font-size: 13px !important;
    }
    tr.odd td, tr.even td {
        font-size: 14px !important;
    }
    .customer-report.cus-report-width.filtFive, .job-order-date.filtFive{
        width: 247px;
    }
    .dataTables_info{
        white-space: nowrap;
    }
    #customerHistoryTable thead  tr th:nth-child(1) p.table-heading{
margin-left: 0 !important;
    }
    .cursor-auto {
        cursor: auto;
    }
#drawer #scrollbar{
    overflow-y: auto;
}
input.numInput.cur-year{
    pointer-events: none;
}
.addrow-icon.addmultipal_item:hover::before{
    background-color: #1f4c7a !important;
}
#estimation_unit + .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 5px;
    padding-right: 10px;
    font-size: 12px;
    width: 46px;
    text-align: center;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: var(--vz-topbar-user-bg) !important;
    color: #16487B !important;
}
.select2-results__option.select2-results__option--selectable.select2-results__option--selected:is(.select2-results__option--highlighted){
    background-color: #16487B !important;
    color: #FFF !important;
}
.select2-container--default .select2-results>.select2-results__options{
    overflow-y: hidden !important;
}
.select2-container--default .select2-results>.select2-results__options:hover{
    overflow-y: auto !important;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{
    width: 5px;
    /* height: 30px; */
    overflow-y: auto !important;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{
    background-color:#aaa;
    border-radius: 5px;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{
    background-color:#eeeeee;
    border-radius: 5px;
}
.lpo_unit_lpo .select2-selection.select2-selection--single .select2-selection__rendered{
    padding-left: 5px;
    padding-right: 10px;
    font-size: 12px;
    width: 46px;
    text-align: center;
}
li.nav-item.submenu_item:not(.active) .defaultImg {
    display: block;
}
li.nav-item.submenu_item.active .activeImg, li.nav-item.submenu_item.active a  {
    display: block;
    color: #16487B !important;
    font-weight: 600;
}

li.nav-item.submenu_item:not(.active) .activeImg {
    display: none;
}
li.nav-item.submenu_item.active .defaultImg {
    display: none;
}
li.nav-item.submenu_item a.nav-link:hover .defaultImg{
display: none !important;
}
li.nav-item.submenu_item a.nav-link:hover{
color: #16487B !important;
font-weight: 600;
}
li.nav-item.submenu_item a.nav-link:hover .activeImg{
display: block !important;
}
.btn.btn-light{
    font-size: 13px;
    border-radius: 5px;
    padding: 7px 33px;
}
.btn.btn-light:hover{
    background-color: #FFF;
}
.delivery-items-table table{
    min-width:835px;
}
.invoiceAndDelivery table th{
white-space: normal;
}
.nav-link.menu-link.collapsed:where([aria-expanded='false']) .arrow_btn .ri-arrow-right-s-line.arrow{
rotate: 0deg !important;
}
.nav-link.menu-link:where([aria-expanded='true']) .arrow_btn .ri-arrow-right-s-line.arrow{
    rotate: 90deg !important;
    }
    table.cusBillTable{
        min-width: 800px
    }
.description span.dtr-data{
    white-space: normal;
}
.page-loader-deliverynotes {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(255, 255, 255, 0.9);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-loader-deliverynotes .txt {
    color: #666;
    text-align: center;
    top: 40%;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-weight: bold;
    line-height: 1.5;
}

.page-loader-form-submit {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(255, 255, 255, 0.9);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-loader-form-submit .txt {
    color: #666;
    text-align: center;
    top: 40%;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-weight: bold;
    line-height: 1.5;
}

.centre-logo-deliverynotes {
    width: 100px;
    height: 100px;
}

.centre-logo-form-submit {
    width: 100px;
    height: 100px;
}

table td.description,
table td.description .innerText {
    white-space: nowrap !important;
}
table td.description{
    max-width: 150px;
}

/* table td ul.dtr-details li{
    display: flex;
    gap: 10px;
} */
.dotSpace .innerText{
    display: inline-block;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.popover-arrow + .popover-header{
    color: #757575;
    font-size: 13px;
    font-weight: 500;
}
.dash-desc{
    width: 100%;
}
.dashboard-sec-div{
width: 100%;
}
label.distext{
line-height: normal;
}
.d-flex.align-items-center.dashboard-card::after {
    content: '';
    height: 53px;
    width: 1px;
    background: #f2eeee;
    left: 60px;
    position: absolute;
}
.dashboard-sec-div{
    white-space: normal
}
.dashboard-sec-div h3{
  font-size: 15px;
  font-weight: 700;
}
td.desc_p p {
  margin-bottom: 0px;
}
#joborder_modal .job-order-header {
    width: 14.9% !important;
}
#purchaseorder_modal .purchaseorder-header {
    width: 14.9% !important;
}
@media(min-width:1018px){
    #joborder_modal .job-order-header{
       width:14.9% !important;
    }
    #purchaseorder_modal .purchaseorder-header{
        width:14.9% !important;
     }
}
@media(max-width:1017px){
    #joborder_modal .job-order-header{
       width:14.91% !important;
    }
    #purchaseorder_modal .purchaseorder-header{
        width:14.9% !important;
     }
}
@media(min-width:1920px){
    #joborder_modal .job-order-header{
       width:15% !important;
    }
    #purchaseorder_modal .purchaseorder-header{
        width:14.9% !important;
     }
}
table tbody tr td.dataTables_empty{
    text-align: center !important;
}
.cusBillTable tbody tr .spacebet .spacebet_lable {
    display: flex;
    align-items: center;
}
.notification-massage-bx.load-content::-webkit-scrollbar {
    width: 5px;
}
.notification-massage-bx.load-content::-webkit-scrollbar-thumb {
   background: #f1f1f1;  border-radius: 10px;
}
.notification-massage-bx.load-content::-webkit-scrollbar-thumb:hover {
    background: #55555547;
}
.close-notifaction-btn:hover {
    background-color: red;
}
.close-notifaction-btn {
    cursor: pointer;
}
#invoice_modal .invoice-header-top{
  padding-top:0 !important
}
.physical_heading {
    white-space: normal;
}
.select2-container--default .select2-results>.select2-results__options {
    overflow-x: hidden;
}
.select2-results__options li {
    word-break: break-all;
}
span.dtr-data {
    white-space: normal;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    margin-top: -10px !important;
}
.text-muted-notes {
    color: #272a3a;
}

/* Bug fixing */
.text-black{
    margin-bottom: 0px;
    line-height: 40px;
}
@media(max-width: 768px) {
    .full_width{
        min-width: 700px !important;

    }
}
@media(max-width: 1400px) {
    .btn_aliments .rejected-badge, .btn_aliments .completed-badge, .btn_aliments .verified-badge,  .btn_aliments .inprogress-badge, .btn_aliments .pending-badge, .btn_aliments .approved-badge {
        margin-top: 5px !important;
        display: inline-block;
    }
}
.lg_dev_btn_aliments .rejected-badge, .lg_dev_btn_aliments .completed-badge, .lg_dev_btn_aliments .verified-badge,  .lg_dev_btn_aliments .inprogress-badge, .lg_dev_btn_aliments .pending-badge, .lg_dev_btn_aliments .approved-badge{
    margin-top: 5px !important;
    display: inline-block;
}
.select_box_aligmet .select2-container--open .select2-dropdown{
    z-index: 99  !important;
}