/* Add here all your CSS customizations */
/* :root {
--theme-color: #223558;
--theme-color-rgba: 34, 53, 88;
--cftheme-filed-padding-custom: 6px 5px;
} */


.unread_msg_hr.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: 0.5;
    background-image: none !important;
    width: 100%;
}

.unread_msg_hr.hr-text:before {
    content: "";
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.unread_msg_hr.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: #000;
    padding: 0 0.5em;
    line-height: 1.5em;
    background-color: #fcfcfa;
}

div#new_menu p,
.menu-search-container,
#nav_refer_us,
#nav_submit_bug,
#nav_whats_new,
#nav_make_suggestion,
#nav_wepay_payment,
#select2-tb_bill_sub_contracts-results .select2-results__option[aria-disabled=true],
.btn.add-service.custom-service:disabled,
.btn-file:disabled,
.iframe_view_pdf,
.awsFiles-div .btn-danger:disabled,
.awsFiles-div .btn-primary:disabled,
#tb_project_budget_items .btn.delete:disabled,
.awsNotesFiles-div .btn-danger:disabled,
.awsNotesFiles-div .btn-primary:disabled,
#awsFilesDic input[type=checkbox]:disabled {
    display: none;
}

#search_setting_cross {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

html {
    font-size: 10px;
    
    width: 100%;
}

.header .logo img {
    max-width: 100%;
}

.access_modules #addModule {
    font-size: 40px;
    color: var(--theme-color);
}

.panel-actions {
    right: 15px;
    position: absolute;
    top: 5px;
}

.error {
    font-size: 0.9em !important;
    color: #b94a48;
}

label#tb_timecard_project-error {
    color: #B94A48 !important;
    font-size: 0.9em;
}

span.required {
    color: #B94A48;
    font-size: 0.9em;
    font-weight: normal;
    top: 0;
}

#dt_cost_codes td.details-control button,
#dt_manage_imports td.details-control button {
    width: 22px;
    height: 22px;
    padding: 0 !important;
}

#dt_manage_report_list td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

#dt_manage_report_list tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

#dt_cost_codes td.details-control button,
#dt_manage_imports td.details-control button {
    background: none !important;
}

#dt_cost_codes td.details-control button:before,
#dt_manage_imports td.details-control button:before {
    content: "\f055";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    line-height: inherit;
    color: #47a447;
}

#dt_cost_codes tr.shown td.details-control button:before,
#dt_manage_imports tr.shown td.details-control button:before {
    content: "\f056";
    color: #d2322d;
}

td.details-control .details-btn-control {
    line-height: 1;
    background: transparent;
    border: none;
    font-size: 18px;
    padding: 5px 2px;
    box-shadow: none !important;
}

td.details-control .details-btn-control[title=""][data-original-title=""],
#div_result_tables .table-search-result tbody tr th,
.kb_video_uri_icon,
#nprogress,
li.dd-item.no-material-data,
li.dd-item.no-equipment-data,
li.dd-item.no-labour-data,
li.dd-item.no-sub-contractor-data,
li.dd-item.no-other-item-data,
.daterangepicker-open .modal .modal-dialog .modal-content,
.select2-open-html .select2-container .select2-selection--single {
    pointer-events: none;
}
.tab-pane .loading.center[style=""] ~ .dd-list li.dd-item.no-material-data,
.tab-pane .loading.center[style=""] ~ .dd-list li.dd-item.no-equipment-data,
.tab-pane .loading.center[style=""] ~ .dd-list li.dd-item.no-labour-data,
.tab-pane .loading.center[style=""] ~ .dd-list li.dd-item.no-sub-contractor-data,
.tab-pane .loading.center[style=""] ~ .dd-list li.dd-item.no-other-item-data,
.tab-pane .loading.center[style=""] ~ .dd-list li.dd-item.no-email-contact-data,
.tab-pane .loading.center[style=""] ~ .dd-list li.dd-item.no-directory-email-data,
.tab-pane .loading.center[style=""] ~ .dd-list li.list-no-data-found,
.tab-pane .loading.center[style=""] ~ li.list-no-data-found {
    display: none !important;
}
td.details-control .details-btn-control:before {
    content: "\f055";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    line-height: inherit;
    color: #47a447;
}

tr.shown td.details-control .details-btn-control:before {
    content: "\f056";
    color: #d2322d;
}

.primary-acc-info {
    background-color: yellow;
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
}

.directoryList.active,
.directoryForm.active,
.directory-name,
.directory-email,
.directory-phone,
.weather-logs .weather-day,
.weather-logs .weather-date,
.weather-ele label,
.bootstrap-5 .module-audit-log i.collapse,
.bootstrap-5 .item-audit-log i.collapse,
.bootstrap-5 .module-audit-log i.expand,
.bootstrap-5 .item-audit-log i.expand,
.more-menu-item,
.lbl-con input:checked~.check-marks:after,
.d-block {
    display: block;
}

div#all_files {
    padding: 15px 0px !important;
}

.projectList .project-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.mailbox .mailbox-email-list .multiselect-container li {
    border-bottom: 0px solid #f7f7f7;
    height: auto;
    line-height: 50px;
    padding: 0;
    position: relative;
}

.inner-menu {
    background-color: white;
    color: #1D2127;
    border-right: 1px solid #DDDDDD;
}

.module table tr {
    cursor: pointer;
}

.table-module-list span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    font-size: 12px;
}

.table-module-list td:nth-child(2) {
    text-align: right;
}

.form-control {
    font-weight: 400;
    padding: var(--cftheme-filed-padding-custom);
}

select.form-control:not(.svd_editor_control) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 10px 10px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='16' viewBox='0 0 32 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00312 7.99688L16 16L23.9969 7.99688L32 -5.96978e-07H16H0L8.00312 7.99688Z' fill='black'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 5px center !important;
    background-size: 8px 8px !important;
}

.multiselect.dropdown-toggle.btn.btn-default {
    padding: var(--cftheme-filed-padding-custom);
}

.project-popup-button,
.btn-default.btn.directory-popup-button {
    padding: var(--cftheme-filed-padding-custom) !important;
}

.form-control.error,
.form-control.valid {
    font-size: 14px !important;
    color: #555 !important;
}

.csv-instruct {
    font-weight: 500;
    color: red;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #333;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: var(--theme-color);
    color: #fff !important;
}

.dropdown-menu>.active>a input[type=checkbox]:checked {
    -webkit-filter: invert(1) brightness(2);
    filter: invert(1) brightness(2);
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #555 !important;
    font-weight: 400;
}

.customer-items div,
.contractor-items div,
.employee-items div,
.project-items div {
    display: inline-block;
}

.customer-items span,
.contractor-items span {
    min-width: 100px;
}

.project-items span {
    min-width: 120px;
}

.employee-items span {
    min-width: 135px;
}

#modalAddProjectItem button {
    width: 150px;
}

hr.separator {
    margin-bottom: 10px !important;
}

.sub-header {
    margin: 5px 0px 10px 0px;
}

.page-header .user_company_name {
    display: inline;
}

.page-header .user_company_name h2 {
    float: none;
    border: none;
    overflow: hidden;
    padding: 0px 5px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 25vh !important;
    /* 24-Dec-12 (Parth) Daily logs #Rocky Ren Bulbs > Gear settings > Customer > Drop down list is not set and scroll is disturbed.*/
}

.multiselect-native-select .btn-group .multiselect-container {
    max-height: calc(25vh - 35px) !important;
    overflow-y: auto;
}

/* Start: Scroll css */

@-moz-document url-prefix() {
    .select2-container--default .select2-results>.select2-results__options,
    .multiselect-native-select .btn-group .multiselect-container,
    #preview_document_div,
    .company-items-filter .dropdown-menu,
    .multiselect-native-select .dropdown-menu,
    .gantt_cal_larea,
    .chosen-results .chosen-results,
    .dhx_cal_container,
    .dhx_cal_data,
    .flexboxlegacy,
    .gantt_time_selects select,
    .gantt_layout_cell,
    .dhxtree_dhx_terrace,
    .form-control,
    .form-select,
    .dhx_lightbox_time_select,
    .dhx_lightbox_day_select,
    .dhx_cal_ltext textarea,
    .dhx_multi_select_control,
    .note-editable,
    .manage_dynamic_order,
    .select2-results__options,
    .preview_document_div,
    .modal,
    .dhx_cal_container .dhx_multi_day {
        scrollbar-color: var(--cftheme-scrollbar-color);
        scrollbar-width: var(--cftheme-scrollbar-thinness);
    }
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track,
.company-items-filter .dropdown-menu,
.multiselect-native-select .dropdown-menu::-webkit-scrollbar-track,
.gantt_cal_larea::-webkit-scrollbar-track,
.chosen-results::-webkit-scrollbar-track,
.dhx_cal_container::-webkit-scrollbar-track,
.dhx_cal_data::-webkit-scrollbar-track,
.flexboxlegacy::-webkit-scrollbar-track,
.gantt_time_selects select::-webkit-scrollbar-track,
.gantt_layout_cell::-webkit-scrollbar-track,
.dhxtree_dhx_terrace ::-webkit-scrollbar-track,
.form-control::-webkit-scrollbar-track,
.form-select::-webkit-scrollbar-track,
.dhx_lightbox_time_select::-webkit-scrollbar-track,
.dhx_lightbox_day_select::-webkit-scrollbar-track,
.dhx_cal_ltext textarea::-webkit-scrollbar-track,
.dhx_multi_select_control::-webkit-scrollbar-track,
.note-editable::-webkit-scrollbar-track,
#preview_document_div::-webkit-scrollbar-track,
.manage_dynamic_order::-webkit-scrollbar-track,
.select2-results__options::-webkit-scrollbar-track,
.preview_document_div::-webkit-scrollbar-track,
.modal::-webkit-scrollbar-track,
.dhx_cal_container .dhx_multi_day::-webkit-scrollbar-track {
    background-color: var(--cftheme-scrollbar-track-bg);
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar,
.gantt_cal_larea::-webkit-scrollbar,
.chosen-results::-webkit-scrollbar,
.flexboxlegacy::-webkit-scrollbar,
.gantt_time_selects select::-webkit-scrollbar,
.dhxtree_dhx_terrace ::-webkit-scrollbar,
.form-control::-webkit-scrollbar,
.form-select::-webkit-scrollbar,
.dhx_lightbox_time_select::-webkit-scrollbar,
.dhx_lightbox_day_select::-webkit-scrollbar,
.dhx_cal_ltext textarea::-webkit-scrollbar,
.dhx_multi_select_control::-webkit-scrollbar,
#preview_document_div::-webkit-scrollbar,
.select2-results__options::-webkit-scrollbar,
.preview_document_div::-webkit-scrollbar,
.modal::-webkit-scrollbar {
    width: var(--cftheme-scrollbar-width);
    height: var(--cftheme-scrollbar-height);
}

.manage_dynamic_order::-webkit-scrollbar,
.multiselect-native-select .dropdown-menu::-webkit-scrollbar {
    width: var(--cftheme-scrollbar-width);
    height: var(--cftheme-scrollbar-height);
}

.dhx_cal_container::-webkit-scrollbar,
.dhx_cal_data::-webkit-scrollbar,
.dhx_cal_container .dhx_multi_day::-webkit-scrollbar,
.note-editable::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.gantt_layout_cell::-webkit-scrollbar {
    width: 2px;
    height: 6px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb,
.gantt_cal_larea::-webkit-scrollbar-thumb,
.chosen-results::-webkit-scrollbar-thumb,
.dhx_cal_container::-webkit-scrollbar-thumb,
.dhx_cal_data::-webkit-scrollbar-thumb,
.flexboxlegacy::-webkit-scrollbar-thumb,
.gantt_time_selects select::-webkit-scrollbar-thumb,
.gantt_layout_cell::-webkit-scrollbar-thumb,
.dhxtree_dhx_terrace ::-webkit-scrollbar-thumb,
.company-items-filter .dropdown-menu,
.multiselect-native-select .dropdown-menu::-webkit-scrollbar-thumb,
.form-control::-webkit-scrollbar-thumb,
.form-select::-webkit-scrollbar-thumb,
.dhx_lightbox_time_select::-webkit-scrollbar-thumb,
.dhx_lightbox_day_select::-webkit-scrollbar-thumb,
.dhx_cal_ltext textarea::-webkit-scrollbar-thumb,
.dhx_multi_select_control::-webkit-scrollbar-thumb,
.note-editable::-webkit-scrollbar-thumb,
#preview_document_div::-webkit-scrollbar-thumb,
.manage_dynamic_order::-webkit-scrollbar-thumb,
.select2-results__options::-webkit-scrollbar-thumb,
.preview_document_div::-webkit-scrollbar-thumb,
.modal::-webkit-scrollbar-thumb,
.dhx_cal_container .dhx_multi_day::-webkit-scrollbar-thumb {
    background-color: var(--cftheme-scrollbar-thumb-bg);
    border-radius: var(--cftheme-scrollbar-thumb-radius);
}

/* End: Scroll css */

.bootstrap-5 .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled=true],
.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999 !important;
}

body .dropdown-menu.datepicker {
    z-index: 1000 !important;
}

body .dropdown-menu.datepicker > .datepicker.datepicker-inline {
    display: none !important;
}

.dropdown-menu {
    z-index: 1500 !important;
    min-width: 148px !important;
}

td .dropdown-menu {
    z-index: 1000 !important;
}

.cif-max-width.company-items-filter .company-item-div {
    width: 100%;
    max-width: 300px;
}

.company-items-filter .dropdown-menu,
.cif-max-width.company-items-filter span.multiselect-native-select,
.cif-max-width.company-items-filter span.multiselect-native-select .btn-group,
.cif-max-width.company-items-filter span.multiselect-native-select .btn-group>.btn {
    width: 100%;
}

.cif-max-width.company-items-filter span.multiselect-native-select .btn-group .btn .multiselect-selected-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-items-filter .dropdown-menu,
.multiselect-native-select .dropdown-menu {
    z-index: 1000 !important;
}

.form-sub-header {
    text-align: center;
    padding-bottom: 15px;
    padding-top: 5px;
}

#modalMultiDirectories.modal-block,
#modalEmailMultiDirectories.modal-block {
    max-width: 90%;
}

#tb_manage_appointments.table-module-list .pull-right span {
    width: 125px;
}

.scrollable.scrollable-padding .scrollable-content {
    padding: 10px 4px 10px 0px;
}

#modalMultiDirectories .selection-body .tab-content .directory-list,
#projectSelectorModal .selection-group #projectListing .project-list,
#modalEmailMultiDirectories .selection-body .tab-content .directory-list,
#modalCompanyItems .selection-body .tab-content .item-list,
#projectSelectorModal .panel-body .selected-group .tab-content .project-list {
    height: inherit;
    overflow-y: auto;
    border-top: 5px solid transparent;
}

.border-top-0 {
    border-top: none !important;
}

#modalMultiDirectories .selection-group .selected div,
#modalEmailMultiDirectories .selection-group .selected div,
#modalCompanyItems .selection-group .selected div,
#projectSelectorModal .selection-group .selected div {
    color: var(--theme-color);
}

#modalMultiDirectories ul.widget-todo-list li,
#modalCompanyItems ul.widget-todo-list li,
#modalEmailMultiDirectories ul.widget-todo-list li,
#projectSelectorModal ul.widget-todo-list li {
    padding: 3px;
}

#modalMultiDirectories .selection-group .dd-list li,
#modalMultiDirectories .selected-group .widget-todo-list li,
#modalEmailMultiDirectories .selection-group .dd-list li,
#modalEmailMultiDirectories .selected-group .widget-todo-list li,
#modalCompanyItems .selection-group .dd-list li,
#modalCompanyItems .selected-group .widget-todo-list li,
#projectSelectorModal .selection-group .dd-list li,
#projectSelectorModal .selected-group .widget-todo-list li {
    cursor: pointer;
}

#modalEmailMultiDirectories .panel {
    margin-bottom: 0;
}

.modal-block .tabs,
#projectSelectorModal .tabs,
#modalEmailMultiDirectories .tabs,
#modalCompanyItems .tabs {
    margin-bottom: 0;
}

#modalMultiDirectories .groupDiv,
#modalEmailMultiDirectories .groupDiv,
#modalMultiDirectories .serviceDiv,
#modalEmailMultiDirectories .serviceDiv,
#modalCompanyItems .groupDiv {
    border: 1px solid #CCC;
    background: #F6F6F6;
    padding: 5px;
    height: 34px;
    color: #333;
    font-weight: bolder;
    font-size: 15px;
    margin-top: 10px;
}

#modalCompanyItems .groupDiv {
    margin-top: 5px !important;
}

#modalCompanyItems #companyMLESOGroups .dd-list .group-header ul {
    padding-left: 27px;
}

#modalMultiDirectories .groupDiv:hover,
#modalEmailMultiDirectories .groupDiv:hover,
#modalMultiDirectories .serviceDiv:hover,
#modalEmailMultiDirectories .serviceDiv:hover,
#modalCompanyItems .groupDiv:hover {
    background: #FFF;
    color: var(--theme-color);
}

ul.nav-main>li>a {
    padding: 7px 15px !important;
}

ul.nav-main>li>a.pull-right {
    top: 0.7em !important;
}

ul.nav-main>li>a.pull-right>span {
    top: -1px;
    position: relative;
}

section.holds-the-iframe iframe {
    display: block;
    /* iframes are inline by default */
    border: none;
    /* Reset default border */
    height: calc(100vh - 150px);
    /* Viewport-relative units */
    width: 100vw;
}

.toggle-on.btn {
    color: #fff;
    /* Need to make the selected switch text color to white instead of blue (overwritten by default theme) */
}

.preview-restrict-msg {
    font-weight: bold;
    color: #ed143d;
}

.multiselect-container>li.disabled.active label.checkbox {
    color: #fff !important;
}

#tb_manage_safety_meetings .leader-name {
    width: 250px;
    display: inline-block;
}

#tb_manage_safety_meetings .topic-name {
    width: 100%;
    max-width: 300px;
}

#tb_manage_safety_meetings .meeting-date {
    width: 85px;
    display: inline-block;
    text-align: right;
}

#tb_safety_topic .dd-item {
    background: #F6F6F6;
    margin: 5px;
    padding: 5px;
}

#tb_safety_topic .dd-item {
    cursor: pointer;
}

#tb_safety_topic .dd-item .topic-description {
    margin-top: 10px;
    border-top: 3px solid;
    padding-left: 25px;
    padding-top: 15px;
    white-space: pre-wrap !important;
}

.body-sign.beta-signup {
    max-width: 800px;
}

.dashboard-modules .panel-actions a {
    width: auto;
    padding: 5px;
}

.dashboard .dashboard-last-safety-meeting-date {
    margin-top: 20px;
}

.dashboard-modules .module-list {
    float: none;
}

#frm_add_safety_meeting #tb_meeting_topic_text {
    height: 400px;
}

#modalMultiDirectories .selection-group .dir-info,
#modalEmailMultiDirectories .selection-group .dir-info,
#modalEmailMultiDirectories .selection-group .dir-info {
    font-weight: 400;
}

.dashboard-appointment #tbl_manage_appointments>tbody>tr>td:nth-child(4) {
    width: 150px;
    text-overflow: ellipsis;
}

/* fixed Menu scrollbar width */
.scrollable .scrollable-pane {
    width: 6px !important;
    right: 4px !important;
}

ul.nav-main {
    margin-right: 9px !important;
}

html.no-overflowscrolling .nano>.nano-pane {
    width: 5px !important;
}

/* Fixed top header dropdown css*/
.userbox.open .dropdown-menu {
    z-index: 992 !important;
}

#tb_manage_dailyLogs.table-module-list span.project-name {
    width: 230px;
}

#tb_manage_dailyLogs.table-module-list .pull-right span.arrival-date {
    padding-right: 24px;
}

.active-row {
    background-color: #f5f5f5;
}

/* HR: 2017-07-04 This causes the multiselect selected option style breaks;
.form-horizontal .checkbox {
margin-top: -5px !important;
padding-top: 0px !important;
}*/

html.no-overflowscrolling .nano>.nano-content {
    left: 8px;
    right: 0px !important;
}

html.fixed.inner-menu-opened .inner-body,
html.scroll.inner-menu-opened .inner-body,
html.boxed.inner-menu-opened .inner-body {
    margin-right: 0px !important;
}

/*====================EVERNOTE CHENGES CSS=====================*/

body {
    font-family: 'Open Sans', sans-serif !important;
    background-color: #f8f8f8;
    color: #777;
    line-height: 22px;
    margin: 0;
    font-size: 13px;
    width: 100%;
}

#tb_log_directory {
    z-index: 999;
    display: block;
}

/*====================EVERNOTE CHENGES CSS=====================*/

.listPane span.medium-large-cell {
    display: inline-block;
    width: 240px !important;
    text-align: left;
    margin-bottom: 0 !important;
}

.listPane span.large-cell {
    display: inline-block;
    width: 244px !important;
    margin-bottom: 0 !important;
}

.listPane span.date-cell {
    display: inline-block;
    text-align: right;
    margin-bottom: 0 !important;
}

.listPane span.large-date-cell {
    display: inline-block;
    width: 90px !important;
    text-align: right;
    margin-bottom: 0 !important;
}

.listPane span.extra-large-cell {
    display: inline-block;
    width: 100% !important;
    width: 340px;
    margin-bottom: 0 !important;
}

.listPane span.phone-cell {
    display: inline-block;
    width: 95px !important;
    text-align: right;
    margin-bottom: 0;
}

.listPane span.phone-opponent-cell {
    display: inline-block;
    width: calc(100% - 100px) !important;
    margin-bottom: 0;
    max-width: calc(340px - 100px);
}

