/*!
 * Custom css file
 * 
 */

.vertical-tabs ul.top_tabs {
    flex-direction: column;
}

.vertical-tabs ul.nav.nav-tabs.top_tabs {
    border: none;
    background: #e0d7d4;
}

.vertical-tabs a.nav-link.active {
    background: #976858;
    color: #fff !important;
    border-radius: 0;
}

div#manageAirport {
    overflow-y: scroll;
}

div#event-detail-modal .modal-dialog.modal-lg {
    max-width: 1200px;
}

a#profileMenuOpenBtn {
    padding: 0 1rem;
}

.ci-inner-bx {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

.ci-vertical-menu {
    flex: 0 0 240px;
    background: #212324;
}

.ci-vertical-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vertical-tabs ul.nav.nav-tabs.inner-tabs {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.ci-vertical-menu .card-body {
    padding: 0;
}

.ci-vertical-menu ul li a {
    font-weight: 500;
    font-size: 12px;
    display: block;
    padding: 4px 4px;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 1px solid #dee2e6;
    color: #fff;
}

.ci-vertical-menu ul li a.active {
    background: #52200e;
    color: #fff;
}

.ci-vertical-menu .accordion .card .card-header .card-title.collapsed {
    color: #fff;
    background: #212324;
}

.ci-vertical-menu .accordion .card .card-header .card-title {
    color: #fff;
    background: #212324;
    font-weight: 500;
    font-size: 12px;
    padding: 4px 4px;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #dee2e6;
}

.ci-vertical-menu .vertical-tabs li.nav-item {
    width: 100%;
}

.top_tabs {
    background: #212324;
    border: none;
}

.top_tabs li.nav-item a.nav-link {
    color: #fff !important;
    padding: 8px 16px;
    border-right: 1px solid rgb(224 215 212 / 14%);
}

.top_tabs li.nav-item a.nav-link.active {
    color: #fff !important;
    background: #52200e;
}

.ci-vertical-menu .accordion .card .card-header .card-title,
.ci-vertical-menu .accordion .card .card-header .card-title[aria-expanded="true"] {
    color: #ffffff;
    background: #52200e;
}

.ci-vertical-menu .accordion>.card:not(:first-of-type) {
    border-radius: 0;
}

.custum_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.5rem;
}

.custum_breadcrumb .page-breadcrumb,
.custum_breadcrumb .subheader {
    flex: 0 0 40%;
    margin: 0;
}

.custum_breadcrumb .pos-top {
    top: -10px;
}

.custum_breadcrumb .search {
    border-bottom: 1px solid #cccccc69;
    position: relative;
}

.custum_breadcrumb .form-control {
    height: calc(1em + 1rem + 2px);
}

.ci-vertical-menu .accordion>.card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

label.error {
    color: #ff0000;
}

.loader-overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

a.nav-link {
    cursor: pointer;
}

div#search_by_phone .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    width: calc(100% - 32.9px);
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    width: 100%;
}

/*multi checkbox css*/
.custom-dropdown {
    position: relative;
}

.custom-dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
}

.multiple-checkbox-dd .dropdown-toggle {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.multiple-checkbox-dd .dropdown-toggle::after {
    position: absolute;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-right: 0;
    margin-top: auto;
    right: 0;
    top: 0;
    background: #fff;
    padding: 0 5px;
    bottom: 0;
    display: flex;
    align-items: center;
}

.multiple-checkbox-dd .dropdown-item label {
    width: 100%;
    cursor: pointer;
}

.multiple-checkbox-dd .form-control:disabled:after {
    background: #f3f3f3;
}

.multiple-checkbox-dd .custom-dropdown .dropdown-menu {
    width: 100%;
    max-height: 250px;
    overflow-y: scroll;
}

.multiple-checkbox-dd .dropdown-menu .dropdown-item input {
    height: auto;
    accent-color: #52200e;
    margin-top: 0.2rem !important;
}

.multiple-checkbox-dd .dropdown-item {
    padding: 8px 30px;
    border-bottom: 1px solid #52200e24;
}

.multiple-checkbox-dd .dropdown-menu .dropdown-item input {
    height: auto;
    accent-color: #52200e;
}

.multiple-checkbox-dd .dropdown-item:hover,
.multiple-checkbox-dd .dropdown-item:focus {
    color: #52200e;
    text-decoration: none;
    background-color: #52200e2e;
}

.multiple-checkbox-dd .dropdown-menu .dropdown-item .form-check-input {
    margin-top: 4px;
}

/*end multi checkbox css*/
.upload-img {
    text-align: left;
}

.cp_tabs .table td {
    border: none;
}

.vertical-tabs {
    width: 100%;
    flex: 0 0 calc(100% - 248px);
}

.tab-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    padding-top: 10px;
}

.tab-title h2 {
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    text-transform: capitalize;
}

.tab-title .form-group.text-right {
    margin: 0;
}

.alias-model-right-body {
    height: 350px;
    overflow-y: scroll !important;
    overflow: hidden;
}

.aliases-modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 0px solid #dee2e6;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.modal-header {
    background: #52200e;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0;
}

.modal-header h5.modal-title {
    font-size: 16px;
}

.modal-header .close i {
    color: #fff;
}

.alias-model-left-body ul {
    margin: 0;
    list-style: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    height: 300px;
    overflow-y: scroll;
}

.alias-model-left-body ul li a {
    width: 100%;
    display: block;
    text-align: left;
    color: #000;
    padding: 3px 4px;
    background: #ededed;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.alias-model-left-body ul li a:hover {
    background-color: #52200e;
    text-decoration: none !important;
    color: #fff;
}


.serach_box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.serach_box .serach_inner {
    flex: 0 0 20%;
}

.pagination-div nav .flex {
    display: none;
}

.pagination-div nav .hidden svg {
    height: 20px;
}

.pagination-div nav .hidden a {
    color: #52200e;
}

.pagination-div nav .hidden p {
    display: none;
}

.pagination-div nav .hidden span.relative {
    top: 10px;
}

.pagination-div {
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 15px;
    text-align: right;
}

.pagination-div span.px-2,
.pagination-div a.px-2,
.pagination-div span.px-4,
.pagination-div a.px-4 {
    padding: 5px 10px !important;
    display: inline-block;
    margin: 0px;
    margin-right: 0px;
    border-radius: 0;
    border-color: #f1f1f1 !important;
}

.pagination-div span[aria-current="page"]>span {
    background-color: #52200e !important;
    color: #ffffff;
    border-radius: 0;
    border: none !important;
}

/*
.collapsed-reveal {
    display: none;
}

.collapsed .collapsed-reveal {
    display: inline;
}

.collapsed .collapsed-hidden {
    display: none;
}
*/
.check-bx-items {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 10px;
}

.check-bx-items a.collapsed[aria-expanded="false"] span i.ic_plus {
    display: block;
}

.check-bx-items a.collapsed[aria-expanded="false"] span i.ic_minus {
    display: none;
}

.check-bx-items a[aria-expanded="true"] span i.ic_minus {
    display: block;
}

.check-bx-items a[aria-expanded="true"] span i.ic_plus {
    display: none;
}

.check-bx-items a {
    font-size: 16px;
}

.inner-check-list {
    padding-left: 30px;
    padding-top: 0;
}

.inner-check-list {
    margin-bottom: 10px;
}

.check_mb .custom-control {
    margin-bottom: 10px;
}

.restrict-checkbox.custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABS0lEQVR4nO2ZTW7CMBBGcwBYU65RFumpArv2zvzI7JFeZdWVAopCbM94HMnfmozfUzxOMnRdS0tLy2oC7IGtYv2tX0Or+AA8gAvQK9TvQ22/xlG6+Inn3IEvwfoH4Payxo8WvKgE0/AyEv5WMh+Xs5342za+xlyGnIb1+xENiYXwBIaP1BPBNxXSEhHwBIZNtEBY6BO4sixuSU+82fNJNYtJFIeXlDCDl5Awh8+RqAY+8QRxkb/tuxKJvBN1wStIuOLwghLODF5Awh4+Q6IeeJ/Io7LMcakIX48E6fD2EuTD20kIwpeXWPWrBPEvZr3GR1Ex+NG1thJkwJtLIABvJoEgfHEJ6hmrnJPGKqsfbI0m0uLwkRLH1PrvhrsiDx7me0JtQi361GRa4luq/nhS/QhNpf0HxyBd/3+RXfKgdVn9TXLDtrS0tHQW+QUnDKJx9HqzJgAAAABJRU5ErkJggg==);
}

.stored-date-range {
    max-height: 334px;
    overflow-y: auto;
}

.stored-date-range table {
    width: 100%;
    border-collapse: collapse;
}

form#login-form a {
    text-transform: capitalize;
}

.stored-date-range th,
.stored-date-range td {
    padding: 8px;
    border: 1px solid #ddd;
    
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #ff0000 !important;
    color: #fff;
    font-size: 1em;
}

.swal2-html-container {
    font-size: 1em !important;
}

.tags-popup {
    height: 350px;
    overflow-y: scroll !important;
    overflow: hidden;
}

