body,html{height:100%;margin:0;padding:0;width:100%}.map{height:100%;width:auto}.dropdown-menu{height:500px;overflow-y:auto}#main-wrapper{display:flex;flex-direction:column;height:100%}.page-wrapper{display:flex;flex:auto}.login_title{color:#fff;font-size:30px}.login-form{border-radius:5px;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;z-index:2}.login-form,.playlist-block{display:none;overflow:hidden;position:fixed}.playlist-block{background-color:#fff;border:1px solid #1da664;border-radius:5px;bottom:3rem;box-shadow:0 0 .8rem 0 #b9b9bb;left:5rem;top:7rem;width:20rem;z-index:100}@media (max-width:1024px){.playlist-block{bottom:0;left:0;top:0;width:100%}}.header-block{align-items:center;background-color:#1da664;color:#fff;display:flex;font-size:16px;justify-content:space-between;margin:0;padding:1rem .5rem}.header-block img{cursor:pointer;width:1.5rem}.stick-out-btn{background-color:hsla(0,0%,100%,.9);border:6px solid #1da664;border-radius:20px;border-top:none;box-shadow:0 0 .8rem 0 #b9b9bb;cursor:pointer;left:8rem;line-height:50px;padding:5px;position:absolute;text-transform:uppercase;top:2rem;transition:all .1s ease-in-out 0s;z-index:1}.search-box .app-search{left:20rem;padding:10px;top:3rem;width:500px}.form-text input[type=text]{min-width:300px}#nav-btn{color:#fff;cursor:pointer;display:none;line-height:64px;padding:0 15px}@media (max-width:768px){#nav-btn{display:block}}.show-leftbar{opacity:1!important;transition:all .5s ease!important;visibility:visible!important}.leftbar-overlay{background-color:rgba(31,38,45,.6);height:calc(100vh - 64px);opacity:0;position:absolute;top:64px;transition:all .5s ease;visibility:hidden;width:100%;z-index:100}.leftbar{background-color:#1f262d;box-sizing:border-box;height:100%;padding:2rem;position:relative;width:15rem}.list-obj-block{list-style-type:none;padding:0}.list-obj-block li{cursor:pointer;line-height:2rem;padding-left:1rem}.list-obj-block li:hover{background-color:#dedede}.list-obj-block li:hover>label{display:block}.list-obj-block li.selected{background-color:#dedede}.list-obj-block li>label{background-size:cover;background:url(/images/24oko/favourite-star.png) no-repeat 0 0;cursor:pointer;display:none;float:right;height:20px;position:relative;right:1.5rem;top:.3rem;width:22px}.list-obj-block li>label:hover{background-position:0 -21px}.list-obj-block li>input{display:none}.list-obj-block li>input:checked+label{background-position:0 -20px;display:block}.list-obj-block li a{display:inline-block;height:90%;outline:none;width:80%}.preview{display:flex;flex:auto;flex-direction:column}.search-block{border-bottom:1px solid #b9b9bb;border-top:1px solid #b9b9bb;color:#b9b9bb;line-height:1.5rem;padding-left:1rem}.search-block input.search{background-color:transparent;background-image:url(/images/24oko/search.png);background-repeat:no-repeat;border:none;margin:5px;outline:none;padding:0 .625rem 0 1.7rem}.list-block{bottom:0;overflow:auto;position:absolute;top:9rem;width:100%}.nav-item.dropdown{align-items:center;display:flex}@media (max-width:767px){#btn-menu-mobile{opacity:0;visibility:hidden}}.camerasList_btn{background:#1f262d;border-radius:50%;cursor:pointer;display:none;left:5px;padding:.5rem;position:absolute;top:69px}@media (max-width:767px){.camerasList_btn{display:block}}.camerasList_btn img{height:2rem;width:2rem}@media (max-width:768px){.nav-item.dropdown{margin:1rem 0}}