body{
	background-color: #e9ecef;
    margin:0
}
.live{
    margin-left:5px;
    padding-left:4px;
    padding-right:4px;
    background-color:#28a745;
    color:#fff;
    display:inline;
    border-radius:2px;
    position:absolute;
    top:10px;
    left:0;
    pointer-events:none
}
.photo_video{
    margin-left:5px;
    padding-left:4px;
    padding-right:4px;
    background-color:orange;
    color:#000;
    display:inline;
    border-radius:2px;
    position:absolute;
    top:10px;
    left:0;
    pointer-events:none
}
.details{
    cursor:pointer;
    position:absolute;
    bottom:5px;
    left:5px;
    height:31px;
    width:32px
}
.play{
    cursor:pointer;
    position:absolute;
    bottom:5px;
    left:45px;
    height:31px;
    width:32px
}
.bell{
    cursor:pointer;
    position:absolute;
    bottom:5px;
    left:85px;
    height:31px;
    width:32px
}
.snapshot{
    cursor:pointer;
    display:block;
    max-height:270px;
    max-width:360px;
    height:33.375vw;
    width:44.5vw;
    background-color:rgba(0,0,0,.1);
    background-image:url(/images/spinner.gif);
    background-position:center;
    background-repeat:no-repeat
}
.snapshot_e2e{
    cursor:pointer;
    display:block;
    max-height:270px;
    max-width:360px;
    height:37.5vw;
    width:50vw;
    background-color:rgba(0,0,0,.1);
    background-image:url(/images/spinner.gif);
    background-position:center;
    background-repeat:no-repeat
}
@media screen and (orientation:landscape) {
	.snapshot_e2e{
		margin-top:0.25rem!important;
	}
}
.nopesnapshot{
    display:block;
    max-height:270px;
    max-width:360px;
    height:33.375vw;
    width:45vw
}
.result-text:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:50px;
    width:100%;
    background:linear-gradient(rgba(0,0,0,0),#fff)
}
.fade-body:after{
    content:"";
    position:fixed;
    bottom:0;
    left:0;
    height:120px;
    width:100%;
    background:linear-gradient(rgba(0,0,0,0),#fff);
    pointer-events:none
}
.btn-circle.btn-xl{
    width:70px;
    height:70px;
    border-radius:35px;
    font-size:12px;
    text-align:center;
    box-shadow:0 8px 15px rgba(0,0,0,.7)
}
.container-fluid{
    word-wrap:break-word
}
.search{
    position:fixed;
    right:20px;
    bottom:40px;
    padding:0!important;
    z-index:1000
}
.region{
    position:fixed;
    left:20px;
    bottom:40px;
    padding:0!important;
    z-index:1000
}
#error-badge,#success-badge{
    display:none;
    white-space:break-spaces;
    position:fixed;
    z-index:1000
}
#spinner_content{
    display:none;
    z-index:1001;
    font-weight:700;
    padding-top:30vh;
    background-color:#fff;
    background-image:url(/images/spinner.gif);
    background-position:center;
    background-repeat:no-repeat;
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:100vw
}
.details_svg{
    width:30px;
    height:30px
}
.aziatka_lupa_svg{
    width:40px;
    height:40px
}
@media all and (display-mode: standalone) {
  .nopwa {
	display: none;
  }
}
.list-inline li{display:inline-block}
.list-inline li:after{content:'|'; margin:0 10px}