@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");

/* START BASE STYLES --> */ 

*,
*:after,
*:before {
  box-sizing: border-box;
}

html, 
body {
  height: 100%;
  margin: 0;
  font-size: 100%;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

dt {
  font-weight: normal;
}
dl {
  margin: 0;
}

/* <-- END BASE STYLES */

/* variables --> */

:root {
  --required-red: #e62e00;
}

/* <-- variables */

/* screenreaders --> */

.show-for-sr,
.show-for-screen-reader,
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link {
  background: #ffb945;
  color: #000;
  font-weight: bold;
  left: 50%;
  padding: .5rem 1rem;
  position: absolute;
  transform: translateY(-100%);
}

.skip-link:focus {
  transform: translateY(0%);
}

/* <-- screenreaders 

/* ALERTS, NOTICES, AND WARNINGS --> */

.Alert,
.alert,
/* delete when able */
h2.PortalAlert {
  display: inline-block;
  color: #000;
  padding: .5rem .75rem;
  border-radius: 2px;
  margin: .25rem 0 1rem;
  border: 1px solid #ffc8b3;
  background-color: #ffdacc;
}

/* note: pare down this list eventually and use general alert/warning/notice classes */
div.NoAssignmentsPendingConfirmation,
div.ToUnassignFromEvaluators,
div.NoEvaluationQueuesAvailable,
div.NoAvailableForms,
div.NoApplicationsAvailable,
div.NoTemplatesAvailable,
div.ListOfBrands .NoBrands,
div.NoDateItemsToCustomize,
div.NoDeadlines,
div.NoDomains,
div.NoEvaluationQueuesMatchFilter,
div.NoMenuItems,
div.NoMenus,
div.NoPacketTemplates,
div.NoPermissions,
div.NoQuestions,
div.NoAnswers,
div.NoObjects,
div.NoRoles,
div.NoSections,
div.NoSiteContentItems,
div.NoForms,
div.NoUsers,
div.NoFormsAvailable,
div.NoEvaluationForms,
div.AvailableForms div,
.DeveloperCaution,
div.OtherBrands
div.HasFormsInOtherBrandsWarning,
/* delete after conversion is complete! */
.ValidationError,
.validation-error,
div.MyForms div.NoFormsStartedOrSubmitted,
div.MyForms div.NoEvaluationForms,
.NoExtendedDeadlines,
.warning.deprecated  {
  font-style: normal;
  color: #c93028;
  background-color: transparent;
  font-weight: normal;
  font-size: .875rem;
  margin-bottom: .5rem;
}

div.NoFormsAvailable,
div.NoAvailableForms,
div.AvailableForms div,
div.NoFormsStartedOrSubmitted,
div.MyForms div.NoFormsStartedOrSubmitted,
div.MyForms div.NoEvaluationForms,
div.OtherBrands div.HasFormsInOtherBrandsWarning,
div.NoEvaluationForms,
div.NoForms,
div.NoAvailableForms,
div.NoEvaluationQueuesAvailable {
  color: #000;
}

/* <-- ALERTS, NOTICES, AND WARNINGS */



/* Notice etc boxes--> */

div.alertBox,
[class*="-box"] {
  color: #000;
  font-size: 0.9375rem; /* 15px when 100% */
  font-weight: normal;
  border: 1px solid currentColor;
  border-radius: 2px;
  padding: .5rem .75rem;
  margin: 1rem 0;
  overflow: hidden;
}
[class*="help-box"] ~ div.alertBox,
[class*="help-box"] ~ [class*="-box"] {
  clear: right; /* clears help-box */
}
div.alertBox,
[class*="alert-box"] {
  background-color: #ffdacc;
  border-color: #ffc8b3;
}
[class*="warning-box"] {
  background-color: #ffc266;
  border-color: #ffad33;
}
[class*="lt-info-box"] {
  background-color: #d4f5ff;
  border-color: #b3edff;
}
[class*="dk-info-box"] {
  background-color: #a9cdd6;
  border-color: #87b8c5;
}
[class*="caution-box"] {
  background-color: #ffe0b3;
  border-color: #ffcc80;
}
/* makes *-box more prominent */
[class^="super"][class*="box"] {
  font-weight: bold;
  padding: 1rem 1.25rem;
}
.extra-info-box {
  max-width: 20rem;
  float: right;
  text-align: justify;
  margin: 0 1rem 1rem;
}
.noticeBox,
[class*="notice-box"] {
  border: 2px solid #de6846;
  border-radius: 1em;
  padding: .75rem 1rem;
  margin: 1em 0;
}
div.recommendeeBox,
[class*="recommendee-box"] {
  color: #FFFFFF;
  background-color:#036eb0;
  font-size:1.2em;
  border: thin solid #025689;
  border-radius: 1em;
  padding: .75rem 1rem;
  margin: 1em 0;
}
div.helpBox,
[class*="help-box"] {
  display: inline-block;
  color: #000;
  background-color: #ffe2b3;
  font-size: 0.875rem;
  font-weight: normal;
  text-align: left;
  width: 15em;
  padding: .25rem .5rem;
  border: 1px solid #f6b844;
  border-radius: 2px;
  margin: 0 0 1.25rem 1rem;;
  float: right;
  line-height: 1.125rem;
}
div.helpBox img,
[class*="help-box"] img,
div.alertBox img,
[class*="alert-box"] img {
  padding-right: .25rem;
  float: left;
  height: 17px;
}
div.deadlineBox,
[class*="deadline-box"] {
  background-color: #ffc8b3;
  font-size: 1.2em;
  text-align: left;
  border-radius: 2px;
  padding: .25rem .5rem;
  margin: 1em 0;
  clear: both;
  border: none;
}
div.deadlineBox span,
[class*="deadline-box"] span {
  font-weight: bold;
}
div.deadlineBox span.timeZone,
[class*="deadline-box"] span.timeZone {
  font-weight: normal;
}

/* <-- notice boxes */  

/* cards and tiles --> */

.card {
  background-color: #e0e6eb;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 2px;
}
/* CONTAINERS --> */
.tile {
  background: #cbd2d6;
  padding: 1rem;
  border-radius: 2px;
}

/* <-- cards and tiles */

/* <code> STYLES--> */

.code-wrapper {
    background-color: #7b7b7b;
    color: #fff;
    padding: 0;
    margin: 0 0 .5rem .25rem;
    display: inline-block;
    border-radius: 2px;
    width: 100%;
    max-width: 1000px;
    display: block;
}
.code-wrapper code {
  background-color: #4d4d4d;
  border-radius: 2px;
  color: #00ffff;
  display: block;
  padding: .325rem;
}
.generated-field .code-wrapper .preview,
.form-input .code-wrapper .preview,
.form-input .code-wrapper textarea,
.form-input .code-wrapper input {
    background-color: #fff;
    border: 2px dashed #00cccc;
    color: #000;
    display: block;
    margin: 0 1rem;
    padding: .5rem;
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
/*    width: fill-available; */ /* not a valid value for width: GGD 2023-1107 */
    max-width: 100%;
}
.generated-field .code-wrapper .preview,
.form-input .code-wrapper .preview {
  border: none;
  padding: 1rem;
}

/* <-- <code> STYLES */

/* colors --> */

/* light blue-gray: #e0e6ea
      example: inbox section content, AIS

 */

/* bg color classes -> */

/* darkest blue = 1 */
.bg-blue01 {
  background-color: #29353d !important;
}
.transparent {
  background-color: transparent;
}
.bg-blue02 {
  background-color: #33424d !important;
}
.bg-blue03 {
  background-color: #3d4f5c !important;
}
.bg-blue01,
.bg-blue02,
.bg-blue03 {
  color: #fff !important;
}
.bg-blue01 h4,
.bg-blue02 h4 {
  color: #fff;
}
.bg-blue01 a,
.bg-blue02 a,
.bg-blue03 a {
  color: #c4dcee;
}
.bg-blue01 h1,
.bg-blue01 h2,
.bg-blue01 h3,
.bg-blue01 h4,
.bg-blue01 h5,
.bg-blue01 h6,
.bg-blue02 h1,
.bg-blue02 h2,
.bg-blue02 h3,
.bg-blue02 h4,
.bg-blue02 h5,
.bg-blue02 h6,
.bg-blue03 h1,
.bg-blue03 h2,
.bg-blue03 h3,
.bg-blue03 h4,
.bg-blue03 h5,
.bg-blue03 h6 {
  color: #fff;
  font-weight: normal;
}
.bg-blue01 button.bare {
  color: #fff;
}
/* <- bg color classes */
/* typography classes -> */

/* light green (for dark bg) */
.text-highlight01 {
  color: #c8d295;
}
.text-highlight02 {

}
/* <- text-size classes */

/* <-- colors */

/* CONTROLS --> */

a,
.Content a {
  color: #296089;
}
a:hover,
.Content a:hover,
.Content a:active {
  color: #12293b;
  text-decoration: none;  
}
.bottomPageActionLink {
  margin-right: .5rem;
} 
table.RowDisplay a,
table.row-display a {
  color: #000;
}
table.RowDisplay a:hover,
table.row-display a:hover {
  color: #CC3333;
}
table.RowDisplay a:active,
table.row-display a:active {
  color: #73382C;
}
.row-display caption [class*="-link"] {
  font-size: .875rem;
  color: #296089;
}

/* add to separate file for bg-colors? --> */
.bg-blue01 a,
.bg-blue02 a,
.bg-blue03 a {
  color: #c4dcee;
}
[class*="controls-wrapper"] {
  margin-top: .5rem;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
[class*="controls-wrapper"]:not(:last-child) {
  margin-bottom: .5rem;
}
.form-section-content ~ [class*="controls-wrapper"] {
  margin-top: 1rem;
}
[class*="controls-wrapper"] > :not(:last-child),
.page-commands [class*="-link"]:not(:last-child),
.page-commands [class*="-button"]:not(:last-child)  {
  margin-right: .75rem;
}
/* remove override of input[type="submit"] after css migration */
[class*="controls-wrapper"] input[type="submit"][class*="-link"],
[class*="controls-wrapper"] input[type="submit"][class*="-button"],
[class*="controls-wrapper"] input[type="button"][class*="-button"],
.page-commands input[type="submit"][class*="-link"],
.page-commands input[type="submit"][class*="-button"] {
  padding: .4rem .75rem;
  min-width: 8rem;
  margin-top: .25rem;
  margin-bottom: .25rem;
}
.controls-wrapper [class*="-link"] {
  font-size: .875rem;
}
.previous-page-link {
  margin-bottom: .75rem;
  display: inline-block;
  font-size: .875rem;
}
.pageMenu a {
  margin-right: .75rem;
}
.RowDisplay input[type="submit"],
.RowDisplay input[type="button"],
.row-display input[type="submit"],
.row-display input[type="button"]  {
  margin: .125rem .125rem .25rem;
  font-size: .875rem;
}
/* INPUT BUTTONS --> */

/* AIS only*/
#contentPageProportional input[type="submit"],
#contentPageProportional input[type="button"] {
  margin: 0 .5rem .25rem 0;
}
#contentPageProportional .HealthNextStep td input[type="submit"]:not([value="Clear Filters"]) {
  margin: 0 .5em .5em;
}
/* DELETE?? */
#contentPageProportional input.SaveChanges {
  margin: 1.5rem 0;
}
/* AIR app save button */
/* delete after conversion is complete! */
#ApplicationTemplateDisplayAUC input.SaveChanges {
  float: left;
  margin-right: 3rem;
}
#ApplicationTemplateDisplayAUC input.save-button {
  margin-right: 3rem;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.controls-wrapper input[class*="-button"]:hover,
button:hover {
  background: #22465d;
  border-color: #1c384a;
  cursor: pointer;
}
input[type="submit"]:disabled,
input[type="button"]:disabled,
.controls-wrapper input[class*="-button"]:disabled,
button:disabled {
  background: #99acbb;
  cursor: not-allowed;
  border-color: #8ca2b2;
}
#filteringButtonContainer {
  margin-bottom: .5rem;
}
input[type="submit"], 
input[type="button"],
.controls-wrapper input[class*="-button"],
button {
  vertical-align: middle; /* for buttons that appear as arrows in section nav AIR, possibly others */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #ffffff;
  padding: .4rem .75rem;
  background: #336789;
  border: 1px solid #346788;
  font-size: 1rem;
}
button.selected {
  background: #28353d;
  border-color: #28353d;
}
.form-input input[type="submit"], 
.form-input input[type="button"] {
  padding: .125rem .75rem;
}
[class*="controls-wrapper"] a[class*="-button"] {
  text-decoration: none;
}
input[type="submit"][value="Clear Filters"] {
  border: 1px solid #999;
  color: #000;
  background: transparent;
}
input[type="submit"][value="Clear Filters"]:hover {
  opacity: .7;
  background: transparent;
}
.primary-control-wrapper {
  flex-basis: 100%;
}
.primary-control-wrapper input[type="submit"][class*="-button"] {
  background-color: #3392A1;
  border-color: #318d9b;
  padding: .5rem;
  margin-top: 1rem;
  font-size: 1rem;
}
/* misc --> */
.details-content > .update-no-save:first-child {
  margin: .5rem 0 .75rem 0;
}
/* <-- INPUT BUTTONS */

/* SEQUENCE-ITEM --> */
.reorder-controls-wrapper button {
  border: 0;
  background-color: #336789;
  padding: .25rem;
  color: #fff;
}
tr:first-of-type .reorder-controls-wrapper select {
  margin-left: 1.75rem;
}
.reorder-controls-wrapper select {
  margin: 0 .125rem;
}
.sequence-item .switch-section-button {
  margin-top: .25rem;
  text-align: center;
}
/* <-- SEQUENCE-ITEM */

/* delete links/buttons --> */

.controls-wrapper [class^="delete"] {
  margin-left: auto;
}

/* <-- CONTROLS */

/* COPY TO CLIPBOARD --> */

.variable-list.contains-click-to-copy li {
  padding: .25rem 0 1rem 0;
  margin-bottom: .25rem;
  border-bottom: 1px solid #999;
}
li .copy-to-clipboard-button,
td .copy-to-clipboard-button {
  float: right;
  margin-left: 0.5rem;
  font-size: 1rem;
  padding: 0.25rem 0.75rem;
  background: white;
  border: 1px solid #777;
  border-radius: 4px;
  color: #000;
}
li .copy-to-clipboard-button:hover {
  cursor: pointer;
}

/* <-- COPY TO CLIPBOARD */

/* COUNTS --> */

.count {
  padding-left: .325rem;
}
.count::before {
  content: "(";
}
.count::after {
  content: ")";
}

/* <-- COUNTS */

