.unit-status-1 {
    border-right: 5px solid #468847;
}

.unit-status-2 {
    border-right: 5px solid #c09853;
}

.unit-status-3 {
    border-right: 5px solid #b94a48;
}

body {
    background: #222;
    padding: 0px;
    margin: 0px;
    position: relative;
    font-family: sans-serif;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.navbar-inverse {
    min-height: 40px;
    border: 1px solid #d4d4d4;
    background-color: #004e74;
    background-image: linear-gradient(to bottom, #004e74, #004e74);
    background-repeat: repeat-x;
    border-color: #004e74;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;

}

#showHideMain {
    position: fixed;
    color:#eee;
    font-family: verdana;
    display: block;
    font-size: 12px;
    text-decoration: none;
    z-index: 99999;
    transition: all .5s;
    background: #009ede;
    padding:12px;
    /*left:0!important;*/
}

a#filtersLink,a#filtersLink1,a#filtersLink2 {
    color:#fff;
    font-family: verdana;
    display: inline-block;
    padding: 10px 0;
    font-size: 12px;
    text-decoration: none;
    margin-left: 15px;border: 1px solid #b9b9b9;border-radius:2px;
    margin: 7px 0 5px 9px;
    padding: 4px 12px;
}

#project-title {
    float: left;
    color: whitesmoke;
    margin-top: 5px;
    margin-bottom: 0;margin-left: 150px;
}
div.menuList{margin-left:8px;}
.angel-link {
    color: whitesmoke;
    padding: 5px;
    margin: 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}

.angel-link.current {
    color: wheat;
}

.imp-shapes-menu-wrap-right {
    border-left: 0px solid #dedede;
    border-right: 1px solid #dedede;
}

.imp-shapes-menu-wrap {
    position: fixed;
    /* display: none; */
    left: -240px;
    transition: .5s;z-index: 999999;
}

.imp-shapes-menu-scroll-wrap {
    background:#004e74;

}

.imp-shapes-menu-shape-title {
    color: #fff;
}

.imp-shapes-menu-shape-title:hover {

    background:#022d42;
}

.imp-shapes-menu-shape-title span.p,
.imp-shapes-menu-shape-title span.f,
.imp-shapes-menu-shape-title span.s {
    position: absolute;
    left: 50%;
    font-size: 11px;
}

.imp-shapes-menu-shape-title span.p {
    top: -5px;
}

.imp-shapes-menu-shape-title span.f {
    top: 14px;
}

.imp-shapes-menu-shape-title span.s {
    top: 34px;
}

.imp-shapes-menu-search-box {
    background:#004e74;
}

/*.imp-shapes-menu-wrap.imp-shapes-menu-wrap-with-search-box {*/
/*    top: 40px;*/
/*}*/

.imp-shapes-menu-button {
    top: 48px;
}

#filterBox {
    border: outset 4px #009ede;
    display: none;
    background-color:#004e74;
    color: whitesmoke;
    padding:20px 15px 12px;
    width:100%;
    height:auto;
    /* margin: 100px auto; */
    position:relative;
    top:41px;
    left:0;
    z-index:99999;text-align: center;
}
#filterBox2{border: outset 4px #009ede;display: none;background-color:#004e74;color: whitesmoke;padding:20px 15px 12px;width:100%;height:auto;position: relative;left:0;z-index:99999;text-align: center;}
#filterBox input[type="checkbox"]{}
#filterBox>a,#filterBox2>a {
    color:#96ccef;
    text-decoration: none;
    font-weight: bold;
    position: absolute;
    top: 3px;
    right: 5px;
}

#angel-switcher {
    position:fixed;
    z-index: 10;
    top: 45px;
    right: 5px;
    opacity: .5;
    transition: all .3s;
}

#angel-switcher:hover {
    opacity: 1;
}

map area {
    outline: none;
}

div.imp-shape.currnet {
    background: blue !important;
    opacity: .5 !important;
}

.imp-responsive-menu {
    left: auto;
    width: 90%;
    right: 10%;
}

#objectList {
    position: fixed;
    top:60px;
    z-index: 50000000;
    width: 80%;
    left: 9%;
    border-radius: 10px;
    display: none;
    background: whitesmoke;
    height:500px;padding:10px 10px 40px;overflow-y: scroll;scrollbar-width: thin;
}

#objectList a.statusSwitcher {
    display: inline-block;
    width: 150px;
    text-align: center;
    text-decoration: none;
    color: #111;
    font-family: sans-serif;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    padding:10px;
}