.listPane span.directory-company-cell {
    display: inline-block;
    width: calc(100% - 22px) !important;
    margin-bottom: 0;
}

.listPane span.directory-email-cell {
    display: inline-block;
    width: 17px !important;
    margin-bottom: 0;
    text-align: right;
}

.menu_search {
    background: #282d36;
    border-color: #161a1e;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
    color: #FFF;
}

.sidebar-title>.input-search {
    width: 75% !important;
    margin-top: -7px;
}

.image-thumb img,
.image-signature img,
.image-assoc img {
    max-width: 130px !important;
    height: 100px;
    margin-right: 2vh;
    border-radius: 5px;
    object-fit: cover;
}

#awsCompanyLogoDic .image-thumb img {
    max-width: unset !important;
    height: 80px;
}

.scrollable.scrollable-padding .scrollable-content {
    height: 100%;
}

.image-thumb button,
.image-thumb:disabled button {
    z-index: 50;
}

.dd-handle {
    height: inherit !important;
}

ul.multiselect-container .dropdown-menu {
    padding-top: 10px;
}

.select_box .btn-group ul {
    padding-top: 10px !important;
}

#csv_button {
    display: inline-flex;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 15px !important;
    padding-left: 0px;
}

footer .user-subscription-div {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: #000;
    color: #ff0800;
    font-size: 20px;
    z-index: 1005;
}

footer .user-subscription-div p {
    margin: 10px;
}

#div_result_tables tr:hover {
    cursor: pointer;
}

.report-header {
    color: var(--theme-color);
}

.header .search {
    width: auto;
}

.report-section {
    border-radius: 4px;
    border-width: 0px;
    border-color: #CCCCCC;
    background-color: #FFFFFF;
    border-style: solid;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 21px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.report-section .section_divider {
    border-bottom: 1px solid;
}

.report-section .section-head {
    border-bottom-width: 1px;
    background-color: #FFFFFF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-color: #2196f3;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0px;
}

.section-head .section-header-name {
    color: #2196f3;
    text-align: left;
    font-size: 1.5em;
    padding: 0;
    word-wrap: break-word;
    margin: 0;
    text-align: center;
}

.report-section .section-body {
    border-bottom-width: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

.report-section .report-category {
    padding-left: 20px;
}

.report-section .section-body ul>li {
    padding-top: 8px;
    list-style-type: none;
    cursor: pointer;
}

.awsFiles-div .image,
.awsFiles-div .document,
.awsModuleFiles .image,
.awsModuleFiles .document,
#aws_client_portal_file_dic .image,
#aws_client_portal_file_dic .document {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
}

.awsFiles-div .image .image,
.awsFiles-div .document .document,
.awsModuleFiles .image .image,
.awsModuleFiles .document .document,
#aws_client_portal_file_dic .image .image,
#aws_client_portal_file_dic .document .document {
    margin-top: 0;
}

.awsFiles-div .image .file-image-link,
.awsModuleFiles .image .file-image-link,
#aws_client_portal_file_dic .document .file-image-link {
    text-decoration: inherit !important;
    color: var(--theme-color) !important;
}

.awsFiles-div .image .file-image-link:hover,
.awsModuleFiles .image .file-image-link:hover,
#aws_client_portal_file_dic .document .file-image-link:hover {
    text-decoration: underline !important;
}

.awsCrp-div .image {
    display: inline-block;
}

.awsCrp-div .image img {
    max-width: 320px !important;
    max-height: 100px;
    margin-right: 2vh;
}

.company-settings img {
    max-width: 320px !important;
    max-height: 100px;
    margin-right: 2vh;
}

.aws-file-label {
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}

#active-timecards span {
    color: #000011;
    display: block;
    line-height: 1.334;
}

#tb_admin_message {
    color: red;
    font-size: 14px;
}

.timecard-clockin-date-div {
    width: 140px;
}

.timecard-clockin-time-div {
    width: 123px;
}

.hidden-project,
.hidden-field {
    visibility: hidden;
    width: 0;
    position: absolute;
}

.weather-ele {
    display: inline-block;
    width: 33%;
    text-align: center;
}

.weather-ele img {
    width: 45px;
}

#projectFiles .associated-files span {
    font-weight: 200;
    font-size: 21px;
}

span.action-button {
    padding: 0px 6px;
}

#crew-log li {
    margin: 5px;
}

.mfp-image-holder .mfp-content {
    max-width: 90%;
    min-width: 100px;
}

#modalCompanyItems .selected-group .widget-todo-list li label.todo-label {
    width: calc(100% - 68px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
}

#modalCompanyItems .selected-group .widget-todo-list li span.item-type {
    text-transform: capitalize;
    text-align: right;
    width: 68px;
}

#modalCompanyItems .selected-group .widget-todo-list li label.todo-label.sub-contractor,
#modalCompanyItems .selected-group .widget-todo-list li label.todo-label.other-item {
    width: calc(100% - 110px);
}

#modalCompanyItems .selected-group .widget-todo-list li span.item-type.sub-contractor,
#modalCompanyItems .selected-group .widget-todo-list li span.item-type.other-item {
    width: 100px;
}

#modalCompanyItems .selection-group .dd-list li span {
    font-weight: 300;
}

#modalCompanyItems #companyOtherItems .item-list .dd-list li .item-info-name {
    font-weight: 600;
}

#modalCompanyItems .selection-group .no-material-data span,
#modalCompanyItems .selection-group .no-equipment-data span,
#modalCompanyItems .selection-group .no-labour-data span,
#modalCompanyItems .selection-group .no-sub-contractor-data span,
#modalCompanyItems .selection-group .no-other-item-data span,
#modalCompanyItems .selection-group .no-labour-data span {
    font-weight: 600 !important;
}

#modalCompanyItems .selection-group .dd-list li .fa.fa-check {
    position: absolute;
    right: 42px;
    top: 11px;
}

.global-mleso-is-favorite {
    font-weight: 900 !important;
}

#modalCompanyItems .global-mleso-is-favorite {
    margin-left: 30px;
}

.global-mleso-is-favorite {
    float: right;
    font-size: 20px;
    margin-left: -10px;
    color: black;
}

.header .live-chat-img {
    margin-left: 10px;
}

table td input.inline-column {
    width: 100%;
}

.mfp-wrap .mfp-container.mfp-image-holder {
    cursor: pointer;
}

.created-user-div label {
    font-style: italic;
}

select.form-control {
    padding-right: 20px;
    /*Submittals > Status > The text inside the drop down is more left aligned than all other dropdowns in that line. */
    /*padding-left: 0px;*/
}

img.mfp-img {
    padding: 0px;
}

.btn.add-service.custom-service {
    font-weight: bold;
    border-radius: 50% !important;
    padding: 0px 8px;
    font-size: 20px;
}

/*----------------- START TOP MENU -----------------*/

.menu-wrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 1500px;
    overflow: hidden;
    z-index: 1000;
}

.react-menu {
    position: absolute;
    top: 10px;
    width: 100%;
}

#divMenu {
    background: #ffffff !important;
    border: 0px none;
    width: 100%;
    top: 65px;
    position: fixed;
    /* because when page scrolled and menu open then it was not visible*/
    display: none;
    min-height: 360px;
    padding-top: 20px;
    -webkit-box-shadow: 0 10px 6px -6px #b9b9b9;
    -moz-box-shadow: 0 10px 6px -6px #b9b9b9;
    box-shadow: 0 10px 6px -6px #b9b9b9;
}

.section-header-container {
    display: table;
    width: fit-content;
    margin: 0px auto;
}

.section-header {
    float: left;
    list-style: none;
}

.section-item-container {
    padding: 0px;
    margin-top: 5px;
}

.section-item {
    list-style: none;
    padding: 5px;
    padding-left: 10px;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
    width: 180px;
    /* Added to make same width when plan is Basic/Pro/Plus*/
    cursor: auto !important;
}

.section-item-container .section-item .link {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-right: 2em;
    margin-right: -2em;
    text-decoration: none;
}

li.section-header>b {
    font-size: 15px;
}

li.section-header.sep:not(:last-child) {
    border-left: 1px solid #e3e3e3;
    width: 5px;
    height: 300px;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

.section-item:hover .label-circle-filled,
.section-item:hover .label-circle-light {
    visibility: visible;
}

.label-circle-filled {
    width: 22px;
    height: 22px;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    border-radius: 14px;
    float: right;
    padding: 5px;
    visibility: hidden;
}

.label-circle-light {
    width: 22px;
    height: 22px;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    border-radius: 14px;
    float: right;
    padding: 4px;
    background: #fff !important;
    margin-left: 40px;
    color: #337ab7;
    border: 1px dashed #337ab7;
}

.gcontainer {
    display: grid;
    grid-gap: 0px;
    /*Updating following CSS to adjust place for the training*/
    /*grid-template-columns: 250px 300px 250px 1fr 600px;*/
    /*grid-template-columns: 200px 280px 210px 1fr 520px; further shorten last section as I'd removed user's image*/
    /*grid-template-columns: 200px 280px 210px 1fr 460px; move training session div left of search button*/
    grid-template-columns: 200px 280px 210px 1fr 765px;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.top-menu {
    background: #FFFFFF;
    position: absolute;
    top: 5px;
    width: 100%;
    z-index: 1020;
    /*should be less than 1020 (top right User > Logout option) */
}

.top-menu-separator {
    background-color: #F6F6F6;
    float: left;
    height: 55px;
    margin: 0px;
    width: 4px;
    vertical-align: middle;
}

.item.ddl:hover,
.item.ddl.active {
    background-color: #F6F6F6;
    height: 56px;
}

/*----------------- START top_global_project -----------------*/

*/ .top_global_project .item.item1 {
    font-weight: bold;
    font-size: 11px;
    grid-area: sometitle;
}

.top_global_project .item.item2 {
    grid-area: arrow;
    font-size: 25px;
}

.top_global_project .item.item3 {
    font-size: 15px;
    grid-area: project;
    width: 87%;
}

.top_global_project .item3 #tb_global_project {
    display: inline-block;
    width: 225px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

/*----------------- END top_global_project -----------------*/

/*----------------- START top_global_menu ------------------*/
.top_global_menu {
    cursor: pointer;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: 1fr 20px;
    grid-template-rows: 12px 4px 20px;
    grid-template-areas:
        "sometitle	text"
        "blank 		arrow"
        "project 	project";
}

.top_global_menu .item.item1 {
    font-weight: bold;
    font-size: 11px;
    grid-area: sometitle;
}

.top_global_menu .item.item2 {
    grid-area: arrow;
    font-size: 25px;
}

.top_global_menu .item.item3 {
    font-size: 15px;
    grid-area: project;
}

/*----------------- END top_global_menu ------------------*/

.btn-file {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap !important;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px;
}

.file-upload-label:before {
    content: 'Attachments';
}

.file-upload-label.file-upload-label-1:before {
    content: '';
}

.btn-file.btn-file-1:before {
    content: '';
}

.btn-MainAdminDeletePermanentData {
    position: absolute;
    right: 156px;
    opacity: 0;
    height: 0;
    width: 0px;
    cursor: default;
    padding: 0;
    z-index: -1;
}

.popover.confirmation .btn-group .btn[style="display: none;"]~.btn {
    border-radius: 4px;
}

.panel-title {
    display: inline-block;
}

#modalMultiDirectories,
#modalEmailMultiDirectories {
    overflow-y: hidden !important;
}



.modal-dialog {
    overflow-y: initial !important
}

.modal-body:not(.crop_logo_body, .settings-searchable) {
    min-height: 100px;
    max-height: 750px;
    overflow-y: auto;
}

.Settings-section-item .modal-body {
    min-height: auto;
}

.awsFiles-div .btn-danger {
    padding: 2px 7px;
}

.btn.add-directory {
    border-radius: 50%;
    font-weight: bold;
    padding: 2px 8px;
}

.nano-content .table-module-list>tbody>tr>td {
    padding: 5px 7px;

}

#projectSelectorModal .panel-body .selected-group .tab-content .project-list ul.widget-todo-list {
    height: 100%;
    overflow: auto;
}

.default-select-parent:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999;
    position: absolute;
    top: 40%;
    right: 20px;
    content: "";
    z-index: 98;
}

.default-select-parent select {
    padding-left: 5px !important;
    background: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

#modalMultiDirectories .nav-tabs li,
#modalEmailMultiDirectories .nav-tabs li {
    word-break: break-all;
}

.project-popup-button,
.assign-popup-button {
    width: 100%;
    text-align: left;
}

.directory-popup-button {
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 6px 5px !important;
    min-height: 34px;
}

.directory-popup-button.text-wrap {
    min-height: 34px;
    height: auto;
}

#modalIframe .full-screen-window {
    display: none;
    right: 50px;
    position: absolute;
    top: 14px;
    font-size: 18px
}

#modalMultiDirectories .selected-group .directory-list .widget-todo-list li.ui-sortable-handle span.contact-type {
    width: 95px;
    text-align: right;
    display: inline-block;
}

#modalMultiDirectories .selected-group .directory-list .widget-todo-list li.ui-sortable-handle label.todo-label {
    text-align: left;
    width: calc(100% - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding-left: 0;
}

#modalMultiDirectories .selected-group .directory-list .widget-todo-list li.ui-sortable-handle .checkbox-default label.todo-label span {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100%);
}

#modalMultiDirectories .selected-group .directory-list .widget-todo-list li.ui-sortable-handle label.todo-label:nth-child(1),
.directory-list,
.input-group.directory-with-view-option {
    width: 100%;
}

.module-markup-class {
    display: none;
}

.custom-primary-field {
    display: none;
}

span#tb_last_safety_meeting {
    color: #333333 !important;
}

.bootstrap-5 .dropdown-toggle.cf-custom::after,
.dropdown-toggle.cf-custom::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "" !important;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    float: right;
    margin-top: 8px;
}

#moduleDashboardDiv ul.tutorial-options li a,
#moduleDashboardDiv ul.tutorial-options li a:focus,
#moduleDashboardDiv ul.tutorial-options a:hover,
#moduleDashboardDiv ul.tutorial-options li a:active {
    color: #777;
    font-weight: 600;
    text-decoration: none;
}

#moduleDashboardDiv .module-dashboard-header {
    font-weight: 600;
    margin-top: 0;
}

#moduleDashboardDiv ul.tutorial-options li {
    list-style: circle;
}

#moduleDashboardDiv #moduleDashboardTutorials .iframe-todo-div {
    height: 52vh;
    height: calc(52vh - 30px);
}

#moduleDashboardTutorials a {
    color: #777;
}

.gantt_cal_light {
    min-width: 650px;
}

.gantt_cal_light_wide .gantt_wrap_section {
    border-bottom: unset !important;
}

.gantt_cal_light_wide .gantt_custom_button {
    margin-top: -14px !important;
}

.company-items-table td .fa-trash.delete.confirmation-callback:disabled,
.reference-items-div .delete-item:disabled,
.log-used-items td button.delete:disabled,
#tb_bill_payments td .fa-trash.delete:disabled {
    color: #1536e2;
    display: none;
}

.gantt-alert.dhtmlx-alert,
.dhtmlx_modal_box.gantt_modal_box {
    z-index: 10002;
}

.gcontainer .session-training-div {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px;
    display: inline-block;
}

.gcontainer .session-training-div a,
.gcontainer .session-training-div a:hover,
.gcontainer .session-training-div a:active {
    color: #777;
}

.gcontainer .session-training-div .training-session-header {
    font-size: 12px;
}

.gcontainer .session-training-div .training-session-top,
.gcontainer .session-training-div .training-session-bottom {
    font-size: 11px;
}

.header .separator {
    margin: 0 10px 0;
}

.userbox .profile-info {
    margin: 0 10px 0;
}

#btnEmailModulePDF,
#btnModuleEdit {
    position: absolute;
    right: 35px;
    top: 10px;
}

#modalEmailMultiDirectories {
    z-index: 1055 !important;
}

.userbox {
    margin-right: 10px;
}

.no-detail-found {
    margin: 0 auto;
    max-width: 800px;
    font-size: 20px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    height: calc(100vh - 155px);
    justify-content: center;
    align-items: center;
    width: 100%;
}

.no-detail-found img {
    margin-top: auto;
    margin-bottom: 15px;
    max-width: 200px;
}

.no-detail-found .no-found-content {
    margin: auto;
}

#linkNewTask .directory-task {
    font-size: 25px;
    vertical-align: middle;
    color: #000011;
}

/* Demo 2 */
#demo-2 input[class=global_search] {
    width: 15px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
    float: right;
}

#demo-2 input[class=global_search]:focus {
    width: 125px;
    padding-left: 22px;
    color: #000;
    background-color: #fff;
}

#demo-2 input:-moz-placeholder {
    color: transparent;
}

#demo-2 input::-webkit-input-placeholder {
    color: #999;
}


/*gallery popup scrollbar stye change css start*/
/* Track */
#UploadFileModal div::-webkit-scrollbar-track,
.media-gallery #file_photos_tag_list_scroll div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 50px;

}

#UploadFileModal div::-webkit-scrollbar,
.media-gallery #file_photos_tag_list_scroll div::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Handle */
#UploadFileModal div::-webkit-scrollbar-thumb,
.media-gallery #file_photos_tag_list_scroll div::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 50px;
}

/* Handle on hover */
#UploadFileModal div::-webkit-scrollbar-thumb:hover,
.media-gallery #file_photos_tag_list_scroll div::-webkit-scrollbar-thumb:hover {
    background: #2d70ac !important;
}

#UploadFileModal .modal-dialog,
#UploadModal .modal-dialog,
#profileUploadModal .modal-dialog,
#DocumentUploadModal .modal-dialog {
    width: 1200px;
    max-width: 1200px;
}

/*For Change Log*/
.module-audit-log i.collapse,
.item-audit-log i.collapse {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.module-audit-log i.expand,
.item-audit-log i.expand {
    background: url('../images/details_close.png') no-repeat center center;
    cursor: pointer;
    height: 18px;
    width: 18px;
}

/**/
/*For Change Log Timecard*/
.timecard-audit-log i.collapse {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.timecard-audit-log i.expand {
    background: url('../images/details_close.png') no-repeat center center;
    cursor: pointer;
    height: 18px;
    width: 18px;
}

/**/
.panel-action[data-toggle="tooltip"] {
    margin-left: 5px;
}

.panel-action[data-toggle="tooltip"] i {
    color: #B4B4B4;
    font-size: 15px;
}

.action-header.panel-action[data-toggle="tooltip"] i {
    font-size: 25px;
}

.reposition.panel-action[data-toggle="tooltip"] i,
.reposition.panel-action i[data-toggle="tooltip"] {
    font-size: 20px;
    position: relative;
    left: 0px !important;
    top: 4px;
    margin: 0px !important;
}

.panel-action i[data-toggle="tooltip"] {
    color: #B4B4B4;
}

/*For Popup height when more data*/
.mfp-wrap.items-popup .mfp-container.mfp-s-ready.mfp-inline-holder {
    overflow: hidden;
}

.popup-height {
    overflow-y: auto;
}

.section-access-option {
    width: 20px;
    height: 20px;
}

.section-access-option-label span {
    vertical-align: super;
}

.no-data {
    display: block;
    text-align: center;
    font-size: 15px;
}

.select2-container--default .select2-selection--single {
    display: block;
    width: 100%;
    height: 34px;
    padding: var(--cftheme-filed-padding-custom);
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
}

.select2-results__option {
    padding: 4px 6px;
}


#dt_manage_custom_report_list td {
    white-space: pre-wrap !important;
}

.no-border {
    border-bottom: 0;
}

/*global chat css start*/
.global_chat {
    position: fixed;
    right: 0;
    width: 190px;
    bottom: 0;
    z-index: 1004;
}

.global_chat .chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.fileinput_chat_global.btn-file:before {
    content: '';
}


.global_chat .message-main-sender {
    padding: 3px 20px !important;
    margin-left: 0 !important;
    max-width: 100% !important;
}

.global_chat .message-text {
    border-radius: 6px;
    padding: 2px 7px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    word-break: break-word;
}

.global_chat .message-text a {
    text-decoration: underline;
}

.global_chat .message-username {
    padding-top: 15px;
    ;
    padding-left: 13px;
}

.global_chat .receiver .message-text {
    padding-top: 0px !important;
}

.global_chat .receiver {
    float: left;
    width: auto !important;
}

.global_chat .sender .message-text {
    background: #007bff;
    text-align: left;
    color: #fff;
    margin-right: 27px;
}

.global_chat .sender .message-text a {
    color: #fff;
}

.global_chat .receiver .reciever_msg {
    background: #f5f5f5;
    text-align: left;
    color: #000000;
    border-radius: 6px;
    max-width: 365px;
    padding-top: 5px;
    margin-left: 25px;
}

.global_chat .reciever_time {
    max-width: 360px;
}

.global_chat .reciever_time .message-time.pull-right {
    margin-right: 0px !important
}

.global_chat .panel-heading {
    padding: 10px 18px;
    padding-left: 24px;
}

.global_chat .chat_btn {
    color: #fff;
    background-color: transparent;
    border: none
}

.global_chat .inbox-status_global {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #171717;
    color: #fff;
    text-align: center;
    font-size: 14px;
    display: none;
}

.global_chat .fileinput_chat {
    line-height: 0;
    padding: 18px 14px;
    border: 1px solid #ccc;
}

.global_chat .fileinput_chat.btn-file:before {
    content: '';
}

.global_chat .profile_name {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 15px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    position: absolute;
    top: 0px;
    padding: 4px 0px;
    text-align: center;
}

.global_chat .sender_name {
    right: 0;
    background: #fec107;
    margin-right: 12px;
}

.global_chat .reciever_name {
    left: 0;
}

.global_chat span.message-time.pull-right {
    font-weight: 600;
    font-size: 11px;
    margin-right: 15px;
}

.global_chat .sender {
    float: right;
    width: auto !important;
}

.global_chat .message-main-receiver {
    max-width: 100%;
    margin-top: 0px;
}

.global_chat .message_global {
    padding: 10px 0px !important;
    margin: 0px !important;
    overflow-y: auto;
    overflow-x: hidden;
    height: 500px;
}

.global_chat .row.message-body {
    margin-left: 0px;
    margin-right: 0px;
}

.global_chat .imagetmp {
    width: 100%;
    height: 120px;
    position: absolute;
    bottom: 60px;
    background: rgba(255, 255, 255, 0.7);
    display: none;
    padding: 10px 5px 5px 10px !important;
    margin: 0 !important;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
}

/*gallery popup scrollbar stye change css start*/
@-moz-document url-prefix() {
    .global_chat div,
    .global_chat textarea {
        scrollbar-width: thin;
        scrollbar-color: #bfd5fd #FFF;
        scrollbar-color: #dddedf #FFF;
    }
}

.global_chat div::-webkit-scrollbar-track,
.global_chat textarea::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f0f0f0;
}

