@media (min-width: 992px) { /* Adjust the breakpoint as needed */
            .dropdown-item {
                white-space: normal !important;
            }
        }

       
        .header-row {
            margin-right:1px !important;
            margin-left:1px !important;
        }
        
        .form-row {
            margin-top:-7px;
            margin-bottom: -17px!important;
        }
        
        
        .form-control {
            height: auto !important;
            padding: 6px 13px;
            border: 1.5px solid #b6b7b9; /* Thinner but noticeable border */
            border-radius: 6px;
            background-color: #ffffff;
            transition: all 0.2s ease-in-out;
            width: 100%;
            box-shadow: none; /* Sharp and clean look */
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 15px; 
            font-weight: 400;
            letter-spacing: 0.5px;
            color: #2a2f5b;
            text-rendering: optimizeLegibility; 
        }

        .form-control::placeholder {
            color: #a0aec0;
            opacity: 0.9; /* Clear and easily distinguishable placeholder text */
        }

        .form-control:focus {
            border-color: #4299e1; /* Clear blue border on focus */
            box-shadow: 0 0 0 2px rgba(66, 153, 225, 0.3); /* Subtle focus glow for quick identification */
            outline: none;
        }

        textarea.form-control {
            min-height: 100px;
            resize: vertical;
        }

        .form-group label {
            display: block;
            margin-bottom: 0.5rem;
            font-weight: bold; /* Bold labels for distinction */
            color: rgb(33, 37, 41) !important; /* Dark font color for clarity */
            font-size: 14px;
        }

        /* Number input - hide arrows */
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        input[type="number"] {
            -moz-appearance: textfield;
        }

        .form-group {
            margin-bottom: 1.5rem;
        }


        .form-control.is-invalid {
            border-color: #e53e3e;
            background-image: none;
        }

        .form-control:disabled {
            background-color: #f7fafc;
            cursor: not-allowed;

        }
        .card {
            border-radius: 8px;
            box-shadow: rgba(17, 12, 46, 0.10) 0px 8px 20px 0px;
        }
        
        .form-control[readonly] {
            opacity: .9 !important;
            background: #e8e8e8 !important;
            border-color: #b3acac !important;
        }
        
        .btn-custom {
            background-color: #027A79!important;
            color: white !important;
            border: none;
            padding: 9px 18px !important;
            cursor: pointer;
            font-size: 13px;
        }
        
        .select2-container--default .select2-results__option--highlighted[aria-selected] {
            background-color: #252e4e !important;
            color: #fff !important;
            text-align:left !important;
        }
        
        .page-heading {
            margin-bottom: 0px !important;
        }
        
        .swal-overlay--show-modal .swal-modal {
            opacity: 1 !important;
            pointer-events: auto;
            box-sizing: border-box;
            -webkit-animation: showSweetAlert .3s;
            animation: showSweetAlert .3s;
            will-change: transform;
        }
        
        .swal-title {
            color: var(--bs-black) !important;
            font-weight: 600;
            text-transform: none;
            position: relative;
            display: block;
            padding: 13px 16px;
            font-size: 29px !important;
            line-height: normal;
            text-align: center;
            margin-bottom: 0;
        }
        
        .swal-text {
            font-size: 20px !important;
            position: relative;
            float: none;
            line-height: normal;
            vertical-align: top;
            text-align: left;
            display: inline-block;
            margin: 0;
            padding: 0 10px;
            font-weight: 400 !important;
            color: var(--bs-black) !important;
            max-width: calc(100% - 20px);
            overflow-wrap: break-word;
            box-sizing: border-box;
        }
        .swal-button--cancel {
            color: #f7f0f0!important;
            background-color: #121a3a;
        }
        
        .swal-button {
            font-weight: 600;
            font-size: 17px !important;
        }
        
       .custom-align-button{
            text-align:end!important;
        }
        
        .select2-container--default .select2-selection--single {
            height: 38px!important;
            padding-top: 4px !important;
            width:100%;
        }
        .select2-container--default .select2-selection--single .select2-selection__arrow {
            top: 4px;
            right: 5px;
        }
        
        .select2-container--default .select2-selection--single .select2-selection__clear {
            cursor: pointer;
            float: right;
            font-weight: 700;
            bottom: 2px;
            right: 2px;
        }
        
        .select2-container--default .select2-selection--single {
            border: 1.5px solid #cbd5e0 !important;
            border-radius: 5px !important;
        }

        .select2-dropdown {
            border: 1.5px solid #cbd5e0 !important;
            border-radius: 5px !important;
            box-sizing: border-box !important;
        }
        
        .custom-alert {
            padding: 12px 20px;
            margin: 0 0 20px 0;
            border-radius: 6px;
            font-family: inherit;
            font-size: 14px;
            line-height: 1.6;
            display: flex;
            align-items: center;
            width: 100%;
            background: #fff;
            border: 1px solid transparent;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        }

        .custom-alert-success {
            background-color: rgba(40, 167, 69, 0.1);
            border-color: rgba(40, 167, 69, 0.2);
            color: #28a745;
        }

        .custom-alert-danger {
            background-color: rgba(220, 53, 69, 0.1);
            border-color: rgba(220, 53, 69, 0.2);
            color: #dc3545;
        }

        .custom-alert-warning {
            background-color: rgba(255, 193, 7, 0.1);
            border-color: rgba(255, 193, 7, 0.2);
            color: #ffc107;
        }

        .custom-alert-info {
            background-color: rgba(23, 162, 184, 0.1);
            border-color: rgba(23, 162, 184, 0.2);
            color: #17a2b8;
        }

        .custom-alert-dismissible {
            padding-right: 40px;
            position: relative;
        }

        .custom-alert .custom-close {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 18px;
            font-weight: 500;
            line-height: 1;
            color: currentColor;
            opacity: 0.6;
            cursor: pointer;
            background: none;
            border: none;
            padding: 0;
        }

        .custom-alert .custom-close:hover {
            opacity: 1;
        }

        .custom-fade {
            transition: opacity 0.15s linear;
        }

        .custom-fade.custom-show {
            opacity: 1;
        }
        
        .table .dropdown .btn-secondary {
            visibility: hidden;
        }
    
        .table tr:hover .dropdown .btn-secondary {
            visibility: visible;
        }
        
        .custom-switch {
            display: flex;
            align-items: center;
            margin: 20px 0;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 6px;
            position:relative;
            right:13px;
        }

        .custom-switch-label {
            display: flex;
            align-items: center;
            cursor: pointer;
        }

        .custom-switch-input {
            position: relative;
            width: 50px;
            height: 24px;
            margin-right: 12px;
            appearance: none;
            background: #e0e0e0;
            border-radius: 12px;
            transition: all 0.3s;
            cursor: pointer;
        }

        .custom-switch-input:checked {
            background: #1572e8;  /* Fixed the color value here */
        }

        .custom-switch-input:before {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            top: 2px;
            left: 2px;
            background: white;
            transition: all 0.3s;
        }

        .custom-switch-input:checked:before {
            transform: translateX(26px);
        }

        .custom-switch-text {
            font-weight: 500;
        }
        
        #basic-datatables{
            border-color: #ebedf2 !important;
            border-style: solid !important;
            border-width: 1px !important; 
        }
        
        .custom-fw-bold {
            position:relative !important;
            top:7px !important;
        }
        
        .table-link {
            font-size: 14px;
            font-weight: 500;
        }
        .card .card-body{
            padding: 2.25rem !important;
        }
        
        
        
        
        
    
        @media screen and (max-width: 991.5px) {
            .custom-page-inner {
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
            }
        }
        
        
