@import "../CSS/onbasemain-en.css";
/*
    Formerly Site.css
*/
/* Primary Layout
----------------------------------------------------------*/
html {
  height: 100%;
}
body {
  background: #757575;
  /*  font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: #696969;*/
  margin: 0px;
  padding: 0px;
  height: 100%;
}
.main {
  clear: both;
  width: 100%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  flex: 1 1 auto;
  /*background-color: White;*/
}
.footer {
  color: #4e5766;
  padding: 8px 0px 0px 0px;
  margin: 0px auto;
  text-align: center;
  line-height: normal;
}
.page {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  height: 100%;
}
.eac-header {
  position: relative;
  margin: 0px;
  padding: 0px;
  background: #4b6c9e;
  width: 100%;
  min-height: 57px;
  flex: 0 0 auto;
}
.eac-header h1 {
  font-variant: small-caps;
  text-transform: none;
  font-weight: 700;
  padding: 3px 0px 0px 20px;
  color: #f9f9f9;
  font-size: 2em;
}
.tTD1 {
  position: relative;
  left: 21%;
}
.cN1 {
  position: relative;
  left: 26%;
}
.o1 {
  position: relative;
  left: 29%;
}
.tTD2 {
  position: relative;
  left: 56%;
}
.cN2 {
  position: relative;
  left: 61%;
}
.o2 {
  position: relative;
  left: 64.5%;
}
.modalLink {
  font-size: 1.2em;
  font-weight: bold;
}
/* HEADINGS   
----------------------------------------------------------*/
h1 {
  font-size: 2em;
  font-weight: 700;
}
h2 {
  font-size: 1.5em;
  font-weight: 600;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.1em;
}
h5,
h6 {
  font-size: 1em;
}
.bglight {
  background-color: #d7dce4;
}
.bgmedium {
  background-color: #95a5ba;
}
.bgdark {
  background-color: #4f6485;
}
.highlightUserRow {
  background-color: #d7dce4;
}
/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink {
  width: 100%;
  float: left;
}
div.menu {
  padding: 4px 0px 0px 8px;
}
div.menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  /*z-index: 2001;*/
  text-align: center;
  white-space: nowrap;
}
div.menu ul li a:hover {
  background-color: #bfcbd6;
  color: #465c71;
  text-decoration: none;
}
div.menu ul li a {
  color: white;
  background-color: #4b6c9e;
  display: block;
  line-height: 1.35em;
  padding: 4px 20px;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.menu ul li a:active {
  background-color: #465c71;
  color: #cfdbe6;
  text-decoration: none;
}
div.menu ul li a.selected {
  background-color: #4b6c9e;
  color: #14873a;
  text-decoration: none;
}
/*  STATIC HAMBURGER MENU
----------------------------------------------------------*/
.staticmenu {
  padding: 3px 0px 0px 0px !important;
}
.staticmenu ul {
  z-index: 2001 !important;
}
/* FORM ELEMENTS   
----------------------------------------------------------*/
fieldset {
  padding: 10px;
}
fieldset p {
  margin: 2px 12px 10px 10px;
}
fieldset.login label,
fieldset.register label,
fieldset.changePassword label {
  display: block;
}
fieldset label.inline {
  display: inline;
}
legend {
  /*font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;*/
}
input.textEntry {
  width: 320px;
  border: 1px solid #ccc;
}
input.passwordEntry {
  width: 320px;
  border: 1px solid #ccc;
}
div.accountInfo {
  width: 42%;
}
/*Login Controls
----------------------------------------------------------*/
.loginControl {
  margin-left: auto;
  margin-right: auto;
}
.outerLoginTable {
  float: left;
  clear: both;
}
.controlBackground {
  /*background-color: #eeeeee;*/
  width: 800px;
  margin: 0 auto;
  padding: 20px;
  /*border: #d3d3d3 solid 1px;*/
}
.center {
  text-align: center;
}
.loginInput {
  float: right;
}
.loginButton {
  margin-left: 10px;
  width: 60%;
}
.loginLinks {
  text-align: right;
}
.loginTitle {
  text-align: center;
  margin-bottom: 10px;
}
.errorLabel {
  color: Red;
  font-size: 1.1em;
  margin: 0;
}
.loginLogo {
  width: 100%;
  text-align: center;
}
.requestTable {
  float: left;
  margin-left: 100px;
  width: 250px;
  /*margin-top: 15px;*/
}
/* MISC  
----------------------------------------------------------*/
span.igc_ErrorLabel {
  background-color: #C0402A;
  position: relative;
  left: 200px;
  top: -20px;
}
p {
  margin-bottom: 10px;
  line-height: 1.6em;
}
.clear {
  clear: both;
}
.title {
  display: block;
  float: left;
  text-align: left;
  width: auto;
  height: auto;
}
.loginDisplay {
  font-size: 1.1em;
  display: block;
  text-align: right;
  padding: 10px;
  color: White;
  height: auto;
  min-height: 35px;
}
.loginDisplay a:link {
  color: white;
}
.loginDisplay a:visited {
  color: white;
}
.loginDisplay a:hover {
  color: white;
}
.failureNotification {
  font-size: 1.2em;
  color: Red;
}
/*.bold
{
    font-weight: bold;
}*/
.submitButton {
  text-align: right;
  padding-right: 10px;
}
#bottomSettingsButtons {
  margin: 10px;
}
#img_Logo,
.img_Logo {
  padding: 10px;
}
/* CONTACT US PAGE */
.contactUsFieldset {
  width: 30%;
  margin-left: auto;
  margin-right: auto;
}
.txt_Message {
  resize: none;
}
#contactForm {
  display: block;
  padding-left: auto;
  padding-right: auto;
  width: 200px;
}
.contactBlock {
  text-align: right;
  position: relative;
  right: 30px;
}
.validation {
  color: Red;
  position: relative;
  top: -10px;
}
.forgotPassButton {
  position: relative;
  left: 300px;
}
.backToLoginButton {
  position: relative;
}
.forgotPassFields {
  text-align: right;
  margin-right: 80px;
}
.userSettingFields {
  text-align: right;
  margin-right: 280px;
}
.changePasswordRedirect .labelInputGrouping {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.changePasswordRedirect .changePasswordLabel {
  width: 250px;
  text-align: right;
  margin-right: 10px;
}
.contactUsCaptcha {
  line-height: 22px;
}
.contactUsBoxPadding {
  padding-right: 145px;
}
.ig_Control {
  background-color: #eeeeee;
}
#contactUsHeader {
  color: #4b6c9e;
  text-align: center;
  margin-bottom: 10px;
}
.forgotPasswordStyle {
  width: 560px;
  line-height: 22px;
}
.buttonSubmitrequest {
  margin-left: 90px;
}
#settingTabs,
.settingTabs {
  width: 95%;
  margin: 2%;
  left: 0px;
  top: 0px;
  position: absolute;
}
.offsetsettingstab {
  left: 0px;
  top: 0px;
  position: relative;
}
.settingTabs .ajax__tab_tab {
  height: 20px !important;
}
.portlet-titlebar {
  background-color: #ffffff;
}
.portlet-footerbar {
  background-color: #ffffff;
}
.portlet-borderleft {
  background-color: #ffffff;
}
.portlet-borderright {
  background-color: #ffffff;
}
.portlet-bordertopleft {
  background-color: #ffffff;
}
.portlet-bordertopright {
  background-color: #ffffff;
}
.portlet-borderbottomleft {
  background-color: #ffffff;
}
.portlet-borderbottomright {
  background-color: #ffffff;
}
.phonenumber {
  float: right;
  margin: 15px 15px 0 0;
}
.lastLoginLabel {
  color: white;
  padding-left: 83%;
  padding-right: 0%;
  word-break: break-all;
  word-wrap: break-word;
}
.username {
  color: white;
  padding-left: 83%;
  padding-right: 0%;
  word-break: break-all;
  word-wrap: break-word;
}
.layout-scroller {
  position: relative;
}
.layout-filter-bar {
  position: static;
}
.colorPickerSample {
  width: 22px;
  height: 22px;
  margin: 6px 5px 0;
  float: left;
  outline: 1px solid #ccc;
}
.SingleConfigButton {
  display: none !important;
}
.linkButton {
  display: none !important;
}
#LayoutColorsButton {
  display: none !important;
}
/*
    LOGIN BANNER
*/
#LoginBanner {
  text-align: center;
}
.closeButton {
  float: right;
  position: absolute;
  right: 0px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}