/* START DETAILS STYLES --> */
details {
  margin: .75rem 0;
  width: fit-content;
  width: -moz-fit-content; 
  width: -webkit-fit-content;
  color: #000;
  font-size: 1rem;
}
details > summary {
  display: inline-block;
  background: #d0dae1;
  padding: .125em .5em .125em 1.5em;
  border-radius: 2px;
  position: relative;
}
details section,
details .details-content {
  padding: .5em .75em .75em;
  background: #eff3f5;
  /* FIX! */
  border-radius: 0 2px 2px 2px;
  margin-bottom: 1rem;
}
details[open] summary {
  border-radius: 2px 2px 0 0;
}
details > summary:hover {
  cursor: pointer;
}
summary::-webkit-details-marker {
  display: none;
}
details > summary::before {
  content: "";
  border-style: solid;
  border-width: 3px 3px 0 0;
  border-color: currentColor;
  -ms-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  background: transparent;
  width: .5625em; /* 9px of 1em */
  height: .5625em; /* 9px of 1em */
  position: absolute;
  /* needs to offset hidden half of square */
  left: calc(.5em - 2px);
  top: 50%;
}
details[open] > summary::before {
  -ms-transform: translateY(-50%) rotate(135deg);
  -o-transform: translateY(-50%) rotate(135deg);
  -webkit-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  left: .5em;
}
/* BASE DETAILS OVERRIDES --> */
table.RowDisplay details,
table.row-display details {
  margin: 0;
}
table.RowDisplay details > summary,
table.RowDisplay details > .details-content,
table.row-display details > summary,
table.row-display details > .details-content  {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
details details section,
fieldset details section,
fieldset details .details-content {
  background-color: #eff3f5;
} 
details details .details-content,
.form-section details .details-content {
  background-color: #e0e7eb;
}
details details > summary,
fieldset details > summary,
.form-section details > summary {
  background-color: #c1cdd7;
}
/* <-- BASE DETAILS OVERRIDES */
details.details_1 {
  padding: 0 .75rem;
  width: 36rem;
  max-width: 100%;
  border-bottom: 1px solid #90abc1;
}
details.details_1 > summary {
  /* overrides for base styles --> */
  background-color: transparent;
  border-radius: 0;
  padding: .5em 1em .5em 0;
  display: block;
  /* <-- overrides for base styles */
  font-weight: bold;
}
/* details 1 (uses plus sign) */
details.details_1 summary::before, 
details.details_1 summary::after {
  /* overrides for base styles --> */
  border: 0;
  height: 2px;
  width: .75rem;
  top: 50%;
  right: 0;
  left: initial;
  background-color: currentColor;
  /* <-- overrides for base styles */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
details.details_1 summary::after {
  position: absolute;
  content: "";
}
details.details_1 summary::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
details.details_1[open] summary::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
} 

details.details_1:last-of-type {
  margin-bottom: 1.5rem;
}
details.details_1 section, 
details.details_1 .details-content {
    background-color: transparent;
    padding: 1rem 0;
}
/* details block */
details[class*="super"] summary {
  padding: 0.5em 1em 0.5em 2.25em;
  font-size: 1.125rem;
}
details[class*="block"] summary {
  display: block;
  padding: 0.5em 1em 0.5em 2.25em;
  font-size: 1.125rem;
}
details[class*="block"] > summary::before,
details[class*="super"] > summary::before {
  left: calc(1em - 2px);
}

details[class*="block"] .details-content {
  padding-left: 1em;
  padding-right: 1em;
}
/* details*/
details[class*="language"] summary {
  background-color: #e1e3f4;
}
details.language-block {
  border: 1px solid #dadbf1;
}
details[class*="language"] .details-content {
  background-color: #f4f4fb;
}
/* info "i" --> */
details.extra-information {
  display: inline-block;
}
details.extra-information summary::before {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0;
  top: .6rem;
  border: 1px solid currentColor;
  border-radius: 50%;
} 
details.extra-information summary::after {
  content: "i";
  position: absolute;
  left: .37rem;
  top: 0;
  font-weight: bold;
}
/* overrides base details styles */
details[open].extra-information > summary::before {
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
  left: 0;
  top: .1rem;
}
details.extra-information > .details-content {
  position: absolute;
}
/* overrides base details styles within tables */
table.row-display details.extra-information > .details-content,
details.extra-information > .details-content {
  background-color: #f0f6fa;
  width: fit-content;
  width: -moz-fit-content; 
  width: -webkit-fit-content;
  -webkit-box-shadow: rgb(0 0 0 / 13%) 0px 6px 14px 0px, rgb(0 0 0 / 11%) 0px 1px 4px 0px;
  -moz-box-shadow: rgb(0 0 0 / 13%) 0px 6px 14px 0px, rgb(0 0 0 / 11%) 0px 1px 4px 0px;
  box-shadow: rgb(0 0 0 / 13%) 0px 6px 14px 0px, rgb(0 0 0 / 11%) 0px 1px 4px 0px;
  padding: .25rem .5rem;
  margin-top: .5rem;
  border-radius: 2px;
  /*position: relative;*/
  z-index: 1;
}
details.extra-information > .details-content::before {
  content: "";
  border: 8px solid transparent;
  border-bottom: 9px solid #f0f6fa;
  top: -1rem;
  left: .35rem;
  position: absolute;
  filter: drop-shadow(1px -2px 2px rgb(0 0 0 / 13%));
}
/* <-- END DETAILS STYLES */

/* DOWNLOADS and other icons --> */

.Content .PDFDownload,
.Content .ExcelDownload,
.pdf-download,
.excel-download,
.word-download,
.file-download a,
td a.file-download,
a.youtube-link,
a[href*="youtube.com"]:not(.image-link) {
  background-repeat: no-repeat;
  background-position: left;
  background-size: auto 1.4rem;
  line-height: 1.6;
  display:block;
  margin: 1em;
  padding-left: 2rem;
}
.file-download a,
td a.file-download,
td a.youtube-link {
  display: inline-block;
  margin: 0 1rem; /* inline block counts stacking margins */
}
td a.file-download {
  margin: 0;
}
/* Need .Content to override .Content a....should make this less specific eventually */
.Content .file-download a,
.Content .file-download a:hover,
.Content .file-download a:active,
.Content td a.file-download,
.Content td a.file-download:hover,
.Content td a.file-download:active {
  text-decoration: underline;
  border-bottom-width: 0;
}
.Content .PDFDownload,
.pdf-download,
.file-download [href$=".pdf"],
td a.file-download[href$=".pdf"],
.file-download [data-file-name$=".pdf"] {
  background-image: url(../../../../ais/common/pdficon_small.png);
}
.Content .ExcelDownload,
.excel-download,
.file-download [href$=".xlsx"],
td a.file-download[href$=".xlsx"],
.file-download [data-file-name$=".xlsx"],
.file-download [href$=".xls"],
td a.file-download[href$=".xls"],
.file-download [data-file-name$=".xls"] {
  background-image: url(../../../../ais/common/Excelicon_small.png);
}
.word-download,
.file-download [href$=".docx"],
td a.file-download[href$=".docx"],
.file-download [data-file-name$=".docx"],
.file-download [href$=".doc"],
td a.file-download[href$=".doc"],
.file-download [data-file-name$=".doc"]  {
  background-image: url(../../../../ais/common/Office-Apps-Word-alt-2-Metro-icon.png);
}
a.youtube-link,
a[href*="youtube.com"]:not(.image-link) {
  background-image: url(../../../../ais/common/yt_logo_rgb_light.png);
  padding-left: 7rem;
  margin-left: 2rem;
}
/* REMOVE?? --> */
table td div.PDFDownload,
table td div.PDFDownloadDescription,
table td div.ExcelDownload,
table td div.ExcelDownloadDescription {
  margin-top: 1em;
  margin-right: 1em;
}
/* <-- REMOVE?? */

/* PDFDownload PAGE OVERRIDE --> */
.Content > .PDFDownload {
  margin: 0;
  padding: 0;
  background-image: none;
}
/* <-- PDFDownload PAGE OVERRIDE */

/* <-- DOWNLOADS */

/* ERRORS --> */

.validation-error-line,
.warning,
.error,
.error-on-find,
.ExceptionMessage:not(:empty),
.no-owner,
.generated-field > .value.warning,
.ErrorMessages {
  background-color: #ffdacc;
  border-radius: 2px;
  border: 1px solid #ffc7b3;
  font-size: .875rem;
  margin: 1rem 0;
  padding: .5rem .875rem .5rem 2.1875rem;
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
.info-bar .warning {
  margin: 0;
}
.validation-error-line::before,
.warning::before,
.error-on-find::before,
.file-not-found::before,
.ExceptionMessage:not(:empty)::before,
.no-owner::before {
  background: transparent;
  border-radius: 50%;
  border: 1px solid #000;
  content: "";
  height: .9375rem;
  left: .75rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: .9375rem;
}
.validation-error-line::after,
.warning::after,
.error-on-find::after,
.file-not-found::after,
.ExceptionMessage:not(:empty)::after,
.no-owner::after {
  color: black;
  content: "!";
  font-size: .6875rem;
  font-weight: bold;
  left: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1.0625rem;
  font-style: normal;
}
td > .warning:first-child,
td > .error:first-child {
  margin: 0;
}
.form-input .warning {
  display: inline-block;
  margin: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;  
}
.warning ol {
  padding: 0 0 0 1.5rem;
  margin: 0;
}
.warning li,
.error li {
  padding-left: .5rem;
}
.prohibited-character {
  color: black;
  padding: .125rem .75rem;
  display: inline-block;
  margin: .125rem .325rem;
  font-size: 1.5rem;
  border-radius: 2px;
  border: 2px dashed #cc3702;
  vertical-align: sub;
}
.error .error-heading {
  position: relative;
  background-color: #ffc7b3;
  color: #000;
  line-height: 1.5rem;
  padding: .25rem 1rem .25rem 2.25rem;
  /* cancels out margin on general errors (without heading)*/
  margin: -.5rem -.875rem 0 -2.1875rem;
}
.error .error-question {
  margin: .75rem 0 .25rem -1.375rem;
}
.error .error-list {
  padding: .5rem .75rem .5rem 2rem;
  /* cancels out margin on general errors (without heading)*/
  margin: 0 -.875rem -.5rem -2.1875rem;
}
.error .error-heading::before {
  background: transparent;
  border-radius: 50%;
  border: 2px solid #cc3702;
  content: "";
  height: 1rem;
  left: .75rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
}
.error .error-heading::after {
  background-color: #cc3702;
  content: "";
  font-size: 0.825em;
  font-weight: bold;
  height: 3px;
  left: .875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: .75rem;
}

/* <-- ERRORS */

/* ERX MATRIX FIXES --> */

.ERXMatrixTable {
  display: contents;
}
.ERXMatrixTable--Checked .ERXMatrixTableCell {
  font-weight: bold;
}

/* <-- ERX MATRIX FIXES */

 /* FORMS --> */
form {
  margin: 0;
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="password"],
textarea {
  background-color: #fff;
  border: 1px solid #CECECE;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(50, 50, 50, 0.10) inset;
  -moz-box-shadow: 1px 1px 1px 0 rgba(50, 50, 50, 0.10) inset;
  box-shadow: 1px 1px 1px 0 rgba(50, 50, 50, 0.10) inset;
  padding: .1875rem .25rem;
  font-size: 1rem;
  max-width: 100%;
}
input[type="email"],
.long-text input[type="text"]  {
  width: 25rem;
  max-width: 100%;
}
.extra-long-text input[type="text"] {
  width: 40rem;
  max-width: 100%;
}
select {
  max-width: 100%;
  font-size: 1rem;
  border: 1px solid #b3b3b3;
  padding: .1875rem .25rem;
  background-color: #fff;
}
select[multiple="multiple"] {
  height: 600px;
  max-height: 100%;
}
input[type="file"] {
  border: none;
  text-decoration: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.form-section {
  background-color: #eff2f3;
  border-radius: 2px;
  padding: .75rem 1rem 1rem;
  border: 1px solid #e8eced;
}
.form-input,
.generated-field {
  margin-bottom: .5rem;  
  white-space: normal;
}
.form-input .action,
.generated-field .action {
  display: inline-block;
}
.form-input .number,
.generated-field .number {
  text-align: right;
}
.form-input label:first-child,
.generated-field > .label:first-child,
.form-input > .label:first-child {
  padding-right: .5rem;
  width: 10rem;
}
.generated-field > .label, 
.generated-field .preview,
.generated-field > .value,
.form-input label,
.form-input input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.form-input textarea,
.form-input select,
.input-group-label {
  display: inline-block;
  line-height: 1.2;
  max-width: 100%;
  padding: .25rem 0;
  vertical-align: top;
  font-size: 1rem;
}
li .form-input label {
  padding: 0;
}
.form-input input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]),
.form-input textarea,
.form-input select,
.generated-field > .preview,
.generated-field > .value {
  min-width: 10rem;
  padding: .25rem;
}
.form-input textarea:not(:last-child),
.form-input select:not(:last-child),
.form-input input:not(:last-child) {
  margin-right: .5rem;
}
.generated-field > .value {
  font-style: italic;
  background-color: #eff2f3;
  border-radius: 2px;
  border: 1px solid #e2e7e9;
}
.form-section .generated-field > .value,
.details-content .generated-field > .value {
  border-color: #d3dbde;
}
.generated-field > .value,
.generated-field > .label,
.generated-field > .preview {
  line-height: 1.3;
}
.generated-field > .value,
.generated-field > .preview {
  padding-left: .5rem;
  padding-right: .5rem; 
}
[class$="-input-wrapper"] {
  display: inline-block;
  margin-bottom: .25rem;
}
.form-input input.FileUploadQuestion {
  padding: .25rem 0;
}
.form-input select,
.form-input textarea,
.generated-field > .value {
  max-width: calc(100% - 11rem);
}
.form-input[class*="css"] textarea {
  max-width: initial; /* textareas containing CSS need to be full width */
  margin-left: .5rem;
}
[class*="css"] textarea {
  width: 100%; /* textareas containing CSS need to be full width */
}
.form-input textarea {
  /*max-width: 600px; consider removing permanently */
  max-width: 100%;
}
.generated-field > .value {
  max-width: 850px;
}
.form-input input[type=checkbox],
.form-input input[type=radio] {
  margin: .25rem;
  vertical-align: text-top;
  min-width: initial;
  padding: 0;
  cursor: pointer;
}
.form-input input[type=radio] {
  margin: .3125rem .25rem;
}
input[type=checkbox][disabled=disabled] {
  cursor: not-allowed;
}
input[type=checkbox]:checked + label {
  font-weight: bold;
}
.form-input input[type=checkbox] ~ label,
.form-input inpt[type=radio] ~ label {
  float: none; /* override */
  margin: 0 .25rem 0 0;
  line-height: 1;
}
.form-input .ajax-observe-field,
.form-input .ajax-update-container {
  display: contents;  
}
.generated-field .preview {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #e6e6e6;
  min-height: 1.25rem;
  min-width: 14rem;
}
.input-group {
  display: flex;
  flex-flow: row wrap;
}
.input-group ~ .input-group,
.input-group ~ .form-input {
  margin-top: .75rem;
}
.input-group-content {
  margin: 0 0 .25rem 1.25rem;
}
.input-group-content .form-input label:first-child,
.input-group-content .generated-field > .label:first-child {
  width: 9rem;
}
/* from-to-date-picker --> */
.from-to-date-picker .input-group-content {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 0 0 1.25rem;
}
.input-group-label {
  width: 9rem;
}
.from-to-date-picker {
  display: flex;
  flex-flow: row wrap;
}
.from-to-date-picker label {
  display: block;
}
.date-hint .label,
.date-hint .value,
.hint .label,
.hint .value {
  display: inline-block;
  font-size: .875rem;
}
.date-hint .label::after {
  content: ":";
}
.date-picker input {
  width: 8.5rem;
  min-width: initial;
}
.form-input.date-picker:not(:only-child) {
  margin-right: .5rem;
}
/* <-- from-to-date-picker */

/* FIELDSETS --> */
form fieldset {
  border: 1px solid #356789;
  border-radius: 2px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 0 .75rem;
}
/* temp override for AIS because of so many unnecessary fieldsets */
.content fieldset {
  width: initial;
}
.form-input + fieldset {
  margin: .75rem 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
.form-input + fieldset .form-input {
  margin-bottom: 0;
}
legend {
  font-weight: normal;
  padding: 0 .25rem;
}
/*legend a {
  font-size: .75rem;
}*/
fieldset.yes-no-picker {
  border: 1px solid #cecece;
  margin: 0 0 .75rem;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
fieldset.yes-no-picker legend {
  font-weight: normal;
  font-size: 1rem;
}
.fieldset-content .form-input {
  margin-bottom: 0;
}
.fieldset-content .form-input:first-child:nth-last-child(n + 4),
.fieldset-content .form-input:nth-last-child(n + 4) ~ .form-input {
  display: block;
}
.form-section-content legend {
  font-size: .875rem;
}
/* <-- FIELDSETS */

/* FORMS IN TABLES --> */
.row-display .form-input input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]),
.row-display .form-input textarea,
.row-display .form-input select {
  display: block;
}
.row-display caption .form-input input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]),
.row-display caption .form-input textarea,
.row-display caption .form-input select {
  display: inline-block;
}
.row-display .form-input textarea {
  width: calc(100% - 11rem);
}
.row-display .input-group-label {
  font-size: 1rem;
}
/* <-- FORMS IN TABLES */

/* REQUIRED --> */
.form-input.required label::after {
  content: " *";
  color: var(--required-red);
  background-color: inherit;
  font-weight: bold;
}
.form-input.required::before {
  content: none;
}
.hint.required {
  font-size: .875rem;
  font-style: italic;
  color: var(--required-red);
}
.yes-no-picker.required legend:after {
    content: " *";
    color: var(--required-red);
    background-color: inherit;
    font-weight: bold;
}
.yes-no-picker.required label:after {
  content: "";
}
/* <-- REQUIRED */

/* SEARCH --> */
form[class$="-search"] .form-section {
  display: flex;
  flex-wrap: wrap;
}
/* CHANGE H2 to target a class! */
form[class$="-search"] .form-section h2 {
  flex: 0 0 10rem;
}
form[class$="-search"] .form-section-content {
  margin-top: .5rem
}
/* <-- SEARCH */

/* filter for display --> */
.filter-for-display {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 1rem 0;
}
.filter-for-display label:first-child {
  display: block;
}
/* <-- filter for display */

/* control inside form-input --> */
#contentPageProportional .form-input input[type="submit"],
#contentPageProportional .form-input input[type="button"] {
  margin: 0 0 0 .5rem;
}
/* <-- control inside form-input */

/* Email forms --> */
/* ais */
[class*="EmailTemplate"] .content .form-input input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]), 
[class*="EmailTemplate"] .content .form-input textarea, 
[class*="EmailTemplate"] .content .form-input select, 
[class*="EmailTemplate"] .content .generated-field > .preview, 
[class*="EmailTemplate"] .content .generated-field > .value,
[class*="email-template"] .content .form-input input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]), 
[class*="email-template"] .content .form-input textarea, 
[class*="email-template"] .content .form-input select, 
[class*="email-template"] .content .generated-field > .preview, 
[class*="email-template"] .content .generated-field > .value,
/* air */
[class*="EmailTemplate"] .main-content .form-input input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]), 
[class*="EmailTemplate"] .main-content .form-input textarea, 
[class*="EmailTemplate"] .main-content .form-input select, 
[class*="EmailTemplate"] .main-content .generated-field > .preview, 
[class*="EmailTemplate"] .main-content .generated-field > .value,
[class*="email-template"] .main-content .form-input input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]), 
[class*="email-template"] .main-content .form-input textarea, 
[class*="email-template"] .main-content .form-input select, 
[class*="email-template"] .main-content .generated-field > .preview, 
[class*="email-template"] .main-content .generated-field > .value  {
  width: 34rem;
  max-width: 100%;
}
[class*="email-template"] .form-input textarea,
[class*="EmailTemplate"] .form-input textarea {
  width: 52rem;
  height: 27rem;
}
[class*="EmailTemplate"] .form-input textarea {
  min-height: 18rem;
}
/* <-- Email forms */

/* special input widths --> */
input.wide {
  width: 30rem;
  max-width: 100%;
}
.form-input.long-name input,
input.extra-wide {
  width: 40rem;
  max-width: 100%;
}
.form-input .date-hint {
  display: inline-block;
  /*padding: 0 .25rem;*/
  vertical-align: top;
}

@media only screen and (max-width : 30rem) {
  .form-input select,
  .form-input textarea,
  .generated-field > .value {
    width: 100%;
    max-width: 100%;
  }
}

/* <-- FORMS */

/* HEADINGS --> */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin-top: 0;
  line-height: 1.4;
  margin-bottom: .5rem;
  padding: 0;
}
h1 {
  font-size: 1.75rem;
  color: #2a353d;
}
h2 {
  font-size: 1.375rem;
}
h3 {
  font-size: 1.25rem;
}
h4{
  font-size: 1.125rem;
  color: #33424d;
}

/* <-- HEADINGS */

/* iframes --> */

.iframe-resize-wrapper iframe {
  width: 100%;
  height: 100%;
}
.iframe-resize-wrapper {
  height: 300px;
  width: 800px;
  resize: both;
  overflow: auto;
}

/* <-- iframes */

/* info-page --> */

.info-page .content {
  max-width: 800px;
  padding: 1.5rem;
  margin: 0 auto;
}
.info-page .card {
  font-size: .875rem;
}
.info-section {
  max-width: 700px;
}
.info-page footer {
  padding: 1rem;
}
/* for dark bg */
.inner-grid {
  background-color: transparent;
  border-collapse: collapse;
  font-size: .875rem;
  margin: .75rem 0;
  border: .75rem solid transparent;
}
.inner-grid th,
.inner-grid td {
  text-align: left;
  padding: .5rem;
  vertical-align: top;
  border: 1px solid #59666f;
}
.inner-grid th {
  text-transform: uppercase;
  border-bottom: 1px solid;
}
.inner-grid tr > td:first-child,
.inner-grid tr th:first-child {
  border-left: none;
}
.inner-grid tr > td:last-child,
.inner-grid tr th:last-child {
  border-right: none;
}
.inner-grid tr:last-child td {
  border-bottom: none;
}
.inner-grid tr:first-of-type th,
.inner-grid.vertical-header tr:first-of-type td {
  border-top: none;
}
.inner-grid.vertical-header th {
  border-bottom: none;
  border-right: 1px solid;
}
.inner-grid.bg-blue01 {
  border-color: #29353d;
}
.inner-grid.bg-blue02 {
  border-color: #33424d;
}

/* <-- info-page */

/* LISTS --> */
.long-list {
  column-count: 2;
  column-width: 15rem;
  column-gap: .5rem;
}
/* <-- LISTS */
/* mixed languages --> */

.mixed-languages [lang] {
  color: #067766;
  margin-bottom: .375rem;
}
.mixed-languages .deadlineBox [lang],
/* delete after conversion is complete! */
div#ApplicationTemplateDisplayAUC .SectionDisplay.mixed-languages h1[lang], /*forms only*/
div#ApplicationTemplateDisplayAUC .SectionDisplay.mixed-languages h1 [lang], /*forms only*/
div#ApplicationTemplateDisplayAUC .section-display.mixed-languages h1[lang], /*forms only*/
div#ApplicationTemplateDisplayAUC .section-display.mixed-languages h1 [lang], /*forms only*/
.mixed-languages [lang] h1, 
.mixed-languages [lang] h2,
.mixed-languages [lang] h3,
/* user home page */
#UserHomeIntro .mixed-languages [lang] h1, 
#UserHomeIntro .mixed-languages [lang] h2,
#UserHomeIntro .mixed-languages [lang] h3,
/* login page */
.CustomContent .mixed-languages [lang] h1, 
.CustomContent .mixed-languages [lang] h2,
.CustomContent .mixed-languages [lang] h3  {
  color: #065649;
}
.mixed-languages .Instruction [lang] {
  color: #066051;
  margin-bottom: 0;
}

/* <-- mixed languages */

/* page structure --> */
.page-section {
  margin-bottom: 1rem;
}
/* <-- page structure */

/* PAGINATOR --> CLEAN UP AFTER MARCO DELETES STYLES! */
.paginatorContainer {
  align-items: center;
  border-radius: 2px;
  border: 1px solid #cecece;
  display: flex;
  flex-flow: row wrap;
  margin: .5rem 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  justify-content: flex-start;
}
.paginator {
  font-size: .875rem;
  padding: .75rem; 
  margin-right: 0; 
  margin-left: 0;
}
.paginator span,
.paginator a {
  display: inline-block;
}

.paginatorContainer .paginator a {
  background: #fff;
  border: solid 1px #346789;
  color: rgb(40 54 61);
  padding: .0625rem .5rem .125rem .5rem;
  text-decoration: none;
  margin-right: .125rem;
}

.paginator a:visited {
  padding: .0625rem .5rem .125rem .5rem;
  border: solid 1px #346789;
  background: inherit;
  text-decoration: none;
}

.paginator .paginatorAtStart,
.paginator .paginatorAtEnd {
  margin: inherit;
  padding: .0625rem .5rem .125rem .5rem;
  color: rgb(255 255 255);
  border: 1px solid #356789;
  background: #356789;
  opacity: .6;
  white-space: nowrap;
}

.paginator .paginatorBreak {
  padding: 2px 6px;
  border: none;
  background: rgb(255, 255, 255);
  text-decoration: none;
}

.paginatorContainer .paginator .paginatorNext,
.paginatorContainer .paginator .paginatorPrev {
  padding: .0625rem .5rem .125rem .5rem;
  background: #336789;
  border: 1px solid #346788;
  color: #ffffff;
  border-color: #356788;
  border-radius: 2px;
  white-space: nowrap;
  display: inline-block;
}
.Content .paginator .paginatorNext {
  margin-left: .5rem;
}
.Content .paginator .paginatorPrev {
  margin-right: .5rem;
}

.paginatorContainer .paginator a:hover,
.paginatorContainer .paginatorBatchSizes a:hover {
  color: #fff;
  background: #22465d;
  border-color: #1c384a;
  text-decoration: none;
}

.paginatorContainer .paginatorResults {
  /* text-align: center; */
  font: 11px/15px Arial, Helvetica;
   color: #000; 
  /* margin-top: .75rem; */
  margin: 0 1.5rem;
  background: #e0e6ef;
  padding: .125rem .5rem;
  margin: .75rem;
}

.paginatorContainer .paginatorBatchSizes {
  /* text-align: center; */
  font: 11px/15px Arial, Helvetica;
  margin: .75rem;
}