.global_chat div::-webkit-scrollbar,
.global_chat textarea::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Handle */
.global_chat div::-webkit-scrollbar-thumb,
.global_chat textarea::-webkit-scrollbar-thumb {
    background: #bfd5fd;
    background: #dddedf;
    border-radius: 50px;
}

.global_chat .message_global {
    scrollbar-width: thin;
    scrollbar-color: var(--theme-color) #f0f0f0;
}

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

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

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

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

/* popups */
/*gallery popup scrollbar stye change css end*/
/*global chat css end*/
label.manage_lbl {
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

/*set this z-index more than .global_chat to let attachment popup popover chat window*/
#UploadFileModal {
    z-index: 99999999;
}

#UploadFileModal.modal .modal-content .modal-body.modal_body_scroll {
    --cftheme-scroll-modal-body: calc(100vh - 150px)
}

#projectSelectorModal .global-project-note {
    color: red;
}

#projectSelectorModal .global-project-note a,
#projectSelectorModal .global-project-note a:hover,
#projectSelectorModal .global-project-note a:active {
    color: red;
}

#dt_manage_forms_wrapper.dataTables_wrapper .dataTables_processing {
    height: 60px;
}

#select2-tb_melso_item_cost_code-results.select2-results__options {
    max-height: 180px !important;
}

.daterangepicker td.active.off,
.daterangepicker td.in-range.off,
.daterangepicker td.active.off:hover {
    background-color: #ebf4f8 !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--theme-color) !important;
}

.daterangepicker .range_inputs .btn-default {
    margin-left: var(--cftheme-btn-leftspace) !important;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background-color: var(--theme-color) !important;
    border: 1px solid var(--theme-color) !important;
    color: #fff !important;
}

.daterangepicker .ranges li {
    color: var(--theme-color) !important;
}

.daterangepicker .range_inputs .applyBtn {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    border-radius: 4px !important;
}

.datepicker table tr td span.active {
    background: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

.datepicker .datepicker-days tr td.active {
    background: var(--theme-color) !important;
}

.week-picker.datepicker .datepicker-days tr td.active~td,
.week-picker.datepicker .datepicker-days tr td.active {
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 0;
}

.week-picker.datepicker .datepicker-days tr:hover td,
.week-picker.datepicker table tr td.cw:hover,
.week-picker.datepicker table tr td.day:hover,
.week-picker.datepicker table tr td.focused {
    color: #000 !important;
    background: #e5e2e3 !important;
    border-radius: 0 !important;
}

#menu_item_list.inner-menu-content-list {
    font-size: 12px;
}

.image-signature img {
    max-width: none;
    max-height: 100px;
    height: auto;
}

/*List Item Search box*/

#content-menu .inner-menu-header .form-group:first-child {
    padding-left: 0px !important;
}

#content-menu .inner-menu-header div:first-child {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#menu_item_list table tbody tr:first-child td {
    border: none !important;
}

#modalBillItem .item-category.item .toggle {
    margin: 0px !important;
}

#viewPdfModal .select2-container {
    width: 35% !important;
    position: absolute !important;
    right: 35%;
    top: 50%;
    transform: translateY(-50%);
}

#viewPdfModal .note-editable {
    background: initial;
}

.modal-body.estimate_pdf_modal {
    text-align: center;
    height: 30vh;
    font-size: 20px;
    padding: 80px 0px;
}

.estimate_pdf_modal:before {
    display: block;
    white-space: pre;
    content: 'Select a PDF Template'
}

.estimate_pdf_modal:after {
    display: block;
    white-space: pre;
    font-size: 14px !important;
    content: ' \A Please Select Any PDF.'
}

.estimate_pdf_modal.show_tpl {
    height: calc(95vh - 120px);
    max-height: unset !important;
}

.estimate_pdf_modal.show_tpl:after {
    content: ''
}

.go_to_template_link {
    color: #777;
}

.go_to_template_link:hover {
    color: #777;
}

/*Add style for buttons used for CF modules*/
.btn-normal {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
    box-shadow: none;
    border: none;
    text-align: center;
    text-decoration: none;
    padding: 0px 3px;
}

.btn-normal:active,
.btn-normal:focus,
.btn-normal:focus:active {
    background-image: none;
    outline: 0;
    box-shadow: none;
}

.btn-normal i {
    font-size: 25px;
    color: #777;
}

#modalCompanyItems .nav>li>a {
    padding: 10px 0px;
}

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

.ui-pnotify {
    z-index: 999999999 !important;
}

ul.widget-todo-list li .checkbox-custom label {
    width: 65%;
}

#UploadCompanyLogoModal {
    z-index: 99999 !important;
}

#div_search_result table.table-search-result .action-view {
    font-size: 18px;
    margin-left: 5px;
    margin-left: 5px;
}

#div_search_result table.table-search-result tr [tbl-data-name="directories"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="directories"]:nth-child(6) {
    min-width: 110px;
}

#div_search_result table.table-search-result tr [tbl-data-name="invoice_merge"]:nth-child(4),
#div_search_result table.table-search-result tr [tbl-data-name="corporate_calendar"]:nth-child(3),
#div_search_result table.table-search-result tr [tbl-data-name="estimates"]:nth-child(4),
#div_search_result table.table-search-result tr [tbl-data-name="payments"]:nth-child(3),
#div_search_result table.table-search-result tr [tbl-data-name="expenses"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="bills"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="time_cards"]:nth-child(3) {
    text-align: right;
}

#div_search_result table.table-search-result tr [tbl-data-name="projects"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="opportunities"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="notes"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="daily_logs"]:nth-child(4),
#div_search_result table.table-search-result tr [tbl-data-name="todos"]:nth-child(4),
#div_search_result table.table-search-result tr [tbl-data-name="correspondences"]:nth-child(4),
#div_search_result table.table-search-result tr [tbl-data-name="service_tickets"]:nth-child(6),
#div_search_result table.table-search-result tr [tbl-data-name="change_orders"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="work_orders"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="punchlists"]:nth-child(6),
#div_search_result table.table-search-result tr [tbl-data-name="safety_meetings"]:nth-child(4),
#div_search_result table.table-search-result tr [tbl-data-name="incidents"]:nth-child(4),
#div_search_result table.table-search-result tr [tbl-data-name="vehicle_logs"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="equipment_logs"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="inspections"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="expenses"]:nth-child(4),
#div_search_result table.table-search-result tr [tbl-data-name="time_cards"]:nth-child(5),
#div_search_result table.table-search-result tr [tbl-data-name="sub_contracts"]:nth-child(4) {
    text-align: left;
}

#div_search_result table.table-search-result tr [tbl-data-name="vehicle_logs"]:nth-child(4) {
    text-align: center;
}

#div_result_tables .table-search-result tbody tr .search-tbl-action {
    width: 60px;
    max-width: 60px;
}

table.table.table-search-result .search-tbl-th,
table.table.table-search-result .search-tbl-td {
    padding: 7px 10px;
}

#modalCompanyItems .selection-group .dd-list li span.dir-name,
#modalCompanyItems .selection-group .dd-list li span.dir-info {
    font-weight: 600;
}

#modalCompanyItems .selection-group .dd-list li span.item-supplier {
    font-style: italic;
}

.page-header span.module-setting {
    cursor: pointer;
}

#modalModuleSetting input[type=checkbox],
#modalModuleSetting input[type=radio],
#modalModuleSetting .check-align,
#frm_project_setting input[type=checkbox],
#frm_project_setting input[type=radio],
#frm_project_setting .check-align,
#frm_invoice_setting input[type=checkbox],
#frm_invoice_setting input[type=radio],
#frm_invoice_setting .check-align,
#manageTime #custom_field_values_group .form-elements input[type=checkbox],
#manageTime #custom_field_values_group .form-elements input[type=radio],
#manageTime #custom_field_values_group .form-elements .check-align {
    vertical-align: top !important;
    margin: 3px 0 0 !important;
}

#modalModuleSetting h4 {
    font-weight: 600;
}

#modalModuleSetting .multiselect-container input[type=checkbox] {
    margin: 0px 0px 5px -20px !important;
}

.note-modal.link-dialog.open {
    z-index: 1053;
}

.note-modal-backdrop {
    z-index: 1051 !important;
}

.note-modal-footer {
    height: 50px !important;
}

#awsFilesDic .files_exist .btn-sm,
#awsModuleFileDiv .files_exist .btn-sm {
    padding: 5px 7px;
    font-size: 18px;
}

input[name=tb_default_view] {
    vertical-align: top;
    margin-top: 5px !important;
}

/* Start Notes CSS*/
.notes-add-div {
    padding-top: 1%;
    padding-bottom: 1%;
    clear: both;
}

.notes-button-div .btn-file:before {
    content: '' !important;
}

.common_note:before {
    content: '' !important;
}

.main-saved-notes {
    border-bottom: 1px solid #dcd9d9;
}

.main-saved-notes button.btn-success,
.main-saved-notes button.btn-danger {
    background: transparent;
    border: none;
    box-shadow: none;
    background-color: transparent !important;
    font-size: 20px;
}

.main-saved-notes button.btn-success {
    color: #47a447 !important;
}

.main-saved-notes button.btn-danger {
    color: #d2322d !important;
}

.btn-action {
    display: none;
    float: right;
    margin-top: 0;
    position: absolute;
    right: 2%;
}

.notes-title {
    width: 90%;
    font-weight: 800;
    margin-bottom: 0px;
}

.bootstrap-5 .notes-title {
    font-weight: 600;
}

.notes-description {
    width: 100%;
    margin-bottom: 0px;
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

.notes-add-div button.btn-primary:not(.btn_save_note):not(.edit_common_notes),
.common-notes-div button.btn-primary:not(.btn_save_note):not(.edit_common_notes),
.manage_dynamic_order button.btn-primary:not(.btn_save_note):not(.edit_common_notes),
.notes-add-div button.btn-danger,
.notes-add-div button.btn-file {
    background: transparent;
    border: none;
    box-shadow: none;
    background-color: transparent !important;
    font-size: 18px;
}

.notes-add-div button.btn-primary:not(.btn_save_note):not(.edit_common_notes),
.common-notes-div button.btn-primary:not(.btn_save_note):not(.edit_common_notes),
.manage_dynamic_order button.btn-primary:not(.btn_save_note):not(.edit_common_notes) {
    color: var(--theme-color);
}

.notes-add-div button.btn-danger {
    color: #d2322d;
}

.notes-add-div button.btn-file {
    color: gray;
}

#tb_not_section_description {
    overflow-wrap: break-word;
    resize: none;
    height: 33px;
    max-height: 120px;
}

.awsNoteFiles-div {
    margin-top: 1%;
}

.awsNotesFiles-div .image,
.awsNoteFiles-div .image,
.awsNoteFiles-div .document {
    display: inline-block;
    vertical-align: top;
}

.single-notes {
    margin-bottom: 3px;
}

/* END Notes CSS*/

.kanban-loader-div {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 50px;
    display: none;
}

.kanban-loader-inner-div {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid var(--theme-color);
    border-bottom: 5px solid var(--theme-color);
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 9999;
}

.checkbox.sn-checkbox-open-in-new-window label {
    margin-left: 17px;
}

.checkbox.sn-checkbox-use-protocol label {
    margin-left: 17px;
}

.common-notes-div .main_add_notes_div_top #awsNoteFilesDic .document,
.common-notes-div .manage_dynamic_order #awsNotesFiles .document,
.manage_dynamic_order #awsNotesFiles .document {
    display: inline-block;
    vertical-align: top;
}

.common-notes-div .main_add_notes_div_top #awsNoteFilesDic .document a img,
.common-notes-div .manage_dynamic_order #awsNotesFiles .document a img,
.manage_dynamic_order #awsNotesFiles .document a img {
    margin: 0 auto;
}

.common-notes-div .main_add_notes_div_top #awsNoteFilesDic .document a .aws-file-label,
.common-notes-div .manage_dynamic_order #awsNotesFiles .document a .aws-file-label,
.manage_dynamic_order #awsNotesFiles .document a .aws-file-label {
    text-align: center;
}

#modalMultiDirectories .panel-body,
#modalEmailMultiDirectories .panel-body {
    max-height: 650px;
}

#modalMultiDirectories .directory-list {
    max-height: 490px;
    height: calc(100vh - 280px) !important;
}

#modalEmailMultiDirectories .directory-list {
    max-height: 470px !important;
}

#modalEmailMultiDirectories #leadEmailDirectory .directory-list,
#modalEmailMultiDirectories #contractorEmailDirectory .directory-list,
#modalEmailMultiDirectories #vendorEmailDirectory .directory-list,
#modalEmailMultiDirectories #miscContactEmailDirectory .directory-list {
    max-height: 435px !important;
}

#modalCompanyItems .item-list {
    max-height: 474px;
}

#awsNotesFiles .btn-danger,
#awsNoteFilesDic .btn-danger {
    color: #d2322d !important;
}

#modalCompanyItems .item-list {
    height: calc(100vh - 280px) !important;
}

.manage_dynamic_order {
    max-height: 350px;
    overflow: hidden auto;
    padding-bottom: 10px !important;
}

#files video {
    width: 80%;
}

#modalMultiDirectories .favorite-directories,
#modalEmailMultiDirectories .favorite-directories,
#modalCompanyItems .favorite-mleso {
    height: 20px;
    width: 20px;
    max-width: 20px;
    vertical-align: middle !important;
    margin-top: -3px !important;
}

/* For Status Arrow Step: Start */
.progress-steps-bar {
    float: left;
}

.arrow-steps {
    display: flex;
    justify-content: center;
}

.arrow-steps .step {
    font-size: 14px;
    text-align: center;
    color: #666;
    cursor: default;
    margin: 0 3px;
    padding: 5px 5px 5px 20px;
    min-width: 180px;
    float: left;
    position: relative;
    background-color: #d9e3f7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.2s ease;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
    content: " ";
    position: absolute;
    top: 0;
    right: -17px;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 17px solid #d9e3f7;
    z-index: 2;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.arrow-steps .step:after {
    box-shadow: -2px 0px 0px #d9e3f7;
}
.arrow-steps .step:before {
    right: auto;
    left: 0;
    border-left: 17px solid #fff;
    z-index: 0;
}

.arrow-steps .step:first-child:before {
    border: none;
}

.arrow-steps .step:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.arrow-steps .step span {
    position: relative;
}

.arrow-steps .step span:before {
    opacity: 0;
    content: "✔";
    position: absolute;
    top: -2px;
    left: -20px;
}

.arrow-steps .step.done span:before {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease 0.5s;
    -moz-transition: opacity 0.3s ease 0.5s;
    -ms-transition: opacity 0.3s ease 0.5s;
    transition: opacity 0.3s ease 0.5s;
}

.arrow-steps .step.current-step {
    color: #fff;
    background-color: #23468c;
}

.arrow-steps .step.current-step:after {
    border-left: 17px solid #23468c;
    box-shadow: -2px 0px 0px #23468c;
}
.arrow-steps .active-step.step.current-step:after {
    box-shadow: -2px 0px 0px #002368;
}

/* For Status Arrow Step: End */

#modalViewDirectoryDetail {
    z-index: 1055;
}

.select2-container--open .select2-dropdown {
    z-index: 1056;
}

.mfp-wrap .select2-container--open .select2-dropdown,
.modal .select2-container--open .select2-dropdown {
    z-index: 1051;
}

#select2-tb_expense_costcode-results.select2-results__options {
    max-height: 150px !important;
}

.search-div .d-search,
.search-div .d-clear {
    background: #fff;
    width: 21px;
    height: 20px;
    right: 10px !important;
}

.add_directory_plus_button {
    margin-top: 0px !important;
}

.module-items-table.company-items-table .fa-bars,
#lg-actual-size,
#custom-field-build-wrap .frm-holder .option-value,
.commonclockclass .frm-holder .option-value,
#docViewer.modal-fullscreen .modal-footer,
#modalCFTutorial .mfp-close,
.popover.confirmation .arrow::before,
input[type="time"]::-webkit-calendar-picker-indicator,
#btnEditCompanyNote,
#btnSaveCompanyNote,
#btnSendPushNotification,
.modal-backdrop,
.default-document .document-action-div {
    display: none;
}

.dropdown-menu.bootstrap-timepicker-widget {
    z-index: 1060 !important;
}

#UploadFileModal #files video {
    max-width: 100px;
    max-height: 100px;
    float: left;
    margin-right: 5vh;
    margin-top: 15px;
}

.notification-menu .title {
    min-height: 20px;
}

/*Show edit icon on individual row*/
div.col-md-12.action-list.update_button_all {
    float: left;
    width: 100%;
}

.no-direcotry-access {
    display: none !important;
    /* visibility: hidden; */
}

.mfp-figure:after {
    background: unset;
    box-shadow: none;
}

.checkbox-custom.send-email-to label:before {
    border: none;
}

ul.widget-todo-list li .checkbox-custom.send-email-to label {
    width: auto;
}

.client-access-body .contractor-table td {
    padding: .625em 0px !important;
}

.form-group.single-notes:last-child .main-saved-notes {
    border-bottom: none;
}

.common-notes-div button.btn-file {
    padding: 6px;
}

.filter-with-icon text {
    position: relative;
}

.apply-filter-icon-1 {
    font-size: 25px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

.apply-filter-icon-2 {
    font-size: 16px;
    position: absolute;
    margin-left: 13px;
    margin-top: 10px;
    cursor: pointer;
    z-index: 2;
}

.filter-with-icon text .apply-filter-icon-1 {
    font-size: 20px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.filter-with-icon text .apply-filter-icon-2,
.filter-sidebar .sidebar-control .btn-filter-icon i.apply-filter-icon-2 {
    font-size: 12px !important;
    line-height: 14px;
    top: auto;
    right: -3px;
    bottom: -1px;
    left: auto;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
}

div.apply-filter>i.apply-filter-icon-2 {
    color: var(--theme-color);
}

/*  Customize your Experience */
.customize-setting-popup {
    margin-top: 4px;
    position: absolute;
    top: -87px;
    right: 40px;
}

.setting-finish-btn {
    border-radius: 4px !important;
    padding: 4px 12px;
}

/* --------------- */

/*---------KANBAN MORE BUTTON CSS START---------*/
.more-menu {
    width: 230px;
}

/* More Button / Dropdown Menu */

.more-btn,
.more-menu-btn {
    background: none;
    border: 0 none;
    line-height: normal;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    text-align: right;
    outline: none;
    cursor: pointer;

}

header.gcontainer .item.item3.right-div,
.more-btn,
.contractor-table th.text-right,
.contractor-table td.text-right {
    text-align: right;
}

.more-dot {
    background-color: #aab8c2;
    margin: 0 auto;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: -1px;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.more-menu {
    position: absolute;
    z-index: 900;
    float: left;
    padding: 10px 0;
    margin-top: 9px;
    background-color: #fff;
    border: 1px solid #ccd8e0;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    opacity: 0 !important;
    transform: translate(0, 15px) scale(.95);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
}

.more-menu-caret {
    position: absolute;
    top: -10px;
    left: 83%;
    width: 18px;
    height: 10px;
    float: left;
    overflow: hidden;
}

.more-menu-caret.menu-right {
    left: 10px;
}

.arrow-right-15 .more-menu-caret {
    left: auto;
    right: 15px;
}

.more-menu-caret-outer,
.more-menu-caret-inner {
    position: absolute;
    display: inline-block;
    margin-left: -1px;
    font-size: 0;
    line-height: 1;
}

.more-menu-caret-outer {
    border-bottom: 10px solid #c1d0da;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: auto;
    left: 0;
    top: 0;
    width: auto;
}

.more-menu-caret-inner {
    top: 1px;
    left: 1px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
}

.more-menu-items {
    margin: 0;
    list-style: none;
    padding: 0;
}

.more-menu-btn {
    min-width: 100%;
    color: #66757f;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 12px;
    position: relative;
    white-space: nowrap;
}

.more-menu-btn[value="service_ticket_vs_work_order"] {
    white-space: normal;
}

.more-menu-item:hover {
    background-color: #213558;
}

.more-menu-item:hover .more-menu-btn,
.more-menu-item:hover .more-menu-btn i {
    color: #fff;
}

.more-btn:hover .more-dot,
.show-more-menu .more-dot {
    background-color: #516471;
}

.show-more-menu .more-menu,
.show-more-menu .more-menu[aria-hidden="false"] {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}

.delete_kanban {
    border-style: none !important;
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid #fff !important;
    bottom: 100% !important;

}

.popover.top.top_left_css>.arrow.delete_kanban {
    border-bottom: 9px solid #999 !important;
    border-bottom: 9px solid rgba(0, 0, 0, .25) !important;
}

.popover.top.top_left_css>.arrow.delete_kanban:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-width: 10px;
    border-bottom-color: #f7f7f7;
}

.more-menu-caret-inner_bottom {
    border-bottom: none !important;
    border-top: 9px solid #fcfcfc !important;
    top: 0px !important;
}

.more-menu-caret-outer_bottom {
    border-bottom: none !important;
    border-top: 10px solid #c1d0da !important;
}

.more-menu-caret_bottom {
    top: 100% !important;
}

/*---------KANBAN MORE BUTTON CSS END---------*/


#awsFilesDic .files_exist button,
#awsNotesFiles .files_exist button {
    font-size: 15px !important;
    font-weight: normal !important;
    text-shadow: unset !important;
}

#awsFilesDic .files_exist button .fa-user-o,
#awsFilesDic .files_exist button .fa-user,
.file-share-with-client .fa-user-o,
.file-share-with-client .fa-user {
    font-size: 15px !important;
    font-weight: normal !important;
    text-shadow: unset !important;
}

#awsFilesDic .files_exist button.file-share-with-client {
    padding-top: 0px;
}