#tagsModal .modal-content {
    width: 133% !important;
}

#tagsModal .modal-content {
    width: 133% !important;
}

#tagsModal,
#rateTagsModal .selectCell {
    cursor: pointer;
}

#saveReadBackScriptForm .note-editor {
    max-width: 100%;
    overflow-x: scroll !important;
    overflow: hidden;
}

.btn-danger {
    color: #fff;
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.btn-danger {
    -webkit-box-shadow: 0 2px 6px 0 rgb(255 0 0 / 50%) !important;
    box-shadow: 0 2px 6px 0 rgb(255 0 0 / 50%) !important;
}

#helpPopupModal .modal-content {
    width: 135%;
}

.text-gray {
    color: #808080;
}

.helpPopup {
    text-decoration: underline !important;
}

.sms-template-textarea {
    width: 100%;
    height: auto;
}

#helpPopupModal .modal-content {
    max-height: 700px;
    overflow-y: scroll !important;
    overflow: hidden;
}

.form-control:focus~.input-group-prepend {
    background: #ffffff !important;
}

#btnCustomerOpen {
    font-size: 18px;
    padding: 3px 15px 0px 15px;
}

.billing-contact-wrap .loader-overlay-input {
    position: absolute;
    right: 60px;
    z-index: 4;
    max-width: 20px;
    max-height: 20px;
    top: 29px;
}

.billing-contact-wrap .loader-overlay-input .spinner-border {
    width: 20px !important;
    height: 20px !important;
}

.search-results-container {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    display: none;
    background-color: #fff;
    border: 1px solid #ccc;

    width: 100%;
}

.search-results-container tbody {
    max-height: 300px;
    overflow-y: auto;
}

.search-results-container table {
    width: 100%;
    border-collapse: collapse;
}

.search-results-container th,
.search-results-container td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.search-results-container th {
    background-color: #f2f2f2;
}

.close-btn {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    float: right;
}

.search-results-body ul li:first-child {
    flex: 0 0 20%;
}

.search-results-body ul li:nth-child(2) {
    width: 50%;
}

.search-results-body ul li:nth-child(3) {
    width: 30%;
}

.search-results-head ul li:first-child {
    flex: 0 0 20%;
}

.search-results-head ul li:nth-child(2) {
    width: 50%;
}

.search-results-head ul li:nth-child(3) {
    width: 25%;
}

.search-results-body ul:nth-child(even) {
    background-color: #f8f8f8;
}

.search-results-head ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 0;
    background: #212324;
    padding: 0 5px;
}

.search-results-head ul li {
    color: #fff;
}

.search-results-head ul li button {
    color: #fff;
}

.search-results-body ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    text-align: left;
    border-bottom: 1px solid #dedede;
}

.search-results-body ul li {
    padding: 4px 8px;
    cursor: pointer;
    border-right: 1px solid #dedede;
}

.search-results-body ul li:last-child {
    border: none;
}

.search-results-body {
    padding-right: 0;
    max-height: 215px;
    overflow-y: scroll;
}

.input_radio_flex {
    display: flex;
    align-items: center;
    gap: 25px;
}

.input_radio_flex .custom-radio {
    flex: 0 0 auto;
}

.input_radio_flex .form-group {
    margin: 0;
}

.input_radio_flex {
    margin-bottom: 1.5rem;
}

button#wScSCdropdownMenuButton {
    width: 250px;
}

div#filePopupModal .dropdown-item input {
    height: auto;
    top: 8px;
    accent-color: #52200e;
}

div#filePopupModal .dropdown-item:hover {
    background: none;
}

div#filePopupModal .dropdown-item {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #52200e1a;
}

div#filePopupModal .modal-body {
    height: 200px;
    overflow-y: scroll;
}

.modal-body {
    padding: 8px;
}

.modal-header .close {
    color: #fff;
    opacity: 1;
}

.input_block_bx .input_radio_flex {
    display: block;
}

.flex_fifty .input_radio_flex .form-group.multiple-checkbox-dd {
    flex: 0 0 33.333%;
}

.flex_two {
    display: flex;
    align-items: center;
    gap: 5px;
}

.flex_two .form-group label {
    margin: 0;
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 15px !important;
    font-size: 20px !important;
    font-weight: 500;
    text-align: left !important;
    text-transform: none;
    word-wrap: break-word;
    background: #52200e;
    color: #fff !important;
}

.swal2-title {
    text-align: left;
}

.swal2-html-container {
    text-align: left !important;
    margin: 15px;
}

button.swal2-cancel.swal2-styled,
button.swal2-confirm.swal2-styled {
    padding: 0.375rem 0.844rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 4px;
}

.swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin: 1.25em auto 0 !important;
    padding: 15px !important;
    border-top: 1px solid #52200e4f;
}

.swal2-container.swal2-center>.swal2-popup {
    padding: 0;
}

.iti__selected-country {
    height: 30px;
}

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

#sortable-table th,
#sortable-table td {
    padding: 8px;
    border: 1px solid #ddd;
}

#sortable-table tr {
    cursor: move;
}

.my-web-pm {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my-web-pm h3 {
    margin: 0;
    font-size: 16px;
}

.accept-pay-dd-btn {
    max-width: 400px;
}

.use-all-alias-checkbox input {
    height: calc(1.470em + 0rem + -8px);
}

.flex-bx {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.cursor-pointer {
    cursor: pointer;
}




/* Insert images modal */
.reset {
    all: revert;
}


.modal .modal-window {
    background-color: #eeeeee;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.window-action {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.window-action .btn {
    --_size: 30px;
    width: var(--_size);
    text-align: center;
    aspect-ratio: 1;
    line-height: var(--_size);
    border: 1px solid #fff !important;
    padding: 0;
    border-radius: 2px;
    box-shadow: inset 0 0 2px #fff;
}

.window-action img {
    width: calc(100% - 8px);
}


img {
    max-width: 100%;
}

.window-body .file-icon {
    width: 27px;
}

.window-body [class$="panel"] {
    height: 240px;
    box-shadow: inset 2px 2px 0 #9a9a9a;
    background-color: #fff;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.window-body [class$="panel"]::-webkit-scrollbar {
    width: 0.25rem;
}

.window-body [class$="panel"]::-webkit-scrollbar-track {
    background-color: hsl(0 0 0 / 20%);
}

.window-body [class$="panel"]::-webkit-scrollbar-thumb {
    background-color: hsl(0 0 0 / 40%);
    width: 0.25rem;
    border-radius: 100vmax;
}

.window-body [class$="panel"]::-webkit-scrollbar-thumb:active {
    background-color: hsl(0 0 0 / 60%);
}

.window-body .file-icon img {
    width: 100%;
    max-width: 15px;
}

.window-body .row {
    --bs-gutter-x: 0.5rem;
}

.window-body .table {
    overflow: hidden;
    margin: 0;
}

.window-body .table thead {
    background-color: #f0f0f0;
    box-shadow: inset 2px 2px 0 #9a9a9a;
}

.window-body .table thead th {
    box-shadow: 2px 2px 0 #fff;
    padding: 6px;
}

.window-body .table a {
    font-size: 12px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.window-body .table tbody a {
    text-decoration: none;
}

.window-body .table :is(th, td) {
    background-color: transparent;
}

.window-body .table td {
    padding: 2px 4px;
    font-size: 12px;
}

.window-body .table td.file-icon {
    width: 25px;
    min-width: 25px;
}

.window-body .table td.file-size p {
    margin: 0;
    font-size: 12px;
}

.window-body .table tbody tr:hover {
    box-shadow: inset 2px 0 #9a9a9a;
    background-color: #f8f8f8;
}

.window-body td.download-file-name {
    max-width: 165px;
}

.window-body .table .file-action {
    width: 15px !important;
}

.window-body .table .file-action a {
    color: #3a3a3a;
}

.window-body .window-canvas {
    height: 100%;
    background-color: #fff;
}

.window-form {
    margin-top: 0.5rem;
}

.window-form fieldset {
    padding: 0.5rem;
    border: 1px solid #ccc;
    font-size: 13px;
}

.window-form fieldset label {
    margin-bottom: 0;
}

.window-form :where(select, input:not([type="checkbox"], [type="file"])) {
    width: 100%;
    border: 1px solid #1e1e1e;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    height: 20px;
}

.window-form input[type="file"] {
    box-shadow: none;
    font-size: 12px;
    border: none;
    overflow: hidden;
}

.window-form .form-group:not(.chained, .check-group) {
    display: grid;
    grid-template-columns: 100px 1fr;
    align-items: center;
    gap: 0.5rem;
}

.window-form .form-group.chained .input-group:first-child input {
    border-bottom: 0;
}

.window-form .form-group.chained {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 1fr 30px;
    align-items: center;
    gap: 0.5rem;
}

.window-form .form-group.chained::after {
    content: "";
    position: absolute;
    inset: auto 30px auto auto;
    width: 20px;
    aspect-ratio: 1 / 1.5;
    border: 2px solid #1e1e1e;
    z-index: -1;
}

.window-form .form-group.chained .icon a {
    text-align: center;
    display: block;
    color: #1e1e1e;
    background-color: #eeeeee;
}

.window-form .form-group .input-group {
    display: grid;
    grid-template-columns: 100px 1fr;
    align-items: center;
    gap: 0.5rem;
}

.window-form .form-group.sm {
    grid-template-columns: auto 1fr;
}

.window-form fieldset>:not(:last-child) {
    margin-block-end: 0.25rem;
}



.form-action {
    padding: 1.5rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.form-action button {
    border: 1px solid #7a7a7a;
    padding: 0.25em 2em;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: inset 0 0 2px hsl(0 0 0 / 10%);
}

.file-field input {
    background-color: transparent;
    line-height: 1;
    height: unset;
}

.file-field .input-group {
    align-items: center;
}

.file-field button {
    border: 1px solid #7a7a7a;
    padding: 0.25em 1em;
    font-size: 13px;
    border-radius: 3px !important;
    box-shadow: inset 0 0 2px hsl(0 0 0 / 10%);
}

.check-group {
    display: flex;
    gap: 4px;
    align-items: center;
}

.check-group input {
    height: unset;
}


#downloadableFilesModal {
    --bs-modal-width: 900px;
}

.window-panels td.file-name {
    width: 165px;
    max-width: 165px;
}

.window-panels table .form-control {
    padding: 0 0.5em;
    line-height: 1;
    height: auto;
    max-width: 100px;
    border-radius: 0;
}


.window-body .table .file-action a i.fa-angle-double-down {
    background-color: green;
    color: #fff;
    padding: 4px;
    font-size: 10px;
    display: inline-block;
    border-radius: 2px;
}



.window-folders {
    padding: 0;
    margin: 0;
}

.window-folders li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.window-folders li:not(:last-child) {
    margin-block-end: 0.5rem;
}

.window-folders li img {
    max-width: 20px;
}

.window-folders li a {
    color: #000;
    text-decoration: none;
}



#uploadFileModal .modal-content {
    min-height: calc(100vh - 80px);
}

#uploadFileModal .window-body {
    display: grid;
    grid-template-rows: auto 1fr;
}

#uploadFileModal .window-gallery {
    display: grid;
    align-items: center;
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#uploadFileModal .window-gallery img {
    width: 100%;
    aspect-ratio: 16 / 9;
}