.paginatorBatchSizeList {
  font-weight: bold;
}

.paginatorBatchSizes a {
  color: #296089;
  padding: 2px 6px;
  border: solid 1px rgb(208, 208, 208);
  background: rgb(255, 255, 255);
  font-weight: normal;
  text-decoration: none;
  margin: 0 .125rem;
}

.paginatorContainer .paginator .paginatorCurrentPage {
  padding: .0625rem .5rem .125rem .5rem;
  border: none;
  font-weight: bold;
  color: #000;
}
/* <-- PAGINATOR */

/* SECTIONS --> */

[class*="-section"] {
  margin: 1rem 0;
}
[class*="-section-"],
/* override for section navigator in air */
.menu-of-sections  {
  margin: 0;
}
[class*="-section-content"] {
  margin: 1rem 0 0 0;
}
.inbox-section-content {
  background-color: #e0e6eb;
  border-top: 3px solid #415467;
  padding: .75rem 1rem;
  margin: 0;
}
.inbox-section h2 {
  background-color: #415467;
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.125;
  margin: 0;
  padding: 5px 10px 4px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
.data-display-section {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 1rem 0;
}
.data-display-section-content {
  border: 1px solid #e8eced;
  border-top: none;
  padding: 1rem;
  margin: 0;
  background-color: #f0f2f3;
  border-radius: 0 0 4px 4px;
}
.data-display-section h2 {
  background: #bfced9;
  padding: .625rem 1rem .5rem;
  border-radius: 4px 4px 0 0;
  margin: 0;
  border: 1px solid #b9cad5;
}
.data-display-section h2 a {
  color: #33434d;
}
.data-display-section .generated-field {
  margin: 0;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  flex-flow: row wrap;
}
.data-display-section .generated-field:last-child {
  border-bottom: 0;
}
.data-display-section .generated-field > .value {
  background: #e3e6e8;
  border: 0;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  flex-grow: 1;
  padding: .5rem .5rem .5rem.75rem;
  font-style: normal;
}
.data-display-section .generated-field .generated-field > .value {
    background-color: hsl(204 10% 86% / 1);
}
.data-display-section .generated-field > .label {
  padding: .5rem .75rem .5rem 0;
  width: 13rem;
}
/* <-- SECTIONS */

/* SHARED: STEP BY STEP WIZARD --> */
ul.progress_bar {
  padding: 0;
  margin: 0 0 1rem;
  display: flex;
}
.progress_bar li {
  list-style: none;
  border: 2px dashed #29353d;
  padding: .5rem .75rem;
  border-radius: 20px;
  position: relative;
  margin-right: 2rem;
}
.progress_bar li:not(:last-child):after { 
  content: '';
  position: absolute;
  width: 1.8rem;
  height: 4px;
  right: -2rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #29353d;
}
.progress_bar.step_one li:nth-of-type(2):after { 
  background-color: #94a9b8;
}
.progress_bar.step_one li:first-of-type,
.progress_bar.step_two li:nth-of-type(2),
.progress_bar.step_three li:nth-of-type(3) {
  background-color: #29353d;
  color: #fff;
  font-weight: bold;
}
.progress_bar.step_two li:first-of-type,
.progress_bar.step_three li:nth-child(-n+2) {
  border-style: solid;
  background-color: #475c6b;
  color: #fff;
}
.progress_bar.step_two li:first-of-type:before,
.progress_bar.step_three li:nth-child(-n+2):before {
 content:  "\2713 ";
 padding-right: .5rem;
 font-weight: bold;
}

/* <-- SHARED: STEP BY STEP WIZARD */

/* NAVIGATION --> */
.sub-nav,
.info-bar {
  display: flex;
  margin: -1rem -1.25rem 1rem -1.25rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  flex-flow: row wrap;
  align-items: flex-end;
}
.sub-nav {
  background-color: #e4e5e7;
}
.info-bar {
  background-color: #f1f2f3;
}
.sub-nav .page-actions {
  margin-left: auto;
}
.info-bar-item:not(:last-child) {
  margin-right: .75rem;
  flex: 0 1 15rem; /* last child can be long item */
}
.info-bar-item.student-name {
  flex: 0 1 24rem;
}
.info-bar-item .label {
  color: #555;
}
.info-bar .label::after {
  content: ":";
  padding-right: .25rem;
}
.info-bar .StudentLastNameEmphasis:first-child::after {
  content: ",";
  padding-right: .25rem;
}
.page-actions .link-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
}
.page-actions .link-list li:not(:first-child) {
  display: inline-block;
  margin-left: .5rem;
}
.breadcrumbs-item:not(:last-child)::after {
  content: "/";
  display: inline-block;
  margin: 0 .5rem;
  color: #666;
  font-size: 1.125rem;
  line-height: 1;
}
.info-bar-item.student-name .last-name:first-child::after {
  content:",";
}
.info-bar-item.student-name .last-name {
  font-weight: bold;
}

/* Override for h1 size until all h1 text is reduced appropriately --> */
#contentPageProportional .info-bar + h1 {
  padding: 0;
  font-size: 1.5rem;
}

.info-bar .generated-field-group-content .label::after {
  content: "";
}
.info-bar .generated-field-group-content .value {
  font-weight: bold;
}
.sub-nav .previous-page-link {
  margin: 0;
}
.info-bar-item dt, .info-bar-item dd {
  display: inline-block;
  margin: 0;
}
.info-bar-item.generated-field-group,
.info-bar-item .generated-field-group-content {
  display: flex;
}
.info-bar-item .generated-field-group-label {
  margin-right: 1rem;
  white-space: nowrap;
}
.info-bar-item .generated-field-group-label:after {
  content: ":";
}
.info-bar ~ .page-heading {
  margin: -1rem -1.25rem 0;
  padding: 1rem;
  background: #f1f2f3;
  font-size: 1.5rem;
  display: flex;
  align-items: baseline;
  flex-flow: row wrap;
}

/* <-- NAVIGATION */

/* SVGs --> */

img.trashcan,
input[type="image"].delete-button { 
  height: 1.5rem;
  padding: 0 0.125em;
} /* controls size of trash-mag.svg */

/* <-- SVGs */

/* TABLE ROW NUMBERS --> */

table.row-display > tbody {
    counter-reset: rowCounter calc(var(--row-number-start) - 1);
}
table.row-display > tbody > tr {
    counter-increment: rowCounter;
}
table.row-display table.row-display > tbody > tr {
    counter-increment: initial;
}
table.row-display > tbody > tr td.row-number:after {
  content: counter(rowCounter) ".";
}
table.row-display > tbody > tr.secondary-row {
    counter-increment: none;
}   
table.row-display {
    background-color: #fff;
    color: #000;
    font-style: normal;
    margin: .5rem 0;
    border-collapse: collapse;
}
table.RowDisplay td.rowNumber,
table.RowDisplay td.row-number,
table.row-display td.rowNumber,
table.row-display td.row-number {
   text-align: right;
}

/* <-- TABLE ROW NUMBERS */

/* TABLE SORTER --> */

th .SortColumn,
th .sort-column,
.sort-wrapper {
  margin-right: .25em;
}
.sort-wrapper input,
input[title="ERXSortOrder.sortBy"] {
  padding: 0;
  border: 0;
  box-shadow: none;
}

/* <-- TABLE SORTER */
/* SHARED TABLE STYLES --> */
caption {
  text-align: left;
  padding: .125rem 0 .375rem;
}
th {
  font-weight: normal;
  white-space: nowrap;
  vertical-align: top;
}
.row-display .number,
.RowDisplay .number {
  text-align: right;
}
.row-display th {
  text-align: left;
}
thead .aisid input[list*="Filter"] {
  width: 8rem;
}
thead .test-center input[list*="Filter"] {
  width: 6rem;
}
thead .applicant-status input[list*="Filter"] {
  width: 4rem;
}
table.row-display tr,
table.RowDisplay tr {
  vertical-align: top;
}
td.percent:not(:empty)::after {
    content: "%";
}
tr.has-pii td.pii {
  background-color: #ffb699ab;
}
/* cell width restrictions --> */
.row-display td.Description,
.row-display td.description {
  white-space: normal;
  max-width: 35rem;
}

/* <-- SHARED TABLE STYLES */

/* TAGS --> */

[class*="-tag"],
.hint {
  padding: 0 .25rem;
  font-size: .875rem;
  margin: 0 .25rem;
  border-radius: 2px;
  align-self: flex-start;
}
.hint {
  font-style: italic;
  display: inline-block;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
.info-tag,
.hint {
  background-color: #bfeaf7;
}
.info-tag-1 {
  background-color: #f7d9fd;
}
.info-tag-2 {
  background-color: #d0d0fb;
}
.info-tag-3 {
  background-color: #d0fbd3;
}
.alert-tag {
  background-color: #fbcec7;
}
.super.info-tag {
  padding: .125rem .75rem;
  font-size: 1rem;
  border-radius: 100px;
}
.info-tag:first-of-type {
  margin-left: 0;
}
.info-tag ~ .info-tag {
  margin: 0;
}
.info-tag:last-of-type {
  margin-right: .75rem;
}
/* overrides on one-off classes --> */
.external-system-tag {
  padding: initial;
  font-size: initial;
  margin: initial;
  border-radius: initial;
}
.is-deceased-tag,
.do-not-contact-tag {
  background-color: #B00707;
  color: #fff;
}
/* <-- overrides on one-off classes */

/* <-- TAGS */

/* TEXT --> */
.explanation {
  font-size: .875rem;
  font-style: italic;
  max-width: 16rem;
  display: inline-block;
}
details.explanation {
  max-width: 43rem;
  display: block;
}
/* <-- TEXT */

/* TOGGLE --> */

.toggle-buttons-wrapper {
  display: flex;
  margin-bottom: 1rem;
  margin-right: .5rem;
}
.form-input .toggle-buttons-wrapper {
  display: inline-flex;
}
.form-input button.toggle-button {
  padding: .35rem .5rem;
}
.toggle-button {
  border: 1px solid #346788;
}
.toggle-button:first-of-type {
  padding: 0.4rem 0.75rem;
  border-radius: 6px 0 0 6px;
}
.toggle-button:last-of-type {
  border-radius: 0 6px 6px 0;
}
.toggle-button[aria-pressed="true"] {
  background: #336789;
  color: #fff;
  border-color: #29353d;
}
.toggle-button[aria-pressed="false"] {
  background: transparent;
  color: #444;
  border-color: #a3a3a3;
}
.toggle-button:first-of-type[aria-pressed="false"] {
  border-right: none;
}
.toggle-button:last-of-type[aria-pressed="false"] {
  border-left: none;
}
/* <-- TOGGLE */

/* __base --> */

/* header --> */
#header-id {
  background: #29353d;
  padding: 0.75rem;
  color: #fff;
  display: flex;
  flex-flow: row wrap;
}
#header-id .header-logo img {
  height: 52px;
  max-width: 100%;
  margin-right: 1rem;
}
.IsNotLoggedIn #header-id {
  flex-shrink: 0;
  justify-content: space-between;
  padding: 1.5rem;
}
#header-id .user-name-block {
  justify-content: space-between;
  flex-flow: row wrap;
}
#header-id .welcome-with-first-name-wrapper {
  font-size: 1.125rem;
  padding: .125rem 0;
  margin-right: 1.5rem;
  margin-bottom: .75rem;
}
#header-id .welcome-with-first-name-wrapper .welcome::after {
  content: ",";
}
#header-id .form-input label {
  color: #FFD590;
  width: initial;
  font-size: 1.125rem;
}
#header-id .form-input select {
  padding: 0;
  font-size: 1.125rem;
  max-width: initial;
}
#header-id #header-customization-id,
#header-id .user-name-block {
  display: flex;
}
#header-id #header-customization-id {
  flex-grow: 1;
  margin-bottom: .75rem;
}
#header-id .site-info-wrapper {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
#header-id .user-name-block .first-name {
  color: #FFD590;
}
#header-id .site-info-wrapper #serverInfo {
    margin-right: 2rem;
}
#header-id #serverInfo .serverDate,
#header-id .site-info-wrapper .instanceNumber,
#header-id .brand .name {
  font-weight: bold;
}
#header-id #serverInfo #serverTimeFieldID {
  font-weight: normal;
}

#header-id .site-info-wrapper #serverInfo,
#header-id .site-info-wrapper #build-and-instance {
  display: inline-block;
  vertical-align: top;
  font-size: .875rem;
  color: #e6e6e6;
  text-align:  right;
}
#header-id .site-info-wrapper .page-name {
  display: block;
}
/* <-- header  */

/* main nav --> */
#main-menu-id {
  display: flex;
  flex-flow: row wrap;
  flex-grow: 0;
  justify-content: space-between;
  background-color: #b3c1cc;
  border-bottom: 1px solid rgb(137, 148, 158);
  background: #1e5799;
  background: -moz-linear-gradient(bottom, #94a8b8 0%, #b3c1cc 40%, #b3c1cc 100%);
  background: -webkit-linear-gradient(bottom, #94a8b8 0%, #b3c1cc 40%, #b3c1cc 100%);
  background: linear-gradient(to top, #94a8b8 0%, #b3c1cc 40%, #b3c1cc 100%);
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94a8b8', endColorstr='#b3c1cc',GradientType=0 );*/
}
#main-menu-id .menu-items-wrapper {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#main-menu-id .menuItem,
#main-menu-id .logout-link-wrapper {
  padding: 0.125rem 1rem 0.1875rem;
}
#main-menu-id .menuItem:hover,
#main-menu-id .menuItem:hover a {
  background-color: #34677f;
  color: #fff;
}
#main-menu-id a {
  color: #000;
  text-align: center;
  text-decoration: none;
}
#main-menu-id .Logout {
  font-weight: bold;
}
#main-menu-id .Logout:hover {
  text-decoration: underline;
}
/* <-- main nav  */
/* main content --> */
#main-id {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  flex-shrink: 0;
}
#main-id div.PageName,
div.page-name { /* ADDED BY GREGG: 2023-0823, HTML Change by Marco, also moved Page Name outside <main> */
  background-color: #29353d;
  color: #fff;
  padding: .5rem 1rem;
  text-align: right;
  font-size: .875rem;
}
#main-id > h1:first-child {
  padding: 1.5rem 1.5rem 0;
  margin: 0;
}
.IsNotLoggedIn #main-id > h1:first-child {
  padding: 0;
}
h1 ~ .main-content {
  padding: 1rem 1.5rem 1.5rem;
  flex-grow: 1;
}
.IsNotLoggedIn h1 ~ .main-content {
  padding: 0;
}
#main-id > .main-content:first-child {
  padding: 1.5rem;
  flex-grow: 1;
}
/* pages requiring no outer padding--> */
#main-id[data-page-name="AirAutoLogoutPage"] > h1:first-child,
#main-id[data-page-name="AirAutoLogoutPage"] > .main-content,
#main-id[data-page-name="Main"] > .main-content:first-child,
#main-id[data-page-name="ApplicationTemplateDisplay"] > .main-content:first-child  {
  padding: 0;
}
/* <-- pages requiring no outer padding */

/* <-- main content */
/* footer --> */
#footer-id {
  background-color: #29353d;
  padding: 2rem 1.5rem 2rem;
  border-top: 1px solid #3d4f5c;
  flex-flow: row wrap;
  color: #fff;
}
.IsNotLoggedIn #footer-id {
  padding: 2rem 1.5rem;
}

/* temp --> */
.IsNotLoggedIn #footer-id #HomePage,
.IsLoggedIn #footer-id #LoginPage {
  display: none;
}
#ac-wrapper-id {
  display: contents;
}
/* <--temp */
/* <--footer */


@media only screen and (min-width: 56em) {
  .IsNotLoggedIn #header-id {
    padding: 1.5rem 6rem;
  }
}
@media only screen and (min-width: 50em) {
  #footer-id {
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 43.5em) {
  .IsNotLoggedIn #header-id {
    background-color: #33424d;
    min-height: 96px;
  }
  .IsNotLoggedIn #footer-id {
    padding: 2rem 6rem;
  }
}
/* <-- __base */

/* NOTE TO CHERYL FROM GREGG FOR EDITS MADE AFTER 4 Jun 2019 */
/*                                                           */
/* COLOUR PALETTE ADDITIONS: Any new colours I used are      */
/* added at the bottom of your palette list below, within    */
/* their own comment section.                                */
/*                                                           */
/* CSS ADDITIONS: Any CSS I added or notes about changes     */
/* are at the bottom of this stylesheet beginning at Line    */
/* 2870) in its own section.                                 */
/*                                                           */
/* Please! Please! review my changes and clean them up as    */
/* as you think appropriate. Thanks! ... Gregg               */


/* MAIN STRUCTURE--> */

input[type="button"]::-moz-focus-inner {
  outline: 0;
}
input[type="radio"]:focus,
a:focus,
input:focus,
textarea:focus,
input::-moz-focus-inner {
  outline: 1px solid #cecece;
}
body {
  background-repeat: repeat-x;
  color: #000;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  width: 100%;
  min-height: 100%;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.IsLoggedIn .Content {
  margin: 0;
  padding: 1.5rem 1.25rem;
  position: relative;
  background-color: transparent;
  clear: both;
}
.IsLoggedIn .Content,
.IsNotLoggedIn .Content {
  flex-grow: 1;
  flex-shrink: 0;
  /*flex-basis: 0;*/ /*was added to make sticky tips work in safari, but also causes bug*/
}
.Content:after {
  content: " ";
  display: block;
}
p {
  margin: 0 0 1rem 0;
  line-height: 1.5;
}







/* typography -->*/

.text-small {
  font-size: .875rem;
}


/* CATEGORY: bg color classes -> */


.transparent {
  background-color: transparent;
}
/* ???> */


/*<--MAIN STRUCTURE */
/* To Overwrite Codivus CSS--> */
div.SecureDocumentEditorRowDisplay h1 {
  margin-top: 1rem;
}
/* <--To Overwrite Amagavi CSS */
/* LIST OF SECTIONS--> */
/* delete after conversion is complete! */
.SectionDisplay,
.section-display {
  padding: 0;
  margin: 0;
  border: 0;
  text-align: left;
  max-width: 1000px;
  height: 100%;
  position: relative;
}
/* delete after conversion is complete! */
.SectionItemsList,
.section-items-list {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #94a4b3;
}
#pageHeader .ApplicationRefCode {
  font-weight: bold;
}
#pageHeader .ApplicationRefCode:before {
  content: "Reference Code: ";
  font-weight: normal;
}
#pageHeader .ApplicationRefCode:after {
  content: ",";
}
/* <--LIST OF SECTIONS */
/*NAV-->*/
#TopMenu .menuItem,
.menu .menuItem {
    display: inline-block;
}
#TopMenu .menuItem:hover,
.menu .menuItem:hover {
  background-color: #34677f;
}
#TopMenu a,
.menu a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: .9375rem;
  display: inline-block;
  text-align: center;
  padding: .125rem 1rem .1875rem;
  color: #000;
  background-color: transparent;
  text-decoration: none;
}
#TopMenu a:hover,
.menu a:hover,
.menu a:active,
#TopMenu a:active {
  background: transparent;
  color: #FFF;
}
.menu a:active,
#TopMenu a:active {
  background-color: #437686;
  color: #F2F2F2;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}
#TopMenu {
  background-color: #b3c1cc;
  border-bottom: 1px solid rgb(137, 148, 158);
  background: #1e5799; /* Old browsers */
  background: -moz-linear-gradient(bottom, #94a8b8 0%, #b3c1cc 40%, #b3c1cc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #94a8b8 0%, #b3c1cc 40%, #b3c1cc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #94a8b8 0%, #b3c1cc 40%, #b3c1cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94a8b8', endColorstr='#b3c1cc',GradientType=0 ); /* IE6-9 */
  padding: 0 4rem 0 0;
  position: relative;
  z-index: 2;
  border: none;
}
div#TopMenu div.AccountProfileMenuIsOneOfTwo a {
  margin-left: 0;
}
nav#TopMenu {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  flex-shrink: 0;
}
#TopMenu .menu-items-wrapper {
  padding: 0;
  margin: 0;
}
#TopMenu .Logout {
  font-weight: bold;
  font-size: .875rem;
}
#TopMenu a.Logout:hover,
#TopMenu a.Logout:active {
  text-decoration: underline;
  color: #000;
}
/* <--NAV */

address {
  margin-left: .75rem;
  padding: .5rem;
  font-style: normal;
}

