/** -----------------------------------------------------------------------------------------------------
 * 
 * styles.css file
 *
 * @author Szincsák András <andras@szincsak.hu>
 * @copyright Copyright (c) 2021, Szincsák András
 * ------------------------------------------------------------------------------------------------------ */
body{color:#222;  min-height:100%;  height: 100%;background:#fcfcfc;font-family:"Quicksand", sans-serif; font-weight:200} 
b,strong {font-weight:400}
a#logo{display:inline-block;padding:0px;text-decoration: none;    color: #111;}
a#logo img{margin-top:-10px;}
a#logo #logotext{text-decoration: none;font-weight:600 ; padding:10px;  display: inline-block;font-size: .8em; line-height: 1.1em;}
a#logo #logotext_mobile{display:none;}

@media  (max-width: 979px) {
    a#logo{padding:0 5px;}
    a#logo img{margin-top:5px;height:40px}
    a#logo #logotext{display: none}
     a#logo #logotext_mobile{display: block;font-size: .68em;line-height: 1em; margin: 0px 4px;}
     header #searchBlock { position: absolute;top: 10px;  left: 145px;right: 63px;width: auto!important;}
}
.bigHeader {padding: 100px 0 70px 0;}



.summary{text-align:right;font-size: .8em;margin: 3px 0;}
#result.active{height: 65vh;}
#result{ display: block;    overflow-x: auto;    text-align: left;    font-size: .8em;    margin-top: 10px;padding: 0 10px;line-height: 1em;}
#result li{    background: #fff;
padding: 10px 0 0 10px;margin:0}
#result.loading {padding-top:55px;background:  url(../images/loading.svg) no-repeat top center;background-size:60px}

#refreshAllProject{ cursor:pointer;   font-size: .6em; background: #617da6;padding: 2px 4px;color: #fff;border-radius: 5px;vertical-align: middle;}

.sticky-right{position:fixed;top:0;right:0;    padding-left: 10px!Important;}

.buttons-top{clear:both;height:32px;}

.ui-state-active{background:#3a6792!Important;border:1px solid #3a6792!Important} 
.ui-state-active b{color:#fff}
.ui-state-active svg{color:#fff!Important}
.ui-menu .ui-menu-item b {font-size: 1.2em;}
.ui-menu .ui-menu-item svg {color:#1e7f99}

#projectImage{cursor:pointer;border: 3px solid #00b5ae;    padding: 1px;}
.img-map{float:right;height:100px}
.img-block{display:block;width:70px;max-height:60px;    margin: 0px auto;overflow:hidden}
.img-table{padding:0;margin:auto;display:block;width:100%}

/** JSON EDITOR*/
.jmeeditor{min-height:30vh;margin-bottom:  20px}
.jsoneditor{border:1px solid #ccc}
.jsoneditor-menu{background-color: #3a6792;border-color: #3a6792;}
.jsoneditor-tree-inner{min-height:30vh;max-height:90vh}
.changeProject{margin-left: 5px;}

.card.active{
    outline: 1px solid #79ea84;
    background: #617da6;
    color: #fff;
    border-radius: 0;
}
.card.global{
    outline: 1px solid #d9efdb;
    background: #b5c8c7;
    color: #fff;
    border-radius: 0;
}
#bgImages{padding: 0 20px;}

#bgImages .card-title { min-height: 50px;}

.weather {width:100%;padding:5px;background: #fff;text-align:center}
.weather h2 {
    font-size: 1.3em;
    margin: 5px 00;
    color: #5d5d5d;
}
.weather .icon hr{    margin-top: 8px;}

.weather .icon{width:33%;display:inline-block;margin: 10px 0;}
.weather .icon svg{font-size:1.5em}
.weather .icon h3{font-size:1em}

/*  VENTILATOR  </andras>/ */ 

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

.fa-fan {
    opacity: .46
}

.fa-fan.rotate {
    opacity: .8;
    -webkit-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
}


.badge {
    font-size: 11px;
    font-weight: 600;

}
.badge.temp {
    text-align: right;
    min-width: 45px;
}