.recent_notification_ul {
    list-style-type: none !important;
    padding-left: 0px !important;
}

.recent_notification_ul li:last-child hr {
    visibility: hidden;
    padding-bottom: 80px;
}

.recent_notification_ul li:last-child {
    margin-bottom: 32px;
}

.recent_notification_ul.recent_activity li:nth-last-child(2) hr {
    visibility: hidden;
}

.recent_notification .badge.project_notification_count {
    background: #D2312D;
    color: #FFF;
    font-size: 10px;
    font-weight: normal;
    height: 16px;
    padding: 3px 5px 3px 5px;
    position: absolute;
    right: 3px;
    top: 6px;
    border-radius: 100%;
}

#modalEmailMultiDirectories .note-frame .note-editable p,
#modalEmailMultiDirectories .note-frame .note-editable span {
    line-height: 1.2;
}

/* Don't allow to select text */
.noselect-text {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}

/* Custom Field CSS */
#custom-field-build-wrap .form-wrap.form-builder .frmb,
#custom-field-build-wrap-opportunity .form-wrap.form-builder .frmb,
#custom-field-build-wrap-clockin .form-wrap.form-builder .frmb,
#custom-field-build-wrap-clockout .form-wrap.form-builder .frmb{
    min-height: 500px !important;
}

#custom-field-build-wrap,
#custom-field-build-wrap-opportunity,
#custom-field-build-wrap-clockin,
#custom-field-build-wrap-clockout { 
    padding: 10px 25px 20px 22px;
}

.custom-field-lbl {
    margin: 20px 15px 15px 15px;
}

.tab-content>.active #custom-field-wrap-html {
    position: relative;
    z-index: 1;
}

#custom-field-wrap-html input[type="date"].form-control {
    line-height: 21px;
}

.custom-help-message {
    padding-left: 16px;
}

.form-horizontal .custom-help-message {
    text-decoration: underline !important;
}

.form-horizontal .custom-help-message:hover {
    text-decoration: none !important;
}

.custom-field-lbl {
    margin: 20px 15px 15px 15px;
}

.no-custom-field-wrap p {
    color: #000;
    padding: 10px 0px 20px 0px;
}

#custom-field-build-wrap .form-group.className-wrap,
#custom-field-build-wrap .form-group.access-wrap,
#custom-field-build-wrap .form-group.name-wrap,
#custom-field-build-wrap .form-group.subtype-wrap,
#custom-field-build-wrap .form-group.toggle-wrap,
#custom-field-build-wrap .form-group.style-wrap,
#custom-field-build-wrap .form-group.value-wrap,
.commonclockclass .form-group.className-wrap,
.commonclockclass .form-group.access-wrap,
.commonclockclass .form-group.name-wrap,
.commonclockclass .form-group.subtype-wrap,
.commonclockclass .form-group.toggle-wrap,
.commonclockclass .form-group.style-wrap,
.commonclockclass .form-group.value-wrap {
    display: none !important;
}



#custom-field-wrap-html .other-val {
    left: 5px !important;
    height: 30px;
    width: auto;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    margin-top: -5px !important;
    border: 1px solid #ccc;
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-right: 10px;
    margin-left: 0;
    vertical-align: top;
}

#custom-field-wrap-html .radio input.other-option:checked~label input.other-val,
#custom-field-wrap-html .radio-inline input.other-option:checked~label input.other-val,
#custom-field-wrap-html_clockin .radio input.other-option:checked~label input.other-val,
#custom-field-wrap-html_clockin .radio-inline input.other-option:checked~label input.other-val {
    display: inline-block !important;
}

#custom-field-wrap-html .radio input.other-option~label input.other-val,
#custom-field-wrap-html .radio-inline input.other-option~label input.other-val,
#custom-field-wrap-html_clockin .radio input.other-option~label input.other-val,
#custom-field-wrap-html_clockin .radio-inline input.other-option~label input.other-val {
    display: none !important;
}

/* #customFields #custom-field-wrap-html .select2-search__field {
    padding-left: 6px !important;
} */

#customFields #custom-field-wrap-html div.fb-select.form-group {
    display: flex;
    flex-direction: column;
}

#customFields #custom-field-wrap-html div.fb-select.form-group .fb-select-label {
    order: 1;
}

#customFields #custom-field-wrap-html div.fb-select.form-group .form-control,
#customFields #custom-field-wrap-html div.fb-select.form-group .select2-container--default {
    order: 2;
}

#customFields #custom-field-wrap-html div.fb-select.form-group label.error {
    order: 3;
    margin-top: 5px;
    margin-bottom: 0;
    line-height: 1;
}

/* #customFields #custom-field-wrap-html div.fb-checkbox-group.form-group.has-error .checkbox-group,
#customFields #custom-field-wrap-html div.fb-radio-group.form-group.has-error .radio-group,
.custom-field-wrap-html_class div.fb-checkbox-group.form-group.has-error .checkbox-group,
.custom-field-wrap-html_class div.fb-radio-group.form-group.has-error .radio-group {
    margin-top: 0px;
} */

#customFields #custom-field-wrap-html div.fb-checkbox-group,
#customFields #custom-field-wrap-html div.fb-radio-group,
.custom-field-wrap-html_class div.fb-checkbox-group,
.custom-field-wrap-html_class div.fb-radio-group
 {
    position: relative;
}
.custom-field-wrap-html_class div.fb-checkbox-group .checkbox,
.custom-field-wrap-html_class div.fb-radio-group .radio{
    position: inherit;
}
#customFields #custom-field-wrap-html div.fb-checkbox-group:last-child,
#customFields #custom-field-wrap-html div.fb-radio-group:last-child {
    margin-bottom: 10px;
}

#customFields #custom-field-wrap-html div.fb-checkbox-group .checkbox,
#customFields #custom-field-wrap-html div.fb-radio-group .radio {
    position: static;
    min-height: 27px;
    color: #777;
}

#customFields #custom-field-wrap-html div.fb-checkbox-group.has-error,
#customFields #custom-field-wrap-html div.fb-radio-group.has-error {
    margin-bottom: 26px;
}

#customFields #custom-field-wrap-html div.fb-checkbox-group .checkbox:first-child,
#customFields #custom-field-wrap-html div.fb-radio-group .radio:first-child {
    padding-top: 0 !important;
}

#customFields #custom-field-wrap-html div.fb-checkbox-group .checkbox:last-child input.error {
    margin-bottom: 0px;
}

#customFields #custom-field-wrap-html div.fb-checkbox-group.form-group.has-errorinput-group,
#customFields #custom-field-wrap-html div.fb-checkbox-group.form-group label.error,
#customFields #custom-field-wrap-html div.fb-radio-group.form-group.has-error .error,
#customFields #custom-field-wrap-html div.fb-radio-group.form-group label.error,
.custom-field-wrap-html_class div.fb-checkbox-group.form-group.has-errorinput-group,
/* .custom-field-wrap-html_class div.fb-checkbox-group.form-group label.error, */
.custom-field-wrap-html_class div.fb-radio-group.form-group.has-error .error,
.custom-field-wrap-html_class div.fb-radio-group.form-group label.error {
    position: absolute;
    width: 100%;
    margin-top: 0;
    left: -3px;
    top: auto;
    bottom: -20px;
    font-weight: normal;
}
.custom-field-wrap-html_class div.fb-checkbox-group.form-group label.error{
    position: absolute;
    width: 100%;
    margin-top: 0;
    /* left: -3px; */
    top: auto;
    bottom: -10px;
    font-weight: normal;
}

#customFields #custom-field-wrap-html div.fb-radio-group.form-group.has-error .error,
#customFields #custom-field-wrap-html div.fb-radio-group.form-group label.error {
    bottom: -10px;
}

#customFields #custom-field-wrap-html div.fb-radio-group .radio:last-child input.error {
    margin-bottom: 10px;
}

#customFields #custom-field-wrap-html div.fb-checkbox-group.form-group.has-error .error,
#customFields #custom-field-wrap-html div.fb-radio-group.form-group.has-error .error {
    bottom: -20px;
}

#custom-field-wrap-html .rendered-form .form-control,
#custom-field-wrap-html .rendered-form .select2-container--default .select2-selection--single {
    padding: 6px 5px;
}

#custom-field-build-wrap .form-wrap.form-builder .cb-wrap {
    width: 26% !important;
    position: sticky !important;
}

#custom-field-build-wrap .form-wrap.form-builder .frmb .sortable-options input[type=text],
.commonclockclass .form-wrap.form-builder .frmb .sortable-options input[type=text] {
    width: calc(90% - 17px);
}

.rendered-form .fb-button.form-group button {
    margin-top: 15px;
}

/* ***** ***** ***** */

.note-frame .note-editable {
    color: initial;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.status-card li.ui-sortable-handle {
    display: -webkit-box;
    /* -webkit-line-clamp: 5; // define no. of maximum line contain in li */
    -webkit-box-orient: vertical;
}

.one-line-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.not_required {
    border: 1px solid #ccc !important;
}

.no_error {
    color: #777 !important;
}

.contractor-table td input[type='checkbox'] {
    vertical-align: middle !important;
    margin-top: -3px !important;
}

#docViewer.modal-fullscreen .modal-body #viewer,
#docViewer.modal-fullscreen .modal-body #documentViewer {
    height: calc(100vh - 57px) !important;
}

#docViewer.modal-fullscreen .modal-footer {
    text-align: center !important;
}

#docViewer {
    z-index: 9999;
}

#docViewer .modal-popup-loader {
    display: none;
    width: 98%;
    height: 100%;
    position: absolute;
    z-index: 999;
    top: 0px;
    background-color: #000;
    opacity: 0.5;
}

#docViewer .modal-popup-loader-inner {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid var(--theme-color);
    border-bottom: 5px solid var(--theme-color);
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 45%;
    left: 47%;
    z-index: 9999;
}

.modal-popup-module-settings-loader {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    top: 0px;
    background-color: #FFF;
}

.modal-popup-module-settings-loader.trasperent-bg {
    background-color: #ffffff12 !important;
}

.modal-popup-loader-inner1 {
    background: url("../imgs/ajax-loader.gif") center center no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-size: 50px;
}

#docViewer.modal-fullscreen .modal-body {
    padding: 0;
    max-height: 100%;
    height: 92.91% !important;
}

#docViewer .modal-body {
    height: calc(100vh - 60px - 110px);
    max-height: inherit;
}

/* .listPane span.large-cell.submittal-title{width: 220px !important;} */
.listPane span.date-cell.submittal-status {
    width: 120px !important;
}

.dashboard .panel-actions {
    right: 15px;
    position: absolute;
    top: 7px;
    line-height: 28px;
}

.dashboard .panel-actions a,
.dashboard .panel-actions .panel-action {
    background-color: transparent;
    border-radius: 2px;
    color: #B4B4B4;
    font-size: 12px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    width: 24px;
}

.dashboard .panel-heading {
    background: #f6f6f6;
    border-radius: 5px 5px 0 0;
    border: 1px solid #DADADA;
    padding: 10px;
    position: relative;
}

.dashboard .panel-title {
    color: #33353F;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    padding: 0;
    text-transform: none;
}

.dashboard .panel-body {
    padding-top: 0px;
}

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

/* Mihir Kadiwala (2021-03-18): Revise layout */
div.block {
    display: flow-root;
}

div.clear {
    clear: both !important;
}

.introjs-skipbutton {
    font-size: 12px;
    font-weight: normal;
    color: #777;
    padding-top: 10px;
}

.row-view-margin {
    margin-bottom: 35px !important;
}

.row-view-bottom {
    margin-bottom: 10px !important;
}

.item-audit-log {
    margin-top: 10px;
}

.m-b-0 {
    margin-bottom: 0px;
}

body.modal-open,
html.modal-open-overflow-hidden body {
    overflow-y: hidden;
    height: auto !important;
    padding-right: 0 !important;
}

html.modal-open-overflow-hidden,
html.tui-open-overflow-hidden,
html.lg-on-open {
    overflow: hidden !important;
    padding-right: 0px;
}

html.tui-open-overflow-hidden.daterangepicker-open {
    overflow: auto !important;
}

html.modal-open-overflow-hidden.daterangepicker-open::-webkit-scrollbar,
html.tui-open-overflow-hidden.daterangepicker-open::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}

.modal-open[style*="padding-right: 17px;"],
.modal-open[style*="padding-right: 17px;"] .modal[style*="padding-right: 17px;"]:not(.sidebar_modal),
html.modal-open-overflow-hidden .modal-open[style*="padding-right: 17px;"] .footer-bottom,
html.modal-open-overflow-hidden .modal-open[style*="padding-right: 17px;"] .Header .Primary_Header,
html.modal-open-overflow-hidden .modal-open[style*="padding-right: 17px;"] .Header .Secondary_Header {
    padding-right: 7px !important;
}

body.page-loader {
    height: 100vh;
    overflow-y: hidden;
}

.img_list_btn {
    font-size: 15px !important;
    font-weight: 400 !important;
    text-shadow: none !important;
    padding: 5px 7px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-auto {
    cursor: auto !important;
}

.cursor-default {
    cursor: default !important;
}

/* start-checkbox-css */
.lbl-con {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.lbl-con input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* On mouse-over, add a grey background color */
/* .lbl-con:hover input ~ .check-marks {
background-color: #ccc;
} */

/* Create a custom checkbox */
.check-marks {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid;
}

/* When the checkbox is checked, add a blue background */
.lbl-con input:checked~.check-marks {
    background-color: #2196F3;
}

/* Create the check-marks/indicator (hidden when not checked) */
.check-marks:after {
    content: "";
    position: absolute;
    display: none;
}

/* Style the check-marks/indicator */
.lbl-con .check-marks:after {
    left: 8px;
    top: 4px;
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* end-checkbox-css */

.kanban-filter .no-filter {
    margin-top: -20px;
}

.kanban-filter .apply-filter {
    margin-top: -22px;
}

.more-btn-modal {
    border: none;
    margin-top: 10px;
    background: none;
}

.more-btn-modal .more-dot {
    background-color: #47a447 !important;
    display: block;
    margin: 2px auto;
}

#userFeedbackPopup .modal-dialog .modal-body {
    font-size: 13px !important;
    color: #777;
}

input[type=checkbox],
input[type=radio] {
    margin: 3px 0 0;
    vertical-align: top;
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid var(--theme-color) !important;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
    border: 1px solid var(--theme-color) !important;
}

/* WePay Activation */
#activated_lbl {
    font-size: 13px;
    display: inline-block;
    padding: 7px;
    display: none;
    margin-top: 8px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    border: 1px solid transparent;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    margin-top: 0px;
    margin-bottom: 5px;
}

#wepay_pending_lbl {
    display: none;
    margin-top: 10px;
}

.wepay_pending_lbl {
    font-size: 13px;
    padding-top: 4px;
    cursor: pointer;
    display: inline-block;
    box-shadow: 1px 2px 7px 1px #e6ab60;
    box-shadow: none;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    border: 1px solid transparent;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    margin-top: 0px;
    margin-bottom: 5px;
}

#wepay_pending_lbl span {
    font-size: 15px;
    font-weight: 900;
    line-height: 13px;
}

#companycam_label_activated {
    font-size: 13px;
    display: inline-block;
    margin-top: 8px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    margin-top: 0px;
    margin-bottom: 5px;
}

#kyciframe_iframe {
    height: 98% !important;
    height: calc(100vh - 320px) !important;
}

#kycmodalIframe,
#stripe_kycmodalIframe {
    z-index: 1052 !important;
}

#kycmodalIframe .form-horizontal .form-group:after,
#kycmodalIframe .form-horizontal .form-group:before,
#stripe_kycmodalIframe .form-horizontal .form-group:after,
#stripe_kycmodalIframe .form-horizontal .form-group:before {
    display: table !important;
    content: " " !important;
}

#kycmodalIframe .form-horizontal .control-label,
#stripe_kycmodalIframe .form-horizontal .control-label {
    padding-top: 7px !important;
    margin-bottom: 0 !important;
    text-align: right !important;
}

#kycmodalIframe #company_details,
#stripe_kycmodalIframe #company_details {
    padding: 10px 6%;
}

#kycmodalIframe .group_wraper,
#stripe_kycmodalIframe .group_wraper {
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 15px 10px 30px;
    margin-bottom: 20px;
}

#kycmodalIframe .group_title,
#stripe_kycmodalIframe .group_title {
    position: relative;
    top: -27px;
    padding: 5px;
    background: #FFF;
    font-size: 14px;
    font-weight: 600;
}

#dt_cost_codes .childTable .no-active {
    visibility: hidden;
}

#kycmodalIframe .rate-table,
#stripe_kycmodalIframe .rate-table {
    text-align: center;
}

#kycmodalIframe .rate-table tr th,
#stripe_kycmodalIframe .rate-table tr th {
    border-bottom: 1px solid #CCC;
    text-align: center !important;
    padding: 5px 0;
}

#kycmodalIframe .rate-table tr td,
#stripe_kycmodalIframe .rate-table tr td {
    padding-top: 7px !important;
    vertical-align: text-bottom;
    padding-bottom: 15px;
}

#kycmodalIframe .rate-table tr td:first-child,
#stripe_kycmodalIframe .rate-table tr td:first-child,
.rate-table tr th:first-child {
    border-right: 1px solid #CCC;
}

#kycmodalIframe .rate-table tr td:last-child,
#stripe_kycmodalIframe .rate-table tr td:last-child,
.rate-table tr th:last-child {
    border-left: 1px solid #CCC;
}

#kycmodalIframe .descriptive-info,
#stripe_kycmodalIframe .descriptive-info {
    padding: 0 30px;
}

#kycmodalIframe #company_details p.information,
#stripe_kycmodalIframe #company_details p.information {
    padding-bottom: 15px;
    font-size: 13px;
}

#kycmodalIframe #company_details p.information a,
#stripe_kycmodalIframe #company_details p.information a {
    color: inherit;
}

#MerchantCategoryCodeModal .info-table td {
    padding: 10px;
    vertical-align: top;
    border: 1px solid #7c7c7c;
    color: #373a3c;
}

.primary-industry-select,
.cmp-type-select {
    color: #555 !important;
}

.form-group label.lh-annual-revenue-subtext {
    font-size: 11px;
    line-height: 15px;
    margin: 0;
}

/*******************************************/

fieldset.default-bootstrap {
    padding: 0.1em 0.625em 1em !important;
    margin: 0 2px !important;
    border: 1px solid silver !important;
    border-radius: 4px;
}

legend.default-bootstrap {
    width: auto !important;
    border-bottom: none !important;
    padding: 0 8px !important;
    font-size: 14px !important;
    color: #444 !important;
    margin-bottom: 0 !important;
}

.single-coa {
    margin-bottom: 5px;
}

#accountingSettings input[type=checkbox],
#accountingSettings input[type=radio] {
    vertical-align: middle !important;
    margin-top: -3px !important;
}

/***** HelloNext Popup *****/
.hn-widget {
    box-shadow: 0px 1px 6px 1px #eee;
    margin: 10px 0px !important;
    z-index: 999;
}

.hn-widget .hn-widget-iframe-show {
    max-height: 70vh !important;
}

.popup_label_font_size {
    font-size: 15px;
}

.fontawe_icon {
    font-size: 16px;
    color: #7f7f7f;
    cursor: default;
}

.fontawe_icon.markup-icon {
    position: relative;
}

.fontawe_icon.markup-icon.fa-hand-holding:after {
    content: "\25";
    position: absolute;
    top: -2px;
    right: 0;
    bottom: auto;
    left: 0;
    margin: auto;
    font-size: 70%;
    text-align: center;
}

.align-left {
    text-align: left !important;
}

.popup_heading_label {
    margin-top: 0px !important;
    padding: 0px !important;
    line-height: 1;
    letter-spacing: 0;
}

.border-bottom {
    border-bottom: 1px solid #eeeff2;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

.new_intro_form .form-control-static {
    padding-top: 0px;
}

.p-0 {
    padding: 0px !important;
}

.d-inline-flex {
    display: inline-flex
}

.m-0 {
    margin: 0px !important;
}

.testomoni_text {
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 25px;
}

html .wizard-progress.wizard-progress-lg {
    margin: 0 auto 20px;
    width: 80%;
}

.intro_wiz_form {
    height: calc(100vh - 400px);
    overflow-y: auto;
    overflow-x: hidden;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.sidebar_searchbar#tb_search_input {
    padding: 3px 25px 3px 10px !important;
}

/*For clearable search text inputs*/
#tb_search_input {
    background: #fff url('../images/close-icon.png') no-repeat right -10px center;
    padding: 3px 25px 3px 10px;
    padding-right: 25px !important;
    /* Use the same right padding (18) in jQ! */
}

