@import url('controls-css/variables.css');
@import url('controls-css/inputs.css');
@import url('controls-css/swal.css');
@import url('controls-css/tables.css');
@import url('controls-css/date-picker.css');
@import url('controls-css/select.css');
@import url('controls-css/template-overrides.css');

@import url('controls-css/sizes.css');

.cursor-crosshair {
    cursor: crosshair;
}

.user-profile-header-banner img{
    height : 80px !important;
}
.row-gap-0 {
    row-gap: 0 !important;
}

.row-gap-1 {
    row-gap: 0.25rem !important;
}

.row-gap-2 {
    row-gap: 0.5rem !important;
}

.row-gap-3 {
    row-gap: 1rem !important;
}

.row-gap-4 {
    row-gap: 1.5rem !important;
}

.row-gap-5 {
    row-gap: 3rem !important;
}

.column-gap-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
}

.column-gap-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
}

.column-gap-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
}

.column-gap-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
}

.column-gap-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
}

.column-gap-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
}

.table-controls-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.5rem;
    margin-top: 0.5rem;
    max-width: 100%;
    overflow: hidden;
}

@media (min-width: 768px) {
    .table-controls-wrapper {
        flex-direction: row;
        align-items: center;
    }
}

.table-controls-wrapper > .left-section,
.table-controls-wrapper > .right-section {
    min-width: 0;
}

.right-section {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.right-section-small {
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.menu-vertical,
.menu-vertical .menu-block,
.menu-vertical .menu-inner > .menu-item {
    width: 17.25rem !important;
}

.badge-inverted {
    background-color: white !important;
    color: #8fbd56 !important;
    border: 1px solid #8fbd56;
}

select.selectpicker[disabled] {
    background-color: #f5f5f5 !important; /* Match disabled input background */
    color: #495057 !important; /* Match disabled input text color */
    opacity: 1 !important; /* Prevent it from looking greyed out */
    cursor: not-allowed;
}

.bootstrap-select.disabled .dropdown-toggle {
    background-color: #f5f5f5 !important;
    color: #495057 !important;
    opacity: 1 !important;
    border-color: #ced4da; /* Optional: match border */
}

.sharp-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.sharp-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.bootstrap-select.sharp-right > .dropdown-toggle {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.pill-name {
    background-color: white !important;
    color: #6d788d !important;
}

.user-avatar-pill {
    width: 120px;
    height: 120px;
    font-size: 2.5rem;
}
.footer-div {
    background-color: #f9f9f9;
    padding: 50px 0px;
}

.pmethod {
    text-align: center;
}

.pmlogo ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 15px; /* Space between images */
}

.pmlogo li {
    flex-shrink: 0; /* Prevents images from shrinking */
}

.pmlogo img {
    max-height: 40px; /* Adjust as needed */
    width: auto;
}

.regiaddress {
    margin-bottom: 30px;
}

.regiaddress {
    font-weight: 600;
    line-height: 1.2em;
}

.black-border {
    border-color: black !important;
}

.regifootdtls {
    border-top: 1px solid #d3d3d3;
    padding-top: 15px;
}

.regifoot-title {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.toast-info {
    background-color: #6000d2 !important;
    color: #fff !important;
}

.btn-segmented .btn {
    min-width: 160px;
}

.btn-segmented label {
    flex: 1 1 0;
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .btn-segmented .btn {
        min-width: auto;
    }
}

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

.pointer-events-all {
    pointer-events : all;
}

.light-style .editable-hover-effect:hover {
    background-color: #f7f7f9 !important
}

.dark-style .editable-hover-effect:hover {
    background-color: #282828 !important
}


.toast.toast-info {
    background-color: rgb(var(--info-rgb)) !important;
}