/* ------CSS Content------------------
	  1. Fonts
	  2. Reset CSS
	  3. Header
	  4. Attendees Section
	  5. Host Section
	  6. Item Description Section
	  7. Testing Script section
	  8. Fitness Script Section
	  9. Login Screen
	  10. Attendee Screen
	  11. Prescreen popup
	  12. Register Page
	  13. Verification Page
	  14. Music List
----------------------------------*/


.ml-2, .mx-2 {
    margin-left: 0rem !important;
}

/* 1. Fonts */
@font-face {
	font-family: "Avenir-Black";
  src: url("../fonts/Avenir-Black.ttf") format("truetype"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir-Book";
  src: url("../fonts/Avenir-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Avenir-Medium";
  src: url("../fonts/Avenir-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "Avenir-Heavy";
  src: url("../fonts/Avenir-Heavy.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: "Avenir-Book";
    src: url("../fonts/Avenir-Book.ttf") format("truetype");
}
@font-face {
    font-family: "Avenir-Medium";
    src: url("../fonts/Avenir-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "AvenirNextMedium";
    src: url("../fonts/AvenirNextMedium.otf") format("opentype");
}

@font-face {
    font-family: "AvenirNextRegular";
    src: url("../fonts/AvenirNextRegular.otf") format("opentype");
}
/* 2. Reset CSS */
body{
	background:#000;
	padding: 0px;
	position: relative;
height:100vh;
overflow:hidden;
}
button:focus
{
    outline: none !important;
}
/*@media (max-width:767px){
	body{
		overflow: inherit;
		overflow-x:hidden;
	}
}*/
#root, .App{
	height:100%;
}
.my_custom_cont
{
    padding: 7px 10px;
}

.container{
    width: 98% !important;
    padding: 0;
	max-width: 98%;
}

 @media (max-width:1600px){
.container, .header, .host-script-section{
    width: 98% !important;
    padding: 0;
	max-width: 97%;
}
} 
.font-medium
{
    font-family: Avenir-Medium;
}
.font-book
{
    font-family: Avenir-Book;
}
.border-right {
    border-right: 1px solid #9b51e0 !important;
}
.border-left {
    border-left: 1px solid #9b51e0 !important;
}
.no-border{
	border:0 !important;
}
.border-right-gray{
	border-right:1px solid #D8D8D8;
}
.border-right-gray2{
	border-right:1px solid #707070;
}
.pr-20{
	padding-right:20px;
}
.pad15{
	padding:15px;
}
/* .mt-76.section.attendees{
	margin-top:76px !important;
} */
.top-0{
	top:0 !important;
}
.cursor-pointer{
	cursor:pointer;
}

.btn-primary{
	background: #9b51e0;
    background-color: #9b51e0 !important;
	border-color: #9b51e0 !important;
	font-family: Avenir-Book;
    font-size: 17px;
	border-radius: 50px;
    padding:5px 15px;
    line-height: 1;
}
#user-list-icon{
    cursor: pointer;
}
#user-list-icon div p{
    padding:3px 13px 3px 7px;
}
#user-list-icon img{
    width:40px;
}

.user-list-view{
    position: absolute;
    right:0px;
    top:50px;
    float:left;
    z-index:1;
}

.color-purple{
	color:#B002ED !Important;
}
.overflow-x-hidden{
	overflow-x:hidden;
}
img{
	max-width:100%;
}
.h-50
{
    height: 50%;
}
.dark-box-shadow{
	    box-shadow: 0px 0px 66px #000;
}
.background-overlay{
	    background: rgba(0,0,0,0.8);
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #9b51e0 !important;
}
.text-red{
	color:red;
}
.text-green{
	color:#6DD400;
}
.btn-primary:hover {
    color: #fff;
    background-color: #9b51e0;
    border-color: #9b51e0;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: none !important;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #9b51e0;
    border-color: #9b51e0;
}
.btn-outline-secondary{
    color: #fff;
    border-color: #9b51e0;
    font-family: Avenir-Medium;
    letter-spacing: 0.5px;
    font-size: 14px;
    border-radius: 50px;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #9b51e0;
    border-color: #9b51e0;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: none;
}
.bg-gray{
	background: #2F2F2F;
}
.bg-gray2{
	background: #212121;
}
.bg-black{
	background: #000;
}
.rounded {
    border-radius: 10px !important;
}
.top-rounded {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}
.bottom-rounded {
    
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.fitness-script .script-info .add-remove-round.rounded .carousel-control-next{
	    right: 190px;
}
.animate-display{
	transition: display 0.5s ease;
}
.one-gutters {
    margin-right: 0;
    margin-left: 0;
}
.one-gutters > .col, 
.one-gutters > [class*="col-"] {
    padding: 1px;
}
.four-gutters {
    margin-right: -4px;
    margin-left: -4px;
}
.four-gutters > .col, 
.four-gutters > [class*="col-"] {
    padding-left: 4px;
    padding-right: 4px;
}
h3.main-heading{
	font-family: 'Avenir-Black';
	font-size: 22px;
    color: #fff;
	margin: 0;
}
h3.main-heading span{
    font-family: Avenir-Book;
    font-size: 20px;
    color: #D8D8D8;
	    position: relative;
}

h3.main-heading span.script_name{
    padding-right: 11px;
    padding-left: 11px;
}

h3.main-heading span.online-status{
	    top: -5px;
}
.popup-heading .online-status{
	top:-5px;
}
span.online-status{
	    top: -5px;
}
.welcome-title{
/*text-overflow: ellipsis;*/
    white-space: nowrap;
    /*overflow: hidden;*/
    /*max-width: 200px;*/
    display: inline-block;
	top: 6px;
	position: relative;
	margin: 0;
    /*border: 1px solid #7d7d7d;*/

}
#joiners .welcome-title{
/*text-overflow: ellipsis;*/
    white-space: nowrap;
    /*overflow: hidden;*/
    /*max-width: 200px;*/
    display: inline-block;
    top: 6px;
    position: relative;
    margin: 10px;
    border: 1px solid #7d7d7d;

}
.trim-text{
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width:1024px){
	.welcome-title{
		top: 0px;
	}
}

h3.main-heading span span span {
    font-size: 12px;
    margin-left: 21px;
    position: relative;
}
.header .online-status span::after{
	    left: -15px !important;
}
.logout-btn{
    background: transparent;
    color: #fff;
    border: none;
    outline: none;
    padding-left: 2px;
}
.logout-btn:focus{
	border: none;
    outline: none;
}
.second-heading{
	font-family: Avenir-Heavy;
	font-size: 25px;
    color: #fff;
	margin: 0;
}
.zindex-5{
	z-index:5;
}
.mw-1125
{
    max-width: 1125px !important;
}
.w-90{
	width:90%;
}
.mw-75{
	max-width:75%;
}
.w-866{
	max-width: 866px;
}
.mt--1{
	margin-top:-1px;
}
.h53{
	height:53px;
}
.display-grid-auto-4{
	display:grid;
	display:-ms-grid;
	grid-template-columns: auto auto auto auto;
}
.show-hide-v img{
	width: 25px;
}
.show-hide-v>div{
	display: flex;
    justify-content: space-around;
    align-items: center;
}
.show-hide-v>div .fa-chevron-left{
	color:#9b51e0;
}
@media (max-width:991px){
.display-grid-auto-2 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto auto;
}
}
.logo{
    position: absolute;
    top: 19px;
    left: 23px;
}
.header .count-box .countdown{
	left: 10px;
	margin: 0 !important;
}
.header .guest-screen .count-box .countdown{
	left: -2px;
}

.guest-screen .btn-primary
{
	border: 1px solid #9b51e0 !important;
}

@media (max-width: 1024px){

	h3.main-heading{
		    font-size: 18px;
	}
	
	h3.main-heading span{
		    font-size: 14px;
	}
	.time span{
		    font-size: 15px !important;
	}
	.mx-xs-auto{
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.py-xs-1{
		padding-top:10px !important;
		padding-bottom:10px !important;
	}
}
@media (max-width:767px){
	.guest-screen h3.main-heading{
		text-align:center;
	}
	.header .guest-screen .count-box .countdown{
		margin:auto !important;
	}
}
@media (min-width:1920px){
	.h-lg-100{
		height:100%;
	}
}
.max-width-300{
		max-width:300px;
	}
@media (min-width:1200px){
	
}
.font-size-16{
	font-size:16px !important;
}
.font-size-17{
	font-size:17px !important;
}
.font-size-16 span{
	font-size:16px !important;
}
.font-size-25, .font-size-25 span{
    font-size:25px !important;
    font-weight: bold;
}
.flex-direction-column{
	flex-direction:column;
}






/* 3. Header */
.logo img{
	width:22px;
}
/*.header{
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 10px 0px;
	position: relative;
    z-index: 3;
}*/
.header{
	border-radius: 10px;
    width: 98%;
    height: auto;
    padding: 5px 0px;
    z-index: 3;
	/* max-height:100px; */
	height:auto;
    left: 15px;
    right: 0;
    margin: 2px;
	margin-top: 10px !important;
	transition: height 0.4s linear;
	z-index: 1001;
}
.zindex-999 {
    z-index: 999 !important;
}
.time span{
	color:#fff;
	font-family: Avenir-Medium;
	font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
}
.time span.no-border{
	color:#fff;
	font-family: Avenir-Medium;
	font-size: 21px;
    font-weight: bold;
}
.time span:nth-child(1){
	/*border-right: 1px solid #9b51e0;*/
    padding-right: 10px;
}
.time span:nth-child(2){
	padding-left: 10px;
}
@media (max-width:768px){
.time span{
    width: 100%;
    display: block;
}
.time span:nth-child(1){
	border-right: 0;
    padding-right: 0px;
}
.time span:nth-child(2){
	padding-left: 0px;
}
} 
.mic-icon{
	width:24px;
	    margin-left: 20px;
}
@media (max-width:768px){
	.header{
		height: auto;
		max-height: initial;
	}
}


/* 4. Attendees Section */
.hand-raise-list .dropdown .dropdown-toggle::after{
	display:none;
}
.hand-raise-list{
	margin-left: 15px;
}
.hand-raise-list .dropdown-menu{
    background: #bd00ff;
    min-width: 240px;
    padding: 20px;
    width: 280px;
    margin-top: 14px;
    z-index: 9;
}
.hand-raise-list .raised-hands{
	width: 100%;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hand-raise-list .raised-hands h4{
	    color: #fff;
    font-family: Avenir-Book;
    font-size: 16px;
	float: left;
	margin: 0;
}
.hand-raise-list .raised-hands a{
	float: right;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
}
.raised-list{
    margin: 0;
    padding: 5px 0 0 0;
    list-style: none;
	    max-height: 210px;
    overflow-y: scroll;
}
.raised-list::-webkit-scrollbar {
  width: 10px;
}
.raised-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.raised-list::-webkit-scrollbar-thumb {
  background: rgba(189,0,255, 0.53);
}

.raised-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.raised-list li a{
	padding: 0;
    background: transparent;
    color: #fff;
    font-family: Avenir-Book;
	align-items: center;
}
.raised-list li a:hover,
.raised-list li a:focus,
.raised-list li a:active{
	background:transparent;
	color:#fff;
}
.raised-list li a img{
	    margin-right: 10px;
		width: 40px;
    height: 40px;
}
.raised-list li{
	    margin: 12px 0;
}
.raised-list li a span{
display: block;
    line-height: normal;
    font-family: Avenir-Book;
    font-size: 14px;
}
.hand-raise-list .dropdown-menu::before{
	content: '';
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #9b51e0;
    top: -7px;
}
.hand-raise-list .dropdown .dropdown-toggle{
	border: 0 !important;
    outline: 0 !important;
	background-color: #B002ED;
  border-radius: 50%;
  	border: 0;
    outline: 0;
    width: 37px;
    height: 37px;
    padding: 0;
}
.circle-ripple {
  -webkit-animation: ripple 1s linear infinite;
          animation: ripple 1s linear infinite;

}
@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(155, 81, 224, 0.3), 0 0 0 0em rgba(155, 81, 224, 0.3);
  }
  100% {
    box-shadow: 0 0 0 0em rgba(155, 81, 224, 0.3), 0 0 0 0.5em rgba(155, 81, 224, 0.3);
  }
}
.logout-btn i{
    float: right;
    color: #9b51e0;
    border: 2px solid #9b51e0;
    border-radius: 100px;
    width: 34px;
    height: 34px;
    line-height: 26px;
    font-size: 28px;
    text-align: center;
    padding: 1px;
}
.fullscreen img{
	width: 22px;
    vertical-align: -webkit-baseline-middle;
}
.attendy-fullscreen{
	align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}