/* <--HEADER */
/* TITLES-->*/
h1 {
  clear: both;
}
.SectionsRowDisplay h1,
.BrandEditor h1,
.BrandRowDisplay h1 {
  margin-top: .5rem;
}
/* delete after conversion is complete! */
.SectionDisplay h1,
.section-display h1 {
  text-align: left;
  margin: .5em 0;
}

a.LinkToPreviousPage {
  margin-right: 2em;
  margin-top: -2em;
}
/*<--TITLES*/

#footer #AClogoFooter img,
#footer-id #AClogoFooter img {
  max-width: 250px;
  padding: 0 1rem 1rem 0;
}
#footer.IsLoggedIn img#LoginPage {
  display: none;
}
#Policies,
.policies {
  margin: 1rem 0;
}
.IsNotLoggedIn #PrivacyPolicy {
  margin-right: 2rem;
}
.IsLoggedIn #footer img#LoginPage {
    display: none;
}
input#Username:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #fff;
  background-image: none;
  color: rgb(0, 0, 0);
}
input#Login[type="submit"],
input.RequestNewPassword[type="submit"] {
  float: right;
  margin-right: 1em;
  font-size: 1em;
}
/* ONE-OFF FOR CHANGE PASSWORD PAGE --> */
.ChangePasswordAction input[type="submit"] {
  margin-right: .5rem;
}
/* <-- ONE-OFF FOR CHANGE PASSWORD PAGE */

div.ResetPasswordInstructions {
    padding: 0 0 1rem;
}
div.ResetPasswordNext {
    color:#981727;
}
p.ResetPasswordAlert {
    background-color:#FFFFDD;
    color:#981727;
    font-weight:bold;
}
body table#login tr.LoginActions span.ForgotPassword {
  float: left;
  margin-left: .5em;
  padding: 0;
  font-size: .8em;
}

.AClogo {
  margin: 0 auto;
  max-width: 400px;
  padding: 2em;
}
img {
  max-width: 100%;
}
a img {
  max-width: inherit;
}
h2.AppClosed {
  color: #DA2238 !important;
}
/* testing removal */
/*p.LoginWelcomeAlertText {
    color: #981727 !important;
    font-weight: bold;
}*/
.LoginWelcome .PageTitle h1 img {
  padding-left: .4em;
}
.LoginGetStarted {
  color: #fff;
  float: right;
  font-size: 0.9em;
  background-image: url('https://ais.americancouncils.org/ais/common/GetStartedBlurb.png');
  background-repeat: no-repeat;
  height: 305px;
  width: 249px;
  margin: -1.5em -2.5em -1em -1em;
  position: relative;
  display: none;
}
/* VERIFY PASSWORD--> */
div.ForgottenPassword,
div.PasswordHasBeenSent,
.PasswordResetArea {
  max-width: 800px;
}
div.ForgottenPassword table#login {
  border: none;
}
div.ForgottenPassword table#login tr.header th {
  white-space: normal;
  font-size: 1em;
  text-align: left;
  background-color: #fff;
}
/* <--LOGIN */
/* GENERIC LOGIN WRAPPER--> */
/* FORMS AND USERS SEARCH--> */
#AirApplicationSearchFormID table.Search.rolodex,
#UserSearch table.Search.rolodex {
  background-color: #fff;
  margin: 1em 0;
  border-collapse: initial;
}
table.rolodex th {
  font-weight: normal;
}
#UserSearch table.Search th {
  text-align: left;
}
div.ListOfUsers td.IsLoggedIn {
  color: #fff;
  background-color: #5A752D;
}
div.AIRAdminSearchForApplications div.instructions {
  font-size: .8em;
  margin: 0 auto;
}
.applicationTemplateIsLive {
  background-color: #FFE6BC;
  padding: .1em .3em;
}
.OptionalPercentageTitle {
  max-width: 26em;
  white-space: normal;
}
/* <--FORMS AND USERS SEARCH */

/* FORMS SEARCH RESULTS--> */

.PDFPrint,
.searchResultActionLink {
  margin: 0 1em .5em 0;
  border: none;
  padding: 0 0 .5em;
}

/* <--FORMS SEARCH RESULTS */
/* HOMEPAGE--> */
.Greeting {
  display: none;
}
.Main {
  display: flex;
  flex-flow: column nowrap;
  min-height: 100%;
  flex-shrink: 0;
}
header.main {
  min-height: initial;
}
.Main.Administrator,
.Main[class*="Staff"],
.Main.Developer {
  display: flex;
  flex-flow: row wrap;
  position: relative;
}

.LiveTemplatesTitle,
.UpcomingDeadlinesHeader,
.RecentlyClosedTemplatesTitle   {
  font-size: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.LiveTemplatesTitle .History,
.showDeadlinesPage {
  font-size: 1rem;
}
table caption {
  border: none;
  background-color: transparent;
  text-align: left;
  padding-bottom: .5em;
  caption-side: top;
}
.LiveTemplates .paginatorContainer,
.Deadlines .paginatorContainer {
  display: none;
}

.LiveAcrossAllProgramsNotSpecificToLoggedInUserActivityStatus {
  font-size: .875rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
div.FileInboxLink {
  border-left: none;
  text-align: right;
  font-size: .875rem;
  width: initial;
  padding: 0 0 .5rem 0;
  float: right;
}
th.TemplateName div {
  margin-right: .5em;
}
th.filtered {
  text-shadow: none;
  background-color: #eeb753;
}

th.ProgramName,
th.ProgramName input {
  width: 6em;
}
th.ProgramYear,
th.ProgramYear input {
  width: 4em;
}

.infoIconOnRight .showHoverable.erxHoverArea:after {
  right: -24px;
  position: absolute;
  top: 0;
}
.infoIconOnRight .showHoverable.erxHoverArea {
margin-left: 0 !important;
margin-right: 24px !important;
}

div.Main div.staffHome div.Deadlines {
  padding: 1rem 0 0;
  margin-bottom: 1.5rem;
}
table.Deadlines table.templates tr td.time {
  width: 12em;
}
.staffHome h1 {
  display: none;
}
.Content .admin-home-links ul {
  padding: 0;
  margin: 0;
}
.Content .admin-home-links li {
  list-style-type: none;
}
.Content .admin-home-links a {
  font-size: .875rem;
  text-decoration: none;
  border-bottom: none;
  display: block;
  padding: 0 .25rem 0 .5rem;
  text-align: left;
  color: #fff;
  margin: .5rem 0;
  border-left: 1px solid #FFD590;
}
.Content .admin-home-links a span.adminHomeLinksDescription,
.Content .admin-home-links a span.description {
  font-size: .6em;
}
.Content .admin-home-links a:hover,
.Content .admin-home-links a:active {
  border-bottom: none;
  color: #fff;
  background-color: rgba(76,140,158, 0.5);
}
.Content .Main.Administrator .admin-home-links,
.Content .Main[class*="Staff"] .admin-home-links,
.Content .Main.Developer .admin-home-links {
  order: 1;
  margin: -1.5rem -1.25rem 1rem;
  padding: 1rem;
  background-color: #33424d;
  flex-grow: 1;
}
.admin-home-links div {
  display: inline-block;
}
.Content .Main.Administrator .staffHome,
.Content .Main[class*="Staff"] .staffHome,
.Content .Main.Developer .staffHome {
  order: 2;
  flex-basis: 600px;
  flex-grow: 1;
  margin-bottom: 1rem;
  overflow: auto;
}
.Content .PageName {
  order: 3;
  flex-basis: 100%;
  background: transparent;
  text-align: right;
  font-size: 0.875rem;
}
.login-duration {
  flex-basis: 100%;
  order: 4;
  text-align: right;
  padding-top: 0.25rem;
  font-size: .875rem;
}
.Content .admin-home-links:after {
  clear: both;
}
.Content div.admin-home-links a.adminHomeLinksDescription {
  font-size: .6em;
}
.in-testing,
.InTesting {
  background-color: #62deff !important;
}
.in-testing td,
.InTesting td {
  border-color: #888 !important;
}
.in-testing-text,
.InTestingLabel {
  text-transform: uppercase;
  font-weight: bold;
}
.in-testing-text:after,
.InTestingLabel:after {
  content: ":";
}
/* ADMIN VIEW ONLY-->*/
/* CREATE USERS--> */
.ERXTabPanel div.TabContent {
  margin-top: 0;
  border: 0.1em solid #CFCFCF;
  padding: 1em;
  background-color: #fff;
}
/* <--CREATE USERS */
/* LIST OF QUESTIONS--> */
a.addQuestion {
    padding-right: 0;
    margin-right: 2.5em;
}
/* <--ADMIN VIEW ONLY*/
/* APPLICANT HOMEPAGE--> */
.Deadline .HeaderDescription {
  display: block;
}
.InstructionsBadge {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 4px double #999;
  font-size: 1.2em;
  color: #000;
  padding: .3em .5em;
  float: right;
  margin-right: 1em;
}

div.MyForms h1,
div.AvailableForms h1,
div.MyEvaluationQueuesAsEvaluator h1,
div.MyTrackedForms h1 {
  background-color: transparent;
  border-bottom: 0;
  text-align: left;
  margin-left: 0;
}
table.PendingApplications td.Form,
table.AvailablePrograms td.Form,
table.SubmittedApplications td.Form {
  white-space: normal;
}
.Explanation {
  color: #777777;
  font-style: italic;
}
.Noteworthy {
  background-color: #fff5e6;
  padding: .5rem;
  border: 1px solid #ffe0b3;
  clear: both;
}

div.MyForms h1,
div.MyForms h2,
div.MyForms div,
div.AvailableForms h1,
div.AvailableForms h2,
div.AvailableForms div,
.MyEvaluationQueuesAsEvaluator h1,
div.MyEvaluationQueuesAsEvaluator h1,
div.MyTrackedForms div  {
  padding-left: 0;
}
.Main[class*="Evaluator"] #UserHomeAfterFormsInfo {
  display: none;
}
#FormsWrapper {
  flex-basis: 500px;
  flex-grow: 1;
  background-color: #e0e6ed;
  background-color: #f1f0ee;
  background-color: #f7f7f7;
  /*background-color: #e9ebec;*/
  background-color: #cbcccd;
  background-color: #e4e5e7;
  margin: -1rem 0 0;
  padding: 2rem 1.5rem 2.5rem;
  border: 1px solid #d5d5da;
}
main#main-id #FormsWrapper {
  margin: 0;
}
#FormsWrapper fieldset {
  margin-bottom: 1rem;
  border: 1px solid #afb2b9;
  background-color: #f1f2f3;
}
#FormsWrapper fieldset table {
  margin: 1rem 0;
}
/*#FormsWrapper fieldset > div {
  display: flex;
}
#FormsWrapper fieldset .paginatorContainer {
  order: 3;
}
#FormsWrapper fieldset .DownloadAsExcelAbove {
  order: 1;
}
#FormsWrapper fieldset .PendingApplications {
  order: 2;
}*/
div.MyForms,
div.MyTrackedForms,
div.AvailableForms,
div.MyEvaluationQueuesAsEvaluator {
  margin-top: 0;
  width: initial;
  float: none;
  border: 0;
  flex-basis: 100%;
  flex-grow: 1;
  padding-bottom: 1.5rem;
}
div.MyForms table,
div.AvailableForms table,
div.MyEvaluationQueuesAsEvaluator table,
div.MyTrackedForms table {
  margin-left: 0;
}
table.BrandTable {
  border: 1px solid #cecece;
  font-size: .9em;
  width: 100%;
}
table.BrandTable  td,
table.BrandTable  th {
  border: 1px solid #cecece;
}
table.BrandTable  td {
  vertical-align: top;
}
table.BrandTable th {
  background-color: #2E6B9B;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
}

table.TemplateTable {
  margin: 1em 1em 1em 0;
}
table.TemplateTable td.sideTH {
  font-weight: bold;
  background-color: #e6e6e6;
}
table.TemplateTable td ul {
  list-style-type:circle;
  padding-left: 1.25rem;
}
table.TemplateTable tr td,
table.TemplateTable tr th {
  border: 1px solid #999;
  padding: .25rem .5rem;
}
table.TemplateTable tr th {
  background-color: #3a3d40;
  color: #FFFFFF;
  font-size: 1em;
  text-align: center;
  border-color: #222;
}
table.TemplateTable tr td {
  font-size: 0.875rem;
  text-align: left;
}
#UserHomePage {
  display: flex;
  flex-flow: row wrap;
/* DELETE AFTER 2/6 */
  margin: -1.5rem -1.25rem;
  flex-grow: 1;
  flex-shrink: 0;
}
main#main-id #UserHomePage {
  margin: 0;
}
/*TEMP*/
.IsLoggedIn #CookieDeclaration {
/*  padding: 1.5rem 1.5rem 0;
  margin: 1.5rem -1.5rem -2.5rem;
  background: #2b353c; */
}
.IsLoggedIn #PrivacyPolicy {
/*  margin: 1.5rem -1.5rem -1rem 0rem;
  padding: 1.5rem 1.5rem 0;
  z-index: 100;
  background: #2b353c; */
}
#UserHomeIntro {
  flex-basis: 500px;
  margin: 0;
  flex-grow: 2;
  padding: 1.5rem 1.5rem 3.5rem;
}

#UserHomeIntro ul#leftContent,
#UserHomeIntro ul#rightContent,
#UserHomeIntro #leftContent,
#UserHomeIntro #rightContent,
#UserHomeAfterFormsInfo ul#leftContent,
#UserHomeAfterFormsInfo ul#rightContent,
#UserHomeAfterFormsInfo #leftContent,
#UserHomeAfterFormsInfo #rightContent {
  width: 42%;
  float: left;
  margin-right: 2%;
  font-size: .9em;
  line-height: 1.5;
  margin-top: 0;
}



.HomeProgramAfterContent {
  padding: 1.5rem;
  border-top: 1px solid #cecece;
}
.HomeProgramSubContent,
.LoginWelcomeSubContent {
  font-size: .875rem;
}
#userHome img.logo,
.ProgramLogoHome {
  margin-right: 1rem;
  margin-bottom: .5rem;
  max-width: 250px;
}
#userHome #topLogos,
#userHome #bottomLogos {
  width: 100%;
}
.ProgramLogoHomeLeft {
  float: left;
  margin-right: 1em;
  margin-bottom: .5em;
}

/*
.IsLoggedIn .ProgramLogo {
  float: right;
}
*/
.ProgramLogoLeft {
  float: left !important;
}
.topImage {
  float: right;
}
.bottomImage {
  clear: right;
  float: right;
}

/*
#UserHomeIntro .Tips {
  display: none;
}
*/
.HomeProgramAfterContent .Tips {
  background-color: #33424d;
  padding: 1.5rem;
  margin: -1.5rem -1.25rem;
}
.Tips article {
  font-size: .875rem;
  display: flex;
  flex-flow: row wrap;
  color: #ededed;
  width: 100%;
}
.Tips h3 {
  flex-basis: 100%;
  margin-bottom: 1rem;
}
.Tips h4 {
  font-size: .875rem;
  line-height: 1.25;
  flex-basis: 280px;
}
.Tips h4::before {
  content: '';
  border-color: #7690a5;
  border-color: #f1c574;
  border-style: solid;
  border-width: 3px 3px 0 0;
  height: 13px;
  width: 8px;
  -ms-transform: rotate(-145deg) scaleX(-1);
  -o-transform: rotate(-145deg) scaleX(-1);
  -webkit-transform: rotate(-145deg) scaleX(-1);
  transform: rotate(-145deg) scaleX(-1);
  display: inline-block;
  padding-bottom: 8px;
  margin: 0 0 0 1px;
  margin-right: 1.25rem;
  margin-left: .25rem;
  border-radius: 1px;
}
.Tips h4:not(:last-of-type)::after {
  content: ':';
}
.Tips p {
  flex-basis: calc(100% - 280px);
  min-width: 280px;
  flex-grow: 1;
}
.Tips h3 {
  color: #fff;
  margin-top: 0;
  font-weight: normal;
}
.Tips a {
  color: #c4dcee;
}
.Tips a:hover {
  color: #FFA391;
}
span.aisEmail {
  word-wrap: break-word;
  font-weight: bold;
}
a.website {
  word-wrap: break-word;
}
.clear {
  clear: left;
}


/*EVALUATOR AND EVALUATION VIEW-->*/
div.EvaluatorNSLIYAppilcations .Tips,
div.EvaluatorCLS .Tips,
div.EvaluatorFlagshipTurkish .Tips,
div.EvaluatorFLEXAlumni .Tips,
div.EvaluatorGYSD .Tips,
div.EvaluatorTestUser .Tips,
div.EvaluatorFlagshipRussian .Tips,
div.EvaluatorFlagshipChinese .Tips,
div.EvaluatorFlagshipArabic .Tips,
div.EvaluatorYESAlumni .Tips,
div.EvaluatorLFP .Tips,
div.EvaluatorFlagshipPersian .Tips,
div.EvaluatorFlagshipSwahili .Tips,
div.EvaluatorFLEXAlumniGrant .Tips,
div.EvaluatorFLEXAlumniGrantUkraine .Tips,
div.EvaluatorNSLIYFieldScreening .Tips,
div.Evaluator .Tips
 {
  display: none;
}
div.NoDisplayExceptEvaluatorCLS {
  display: none;
}
div.EvaluatorCLS div.NoDisplayExceptEvaluatorCLS {
  display: block;
  font-size: 1.2em;
  width: 80%;
  margin: 1em auto;
  text-align: center;
  padding: 1% 2% 2%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0 0 6px 0 rgba(50, 50, 50, 0.25);
  box-shadow:         0 0 6px 0 rgba(50, 50, 50, 0.25);
}
div.EvaluatorNSLIYAppilcations .HomeProgramContent,
div.EvaluatorCLS .HomeProgramContent,
div.EvaluatorFlagshipTurkish .HomeProgramContent,
div.EvaluatorFLEXAlumni .HomeProgramContent,
div.EvaluatorGYSD .HomeProgramContent,
div.EvaluatorTestUser .HomeProgramContent,
div.EvaluatorFlagshipRussian .HomeProgramContent,
div.EvaluatorFlagshipChinese .HomeProgramContent,
div.EvaluatorFlagshipArabic .HomeProgramContent,
div.EvaluatorYESAlumni .HomeProgramContent,
div.EvaluatorLFP .HomeProgramContent,
div.EvaluatorFlagshipPersian .HomeProgramContent,
div.EvaluatorFlagshipSwahili .HomeProgramContent,
div.EvaluatorFLEXAlumniGrant .HomeProgramContent,
div.EvaluatorFLEXAlumniGrantUkraine .HomeProgramContent,
div.EvaluatorNSLIYFieldScreening .HomeProgramContent,
div.Evaluator .HomeProgramContent {
  width: 95%;
}
div.MyForms fieldset div table {
  margin: 0;
}
div.EvaluationQueueDisplay table.rolodex th {
  background-color: #E8EBD9;
}
/*<--EVALUATOR AND EVALUATION VIEW*/
/* EVALUATION QUEUE MANAGEMENT--> */

.evaluatorManagement .ajaxTabbedPanelPanes {
  margin: 0;
}


/* <--EVALUATION QUEUE MANAGEMENT */

.HeaderDescription {
  font-size: 0.6em;
}
/* <--HOMEPAGE */
/* UserDisplay--> */
div.UserDisplay table.rolodex .menu a {
  width: 25%;
}
body div.UserDisplay table tr.MenuPreview td {
border: 0;
}
/* <--UserDisplay */

/* TEMPLATES--> */
div.AdminFormNav span.AdminEditSection,
div.AdminFormNav span.AdminEditTemplate {
    float: right;
    padding-right: 1em;
  padding-bottom: .5em;
}
div.MenuOfSections td.div.input {
  background-color: #FFE3B5;
  -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
padding: .1em .4em .1em .4em;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
/* remove when able! */
div#ApplicationTemplateDisplayAUC h1 {
  font-size: .875rem;
}
div#ApplicationTemplateDisplayAUC h1.editing:not(.form-view-header) {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: .5rem;
}
.ApplicationTemplateDisplay h2.ProgramNameLabel {
  font-size: .875rem;
}
.ApplicationTemplateDisplay h1.form-view-header,
.ApplicationTemplateDisplay h1.editing,
.ApplicationTemplateDisplay h2.ProgramNameLabel {
  margin: 0 -1.25rem 1rem;
  padding: .75rem 1rem .5rem;
  background-color: #e4e5e7;
}
.ApplicationTemplateDisplay form[name="sectionNavigationForm"] {
  margin-top: 1rem;
}
h1.form-view-header .TemplateName {
  font-weight: bold;
}
h1.form-view-header .FormRefCode {
  float: right;
}
h1.form-view-header .FormRefCode:before {
  content: "Ref code ";
  padding-left: .5rem;
  color: #7b7e80;
}
h1.form-view-header .ProgramName {
  font-weight: bold;
}
/* <--TEMPLATES */
/* TEMPLATE EDITOR--> */
/* delete after conversion is complete! */
.SectionItemCustomization .QuestionText textarea,
.SectionItemCustomization .question-text textarea {
  max-width: 350px;
}
.QuestionCustomizer  input[type="submit"], 
input[type="button"] {
  padding: .25rem .75rem;
}