#uploadFileModal .window-gallery {
    max-height: 300px;
    overflow-y: auto;
    margin-top: 1.5rem;
}

.window-gallery::-webkit-scrollbar {
    width: 0.25rem;
}

.window-gallery::-webkit-scrollbar-track {
    background-color: hsl(0 0 0 / 20%);
}

.window-gallery::-webkit-scrollbar-thumb {
    background-color: hsl(0 0 0 / 40%);
    width: 0.25rem;
    border-radius: 100vmax;
}

.window-gallery::-webkit-scrollbar-thumb:active {
    background-color: hsl(0 0 0 / 60%);
}


#downloadableFilesModal .window-action {
    display: block;
    text-align: center;
}

.swal2-container {
    z-index: 9999 !important;
}

#insertFileModal .window-action {
    display: block;
    text-align: end;
}

/* 20240717by aks */
.required::after {
    content: " *";
    color: red;
}

.hour-flex {
    display: flex;
    align-items: center;
    max-width: max-content;
    gap: 5px;
}

.hour-flex input {
    max-width: 70px;
}

.hour-flex {
    white-space: nowrap;
}

.form-group.auto-width select {
    width: 100%;
    max-width: fit-content;
}

.form-group.auto-width input {
    width: 100%;
    max-width: fit-content;
}

/*===========================================
	Export Customer Css 
=============================================*/
.btn {
    border-radius: 0;
}

.export-msg {
    text-align: center;
}

.export-msg h3 {
    font-size: 12px;
    font-weight: 500;
}

.text-link {
    color: #0000FF;
}

.export-msg p {
    font-size: 12px;
    margin-bottom: 8px;
}

.export-msg ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.export-msg ul li {
    font-size: 12px;
}

.form-control {
    border-radius: 0;
    padding: 4px 4px;
    font-size: 12px;
    height: auto;
}

.ae-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ae-bx p {
    flex: 0 0 57%;
    color: #b5b4b1;
    margin: 0;
    font-size: 11px;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-left: -4px;
}

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    padding-right: 4px;
    padding-left: 4px;
}

/*===========================================
	Quote Requests Css 
=============================================*/


.quote-requests-table tr {
    background-color: rgb(231, 253, 230);
}

.quote-requests-table tr td {
    color: #48A443;
}

.quote-requests-table tr td.date-time {
    color: #fc0000;
}

.quote-requests-table tr td a {
    color: #52200e;
    text-decoration: underline;
}

.form-label {
    font-weight: 500;
    display: block;
    font-size: 12px;
    margin: 0;
    text-transform: capitalize;
    color: #000;
}

.custom-control-label {
    font-size: 12px;
    text-transform: capitalize;
}

.card .card-body {
    padding: 4px;
}

.iti {
    position: relative;
    display: block;
}

.form-group:last-child,
.form-group:only-child {
    margin-bottom: 0.5rem;
}

.nav-tabs .nav-link {
    padding: 4px 12px;
}

.subheader-title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.ci-vertical-menu .card .card-body {
    padding: 0;
}

.ci-vertical-menu .nav-tabs .nav-link {
    padding: 4px 8px;
    border-bottom: 1px solid #00000012;
}

.ci-vertical-menu .nav .nav-link:not([class^=btn-]):not([class*=" btn-"]) {
    font-weight: 500;
    font-size: 12px;
}

.table thead th {
    padding: 4px 8px;
    font-size: 12px;
}

.table th,
.table td {
    padding: 4px 8px;
    font-size: 12px;
}

.top_tabs li.nav-item a {
    font-size: 12px !important;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 0;
    text-transform: capitalize;
}

.custom-control-label {
    font-size: 12px;
    line-height: 1.5;
}

.hide {
    display: none;
}

.alert {
    position: relative;
    padding: 8px;
    margin-bottom: 2rem;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 12px;
}

.rate-mapping-table .form-group:last-child,
.rate-mapping-table .form-group:only-child {
    margin-bottom: 0;
}

.form-group.form-flex-bx {
    display: flex;
    align-items: center;
    gap: 15px;
}

.rate-mapping-table .form-group {
    margin-bottom: 0.5rem;
}


.rt-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.rt-flex h3 {
    font-size: 14px;
    margin: 0;
}

.rt-text-title h2 {
    font-size: 12px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
}

.rt-left-bx {
    height: 100%;
    padding: 8px;
}

.rt-left-bx h3 {
    font-size: 12px;
    margin: 0;
}

.rt-text-box p {
    font-size: 12px;
}

.rt-right-bx h3 {
    font-size: 12px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.bg-dark-grey {
    background-color: rgb(226, 226, 226);
}

.bg-light-grey {
    background-color: rgb(242, 242, 242);
}

.rt-right-bx {
    padding: 8px;
}

.dv-bx-title h4 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.dv-bx-cn p {
    margin: 0;
}

table.table.setup-table {
    border: 0;
}

table.table.setup-table td {
    border: 0;
}

.rt-right-bx h4 {
    font-size: 12px;
}

.cursor-pointer {
    cursor: pointer;
}

#ExtraStopHelpModal {
    --bs-modal-width: 488px;

}

#ExtraStopHelpModal .modal-body {
    height: 200px;

}

#saveRateForm .custom-control-label {
    font-weight: 500;
}

#whenStatusCTo_wScSCdropdownMenuButton {
    max-width: 304px;
}





.daw_bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.daw_bx h3 {
    margin: 0;
    font-size: 14px;
}

.daw_bx p {
    margin: 0;
    color: #ff0000;
    font-weight: 500;
    font-size: 14px;
}

.daw_check {
    padding-left: 30px;
}

.daw_form .custom-control {
    margin-bottom: 0.5rem;
}

.edit-profile-img {
    max-width: 250px;
    max-height: 300px;
    border: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

.upload-bottom-text p {
    margin: 0;
    text-align: center;
    font-weight: 500;
}

.upload-bottom-text {
    margin-bottom: 20px;
}

.panel_list_left,
.panel_list_right {
    min-height: 900px;
}

.cro-text {
    max-width: 47.4%;
}

.cro-text p {
    text-align: center;
    margin: 0;
}

.cro-head-title h5 {
    text-align: center;
    margin: 0;
    font-size: 14px;
}

.vti-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-links a {
    text-decoration: underline !important;
    color: blue;
}

.add-ic,
.remove-ic {
    margin-bottom: 25px;
    margin-left: 10px;
}

.add-ic img,
.remove-ic img {
    max-height: 15px;
}

.dbr-miles .text-bx {
    margin-bottom: 1.5rem;
}

.dbr-miles {
    display: flex;
    align-items: center;
    gap: 5px;
}

.dbr-miles .form-group {
    max-width: 20%;
}

.dbr-miles .divider-vertical {
    background-color: #52200e54;
    display: block;
    height: 25px;
    width: 5px;
    margin-bottom: 1.5rem;
    margin-inline: 15px;
}

.vt-img-bx img {
    width: 150px;
    height: 100px;
    object-fit: contain;
}

.vt-default-image {
    margin-top: 15px;
}

.vt-default-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.swap-hdr {
    border: 1px solid #e5e5e5;
    text-align: left;
    list-style: none;
    margin-bottom: 5px;
    padding: 0;
}

.swap-hdr li {
    margin: 0;
    font-weight: 500;
    padding: 5px;
    color: #fff;
    cursor: all-scroll;
}

.primary-color-bx {
    background: #0086c9;
}

.secondary-color-bx {
    background: #6e914b;
}

.swap-main-bx {
    display: grid;
    grid-template-columns: 20% 20% 5%;
    gap: 15px;
}

#newMatrixModal {
    --bs-modal-width: 488px;

}

