/* Template overrides */
:root {
    --ct-leftbar-width: 250px;
}

.navbar-custom {
    z-index: 1001;
}

.logo > span.logo-lg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-text {
    font-family: 'Righteous', cursive;
    font-weight: 500;
    font-size: 1.225rem;
    text-transform: uppercase;
    margin-left: 0.225rem;
    white-space: nowrap;
}

.logo-dark .logo-text {
    color: #323a46;
}

.logo-light .logo-text {
    color: #ffffff;
}

.table>:not(caption)>*>* {
    padding: 0.85rem 0.85rem!important;
    border-bottom-width: 1px!important;
    -webkit-box-shadow: inset 0 0 0 9999px var(--ct-table-accent-bg)!important;
    box-shadow: inset 0 0 0 9999px var(--ct-table-accent-bg)!important;
}

.table td, .table th {
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0.9rem!important;
    line-height: var(--ct-body-line-height)!important;
}

.table td button.btn-sm {
    padding: 0.3525rem 0!important;
}

.table td button.btn-sm.p-button-icon-only .pi {
    font-size: 0.9rem!important;
}

.btn.p-button {
    font-family: var(--ct-btn-font-family);
    font-size: var(--ct-btn-font-size)!important;
    font-weight: var(--ct-btn-font-weight)!important;
    line-height: var(--ct-btn-line-height)!important;
    color: var(--ct-btn-color)!important;
    border: var(--ct-btn-border-width) solid var(--ct-btn-border-color)!important;
    border-radius: var(--ct-btn-border-radius)!important;
    background-color: var(--ct-btn-bg)!important;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out!important;
}

.btn:hover {
    color: var(--ct-btn-hover-color)!important;
    background-color: var(--ct-btn-hover-bg)!important;
    border-color: var(--ct-btn-hover-border-color)!important;
}

.card {
    -webkit-box-shadow: var(--ct-box-shadow-sm)!important;
    box-shadow: var(--ct-box-shadow-sm)!important;
}

.form-control, .p-dropdown, .p-dropdown-panel,
.p-multiselect,
.p-multiselect-panel,
.p-multiselect-panel .p-multiselect-header,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    color: var(--ct-body-color)!important;
    background-color: var(--ct-input-bg-custom)!important;
}

.form-control, .p-dropdown, .p-dropdown-panel, .p-multiselect {
    font-size: 1rem;
    border: 1px solid var(--ct-border-color)!important;
}

.p-dropdown-label, .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    color: var(--ct-body-color)!important;
}

.p-dropdown:not(.p-disabled).p-focus,
.p-multiselect:not(.p-disabled).p-focus,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
    box-shadow: none!important;
}

html[data-bs-theme="dark"] .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    color: #fbfbfb!important;
    background: transparent!important;
}

html[data-bs-theme="dark"] .upload-container {
    background-color: var(--ct-input-bg-custom)!important;
    border: 1px dashed var(--ct-border-color)!important;
}

html[data-bs-theme="dark"] .upload-label {
    color: var(--ct-body-color)!important;
}

html[data-bs-theme="dark"] .img-placeholder-icon {
    filter: brightness(0.5);
}

html[data-bs-theme="dark"] .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
html[data-bs-theme="dark"] .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot,
html[data-bs-theme="dark"] .p-datatable .p-datatable-footer {
    background-color: rgba(108,117,125,.18);
}

.modal {
    position: unset;
    height: unset;
    overflow-x: unset;
    overflow-y: unse;
}

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

.placeholder-xl {
    min-width: 100px;
    min-height: 1.3em;
}

.img-table {
    max-width: 75px;
    max-height: 50px;;
}

.table.table-wrap>:not(caption)>*>* {
    padding: 0.25rem 0.85rem!important;
}

.table.table-wrap>:not(caption)>*>th, .p-datatable .p-datatable-footer {
    padding: 0.5rem 0.85rem!important;
}

.p-datatable .p-datatable-footer {
    border: 0!important;
}

.table.table-wrap td {
    white-space: unset;
}

/* Primvue overrides */
.p-button {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-button:focus {
    box-shadow: none!important;
}

.p-float-label {
    display: block!important;
}

.p-float-label label {
    margin-top: 0!important;
    transform: translateY(-50%);
    font-weight: normal;
}

.p-input-icon-left .p-input-icon-right > .p-inputtext {
    padding-left: 2rem;
}

.p-float-label.p-input-icon-left, .p-float-label.p-input-icon-right, .p-float-label .p-input-icon-left, .p-float-label .p-input-icon-right {
    display: block;
}

.p-float-label .p-input-icon-left .p-inputtext, .p-float-label .p-input-icon-right .p-inputtext, .p-float-label .p-inputnumber {
    width: 100%;
}

.p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0!important;
}