table.rolodex tr.ItemXMLTag th {
  white-space: normal;
  max-width: 10em;
}
/* <--TEMPLATE EDITOR */

/* PAGE: ApplicationEmailWorkflow --> */
.EmailTemplateSpecifics input[type="text"],
.EmailTemplateSpecifics textarea {
  width: 100%;
}

/* <-- PAGE: ApplicationEmailWorkflow */


/* PAGE: FORM TRANSFER INBOX --> */
.transfer-errors-inbox .Problem,
.transfer-errors-inbox .TemplateName {
  white-space: normal;
}
.transfer-errors-inbox th.Purpose input,
.transfer-errors-inbox th.Form input {
  width: 6rem;
}
.transfer-errors-inbox .Problem span {
  display: block;
  max-width: 450px;
  margin-top: .25rem;
}
.primaryActionLinksDivider {
  margin-bottom: .5rem;
}
.transfer-errors-inbox .row-display {
  margin-top: 1.5rem;
}
/* <-- PAGE: FORM TRANSFER INBOX */
/* <-- PAGE: FORM TRANSFER INBOX */

/* PAGE: USERS IN BULK DISPLAY --> */
/* TEMP PRE-MIGRATION */
.UsersInBulkResults .ExcelExport {
  margin-right: .75rem;
}
/* <-- PAGE: USERS IN BULK DISPLAY */
/* PAGE: ApplicantApplicationTemplateEditor --> */
.EditTemplateLinks a {
  margin-right: .5rem;
}
/* <-- PAGE: ApplicantApplicationTemplateEditor */
/* PAGE: BRAND EDITOR --> */

.BrandEditor .go-top {
  float: right;
}
.BrandEditor .form-section > h2 {
  display: inline-block;
}

/* PAGE: APPLIATION SUBMITTED SUCCESSFULY EMAIL --> */
  div.ApplicationSubmittedSuccessfullyPage table {
    background-color: transparent;
  }
  div.SecurityStamp {
    text-align: center;
  }
/* <-- PAGE: APPLIATION SUBMITTED SUCCESSFULY EMAIL */

/* PAGE: EMAIL TEMPLATE --> */

div.ApplicationEmailWorkflow div#ApplicantsID {
  position: static;
}
.ApplicationEmailWorkflow #contentPageProportional {
  display: flex;
  flex-flow: row wrap;
}
.ApplicationEmailWorkflow #ApplicantsID {
  margin-right: 2rem;
  flex-basis: 18rem;
}
div.ApplicationEmailWorkflow div#WorkflowID {
  margin: 0;
  flex-grow: 1;
  flex-basis: 800px;
}
div.ApplicationEmailWorkflow div#WorkflowID pre {
  white-space: pre-wrap;
}
div.ApplicationEmailWorkflow #EmailPreviewContainerID {
  margin: 1rem 0;
  border: 1rem solid #fff;
}
/* <-- PAGE: EMAIL TEMPLATE */

/* PAGE: TEMPLATE EDITOR --> */

/* <-- PAGE: TEMPLATE EDITOR */


/* DEADLINES--> */

/* <--DEADLINES */


input#CannedSearch {
  margin-left: .3em;
}

.BackToTopBookmark {
  display: none;
}
.NotifyReferenceButtonWrapper input[type="button"] {
  margin-bottom: .5rem;
  font-size: 1rem;
}
.ReferenceNotified input[type="submit"]:disabled {
  cursor: not-allowed;
}
div .Button {
  border-bottom: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* TEMPORARILY HIDDEN FOR ALL FORMS UNTIL BUGS RESOLVED */
 /* delete after conversion is complete! */
.ShowAllSectionsAtOnce,
.show-all-sections-at-once {
  height: 35px;
  display:none !important;
  margin: .5rem;
}
.show-all-sections-at-once-button {
  margin: 0 !important;
}
div.templateContent div.ShowAllSectionsAtOnce > input,
input.ShowAllSectionsAtOnce[type="submit"],
input[type="submit"][value="Show All Sections at Once"]:hover,
input[type="submit"][value="Show Each Section Individually"],
input[type="submit"][value="Show Each Section Individually"]:hover {
/*  margin: 0.6em auto;
  background: #fff;
  border-color: #777;
  color: #444444;
  text-shadow: none;
  height: 25px;
  display: block;
  font-size: .9em;*/
}
input[type="submit"][value="Show All Sections at Once"]:hover,
input[type="submit"][value="Show Each Section Individually"]:hover {
/*  background: #FAFBF7;
  color: #000;*/
}
input[type="submit"][value="Show Each Section Individually"] {
/*  background: #FAFCFD;*/
  }

input#CannedSearch {
  margin-left: .5em;
}
#outerTableContainerID {
  width: 100%;
}

span.telephone,
span.fax {
    white-space: nowrap;
}
#footer2 {
  padding: 0;
  background-color: transparent;
  margin: .5em auto;
  color: #fff;
  font-size: .875rem;
  border: none;
  display: contents;
}
.AClogoAddressFooter {
  display: contents;
  line-height: 1.25rem;
}
.AClogoAddressFooter .contact1,
.AClogoAddressFooter .contact2,
.ACaddressBlock > span > span,
.legal span {
  display: block;
}
#footer .legal,
#footer-id .legal {
  order:4;
  margin: 0 1rem .75rem 0;
  flex-grow: 1;
  flex-basis: calc(100% - 600px);
  font-size: .875rem;
  line-height: 24px;
}
#footer #codivus,
#footer-id #codivus-id {
  order: 5;
  margin-top: 0;
}
#footer #buildAndInstance,
#footer-id #buildAndInstance {
  order: 6;
  flex-basis: 100%;
  align-self: flex-end;
}
.ACaddressBlock > span {
  margin-bottom: .5rem;
}
.ACaddressBlock {
  margin: .5em 0 0 0;
  display: contents;
}
#footer {
  position: relative;
  background-color: #29353d;
  padding: 2rem 1.5rem 2rem;
  border-top: 1px solid #3d4f5c;
  flex-flow: row wrap;
}
#footer .fax,
#footer-id .fax {
  display: none;
}
div#footer div#codivus,
div#footer div#CodivusAttribution,
#footer-id #codivus-id,
#footer-id #CodivusAttribution {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .5rem;
}
#footer .logo,
#footer-id .logo {
  display: none;
}
#footer #Policies,
#footer-id #Policies {
  margin: 0 1rem 1rem 0;
}
#footer #amagavi table,
#footer #codivus table
#footer-id #amagavi-id table,
#footer-id #codivus-id table {
  font-size: .875rem;
  background: transparent;
}
#footer.IsLoggedIn #amagavi .byline,
#footer.IsLoggedIn #codivus .byline, 
#footer-id.IsLoggedIn #amagavi-id .byline,
#footer-id.IsLoggedIn #codivus-id .byline {
  color: #fff;
}
#footer2 a,
#footer-id a,
.IsLoggedIn #amagavi a,
.IsLoggedIn #codivus a {
  color: #c4dcee;
}
#footer2 a:hover,
#footer-id a:hover {
  color: #FFC8BD;
}
#amagavi a,
#codivus a {
  color: #c4dcee;
}
/* remove??? */
td.logoCell a {
  border-bottom: none;
}
#amagavi a:hover,
#codivus a:hover,
#footer a:active,
#footer-id a:active {
  color: #FF7F67;
}
table#login tr.header th,
table#CreateAccount tr.header th {
  background-color: #D3DDAC;
  color: #444;
  text-align: center;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.2em;
  padding: .5em 0;
}
table#login tr th,
table#CreateAccount tr th {
  padding-left: .5rem;
}
table#login input[type="text"],
table#login input[type="password"],
table#CreateAccount input[type="password"],
table#CreateAccount input[type="text"] {
  font-size: .875rem;
}

table.rolodex tr td {
    white-space: nowrap;
    padding-top: 0.2em;
    padding-bottom: .2em;
}
div.CheckboxMatrix tr td {
  padding: .1em;
}
.DeadlineUpdate {
  background-color: #4BA9DC;
  color: #FFFFFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 2px 10px 2px 10px;
  margin-top: 0.5em;
}
.byline {
  color: #323232;
}
#footer .byline,
#footer-id .byline {
  color: #fff;
  margin-left: .25rem;
}
#columnLeft {
  float: left;
  padding: 0 2% 0 0;
}
#ACtag {
  clear: both;
}
#aisEmail {
  font-weight: bold;
  -webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#FloatingGoToTopID {
    width: 42px;
    height: 42px;
    background: url('../img/totop.png') repeat scroll center center transparent;
    text-align: center;
    position: fixed;
    bottom: 60px;
    right: 42px;
  cursor: pointer;
}

/* PAGE: EVAL QUEUE DISPLAY --> */
.EvaluationQueueDisplay .NumberStatistic {
  text-align: right;
  width: 5em;
}
.EvaluationQueueDisplay .paginatorContainer {
  display: inline-block;
}
.EvaluationQueueDisplay .deleteWrapper {
  margin-left: 1rem;
}

/* <--PAGE: EVAL QUEUE DISPLAY */


/*WARNINGS and NOTICES-->*/
tr.LoginSearch th.UserName div.hint,
tr.LoginSearch th.Email div.hint,
.hint {
    font-size: 0.8em;
    font-style: italic;
}
.TechHint {
    font-size: .875em;
    font-style: normal;
    color: #000;
}
.TechHint:hover {
  color: #444444;
}
div.NoAssignmentsPendingConfirmation,
div.ToUnassignFromEvaluators,
div.NoEvaluationQueuesAvailable,
div.NoAvailableForms,
div.NoApplicationsAvailable,
div.NoTemplatesAvailable,
.NoBrands,
div.NoDateItemsToCustomize,
div.NoDeadlines,
div.NoDomains,
div.NoEvaluationQueuesMatchFilter,
div.NoMenuItems,
div.NoMenus,
div.NoPacketTemplates,
div.NoPermissions,
div.NoQuestions,
div.NoAnswers,
div.NoObjects,
div.NoRoles,
div.NoSections,
div.NoSiteContentItems,
div.NoForms,
div.NoUsers,
div.NoFormsAvailable,
div.NoEvaluationForms,
div.AvailableForms div,
.DeveloperCaution,
div.other-brands
/* delete after conversion is complete! */
.ValidationError,
.validation-error,
div.MyForms div.NoFormsStartedOrSubmitted,
div.MyForms div.NoEvaluationForms  {
  font-style: normal;
  color: #c93028;
  background-color: transparent;
  font-weight: normal;
  font-size: .875rem;
  margin-bottom: .5rem;
}

div.NoFormsAvailable,
div.NoAvailableForms,
div.AvailableForms div,
div.NoFormsStartedOrSubmitted,
div.MyForms div.NoFormsStartedOrSubmitted,
div.MyForms div.NoEvaluationForms,
div.NoEvaluationForms,
div.NoForms,
div.NoAvailableForms,
div.NoEvaluationQueuesAvailable {
  color: #000;
}
div.MyForms div.OtherBrands {
  margin-top: .5rem;
  max-width: 1000px;
}
body.IsNotLoggedIn ul.ErrorOnLoginPage {
  list-style-type:none;
}
/* delete after conversion is complete! */
div.MenuOfSections li.SectionWithMissingItemsAfterSubmit div,
div.MenuOfSections li.section-with-missing-items-after-submit div {
  color: #CD0000;
}
 /* delete after conversion complete! */
div.MenuOfSections li.SectionWithMissingItemsAfterSubmit div.sectionName:after,
div.MenuOfSections li.section-with-missing-items-after-submit div.section-name:after {
  content: " * INCOMPLETE";
  font-size: 0.9em;
  font-weight: bold;
}
div#Growler {
  position: fixed;
  padding: 10px;
  width: 50%;
  top: 0;
  left: 25%;
  z-index: 1000;
}

.SecurityStamp {
  color: #777;
  font-size: .8em;
}

.arrow {
  color: #FFB039;
  font-size: 1.2em;
  vertical-align: baseline;
}

/* DESCRIPTIVE STYLES--> */
.clear-left {
  clear: left;
}

div.NoDisplayExceptPDF.HeaderEvalAppVersion,
.NoDisplayExceptPDF,
.nodisplayscreen {
  display: none;
}
.list-multi {
  column-count: 2;
  column-width: 250px;
  list-style-position: inside;
  padding-left: 1rem;
}
/*<--DESCRIPTIVE STYLES*/
.erxHoverArea div.erxToolTip,
.erxHoverArea div.erxToolTipJS,
#erxToolTipContents {
  border: 1px solid #f4ab33;
  background-color: #fad58f;
  padding: .125em .25em;
  border-radius: 2px;
  font-size: .875em;
  width: 10em;
  opacity: .9;
}

/* STAGING --> */

body#body--environment-staging {
    border-left: 10px solid #FFE83C;
    border-right: 10px solid #FFE83C;
    margin-top: 0px; 
    height: unset; 
    width: unset;
}
body#body--environment-staging:before, 
body#body--environment-staging:after {
    content: "";
    position: fixed;
    background: #FFE83C;
    left: 10px;
    right: 0px;
    height: 10px;
    z-index: 5001;
}
body#body--environment-staging:before {
    top: 0px;
}
body#body--environment-staging:after {
    bottom: 0;
}
/* <-- STAGING */

/* MEDIA QUERIES-->*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) {
  /* UPDATE validation and errors on login  -->>>> */
  .infoIconOnRight .showHoverable.erxHoverArea {
    margin-left: 0 !important;
    margin-right: 24px !important;
  }
  th.Request {
    width: 15em;
  }
  th.QueueName {
    width: 17em;
  }
  div.MyForms,
  div.AvailableForms {
    width: 100%;
    overflow: scroll;
  }
  div.primaryActionLinksDivider {
    flex-flow: row wrap;
  }
  /*  h2 in forms */
  .ApplicationTemplateDisplay h2 {
    font-size: 1.75em;
  }
  a.LinkToPreviousPage {
    float: none;
  }
  /* delete after conversion is complete! */
  div.SectionDisplay,
  .section-display {
    padding: 1em;
  }
  input[value="Show All Sections at Once"], input[value="Show Each Section Individually"] {
/*    margin-top: 1em;*/
  }
}
@media only screen and (min-width: 480px) and (max-width: 568px) {
  #TopMenu a, .menu a {
    width: 15%;
    margin: 0;
  }
  .menuItem a#Roles_ID {
    margin-bottom: 3%;
  }
  .Greeting {
    width: 100%;
  }

  .infoIconOnRight .showHoverable.erxHoverArea {
    margin-left: 0 !important;
    margin-right: 24px !important;
  }
  .MenuOfSections select, 
  .MenuOfSections input  {
    font-size: .8em;
  }
  /* delete after conversion complete! */
  div.SectionNavigator .MenuOfSections .label,
  div.section-navigator .MenuOfSections .label {
    display: none;
  }
  div#AClogoFooter img, 
  div#footer {
    width: 100%;
  }
  .mainInstructions  {
    float: none;
    margin: 1em auto;
    height: inherit;
    width: inherit;
  }
    div.MyForms table,
    div.AvailableForms table,
    div.MyEvaluationQueuesAsEvaluator table {
    margin: 0;
  }
  #UserHomeAfterFormsInfo {
    flex-basis: 100%;
  }
  .HomeProgramContent,
    .HomeProgramAfterContent {
    width: 95%;
  }
  #UserHomeIntro ul#leftContent,
  #UserHomeIntro ul#rightContent,
    #UserHomeAfterFormsInfo ul#leftContent,
  #UserHomeAfterFormsInfo ul#rightContent {
  width: initial;
  float: none;
  margin-right: 0;
  }
  div.MyForms,
  div.AvailableForms {
    width: 100%;
  }
  .LoginGetStarted {
    display: none;
  }
}
@media only screen and (min-width : 568px) and (max-width : 767px) {
  .mainInstructions  {
    float: none;
    margin: 1em auto;
  }
  .UpcomingDeadlinesHeader span:nth-child(2)  {
    float: left;
    font-size: .8em;
    padding: .4em;
  }
  .infoIconOnRight .showHoverable.erxHoverArea {
    margin-left: 0 !important;
    margin-right: 24px !important;
  }
  div.MyForms table,
  div.AvailableForms table,
  div.MyEvaluationQueuesAsEvaluator table {
    margin: 0;
  }
  .MenuOfSections select {
    font-size: .8em;
  }
  /* delete after conversion complete! */
  div.SectionNavigator .MenuOfSections .label,
  div.section-navigator .MenuOfSections .label {
    font-size: .9em;
  }
  .MenuOfSections input {
    font-size: .9em;
  }
  .HomeProgramContent,
    .HomeProgramAfterContent {
        width: 95%;
  }
  #UserHomeIntro ul#leftContent,
  #UserHomeIntro ul#rightContent,
    #UserHomeAfterFormsInfo ul#leftContent,
  #UserHomeAfterFormsInfo ul#rightContent {
  width: initial;
  float: none;
  margin-right: 0;
}
  div.MyForms,
  div.AvailableForms {
    width: 100%;
  }
  .LoginGetStarted {
    display: none;
  }
}
@media only screen and (min-width : 768px) and (max-width : 896px) {

}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .mainInstructions {
    height: inherit;
    width: inherit;
  }
}
/* desktops and laptops */
@media only screen and (min-width: 897px) and (max-width: 1150px) {

}



/* Desktops and laptops ----------- probably AC size?!! */
@media only screen and (min-width : 1151px) and (max-width : 1223px) {
  .LoginGetStarted {
    margin: -1.5em -2.5em -1em -1em;
  }
  /* ADMIN LIST OF SECTIONS --> */

  .SectionsRowDisplay div.AdminEditTemplate,
  .SectionsRowDisplay div.AdminListSectionQuestions,
  .SectionsRowDisplay div.AdminGenerateXMLforTemplateConfiguration,
  .SectionsRowDisplay div.AdminGenerateXMLforEmptyForm,
  .SectionsRowDisplay div.SectionOperations a.AddSection,
  .SectionsRowDisplay div.SectionOperations a.ResequenceSections,
  .SectionsRowDisplay div.SectionOperations a.CustomizeAllDateQuestions,
  .SectionsRowDisplay div.SectionOperations a {
    display: block;
    line-height: 1.5;
    padding-left: 1em;
  }
  .SectionsRowDisplay div.TemplateOperations,
  .SectionsRowDisplay div.SectionOperations {
    width: 28%;
    float: right;
    clear: right;
    margin-left: 1.5em;
  }

  .SectionsRowDisplay div.SectionOperations span.label,
  .SectionsRowDisplay div.TemplateOperations span.label {
    padding-bottom: .25em;
    display: block;
    font-weight: bold;
    color: #33424d;
    font-style: normal;
  }

  /* <-- ADMIN LIST OF SECTIONS */
}

/* Desktops and laptops ----------- probably AC size?!! */
@media only screen and (min-width : 1224px) {
/* Styles */
  .mainInstructions {
    max-width: 240px;
    min-height: 280px;
  }
  .Notes {
    clear: none;
  }
  /* ADMIN LIST OF SECTIONS --> */

  .SectionsRowDisplay div.AdminEditTemplate,
  .SectionsRowDisplay div.AdminListSectionQuestions,
  .SectionsRowDisplay div.AdminGenerateXMLforTemplateConfiguration,
  .SectionsRowDisplay div.AdminGenerateXMLforEmptyForm,
  .SectionsRowDisplay div.SectionOperations a,
  .SectionsRowDisplay div.SectionOperations a.AddSection,
  .SectionsRowDisplay div.SectionOperations a.ResequenceSections,
  .SectionsRowDisplay div.SectionOperations a.CustomizeAllDateQuestions {
    display: block;
    line-height: 1.5;
    padding-left: 1em;
  }
  .SectionsRowDisplay div.TemplateOperations,
  .SectionsRowDisplay div.SectionOperations {
    width: 28%;
    float: right;
    clear: right;
    margin-left: 1.5em;
  }

  .SectionsRowDisplay div.SectionOperations span.label,
  .SectionsRowDisplay div.TemplateOperations span.label {
    padding-bottom: .25em;
    display: block;
    font-weight: bold;
    font-style: normal;
  }

/* <-- ADMIN LIST OF SECTIONS */
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
/*  .LoginForms {
    float: right;
    clear: right;
    margin: 5em 10;
  }*/
}