#subscribers-list .newcss{
    margin:1px;
    display:inline-block;
}
/* .section.attendees{
	margin-top: 120px !important;
} */
.section.attendees .title{
    font-family: 'Avenir-Black';
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin: 0;
}
.section.attendees .title  span{
    font-family: Avenir-Medium;
}
.wine-video-holder{
    width: 100%;
    position:relative;
    height:100%;
    overflow: hidden;
    text-align: center;
}
.video-holder{
	width: 100%;
	position:relative;
	height:100%;
	overflow: hidden;
}
.video-holder.zoom-video{
	position: absolute !important;
    left: 0;
    top: 0;
    width: 90%;
    height: 100%;
    margin: auto;
    right: 0;
    z-index: 99;
    vertical-align: middle;
    background: #000;
    padding: 25px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.video-holder.zoom-video::before{
content: '';
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.video-holder-host{
    width: 100%;
    position:relative;
    height:100%;
    overflow: hidden;
}
.video-holder-host.zoom-video{
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    margin: auto;
    right: 0;
    z-index: 99;
    vertical-align: middle;
    background: #000;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	z-index: 1000000000000000000;
}
.video-holder-host.zoom-video::before{
    content: '';
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.v-hidden{
    visibility:hidden;
}
.video-holder.zoom-video1{
	position: fixed !important;
    left: 0;
    top: 0;
    width: 87%;
    height: 98% !important;
	max-width: calc((100vh - 70px)*16/9) !important;
    margin: auto;
    right: 0;
    z-index: 1001;
    vertical-align: middle;
    background: #000;
    padding: 25px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.video-holder.zoom-video1::before{
content: '';
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#local-media.zoom-video1{
    position: fixed !important;
    left: 0;
    top: 0;
    width: 87%;
    height: 98% !important;
    margin: auto;
    right: 0;
    z-index: 1001;
    vertical-align: middle;
    background: #000;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#local-media.zoom-video1::before{
    content: '';
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#local-media.roomIsSetup
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;
	z-index: 99;
}

#local-media.roomIsSetup video, #local-media.roomIsSetup canvas
{
	width: 100% !important;
	height: 100% !important;
}

.setup_top_container #local-media.roomIsSetup video, .setup_top_container #local-media.roomIsSetup canvas
{
	background: #000;
}



#local-media.roomIsSetup .pre-click-zoom
{
	display: none;
}


.popup-added .att-details{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
	    align-items: flex-end;
}
.heart-rate-icon{
position: absolute;
    top: 50px;
    right: 0;
    width: 48px;
    background: #fff;
    border-radius: 10px 0 0 10px;
    padding: 0 5px;
    font-size: 16px;
    font-family: Avenir-Medium;
    display: flex;
    align-items: center;
    justify-content: space-between;
	    box-shadow: 0 3px 8px -2px #333;
}
.heart-rate-icon img{
	
}
.popup-added .att-details .att-name, 
.popup-added .att-details .vid-icons{
    position: relative;
	width: auto;
	right: auto;
    bottom: auto;
	left:auto;
}
.popup-added .att-details .vid-icons{
    position: relative;
    right: auto;
    bottom: auto;
    width: 200px;
    background: rgba(255,255,255,0.9);
    border-radius: 10px;
    left: 25px;
    height: 50px;
	    display: flex;
    align-items: center;
    justify-content: center;
}
.kick-out{
	display:none;
}
.popup-added .kick-out{
	display:block;
	font-family: Avenir-Medium;
    font-size: 16px;
    background: rgba(0,0,0,0.5);
    padding: 20px 15px;
    color: #fff;
	    border-radius: 10px;
}
.popup-added .kick-out div div span:nth-child(1){
    font-family: Avenir-Medium;
    font-size: 20px;
	    display: block;
}
.kick-out a{
font-size: 18px;
    font-family: Avenir-Medium;
}
.popup-added .kick-out div div span:nth-child(2){
    font-family: Avenir-Medium;
    font-size: 16px;
	    display: block;
}
.video-holder.popup-added .att-details .icon-appearance{
    width: 35px;
    height: 35px;
    background-size: 20px;
}
.popup-added .att-details .att-name{
	font-family: Avenir-Medium;
    font-size: 16px;
    position: relative;
    bottom: 0px;
    left: inherit;
	right: 30px;
    width: 200px;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 20px 15px;
    color: #fff;
}
.video-holder.popup-added .att-details {
    position: absolute;
    bottom: 50px;
    background: transparent;
    width: 100%;
    height: auto !important;
    border-radius: 0;
}
.popup-added .att-details {
    position: absolute;
    bottom: 50px;
    background: transparent;
    width: 100%;
    height: auto !important;
    border-radius: 0;
}

.video-holder video, .video-holder canvas {
	width: 100%;
	max-height: 100%;
    border-radius: 10px;
    outline: 0;			    
}

.video-selected2 .video-streams{
    /*border: 5px solid #9b51e0;*/
	box-shadow: 0 0 0 5px #9b51e0;
	overflow: hidden;
}
.video-holder .hand-icon{
    background:#9b51e0 url(./../images/hand-raise.png);
    width: 52px;
    background-size: cover;
    height: 52px;
    float: left;
    top: 0px;
    left: 0px;
    cursor: pointer;
    border-radius: 10px 0 0 0;
    width: 70px;
    height: 50px;
    background-size: 36px;
    background-position: center 6px;
    background-repeat: no-repeat;
}
.microphone-icon {
    background:#9b51e0 url(./../images/microphone.png);
    width: 52px;
    background-size: cover;
    height: 52px;
    float: left;
    top: 0px;
    left: 0px;
    cursor: pointer;
    border-radius: 8px 0 0 0;
    width: 70px;
    height: 50px;
    background-size: 36px;
    background-position: center 8px;
    background-repeat: no-repeat;
}


.microphone-icon-mute {
    background: url(./../images/microphone-icon-mute.png);
    width: 52px;
    background-size: cover;
    height: 52px;
    float: left;
    top: 6px;
    left: 2px;
    cursor: pointer;
}
.video-holder .mute-icon{
    font-size: 16px;
    top: 10px;
    right: 10px;
    color: #fff;
    display: flex;
    text-decoration: none;
    background: #9b51e0;
    padding: 8px;
    border-radius: 55px;
	width: 32px;
    height: 32px;
}
.client-details
{
    position: absolute;
    bottom: 14px;
    left: 5px;
    height: 10px !important;
    width: 95%;
}
.video-holder .att-details{
    position: absolute;
    bottom: 8px;
    left: 5px;
    width: 96%;    
    height: 25px !important;
    z-index: 9;
}
.video-holder .att-name{
    font-family: Avenir-Heavy;
    color: #000;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    padding: 0px 6px;
    overflow: hidden;
}
.video-holder .vid-icons{
	bottom: -3px;
}
.vid-icons{
	position: absolute;
    right: 10px;
    bottom: 14px;
}
.video-holder .att-details .icon-appearance, 
.attendee-list .vid-icons .icon-appearance,
.video-holder .att-details .icon-appearance1, 
.attendee-list .vid-icons .icon-appearance1, 
.video-holder .att-details .icon-aroma, 
.attendee-list .icon-aroma, 
.video-holder .att-details .icon-aroma1, 
.attendee-list .icon-aroma1, 
.video-holder .att-details .icon-palate, 
.attendee-list .icon-palate, 
.video-holder .att-details .icon-palate1, 
.attendee-list .icon-palate1{
    background: #fff url(./../images/mushroom.png);
    width: 18px;
    height: 18px;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    padding: 2px;
    float: left;
	cursor:pointer;
}

.video-holder .att-details .icon-appearance2, 
.attendee-list .vid-icons .icon-appearance2, 
.video-holder .att-details .icon-aroma2, 
.attendee-list .icon-aroma2, 
.video-holder .att-details .icon-palate2, 
.attendee-list .icon-palate2{
    background: #fff url(./../images/emoji2.png);
    width: 18px;
    height: 18px;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    padding: 2px;
    float: left;
	cursor:pointer;
}
.video-holder .att-details .icon-appearance3, 
.attendee-list .vid-icons .icon-appearance3, 
.video-holder .att-details .icon-aroma3, 
.attendee-list .icon-aroma3, 
.video-holder .att-details .icon-palate3, 
.attendee-list .icon-palate3{
    background: #fff url(./../images/emoji3.png);
    width: 18px;
    height: 18px;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    padding: 2px;
    float: left;
	cursor:pointer;
}
.video-holder .att-details .icon-appearance4, 
.attendee-list .vid-icons .icon-appearance4, 
.video-holder .att-details .icon-aroma4, 
.attendee-list .icon-aroma4, 
.video-holder .att-details .icon-palate4, 
.attendee-list .icon-palate4{
    background: #fff url(./../images/emoji4.png);
    width: 18px;
    height: 18px;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    padding: 2px;
    float: left;
	cursor:pointer;
}
.icon-like, 
.icon-dislike, 
.icon-easy, 
.icon-too-hard, 
.icon-perfect, 
.icon-awesome{
	width: 28px;
    height: 28px;
    background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: 20px;
    padding: 2px;
    float: left;
    cursor: pointer;
}
.icon-like, 
.icon-dislike,
.icon-perfect{
	background-size: 19px !important;
}

.icon-easy, 
.icon-too-hard,
.icon-awesome{
	background-size: 24px !important;
}

.icon-like{
	background: #fff url(./../images/like_emoji.svg);
}
.icon-dislike{
	background: #fff url(./../images/dislike_emoji.svg);
}
.icon-easy{
	background: #fff url(./../images/easy_emoji.svg);
}
.icon-too-hard{
	background: #fff url(./../images/ouch_emoji.svg);
}
.icon-perfect{
	background: #fff url(./../images/beast_emoji.svg);
}
.icon-awesome{
	background: #fff url(./../images/cool_emoji.svg);
}

.icon-1,
.icon-2,
.icon-3,
.icon-4,
.icon-5,
.icon-6,
.icon-7,
.icon-8,
.icon-9,
.icon-11,
.icon-12,
.icon-13,
.icon-14,
.icon-15,
.icon-16,
.icon-17,
.icon-18,
.icon-19,
.icon-20,
.icon-21,
.icon-22,
.icon-23,
.icon-24,
.icon-25,
.icon-26,
.icon-27,
.icon-28,
.icon-29,
.icon-30,
.icon-31,
.icon-32,
.icon-33,
.icon-34,
.icon-35,
.icon-36,
.icon-37,
.icon-38,
.icon-39,
.icon-40,
.icon-41,
.icon-42,
.icon-43,
.icon-44,
.icon-45,
.icon-46,
.icon-47,
.icon-48,
.icon-49,
.icon-50,
.icon-51,
.icon-52,
.icon-53,
.icon-54,
.icon-55,
.icon-56,
.icon-57,
.icon-58,
.icon-59,
.icon-60,
.icon-61,
.icon-62,
.icon-63,
.icon-64,
.icon-65,
.icon-66,
.icon-67,
.icon-68,
.icon-69,
.icon-70,
.icon-71,
.icon-72,
.icon-73,
.icon-74,
.icon-75,
.icon-76,
.icon-77,
.icon-78,
.icon-79,
.icon-80,
.icon-81,
.icon-82,
.icon-83,
.icon-84,
.icon-85,
.icon-86,
.icon-87,
.icon-88,
.icon-89,
.icon-90,
.icon-91,
.icon-92,
.icon-93,
.icon-94,
.icon-95,
.icon-96,
.icon-97,
.icon-98,
.icon-99,
.icon-100,
.icon-101,
.icon-102,
.icon-103,
.icon-104,
.icon-105,
.icon-106,
.icon-107,
.icon-108,
.icon-109,
.icon-110,
.icon-111,
.icon-112,
.icon-113,
.icon-114,
.icon-115,
.icon-116,
.icon-117,
.icon-118,
.icon-119,
.icon-120,
.icon-121,
.icon-122,
.icon-123,
.icon-124,
.icon-125,
.icon-126,
.icon-127,
.icon-128,
.icon-129,
.icon-130,
.icon-131,
.icon-132,
.icon-133,
.icon-134,
.icon-135,
.icon-136,
.icon-137,
.icon-138
{
    width: 28px;
    height: 28px;
    background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: 20px;
    padding: 2px;
    float: left;
    cursor: pointer;
}
.icon-1{
    background: #fff url(./../images/darkpurple.png);
}
.icon-2{
    background: #fff url(./../images/burgundy.png);
}
.icon-3{
    background: #fff url(./../images/red.png);
}
.icon-4{
    background: #fff url(./../images/graphite.png);
}
.icon-5{
    background: #fff url(./../images/asianspice.png);
}
.icon-6{
    background: #fff url(./../images/blackberry.png);
}
.icon-7{
    background: #fff url(./../images/leather.png);
}
.icon-8{
    background: #fff url(./../images/grass.png);
}
.icon-9{
    background: #fff url(./../images/whitechocolate.png);
}
.icon-11{
    background: #fff url(./../images/like.png);
}
.icon-12{
    background: #fff url(./../images/dislike.png);
}
.icon-13{
    background: #fff url(./../images/easy.png);
}
.icon-14{
    background: #fff url(./../images/too-hard.png);
}
.icon-15{
    background: #fff url(./../images/perfect.png);
}
.icon-16{
    background: #fff url(./../images/awesome.png);
}
.icon-17{
    background: #fff url(./../images/lightpurple.png);
}
.icon-18{
    background: #fff url(./../images/blueberry.png);
}
.icon-19{
    background: #fff url(./../images/cedar.png);
}
.icon-20{
    background: #fff url(./../images/toast.png);
}
.icon-21{
    background: #fff url(./../images/vanilla.png);
}
.icon-22{
    background: #fff url(./../images/mushrooms.png);
}
.icon-23{
    background: #fff url(./../images/darkchocolate.png);
}
.icon-24{
    background: #fff url(./../images/licorice.png);
}
.icon-25{
    background: #fff url(./../images/darkfruit.png);
}
.icon-26{
    background: #fff url(./../images/asianspice.png);
}
.icon-27{
    background: #fff url(./../images/blackberry.png);
}
.icon-28{
    background: #fff url(./../images/blueberry.png);
}
.icon-29{
    background: #fff url(./../images/cedar.png);
}
.icon-30{
    background: #fff url(./../images/toast.png);
}
.icon-31{
    background: #fff url(./../images/vanilla.png);
}
.icon-32{
    background: #fff url(./../images/mushrooms.png);
}
.icon-33{
    background: #fff url(./../images/darkbrown.png);
}
.icon-34{
    background: #fff url(./../images/darkgold.png);
}
.icon-35{
    background: #fff url(./../images/darkpink.png);
}
.icon-36{
    background: #fff url(./../images/darkyellow.png);
}
.icon-37{
    background: #fff url(./../images/lightamber.png);
}
.icon-38{
    background: #fff url(./../images/lightbrown.png);
}
.icon-39{
    background: #fff url(./../images/lightgold.png);
}
.icon-40{
    background: #fff url(./../images/lightpink.png);
}
.icon-41{
    background: #fff url(./../images/lightyellow.png);
}
.icon-42{
    background: #fff url(./../images/mediumamber.png);
}
.icon-43{
    background: #fff url(./../images/mediumbrown.png);
}
.icon-44{
    background: #fff url(./../images/mediumgold.png);
}
.icon-45{
    background: #fff url(./../images/mediumpink.png);
}
.icon-46{
    background: #fff url(./../images/mediumpurple.png);
}
.icon-47{
    background: #fff url(./../images/mediumyellow.png);
}
.icon-48{
    background: #fff url(./../images/darkamber.png);
}
.icon-49{
    background: #fff url(./../images/apple.png);
}
.icon-50{
    background: #fff url(./../images/almond.png);
}
.icon-51{
    background: #fff url(./../images/apricot.png);
}
.icon-52{
    background: #fff url(./../images/banana.png);
}
.icon-53{
    background: #fff url(./../images/blackcherry.png);
}
.icon-54{
    background: #fff url(./../images/blackcurrant.png);
}
.icon-55{
    background: #fff url(./../images/butter.png);
}
.icon-56{
    background: #fff url(./../images/clove.png);
}
.icon-57{
    background: #fff url(./../images/coffee.png);
}
.icon-58{
    background: #fff url(./../images/honey.png);
}
.icon-59{
    background: #fff url(./../images/lemon.png);
}
.icon-60{
    background: #fff url(./../images/melon.png);
}
.icon-61{
    background: #fff url(./../images/mint.png);
}
.icon-62{
    background: #fff url(./../images/orange.png);
}
.icon-63{
    background: #fff url(./../images/pear.png);
}
.icon-64{
    background: #fff url(./../images/pineapple.png);
}
.icon-65{
    background: #fff url(./../images/plum.png);
}
.icon-66{
    background: #fff url(./../images/raspberry.png);
}
.icon-67{
    background: #fff url(./../images/redcurrants.png);
}
.icon-68{
    background: #fff url(./../images/smoky.png);
}
.icon-69{
    background: #fff url(./../images/strawberry.png);
}
.icon-70{
    background: #fff url(./../images/acacia.png);
}
.icon-71{
    background: #fff url(./../images/anise.png);
}
.icon-72{
    background: #fff url(./../images/asianfivespice.png);
}
.icon-73{
    background: #fff url(./../images/bakingspices.png);
}
.icon-74{
    background: #fff url(./../images/beeswax.png);
}
.icon-75{
    background: #fff url(./../images/bellpepper.png);
}
.icon-76{
    background: #fff url(./../images/blackpepper.png);
}
.icon-77{
    background: #fff url(./../images/boysenberry.png);
}
.icon-78{
    background: #fff url(./../images/bubblegum.png);
}
.icon-79{
    background: #fff url(./../images/cinnamon.png);
}
.icon-80{
    background: #fff url(./../images/claypot.png);
}
.icon-81{
    background: #fff url(./../images/cocoa.png);
}
.icon-82{
    background: #fff url(./../images/cranberry.png);
}
.icon-83{
    background: #fff url(./../images/cream.png);
}
.icon-84{
    background: #fff url(./../images/date.png);
}
.icon-85{
    background: #fff url(./../images/driedfruit.png);
}
.icon-86{
    background: #fff url(./../images/elderflower.png);
}
.icon-87{
    background: #fff url(./../images/eucalyptus.png);
}
.icon-88{
    background: #fff url(./../images/fennel.png);
}
.icon-89{
    background: #fff url(./../images/fig.png);
}
.icon-90{
    background: #fff url(./../images/fruitcake.png);
}
.icon-91{
    background: #fff url(./../images/ginger.png);
}
.icon-92{
    background: #fff url(./../images/grapefruit.png);
}
.icon-93{
    background: #fff url(./../images/greenalmond.png);
}
.icon-94{
    background: #fff url(./../images/gooseberry.png);
}
.icon-95{
    background: #fff url(./../images/guava.png);
}
.icon-96{
    background: #fff url(./../images/hibiscus.png);
}
.icon-97{
    background: #fff url(./../images/iris.png);
}
.icon-98{
    background: #fff url(./../images/jalapeno.png);
}
.icon-99{
    background: #fff url(./../images/marmalade.png);
}
.icon-100{
    background: #fff url(./../images/kiwi.png);
}
.icon-101{
    background: #fff url(./../images/lager.png);
}
.icon-102{
    background: #fff url(./../images/lavender.png);
}
.icon-103{
    background: #fff url(./../images/lime.png);
}
.icon-104{
    background: #fff url(./../images/lilac.png);
}
.icon-105{
    background: #fff url(./../images/lychee.png);
}
.icon-106{
    background: #fff url(./../images/honeysuckle.png);
}
.icon-107{
    background: #fff url(./../images/mango.png);
}
.icon-108{
    background: #fff url(./../images/nectarine.png);
}
.icon-109{
    background: #fff url(./../images/nuts.png);
}
.icon-110{
    background: #fff url(./../images/olive.png);
}
.icon-111{
    background: #fff url(./../images/peach.png);
}
.icon-112{
    background: #fff url(./../images/peony.png);
}
.icon-113{
    background: #fff url(./../images/persimmon.png);
}
.icon-114{
    background: #fff url(./../images/petroleum.png);
}
.icon-115{
    background: #fff url(./../images/pomegranate.png);
}
.icon-116{
    background: #fff url(./../images/potpourri.png);
}
.icon-117{
    background: #fff url(./../images/pottingsoil.png);
}
.icon-118{
    background: #fff url(./../images/quince.png);
}
.icon-119{
    background: #fff url(./../images/raisins.png);
}
.icon-120{
    background: #fff url(./../images/redbeet.png);
}
.icon-121{
    background: #fff url(./../images/redpepper.png);
}
.icon-122{
    background: #fff url(./../images/redplum.png);
}
.icon-123{
    background: #fff url(./../images/rose.png);
}
.icon-124{
    background: #fff url(./../images/saffron.png);
}
.icon-125{
    background: #fff url(./../images/slate.png);
}
.icon-126{
    background: #fff url(./../images/sourcherry.png);
}
.icon-127{
    background: #fff url(./../images/sourdough.png);
}
.icon-128{
    background: #fff url(./../images/strawberry.png);
}
.icon-129{
    background: #fff url(./../images/sundriedtomato.png);
}
.icon-130{
    background: #fff url(./../images/thyme.png);
}
.icon-131{
    background: #fff url(./../images/tobacco.png);
}
.icon-132{
    background: #fff url(./../images/tomato.png);
}
.icon-133{
    background: #fff url(./../images/tomatoleaf.png);
}
.icon-134{
    background: #fff url(./../images/truffle.png);
}
.icon-135{
    background: #fff url(./../images/violet.png);
}
.icon-136{
    background: #fff url(./../images/volcanicrocks.png);
}
.icon-137{
    background: #fff url(./../images/wetgravel.png);
}
.icon-138{
    background: #fff url(./../images/whitepepper.png);
}

.close-model-btn{
	margin: 20px;
    color: #964DD9;
    z-index: 99;
    text-shadow: none;
    opacity: 1;
    font-size: 36px;
    /* line-height: 20px; */
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 26px;
    height: 26px; */
    font-weight: inherit;
}
.close-model-btn:hover{
	text-decoration:none;
	color:#964DD9 !important;
}
.clone-guest-video{
	flex-grow: 1;
}
#guest-video a:hover, 
#guest-video button:hover{
	text-decoration:none;
	color:#964DD9 !important;
}
.eject-this{
    float: right;
    z-index: 4;
    margin: 10px;
    color: #fff;
    font-family: Avenir-Book;
        font-size: 14px;
    line-height: 24px;
}
.eject-this:focus,
.eject-this:active,
.eject-this:hover{
text-decoration:none;
color: #fff;
}
.eject-this img{
	width: 20px;
    margin-left: 10px;
}
.popup-removed .eject-popup, 
.popup-removed .guest-video-footer{
	display:none;
}
.popup-removed .popup-added .eject-popup, 
.popup-removed .popup-added .guest-video-footer{
	display:block !important;
}
.popup-added .hand-icon{
display:none;
}
.popup-added{
    
    position: fixed !important;
    left: 0;
    margin: auto;
    right: 0;
	width: 90%;
    max-width: 1024px;
    height: auto !important;
    z-index: 9;
	    top: 5%;
		    display: flex;
    flex-direction: column;
    justify-content: center;
}
.popup-added::before{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,1);
    width: 100%;
    height: 100%;
}
.eject-popup, .zoom-box, .guest-video-footer{
	width:100%;
	float:left;
    z-index: 5;
    position: relative;
}
.zoom-box, .zoom-box .video-streams{
	height:100%;
}
.zoom-video .eject-popup, 
.zoom-video .guest-video-footer {
    display: block;
}
.zoom-video .video-streams video, .zoom-video .video-streams canvas, .zoom-video .zoom-box, .zoom-video .zoom-box .video-streams {
    height: auto;
    
}{
	height:auto !important;
}
.eject-popup .close-model-btn{
    margin: 10px;
    color: #964DD9;
    z-index: 4;
    text-shadow: none;
    opacity: 1;
    font-size: 30px;
    line-height: 20px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 20px;
}
.guest-video-footer{
	position: relative;
    bottom: 6px;
    left: 0;
    width: 100%;
    padding: 10px 0;
}
.conversations a{
	color: #fff;
    font-family: Avenir-Book;
    font-size: 14px;
    margin-right: 15px;
	    float: left;
}
.conversations a img{
    margin-right: 10px;
    width: 20px;
}


/*----detail button popup----*/
.show-details .carousel-indicators {
    margin-bottom: -15px;
}
.show-details .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #777;
    background-clip: padding-box;
    border-top: 0;
    border-bottom: 0;
    opacity: 1;
    transition: opacity 0.6s ease;
}
.show-details .carousel-indicators li.active{
	background-color:#964DD9;
}
.show-details .modal-content{
	padding: 15px;
    background: #000;
}
.show-details .width-1000{
	max-width:1300px;
}
.content-scroll{
    max-height: 460px;
    height: 460px;
    overflow-y: scroll;
}

.content-scroll::-webkit-scrollbar {
  width: 10px;
}


.content-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; width: 10px;
}
 