#tb_search_input.x {
    background-position: right 10px center;
}

#tb_search_input.x~.input-group-btn .search {
    display: none;
}

/* (jQ) Show icon */
#tb_search_input.onX {
    cursor: pointer;
}

/* (jQ) hover cursor style */
#tb_search_input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

/* Remove IE default X */
.opacity_layout .logo_div {
    background-color: #ffffff85;
    padding: 0 0 5px;
}

.opacity_layout .logo_div img {
    max-width: 100%;
    width: 300px;
}

.opacity_layout .bg-image-div {
    background-image: url(../../images/4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
    height: calc(100vh - 195px);
    width: 100%;
    background-attachment: scroll;
}

.opacity_layout .bg-image-div .quotes_div {
    padding: 25px;
    margin: 10px;
    background-color: #000000b8;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    border-radius: 10px;
}

.b-rad-0 {
    border-radius: 0px;
}

.text-left {
    text-align: left !important;
}

.light_grey_txt {
    color: #b2b2b2;
}

.f-10 {
    font-size: 14px;
}

.clear_both {
    clear: both;
}

.jump-to-external-link,
.jump-to-external-link:hover,
.jump-to-external-link:target,
.jump-to-external-link:active,
.jump-to-external-link:visited,
.jump-to-external-link:focus {
    color: #777;
    text-decoration: none;
    margin-left: 5px;
}

.timecard-module .panel-heading {
    margin-bottom: 5px !important;
}

/********* Skeliton loader *********/
:root {
    --module-list-padding: 5px;
    --module-list-height: 100%;
    --module-list-skeleton: linear-gradient(white var(--module-list-height), transparent 0);
    --module-list-line-height: 11px;
    --module-list-line-skeleton: linear-gradient(#F1F1F1 var(--module-list-line-height), transparent 0);
    --module-list-line1-width: 190px;
    --module-list-line2-width: 125px;
    --module-list-line3-width: 225px;
    --module-list-line4-width: 90px;

    --module-list-saprate-line-skeleton: linear-gradient(#F1F1F1 var(--module-list-line-height), transparent 0);
    --module-list-saprate-line-width: 100%;
    --module-list-saprate-line-height: 1px;

    --module-list-line-1-position: var(--module-list-padding) 8px;
    --module-list-line-2-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 8px;
    --module-list-line-3-position: var(--module-list-padding) 28px;
    --module-list-line-4-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 28px;
    --module-list-saprate-line-1-position: var(--module-list-padding) 45px;

    --module-list-line-5-position: var(--module-list-padding) 53px;
    --module-list-line-6-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 53px;
    --module-list-line-7-position: var(--module-list-padding) 73px;
    --module-list-line-8-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 73px;
    --module-list-saprate-line-2-position: var(--module-list-padding) 90px;

    --module-list-line-9-position: var(--module-list-padding) 98px;
    --module-list-line-10-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 98px;
    --module-list-line-11-position: var(--module-list-padding) 118px;
    --module-list-line-12-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 118px;
    --module-list-saprate-line-3-position: var(--module-list-padding) 135px;

    --module-list-line-13-position: var(--module-list-padding) 143px;
    --module-list-line-14-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 143px;
    --module-list-line-15-position: var(--module-list-padding) 163px;
    --module-list-line-16-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 163px;
    --module-list-saprate-line-4-position: var(--module-list-padding) 180px;

    --module-list-line-17-position: var(--module-list-padding) 188px;
    --module-list-line-18-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 188px;
    --module-list-line-19-position: var(--module-list-padding) 208px;
    --module-list-line-20-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 208px;
    --module-list-saprate-line-5-position: var(--module-list-padding) 225px;

    --module-list-line-21-position: var(--module-list-padding) 233px;
    --module-list-line-22-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 233px;
    --module-list-line-23-position: var(--module-list-padding) 253px;
    --module-list-line-24-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 253px;
    --module-list-saprate-line-6-position: var(--module-list-padding) 270px;

    --module-list-line-25-position: var(--module-list-padding) 278px;
    --module-list-line-26-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 278px;
    --module-list-line-27-position: var(--module-list-padding) 298px;
    --module-list-line-28-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 298px;
    --module-list-saprate-line-7-position: var(--module-list-padding) 315px;

    --module-list-line-29-position: var(--module-list-padding) 323px;
    --module-list-line-30-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 323px;
    --module-list-line-31-position: var(--module-list-padding) 343px;
    --module-list-line-32-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 343px;
    --module-list-saprate-line-8-position: var(--module-list-padding) 360px;

    --module-list-line-33-position: var(--module-list-padding) 368px;
    --module-list-line-34-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 368px;
    --module-list-line-35-position: var(--module-list-padding) 388px;
    --module-list-line-36-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 388px;
    --module-list-saprate-line-9-position: var(--module-list-padding) 405px;

    --module-list-line-37-position: var(--module-list-padding) 413px;
    --module-list-line-38-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 413px;
    --module-list-line-39-position: var(--module-list-padding) 433px;
    --module-list-line-40-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 433px;
    --module-list-saprate-line-10-position: var(--module-list-padding) 450px;

    --module-list-line-41-position: var(--module-list-padding) 458px;
    --module-list-line-42-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 458px;
    --module-list-line-43-position: var(--module-list-padding) 478px;
    --module-list-line-44-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 478px;
    --module-list-saprate-line-11-position: var(--module-list-padding) 495px;

    --module-list-line-45-position: var(--module-list-padding) 503px;
    --module-list-line-46-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 503px;
    --module-list-line-47-position: var(--module-list-padding) 523px;
    --module-list-line-48-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 523px;
    --module-list-saprate-line-12-position: var(--module-list-padding) 540px;

    --module-list-line-49-position: var(--module-list-padding) 548px;
    --module-list-line-50-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 548px;
    --module-list-line-51-position: var(--module-list-padding) 568px;
    --module-list-line-52-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 568px;
    --module-list-saprate-line-13-position: var(--module-list-padding) 585px;

    --module-list-line-53-position: var(--module-list-padding) 593px;
    --module-list-line-54-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 593px;
    --module-list-line-55-position: var(--module-list-padding) 613px;
    --module-list-line-56-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 613px;
    --module-list-saprate-line-14-position: var(--module-list-padding) 630px;

    --module-list-line-57-position: var(--module-list-padding) 638px;
    --module-list-line-58-position: calc(var(--module-list-padding) + var(--module-list-line1-width) + 15px) 638px;
    --module-list-line-59-position: var(--module-list-padding) 658px;
    --module-list-line-60-position: calc(var(--module-list-padding) + var(--module-list-line3-width) + 15px) 658px;
    --module-list-saprate-line-15-position: var(--module-list-padding) 675px;

    --module-list-blur-size: 150px var(--module-list-height);

    --cftheme-scrollbar-color: rgba(0, 0, 0, 0.3) rgba(196, 196, 196, 0.2);
    --cftheme-scrollbar-thinness: thin;
    --cftheme-scrollbar-track-bg: rgba(196, 196, 196, 0.2);
    --cftheme-scrollbar-width: 6px;
    --cftheme-scrollbar-height: 6px;
    --cftheme-scrollbar-thumb-bg: rgba(0, 0, 0, 0.3);
    --cftheme-scrollbar-thumb-radius: 50px;
}

.table-module-list.show-list-loader::after {
    content: "";
    display: block;
    width: 98%;
    height: 100vh;
    position: absolute;
    background-image: linear-gradient(90deg, rgba(221, 221, 221, 0) 30%, rgba(255, 255, 255, .8) 50%, rgba(221, 221, 221, 0) 80%),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-line-skeleton), var(--module-list-saprate-line-skeleton),
        var(--module-list-skeleton);

    background-size: var(--module-list-blur-size),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        var(--module-list-line1-width) var(--module-list-line-height), var(--module-list-line2-width) var(--module-list-line-height), var(--module-list-line3-width) var(--module-list-line-height), var(--module-list-line4-width) var(--module-list-line-height), var(--module-list-saprate-line-width) var(--module-list-saprate-line-height),
        100% 100%;

    background-position: 0 0,
        var(--module-list-line-1-position), var(--module-list-line-2-position), var(--module-list-line-3-position), var(--module-list-line-4-position), var(--module-list-saprate-line-1-position),
        var(--module-list-line-5-position), var(--module-list-line-6-position), var(--module-list-line-7-position), var(--module-list-line-8-position), var(--module-list-saprate-line-2-position),
        var(--module-list-line-9-position), var(--module-list-line-10-position), var(--module-list-line-11-position), var(--module-list-line-12-position), var(--module-list-saprate-line-3-position),
        var(--module-list-line-13-position), var(--module-list-line-14-position), var(--module-list-line-15-position), var(--module-list-line-16-position), var(--module-list-saprate-line-4-position),
        var(--module-list-line-17-position), var(--module-list-line-18-position), var(--module-list-line-19-position), var(--module-list-line-20-position), var(--module-list-saprate-line-5-position),
        var(--module-list-line-21-position), var(--module-list-line-22-position), var(--module-list-line-23-position), var(--module-list-line-24-position), var(--module-list-saprate-line-6-position),
        var(--module-list-line-25-position), var(--module-list-line-26-position), var(--module-list-line-27-position), var(--module-list-line-28-position), var(--module-list-saprate-line-7-position),
        var(--module-list-line-29-position), var(--module-list-line-30-position), var(--module-list-line-31-position), var(--module-list-line-32-position), var(--module-list-saprate-line-8-position),
        var(--module-list-line-33-position), var(--module-list-line-34-position), var(--module-list-line-35-position), var(--module-list-line-36-position), var(--module-list-saprate-line-9-position),
        var(--module-list-line-37-position), var(--module-list-line-38-position), var(--module-list-line-39-position), var(--module-list-line-40-position), var(--module-list-saprate-line-10-position),
        var(--module-list-line-41-position), var(--module-list-line-42-position), var(--module-list-line-43-position), var(--module-list-line-44-position), var(--module-list-saprate-line-11-position),
        var(--module-list-line-45-position), var(--module-list-line-46-position), var(--module-list-line-47-position), var(--module-list-line-48-position), var(--module-list-saprate-line-12-position),
        var(--module-list-line-49-position), var(--module-list-line-50-position), var(--module-list-line-51-position), var(--module-list-line-52-position), var(--module-list-saprate-line-13-position),
        var(--module-list-line-53-position), var(--module-list-line-54-position), var(--module-list-line-55-position), var(--module-list-line-56-position), var(--module-list-saprate-line-14-position),
        var(--module-list-line-57-position), var(--module-list-line-58-position), var(--module-list-line-59-position), var(--module-list-line-60-position), var(--module-list-saprate-line-15-position),
        0 0;
    background-repeat: no-repeat;
    animation: loading_list 1.2s infinite;
    top: 0px;
}

@keyframes loading_list {
    to {
        background-position: 100% 0, var(--module-list-line-1-position), var(--module-list-line-2-position), var(--module-list-line-3-position), var(--module-list-line-4-position), var(--module-list-saprate-line-1-position),
            var(--module-list-line-5-position), var(--module-list-line-6-position), var(--module-list-line-7-position), var(--module-list-line-8-position), var(--module-list-saprate-line-2-position),
            var(--module-list-line-9-position), var(--module-list-line-10-position), var(--module-list-line-11-position), var(--module-list-line-12-position), var(--module-list-saprate-line-3-position),
            var(--module-list-line-13-position), var(--module-list-line-14-position), var(--module-list-line-15-position), var(--module-list-line-16-position), var(--module-list-saprate-line-4-position),
            var(--module-list-line-17-position), var(--module-list-line-18-position), var(--module-list-line-19-position), var(--module-list-line-20-position), var(--module-list-saprate-line-5-position),
            var(--module-list-line-21-position), var(--module-list-line-22-position), var(--module-list-line-23-position), var(--module-list-line-24-position), var(--module-list-saprate-line-6-position),
            var(--module-list-line-25-position), var(--module-list-line-26-position), var(--module-list-line-27-position), var(--module-list-line-28-position), var(--module-list-saprate-line-7-position),
            var(--module-list-line-29-position), var(--module-list-line-30-position), var(--module-list-line-31-position), var(--module-list-line-32-position), var(--module-list-saprate-line-8-position),
            var(--module-list-line-33-position), var(--module-list-line-34-position), var(--module-list-line-35-position), var(--module-list-line-36-position), var(--module-list-saprate-line-9-position),
            var(--module-list-line-37-position), var(--module-list-line-38-position), var(--module-list-line-39-position), var(--module-list-line-40-position), var(--module-list-saprate-line-10-position),
            var(--module-list-line-41-position), var(--module-list-line-42-position), var(--module-list-line-43-position), var(--module-list-line-44-position), var(--module-list-saprate-line-11-position),
            var(--module-list-line-45-position), var(--module-list-line-46-position), var(--module-list-line-47-position), var(--module-list-line-48-position), var(--module-list-saprate-line-12-position),
            var(--module-list-line-49-position), var(--module-list-line-50-position), var(--module-list-line-51-position), var(--module-list-line-52-position), var(--module-list-saprate-line-13-position),
            var(--module-list-line-53-position), var(--module-list-line-54-position), var(--module-list-line-55-position), var(--module-list-line-56-position), var(--module-list-saprate-line-14-position),
            var(--module-list-line-57-position), var(--module-list-line-58-position), var(--module-list-line-59-position), var(--module-list-line-60-position), var(--module-list-saprate-line-15-position),
            0 0;
    }
}

.modal-popup-scroll {
    max-height: 70vh;
    overflow-y: auto;
}

.modal-popup-scroll-footer {
    background-color: #e4e4e4;
    border-radius: 0 0 5px 5px;
}

.panel-customer-details {
    padding: 21px;
    padding-bottom: 0px;
}

#DocumentWriterDocDiv .DocDetails:before {
    content: "\f0c9";
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    width: 0px;
    height: 20px;
    float: left;
    margin-top: 4px;
    margin-right: 12px;
    cursor: move;
}

#modalEmailMultiDirectories .note-editing-area {
    max-height: 42vh;
    overflow-y: auto;
    overflow-x: auto;
}

#modalViewDirectoryDetail .modal-popup-scroll {
    max-height: 62vh;
}

html.OverFlow_scroll_Hidden {
    overflow: hidden !important;
}

.main_footer_page.panel-footer {
    padding: 15px;
}

.created-user-div,
div.module-audit-log {
    background-color: #fff;
}

.btn-default.btn-fullscreen:focus {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

#projectListing .global-project-option-title {
    font-weight: 700;
}

#projectListing .project-status-name {
    font-style: italic;
    font-weight: normal;
    margin-left: 4px;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    text-align: right;
    padding-right: 1px;
    display: inline-block;
}

#projectListing .project-category {
    float: right;
    display: none;
    padding-left: 5px;
}

.project-list .dd-list li.dd-item i.fa-check {
    margin-top: 4px;
}

.global-project-name {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    height: 20px;
    display: inline-block;
    white-space: nowrap;
}

#submitBugModal h5 {
    line-height: 18px;
}

#submitBugModal .email_error {
    position: absolute;
    top: 82px;
    left: 249px;
    color: #B94A48;
}

#submitBugModal #tb_bug_for_platform-error {
    position: relative;
    left: 25%;
    width: auto;
}

.global-project-name .project-id-spn {
    font-weight: normal;
}

.global-is-favorite {
    float: right;
    font-size: 20px;
    margin-left: 0px;
    color: black;
}

.directory-list.has-favorite-directories .dd-list .fa-check {
    margin-right: 5px;
}

.directory-list.has-favorite-directories .dd-list .clocked_in {
    margin-right: 5px;
}

.fa-star.checked {
    color: orange;
}

/************* CC Loader **************/
:root {
    --cc-padding: 0px;
    --cc-height: 100%;
    --cc-skeleton: linear-gradient(white var(--cc-height), transparent 0);
    --cc-title-height: 16px;
    --cc-title-skeleton: linear-gradient(#F1F1F1 var(--cc-title-height), transparent 0);
    --cc-title-width: 90px;

    --cc-line-height: 30px;
    --cc-line-skeleton: linear-gradient(#F1F1F1 var(--cc-line-height), transparent 0);
    --cc-line2-width: 100%;
    --cc-line3-width: 50px;
    --cc-line4-width: 100px;

    --cc-line-1-position: var(--cc-padding) 5px;
    --cc-line-2-position: var(--cc-padding) 30px;
    --cc-line-3-position: var(--cc-padding) 75px;
    --cc-line-4-position: 100% 75px;
    --cc-line-5-position: var(--cc-padding) 100px;
    --cc-line-6-position: calc(var(--cc-padding) + var(--cc-line3-width) + 15px) 100px;
    --cc-line-7-position: 100% 100px;
    --cc-blur-size: 150px var(--cc-height);
}

#credit_card_iframe {
    min-height: 150px;
}

#credit_card_iframe.cc_loader::after {
    content: "";
    display: block;
    width: 95%;
    height: 150px;
    position: absolute;
    background-image: linear-gradient(90deg, rgba(221, 221, 221, 0) 30%, rgba(255, 255, 255, .8) 50%, rgba(221, 221, 221, 0) 80%),
        var(--cc-title-skeleton), var(--cc-line-skeleton), var(--cc-title-skeleton), var(--cc-title-skeleton), var(--cc-line-skeleton), var(--cc-line-skeleton), var(--cc-line-skeleton),
        var(--cc-skeleton);

    background-size: var(--cc-blur-size),
        var(--cc-title-width) var(--cc-title-height), var(--cc-line2-width) var(--cc-line-height), var(--cc-title-width) var(--cc-title-height), var(--cc-title-width) var(--cc-title-height),
        var(--cc-line3-width) var(--cc-line-height), var(--cc-line3-width) var(--cc-line-height), var(--cc-line4-width) var(--cc-line-height),
        100% 100%;

    background-position: 0 0,
        var(--cc-line-1-position), var(--cc-line-2-position), var(--cc-line-3-position), var(--cc-line-4-position), var(--cc-line-5-position), var(--cc-line-6-position), var(--cc-line-7-position),
        0 0;
    background-repeat: no-repeat;
    animation: loading_cc 1.2s infinite;
    top: 0px;
}

@keyframes loading_cc {
    to {
        background-position: 100% 0, var(--cc-line-1-position), var(--cc-line-2-position), var(--cc-line-3-position), var(--cc-line-4-position), var(--cc-line-5-position), var(--cc-line-6-position), var(--cc-line-7-position),
            0 0;
    }
}

.batch-step {
    cursor: pointer;
    pointer-events: none;
}

.batch-step.clickable-step {
    pointer-events: all !important;
}

.batch-step.active-step {
    background-color: #002368 !important;
    color: #fff;
}

.batch-step.active-step:after {
    border-left-color: #002368 !important;
}

.listview-threedot-btn {
    padding: 0 5px;
}

input.time_picker {
    --color: #945;
    --bgColor: #d89;
    --size: 2rem;
    --border: calc(var(--size) * 0.125);
    --borderRadius: 4px;
    --labelSize: calc(var(--size) * 0.75);
    --margin: calc(var(--size) * 0.25);
    --marginLeft: calc(var(--size) + calc(var(--size) * 0.5));
    border-radius: var(--borderRadius);
    color: #222;
    font-size: var(--size);
    transition: backgroundImage 0.25s;
    font-size: 14px;
    color: #555;
}

.time_picker_icon {
    --color: #945;
    --bgColor: #d89;
    --size: 2rem;
    --border: calc(var(--size) * 0.125);
    --borderRadius: 4px;
    --labelSize: calc(var(--size) * 0.75);
    --margin: calc(var(--size) * 0.45);
    --marginLeft: calc(var(--size) + calc(var(--size) * 0.5));
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><circle cx='20' cy='20' r='18.5' fill='none' stroke='%23222' stroke-width='3' /><path d='M20,4 20,8 M4,20 8,20 M36,20 32,20 M20,36 20,32' stroke='%23bbb' stroke-width='1' /><circle cx='20' cy='20' r='2' fill='%23222' stroke='%23222' stroke-width='2' /></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><path d='M18.5,24.5 19.5,4 20.5,4 21.5,24.5 Z' fill='%23222' style='transform:rotate(120deg); transform-origin: 50% 50%;' /></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><path d='M18.5,24.5 19.5,8.5 20.5,8.5 21.5,24.5 Z' style='transform:rotate(20deg); transform-origin: 50% 50%;' /></svg>");
    background-position: var(--margin) 50%;
    background-repeat: no-repeat;
    background-size: var(--size) var(--size);
    padding: 0px 18px;
}

.popup-pdf-download-icon {
    color: var(--theme-color);
    width: auto;
    margin: 1px 10px 0px;
    font-size: 22px;
    float: right;
    line-height: 24px !important;
    cursor: pointer;
}

#viewPdfModal .document-batch-preview-loader {
    position: absolute;
    top: 50%;
    left: 30%;
    font-size: 16px;
}

#viewPdfModal .documentPreviewBox .preview_document_div img {
    max-width: 100% !important;
}

#viewPdfModal .edit-email-div .note-editor.panel {
    margin: 0 !important;
}

#tb_safety_services~.btn-group ul.multiselect-container {
    max-height: 280px;
    overflow: auto;
}

/* #modalDirectoryTask .input-group {
    flex-wrap: wrap;
    display: flex;
    align-items: stretch;
    width: 100%;
}

#modalDirectoryTask .input-group-addon {
    display: flex;
    width: 38px;
    align-items: center;
} */
/* 
#modalDirectoryTask .datepicker,
#modalDirectoryTask .time_picker {
    flex: 1 1 auto;
    width: 70%;
} */

/* #modalDirectoryTask .label.error {
    margin-bottom: 0px !important;
} */

