.header {
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
}

.overview img {
    width: 100%;   
}

.thumbnail .temp {
    position:absolute;
    z-index:1000;
    margin-top:10px;
    right:25px;
    font-weight:bold;  
}

.sensortiles {
    height: 460px;
    min-width: 270px;
}

.listicon {
    font-size: 1.2em;
}

#overlay { 
  display:none; 
  position:absolute; 
  background:#fff; 
}
#img-load { 
  position:absolute; 
}

.thumbnail .update-info {
    position:absolute;
    z-index:1000;
    margin-top:-35px;
    margin-left:20px;
    left:5px;
    font-size:8pt;
    text-transform: uppercase;
    background-color:#fff;
    padding:5px;
    border-radius: 5px;
    border:1px solid #999;
    font-family: arial;
    color: #333 !important; 
}

.content { 
    margin-top:20px;
}

.thumbnail.danger {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.thumbnail.warning {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.thumbnail.danger h3, .thumbnail.danger p {
    color: #fff;
}

.demo-container {
    width: 100%;
    height: 295px;
    padding-bottom:30px;
    margin: 15px auto 30px auto;

    background: #fff;

}

#placeholder {
    margin-bottom:8px;
}

.demo-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
}

.guideImg {
    
    width:100%;
    height:300px;
    display:block;
}

.container {
    padding-bottom:20px;
}

.input-group-addon {
    color: #fff;
    background: #3276B1;
    top: -1px;
    height: 36px;
}

.checkbox {
    margin-top:21px;
}

#sortable {
    list-style: none;
    padding-left:0px;
    border-top:1px solid #ccc;
}

#sortable li {
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
    padding-top:5px;
}

#sortable .listContacts {
    width:186px;
    cursor: pointer;
}

#sortable .listContacts div {
    width:60px;
    float:left;
    cursor: pointer;
}

#sortable .info {
    margin-top:7px;
    display:none;
}

#sortable .info .table {
    margin-bottom:0px;
}

#sortable .listContacts .name {
    display:block;padding-top:1px;
}

.menu {
    margin-top:60px;
    border-bottom:3px solid #ccc;
}

.menu .logo {
    float:left;
    font-size:24pt;
    font-weight:bold;
}

.menu .nav {
    float:right;
}

h1 {
    font-size:18pt;
}

.menu .logo span {
    font-size:16pt;
    font-weight: normal;
}
#mobileMenu {
    display:block;
    float:none;
    margin:0px auto;
    width:100%;
    padding-bottom:10px;
}
#mobileMenu ul, #mobileMenu li {
    width:100%;
}
.navbar-header{
    font-weight:bold;
    font-size:16pt;
    background-color:#f1f1f1;
}

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}