.content-scroll::-webkit-scrollbar-thumb {
  background: #888; width: 10px;
}

.content-scroll::-webkit-scrollbar-thumb:hover {
  background: #555; 
}



/* 5. Host Section */
.host-script-section{
	bottom: 10px;
    left: 0;
    width: 98%;
    margin: auto;
    right: 0;
    display: flex;
    z-index:999;
}

.host-script-section .activity_list_popup{
    bottom: 100%;
}
.host-local{
	    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.host-section{
	margin-right:1px;
}
.test-script{
	flex:1;
	width:0;
}
.host-section video, .host-section canvas{
    width: 100%;
    border-radius: 10px;
}

.host-header>img{
    width: 20px;
    margin: 0 12px;
    cursor: pointer;
}
@media (max-width:1200px){
.host-header>img {
    width: 18px;
    margin: 0 6px;
    cursor: pointer;
}
}
.next-btn{
	width:20px;
	float: right;
}
.move-list img{
	width: 25px;
    
}
.open-list img{
	width: 22px;
    
}
.move-list, .open-list{
	margin: 0 14px 0 20px;
}


/* 6. Item Description Section */
.item-name{
	font-family: Avenir-Medium;
    font-size: 17px;
    color: #fff;
    margin: 0px 0px 5px 0px;
}
.item-description .list-info{
    margin: 5px 0;
}
.item-description .list-info li{
    color: #fff;
    display: flex;
    font-size: 16px;
    font-family: Avenir-Book;
    overflow: hidden;
    float: left;
    width: 100%;
	margin: 2px 0;
}

.item-description .list-info li span:first-child{
	font-family: Avenir-Heavy;
    float: left;
    text-align: left;
	width: 100%;
    max-width: 130px;
}
.item-description .list-info li span:last-child{
	width: 100%;
    float: left;
    text-align: justify;
    /* max-width: 130px; */
}
.item-description .item-text{
	color: #fff;
    display: block;
    font-size: 14px;
    font-family: Avenir-Book;
	margin-bottom: 0;
}
.max-h200{
	max-height:168px;
	overflow-y:auto;
	overflow-x:hidden;
}
.scroller {
    scrollbar-color: rgba(189,0,255, 0.53) #f1f1f1;
    scrollbar-width: thin;
  }
.max-h200::-webkit-scrollbar {
  width: 6px;
}

.max-h200::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

.max-h200::-webkit-scrollbar-thumb {
  background: #9b51e0; 
}
@media (min-width:1110px){

}
.sub-heading{
    font-family: Avenir-Heavy;
    float: left;
    text-align: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
}
.show-hide-script, .show-fitness-script{
/* position: absolute;
    right: 7px;
    z-index: 6;
    top: 4px; */
    width: 24px;
        outline: none;
        display: inline-block;
}
.scrpt1
{
    position: absolute; 
    right: 11px;
    z-index: 999999;
    top: 3px;
}
.show-fitness-script img, .scrpt1 img{
outline:0;
width: 20px;
}
@media (max-width:480px){
.item-description .list-info li span:last-child{
	float: left;
}
.second-heading{
	font-size: 20px;
}
}

.height-500{
	height:60% !important;
}
.height-500 .test-script .bg-gray{
	background:rgba(0,0,0,0.83);
}
.height-500 .max-h200 {
    max-height: 95%;
}
.height-500 .host-section{
	height: 255px !important;
}

/*----7. Testing Script section-----*/
.script-info .carousel-control-next, 
.script-info .carousel-control-prev{
	width: 22px;
	height:21px;
    background: none;
    background-color: none;
    opacity: 1;
}
.script-info .carousel-control-next{
	top: 6px;
    z-index: 5;
    right: 20px;
}
.script-info .carousel-control-prev{
	top: 6px;
    z-index: 5;
    right: 105px;
    left: auto;
}

.script-info .carousel-inner.guest-left-wine	{
    overflow-y: auto;
	margin-top: 29px;
	margin-right: 20px;
    padding-right: 20px;
    /* max-height:400px; */
    max-width: 350px;
}
.script-info .carousel-inner.guest-left-wine::-webkit-scrollbar{
	width:6px;
}
.script-info .carousel-inner.guest-left-wine::-webkit-scrollbar-track{
	width:6px;
	background:#ccc;
}
.script-info .carousel-inner.guest-left-wine::-webkit-scrollbar-thumb{
	width:6px;
	background:#000;
}


/*------ 8. Fitness Script Section ------ */


.count-box .countdown {
  position: relative;
  top: -10px;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 15px;
  min-height: 85px;
  min-width: 85px;
  max-height: 85px;
  max-width: 85px;
  text-align: center;
  border-radius: 50%;
      box-shadow: inset 0 0px 0px 4px #484848;
    border: 1px solid #484848;
    box-sizing: content-box;
	
	z-index: 20;
}

.count-box .countdown-number {
    color: white;
    display: inline-block;
    line-height: 80px;
    font-size: 42px;
    font-weight: 600;
	
	z-index: 20;
}
.footer-fitness-script .fitness-guest .countdown-number {
    color: white;
    display: inline-block;
    line-height: 64px;
    font-size: 40px;
    font-weight: 600;
}
.target-read{
	color:#fff;
}
.target-label{
	position: absolute;
    left: -52px;
    top: 45px;
    z-index: 9;
    color: #9B51E0;
    transform: rotate(-90deg);
    font-size: 25px;
    font-weight: bold;
    right: 70px;
}
/*.target-read:before{
	content: "\f0d9";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    color: #9B51E0;
}
.target-read:after{
	content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #9B51E0;
	
}*/

.header img
{
	font-size: 16px;
}

.count-box svg {
  position: absolute;
  top: 0;
  right: 0;
  height: 85px;
  width: 85px;
  transform: rotateY(0deg) rotateZ(-90deg);
}
.count-box svg circle{
	fill: none;
}
.fitness-info>div:nth-child(1){
	border-right:1px solid #9b51e0 !important;
}
.fitness-info>div.no-border-right:nth-child(1) {
    border-right: 0px !important;
}
.swiper-btns{
	    position: absolute;
    right: 25px;
    bottom: -20px;
	z-index:9;
}
.fitness-info>div.border-right-none
{
    border-right: none !important;
}

.swiper-btns .swiper-btn-next{
	padding-block-end: 2px;
    padding-block-start: 2px;
    padding-inline-start: 12px;
    padding-inline-end: 12px;
	display: none !important;
}
.start span{
    margin: auto;
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.swiper-slide.end span img{
	width: 40px;
    margin: 0 auto;
    display: table;
    margin-bottom: 10px;
}
.swiper-slide.end span h4{
	color: #fff;
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
    font-family: Avenir-Medium;
}
.start span a, .end span a, .start span button{
	color: #fff;
    text-align: center;
    display: flex;
    font-size: 18px;
    font-family: Avenir-Medium;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    align-items: center;
    justify-content: center;
    background: transparent;
    outline: none;
    border: none;
}
.swiper-slide{
	padding:10px;
	border:1.5px solid transparent;
}
.swiper-slide-next .count-box svg circle, 
.footer-fitness-script .fitness-guest .swiper-slide-next svg circle{
  stroke-dasharray: 244px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 7px;
  stroke: #9b51e0;
  fill: none;
  /*animation: linear infinite forwards;
  animation-direction: reverse;*/
}

.footer-fitness-script .fitness-guest .swiper-slide-next svg circle{
  stroke-dasharray: 244px;
}
.header svg circle{
  stroke-dasharray: 188px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 6px;
  stroke: #9b51e0 !important;
  fill: none;
  /*animation: countdown 30s linear infinite forwards;
  animation-direction: reverse;*/
}

.footer-fitness-script .fitness-guest .swiper-slide-next svg circle{
	stroke-width: 7px;
}
.footer-fitness-script .fitness-guest .swiper-slide-next, .swiper-guest.swiper-start.start{
	background: transparent;
    border: none !important;
    /*padding-top:10px;*/
}
.swiper-fitness-container{
    height: 140px;
    overflow: hidden;
    width:100%;
}
.footer-fitness-script .fitness-guest .swiper-slide-next .count-timer{
    transform: scale(1.1);
}
.swiper-slide{
	box-sizing:border-box;
}
.swiper-slide-next, .swiper-start{
	
	background: rgba(110,67,150,0.3);
    border: 1.5px solid #9B51E0 !important;
    border-radius: 12px;
    padding: 0px;
	position: relative;
    /* height: auto !important; */
    height: 138px !important;
}

#mainHostCmp .swiper-slide-next, #mainHostCmp .swiper-start{
	top: -33px;
	 height: 173px !important;
}

#mainHostCmp .swiper-slide-active
{
	top: 0px !important;
	height: 138px !important;
}

.remove-slider-bg{
    background: none;
    border: none !important;
    border-radius: 12px;
    padding: 10px;
    position: relative;
    height: auto !important;
}
.remove-slider-bg .count-box svg circle{
    animation: none;
    stroke:none;
}
.remove-slider-bg.swiper_slide_nxt .count-box svg circle
{
    stroke: #9b51e0 !important;
    stroke-dashoffset: 0px;
}
/*.footer-fitness-script .fitness-guest .remove-slider-bg .count-timer{*/
.count-timer{
    transform: scale(1.1);
}
.footer-fitness-script .fitness-guest .remove-slider-bg .count-timer svg circle{
    stroke:none;
    animation:none;
}

.swiper-slide-next .target-info span{
	color:#fff;
}
.swiper-slide-next .count-box h4{
	color:#fff;
	max-height: 46px;
	z-index: 1;
	position: relative;
}

.footer-fitness-script .fitness-guest .swiper-slide-next h4{
    color: #fff;
}
.swiper-container{
	overflow:inherit !important;
}
.swiper-container{
    width:100% !important;
    height: 100%;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    border-radius: 50px;
    background: transparent;
        bottom: -32px;
    border: 1px solid #9b51e0;
    position: absolute;
    right: 15px;
    padding: 4px 16px;
	pointer:cursor;
	width: auto;
    height: auto;
    opacity: 1;
    font-family: Avenir-Medium;
}
.swiper-pagination-bullet{
	display:none !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active + .swiper-pagination-bullet{
	display:block !important;
}
.count-box .screen-video{
	position: absolute;
    right: 15px;
    width: 17px;
}
.fitness-script .script-info .carousel-control-next{
	width: 78px;
    height: 35px;
    position: absolute !important;
    right: 200px;
    bottom: 6px;
    top: auto;
}
.now-script{
	color: #fff;
    margin: 0;
    font-size: 14px;
    margin-top: 6px;
    position: absolute;
    text-align: center;
    left: 0;
    bottom: -25px;
    right: 0;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 244px;
  }
}
.swiper_slide_nxt
{
    background: rgba(110,67,150,0.3) !important;
    border: 1.5px solid #9B51E0 !important;
    border-radius: 12px !important;
    padding: 10px !important;
    position: relative;
    /* height: auto !important; */
    height: 138px !important;
}
.count-box h4{
	
	position: relative;
	max-height: 42px;	
    font-family: Avenir-Book;
    color: rgba(255,255,255,0.5);
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    margin-bottom: 2px;
    padding-bottom:0px;
	
	z-index: 1; 
}
.target-info{
	width:100%;
	float:left;
}
.target-info span{
	    font-family: Avenir-Heavy;
    color: rgba(255,255,255,0.5);
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    /* display: block;
    width: 100%; */
    float: left;
}
.target-info span:nth-child(2){
    font-size: 13px;
    margin-left: 10px;
	   
}
@media screen and (max-width:992px){
	.footer-fitness-script{
		width:100% !important;
	}
}

.swiper-guest.start{
	background: transparent;
    border: 0 !important;
	
}
.swiper-guest.end{
    background: transparent;
    border: 0 !important;
    padding-top: 30px !important;
}
.swiper-guest.start span a{
	width: 70px;
    height: 70px;
    border: 6px solid #484848 !important;
    border-radius: 100px;
    font-family: Avenir-Medium;
    font-size: 25px;
    font-weight: 600;
    transform: scale(1.2);
}
.swiper-guest.end span a{
    width: 66px;
    height: 66px;
    border: 6px solid #484848 !important;
    border-radius: 100px;
    font-family: Avenir-Medium;
    font-size: 22px;
    font-weight: bold;
    transform: scale(1.1);
}
.swiper-guest.end span a{
	margin: auto;
}
.swiper-guest.swiper-start.start span a{
	width: 100px;
    height: 100px;
    border: 6px solid #9B51E0 !important;
    border-radius: 100px;
    font-family: Avenir-Medium;
    font-size: 18px;
}
.swiper-guest.end.swiper-slide-next span a{
    width: 66px;
    height: 66px;
    border: 6px solid #9B51E0 !important;
    border-radius: 100px;
    font-family: Avenir-Medium;
    font-size: 22px;
    font-weight: bold;
    transform: scale(1.1);
}
.swiper-guest.end.swiper-slide-next{
    padding-top: 60px !important;
}
.swiper-guest.start span, .swiper-guest.end span{
	width:110px !important;
}
.swiper-guest.end span{
	    margin: auto;
}
.fitness-guest .swiper-slide{
    align-items: center;
    padding:2px;
    /* max-width: 280.33px !important; */
}
.fitness-guest .swiper-slide h4{
    font-family: Avenir-Book;
    color: rgba(255,255,255,0.5);
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 2px;
    padding-bottom:0px;
}
.fitness-guest .swiper-slide:nth-child(1){
	display:block;
	transform: inherit;
}
.fitness-guest .swiper-slide img.arrow-image{
	position: absolute;
    left: -87px;
    width: 169px;
}
/* .play-pause-btn{
	position: absolute;
    right: 90px;
	top:4px;
} */
.play-pause-btn img, .stop-btn img, #fitness-script img{
	width:20px;
}
.stop-btn{
/* position: absolute;
    right: 10px;
    top: 4px; */
    background: transparent;
    outline: none;
    border: none;
	    padding: 0;
}
.stop-btn:focus{
	outline: none;
    border: none;
}