input[type=checkbox][name=tb_private_item],
input[type=checkbox][name=tb_share_with_client],
input[type=checkbox][name=lbl_share_with_client] {
    margin: 3px 0 0 !important;
    vertical-align: top !important;
}

.document-preview-view-div .preview-preview-addon {
    display: initial;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 5px;
}

.document-preview-view-div .lbl-preview-padding-val {
    padding-left: 0 !important;
    padding-top: 5px !important;
}

#document_detail_modal .modal-title {
    display: inline-block;
}

/************* TimePicker UI for safari ***************/
input.time_picker[type="time"] {
    padding: var(--cftheme-filed-padding-custom);
    line-height: 1.42857143;
    border: 1px solid #CCC;
    border-radius: 0 4px 4px 0;
    /* https://app.clickup.com/t/2t8k0gv */
    line-height: 24px;
}

/*
new dashboard and header design start
*/

.bootstrap-5 .group.section-item {
    width: 100% !important;
}

.pt-2px {
    padding-top: 2px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

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

#ManageTimecardModal .modal-header::before {
    content: none;
}

#ManageTimecardModal .modal-header::after {
    content: none;
}

#ManageTimecardModal .modal-body {
    border-radius: 0 0 var(--cftheme-border-radius-modal) var(--cftheme-border-radius-modal);
}

.bootstrap-5 .btn-link:hover {
    text-decoration: underline !important;
}

.userbox .name {
    color: #000011;
    font-size: 1.3rem;
    line-height: 1.2em;
}

.userbox .role {
    color: #ACACAC;
    font-size: 1.1rem;
    line-height: 1.2em;
}

.bt5 label {
    font-weight: 600 !important;
}

.popover {
    z-index: 9999 !important;
}

.Chart_Table_Tab ul li button {
    padding: 0 !important;
}

.border-none {
    border: none;
}

.Corporate_Note_Inner:hover #btnEditCompanyNote {
    display: inline-block;
}

.Corporate_Note_Inner:hover #btnSendPushNotification {
    display: inline-block;
}

.Corporate_Note_Inner:hover #btnSaveCompanyNote {
    display: inline-block;
}

.Corporate_Note_tooltip_hover {
    display: inline-block !important;
}

#btnEditCompanyNote.hide,
#btnSaveCompanyNote.hide,
#btnSendPushNotification.hide,
#btnEditCompanyNote[style="display: none;"] {
    display: none !important;
}

.Profile_DropDown .userbox,
.Serach_DropDown>a {
    display: flex !important;
}

.f-11 {
    font-size: 11px;
}

label {
    font-weight: normal;
}

#div_search_result {
    padding: 140px 40px 0px;
}

/*
new dashboard and header css end
*/

/* Make clicks pass-through */
#nprogress .bar {
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #CCC, 0 0 5px #CCC;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: var(--theme-color);
    border-left-color: var(--theme-color);
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    -moz-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0);
    }

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

@-moz-keyframes nprogress-spinner {
    0% {
        -moz-transform: rotate(0);
    }

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

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Scroll to Top */
html .scroll-to-top {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #282d36;
    border-radius: 7px 7px 0 0;
    bottom: 0px;
    color: #FFF;
    display: block;
    height: 9px;
    opacity: 0;
    padding: 5px 10px 25px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none;
    min-width: 39px;
    z-index: 1040;
    z-index: 99;
}

html .scroll-to-top:hover {
    opacity: 1;
}

html .scroll-to-top.visible {
    opacity: 0.75;
}

html .scroll-to-top span {
    display: inline-block;
    padding: 0 5px;
}

html.ie11 .scroll-to-top {
    right: 25px;
}

#viewPdfModal .modal-title {
    width: max-content;
    display: inline-block;
    cursor: auto;
}

.modal-draggable-header {
    cursor: move;
}

#viewPdfModal #btnEmailModulePDF {
    position: initial !important;
    right: 0 !important;
    cursor: pointer;
}

.make_suggestion:hover i {
    color: #f65200 !important;
}

.signature-section-with-attachment {
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.Menu_Name {
    width: 70%;
}

a.preview_view,
a.cancle_view {
    background-color: #fff !important;
    border-radius: 4px;
}

a.preview_view:hover,
a.cancle_view:hover {
    color: #000 !important;
}

.Corporate_Note_Icon {
    min-width: 60px;
}

#viewPdfModal {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.grid-stack.customeize {
    --grid-lines-color: rgb(243, 243, 243);
    content: "";
    background-color: rgb(234, 234, 234);
    background-image:
        linear-gradient(90deg, var(--grid-lines-color), transparent 10px),
        linear-gradient(90deg, transparent calc(100% - 10px), var(--grid-lines-color)),
        linear-gradient(var(--grid-lines-color), transparent 10px),
        linear-gradient(transparent calc(100% - 10px), var(--grid-lines-color) 100%);
    background-size: calc(100% / 12) calc(100% / 17);
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.pr-xs {
    padding-right: 5px !important;
}

.pr-none,
.px-none,
.form-group label.px-none {
    padding-right: 0 !important;
}

.pl-none,
.px-none {
    padding-left: 0 !important;
}

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

.apexcharts-canvas {
    width: 100% !important;
}

.note-dropdown-menu.dropdown-menu:not(.note-table) {
    min-width: 337px !important;
}

.bootstrap-5 .table-responsive table thead {
    background: #f8f8f8 !important;
}

.update_button_all button:disabled:hover {
    background-color: transparent !important;
}

.popup-tabs .panel-heading image {
    width: auto;
}

.popup-tabs .panel label {
    color: #fff;
    font-size: 75% !important;
}

.popup-tabs .panel-horizontal .panel-heading,
.popup-tabs .panel-horizontal .panel-body,
.popup-tabs .panel-horizontal .panel-footer {
    display: table-cell;
    vertical-align: middle;
}

.popup-tabs .panel-horizontal {
    display: table;
    width: 100%;
}

.popup-tabs .module_label {
    display: inline-table !important;
}

.popup-tabs .nav-tabs li a {
    border-left: 1px solid #e7e7e7 !important;
    border-right: 1px solid #e7e7e7 !important;
    background: #F4F4F4;
    border-bottom: none;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-top: 3px solid #DDD;
    color: #555;
}

.popup-tabs .nav-tabs li.active a {
    border-bottom: 1px solid #FFF;
    border-top-color: #555;
    border-top-width: 3px;
    background: #FFF;
    border-left-color: #EEE;
    border-right-color: #EEE;
    border-top: 3px solid #555;
    color: #555;
}

.popup-tabs .tab-content {
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 4%);
    background-color: #FFF;
    border: 1px solid #EEE;
    border-top: 0;
    padding: 15px;
}

.popup-tabs .modal-title {
    font-size: 13px;
    color: #777;
}

.file-share-with-client .fa.fa-user {
    font: normal normal normal 14px/1 FontAwesome;
}

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

.popup-tabs .nav-tabs.nav-justified li.active a,
.popup-tabs .nav-tabs.nav-justified li.active a:hover,
.popup-tabs .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #555;
    border-top-width: 3px;
    border-left: none;
    border-right: none;
}

.popup-tabs .nav-tabs.nav-justified li.active a {
    border-bottom: 1px solid #FFF;
}

.popup-tabs .nav-tabs.nav-justified {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    margin-bottom: -1px;
}

.nav-tabs.nav-justified {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:hover,
.nav-tabs.nav-justified li.active a:focus {
    border-top-color: #555;
    border-top-width: 3px;
    border-left: none;
    border-right: none;
    border-top: 3px solid #555;
    color: #555;
    background: #FFF;
    border-bottom: 1px solid #FFF;
}

.selected-group .tab-content {
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 4%);
    background-color: #FFF;
    border: 1px solid #EEE;
    border-top: 0;
    padding: 15px;
}

ul.widget-todo-list li {
    border-bottom: 1px dotted #ddd;
    padding: 15px 15px 15px 0;
    position: relative;
}

.enable_disabled_close_tab i.fa-regular.fa-times {
    cursor: pointer;
}

div#docViewer {
    overflow-y: hidden;
}

#docViewer .modal-body {
    overflow-y: hidden;
}

ul.widget-todo-list li:last-child {
    border-bottom: 0 none;
}

table td input.inline-column {
    border: 1px solid #ccc;
}

.jc-bs3-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    top: 2px;
    right: 4px;
}

.widget_loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 5rem !important;
    height: 5rem !important;
}

.widget_loader .spinner-border {
    width: 5rem !important;
    height: 5rem !important;
}

.widget_loader {
    display: none
}

.accessibility-message {
    float: left;
    margin-top: 15px;
    margin-left: 20%;
}

.accessibility-message {
    margin: 0px auto !important;
    float: none;
}

#modalMultiDirectories .selection-group .dd-list li.no-directory-data,
#modalMultiDirectories .selected-group .widget-todo-list li,
#modalEmailMultiDirectories .selection-group .dd-list li.no-directory-data,
#modalEmailMultiDirectories .selected-group .widget-todo-list li,
#modalCompanyItems .selection-group .dd-list li.no-directory-data,
#modalCompanyItems .selected-group .widget-todo-list li,
#projectSelectorModal .selection-group .dd-list li.no-directory-data,
#projectSelectorModal .selected-group .widget-todo-list li,
#projectSelectorModal #projectListing .project-list .no_data_li,
#modalEmailMultiDirectories .selection-group .dd-list li.no-directory-email-data,
#modalCompanyItems .selection-group .dd-list li.no-material-data,
#modalCompanyItems .selection-group .dd-list li.no-equipment-data,
#modalCompanyItems .selection-group .dd-list li.no-labour-data,
#modalCompanyItems .selection-group .dd-list li.no-sub-contractor-data,
#modalCompanyItems .selection-group .dd-list li.no-other-item-data {
    cursor: default;
}

#modalMultiDirectories .selection-group .dd-list li.no-directory-data .dd-handle:hover,
#modalEmailMultiDirectories .selection-group .dd-list li.no-directory-email-data .dd-handle:hover,
#modalCompanyItems .selection-group .dd-list li.no-material-data .dd-handle:hover,
#modalCompanyItems .selection-group .dd-list li.no-equipment-data .dd-handle:hover,
#modalCompanyItems .selection-group .dd-list li.no-labour-data .dd-handle:hover,
#modalCompanyItems .selection-group .dd-list li.no-sub-contractor-data .dd-handle:hover,
#modalCompanyItems .selection-group .dd-list li.no-other-item-data .dd-handle:hover {
    background: #f6f6f6;
}

.dhx_cal_larea textarea {
    padding: 0px 5px;
}

.Normal {
    color: #94CCEB;
}

.Medium {
    color: #028802;
}

.Urgent {
    color: #F08C00;
}

.Emergency {
    color: #FF2600;
}

#leadsBySourceChart .highcharts-label.highcharts-data-label text,
#leadsBySourceChart .highcharts-label.highcharts-data-label tspan,
#leadsByStageChart .highcharts-label.highcharts-data-label text,
#leadsByStageChart .highcharts-label.highcharts-data-label tspan {
    font-weight: normal !important;
}

#tb_manage_submittals tr td:first-child,
#tb_manage_submittals tr td:first-child span,
#tb_manage_equipLogs tr td:first-child,
#tb_manage_equipLogs tr td:first-child span,
#tb_manage_purchase_orders tr td:first-child,
#tb_manage_purchase_orders tr td:first-child span,
#tb_manage_estimates tr td:first-child,
#tb_manage_estimates tr td:first-child span,
#tb_manage_work_orders tr td:first-child,
#tb_manage_work_orders tr td:first-child span,
#tb_manage_dailyLogs tr td:first-child,
#tb_manage_dailyLogs tr td:first-child span,
#tb_manage_todo_tasks tr td:first-child,
#tb_manage_todo_tasks tr td:first-child span,
#tb_manage_inspections tr td:first-child,
#tb_manage_inspections tr td:first-child span,
#tb_manage_punchlists tr td:first-child,
#tb_manage_punchlists tr td:first-child span,
#tb_manage_change_orders tr td:first-child,
#tb_manage_change_orders tr td:first-child span,
#tb_manage_correspondence tr td:first-child,
#tb_manage_correspondence tr td:first-child span,
#tb_manage_sub_contracts tr td:first-child,
#tb_manage_sub_contracts tr td:first-child span,
#tb_manage_vehicle_logs tr td:first-child,
#tb_manage_vehicle_logs tr td:first-child span {
    width: 190px !important;
}

#tb_manage_submittals tr td:nth-child(2),
#tb_manage_submittals tr td:nth-child(2) span,
#tb_manage_equipLogs tr td:nth-child(2),
#tb_manage_equipLogs tr td:nth-child(2) span,
#tb_manage_purchase_orders tr td:nth-child(2),
#tb_manage_purchase_orders tr td:nth-child(2) span,
#tb_manage_estimates tr td:nth-child(2),
#tb_manage_estimates tr td:nth-child(2) span,
#tb_manage_work_orders tr td:nth-child(2),
#tb_manage_work_orders tr td:nth-child(2) span,
#tb_manage_dailyLogs tr td:nth-child(2),
#tb_manage_dailyLogs tr td:nth-child(2) span,
#tb_manage_service_tickets tr td:nth-child(2),
#tb_manage_service_tickets tr td:nth-child(2) span,
#tb_manage_todo_tasks tr td:nth-child(2),
#tb_manage_todo_tasks tr td:nth-child(2) span,
#tb_manage_inspections tr td:nth-child(2),
#tb_manage_inspections tr td:nth-child(2) span,
#tb_manage_punchlists tr td:nth-child(2),
#tb_manage_punchlists tr td:nth-child(2) span,
#tb_manage_change_orders tr td:nth-child(2),
#tb_manage_change_orders tr td:nth-child(2) span,
#tb_manage_correspondence tr td:nth-child(2),
#tb_manage_correspondence tr td:nth-child(2) span,
#tb_manage_sub_contracts tr td:nth-child(2),
#tb_manage_sub_contracts tr td:nth-child(2) span,
#tb_manage_vehicle_logs tr td:nth-child(2),
#tb_manage_vehicle_logs tr td:nth-child(2) span {
    width: 127px !important;
    text-align: right;
}

#tb_manage_timecards .employee-name,
#tb_manage_timecards .project-name {
    width: 200px !important;
}

#tb_manage_timecards .timecard-date {
    width: 125px;
}

#tb_manage_timecards .time-worked {
    width: 76px;
}

.submittal-id,
.submittal-status {
    text-align: right !important;
}

.inner-menu-content .tab-content {
    border: none;
    padding: 2px 0;
    box-shadow: none;
}

#btnCardView.fa-trello {
    margin-left: 5px;
}

.d-inline-block {
    display: inline-block !important;
}

.d-flex {
    display: flex;

}

.align-items-center {
    align-items: center;
}

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

.nano-content .table tbody span.no-data {
    margin-left: inherit;
}

.jconfirm-row .jconfirm-box-container {
    margin: 0 auto;
}

#projectSelectorModal.prjSelectorModalImpUploadFile,
#modalMultiDirectories.dirSelectorModalImpUploadFile {
    z-index: 999999999 !important;
}

#projectSelectorModal.prjSelectorModalImpOther {
    z-index: 1055 !important;
}

#modalMultiDirectories.dirSelectorModalImpOther {
    z-index: 1055 !important;
}

#modalCompanyItems.modal,
#filter_popup.modal {
    z-index: 1050 !important;
}

.table-responsive {
    overflow: auto;
}

.form-control:focus {
    border: 1px solid var(--theme-color) !important;
}

.form-control {
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.input-group .input-group-addon {
    background-color: #FFFFFF !important;
    border-color: #ccc !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
    min-width: 38px;
}

.input-group:focus-within .input-group-addon,
.input-group:focus-within .form-control
 {
    border-color: var(--theme-color) !important;
}
.input-group.input-iconright:focus-within .form-control~.input-group-addon.input-addon2{
        border-right-color: var(--theme-color) !important;
}
.input-group .input-group-addon[disabled] {
    background-color: #eee !important;
}

.toggle-group label:first-child {
    padding-left: 0px;
    padding-right: 15px;
}

.gantt_layout_cell::-webkit-scrollbar-thumb:horizontal {
    border-radius: 10px;
}

.aws-file-label {
    text-align: center;
}

.res_files .file-image-link {
    height: 78px;
    display: flex;
}

.res_files .file-image-link img {
    margin: auto !important;
}

.file-image-link img {
    margin: 0px auto !important;
}

.has-error #tb_request_title-error,
.has-error #tb_request_date-error {
    color: #B94A48;
}

.has-error #tb_request_type-error {
    display: none !important;
}

#frmAddActivity .select2-error {
    color: #B94A48 !important;
    margin-bottom: 0;
}

#frm_safety_meeting_report .multiselect-native-select,
#frm_safety_meeting_report .btn-group,
#frm_safety_meeting_report button {
    width: 100%;
}

#frm_safety_meeting_report .multiselect-container {
    width: 100%;
    max-width: 100%;
}

#frmCrewResume .input-group-addon {
    width: 38px !important;
    text-align: center !important;
    line-height: 20px !important;
}

#div_login_form .btn-primary {
    font-size: 14px;
}

.page_loading_block {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page_loading_block .page_loadng_div {
    position: relative;
    font-size: 35px;
}

.page_loading_block .page_loadng_div span {
    display: block;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: 0;
    margin: 0 auto;
    text-shadow: 0 0 80px rgb(255 255 255 / 50%);
    background: url(../../images/loader-new.png) repeat-x;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 8s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    font-weight: 500;
    position: relative;
    font-weight: 600;
}

@-webkit-keyframes aitf {
    0% {
        background-position: -7% 0%;
    }

    100% {
        background-position: -112% 0%;
    }
}

.has-error .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}


#modalEmailMultiDirectories .panel label {
    font-size: 13px !important;
    color: #333333 !important;
    word-break: break-word;
    line-height: 20px;
}

#modalEmailMultiDirectories .panel .widget-todo-list label.todo-label {
    margin-bottom: 0;
    padding-left: 10px;
}

.select_hover_div.select-file {
    margin-bottom: 15px;
}

.select_hover_div.select-file .section-div {
    border: 1px solid #ddd;
    padding: 10px;
    min-height: 193px;
    min-height: 171px;
    border-radius: 6px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.select_hover_div.select-file .section-div:hover {
    border: 1px solid var(--theme-color);
}

.select_hover_div.select-file .section-div input.chk_box {
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0;
}

.inner-menu-header {
    padding: 0px 11px;
    padding: 0px 8px;
    display: block;
}

.inner-menu-header .form-group {
    margin-bottom: 10px;
}

.inner-menu-header:before,
.inner-menu-header:after {
    content: "";
    display: block;
    clear: both;
}

.panel-heading {
    padding: 10px 15px;
    background: #FFFFFF;
}

.panel-footer {
    margin-top: 0;
    border-radius: 0;
    background-color: #f9f9f9;
}

html .inner-body .panel .panel-body.panel-main-body {
    min-height: calc(100vh - 122px - 80px);
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

.multiselect-container>li>a>label {
    padding: 3px 20px 3px 30px !important;
}

input[type=checkbox] {
    background-color: #FFFFFF;
    background-size: 70% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    appearance: none;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    border: 1px solid var(--theme-color) !important;
    border-radius: 2px !important;
    outline: none !important;
    margin-right: 5px !important;
}

input[type=checkbox]:checked {
    background-color: var(--theme-color) !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
    border-color: var(--theme-color) !important;
}

#service1 {
    margin: 3px 5px 0 0 !important;
}

input[type=radio] {
    background-color: #FFFFFF;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    appearance: none;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    box-shadow: 0px 0 0px 2px inset #FFFFFF !important;
    border: 1px solid var(--theme-color);
    border-radius: 50%;
    outline: none !important;
    margin-right: 5px !important;
}

input[type=radio]:checked {
    background: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

.mailbox .mailbox-folder {
    padding-bottom: 0;
}

#employeeEmailDirectory .directory-list .dd-list .dd-item .dd-handle {
    display: flex;
    align-items: center;
}

#modalEmailMultiDirectories #employeeEmailDirectory .directory-list .dd-list .dd-handle i {
    margin-left: auto;
}

.directory-list .dd-list .dd-item .dd-handle i {
    line-height: 20px;
}

#employeeEmailDirectory .dd-item.no-directory-email-data .dd-handle {
    justify-content: center !important;
}

#customerEmailDirectory .dd-item.no-directory-email-data .dd-handle {
    text-align: center;
}

#leadEmailDirectory .dd-item.no-directory-email-data .dd-handle {
    text-align: center;
}

#contractorEmailDirectory .dd-item.no-directory-email-data .dd-handle {
    text-align: center;
}

#vendorEmailDirectory .dd-item.no-directory-email-data .dd-handle {
    text-align: center;
}

#miscContactEmailDirectory .dd-item.no-directory-email-data .dd-handle {
    text-align: center;
}

#serviceEmailDirectory .dd-item.no-directory-email-data .dd-handle,
#projectContactEmailDirectory .dd-item.no-directory-email-data .dd-handle {
    text-align: center;
}

#menu_item_list .table-module-list .no-data {
    padding-top: 15px;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.bootstrap-5 table.table> :not(caption)>*>* {
    box-shadow: none;
}

.bootstrap-5 .form-control {
    font-size: 14px;
    border-radius: 4px;
}

.modal .modal-header .close {
    order: 10;
}

.modal .close.btn-close {
    width: 14px;
    height: 14px;
    padding: 5px;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 2px;
    opacity: 0.5;
    order: 10;
}

.modal .close.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.modal .close.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: 1;
}

.modal .close.btn-close.disabled,
.modal .close.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.25;
}

.modal .close.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.modal .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
}

