.header__sitename {
  background-color: #fff;
}
main#pagebody {
  margin-top: 0;
}
header#header {
  background-image: none;
  background-color: #fff;
}
nav#pagenav > .container-fluid {
  max-width: 1170px;
}

#asu_nav_wrapper > span.hidden, 
#asu_mobile_menu #asu_login_module {
  display: none;
}

#block-asu-brand-asu-brand-header #asu_hdr,
#block-asu-brand-asu-brand-header #asu_hdr #asu_nav_menu,
#block-asu-brand-asu-brand-header #asu_hdr #asu_universal_nav > ul > li {
  z-index: 1001;
}

#pagebody .radio, 
#pagebody .checkbox {
  padding-left: 0;
}
#pagebody .radio input[type="radio"], 
#pagebody .checkbox input[type="checkbox"] {
  margin-left: inherit;
  position: relative;
  top: 5px;
}

/* removed gray background from body text - matches Web Standards now */
#pagebodycontent table > tbody > tr:nth-child(2n+1),
#brochure-tabs-content table > tbody > tr:nth-child(2n+1) {
  background-color: transparent;
}

/** Alerts/messages fix - Overrides weird innovation-main.css margin on the bottom? */
#pagebodycontent .alert table {
  margin-bottom: 0;
}

#pagebodycontent .alert table, 
#pagebodycontent .alert table > tbody > tr:nth-child(2n+1) {
  background-color: inherit;
}
#pagebodycontent .alert table > thead > tr > th, 
#pagebodycontent .alert table > thead > tr > td, 
#pagebodycontent .alert table > tbody > tr > th, 
#pagebodycontent .alert table > tbody > tr > td, 
#pagebodycontent .alert table > tfoot > tr > th, 
#pagebodycontent .alert table > tfoot > tr > td {
  border-top: none;
}

/** upgraded maroon to modern Web Standards color */
#pagebodycontent .bg-primary {
  background-color: #8C1D40;
}

/** hard to see, gray text set by innovation-main.css, bootstrap */
/** override for table-striped background color for ProgressAudit header rows */
#pagebodycontent table > tbody > tr:nth-child(2n+1).bg-primary,
#pagebodycontent .table-striped > tbody > tr:nth-child(odd) > td.bg-primary, 
#pagebodycontent .table-striped > tbody > tr:nth-child(odd) > th.bg-primary {
  background-color: #8C1D40;
}

.panel.panel-primary {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
}

#pagenav.navbar-inverse {
    background-color: #666;
    border-color: #666;
}

#pagenav.navbar-inverse .navbar-nav > li > a {
    color: #ccc;
}

#pagenav.navbar-inverse .nav > .dropdown > .dropdown-toggle {
    padding-left: 17px;
}

#pagenav.navbar-inverse a, 
#pagenav.navbar-inverse a:hover  {
    border-bottom: none;
}

header#header > div.row-full.row-main-menu .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}


/* Brochure tabs CSS - taken from DB-stored CSS for brochure menu tabs (originally textelement ID #3) */
#brochure-tabs-navigation ul {
  text-align: center;
  list-style: none;
  padding: 4.25px;
  display: block;
  margin: 1em auto;
}
#brochure-tabs-navigation .section-tab {
  display: inline;
  padding: 8px 16px;
  margin: 4px;
  border-radius: 4px;
  font-family: Arial;
  font-weight: bold;
  cursor: pointer;
}

/**
 * table IMG weirdness - partial fix
 */
#brochure-tabs-content > .tab-content > table {
  table-layout: fixed;
}
#brochure-tabs-content > .tab-content > table td.brochure-td-img {
  width: 33%;
  padding-top: 1.5em;
}

/** Mystery top margin in innovation-main.css for all buttons? */
/** 1em sets to 0px in some cases? (Save Search button)*/
#pagebodycontent .btn {
    font-size: 1rem;
    margin-top: 0;
}