#objectList a.statusSwitcher.active {
    font-weight: bold;
}

#objectList a.statusSwitcher div.count {
    font-size: 30px;
}

#objectList table {}

#objectList table tr {}

#objectList table tr:hover {
    background: rgb(221, 221, 221);
}

#objectList table tr td {
    border-bottom: 1px solid #ddd;

}



#objectList table tr:hover td {
    /* border:2px solid rgb(247, 139, 139); */
}
.imp-shapes-menu-shape-title{padding:14px;}
.fa-angle-down:before{content: "\f107";}
.fa-angle-up:before{content: "\f106";}
.csshr{color:#96ccef;}
#filterBox div.checkbox,#filterBox2 div.checkbox{margin: 3px 10px 0 0;font-size: 14px;}
#filterBox button,#filterBox2 button{padding: 5px 10px;width:100px;margin-right:3px;float:right;}
.imp-shapes-menu-scroll-wrap{scrollbar-width: thin;}
.toolbars{padding: 10px 10px 30px;}
#apartment-listpage table tr th{padding: 20px 0;background: #eee;}
#apartment-listpage table tr th a{color: #004e74;text-decoration: none;}
#apartment-listpage table tr:nth-child(even){background:#d0ebfd; }
.fa-file::before{color: #004e74;}
.padding-div{padding: 20px 100px;}
#objectgallery{position: fixed;top: 60px;z-index: 50000000;width: 80%;left: 9%;border-radius: 10px;display: none;background: whitesmoke;height:520px;padding: 10px 10px 40px;overflow-y: scroll;scrollbar-width: thin;}
a.fancybox{max-height:158px;overflow:hidden;}
a.fancybox img{max-height:158px;width:100%;}
.list-group.gallery{margin-top:14px;}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{border-color:transparent!important;}
a:focus{outline:none;}
.closeIcon.fa-close::before{position: absolute;top: 5px;right: 5px;color:#ff0000;}
#apartment-listpage table tr th a:after{content:'\f0dc';font-family:'FontAwesome';position:relative;left:7px;}
#apartment-listpage{background:#fff;height:100%;padding-top:40px;}
.toolbars a.statusSwitcher{display: inline-block;width: 150px;text-align: center;text-decoration: none;color: #111;font-family: sans-serif;box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);padding: 10px;}
.inside-projectname{margin-left:15px!important;}
#project-gallerypage{padding: 40px;margin-top: 20px;}
.tourlink{background: transparent;color: #fff;font-family: verdana;display: inline-block;padding: 10px 0;font-size: 12px;text-decoration: none;margin-left: 15px;border: 1px solid #b9b9b9;border-radius: 2px;margin: 7px 0 5px 9px;padding: 4px 12px;}
#tour,#tour2{display:none;position: absolute;background: #fff;right: 7px;top: 40px;box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);width: 165px;text-align: center;}
#tour ul li,#tour2 ul li{list-style:none;padding:5px 2px;border-bottom: 1px solid #eee;}
#tour ul li:hover,#tour2 ul li:hover{background:#f6f6f6;}
#tour ul li:last-child,#tour2 ul li:last-child{border-bottom:none;}
#tour ul li a,#tour2 ul li a{color:#333;}
#tour ul li a:hover,#tour2 ul li a:hover{color:#004e74;}
a:hover,a:active,a:focus{text-decoration:none!important;}
#tour:before,#tour2:before{content:'\f0d8';font-family: 'FontAwesome';position: absolute;top: -13px;color: #fff;right: 12px;}
#tour ul,#tour2 ul{width:100%;padding:0;margin:0;}
.imp-shapes-menu-wrap{height:100%!important;}
div.rotate{width:50px;height:50px;text-align: center;border:3px solid #ddd;border-radius: 50%;background: rgba(0,0,0,.8);margin:0 auto;}
div.rotate span{display:block;}
div.rotate span.arrow-north:before{content:'\f0d8';font-family: 'FontAwesome';color: red;position: relative;top: -14px;font-size: 18px;}
div.rotate span.txt-north{color:#fff;position: absolute;left: 17px;bottom: 11px;}
#project-title a{color:#fff!important;}
.imp-shapes-menu-button{width:80px;}
.menu-mobile{background:#004e74;height:34px;}
.menu-mobile ul{padding: 6px 12px;}
.menu-mobile ul li{list-style: none;display:inline-block;width:23.9%;}
.menu-mobile ul li a{color:#fff!important;}
.menu-mobile ul li:nth-child(1),.menu-mobile ul li:nth-child(2){text-align: left;}
.menu-mobile ul li:nth-child(3),.menu-mobile ul li:nth-child(4){text-align:right;}
.menu-mobile ul li a:before{font-size:23px;position:relative;bottom:6px;}
ul.mobilemenu li a.homeicon:before{content:'\f015';font-family: 'FontAwesome';}
.menu-mobile ul li a.filtericon:before{content:'\f0b0';font-family: 'FontAwesome';}
ul.mobilemenu li a.listicon:before{content:'\f03a';font-family: 'FontAwesome';}
ul.mobilemenu li a.galleryicon:before{content:'\f03e';font-family: 'FontAwesome';}
.half-circle {width: 46px;height: 22px;margin: 5px auto;border-radius: 100px 100px 0 0;position: absolute;transform: rotate(180deg);top: -6px;right: 41.2%;border-bottom: 0;}
.menu-bottom{position: relative;}
.menu-mobile-single ul li{display: inline-block;width:40px;text-align: center;list-style: none;}
.menu-mobile-single ul li a{color:#fff;}
.menu-mobile-single ul li a:before{font-size:20px;position: relative;top: 4px;}
.toolbarcenter{text-align: center;}
.menu-mobile-single ul{text-align: right;}
.imp-fullscreen-tooltip{background: rgba(34, 34, 34, 0.9) none repeat scroll 0% 0%!important;}
.imp-fullscreen-tooltip .squares-container .squares-element p{text-align: center;margin-top: 65px;}
.imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='0'],
.imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='5'],
.imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='6'],
.imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='40'],
.imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='41'],
.imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='42'],
.imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='43'],
.imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='15'],
.imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='1'],
.imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='18']{left:1000px!important;}
#filterBox div,#filterBox2 div{display:inline-block;}
span.title-filter{font-size:18px;}
.imp-tooltip button{color: #004e74;border: none;margin: 8px auto;border-radius: 3px;background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,.39),0 6px 6px rgba(0,0,0,.43);display: table;}
.imp-tooltip{padding:0 8px!important;}
.Alink,.Blink{display:inline-block;}
.menu-mobile-single ul li button{border:none;margin:0;padding:0;position: relative;top: 6px;right: 2px;}
.menu-mobile-single ul li button:before{content:url("img/360.png");}
.hideelement{display: none!important;}

.show-north{width: 5%;position: absolute;text-align: center;left: 47.5%;bottom:-24px;}
.next-prev-img{width: 20%;bottom:-10px;left:40%;position: absolute;}
.NEXTBTN,.PREVBTN{position: absolute;bottom: -20px;}
.NEXTBTN{right:24%;}
.PREVBTN{left:24%;}
.NEXTBTN span:before{content:'\f061';font-family: 'FontAwesome';color:#fff;font-size:17px;}
.PREVBTN span:before{content:'\f060';font-family: 'FontAwesome';color:#fff;font-size:17px;}
.copyright span{position: absolute;bottom: 0;right: 0;z-index: 8;background: rgba(255,255,255,.5);padding: 3px 20px;color:#000;}
.copyright span a{color:#004e74;}
.copyright span a:hover{color:#000;}

a.Morning:before{content:url(../../public/img/morning.png);font-family:'behido';position: relative;top: 6px;left: 12px;filter: brightness(0) invert(1);}
a.Noon:before{content:url(../../public/img/Noon.png);font-family:'behido';position: relative;top:6px;left: 18px;filter: brightness(0) invert(1);}
a.night:before{content:url(../../public/img/the-night.png);font-family:'behido';position: relative;top:6px;left: 22px;filter: brightness(0) invert(1);}



@media(max-width:1200px){
    .btn-Filter{display: table!important;}
    .imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='0'],
    .imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='5'],
    .imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='6'],
    .imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='40'],
    .imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='41'],
    .imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='42'],
    .imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='43'],
    .imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='15'],
    .imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='1'],
    .imp-tooltips-container[data-imp-tooltips-container="904"] .imp-tooltip[data-index='18']{left:0!important;}
}
@media(max-width:990px){
    a#filtersLink, a#filtersLink1, a#filtersLink2{margin: 7px 0 5px 0;padding: 4px 3px 4px 0;border:none;border-right:1px solid #b9b9b9;}
    a#filtersLink2{border-right:none;}
    .demo-gallery > ul > li a > img{height:120px!important;}
}
@media(min-width:897px){
    .menu-mobile,.menu-mobile-single{display:none;}
    div.rotate{left:46%!important;}
}
@media(max-width:896px){
    #angel-switcher .imp-wrap{margin:0 auto;}
    .menuList{display: none;}
    #project-title{width: 100%;}
    .inside-projectname{width: auto!important;}
    .imp-shapes-menu-button{display: none;}
    #project-title{font-size:16px;margin-top:10px;}
    div.rotate{width: 40px;height: 40px;}
    div.rotate span.txt-north{left:12px;bottom:7px;}
    #showHideMain{display: none;}
    #project-title{margin-left:8px!important;}
    #image-map-pro-container{margin-top:0;}
    #angel-switcher{position:absolute;bottom:97%!important;width:100%;}
    #filterBox a i.fa-close::before{font-size:20px;}
    .Alink{right: 3px;position: absolute!important;}
    .Blink{display:none;}
    .Alink button{border:none;position: relative;bottom: 2px;}
    .Alink button:before{content:url("../../public/img/360.png");}
    span.hidespan{display:none;}
    .show-north{bottom:16px;}
    .copyright span{bottom: -26px;width: 100%;text-align: center;}
    a.Morning{position: absolute;top:1px;right: 105px;}
    a.Noon{position: absolute;top:1px;right: 75px;}
    a.night{position: absolute;top:1px;right:45px;}
    a.Morning:before,a.Noon:before,a.night:before{left:unset}
    .next-prev-img{width: 60%;bottom: 57px;left: 20%;z-index: 99;}
}
@media(max-width:768px){
    hr{margin:2px 0;}
    .btn-Filter{margin-top:0!important;}
    .divfilter{display: block!important;margin-left:0!important;}
    #project-gallerypage{padding: 40px 10px;}
    .demo-gallery > ul > li{padding:0 10px;}
}
@media screen and (min-width:720px) and (max-width:767px){

}
@media(min-width:720px){

}
@media(max-width:719px){
    #showHideMain{opacity:0;}
    .imp-shapes-menu-button{position: fixed;top:47px;right: 10px;}
    #project-title{font-size:20px;}
    #project-gallerypage{margin-top:38px;}
}
@media(max-width:709px){

}
@media(max-width:700px){
    .padding-div{padding: 20px;}
    #project-title{margin-right:0;}
}
@media(max-width:600px){
    .show-north{left:46%;}
}
@media(max-width:591px){
    #upperContainer{margin-top:40px!important;}
}
@media(max-width:576px){

}
@media(max-width:500px){
    .toolbars a.statusSwitcher{width: 127px;}
    #filterBox2{text-align: left;}
    .imp-tooltip{top:255px !important;left: 0 !important;width: 100%;}
    .imp-tooltip button{margin:8px 0;}
    #image-map-pro-container{margin-top:0;padding:0;}
}
@media(max-width:495px){
    .half-circle {width:43px;}
    .demo-gallery > ul > li a > img{height:90px!important;}
}
@media(max-width:490px){
    #filterBox {left: 0;width: 100%;bottom: 0;top: unset;padding: 28px 8px 8px;position: fixed;}
}
@media(max-width:484px){
    .imp-tooltip{top:200px !important;}
}
@media(max-width:454px){
    #angel-switcher .imp-wrap{max-width: 240px!important;}
    .imp-tooltip{top:227px !important;}
}
@media(max-width:420px){
    .show-north {left: 45%;}
}
@media(max-width:388px){
}
@media(max-width:380px){
    .imp-shapes-menu-button{width: 73px;height: 29px;}
    .imp-shapes-menu-button span{position: relative;bottom: 9px;}
}
@media(max-width:364px){
    #filterBox{text-align: left;}
    .imp-tooltip{top:200px !important;}
}
@media(max-width:375px){

}
@media(max-width:350px){
.demo-gallery > ul > li{width:50%;}
#image-map-pro-container{margin-top:0;}
}
/*
.imp-shape:hover {
    fill:rgba(0, 255, 255, 0.4) !important;
	stroke:rgba(255, 255, 255, 0) !important;
}*/
/*.imp-shape {
    fill: rgba(255, 255, 255, 0) !important;
    stroke: rgba(255, 255, 255, 0) !important;
}*/

/*.data-status-1{fill:rgba(0, 255, 255, 0.4) !important;}
.data-status-2{fill:rgba(255, 0, 255, 0.4) !important;}
.data-status-3{fill:rgba(255, 255, 0, 0.4) !important;}*/