/* Basic Setup */
.container {
    width: 100% !important;
    max-width: 1400px !important;
    margin: auto !important;
    padding: 15px !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
}

.panel-content-wrapper {
    padding: 20px;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
}

/* Form Styles */
.form-group {
    margin-bottom: 20px;
}

    .form-group label {
        display: block;
        font-weight: bold;
        margin-bottom: 8px;
        margin-left: 0;
    }

    .form-group .RadComboBox, .form-group .RadDatePicker, .form-group .RadNumericTextBox, .form-control {
        width: 100% !important;
        box-sizing: border-box;
    }



/* Panel Bar Header Styling */
.RadPanelBar .rpLink {
    background-image: none !important;
    background-color: #0d47a1 !important; /* Dark Blue */
    color: white !important;
}

    .RadPanelBar .rpLink:hover {
        background-color: #1565c0 !important; /* Lighter blue on hover */
    }

.RadPanelBar .rpSelected .rpLink {
    background-color: #1976d2 !important; /* Distinct blue for active panel */
}


/* Media Query for Tablets and Desktops */
@media (min-width: 768px) {

    .form-group label {
        display: inline-block;
        margin-bottom: 10px;
        margin-left: 5px;
    }
}


.RadPicker {
    display: block !important;
    width: auto !important;
}

.RadUpload .ruFileWrap.ruStyled {
    display: flex !important;
    width: 100% !important; /* ensure it fills container */
}

.RadAsyncUpload .ruFakeInput {
    width: 100% !important;
}

.RadUpload .ruSelectWrap {
    display: block !important;
}

.RadUpload .ruFileLI {
    display: flex !important;
    align-items: center !important;
}