@font-face {
           font-family: 'Champion';
           src:
           url('https://www.moveworks.com/hubfs/fonts/Champion-Lightweight_Web.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/Champion-Lightweight_Web.woff') format('woff');
           font-weight: normal;
           font-style: normal;
           font-display: swap;
}
@font-face {
           font-family: 'MaisonNeue';
           src:
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Book.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Book.woff') format('woff');
           font-weight: normal;
           font-style: normal;
           font-display: swap;
}
@font-face {
           font-family: 'MaisonNeue';
           src:
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Thin.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Thin.woff') format('woff');
           font-weight: 200;
           font-style: normal;
           font-display: swap;
}
@font-face {
           font-family: 'MaisonNeue';
           src:
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Light.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Light.woff') format('woff');
           font-weight: 400;
           font-weight: normal;
           font-style: normal;
           font-display: swap;
}
@font-face {
           font-family: 'MaisonNeue';
           src:
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Medium.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Medium.woff') format('woff');
           font-weight: 500;
           font-style: normal;
           font-display: swap;
}
@font-face {
           font-family: 'MaisonNeue';
           src:
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Book.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Book.woff') format('woff');
           font-weight: 700;
           font-style: normal;
           font-display: swap;
} 
@font-face {
           font-family: 'MaisonNeue';
           src:
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Demi.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Demi.woff') format('woff');
           font-weight: 750;
           font-style: normal;
           font-display: swap;
}
@font-face {
           font-family: 'MaisonNeue';
           src:
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Demi.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Demi.woff') format('woff');
            font-weight:bold;
           font-style: normal;
           font-display: swap;
}
@font-face {
           font-family: 'MaisonNeue';
           src:
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Bold.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Bold.woff') format('woff');
           font-weight: 800;
           font-style: normal;
           font-display: swap;
}
@font-face {
           font-family: 'MaisonNeue';
           src:
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-ExtraBold.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-ExtraBold.woff') format('woff');
           font-weight: 850;
           font-style: normal;
           font-display: swap;
}
@font-face {
           font-family: 'MaisonNeue';
           src:
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Black.woff2') format('woff2'),
           url('https://www.moveworks.com/hubfs/fonts/MaisonNeue-Black.woff') format('woff');
           font-weight: 900;
           font-style: normal;
           font-display: swap;
}





@import url("https://fonts.googleapis.com/css?family=Lato");
body {
  font-family: 'MaisonNeue', sans-serif;
}

a:hover {
  text-decoration: underline;
}

#custom-header {
  position: relative;
  background-color:#000000;
  height: 60px;
  margin-bottom: 20px;
  /*.show-updates-dropdown {
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    -o-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;
    -ms-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;
      @include border-radius(4px);
    font-size: 12px;
    line-height: 18px;
    font-size: 0.75rem;
    line-height: 1.1625rem;
    font-weight: 500;
    border: none;
    display: inline-block;
    text-align: center;
    color: #FFF !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 17px 11px;
    position: relative;
    background-color: #0061d5;
    &:after {
			      content: "Subscribe To Updates" !important;
    }
  }*/
}
#custom-header .logo-container {
  float: left;
}
#custom-header nav {
  float: right;
}
#custom-header nav > a {
  margin-right: 30px;
  display: inline-block;
}
#custom-header nav > a, #custom-header nav .show-updates-dropdown {
  color: #FFF;
  display: inline-block;
  font-weight: 500;
  font-size: .875rem;
  letter-spacing: 1px;
}
#custom-header .updates-dropdown {
  right: 0px;
}
#custom-header .component-container {
  padding: .5rem .5rem .5rem;
}
  #custom-header nav {
    position: relative;
    top: 18px;
  }

@media screen and (max-width: 725px) {
  #custom-header {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 18px;
  }
  #custom-header .logo-container {
    float: none;
    display: block;
    margin-bottom: 25px;
    max-width: none;
  }
  #custom-header .logo-container .logo {
    /*max-width:325px;*/
    display: inline-block;
  }
  #custom-header nav {
    float: none;
  }
  #custom-header nav > a, #custom-header .updates-dropdown-container {
    float: none;
  }
}
@media screen and (max-width: 775px) {

  #custom-header nav > a {
    margin-right: 20px;
  }
  #custom-header nav > a, #custom-header nav .show-updates-dropdown {
    font-size: 13px;
    background-color: #fff!important;
  }
  #custom-header .logo-container .logo {
    max-width: 70%;
  }
  #custom-header nav > a:nth-child(1):before {
    content: none;
  }
}



.text-section {
  margin-top: -40px;
}

.components-section {
  margin-top: -30px;
}

.page-status {
  margin-top: 100px;
}

.font-regular {
  font-size: 14px;
  line-height: 1.7;
}

.intro {
  display: float;
}

.alert {
  clear: left;
  text-align: center;
  color: red;
}

.layout-content.status .custom-header-container {
  margin-bottom: 100px;
}

.masthead {
  height: 80px;
}

.unresolved-incidents {
  padding-top: 80px;
}

.layout-content.status.status-index .components-section .components-container.one-column + .component-statuses-legend {
  display: none;
}

.expand-incidents var:nth-child(2) {
  display: none;
}

.unresolved-incidents {
  margin-top: -40px;
}



.close {
  height: 20px;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}

.white-svg {
  color: #fff;
}

#popup {
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: 75px;
  padding-top: 20px;
  text-align: center;
  width: 100%;
  background: #0a0;
  transition: 400ms ease all;
  background: RGBA(252, 98, 122, 0.85);
  -webkit-tap-highlight-color: transparent;
}

/* IE 6 */
* html #popup {
  position: absolute;
  top: expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .layout-content.status.status-index .page-status.status-none {
    margin-top: 150px;
  }
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  .layout-content.status.status-index .page-status.status-none {
    margin-top: 150px;
  }
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .layout-content.status.status-index .page-status.status-none {
    margin-top: 150px;
  }
}
.sr-only {
  display: none;
}


.page-status {
    margin-top: 50px!important;
}

#show-updates-dropdown {
  background-color: #eee;
}

.components-section {
  text-align:left
}