*{
    margin:0;padding: 0;
}
html {
    position: relative;
    height: 100%;
}
body {
    /*margin-bottom: 63px;*/
    height: 100%; font-size: 16px;
}
#footer {
    position: absolute;
    /*bottom: 0;*/
    left: 0; bottom: 0;
    width: 100%;
    height: 63px;
    background-color: #ecf0f1;
    color:#007aff;
}

/* Bottom menu
----------------------------------------------------------------------------------------------------------------*/
.bottom-buttons{
    list-style: none; width: 100%; margin: 0; overflow: hidden;
}
.bottom-buttons>li{
    width:20%; float: left; display: block;
}
.bottom-buttons>li>a{
    display: block; height: 63px; text-align: center; padding-top: 4px; color:#007aff; outline: none;
}
.bottom-buttons>li>a:hover,.bottom-buttons>li>a:focus{
    text-decoration: none;
    background: #fff;
    color: #6d6d72;
}
.bottom-buttons>li>a>img{
    max-width: 100%;
}
/* SIDEBAR-PANEL
--------------------------------------------------------------------------------------------------------------------*/
.control-sidebar{
    position: fixed;
    z-index: 1010;
    right: -230px;
    top: 50px;
    transition: right 0.3s ease-in-out 0s;
    width: 230px;
    background: #222d32;
    height: 100%;
    overflow-y:auto;
}
.control-sidebar-open{
    right: 0;
}

/*HEADER
-------------------------------------------------------------------------------------------------------------------*/
.main-header{
    height: 50px;
    position: absolute; top:0; left: 0;
    z-index: 1030;
    background: #3c8dbc;
    width: 100%;
}
.navbar-custom-menu{
    float: right;
}
.navbar-custom-menu ul{
    width: 100%; list-style: none;
}
.navbar-custom-menu ul>li{
    float: left; display: block;
}
.navbar-custom-menu ul > li > a{
    color:#ecf0f1;
    background: #3c8dbc;
    outline: none;
    display: block;
}
.navbar-custom-menu ul > li > a:hover{
    color: #6d6d72;
    background: #eee;
    text-decoration: none;
}
.navbar-custom-menu ul > li > a {
    padding: 13px 8px;
}
.navbar-custom-menu ul > li > a {
    line-height: 20px;
}
.navbar-custom-menu ul{
    margin: 0;
}
.name-org{
    margin: 0; padding: 13px 20px 0 20px; float: left; font-size: 20px; color:#fff;
}
.word{
    display: none;
}

/* MAPS
-------------------------------------------------------------------------------------------------------------------*/
#map{
    width: 85%; height: 100%; float: left;
}
#rigth-sidebar{
    width: 15%; height: 100%; float: right; background: #f2f2f2; overflow-y: auto; padding-bottom: 120px;
}
.main-container{
    height: 100%; width: 100%; position: relative; padding-top: 50px; padding-bottom: 63px;
}

/*BALLOON
-------------------------------------------------------------------------------------------------------------------*/
.new-block{
    background-color: #3C8DBC; border: 1px solid #266b93;
    display: inline; padding: 2px 4px; font-size: 13px; white-space:nowrap; color: #fff; border-radius: 3px;
}
div.new-block span.icon-new{
    display: inline;
    margin-right: 5px;
    font-size: 20px;
    line-height: 45px;
    position: relative;
    top: 4px;
}
.stantion {
    font-size: 12px; line-height: 12px;
}
.stantion-name{
    font-size: 16px; font-weight: bold; text-align: center; line-height: 20px;
}
.pe{
    font-size: 40px;
}
.balloon-temperature{
    font-size: 25px;
    /*margin-top: -32px;*/
    display: block;
    margin-left: 10px;
    margin-bottom: 20px;
    float: left;
    padding-top: 10px;
}
.danger-stantion{
    display: block; border: 1px dashed #FF0000; color:#990000;
    padding: 5px; margin-right: 12px; margin-bottom: 7px;
}
.danger-stantion p{
    font-size: 12px; margin: 0; font-weight: bold;
}
.danger-stantion p.color-pink{
    color:#FF8989;
}
.danger-stantion p.color-red{
    color:#AD0000;
}
.icon-pe{
    font-size: 30px;
}
.placemark_layout_container {
    position: relative;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}

/* Квадратный макет метки */
.m-fire{
    position: absolute;
    top:-5px;
    left:-38px;
    color:#c0392b;
    z-index: 10000;
    font-size: 2.5em;
}
.m-fire div{
    font-size: 18px; text-shadow: none; font-weight: bold;
}
.square_layout {
    position: absolute;
    left: -25px;
    top: -25px;
    min-width: 46px;
    min-height: 46px;
    padding: 2px;
    line-height: 9px;
    border: 2px solid #2980b9;
    background-color: #2980b9;
    color: #ecf0f1;
    border-radius: 5px;
    text-shadow: #34495e 1px 0px 1px;
    box-shadow: #ecf0f1 1px 1px 2px;
}
.red-color{
    border: 2px solid #e74c3c;
    background-color: #e74c3c;
    text-shadow: #c0392b 1px 0px 1px;
}
.color-pink-bg{
    border: 2px solid #FF8989;
    background-color: #FF8989;
    text-shadow: #c0392b 1px 0px 1px;
}
.hide{
    display: none;
}

/* MENU STANTION
-------------------------------------------------------------------------------------------------------------------*/
.menu-stantion{
    margin: 10px 0 0 0; padding: 0px 0px 0px 0px;
}
.menu-stantion li{
    padding: 5px 0 5px 20px; list-style: none; border-bottom: 1px solid #3A4C54;
}
.menu-stantion li a{
    color: #ecf0f1; text-decoration: none; outline: none;
}
.list-header-stantion{
    padding-left: 20px; color: #fff;
}
.name-region{
    padding-left: 20px; color: #3C8DBC;
}

/* ICONS
--------------------------------------------------------------------------------------------------------------------*/
.navbar-custom-menu .navbar-nav > li > a.link-icons{
    line-height: normal; padding: 13px 7px;
}
.link-icons i{
    display: block; font-size: 24px; color:#fff; /*background: #fff; color: #000;
    padding: 0 5px; border-radius: 3px;*/
}
.link-icons i.fa{
    font-size: 14px;
    padding: 5px 6px;
}
.link-icons i.pe-7w-degree-celcius{
    padding: 0px 8px;
}
.link-icons:hover i{
    color: #3A4C54;
}
.link-icons:focus{
    text-decoration: none;
}
/* MEDIA
--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1000px){
    .bottom-buttons>li>a{
        padding-top: 10px;
    }
    .bottom-buttons>li>a>span{
        display: none;
    }
}

@media only screen and (max-width:800px){
    #map{
        width: 100%;
    }
    #rigth-sidebar{
        display: none;
    }
}

@media only screen and (max-width:620px){
    .word{
        display: inherit;
    }
    .full-word{
        display: none;
    }
}

@media only screen and (max-width:445px){
    .name-org{
        display: none;
    }
}