#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, #1276CE);
}


.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.dropdown-menu>.active>a{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.open .dropdown-menu>.active>a:focus{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
  /* General Styles for the Form */
  .tab {
    background-color: #f8f9fa; /* Light grey background */
    padding: 20px;
    border-radius: 8px; /* Rounded corners for the tab */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Subtle shadow for depth */
    margin-bottom: 20px; /* Spacing below each tab */
  }

  .section-title h3 {
    color: #007bff; /* Theme color for section titles */
    margin-bottom: 15px; /* Spacing after section titles */
  }

  .field-label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px; /* Space between label and input */
    color: #333; /* Dark grey color for text */
  }

  .form-control {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ced4da; /* Light grey border */
    margin-bottom: 15px; /* Spacing after each input */
  }

  /* Styles for specific input types */
  .text.form-control, .integer.form-control, .money.form-control, .datetime.form-control, .textarea.form-control {
    background-color: #ffffff; /* White background */
  }

  .boolean-radio input[type="radio"] + label {
    margin-right: 10px; /* Space between radio options */
    cursor: pointer;
  }

  .boolean-radio input[type="radio"] {
    margin-right: 5px;
  }

  .picklist.form-control {
    color: #495057; /* Dark grey color for select text */
  }

  /* Enhancements for buttons */
  .boolean-radio label, .checkbox label {
    background-color: #e9ecef; /* Light grey background */
    padding: 5px 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
  }

  .boolean-radio label:hover, .checkbox label:hover {
    background-color: #dfe4ea; /* Slightly darker grey on hover */
  }

  /* Style adjustments for validators */
  .validators span {
    color: #dc3545; /* Bootstrap danger color for validation messages */
    font-size: 0.9em; /* Smaller font size for validator messages */
    visibility: visible !important; /* Force visibility */
  }

  /* Custom icon styles */
  .iconBorder {
    border: 1px solid #ced4da; /* Light grey border for icons */
    padding: 5px;
    border-radius: 5px;
    margin-left: 5px;
  }

.profilethumb {
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin-right: 0px !important;
	margin-bottom: -10px;
}

.profilebox
{
	padding: 10px 10px 0px 10px;
}

.root-187
{
	overflow:none;
	max-height: 100%;
}