.hostScreenMainDiv
{
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
}

.host_stream_container
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	height: 100vh;
	
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.82) -9.91%, rgba(10, 9, 9, 0.2) 47.74%, rgba(13, 12, 12, 0) 73.92%);
	
	text-align: center;
	
	z-index: 1;
}

.host_header
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding: 30px 30px 0px 30px;
	
	text-align: center;
}

.transparent
{
	background: transparent;
}

.playlist_icon
{
	background-image: url('../images/playlist_control.svg');
	background-size: 18px 14px;
}

.allowedSpeaker
{
	background-image: url('../images/allowedSpeaker.svg');
	background-size: 18px 14px;
	
}

.unmuteall_icon
{
	background-image: url('../images/unmute_all_icon.svg');
	background-size: 18px 14px;
}

.record_icon
{
	background-image: url('../images/record_icon.svg');
	background-size: 20px 20px;
}

.myview_icon
{
	background-image: url('../images/myview_icon.svg');
	background-size: 20px 20px;
}

.settings_icon
{
	background-image: url('../images/settings_icon.svg');
	background-size: 16px 16px;
}

.participant_view_container
{
	display: inline-block;
	width: 100%;
	padding: 0px 30px;
}

.left_view
{
	position: relative;
	display: inline-block;
	width: 50%;
	text-align: left;
	vertical-align: middle;
}

.right_view
{
	display: inline-block;
	width: 50%;
	text-align: right;
	vertical-align: middle;
}

.participants_title
{
	display: inline-block;
	
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 34px;
	letter-spacing: 0.75px;
	color: #FFFFFF;
	
	vertical-align: middle;
}

.viewall_part
{
	display: inline-block;
	
	margin-left: 10px;
	
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.25px;
	text-decoration-line: underline;
	color: #FFFFFF;
	
	vertical-align: middle;
	cursor: pointer;
}

.audienceRaiseHand
{
	position: relative;
	display: inline-block;
	margin-left: 20px;
	
	height: 35px;
	width: 35px;
	
	background-image: url('../images/partRaiseHand.svg');
	background-size: 35px 25px;
	background-repeat: no-repeat;
	background-position: -2px 5px;
	
	vertical-align: middle;
	cursor: pointer;
	border-radius: 100%;
	
	background-color: #E4DAFF;
}

.audienceCircle
{
    animation: ripple 1s linear infinite;
}

.audienceHolder
{
	position: absolute;
	top: 40px;
	
	width: 265px;
	padding: 15px 15px;
	
	background-color: #121126;
	border-radius: 10px;
	z-index: 4;
}

.raised_hands_h1
{
	padding-bottom: 10px;
	color: #fff;
	font-size: 18px;
}

.close_audienceList
{
	position: absolute;
    top: 20px;
    right: 15px;
	height: 12px;
    width: 12px;
	
    background-image: url(./../images/partListX.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    cursor: pointer;
}

.border_h1
{
	border-bottom: 1px solid #fff;
}

.audience_image
{
	display: inline-block;
	width: 45px;
	height: 45px;
	margin-right: 15px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	border-radius: 10px;
}

.hold_audience_name
{
	display: inline-block;
	color: #fff;
	vertical-align: top;
}

.audience_name
{
	vertical-align: top;
}

.audience_time
{
	vertical-align: bottom;
}

.all_audience_hold
{
	max-height: 100px;
	padding-top: 10px;
	
	overflow-x: auto;
}

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

.all_audience_hold::-webkit-scrollbar-thumb {
  background: #2b2b2a;
}

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

.singleHolder
{
	margin-bottom: 10px;
}

.onscreen_title
{
	display: inline-block;
	
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0.25px;
	color: #FFFFFF;
	
	vertical-align: middle;
}

.onscreen_select
{
	display: inline-block;
	
	width: 55px;
	height: 30px;
	
	margin-left: 10px;
	padding-right: 15px;
	
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.25px;
	color: #FFFFFF;
	text-align-last: center;
	
	background: #24223D;
	background-image: url('../images/select_arrow.svg');
	background-size: 10px 5px;
    background-position: 90% 12px;
	background-repeat: no-repeat;
	
	vertical-align: middle;
	border-radius: 8px;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
	outline: none;
	appearance: none;
	
	border: 1px solid #24223D;
	
	cursor: pointer;
}

.footer_host
{
	display: inline-block;
	
	width: 100%;
	
	padding: 0px 30px;
	
	text-align: left;
}

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

.host_stream_footer
{
	display: inline-block;
	width: 350px;
	text-align: left;
	vertical-align: middle;
}

.myvideo_title
{
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 21px;
	line-height: 34px;
	letter-spacing: 0.75px;
	color: #FCFCFC;
}

.footer_video
{
	display: inline-block;
	
	width: 320px;
	height: 180px;
	
	border-radius: 8px;
}

.participants_stream_container
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	height: calc(100vh - 420px);
	
	padding: 10px 30px;
	
	z-index: 3;
}

.footer_video video, .footer_video canvas
{
	position: absolute;
	left: 0px;
	
	width: 320px !important;
	height: 180px !important;
	
	border-radius: 8px;
	
	zoom: 1 !important;
}

.recording_on
{
	position: absolute;
	top: 50px;
	right: 30px;
	
	display: inline-block;
	
	text-align: right;
}

.rec_icon
{
	display: inline-block;
	
	width: 12px;
	height: 12px;
	
	margin-right: 8px;
	
	background: #FF8493;
	
	border-radius: 50%;
	
	vertical-align: middle;
}

.rec_text
{
	display: inline-block;
	
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.25px;
	color: #FFFFFF;
	
	vertical-align: middle;
}

.close_zoomed
{
	position: absolute;
	top: 20px;
	right: 20px;
	
	width: 35px;
	height: 35px;
	
	background-image: url('../images/close_zoom.svg');
	background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
	
	cursor: pointer;
}

.zoom_container
{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	width: 90%;
	height: 90vh;
	
	border-radius: 8px;
}

.zoom_container video, .zoom_container canvas
{
	position: absolute;
	left: 0px;
	
	width: 100% !important;
	height: 100% !important;
	
	border-radius: 8px;
	
	zoom: 1 !important;
}

.mr20
{
	margin-right: 20px;
}

.inner_host_back
{
	background: #130f25;
}

.footerPartHolder
{
	position: relative;
	display: inline-block;
	width: 350px;
	
	vertical-align: top;
}

.scriptHoldWidth
{
	width: calc(100% - 350px);
}

.host_fitness_script
{
	width: calc(100% - 5px);
	flex: auto;
}

.sessionTextMsgHolder
{
	height: 100%;
	width: 100%;
	
	background-color: #121126;
	text-align: center;
	color: #fff;
}

.holdNotActive
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	
	width: 80%;
}

.notActiveText
{
	padding-bottom: 27px;
	
	font-size: 26px;
	letter-spacing: 0.75px;

	color: #FFFFFF;
}

.startSessionBtn
{
	padding: 15px 70px;
	margin-bottom: 27px;
	
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 28px;
	
}

.viewListText
{
	font-size: 17px;
	line-height: 34px;

	letter-spacing: 0.75px;
	color: #E4DAFF;
}

.viewListText span
{
	cursor: pointer;
}

.videosActiveHolder
{
	position: relative;
	height: 100%;
	width: 100%;
	
	text-align: center;
}

.network_status_container
{
	position: absolute;
	left: 50%;
	top: -30px;
	transform: translate(-50%, -50%);
	
	text-align: center;
	z-index: 1;
}

.whoIsSpeaking_containter
{
	display: inline-block;
	padding: 8px 12px;
	
	background-color: #24223D;
	border-radius: 15px;
}