.fitness-guest .swiper-slide img.arrow-image{
	display:none;
}

.fitness-guest .count-timer{
	box-shadow: inset 0 0px 0px 6px #484848;
}
.swiper-slide.swiper-slide-next + .swiper-slide img.arrow-image,
.swiper-slide:nth-child(3) img.arrow-image, 
.fitness-guest .swiper-slide.swiper-slide-next img.arrow-image{
	display:block;
}
.mobile-arrow{
	width: 20px !important;
    left: 0 !important;
}
.fitness-guest .swiper-slide.swiper-slide-next img.mobile-arrow{
	left:-13px !important;
}
.fitness-emoji{
	position: absolute;
    top: 0;
    left: 50% !important;
    background: rgba(0,0,0,0.2);
    padding: 20px;
    border-radius: 10px;
    width: 340px;
    transform: translateX(-50%);
	
	z-index: 100 !important; 
}
@media (max-width:1024px){
	.fitness-emoji{
		left: 19%;
	}
}
@media (max-width: 768px){
.fitness-emoji {
    left: 26%;
}
}

.fitness-emoji::after{
	content: "\f0d7";
    font-family: FontAwesome;
    color: rgba(0,0,0,0.4);
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -5px;
    font-size: 22px;
    transform: translateX(-50%);
}
.fitness-emoji a img{
    width: 30px;
    border-radius: 10px;
    display: table;
    margin: auto;
	    margin-bottom: 3px;
}
.fitness-emoji h3{
	color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: Avenir-Medium;
    margin: 0px 0 11px;
}
.fitness-emoji a span{
    display: block;
    color: #fff;
    font-family: Avenir-Book;
    text-align: center;
    font-size: 10px;
}








