/*header styling here*/
.header-status-page {
margin: 0px;
background:#333;
width: 100%;
height: 80px;
margin-bottom: 24px;
}

.header-status-row{
padding: 16px 32px;
}

.header-status-logo {
float:left;
    height: 30px;
    width: 160px;
}

.header-navlist {
float: right;
    display: block;
    width: auto;
    margin:auto;
    margin-top:4px;
}



/*header dropdown*/
/* Style The Dropdown Button */
.header-dropbtn {
font-family: 'Roboto Slab';
font-size: 16px;
font-weight:600;
color: #fff;
background:#444;
border-radius:28px;
  border: 1px solid #ffc20e;
  padding: 10px 18px;
  border: none;
  cursor: pointer;
  transition: all .9s ease;
  margin-left:24px;
}


.header-dropbtn:active {
background-image: linear-gradient( #ffc20e,#ffc20e);
transition: all .3s ease;
}

.header-caret {
  position: relative;
  float: right;
  margin:11px 6px 0px ;
}

.header-caret:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 4px solid #eee;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.header-caret:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 0;
  border-top: 2px solid #eee;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}




/* The container <div> - needed to position the dropdown content */
.header-dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.header-dropdown-content {
  padding-top:20px;
  display: hidden;
  position: absolute;
  left: -10px;
  background-color: #333;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  transition: all .8s ease;
  opacity: 0;
}

/* Links inside the dropdown */
.header-dropdown-content a {
  color: #fff;
  font-size:14px;
  font-family: Roboto Slab;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  transition: all .3s ease;
}

/* Change color of dropdown links on hover */
.header-dropdown-content a:hover 
{background-color: #444;
transition: all .5s ease;
    
}

/* Show the dropdown menu on hover */
.header-dropdown:hover .header-dropdown-content {
  display: block;
  opacity: 100;
  transition: all .8s ease;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.header-dropbtn:hover {
 background:#777;
 transition: all .3s ease;
}
/*Styling for Wrapper button (support - reports)*/

.wrapper-AtBcr {
    font-family: 'Roboto Slab';
    color: #111;
    font-size: 1rem;
}
.u-userLauncherColor {
    background-color: #ffc20e !important;
     background-image: linear-gradient( #ffc20e,#ffc20e);
    border: 0px solid #ffc20e;
    box-shadow: 2px 10px 16px 0px rgba (0,0,0,0.2);

}



/*font overrides*/

.font-large, .font-largest{
  font-family:'Roboto Slab','Open Sans', sans serif !important;
}


.status-day{
font-family: 'Roboto Slab';
font-size: 13px!important;
}
.page-status{
color: #fff;
  height:40px;
  padding: 2px 16px !important;
  margin-bottom:20px !important;
}

/*image centering middle page*/
.image_center{
 display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  margin-bottom: 30px;
}

/*table styling*/


 table {
  padding:0px;
 border: 1px solid #e0e0e0 !important;
 border-radius: 4px;
}
tr, th, td {
border: none;
   padding: 4px 14px;
  border-top: 1px solid #fff;
}
tr:last-child{
 border-top: none !important;
}