.micIcon_instructor
{
	display: inline-block;
	height: 20px;
	width: 20px;
	
	margin-right: 3px;
	margin-left: 3px;
	
	background-image: url(./../images/unmuteMicPart.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	
	vertical-align: middle;
}

.currentSpeakerName
{
	display: inline-block;
	max-width: 300px; 
	padding-right: 5px; 
	
	font-size: 17px;
	color: #fff;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	vertical-align: middle;
}

.participantStreamPart
{
	position: relative;
	display: inline-block;
	
	width: 320px;
	height: 180px;
	
	margin-right: 10px;
	margin-bottom: 10px;
	
	border-radius: 12px;
	background-color: #777;
	
	vertical-align: top;
}


.participantStreamPart canvas
{
	width: 100% !important;
	height: 100% !important;
	zoom: 1 !important;
}

.host_streams1 .participantStreamPart
{
	width: calc(100vw - 60px);
	height: calc(100vh - 450px);
	max-width: calc((100vh - 450px) * (16 / 9)) !important;
	max-height: calc((100vw - 60px) * (9 / 16)) !important;
	
	margin: 0px;
}

.host_streams2 .participantStreamPart
{
	width: calc((100vw - 100px) / 2);
	height: calc(100vh - 450px);
	max-width: calc((100vh - 450px) * (16 / 9)) !important;
	max-height: calc(((100vw - 100px) / 2) * (9 / 16)) !important;
	
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.host_streams3 .participantStreamPart
{
	width: calc((100vw - 120px) / 3);
	height: calc(100vh - 450px);
	max-width: calc((100vh - 450px) * (16 / 9)) !important;
	max-height: calc(((100vw - 120px) / 3) * (9 / 16)) !important;
	
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.host_streams4
{
	max-width: calc((100vh - 390px) * (16 / 9)) !important;
}

.host_streams5, .host_streams6
{
	max-width: calc((100vh - 390px) * (16 / 9) * 1.5) !important;
}

.host_streams4 .participantStreamPart
{
	width: calc(((100vw - 60px) / 2) - 20px);
	height: calc((100vh - 450px) / 2);
	max-width: calc(((100vh - 450px) / 2) * (16 / 9)) !important;
	max-height: calc((((100vw - 140px) / 2) - 20px) * (9 / 16)) !important;
	
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.host_streams5 .participantStreamPart, .host_streams6 .participantStreamPart
{
	width: calc(((100vw - 60px) / 3) - 20px);
	height: calc((100vh - 450px) / 2);
	max-width: calc(((100vh - 450px) / 2) * (16 / 9)) !important;
	max-height: calc((((100vw - 60px) / 3) - 20px) * (9 / 16)) !important;
	
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.host_streams7, .host_streams8
{
	max-width: calc((100vh - 390px) * (16 / 9) * 2) !important;
}

.host_streams7 .participantStreamPart, .host_streams8 .participantStreamPart
{
	width: calc(((100vw - 60px) / 4) - 20px);
	height: calc((100vh - 450px) / 2);
	max-width: calc(((100vh - 450px) / 2) * (16 / 9)) !important;
	max-height: calc((((100vw - 140px) / 4) - 20px) * (9 / 16)) !important;
	
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.container_right_menu .host_streams1 .participantStreamPart
{
	width: calc(100vw - 360px);
	height: calc(100vh - 450px);
	max-width: calc((100vh - 450px) * (16 / 9)) !important;
	max-height: calc((100vw - 360px) * (9 / 16)) !important;
	
	margin: 0px;
}

.container_right_menu .host_streams2 .participantStreamPart
{
	width: calc((100vw - 400px) / 2);
	height: calc(100vh - 450px);
	max-width: calc((100vh - 450px) * (16 / 9)) !important;
	max-height: calc(((100vw - 400px) / 2) * (9 / 16)) !important;
	
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.container_right_menu  .host_streams3 .participantStreamPart
{
	width: calc((100vw - 420px) / 3);
	height: calc(100vh - 450px);
	max-width: calc((100vh - 450px) * (16 / 9)) !important;
	max-height: calc(((100vw - 420px) / 3) * (9 / 16)) !important;
	
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.container_right_menu .host_streams5 .participantStreamPart, .container_right_menu .host_streams6 .participantStreamPart
{
	width: calc(((100vw - 360px) / 3) - 20px);
	height: calc((100vh - 450px) / 2);
	max-width: calc(((100vh - 450px) / 2) * (16 / 9)) !important;
	max-height: calc((((100vw - 360px) / 3) - 20px) * (9 / 16)) !important;
	
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.container_right_menu .host_streams7 .participantStreamPart, .container_right_menu .host_streams8 .participantStreamPart
{
	width: calc(((100vw - 360px) / 4) - 20px);
	height: calc((100vh - 450px) / 2);
	max-width: calc(((100vh - 450px) / 2) * (16 / 9)) !important;
	max-height: calc((((100vw - 440px) / 4) - 20px) * (9 / 16)) !important;
	
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.cameraMicHolder
{
	position: absolute;
	bottom: 13px;
	right: 13px;
	
	max-height: 35px; 
	z-index: 10;
}

.micMutePartHolder
{
	display: inline-block;
	height: 35px;
	width: 35px;
	margin-left: 10px;
	
	background: #24223D;
	border-radius: 6px;
	
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjYyODkwNiA2QzAuNjI4OTA2IDIuNjg2MjkgMy4zMTUyIDAgNi42Mjg5MSAwSDI5LjYyODlDMzIuOTQyNiAwIDM1LjYyODkgMi42ODYyOSAzNS42Mjg5IDZWMjhDMzUuNjI4OSAzMS4zMTM3IDMyLjk0MjYgMzQgMjkuNjI4OSAzNEg2LjYyODkxQzMuMzE1MiAzNCAwLjYyODkwNiAzMS4zMTM3IDAuNjI4OTA2IDI4VjZaIiBmaWxsPSIjMjQyMjNEIi8+DQo8cGF0aCBkPSJNMjEuNjg3NiAyMS4zNjU4QzIwLjgwODUgMjEuODYzMyAxOS44Mzc0IDIyLjE3NjkgMTguODMzNCAyMi4yODc1VjI1LjY2NjZIMTcuMTY2N1YyMi4yODc1QzE1LjQ3NiAyMi4wOTggMTMuODk5OSAyMS4zMzk1IDEyLjY5NjkgMjAuMTM2NUMxMS40OTM5IDE4LjkzMzUgMTAuNzM1NCAxNy4zNTc0IDEwLjU0NTkgMTUuNjY2NkgxMi4yMjUxQzEyLjM1NSAxNi41NjYxIDEyLjY5MzIgMTcuNDIyOSAxMy4yMTI4IDE4LjE2ODVDMTMuNzMyNCAxOC45MTQyIDE0LjQxOSAxOS41MjgyIDE1LjIxNzkgMTkuOTYxNUMxNi4wMTY4IDIwLjM5NDkgMTYuOTA1OCAyMC42MzU2IDE3LjgxNDIgMjAuNjY0NkMxOC43MjI2IDIwLjY5MzUgMTkuNjI1MiAyMC41MDk5IDIwLjQ1MDEgMjAuMTI4M0wxOS4xNTc2IDE4LjgzNjZDMTguNTM2OSAxOS4wMTYxIDE3Ljg4MyAxOS4wNDg4IDE3LjI0NzUgMTguOTMyMUMxNi42MTIgMTguODE1NCAxNi4wMTI0IDE4LjU1MjUgMTUuNDk2IDE4LjE2NDJDMTQuOTc5NiAxNy43NzU5IDE0LjU2MDUgMTcuMjcyOSAxNC4yNzIgMTYuNjk0OEMxMy45ODM0IDE2LjExNjcgMTMuODMzMyAxNS40Nzk0IDEzLjgzMzQgMTQuODMzM1YxMy41MTE2TDkuMTYwODkgOC44Mzk5NkwxMC4zNDAxIDcuNjYwOEwyNi44MzkyIDI0LjE2MDhMMjUuNjYwMSAyNS4zMzkxTDIxLjY4NzYgMjEuMzY1OFpNMjQuMTQ1OSAxOS4xMzMzTDIyLjk0MzQgMTcuOTMxNkMyMy4zNjc2IDE3LjI1NjYgMjMuNjU2NyAxNi40OSAyMy43NzQyIDE1LjY2NjZIMjUuNDU0MkMyNS4zMTY3IDE2LjkxMzggMjQuODY2NyAxOC4xMDYyIDI0LjE0NTkgMTkuMTMzM1pNMjEuNzIwOSAxNi43MDkxTDE0LjQwNDIgOS4zOTI0NkMxNC44NjY2IDguNjAyNTcgMTUuNTc2MyA3Ljk4NjkxIDE2LjQyMzUgNy42NDA1OUMxNy4yNzA4IDcuMjk0MjcgMTguMjA4NSA3LjIzNjU2IDE5LjA5MTggNy40NzYzOEMxOS45NzUxIDcuNzE2MTkgMjAuNzU0OSA4LjI0MDE5IDIxLjMxMDYgOC45Njc0M0MyMS44NjY0IDkuNjk0NjcgMjIuMTY3MyAxMC41ODQ3IDIyLjE2NjcgMTEuNUwyMi4xNjc2IDE0LjgzMzNDMjIuMTY4NSAxNS40ODQ4IDIyLjAxNjEgMTYuMTI3NSAyMS43MjI2IDE2LjcwOTFIMjEuNzIwOVoiIGZpbGw9IiNEREREREQiLz4NCjxwYXRoIGQ9Ik0xMC40MjU1IDcuNUw4LjkyNTU0IDlMMjUuNDI1NSAyNS41TDI2LjkyNTUgMjRMMTAuNDI1NSA3LjVaIiBmaWxsPSIjRkY4NDkzIi8+DQo8L3N2Zz4NCg==');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	
	z-index: 2;
	cursor: pointer;
}

.micUnMutePartHolder
{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04LjAwMDA2IDAuMzMzNDk2QzguNTQ3MjQgMC4zMzM0OTYgOS4wODkwNiAwLjQ0MTI3IDkuNTk0NTggMC42NTA2NjVDMTAuMTAwMSAwLjg2MDA1OSAxMC41NTk0IDEuMTY2OTcgMTAuOTQ2MyAxLjU1Mzg4QzExLjMzMzMgMS45NDA4IDExLjY0MDIgMi40MDAxMiAxMS44NDk2IDIuOTA1NjVDMTIuMDU5IDMuNDExMTcgMTIuMTY2NyAzLjk1Mjk5IDEyLjE2NjcgNC41MDAxNlY3LjgzMzVDMTIuMTY2NyA4LjkzODU2IDExLjcyNzcgOS45OTgzNyAxMC45NDYzIDEwLjc3OThDMTAuMTY0OSAxMS41NjEyIDkuMTA1MTMgMTIuMDAwMiA4LjAwMDA2IDEyLjAwMDJDNi44OTUgMTIuMDAwMiA1LjgzNTE5IDExLjU2MTIgNS4wNTM3OSAxMC43Nzk4QzQuMjcyMzggOS45OTgzNyAzLjgzMzQgOC45Mzg1NiAzLjgzMzQgNy44MzM1VjQuNTAwMTZDMy44MzM0IDMuMzk1MDkgNC4yNzIzOCAyLjMzNTI5IDUuMDUzNzkgMS41NTM4OEM1LjgzNTE5IDAuNzcyNDgzIDYuODk1IDAuMzMzNDk2IDguMDAwMDYgMC4zMzM0OTZaTTAuNTQ1ODk4IDguNjY2ODNIMi4yMjUwN0MyLjQyNjk4IDEwLjA1NDEgMy4xMjE2MiAxMS4zMjI0IDQuMTgxOTMgMTIuMjM5NkM1LjI0MjIzIDEzLjE1NjcgNi41OTczIDEzLjY2MTUgNy45OTkyMyAxMy42NjE1QzkuNDAxMTcgMTMuNjYxNSAxMC43NTYyIDEzLjE1NjcgMTEuODE2NSAxMi4yMzk2QzEyLjg3NjggMTEuMzIyNCAxMy41NzE1IDEwLjA1NDEgMTMuNzczNCA4LjY2NjgzSDE1LjQ1MzRDMTUuMjYzOSAxMC4zNTc0IDE0LjUwNTYgMTEuOTMzNSAxMy4zMDI3IDEzLjEzNjRDMTIuMDk5OSAxNC4zMzk0IDEwLjUyNCAxNS4wOTggOC44MzM0IDE1LjI4NzdWMTguNjY2OEg3LjE2NjczVjE1LjI4NzdDNS40NzYwMSAxNS4wOTgyIDMuODk5ODggMTQuMzM5NyAyLjY5Njg4IDEzLjEzNjdDMS40OTM4NyAxMS45MzM3IDAuNzM1NDA5IDEwLjM1NzUgMC41NDU4OTggOC42NjY4M1oiIGZpbGw9IiM4MEZGQjYiLz4NCjwvc3ZnPg0K');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px 18px;
}

.participantStreamName
{
	position: absolute;
	bottom: 6px;
	left: 6px;
	
	color: #FCFCFC;
	z-index: 10;
}

.raiseHandPartHolder
{
	position: absolute;
	top: 13px;
	left: 9px;
	height: 35px;
	width: 35px;
	
	background: #24223D;
	border-radius: 6px;
	
	background-image: url(./../images/partRaiseHand.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14px 19px;
	
	cursor: pointer;
	z-index: 10;
}

.noVideoPartHolder
{
	display: inline-block;
	height: 35px;
	width: 35px;
	
	background: #24223D;
	border-radius: 6px;
	
	background-image: url(./../images/noVideoPart2.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	
	z-index: 2;
}

.muteVideo
{
	position: absolute;
    left: 15px;
    top: 5px;
    width: 3px;
    height: 25px;
    background-color: #FF8493;
    transform: rotate(-35deg);
    z-index: 1;
}

.poppinsFont
{
	font-family: Poppins;
}

.activityCurrentPlayerHolder
{
	display: inline-block;
	width: 385px;
	margin-left: 20px;
	
	vertical-align: top;
}

.fitnessH1
{
	padding-bottom: 10px;
	font-size: 18px;
	color: #FCFCFC;
	
	line-height: 34px;
	letter-spacing: 0.75px;
}

.viewAllSpan
{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 22px;
	text-decoration-line: underline;
	
	cursor: pointer;
}

.currentActHolder
{
	position: relative;
	width: 100%;
	height: 116px;
	padding: 20px 20px 20px 100px;
	margin-bottom: 6px;
	
	background-color: rgba(243, 239, 255, 0.2);
	border-radius: 20px;
}

.counterScriptNew
{
	position: absolute;
	top: 46px;
	left: 34px;
	
	display: inline-block;
	width: 55px;
	
	font-size: 20px;
	text-align: center;
	color: #F3EFFF;
}

.repsNum
{
	position: absolute;
	top: -15px;
    left: 23px;
	
	font-size: 15px;
}

.timerHold
{
	text-align: center;
}

.startActivityHolderAll
{
	height: 180px;
	padding: 0px 0px;
	margin-bottom: 0px;
}

.circleCounterHolder
{
	display: inline-block;
}

.currentActivityNameHolder
{
	display: inline-block;
	max-height: 85px;
	padding-left: 35px;
	
	font-size: 24px;
	line-height: 38px;
	color: #FFFFFF;
	
	vertical-align: middle;
	
	padding-right: 5px; 
	
	overflow: hidden;
	text-overflow: ellipsis;
}

.startActButtonHolder
{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	text-align: center;
}

.startActBtn
{
	display: inline-block;
	padding: 15px 20px;
	
	font-weight: 600;
	font-size: 19px;
	color: #6D118C;

	background-color: #E4DAFF;
	border-radius: 20px;
	
	cursor: pointer;
}

.playerPadding
{
	height: auto;
	padding: 12px 20px 12px 20px;
}

.playerOptionsHolder
{
	display: inline-block;
	width: 33%;
	
	text-align: center;
	vertical-align: top;
}

.bordersMiddleHolder
{
	border-left: 1px solid #E4DAFF;
	border-right: 1px solid #E4DAFF;
}

.halfOptionsHolders
{
	width: 50%;
}

.playOptionBtn
{
	position: relative;
    top: -2px;
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-right: 16px;
	
	background-image: url(./../images/stopHostBtn.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	
	vertical-align: middle;
}

.pauseBtnHost
{
	background-image: url(./../images/pauseHostBtn.svg);
}

.skipBtnHost
{
	background-image: url(./../images/skipHostBtn.svg);
}

.playBtnHost
{
	background-image: url(./../images/playHostBtn.svg);
}

.playerOptionText
{
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	color: #E4DAFF;
	
	vertical-align: top;
}

.allScriptHolder
{
	display: inline-block;
	padding-left: 40px;
	padding-top: 60px;
	
	vertical-align: top;
}

.upNextActivityHolder
{
	display: inline-block;
	min-width: 240px;
	
	opacity: 0.6;
}

.holdPadding
{
	padding-right: 30px;
}

.upNextHolder
{
	height: 100%;
	opacity: inherit;
}

.pastHolder
{
	padding-right: 45px !important;
}

.upNextText
{
	font-size: 16px;
	line-height: 28px;
	color: #F3EFFF;
}

.upNextActivityName
{
	padding-right: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	font-size: 35px;
	line-height: 38px;
	color: #F3EFFF;
}

.upNextActivityTime
{
	font-size: 23px;
	line-height: 34px;

	letter-spacing: 0.75px;
	color: #F3EFFF;
}

.holdAllActs
{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 48px 10px 0px 16px;
	
	overflow: hidden;
}

.holdAllActsWithPlayer
{
	width: calc(100% - 405px);
}

.hold_script
{
	position: relative;
	left: 0px;
	display: inline-block;
	width: 1800px;
	
	overflow: hidden;
	transition: left 1s;
	-webkit-transition: left 1s;
}

.btnHolderClicks
{
	position: relative;
	display: inline-block;
	padding: 5px 12px;
	
	cursor: pointer;
}

.scriptEndedDiv .btnHolderClicks
{
	cursor: auto;
}

.skipMsg
{
	position: absolute;
	display: none;
	top: -40px;
	right: 1px;
	
	padding: 10px;
	font-size: 13px;
	color: #fff;
	
	border-radius: 15px;
	background-color: #000;
	
	z-index: 10;
}

.actNameHolder
{
	overflow: hidden;
}

.holder_name_activity
{
	height: 100%;
	width: 100%;
	
	padding-right: 5px; 
	padding-bottom: 5px;
	
}

.div_svg_background
{
	position: absolute;
	top: 20px;
    left: 20px;
	
	width: 82px;
    height: 82px;
	
	margin: 0px;
	
	transform: rotate(-90deg);
	
	border-radius: 100%;
	
	border: 4px solid #BCA4FF;
}

.pausedBackgroundColor
{
	border: 4px solid #FFD789;
}

.workout_svg_host
{
	position: absolute;
	top: 20px;
    left: 20px;
	
	width: 82px;
    height: 82px;
	
	margin: 0px;
	transform: rotate(-90deg);
}

.circleCounterHolder
{
	position: relative;	
}

.workout_svg_host [data-role="radial-progress"] > circle
{
	transition: stroke-dashoffset 1s linear;
	stroke-width: var(--progress-bar-width);
    stroke-dasharray: calc(100% * 3.141592);
    stroke-dashoffset: calc(100%  (100 - var(--progress-percent))/100  3.141592);
    stroke: var(--progress-color);
}

.actPauseText
{
	position: absolute;
	top: 5px;
	right: 139px;
	
	color: #FFD789;
	font-weight: 500;
	font-size: 14px;
}

.session_data_container_host
{
	background: transparent;
}

.container_right_menu .recording_on
{
	top: 5px;
}

.circleImgHolder
{
	position: relative;
}

.ejectedUserProfile
{
	position: absolute;
	top: -80px;
	left: 37%;
	
	height: 110px;
	width: 110px;
	margin: auto;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	border-radius: 100%;
	border: 2px solid #fff;
}

.eject_h1
{
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 21px;
	color: #fff;
}

.new_popup_color
{
	background-color: #24223D;
	border: 1px solid #fff;
}

.buttons_holder_eject
{
	padding-top: 10px;
	text-align: center;
}

.eject_btns
{
	display: inline-block;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 16px;
    color: #6D118C;
    background-color: #E4DAFF;
    border-radius: 20px;
    cursor: pointer;
}

.margin_eject_btn
{
	margin-left: 35px;
}

.empty_script
{
	position: relative;
	padding: 65px 0px;
	
	font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 34px;
    letter-spacing: 0.75px;
    color: #FFFFFF;
	text-align: center;
}

.participantStreamPart .noVideoInitialsHolder
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	
	background-color: #FFF4DF;
	border-radius: 8px;
	z-index: 1;
}

.participantStreamPart .noVideoInitials
{
	position: absolute;
	top: 50%;
	left: 50%;
	
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	line-height: 90px;

	text-align: center;
	letter-spacing: 1px;

	color: #946200;
	transform: translate(-50%, -50%);
}

.emojies_stream
{
	position: absolute;
	top: 10px;
	right: 10px;
	
	width: 35px;
	height: 35px;
	
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

textarea
{
	resize: none !important;
}

.edit_equipment_video
{
	left: 0 !important;
}

.disable_width_video
{
	max-width: none !important;
	max-height: none !important;
}

.participant_fms_selected
{
	border: 3px solid #9b51e0;
	box-shadow: 0 0 0 3px #9b51e0;
}

.host_mute_icon_holder 
{
    position: absolute;
    bottom: 10px;
	left: 5px;
    height: 33px;
    width: 33px;
	
	background-image: url('../images/host_muted_mic.svg');
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: center;
	
    background-color: rgba(6, 5, 11, 0.8);
    border-radius: 12px;
    z-index: 1;
	
	cursor: pointer;
}

.scriptEndedDiv
{
	opacity: 0.2;
	cursor: auto;
}

.hold_all_members_list
{
	max-height: 300px;
    overflow-y: auto;
}

.hold_all_members_list::-webkit-scrollbar 
{
  width: 7px;
}
.hold_all_members_list::-webkit-scrollbar-track 
{
  background: #f1f1f1;
}

.hold_all_members_list::-webkit-scrollbar-thumb 
{
  background: #2b2b2a;
}

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


.container_right_menu .inline_playlist
{
	width: 620px;
}

.container_right_menu .playlist_footer_activity
{
	overflow-x: auto;
	overflow-y: hidden;
	bottom: -5px;
}

.playlist_footer_activity::-webkit-scrollbar 
{
  height: 7px;
}
.playlist_footer_activity::-webkit-scrollbar-track 
{
  background: #f1f1f1;
}

.playlist_footer_activity::-webkit-scrollbar-thumb 
{
  background: #2b2b2a;
}

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

.hold_no_plan
{
	position: absolute;
    transform: translate(-50%,-50%);
    top: 40%;
    left: 50%;
	
	padding-bottom: 10px;
}

.noPlanColor
{
	background-color: #130f25;
}

.no_plan_h2
{
	color: #fff;
	font-size: 20px;
}

.hold_btn1
{
	margin-top: 30px;
	text-align: center;
}

.video-streams
{
	width: 100%;
	height: 100%;
}

.top_margin_title
{
	margin-top: 10px;
}

.nameHoldMax
{
	display: inline-block;
	max-width: 110px;
	padding: 4px 6px 6px 6px;
	margin-right: 10px;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	background-color: #06050B;
	opacity: 0.8;
	border-radius: 9px;
}

.zoomMemberIcon
{
	display: none;
	height: 33px;
	width: 33px;
	
	background-image: url(../images/zoom.svg);
	background-size: 17px 17px;
	background-position: center;
	background-repeat: no-repeat;
	
	background-color: rgba(6, 5, 11, 0.8);
	border-radius: 6px;
	
	cursor: pointer;
}

.participant_fms_selected .zoomMemberIcon
{
	display: inline-block;
}

.playListShow
{
	overflow: visible !important;
}

.opacityHide
{
	opacity: 0;
}

.hidenElementsInHeader
{
	text-align: right !important;
	padding: 8px 0px 35px 30px;
}

.hidenElementsInHeader .controls_container
{
	padding: 12px 0px 12px 20px;
}

.hidenElementsInHeader .opacityHide
{
	display: none;
}

.instructorToolTip
{
	position: absolute;
	top: -17px;
	
	padding: 10px 10px;
	font-size: 12px;
	color: #fff;
	background-color: #2e2e2e;
	
	border-radius: 12px;
	z-index: 3;
}

.mutesong .instructorToolTip, .listsong .instructorToolTip
{
	top: -58px;
    left: -18px;
}

.nextsong .instructorToolTip 
{
	top: -59px;
    left: -8px;
}

.play_icon_pl .instructorToolTip, .pause_icon_pl .instructorToolTip
{
	top: -58px;
	left: -12px;
}

.host_mute_icon_holder .instructorToolTip
{
	top: -55px;
	left: 0px;
	
	font-size: 11px;
}

.sharesong .instructorToolTip
{
	top: -58px !important;
}

.mute_player
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	
	width: 30px;
	height: 30px;
	
	background-image: url(../images/mutesong.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
	cursor: pointer;
}

.crossed_mute
{
	position: absolute;
    left: 10px;
    top: -3px;
    
	width: 2px;
    height: 37px;
    
	background: #ff0000;
    
	transform: rotate(-35deg);
    
	z-index: 1;
}

.container_right_menu .playlist_footer_activity .instructorToolTip
{
	top: 20px;
	font-size: 10px;
}

.instructorTutorial
{
	position: absolute;
    
	
	min-width: 200px;
	padding: 20px 20px; 
	
	border-radius: 35px;
	background-color: #332d4c;
	
	font-family: Poppins;
    font-style: normal;
	
	font-weight: 400 !important;
	
	z-index: 6;
}

.tutorialPointer
{
	position: absolute;
	right: -3px;
    top: 20px;
	
	height: 20px;
	width: 20px;
	
	background-color: #332d4c;
	transform: rotate(46deg);
}

.textForAllHolder
{
	max-height: 250px;
	overflow-y: auto;
    overflow-x: hidden;
}

.textForAllHolder::-webkit-scrollbar 
{
  width: 7px;
}
.textForAllHolder::-webkit-scrollbar-track 
{
  background: #f1f1f1;
}

.textForAllHolder::-webkit-scrollbar-thumb 
{
  background: #2b2b2a;
}

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

.controls_container .instructorTutorial
{
	top: 70px;
	left: 5px;
}

.controls_container .tutorialPointer
{
	top: -8px;
	left: 65px;
}

.left_view .instructorTutorial
{
	top: -10px;
	left: 290px;
}

.left_view .tutorialPointer
{
	left: -3px;
	top: 30px;
}

.startActBtn .instructorTutorial
{
	top: 35px;
	right: 65%; 
}

.startActBtn .tutorialPointer
{
    top: 30px;
}

.myvideo_title .instructorTutorial
{
	top: -50px;
    width: 220px;
    left: 250px;
}

.myvideo_title .tutorialPointer
{
	left: -3px;
    top: 58px;
}

.startActivityHolderAll .instructorTutorial
{
	top: 15px;
    left: 300px;
}

.startActivityHolderAll .tutorialPointer
{
	top: 65px;
    left: -10px;
}

.playerPadding .instructorTutorial
{
	top: -111px;
    right: -225px;
}

.playerPadding .tutorialPointer
{
	left: -6px;
    top: 123px;
}

.raiseHandPartHolder .instructorTutorial
{
	left: 50px;
	top: -10px;
}

.raiseHandPartHolder .tutorialPointer
{
	left: -3px;
}

.noVideoPartHolder .instructorTutorial
{
	top: -160px;
    left: -230px;
	
	width: 200px;
}

.noVideoPartHolder .tutorialPointer
{
	top: 160px;
}

.micMutePartHolder .instructorTutorial
{
	top: -205px;
    left: -162px;
	
	width: 200px;
}

.micMutePartHolder .tutorialPointer
{
	top: 210px;
}

.instructorTutorialTitle
{
	padding-bottom: 15px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.instructorTutorialText
{
	padding-bottom: 5px;
	text-align: left;
	font-size: 15px;
	color: #fff;
}



.btnsHolderTutorial
{
	padding-top: 10px;
}

.oneBtnHold
{
	display: inline-block;
	width: 50%;
	
	text-align: center;
	vertical-align: top;
	
	cursor: pointer;
}

.tutorialBtn
{
	display: inline-block;
    padding: 5px 17px;
	
    color: #6D118C;
    background-color: #E4DAFF;
    font-size: 14px;
    font-weight: 600;
	
    border-radius: 13px;
}

.marginTutorailNum
{
	margin-right: 20px;
}

.tutorialActiveClass
{
	border: 2px solid #9b51e0;
}

.tutorialNum1
{
	position: absolute;
	display: none;
	
	color: #9b51e0;
	font-weight: 700;
}

.tutorial_stream_img
{
	background-image: url('../images/tutorialStream.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.tutorial_back
{
	position: fixed;
    top: 0px;
    left: 0px;
    
	width: 100vw;
    height: 100vh;
	
	z-index: 5;
}

.imageHolderNote
{
	height: 400px;
	width: 100%;
}

.container_right_menu .allSupport .support_help
{
	right: 315px;
}

#root .modal-content
{
	border: none;
}

.muted_bottom
{
	left: 10px;
    right: auto;
    bottom: -30px;
}

.workout .instructorToolTip
{
	width: 200px;
	top: -60px;
}

/*---------@All changes related to Multi-window functionality----------*/

#multi_window .host_stream_footer {
	width: 100%;
}

#multi_window .footer_video video, #multi_window .footer_video canvas {
	aspect-ratio: 16 / 9;
	width: 100% !important;
	height: auto !important;
	/*border: 5px solid green;*/
	border-radius: 30px;
	max-width: 100%;
	zoom: 1 !important;
}

#multi_window .footer_video {
	width: 100%;
	height: 100%;
	position: relative;
}

#multi_window .footer_video > div {
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

#multi_window .myvideo_title {
	display: none;
}

#multi_window .flexbox {
	display: flex;
}

#multi_window .main_container {
	flex-direction: row;
	padding: 0 30px 30px;
	height: calc(100vh - 200px);
	align-items: flex-start;
	position: relative;
}

#multi_window .for_powered_by {
	display: none;
}

#multi_window .host_stream_footer {
	flex: 2;
	position: relative;
	height: 100%;
}

#multi_window .session_time {
	position: fixed;
	font-family: monospace;
	top: 30px;
	right: 50px;
	width: auto;
	font-size: 5rem;
	color: #F3EFFF;
}

.redTimer {
	color: #ff0000 !important;
}

#multi_window .tenSecRule {
	left: 0%;
	padding: 10px;
	
    font-size: 8rem;
	font-weight: 500;
	color: #ff0000;
}

#multi_window .abs_border {
	display: none;
}

#multi_window .session_data_container {
	max-width: unset;
}

#multi_window .sess_name {
	font-size: 2.5em;
	line-height: 1em;
}

#multi_window .host_container {
	color: white;
}

#multi_window .host_header {
	height: 100px;
	padding-top: 10px;
}

#multi_window .host_mute_icon_holder {
	display: none;
}

