.form-control.error {
    border: 1px solid red;
}
.row {
    padding: .75rem;
}
.output-container {
    display: none;
}
.output-container.show {
    display: block;
}
html.login {
    background: url('/img/sinatra.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
p.login-error {
    color: #ff0000;
    text-align: center;
}
#plate {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.logo {
    margin-bottom: 50px;
    margin-left: 25px;
}
.loginWrapper {
    background-image: url(/img/login-wrap.png);
    width: 300px;
    height: 150px;
    padding: 10px;
}
.message {
    display: none;
    top: 87px;
    position: absolute;
    font-size: 12px;
}
.alert {
    width: 300px;
    padding: 5px 10px;
}
.alert-dismissible .close {
    right: inherit;
    top: -5px;
}
.input-group-addon.glyphicon {
    top: 0px;
}
.dropdown button {
    margin-top: 0px;
}
.dropdown li button {
    margin: 10px;
}
.input-group:first-child {
    margin-top: 3px;
}
#adminlogin {
    float: right;
    margin-top: 15px;
    margin-left: 15px;
}
#logout {
    float: right;
    margin-top: 15px;
}
#startcheckin {
    float: left;
    margin-top: 15px;
}
.submenu button,
.submenu .logout {
    font-size: 12px;
    color: white;
}
.logout {
    margin-left: 15px;
}
.submenu .dropdown-menu button.login {
    font-size: inherit;
    color: inherit;
}
button {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
}
.submenu .glyphicon {
    padding-right: 5px;
}
.loginWrapper .discussion {
    padding: 0px;
}
.input-group {
    margin-bottom: 10px;
}
.username {
    float: left;
    width: 100%;
    text-align: center;
    color: white;
}
.userwrapper {
    height: 91px;
}
.sign-in {
    width: 100%;
}
a.disabled {
    color: #a9a9a9;
    pointer-events: none;
}
.tool-nav a {
    text-decoration: none;
}
.notice {
    font-size: 11px;
}
/* Dashboard styles */

.dashboard-header {
    height: 80px;
    background: #0f101b;
}
.user-status-container {
    height: 100%;
    float: right;
    padding: 20px 10px;
}
.user-role {
    float: left;
    color: #fff;
    text-align: right;
    padding: 10px 10px;
}
.user-signout {
    float: right;
}
#signout {
    height: 40px;
    border: #e38b3d;
    padding: 6px 20px;
    border-radius: 0px;
    background: #e38b3d;
}
.logo-container {
    float: left;
    max-width: 165px;
    height: 80px;
    padding-top: 12px;
    padding-left: 10px;
}
/* Side navigation */

.nav-container {
    float: left;
    width: 200px;
   /* height: 100vh; */    
    background: #33485d;
}
.nav-item {
    padding: 0px 20px;
    text-align: center;
}
.nav-item.active {
    border-left: 4px solid #299dd4;
}
.nav-item:not(.nav-logo):hover {
    border-left: 4px solid #299dd4;
}
.nav-item .fa {
    color: #97a2ad;
    font-size: 40px;
}
.nav-item.active .fa {
    color: #ffffff;
}
.nav-item.active:hover .fa {
    color: #ffffff;
}
.nav-item:not(:first-child) {
    margin-top: 40px;
}
.nav-logo {
    padding: 20px;
    background: #299dd4;
}
.nav-logo h5 {
    margin-bottom: 0;
}
.nav-items {
    padding: 5px 10px;
}
.nav-items ul {
    list-style: none;
    padding-left: 0;
}
.nav-items .title {
    color: #e6e6e6;
    padding-bottom: 5px;
    border-bottom: 1px solid #d6d6d6;
}
.sub-nav {
    font-size: .8rem;
    background: #fff;
    padding: 5px 11px !important;
}
.body-container {
    margin-left: 215px;
    padding-top: 14px;
}
.body-container .row.back {
    padding-top: 5px;
}
.op-info p, h2, hr {
    width: 100%;
}
.op-form input {
    margin-bottom: 10px;
}