/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.12.2014, 0:53:30
    Author     : ioann
*/

body{
    background: url(/jci/img/pattern2.png);
}


.login-form{
    width:300px;
    margin:100px auto;
    background: white;
    border-radius: 5px;
    border: 1px solid lightblue;
    padding:5px 20px 5px 20px;

}

#map-wrap{
    position: relative;
}

#marker-tooltip {
    position:absolute;
    width: 245px;
    padding: 5px;
    border: 1px solid gray;
    font-size: 9pt;
    font-family: Verdana;
    background-color: #fff;
    color: #000;
    border-radius: 3px;
}

.input-error{
    border-color: red !important;
}

.round-red,.round-green{
    height: 20px;
    width: 20px;
    border: 1px solid grey;
    border-radius: 10px;
}

.round-red{
    background: #FF4D4D;
}
.round-green{
    background: #ADE653;
}
.icon-edit{
    display: inline-block;
    position: absolute;
    top: 3px;
    right: -3px;
}

th.sorting a{
    width:100%;
}
th.sorting, a.sorting{
    background: url(/jci/img/icon-sort.gif) center right no-repeat;     
    margin-left: -1px; 
    padding: 2px 20px 2px 4px;
}
a.sorting{
    margin: 0px 10px 0px 1px;
}

th.sorting-desc, a.sorting-desc{
    background-image: url(/jci/img/icon-asc.gif); 
    background-color: #FFF766; 
}
th.sorting-asc, a.sorting-asc{
    background-image: url(/jci/img/icon-desc.gif); 
    background-color: #FFF766; 
}
.pad-5{
    padding:5px;
}
.marg-5{
    margin: 5px;
}
.ioself-cursor{
    cursor:pointer;
}
.ioself-editable{
    width:100%;
    height:200px;
}
.ioself-editable-hide{
    border:1px solid transparent;
    outline:none;
    resize:none;
}
.ioself-faded{
    opacity:0.6;
}
.ioself-faded:hover{
    opacity:1;
}
.inline{
    display:inline-block !important;
}

.form-control.inline{
    width:25%;
}
.flash-messages{
    width: 30%;
    top: 4px;
    position: absolute;
    left: 35%;
}
.message.success{
    background:lightgreen;
}


.blog-main {
  font-size: 18px;
  line-height: 1.5;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.text-justify{
    text-align: justify;
}
.little-down{
     position: relative;top: 3px;
}
.blog-nav-item{
    color: #008039 !important;
}
.blog-nav .active{
    font-size: 16px;
    color: #113300 !important;
}
.pseudo{
    cursor: pointer;
    border-bottom: 1px dashed;
}
a.pseudo{
    text-decoration: none !important;
}

.info-battery{
    position:relative;
    width:28px;
    top: -3px;
}
.info-battery-line{
    position:absolute; top:6px; left:6px; height: 10px;
}
.party-add-line{
    padding-top:10px;
}

.signals{
    background-image: url('/jci/img/signals.png');
    background-repeat: no-repeat;
    width: 27px;
    height: 20px;
}

.signals-0{
    background-position-x: 0px;
}

.signals-1{
    background-position-x: -27px;
}
.signals-2{
    background-position-x: -54px;
}
.signals-3{
    background-position-x: -81px;
}
.signals-4{
    background-position-x: -108px;
}
.signals-5{
    background-position-x: -135px;
}
.bg-yellow{
    background: lightyellow;
}
.connect{
    position: absolute;
    top: 20px;
    width: 27px;
    height: 2px;
}
.connect>b,.connect>i{
    float:left;
    height:2px;
    width:3px;
    margin-left:2px;
}
.connect>b{
    background: #00B221;
}
.connect>i{
    background: #C6FFCE;
}
.modem-line-wrapper{
    width: 49%;
    display: inline-block;
}
@media screen and (max-width:1030px){
    .modem-line-wrapper{
        width: 100%;
    }    
}
.modem-line{
    position: relative; 
    border: 1px solid lightgreen; 
    padding:4px; 
    margin: 4px; 
    border-radius: 4px;
    display:inline-block;
    width: 100%;
}

.modem-edit{
    display: none;
    position:absolute; 
    right: 10px; 
    top:10px;
}
.modem-line:hover .modem-edit{
    display: inline-block;
}
.modem-title{
    font-size:1.5em;
}
.modem-level{
    display: inline-block;
    position: relative;
    top: -3px;
    font-size: 1.1em;
    
    background-color: yellow !important;
    top: -1px;
    border: 1px solid lightgreen;
    font-size: 18px !important;
    color: #428bca !important;
}
.modem-signal{
    display:inline-block;
    position: relative;
    top: 2px;
}
.modem-signal-no{
    position: relative;
    top: -3px;
}