#multi_window .startActivityHolderAll {
	z-index: 9999;
	display: block;
	padding: 20px;
}

#multi_window .sessionTextMsgHolder {
	height: auto;
	background-color: unset;
	border: 1px solid red;
	padding: 0 !important;
}

#multi_window .holdNotActive {
	transform: none;
	left: auto;
	top: auto;
	position: unset;
	border: 1px solid blue;
	padding: 0px;
	width: 100%;
}

#multi_window .holdNotActive .notActiveText {
	font-size: 14px;
}

#multi_window .holdNotActive .startActBtn {
	font-size: 16px;
}

#multi_window .sessionTextMsgHolder {
	padding: 12px;
}

#multi_window .workouts {
	margin-left: 20px;
	display: inline-flex;
	flex-direction: column;
	flex: 1;
}

#multi_window .activityCurrentPlayerHolder {
	margin: 0;
	border: 1px solid #E4DAFF;
	border-width: 0 0 1px 0;
}

#multi_window .footerPartHolder {
	width: 100%;
}

#multi_window .activityCurrentPlayerHolder {
	width: 100%;
	min-height: 150px;
	padding: 10px;
}

#multi_window .holdAllActs {
	padding: 10px 0;
	width: 100%;
}

#multi_window .holdPadding {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#multi_window .holdPadding > * {
   font-size: 2.6em;
}