/*--------9. Login Screen---------*/
.login-bg{
	background: url(./../images/login-bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.login-logo{
	margin: 10px auto 25px;
    display: table;
	width: 232px;
	height: 48px;
}
.login-tagline{
	font-family: Avenir-Book;
    font-size: 24px;
    text-align: center;
	margin-bottom: 20px;
	color: #fff;
}
.login-box .form-horizontal{
    background: rgba(0,0,0,0.53);
    background-size: cover;
    background-position: center;
    position: relative;
    margin: auto;
        max-width: 400px;
    width: 100%;
    border-radius: 12px;
}
.login-box .form-horizontal input:focus, .register-box .form-horizontal input:focus{
	box-shadow: none;
	background: rgba(176,2,237,0.11);
}
.login-box .form-group input, .register-box .form-group input{
    background: rgba(176,2,237,0.11);
    border-bottom: 1.4px solid #B002ED;
    border-left: 1.4px solid #B002ED;
    border-right: 1.4px solid #B002ED;
    border-top: 0px solid transparent;
    height: 60px;
	color: #fff;
    font-size: 16px;
    border-radius: 0px 10px 10px 10px;
}
.login-box .form-group input:-webkit-autofill,
.register-box .form-group input:-webkit-autofill,
.login-box .form-group input:-webkit-autofill:hover,
.register-box .form-group input:-webkit-autofill:hover,
.login-box .form-group input:-webkit-autofill:focus,
.register-box .form-group input:-webkit-autofill:focus,
.login-box .form-group input:-webkit-autofill:active,
.register-box .form-group input:-webkit-autofill:active {
-webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
	-webkit-text-fill-color: #fff !important;
	box-shadow: 0 0 0 1000px rgb(42, 20, 49) inset;
	
}
@keyframes autofill {
    100% {
		/* background: transparent; */
		background-color: rgb(42, 20, 49);
        color: inherit;
    }
}

@-webkit-keyframes autofill {
    100% {
		/* background: transparent; */
		background-color: rgb(42, 20, 49);
        color: inherit;
    }
}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
.login-box .login-inner, .register-box .register-inner{
    width: 100%;
    margin: auto;
    position: relative;
    top: 0;
    height: 100%;
    padding: 15px 25px;
	    border-radius: 12px;
    box-shadow: 0px 13px 18px 10px rgba(0,0,0,0.3);
}
.login-box .login-inner .form-group, .register-box .register-inner .form-group{
	position:relative;
}
.login-box .login-inner .text-danger{
	    top: 62px;
		overflow:auto;
		position:absolute;
		width:100%;
		padding-left:13px;
		font-size: 14px;
    font-family: Avenir-Book;
}
.login-box .custom-control-input:checked ~ .custom-control-label::before, 
.login-box .custom-control-input:not(:disabled):active ~ .custom-control-label::before{
	box-shadow: none !important;
}
.login-box .custom-control-label::after{
	    background: no-repeat 4px -8px / 11px 33px;
		left: -9px;
		top: 3px;
}
.login-box .custom-control-label::before{
	width: 18px;
    height: 18px;
	box-shadow: none !important;
	left: -9px;
	top: 2px;
}
.login-box .custom-control-label{
	text-indent: 20px;
    top: 3px !important;
    cursor: pointer;
}
.login-box .login-inner .form-group label, .register-box .register-inner .form-group label{
    position: absolute;
    left: 12px;
    top: -11px;
	    margin: 0;
		    color: #fff;
    font-family: Avenir-Medium;
}
.login-box .login-inner .form-group .form-check-inline label, 
.register-box .register-inner .form-group .form-check-inline label{
	position: relative;
    top: 0;
    left: 0;
	cursor:pointer;
}
.login-box .form-group input[type="radio"], 
.login-box .form-group input[type="checkbox"], 
.register-box .form-group input[type="radio"], 
.register-box .form-group input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
	cursor:pointer;
    background: transparent !important;
    border: none !important;
    height: auto !important;
}
img.user-login{
    position: absolute;
    right: 15px;
    top: 18px;
    width: 18px;
}
.btn-cancel{
	border: 1.4px solid #B002ED;
    color: #B002ED;
    font-size: 16px;
	    font-family: Avenir-Medium;
}
.btn-cancel:hover{
	background: rgba(189,0,255, 0.53) !important;
    border-color: rgba(189,0,255, 0.53) !important;
}
.btn-login, .btn-register{
	background: rgba(189,0,255, 0.53) !important;
    border-color: rgba(189,0,255, 0.53) !important;
	font-size: 16px;
	font-family: Avenir-Medium;
}
.login-box .forgot-password, .register-box .forgot-password{
	color: #B002ED;
	text-decoration:none;
    font-size: 14px;
    font-family: Avenir-Book;
}
.privacy-link{
	color:#BD00FF !important;
	text-decoration:none !important;
	text-align:center;
	font-size: 16px;
	font-family: Avenir-Medium;
	    margin: 40px auto 20px auto;
    width: 280px;
}
#change-setting-timer
{
    color: white;
    margin-left: 10px;
    font-size: 27px;
    transform: translateY(5px);
    font-weight: bold;
}

/* -------------  10. Attendee Screen ----------- */
.participent-emoji{
    height: 125px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    width: 100%;    
}
.wine-score
{
    width: 100%;
    background: transparent;
    border: 2px solid #9b51e0;
    height: 45px;
    border-radius: 5px;
    outline: none;
    color: white;
    padding: 5px;
}
.width-90
{
    width: 90px !important;
}
.score-btn
{
    margin-bottom: .3rem;
    margin-left: 1.5rem;
}
.score
{
    padding: 9px;
    background-color: gray;
    position: relative;
    position: absolute;
    top: -76px;
    left: -58px;
}
.score:before
{
    content: "";
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: gray transparent transparent transparent;
    transform: translateX(-50%);
    left: 50%;
}
.score-btn a
{
    text-decoration: none;
}
.h_auto
{
    height: auto;
}

.bpm-bar{
    width: 64px;
    height: 90%;
    background-color: #2c1344;
    border-radius: 10px;
	position: relative;
	margin-left: 8px;
    margin-top: 25px;
	font-family:Avenir-Medium;
}
.bpm-bar .skills{
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
    color: white;
	    text-align: center;
    height: 100vh;	
    position: absolute;
    bottom: 0;
	    width: 100%;
    top: auto;	
	font-family:Avenir-Medium;
	border-radius: 0 0 10px 10px;
}
.bpm-bar .skills.bpm{
	height: 64%;
    background: linear-gradient(0deg, 
	rgba(0,0,0,0.411659698058911) 0%, 
	rgba(0,0,0,0.4920518549216562) 37%, 
	rgba(155,81,224,0.4096989137451855) 67%, 
	rgba(255,0,0,0.49933476808692223) 85%, 
	rgba(255,0,0,0.6561975131849616) 100%);
    padding-top: 5px;
	font-family:Avenir-Medium;
    font-size: 25px;
}
.arrow-after>img{
	flex: 1;
}
.count-box .arrow-after .countdown{
	margin: 0 20px;
	font-family:Avenir-Medium;
}
.count-box .current-box{
	zoom:1.4;
	position: relative;
}
.bpm-bar .readings{
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    color: rgba(255,255,255,0.2);
    align-items: center;
    justify-content: space-between;
    font-size: 25px;
    padding-top: 5px;
    overflow: hidden;
	font-family:Avenir-Medium;
}
.bpm-bar .pop-text{
    position: absolute;
    bottom: 45%;
    transform: rotate(-90deg);
    width: 158px;
    height: 60px;
    left: -80px;
    z-index: 3;
    color: rgba(162, 160, 160, 0.8);
	font-family:Avenir-Medium;
	text-transform: uppercase;
    /*letter-spacing: 2px;*/
    font-size: 20px;
    font-weight: 800;
}

.participant-bpm
{
    left: 75%;
    position: absolute;;
    bottom: 50px;
    font-size: 25px;
    font-weight: bold;
}

@media (max-width:768px){
.arrow-after>img{
		width:100px;
	}
.count-box .arrow-after .countdown {
    margin: 0 15px;
    font-family: Avenir-Medium;
}
.count-box h4
{
    font-size: 13px;
}
}
@media (max-width:576px){
.arrow-after>img {
    width: 0;
}

}



/*------11. Prescreen popup----------*/
.prescreen-popup.show.modal{
	background: rgba(0,0,0,0.8);
}
.prescreen-popup .modal-header{
	padding: 0;
	    border: none;
}
.prescreen-popup .select-camera div{
	background:transparent !Important;
	text-align: center;
}
.prescreen-popup .select-camera video, .prescreen-popup .select-camera canvas{
	border-radius:10px;
}
.prescreen-popup .session-details{
	background: #2F2F2F;
    border-radius: 10px;
    padding: 10px 15px;
}
.prescreen-popup .prescreen-body{
	padding: 10px 15px;
}
.prescreen-popup .session-logo{
	width:165px;
}
.prescreen-popup .session-logo img{
	margin:auto;
	    /* padding: 0 10px; */
}
.prescreen-popup .participant-status{
    width: 250px;
    /* padding: 10px 15px; */
    padding: 8px 15px 5px 15px;
	border-radius: 10px;
}

.prescreen-popup .open-list{
	float:right;
	cursor:pointer;
}
.prescreen-popup .modal-content{
	    background-color: #000;
    border-radius: 12px;
    padding: 15px;
}
.prescreen-popup .time{
	    margin-left: 10px !important;
}
.prescreen-popup .popup-heading{
    font-family: Avenir-Book;
    color: #fff;
    font-size: 20px;
    margin: 14px 0 14px 10px;
}
.w-90{
	width:90%;
	max-width:90%;
}
.prescreen-popup .popup-heading>span{
	    color: #D8D8D8;
    font-size: 16px;
    margin-left: 20px;
	    position: relative;
}

.prescreen-popup .countdown-timer{
	    color: #fff;
    font-size: 27px;
    font-family: Avenir-Book;
	    float: right;
}
.count-timer{
    position: relative;
    top: -5px;
	margin: auto;
    margin-top: 8px;
    margin-bottom: 0px;
    min-height: 85px;
    min-width: 85px;
    max-height: 85px;
    max-width: 85px;
    text-align: center;
    border-radius: 50%;
    box-shadow: inset 0 0px 0px 4px #484848;
    border: 1px solid #484848;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
	z-index: 1;
}
.count-timer h4{
	font-family: Avenir-Book;
    color: rgba(255,255,255,0.5);
    font-weight: normal;
    font-size: 20px;
    text-align: justify;
    margin-top: 10px;
	width: 200px;
    position: absolute;
    left: auto;
    bottom: -32px;
    text-align: center;
    margin-bottom: 0px;
    line-height: 22px;
}
.footer-fitness-script .swiper-slide.swiper-slide-next .count-timer h4{
	font-size: 20px;
    color: #fff;
    font-weight: 600;
}
.prescreen-popup .signup-total, .prescreen-popup .online-total{
    color: #fff;
    font-family: Avenir-Book;
    font-size: 16px;
    display: block;
    text-align: center;
	width: 100%;
}
.prescreen-popup .signup-number, .prescreen-popup .online-number{
	    color: #BD00FF;
    font-family: Avenir-Heavy;
    text-align: center;
    font-size: 40px;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 45px;
    width: 100%;
}

.prescreen-popup .online-number{
	color:#6DD400;
}
.session-details .btn-primary{
	background: #BD00FF;
    background-color: #BD00FF!important;
    border-color: #BD00FF !important;
}
/* a#proceed
{
    font-size: 22px;
    display: inline-block;
    padding: 5px 12px;
    font-weight: bold;
    border-radius: 5px;
    color: white;
    background: #6DD400;
    float: right;
    text-decoration: none;
    margin-right: 10px;
}
a#change-setting
{
    font-size: 22px;
    display: inline-block;
    padding: 5px 12px;
    font-weight: bold;
    border-radius: 5px;
    color: white;
    background: #BD00FF;
    float: right;
    
    text-decoration: none;
} */
.prescreen-popup .online-status{
	font-size:12px !important;
	padding-left: 15px;
	margin-left: 6px !important;
    position: relative !important;
}

.prescreen-popup .online-status::after, 
.header .online-status span::after{
	content: '';
    width: 10px;
    height: 10px;
    background: #6DD400;
    position: absolute;
    left: 0;
    top: 2px;
    border-radius: 15px;
  /*  transform: translateY(4px);*/
}
.prescreen-popup .offline_stats::after,
.header .offline_stats span::after{
background: red !important;
/*transform: translateY(4px);*/
}
.green-online{
	font-size: 12px !important;
}

.prescreen-popup .small-heading{
    border-left: 4px solid #B002ED;
    color: #fff;
    font-family: Avenir-Medium;
    font-size: 17px;
    padding-left: 18px;
    margin-left: -14px;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}


.prescreen-popup .modal-footer{
	border:none;
	    justify-content: space-between;
}

.w-90{
	width:90%;
	max-width:90%;
}

.form-radio{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #ffff;
     color: #666;
     top: 10px;
         height: 23px;
    width: 23px;
     border-radius: 50%;
     cursor: pointer;     
     margin-right: 2px;
     outline: none;
}
.form-radio1
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* display: inline-block; */
    position: relative;
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #fff;
    top: 10px;
    height: 27px;
    width: 27px;
    border-radius: 7px;
    cursor: pointer;     
    margin-right: 2px;
    outline: none;
}
.input_field
{
    border: 1px solid white;
    background-color: transparent;
    border-radius: 5px;
    width: 100%;
    color: white;
    height: 35px;
}
.input_field:focus
{
    outline: none;
}
/* .form-radio1:checked {
    background-color: #ffffff;
    border: none;
    border-radius: 50px;
} */
.form-radio1:checked::before {
    position: absolute;
    font-family: 'FontAwesome';
    left: 5px;
    top: 3px;
    font-size: 13px;
    color: #fff;
    content: '\f00c';
}

.check-camera .fa-microphone{
	    color: #B002ED;
    vertical-align: sub;
    margin-right: 6px;
    font-size: 20px;
	
}

@media (max-width:1024px){
	.participant-status .border-right-gray2{
	border-right:0 !important;
}
}

.check-camera{
	display:grid;
	grid-template-columns: 50% 50%;
}

.check-camera-audience, .check-camera-resolutions{
    display:grid;
    grid-template-columns: 10% 90%;
    padding: 5px 5px;
}

.check-camera-host{
    display:grid;
    grid-template-columns: 10% 90%;
    padding: 5px 5px;
}

#audio-media-content .check-camera
{
	display: block;
}
#audio-media-content .check-camera label
{
	vertical-align: top;
}

.select-camera .check-camera{
	display:block;
}

.form-radio:checked::before{
    position: absolute;
    font-family: 'FontAwesome';
	left: 5px;
    top: 2px;
    font-size: 13px;
    color: #6D118C;
    content: '\f00c';
}

.check-camera-audience label{
    color: #fff;
    font-family: Avenir-Book;
    font-size: 14px;
    vertical-align: sub;
    margin: 0;
    cursor: pointer;
        display: inline;
}
.check-camera-audience>div{
    display: flex;
    align-items:baseline;
}
.check-camera-audience>div .form-radio{
    flex: 0 0 23px;
    top: 7px;
    margin-right: 9px;
}

.check-camera-resolutions label{
    color: #fff;
    font-family: Avenir-Book;
    font-size: 14px;
    vertical-align: sub;
    margin: 0;
    cursor: pointer;
        display: inline;
}
.check-camera-resolutions>div{
    display: flex;
    align-items:baseline;
}
.check-camera-resolutions>div .form-radio{
    flex: 0 0 23px;
    top: 7px;
    margin-right: 9px;
}

.check-camera-host label{
    color: #fff;
    font-family: Avenir-Book;
    font-size: 14px;
    vertical-align: sub;
    margin: 0;
    cursor: pointer;
    display: inline;
}
.check-camera-host>div{
    display: flex;
    align-items:baseline;
}
.check-camera-host>div .form-radio{
    flex: 0 0 23px;
    top: 7px;
    margin-right: 9px;
}

.check-camera label, .one_off_option label{
    color: #fff;
    font-family: Avenir-Book;
    font-size: 14px;
    vertical-align: sub;
    margin: 0;
    cursor: pointer;
	display: inline;
}
.check-camera>div{
	display: flex;
	align-items:baseline;
}
.check-camera>div .form-radio{
	flex: 0 0 23px;
    top: 7px;
    margin-right: 9px;
}
.video-streams.select-camera{
	min-height:160px;
}
.video-streams.select-camera div{
	background: transparent !Important;
    text-align: center;
}
.video-streams.select-camera video, .video-streams.select-camera canvas{
	border-radius:10px !important;
	max-width: 100%;
}
.form-radio:checked{
         background-color: #BCA4FF;
	     border: none;
		 border-radius: 50px;
}
.max-w-170{
	max-width:170px;
}
.font-20{
	font-size:20px !important;
}
.network-wifi{
	width: 50%;
}
.heart-rate{
	width:20%;
	margin-left: 0.5rem !important;
}

.heart-rate.new_with25
{
	width: auto;
}

.network-wifi .signup-number{
	font-size: 22px;
    float: right;
    width: 60px;
    text-align: center;
}
.fill-wifi{
    position: absolute;
    right: -20px;
    bottom: 3px;
    height: 91px;
}
.wave {
display: inline-block;
    border: 12px solid transparent;
    border-top-color: #6DD400;
    border-radius: 50%;
    border-style: solid;
    margin: 9px;
}

  
  
.waveStrength-3 .wv4.wave,
.waveStrength-2 .wv4.wave,
.waveStrength-2 .wv3.wave,
.waveStrength-1 .wv4.wave,
.waveStrength-1 .wv3.wave,
.waveStrength-1 .wv2.wave {
	border-top-color: #565656;
}  
.waveStrength-0 .wave{
    border-top-color: #777;
}
.waveStrength-0 .wv1{
        background: #777;
}