#newMatrixModal .modal-body {
    height: 200px;

}

.reserve-left-head ul,
.reserve-right-head ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 15px;
}

.reserve-head {
    display: flex;
    justify-content: space-between;
}

.reserve-left-head .form-group {
    margin: 0;
}

.reserve-right-head ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.reserve-right-head ul li span img {
    max-height: 20px;
    filter: brightness(0) saturate(100%) invert(14%) sepia(26%) saturate(2778%) hue-rotate(344deg) brightness(93%) contrast(97%);
}

.reserve-right-head ul li a {
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    white-space: nowrap;
}

.reserve-left-head {
    flex: 0 0 25%;
}

.add-status-btn {
    padding: 10px 0;
    background: #f9f9f9;
}

.status-list {
    border-top: 1px solid #e5e5e5;
    background: #f9f9f9;
    height: calc(100% - 66px);
}

.status-list ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.status-list ul li {
    cursor: move;
    position: relative;
    padding: 8px 30px 8px 8px;
    background: #fff;
    margin-bottom: 5px;
    border-left: 2px solid #52200e;
}

.status-list ul li:last-child {
    margin-bottom: 0px;
}

.status-list ul li p {
    font-size: 12px;
    cursor: move;
    position: relative;
    text-transform: capitalize;
    background: #fff;
    margin: 0;
}

.status-title h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.status-bx {
    background: #f9f9f9;
    padding: 10px;
    margin-bottom: 10px;
}

.status-list ul li a {
    position: absolute;
    top: 8px;
    right: 8px;
    /*
    display: none;
*/
    transition: all 0.5s;
}

.status-list ul li:hover a {
    display: block;
}



.task-list {
    border-top: 1px solid #e5e5e5;
    background: #f9f9f9;
    height: calc(100% - 66px);
}

.task-title {
    padding: 10px;
    background: #e5e4e4;
    border-bottom: 2px solid #d5d1d1;
}

.task-list ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.task-list ul li {
    cursor: move;
    position: relative;
    padding: 8px 30px 8px 8px;
    background: #fff;
    margin-bottom: 5px;
    border-left: 2px solid #52200e;
}

.task-list ul li:last-child {
    margin-bottom: 0;
}

.task-list ul li p {
    font-size: 12px;
    cursor: move;
    position: relative;
    text-transform: capitalize;
    background: #fff;
    margin: 0;
}

.task-title h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 12px;
}

.task-bx {
    background: #d1d1d1;
    padding: 0;
    margin-bottom: 10px;
    border: 1px solid #d1d1d1;
}

.task-col {
    flex: 0 0 calc(16.5% - 8px);
}

.task-list ul li a {
    position: absolute;
    top: 8px;
    right: 8px;
    display: none;
    transition: all 0.5s;
}

.task-list ul li:hover a {
    display: block;
}

.task-footer {
    border: 1px dashed #C1C7D0;
    text-align: center;
    padding: 10px;
    background: #f9f9f9;
}

.task-outer-bx {
    display: flex;
    gap: 10px;
}

.list-active {
    font-weight: 600;
}

.list-deleted {
    background-color: #fff2f2 !important;
    color: #ff0000 !important;
}

.list-active.list-deleted {
    font-weight: 600;
}

.height-auto {
    height: auto;
}

.lower-case {
    text-transform: none;
}

.batch-edit-border-box {
    padding-bottom: 8px;
}

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

.remove-row {
    color: #ff0000 !important;
}

.side-table {
    height: 550px;
    overflow: auto;
}

.custom-control-label::before {
    border: 1px solid #E5E5E5;
}

.text-underline {
    text-decoration: underline !important;
}

.vehicle-type-matrix-list {
    height: 260px;
    overflow: auto;
    font-size: 9pt;
    width: auto;
    min-height: 0px;
    max-height: none;
}

.swap-main-bx.cso-body {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0;
}

.swap-main-bx.cso-body .swap-inner-bx .panel_list_left,
.swap-main-bx.cso-body .swap-inner-bx .panel_list_middle,
.swap-main-bx.cso-body .swap-inner-bx .panel_list_right {
    height: 400px;
    overflow-y: scroll !important;
    padding: 10px;
    min-height: initial;
    overflow: hidden;
}

.bg-light-green {
    background: #ccffcc;
}

.bg-light-red {
    background: #ffe0e0;
}

.bg-light-blue {
    background: #c9edff;
}

.bg-light-grey {
    background: #f9f9f9;
}

li.transparent-color-bx {
    color: #000;
    font-size: 10px;
    font-weight: 400;
    background: white;
}

.sortable-wrapper .disabled-sortable {
    background: #d0d0d0;
    opacity: 0.5;
}

.ts-popover-add-status {
    /* Add styles to ensure visibility */
    position: absolute;
    z-index: 9999;
    /* Ensure it is above other content */
    display: none;
    /* Hide by default */
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

#statusFormModal .sp-replacer {
    width: 100%;
}

#statusFormModal .sp-preview {
    width: calc(100% - 15px);
}

.status-bx .status-list {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
}

.vertical_radio .address-type-label {
    flex: 0 0 calc(100% / 4) !important;
}

.routingTypeInfo .panel-tag {
    margin-bottom: 0.5rem;
}

.result-item {
    border-bottom: 1px solid #c09e9e;
    padding-top: 10px;
}

.multi-address-popup {
    max-height: 350px;
    overflow-y: scroll !important;
    overflow: hidden;
}

#airport-list {
    max-height: 150px;
    overflow-y: auto;
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

.airport-item {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.airport-item:hover {
    background-color: #f0f0f0;
}

#airport-list-header strong {
    display: inline-block;
    width: 50px;
}

#airport-list-header {
    color: #fff;
    padding: 10px 10px;
    display: flex;
    margin-top: 10px;
    margin-bottom: 5px;
}

.airCode {
    flex: 0 0 15%;
    border-right: 1px solid #52200e1c;
    padding-right: 15px;
}

#airport-list-header p:first-child {
    flex: 0 0 15%;
}

div#airport-list-header p {
    margin: 0;
}

.drop-outer {
    position: absolute;
    width: 100%;
    top: 100%;
    background: #52200e;
    z-index: 1;
}

.account-auto-fill .search-results-container {
    width: 200%;
}

.notes-additional-affiliate-more {
    width: 100%;
    height: 100px;
}

/* Adjust width based on your layout */

.avail-acc-credit .aac_label {
    color: #008000;
    font-weight: 600;
    text-decoration: underline !important;
    text-align: right;
    display: block;
}

.account-record ul.record_list {
    height: 150px;
}

.transactions-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.radio-selector {
    position: relative;
    width: 100%;
    background-color: #fff;
    height: 26px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 9999px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .2);
}

.selector-item {
    position: relative;
    flex-basis: calc(70% / 2);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.selector-item_radio {
    appearance: none;
    display: none;
}

.selector-item_label {
    position: relative;
    height: 80%;
    width: 100%;
    text-align: center;
    border-radius: 9999px;
    line-height: 20px;
    font-weight: 700;
    transition-duration: .5s;
    transition-property: transform, box-shadow;
    transform: none;
    margin: 0;
}

.selector-item_radio:checked+.selector-item_label {
    background-color: #52200e;
    color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .5);
    transform: translateY(0px);
}

#account-misc ul.record_list {
    height: 114px;
}

.conf-no-input {
    background-color: #ffff !important;
    color: red;
}

.popupholder {
    clear: both;
    background-color: #fff;
    border: 1px solid #7db5de;
    overflow: hidden;
    position: absolute;
    z-index: 11;
    width: 100%;
    top: 100%;
    left: 0;
    max-width: 500px;
}

.popupholder li:hover {
    background-color: #976858 !important;
    color: #fff;
}

#ratewheel {
    background-color: #ffffff;
    text-align: center;
    left: 0px;
    top: 31px;
    filter: alpha(opacity=60);
    opacity: 0.6;

    width: 327px;
    height: 202px;
    position: absolute;
    z-index: 9999;
    top: 31px;
    display: none;
}

#boxholder .box {
    padding: 2px;
}

#ratewheel .tab {
    float: left;
    height: 31px;
    width: 82px;
    margin: 0;
    text-align: center;
    line-height: 31px;
    font-weight: 700;
    background-image: url(img/tabs.png);
    background-repeat: repeat-x;
    background-color: Transparent;
    cursor: pointer;
    border: 0;
}