@media screen and (max-width: 600px) {
            
    #no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block !important;
	}
	
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#no-more-tables tr { 
	    border: 1px solid #ccc; 
	    margin-bottom: 15px;
	}
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee !important; 
		position: relative;
		padding-left: 50%; 
		white-space: pre-line;
		text-align:right;
		--bs-table-hover-bg: none;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 16px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	
	#no-more-tables td:before { 
	    content: attr(data-label); 
	    float: left;
        font-weight: bold;
	}
	
	.fw-bold {
        font-weight: 600!important;
        font-size: 20px;
    }
    
    .table-card{
        padding:6px !important;
    }
    
    .dropdown-item {
        white-space: pre-wrap !important;
    }
    
    .table-link {
        padding-left:36px;
    }
    
}
    @media screen and (max-width: 767px){
    .page-header {
        width:55% !important;
    }
    
    .custom-align-button{
        width:45% !important;
        text-align: end!important;
    }
    
    .btn-custom {
        padding: 9px 18px !important;
    }
    
    .btn .btn-custom{
        font-size: 13px !important;
    }
    
    .mobile-button{
        text-align:center!important;
        white-space:nowrap !important;
    }
    
    
    .table-striped>tbody>tr:nth-of-type(odd)>* {
        --bs-table-color-type: var(--bs-table-striped-color);
        --bs-table-bg-type: rgb(251 237 237 / 5%);
    }
    
    .action-whitespace{
        whitespace:nowrap!important;
    }
}
    
    /* Add a red asterisk to labels of required fields */
    label.required-label::after {
        content: " *";
        color: red;
    }

    .highlight-add {
        /* font-weight: bold; */
        background: linear-gradient(90deg, #ff4f4f, #fb71c4) !important;
        color: white !important;
        padding: 5px 10px !important;
        border-radius: 3px !important;
        font-size: 14px !important;
        box-shadow: 0px 3px 11px rgb(0 0 0 / 15%) !important;
    }
    
    .highlight-edit {
    /* font-weight: bold; */
    background: linear-gradient(90deg, #5f73ff, #cc7bfe);
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    box-shadow: 0px 3px 11px rgb(0 0 0 / 15%);
}