#multi_window .script-info {
	background-color: #3F3E4D;
	border-radius: 16px;
}

#multi_window .hold_script {
	width: 100% !important;
	left: unset !important;
}

#multi_window .upNextActivityHolder:not(.upNextHolder) {
	display: none;
}

#multi_window .sharesong {
	display: none;
}

#multi_window .upNextHolder {
	padding: 0 30px;
	margin: 0 !important;
	width: 100% !important;
	text-align: left;
}

#multi_window .upNextHolder .upNextText {
	display: none;
}

#multi_window .currentActHolder:not(.playerPadding):not(.startActivityHolderAll) {
	display: flex;
	flex-direction: column-reverse;
	padding-left: 20px;
	height: auto;
	background-color: unset;
}

#multi_window .currentActHolder {
	background-color: unset;
}

#multi_window .div_svg_background, #multi_window .workout_svg_host {
	display: none;
}

#multi_window .actNameHolder {
	display: block;
	text-align: left;
	margin-top: -24px;
}

#multi_window .upNextActivityName {
	line-height: unset;
}

#multi_window .counterScriptNew {
	margin-top: -18px;
	position: unset;
	width: 100%;
}

#multi_window .timerHold {
	color: #BCA4FF;
}

#multi_window .repsNum {
	position: unset;
	font-size: 4rem;
	color: #BCA4FF;
	text-align: left;
}