.art-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.art-tabs .tab {
    height: 31px;
    width: 124px;
    margin: 0;
    text-align: center;
    line-height: 31px;
    font-weight: 700;
    cursor: pointer;
    border: 0;
    background: #f3f3f3;
}

.art-tabs .tab.active {
    background: #976858;
    color: #fff;
}

.apply-rate-log-time {
    position: relative;
}

#boxholder .box ul {
    padding: 0;
    margin: 0;
}

#boxholder .box ul li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    background-image: none;
    text-align: left;
    padding: 5px;
    /* width: 100%; */
    font: menu;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    cursor: pointer;
}

#boxholder .box ul li.odd {
    background-color: #ecf4fa;
}

div#boxholder .box ul li b {
    float: right;
}

div#boxholder .box ul li span {
    float: left;
}

#boxholder {
    max-height: 250px;
    overflow-y: scroll;
}

@media screen and (max-width: 1200px) {
    .header_nav ul {
        width: auto;
    }

    .header_nav ul li {
        max-width: 100%;
    }

    .header_nav ul li a {
        width: 100px;
    }

    .page-logo {
        width: 100px;
    }

    a#profileMenuOpenBtn {
        width: 100px;
        padding: 0;
    }

    .header_top {
        overflow: scroll;
        background: #212324;
    }

    .header_top {
        overflow: scroll;
    }
}





[data-group="button"] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.address-loader {
    position: relative;
    /* Relative to the parent container */
    width: 100%;
}

.address-loader-bx {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    /* Ensure it stays above other content in the section */
    display: flex;
    justify-content: center;
    align-items: center;
}

.address-loader-bx.hide {
    display: none;
    /* Hides the loader */
}

.address-loader-bx img {
    width: 30px;
    /* Adjust the size as needed */
    height: 30px;
}

.grid-control-alert .dispatch-table-bx {
    height: calc(100vh - 300px);
}

.dispatch-table-bx {
    overflow: scroll;
    height: calc(100vh - 225px);
}

.dispatch-table-bx table tr th,
.dispatch-table-bx table tr td {
    white-space: nowrap;
}

/*================================================
	######Contextmenu######
=================================================*/
.clickable {
    width: 100%;
}

.clickable img {
    cursor: pointer;
    max-width: 25px;
    filter: brightness(0) saturate(100%) invert(14%) sepia(19%) saturate(4027%) hue-rotate(346deg) brightness(99%) contrast(95%);
}

.clickable img:focus {
    outline: none;
}

.context-item {
    margin: 20px 0;
    cursor: pointer;
}

/* Menu */
.clickable button {
    padding: 1rem 2rem;
    cursor: pointer;
    background: #EEE;
    border: none;
    border-radius: 5px;
}

.clickable button:hover {
    background: #BBB;
}

.clickable button:focus {
    outline: none;
    background: #BBB;
}

#contextmenu {
    display: none;
    font-size: 1rem;
    position: absolute;
    min-width: 200px;
    height: auto;
    padding: 0;
    border-radius: 10px;
    top: 115px !important;
    left: 10px;
    color: #000;
}

#contextmenu.show {
    display: block;
}

#contextmenu ul {
    background: #FFF;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

#contextmenu li {
    padding: 5px;
    cursor: pointer;
    font-size: 12px;
    color: #000;
}

#contextmenu li.space-line {
    background: #ccc;
    height: 1px;
    display: block;
    width: 100%;
    padding: 0 !important;
    margin: 5px 0;
}

#contextmenu li i {
    margin-right: 5px;
    color: #BBB;
}

#contextmenu li:hover {
    background: #52200e;
    color: #fff;
}

#contextmenu li.share,
#contextmenu li.send {
    position: relative;
}

#contextmenu li.paste {
    border-bottom: 1px solid #AAA;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#contextmenu li.delete {
    border-top: 1px solid #AAA;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

#contextmenu li.delete:hover {
    color: red;
}

#contextmenu li.delete:hover i {
    color: red;
}

#contextmenu li.has-sub {
    position: relative;
}

#contextmenu li.has-sub:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    content: "\f105";
    color: #BBB;
    position: absolute;
    right: 5px;
}

#contextmenu>ul>li>ul {
    position: absolute;
    display: none;
    top: 5px;
    right: -200px;
    min-width: 200px;
    z-index: 2;
}

#contextmenu>ul>li:hover>ul {
    display: block;
}


.dispatch-filter .form-group {
    margin: 0;
}

.dispatch-filter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}

.form-bx-flex {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
}

.form-bx-flex label {
    margin: 0;
    white-space: nowrap;
}

.advanced-search-form {
    margin-top: 15px;
}

.advanced-search-bx a i {
    background: #52200e;
    padding: 4px 8px;
    margin-left: 15px;
    color: #fff;
    font-size: 16px;
}

.dispatch-filter span.input-group-text {
    background: #52200e;
    color: #fff;
    font-size: 16px;
    border-radius: 0;
}

.dispatch-filter .frame-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 10px;
    column-gap: 10px;
}

.grid-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-nav-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.grid-option a {
    font-weight: 500;
    font-size: 12px;
    white-space: nowrap;
    text-decoration: underline !important;
}

.grid-option a:last-child {
    text-decoration: none !important;
}

.grid-option {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.grid-option a span img {
    max-height: 20px;
    filter: brightness(0) saturate(100%) invert(14%) sepia(26%) saturate(2778%) hue-rotate(344deg) brightness(93%) contrast(97%);
}

.cgcf-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff8e9;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd6c8;
}

.cgcf-bx .form-group {
    margin-bottom: 0;
}

.grid-setup-li-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 5px 10px;
    border: 1px solid #52200e40;
    background: rgb(243 241 241);
}

.grid-setup-li-head p {
    margin: 0;
}

.grid-setup-show {
    display: flex;
    align-items: center;
    gap: 15px;
}

.grid-setup-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.grid-setup-li-body {
    padding: 3px 10px;
    border: 1px solid #52200e40;
    background: rgb(243 241 241);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-setup-body ul li {
    margin-top: 5px;
}

.grid-setup-width .form-group {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    max-width: 60px;
}

.scroll-modal {
    height: 450px;
    overflow-y: scroll;
}

.scroll-x-box {
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.scroll-y-box {
    height: 250px;
    overflow-y: hidden;
    overflow-x: scroll;
}

.manage-hover-bx {
    display: none;
    position: absolute;
    z-index: 3;
    padding: 15px;
    margin-top: 0;
    width: 340px;
    background: white;
    border: 1px solid #B8B8B8;
    box-shadow: 0px 0px 5px 0px rgba(192, 192, 192, 1);
    text-align: center;
}

.manage-hover-bx p {
    margin: 0;
}

.manage-hover-bx ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 15px;
}

.manage-hover-bx a:last-child {
    margin-top: 15px;
    display: inline-block;
    color: #52200e;
    text-transform: capitalize;
    text-decoration: underline !important;
    font-weight: 600;
}

.manage-hover-bx ul li {
    display: inline-block;
    position: relative;
    margin-right: 6px;
    font-weight: 600;
    text-transform: capitalize;
}

.manage-hover-bx ul li:before {
    content: '>';
    padding-right: 5px;
}

.manage-hover-bx ul li:first-child:before {
    content: '';
}

.manage-status-bx:hover .manage-hover-bx {
    display: block;
}

.ldc-form-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ldc-form-bx .form-group {
    flex: 0 0 calc(25% - 15px);
    margin-bottom: 0;
}

.ldc-form-data {
    text-align: center;
    margin-top: 5px;
    height: 150px;
    max-height: 162px;
    overflow: overlay;
}

.ldc-table-data h5 {
    background: #f5f5f5;
    padding: 5px;
    font-size: 14px;
    text-align: center;
}

.ldc-table-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 5px 10px;
    border: 1px solid #52200e40;
    background: rgb(243 241 241);
    margin-bottom: 5px;
}

.ldc-table-list p {
    margin: 0;
}

.ldc-driver-action a {
    font-weight: 500;
}

.ldc-btn-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.ldc-driver-name,
.ldc-driver-car {
    flex: 0 0 35%;
}

.grid-right-head {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    padding: 5px 0;
}

.grid-right-head .form-group {
    margin: 0;
}

.grid-right-head .form-group input {
    max-width: 70px;
    text-align: center;
    color: #52200e;
}

.grid-driver-info {
    display: none;
    position: absolute;
    z-index: 3;
    padding: 15px;
    margin-top: 0;
    width: 340px;
    background: #f5fbb4;
    border: 1px solid #eff92d;
    box-shadow: 0px 0px 5px 0px rgba(192, 192, 192, 1);
    text-align: left;
}

.grid-driver-hover:hover .grid-driver-info {
    display: block;
}

.grid-driver-info h5 {
    margin: 0;
    font-size: 12px;
}

.grid-driver-info p {
    margin: 0;
}

.custom-file-input-wrapper {
    display: inline-block;
    position: relative;
}

