body {
    padding-top: 100px;
    height: 1500px;
}

.navbar-default .navbar-brand {
    color: #666666;
    /*font-weight: 100;*/
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #e5e5e5;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #E7E7E7;
}

.mainHeader {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 2000;
}

.mainHeader h4 {
    color: #fff;
    padding-left: 20px;
}

.leftNav {
    position: fixed;
    z-index: 1000;
}

.mainContent {
    margin-left: 55px;
}


/* Font Colors */

.colorWhite {
    color: #fff;
}

.colorGray {
    color: #666;
}


/* Status Colors */

.statusRed {
    background-color: #FF0000;
    color: #fff;
}

.statusRedAlt {
    background-color: #e53935;
}

.statusYellow {
    background-color: #fdd835;
    color: #666;
}

.statusYellowAlt {
    background-color: #ffeb3b;
    color: #666;
}

.statusGreen {
    background-color: #4caf50;
    color: #fff;
}

.statusGreenAlt {
    background-color: #43a047;
    color: #fff;
}

/* Material Design Icons*/
.material-icons.md-12 {
    font-size: 12px;
}
.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;
}

/* Alignment */

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.selectRight {
    text-align-last: right;
    padding-right: 29px;
    direction: rtl;
}


/* Material Design Icons*/
.material-icons.md-12 {
    font-size: 12px;
}
.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;
}
