body {padding-top: 50px;background:#f4f6f9;font-family: 'Yantramanav', sans-serif;font-size:16px;}
.sub-header {padding-bottom: 10px; border-bottom: 1px solid #eee;}
.navbar-fixed-top {border: 0;}
.sidebar {display: none;}
@media (min-width: 768px) {.sidebar {position: fixed; top: 50px; bottom: 0; left: 0; z-index: 1000; display: block; padding: 20px; overflow-x: hidden; overflow-y: auto; background-color: #445566; border-right: 1px solid #eee;}}
.nav-sidebar {margin-right: -21px; margin-bottom: 20px; margin-left: -20px;}
.nav-sidebar > li > a {padding-right: 20px; padding-left: 20px;}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {color: #fff; background-color: #428bca; padding-left:10px;}
.nav-sidebar li a span {color:#c7d1de;margin-right:10px;}
.main {padding: 20px;}
@media (min-width: 768px) {.main {padding-right: 40px; padding-left: 40px;}}
.main .page-header {margin-top: 0;}
.placeholders {margin-bottom: 30px; text-align: center;}
.placeholders h4 {margin-bottom: 0;}
.placeholder {margin-bottom: 20px;}
.placeholder img {display: inline-block; border-radius: 50%;}
.navbar-inverse .navbar-brand {color:#fff;}

table.styled {width:100%;}
table.styled th {border:1px solid #e5e8ec;font-family: 'Yantramanav';padding:2px;background:#e5e8ec;}
table.styled td {border:1px solid #e5e8ec;font-family: 'Yantramanav';padding:2px;}

.group {display:inline-block;background-color:#979d9d;padding:2px 4px;border-radius:5px;color:#fff;font-size:13px;font-weight:400;margin-bottom:3px;}
.updates {display:inline-block;background-color:#8BC068;padding:2px 4px;border-radius:5px;color:#fff;font-size:13px;font-weight:400;margin-bottom:3px;}

.controlbar {border:1px solid #e5e8ec;background:#fff;margin-bottom:15px;padding:5px;border-radius:10px;}

.object {border:1px solid #e5e8ec;background:#fff;margin-right:15px;margin-bottom:15px;line-height:1.2;position:relative;float:left;width:250px;height:300px;color:#555;transition: background 0.3s;}
.object:hover, .object:focus, .object:active {text-decoration:none;border:1px solid #c8ced6;}
.object .topline{padding:5px 10px;background:#e5e8ec;color:#3c3c3c;transition: background 0.3s;}
.object .middleline{padding:10px;padding-bottom:30px;position:relative;}
.object .bottomline {border-top:1px solid #e5e8ec;background:#e5e8ec ;padding:5px 10px;position:absolute;bottom:0px;left:0px;right:0px;transition: background 0.3s;}
.object:hover .topline, .object:focus .topline, .object:active, .topline,
.object:hover .bottomline, .object:focus .bottomline, .object:active, .bottomline {background: #c8ced6;}
.object .topinfo {display:none;}
.object .updates {position:absolute;bottom:30px;}

.object.half-height {height:185px;}
/*@media only screen and (max-width: 1000px) {.object {display: block;width: 100%;}}*/
.bottomline .bl-created {display:inline-block;float:left;color:#999;font-size:12px;font-weight:300;}
.bottomline .bl-heartbeat, .object .topinfo {display:inline-block;float:right;font-size:12px;font-weight:400;}
.object .topinfo {display:none;}

.object.listview {height:auto;width:100%;}
.object.listview .object-img {float:left;border:none;margin:0;margin-right:10px;margin-left:-10px;margin-top:-10px;}
.object.listview .middleline {padding-bottom:10px;position:relative;}
.object.listview .bottomline {display:none;}
.object.listview .updates {right:10px;top:10px;bottom:auto;}
.object.listview .topinfo {display:inline-block;}

.object.unlimited {width:100%;height:auto;}
.object.unlimited .object-img {border:none;margin:0;}

.object .onoff {display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;}
.object.enabled .onoff  {background:#8BC34A;}
.object.disabled .onoff {background:#990012;}

.object.emergency {border-color: #ffdbd8;}
.object.emergency .topline {background: #ffdbd8;background-image: repeating-linear-gradient(45deg, #0000, #0000 10px, #ffffff40 30px, #fff0 30px);}
.object.emergency .bottomline {border-color:#ffdbd8;background: #ffdbd8;background-image: repeating-linear-gradient(45deg, #0000, #0000 10px, #ffffff40 30px, #fff0 30px);}
.object.emergency:hover .topline, .object.emergency:focus .topline, .object.emergency:active .topline,
.object.emergency:hover .bottomline, .object.emergency:focus .bottomline, .object.emergency:active .bottomline {border-color:#ffb3ae;background-color:#ffb3ae;}

.object.emergency.acknowledged {border-color: #fff38b;}
.object.emergency.acknowledged .topline {background: #fff38b;background-image: repeating-linear-gradient(45deg, #0000, #0000 10px, #ffffff40 30px, #fff0 30px);}
.object.emergency.acknowledged .bottomline {border-color:#fff38b;background: #fff38b;background-image: repeating-linear-gradient(45deg, #0000, #0000 10px, #ffffff40 30px, #fff0 30px);}
.object.emergency.acknowledged:hover .topline, .object.emergency.acknowledged:focus .topline, .object.emergency.acknowledged:active .topline,
.object.emergency.acknowledged:hover .bottomline, .object.emergency.acknowledged:focus .bottomline, .object.emergency.acknowledged:active .bottomline {border-color:#ffeb3b;background-color:#ffeb3b;}

.object-img {height:125px;width:248px;max-height:125px;max-width:248px;margin-left:-10px;margin-top:-10px;border-bottom:1px solid #eee;background-color: #fff;background-repeat: no-repeat;background-position: center center;background-size: contain;margin-bottom:8px;}
.mandantlogo {position: absolute;width: 32px;height: 32px;background-color: #fff;background-repeat: no-repeat;background-position: center center;background-size: contain;border-radius: 50%;right: 3px;top: 3px;}

.navbar-inverse {background-color:#445566;box-shadow:0 1px 1px rgba(0,0,0,0.4);}
.navbar-inverse .navbar-nav>li>a {color:#fff;}
.nav-sidebar a {color:#fff;}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {color: #fff; background-color: #5b6f84; border-left:10px solid #778eb1; font-weight:700;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none; background-color: #5b6f84;}

.septext {font-size:12px;color:#ddd;text-transform:uppercase;}
.m0a {margin:0 auto;}

#msgscontainer-desktop {float:right;display:inline-block;}
#msgscontainer-mobile {float:left;display:inline-block;}
@media (max-width: 767px) {
	#msgscontainer-desktop {display:none;} 
  #msgscontainer-mobile {display:inline-block;}
  #msgs {right:inherit!important;}
}
@media (min-width: 768px) {
	#msgscontainer-desktop {display:inline-block;} 
  #msgscontainer-mobile {display:none;}
}
#msgs {background:#5b6f84;border-radius:50%;color:#fff;font-weight:700;width:32px;height:32px;text-align:center;line-height:2;top:9px;right:9px;position:absolute;cursor:pointer;text-decoration:none;}
#msgs.warned {background:#e91e63;}

smtitle {font-size:12px;line-height:0.8;display:block;}
smdata {display:block;margin-bottom:8px;}

.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both;}

* {transition:border 0.3s, background 0.3s, color 0.3s, padding 0.3s, top 0.3s, bottom 0.3s, left 0.3s, right 0.3s, margin 0.3s, width 0.3s, height 0.3s}

pre {display: block;padding: 9.5px;margin: 0 0 10px;font-size: 13px;line-height: 1;color: #333;word-break: break-all;word-wrap: break-word;background-color: #f5f5f5;border: 1px solid #ccc;border-radius: 4px;font-family: monospace;}