body {

}
 /*.labelCss {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            padding: 5px;
            font-weight: 500;
        }*/
  .label2Css {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            padding: 5px;
            font-weight: 500;
        }
      
          .labelHeadingNewCss {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20pt;
            padding: 5px;
            font-weight: 800;
        }

        /*.dropDownCss {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 18pt;
            padding: 5px;
            font-weight: 600;
            width: 300px;
            height: 40px;
    margin-bottom: 0;
}*/
        .dropDownCss {
            font-family: 'Poppins', sans-serif; /* Elegant, modern font */
    /* Bold text for emphasis */
    font-size: 18pt; /* Larger font size for better visibility */
    padding: 10px 15px; /* Padding for spacing around the text */
    color: #333; /* Dark grey color for readability */
    text-transform: uppercase; /* Makes the label text all uppercase for a sleek look */
    letter-spacing: 1px; /* Slightly increased letter spacing for a more refined appearance */
    border-radius: 5px; /* Rounded corners for a more modern style */
    width: auto; /* Width adjusts to the content, not fixed */
    height: 50px; /* Adjusted height for more room */
    display: inline-block; /* Make the label inline to not take up the full width */
    margin-bottom: 15px; /* Space below the label */
}

        /* General style for labels */
.labelCss {
    font-family: 'Poppins', sans-serif; /* Elegant, modern font */
    font-weight: 400; /* Bold text for emphasis */
    font-size: 18pt; /* Larger font size for better visibility */
    padding: 10px 15px; /* Padding for spacing around the text */
    color: #333; /* Dark grey color for readability */
    text-transform: uppercase; /* Makes the label text all uppercase for a sleek look */
    letter-spacing: 1px; /* Slightly increased letter spacing for a more refined appearance */
   
    border-radius: 5px; /* Rounded corners for a more modern style */
    width: auto; /* Width adjusts to the content, not fixed */
    height: 50px; /* Adjusted height for more room */
    display: inline-block; /* Make the label inline to not take up the full width */
    margin-bottom: 15px; /* Space below the label */
}

/* Optional Hover effect for added interaction */
.labelCss:hover {
    background-color: #ddd; /* Change background on hover */
    cursor: pointer; /* Indicate that it's clickable */
    transform: scale(1.05); /* Slight zoom effect when hovered */
    transition: background-color 0.3s, transform 0.3s; /* Smooth transition */
}



.labelHeadingCss {
    font-family: 'Poppins', sans-serif; /* Elegant, modern font */
    font-weight: 800; /* Bold text for emphasis */
    font-size: 20pt; /* Larger font size for better visibility */
    padding: 10px 15px; /* Padding for spacing around the text */
    color: #333; /* Dark grey color for readability */
    text-transform: uppercase; /* Makes the label text all uppercase for a sleek look */
    letter-spacing: 1px; /* Slightly increased letter spacing for a more refined appearance */
   
    border-radius: 5px; /* Rounded corners for a more modern style */
    width: auto; /* Width adjusts to the content, not fixed */
    height: 50px; /* Adjusted height for more room */
    display: inline-block; /* Make the label inline to not take up the full width */
    margin-bottom: 15px; /* Space below the label */
}

/* Optional Hover effect for added interaction */
.labelHeadingCss:hover {
    background-color: #ddd; /* Change background on hover */
    cursor: pointer; /* Indicate that it's clickable */
    transform: scale(1.05); /* Slight zoom effect when hovered */
    transition: background-color 0.3s, transform 0.3s; /* Smooth transition */
}


        .multilineDropDownCss {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            padding: 5px;
            font-weight: 400;
            width: 300px;
            height: 40px;
        }

                
        .textBoxCss {
    font-family: 'Poppins', sans-serif; /* Elegant, modern font */
    font-weight: 400; /* Bold text for emphasis */
    font-size: 18pt; /* Larger font size for better visibility */
    padding: 10px 15px; /* Padding for spacing around the text */
    color: #333; /* Dark grey color for readability */
    text-transform: uppercase; /* Makes the label text all uppercase for a sleek look */
    letter-spacing: 1px; /* Slightly increased letter spacing for a more refined appearance */
   
    border-radius: 5px; /* Rounded corners for a more modern style */
    width: auto; /* Width adjusts to the content, not fixed */
    height: 50px; /* Adjusted height for more room */
    display: inline-block; /* Make the label inline to not take up the full width */
    margin-bottom: 15px; /* Space below the label */
}

      .saveButtonCss {
    color: white; /* Text color */
    font-family: 'Poppins', sans-serif; /* Elegant, modern font */
    font-weight: 500; /* Slightly less bold for a softer look */
    font-size: 18pt; /* Slightly smaller for a more balanced feel */
    padding: 12px 20px; /* Slightly more padding for comfort */
    background-color: #2596BE; /* Soft blue color for the button */
    border-radius: 30px; /* More rounded corners for a gentle, modern look */
    border: none; /* Remove default border */
    width: auto; /* Width adjusts to content */
    height: auto; /* Adjusted height to fit content naturally */
    display: inline-block; /* Keeps it inline with other elements */
    margin-bottom: 15px; /* Space below the button */
    text-transform: uppercase; /* Uppercase for emphasis */
    letter-spacing: 1px; /* Slightly increased letter-spacing for readability */
    text-align: center; /* Center the text inside the button */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transition on hover */
}

.saveButtonCss:hover {
    background-color: #1e7f9c; /* Darker blue on hover */
    transform: translateY(-2px); /* Slight lift effect for interaction */
    cursor: pointer; /* Indicate that it's clickable */
}

.saveButtonCss:active {
    transform: translateY(0); /* Return to original position on click */
}


        .cancelButtonCss {
             color: white; /* Text color */
    font-family: 'Poppins', sans-serif; /* Elegant, modern font */
    font-weight: 500; /* Slightly less bold for a softer look */
    font-size: 18pt; /* Slightly smaller for a more balanced feel */
    padding: 12px 20px; /* Slightly more padding for comfort */
    background-color: #abbac3; /* Soft blue color for the button */
    border-radius: 30px; /* More rounded corners for a gentle, modern look */
    border: none; /* Remove default border */
    width: auto; /* Width adjusts to content */
    height: auto; /* Adjusted height to fit content naturally */
    display: inline-block; /* Keeps it inline with other elements */
    margin-bottom: 15px; /* Space below the button */
    text-transform: uppercase; /* Uppercase for emphasis */
    letter-spacing: 1px; /* Slightly increased letter-spacing for readability */
    text-align: center; /* Center the text inside the button */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transition on hover */
        }

        .cancelButtonCss:hover {
    background-color: #1e7f9c; /* Darker blue on hover */
    transform: translateY(-2px); /* Slight lift effect for interaction */
    cursor: pointer; /* Indicate that it's clickable */
}

.cancelButtonCss:active {
    transform: translateY(0); /* Return to original position on click */
}