/*
.treeview {
    max-height: 300px;
    overflow-y: scroll;
}
*/

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

#userListViewPage {
    margin-top: 20px;
}

#profileViewPage {
    margin-top: 20px;
}

#profileViewPage #profileInfo {
    border-bottom: thin solid;
    margin-bottom: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

#profileViewPage #areasTable {
    border-bottom: thin solid;
    padding: 20px;
}

.nopadding {
    padding: 0px;
}

#archiveEventPopoverTitle {
    text-align: center;
    margin: 0px auto;
}

#archiveEventPopoverContent {
    margin: 0px auto;
}

#archivePageView #selectedCamera {
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    margin: 10px auto;
}

#archivePageView #archiveRangeSelectBlock1 {
    float: none;
    margin: 0 auto;
}

#archivePageView #archiveRangeSelectBlock1 input{
    text-align: center;
    padding: 5px 10px;
}

#archivePageView #archiveRangeSelectBlock1 #archiveRangeBreak{
    text-align: center;
    padding: 5px 0px;
    margin: 0px -10px;
}

#archivePageView #archiveEventCanvas {
    width: 100%;
    height: 30px;
    padding: 0px 15px;
}

#archivePageView #archiveTimeLine {
    width: 100%;
    padding: 0px 15px;
}

#archivePageView #archiveExport
{
    padding-top: 20px;
    padding-left: 15px;
}

#archivePageView #archiveExport #archiveExportBtn
{
    
}

#archivePageView #archiveExport #archiveExportState
{
    padding-top: 7px;
    padding-left: 10px;
}

#archiveVideoView #archiveVideoHolder video {
    padding: 10px;
}

#timestampSlider .slider-selection {
    background: blue;
}

.navbar-itm {
    font-size: inherit;
}

.navbar-itm-active {
    color: #fff;
}

.navbar-collapse.collapse {
    display: block!important;
}

.navbar-nav>li, .navbar-nav {
    float: left !important;
}

.navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
}

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

.rightMenu {
    background-color: #080808!important;
}

.rightMenuIcon{
    text-align: right;
}

.dropdown-menu p{
    color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: inherit;
    background: inherit;
}

.loginForm{
    float:none;
    background-color:#cccccc;
    border-radius:12px;
}

.toCloseMenu{
    width:100%;
    height: 100%;
    overflow:hidden;
    position:fixed;
    top:0px;
    left: 0px;
}

.b-popup{
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
    left: 0px;
    z-index: 1900;
}

.b-popup .b-popup-content{
    width: 100%;
    max-width:90%;
    max-height:90%;
    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    
    padding: 0px;
    
    text-align: center;
}

.b-popup .b-popup-content img{
    max-height: 100%;
    height: 100%;
    border-radius:5px;
    min-height: 240px;
    min-width: 320px;
}

.b-popup .b-popup-content .imgContainer{

}

.mfp-content {
    max-height: 90%;
    min-width: 50%;
    max-width: 90%;
}
 
.mjpgPreview{
    padding: 20px;
    text-align: center;
}

.mjpgPreview .mjpgClose{
    height: 30px;
    line-height: 30px;
    text-align: right;
}

.mjpgPreview .mjpgTitle{
    height: 40px;
    line-height: 30px;
    vertical-align: middle;
    padding-left: 10px;
}

.mjpgPreview .mjpgImg{
    
}

.mjpgPreview .mjpgImg img{
    margin: 0;
}

.mjpgClose img{
    height: 70%;
}

.mjpgImg{
    text-align: center;
}

.mjpgImg img{
    margin:auto;
    left:0;
    right:0;
    max-height:100%;
    max-width:100%;
}

#cameraPreviewGrid{
    width: 100%;
    
}

#workWindow{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
}

.mjpgRow{
    
}

.top-line{
    position: relative;
    background: #838080;
    width:99.1%;
}

.line{
    position:absolute;
    height:10%;

}

#ufa{
   
    color:#ffffff;
    font-size: 130%;

}



#out{
   
    color:#ffffff;
    font-size: 130%;

}

.texttop{
    position:inherit;
    padding-top: 15%;
    padding-bottom: 10px;
   
    font-family: HelveticaNeue;
    font-weight: 600;
    
}

#out A:active{
    position:inherit;
    padding-top: 15%;
    padding-bottom: 10px;
    color:#ffffff;
    font-family: HelveticaNeue;
    font-weight: 600;


}

#out A:visited{
    position:inherit;
    padding-top: 15%;
    padding-bottom: 10px;
    color:#ffffff;
    font-family: HelveticaNeue;
    font-weight: 600;


}

#out A:hover{
    position:inherit;
    padding-top: 15%;
    padding-bottom: 10px;
    color:#ffffff;
    font-family: HelveticaNeue;
    font-weight: 600;


}


#ufa A:active{
    position:inherit;
    padding-top: 15%;
    padding-bottom: 10px;
    color:#ffffff;
    font-family: HelveticaNeue;
    font-weight: 600;


}

#ufa A:visited{
    position:inherit;
    padding-top: 15%;
    padding-bottom: 10px;
    color:#ffffff;
    font-family: HelveticaNeue;
    font-weight: 600;


}

#ufa A:hover{
    position:inherit;
    padding-top: 15%;
    padding-bottom: 10px;
    color:#ffffff;
    font-family: HelveticaNeue;
    font-weight: 600;


}




.linkoutmenu{
    position:inherit;
    color:black;
    font-family: HelveticaNeue;
    font-weight: 600;
}




 li {
    list-style-type: none;
 }
.tree{
    position: absolute;
    margin-left: 10px;
    z-index: 4;
    width:300px;
    padding-left: 50px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.citylist{
    z-index: 4;
}
#citylist A:active A:visited A:hover{
    color:black;
    font-family: HelveticaNeue;
}

.zindex{
    z-index: 10;
    margin-top: 50px;
    margin-left: 50px;
    position: relative;
    color: black;
    list-style-type:none;
}

.grid{
    position: relative;
    margin-top: 50px;
    height: 400px;
    width:99%
}


@font-face {
    font-family: HelveticaNeue; /* Гарнитура шрифта */
    src: local(HelveticaNeue), url(../fonts/HelveticaNeue-Light.ttf);
}


.bar{
    background: #353535;
    
    
}

.cell{
    position: inherit;
    width:100%;
    height:90%;
    padding: 5%;
}

.thumbnails{
    padding-bottom: 5%;
    margin-bottom: 5%;
    height:80%;
}

.cameradescription{
    
    height: 20%;
}

.img{
    height:500px;
}

.smart-object {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
}

.container-fluid{
    padding-left: 70px;
    padding-right: 70px;
    
}

.rowgrid{
    height:50%;
    
}