#multi_window .repsNum + .timerHold {
	display: none;
}

#multi_window .currentActivityNameHolder {
	height: auto;
	padding-left: 0;
	line-height: normal;
}

#multi_window .timerHold, #multi_window .actNameHolder, #multi_window .currentActivityNameHolder {
	font-size: 4rem;
	width: 100%;
	height: auto;
	max-height: unset;
	text-align: left;
}

#multi_window .bottom_controls {
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

#multi_window .playerPadding, #multi_window .support_help, #multi_window .display_none {
	display: none;
}

#multi_window .participants_stream_container {
	height: auto;
	padding-right: 0px;
}

#multi_window .notActiveText {
	display: none;
}

#multi_window .startActBtn {
	padding: 18px 0;
	width: 100%;
	margin-bottom: 0;
}

#multi_window .topmost_layer {
	display: none;
	z-index: 999999999;
	position: fixed;
	overflow: hidden;
	bottom: 0;
	right: 0;
	width: 30%;
	margin-right: 20px;
}

.start_session {
	display: inline-block;
	padding: 12px 150px;
	font-weight: 600;
	font-size: 19px;
	color: #6D118C;
	background-color: #E4DAFF;
	border-radius: 20px;
	cursor: pointer;
	margin: 12px 20px;
}

#multi_window .note {
	border-radius: 16px;
	text-align: left;
	padding: 0px 24px 24px 24px;
	color: white;
}

