/**=============================================================================
 ** Custom CSS build for the raoForms application.
 **/
/*------------------------------------------------------------------------------
 * Application-wide settings
 */
/*============================================*/
/*==== Based on brand.pitt.edu guidelines ====*/
/*============================================*/
/*===  PRIMARY PALETTE ===*/
/* contemporary colors */
/* legacy colors */
/*== SECONDARY PALETTE  ===*/
/* neutral colors */
/*===  ACCENT PALETTE  ===*/
/* rich colors */
/* vibrant colors */
/* other colors */
/*=============================================*/
/*==== Screen size breakpoints for good UX ====*/
/*=============================================*/
/*==============================================================================
 * Variables
 */
/* Colors
 */
/* Fonts
 */
/* Parameters
 */
/*==============================================================================
 *  Template Header and Footer Styles
 */
*, ::before, ::after {
  box-sizing: border-box !important; }

#nav-links-toggle {
  box-sizing: content-box !important; }

div#topbar {
  /* To match PITT logo */
  height: 49.3833px; }

/* Navigation
 */
body > header #login-info-panel .name {
  white-space: nowrap; }
body > header #masthead h1 {
  padding-top: .5rem; }
body > main {
  padding: 20px 0; }
body > nav {
  --toggle-element-size: 31px; }
  body > nav ul.file-tabs li:not(.current) a {
    color: #ffb81c !important; }
    body > nav ul.file-tabs li:not(.current) a:hover {
      color: #990000 !important; }
  body > nav ul.file-tabs li.current {
    background: linear-gradient(#ffd732, #ffb81c 40%);
    font-weight: bold; }
    body > nav ul.file-tabs li.current:hover {
      opacity: 85%; }
  body > nav ul.file-tabs li a {
    height: 19px;
    line-height: 15px; }
body > footer {
  padding: 15px 2vw 10px 2vw; }
  body > footer .footer-text p {
    margin: 0; }

@media screen and (min-width: 40em) {
  body ul.file-tabs li a {
    padding: 11px 0.75em 25px 0.75em; } }
h1 {
  margin-top: 0.3em; }

@media (min-width: 60em) {
  body > nav .file-tabs ul li {
    border-radius: 10px 10px 0 0; }
    body > nav .file-tabs ul li:not(.current) a:hover {
      background-color: lightgray; } }
/* message Box
 */
div.message-box:first-child {
  margin-top: 0; }

/* Button helpers
 */
a.button.icon::after {
  right: initial;
  bottom: initial;
  background-position: center center; }
a.button.icon.create.small {
  height: 21px;
  width: 21px; }
a.button.icon.delete::after {
  background-size: 20px; }

a.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  box-shadow: 2px 3px 3px rgba(0, 53, 148, 0.7); }
a.button:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
  background-color: #ccc;
  box-shadow: none;
  transform: translateY(4px); }

span.button {
  float: right;
  margin: 0 13px;
  display: inline; }
  span.button button {
    background-color: #e5e5e5;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    float: right;
    font-size: 20pt;
    padding: 8px 10px; }

.right {
  float: right; }

.smaller {
  font-size: 45% !important; }

a.disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 50%;
  text-decoration: none; }

input[type="submit"].disabled {
  box-shadow: none;
  opacity: 50%;
  transform: none; }

form div.label {
  font-weight: bold; }
form th:not(.required):not(.datelabel) div.label {
  padding-right: 12px; }
form th.required > div.label::after {
  color: #cc0000;
  content: '*';
  display: inline;
  padding-left: 5px; }

/*==============================================================================
 * General Styles
 */
/* Forms
 */
form input[type="text"],
form input[type="password"],
form input[type="email"],
form textarea,
form select {
  max-width: inherit;
  width: auto; }

/* Validation Errors
 */
input.error,
select.error,
textarea.error {
  border: 2px solid red !important; }

label.error {
  color: red;
  font-size: 10pt; }

/* Tables
 */
h1 + table {
  margin-top: 10px; }

table.data-list tbody tr th input[type="date"],
table.data-list tbody tr td input[type="date"],
table.accounting tbody tr th input[type="date"],
table.accounting tbody tr td input[type="date"] {
  vertical-align: middle; }
table.data-list tbody tr th .icon.button,
table.data-list tbody tr td .icon.button,
table.accounting tbody tr th .icon.button,
table.accounting tbody tr td .icon.button {
  float: right;
  position: relative;
  top: 0; }