/* CATEGORY: SIMPLE GRID --> */
.row:after,
.applicantSearch .sectionDivider:after {
  content: "";
  display: table;
  clear: both;
}
.row-size1 {
  margin-top: .75rem;
}
.row-size2 {
  margin-top: 1.25rem;
}
.row-size3 {
  margin-top: 1.5rem;
}
.row-break-size1 {
  margin-bottom: .75rem;
}
/* remove after adding .column */
[class^="column"] {
  float: left;
  padding-right: 16px;
}

[class^="column"]:last-of-type {
  padding-right: 0;
}
@media screen and (min-width: 55.25em) {
.column {
  width: 100%;
  float: left;
  padding-right: 1rem;
}
.column-2-3 {
  width: 66.66%;
}

.column-1-3 {
  width: 33.33%
}

.column-1-4 {
  width: 25%;
}

.column-2-4,
.column-1-2 {
  width: 50%;
}

.column-3-4 {
  width: 75%;
}
}
/* <-- SIMPLE GRID */


/* buttons --> */

button {
  border-radius: 2px;
  padding: .25rem .75rem;
  display: inline-block;
  font-size: 1rem;
  line-height: 1rem;
}
button:hover {
  cursor: pointer;
}
.btn-outline-1 {
  border: 1px solid #2a353d;
  background-color: transparent;
  color: #222;
}

/* <-- buttons */

@media only screen and (min-width : 420px) { 
  .noBreak,
  .noWrap,
  .nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width : 860px) {
/* admin/staff/dev HOME PAGE --> */
  .admin-home-links div {
    display: block;
  }
  .Content .Main.Administrator .admin-home-links,
  .Content .Main[class*="Staff"] .admin-home-links,
  .Content .Main.Developer .admin-home-links {
    flex-grow: 0;
    margin: -1.5rem 0 -4.25rem -1.25rem;
  }
  .Content .staffHome {
    margin-left: 1.75rem;
  }
  div#footer div#codivus-id,
  div#footer div#CodivusAttribution,
  footer#footer-id div#codivus-id,
  footer#footer-id div#CodivusAttribution {
    font-size: .875rem;
    line-height: 24px;
  }
/* <-- admin/staff/dev HOME PAGE */

/* FOOTER --> */
  #AClogoFooter {
    float: left;
  }
  .AClogoAddressFooter,
  #PrivacyPolicy,
  #CookieDeclaration {
    /*text-align: right;*/
  }
  #Policies {
    display: block;
    margin: 0;
  }
  #Policies,
  .policies {
    margin: .5rem 0;
    justify-content: flex-end;
  }
   .legal span {
    display: inline-block;
  }
  #footer #amagavi table,
  #footer #codivus table {
    display: inline-block;
  }
  div#buildAndInstance {
    /*text-align: right;*/
  }
}

/* PAGE: Login --> */

/* MOBILE FIRST */
/* TEMP 5-17-20 --> */
#login-header-customization-id .yesabroad {
  display: none;
}
#login-header-customization-id .temp {
  background-image: url(https://ais.americancouncils.org/ais/common/system/AC_Logo_White.png);
  width: 200px;
  height: 55px;
  background-size: contain;
  background-repeat: no-repeat;
}
/* <-- TEMP 5-17-20 */
.IsNotLoggedIn .Content {
  display: flex;
}
.IsNotLoggedIn .Content .Main {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.IsNotLoggedIn .LoginOrNewAccount {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
}
.IsNotLoggedIn .ValidationAndForms,
.IsNotLoggedIn .Tips,
.IsNotLoggedIn #footer,
.AirAutoLogoutPage,
.CannotResetPasswordPage,
.PasswordResetArea,
.ForgottenPassword,
.PasswordHasBeenSent,
[data-page-name="VerifiedMemberPage"] {
  padding: 2rem 1.5rem;
}
.IsNotLoggedIn .hasAtLeastOneAnnouncement {
  padding: 0 0 .5rem 0;
}
.IsNotLoggedIn #Header {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  color: #fff;
  background-color: #29353d;
  padding: 1.5rem;
}
.IsNotLoggedIn #AClogo {
  max-height: 40px;
  display: block;
}
.IsNotLoggedIn .aisFormsBrand {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* Styles for custom content and forms wrapper */
.IsNotLoggedIn .ValidationAndForms {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-grow: 1;
  max-width: 100%;
}
.IsNotLoggedIn .CustomContent {
  flex-basis: 348px;
  flex-grow: 3;
  padding-bottom: 1rem;
  max-width: 100%;
}
.IsNotLoggedIn .CustomContent .logos {
  margin-bottom: 1rem;
}
.IsNotLoggedIn .CustomContent .logos img {
  max-width: 200px;
  max-height: 64px;
  width: auto;
  height: auto;
}
.IsNotLoggedIn .LoginWelcome .PageTitle h1 {
  color: #2e6a9b;
  font-size: 1.5rem;
}
.IsNotLoggedIn .LoginText {
  max-width: 750px;
}
.IsNotLoggedIn .LoginForms {
  background: #e0e6f0;
  flex-grow: 1;
  width: 300px;
  max-width: 100%;
}
.IsNotLoggedIn #LoginForm,
.IsNotLoggedIn #CreateAccountForm {
  padding: 1rem;
  background: #e0e6ef;
}
.IsNotLoggedIn #aisLogo {
  height: 40px;
  display: block;
}
.IsNotLoggedIn #loginHeading {
  padding: 1rem;
  background: #29353d;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 5000;
  position: relative;
}
.IsNotLoggedIn #loginHeading h2 {
  text-align: right;
  font-size: 1rem;
  order: 1;
  color: #fff;
  margin: 0;
  line-height: 1.125;
}
.IsNotLoggedIn #loginButton,
.IsNotLoggedIn #createAccountButton {
  border-radius: 2px;
  padding: .25rem .75rem;
  background: #33424d;
  border: 1px solid #2a353d;
  width: 100%;
  font-size: 1rem;
}
.IsNotLoggedIn form label,
.IsNotLoggedIn form .label,
.IsNotLoggedIn form input[type=password],
.IsNotLoggedIn form input[type=text] {
  display: block;
  padding-bottom: .25rem;
}
.IsNotLoggedIn input {
  max-width: 28rem;
}
.IsNotLoggedIn form label{
  margin-top: .75rem;
}
.IsNotLoggedIn form input[type=password],
.IsNotLoggedIn form input[type=text] {
  width: 100%;
  padding: .375rem;
  box-shadow: inset 0 1px 2px rgba(60,60,60,.1);
  border: 1px solid #999999;
}
.IsNotLoggedIn .LoginActions {
  margin-top: 1.5rem;
}
.IsNotLoggedIn .ForgotPassword {
  margin: 1rem 0 0;
  font-size: .875rem;
}
.IsNotLoggedIn #footer #HomePage {
  display: none;
}
.IsNotLoggedIn #CaptchaExplanation {
  font-size: .875em;
  padding: 1rem 0;
}
.toggles {
  display: block;
  max-height: 1000px;
  overflow: hidden;
  transition: max-height 1.2s ease-out;
  opacity: 1;
}
.hide-element {
  height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
}

/* patch for premature collapsing on windows chrome */
@media only screen and (min-width: 43.5em) and (max-width: 44.5em) {
  .IsNotLoggedIn .CustomContent {
    margin-bottom: 8rem;
  }
}
@media only screen and (min-width: 43.5em) {
  .IsNotLoggedIn .LoginForms {
    margin-top: -8rem;
/*    margin-top: -2rem; */
    margin-bottom: -2rem;
    position: relative;
  }
  .IsNotLoggedIn #Header {
    background-color: #33424d;
    min-height: 96px;
  }
  .IsNotLoggedIn #LoginForm,
  .IsNotLoggedIn #CreateAccountForm {
    padding: 1.5rem;
  }
  .IsNotLoggedIn .CustomContent {
    padding: 0 1.5rem 0 0;
  }
  .IsNotLoggedIn #loginHeading h2 {
    font-size: 1.25rem;
  }
    .IsNotLoggedIn #loginHeading {
    padding: 1.5rem;
  }
  .IsNotLoggedIn #aisLogo {
    height: 48px;
  }
  .IsNotLoggedIn #AClogo {
    max-height: 48px;
    display: block;
  }
}
@media only screen and (min-width: 50em) {
  #footer {
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
  }
  .ACaddressBlock > span {
    margin-bottom: 0;
    margin-right: 1rem;
  }
}
@media only screen and (min-width: 56em) {
  .IsNotLoggedIn .ValidationAndForms,
  .IsNotLoggedIn .Tips,
  .IsNotLoggedIn #footer,
  .AirAutoLogoutPage,
  .CannotResetPasswordPage,
  .PasswordResetArea,
  .ForgottenPassword,
  .PasswordHasBeenSent,
  [data-page-name="VerifiedMemberPage"]  {
    padding: 2rem 6rem;
  }
  .IsNotLoggedIn #Header {
    padding: 1.5rem 6rem;
  }
}
@media only screen and (min-width: 80em) {
  .IsNotLoggedIn #aisLogo {
    height: 56px;
  }
  .IsNotLoggedIn #AClogo {
    max-height: 56px;
  }
  .IsNotLoggedIn .LoginForms {
    margin-top: -8.5rem;
/*    margin-top: -2rem; */
    margin-bottom: -2rem;
    position: relative;
  }
}
/* <-- PAGE: LOGIN*/




/* GREGG'S CSS ADDITIONS AND NOTES ABOUT CHANGES AFTER 4 Jun 2019 */

/* 10 Jun - Line 19, commented out display:none of the Privacy Policy link to expose it in Staging */

/* 10 Jun - Line 298, commented out styling of the AC header logo background image. Logo is now pulled in using the header logo file upload in portal editor (to be added to system default, and portal will be just override file) */

/* 19 Jun Line 347 above, changed image URL to absolute from relative
url(https://ais.americancouncils.org/ais/common/AISformsLogo_flat.svg);
  background-image: url((https://ais.americancouncils.org/ais/common/AISformsLogo_flat.png)\9;
*/

/* 20 Jun - add from aisCommon for modal box styling */
/* light green (for dark bg) */
.text-highlight01 {
  color: #c8d295;
}
.info-page .content {
  max-width: 800px;
  padding: 1.5rem;
}
.info-page .card {
  font-size: .875rem;
}
#BannerAC_AIS,
#ProgramBadges #Banner {
  position: relative;
  padding: .25rem;
  background-color: #29353d;
  color: #fff;
}
#BannerAC_AIS img,
#ProgramBadges img {
  margin-right: .5rem;
  height: 54px;
}
#BannerAC_AIS .title,
#ProgramBadges .title {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 40px;
  vertical-align: top;
}

/* Announcement styles for AIS Forms only --> */
.IsNotLoggedIn .hasAtLeastOneAnnouncement ~ .LoginOrNewAccount .LoginForms,
.announcement-wrapper.hasAtLeastOneAnnouncement ~ #main-id .LoginOrNewAccount .LoginForms {
  margin-top: 0;
  margin-bottom: 1rem;
}

.IsNotLoggedIn div.SystemAnnouncementsWrapper div.SystemAnnouncement {
    background: #ffece6;
    padding: .75rem .5rem .5rem;
}
/* <-- Announcement styles for AIS Forms only */



/* 12 Jul - New CSS for new login page div.CustomContent section */
div.LoginOrNewAccount div.CustomContent img.ProgramLogo100w,
img.ProgramLogo100w {
  width: 100%;
  max-width: 100px;
  margin-bottom: 1rem;
  display: block;
}
div.LoginOrNewAccount div.CustomContent img.ProgramLogo200w,
div#UserHomeIntro header img.ProgramLogo200w,
img.ProgramLogo200w {
  width: 100%;
  max-width: 200px;
  margin-bottom: 1rem;
  display: block;
}
div.LoginOrNewAccount div.CustomContent img.ProgramLogo300w,
img.ProgramLogo300w {
  width: 100%;
  max-width: 300px;
  margin-bottom: 1rem;
  display: block;
}
div.LoginOrNewAccount div.CustomContent img.ProgramLogo400w,
img.ProgramLogo400w {
  width: 100%;
  max-width: 400px;
  margin-bottom: 1rem;
  display: block;
}
div.LoginOrNewAccount div.CustomContent img.ProgramLogo500w,
img.ProgramLogo500w {
  width: 100%;
  max-width: 500px;
  margin-bottom: 1rem;
  display: block;
}
div.LoginOrNewAccount div.CustomContent img.ProgramLogo600w,
img.ProgramLogo600w {
  width: 100%;
  max-width: 600px;
  margin-bottom: 1rem;
  display: block;
}

/* 12 Jul - New CSS for applicant homepage */
/* Custom content for Applicant and Registrant roles */
div#UserHomePage div.Tips  {
  padding: 1.5rem;
}


/* 22 Jul - CSS from pre-New Login aisformsCommon */
/* MODALS --> */
#MB_window {
  width: 650px !important;
}
/* <-- MODALS */


/* 23 Jul - Hide "aisFormsBrand" div in header of all IsNotLoggedIn pages */
.IsNotLoggedIn .aisFormsBrand {
    display: none;
}

/* 25 Jul - Style Portal Messages EXCLUDING main login and app homepage custom text */
section.portalMessage {
  margin: 20px auto;
  max-width: 500px;
}
section.portalMessage img {
  display: inline-block;
}
section.portalMessage header {
  display: flex;
  justify-content: space-between;
}

/* 15 Aug - Form PDF Download Link on Submission Confirmation Page */
#OnPostSubmitGeneratePDF a {
  color: #FFFFFF;
  background: linear-gradient(to bottom, #336789 10%, #204156 60%, #204156 100%);
  font-size: 0.875rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #214155;
  border-radius: 2px;
  padding: 0 .5rem .125rem .5rem;
  margin-bottom: 2rem;
  display: inline-block;
  vertical-align: middle;
}

/* browser-specific --> */

/** START - force display of scroll bars in Mavericks **/
/* safari, chrome */
.forceWebkitShowScrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.forceWebkitShowScrollbar::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.forceWebkitShowScrollbar::-webkit-scrollbar-thumb {
  background-color: #000000;
}

/** END - force display of scroll bars in Mavericks **/

/* <-- browser-specific */

/* erxmatrixtable --> */

.ERXMatrixTable,
.ERXMatrixTable tr td,
.ERXMatrixTable tr th,
.ERXMatrixTableCell {
  border: 0;
}

#ApplicationFormsList .ERXMatrixTableCell {
  white-space: nowrap;
}
/* <-- erxmatrixtable */

/* FORMS --> */

#program-short-name-override-id,
#program-long-name-override-id {
  width: 30rem;
}

.custom-pdf-file-name-input-wrapper input[type="text"],
.custom-zip-file-name-input-wrapper input[type="text"],
#email-from-id,
#email-reply-to-id,
[class*="subject-container"] input[type="text"],
[class*="subject-block"] input[type="text"],
#user-reference-field-id {
  width: 40rem;
}

.SingleUser input[type="text"],
.UserEditor input[type="text"],
.recipe-name input[type="text"] {
  width: 25rem;
}

/* <-- FORMS */

/* headings --> */
/*h1, h2 {
  font-weight: normal;
}
h1 {
  font-size: 1.5rem;
}
h2 {
  font-size: 1.25rem;
}*/
h1 {
  font-size: 2rem;
  margin-bottom: .625rem;
}
#UserHomeIntro h1,
.CustomContent h1 {
  border-bottom: 1px solid #9fbacf;
  padding-bottom: .875rem;
  margin-bottom: 1rem;
}
h2 {
  font-size: 1.625rem;
}
h3 {
  font-size: 1.25rem;
}
h4 {
  font-size: 1rem;
  font-weight: bold;
}
h5 {
  font-size: 1rem;
  font-style: italic;
}
h1,
h2,
h3,
h4,
h5 {
  color: #025689;
}

/* <-- headings */

/* PAGE: APPILCATION TEMPLATE DISPLAY --> */
.info-bar-item.program-official-name,
.info-bar.program-long-name {
  margin-right: auto;
  font-size: 1rem;
  flex: 0 1 auto;
  font-weight: bold;
}
#ApplicationTemplateDisplayAUC {
  padding: 1.5rem 1.25rem;
}
div.Content #ApplicationTemplateDisplayAUC {
  padding: 0;
}
  div#ApplicationTemplateDisplayAUC .info-bar ~ .page-heading {
    padding: 1rem;
    font-size: 1.5rem;
  }
  #ApplicationTemplateDisplayAUC .info-tag.in-testing {
    background-color: #62deff !important;
  }
  #ApplicationTemplateDisplayAUC .info-tag.edit-mode {
    background-color: #d0d0fb;
  }
  #ApplicationTemplateDisplayAUC .page-heading .template-name {
    margin-right: .5rem;
  }
  #ApplicationTemplateDisplayAUC .page-heading .of-user {
    font-size: 1rem;
  }
  #ApplicationTemplateDisplayAUC .page-heading .of-user::before{
    content: "(";
  }
  #ApplicationTemplateDisplayAUC .page-heading .of-user::after{
    content: ")";
  }
  #ApplicationTemplateDisplayAUC .form-view-header .program-override-name {
    margin-right: auto;
    font-size: 1.125rem;
  }
  #ApplicationTemplateDisplayAUC .info-bar-item.reference-code {
    margin-left: auto;
  }
  #ApplicationTemplateDisplayAUC .form-view-header .info-bar {
    margin-bottom: 0;
  }
  #ApplicationTemplateDisplayAUC .multi-pipy-refs .reference-code {
    display: flex;
  }
  #ApplicationTemplateDisplayAUC .multi-pipy-refs .reference-code:not(:last-child) {
    margin-right: 1rem;
  }
  #ApplicationTemplateDisplayAUC #no-multi-pipy-form-is-generally-submittable-id {
    clear: both;
    margin-top: 1rem;
  }
  #ApplicationTemplateDisplayAUC .info-bar-item.program-override-name {
    flex:  0 1 auto;
  }
  #ApplicationTemplateDisplayAUC #multi-pipy-submit-wrapper-id {
    clear: both;
    margin-top: 2rem;
  }
 #ApplicationTemplateDisplayAUC .reference-code-wrapper .reference-code:not(:last-child) {
    margin-right: 1.25rem;
 }
/* delete after conversion is complete! */
div.SectionNavigator .MenuOfSections,
div.section-navigator .MenuOfSections {
  vertical-align: middle;
  max-width: 1050px;
}
/* delete after conversion is complete! */
div.SectionNavigator.vertical .MenuOfSections,
div.section-navigator.vertical .MenuOfSections {
  background-color: #d8e8f3;
  border-radius: 2px;
}
.MenuOfSections select {
  padding: 0.1em;
  font-size: 1em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
div.bottomButtons {
  display: none;
}
/* delete after conversion is complete! */
div.SectionNavigator.vertical #menu3 a,
div.section-navigator.vertical #menu3 a {
  font-size: 0.84em;
  display: block;
  padding: 3px 8px;
  border-bottom: 1px solid #FFF;
  border-radius: 2px 4px 4px 2px;
  display: flex;
  color: black;
  text-decoration: none;
}
div.SectionNavigator.vertical #menu3 a div.sectionName,
.section-navigator.vertical .section-name {
  padding-left: 1.5rem;
}
div.SectionNavigator.vertical #menu3 a .sectionNumber,
.section-navigator.vertical .section-number {
  min-width: 1.25rem;
  text-align: right;
}
/* delete after conversion is complete! */
.SectionNavigator.vertical #menu3 li:first-of-type a,
.section-navigator.vertical #menu3 li:first-of-type a {
  padding-top: .25rem;
}
/* delete after conversion is complete! */
.SectionNavigator.vertical #menu3 li:last-of-type a,
.SectionNavigator.vertical #menu3 li:last-of-type a:hover,
div.SectionNavigator.vertical #menu3 li:last-of-type a.current,
.section-navigator.vertical #menu3 li:last-of-type a,
.section-navigator.vertical #menu3 li:last-of-type a:hover,
div.section-navigator.vertical #menu3 li:last-of-type a.current {
  padding-bottom: .5rem;
  border-bottom-width: 2px;
}
/* delete after conversion is complete! */
div.SectionNavigator.vertical #menu3 a:hover,
div.SectionNavigator.vertical #menu3 li a.current,
div.section-navigator.vertical #menu3 a:hover,
div.section-navigator.vertical #menu3 li a.current {
  padding-left: 4px;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #cecece;
  border-left: 4px solid #3b6d99;
  background: #f1f5f9;
}
/* delete after conversion is complete! */
div.SectionNavigator.vertical,
div.section-navigator.vertical  {
  margin: 1rem 0;
  flex-basis: 14rem;
  background-color: #d8e8f3;
  z-index: 999;
  border-radius: 2px 2px 0px 0px;
  border: none;
  flex-grow: 1;
}
/* delete after conversion is complete! */
.SectionNavigator.horizontal,
.section-navigator.horizontal {
  flex-basis: 100%;
  margin-bottom: 1rem;
}
/* delete after conversion is complete! */
.SectionNavigator.horizontal .previous,
.SectionNavigator.horizontal .next,
.section-navigator.horizontal .previous,
.section-navigator.horizontal .next {
  display: none;
}
/* delete after conversion is complete! */
.SectionNavigator.horizontal .label,
.section-navigator.horizontal .label {
  font-size: 1.5rem;
}
.AdminFormNav {
  font-size: .875em;
  font-size: .875em;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.AdminFormNav input {
  margin: .125rem;
}
.AdminFormNav .FormActions {
  margin-right: 1rem;
  margin-bottom: .5rem;
}
/* delete after conversion is complete! */
.sectionBodyBelowTopNavBar,
.section-body-below-top-nav {
  margin-left: 0 !important;
  flex-grow: 1;
  flex-basis: 20%;
  max-width: 100%;
}
div#menu3 ul {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: transparent;
  list-style-type: none;
}
div#menu3 li, div#menu3 a {
  background-color: transparent;
}
div.NextSectionNearSaveChanges input[type="button"],
div.PreviousSectionNearSaveChanges input[type="button"] {
  border-color: #274155;
  display: inline-block;
}
div.NextSectionNearSaveChanges input[type="button"] {
  margin-right: 3rem;
}
div.NextSectionNearSaveChanges input[type="button"]:hover,
div.PreviousSectionNearSaveChanges input[type="button"]:hover {
  border-color: #777;
}
 /* delete after conversion is complete! */