#multi_window .--type-activity,.--type-activity * {
	color: black;
	background-color: #EFFCFF;
}

#multi_window .--type-callout, --type-callout * {
	color: #06050B;
	background-color: #F2FFF8;
}

#multi_window .--type-alert, --type-alert * {
}

#multi_window .note_heading {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 1.9em;
	line-height: 52px;
	padding: 5px;
}

#multi_window .note_body {
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-size: 3.5em;
	line-height: 57px;
	letter-spacing: 0.75px;
}


/*---------@End All changes related to Multi-window functionality----------*/

/*------Multi-window redesign 02/02/2022-----*/

.screenHolderShow
{
	position: fixed;
	top: 0px;
	left: 0px;
	
	height: 100%;
    width: 100%;
	
	background-color: #000;
	z-index: 999;
	
	color: #fff;
}

.instructorD2C
{
	
}

.upperHolderD2C
{
	display: inline-block;
	width: 100%;
	height: calc(100vh - 230px);
	
	padding: 10px 30px;
	
	background-color: #24223d;
}

.headerD2C
{
	padding-bottom: 15px;
}

.timerHolderD2C
{
	text-align: left;
	line-height: 1.2;
	vertical-align: top;
}

.sessionTimerD2C
{
	display: inline-block;
	margin-right: 45px;
	width: 275px;

	text-align: left;
	font-size: 4.2rem;
	color: #ffffff;
}

.recording_on_d2c
{
	position: absolute;
	top: 94px;
	left: 205px;
	
	width: 22px;
	height: 22px;
	
	background-color: #cc0119;
	border-radius: 100%;
}

.timerToStart2
{
	width: 185px;
	margin-right: 0px !important;
}

.classEndD2C
{
	width: auto;
}

.startedTimerD2C
{
	color: #7ddb83;
}

.instructorStreamHolderD2C
{
	height: calc(100% - 140px);
	text-align: left;
}

.instructorStreamD2C
{
	position: relative;
	display: inline-block;
	
	width: 50%;
	height: calc(100vh - 440px);
	
	max-width: calc((100vh - 440px) * (16 / 9)) !important;
	max-height: calc((50vw - 60px) * (9 / 16)) !important;
	
	border-radius: 15px;
	vertical-align: middle;
}


.instructorStreamD2C video, .instructorStreamD2C canvas
{
	top: 0px !important;
	left: 0px !important;
	
	width: 100% !important;
	height: 100% !important;
	
	border-radius: 15px;
	
	zoom: 1 !important;
}

.instructorStreamD2C .canvasHold
{
	max-height: calc((50vw - 60px) * (9 / 16)) !important;
	z-index: 1;
}

.instructorStreamD2C .stats_hold_host
{
	width: 12vw;
	height: auto!important;
	background: rgb(17, 2, 31, 0.6)!important;
	font-size: 60px !important;
}

.container_right_menu .instructorStreamD2C video, .container_right_menu .instructorStreamD2C canvas
{
	width: calc(100% - 930px);
	max-height: calc((100vw - 930px) * (9 / 16)) !important;
}

.instructorStreamD2C div
{
	background-color: transparent !important;
	justify-content: left !important;
	
	height: 100% !important;;
}

.instructorStreamD2C #virtualmsg
{
	top: 10px;
	height: auto !important;
	background: #2a2a2a !important;
	z-index: 12;
}

.instructorStreamD2C #partToolTip
{
	right: 0px !important;
	left: auto;
	border-radius: 2vw 0 0 2vw !important;
	z-index: 12;
}

.instructorStreamD2C #partToolTip .tool_tip_inner
{
	padding: 20px !important;
}

.instructorStreamD2C #partToolTip .tooltipText 
{
	font-size: 20px !important;
}

.instructorStreamD2C #partToolTip .room_setup_loader_inner 
{
	width: 100px !important;
	height: 100px !important;
}

.alertPopD2C
{
	display: inline-block;
	width: calc( 100% - calc((100vh - 190px - 238px) * (16 / 9)));
	min-width: calc(50% - 20px) !important;
	margin-left: 20px;
	
	height: 100%;
	padding: 15px 15px;
	
	border-radius: 15px;
	background-color: #ffdfed;
	
	vertical-align: middle;
	overflow: hidden;
}

.showBiggerAlert
{
	position: relative;
    top: -125px;
	
	height: calc(100% + 125px);
	width: calc( 100% - calc((100vh - 140px - 214px) * (16 / 9)));
}

.alertH1D2C
{
	font-size: 60px;
	font-weight: 400;
	line-height: 50px;
	
	color: #000;
	word-wrap: break-word;
    text-align: left;
	
	vertical-align: middle;
}

.alertTextD2C
{
	color: #000;
    font-size: 60px;
	font-weight: 500;
	
	word-wrap: break-word;
    text-align: left;
	vertical-align: middle;
}

.showBiggerAlert .alertH1D2C
{
	font-size: 43px;
}

.showBiggerAlert .alertTextD2C
{
	font-size: 47px;
}

.fintessScriptD2C
{
	position: relative;
	height: 230px;
	background-color: #121126;
}

.hostControlsHolderD2C
{
	position: fixed;
	top: 10px;
	left: 50%;
	
	transform: translateX(-50%);
	text-align: center;
	
	z-index: 3;
}

.hostControlsHover
{
	display: inline-block;
	padding: 0px 30px 30px 30px;
}

.ctrlColorD2C
{
	display: inline-block;
	border-radius: 15px;
	background-color: rgba(41, 41, 41, 0.68);
}

.startBtnsHolderD2C
{
	position: relative;
	display: inline-block;
	padding-top: 23px;
	width: 550px;
	
	text-align: right;
	vertical-align: top;
	
	z-index: 1;
}

.startBtnsD2C
{
	display: inline-block;
	padding: 15px 75px;
	
	font-size: 22px;
	font-weight: 600;
    color: #6D118C;
    
	border-radius: 20px;
	background-color: #E4DAFF;
	cursor: pointer;
}

.tenSecTimerD2C
{
	text-align: right;
}

.tenSecTimerD2C .sessionTimerD2C
{
	color: #ff0000 !important;
	font-size: 7rem !important;
}

.scriptHolderMainD2C
{
	position: relative;
	display: block;
	width: 100%;
	height: 230px;
	padding: 20px 20px;
	
	overflow: hidden;
}

.workout
{
	position: relative;
}

.absolute_fm_holder
{
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
}

.scrollMainHolderD2C
{
	height: 100%;
	text-align: left;
	overflow: hidden;
}

.scriptScrollHolderD2C
{
	position: relative;
	left: 0px;
	display: inline-block;
	width: 1800px;
	height: 100%;
	
	overflow: hidden;
	transition: left 1s;
	-webkit-transition: left 1s;
}

.activityHolderD2C
{
	display: inline-block;
	height: 100%;
	padding: 5px 10px 0px 10px;
	vertical-align: top;
}

.innerHolderActivityD2C
{
	position: relative;
	height: 100%;
	
	background-color: #0b0a19;
	color: #545461;
	
	border: 2px solid #3f3e4d;
	border-radius: 15px;
}

.durationHolderD2C
{
	display: inline-block;
	min-width: 220px;
    margin-right: 15px;
    margin-left: 15px;
	
	text-align: center;
	vertical-align: middle;
	
	overflow: hidden;
}

.minutesD2C
{
	text-align: left;
	line-height: 100px;
    font-size: 100px;
    font-weight: 400;
}

.secD2C
{
	text-align: right;
	line-height: 70px;
	font-size: 100px;
	font-weight: 700;
}

