#scrollbar{
    height: calc(100vh - 150px);
    overflow-y: auto;
}
#scrollbar::-webkit-scrollbar{
    width: 0;
}

.avatar-xs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

i {
    vertical-align:middle;
}

.alert-info {
    color: #1f75a4 !important;
    background-color: #dff0fa;
    border-color: #bfe1f4;
}
.alert-success {
    color: #088675 !important;
    background-color: #daf4f0;
    border-color: #b6e8e1;
}
.alert-warning {
    color: #b98a38 !important;
    background-color: #fef4e4;
    border-color: #fdeac9;
}
.alert-danger {
    color: #b44c36 !important;
    background-color: #fde8e4;
    border-color: #fbd1c8;
}


th{
    cursor: default;
    padding: 12px 14px 12px 10px;
}
.table .sort::before {
    top: 16px;
    right: 2px;
}
.table .sort::after {
    top: 10px;
    right: 2px;
}

.link-primary:hover {
    text-decoration: underline !important;
}


input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}


.listjs-pagination li.active .page{
    cursor: default;
}

.subhead {
    display: inline-block;
    text-transform: lowercase;
}

.subhead::first-letter {
    text-transform: uppercase;
}


.bootstrap-select.show-tick .dropdown-menu li a span.text{
    max-width: 100%;
    word-wrap: break-word !important;
    white-space: normal;
    display: inline-block;
    inline-size: 27vw;
    overflow-wrap: break-word;
}


option[disabled] {
    color: gray;
}

option{
    color: black;
}

/* .dropdown-toggle::after {
    color: pink;
    background-color: #088675;
    z-index: 99;
}

.bootstrap-select .dropdown-toggle .filter-option {
    background-color: var(--vz-input-bg);
    border-radius: 0.25rem;
} */

/* 06-10-2023 */
.response-preview .row.choice {
    margin-bottom: 8px;
    align-items: center;
}
.response-preview .row.choice:last-child {
    margin-bottom: 0;
}
.response-preview .row.choice .add-option {
    margin-bottom: 0;
}
.response-preview .row.choice input[type=radio] ~ .form-control:disabled, .response-preview .row.choice input[type=checkbox] ~ .form-control:disabled {
    border: transparent;
    background-color: transparent;
    padding: 2px 4px;
}
.view-role-table thead tr th label {
    margin-bottom: 0;
}
.text-align-items {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}
.ovservation-table-elements:first-child .arrow-action .shift-data-up {
    display: none;
}
.ovservation-table-elements:last-child .arrow-action .shift-data-down {
    display: none;
}
.close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
#projectTable thead tr th, #labourlog-table thead tr th, #inspectionFormTable thead tr th, #obasrvationFormTable thead tr th, #orderTable thead tr th {
    padding-right: 20px;
}
#projectTable .sort::before, #labourlog-table .sort::before, #inspectionFormTable .sort::before, #obasrvationFormTable .sort::before, #orderTable .sort::before {
	top: 15px;
}
#projectTable .sort::after, #labourlog-table .sort::after, #inspectionFormTable .sort::after, #obasrvationFormTable .sort::after, #orderTable .sort::after {
	top: 9px;
}
.inspection-accordion.lefticon-accordion .accordion-button::after {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.select-custome.bootstrap-select .dropdown-menu {
    z-index: 1002;
}
/* 09-10-2023 */
.activity-modal .offcanvas-header {
    justify-content: flex-start;
    gap: 8px;
}
.activity-modal .offcanvas-header .btn-group {
    margin-left: auto;
}
.activity-modal .offcanvas-header .btn-light {
	padding: 0 6px;
}
.activity-modal .offcanvas-header h5 {
    margin-bottom: 0;
}
/* 10-10-2023 */
.loading-overlay {
    display: none;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9998;
    align-items: center;
    justify-content: center;
}
.loading-overlay.is-active {
    display: flex;
}
.spinner-border {
    display: block;
    position: fixed;
    top: calc(50% - (58px / 2));  
    right: calc(50% - (58px / 2));
    color: #175EF0;
}
.modal .modal-body .btn-link.link-success {
	border: 1px solid #0ab39c;
}
.big .simplebar-content, .big .simplebar-content .card, .tall .simplebar-content, .tall .simplebar-content .card {
	height: 100%;
}
/* 18-12/2023 */
.add-vitness-file .d-flex.p-2 {
	flex-wrap: wrap;
    gap: 8px;
}
.add-vitness-file h5 {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 250px;
}
.add-vitness-file .flex-shrink-0.ms-3 {
    margin: 0 !important;
}
.project-selector ~ .btn-light {
	background-color: #FFF;
}
.apexcharts-canvas svg > text {
	font-size: 12px;
}
.list-inline.hstack {
	line-height: 16px;
}
.preview-card .bootstrap-select > .dropdown-toggle.bs-placeholder, .preview-card .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .preview-card .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .preview-card .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
	color: #000;
    opacity: 1;
}
.preview-card .form-control::placeholder {
	color: #000;
	opacity: 1;
}
.preview-card .btn.disabled, .preview-card .btn:disabled, .preview-card fieldset:disabled .btn {
    opacity: 1;
}

body .iti {
    display: block;
}

.chat-leftsidebar {
    height: calc(100vh - 92px);
}
body .daterangepicker .drp-calendar {
    max-width: 100%;
}

.logo {
    line-height: 30px;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-content-wrapper, 
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-mask {
	overflow: visible !important;
}