.tabular-nums {
  font-variant-numeric: tabular-nums; }

/* DataTables
 */
article.dataTable h1,
div.dataTable h1 {
  font-size: xx-large;
  margin-bottom: 25px; }

article.dataTable table.dataTable {
  margin: 0;
  width: 100%; }
  article.dataTable table.dataTable thead th {
    border-right: 1px solid goldenrod; }
    article.dataTable table.dataTable thead th.sorting {
      background-image: url("../images/DataTables/sort_both.png"); }
    article.dataTable table.dataTable thead th.sorting_asc {
      background-image: url("../images/DataTables/sort_asc.png") !important; }
    article.dataTable table.dataTable thead th.sorting_asc_disabled {
      background-image: url("../images/DataTables/sort_asc_disabled.png"); }
    article.dataTable table.dataTable thead th.sorting_desc {
      background-image: url("../images/DataTables/sort_desc.png") !important; }
    article.dataTable table.dataTable thead th.sorting_desc_disabled {
      background-image: url("../images/DataTables/sort_desc_disabled.png"); }

/* FileIcons
 */
button.fileIcon {
  height: 37px;
  width: 30px; }
  button.fileIcon:hover {
    box-shadow: 2px 3px 3px rgba(0, 53, 148, 0.6); }
  button.fileIcon img {
    background-color: transparent;
    background-repeat: no-repeat;
    height: 38px;
    left: -15px;
    overflow: hidden;
    position: relative;
    top: -11px;
    width: 38px; }

/* Error Pages
 */
#genericError {
  margin: 0 20px; }

#stack-trace .stack-trace-exception {
  font-size: 12px;
  margin-left: 25px; }

/* Other Useful General Styles
 */
.alignBottom {
  vertical-align: bottom !important; }

/* TODO: FIX THE CUSTOM SASS TO WORK WITH THE NEW STYLES!
 * Temp ajustments to the itargetTemplate v1.1.RELEASE
 */
body > header #masthead > h1 {
  margin-bottom: 5px; }

body > nav > ul.file-tabs li a {
  text-decoration: none; }

input[type="file"] {
  border: 0; }

div.documents input[type="submit"] {
  height: 25px; }
div.documents a {
  vertical-align: text-top !important; }
div.documents .file-size {
  vertical-align: text-top !important; }

button.fileIcon {
  max-width: inherit; }
  button.fileIcon img {
    max-width: inherit; }

a.button {
  --button-height: 23px;
  margin: 0; }

fieldset.noborder {
  border: none; }

fieldset legend {
  border: 0;
  padding: 0; }

form fieldset {
  border: none;
  margin-bottom: 1.75ex; }
  form fieldset fieldset legend {
    color: #990000;
    font-weight: bold; }

table.data-list {
  margin-bottom: 0; }

table.data-list:not(:first-child) {
  margin-top: 0; }

table.data-list tbody tr:not(.subheading):not(.empty-data-message):nth-child(2n+1) {
  background-color: #f3f3ff; }

.message-box {
  text-align: left; }
  .message-box.confirm {
    background-color: rgba(0, 255, 0, 0.2); }
  .message-box.error {
    background-color: rgba(255, 0, 0, 0.2); }
  .message-box.info {
    background-color: rgba(0, 0, 255, 0.2); }
  .message-box.warn {
    background-color: rgba(255, 255, 0, 0.2); }

.message-box + .message-box {
  margin-top: 0; }

.helpDocs input.red,
.sampleForms input.red {
  height: 24px;
  vertical-align: middle; }

body > footer {
  background: #333;
  font-size: 9.6px !important;
  gap: 0;
  grid-template-columns: 1fr;
  grid-template-areas: "branding" "links" "legal"; }
  body > footer ul,
  body > footer #footer-links,
  body > footer #footer-copyright {
    margin: 0; }
    body > footer ul h3,
    body > footer #footer-links h3,
    body > footer #footer-copyright h3 {
      margin: 0; }
    body > footer ul li,
    body > footer #footer-links li,
    body > footer #footer-copyright li {
      margin: 0; }
    body > footer ul p,
    body > footer #footer-links p,
    body > footer #footer-copyright p {
      margin: 0; }

@media (min-width: 60em) {
  body > footer {
    grid-template-columns: 1fr auto;
    grid-template-areas: "branding links" "legal links"; } }