.wv1{
	border: 8px solid transparent;
    background: #6DD400;
}
@media (max-width:1024px){
.wave {
    border: 5px solid transparent;
    margin: 5px;
	    border-top-color: #6DD400;
}
.fill-wifi {
    right: 0px;
    height: 52px;
}
.wv1 {
    border: 5px solid transparent;
    background: #6DD400;
}
}
.btn-join{
	background: rgba(189,0,255, 0.53) !important;
    border-color: rgba(189,0,255, 0.53) !important;
    font-size: 20px;
    font-weight: 600;
    font-family: Avenir-Medium;
	padding-bottom: 0.4rem !important;
    padding-top: 0.4rem !important;
    border: none;
}
.btn-channel
{
    background: rgba(189,0,255, 0.53) !important;
    border-color: rgba(189,0,255, 0.53) !important;
    font-size: 15px;
    font-weight: 600;
    font-family: Avenir-Medium;
    padding-bottom: 0.4rem !important;
    padding-top: 0.4rem !important;
    border: none;
}
.w110{
	width:110px !important;
}
.w125{
    width:125px !important;   
}
.w145{
    width:145px !important;   
}
.btn-leave{
	font-size: 20px;
	padding-bottom: 0.4rem !important;
    padding-top: 0.4rem !important
}
.btn-join:disabled{
	opacity:0.6;
	cursor:default;
}
.joiners img{
    margin-right: 9px;
    width: 42px;
    height: 35px;
    border-radius: 7px;
    object-fit: cover;
}
.joiners span{
	color:#fff;
	font-family:Avenir-Medium;
	margin-right:30px;
	margin-bottom:15px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 10px 15px;
}
@media (max-width:1280px){
	.prescreen-popup .signup-number, .prescreen-popup .online-number{      
		
	}
}
@media (max-width:1100px){
	.prescreen-popup .small-heading{
		font-size:16px;
	}
	.prescreen-popup .popup-heading{
		font-size:20px;
	}
	.prescreen-popup .countdown-timer{
		font-size:26px;
	}
}
.time-session{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
@media (max-width:1124px){
	.time-session{
		
	}
}
.online-streams{
    width: 75%;
    justify-content: space-between;
    display: flex;
}
.online-streams .online-total{

    float: left;
    /* margin-left: 17px; */
}
.select-audio{
	margin-right: 0 !important;
	margin-left: 0.5rem !important;
	margin-bottom: 0 !important;
		    margin-top: 0 !important;
}
@media (max-width:1024px){
	.network-wifi{
		width:100%;
	}
	.heart-rate {
    width: 100%;
	margin-left: 0 !important;
}
	.select-audio{
	margin-right: 0 !important;
	margin-left: 0 !important;
	    margin-bottom: 0.5rem !important;
		    margin-top: 0.5rem !important;
}
	.prescreen-footer{
	flex-wrap:wrap;
}
}

@media screen and (max-width:991px){
	.prescreen-popup .participant-status .border-right-gray{
	border:0;
}

.time-session{
	    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}
.prescreen-popup.show.modal{
	align-items: flex-start;
}

}
@media screen and (max-width:768px){
	.prescreen-popup .participant-status{
		width:100%;
	}
}

/* 12. Register Page */
.register-page{
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items:center;

}
.register-page .select-client, .register-page .select-host{
	    background: rgba(216,216,216,0.18);
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
	    position: relative;
		    width: 140px;
    height: 140px;
	    display: flex;
    align-items: center;
    justify-content: center;
}
.register-page .select-usertype{
	    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}
.register-page .select-usertype p{
	font-size: 24px;
    margin: 20px 0;
}
.register-page .op1{
	opacity:1;
}
.register-page .op3{
	opacity:0.3;
}
.register-page .select-client{
	float:right;
}
.register-page .select-usertype .select-icon{
	    width: 65px;
    margin: auto;
}
.select-usertype .select-this{
		    position: absolute;
    right: 3px;
    top: 5px;
}
.register-page .register-box .form-horizontal {
    background: #212121;
    background-size: cover;
	    border-radius: 12px;
}
.register-page .register-box .form-group input{
	height:40px;
}
.register-page img.user-login {
    position: absolute;
    right: 15px;
    top: 35px;
    width: 15px;
}
.register-box .register-inner{
	box-shadow:none;
}
.signup-details span{
color: #7C7C7C;
    font-family: Avenir-Medium;
    font-size: 14px;
}
.signup-details p{
	font-family: Avenir-Medium;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
	margin-top: 5px;
	    margin-bottom: 20px;
}
.signup-details img{
	    margin-right: 15px;
    vertical-align: baseline;
}
.verify-details h3{
	    color: #fff;
    font-family: Avenir-Book;
    font-size: 22px;
}
.verify-details p{
	    color: #7C7C7C;
    font-size: 18px;
}
.sms-email{
	
}
.by-sms img, .by-email img{
	    width: 70px;
}
.by-sms>div{
	background: rgba(216,216,216,0.18);
    padding: 20px;
    border-radius: 10px;
    width: 160px;
    display: flex;
    justify-content: center;
    height: 160px;
    align-items: center;
	margin-right: 10px;
}
.by-email>div{
	background: rgba(216,216,216,0.10);
	    padding: 20px;
    border-radius: 10px;
    width: 160px;
    display: flex;
    justify-content: center;
    height: 160px;
    align-items: center;
}
@media (max-width:1024px){
	.by-sms>div, .by-email>div{
		width:140px;
		height:140px;
	}
}
.font-18{
	font-size:18px !important;
}
.enter-otp input[type=text]{
	background: transparent;
    border: 1.4px solid #B002ED;
       width: 60%;
    height: 60px;
    color: #B002ED;
    font-size: 16px;
    border-radius: 10px 10px 10px 10px;
}
.enter-otp input[type=text]:focus{
	box-shadow:none;
}
.enter-otp p{
	    width: 130px;
    margin: 0;
    line-height: normal;
}
.enter-otp p a{
	    color: #B002ED;
    font-size: 14px;
    font-weight: 700;
	text-decoration:none;
}
.register-page .carousel-inner{
	overflow: inherit;
}
.registration{
	padding: 15px 0;
    overflow: inherit;
}
.signup-sucess a{
	text-decoration:none;
}
.signup-sucess h3{
	color: #fff;
    font-family: Avenir-Black;
    margin: 20px 0;
    font-size: 30px;
}
.signup-sucess p{
	    color: #fff;
    font-family: Avenir-Book;
    font-size: 18px;
}




/* 13. Verification Page */
.verification-page .text-success{
	color: #6DD400!important;
    font-size: 24px;
    text-align: center;
    font-family: Avenir-Medium;
}


/* 14. Music List  */
.modal-open .modal.music-list{
	background: rgba(0,0,0,0.8);
	padding-left: 15px;
}

.music-list .modal-header{
	border: 0;
}
.music-list .close {
    float: left;
    font-size: 40px;
    font-weight: 100;
    line-height: 1;
    color: #bd00ff;
    text-shadow: none;
    opacity: 1;
	margin-right: auto;
    margin-left: 0;
    padding: 10px 0;
}
ul.music-playlist{
	margin: 0;
    padding: 0;
}
ul.music-playlist li{
	    margin: 0;
    list-style: none;
}
ul.music-playlist li a{
color: #fff;
    text-decoration: none !important;
    width: 100%;
    position: relative;
    display: block;
    padding: 20px 10px;
    border-top: 1px solid #4B4C55;
    border-bottom: 1px solid #4B4C55;
}
ul.music-playlist li a span:nth-child(1){
	font-family: Avenir-Heavy;
    display: block;
    font-size: 17px;
}
ul.music-playlist li a span:nth-child(2){
	    font-family: Avenir-Book;
    display: block;
	    font-size: 13px;
}
ul.music-playlist li a span:nth-child(3){
	float: right;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.music-list .modal-body{
	padding: 0 10px;
}
.mob-bg{
		background: url(../media/video_mobile_banner.jpg)no-repeat;
    background-size: cover;
    height: auto;
    float: left;
    width: 100%;
	background-position: center;
	}




.modal-open .modal.attendy-list {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0,0,0,0.93);
}
.attendy-list .modal-content{ 
        /* background: #343434; */
        background: #2a2a2a;
        border-radius: 8px;
}
.attendy-list .modal-title{
	color:#fff;
}
.attendy-list .modal-title {
    color: #fff;
	font-family: Avenir-Book;
}
.attendy-list .close {
    float: right;
    font-size: 40px;
    font-weight: 100;
    line-height: 1;
    color: #bd00ff;
    text-shadow: none;
    opacity: 1;
}
.attendy-list .table tbody tr th img{
	width: 42px;
    object-fit: cover;
    border-radius: 6px;
    height: 35px;
}
.attendy-list .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #565656;
    color: #fff;
    font-family: Avenir-Book;
    font-size: 14px;
}
.attendy-list .table th, .attendy-list .table td {
    padding: 0.75rem;
    vertical-align: middle;
    border-top: 1px solid #565656;
    color: #fff;
    font-family: Avenir-Book;
}
.attendy-list .table td{
    font-size: 18px;
    letter-spacing: 1px;
	text-align: center;
}
.attendy-list .modal-header{
	border-bottom:0;
}
.attendy-list .modal-body{
	padding-top:0;
}
.attendy-list .table thead th{
	border-top: 2px solid #bd00ff;
	padding: 15px 10px;
	text-align: center;
}
.attendy-list .table {
    margin-bottom: 0;
}
.attendy-list .modal-dialog{
    max-width: 96%;
    margin: 1.75rem auto;
    display: flex;
    align-items: center;
}
.attendy-list .table th:nth-child(1), 
.attendy-list .table td:nth-child(1){
	padding-left:0;
	padding-right:0;
}
.fitness-script1 .table th:nth-child(1), 
.fitness-script1 .table td:nth-child(1){
text-align:left;
}


/* ---------Attendees Screen------------------- */
.transparent-gray{
    
    background: rgba(155,81,224,0.9);
    position: relative;
    z-index: 3;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 10px 0px 0px 15px;
	    float: left;
}

.transparent-gray.new_zIndx
{
	z-index: 9991;
}

.transparentt
{
    background: rgba(62,62,62,0) !important;
    padding-top: 0px;
}
.slide-right-left{
	/* -webkit-transition: width 600ms; 
  transition: width 600ms; */
  max-width: 310;
  min-width: 180px;
  padding: 20px 5px 10px;
  float: right;
      position: relative;
    z-index: 4;
    /* overflow: hidden; */
	height: 100%;
}
.v-logo img{
	width: 22px;
	margin: auto;
}
.fix-host{
	position:absolute !important;
	width: 100%;
    left: 0;
    top: 0;
	    object-fit: fill;
    height: 100%;
    min-height: 100%;
}
.fix-host div{
    height: 100%;
}
.overlay:before{
	content: '';
    background: url(./../images/overlay.png);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
	background-size: cover;
    background-position: center;
}
.default-btns .btn img, .default-btns .btn .fa-microphone {
    width:20px;
    height: 20px;
}
.default-btns .btn .fa-microphone-slash {
    width:20px;
    height: 20px;
}
@media (max-width:767px){
	.v-logo, .center-mob{
		justify-content:center !important;
	}
}


/* right-sidebar */
.right-sidebar{
	height: 100%;
    max-width: 100%;
    /*float: right;*/
}
.show-others{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 10px 6.5px 0px;
    border-color: transparent #ffffff transparent transparent;
    background: transparent;
    outline: none;
    cursor: pointer;
    bottom: 15px;
    position: absolute;
    left: -10px;
    right: 0;
}
.slide-right-left .show-others
{
    position: relative !important;
    bottom: 0;
    left: 15px;
}
    
.minimize-others{
background: transparent;
background:url(./../images/exit-screen.png);
	background-size: 22px;
    background-repeat: no-repeat;
	background-position: center;
    outline: none;
    border: 0;
    width: 26px;
    height: 26px;
    margin: auto;
    display: table;
	bottom: 15px;
    position: absolute;
    left: -10px;
    right: 0;
	
}
.slide-right-left .minimize-others
{
    /* position: relative;
    bottom: 0;
    left: 4px; */
    max-width: 240px;
    min-width: 180px;
    position: relative !important;
    bottom: 0 !important;
    
    float: right;
    
}
.opacity-fade
{
    opacity: 0.5 !important;
}