.activityNameHolderD2C
{
	display: inline-block;
	width: calc(100% - 300px);
	height: 100%;
	padding-right: 20px;
	
	text-align: left;
	vertical-align: top;
}

.activityTextD2C
{
	display: inline-block;
	width: calc(100% - 250px);
	max-height: 130px;
	padding-bottom: 10px;
	
	font-size: 65px;
	line-height: 60px;
	
	vertical-align: middle;
}

.innerHolderAbs
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	width: 100%;
}

.fnt100
{
	font-size: 100px !important;
	word-break: break-all;
}

.activeActivityD2C .innerHolderActivityD2C
{
	background-color: #24223d;
	border: none;
}

.activeActivityD2C .activityNameHolderD2C
{
	color: #7ddb83;
}

.activeActivityD2C .durationHolderD2C
{
	color: #7ddb83;
}

.bigCountShow
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	text-align: center;
	z-index: 1;
}

.countNumD2C
{
	font-size: 40vh;
	color: #ff0000;
}

.timerDispl
{
	display: inline-block;
	width: calc(100% - 550px);
	
	vertical-align: top;
}

.timerDiplayWidth
{
	/*width: 100%;*/
}

.fintessScriptD2C .recording_on
{
	position: absolute;
    top: 0px;
    right: 30px;
}

.relative_holdD2c
{
	position: relative;
}

.activityCounterD2C
{
	position: absolute;
	bottom: 0px;
	right: 5px;
	
	font-size: 30px;
	font-weight: 600;
	
	cursor: pointer;
	z-index: 3;
}

.activeActivityD2C .activityCounterD2C
{
	color: #fff;
}


.container_right_menu .hostControlsHolderD2C
{
	
}

.container_right_menu .nextToFM
{
	left: 100px;
	
	transform: translateX(0%);
}

.spanMrgD2C
{
	display: inline-block;
	width: 200px;
	margin-right: 10px;
}

.activeActivityD2C div
{ 
	color: #7ddb83;
}

.startClass_newBtn
{
	padding: 15px 55px;
	margin-bottom: 10px;
}

#multi_window .control_container
{
	min-width: 92px;
    padding: 3px 10px;
}

#multi_window .control_title
{
	display: block;
}

#multi_window .controls_container
{
	padding: 12px 9px;
}

/*------End Multi-window redesign 02/02/2022-----*/
.feed_control_container
{
	position: relative;
    left: -30px;
	display: inline-block;
	
	width: 230px;
	
	margin-top: 20px;
	padding: 15px 10px;
	
	background: rgba(20, 19, 41, 0.92);
	
	border-radius: 0px 24px 24px 0px;
}

.host_feed_control
{
	left: auto;
	border-radius: 24px;
}

.fm_controls
{
	display: inline-block;
	width: 100%;
	margin-top: 30px;
	text-align: center;
}

.feed_control_container .fm_controls
{
	margin-top: 0px;
}

.fm_controls input
{
	width: 200px;
	outline: none;
}

.posRel
{
	position: relative;
}

.inactButton
{
	opacity: 0.8;
}

.participantListView
{
	text-align: center;
}

.multiscreen1 .participantStreamPart
{
	width: 100vw;
	height: 100vh;
	max-width: calc(100vh * (16 / 9)) !important;
	max-height: calc(100vw * (9 / 16)) !important;
	
	margin: 0px;
}

.multiscreen2 .participantStreamPart
{
	width: calc(100vw / 2);
	height: calc(100vh / 2);
	max-width: calc(100vh / 2) * (16 / 9)) !important;
	max-height: calc(100vw / 2) * (9 / 16)) !important;
	
	margin: 0px;
}

.multiscreen3 .participantStreamPart, .multiscreen4 .participantStreamPart, .multiscreen5 .participantStreamPart, .multiscreen6 .participantStreamPart
{
	width: calc(100vw / 3);
	height: calc(100vh / 3);
	max-width: calc(100vh / 3) * (16 / 9)) !important;
	max-height: calc(100vw / 3) * (9 / 16)) !important;
	
	margin: 5px;
}

.multiscreen7 .participantStreamPart, .multiscreen8 .participantStreamPart
{
	width: calc(100vw / 4);
	height: calc(100vh / 4);
	max-width: calc(100vh / 4) * (16 / 9)) !important;
	max-height: calc(100vw / 4) * (9 / 16)) !important;
	
	margin: 5px;
}

.feed_fm_info
{
	position: relative;
	
	display: inline-block;
	
	width: 400px;
	
	padding: 25px 20px 5px 20px;
	
	background-color: #0b0a19;
	
	opacity: 0.9;
	
	border-radius: 42px;
	
	vertical-align: middle;
}

.participant_header .feed_fm_info
{
	padding: 20px 20px 3px 20px;
}

.info_feed_content
{
	display: inline-block;
	
	width: 100%;
	
	padding-right: 40px;
	
	text-align: left;
	
	vertical-align: top;
}

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

.fm_icon
{
	display: inline-block;
	
	width: 15px;
	height: 15px;
	
	margin-right: 10px;
	
	background-repeat: no-repeat;
	background-position: center;
	
	vertical-align: middle;
}

.fm_song
{
	display: inline-block;
	
	width: calc(100% - 25px);
	
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.75px;
	color: #FFFFFF;
	
	white-space: nowrap;
	text-overflow: ellipsis;

	vertical-align: middle;
	
	overflow: hidden;
}

.fm_subinfo
{
	display: inline-block;
	
	width: calc(100% - 25px);
	
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.25px;
	color: #C7C7C8;
	white-space: nowrap;
	text-overflow: ellipsis;

	
	vertical-align: middle;
	
	overflow: hidden;
}

.song_icon
{
	background-image: url(../images/song_icon.svg);
	background-size: contain;
}

.artist_icon
{
	background-image: url(../images/artist_icon.svg);
	background-size: cover;
}

.album_icon
{
	background-image: url(../images/album_icon.svg);
	background-size: cover;
}

.feed_fm_control
{
	position: relative;
	display: inline-block;
	
	width: 100px;
	height: 100px;
	
	margin-right: 15px;
	
	background-color: #0b0a19;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/speaker_icon.svg);
	background-size: 30px;
	
	border-radius: 50%;
	
	opacity: 0.9;
	
	cursor: pointer;
	
	vertical-align: middle;
}

.feed_controls_content
{
	position: absolute;
	top: 115px;
	left: -60px;
	
	width: 350px;
	
	padding: 15px 0px;
	
	background-color: #0b0a19;
    
	border-radius: 10px;
	
	cursor: auto;
}

.controlsHolderPart
{
	position: absolute;
	left: 5px;
}

.holderBackground_color 
{
	margin-top: 10px;
	padding: 10px 25px;
	
	background-color: #0b0a19;
	border-radius: 10px;
}

.controlsHolderPart .feed_controls_content
{
	position: static;
	top: 0px;
	left: 0px;
}

.one_feed_control
{
	display: inline-block;
	width: 100%;
	padding: 0px 15px;
	text-align: left;
}

.feed_control_title
{
	padding-bottom: 20px;
	
	font-size: 16px;
	color: #fff;
}

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

.relative_range
{
	position: relative;
	display: inline-block;
	
	width: calc(100% - 40px) !important;
	
	cursor: pointer;
	
	vertical-align: middle;
}

.range_white
{
	position: absolute;
    top: 13px;
    right: 0px;
    
	height: 9px;
	
	background-color: #fff;
    
	border-radius: 0px 10px 10px 0px;
}

.feed_controls_content input[type=range] {
	height: 34px;
	-webkit-appearance: none;
	width: 100%;
    background: transparent;
}

.feed_controls_content input[type=range]:focus {
  outline: none;
}

.feed_controls_content input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 9px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #BCA4FF;
  border-radius: 10px;
  border: 0px solid #010101;
}

.feed_controls_content input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000031;
  border: 3px solid #BCA4FF;
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.5px;
}

.feed_controls_content input[type=range]:focus::-webkit-slider-runnable-track {
  background: #BCA4FF;
}

.feed_controls_content input[type=range]::-moz-range-track {
  width: 100%;
  height: 9px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #BCA4FF;
  border-radius: 10px;
  border: 0px solid #010101;
}

.feed_controls_content input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000031;
  border: 3px solid #BCA4FF;
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background: #FFFFFF;
  cursor: pointer;
}

