@charset "utf-8";.mandatory{color:#c72230}.validateField{position:relative;width:100%}.validateField input{position:relative}.form-control.error{border:1px solid #c72230 !important}.validateField.has-error .form-control{border:1px solid #c72230;box-shadow:none !important}.validateField.has-success .form-control{border:1px solid #17a007;box-shadow:none !important}.validateField.has-error .uploadWork{border-bottom:2px solid #a94442 !important}.validateField.has-success .uploadWork{border-bottom:2px solid #17a007 !important}.validateProfilePhoto.has-error{border-bottom:2px solid #a94442 !important}.validateProfilePhoto.has-success{border-bottom:2px solid #17a007 !important}.validateKeyNoteField.has-error .uploadFile,.validateKeyNoteField.has-error .uploadKeynoteVideoShow{border-bottom:2px solid #a94442 !important}.validateKeyNoteField.has-success .uploadFile,.validateKeyNoteField.has-success .uploadKeynoteVideoShow{border-bottom:2px solid #17a007 !important}.validateField.has-error .help-block{color:#ed1c24 !important}.validateField.has-success .help-block{color:#3ac729 !important}.fileUploadError,.fileSizeError,.fileMandatory{bottom:-23px !important}.form-group{margin-bottom:25px}.validateField label.error{color:#c72230 !important;position:absolute;float:left;margin-top:5px;background:0;font-weight:600;font-size:12px !important;width:100%;bottom:-30px;height:20px;z-index:99;margin-bottom:0;line-height:1.42857143;line-height:9px;left:0}.myprofile-container .validateKeyNoteField .fileUploadError,.myprofile-container .validateKeyNoteField .fileSizeError,.myprofile-container .validateKeyNoteField .fileMandatory{bottom:-3px !important}.validateField .help-block{position:absolute;background:0;font-family:'Quicksand',sans-serif;font-weight:600;font-size:10px !important;width:100%;bottom:-23px;left:0;height:20px;z-index:99;margin-bottom:0;line-height:1.42857143;text-align:left;line-height:9px}.validateField-xl .help-block{top:46px}.validateField>label{margin-bottom:0}.charCountSpan{position:absolute;right:0;font-family:'Roboto Light','Roboto';font-weight:200;font-style:normal;font-size:12px !important;color:#939393;text-align:right;width:100%;display:block;margin-top:4px;bottom:0;line-height:1.42857143;z-index:9}.inputHiddenSpan{font-family:'Roboto Light','Roboto';font-weight:200;font-style:normal;font-size:12px;color:#6e6e6e;display:block;margin-top:4px;visibility:hidden;line-height:1.42857143}.panelDisable{pointer-events:none}.panelDisable .panel-title{opacity:.3}

/* Input Styles */
.form-group {
    margin-bottom: 5px;
    position: relative;
}

input,
textarea,
select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    transition: 0.3s;
}

input:focus,
textarea:focus {
    border-color: #007BFF;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

/* Validation Messages */
.validation-message {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    position: absolute;
    top: 100%;
}

.error {
    color: red;
}

.success {
    color: green;
}

.valid {
    border-color: green;
}

.invalid {
    border-color: red;
}

/* Submit Button */
/* button {
    width: 100%;
    padding: 12px;
    background: #007BFF;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;
}

button:hover {
    background: #0056b3;
} */