mainBody, body {

background: #F2F2F2

}

.sidenav, .testDetail {

border-right: 1px solid #f5f5f5

}

body {

font-family: 'Open Sans', sans-serif;
height: 100%

}

holder {

min-height: 100%;
position: relative

}

mainBody {

padding-bottom: 100px

}

.navbar-default .navbar-collapse, .navbar-header {

background-color: #45555D

}

.container-fluid {

background-color: #fff

}

.navbar-default .navbar-brand, .navbar-default .navbar-text, .slideSide, .slideSide:active, .slideSide:focus, .slideSide:hover {

color: #fff

}

.material-icons {

font-family: 'Material Icons';
font-weight: 400;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
vertical-align: middle

}

.material-icons.md-14 {

font-size: 14px

}

.material-icons.md-18 {

font-size: 18px

}

.material-icons.md-24 {

font-size: 24px

}

.material-icons.md-36 {

font-size: 36px

}

.material-icons.md-48 {

font-size: 48px

}

menuHeader:after {

width: 0;
border-bottom: 4px solid silver;
-webkit-animation: transit 3s forwards;
-webkit-animation-direction: right;
animation: transit 2s forwards;
animation-direction: right

}

@-webkit-keyframes transit {

0% {
    width: 0
}
100% {
    width: 100%
}

}

@keyframes transit {

0% {
    width: 0
}
100% {
    width: 100%
}

}

.footer {

text-align: center;
bottom: 0;
padding: 10px;
left: 0;
position: absolute;
right: 0

}

.fixedFooter {

opacity: 0.2;
font-size: 12px;
color: silver

}

.mainFooter {

font-size: 15px;
color: #111

}

.suitDetails {

padding-top: 8px;
color: #111;
font-size: 12px;
text-align: left

}

.testContainer {

box-shadow: 10px 10px 5px #888

}

.suitTitle {

font-weight: 700;
font-size: 20px

}

.testDetail {

border-left: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
background: #fff

}

.testDetail:first-child {

border-top: 1px solid #f5f5f5

}

.testBoundary {

border-left: 5px solid #fff;
padding: 15px 0

}

.testBoundary:hover {

border-left: 5px solid silver

}

.errorBoundary, .errorBoundary:hover {

border-left: 5px solid red

}

.warningBoundary, .warningBoundary:hover {

border-left: 5px solid orange

}

.alignRight {

text-align: right

}

.alignLeft {

text-align: left

}

.suitContainer {

margin-top: 40px

}

.exceptionDiv {

padding-top: 10px;
padding-left: 27px;
color: red;
font-size: 13px

}

.well {

margin-bottom: 1px;
background-color: gray;
color: #fafad2;
font-size: 13px;
font-family: consolas;
border-radius: 0

}

.goTop, .goTop:hover {

color: #fff;
text-decoration: none

}

.errorInfo div {

border-bottom: 1px solid #8C8C8C;
padding: 4px 0

}

.errorInfo div:last-child {

border-bottom: none

}

.goTop {

position: fixed;
bottom: 50px;
right: .5em;
background-color: rgba(0, 0, 0, .25);
font-size: 12px;
padding: 10px;
display: none;
margin: 0

}

.goTop:hover {

background-color: rgba(0, 0, 0, .6)

}

.sidenav {

height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #fff;
overflow-x: hidden;
padding-top: 25px;
transition: .5s

}

.bottomBorder {

border-bottom: 1px solid #f5f5f5;
margin-bottom: 10px;
padding-bottom: 10px

}

.sideNavHeading {

overflow: hidden;
font-size: 20px

}

.sideNavSubHeading {

color: silver;
font-size: 12px;
text-align: left;
font-weight: lighter

}

.navSettingsText, .navSuits {

color: #a9a9a9;
font-size: 13px;
padding: 8px 0

}

.anchorDiv {

cursor: pointer;
cursor: hand

}

.navSettings {

background: #f5f5f5

}

.navSettings:nth-child(even) {

background-color: #fff

}

.navSuits {

display: block;
transition: .3s;
text-decoration: none

}

.navSuits:hover {

color: red

}

@media screen and (max-height:450px) {

.sidenav {
    padding-top: 15px
}
.sidenav a {
    font-size: 18px
}

}