.grid-setup-width {
    float: right;
    width: 60px;
    text-align: right;
}

.grid-setup-li-body span.drag-handle {
    display: inline-block;
    width: calc(100% - 60px);
    cursor: all-scroll;
}

.cd-trip-modal font,
.cd-trip-modal b,
.modal-body td,
.modal-body th {
    font-size: 12px;
}

.cd-trip-modal h3 {
    background: #ffece5;
    font-size: 14px;
    padding: 4px 5px;
}

.cd-trip-modal textarea {
    width: 100%;
    height: auto;
}

.cd-trip-modal {
    background: #f3f3f3;
}


.trip_duplicate_form {
    padding: 5px;
}

.trip_duplicate_form .box21 {
    background: none repeat scroll 0 0 #fff;
    border: 1px outset #BDBCBD;
    padding: 0;
}

.trip_duplicate_form .tripTitle {
    border-bottom: 1px solid #BDBCBD;
    height: 40px;
    color: #000;
    background-color: #FFFFCC;
    font-size: 14px;
    padding-left: 10px;
}

.trip_duplicate_form .tripListrow1 {
    border: medium none;
    font-size: 13px;
    height: 26px;
    padding-left: 10px;
}

.trip_duplicate_form .box221 {
    background: none repeat scroll 0 0 #FFFFCC;
    border: 1px outset #BDBCBD;
    padding: 2px;
}

.drop-ic {
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: #f6f6f6;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type=radio],
input[type=checkbox] {
    accent-color: #421a0b;
    height: auto;
}

.dispatch-send-sms {
    padding: 15px;
}

.dispatch-send-sms .box22 {
    border: 1px solid #52200e75;
}

.yellow-bx {
    font-weight: bold;
    border: 1px solid rgb(188, 188, 189);
    background-color: rgb(255, 255, 204);
}

.grey-bx {
    font-weight: bold;
    border: 1px solid rgb(188, 188, 189);
    background-color: rgb(238 238 238);
}

.topListing {
    border-bottom: solid 2px #000;
}

.custListRow {
    cursor: pointer;
    height: 19px;
    border-bottom: solid 1px #f2f2f2;
}

.brown-bx {
    margin-top: 5px;
    background-color: #52200e;
    border: solid 1px #f2f2f2;
}

.settlement-table .nav.flex-column.nav-pills a.nav-link {
    border: 1px solid #52200e4a;
    background: #fff4f0;
    margin-bottom: 6px;
    border-radius: 0;
}

.settlement-table .nav.flex-column.nav-pills a.nav-link.active {
    background: #52200e;
}

.settlement-table .nav.flex-column.nav-pills {
    margin-bottom: 15px;
}

.settlement-table .nav.nav-tabs {
    border: none;
}

input,
select,
textarea {
    border-radius: 0;
    padding: 4px 4px;
    font-size: 12px;
    height: auto;
}

.acct-user-list,
.pass-user-list {
    border: 1px solid #52200e4a;
    background: #fff4f0;
    margin-bottom: 6px;
    border-radius: 0;
    padding: 5px;
}

.important {
    background-color: #FFFFCC;
    border: 1px solid #FFCC66;
    margin: 6px 0;
    padding: 5px;
}


.dispatch-filter #calendar-input {
    padding: 8px;
    width: 250px;
    cursor: pointer;
}

.dispatch-filter #dropdown-menu {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    width: 250px;
    z-index: 999;
    margin-top: 5px;
}

.dispatch-filter .dropdown-option {
    padding: 10px;
    cursor: pointer;
}

.dispatch-filter .dropdown-option:hover {
    background-color: #f0f0f0;
}

.edit-sms-recipients {
    border: 1px solid #ffffff;
    padding: 15px;
    background: #f4f4f4;
    position: absolute;
    width: 100%;
    max-width: 410px;
    left: 0;
    top: 30px;
    right: 0;
    margin-inline: auto;
    border-top: 2px solid #52200e;
    transition: all 0.5s;

}

.edit-sms-btns {
    text-align: right;
}

#email_scheduler_modal .form-inline {
    gap: 5px;
    margin-bottom: 10px;
}

#email_scheduler_modal .custom-radio {
    flex: 0;
}

#email_attchedfile_modal ul#fileList {
    padding: 0;
    list-style: none;
    margin: 0;
}

#email_attchedfile_modal ul#fileList li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #52200e33;
    display: flex;
    align-items: center;
    gap: 5px;
}

#email_attchedfile_modal ul#fileList li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid #52200e33;
}

@media (min-width: 576px) {

    #email_scheduler_modal .modal-sm,
    #email_attchedfile_modal .modal-sm {
        max-width: 410px;
    }
}

@media (min-width: 576px) {
    .modal-xl {
        max-width: 90%;
    }
}


.reservation_log_titles {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #52200e36;
}

.reservation_left_onner {
    display: flex;
    align-items: center;
    gap: 12px;
}

.reservation_left_onner h2 {
    font-size: 26px;
    font-style: normal;
    letter-spacing: 0;
}

.reservation_left_titles p {
    margin: 0;
    font-size: 16px;
}

.reservation_log_tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.reservation_log_tabs .reservation_left_titles {
    flex: 0 0 80%;
}

.reservation_log_tabs .reservation_right_search {
    flex: 0 0 20%;
}

div#emailContainer tr {
    position: relative;
}

.ef-email-bx {
    position: absolute;
    left: 0;
    width: 100%;
    background: #f6f6f6;
    padding: 5px;
    z-index: 1;
    top: 100%;
    transition: all 0.5s;
    border: 1px solid #ccc;
}

#dispatch-Table .tooltip-show {
    position: relative;
}



.tooltipcustom {
    cursor: pointer;
    left: 0;
    z-index: 1;
    top: 0;
    opacity: 0;
    background: #fefcc5;
    padding: 10px;
    transition: all 0.5s;
    position: absolute;
    display: none;
}

#dispatch-Table .tooltip-show:hover .tooltipcustom {
    opacity: 1;
    display: block;
}

.tooltipcustom p {
    width: 100%;
    font-size: 11px;
    margin: 0;
}

.tooltipcustom h3 {
    width: 100%;
    font-size: 11px;
    font-weight: 700;
}

.comment-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.comment-text-bx {
    width: 75%;
}

.comment-action i {
    font-size: 16px;
    font-weight: 600;
}

.comment-action i.fal.fa-check.success {
    color: #088408;
}

.comment-action i.fal.fa-times.danger {
    color: #ff0000;
}

.cmt .tooltip {
    z-index: 9999;
    position: absolute;
    transition: none;
}

.disabled-container {
    pointer-events: none;
    /* Prevent user interaction */
    opacity: 0.6;
    /* Make it look disabled */
}