.input-prepend {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-append {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.input-iconleft .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.input-group.input-iconright .form-control {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group.input-iconleft .input-group-addon {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group.input-iconright .form-control~.input-group-addon {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.input-group.input-iconleft.input-iconright .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group.input-iconleft .input-group-addon.input-addon2 {
    border-radius: 0 !important;
    border-right-color: transparent !important;
    border-left-color: #ccc !important;
}

.input-group.input-iconright .form-control~.input-group-addon.input-addon2 {
    border-radius: 0 !important;
    border-right-color: #cccccc !important;
    border-left-color: transparent !important;
}

.modal {
    background-color: rgb(0 0 0 / 50%);
    margin: 0 !important;
}

.multiselect-block .multiselect-native-select,
.multiselect-block .multiselect-native-select .btn-group,
.multiselect-block .multiselect-native-select .multiselect-container {
    width: 100%;
}

.multiselect-block .multiselect-native-select .btn-group button.multiselect {
    width: 100%;
    display: flex;
    border: 1px solid #ced4da;
}

.multiselect-block .multiselect-native-select .btn-group button.multiselect.disabled {
    opacity: 1;
    background-color: #eee !important;
}

.multiselect-block .multiselect-native-select .btn-group button.multiselect .multiselect-selected-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.multiselect-block .multiselect-native-select .btn-group button.multiselect>.caret {
    margin: auto 0 auto 5px;
}

.multiselect-wrap .multiselect-native-select .multiselect-container.dropdown-menu>li>a {
    white-space: normal;
}

.drop-fileupload {
    cursor: pointer;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    height: 100px;
    width: 100%;
    border: 2px dashed var(--theme-color);
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    color: var(--theme-color);
}

.sidebar-scroll {
    height: calc(100vh - 112px - 50px) !important;
}

.sidebar-scroll .sidebar-scroll-list {
    height: calc(100vh - 112px - 50px) !important;
}

.tabs .nav-tabs~.tab-content .sidebar-scroll {
    height: calc(100vh - 112px - 50px - 45px) !important;
}

.tabs .nav-tabs~.tab-content .sidebar-scroll .sidebar-scroll-list {
    height: calc(100vh - 112px - 50px - 45px) !important;
}

#modalEmailMultiDirectories .modal-dialog .selection-body .attachment-file-btn label {
    font-size: 13px !important;
}

#content-menu .inner-menu-content {
    height: 100% !important;
}

#pills-home thead th .Plan_Type .btn-outline-orange:hover {
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
}

#pills-home tfoot .Plan_Type .btn-outline-orange:hover {
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
}

#employeeDirectory .dd-item.no-directory-data .dd-handle span {
    margin: auto !important;
}

#menu_item_list {
    max-height: calc(100vh - 170px) !important;
}

#modalCompanyItems .item-list .widget-todo-list .checkbox-custom {
    display: flex;
    align-items: center;
}

.h-100 {
    height: 100%;
}

.shadow-none {
    box-shadow: none;
}

#UploadFileModal .close_file_popup.btn-close {
    top: 21px;
    display: block !important;
    position: absolute;
    right: 20px;
}

#sortable .ui-state-default .input-group-addon input {
    margin: 0px !important;
}

#sortable .ui-state-default .input-group-addon+.input-group-addon {
    border-right-color: transparent !important;
}

#sortable .ui-state-default .input-group {
    position: relative;
    z-index: 0;
}

#sortable .ui-state-default .input-group:focus-within {
    z-index: 1;
}

.modal .modal-dialog .note-editor {
    border-radius: 4px !important;
}

.checklist-item .checklist-item-label {
    padding-left: 5px;
}

#frmWorkOrderItem .modal-header .close:hover {
    color: var(--theme-color) !important;
}

#btnAddMyEmployeeRow,
#btnAddEmployeeRow {
    box-shadow: none;
}

.jconfirm .jconfirm-box-container .jconfirm-content>div {
    text-align: center;
    width: 100%;
}

.folder_files .list_view_action a.file-user {
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
}

.folder_files .list_view_action a.file-edit {
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
}

.folder_files .list_view_action a.file-download {
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
}

#DocumentWriterDocDiv .DocDetails .list-name-truncate .fa-file-image {
    color: #8380F6;
}

#DocumentWriterDocDiv .DocDetails .list-name-truncate .fa-file-pdf-o {
    color: #FC3830;
}

.file_type_pdf {
    color: #FC3830;
}

.fa-file-image:not(.far.fa-regular) {
    color: #8380F6;
}

#modalEmailMultiDirectories .modal-dialog .panel-body .signature-section {
    overflow: auto;
    /* project > notes > action > view/ email pdf > select template > view pdf >
                         email selection   wizard : email box allignment should be outside the email selection wizard box ---------add scroll--*/
}

.res_files .section-div .image-thumb.panel-horizontal .panel-body,
.res_files .section-div .image-thumb.panel-horizontal .panel-body .image-div-tag-section .label,
.res_files .section-div .image-thumb.panel-horizontal .panel-body .selection_file_name_folder .email-label {
    cursor: pointer;
    /* Project > File & photos > select folder > edit > Should be set hover----- */
}

.section-div .user-icon {
    line-height: 25px;
}

#estScope #sortable .ui-state-default .input-group {
    z-index: 1;
    position: relative;
}

#estScope #sortable .ui-state-default .input-group:focus-within {
    z-index: 2;
}

#estScope #sortable .ui-state-default .input-group:focus-within .form-control {
    border: 1px solid var(--theme-color) !important;
    /* !important in theme-custom line-number 5989 */
}

#estPhotoSection #awsFilesDic .file-share-with-client {
    padding-top: 5px !important;
    /* !important in theme-custom line-number 3515
                                            #awsFilesDic .files_exist button.file-share-with-clien */
}

#todoDetail #awsFilesDic .file-share-with-client {
    padding-top: 5px !important;
    /* !important in theme-custom line-number 3515
                                        #awsFilesDic .files_exist button.file-share-with-clien */
}

#logFiles #awsFilesDic .file-share-with-client {
    padding-top: 5px !important;
    /* !important in theme-custom line-number 3515
                                        #awsFilesDic .files_exist button.file-share-with-clien */
}

#invoiceFiles #awsFilesDic .file-share-with-client {
    padding-top: 5px !important;
    /* !important in theme-custom line-number 3515
                                        #awsFilesDic .files_exist button.file-share-with-clien */
}

#equipmentLogsDetail .form-control:focus {
    border-color: #000000 !important;
    /* Equipment log > Detail edit  >last oil charge >
                                         feild border color set black manage_equipment_logs.php in !important line-1067
                                          */
}

#custom-field-wrap-html .checkbox-group input[type=checkbox] {
    margin: 3px 0 0 !important;
}

.fb-checkbox-group .checkbox-group .checkbox-inline,
.fb-radio-group .radio-group .radio-inline {
    position: static;
}

.fb-checkbox-group .checkbox-group .checkbox-inline label:not(.error),
.fb-radio-group .radio-group .radio-inline label:not(.error) {
    color: #777;
}

.space-remove-right {
    padding-right: 0px;
}

#projectFiles .mg-files.res_files .list-name-truncate span.image-thumb,
.mg-files.res_files .name_cell span.image-thumb {
    display: inline-block;
    width: calc(400px - 67px);
    line-height: 16px;
}

#projectFiles .mg-files.res_files .list-name-truncate span.image-thumb,
#projectFiles .mg-files.res_files .file-image-link {
    height: auto !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

#projectFiles .list-name-truncate {
    display: flex;
}

#frmAddNewDirectory .add-new-contact-popup>div.directory {
    overflow: hidden;
}

#btn_add_chat_group {
    position: fixed !important;
    /* cffooter in position !important*/
}

#frm_add_permit .select2-search {
    z-index: 1 !important;
}

html[style*="overflow: hidden;"] {
    overflow: hidden !important;
}

#dt_permissions_wrapper .table-responsive table {
    border-collapse: collapse;
}

#frm_all_estimate_list .list_status_filter .multiselect-container,
#frm_all_po_list .multiselect-container.dropdown-menu,
.changeOrder-filter-options .multiselect-native-select .btn-group,
.changeOrder-filter-options .multiselect-native-select .multiselect.dropdown-toggle,
.changeOrder-filter-options .multiselect-native-select .multiselect-container.dropdown-menu,
.meetingForm.safety-meeting-filter-options .multiselect-native-select .btn-group,
.meetingForm.safety-meeting-filter-options .multiselect-native-select .btn-group .btn-default,
.multiselect_full_custom .multiselect-native-select,
.multiselect_full_custom .multiselect-native-select .btn-group,
.multiselect_full_custom .multiselect-native-select .btn-group .multiselect.dropdown-toggle,
.multiselect-full .multiselect-native-select,
.multiselect-full .multiselect-native-select .btn-group,
.multiselect-full .multiselect-native-select .btn-group .multiselect.dropdown-toggle,
#subContractSummaryDiv,
#equipmentLogDiv .modal-body {
    width: 100%;
}

.meetingForm.safety-meeting-filter-options .multiselect-container.dropdown-menu {
    width: 100% !important;
}

.changeOrder-filter-options .multiselect-native-select .multiselect-container.dropdown-menu {
    max-height: calc(100vh - 370px) !important;
}

.changeOrder-filter-options .multiselect-native-select,
.multiselect.dropdown-toggle,
.bootstrap-5 .btn.multiselect.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#filter_popup .multiselect-native-select .btn-group,
#filter_popup .multiselect-native-select .multiselect.dropdown-toggle,
#filter_popup .multiselect-native-select .multiselect-container.dropdown-menu,
#subContractSummaryDiv .multiselect-native-select .btn-group,
#subContractSummaryDiv .multiselect-native-select .multiselect.dropdown-toggle,
#subContractSummaryDiv .multiselect-native-select .multiselect-container.dropdown-menu,
#frm_add_project_note .multiselect-native-select .multiselect-container.dropdown-menu,
.multiselect_full_custom .multiselect-native-select .multiselect-container.dropdown-menu {
    width: 100% !important;
}

.multiselect_full_custom.select2_position_unset .multiselect-native-select .multiselect-container.dropdown-menu {
    position: unset;
}

#jobCostDiv .multiselect_full_custom.select_max_80 .multiselect-native-select .multiselect-container.dropdown-menu {
    max-height: 80px !important;
    overflow-y: auto;
}

#directoryActivitiesDiv .multiselect_full_custom .multiselect-native-select .multiselect-container.dropdown-menu,
#equipmentRenewalDiv .multiselect_full_custom .multiselect-native-select .multiselect-container.dropdown-menu,
#vehicleRenewalDiv .multiselect_full_custom .multiselect-native-select .multiselect-container.dropdown-menu,
#timecardDiv .multiselect_full_custom.select_max_109 .multiselect-native-select .multiselect-container.dropdown-menu {
    max-height: 109px !important;
    overflow-y: auto;
}

#equipmentLogDiv .multiselect_full_custom .multiselect-native-select .multiselect-container.dropdown-menu,
#expenseDiv .multiselect_full_custom .multiselect-native-select .multiselect-container.dropdown-menu {
    max-height: 136px !important;
    overflow-y: auto;
}

#paymentDiv .multiselect_full_custom .multiselect-native-select .multiselect-container.dropdown-menu {
    max-height: 158px !important;
    overflow-y: auto;
}

#paymentDiv .multiselect_full_custom .multiselect-native-select .multiselect-container.dropdown-menu label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#subContractSummaryDiv .multiselect-native-select .multiselect-container.dropdown-menu {
    margin-top: 0 !important;
    max-height: 110px !important;
}

#DocPreviewForm .save_icon {
    font-size: 20px !important;
}

#rfiDetail .Attachments_label {
    padding-top: 5px;
}

.btn.multiselect.dropdown-toggle .multiselect-selected-text {
    padding-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-align: left;
}

.btn.multiselect.dropdown-toggle .caret {
    margin-left: 5px;
}

.custom_date_range {
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #333;
}

.custom_date_range span {
    padding-right: 5px;
    padding-left: 5px;
}

.custom_date_range .caret {
    margin-left: auto;
}

#modalMultiDirectories .selection-group .selected div .tooltip-inner,
#modalEmailMultiDirectories .selection-group .selected div .tooltip-inner,
#modalCompanyItems .selection-group .selected div .tooltip-inner,
#projectSelectorModal .selection-group .selected div .tooltip-inner,
.tooltip-inner {
    color: #fff !important;
    background-color: #000 !important;
}

.bootstrap-5 .tooltip.fade {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
    pointer-events: none;
}

.bootstrap-5 .tooltip.fade .tooltip-inner {
    padding: 3px 8px;
    border-radius: 4px;
}

.justify-content-between {
    justify-content: space-between !important;
}

#docViewer .modal-content .modal-header {
    padding: 15px !important;
}

#docViewer .modal-content .modal-header::before,
#docViewer .modal-content .modal-header:after {
    content: none;
}

#docViewer .modal-content .modal-header .btn-icon-close {
    position: inherit;
    display: block !important;
    margin: 0;
    order: inherit;
}

#docViewer .modal-content .modal-header #zoho_file_fullscreen {
    margin-top: 0;
    margin-right: 15px;
    font-size: 14px;
}

#docViewer .modal-content .modal-header #zoho_file_edit {
    position: initial;
    margin-right: 15px;
}

#docViewer .modal-content .modal-header #pdf_file_edit {
    position: initial;
    margin-right: 15px;
}

.Chart_Table_Tab #table.tab-pane .table tbody tr td.current_projects_width:first-child,
.Chart_Table_Tab #projecttable.tab-pane .table tbody tr td.current_projects_width:first-child {
    min-width: 185px;
}

.inner-wrapper .select2-container.select2-container--open {
    z-index: 99;
}

div#Doc_Details.ThinCustomScroll {
    overflow: auto;
    line-height: 1.4;
}

.input-group.input-group-error {
    display: flex;
    flex-wrap: wrap;
}

.input-group.input-group-error .input-group-addon {
    width: auto;
    min-width: 34px;
    align-items: center;
    display: inline-flex;
    padding: 6px 10px;
    text-align: center;
    justify-content: center;
}

.input-group.input-group-error .form-control {
    flex: 1 0 0%;
}

.input-group.input-group-error label.error {
    flex: 0 0 auto;
    width: 100%;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    order: 10;
}

.daterangepicker.dropdown-menu {
    z-index: 3005 !important;
}

.modal-open-overflow-hidden:not(.datepicker-static-html) .daterangepicker,
.modal-open-overflow-hidden:not(.datepicker-static-html) .datepicker.datepicker-dropdown,
.mfp-open-overflow-hidden:not(.datepicker-static-html) .daterangepicker,
.mfp-open-overflow-hidden:not(.datepicker-static-html) .datepicker.datepicker-dropdown {
    position: fixed !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important;
    z-index: 3005 !important;
}

.modal-open-overflow-hidden:not(.datepicker-static-html) .daterangepicker[style*="display: block;"],
.mfp-open-overflow-hidden:not(.datepicker-static-html) .daterangepicker[style*="display: block;"] {
    display: inline-flex !important;
}

.modal-open-overflow-hidden:not(.datepicker-static-html) .datepicker.datepicker-dropdown,
.mfp-open-overflow-hidden:not(.datepicker-static-html) .datepicker.datepicker-dropdown {
    z-index: 10011 !important;
}

.modal-open-overflow-hidden:not(.datepicker-static-html) .daterangepicker::before,
.modal-open-overflow-hidden:not(.datepicker-static-html) .datepicker.datepicker-dropdown:before,
.mfp-open-overflow-hidden:not(.datepicker-static-html) .daterangepicker::before,
.mfp-open-overflow-hidden:not(.datepicker-static-html) .datepicker.datepicker-dropdown:before {
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    border: none !important;
    z-index: -1 !important;
    box-shadow: 0 0 0 9999px #00000050 !important;
    display: none;
}

.modal-open-overflow-hidden:not(.datepicker-static-html) .daterangepicker:after,
.modal-open-overflow-hidden:not(.datepicker-static-html) .datepicker.datepicker-dropdown:after,
.mfp-open-overflow-hidden:not(.datepicker-static-html) .daterangepicker:after,
.mfp-open-overflow-hidden:not(.datepicker-static-html) .datepicker.datepicker-dropdown:after {
    position: fixed;
    top: -100vh !important;
    right: 0 !important;
    bottom: -100vh !important;
    left: 0 !important;
    border: none !important;
    z-index: -1 !important;
    display: none;
}

.modal-open-overflow-hidden:not(.datepicker-static-html).daterangepicker-open .daterangepicker-open-backdrop,
.modal-open-overflow-hidden:not(.datepicker-static-html).datepicker-open .daterangepicker-open-backdrop,
.mfp-open-overflow-hidden.daterangepicker-open .daterangepicker-open-backdrop,
.mfp-open-overflow-hidden.datepicker-open .daterangepicker-open-backdrop {
    display: block !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
    background-color: #00000050;
}

.modal-open-overflow-hidden:not(.datepicker-static-html).datepicker-open .daterangepicker-open-backdrop,
.mfp-open-overflow-hidden:not(.datepicker-static-html).datepicker-open .daterangepicker-open-backdrop {
    z-index: 10000 !important;
}

#modalEmailMultiDirectories .signature-section {
    display: flex;
    flex-direction: column;
}

#modalEmailMultiDirectories .showSelectedFiles {
    /* height: 100%; */
    max-height: inherit;
}

.jsgrid-button~.jsgrid-button {
    margin-left: 5px;
}

.bootstrap-5 .current_projects_width .todo_tasks_date-flag {
    justify-content: flex-end !important;
}

.action-title-filed {
    min-width: 90px;
    max-width: 90px;
    width: 90px;
}

.directory_one_line {
    white-space: nowrap;
}

.modal-open-overflow-hidden .daterangepicker .datepicker-days td.disabled,
.modal-open-overflow-hidden .datepicker.datepicker-dropdown .datepicker-days td.disabled {
    background: transparent !important;
    color: #777 !important;
    cursor: default;
    opacity: 0.75;
}

.width-100 {
    width: 100%;
}

.btnUserCredentials.btn-link[disabled] {
    color: #777;
    cursor: not-allowed !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 4px 4px 0 4px;
    border-color: #000000 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #000000 transparent;
}

.pl-sm {
    padding-left: 10px !important;
}

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

.authentication_block h1 {
    color: #ff5400;
    font-size: 34px !important;
    font-weight: 500 !important;
}

.Redirect_Loader {
    height: 85vh !important;
}

#dvCSV #dvCSVtable {
    min-height: 100px;
}

.modal-content #dvCSV #dvCSVtable {
    max-height: calc(100vh - 460px);
}

#frmImportFileItems .modal-content #dvCSV #dvCSVtable {
    max-height: calc(100vh - 540px);
}

.dv-directory-csv #dvCSVtable {
    max-height: calc(100vh - 360px);
}

.dv-cid-csv #dvCSVtable {
    max-height: calc(100vh - 470px);
}

.dv-costcodes-csv #dvCSVtable {
    max-height: calc(100vh - 250px);
}

#dvCSV #dvCSVtable .dvheadCSV {
    font-weight: bold;
    background-color: #ececec !important;
    position: sticky;
    top: 0;
    z-index: 1;
}

#dvCSV #dvCSVtable td select {
    appearance: none;
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='16' viewBox='0 0 32 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00312 7.99688L16 16L23.9969 7.99688L32 -5.96978e-07H16H0L8.00312 7.99688Z' fill='black'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 5px center !important;
    background-size: 8px 8px !important;
    padding: 4px 16px 4px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-btn-control {
    display: flex;
}

.form-btn-control .form-control {
    word-break: break-word;
    height: auto;
}

.form-btn-control .input-group-addon {
    margin: 0 !important;
    min-width: 38px;
    background-color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.tbl-text-ellipsis {
    position: relative;
    display: block;
    width: 100%;
    height: 18px;
}

.tbl-text-ellipsis text {
    position: absolute;
    height: 18px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.confirmation-buttons .btn-group .btn {
    display: inline-flex;
    align-items: center;
    grid-gap: 4px;
}

.confirmation-buttons .btn-group .btn .glyphicon-ok,
.confirmation-buttons .btn-group .btn .glyphicon-remove {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 110%;
    top: 0;
}

.confirmation-buttons .btn-group .btn .glyphicon-ok:before {
    content: "\f00c";
}

.confirmation-buttons .btn-group .btn .glyphicon-remove:before {
    content: "\f00d";
}

.inner-wrapper>.dropdown-menu.datepicker {
    z-index: 1000 !important;
}

.bg-none {
    background: none !important;
}

.lg-backdrop {
    display: none !important;
}

.lg-outer {
    background-color: rgb(0 0 0 / 80%);
}

.main-saved-notes #awsNotesFiles {
    margin-top: 20px !important;
}

input.form-control[type="color"] {
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 4px;
    border: 1px solid #ccc;
    overflow: hidden;
}

input.form-control[type="color" i] {
    appearance: auto;
    width: 34px;
    height: 34px;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    color: buttontext;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
}

div input[type="color"],
div input[type="color" i] {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
}

input.form-control[type="color"]::-webkit-color-swatch-wrapper,
div input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

input.form-control[type="color"]::-webkit-color-swatch,
div input[type="color"]::-webkit-color-swatch {
    border: none;
}

.settings-searchable-container input.form-control.status-color[type="color" i] {
    width: 34px !important;
    min-width: 34px;
}

.select2-open-html .select2-container.select2-container--open .select2-selection--single {
    pointer-events: auto;
}

.popover.preview-popover {
    z-index: 9999 !important;
}

.mfp-bg {
    opacity: 0.5;
}

#custom-field-wrap-html div.fb-select.form-group .fb-select-label .tooltip-element[tooltip]:hover:before,
.form-wrap.form-builder ul [tooltip]:hover:before,
.form-wrap.form-builder .frmb .sortable-options>li .remove[title]:hover:before,
.form-wrap.form-builder .frmb .sortable-options>li .remove[tooltip]:hover:before,
#custom-field-wrap-html .tooltip-element[tooltip]:hover:before {
    border: solid;
    border-color: rgba(0, 0, 0, .9) transparent;
    border-width: 0 6px 6px;
    top: 17px;
    bottom: auto;
    content: "";
    left: 2px;
    position: absolute;
    z-index: 99;
    cursor: default;
}