/** Save Search button sizing off */
form[name='SaveSearch'] button[type='submit'] {
    padding: 0.18em 1.1875em;
}

/** AlertTraveler */

  /** tabs */
div[id$=_wrapper] .btn-group .dropdown-menu {
  background-color: #fff;
}
div[id$=_wrapper] > .row > div[class$=Row] {
  padding-left: 0px;
  padding-right: 0px;
}
div[id$=_wrapper] > .row > div[class$=Row]:first-child {
  padding-left: 15px;
}
div[id$=_wrapper] > .row > div[class$=Row] .dropdownOption {
    margin-top: 0px;
}
  /** Fix alert <img> tags */
div[id$=_wrapper] > #allAlerts tbody.alertTableBody td:nth-child(1) img {
    height: 40px;
}
  /** Individual alert pages - nav below images overlapping due to 1% width */
.nav-pills.nav-justified > li {
  width: initial;
}
#sa_content .nav-tabs-container > ul.nav li.active a {
  color: inherit !important;
}

/** Fixes JSTree issues after upgrade around January 2019 */
/* Overrides div height issues */
#eligibility .programElgibilitySetting #jstreeSettings {
/*    min-height: 350px; */
}

/* Overrides background hiding of structural navigation lines */
.jstree-default .jstree-last {
    background: initial;
}

/* Change height rule to min-height to allow heights bigger than 24px */
#eligibility .programElgibilitySetting #jstreeSettings .jstree-anchor {
    height: initial;
    min-height: 24px;
}

  /** Remove Innovation <p> padding for various settings pages, tables */
.panel-body p.Heading.settingTitle,
form .panel-body p,
table.data-table p {
    margin: 0 0 8.5px;
}
  /** Remove Innovation <p> Padding from alerts */
.alert p {
  margin: 0;
}
  /** Fix checkbox layout (is position: absolute ??) - have to use !important, unfortunately */
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  position: initial !important;
}

  /** Fix Social media icons - Chizuko on 8/12/2019 */
.megafoot ul > li, .megafoot ol > li {
  display: inline-block !important;
  margin-right: 10px;
}
.social-media .fa {
  font-size: 2.3em !important;
  color: #ccc;
}
img#Wordpress.fa {
  position: inherit !important;
}
img#Wordpress.fa.img_grayscale {
  position: absolute !important;
}

/* ASU Search box in header - Change the magnifying glass to link to a Drupal Study Abroad page. Chizuko on 9/9/2019 */
  /* Hide the original Search magnifying glass */
  input.asu_search_button {
    display: none !important;
  }
  #asu_hdr .f-search:before,
  #search_new.f-search
  {
    display: none;
  }
  input#masu_search_box.asu_search_box {
    display: none;
  }
  /* Desktop search magnifying glass */
  #studyabroad-search {
    position: absolute;
    right: 20px;
    bottom: 15px;
    z-index: 1500;
  }
  #studyabroad-search .fa-search:before {
      color:#000;
  } 
  /* Desktop search box */
  input#studyabroad-search-box {    
    position: absolute;
    right: 13px;
    bottom: 11px;
    z-index: 1050;
    border: 1px #999 solid;
    width: 170px;
    border-radius: 3px;
    padding: 1px 25px 0 6px;
    font-size: 1em;
    height: 1.5em;
    color: #333;
    outline: 0;    
  }
  /* Mobile search magnifying glass */
  #studyabroad-search-mobile .fa-search:before {
      color:#999;
  } 
  #studyabroad-search-mobile {
    position: absolute;
    right: 60px;
    bottom: 56px;
    z-index: 1200;
  }
  /* Mobile */
  @media (max-width: 990px) {
    #studyabroad-search {
      display: none;
    }
    input#studyabroad-search-box {    
      display: none;
    }
  }
  /* Desktop */
  @media (min-width: 991px) {
    #studyabroad-search-mobile {
      display: none;
    }
  }


/** Media rules */