@media (min-width: 40em) {
  body > nav > ul {
    margin: 0 0 0.25rem 0.25rem; }
    body > nav > ul > li,
    body > nav > ul > li.current {
      padding-block: 0;
      border-radius: 10px 10px 0 0; }
      body > nav > ul > li a,
      body > nav > ul > li.current a {
        text-decoration: none; } }
@media (min-width: 60em) {
  a.button {
    --button-height: 28px; }

  form > fieldset legend {
    color: #990000;
    font-size: 1.2rem; } }
/*------------------------------------------------------------------------------
 * Tab- or Page-specific settings
 */
/*==============================================================================
 * Common iCOI layout
 */
b {
  font-weight: bold; }

i {
  font-style: italic; }

strong {
  font-style: oblique;
  font-weight: bold; }

#content {
  float: none;
  font-size: 10pt;
  max-width: 850px;
  margin: 0 auto 0 40px; }
  #content a {
    color: revert; }
  #content h2 {
    background-color: #FFF9E1;
    border: #CC0000 solid 1px;
    border-left: none;
    border-right: none;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 5px 0;
    padding: 2px 5px; }
    #content h2 > h3 {
      margin: 10px 0 0 0; }
  #content h3 {
    color: #0066CC;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    margin: 0; }

#topbar {
  background-color: #003594;
  height: 49px; }
  #topbar a:link,
  #topbar a:visited {
    color: #ffb81c; }

/*==============================================================================
 * Landing Page
 */
#landing #content {
  float: none;
  margin: 0 auto 0 45px; }
  #landing #content h1 {
    color: #003594;
    font-size: 22pt;
    margin-bottom: 15px; }
  #landing #content h2 {
    margin: 15px 0 10px 0; }
  #landing #content p {
    font-size: 12pt;
    margin: 0 0 20px 0; }

/*==============================================================================
 * Filing Summary Page
 */
#filingHistory #content {
  float: none;
  font-size: 10pt;
  max-width: 650px;
  margin: 0 auto 0 45px; }
  #filingHistory #content a {
    color: revert; }
  #filingHistory #content h2 {
    background-color: #FFF9E1;
    border: #CC0000 solid 1px;
    border-left: none;
    border-right: none;
    color: #990000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 5px 0 10px 0;
    padding: 2px 5px; }
  #filingHistory #content h3 {
    color: #0066CC;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11pt;
    margin: 10px 0 0 0; }
  #filingHistory #content li {
    font-size: 9.5pt; }
    #filingHistory #content li > a span {
      width: 130px; }
    #filingHistory #content li > span:nth-child(1) {
      width: 190px; }
    #filingHistory #content li > span:nth-child(3) {
      font-size: 67%;
      vertical-align: middle; }
    #filingHistory #content li span {
      display: inline-block; }
  #filingHistory #content p {
    margin-top: 0; }
  #filingHistory #content ul {
    margin-top: 2px; }

/*==============================================================================
 * Signature Form Page
 */
#signature #content {
  font-family: Arial, sans-serif;
  font-size: 11px;
  width: 700px; }
  #signature #content div.questionContent p {
    margin: 11px 0 11px 15px; }
  #signature #content div.questionContent p:nth-child(2) {
    margin: 2px 0 2px 15px; }
  #signature #content div.questionContent pre {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    line-height: 1.4em;
    margin: -12px -50px -12px 15px;
    white-space: pre-wrap;
    word-wrap: break-word; }
  #signature #content div.questionContent > .block.response {
    padding-bottom: 10px; }
  #signature #content h2 {
    margin: 0; }
    #signature #content h2.spacer {
      height: 10px; }
  #signature #content p span {
    display: block; }
  #signature #content .signature {
    margin-left: 15px; }
    #signature #content .signature h3 {
      color: black; }
    #signature #content .signature h3 ~ .certification {
      margin-top: 2px; }
  #signature #content .heading {
    color: #c00; }
    #signature #content .heading h1 {
      font-family: 'Aerial', sans-serif;
      font-size: 1.4em;
      font-weight: 600;
      line-height: 19px;
      margin: 0 0 15px 0; }
  #signature #content .organization h3 {
    color: black;
    font-size: 11px;
    margin: 5px 0 0 16px; }
    #signature #content .organization h3 li {
      display: inherit; }
  #signature #content .topmatter {
    margin-left: 15px; }

/*# sourceMappingURL=custom.css.map */