.show-others:focus, .minimize-others:focus{
outline: none;
}
.show-everyone{
	display:block;
}
.right-sidebar .title{
	font-family: 'Avenir-Medium';
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin: 0 0 0 7px;
	display: none;
}
.right-sidebar .title span {
    font-family: Avenir-Book;
}
.right-sidebar .head span.count {
	font-family: 'Avenir-Book';
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-left: 7px;
}
.joined-attendees{
    float: left;
    width: 100%;    
}
.text_name
{
    background:rgba(255, 255, 255, 0.4);
    border-radius: 5px;
    left: 5px;
    bottom: 5px;
    color: #000;
    font-size: 16px;
    font-family: Avenir-Heavy;
}
.text_name p
{
    font-size: 16px;
}
.list_participant
{
    overflow: hidden;
    z-index: 1000;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.list_participant::-webkit-scrollbar{
	width:6px;
	background:#ccc;
}
.list_participant::-webkit-scrollbar-thumb{
	width:6px;
	background:#000;
}
.list_participant::-webkit-scrollbar-track{
	width:5px;
	background: transparent;
}

.joined-member-list{
	overflow-y:auto;
	padding-right: 6px;
    overflow-x: hidden;
	max-height: 70vh;
}
.joined-member-list::-webkit-scrollbar{
	width:6px;
	background:#ccc;
}
.joined-member-list::-webkit-scrollbar-thumb{
	width:6px;
	background:#000;
}
.joined-list::-webkit-scrollbar{
	width:5px;
}
.joined-list::-webkit-scrollbar-track{
	width:5px;
	background: transparent;
}
.joined-list::-webkit-scrollbar-thumb{
	width:5px;
	background:rgb(110, 105, 105);
}
.attendee-list{
	background: #000;
    border-radius: 10px;
    padding: 5px;
	float: left;
    width: 100%;
    margin: 1px 0;
	position:relative;
	-webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.attendee-list>img{
float: left;
    width: 42px;
    height: 35px;
    object-fit: cover;
    margin-right: 10px;
    border-radius: 10px;
}
.attendee-list>span{
	color: #fff;
    font-family: Avenir-Medium;
    font-size: 14px;
    width: auto;
    float: left;

}
.attendee-list>span .fa{
	font-size: 14px;
}
.attendee-list>span>span{
	float: left;
    width: 100%;
    font-family: Avenir-Heavy;
    color: #9A9A9A;
    font-size: 13px;
}

/* item-description  */
.detail-model{
	background:#2B2B2B;
	border-radius:10px;
	padding:25px 30px !important;
}




/* footer */
.footer{
    width: 100%;
    bottom: 10px;
    right: 0px;
    display: flex;
}
.bottom-links li a, .score-btn a{
	color: #fff;
    text-decoration: none;
    font-family: Avenir-Heavy;
    font-size: 15px;
    text-align: center;
    padding: 4px 4px 0px 4px;
}
.emoji_txt
{
    font-size: 15px;
    color: black;
    margin-bottom: 0 !important;
    text-align: center;
    min-width: 50px;
    line-height: 19px;
}
.bottom-links .dropup .dropdown-menu{
	border-radius: 10px;
    background: rgba(255,255,255,0.7);
    padding: 7px 10px 0px 10px;
    
    min-width: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 44px !important;
    width: fit-content;
    width: max-content;
    max-width: 470px;
    top: auto !important;
    max-height: calc(100vh - 50vh);
    overflow-y: auto;
    
   
    /* overflow: hidden; */
}
.bottom-links .dropup .dropdown-menu::-webkit-scrollbar {
    width: 5px;
    border-radius: 3px;
  }
  .bottom-links .dropup .dropdown-menu::-webkit-scrollbar-track {
    background: #494949;
    border-radius: 3px;
  }
  
  .bottom-links .dropup .dropdown-menu::-webkit-scrollbar-thumb {
    background: #757575;
    border-radius: 3px;
  }
.bottom-links .dropup li{
    position:relative;
    padding: 0.25rem .6rem 0.1rem .6rem;
}
.bottom-links .dropup .dropdown-menu::after{
	content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -14px;
    display: table;
    width: 100%;
    text-align: center;
    color: rgba(255,255,255,0.7);
    font-size: 16px !important;
}
.bottom-links .dropup .dropdown-menu a{
	float: left;
}
.bottom-links .dropup .dropdown-menu a img{
    width: 40px;
    height: 40px;
}
.bottom-links .dropup .dropdown-toggle::after{
	display:none;
}
.self-video{
    max-width: 100%;
}
.self-video video, .self-video canvas{
	width: 100%;
    border-radius: 10px;
}
.self-video1{
	position:absolute;
	bottom:0;
	right:8px;
	max-width:220px;
	display:block;
}
.self-video1 video, .self-video1 canvas{
	width: 100%;
    border-radius: 10px;	
}

@media (max-width:768px){
	.swiper-fitness-container{
		width:100% !important;
	}
	.self-video1{
		display:none;
	}
}

/* privacy policy */
.privacy-policy{
	background:#000;
}
.privacy-policy h3{
	    color: #fff;
    font-family: Avenir-Medium;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    margin: 30px 0;
}
.privacy-policy p{
	    color: #ccc;
    padding: 0 20px;
    text-align: justify;
}



/*   coming soon   */
body.coming-soon{
	background: #000 url(./../images/bg.png);
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
.black-coming-bg{
	background: rgba(0,0,0,0.2);
    position: absolute;
    width: 100%;
    bottom: 0;
	padding-bottom:20px;
}
@media (max-width:991px){
	.black-coming-bg{
		background: rgba(0,0,0,0.6);
	}
}
.black-coming-bg .form-elements h3{
	margin: 15px 0;
    font-size: 20px;
}
.black-coming-bg .form-group input {
    background: rgba(176,2,237,0.25);
    border: 1.4px solid #B002ED;
    height: 60px;
    color: #fff !important;
    font-size: 16px;
    border-radius:10px;
	margin-top: 13px;
}
.black-coming-bg .form-group input:focus {
    box-shadow: none;
	border: 1.4px solid #B002ED;
    background: rgba(176,2,237,0.25);
}
.black-coming-bg .form-group input::placeholder{
	color:#fff;
}
.black-coming-bg .form-group input.small-input{
	height: 46px;
    font-size: 14px;
}
@media (min-width: 1200px){
	.black-coming-bg  .container {
    max-width: 95%;
}
}

.black-coming-bg .items-collection label{
	width: auto;
    border: 1.4px solid #B002ED;
    margin: 5px;
    padding: 7px 17px;
    border-radius: 35px;
    font-size: 14px;
    font-family: "Avenir-Medium";
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
}
.black-coming-bg .items-collection label.active, .items-collection label:hover{
	background:#B002ED;
}
.black-coming-bg .form-group {
    margin-bottom: 0;
}	
.black-coming-bg .items-collection label input[type=checkbox]{
	height:0px;
	width:0px;
}

.black-coming-bg a.submit-btn{
border: 1.4px solid #B002ED;
    padding: 25px 50px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    align-items: center;
    font-family: Avenir-Medium;
    text-decoration: none;
	height: 150px;
    justify-content: center;
}
.black-coming-bg a.submit-btn img{
	    width: 45px;
    margin-bottom: 5px;
}




/* DEV CSS */
.video-streams video, .video-streams canvas {position: relative !important;}
.video-streams>div{
	border-radius:10px;
}

.welcome-title{ text-transform: capitalize; }


.prevent-click{position: absolute; height: 100%; width: 100%; left: 0; top:0; z-index: 9;}

#exptn-errors{
	display:none !important;
}

.expand-ondemand{
    position: absolute;
    top: 0;
    right: 19%;
    padding: 6px 18px;
    font-size: 18px;
    cursor: pointer;
    z-index: 99;
}

.expand-host{
    position: absolute;
    top: 9%;
    right: 17%;
    padding: 6px 18px;
    font-size: 18px;
    cursor: pointer;
    z-index: 99;
}
.click-zoom-mainview{
    position: absolute;
    top: 10px;
    left: 180px;
    color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    border-radius: 0 8px 0 0;
    cursor: pointer;
    z-index: 999;
}

.click-zoom{
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    background: #9b51e0;
    border-radius: 0 8px 0 0;
    cursor: pointer;
    z-index: 99;
}
.click-zoom img
{
    width: 30px;
    height: 30px;
}
.pre-click-zoom{
    position: absolute;
    right: 0px;
    color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    background: #9b51e0;
    border-radius: 0 8px 0 0;
    cursor: pointer;
    z-index: 99;
}
.pre-click-zoom img
{
    width: 30px;
    height: 30px;
}

.click-camera-mainview{
    position: absolute;
    top: 10px;
    left: 105px;
    color: #fff;
    padding: 2px 8px;
    font-size: 18px;
    border-radius: 8px 0 0 0;
    cursor: pointer;
    z-index: 99;
}
.click-switch-camera-mainview{
    position: absolute;
    top: 10px;
    left: 151px;
    color: #fff;
    padding: 2px 8px;
    font-size: 18px;
    cursor: pointer;
    z-index: 99;
    height: 40px;
} 
.click-camera{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 2px 8px;
    font-size: 18px;
    background: #9b51e0;
    border-radius: 8px 0 0 0;
    cursor: pointer;
    z-index: 99;
}

.click-switch-camera{
    position: absolute;
    top: 0;
    left: 50px;
    color: #fff;
    padding: 2px 8px;
    font-size: 18px;
    background: #9b51e0;
    cursor: pointer;
    z-index: 99;
    height: 40px;
}   
.change-camera{
    position: absolute;
    z-index: 9999;
    bottom: 100%;
    margin-bottom: 2px;
    background-color: #2F2F2F;
    width: 20%;
    border-radius: 8px;
    padding-bottom: 15px;
}
.change-camera-host{
    position: absolute;
    z-index: 7;
    bottom: 0;
    margin-bottom: 5px;
    background-color: #2F2F2F;
    width: 21%;
    border-radius: 8px;
    padding-bottom: 15px;
    border: 1px solid #fff;
}
.check-camera-audience .form-radio:checked, .check-camera-resolutions .form-radio:checked {
       background-color: #BCA4FF;
}
.check-camera-audience .form-radio, .check-camera-resolutions .form-radio {
    border: none;
}
.check-camera-audience .form-radio:checked::before, .check-camera-resolutions .form-radio:checked::before {
    left: 6px;
    top: -9px;
    color: #6D118C;
}

.check-camera-host .form-radio:checked{
     background-color: #BCA4FF;
}
.check-camera-host .form-radio{
    border: none;
}
.check-camera-host .form-radio:checked::before{
    left: 6px;
    top: -9px;
    color: #6D118C;
}

.arrow-up 
{
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.arrow-down 
{
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.camera-heading
{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-left: 10px;
}
.click-zoom.go_left
{
	right: auto;
	left: 0;
	
	border-radius: 8px 0 0 0;
}

.welcome-msg{
    color: #fff;
    font-family: Avenir-Medium;
    font-size: 15px;
}

/*------------Order Wines slide 22---------*/

.closepopup {
    color: #BD00FF !important;
    font-size: 32px !important;
    font-weight: normal !important;
    text-shadow: none;
    font-size: 40px !important;
}
#sessionAlert
{
    background: black !important;
}
.suborder{

    margin: 0 auto;

    width: 190px;

    height: 60px;

    }

    .suborder-2{

    border-radius: 35px;

    background: #5d067c;

    color: #fff;

    text-align: center;

    font-family: "Avenir-Book";

    font-size: 18px;

    text-transform: uppercase;

    font-weight: bold;

    cursor: pointer;

    border:none;

    width: 190px;

    height: 60px;

    margin-top: 80px;

    letter-spacing: 2px;

}

.winesbg{

    background: #262626 !important;

    max-width: 1200px !important;

    margin:0 auto;

    border:none !important;

    color: #fff;

}

.winesbg .aroma-icon{
    width: 34px;
    height: 34px;
    margin: 2px;
}

 

.winesbg h1{

color: #fff;

font-family: Avenir-Medium;

font-size: 20px;

padding-bottom: 20px;

}

.winesbg h2:before {

content: url(./../images/eye.png);

background-repeat: no-repeat;

background-position: right;

position: absolute;

left: 0px;

}

.totalText {
    font-size: 25px;
    }

     .shopping-btn
    {
        padding: 10px 15px;
        background-color: #9b51e0;
        color: white;
        outline: none;
        border: none;
        border-radius: 8px;
    }
    .shopping-btn img
    {
        width: 16px;
        margin-right: 10px;

    }

@media only screen and (max-width: 610px) {

    .winesbg h2:before {

content: url(./../images/eye.png);

background-repeat: no-repeat;

background-position: right;

position: absolute;

left:-14px !important;

}

 }

 

.winesbg h2{

color: #fff;

font-family: Avenir-Medium;

font-size: 20px;

padding-bottom: 20px;

}

 

.winesbg p{

color: #fff;

font-family: "Avenir-Book";

font-size: 15px;
/* 
text-transform: uppercase; */

}

.border-bot{

    border-bottom: 1px solid #414141 !important;
    margin-bottom: 12px;

}

.border-total{

    border-bottom: 1px solid #414141 !important;

    padding-bottom: 92.5px !important;

}

.border-qty{

    border-bottom: 1px solid #414141 !important;

    padding-bottom: 15px !important;

}

.violetborder{

   border-bottom: 2px solid #9b51e0 !important;

}

 

.quantity{

    display: flex;

    margin-bottom: 12px;

}

.quantity-digit{

padding: 10px 18px 0px 10px;

}

.quantity-score{

    width: 57px;

    margin:0 auto;

    background: #ccc;

}

.order-bt{

    width: 267px;

    margin: 0 auto !important;

}

.ss{

    float: right !important;

}

/*------------End Order Wines slide 22---------*/

.playlist_menu
{
	position: absolute;
}

#btn-start-playlist
{
	position: relative;
}

.relative_item
{
	position: relative;
}

.playlist_menu
{
	display: none;
	
	top: 0px;
	right: -60px;
	
	padding-top: 5px;
	
	z-index: 100;
	
}
.playlist_menu.active
{
	display: block;
	
	z-index: 99999;
}

.playlist_menu .play_menu_item {
	position: relative;
	width: 40px;
	height: 37px;
	 
	margin: 1px 0;
	
	background-color: rgba(0,0,0, 0.4);
	background-image: url(./../images/play_button.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px auto;
	
	cursor: pointer;
}



.play_menu_item.no_background
{
	background-image: none;
}

.playlist_menu .play_menu_item.volume
{ 
	background-image: url(./../images/volume_controll.png);
}

.playlist_menu .play_menu_item.volume.no_volume
{
	background-image: url(./../images/no_sound.png);
}

.playlist_menu .play_menu_item.list
{
	background-image: url(./../images/music_playlist.png);
}

.playlist_menu .play_menu_item.sharevideo
{
	background-image: url(./../images/icon_speaker.svg);
}


.playlist_menu .play_menu_item.active{
	background-color: #9b51e0;
}

.plist_menu
{
	//display: none;
	position: absolute;
	right: 0;
	top: 7px;
	width: 250px;
	max-height: 150px;
	padding: 10px 0;
	
	background: #9b51e0;
	border-radius: 0 10px 10px 10px;
	
	color: #fff;
	
	overflow: auto;
	transform: translateX(100%);
	
	
}

.plist_menu.big_menu
{
	display: block;
	
	z-index: 100;
}

.plist_menu.active{
	
}

.plist_menu_item
{
	position: relative;
	
	padding: 5px 10px;
	
	border-bottom: 1px solid rgba(255,255,255, 0.3);
	
	cursor: pointer;
}

.plist_menu_item:hover
{
	background: #7938b7;
}

.plist_menu .plist_menu_item:last-child
{
	border: none;
}

.play_menu_item.play .plist_menu, .play_menu_item.volume .plist_menu
{
	top: 0;
	height: 100%;
	width: 290px;

	padding: 0;
	
	border-radius: 0 10px 10px 0;
	background-color: rgba(0,0,0, 0.4);
	box-shadow: 0 0 3px 1px rgba(255, 255,255, 0.3);
}

.play_menu_item.volume .plist_menu
{
	width: 200px;
}

.play_menu_item.play .plist_menu_item
{
	padding: 0px 10px;
}

.play_menu_item.playing_song
{
	background-image: url(./../images/pause_song.png);
}

.plist_menu_item .song_duration
{
	position: absolute;
	right: 15px;
	top: 50%;
	
	transform: translateY(-50%);
	font-size: 11px;
}

.plist_menu_item .song_duration.song_playing:before
{
	content: "";
	position: absolute;
	top: -1px;
	left: -25px;
	width: 20px;
	height: 20px;
	
	background-image: url(./../images/play_button.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px auto;
}

.plist_menu_item .song_duration.song_paused:before
{
	content: "";
	position: absolute;
	top: -1px;
	left: -25px;
	width: 20px;
	height: 20px;
	
	background-image: url(./../images/pause_song.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px auto;
}

.song_info .song_title
{
	padding-right: 35px;
	
	font-size: 14px;
}

.song_info .song_artist
{
	font-size: 11px;
}

.play_menu_item .plist_song_slide
{
	position: relative;
	width: 90%;
	margin: auto;
	height: 5px;
	
	background-color: #e1e1e1;
	
	border-radius: 10px;
}

.play_menu_item.volume .plist_menu
{
	display: flex;
}

.play_menu_item.volume .plist_menu .plist_menu_item
{
	width: 100%;
	align-self: center;
}

.plist_song_slide_width, .plist_song_slide_indicator
{
	position: absolute;
}

.plist_song_slide_width
{
	width: 20%;
	height: 100%;
	background-color: #9b51e0;
	
	border-radius: 10px;
}

.plist_song_slide_indicator
{
	width: 20px;
	height: 20px;
	left: 20%;
	top: 50%;
	
	background-color: #9b51e0;
	border-radius: 100%;
	
	transform: translate(-50%,-50%);
	
}
/**ADD NEW CLASS BY MANMOHAN***/
.pin{
    background-image: url("https://img.icons8.com/ios/20/de1738/pin.png");
    width:20px;
    height:20px;
    padding-bottom: 20px;
    background-repeat:no-repeat;
    /* background-color:rgba(185, 178, 178, 0.3); */
}

.unpin{
    background-image: url("https://img.icons8.com/ios/20/de1738/unpin.png");
    width:20px;
    height:20px;
    padding-bottom: 20px;
    background-repeat:no-repeat;
    /* background-color:rgba(185, 178, 178,0.3); */
}

.pinDetails {
    bottom: 90px;
    margin-top: -14px;
    margin-bottom: 2px;
    width: 50px;
    border-radius: 10px;
    left: 7px;
    height: auto;
	display: flex;
}

.pinDetails a {
    background-color: #fff;
    padding: 2px;
}

.close-host-model-btn{
	margin: -5px 0 0 40px;
    color: #fefdff;
    z-index: 99;
    text-shadow: none;
    opacity: 1;
    font-size: 36px;
    padding: 0 !important;
    display: flex;
    font-weight: inherit;
}

 .save-host-model-btn {
    position: relative;
	margin: 1% 40% 0 38%;
    background-color: #5a318d;
    height: 44px;
    width: 88px;
    color: white;
    z-index: 99;
    opacity: 1;
    font-size: 20px;  
    font-weight: inherit;
    cursor: pointer !important;   
}

.save-host-model-btn:focus, .save-host-model-btn:hover {
    color: white;
}

/**FOR HOST SETTING POP**/
.host_box
{
    background-color: #af51e0;
}
.host_setting_position
{
    float: right;
    margin:2% 6% 0 0;
}
.host-white-text{
	color: #eee;
    font-family: Avenir-Book;
    font-size: 18px;
    padding: 0 20px 20px 20px;
    margin-right: 20px;
    vertical-align: middle;
    width: 530px;

}
.input_field_host{
    background-color: #9D64E0;
    font-weight: inherit;
    border-radius: 8px;
    color: #eee;
    height: 50px;
    width: 420px;
    border-left: 4px solid #653d96;
    border-right: 4px solid #653d96;
    border-bottom: 4px solid #653d96;
    border-top: 0.0px solid #653d96;
}
.form-control_host:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.bulb_popup_host{
        width: auto;
        background-color: #9b51e0;
        position: absolute;
        font-size: 14px;
        left: 250px;
        z-index: 99;
        border-radius: 10px;
}
.bulb-host-model-btn{
	margin: -5px 0 0 40px;
    color: #fefdff;
    z-index: 99;
    text-shadow: none;
    opacity: 1;
    font-size: 16px;
    padding: 0 !important;
    display: flex;
    font-weight: inherit;
}

.popup_content_host{
    font-size:16px;
}
.default_resol{
    font-size:16px;
}
/**HOST SETTING popup toogle slider start**/
.switch {
    margin: 18% 3px 0 0;
    position: relative;  
    display: inline-block;  
    width: 45px;  
    height: 22px;  
  }  
  /* Hide default HTML checkbox */  
  .switch input {  
    opacity: 0;  
    width: 0;  
    height: 0;  
  } 
  /* The slider */  
  .slider {  
    position: absolute;  
    cursor: pointer;  
    top: 0;  
    left: 0;  
    right: 0;  
    bottom: 0;  
    background-color: #b4b3b4;  
    -webkit-transition: .4s;  
    transition: .4s;  
  }  
  .slider:before {  
    position: absolute;  
    content: "";  
    height: 16px;  
    width: 19px;  
    left: 3px;  
    bottom: 3px;  
    background-color: #48054b;  
    -webkit-transition: .4s;  
    transition: .4s;  
  }  
  input:checked + .slider {  
    background-color: #f7f3f6;  
  }  
  input:focus + .slider {  
    box-shadow: 0 0 1px #f080ea;  
  }
  input:checked + .slider:before {  
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);  
  }
  /* Rounded sliders */  
  .slider.round {  
    border-radius: 24px;  
  }   
  .slider.round:before {  
    border-radius: 30%;  
  }
  /**HOST SETTING popup toogle slider END**/
  
  
 .bigger-zIndex
 {
	 z-index: 999999;
 } 
  
.swithDevicesElement
{
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	min-width: 320px;
	
	background-color: #2F2F2F;
	border-radius: 10px;
	border: 1px solid #FFFFFF;
	
	color: #fff; 
	
	z-index: 999;
}

.partSettingsPop
{
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	min-width: 400px;
	padding: 20px 20px;
	
	background-color: #24223D;
	border-radius: 10px;
	
	color: #fff; 
	
	z-index: 999;
}

.settingsH1
{
	font-size: 25px;
	padding-bottom: 15px;
}

.settingsH2
{
	font-size: 21px;
	padding-bottom: 10px;
}

.opt1_settings
{
	font-size: 19px;
	padding-bottom: 10px;
	
	cursor: pointer;
}

.span_marg
{
	margin-right: 15px;
}

.settings_checkbox
{
	position: relative;
	height: 23px;
    width: 23px;
	
	display: inline-block;
	border-radius: 100%;
	
	background-color: #BCA3FF;
	vertical-align: middle;
}

.active_opt
{
	position: absolute;
	display: none;
	left: 4px;
	top: 4px;
	height: 15px;
	width: 15px;
	
	border-radius: 100%;
	background-color: #6D118C;
}

.setting_values
{
	display: inline-block;
	margin-left: 15px;
	
	vertical-align: middle;
}

.btn_holder_pop
{
	margin-top: 20px;
	text-align: right;
}

.saveBtn
{
	display: inline-block;
	padding: 10px 30px;
	
	border-radius: 15px;
	background-color: #BCA4FF;
	
	color: #6D128B;
	font-weight: 700;
	
	cursor: pointer;
}

.hostSwithDevices
{
	right: auto;
	left: 0;
	top: 0;
	
	transform: translateY(-100%);
}

.swichDevtitle
{
	padding-left: 15px;
	padding-top: 10px;
	
	font-size: 16px;
    font-weight: 600;
}

.switchElement
{
	border-top: 1px solid #7f7d7d;
	border-bottom: 1px solid #000;
}

.switchElement:first-child
{
	border-top: none;
}

.switchElement:last-child
{
	border-bottom: none;
}

.switchElementMic
{
    border-top: 1px solid #7f7d7d;
    border-bottom: 1px solid #000;
}

.switchElementMic:first-child
{
    border-top: none;
}

.switchElementMic:last-child
{
    border-bottom: none;
}

.swichDevlist
{
	padding: 10px 0 10px 20px;
	
	font-size: 14px;
	
	cursor: pointer;
}

.swichDevDev
{
	padding: 8px 0 8px 20px;
	
	
	background-size: 14px auto;
	background-position: left center;
	background-repeat: no-repeat;
}

.swichDevDev.checked
{
	background-image: url(./../images/correct-mark.svg);
}

.swithMainHolder
{
	display: none;
}

.swithMainHolder.active
{
	display: block;
}

.separator
{
    border-top: 1px solid #7f7d7d;
    margin-top: 5px;
}

.backToPrevSwitch
{
	padding: 10px 10px 10px 30px;
	
	background-image: url(./../images/left_arrow.png);
	background-size: 14px auto;
	background-position: 13px center;
	background-repeat: no-repeat;
	
	color: #9b51e0;
}

.swithDevTestMicBtn
{
	margin-top: 20px;
	padding-bottom: 12px;
	
	text-align: center;
}

.swithDevTestMicBtnIcn
{
	display: inline-block;
	width: 58px;
	height: 35px;
	
	background-color: #BD00FF;
	background-image: url(./../images/voice-commands.png);
	background-size: 20px auto;
	background-position: center;
	background-repeat: no-repeat;
	
	border-radius: 3px;
	cursor: pointer;
}

.swithDevTestMicBtnTxt
{
	font-size: 13px;
	color: #fff;
}

.tstMicTitle
{
	padding: 0 20px;
	
	color: #fff;
	font-weight: 500;
	font-family: Avenir-Medium;
	font-size: 17px;
}

.swithDevsubTitle
{
	padding: 15px 0;
	
	text-align: center;
    font-size: 16px;
    font-weight: 600;
	color: #fff;
}

#swithcDevSpeakTimer
{
	color: #fff;
}

.swithDevSpeakerBtn
{
	margin: 0 10px;
	padding: 5px 22px;
	
	background-color: #570078;
	border: 1px solid #bd00ff;
	border-radius: 30px;
	
	font-size: 13px;
	color: #fff;
}

.swithDevSpeakerBtns
{
	margin-bottom: 20px;
		
	justify-content: center;
}

.switchUnmute
{
	width: 20px;
	margin-left: 10px;
}

#mocrophone-test-div.customMicAddHost
{
	border: 1px solid transparent;
	padding: 0 13px 0 5px !important;
	margin-right: 4px !important;
	
	background-image: url(./../images/up-little-fat-arrow.svg);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 8px auto;
} 

.customMicAddHost.active
{
    border-radius: 5px;
}

.play_test_speaker
{
	background-image: url(./../images/play_button.png);
	background-size: 15px auto;
	
	cursor: pointer;
}

.play_test_speaker.playing
{
	background-image: url(./../images/pause_song.png);
}

.speakerSttus
{
	font-size: 12px;
	padding: 15px;
}

.speakerSttus.error
{
	color: #ff0000;
}

.speakerSttus.good
{
	color: #6DD400;
}


#media-config
{
	overflow: auto;
	max-height: 100vh;
}

.switchMicnew
{
	padding: 5px 17px 5px 13px;

	background-image: url(./../images/bottom_arrow_new.svg);
	background-repeat: no-repeat;
	background-position: 80% center;
	background-size: 8px auto;
}

.setting_icon
{
	height: 23px;
	width: 25px;
	
	background-image: url(./../images/white-setting.png);
	background-repeat: no-repeat;
	background-position: 80% center;
	background-size: 95% 95%;
}

.switchMicnew.active
{
	background-color: #6827a4 !important;
}

.safary_play_btn {
	display: inline-block;
	
	padding: 3px 10px;
	margin-top: 5px;
	
	border-radius: 3px;
	background-color: #BD00FF;
	
	cursor: pointer;
}

#upcoming-session-list .table th, #upcoming-session-list .table td {
    width: 20%;
	padding: 0.75rem;
    vertical-align: middle;
    border: 1px solid #423f3f;
    color: #fff;
    font-family: Poppins;   
}
#upcoming-session-list .table thead tr
{
    background: rgb(176 176 181 / 20%);
    font-family: Avenir-Book; 
}
#upcoming-session-list
{
    top: 12%;
    position: absolute;
    text-align: left;
    width: 100%;
	overflow-y: auto;
}

#upcoming-session-list hr{
    height:2px;border:none;color:#333;background-color:#333;
    margin: 1px 0px 24px 0;
}
.session-list{
    width:97%
}

.hide-preview
{
    position: absolute;
    bottom: 2px;
    right: 2px;
    padding: 5px;
    font-size: 20px;
    background: #9b51e0;
    border-radius: 15px;
    z-index: 99;
    background-color: #bd00ff !important;
	
	pointer-events: auto;
}

.activity_list_flex
{
    display: inline-block;
    width: 100%;
	text-align: left;
}


.pre-zoom-video1 {
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    margin: auto;
    right: 0;
    z-index: 1001;
    vertical-align: middle;
    background: #000;   
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 12px;
    padding: 5px;
}
.pre-zoom-video1::before {
    content: '';
    border: 65px solid #00000070;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    border-left-width: 50px;
    border-right-width: 50px;
    left: 0px;
    top: 0px;
}
.pre-zoom-video1 > video, .pre-zoom-video1 > canvas {
    position: absolute !important;
    min-width: 100px !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) rotateY(180deg) !important;
    object-fit: cover;
}
.for_cameras_main .pre-zoom-video1 video, .for_cameras_main .pre-zoom-video1 canvas{
	width: 100%!important;
    height: 100%!important;
    max-width: calc(100vh * (16/9)) !important;
    max-height: calc(100vw * (9/16)) !important;
	background-color: #000;
}

.pre-zoom-video1 .pre-click-zoom {
    right: 5px;
    background: transparent;
    top: 5px;
}
div#local-media {
    position: relative;
	display: inline-block;
    width: 340px;
    height: 191px;
    margin: 0px;
    border-radius: 20px;
}

.new_start_width
{
	max-width: 500px !important;
}

.ch_poss_radio .form-radio
{
	top: 0px;
}

.ch_poss_radio .form-radio:checked::before
{
	top: 2px;
}

.ondemandfooter .form-radio
{
	top: 0px;
}

.ondemandfooter .form-radio::before
{
	top: 2px !important;
}