.SectionTitle,
.section-title {
  display: flex;
  background: #2E6B9B;
  align-items: center;
  justify-content: space-around;
  padding: .5rem 1rem;
  color: #fff;
  border-radius: 2px 2px 0px 0px;
  line-height: 2.25;
}
 /* delete after conversion is complete! */
div.SectionTitleText,
.section-title-text {
  font-size: 1.5rem;
  background-color: transparent;
  color: #fff;
}
.section-title-text {  
  line-height: 1.5;
}
 /* delete after conversion is complete! */
.previous input[type="button"]:disabled,
.NextSection input[type="button"]:disabled,
.next-section input[type="button"]:disabled {
  background-color: transparent;
}
/* delete after conversion is complete! */
div.MenuOfSections li.SectionWithMissingItemsAfterSubmit div,
div.menu-of-sections li.section-with-missing-items-after-submit div {
  color: #CD0000;
}
 /* delete after conversion complete! */
div.MenuOfSections li.SectionWithMissingItemsAfterSubmit div.sectionName:after,
div.menu-of-sections li.section-with-missing-items-after-submit div.section-name:after {
  content: " * INCOMPLETE";
  font-size: 0.9em;
  font-weight: bold;
}
/* delete after conversion is complete! */
.SectionNavigator input[type="button"],
.section-navigator input[type="button"],
.PreviousSectionNearSaveChanges input[type="button"],
.NextSectionNearSaveChanges input[type="button"] {
  border: none;
  border-style: solid;
  border-width: 5px 5px 0 0;
  border-color: #fff;
  height: 1.25rem;
  width: 1.25rem;
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 0 0 1px;
  color: transparent;
  background: transparent;
  padding: 0;
}
 /* delete after conversion is complete! */
div.NextSection,
div.PreviousSection {
  position: static;
}
/* delete after conversion is complete! */
.SectionNavigator .next input[type="button"],
.SectionNavigator input[value="next >"],
.section-navigator .next input[type="button"],
.section-navigator input[value="next >"],
.NextSectionNearSaveChanges .next input[type="button"] {
  border-width: 5px 5px 0 0;
}
/* delete after conversion is complete! */
.SectionNavigator .previous input[type="button"],
.SectionNavigator input[value="< previous"],
.section-navigator .previous input[type="button"],
.section-navigator input[value="< previous"],
.PreviousSectionNearSaveChanges .previous input[type="button"] {
  border-width: 0 0 5px 5px;
}
/* delete after conversion is complete! */
.SectionNavigator input[type="button"]:hover,
.section-navigator input[type="button"]:hover,
.PreviousSectionNearSaveChanges input[type="button"]:hover,
.NextSectionNearSaveChanges input[type="button"]:hover {
  opacity: .7;
}
/* delete after conversion is complete! */
.SectionNavigator input[type="button"]:active,
.section-navigator input[type="button"]:active,
.PreviousSectionNearSaveChanges input[type="button"]:active,
.NextSectionNearSaveChanges input[type="button"]:active {
  border-color: #000;
}
/* delete after conversion is complete! */
.SectionNavigator input[type="button"]:active,
.section-navigator input[type="button"]:active,
.PreviousSectionNearSaveChanges input[type="button"]:active,
.NextSectionNearSaveChanges input[type="button"]:active,
.SectionNavigator input[type="button"]:focus,
.section-navigator input[type="button"]:focus,
.PreviousSectionNearSaveChanges input[type="button"]:focus,
.NextSectionNearSaveChanges input[type="button"]:focus {
  outline: none;
}
/* delete after conversion is complete! */
.SectionNavigator input[type="button"]:disabled,
.section-navigator input[type="button"]:disabled,
.PreviousSectionNearSaveChanges input[type="button"]:disabled,
.NextSectionNearSaveChanges input[type="button"]:disabled,
.SectionNavigator input[type="button"]:disabled,
.section-navigator input[type="button"]:disabled  {
  opacity: .5;
}
.PreviousSectionNearSaveChanges .previous:after {
  content: "Sections";
  padding: 0 .125rem 0 .5rem;
  vertical-align: middle;
}
.ApplicationTemplateDisplay div.templateContent {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1rem;
}
@media only screen and (min-width: 38em) { 
/* delete after conversion is complete! */
  div.SectionNavigator.vertical,
  div.section-navigator.vertical {
    margin: 0 1.5rem 0 0;
    flex-grow: 0;
  }
}

/* <-- PAGE: APPILCATION TEMPLATE DISPLAY */

/* PAGE: APPLICATION TEMPLATE EDITOR --> */
[data-page-name="ApplicantApplicationTemplateEditor"] .form-template-owner {
  display: flex;
  flex-flow: row wrap;
  font-size: 1rem;
}
[data-page-name="ApplicantApplicationTemplateEditor"] .form-template-owner.no-owner {
  align-items: center;
}
[data-page-name="ApplicantApplicationTemplateEditor"] .template-owner-history {
  margin: 0;
}
[data-page-name="ApplicantApplicationTemplateEditor"] .form-template-owner select {
  margin-right: 1rem;
}
[data-page-name="ApplicantApplicationTemplateEditor"] span.sort img.descending,
[data-page-name="ApplicantApplicationTemplateEditor"] span.sort img.ascending
{
  display: none;
}

[data-page-name="ApplicantApplicationTemplateEditor"] span.sort.asc img.unsorted,
[data-page-name="ApplicantApplicationTemplateEditor"] span.sort.asc img.descending
{
  display: none;
}

[data-page-name="ApplicantApplicationTemplateEditor"] span.sort.asc img.ascending
{
  display: inline;
}

[data-page-name="ApplicantApplicationTemplateEditor"] span.sort.desc img.unsorted,
[data-page-name="ApplicantApplicationTemplateEditor"] span.sort.desc img.ascending
{
  display: none;
}

[data-page-name="ApplicantApplicationTemplateEditor"] span.sort.desc img.descending
{
  display: inline;
}

[data-page-name="ApplicantApplicationTemplateEditor"] td span.SortData
{
  /* Used for JS sorting without any formatting so purposely hiding from user */
  display:none;
}

/* <-- PAGE: APPLICATION TEMPLATE EDITOR */

/* page: edit and generate reports --> */
[data-page-name="ReportUserEditor"] div#ConfigurationAndColumnsWrapper_id {
    display: flex;
}
[data-page-name="ReportUserEditor"] div#ConfigurationAndColumnsWrapper_id > div {
    margin-left: 1rem;
    margin-right: 1rem;
}
/* <-- page: edit and generate reports */

/* page: forgot password --> */

[data-page-name="ForgottenPassword"] .form-section {
  width: fit-content;
}
[data-page-name="ForgottenPassword"] .form-input.username-or-email label {
  width: 15rem;
  margin: 0;
  display: inline-block;
  font-weight: bold;
}
[data-page-name="ForgottenPassword"] .form-input.username-or-email input[type="text"] {
  width: 20rem;
}
/* <-- page: forgot password */

/* PAGE: HOME STAFF and admin--> */

#main-id[data-page-name="Main"].Administrator, 
#main-id[data-page-name="Main"][class*="Staff"], 
#main-id[data-page-name="Main"].Developer {
    display: flex;
    flex-flow: row wrap;
}
#main-id[data-page-name="Main"] div.PageName {
  flex-basis: 100%;
}
#main-id .admin-home-links {
  padding: 1rem;
  background-color: #33424d;
  flex-grow: 1;
}
#main-id .admin-home-links ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
}
#main-id .admin-home-links a {
  color: #fff;
  text-decoration: none;
  padding: .125rem;
  display: block;
  padding: 0 0.25rem 0 0.5rem;
  text-align: left;
  margin: 0.5rem 0;
  border-left: 1px solid #FFD590;
}
#main-id .admin-home-links a:hover {
  background-color: rgba(76,140,158, 0.5);
}
#main-id .staffHome {
  flex-basis: 600px;
  flex-grow: 1;
  padding: 1.75rem;
  overflow: auto;
}
#main-id table.row-display .program-name-override,
#main-id table.row-display .program,
#main-id table.row-display .type {
  white-space: normal;
  max-width: 10rem;
}
#main-id table.row-display .program-name-override {
  max-width: 13rem;
}
.staffHome .TransferInboxLink {
  margin-bottom: .5rem;
}
.staffHome .toggle-buttons-wrapper {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
/*temp!!*/
.staffHome label.switch {
  width: initial;
  height: initial;
}

@media only screen and (min-width: 860px) {
  #main-id .admin-home-links {
      flex-grow: 0;
  }
  #main-id .admin-home-links ul {
    display: block;
  }
}

/* <-- PAGE: HOME STAFF and admin */

/* PAGE: LIST OF ANSWERS --> */

#main-id[data-page-name="RawAnswersRowDisplay"] table.Answers td.PlacedQuestion,
#main-id[data-page-name="RawAnswersRowDisplay"] table.Answers td.BelongsToQuestion,
#main-id[data-page-name="RawAnswersRowDisplay"] table.Answers td.AnswerAsText,
#main-id[data-page-name="RawAnswersRowDisplay"] table.Answers td.Section{
  white-space: normal;
  max-width: 20em;
}
#main-id[data-page-name="RawAnswersRowDisplay"] .AnswerDisplaySettings {
  margin-bottom: 1rem;
}
#main-id[data-page-name="RawAnswersRowDisplay"] .AnswerDisplaySettings td, 
#main-id[data-page-name="RawAnswersRowDisplay"] .AnswerDisplaySettings th {
  border: 1px solid #cecece;
  padding: 0.25rem;
}

/* <-- PAGE: LIST OF ANSWERS */

/* PAGE: #list-of-forms-page -->  */
[data-page-name="ApplicantApplicationRowDisplay"] #configure-report {
  margin-bottom: 1rem;
  display: inline-block;
}
[data-page-name="ApplicantApplicationRowDisplay"] .related-form {
  display: block;
}
th.related-forms div.button-wrapper { 
  display:none; 
}
th.related-forms div.button-wrapper[data-rows-with-content] {
  display:block; 
}
/* <-- PAGE: #list-of-forms-page  */

/* PAGE: RAW ANSWERS */

.Answers {
  word-break: break-word;
}

/*< <-- PAGE:  RAW ANSWERS */

/* PAGE: role editor --> */

.RoleEditor .menus ol {
  display: flex;
  list-style-type: none;
  padding-left: 1rem;
}
.RoleEditor .menus li {
  margin-right: 1rem;
  font-style: normal;
}
/* <-- PAGE: role editor */

/* PAGE: SEARCH FOR FORMS --> */
.AirApplicationsSearch .Search th {
  padding-left: 4rem;
  padding-right: .5rem;
  text-align: left;
}
.AirApplicationsSearch .Search .sectionDivider > th {
  padding-left: 1rem;
}
.AirApplicationsSearch .FormSearch.submitted th {
  font-weight: bold;
}
.AirApplicationsSearch .FormSearch.submitted th,
.AirApplicationsSearch .FormSearch.submitted td:first-of-type {
  background-color: #e6e6e6;
  padding-right: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
/* <-- PAGE: SEARCH FOR FORMS */

/* PAGE: TEAM INVITE LANDING --> */

.TeamInviteLandingPage {
  padding: 2rem 6rem;
  max-width: 60rem;
}
.TeamInviteLandingPage h1 {
  font-size: 1.75rem;
}
.TeamInviteLandingPage h2 {
  font-size: 1.5rem;
}
.TeamInviteLandingPage p ~ h2 {
  margin-top: 1.5rem;
}
.TeamInviteLandingPage .LoginOrCreateAccountLink {
  background: #e0e6ef;
  padding: 1rem 2rem;
  margin-top: 1.5rem;
  text-align: center;
  margin-bottom: 0;
}

/* <-- PAGE: TEAM INVITE LANDING */

/* PAGE: USER HOME --> */
.MyForms .TrackRecentChanges {
  margin-top: .5rem;
  min-width: 5rem;
}
#FormsWrapper ol {
  padding: 0 1rem;
  margin: 0;
}
#FormsWrapper li {
  margin-bottom: .5rem;
}
#FormsWrapper td span.program-name,
#FormsWrapper td span.deadline {
  display: block;
  white-space: nowrap;
}
#FormsWrapper td.Program {
  width: 10rem;
  max-width: 15rem;
}
/* <-- PAGE: USER HOME */

/* pages: create users --> */

  div.Roles td.does-not-match-filter { 
    display: none; 
  }

/* <-- pages: create users */

/* PAGES: PROCTORED EXAM --> */
form.has-unsaved-edits {
  border-left: 3px solid #de463d;
  padding-left: 1rem;
}
table.row-display td.template,
table.row-display td.proctors {
  white-space: normal;
  max-width: 350px;
}
table.row-display td.alternate-text,
table.row-display td.change {
  white-space: normal;
  max-width: 600px;
}
[class*="ProctoredExam"] caption {
  font-size: 1.25rem;
}
[class*="ProctoredExam"] td.preconditions img {
  vertical-align: inherit;
}
[class*="ProctoredExam"] td.preconditions details {
  display: inline-block;
}
.ProctoredExamEditor .table-wrapper.applicants .delete-link {
  margin-right: 2rem;
  display: inline-block;
  vertical-align: inherit;
}
.ProctoredExamEditor textarea#text-shown-before-begin-id {
  width: 30rem;
  height: 8rem;
}
/* PAGE: ApplicationProctoredFormResultsViewer --> */

.ApplicationProctoredFormResultsViewer .question .label {
  word-break: break-word;
}

/* <-- PAGE: ApplicationProctoredFormResultsViewer */

/* <-- PAGES: PROCTORED EXAM */

/* policies --> */

#Policies #accessibility-id {
  display: none;
}

/* <-- policies */

/* SHARED FORMS --> */
div.Main .JoinSharedForm,
div.Main .SharedWithExplanation,
span.TrackChanges,
span.TrackRecentChanges,
span.SharedTeamManagement {
/*  background-color:#FFFFFF;
  border: medium solid #de6846;
  border-radius: 1em;
  padding: 0.5em;
  margin: .75em 0;*/
  display: inline-block;
}
.AdminFormNav span.TrackChanges,
.AdminFormNav span.TrackRecentChanges,
span.SharedTeamManagement {
  margin: 0 .5rem 0 0;
}
div.Main .SharedLegend {
    font-style: normal;
    font-weight: normal;
}
/* <-- SHARED FORMS */

/* SHARED: HEADER (LOGGED IN) --> */
/* HEADER--> */
#Header {
  padding: .5rem 1rem 1rem .5rem;
  background-color: #29353d;
  z-index: 11;
  position: relative;
  text-align: right;
}
#Header .user-name-block .user .userIsAdministrator,
#Header .user-name-block .user,
#Header .user-name-block .user .userIsStaff  {
  color: #FFD590;
}
#Header .user {
  display: inline-block;
}
#Header .user-name-block > span,
#Header .user > span {
  display: inline-block;
  vertical-align: middle;
}
#Header .user-name-block {
  color: #FFF;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}
#Header .user-name-block .welcome {
  margin-right: .5rem;
  padding-top: 0.125rem;
}
.fastUserSwitchForm, .fastBrandSwitchForm {
    display: inline-block;
    white-space: nowrap;
}
#Header div.user-name-block select {
  max-width: calc(100% - 50px);
}
/* 19 Jul - New CSS for new login page ---> */
div#build-and-instance {
  color: #FFFFFF;
  font-size: 0.5rem;
  text-align: left;
  margin: 0;
}
/* <--- */
#Header #serverInfo,
#Header #build-and-instance {
  font-size: 0.75rem;
  display: inline-block;
  vertical-align: top;
  text-align: right;
}
#Header #serverInfo,
#Header #build-and-instance .build,
#Header #build-and-instance .brand,
#Header #build-and-instance .instance {
  color: #e6e6e6;
  font-style: normal;
}
#Header #build-and-instance .page-name {
  display: block;
  text-align: right;
}
.brand .name {
  margin-right: 1rem;
}
/*.brand .name:after {
  content: " |";
  color: #FFD590;
  font-size: 1.1em;
}*/
#Header #serverInfo {
  margin-right: 2rem;
}
.instance {
  margin-bottom: .4em;
}
.header-logo {
  float: left;
}
.header-logo img {
  height: 47px;
  max-width: 100%;
  margin-right: 1rem;
}
.logo ~ .ac-logo {
  display: none;
}
.IsLoggedIn #Header .logo,
.IsLoggedIn #Header .AClogo,
.IsLoggedIn #Header .Title,
.IsLoggedIn #Header .aisFormsLogo {
  float: left;
  background-repeat: no-repeat;
  width: 180px;
  height: 47px;
  background-position: 0 center;
  background-size: 100%;
  margin-right: 1rem;
  /*margin-bottom: .5rem;*/
}
#Header .logo:empty {
  display: none;
}
.IsLoggedIn #Header .Title,
.IsLoggedIn #Header .aisFormsLogo {
  background-image: url(https://ais.americancouncils.org/ais/common/AISformsLogo_flat.svg);
/*  background-image: url((https://ais.americancouncils.org/ais/common/AISformsLogo_flat.png)\9; */
  width: 162px;
  margin: -0.2rem 0 0;
}
#Header a {
  color: #c4dcee;
}
#Header.IsLoggedIn #LoginHeader,
#Header.IsLoggedIn img#headerbg {
  /*display: none;*/
}
#Header .form-input label {
  width: initial;
}
#Header .form-input select {
  padding: 0;
}
#Header .user-name-block label {
  padding-left: .5rem;
  padding-right: .25rem;
}
/* 19 Jun - Added in addition to Line 247 above to accomodate new username link in header. Also added to aisformsCommon.css */
#Header .user-name-block .user .userIsAdministrator a,
#Header .user-name-block .user a,
#Header .user-name-block .user .userIsStaff a {
  color: #c4dcee;
}
@media only screen and (max-width : 480px) {
  #Header .user-name-block  {
    font-size: .875rem;
    clear: both;
    text-align: left;
  }
  #Header {
    padding: 1rem;
  }
  #Header .Title,
  #Header .aisFormsLogo {
    width: 135px;
  }
}   
@media only screen and (min-width: 480px) and (max-width: 568px) {
  #Header .user-name-block  {
    font-size: .875rem;
    clear: both;
    text-align: left;
  }
}
@media only screen and (min-width : 568px) and (max-width : 767px) {
  #Header .user-name-block  {
    font-size: .875rem;
    clear: both;
    text-align: left;
  }
  #Header #build-and-instance .brand {
    display: none;
  }
}
/* <-- SHARED: HEADER (LOGGED IN) */

/* sub-nav info-bar AIS Forms only--> */