.p-dialog-mask.p-component-overlay {
    z-index: 1002!important;
}

.p-dialog .p-dialog-content .field:first-child {
    margin-top: 1.25rem;
}

.p-dialog .p-dialog-header h3 {
    font-size: 1.5rem;
    margin: 10px 0 0;
}

.field {
    margin-bottom: 1.725rem;
}

.p-datatable .p-datatable-tbody > tr, .p-paginator {
    background-color: transparent!important;
}

.p-datatable .p-datatable-thead > tr > th,
.p-datatable .p-datatable-tbody > tr > td,
.p-paginator {
    color: var(--ct-body-color)!important;
    border: 1px solid var(--ct-border-color)!important;
}

.p-datatable .normal-border .p-datatable-thead > tr > th,
.p-datatable .normal-border .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 0!important;
}

.p-dialog {
    --ct-modal-margin: 1.75rem;
    --ct-modal-box-shadow: var(--ct-box-shadow);

    --ct-modal-zindex: 1055;
    --ct-modal-width: 500px;
    --ct-modal-padding: 1rem;
    --ct-modal-margin: 0.5rem;
    --ct-modal-bg: var(--ct-card-bg-custom);
    --ct-modal-border-color: transparent;
    --ct-modal-border-width: 0;
    --ct-modal-border-radius: 0.2rem;
    --ct-modal-box-shadow: var(--ct-box-shadow-sm);
    --ct-modal-inner-border-radius: 0.2rem;
    --ct-modal-header-padding-x: 1rem;
    --ct-modal-header-padding-y: 1rem;
    --ct-modal-header-padding: 1rem 1rem;
    --ct-modal-header-border-color: var(--ct-gray-300);
    --ct-modal-header-border-width: 0;
    --ct-modal-title-line-height: 1.5;
    --ct-modal-footer-gap: 0.5rem;
    --ct-modal-footer-border-color: var(--ct-gray-300);
    --ct-modal-footer-border-width: 0;
}

.p-dialog .p-dialog-header,
.p-dialog .p-dialog-content,
.p-dialog .p-dialog-footer {
    color: var(--ct-modal-color)!important;
    background-color: var(--ct-modal-bg)!important;
    border: var(--ct-modal-border-width) solid var(--ct-modal-border-color)!important;
    /* border-radius: var(--ct-modal-border-radius)!important; */
}

.p-card {
    background-color: var(--ct-card-bg)!important;
    border: var(--ct-card-border-width) solid var(--ct-card-border-color)!important;
}

.p-card-body {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
    padding: var(--ct-card-spacer-y) var(--ct-card-spacer-x)!important;
    color: var(--ct-card-color)!important;
}

.p-multiselect-token-label {
    font-size: 0.825rem;
}

.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.35rem 0.5rem!important;
}

.p-multiselect .p-multiselect-label {
    padding: unset!important;
}

.p-datatable .table-wrap .p-datatable-thead > tr > th,
.p-datatable .table-wrap .p-datatable-tbody > tr > td {
    border: 1px solid #dee2e6!important;
    border-width: 0 0 1px 0!important;
}

.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label, .p-multiselect .p-multiselect-label {
    padding: 0.5rem!important;
}

@media(max-width: 1140px) {
    .logo > span.logo-lg {
        justify-content: flex-start;
    }
}

@media(max-width: 768px) {
    .p-dialog {
        width: 95%!important;
    }
    
    .flex-xs-wrap, .details-modal .p-dialog-content .d-flex {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important;
    }

    .details-modal .p-dialog-content .d-flex .col-xs-12, 
    .details-modal .p-dialog-content .d-flex .col {
        margin-bottom: 1rem;
    }

    .details-modal .p-dialog-content .d-flex .col-xs-12.pe-3 {
        padding-right: 0!important;
    }

    .input-group.flex-xs-wrap > .p-float-label {
        flex: 1;
    }

    .input-group.flex-xs-wrap > span.p-float-label:first-child,
    .details-modal .p-dialog-content .d-flex .col-xs-12, 
    .details-modal .p-dialog-content .d-flex .col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .input-group.flex-xs-wrap,
    .input-group.flex-xs-wrap > span.p-float-label:first-child,
    .field {
        margin-bottom: 0.725rem;
    }

    .input-group.flex-xs-wrap .p-multiselect {
        width: 100%;
        max-width: 100%!important;
    }

    .p-float-label input:focus ~ label,
    .p-float-label input.p-filled ~ label,
    .p-float-label textarea:focus ~ label,
    .p-float-label textarea.p-filled ~ label,
    .p-float-label .p-inputwrapper-focus ~ label,
    .p-float-label .p-inputwrapper-filled ~ label {
        transform: translateY(50%);
        background: #fff;
    }

    .col-xs-12 {
        flex: 0 0 100%;
    }

    .p-float-label {
        max-width: 100%;
    }
}