/* 75/25 override */
@media (min-width: 992px) {
  #pagebodysidebar {
    display: none;
  }
  .public-page-content, #pagebodycontent {
    width: 100%;
  }
}

/** AlertTraveler - tabs */
@media (min-width: 931px) {
  div[id$=_wrapper] > .row > .col-sm-1,
  div[id$=_wrapper] > .row > .col-sm-2 {
    width: inherit;
  }
}

@media (max-width: 1199px) {
  #brochure-tabs-navigation .section-tab {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  /** override mobile-friendly active state for submenu items */
  .tabbed-nav.visible-sm ul.dropdown-menu a,
  .tabbed-nav.visible-xs ul.dropdown-menu a {
    border-bottom-color: #4f5557;
  }
  .tabbed-nav.visible-sm ul.dropdown-menu a.bg-info,
  .tabbed-nav.visible-xs ul.dropdown-menu a.bg-info {
    background-color: #8C1D40;
    border-bottom-color: #8C1D40;
  }
  .tabbed-nav.visible-sm ul.dropdown-menu a.bg-info:hover,
  .tabbed-nav.visible-xs ul.dropdown-menu a.bg-info:hover {
    background-color: #ffb310;
    border-bottom-color: #ffb310;
  }
}

@media (max-width: 767px) {
  #brochure-tabs-navigation .section-tab {
    display: block;
  }
  #pagenav.navbar .nav > .dropdown > a {
    float: none;
  }
  #pagenav.navbar-nav {
      margin: 3.75px -15px;
  }
  #pagenav.navbar-nav > .active, .navbar-nav > li > a {
      width: 100%;
  }
  #pagenav.navbar-nav > .active, .navbar-nav > li > a:hover {
      background-color: #000;
      color: #ededed;
  }
  /* budget/cost table override - broken by bootstrap.min-gray */
  #sa_content .table-responsive > .table > thead > tr > th, 
  #sa_content .table-responsive > .table > tbody > tr > th, 
  #sa_content .table-responsive > .table > tfoot > tr > th, 
  #sa_content .table-responsive > .table > thead > tr > td, 
  #sa_content .table-responsive > .table > tbody > tr > td, 
  #sa_content .table-responsive > .table > tfoot > tr > td {
    white-space: normal;
  }
  /* Sidebar TDs with images width smaller for mobile */
  #brochure-tabs-content > .tab-content > table td.brochure-td-img {
    width: 25%;
    padding-top: 1em;
  }
}

/* Added on July 10th, 2020 */
/* Change color of action buttons and nav bar */
.mat-focus-indicator.mat-raised-button.mat-button-base.mat-primary {
  background-color: #8C1D40 !important;
}
.mat-tab-labels {
  background-color: #353535;
}
.mat-tab-label {
  color: #fff !important;
  opacity: 1 !important;
}
.mat-tab-label-active {
  background-color: #1f1f1f;
  color: #FFC627 !important;
}
/* Fix issue of the action buttons not appearing fully in narrower width browser */
gridster.fixed > gridster-item.gridster-ignore.allow-auto-grow.ng-star-inserted,
gridster.mobile > gridster-item.gridster-ignore.allow-auto-grow.ng-star-inserted
{
  z-index: 2 !important;
  height: auto !important;
  max-height: unset !important;
}
gridster.fixed > gridster-item.gridster-ignore.allow-auto-grow.ng-star-inserted ~ gridster-item.gridster-ignore.allow-auto-grow.ng-star-inserted, 
gridster.mobile > gridster-item.gridster-ignore.allow-auto-grow.ng-star-inserted ~ gridster-item.gridster-ignore.allow-auto-grow.ng-star-inserted 
{
  z-index: 1 !important;
  height: auto !important;
}
.td-grid-item-action-buttons.gridster-item-content {
  height: auto !important;
}
/* Added on September 2nd, 2021 - Fix issue with Firefox browser when text size was decreased. */
.mat-drawer-container {
    width: 100% !important;
}