.sub-nav,
.info-bar {
  margin: -1.5rem -1.25rem 1rem;
  padding: .5rem 1rem;
}
.sub-nav ~ .info-bar {
  margin: -1rem -1.25rem 1rem;
}
.info-bar > dl {
  display: contents;
}

/* <--  sub-nav info-bar AIS Forms only */

/* TABLES --> */
/* generic and NEW STYLES (remove RowDisplay styles when appropriate) --> */
table {
  border-collapse: collapse;
}
div.Rowdisplay {
  margin: 0 auto;
}
table.RowDisplay,
table.row-display {
  border-collapse: collapse;
}
table.RowDisplay tfoot td,
table.row-display tfoot td {
  font-weight: bold;
}
table.RowDisplay td.PageTotals,
table.row-display td.PageTotals {
  text-align: right;
}
/* NESTED TABLES --> */
table.row-display .row-display {
  margin: 0;
}
table.row-display .row-display,
table.row-display .row-display td {
  border: none;
}
table.row-display .row-display tr {
  background-color: transparent;
}
table.row-display .row-display tr:first-of-type td {
  padding-top: 0;
}
/* <-- NESTED TABLES */ 


/* WRAPPING CELLS --> */
[data-page-name="ReportUserEditorPage"] .default-title,
[data-page-name="ReportUserEditorPage"] .customTitle,
[data-page-name="ReportUserEditorPage"] .customized-text {
  white-space: normal;
  max-width: 500px;
}
#LiveTemplateTableID th,
table.rolodex .TemplatePicker td {
  white-space: normal;
}
.row-display .available,
.row-display .deadline,
.row-display .extended-deadline {
  white-space: nowrap;
}
.row-display td.section-name,
.row-display td.reference-name {
  white-space: normal;
  min-width: 10rem;
  max-width: 24rem;
}
/* <-- WRAPPING CELLS */

/* min widths --> */
td.ProgramName {
  min-width: 7.5rem
}
/* <-- min widths */


/* Specific cell styles --> */
.row-display td.delete,
.RowDisplay td.delete {
  text-align: center;
  padding: .5rem;
}
/* <-- Specific cell styles */

/* restrict widths for small cells --> */
.row-display .SectionItemNumber,
.row-display .year {
  max-width: 6rem;
}
/* <-- restrict widths for small cells */



/* <-- generic and NEW STYLES (remove RowDisplay styles when appropriate) */


/* PORTED FROM MARCO'S AIR.CSS --> */
table.row-display thead tr {
  vertical-align: text-top;
  white-space: nowrap;
}
table.row-display td {
    white-space: nowrap;
    padding: .2em .3em .1em .3em;
    border: .1em solid gray;
    text-align: left;
}
table.row-display td.Description {
  white-space: normal;
}
table.row-display td.rightAlign,
table.row-display td.numeric,
table.row-display td.number,
table.row-display td.rowNumber,
table.row-display td.RowNumber,
td.rightAlign{
    text-align: right;
}

table.row-display tr.headerRow th.rightAlign,
table.row-display thead tr th.rightAlign {
    text-align: right;
}  
div#ErrorPage table.row-display {
  border-collapse: collapse;
}
div#ErrorPage table.row-display thead tr th,
div#ErrorPage table.row-display thead tr td{
  border-bottom:0.1em solid black;
}
div#ErrorPage table.row-display td,
div#ErrorPage table.row-display th{
  border: 0;
}
/* <--PORTED FROM MARCO'S CSS */

table,
div.AIRAdminSearchForApplications form div#outerTableContainerID table.Search.rolodex,
table.ChoiceCategories {
  background-color: #fff;
}
table.templates,
div.MenuOfSections table,
div.GroupedItem table {
  background-color: transparent;
}
th,
td {
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}
div.CMSBatchNavigation table {
  background-color: transparent;
  margin-top: 1em;
}
div.CMSBatchNavigation td {
  padding-left: .5em;
}
.CMSBatchNavigation td.count {
  padding: 0.25rem
}
table.rolodex,
div.CheckboxMatrix table {
  background-color: transparent;
}

div.generateReportsWrapper {
background: #ffffff;
}
table.PageCommands {
  -webkit-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.30);
  -moz-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.30);
  box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.30);
  margin: 0 auto;
  padding: 0.5em;
  border: 1px solid #c7c7c7;
}

table.PageCommands tr td,
table.PageCommands tr th {
  padding: .5em;
}

tr.FormSearch td.noTableBordersBelowMe div#ApplicationFormsList tr td.ERXMatrixTableCell {
  background-color: #ffffff;
  font-size: .95em;
  white-space: normal;
  max-width: 450px;
}

tr.FormSearch td.noTableBordersBelowMe div#ApplicationFormsList tr td  {
  background-color: #fff;
}
.M-sp-d-cc-sp-Y {
  max-width: 7em;
}

table.Search,
div.AIRAdminSearchForApplications table.Search.rolodex {
  border-left: .6em solid #fff;
  border: 1px solid #c0c0c0;
}
div.AIRAdminSearchForApplications #outerTableContainerID table.Search.rolodex {
  border: none;
}

tbody tr.sectionDivider {
  background-color: transparent;
  color: #222;
/*  -moz-box-shadow: inset 0 8px 6px -6px #CDCDCD;
  -webkit-box-shadow: inset 0 8px 6px -6px #CDCDCD;
  box-shadow: inset 0 8px 6px -6px #CDCDCD;*/
  color: #5D663C;
}
table.Search tbody tr.sectionDivider th {
  padding-top: .7em;
  font-style: normal;
  font-size: 1.2em;
  border-bottom: none;
}

table.Search tr th {
  border-bottom: none;
}

div.AIRAdminSearchForApplications table.Search.rolodex,
table.Rowdisplay.Deadlines,
table.Rowdisplay.QueueList,
div#SessionDisplay table.rolodex,
table.ChoiceCategories,
div.EvaluationQueueDisplay table.rolodex,
table.RowDisplay,
div.generateReportsWrapper {
  margin: .5rem 0 1rem;
  border: 1px solid #A7A7A7;
}

table.RowDisplay tbody tr td table.templates tbody tr:nth-child(2n+2),
table.RowDisplay tbody tr td table.templates tbody tr:nth-child(2n+3) {
  background-color: transparent;
}

div.SectionEditor, table.Choices.RowDisplay {
  margin: 1em 0;
}

td.noTableBordersBelowMe table.RowDisplay {
  margin: 0;
}
table.RowDisplay th,
table.RowDisplay td {
  font-size: .875rem;
  white-space: nowrap;
  padding: .25rem 0.5rem;
  border: 1px solid #afb2b9;
  text-align: left;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
table.RowDisplay td.Description {
  white-space: normal;
}
table.RowDisplay tr.headerRow th,
table.RowDisplay thead tr th {
  padding: .5rem;
}
div.AIRAdminSearchForApplications div.ApplicationList table.RowDisplay tr.headerRow th,
div.AIRAdminSearchForApplications div.ApplicationList table.RowDisplay td {
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.PlacedQuestions table.RowDisplay tr.headerRow th,
.PlacedQuestions  table.RowDisplay td,
table.RowDisplay.Data tr.headerRow th {
  white-space: initial;
}
div.AIRAdminSearchForApplications div.ApplicationList div table.RowDisplay tr.headerRow th,
div.AIRAdminSearchForApplications div.ApplicationList div table.RowDisplay td  {
  max-width: 1200px;
}
table.RowDisplay tr.headerRow,
table.RowDisplay thead tr {
  border-bottom: 2px solid #363a3e;
  border-top: 2px solid #363a3e;
}
table.RowDisplay tr.headerRow,
table.RowDisplay thead tr,
tr.headerRow,
tr.headerRow th a {
  background-color: #fff;
}
table.RowDisplay tr:nth-child(2n+2),
table.RowDisplay tbody tr:nth-child(2n+2),
/* added for tables with thead */
table.RowDisplay thead ~ tbody > tr:nth-child(2n+1),
.odd {
  background-color: #dbe8f2;
}
table.RowDisplay tr:nth-child(2n+3),
table.RowDisplay tbody tr:nth-child(2n+3),
/* added for tables with thead */
table.RowDisplay thead ~ tbody tr:nth-child(2n+2),
.even {
  background-color: #fff;
}
table.RowDisplay tbody tr.submitted_odd,
table.RowDisplay tbody tr:nth-child(2n+1).submitted,
div.AppRowDisplayRowColorLegend table.RowDisplay tr td.odd.submitted,
td.odd.submitted,
body table.Brands td.Active {
  color: #000;
  background-color: #629BC6;
}
table.RowDisplay  tbody tr.submitted_even,
table.RowDisplay tr:nth-child(2n+2).submitted,
div.AppRowDisplayRowColorLegend table.RowDisplay tr td.even.submitted,
td.even.submitted {
  background-color: #8fb7d6;
  color: #000;
}
.ApplicantApplicationRowDisplay  table.RowDisplay td,
.ApplicantApplicationRowDisplay  table.RowDisplay th {
  border: 1px solid #e6e6e6;
}
.ApplicantApplicationRowDisplay .primaryActionLinksDivider table.RowDisplay td {
  background-color: #e0e6ec;
}
form table.RowDisplay.Evaluators,
table.RowDisplay.Evaluators {
  margin: 1em;
}
div#UserHomePage table.RowDisplay tr.headerRow th,
div#UserHomePage table.RowDisplay td,
.EvaluatorHomePage table.RowDisplay td,
.EvaluatorHomePage table.RowDisplay tr.headerRow th  {
  white-space: normal;
}
div#TemplateListingContainer table.RowDisplay td {
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.RowDisplay td.SectionItemSequenceNumber + td {
  max-width:5em;
  white-space: normal;
}
#SectionListUpdateContainer table.RowDisplay {
  margin: 1em;
}
.QuestionRowDisplay #DisplayGroupUpdateContainerID {
  max-width: initial;
}
table.RowDisplay.Deadlines tbody tr td {
  white-space: normal;
}
table.RowDisplay td {
margin: 0.25em 0 0.25em 0;
}
.EvaluationQueueDisplay .RowDisplay td[rowspan="2"] {
  background-color: #fff;
}

/* MEDIA QUERIES-->*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) {

}

/* <-- TABLES */

/* NEW TABLES CSS FOR AFTER MARCO REPLACES ROWDISPLAY WITH ROW-DISPLAY -->> */

/* LIST OF SECTIONS--> */
div.row-display {
  margin: 0 auto;
}
table.row-display {
    border-collapse: collapse;
}
div.AIRAdminSearchForApplications table.Search.rolodex,
table.row-display.Deadlines,
table.row-display.QueueList,
div#SessionDisplay table.rolodex,
div.EvaluationQueueList table.QueueList,
table.ChoiceCategories,
div.EvaluationQueueDisplay table.rolodex,
table.row-display,
div.generateReportsWrapper {
  margin: .5rem 0 1rem;
  border: 1px solid #A7A7A7;
}

table.row-display tbody tr td table.templates tbody tr:nth-child(2n+2),
table.row-display tbody tr td table.templates tbody tr:nth-child(2n+3) {
  background-color: transparent;
}
.row-display td.TemplateName,
.row-display td.test-center {
  white-space: normal;
}
div.SectionEditor, table.Choices.row-display {
  margin: 1em 0;
}

td.noTableBordersBelowMe table.row-display {
  margin: 0;
}
table.row-display th,
table.row-display td {
  font-size: .875rem;
  white-space: nowrap;
  padding: .25rem 0.5rem;
  border: 1px solid #afb2b9;
  text-align: left;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
table.row-display tr.headerRow th,
table.row-display thead tr th {
  padding: .5rem;
}
div.AIRAdminSearchForApplications div.ApplicationList table.row-display tr.headerRow th,
div.AIRAdminSearchForApplications div.ApplicationList table.row-display td {
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.PlacedQuestions table.row-display tr.headerRow th,
.PlacedQuestions  table.row-display td,
table.row-display.Data tr.headerRow th {
  white-space: initial;
}
div.AIRAdminSearchForApplications div.ApplicationList div table.row-display tr.headerRow th,
div.AIRAdminSearchForApplications div.ApplicationList div table.row-display td  {
  max-width: 1200px;
}
table.row-display tr.headerRow,
table.row-display thead tr {
  border-bottom: 2px solid #363a3e;
  border-top: 2px solid #363a3e;
}
table.row-display tr.headerRow,
table.row-display thead tr,
tr.headerRow,
tr.headerRow th a {
  background-color: #fff;
}
table.row-display tr:nth-child(2n+2),
table.row-display tbody tr:nth-child(2n+2),
/* added for tables with thead */
table.row-display thead ~ tbody > tr:nth-child(2n+1),
.odd {
  background-color: #dbe8f2;
}
table.row-display tr:nth-child(2n+3),
table.row-display tbody tr:nth-child(2n+3),
/* added for tables with thead */
table.row-display thead ~ tbody tr:nth-child(2n+2),
.even {
  background-color: #fff;
}
table.row-display tbody tr.submitted_odd,
table.row-display tbody tr:nth-child(2n+1).submitted,
div.AppRowDisplayRowColorLegend table.row-display tr td.odd.submitted,
td.odd.submitted,
body table.Brands td.Active {
  color: #000;
  background-color: #629BC6;
}
table.row-display  tbody tr.submitted_even,
table.row-display tr:nth-child(2n+2).submitted,
div.AppRowDisplayRowColorLegend table.row-display tr td.even.submitted,
td.even.submitted {
  background-color: #8fb7d6;
  color: #000;
}
.ApplicantApplicationRowDisplay  table.row-display td,
.ApplicantApplicationRowDisplay  table.row-display th {
  border: 1px solid #e6e6e6;
}
.ApplicantApplicationRowDisplay .primaryActionLinksDivider table.row-display td {
  background-color: #e0e6ec;
}
.LiveTemplates table.row-display tr.headerRow th.Available,
.LiveTemplates table.row-display tr.headerRow th.DeadlineToApply,
.LiveTemplates table.row-display tr.headerRow th.ExtendedDeadlineToApply,
.LiveTemplates table.row-display tr.headerRow th.StartedFormCount,
.LiveTemplates table.row-display tr.headerRow th.SubmittedFormCount {
  width: 2.5em;
}
form table.row-display.Evaluators,
table.row-display.Evaluators {
  margin: 1em;
}
div#UserHomePage table.row-display tr.headerRow th,
div#UserHomePage table.row-display td,
.EvaluatorHomePage table.row-display td,
.EvaluatorHomePage table.row-display tr.headerRow th  {
  white-space: normal;
}
div#TemplateListingContainer table.row-display td {
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.row-display td.SectionItemSequenceNumber + td {
  max-width:5em;
  white-space: normal;
}
#SectionListUpdateContainer table.row-display {
  margin: 1em;
}
.QuestionRowDisplay #DisplayGroupUpdateContainerID {
  max-width: initial;
}
table.row-display.Deadlines tbody tr td {
  white-space: normal;
}
table.row-display td {
margin: 0.25em 0 0.25em 0;
}
.EvaluationQueueDisplay .row-display td[rowspan="2"] {
  background-color: #fff;
}
caption .title {
  font-size: 1.25rem;
}

/* MEDIA QUERIES-->*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) {


}
/* <-- NEW TABLES CSS FOR AFTER MARCO REPLACES ROWDISPLAY WITH ROW-DISPLAY */


/* GGD NEW CSS AFTER 2023-0623 --> */

/* NOTE: Changes were made to these lines above --> */
/* SEE LINE 2391 */
/* <-- NOTE: Changes were made to these lines above */


/* CLASS: Borrowed from standardCommon.css for Forms --> */
.ExtraStrong {
  color: #CD0000;
  font-weight: bold;
}
/* <-- CLASS: Borrowed from standardCommon.css for Forms */

/* AIR PAGE: ReportUserEditor CHANGES --> */
/* TABLE: Columns in the Report, Default Title Column: Set MAX-WIDTH and WRAP contents */
[data-page-name="ReportUserEditor"] div#ConfigurationAndColumnsWrapper_id {
  flex-direction: column; /* GGD 2023-0626: Align div elements in column, instead of a row */
}
[data-page-name="ReportUserEditor"] div#ConfigurationAndColumnsWrapper_id table.columnsInTheReport td:nth-child(2),
[data-page-name="ReportUserEditor"] div#ConfigurationAndColumnsWrapper_id table.columnsInTheReport td:nth-child(3) {
  max-width: 30rem;
  white-space: normal;
}
/* <-- AIR PAGE: ReportUserEditor CHANGES */

/* AIR PAGE: SectionEditor CHANGES --> */
/* PLACED QUESTIONS TABLE: Columns for Question Identity and Customized Text>>Preview: Set MAX-WIDTH and WRAP contents */
table[data-class-name="SectionItemListDisplay"] td.SectionItemCustomization td.preview,
main[data-page-name="QuestionCustomizer"] td.preview {
  max-width: 25rem;
  white-space: normal;
}
table[data-class-name="SectionItemListDisplay"] td.OriginalQuestion summary {
  max-width: 25rem;
  white-space: normal;
}
/* <-- AIR PAGE: SectionEditor CHANGES */

/* AIR PAGE: DeclineConsentPage CHANGES --> */
main[data-page-name="DeclinedConsentPage"],
main[data-page-name="DeclineConsentConfirmationPage"],
main[data-page-name="UnsubmitConsentFormConfirmationPage"] {
  max-width: 40rem;
  margin: 0 auto;
  text-align: left;
}
main[data-page-name="DeclineConsentConfirmationPage"] h1 {
  padding: 1rem 1.5rem  0;
}
main[data-page-name="DeclinedConsentPage"] div.did-delete-form-wrapper {
  padding: 1rem;
}

/* <-- AIR PAGE: DeclineConsentPage CHANGES */

/* AIR PAGE: QuestionCustomizer CHANGES --> */
main[data-page-name="QuestionCustomizer"] div.PlaceQuestionBox {
  padding: 10px;
  margin: 10px 0;
  border: medium solid #222222;
  border-radius: 2px;
}
/* <-- AIR PAGE: Placed QuestionCustomizer in Template CHANGES */

/* AIR PAGE: FormReviewInbox CHANGES --> */

main.FormReviewInbox table.row-display td.template-name,
main.FormReviewInbox table.row-display td.reason {
  max-width: 20rem;
  margin: 0 auto;
  text-align: left;
  white-space: normal;
}

/* <--AIR PAGE: FormReviewInbox CHANGES */

/* AIR PAGE: FormReviewEditor CHANGES --> */
main.FormReviewEditor .nodisplayformreview {
  display: none; /* Apply in Form Template to hide questions or sections (e.g., Staff Section) from Form Review */
}
main.FormReviewEditor table.questions-and-answers td.question {
  max-width: 20rem;
  margin: 0 auto;
  text-align: left;
  white-space: normal;
}
main.FormReviewEditor table.questions-and-answers td.value {
  max-width: 40rem;
  margin: 0 auto;
  text-align: left;
  white-space: normal;
}
/* <-- AIR PAGE: FormReviewEditor CHANGES */

/* AIR ALL PAGES --> */
/* to mimic "p" tag styling above, LINE 2526*/
br {
  margin: 0;
  line-height: 1.5;
}
/* <-- AIR ALL PAGES */

/* <-- AIS PAGE: SiteTextEditor CHANGES */

/* AIR PAGES: Participant Travel Itinerary login and download pages for participants --> */
body[data-class-name="AISTravelDocumentsDOBViewer"],
body[data-class-name="PDFDownloadAISCore"] {
  margin: 7rem 1rem 1rem 1rem;
}
body[data-class-name="AISTravelDocumentsDOBViewer"],
body[data-class-name="PDFDownloadAISCore"] {
  background-image: url("https://aisforms.s3.amazonaws.com/ais/common/system/AC_Logo_2018_Color.svg");
  background-repeat: no-repeat;
  background-size: 260px auto;
  background-position: 1rem 1rem;
}
body[data-class-name="AISTravelDocumentsDOBViewer"] form label[for="dob-id"] { /* for birth date challenge login page */
  width: auto;
}
body[data-class-name="AISTravelDocumentsDOBViewer"] h1 {
  display: none;
}

@media only screen and (max-width: 600px) {
  body[data-class-name="AISTravelDocumentsDOBViewer"],
  body[data-class-name="PDFDownloadAISCore"] {
    background-image: url("https://aisforms.s3.amazonaws.com/ais/common/system/AC_Logo_2018_Color.svg");
    background-repeat: no-repeat;
    /* background-size: 400px auto; */
    background-position: 1rem 1rem;
    /* font-size: 200%; */
  }
}

/* <-- AIR PAGES: Participant Travel Itinerary login and download pages for participants */

/* <-- GGD NEW CSS AFTER 2023-0623 */