.feed_controls_content input[type=range]::-ms-track {
  width: 100%;
  height: 9px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.feed_controls_content input[type=range]::-ms-fill-lower {
  background: #BCA4FF;
  border: 0px solid #010101;
  border-radius: 20px;
  box-shadow: 0px 0px 0px #000000;
}

.feed_controls_content input[type=range]::-ms-fill-upper {
  background: #BCA4FF;
  border: 0px solid #010101;
  border-radius: 20px;
  box-shadow: 0px 0px 0px #000000;
}

.feed_controls_content input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000031;
  border: 3px solid #BCA4FF;
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background: #FFFFFF;
  cursor: pointer;
}

.feed_controls_content input[type=range]:focus::-ms-fill-lower {
  background: #BCA4FF;
}

.feed_controls_content input[type=range]:focus::-ms-fill-upper {
  background: #BCA4FF;
}

.fm_music_icon
{
	display: inline-block;
	
	width: 25px;
	height: 25px;
	
	margin-left: 15px;
	
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/speaker_icon.svg);
	background-size: cover;
	
	vertical-align: middle;
}

.instructor_feed_control
{
    margin-bottom: 10px;
	padding-bottom: 10px;
	
    border-bottom: 1px solid #fff;
}

.participant_player
{
	position: relative;
	display: inline-block;
	z-index: 4;
}
.participant_header .participant_player
{
	margin-left: 10px;
}

.participant_player .feed_controls_content
{
	left: 0px;
}

.hidenElementsInHeader .participant_player
{
	display: none;
}

.memberSide_fm_holder
{
	position: relative;
	top: -3px;
	display: inline-block;
}

.hiddenItems .memberSide_fm_holder
{
	display: none;
}

.hideFmOnMember
{
	display: none;
}

.demand_fm_holder
{
    position: absolute;
    top: 60px;
    right: 10px;
	
	width: 600px;
	
	text-align: right;
    z-index: 20;
}

.sepTimer
{
	display: inline-block;
	margin-right: 33px;
	margin-left: 33px;
	
	font-size: 4.2rem;
    color: #ffffff;
	vertical-align: top;
}

.noMrgR
{
	margin-right: 0px !important;
}

.displInl
{
	display: inline-block;
	vertical-align: top;
}

.clockInfo
{
	font-size: 1.5rem;
	color: #ffffff;
	
	text-align: left;
}

.feed_logo_container
{
	display: inline-block;
	
	width: 100%;
	
	text-align: center;
}

.feedfm_logo
{
	position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
	display: inline-block;
	
	width: 60px;
	height: 18px;
	
	padding: 0px 35px 35px 35px;
  
	background-repeat: no-repeat;
	background-position: center 12px;
	background-image: url(../images/feed-logo-white.png);
	background-size: contain;
	
	cursor: pointer;
	
	vertical-align: top;
}

.mute_feed
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
    right: 30px;
	
	width: 25px;
	height: 25px;
    
	background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/speaker_icon.svg);
    background-size: cover;
	
	cursor: pointer;
}

.newIconPlace .mute_feed
{
	left: 0px;
}


.feed_holder
{
	display: inline-block;
	
	width: 550px;
	
	text-align: right;
}

.participant_header .feed_holder
{
	width: auto;
}

.participant_player .feed_holder
{
	text-align: left;
}

.instructorD2C .feed_holder
{
	position: relative;
	top: -20px;
}

.inline
{
	display: inline-block;
}

.feed_info
{
	display: none;
	position: absolute;
	top: 105px;
	right: -160px;
	
	width: 400px;
	
	padding: 20px;
	
	background-color: #0b0a19;
	
	font-size: 14px;
	color: #fff;
	text-align: left;
	
	border-radius: 42px;
}

.feedfm_logo:hover .feed_info
{
	display: block;
}

.mute_feed .muted_audio
{
	left: 10px;
    top: 1px;
}

.feed_info_text
{
	display: inline-block;
	
	width: 100%;
}

.feed_title
{
	padding-bottom: 15px;
	font-weight: 500;
}

.bordTop
{
	border-top: 1px solid #444444;
}

.w100
{
	width: 100% !important;
}

.participant_player .feed_info
{
	right: -165px;
}

#music_control input[type=range] {
	height: 34px;
	-webkit-appearance: none;
	width: 100%;
    background: transparent;
}

#music_control input[type=range]:focus {
  outline: none;
}

#music_control input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 9px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #BCA4FF;
  border-radius: 10px;
  border: 0px solid #010101;
}

#music_control input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000031;
  border: 3px solid #BCA4FF;
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.5px;
}

#music_control input[type=range]:focus::-webkit-slider-runnable-track {
  background: #BCA4FF;
}

#music_control input[type=range]::-moz-range-track {
  width: 100%;
  height: 9px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #BCA4FF;
  border-radius: 10px;
  border: 0px solid #010101;
}

#music_control input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000031;
  border: 3px solid #BCA4FF;
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background: #FFFFFF;
  cursor: pointer;
}

#music_control input[type=range]::-ms-track {
  width: 100%;
  height: 9px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

#music_control input[type=range]::-ms-fill-lower {
  background: #BCA4FF;
  border: 0px solid #010101;
  border-radius: 20px;
  box-shadow: 0px 0px 0px #000000;
}

#music_control input[type=range]::-ms-fill-upper {
  background: #BCA4FF;
  border: 0px solid #010101;
  border-radius: 20px;
  box-shadow: 0px 0px 0px #000000;
}

#music_control input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000031;
  border: 3px solid #BCA4FF;
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background: #FFFFFF;
  cursor: pointer;
}

#music_control input[type=range]:focus::-ms-fill-lower {
  background: #BCA4FF;
}

#music_control input[type=range]:focus::-ms-fill-upper {
  background: #BCA4FF;
}

#multi_window .control_drop
{
	width: 400px;
} 

.fnt47
{
	overflow: hidden;
	font-size: 47px !important;
}

@media(max-width: 1660px)
{
	.feed_fm_info
		{
			width: 300px;
		}
}

@media(max-width: 1530px)
{	
	.hidenElementsInHeader .controls_container	
		{
			text-align: right;
		}
}

@media(max-width: 1350px)
{
	.inline_playlist
	{
		text-align: right;
	}
	
	.host_header
		{
			padding: 0px 30px 0px 30px;
		}
}

@media (max-width: 1250px) {
	.holder_playlistMin {
		width: 420px;
	}

	.playlist_footer_activity {
		overflow-x: auto;
		overflow-y: hidden;
		bottom: -5px;
	}

	.stream_pop_holder .close_zoomed {
		width: 23px;
		height: 23px;
	}

	.recording_on {
		top: 15px;
	}
	
	.instructorStreamD2C .stats_hold_host
	{
		font-size: 30px !important;
	}
	
	.activityTextD2C
	{
		overflow: hidden;
	}
}

@media(max-width: 1150px)
{
	.container_right_menu .host_fitness_script
	{
		    width: calc(100% - -140px);
	}
	
	.fmControlAlign
	{
		padding: 8px 0px 30px 0px;
	}
}

@media(max-width: 1050px)
{
	.playerPadding .instructorTutorial
	{
		right: -175px;
		padding: 20px 10px;
	}
}

@media(max-height: 750px)
{
	.instructorStreamD2C .stats_hold_host
	{
		font-size: 30px !important;
	}
}

@media(max-height: 700px)
{
	.notActiveText
	{
		padding-bottom: 6px;
		font-size: 21px;
	}
}

@media(max-height: 650px)
{
	.notActiveText
	{
		padding-bottom: 6px;
		font-size: 18px;
	}

	.startSessionBtn
	{
		padding: 7px 7px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	
	.viewListText
	{
		font-size: 15px;
	}
	
	#multi_window .bigCountShow
	{
		top: 70%;
	}
	
	.instructorStreamD2C .stats_hold_host
	{
		width: 10vw;
	}
}

@media(max-height: 600px)
{
	.stream_pop_text
	{
		padding-bottom: 15px;
		font-size: 25px;
	}
	
	.no_plan_h2
	{
		font-size: 18px;
	}
	
	.hold_btn1
	{
		margin-top: 15px;
	}
	
	.hold_btn1 .stream_cancel_btn
	{
		padding: 10px 20px;
		font-size: 15px;
	}
	
	.participants_stream_container
	{
		height: calc(100vh - 440px);
	}
	
	.notActiveText
	{
		padding-bottom: 6px;
		font-size: 18px;
	}
}

@media(max-height: 500px)
{
	.hostScreenMainDiv .stream_inner_pop
	{
		height: 86%;
		overflow: scroll;
	}
}