#custom-field-wrap-html div.fb-select.form-group .fb-select-label .tooltip-element[tooltip]:hover:after,
.form-wrap.form-builder ul [tooltip]:hover:after,
.form-wrap.form-builder .frmb .sortable-options>li .remove[title]:hover:after,
.form-wrap.form-builder .frmb .sortable-options>li .remove[tooltip]:hover:after,
#custom-field-wrap-html .tooltip-element[tooltip]:hover:after {
    background: rgba(0, 0, 0, .9);
    border-radius: 4px;
    top: 23px;
    bottom: auto;
    color: #fff;
    content: attr(tooltip);
    padding: 3px 8px;
    position: absolute;
    z-index: 98;
    left: -5px;
    max-width: 230px;
    max-width: inherit;
    width: auto;
    text-shadow: none;
    cursor: default;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
}

.form-wrap.form-builder .frmb .sortable-options>li .remove[title]:hover:after {
    content: attr(title);
    left: auto;
    right: -5px;
}

.form-wrap.form-builder .frmb .sortable-options>li .remove[tooltip]:hover:after {
    content: attr(tooltip);
    left: auto;
    right: -5px;
}

#custom-field-wrap-html div.fb-select.form-group .fb-select-label .tooltip-element[tooltip]:hover:before,
#custom-field-wrap-html .tooltip-element[tooltip]:hover:before {
    top: auto;
    bottom: 17px;
    border-width: 6px 6px 0;
}

#custom-field-wrap-html div.fb-select.form-group .fb-select-label .tooltip-element[tooltip]:hover:after,
#custom-field-wrap-html .tooltip-element[tooltip]:hover:after {
    top: auto;
    bottom: 23px;
    left: 50%;
    transform: translateX(-50%);
    left: 10%;
    transform: translateX(-10%);
}

#notification_dialog .dropdown-toggle.cf-custom:after {
    content: "" !important;
    display: block !important;
    margin: 0;
}

.form-wrap.form-builder .frmb li .select2-container {
    pointer-events: none;
    z-index: 1;
}

.form-wrap.form-builder .frmb li .select2-selection__rendered li {
    padding: 0;
    border-radius: 0;
    margin: 0;
}

.form-wrap.form-builder .frmb li .select2-selection__rendered li.select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0 5px;
}

#lbl_add_title {
    color: var(--theme-color);
    cursor: pointer;
    padding: 0 !important;
}

#lbl_add_title:hover,
#lbl_add_title:focus {
    text-decoration: underline;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

#modalviewpaymentinvoice h2.panel-title {
    text-transform: initial;
}

.dataTables_wrapper .dataTables_processing {
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: none;
    height: 80px;
}

.fw-inherit {
    font-weight: inherit !important;
}

.form-horizontal.form-horizontal-margin .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-horizontal.form-horizontal-margin .form-group.row {
    margin-left: -15px;
    margin-right: -15px;
}

.bootstrap-5 .form-horizontal.form-horizontal-margin .form-group.row {
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.has-error .input-group-addon {
    color: #555;
}

.document-action-div .file-count {
    cursor: default;
}

.document-action-div .file-count i {
    cursor: default;
}

.arrow-approval-control .approval-next-btn .btn,
.arrow-approval-control .approval-done-btn .btn {
    width: 32px;
    height: 32px;
    border-radius: 50px;
    box-shadow: 0 0 5px 2px #eee;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    padding: 0;
}

.arrow-approval-control .approval-done-btn .btn {
    font-size: 17px;
}

.toggle.btn,
.bootstrap-5 .toggle.btn {
    min-width: 70px;
    padding: 3px 7px;
    animation: togglebtn 2s 3;
}

@keyframes togglebtn {
    from {
        padding: 3px 7px;
    }

    to {
        padding: 3px 8px;
    }
}

.btn.toggle-off,
.bootstrap-5 .btn.toggle-off {
    padding: 5px 5px 5px 14px !important;
    border: none;
}

.btn.toggle-on,
.bootstrap-5 .btn.toggle-on {
    padding: 5px 14px 5px 5px !important;
    border: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single span.select2-selection__arrow,
.select2-container--default.select2-container--disabled .select2-selection--multiple ul.select2-selection__rendered:after {
    opacity: 0;
}

select.form-control:disabled {
    background-image: none !important;
}

#customFields .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.contractor-table th.text-left,
.contractor-table td.text-left {
    text-align: left;
}

body .dropdown-menu.datepicker.datepicker-orient-bottom div:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    height: 40px;
    pointer-events: none;
}

.note-editing-area ul {
    padding-left: 27px;
    list-style-type: disc;
}

.note-editing-area ul li {
    list-style: disc !important;
}

.bootstrap-5 .note-toolbar .note-btn-group .btn {
    padding: 6px 6px;
    font-size: 13px;
    line-height: 1.2;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline:first-child {
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline:first-child .select2-search__field {
    width: 100% !important;
}

.ui-pnotify {
    z-index: 9999999999 !important;
}

.btn-default.active {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

#tb_not_section_description {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 35px;
}

.input-group.input-group-select2.input-iconleft .select2-container--default .select2-selection--single {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.input-group.input-group-select2.input-iconright .select2-container--default .select2-selection--single {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

@media only screen and (min-width: 768px) {
    html.fixed .projects .mailbox-email-list {
        top: 120px;
    }

    .dropdown-action-block {
        padding-left: 349px !important;
    }

    html.fixed .inner-body {
        margin-left: 350px;
        border-top: 113px solid transparent;
        margin-top: -112px;
        min-height: 100vh;
        position: relative;
    }

    #content-menu.inner-menu {
        height: auto;
        width: 350px;
    }

    #content-menu .inner-menu-content {
        height: 90%;
        height: calc(100vh - 112px);
    }

    .inner-menu-content-list {
        margin-top: 0px;
    }

    .table-module-list .pull-right span {
        width: 112px;
    }

    .table-module-list .equal-part {
        width: 165px;
        display: inline-block;
    }

    .table-module-list .actions-hover {
        position: absolute;
        right: 17px;
    }

    html.fixed .inner-menu {
        top: 112px;
    }

    .other-val {
        min-width: 400px;
    }

    html.fixed.sidebar-left-collapsed .inner-menu,
    html.fixed.sidebar-left-collapsed .inner-menu-toggle,
    html.fixed.sidebar-left-collapsed .inner-toolbar {
        left: 0px !important;
    }

    #inspections-right {
        position: inherit !important;
        margin-left: -59px !important;
    }

    .scrollable .scrollable-content {
        position: inherit;
    }

    .page-header .user_company_name {
        margin-right: 10px;
    }

    div.user_company_name.change_order_page {
        margin-right: 0px !important;
    }

    .page-header .breadcrumbs a,
    .page-header .breadcrumbs span {
        line-height: 0px;
    }

    html.fixed .inner-menu-content,
    html.boxed .inner-menu-content {
        display: block;
    }

    html.fixed .content-with-menu:before,
    html.boxed .content-with-menu:before {
        background: #fff !important;
    }

    div.form-group.col-md-12.mb-sm.can_update_div {
        margin-bottom: 10px !important;
    }

    html.fixed .inner-menu,
    html.scroll .inner-menu,
    html.boxed .inner-menu {
        padding-top: 0px !important;
    }

    html.fixed .inner-menu,
    html.boxed .inner-menu {
        padding: 0px;
    }

    .inner-menu .nano-content {
        padding: 0px !important;
        left: 0px !important;
    }
}

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

    html.fixed.inner-menu-opened .inner-body,
    html.fixed.inner-menu-opened .inner-body,
    html.boxed.inner-menu-opened .inner-body {
        margin-right: -350px;
    }

    html.fixed.inner-menu-opened .inner-body {
        margin-left: 350px;
    }

    html.fixed .sidebar-left {
        left: 0px !important;
        bottom: 0;
        padding-bottom: 50px;
        position: fixed;
        top: 60px;
        display: block;
        flex-shrink: 0;
    }

    .sidebar-left {
        z-index: 1010;
    }

    .inner-menu-toggle,
    .inner-menu .inner-menu-toggle-inside {
        display: none;
    }

    html.fixed .inner-menu,
    html.scroll .inner-menu,
    html.boxed .inner-menu {
        display: block;
    }
}

@media only screen and (min-width: 1366px) {
    html.fixed.inner-menu-opened .inner-body {
        margin-left: 348px !important;
    }
}

/*New Style Sheet For Ipad,Small Mobile & Desktop Screen*/

@media (min-width: 992px) {
    ul.nav-main>li>a {
        padding: 12px 13px;
    }

    div.col-md-6.col-sm-12.col-xs-12.mt-md.project_div {
        width: 100% !important;
    }

    .d-md-flex,
    .form-group.d-md-flex {
        display: flex;
    }

    div.rows-group {
        display: flow-root;
        min-height: 58px !important;
        margin-bottom: 10px !important;
    }

    div.rows-group-col,
    label.mt-10 {
        margin-top: -10px !important;
    }

    .edit_mode .bootstrap-5 .div-tb_tax_rate {
        width: 400px;
    }
}

/*to display log/pdf data on any screen resolution*/
@media only screen and (min-width: 320px) {
    .scrollable.scrollable-padding .scrollable-content {
        position: inherit !important;
    }

    div.form-group.col-md-12.mb-sm.can_update_div {
        margin-bottom: 10px !important;
    }
}

/*to set menu [new] tag on collapse-in/out*/

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

    div.right-wrapper.pull-right.header-pull-right {
        position: inherit !important;
        margin-left: -149px !important;
    }

    .scrollable.scrollable-padding .scrollable-content {
        margin-right: -25px;
    }

    /*change order list content fix*/
    .listPane span.large-cell {
        width: 180px;
    }

    .listPane span.medium-large-cell {
        width: 150px;
    }

    #btnAddNote,
    #btnAddInspection,
    #btnAddChangeOrder,
    #btnAddInvoice,
    #btnAddPunchlist,
    #btnAddExpense,
    #btnAddLog,
    #btnAddProject,
    #btnAddEmployeeTimecard,
    #btnAddCrewTimecard,
    #btnAddDirectory,
    #btnAddAppointment,
    #btnViewAllForms {
        width: 100%;
    }

    .userbox:after {
        display: none;
    }

    .btnemployee {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .dd-item-cl {
        padding-left: 0px !important;
    }

    button.multiselect.dropdown-toggle.btn.btn-default {
        width: 100% !important;
    }

    .header-right {
        float: none !important;
    }

    .timecard-clockin-date-div {
        width: 115px;
    }

    .timecard-clockin-time-div {
        width: 117px;
    }
}

@media (max-width: 768px) {
    #btnAddInspection {
        width: 95%;
    }

    .listPane span.medium-large-cell {
        display: inline-block !important;
        width: 63% !important;
        text-align: left !important;
    }
}

@media (max-width: 767px) {
    .scrollable.scrollable-padding .scrollable-content {
        height: 500px !important;
    }

    div.pull-right.directory_data {
        display: grid;
        margin-left: -41px;
    }

    div.ddl_global_project {
        padding-top: 50px;
    }
}

/*time IPAD*/
@media (max-width: 1024px) {
    .col-md-6 {
        width: 100%;
    }

    div.form-group.generated_by_div,
    div.form-group.due_date_div {
        margin-bottom: 15px;
        /*evernote : fix issue with texbox merged on lanscap mode;*/
    }

    div.col-md-6.day_delayed_txt {
        margin-bottom: 10px;
        /*evernote : fix issue with Time/Days Delay > Yes/No field is consuming a whole row.*/
    }

    .change_order_item_btn {
        margin-bottom: 45px !important;
    }

    label.col-md-3.control-label.user_setting_lbl {
        text-align: left;
    }

    div.form-group.generated_by_div_for_project {
        margin-bottom: 20px;
    }

}

@media (min-width: 1024px) {

    html.fixed .inner-menu-content,
    html.boxed .inner-menu-content {
        display: block;
    }
}

@media (max-width: 425px) {
    div.header-right {
        display: block;
    }

    div#userbox.userbox {
        margin-left: 50%;
        margin-top: -41px;
        z-index: 1000;
        position: fixed;
    }

    .userbox.open .dropdown-menu {
        left: -24px !important;
    }

    .input-search {
        width: 50%;
    }

    div.col-sm-10.form-group {
        float: left;
        width: 80%;
    }

    div.search {
        width: 200%;
    }

    div.col-sm-2 {
        float: right;
        z-index: 1;
    }

    .header {
        margin-bottom: -64px;
    }

    .page-header {
        display: none;
    }

    .mt-sm {
        margin-top: 20px !important;
    }

    .change_order_item_btn {
        margin-bottom: 45px;
    }
}

@media (max-width: 320px) {
    .userbox .custom-caret {
        margin-left: -25px !important;
    }
}

@media (max-width: 375px) {

    .directory-groups,
    .directory-company {
        white-space: normal !important;
    }
}

@media screen and (max-width: 991px) {
    .table-responsive {
        margin-bottom: 15px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        -ms-overflow-style: -ms-autohiding-scrollbar !important;
        border: 1px solid #ddd !important;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    #content-menu .table-module-list {
        width: 104%;
    }
}

@media only screen and (max-width: 1024px) {
    #content-menu .table-module-list {
        width: 96%;
    }
}

@media only screen and (max-width: 1366px) {
    #content-menu .table-module-list {
        width: 100%;
    }

    .main_add_notes_div_top .add-title {
        margin-left: 0px !important;
        font-size: 12px;
    }

    .main_add_notes_div_top #UploadImgNote {
        padding: 5px 8px;
        font-size: 12px;
    }

    #awsNotesFiles a.file-image-link,
    #awsNoteFilesDic a.file-image-link {
        width: 120px;
    }

    #awsNotesFiles .image-thumb img,
    #awsNoteFilesDic .image-thumb img {
        max-width: 110px !important;
    }
}

@media only screen and (min-width: 1367px) {
    #menu_item_list {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .content-with-menu-container {
        height: 1450px !important;
    }

    .timecard-clockin-date-div {
        width: 115px;
    }

    .timecard-clockin-time-div {
        width: 117px;
    }
}

@media only screen and (max-width: 1440px) {
    header.gcontainer .item.item3.right-div {
        right: 0px;
        position: absolute;
    }
}

@media only screen and (max-width: 1180px) {
    .gcontainer .session-training-div {
        display: none;
    }
}

@media only screen and (max-height: 725px) {
    #moduleDashboardDiv #moduleDashboardTutorials .iframe-todo-div {
        margin-top: 5vh
    }
}

@media only screen and (max-height: 650px) {
    #moduleDashboardDiv #moduleDashboardTutorials .iframe-todo-div {
        margin-top: 1vh
    }
}

@media only screen and (max-width: 1250px) {

    #UploadFileModal .modal-dialog,
    #UploadModal .modal-dialog,
    #profileUploadModal .modal-dialog,
    #DocumentUploadModal .modal-dialog {
        width: 90%;
    }
}

@media screen and (max-width:1550px) {
    .project-detail .nav>li>a {
        padding: 10px 0px;
    }

    .project-detail .nav-tabs.nav-justified li a {
        font-size: 11px;
    }
}

@media only screen and (max-width: 1700px) {
    .inner-menu-content-list {
        height: 98% !important;
    }
}

@media only screen and (max-width: 1600px) {
    .inner-menu-content-list {
        height: 92% !important;
    }
}

@media only screen and (max-width: 1400px) {
    .inner-menu-content-list {
        height: 90% !important;
    }

    .job-cost-wid {
        width: 40% !important;
    }
}

@media only screen and (max-width: 1340px) {
    .input-group-addon {
        padding: 6px;
    }

    body .bootstrap-5 .input-group-addon {
        width: 30px !important;
        min-width: 30px !important;
    }

    body .bootstrap-5 .input-group-addon.time_picker_icon,
    body .bootstrap-5 .input-group-addon.currency-symbol {
        width: 38px !important;
        min-width: 38px !important;
    }
}

@media only screen and (max-width: 1200px) {
    #modalCompanyItems .nav-tabs.nav-justified li {
        background: #F4F4F4;
        border-left: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7;
    }

    #modalCompanyItems .nav-tabs.nav-justified li.active {
        background: #FFF;
    }
}

@media only screen and (max-width:1440px) {
    #modalMultiDirectories .btn-success {
        width: 135px;
        float: right;
        padding: 6px 6px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 1300px) {
    .arrow-steps .step {
        min-width: 150px;
    }
}

@media only screen and (max-width: 1201px) {
    .arrow-steps .step {
        min-width: 120px;
    }
}

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

    #card_detail_div .first-block {
        width: 9% !important;
    }
}

@media only screen and (max-width: 640px) {
    .customize-setting-popup {
        top: -86px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 1440px) {
    .customize-setting-popup {
        top: -85px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
    .customize-setting-popup {
        top: -64px;
    }
}

@media only screen and (min-width: 1601px) and (max-width: 1920px) {
    .customize-setting-popup {
        top: -55px;
    }
}

@media only screen and (min-width: 1921px) {
    .customize-setting-popup {
        top: -52px;
    }
}

@media (max-width: 992px) {
    div.rows-group {
        margin-bottom: 0px !important;
    }

    div.rows-group-col {
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 1650px) {
    .signature-section-with-attachment {
        max-height: 70vh;
    }

    #modalEmailMultiDirectories .signature-section-with-attachment {
        max-height: calc(100vh - 117px);
    }
}

@media only screen and (max-width: 1460px) {
    #projectFiles .list-name-truncate {
        width: 295px !important;

    }

    #projectFiles .list-name-image {
        width: 295px !important;
    }

    #projectFiles .mg-files.res_files .list-name-truncate span.image-thumb,
    .mg-files.res_files .name_cell span.image-thumb {
        width: calc(400px - 170px);
    }
}

@media (min-width: 576px) {

    .bootstrap-5 .modal:not(.modal-fullscreen) .modal-dialog,
    .bootstrap-5.modal:not(.modal-fullscreen) .modal-dialog {
        margin: 30px auto;
    }
}

@media (min-width: 768px) {

    .attachments-consistent,
    .form-group.attachments-consistent,
    .bootstrap-5 .form-group.attachments-consistent {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .attachments-consistent .control-label,
    .bootstrap-5 .attachments-consistent .control-label {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
    }

    .attachments-consistent .control-attachments,
    .bootstrap-5 .attachments-consistent .control-attachments {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
}

@media (max-height: 700px) {
    .showSelectedFiles {
        overflow: unset !important;
    }
}

th.sorting_icon_remove {
    cursor: default !important;
}

.ui-pnotify {
    z-index: 9999999999 !important;
}

.btn-default.active {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

#tb_not_section_description {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 35px;
}

.input-group.input-group-select2.input-iconleft .select2-container--default .select2-selection--single {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.input-group.input-group-select2.input-iconright .select2-container--default .select2-selection--single {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#document_detail_modal .modal-header .document_details_icon {
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 24px;
    padding: 0 !important;
    color: var(--theme-color);
    font-size: 16px;
    min-height: 24px;
}

#document_detail_modal .modal-header .document_details_icon.project_contact {
    font-weight: 400;
}

#custom-field-build-wrap-opportunity[style="pointer-events: none;"] .form-wrap.form-builder .frmb>li {
    box-shadow: none !important;
}

#custom-field-build-wrap-opportunity[style="pointer-events: none;"] .form-wrap.form-builder .frmb .field-actions {
    opacity: 0 !important
}

#custom-field-build-wrap-opportunity[style="pointer-events: none;"] .form-wrap.form-builder .tooltip-element {
    pointer-events: auto;
}

.form-wrap.form-builder .frmb label.field-label {
    padding-right: 0 !important;
}

.pleft-0 {
    left: 0;
}
#leadssalesDiv #lbl_lead_quality {
    white-space: initial !important;
}

#projectSelectorModal .project-list .widget-todo-list .checkbox-custom{
    display: flex;
    padding: 0;
}

#projectSelectorModal .project-list .widget-todo-list .checkbox-custom input[type="checkbox"]{
    position: initial;
}

#projectSelectorModal .project-list .widget-todo-list .checkbox-custom label{
    margin-bottom: 5px;
    padding: 0;
    font-size: 13px;
    color: #777;
    line-height: inherit;   
}


#UploadCompanyLogoModal #files .image_path{
    max-width: calc(100% - 85px);
    width: 100%;
}

#UploadCompanyLogoModal #files .file_path{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#UploadCompanyLogoModal .FileUploadClick {
    margin: 0 !important;
}

.input-right{
    background-color: transparent !important;
}
.non-payment{
    height: 100%;
    display: flex;
   
}
.non-payment-inner{
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    padding: 28px;
    max-width: 650px;
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: auto;
}
.non-payment-inner p{
    font-size: 16px;
    color: #223558;
}
.non-payment-inner button{
    min-width: 134px;
}
.single-header-group {
    padding-left: 12px;
}
.single-header-group .input-group span.input-group-addon {
    border: none;
}

.single-header-group .input-group span.p-l-5{
    padding-left: 31px !important;
}
.single-header-group.single-header-only .input-group span.p-l-5{
    padding-left: 0px !important;
}
.single-header-group.single-header-only .input-group .input-group-addon:nth-child(1):empty{
    display: none;
}