.odd-res-log-row {
    font-weight: 500;
    width: 100%;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.quote-view-page .border-box {
    margin-bottom: 10px;
}

.quote-prim-secodry {
    margin-top: 50px;
}

.account-auto-fill .search-results-container {
    width: 200%;
}

.width-120 {
    width: 120px;
    flex: 0 0 120px;
}

/* Right Section Layout */
.right-section-settle {
    float: right;
    margin-right: 20px;
}

/* Yellow Box */
.summary-box {
    background-color: #FFFFDD;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

/* Summary Row */
.summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

/* Labels & Inputs */
.summary-label {
    font-weight: bold;
    width: 60%;
}

.summary-input {
    width: 35%;
    text-align: right;
    font-weight: bold;
    border: none;
    background: transparent;
}

/* Colors */
.blue-text {
    color: #0000FF;
}

.green-text {
    color: #008000;
}

.red-text {
    color: #FF0000;
}

/* Mileage Box */
.mileage-box {
    background-color: #EEEEEE;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.mileage-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mileage-label {
    font-weight: bold;
    width: 40%;
}

.mileage-input {
    width: 25%;
    text-align: center;
    border: 1px solid #ccc;
    padding: 5px;
}

/* Details Box */
.details-box {
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.details-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.details-label {
    width: 40%;
    font-weight: bold;
}

.details-input {
    width: 55%;
    padding: 5px;
    border: 1px solid #ccc;
}

/* Trip Notes */
.trip-notes-box {
    background-color: #FFFFDD;
    padding: 10px;
    border-radius: 5px;
}

.trip-notes-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.trip-notes-label {
    font-weight: bold;
    width: 40%;
}

.trip-notes-input {
    width: 50%;
    padding: 5px;
    border: 1px solid #ccc;
}

.more-button {
    cursor: pointer;
    margin-left: 5px;
}

/* Log Incident Link */
.log-incident {
    color: #f00;
    font-weight: bold;
    text-decoration: none
}

.settle-action-btns {
    display: flex;
    flex-direction: column;
    /* Vertical alignment */
    align-items: flex-start;
    /* Left align buttons */
    gap: 10px;
    /* Space between buttons */
}

.settle-action-btns .btn {
    width: 70px;
}

.conf-label-settle {}

.conf-value-settle {
    margin-left: 20px;
}

.term-payment-settle .left-align {
    justify-content: flex-start !important;
    text-align: left !important;
}

.term-payment-settle .form-label {
    margin-left: 10px;
}

.totol-from-res {
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}

.bottom-cal-settle {
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    background-color: #ffffe0;
}

.bottom-cal-settle .calculation-table {
    width: 100%;
    border-collapse: collapse;
}

.bottom-cal-settle .small-input {
    width: 80px;
}

.bottom-cal-settle .full-width-input {
    width: 100%;
}

.bottom-cal-settle .dropdown {
    width: 120px;
}

.total-section {
    border: 1px solid #000;
    padding: 10px;
    width: 100%;
    background-color: #b0e0e6;
    margin-top: 10px;
    text-align: right;
}

.total-amount {
    font-size: 24px;
}

.ttl-frst-drver-pyrl-wrrpr {
    background: #976858;
    padding: 5px;
}

.first-driver-paytab .nav-tabs,
.second-driver-paytab .nav-tabs {
    border-bottom: none !important;
}

.first-driver-paytab .left-section,
.second-driver-paytab .left-section {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
}

.first-driver-paytab .right-section,
.second-driver-paytab .right-section {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
}

.settle-pay-tab {
    padding: 5px !important;
}

.quotes-model-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.quotes-model-head h2 {
    margin: 0;
    color: #057205;
    font-size: 20px;
}

.quotes-model-head h2 span {
    color: #000;
}

.more-notes-modal-content {
    top: 140px;
}

.more-notes-modal-content .trip_notes {
    width: 100%;
}

.dialog {
    width: 100%;
    max-width: 340px;
    padding: 0;
    border: none;
}

.dialog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    background: #52200e;
}

.dialog-header h5 {
    margin: 0;
    color: #fff;
}

.dialog-body {
    padding: 15px 15px 0px 15px;
}

.dialog-body textarea {
    width: 100%;
}

.dialog-footer {
    padding: 10px 15px;
    text-align: right;
}

.dialog-close {
    background: transparent;
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 0;
}

.payment-info-box-list {
    list-style: none;
    /* Removes bullets */
    padding-left: 0;
    /* Removes default left padding */
    margin: 0;
    /* Removes any extra margin */
}

.payment-info-box-list li {
    padding-top: 5px;
}

.pay-action-buttons {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    top: 10px;
}

.transactions-list li {
    padding-top: 0px !important;
    cursor: pointer;
}

/* ✅ Refunded transactions ka extra top space hataya */
.disabled-transaction {
    background-color: #f8f9fa;
    /* Light grey background */
    color: #6c757d;
    /* Grey text */
    pointer-events: none;
    /* Click disable */
    opacity: 0.6;
    /* Slightly faded */
}

/* ✅ Cursor normal ho refund items pe */
.disabled-transaction:hover {
    cursor: not-allowed;
}

/* ✅ Payment icons ka alignment fix */
.payment-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    /* Yeh ensure karega ki icon aur text properly aligned ho */
    vertical-align: middle;
    /* Icon aur text same line pe aayenge */
}

/* ✅ Refunded Transaction ID ka spacing aur color fix */
.refunded-id {
    color: #dc3545;
    /* Red color for visibility */
    font-weight: bold;
    margin-top: 2px;
    display: block;
    font-size: 12px;
}

a.toggle-btn {
    background: #52200e40;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 7px;
}

td.acc-name {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
}

a.toggle-btn img {
    width: 15px;
    height: auto;
}

div#dispatch_log_modal {
    z-index: 9999999;
}

.modal-btns-bx {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    padding: 5px 5px;

}

.context-menu-item:hover {
    background: #52200e;
    color: #fff;
}

table {
    font-weight: 500;
    font-size: 12px;
}

.btn {
    padding: 4px 8px;
    font-size: 12px;
}

.body-scroll-off {
    overflow: hidden;
}

.dispatch-alert-msg {
    display: flex;
    align-items: center;
    gap: 15px;
}

.dispatch-alert-msg h3 {
    margin: 0;
    font-size: 16px;
}

.dispatch-alert-msg img {
    max-width: 25px;
}

.dispatch-alert-msg h3 {
    margin: 0;
}

.dispatch-save-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: #fdfd9d;
    flex-wrap: wrap;
}

.farm-out-bx {
    border: 1px solid #52200e;
    height: auto;
    padding: 7px;
    background: #52200e14;
}

.farm-out-bx .search-results-container {
    width: 200%;
    left: auto;
    right: 0;
}

form#detail_edit_from .form-group {
    margin-bottom: 0.5rem;
}



.accordion>.card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.accordion .card .card-header {
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    background-color: #52200e2b;
    border-radius: 0;
}

.accordion .card .card-header .card-title {
    padding: 5px;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #52200e;
    border-radius: 0;
}

.accordion .card .card-header .card-title.collapsed {
    color: #000000;
}

.upload-img img {
    max-width: 80px;
}

.receivable-invoice-head h2 {
    font-size: 22px;
    margin-bottom: 0;
}

.receivable-invoice-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(204 204 204 / 40%);
}

.receivable-card {
    border: 1px solid rgb(204 204 204 / 40%);
    padding: 5px 5px;
    flex: 0 0 calc(25% - 20px);
}

.receivable-card-head h3 {
    background: #52200e;
    margin: 0;
    padding: 6px;
    color: #fff;
    font-size: 14px;
}

.receivable-card-body {
    padding: 5px;
}

.receivable-card-body p {
    margin: 0;
    font-size: 14px;
}

.receivable-card-body p a {
    font-weight: 500;
}

.receivable-card-body h4 {
    font-size: 16px;
}

.receivable-card-body .form-group {
    margin-bottom: 0.5rem;
}

.receivable-invoice-cards {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.receivable-invoice-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.receivable-invoice-head ul,
.receivable-invoice-footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 15px;
}

.receivable-invoice-head ul li,
.receivable-invoice-footer ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.receivable-invoice-head ul li a,
.receivable-invoice-footer ul li a {
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    white-space: nowrap;
}

.receivable-invoice-head ul li span img,
.receivable-invoice-footer ul li a span img {
    max-height: 20px;
    filter: brightness(0) saturate(100%) invert(14%) sepia(26%) saturate(2778%) hue-rotate(344deg) brightness(93%) contrast(97%);
}

.receivable-invoice-footer {
    margin-top: 15px;
    margin-bottom: 15px;
}

.receivable-invoice-head ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.cm-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 15px;
}

.cm-footer .form-group {
    margin: 0;
}

.cm-link a {
    font-weight: 500;
    text-decoration: underline !important;
}

.img-inside-invoice {
    max-width: 50%;
    margin-inline: auto;
}

.payment-transections-list {
    overflow-y: scroll !important;
    max-height: 300px;
    overflow: hidden;
}




.file-main-bx {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 15px;
}

.file-note-bx {
    max-width: 270px;
    background: #ffeee8;
    padding: 10px;
    flex: 0 0 270px;
}

.file-note-bx p {
    margin: 0;
}

.file-folder-bx {
    flex: 0 0 calc(100% - 285px);
}

.folder-tree-wrapper {
    background-color: #fff;
    padding: 20px;
}

.folder-tree {
    list-style: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.folder-tree li {
    margin-bottom: 10px;
    font-size: 12px;
    transition: all 0.4s ease;
    position: relative;
}

.folder-tree li:hover {}

.folder-tree li i {
    color: rgb(242, 176, 53);
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
}

.folder-tree li ul {
    padding-left: 10px;
    padding-top: 8px;
}

.folder-tree ul {
    display: none;
    position: relative;
}

.folder-tree ul:before {
    position: absolute;
    content: "";
    left: -10px;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: transparent;
    border-left: dashed 1px #c2c2c2;
    border-bottom: dashed 1px #c2c2c2;
}

.folder-tree li ul li {
    display: block;
    margin-bottom: 8px;
}

.folder-tree .arrow {
    position: absolute;
    top: 4px;
    left: -14px;
    width: 8px;
    height: 8px;
    transition: all 0.4s ease;
    transform: rotate(-90deg);
}

.folder-tree .arrow i {
    color: #52200e;
    transition: all 0.4s ease;
}

.folder-tree .arrow:hover i {
    color: #292929;
}

.folder-tree li.expanded>ul {
    display: block;
}

.folder-tree li.expanded>.arrow {
    transform: rotate(0deg);
}

.file-folder-bx .form-group.text-right .btn.btn-primary img {
    filter: invert(1);
    max-width: 40px;
}

ul.files-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.files-list li span {
    font-weight: 600;
    color: #52200e;
}

ul.files-list li span img {
    max-width: 16px;
    margin-right: 3px;
}

ul.files-list li {
    margin-bottom: 10px;
    font-size: 12px;
    transition: all 0.4s ease;
    position: relative;
}


.memo-login-check {
    margin-bottom: 10px;
}

.memo-login-check .custom-control {
    margin-bottom: 10px;
}

.dgrf-bx {
    padding-left: 20px;
}

.dgrf-bx .frame-wrap .custom-control {
    margin-bottom: 10px;
}

.memo-main-bx {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 15px;
}

.memo-bx {
    zoom: 1;
    background-color: #FDF4AC;
    padding: 6px;
    margin-bottom: 15px;
    border: 1px solid #d2ca7d;
    overflow: auto;
}

.memo-head-bx {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 10px;
}

.memo-head-bx span {
    font-weight: 700;
}

.memo-left-bx {
    max-width: 370px;
    background: #ffeee8;
    padding: 10px;
    flex: 0 0 370px;
}

.memo-right-bx {
    flex: 0 0 calc(70% - 385px);
}

.memo-text {
    background: #fff;
    padding: 5px;
}

.memo-text p {
    margin: 0;
}

.memo-done {
    background-color: #dddddd !important;
    padding: 6px;
    color: #999999;
    margin-bottom: 15px;
}

.memo-done p {
    text-decoration: line-through;
}

/*20250331*/
.required::after {
    content: " *";
    color: red;
    font-size: 15px;
}




.memo-stripe {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 5px;
}

span#memo-counter {
    color: #000;
}

