html {
  background-color: #eee;
  color: rgba(0,0,0,.87);
}
.custom-header-container {
    	margin-bottom: 80px !important;
}
.custom-nav {
    min-width: 320px;
    background-color: #333;
    width: 100%;
    height: 70px;
    line-height: 70px;
    border-bottom: 2px solid #14215c;
}
.custom-nav .custom-nav-wrapper {
    position: relative;
    height: 100%;
}

.custom-nav .brand-logo {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.5rem;
    padding: 0;
    white-space: nowrap;
    margin-left: 0;
    min-width: 210px;
    margin: 0;
    float: left; 
}


.custom-nav .pipe {
    width: 2px;
    background-color: #444;
    height: 60%;
    margin: 10px 20px;
    height: 48px;
}

.custom-nav .logo {
    width: 100px;
    height: 49px;
    padding-top: 22px;
    background-image: url(https://quest-on-demand.com/assets/quest_logo_white.png);
    background-position: left 22px;
    background-repeat: no-repeat;
}

.custom-nav .productName {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300;
}

.custom-nav .subscribe-button {
    line-height: initial;
    margin-top:25px;
    margin-bottom: 10px;
    width: 100%;
}
.updates-dropdown-container {
    width: 100%;
}

#show-updates-dropdown {
    background-color: #016a9c;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    margin: 20px 0;
    width:100%;
    transition: background-color .3s ease-out;
    text-align: center;
    display: block;
}

#show-updates-dropdown:hover {
    background-color: #018ccf;
}
.updates-dropdown {
    right: 0;
    top: 160px !important;
    position: fixed !important;
}

.components-container {
    background-color: white;
    border-radius: 4px;
}

.page-status{
    margin-bottom: 40px !important;
}

@media screen and (min-width: 600px) {
  .custom-header-container {
    	margin-bottom: 40px !important;
  }
  .custom-nav .subscribe-button {
    float:right;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  #show-updates-dropdown {
    display: inline-block;
    width: auto;
    margin: 15px 0;
  }
  .updates-dropdown-container {
    width: auto;
  }
  .updates-dropdown {
    right: -2;
    top: 81% !important;
    position: absolute !important;
  }
  
}


/*@media screen and (max-width: 600px)
.updates-dropdown-container .updates-dropdown {
 top: 100px;
}*/