.input-group .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem 0.5rem!important;
}

.w-full {
    width: 100%;
}

.line-height-1 {
    line-height: 1;
}

.minw-20 {
    min-width: 20px;
}

.table-fit-column-1 tr th:first-child,
.table-fit-column-2 tr th:nth-child(2),
.table-fit-column-3 tr th:nth-child(3),
.table-fit-column-4 tr th:nth-child(4),
.table-fit-column-5 tr th:nth-child(5),
.table-fit-column-6 tr th:nth-child(6),
.table-fit-column-7 tr th:nth-child(7),
.table-fit-column-8 tr th:nth-child(8),
.table-fit-column-9 tr th:nth-child(9),
.table-fit-column-10 tr th:nth-child(10),
.table-fit-column-last tr th:last-child {
    width: 50px;
}

.card.h-100 {
    height: calc(100% - 24px)!important;
}

/* Old Styles */
.error-label{
    color: #e1451e;
    font-size: 13px;
    font-weight: 100;
}

.status{
    padding:5px;
    color:white;
    border-radius: 10px;
    font-size:0.6rem;
    line-height: 1rem;
}

.img-fit{
    object-fit: contain;
    background: #ece6e6;
}


.tbl-img{
    height:50px;
    width:80px;
    object-fit:contain;
}


.custom-input{
    background: white;
    border:0;
    box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
}

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

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

.table-bordered{
    border: 1px solid lightgray;
    margin-bottom: 5px;
}

.table-gray{
    background:#eee !important;
}

.unset-text-transform input{
    text-transform: unset;
}

.bg-image{
    background-image:url("/images/tax5.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.w-100{
    width: 100%;
}

.swal2-title{
    font-family: Arial, Helvetica, sans-serif;
}

.p-toast .p-toast-message.p-toast-message-error {
    background: #FFCDD2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #c6182a;
}

.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #c6182a;
}

.p-toast-message-icon{
    margin:auto;
}

.otp-text{
    font-weight: 900 !important;
    font-size: 2rem !important;
}

.fill-info .p-progressbar-value{
    background: rgba(var(--ct-info-rgb))!important;
}

.fill-warning .p-progressbar-value{
    background: rgba(var(--ct-warning-rgb))!important;
}

.fill-danger .p-progressbar-value{
    background: rgba(var(--ct-danger-rgb))!important;
}

.fill-primary .p-progressbar-value{
    background: rgba(var(--ct-primary-rgb))!important;
}

.fill-success .p-progressbar-value{
    background: rgba(var(--ct-success-rgb))!important;
}

.fill-secondary .p-progressbar-value{
    background: var(--ct-gray-dark)!important;
}

.swal2-icon.swal2-success .placeholder, .swal2-icon.swal2-success .swal2-success-ring{
    border-color: rgba(165,220,134,.3) !important;
}

.p-inputtext.p-invalid.p-component {
    border-color: #f44336 !important;
}

.table-error .p-datatable-thead > tr > th, .table-error .p-datatable-tbody > tr > td, .table-error .p-paginator{
    color: red;
    border: #c6182a;
}

.p-dropdown.p-invalid.p-component {
    border-color: #f44336 !important;
}

.p-paginator{
    border: none !important;;
}

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

html[data-bs-theme=dark] .bg-secondary{
    color:black;
}

.fix-width{
    width: 10px;
}


.loader-absolute{
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100;
    background: #00000070;
    color: white;
    left:0;
    top:0;
}

.loader-absolute .dots span{
    background: white !important;
}

.mw-100{
    max-width: 100%;
}

.pl-0{
    padding-left:0;
}

.table-sm>:not(caption)>*>* {
    padding: 0.5rem 0.5rem !important;
}

.text-right{
    text-align: right;
}

.text-bold{
    font-weight: 600;
}

.pointer {cursor: pointer;}

.w-fit{
    width:10px;
}

.img-fluid{
    height: 100%;
}

.rg-15{
    row-gap: 23px;
}

.label-title{
    font-size: 12px;
}

.fc-event-selected::after, .fc-event:focus::after{
    background:none !important;
}

.fc-event-selected, .fc-event:focus{
    box-shadow:unset;
}

.text-uppercase{
    text-transform: uppercase;
}

.img-preview{
    width: 100%;
    height: 100%;
}

.face-img{
    width:100%;
    height:200px;
    object-fit: contain;
    background-color: #323a46;
}

.mn-175 {
    min-width: 175px;
  }

  .mx-175 {
    max-width: 175px;
  }


.biometric-modal.p-dialog {
    max-width: 600px;
    width: 100%;
}

.biometric-modal .p-dialog-content {
    /* overflow: hidden; */
}