html .ajax__tab_xp .ajax__tab_body {
  font-family: inherit;
  font-size: 14px;
  border: none;
}
.float-right {
  float: right;
}
.gridviewSettings {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}
.GridPager a,
.GridPager span {
  display: block;
  text-align: center;
  margin-top: 10px;
  height: 20px;
  width: 20px;
  text-decoration: none;
}
.GridPager a {
  color: #0b78d1;
  background-color: white;
  border-color: #349ef4;
  line-height: 1.2;
  font-size: 14px;
  padding: 2px;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  margin-right: 5px;
}
.GridPager span {
  color: white;
  background-color: #0b78d1;
  border-color: #349ef4;
  line-height: 1.2;
  font-size: 14px;
  padding: 2px;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  margin-right: 5px;
}
.reset-failure-text {
  font-size: x-large;
  font-weight: bold;
}
.userField {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}
.numericField {
  width: 25px;
}
.tableCellMargin {
  margin: 5px;
}
.buttonSeparator {
  background-color: #ccc;
  display: block;
  height: 24px;
  width: 1px;
}
/*.flexDiv {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:baseline;
}*/
tr.row td {
  vertical-align: middle;
}
tr.row:hover td,
tr.row.over td {
  background-color: #eee;
}
/*.gridviewFieldset {
    margin: @standard-margin;
}*/
.fieldsetWidth {
  width: 50%;
}
.smallerSettingTabs {
  width: 75%;
  margin: 2%;
  left: 0px;
  top: 0px;
  position: absolute;
}
.settingTabs {
  flex: 1 1 auto;
}
.settingTabs .ajax__tab_header {
  background: none !important;
  height: auto !important;
  margin: 0 !important;
  background-color: white !important;
  padding-top: 10px;
  padding-left: 10px;
}
.settingTabs .ajax__tab_inner,
.settingTabs .ajax__tab_outer {
  background: none !important;
  background-color: transparent !important;
}
.settingTabs .ajax__tab_header .ajax__tab_tab {
  background: none !important;
  margin-top: -5px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  font-family: Roboto;
}
.settingTabs .ajax__tab_inner > a {
  border: 1px solid transparent;
}
.settingTabs .ajax__tab_inner > a:focus {
  border: 1px dotted #0b78d1 !important;
}
.settingTabs .ajax__tab_inner > a > span {
  color: #4d4f53 !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
}
.settingTabs .ajax__tab_inner > a > span:hover {
  color: #0b78d1 !important;
  background: none !important;
}
.settingTabs .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
  background-color: transparent !important;
  background: none !important;
  border: none !important;
  border-bottom: 2px solid #0b78d1 !important;
}
.settingTabs .ajax__tab_header .ajax__tab_active .ajax__tab_inner > a > span {
  color: #0b78d1 !important;
  background: none  !important;
}
.securityQuestionPanel .addSection {
  display: flex;
  flex-direction: column;
}
.securityQuestionPanel .addSection .inputField {
  display: flex;
  flex-direction: row;
}
.securityQuestionPanel .addSection .newQuestionField {
  width: 500px;
}
.securityQuestionPanel .removeSection {
  display: flex;
  flex-direction: column;
  width: 350px;
}
.securityQuestionPanel .removeSection select {
  margin-bottom: 5px;
}
.securityQuestionPanel .submitButton {
  width: 100px;
}
.userCreationPanel .passwordStrength {
  display: flex;
  flex-direction: row;
}
.userCreationPanel .passwordTooltip {
  display: flex;
  flex-direction: row;
}
.userCreationPanel .successfulCreationMessage {
  display: flex;
  flex-direction: row;
}
.userCreationPanel .multiUserLabel {
  display: flex;
  flex-direction: row;
}
.userCreationPanel .userRegistrationLabel {
  display: flex;
  flex-direction: row;
}
.userCreationPanel .userRegistrationTitleTextBox {
  width: 400px;
}
.userCreationPanel .secureMessages {
  display: flex;
  flex-direction: row;
}
.userCreationPanel .messageBoxWithValidation {
  display: flex;
  flex-direction: row;
}
.userCreationPanel .errorMessage {
  align-content: flex-start;
}
.userCreationPanel .newUserLabel {
  width: 350px;
  white-space: normal !important;
}
.contactInfoPanel {
  display: flex;
  flex-direction: column;
}
.contactInfoPanel .contactEmail {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.contactInfoPanel .contactSubject {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.contactInfoPanel .contactPhone {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.contactInfoPanel .contactLabel {
  width: 200px;
}
.contactInfoPanel .contactTextfield {
  width: 400px;
}
.reCaptchaSettingsPanel {
  display: flex;
  flex-direction: column;
}
.reCaptchaSettingsPanel .useRecaptcha {
  display: flex;
  flex-direction: row;
}
.reCaptchaSettingsPanel .publicKey {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.reCaptchaSettingsPanel .privateKey {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.reCaptchaSettingsPanel .reCaptchaLabel {
  width: 200px;
}
.reCaptchaSettingsPanel .reCaptchaTextField {
  width: 400px;
}
.emailTemplatePanel {
  display: flex;
  flex-direction: column;
}
.emailTemplatePanel .emailDropdownLabel {
  display: flex;
  flex-direction: column;
}
.emailTemplatePanel .emailDropdown {
  width: 350px;
}
.expirationTimePanel {
  display: flex;
  flex-direction: row;
}
.expirationTimePanel .expirationTimeInput {
  display: flex;
  flex-direction: row;
}
.expirationTimePanel .expirationTimeLabel {
  width: 475px;
}
.expirationTimePanel .expirationTimeTextbox {
  width: 40px;
}
.labelInputsList {
  display: flex;
  flex-direction: row;
}
.labelInputsList .labelColumn {
  display: flex;
  flex-direction: column;
  height: 100px;
}
.labelInputsList .inputColumn {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  height: 100px;
}
.labelInputsList .colorPickerRow {
  display: flex;
  flex-direction: row;
}
.uploadOptionsPanel {
  display: flex;
  flex-direction: column;
  float: left;
}
.uploadOptionsPanel .labelInputGrouping {
  display: flex;
  flex-direction: row;
}
.uploadOptionsPanel .uploader {
  float: left;
  padding-top: 10px;
}
.uploadOptionsPanel .uploadLabel {
  float: left;
  width: 250px;
  clear: both;
  margin: 5px 0px 5px 0px;
}
.uploadOptionsPanel .cssDropdown {
  width: 225px;
  height: 25px;
  float: left;
  margin: 5px 5px 5px 0px;
}
.uploadOptionsPanel .uploadButtons {
  margin-left: 5px;
}
.portalPreferencesPanel {
  display: flex;
  flex-direction: column;
}
.portalPreferencesPanel .labelInputGrouping {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.portalPreferencesPanel .preferencesLabel {
  width: 250px;
  clear: both;
}
.portalPreferencesPanel .preferencesDropDownList {
  margin: 5px 5px 5px 0px;
  Width: 400px;
}
.portalPreferencesPanel .preferencesTextBox {
  margin: 5px 5px 5px 0px;
  width: 400px;
}
.portalPreferencesPanel .preferencesColorPickerBoxText {
  margin: 5px 5px 5px 0px;
  width: 200px;
}
.portalPreferencesPanel .preferencesColorPickerText {
  width: 50px;
  margin: 5px 5px 5px 0px;
}
.loginPreferencesPanel {
  display: flex;
  flex-direction: column;
}
.loginPreferencesPanel .loginPrefLabel {
  display: flex;
  flex: 0 0 auto;
  width: 250px;
}
.loginPreferencesPanel .loginPrefDropDownList {
  width: 225px;
}
.loginPreferencesPanel .loginPrefTextbox {
  width: 225px;
  align-items: center;
}
.loginPreferencesPanel .labelInputGrouping {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
}
.portalSetupPanel {
  display: flex;
  flex-direction: column;
  float: left;
}
.portalSetupPanel .labelInputGrouping {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.portalSetupPanel .portalSetupLabel {
  width: 250px;
  clear: both;
  float: left;
}
.portalSetupPanel .portalSetupTextbox {
  width: 400px;
}
.portalSetupPanel .portalSetupDropDown {
  width: 400px;
}
.scrollablePanel {
  overflow: auto;
}
.tabSettingsPanel {
  overflow-x: auto;
}
.tabSettingsPanel .tableHeader {
  padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 35px;
}
.tabSettingsPanel .standardHeader {
  width: 300px;
}
.tabSettingsPanel .smallHeader {
  width: 40px;
}
.tabSettingsPanel .displayName {
  padding-right: 10px;
}
.tabSettingsPanel .categoryName {
  padding-right: 25px;
}
.tabSettingsPanel .layoutName {
  padding-right: 100px;
}
.tabSettingsPanel .fieldValidator {
  padding-right: 10px;
}
.tabSettingsPanel .orderNumber {
  padding-right: 25px;
}
.tabSettingsPanel .layoutTypeLabel {
  width: 100px;
}
.usersButtons {
  margin-right: 10px;
  flex: 0 1 auto;
}
.superSettingsPanel .exteriorMargins {
  margin: 10px;
}
.superSettingsPanel .superSettingsGridView {
  width: 100%;
}
.userSettingsPanel {
  margin: 0 auto;
}
.userSettingsPanel .sectionTitle {
  text-align: left;
}
.userSettingsPanel .passwordPanel {
  display: flex;
  flex-direction: column;
}
.userSettingsPanel .passwordField {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.userSettingsPanel .passwordRequirementsLabel {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}
.userSettingsPanel .passwordLabel {
  width: 250px;
  text-align: right;
}
.userSettingsPanel .passwordInput {
  margin-left: 10px;
  width: 250px;
}
.userSettingsPanel .securityQuestionTable {
  width: 850px;
  margin-left: 10px;
}
.userSettingsPanel .securityQuestionLabel {
  width: 250px;
  text-align: right;
}
.userSettingsPanel .securityQuestionDropdownComponent {
  width: 550px;
}
.userSettingsPanel .securityQuestionResultsGroup {
  display: flex;
  flex-direction: column;
}
.userSettingsPanel .labelIconRow {
  display: flex;
  flex-direction: row;
  width: 350px;
  justify-content: flex-end;
}
.userSettingsPanel .inputRow {
  display: flex;
  flex-direction: row;
}
.userSettingsPanel .fieldLabel {
  text-align: left;
  margin-right: 10px;
}
.userSettingsPanel .fieldInput {
  margin-left: 3.3%;
}
.userSettingsPanel .helpTextImage {
  height: 14px;
  width: 14px;
  margin-right: 10px;
  margin-top: 10px;
}
.userSettingsPanel .repeaterRow {
  width: 500px;
  text-align: right;
  padding-left: 20%;
}
.userSettingsPanel .updateResult {
  margin: 10px;
}
.userSettingsPanel .updateResultDiv {
  text-align: left;
}
.userSettingsPanel .customUserFieldCell {
  width: 25%;
}
.userSettingsPanel .customUserFieldLabel {
  margin-right: 30px;
}
.userSettingsPanel .passwordUpdateResult {
  margin: 10px;
}
.userSettingsPanel .passwordErrorMessage {
  text-align: center;
}
.userSettingsPanel .securityQuestionMessage {
  text-align: center;
}
.usersSearchField {
  width: 250px;
}
.ajax__colorPicker_container {
  z-index: 2000 !important;
}
.userFieldButton {
  margin: 20px 0px;
}
.centeredItems {
  align-items: center;
}
.linkExpiredPanel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 500px;
}
.loginPanel .signIn .emailField {
  display: flex;
  flex-direction: row;
  padding-top: 10px;
  align-items: center;
}
.loginPanel .signIn .passwordField {
  display: flex;
  flex-direction: row;
  padding-top: 10px;
  align-items: center;
}
.loginPanel .signIn .signInTextbox {
  margin-left: 10px;
  width: 200px;
}
.loginPanel .shiftedLabel {
  margin-left: 75px;
}
.loginPanel .headerTable {
  width: 100%;
  margin-top: 10px;
}
.loginPanel .headerTable .headerCell {
  width: 50%;
}
.loginPanel .loginTable {
  width: 350px;
}
.loginPanel .requestAccessLink {
  vertical-align: bottom;
}
.captchaDiv {
  align-content: flex-start;
  align-self: flex-start;
  text-align: left;
  width: 440px;
  margin: auto;
  line-height: 22px;
}
.captchaErrorLabel {
  color: Red;
  font-size: 1.1em;
  margin: 0;
  margin-left: 260px;
}
.captchaResetPasswordErrorLabel {
  color: Red;
  font-size: 1.1em;
  margin: 0;
  margin-left: 200px;
}
.textAlignRight {
  text-align: right;
}
.forgotPassCaptcha {
  width: 220px;
  line-height: 22px;
}
.securityChallengePanel .challengeField {
  margin-top: 10px;
}
.securityChallengePanel .challengeInput {
  width: 300px;
}
.passwordReset .passwordInput {
  margin-left: 10px;
}
.passwordResetInitiaion {
  display: flex;
  flex-direction: column;
}
.passwordResetInitiaion .resetRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}
.passwordResetInitiaion .resetLabel {
  width: 250px;
  text-align: right;
  margin-right: 10px;
}
.passwordResetInitiaion .resetInput {
  width: 250px;
}
.passwordResetInitiaion .resetTitle {
  text-align: center;
}
.passwordResetInitiaion .explanationText {
  text-align: center;
  margin-top: 10px;
}
.passwordResetInitiaion .captchaRow {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.passwordResetInitiaion .captcha {
  margin-top: 10px;
}
.passwordResetInitiaion .validationRow {
  display: flex;
  flex-direction: row;
  margin-left: 200px;
}
.contactUs {
  display: flex;
  flex-direction: column;
}
.contactUs .labelInputGrouping {
  display: flex;
  flex-direction: row;
}
.contactUs .contactUsInput {
  align-items: center;
  padding-top: 10px;
}
.contactUs .contactUsTextbox {
  width: 250px;
}
.contactUs .contactUsTable {
  width: 75%;
}
.contactUs .contactUsLabel {
  width: 250px;
  margin-right: 10px;
  text-align: right;
}
.contactUs .captchaInstructionsLabel {
  width: 250px;
  margin-right: 10px;
}
.contactUs .messageLabel {
  vertical-align: top;
  margin-top: 10px;
}
.contactUs .messageInput {
  margin-top: 10px;
}
.contactUs .contactUsButtonRow {
  display: flex;
  flex-direction: row;
  align-self: center;
}
.contactUs .validationMessageDiv {
  padding-top: 2px;
}
.contactUs .validationMessage {
  color: red;
  margin-left: 260px;
}
.contactUs .btn_ContactUs {
  width: 250px;
}
.userAdministration {
  display: flex;
  flex-direction: column;
}
.userAdministration .newUserLabelGroup {
  display: flex;
  flex-direction: row;
  width: 33%;
  justify-content: flex-end;
}
.userAdministration .multiPortalLabel {
  text-align: center;
}
.userAdministration .newUserLabel {
  text-align: right;
  margin-right: 10px;
}
.userAdministration .newUserTextField {
  width: 34%;
  flex: 0 0 auto;
}
.userAdministration .newUserInput {
  width: 250px;
}
.userAdministration .newUserValidator {
  padding-left: 33%;
  flex: 0 0 auto;
}
.userAdministration .helpTextImage {
  height: 14px;
  width: 14px;
  margin-right: 10px;
  margin-top: 10px;
}
.userAdministration .labelInputGrouping {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.userAdministration .validatorGroup {
  display: flex;
  flex-direction: column;
}
.userAdministration .passwordInstructions {
  /*font-weight:bold;*/
  width: 30%;
  margin-left: 15px;
}
.userAdministration .captcha {
  margin-top: 10px;
  line-height: 22px;
}
.userAdministration .validatorRow {
  display: flex;
  flex-direction: row;
}
.singleUserAdmin .emailAndNameSection {
  display: flex;
  flex-direction: column;
}
.singleUserAdmin .checkboxesSection {
  display: flex;
  flex-direction: column;
  margin-left: 350px;
}
.singleUserAdmin .userGroupsSection {
  display: flex;
  flex-direction: column;
}
.singleUserAdmin .labelInputGrouping {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.singleUserAdmin .textField {
  width: 30%;
  margin-left: 10px;
}
.singleUserAdmin .nameLabel {
  width: 40%;
  text-align: right;
}
.singleUserAdmin .sectionTitle {
  margin-bottom: 10px;
}
.singleUserAdmin .userGroupsLabelRow {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 600px;
  margin-left: 60px;
}
.singleUserAdmin .userGroupsLabelRow .userGroupsLabel {
  width: 50%;
}
.singleUserAdmin .userGroupsList {
  display: flex;
  flex-direction: row;
  margin-left: 60px;
}
.singleUserAdmin .userGroupsList .listBox {
  background-color: white;
  width: 300px;
  height: 150px;
}
.singleUserAdmin .userKeywordsList {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.singleUserAdmin .userKeywordsList .keywordComponent {
  padding: 5px;
}
.singleUserAdmin .userKeywordsList .keywordInput {
  width: 85px;
}
.singleUserAdmin .userKeywordsList .keywordLabel {
  width: 150px;
}
.singleUserAdmin .keywordMessage {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.setSecurityQuestions {
  display: flex;
  flex-direction: column;
}
.setSecurityQuestions .labelInputPairing {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: right;
}
.setSecurityQuestions .textLabel {
  margin-right: 10px;
}
.setSecurityQuestions .explanationLabel {
  width: 100%;
}
.setSecurityQuestions .secQuestionInput {
  width: 400px;
}
.setSecurityQuestions .secQuestionLabel {
  margin-right: 10px;
  width: 250px;
}
.newPortalCreation .inputLabel {
  margin-right: 10px;
}
.newPortalCreation .inputField {
  width: 400px;
}
.newPortalCreationHeader .topHeader {
  /*font-weight: bold;*/
  color: #eeeeee;
  font-size: large;
}
.newPortalCreationHeader .bottomHeader {
  color: #eeeeee;
  font-size: large;
}
.hiddenField {
  visibility: hidden;
}
.tableRowStyles td {
  padding: 5px 0px;
  border-bottom: 1px solid #f0efef;
}
.tableRowStyles tr:last-child td {
  border: none;
}
.tableRowStylesPadded td {
  padding: 8px 0px;
  border-bottom: 1px solid #f0efef;
}
.tableRowStylesPadded tr:last-child td {
  border: none;
}