body.login {
  background: url('../images/login_05.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

body,html {
  height: 100%;
}

body {position:relative; font-family: 'Roboto', sans-serif;}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px; /* Set the fixed height of the footer here */
  line-height: 40px; /* Vertically center the text there */
  background-color: #f5f5f5;
  text-align: center;
}


body.login h1 {text-align:center; font-weight:200;}
body.login .password-recovery {text-align:center; margin: 20px 0 0px 0; }
body.login .password-recovery a {color: #222; background-color: rgba(255, 255, 255, 0.8); text-align:center; padding: 2px 5px; border-radius:0.25rem;}
body.login .btn-login {display:block; width: 100%; margin:30px 0 20px 0;}
body.login .btn-register {display:block; width: 100%; margin:0px 0 20px 0;}

body.login .form-control#email {border-radius: .25rem .25rem 0 0; border:0; border-bottom: 1px solid #ddd; box-shadow: 0px 0px 5px #666;}
body.login .form-control#password {border-radius: 0 0 .25rem .25rem; border:0; box-shadow: 0px 3px 5px #666;}

.container.main-container {margin-top:100px; margin-bottom:100px;}
nav.navbar {-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.18); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.18);}
.navbar-brand {font-weight:200; font-size:1.6rem;}

.main-container h1 { color: #444; font-weight:700; position:relative;}
.main-container h1 a.add {position: absolute; top:0; right:10px; border-radius:50%; background:#666; color: #fff; width:50px; height:50px; text-align:center;}
.main-container h1 a.add:hover {text-decoration:none; background: #444;}
.monitored {overflow: hidden; padding:0; list-style:none; border-radius:10px; -webkit-box-shadow: 0px 0px 5px  rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 5px  rgba(0,0,0,0.18); box-shadow: 0px 0px 5px  rgba(0,0,0,0.18); margin-bottom:3rem;}
.monitored li {padding: 1rem 1rem; font-size:1.0rem; border-bottom:1px solid #ddd; position: relative; cursor: pointer;}
.monitored li.last {border-bottom:0;}
.monitored li.disabled {opacity:0.5;}
.monitored li.disabled .disabled-label {position: absolute; width: 5px; height: 100%; background-color: rgb(151, 8, 8); top: 0; right: 5px; z-index: 2;}
.monitored li .active-label {position: absolute; width: 5px; height: 100%; top: 0; right: 5px; z-index: 2;}
.monitored li .red-label {background-color: rgb(151, 8, 8);}
.monitored li .orange-label {background-color: rgb(216, 132, 23);}
.monitored li .green-label {background-color: rgb(7, 167, 7);}

.monitored .status {display:inline-block;  font-size: 0.8rem; margin-right:10px; }
.monitored .status .code {background: #666; color: #fff; border-top-left-radius:4px; border-bottom-left-radius:4px; padding: 3px 5px; min-width: 30px; display: inline-block; text-align: center;}
.monitored .status .traffic-light {border-top-right-radius:4px; border-bottom-right-radius:4px; padding: 3px 5px; min-width: 30px; display: inline-block; text-align: center;}
.monitored .status .traffic-light.green {background-color: rgb(7, 167, 7); color: #fff; }
.monitored .status .traffic-light.red {background-color: rgb(151, 8, 8); color: #fff; }
.monitored .status .traffic-light.orange {background-color: rgb(216, 132, 23); color: #fff; }
.monitored .status .traffic-light.lightgrey {background: #aaa url(../images/ico_wait.png) 2px 0px no-repeat; background-size:80%;}

.monitored .resource  {display:inline-block;}
.monitored li .response-time {position: absolute; right:20px; top:5px; font-size:0.6rem; color: #666; padding-left:20px; background: transparent url("../images/ico_response_time.png") 0 1px no-repeat;}
.monitored li .last-updated {position: absolute; right:20px; bottom:5px; font-size:0.6rem; color: #666; padding-left:14px; background: transparent url("../images/ico_updated.png") 0 1px no-repeat;}

.monitored .details {display:none; margin: 10px 5px; line-height: 1.6rem; color: #555}
.detail-label {color: #999;}

.actions {text-align:right;}
.actions .remove-resource {text-indent: -9999px; overflow: hidden; background: #bd2130 url(../images/ico_trash.png) 8px 4px no-repeat; background-size: 59%; width: 45px; margin-top: 10px;}
.actions .visit-resource {text-indent: -9999px; overflow: hidden; background: #005cbf url(../images/ico_website.png) 8px 4px no-repeat; background-size: 59%; width: 45px; margin-top: 10px;}

/*
.modal-full {min-width: 100%; margin: 0;}
.modal-full .modal-content {min-height: 100vh;}
*/

a.btn-nav {display:inline-block;  padding-left:30px; min-width:30px; min-height:25px;}
a.btn-dashboard {background: transparent url("../images/ico_dashboard.png") no-repeat 0 -2px; background-size: 25px; }
a.btn-account {background: transparent url("../images/ico_user.png") no-repeat 0 -2px; background-size: 25px; }
a.btn-logout {background: transparent url("../images/ico_logout.png") no-repeat 0 -2px; background-size: 25px; }

.modal-body label {color:#999;}

.register .form-control {margin-bottom: 1rem;}
.register h1 {text-align: center;}
.register_intro {font-size:1rem; margin: 1rem 0 2rem 0; padding: 1rem 0 0 0; text-align: center;}
.register_already {font-size:0.8rem; margin: 1rem 0 1rem 0; text-align: center;}
.public_menu a {color: #222; text-decoration:none; margin-left: 2rem;}
.public_menu a:hover {text-decoration:underline;}
.register .btn-register {width:100%; margin: 1rem 0;}

@media (max-width: 767px) {
  a span.btn-label {display:none;}
}