.memo-panel {
    color: #000;
}

.reserve-right-head li.more-dropdown ul {
    display: none;
}

.reserve-right-head li.more-dropdown.show ul {
    display: block;
}

li.more-dropdown a.dropdown-item img {
    filter: none;
}

.reserve-right-head li.more-dropdown a {
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    white-space: nowrap;
}

.res-driv-pay-show {
    padding: 5px;
    background: #f2f2f2;
}

.driv-pay-input-group {
    display: flex;
    margin-bottom: 0.5rem;
}

.driv-pay-input {
    display: flex;
    gap: 5px;
    align-items: center;
}

.driv-pay-input input {
    flex: 0 0 45.5%;
    width: 100%;
}

.driv-pay-input span {
    flex: 0 0 5%;
    text-align: center;
}

/*driver payroll wrpper*/
.driver-payroll-summary .form-label {
    min-width: 180px;
    margin-bottom: 0;
    font-weight: 500;
}

.driver-payroll-summary .form-control-sm,
.driver-payroll-summary .form-select-sm {
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
}

.driver-payroll-summary .input-group-text {
    height: calc(1.8125rem + 2px);
}

.driver-payroll-summary .input-group>.form-control-sm,
.driver-payroll-summary .input-group>.input-group-text,
.driver-payroll-summary .input-group>.form-select-sm {
    vertical-align: middle;
}

.driver-payroll-summary .form-control-sm:focus,
.driver-payroll-summary .form-select-sm:focus {
    box-shadow: none;
}

.driver-payroll-summary .other-tax-sec input[type="text"] {
    max-width: 120px;
    margin-right: 10px;
}

.driver-payroll-summary .other-tax-sec select {
    margin-right: 10px;
}

.other-text-group {
    display: flex;
    margin-right: 92px;
}

.report-check-boxes {
    margin-bottom: 0.5rem !important;
}

.report-page .form-group:last-child,
.report-page .form-group:only-child {
    margin-bottom: 1.5rem;
}

.report-page .border-box {
    background: #e1e1e1;
}

.no-bg {
    background-color: #ffff !important;
}

.pay-affi-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 15px 0;
}

.pay-affi-head .form-inline {
    gap: 15px;
}

.pay-affi-title h2 {
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    text-transform: capitalize;
}

.pay-affi-head .form-inline .form-control {
    min-width: 200px;
}

.billbox {
    border-left: solid 1px #52200e;
    border-right: solid 3px #52200e;
    border-bottom: solid 3px #52200e;
    border-top: solid 1px #52200e;
    border-style: ridge;
    background: #52200e17;
    background-image: url('../../assets/img/bill-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.order-input {
    background: transparent !important;
    border: none;
}

.billbox .form-control:disabled,
.billbox .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.billtable {
    margin-top: 20px;
}

.billbox td {
    padding-left: 10px;
    padding-right: 10px;
}

.bill-child td {
    padding-left: 0 !important;
    padding-right: 0 !important;

}

.pay-actions {
    display: flex;
    gap: 15px;
    padding-right: 30px;
}

.pay-actions a {
    font-weight: 500;
    font-size: 12px;
}

.pay-actions img {
    max-height: 20px;
}

.row-totals {
    border: 2px solid #212529;
}

.row-totals td {
    font-weight: bold;
}

.left-side-inv {
    width: 50%;
}

.right-side-inv {
    width: 50%;
    display: grid;
    grid-template-columns: 20% 20% 30%;
    align-items: center;
    justify-content: flex-end;
}

.apply-to-btn {
    width: 100%;
}

.inner-table th {
    background: #e9e0dd !important;
    color: #212324 !important;
}

.no-border-td td,
.no-border-td th {
    border: none !important;
}

.submit-btn-div button {
    width: 100%;
}

.invoice-amount-div,
.apply-invoice-action {
    text-align: right;
    max-width: 200px;
    margin-left: auto;
}

.custmer-payment-head {
    margin-bottom: 15px;
}

.custmer-payment-head h4 {
    margin-bottom: 3px;
}

.custmer-payment-head p {
    margin-bottom: 0;
}

.report-and-analytic {
    display: none;
}

.plus-icon-tab .add-icon-a {
    background: #52200e40;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 0px;
}

.template-dd-title {
    padding-left: 7px;
}

.width-100 {
    width: 100%;
}

.report-column-modal {
    min-height: 570px;

}

#columnModal .border-box {
    min-height: 570px;
    max-height: 570px;
    overflow-y: scroll;
}

.two-field {
    width: 100%;
}

.column-table-cus {
    width: 100%;
}

.add-column-section-wrapper .only-new {
    float: right;
}

.header-brown td {
    background: #52200e;
    color: #fff;
}

.border-brown td {
    border: 2px solid #212529;
    background: #ffffffff !important;
    color: #212529 !important;
}

.record_list .groups-data-table td {
    white-space: nowrap;
}

.table-hori-scroll {
    overflow: auto;
    max-width: 1475px;
    display: block;
}

.child-fltr-cncl-wrppr {
    margin-top: 18px;
}

.temp-list-def {
    padding-left: 0;
}

.main-head-temp-list-ul {
    max-height: 475px;
    overflow: scroll;
}


.settle-modal-head ul li span img {
    max-height: 20px;
    filter: brightness(0) saturate(100%) invert(14%) sepia(26%) saturate(2778%) hue-rotate(344deg) brightness(93%) contrast(97%);
}

.settle-modal-head ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

.settle-modal-head .text-right p {
    margin: 0;
}

div#dispatch_send_email,
#dispatch_print,
#quote_log_response {
    z-index: 2051;
}

.css-icon {
    display: inline-block;
    background: #727272;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    position: relative;
    top: 1px;
    color: #ffff;
    font-size: 12px !important;
}

.label-success>.css-icon {
    background: #599500;
}

a.btn.btn-primary.btn-sm.inv-fab {
    width: 40%;
}

.sel-all-act-btns {
    float: right;
    padding-bottom: 5px;
    padding-left: 15px;
}

.form_bx.driver-form-top {
    justify-content: flex-end;
}

/** top quick search bar**/
.q-action-r-q {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

/* New Res main button */
.q-action-r-q .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 600;
}

/* Arrow/dropdown wrapper */
.q-action-r-q .dropdown .nav-link {
    background: #d9534f;
    color: #fff;
    padding: 6px 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hover states */
.q-action-r-q .dropdown .nav-link:hover,
.q-action-r-q .btn:hover {
    background: #c9302c;
    color: #fff;
}

/* Dropdown alignment */
.q-action-r-q .dropdown-menu {
    margin-top: 2px;
    min-width: auto;
    padding: 0;
    border-radius: 0;
}

/* Keep Rate, input, Find aligned */
.quick-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.q-action-r-q .dropdown-menu .dropdown-item {
    font-weight: 400;
    cursor: pointer;
    padding: 5px;
}

.top-quick-bar {
    background-color: #000;
    border-bottom: 1px solid #222;
    padding: 6px 0;
}

.quick-actions form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.quick-input {
    width: 100px;
    max-width: 120px;
    min-width: 85px;
}

.dropdown-menu {
    z-index: 9999;
}

.affiliate-search-bx .affi-search-results-container {
    width: 800px;
    position: absolute;
    z-index: 1;
    background: #fff;
    right: 5px;
    top: 100%;
    padding: 5px;
    border: 1px solid #ccc;
}

.affiliate-search-bx .affi-search-results-container tr.search-results-head {
    background: #212324;
    border: none;
    color: #fff;
}

.affiliate-search-bx .affi-search-results-container tr.search-results-head th {
    vertical-align: middle;
    border-bottom: 2px solid #e9e9e9;
}

.affiliate-close-btn {
    position: absolute;
    right: 5px;
    top: 5px;
}

.affiliate-close-btn button {
    background: #212324;
    width: 26.84px;
    height: 26.84px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.affiliate-search-bx .affi-search-results-container .search-results-head ul li {
    padding: 5px;
}

.affiliate-search-bx .affi-search-results-container .search-results-head li,
.affiliate-search-bx .affi-search-results-container ul.pick-affiliate li {
    width: 200px;
}