body
{
	padding: 0;
	margin: 0;
	background-color: black;
	
}

html, body { scroll-behavior: smooth; }


/* body::-webkit-scrollbar {
	width: 10px;
}
body::-webkit-scrollbar-thumb {
    background: #bd00ff;
    border-radius: 10px;
}
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
} */


@font-face {
    font-family: "Avenir-Medium";
    src: url("../fonts/Avenir-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Avenir-Book";
    src: url("../fonts/Avenir-Book.ttf") format("truetype");
}
h1, h2, h3, h4
{
	font-family: Avenir-Medium;
	word-break: break-word;
}

.h-90
{
	height: 82px;
}
.modal-dialog
{
	max-width: 1200px;
	margin: auto;
}
.modal-content
{
	background: #2a2a2a;
	border: none;
}
#myModal3 .custom-control
{
	padding-left: 0;
}
select.input-field
{
	padding-right: 30px;
	
	background-image: url(../images/dropdown.svg);
    background-repeat: no-repeat;
	background-position: right 5px center;
	color: #7e7382;
	
	overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
select.select_color_new
{
	color: #fff;
}

select.input-field:focus
{
	color: #fff;
	border: 1px solid white;
}
.translatX-Y
{
	transform: translate(25px, -25px);
}

#pick_channel .closepurple span
{
	top: 47% !important;
}
.caret-clr
{
	caret-color: transparent !important;
}
/*---------login page CSS----------------*/

/*--------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;
	max-width: 200px;
}
.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.6);
    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.3); */
	background-color: rgb(42, 20, 49);
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    -o-appearance: none;
  -ms-appearance: none;
}
.login-box .form-group input, .register-box .form-group input{
	/* background: rgba(176,2,237,0.11); */
	background-color: rgb(42, 20, 49);
    border:2px solid #b002ed;
    border-top: 0px solid transparent;
    height: 65px;
	color: #fff;
    font-size: 16px;
	border-radius: 0px 12px 12px 12px;
	position: relative;
	
	

}
/* input::-webkit-contacts-auto-fill-button
{
	
	-webkit-mask-image: none !important;
} */
input::-ms-clear, input::-ms-reveal { 
    display: none !important;
}
/* .login-box .form-group input:focus, .register-box .form-group input:focus
{
	background: rgba(176,2,237,0.11);
} */

.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;
    }
}

.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);
}
.px-30
{
	padding-left: 30px;
	padding-right: 30px;
}
.login-box .login-inner .form-group, .register-box .register-inner .form-group{
	position:relative;
}
.setting-icon:before
{
	content: "";
    position: absolute;
    height: 90%;
    width: 1px;
    background-color: #474747;
    left: -30px;
    transform: translateY(-50%);
    top: 50%;
}
.dropdown-menu
{
	background-color: #262626;
	color: white;
	border: none;
}
.dropdown-item
{
	color: #aeadad;
	cursor: pointer;
}
.dropdown-item:focus, .dropdown-item:hover
{
	background-color: #262626;
	color: white;
}
.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;
	z-index: 99;
}
.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;
}

#participant_sign_up
{

}
.parti_logo_image
{
	max-width: 100%;
	max-height: 450px;
	padding: 10px;
	align-self: center;
}
.w-112
{
	width: 115px;
}
.w-190
{
	width: 190px;
}
.column-left
{
	border: 1px solid white;
    border-radius: 14px;
    justify-content: center;
}
.countdown11 .join_button
{
	position: absolute;
    left: 1px;
    bottom: 0;
	width: 50%;
	background-color: rgba(189, 0, 255, .8) !important;
	border-radius: 0px 0px 15px 15px !important;
}
/* img.user-login{
    position: absolute;
    right: 15px;
    top: 18px;
    width: 18px;
} */
.tab-dropdown
	{
		opacity: 1;
	}
	.drodown-tabs
	{
		display: none;
	}
.bocc
{
	position: absolute;
    right: 15px;
    top: 18px;
	width: 18px;
	/* background: rgba(176,2,237,0.11); */
	background-color: rgb(42, 20, 49);
}
.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;
}
.new_inl_arrow
{
	position: relative;
	display: inline-block;
	
	vertical-align: middle;
}

.newPost_arrow
{
	position: absolute;
	top: 5%;
	left: 15%; 
}

.more_left_arrow
{
	top: 4%;
	left: 34%; 
}

.member_screen_mdl .modal-dialog
{
	max-width: 650px;
}
.member_screen_mdl .modalbg
{
	background-color: rgba(52, 52, 52, 0.8) !important;
}
.bg-red_color
{
	background-color: rgba(133,38,48,.7) !important;
	
}
.member_screen_mdl .closepurple
{
	position: absolute;
	right: 19px;
	top: 17px;
}
#member_edit .modal-header img
{
	width: 90px;
}
.w-108
{
	width: 108px !important;
	text-align: right;
}


.immem_file
{
	position: relative;
	margin: 20px;
	padding: 50px 20px;
	
	border: 1px solid #b002ed;
	background: #373737;
	text-align: center;
	
	border-radius: 10px;
}

.immem_file input
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.immem_status
{
	padding: 0px 20px;
}

.immem_example
{
	text-align: center;
	color: #FFF;
}

/*---------Session Creation page CSS----------------*/

.input-field_cal
{
	border: 2px solid #b002ed !important;
    width: 180px;
    margin-top: 0px;
    padding-top: 10px;
    padding-left: 12px;
    border-radius: 0px 10px 10px;
    padding-bottom: 7px;
    color: #ffffff;
    background-color: #bd00ff52;
}
#allprevsession button.closepopup
{
    position: absolute !important;
    right: 30px !important;
    top: 15px !important;
}
.activity-table.table th
{
	border-top: none;
	width: 20%;
	padding: .75rem 8px;
	display: inline-block;
}
.red-outline
{
	border:1px solid red !important;
}

#allprevsession .table td
{
	border-top: none;
	border-bottom: 1px solid #414141;
}
#allprevsession .table thead th
{
	position: relative;
	
	color: white;
	border: 1px solid #414141;
	font-weight: 500;
	border: none;
}
#allprevsession .custom-control-input:checked~.custom-control-label::before
{
	color: #fff;
    border-color: #ffffff;
    background-color: #ffffff;
    box-shadow: none;
}
#allprevsession .custom-control-input:checked~.custom-control-label::after
{
	background-image: none;
    width: 11px;
    height: 11px;
    background-color: #bd00ff;
    border-radius: 50%;
    top: 9px;
    left: -19px;
}
#allprevsession .table tbody td
{
	color: #cccccc;
	border: none;
	padding: 15px 10px;
	
	border: 1px solid #414141;
}
.custom-file-input:focus~.custom-file-label
{
	box-shadow: none;
    border-color: #bd00ff;
}
/*---------slide-22 CSS----------------*/

.custom-file-session
{
	position: relative;
	height: 140px;
	width: 100%;
	
	background: rgb(52, 33, 59);
	border: 2px solid #b002ed;
	
	border-radius: 0px 12px 12px 12px;
}

.new_marg_left_arrow
{
	margin-left: 0px !important; 
}
.custom-file-session #customFile_imgs
{
	position: absolute;
	left: 0px;
	top: 0px;
	
	height: 100%;
	width: 100%;
	
	font-size: 0px !important;
	z-index: 1000;
}



.custom-file-session img
{
	object-fit: contain;
}


/* Header Part CSS */


.hdr h1
{
	font-size: 27px;
	font-weight: bold;
	color: #bd00ff;
	letter-spacing: 2px;
	font-style: italic;
}
.pic
{
	width: 55px;
	height: 55px;
	border:3px solid #c00ff5;
	border-radius: 7px;
	/* transform: translateY(-6px); */
}
.hdr h2
{
	color: white;
	font-size: 24px;
}
.mb-38
{
	/* margin-bottom: 38px; */
	margin-bottom: 25px;
}
.hdr h2 i
{
	color: #bd00ff;
}
.hdr p
{
	color: #9b9b9b;
	line-height: 20px;
	font-size: 14px;
}
.hdr .input_field_container .col-xl-4:before
{
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 1px;
	height: 64%;
	background-color: #898989;
}
.hdr .input-box:after
{
	content: "";
    position: absolute;
    width: 1px;
    height: 74%;
    background-color: gray;
    top: 8px;
    right: -16px;
}
.icons
{
	display: inline-block;
	position: relative;
}
.icons i
{
	font-size: 40px;
	color: #bd00ff;
}
.badge
{
	background-color: #bd00ff;
	padding: .25em .9em;
	color: white;
	font-size: 79%;
	border-radius: 1.25rem;
	position: absolute;
	right: -20px;
	top: 5px;
}
.input-box
{
	position: relative;
}
.input-box input.form-control
{
	border: 2px solid #bd00ff;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	background-color: #492158;
	height: 60px;
	color: white;
}

.input-box .input-group-text
{
	color: white;
	background-color: #bd00ff;
	padding: .375rem 1rem;
	border: 1px solid #bd00ff;
}
.input-box .input-group-text i
{
	-webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  font-size: 22px;
}
.input-box .input-field ::placeholder, .input-box .input-field :-ms-input-placeholder, .input-box .input-field ::-webkit-input-placeholder
{
	/* font-size: 1.2vw !important; */
	color: rgb(255,255,255) !important;
	font-style: italic !important;
	font-size: 8px !important;
}
.input-box ::-ms-input-placeholder
{
	color: rgb(255,255,255) !important;
}
.angle-img
{
	flex-basis: 44px;
}
.textt
{
	position: absolute;
	right: 75px;
	top: 20px;
	padding-left: 15px;
	z-index: 99;
}
/* Tab Section CSS */

.tab-sec .cont, .inner_containr
{
	background-color: #2a2a2a;
	border-radius: 10px;
}
.tab-sec .nav-tabs
{
	border-bottom: none;
	margin: 0px 15px;
}
.tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link
{
	background-color: transparent;
	color: white;
	padding: 18px 10px;
	border: none;
	font-size: 20px;
	position: relative;
	margin: 0px 5px;
	font-family: Avenir-Medium;
}
.tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link
{
	color: #8f8f8f;
}
.tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:after
{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #bd00ff;
}

.datepick
{
	position: relative;
}
.datepick input
{
	background-color: transparent;
	border: none;
	font-size: 28px;
	color: white;
	width: 200px;
	font-family: Avenir-Book;
}
.datepick11 input
{
	background-color: transparent;
	border: none;
	font-size: 30px;
	color: white;
	font-family: Avenir-Book;
}
.datepick11 input:focus
{
	background-color: transparent;
	border: none;
	color: white;
}
.datepick input:focus
{
	background-color: transparent;
	border: none;
	color: white;
}

input.form-control:focus
{
	outline: none;
	box-shadow: none;
}
.c_icon11
{
	position: relative;
	padding-left: 15px;
}
.c_icon11:before
{
	content: "";
	position: absolute;
	width: 1px;
	height: 30px;
	background-color: gray;
	top: 2px;
    left: -24px;
}
.nc_icon:before
{
	content: "";
	position: absolute;
	width: 1px;
	height: 30px;
	background-color: gray;
	top: 0px;
    left: -14px;
}
.c_icon:before
{
	content: "";
	position: absolute;
	width: 1px;
	height: 30px;
	background-color: gray;
	top: 0px;
    left: -24px;
}
.srch_icon:before
{
	content: "";
	position: absolute;
	width: 1px;
	height: 30px;
	background-color: gray;
	top: 0;
	left: -9px;
}
.datepick i
{
	color: #bd00ff;
	font-size: 30px;

}
.p-top-3
{
	padding-top: 2px;
}
/* Tab inner part CSS */

.cont1 .nav-link, .cont1 .nav-link.active
{
	display: inline-block;
	font-size: 28px;
	line-height: 23px;
	padding: 1.2rem 0.2rem;
	margin-top: 5px;
	text-align: center;
}
.cont1 a.nav-link span, a.cont1 .nav-link.active span, .cont1 div.nav-link span
{
	font-size: 16px;
}

.image
{
	position: relative;
}
.join-overlay
{
	background-color:rgba(189,0,255,.8);
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.content-container .image img
{
	border-radius: 15px;
}
a.act
{
	position: relative;
	color: white !important;
}
a.act:before
{
	content: "";
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #bd00ff;
	position: absolute;
}
.cont1 .nav-tabs
{
	margin-top: 10px;
	border-bottom: 1px solid #474747;
}


/* Image & Content Section CSS */

.display-3 {
    font-size: 23px;
    color: #939393;
    font-weight: 300;
    line-height: 1.3;
}
#thank_you .gray-box2, #form_host_participant .gray-box2, #access_code .gray-box2
{
	overflow: inherit !important;
}

.content-container h2
{
	font-size: 32px;
    color: #ffffff;
    font-weight: 300;
}
.content-container p
{
	
    color: #e0e0e0;
   
}
.second-col i, .third-col i
{
	font-size: 30px;
	border: 1px solid #bd00ff;
	color: white;
	padding: 10px 15px;
	border-radius: 5px;
}
.first-col h3 span, .first-col h3
{
	font-size: 34px;
	font-weight: bold;
	color: white;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	letter-spacing: 3px;
}
.first-col h3 span:after
{
	
	color: #979797;
	font-size: 18px;
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 400;

}
#participant_sign_up .modal-header 
{
	position: absolute;
    width: 100%;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    /* background: rgba(0,0,0,.5); */

}
.mw-1260
{
	max-width: 1260px;
}
.first-col h3 span.num1:after
{
	content: "hh";
	letter-spacing: 0px;
}
.first-col h3 span.num2:after
{
	content: "mm";
	letter-spacing: 0px;
}
.first-col h3 span.num3:after
{
	content: "ss";
	letter-spacing: 0px;
}
.cont1 .tab-content .fa-angle-right
{
	color: #bd00ff;
	font-size: 30px;
}
.interest_img
{
	width: 200px !important;
	margin-bottom: 30px;
}

.dashplussign
{
	min-height: 140px;
}

.dashplussign .my-2
{
	margin: auto !important;
}

/*Calendar css*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
	border: none;
	background-color: transparent;
	color: white;

}
.ui-widget-content
{
	background-color: #424141;
}
.ui-widget-content
{
	color: white;
}
.ui-widget.ui-widget-content
{
	border: none;
}
.ui-widget-header
{
	background: #bd00ff;
    color: #ffffff;
    border: none;
}
.modal-dialog.signUpwidth
{
	max-width: 1000px;
}
.mw-770
{
	max-width: 770px;
}
.mw-400
{
	max-width: 400px;
}
.mw-670
{
	max-width: 670px;
}
.mw-900
{
	max-width: 900px;
}
.mw-600
{
	max-width: 600px !important;
}
.signUpwidth
{
	max-width: 1000px;
}
/*----------------Home Page CSS----------------------*/
.shadow-1
{
	box-shadow: 3px 3px 17px 3px #3d1a4a inset
}

.channel_name .shadow-1
{
	box-shadow: 3px 3px 17px 3px rgba(0, 0, 0, 0.3) inset;
}


.shadow-11
{
	box-shadow:8px 5px 19px 18px #330046 inset;
}
.radius-8
{
	border-radius: 8px !important;
}
.radius-35
{
	border-radius: 35px !important;
}
.logo-text
{
	font-size: 28px;
	font-weight: bold;
	color: #bd00ff;
	letter-spacing: 2px;
	font-style: italic;
}
.slider-header p
{
	color: white;
	margin-right: 15px;
	margin-bottom: 0;
}
/*-------------CSS taken from rohit custom.css file--------------------*/

.btn-outline-secondary{
    color: #fff;
    border-color: #bd00ff;
    font-family: Avenir-Medium;
    letter-spacing: 0.5px;
    font-size: 16px;
    padding: 11px 15px;

}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #bd00ff;
    border-color: #bd00ff;
}

/* .btn-primary {
    background: #bd00ff;
    background-color: #bd00ff !important;
    border-color: #bd00ff !important;
    font-family: Avenir-Book;
    font-size: 16px;
    padding: 11px 15px;
} */
#members_addModal .modal-dialog
{
	max-width: 1000px;
}
#dasboard_myModal2{
	background-color: rgba(0, 0, 0, 0.8) !important;
}
#link_generator{
	background-color: #3434347d !important;
}

#dasboard_myModal2 .modal-content
{
	background: transparent !important;
}
#dasboard_myModal2 .modal-content .form-group .cover-border
{
	background-color: #2a2a2a !important;
}

.dashboard_land {
    background-image: url(../images/form-email.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 33px;
    height: 33px;
    float: right;
    position: absolute;
    right: 14px;
	top: 18px;
	background-size: 30px;
}
.mt--22
{
	margin-top: -26px;
}
.mt--10
{
	margin-top: -15px;
}
.mt--5
{
	margin-top: -5px !important;
}

.srv-validation-message{
	/* color:#dc0f0fde !important; */
	color:#d6d6d6 !important;
	transform: translateY(-18px);
	font-size: 13px;
}
.message_error .srv-validation-message
{
	color:red !important;
	transform: translateY(-0px) !important;
}
#dasboard_myModal2 .modal-body
{
	background: #2a2a2a;
}
/* add participant dashboardlanding */
#dash_add_participent{
	background-color: #0000008c !important;
}
.cal-backg
{
	background-image: url(../images/cal-icon1.png);
    background-repeat: no-repeat;
    background-position: right 22px center;
}
.right-25
{
	background-position: right 27px center !important;
}
#dash_add_participent .modal-content
{
	background: transparent !important;
}
#dash_add_participent .modal-content .form-group .cover-border
{
	background-color: #2a2a2a !important;
}
 #dash_add_participent .done {
    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: 150px;
    height: 55px;
    margin-top: 23px;
} 

#dash_add_participent .modal-body
{
	background: #2a2a2a;
}

/* JOIN BUTTON POPUP CSS */

#streaming_option .join_button
{
	padding: 5px 15px;
	border-radius: 5px;
}
#streaming_option .join_button
{
	padding: 5px 15px;
	border-radius: 5px;
}
#streaming_option .table-bordered td, .table-bordered th 
{
	border-color: rgba(255,255,255,.4);
	padding: .5rem;

}
	

/*Carousel CSS */
.slider_sec
{
	border: 2px solid #4a4a4a;
}
.slider_sec .carousel-inner img
{
	width: 100%;
}
.slider_sec .carousel-indicators
{
	bottom: -63px;
}
.slider_sec .carousel-indicators li
{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 6px;
    margin-left: 6px;
    background-color: #808080;
}
.slider_sec .carousel-indicators li.active
{
	background-color: #bd00ff;
}
/* .slider_sec .carousel-caption
{
	right: 2%;
	left: 2%;
	text-align: initial;
	bottom: 0;
} */
.slider_sec .carousel-caption
{
	right: 0%;
	left: 0%;
	text-align: initial;
	bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* .upper_inner_text
{
	flex-basis: 63%;
} */
.upper_inner_text a, #streaming_option a
{
	text-decoration: none;
}
.lower_inner_text
{
	flex-basis: 37%;
}
/* .learn_more
{
	border: 1px solid #b002ed;
	padding: 10px 15px;
	border-radius: 10px;
	margin-left: 20px;
} */
.learn_more
{
	padding: 10px 25px;
}

.learn_more .bordr
{
	border: 2px solid #b002ed;
	padding: 1px 0px 0px 2px;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	text-align: center;
	margin-left: 20px;
	font-weight: bold;
}
.learn_more .bordr i
{
	font-size: 22px;
    font-weight: bold;
	color: #b002ed;
	margin-top: -1px;
}
/* slides sec CSS Code */
.slides_sec
{
	background-color: #2c2c2c;
	margin-top: 2rem;
}
.slides_sec h2
{
	color: white;
	margin-right: 25px;
	font-weight: 900;
	font-size: 35px;
}
.small_img_part h3
{
	color: white;
}
.small_img_part h3 sup
{
	vertical-align: super;
	font-size: 15px;
}

.slides_inner_part p
{
	color: white;
}
.slides_inner_part .item img
{
	width: 100%;
	border-radius: 10px;
}
.slides_inner_part .slick-slide
{
	margin: 10px;
}
.footer_sec
{
	background-color: #3f3f3f;
}
.footer_sec ul.list
{
	list-style: none;
	padding-left: 5px;
}
.footer_sec ul.list li:before
{
	content: '\f111';
	color: #bd00ff;
	font-family: FontAwesome;
	font-size: 6px;
	margin-right: 10px;
	transform: translateY(-3px);
	display: inline-block;
}
.footer_sec ul.list li a
{
	color: #f8f8f8;
	text-decoration: none;
	font-family: "Avenir-Book";
}
.footer_sec p
{
	color: #898989;
	font-size: 12px;
}
.footer_sec .social_icons i
{
	margin: 4px;
    width: 35px;
    border-radius: 50%;
    padding: 7px;
    font-size: 18px;
    transition: 0.5s ease all;
    color: #d8d8d8;
    border: 1px solid #d8d8d8;
}
.footer_sec p.foot_txt
{
	color: #f8f8f8;
	font-size: 14px;
}
.foot_txt a
{
	color: #bd00ff;
	font-weight: bold;
	text-decoration: none;
}
.footer_sec input.form-control, .member-sec input.form-control
{
	background-color: #562f65;
	border: 1px solid #bd00ff;
	height: calc(1.5em + .75rem + 13px);
	color: white;
	border-radius: .25rem;
}
.footer_sec .input-group-append
{
	transform: translateX(-5px);
	position: relative;
    z-index: 999;
}
.footer_sec .input-group-text
{
	background-color: #a808e1;
	border: 1px solid #b002ed;
	color: white;
	font-size: 19px;
	border-radius: 8px !important;
}
.member-sec input.form-control
{
	background-color: #562f65;
	border: 2px solid #bd00ff;
	height: 62px;
	color: white;
	border-radius: 10px;
}
.member-sec .input-group-text
{
	background-color: #a808e1;
	border: 2px solid #b002ed;
	color: white;
	font-size: 19px;
	border-radius: 0px 10px 10px 0px !important;

}
.footer_sec .input-group-text a, .member-sec a
{
	color: white;
}
.footer_sec .input-group-text i, .member-sec .input-group-text img
{
	max-width: 22px;
}
.footer_sec ::placeholder, .member-sec ::placeholder
{
	color: #f8f8f8 !important;
}
.footer_sec :-ms-input-placeholder, .footer_sec ::-webkit-input-placeholder, .member-sec :-ms-input-placeholder, .member-sec ::-webkit-input-placeholder
{
	color: #f8f8f8 !important;
}

.input_field_container 
{
	border: 2px solid #bd00ff;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	background-color: #492158;
	color: white;
	padding: 15px 0;
	padding-right: 50px;
	position: relative;
}

.cont .parent_field_cont
{
	margin: 25px 30px 0px 30px;
	
}
 .input_field_container .col-xl-8 ::placeholder
{
	font-style: italic !important;
	font-size: 15px;
}
.input_field_container .col-xl-8 ::-webkit-input-placeholder
{
	font-style: italic !important;
	font-size: 15px;
}
.input_field_container .col-xl-8 :-ms-input-placeholder 
{
	font-style: italic !important;
	font-size: 15px;
}

.right-small-box
{
	position: absolute;
	padding-left: 15px;
	padding-right: 15px;
	top: 0;
	right: 0;
	 background-color: #bd00ff;
	 height: 100%;
	 display: flex;
	 justify-content: center;
	align-items: center;
	cursor: pointer;
	border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.main_search_item .right-small-box
{
	padding-top: 20px;
	padding-bottom: 20px;
}

.right-small-box img
{
	/* transform: scaleX(-1); */
    width: 24px;
}

.input_field_container .input-group-text
{
	color: white;
	background-color: #bd00ff;
	padding: .375rem 1rem;
	border: 1px solid #bd00ff;
}
.input_field_container .col-xl-8 input.form-control, .input_field_container .col-xl-5 input.form-control, .input_field_container .frst-input-row input.form-control
{
	background-color: transparent;
	border: none;
	color: rgb(255,255,255) !important;
}
.input_field_container input.dt_input
{
	background-color: transparent;
	border: 1.8px solid #bd00ff !important;
	color: rgb(255,255,255) !important;
	border-radius: 6px;
	font-size: 19px;
}
.input_field_container ::placeholder
{
	color: rgb(255,255,255) !important;
}
.input_field_container ::-ms-input-placeholder
{
	color: rgb(255,255,255) !important;
}
.frst-input-row ::-webkit-input-placeholder
{
	font-style: italic !important;
}
.frst-input-row ::-webkit-input-placeholder
{
	font-style: italic !important;
}
.frst-input-row ::placeholder
{
	font-style: italic !important;
}


.input_field_container .custom-checkbox .custom-control-label::before
{
	border: 1.8px solid #bd00ff;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin-right: 8px;
    background-color: transparent;
    box-shadow: none;
}
.input_field_container .custom-checkbox.text_input .custom-control-label::before
{
	border: 1px solid #bd00ff;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin-right: 8px;
    background-color: white;
    box-shadow: none;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before
{
	border-color: #bd00ff;
}
.input_field_container .custom-checkbox.text_input .custom-control-input:checked~.custom-control-label::after

{
	background-image: url(../images/right.jpg);
    
}
/* .input_field_container .custom-control-label::after
{
	top: 0.35rem;
    left: -1.4rem;
} */
.input_field_container .frst-input-row .custom-checkbox:before
{
	content: "";
	position: absolute;
	left: -15px;
    top: -6px;
    width: 1px;
    height: 38px;
    background-color: #898989;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before
{
	color: #fff;
    background-color: transparent;
	border-color: #bd00ff;
	border-width: 2px solid #bd00ff;
}

/*---------Custom select input CSS----------------*/

.custom-select1 {
  position: relative;
  font-family: Arial;
  padding:0;
  border: none;
  border-radius: .25rem;
  transition: unset;
}

.custom-select1 select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #7c11a2;
   border-radius: .25rem;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 19px;
  right: 17px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  min-width: 100px;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #7c11a2;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
 
/*---------slide-1 CSS----------------*/

.parti_box .b-image
    	{
    		padding: 35px;
    		box-sizing: border-box;
    	}
      .parti_box p.white
      {
      	font-family: Avenir-Book;
      }
      .parti_box
      {
      	display: flex;
      	flex-direction: column;
      	width: 210px;
      	margin: 25px;
	  }
	  
      .width-200
      {
      	width: 200px;
      }
       .b-image .custom-control
      {
      	position: absolute;
      	top: 2px;
      	right: 0px;
	  }
	  .font-14
      {
      	font-size: 14px !important;
	  }
	  .font-15
	  {
		  font-size: 15px;
	  }
      .font-16
      {
      	font-size: 16px !important;
	  }
	  .font-22
	  {
		  font-size: 22px !important;
	  }
	  .font-24
	  {
		  font-size: 24px;
	  }
	  .new_ses_font
	  {
		  font-size: 22px !important;
	  }
	  

/*---------slide-36 CSS----------------*/
.hdng
{
    font-family: Avenir-Medium;
    font-weight: normal;
    color: #ccc;
    font-size: 18px;
    padding: 0 20px;
}
.hdng1
{
	font-family: Avenir-Book;
    font-size: 20px;
    color: #fff !important;
    
}
.color-icons img
{
	width: 20px;
}
.color-icons span
{
	color: #bd00ff;
	
}
/* .parent-row
{
	display: none;
} */
.myheading
{
	position: relative;
}
.myheading:after
{
	position: absolute;
	content: "";
	left: 50%;
	bottom: -36px;
	transform: translateX(-50%);
	background-color: #bd00ff;
	width: 97%;
	height: 1px;
}
a.purple_link
{
	color: #bd00ff;
    font-weight: bold;
    text-decoration: none;
    font-size: 17px;
}
.font-18
{
	font-size: 18px !important;
}
.overflow-hidden
{
	overflow: hidden;
}
.float-right .timer1
{
	height: 37px;
}
.purple_text
{
	color: #bd00ff !important;
}
div.overflow-hidden .d-flex p:nth-child(1) a
{
	position: relative;
	font-size: 23px;
	color: #bd00ff;


}

div.overflow-hidden .d-flex p:nth-child(2)
{
	transform: translateY(-5px);
}
div.overflow-hidden .d-flex p a
{
	font-size: 30px;
	text-decoration: none;

}
div.overflow-hidden p:nth-child(1) a:after
{
	position: absolute;
	width: 1px;
	height: 20px;
	background-color: #474747;
	content: "";
	top: 8px;
    right: -20px;
}
.text_lft_icon
{
	width: 24px;
}

/*---------slide-35 CSS----------------*/

.emojis-icon
{
	background: url(../images/picking1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    width: 28px;
    height: 28px;
    float: right;
    position: absolute;
    right: 16px;
    top: 19px;
}
.browse
{
	font-size: 18px;
	float: right;
    position: absolute;
    right: 16px;
    top: 19px;
    color: #bd00ff;

}

/*---------session wine creation page CSS----------------*/

.emojis-dialogwidth
{
	max-width: 75% !important;
}
.card.cardbg span img
{
	width: 30px;
}
#pick_channel
{
	background: rgba(0, 0, 0, 0.7);
}

#pick_emojis_modal .modal-header, #pick_channel .modal-header
{
	position: relative;
	border-bottom: none;
}
#pick_emojis_modal .modal-header:after
{
	content: "";
	position: absolute; 
	bottom: 0;
	width: 95%;
	height: 1px;
	background-color: #414141;
	transform: translateX(-50%);
	left: 50%;

}

#pick_emojis_modal .col-md-4:after
{
	content: "";
	position: absolute; 
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #414141;
}
#pick_emojis_modal .col-md-4:nth-child(3):after
{
	display: none;
}
#pick_emojis_modal .modal-content
{
	background-color: transparent;
}
#pick_emojis_modal button.btn-primary, #myPickWineModel button.btn-primary
{
	border-radius: 40px;
    background-color: rgba(189,0,255,0.7) !important;
    border: none;
    cursor: pointer;
    font-weight: bold;
	padding: 12px 35px;
	text-transform: uppercase;
}
#pick_emojis_modal button.btn-primary:focus
{
	outline: none;
}
#pick_emojis_modal button.close
{
	color: rgba(189,0,255,1);
	text-shadow: none;
	font-size: 25px;
	opacity: .8;
}
.searchbar .inputbtn
{
	background-size: 20px;
}
#pick_host_modal label img, .host-container label img
{
	width: 65px;
	align-self: baseline;
	border-radius: 8px;
}
#pick_host_modal .checktxt
{
	font-size: 16px;
}
#pick_host_modal label.custom-control
{
	display: flex;
}
#pick_host_modal input[type="checkbox"], .host-container input[type="checkbox"]
{
	transform: translateY(19px);
} 
#pick_host_modal .modal-header, #add_product_modal .modal-header, #product_lst_modal .modal-header
{
	border-bottom: none;
}
.checktxt_name
{
	color: white !important;
	border-bottom: 1px solid #bd00ff;
	font-size: 20px;
	font-family: "Avenir-Book";
	display: inline-block;
}


.onechanneldiv .checktxt_name
{
	border-bottom: 0px none;
}

.onechanneldiv img.align-self-start
{
	height: 66px;
	object-fit: cover;
}

.search_input_dashboard::placeholder
{
	font-size: 14px !important;
	font-weight: normal !important;
}

#add_product_modal h4.modal-header
{
	position: relative;
}
#add_product_modal h4.modal-title span, #product_lst_modal h4.modal-title span
{
	position: absolute;
	top: 50px;
	left: 25px;
	font-size: 13px;
	color: #878787;
}
#add_product_modal .equipmodalbg
{
	max-width: 1120px !important;
}
#add_product_modal .btn-outline-secondary, #add_product_modal .btn-primary
{
	padding: 12px 15px;
	font-size: 14px;
}
.input-field-2
{
	border-radius: 0px 15px 15px 15px;
}
.bg_gray_clr
{
	background-color: #131313;
}
.border_none
{
	border: none;
}

/*---------RECURRING SCREENS CSS----------------*/
#recurring_schedule .modal-dialog
{
	max-width: 700px;
}
#recurring_schedule .inner-box
{
	max-width: 480px;
}
#recurring_schedule .form-radio:checked
{
	border-radius: 5px;
}

#recurring_schedule .form-radio
{
	width: 19px;
	height: 19px;
	flex:auto;
	margin-right: 7px;
	border-radius: 3px;
}

#session_listing .modal-body
{
	background-color: #9b51e0;
}
#session_listing .close
{
	opacity: .9;
	position: absolute;
	top: 0px;
	right: 10px;
	font-weight: 100;
	color: #c383ff;
	font-size: 35px;
}
#session_listing .border-bottom
{
	border-bottom: 1px solid #c383ff !important;
}
.session_listing_inner p
{
	margin-bottom: 10px;
	color: #f1e1ff;
}
.recurring_session_detail
{
	max-height: 600px;
	overflow-y: auto;
	width: 100%;
	overflow-x: hidden;
	
	padding-left: 40px;
	
}
.recurring_session_detail .row
{
	margin: 0px;
}

.recurring_session_detail .row .col-md-4:last-child label, .recurring_session_detail .row .col-xl-3:last-child label
{
	border-right: none;
}
.recurring_session_detail .row .col-md-4 label, .recurring_session_detail .row .col-xl-3 label
{
	border-right: 1px solid gray;
}
.recurring_session_detail::-webkit-scrollbar{
	width:6px;
	background:#ccc;
	height: 6px;
	border-radius: 3px;
}
.recurring_session_detail::-webkit-scrollbar-thumb{
	width:6px;
	background:#710298;
	border-radius: 3px;
}

.recurring_session_detail::-webkit-scrollbar-track{
	width:5px;
	background: #ffffff;
	border-radius: 3px;
}
.mail_field
{
	width: 500px;
}
.mail_field input
{
	height: 53px;
}
.mail_field .form_email
{
	top: 12px;
}
.mail_field input
{
	margin-bottom: 0;
}


/*---------Header page calendar CSS----------------*/
.cal_modal .modalbg
{
	background-color: #343434 !important;
}
.modalbg_new
{
	padding-left: 0px !important;
	
}
.rlc-calendar
{
	color: #959595 !important;
	border: none !important;
	border-top: 1px solid #414141 !important;
	border-bottom: 1px solid #414141 !important;
	box-shadow: none !important;
	width: 490px !important;
	margin: auto !important;
}
.rlc-date-details, .rlc-date-details-wrapper
{
	display: none;
}
.rlc-day-disabled, .rlc-day-disabled:hover
{
	background-color: #343434 !important;
	color: white !important;
}
.rlc-day-selected
{

	font-weight: bold !important;
}
.cal_modal .modal-header
{
	border-bottom: none;
}
.cal_modal .modal-dialog
{
	max-width: 450px;
}
.cal_modal .modal-body h3
{
	display: none;
}
.bg-trnsparent
{
	background-color: transparent;
}
.logo-icon1
{
	width: 170px;
}
.w-20
{
	width: 20px !important;
}
.custom-file-input:focus + label.custom-file-label
{
border: 1px solid white;
outline: none;
}
.join_button.cancel
{
	position: absolute;
	bottom: 25px;
	left: 25px;
	padding: 10px 51px;
}
#sign_up_info .modal-body,#recurringInfo .modal-body,#createdSessionSuccess
{
	background-color: #bd00ff;
}
.close.whitecross
{
	font-size: 35px;
	font-weight: 100;
	opacity: 1;
	color: white;
	display: block;
	text-align: right;
	margin-top: -10px;
}
.table_box2 .parti_id_box
{
	max-height: 200px;
	overflow-y: auto;
	margin-top: 35px;
}
.table_box2 th, .table_box2 td
{
	border: none !important;
	font-size: 16px;
    padding: 5px;
}
.table_box2 .parti_id_box
{
	margin-top: 20px;
}
.table_box1
{
	position: absolute;
    top: 0px;
    left: 0px;
    background-color: #bd00ff;
    border-radius: 10px;
    width: 100%;
    z-index: 9999;
}
.inner_containr .table_box1 th, .inner_containr .table_box1 td
{
	border: none !important;
	font-size: 14px;
    padding: 5px;
} 
.table_box1 .parti_id_box
{
	max-height: 200px;
	overflow-y: auto;
	margin-top: 35px;
}

.table_box1 button.close {
    opacity: 1;
}

.table_box1 .arrow {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 44px !important;
}

.table_box1 .arrow:before {
    content: "";
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    position: absolute;
    border-color: #bd00ff transparent transparent transparent ; 
	border-style: solid;
	border-width: 10px;
}
.parti_id_box::-webkit-scrollbar{
	width:6px;
	background:#ccc;
	height: 6px;
}
.parti_id_box::-webkit-scrollbar-thumb{
	width:6px;
	background:#710298;
}
.parti_id_box::-webkit-scrollbar{
	width:5px;
}
.table-responsive::-webkit-scrollbar-track{
	width:5px;
	background: #cf6df2;
}
.parti_id_box::-webkit-scrollbar-thumb{
	width:5px;
	background:#710298;
}
.closepurple
{
	background-color: #7c1f9c !important;
	border-radius: 50% !important;
	width: 30px;
	height: 30px;
	position: relative;
	opacity: 1;
	font-weight: inherit !important;
	z-index: 99;
	border: none !important;
}
.closepurple span
{
	position: absolute;
	color: #ffffff !important;
    font-size: 28px !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-family: Avenir-Book !important;	
	text-shadow: none;		
}

.new_closepurple_channel
{
	position: absolute;
	right: 3%;
}

#pick_channel .closepurple span
{
	top: 47% !important;
}

.btn_btn1
{
	bottom: -74px;
	transform: translateX(-50%);
	left: 50%;
}
.rlc-day
{
	font-size: 18px !important;
	width: 70px !important;
	height: 60px !important;
}
.rlc-navigation-button
{
    color: #bd00ff;
    font-weight: bold;
    font-size: 20px;
}
.rlc-month-and-year
{
	color: white;
	font-size: 20px !important;
	font-family: Avenir-Book;
}
.rlc-month-and-year-wrapper
{
	border: none !important;
	margin-top: 20px;
}
.rlc-day, .rlc-day-label
{
	width: 70px !important;
	height: 60px !important;
	font-size: 15px !important;
	margin-bottom: 5px !important;
}
.rlc-next-year, .rlc-prev-year
{
	display: none;
}
.rlc-days-label
{
	color: white;
	font-size: 12px !important;
	
}
.rlc-day-end-selection:hover, .rlc-day-inside-selection:hover, .rlc-day-selected:hover, .rlc-day-start-selection:hover
{
	background-color: #bd00ff !important;
}
.rlc-day-end-selection, .rlc-day-inside-selection, .rlc-day-selected, .rlc-day-start-selection
{
	background-color: #bd00ff !important;
}
.modal-dialog.large_width1
{
	max-width: 1100px !important;
}
.modal-dialog.small_width1
{
	max-width: 545px;
}
.cal_modal input.input-field
{
	height: 55px;
}
.cal_modal .modal-content .form-group .cover-border
{
	background-color: #343434;
}
#calenderModel1 .modal-dialog .modal-content:nth-child(1), #signUpCalenderModel1 .modal-dialog .modal-content:nth-child(1), #calenderModel .modal-dialog .modal-content:nth-child(1), #signUpCalenderModel .modal-dialog .modal-content:nth-child(1)
{
	max-width: 550px;
}
#calenderModel1 .modal-dialog .modal-content:nth-child(3), #signUpCalenderModel1 .modal-dialog .modal-content:nth-child(3), #calenderModel .modal-dialog .modal-content:nth-child(3)
{
	max-width: 550px;
}
.cal_modal .label
{
	font-size: 14px;
	top: -8px;
	
}
.cal_modal .clock-icon
{
	top: 14px;
	background-size: 19px;
}
.cal_modal .input-txt
{
	font-size: 14px;
}

.wd
{
	flex-basis: 2%;
	margin-bottom: 50px;
}
.cal_modal .modal-content:nth-child(2) span.dropdown-icon
{
	right: 10px;
    top: 10px;
}
.cal_modal .btn-outline-secondary:hover
{
	background-color: transparent !important;
}
.cal_modal .modal-content:nth-child(2) .btn-primary, .cal_modal .modal-content:nth-child(2) .btn-outline-secondary
{
	font-size: 13px;
	padding: 13px;
}

.cal_modal h5.white
{
	font-family: Avenir-Book;
	font-size: 18px; 
}
/*-------react time picker css----------*/

  /*.react-time-picker__wrapper {
    display: flex;
    border: 2px solid #b002ed !important;
    width: 175px;
    margin-top: 0px;
    padding-top: 10px;
    padding-left: 19px;
    border-radius: 0px 10px 10px;
    padding-bottom: 7px;
    color: #ffffff;
    background-color: #bd00ff52;
}

.react-time-picker__inputGroup__input{
	color: azure;
	padding: 0 8px !important;
}
.react-time-picker__inputGroup__input,option{
	background-color: #bd00ff;
}
.react-time-picker__button:enabled .react-time-picker__button__icon, .react-time-picker__button:enabled:focus .react-time-picker__button__icon{
	stroke: #bd00ff !important;
	outline: none;
}
.react-time-picker__inputGroup__amPm{
	outline: none;
}
.react-time-picker__button:enabled{
	display: none;
}*/
.custom_field
{
	border-radius: 10px;
    background: transparent;
    color: #fff;
    border: 1px solid #b002ed;
    margin-bottom: 22px;
    padding: 10px 15px;
    font-size: 18px;
    position: relative;
    background-image: url(../images/dropdown.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    -webkit-appearance: none;
    text-transform: uppercase;
    width: 135px;
}
/*.small_cont
{
	left: -28px;
    bottom: 50px;
    height: 50px;
    width: 30px;
    border-radius: 10px;
    position: absolute;
}*/
.small_cont
{
	left: -28px;
    bottom: 50px;
    height: 50px;
    width: 30px;
    border-radius: 10px;
    position: absolute;
}
.modal-content .form-group .cover-border
{
	background-color: #2a2a2a;
}
.cal_modal .timepicker_wrap
{
	width: 260px;
	top: 60px;
	padding: 10px 0px;
	background-color: #252525;
	border: none;
}
.cal_modal input.timepicki-input
{
	background-color: #bd00ff;
	border: 1px solid #bd00ff;
}
.cal_modal .prev:hover, .next:hover
{
	background-color: #bd00ff;
}
.cal_modal .prev, .next
{
	border: none;
}
input.timepicki-input
{
	color: white;
	font-size: 16px;
}
.cal_modal input.clockk
{
	background-image: url(../images/clock.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 15px center;
}
.cal_modal .rlc-prevs
{
	justify-content: flex-start;
    padding-left: 25px;
}
.cal_modal .rlc-nexts
{
	justify-content: flex-end;
    padding-right: 25px;
}
/*---------host channel creation page CSS----------------*/

/*---------slide-24 CSS----------------*/
.bg-number
{
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: white;
	color: #bd00ff;
	text-align: center;
	display: inline-block;
	line-height: 28px;
	margin-left: 13px;
}
.img-inside-text
{
	color: white;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	z-index: 999;
	font-size: 22px;
}
.gray-box-4
{
	background-color: #262626;
	border-radius: 10px;
	overflow: hidden;
}
.purple_text .fa-close
{
	font-weight: lighter;
	font-size: 40px;
}
.hdng_text h3
{
	color: white;

}
.hdng_text button.close
{
	text-shadow: none;
	font-size: 45px;
	color: #bd00ff;
	outline: none;
	opacity: 1;
	font-weight: inherit;
}
.slider_sec .carousel-inner
	{
		background-color: #121212 !important;
	}
.session_text .input-txt
{
	position: relative;
}

.input-txt span.c-span
{
	position: absolute;
    top: 100%;
    left: 55px;
    font-size: 13px;
    color: #878787;
}
.mb-19
{
	margin-bottom: 19px;
}
.register-frm .label
{
	color: #878787;
}
.add_text a
{
	color: white !important;
}

.register-frm .switch
{
	width: 32px;
}
.register-frm .switch input:checked + .slider:before
{
	transform: translateX(10px);
}
.host-container .checktxt
{
	font-size: 16px;
}
.host-container .checktxt_name
{
	margin-bottom: 5px;
}
.host-container .donebg
{
	height: auto;
}
.border_line
{
	height: 1px;
	background-color: #414141;
	margin: 25px 0px 60px 0px;
	position: relative;
}
.text_icn
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-color: #262626;
	padding: 0px 20px;
}

.custom-file-label::after
{
	display: none;
}
.custom-file-label
{
	top: -48px;
}
.custom-file-label11
{
	top: -38px !important;
}
.custom-file-label.input-field
{
	height: 151px;
}

.channelimageeditadd
{
	top: 0px !important;
}

.browse_image
{
	position: absolute;
	z-index: 99;
	max-width: 90%;
	max-height: 85%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	cursor: pointer;
}

.browse_text
{
	position: absolute;
    z-index: 999;
    right: 32%;
    top: 58px;
}
.browse_text span.white
{
	font-family: Avenir-Book;
	font-size: 20px;
}

/*-------------slide-23 CSS----------------*/
.b-image
{
	padding: 25PX;
	background-color: #343434;
	border-radius: 8px;
}
.b-image img
{
	width: 71px;
}
.bg-black
{
	background-color: black;
}
.f_box
{
	margin: 25px;
}
.f_box p.white
{
	font-family: Avenir-Book; 
}

#pick_channel .modal-header .close
{
	padding: 2rem;
}
.modal-content .form-group .cover-border
{
	background-color: #2a2a2a;
}

/*-------------slide-25 CSS----------------*/
#session_alert .modal-dialog
{
	max-width: 600px !important;
}
.modal-dialog.small_width
{
	max-width: 425px;
}
.list-modal .modal-body .form-group
{
	width: 370px;
}

/*-------------slide-26 CSS----------------*/

.modal-dialog.large_width
{
	max-width: 1200px;
}
.large_width
{
	max-width: 1200px;
}
.modal .form-group a.position-absolute
{
	top: 22px;
	right: 20px;
}
.modl_bg_color
{
	/* background-color: #3f3f3f; */
	background-color: #2a2a2a;
}
.modal-content.modl_bg_color .form-group .cover-border
{
	background-color: #2a2a2a;
}

/*-------------slide-28 CSS----------------*/

.border_bottom_dotted
{
	border: 1px dashed #525252;
}	

/*-------------slide-29 CSS----------------*/

.video_img .custom-file-label
{
	background-color: #34213b;
}

.gray-box-5
{
	background-color: #363636 !important;
	border-radius: 10px;
	overflow: hidden;
}

/*------- slide 29 CSS ---------*/
#audio_video_mdl .video_img .one
      {
        height: 180px;

      }
     #audio_video_mdl .video_img .custom-file-label
      {
       height: 176px;
    border: none;
    width: 100%;
      }
     #audio_video_mdl .custom-file-label
      {
        top: 0;
      }
      #audio_video_mdl .input-field
      {
        height: auto;
      }
     #audio_video_mdl .browse_image1 {
    width: 100%;
    margin-top: 10px;
    height: 150px;

}
      
#audio_video_mdl .gray-box-5 .cover-border
{
  background-color: #363636;
  height: 2px;
}
#audio_video_mdl .video_img .bg-circle
{
  right: -10px;
    top: 53%;
    transform: translateY(-53%);
    z-index: 999;
    color: white;
}
/*-------------slide-19 CSS----------------*/


.react-time-picker__inputGroup__divider + span
{
	margin-left: 10px;
}


.inner_containr p
{
	color: #a9a9a9;
	margin-bottom: 12px;
}
	.inner_containr p img
	{
		width: 20px !important;
	}
	/* .inner_containr div img
	{
		width: 29px;
	} */
	.inner_containr div img.align-self-start
	{
		max-width: 80px !important;
		border-radius: 8px;
	}
	.session_btn
	{
		border:1px solid #bd00ff;
		background-color: transparent;
		border-radius: 8px;
		color: white;
		padding: 10px 30px;
		font-family: Avenir-Book;
	}
	.join_button
	{
		background-color: #bd00ff;
		border-radius: 8px;
		color: white !important;
		padding: 10px 30px;
		font-family: Avenir-Medium;
		border: none;
	}
	.join_button.disabled, .join_button.disabled a
	{
		background-color: #3e3e3e !important;
		cursor: default;
	}
	.join_button a
	{
		color: white !important;
		text-decoration: none;
	}
	.plus_icnn
	{
		width: 60px;
    height: 60px;
    border-radius: 8px;
    border: 1px solid #b002ed;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 35px;
	}
	.inner_containr p.checktxt
	{
		font-size: 13px;
	}
	.mx--6
	{
		margin-left: -6px;
		margin-right: -6px;
	}
	.w-70
	{
		width: 75px !important;
		border-radius: 8px;
	}
	.translat
	{
		transform: translateY(-4px);
	}

	/*-------------slide-2 & 3 CSS----------------*/

	.inp_cover-border
      {
        position: absolute;
        top: 12px;
        background-color: #343434;
        z-index: -1;
        left: -9px;
		width: 120%;
		height: 3px;
      }
      .input_bx-cont .form-group .input-field
      {
        height: 59px;
	  }
	  .input_bx-cont .form-group label
	  {
		  font-size: 17px;
	  }
	  .input_bx-cont .form-group
	  {
		  margin-bottom: 0 !important;
	  }
	 

	.w-60
	{
		max-width: 60px !important;
	}
      .left_innr_cont
      {
        padding: 16px 30px 1px 30px;
        background-color: #2a2a2a;
        border-radius: 10px;
	  }
	  .wd-70
	  {
		  max-width: 70px !important;
	  }
      .left_innr_cont p img
      {
		transform: translateY(-2px);
		width: 20px;
      }
      .left_innr_cont p.checktxt
      {
        font-size: 16px;
        margin-bottom: 5px;
      }
      .mb-30
      {
        margin-bottom: 30px;
	  }
	  .mb-15
      {
        margin-bottom: 15px;
      }
      .font-16
      {
        font-size: 16px !important;
      }
      .w-80
      {
        width: 80%;
      }
      .sms_email_box
      {
        flex-basis: 38%;
      }
      .sms_email_box .b-image
      {
        background-color: #454545;
        padding: 15px;
      }
      .sms_email_box .b-image img
      {
        width: 50px;
        height: 50px;
      }
      .sml_input_box
      {
        display: inline-block;
        
      }
      .sml_input_box input
      {
        width: 50px;
        height: 60px;
        background: transparent;
        border:1px solid #bd00ff;
        border-radius: 5px;
        color: white;
        padding: 5px;
        margin-right: 12px;
        font-size: 26px;
        text-align: center;
	  }
	  .sml_input_box_ak input
      {
        width: 150px;
        height: 60px;
        background: transparent;
        border:1px solid #bd00ff;
        border-radius: 5px;
        color: white;
        padding: 5px;
        margin-right: 12px;
        font-size: 26px;
        text-align: center;
      }
      .o-hidden
      {
        overflow: hidden;
      }
      .color_gray
      {
        color: #878787 !important;
      }
      .custom_btn
      {
        border-radius: 35px;
        background: #5d067c;
        color: #fff;
        text-align: center;
        font-family: "Avenir-Book";
        font-size: 17px;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        border: none;
        padding: 12px 35px;
        bottom: -65px;
        transform: translateX(-50%);
        left: 50%;
      }
      .custom_btn1
      {
      	border-radius: 25px;
        background: #731c92;
        color: #fff;
        text-align: center;
        font-family: "Avenir-Book";
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        border: none;
        padding: 13px 35px;      
      }
      .modl_bg_drk
      {
      	background-color: #2a2a2a !important;
      	/* box-shadow: 1px 13px 34px black; */
      }
      #registration_popup .modal-dialog.small_width
      {
      	max-width: 480px;
	  }
	  #registration_popup {
		background: rgba(0, 0, 0, 0.5) !important;
	  }
      .font-12
      {
      	font-size: 12px;
      }
      .small
      {
      	line-height: 17px;
      }
      .small a
      {
      	color: #eee !important;
      	text-decoration: none;
	  }
	  
/*-------------slide-11 to slide-18 CSS----------------*/

.gray_bx1
{
  background-color: #2a2a2a;
  border-radius: 10px;
}
.text_dark_gray
{
  color: #777777;
}
.line_custom
{
  height: 1px;
  background-color: #541d68;
}

.flx p
{
  padding: 0px 10px;
  margin-bottom: 0;
  color: #c2c2c2;
  position: relative;
}
.flx p:before
{
  content: "";
  position: absolute;
  top: 6px;
  height: 55%;
  background-color: #541d68;
  left: 0;
  width: 2px; 
}
.flx .btn_link p:before
{
  display: none;
}

.flx .flex-fill.btn_link
{
  border-radius: 10px;
  background-color: #541d68;
  padding-top: 10px;
  padding-bottom: 10px;
  
}
.cursor-pointer
{
  cursor: pointer;
}
.innr_boxx h3.activity-link
{
  font-size: 35px;
}
.innr_boxx h3.activity-link:before
{
  content: "";
  position: absolute;
  top: 6px;
  height: 70%;
  background-color: #bd00ff;
  left: 0;
  width: 3px; 
}
#manage_group_modal, #interest_to_fitness
{
  background-color: black;
}
#manage_group_modal .modal-dialog
{
	max-width: 900px;
}
#manage_group_modal .modal-content, #interest_to_fitness .modal-content
{
  background-color: transparent;
}
button.closee
{
  position: absolute;
  top: 8px;
  right: 5px;
}
h2.display-2
{
  color: #646464;
  font-family: unset;
  font-size: 104px;
}
.modal-inner_part
{
	height: 100vh;
}
.custom_btn11
  {
	border-radius: 24px;
	background: rgba(189,0,255,0.5);
	color: #fff;
	text-align: center;
	font-family: "Avenir-Medium";
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	border: none;
	padding: 12px 50px;      
  }

  .round
  {
	border-radius: 10px !important;
  }
  .big_container
  {
	display: none;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: rgba(46, 46, 46, 0.7);
  }
  .big_container .inp_cover-border
  {
	background-color: #383737;
  }
  .big_container .small_width
  {
	max-width: 550px;
  }
  .big_container .input-field
  {
	height: 55px;
  }
  .big_container .custom_btn
  {
	transform: translateX(0);
  }
  .modl_bg_drk1 
  {
	box-shadow: 1px 13px 34px #222222;
  }
	.bg-gray-shade
  {
	background-color: #3c3c3c;
  }
  .radius-10
  {
	border-radius: 10px !important;
  }
  .float_container .card-body h2
  {
	  color: #b404f2;
	font-weight: bolder;
	font-size: 22px;
	transform: translateY(25px);
	margin-bottom: 50px;
  }
  
  .float_container .card-body p
  {
	  color: white;
	  font-size: 17px;
	  padding-bottom: 8px;
  }
  .float_container .edt_icon
  {
	  position: absolute;
	  top: 15px;
	  right: 15px;
	  width: 25px;
  }

  sup.sup-white
  {
	  color: white;
	  font-family: Avenir-Book;
	  font-weight: normal;
	  top: -1.2em;
  }
  .translatee
  {
	  transform: translateY(-10px);
  }
  .translate-5
  {
	 transform: translate(-20px,20px);
  }
  .width-60
  {
	  width: 60px !important;
  }
  .red
  {
	  color: red;
  }
  .height-80
  {
	  height: 80px;
  }
 .autowidth
 {
	 width: auto !important;
 }
  .w-95
  {
	  max-width: 95% !important;
  }
  .card-columns
  {
	  column-count: 4;
  }
  .add_intrst
  {
	  border-top: 1px solid #b404f2;
  }
  .add_intrst p a, .add_intrst p
  {
	  text-decoration: none;
	  color: white;
	  font-size: 15px !important;
  }
  .add_intrst p a span
  {
	  color: #bd00ff;
	  font-size: 30px;
	  transform: translateY(3px);
	  display: inline-block;
  }
  .gray_text
      {
      	color: #767676;
      	font-family: "Avenir-Medium" !important; 
	  }

      input.input-field-trans
      {
      	background-color: transparent;
      	color: white;
      	font-size: 20px;
      	border: none;
      	font-family: "Avenir-Book";
      	width: 100%;
      }
      #interest_to_fitness .switch
      {
      	    height: 20px;
      	    width: 32px;
      }
      #interest_to_fitness .slider:before
      {
      	height: 14px;
    	width: 14px;
    	left: 4px;
    	bottom: 3px;
      }
      #interest_to_fitness input:checked + .slider:before
      {
      	-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px);
      }
      #interest_to_fitness .slider
      {
      	background-color: #4c4c4c;
      	box-shadow: none;
      }
     #interest_to_fitness input:checked + .slider {
	  background-color: #fff;
	}
 /* #form_host_participant
 {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 height: 100vh;
 } */
 #form_host_participant .form_container 
 {
	 max-width: 1100px;
 }
  .container-fluid1
  {
	position: fixed;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	display: none;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.9);
	/* padding: 0px 30px; */
	
  }
  .container-fluid1 .video_img .one
  {
	height: 200px;

  }
  /* #product_lst_modal
  {
	position: fixed;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	display: block;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.9);
  } */
  .flex_base a
  {
	  align-self: flex-start;
  }
  .flex_base
  {
	  flex-basis: 73%;
  }
  .flex_base1 .custom-file-label11
  {
	  top: -62px !important;
  }
  .flex_base1
  {
	  flex-basis: 27%;
  }
  .flex_base1 .form-group
  {
	  max-width: 300px;
	  height: 160px;
  }
  #detail_session
  {
	position: fixed;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	display: none;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.9);
  }
  /* .container-fluid1 .video_img .one
  {
	  flex-basis: 50% !important;
  } */
  .container-fluid1 .video_img .custom-file-label
  {
    height: 170px;
	border: none;
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    color: white;
  }
  /* .container-fluid1 .custom-file-label
  {
	top: 0;
  } */
  .container-fluid1 .video_img .input-field
  {
	height: auto;
  }
  .container-fluid1 .browse_image1 {
  width: 100%;
  margin-top: 10px;
  height: 155px;
  }
  .v-image-tag
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
    left: -35px;
    border-radius: 10px;
    z-index: 99;
    width: 140px;
    
}
.v-image-tag2
{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    border-radius: 10px;
    z-index: 99;
    width: 30%;
    
}
.v-image-tag1
{
  position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: 30px;
    border-radius: 10px;
    z-index: 99;
    width: 30%;
    
}



.container-fluid1 .outer-container.browse_text
{
left: 43%;
right: 0;
top: 65px;
}
.line_custom-purple
{
height: 1px;
background-color: #bd00ff;
}
  
.gray-box-5 .cover-border
{
background-color: #363636;
height: 2px;
}
.container-fluid1 .video_img .bg-circle
{
right: -10px;
top: 53%;
transform: translateY(-53%);
z-index: 999;
color: white;
}
.text_dark_gray1
{
  color: #838383 !important;
}
.font-book
{
font-family: Avenir-Book !important;
}

.font-medium
{
font-family: Avenir-Medium !important;
}
.input-fld-outer .form-group
{
width: 339px;
margin-right: 40px;
}
.input-fld-outer .form-group .span1
{
position: absolute;
right: 30px;
top: 20px;
color: #b7b0ba;
}
.input-fld-outer .input-field
{
height: 66px;

}
.outer-container1 .input-field, .outer-container1 .video_img .custom-file-label
{
background-color: #47344e;
}
.outer-container .bg-circle
{
width: 24px;
height: 24px;
font-size: 12px;
}
.input-fld-outer .bg-circle.position-absolute
{

top: 20px;
right: -12px;
}
.w-300
{
width: 378px;
}
.w-100 .brimg{
	position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: 25px;
    border-radius: 10px;
    z-index: 99;
    width: 110px;
}  
.container-fluid1 .custom-file-label
{
  background-color: #070707 !important;
  top: 15px;
    border-radius: 10px;

}
.container-fluid1 .col-md-8 .custom-file-label
{
	background-color: #34213b !important;
}
.bg_purple
{
	background-color: #b002ed !important;
}
/* ----------Privacy Policy CSS--------------*/
.background_gray
{
	background-color: #2c2c2c;
}
.privacy_banner
{
	transform: translateY(-30px);
}
.banner_text
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.banner_text h2
{
	color: white;
	font-size: 9em;
	font-family: Avenir-Book;
}
.banner_text h3
{
	font-size: 31px;
	font-family: Avenir-Book;
	color: white;
}
.font-book
{
	font-family: Avenir-Book !important;
}
.font-32
{
	font-size: 32px !important;
}
.font-25
{
	font-size: 25px !important;
}
.font-30
{
	font-size: 30px !important;
}
.faqs-screen .card
{
	border: none;
}

.faqs-screen .card-body{
	color: white;
	font-size: 18px;
	padding-left: 40px;
}
.faqs-screen .card-header
{
	background-color: #2c2c2c !important;
}
.faqs-screen .fa-circle
{
	font-size: 7px;
	transform: translateY(-5px);
}
.faqs-screen .card-body
{
	background-color: #2c2c2c !important;
}
.faqs-screen .card .card-link
{
	color: white;
	font-size: 22px;
}
.content-privacy *
{
	color: white;
}
.content-privacy p, .content-privacy ul
{
	font-size: 18px;
}
.content-privacy ul li
{
	line-height: 35px;
}
.content-privacy a
{
	text-decoration: underline !important;
}
.content-privacy a:hover
{
	color: white;
}
.pad-xl-5
	{
		padding-left: 45px;
	}
	.slick-prev, .slick-next
	{
		top: 40%;
	}

	select.input-field-session:focus
{
	outline: none;
	border: none;
}
select.input-field-session option
{
	color: white;
}
select.input-field-session
{
	height: 40px;
	background-color: #7c11a2;
	color: white;
	border: none;
	min-width: 195px;
	padding: 0px 15px;
	border-radius: 8px;
	-webkit-appearance: none;
}
select.input-field-session {
    background-image: url(../images/arrow-down.png);
    background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 10px;

}
select.input-field-session option
{
	background-color: #7c11a2;	
}

select.input-field-session:focus option
{
	border: none;
	outline: none;
}

/*------------- UROS START ------------ */

.main_ch_header
{
	width: 100%;
	padding: 20px 0px 0px 0px !important;
	margin: 0px !important;
	
	text-align: center;
}

.inline_header
{
	display: inline-block;
	
	vertical-align: middle;
}

.channel_name
{
	display: inline-block;
    
	width: calc(100% - 100px);
    min-height: 58px;
	
	font-size: 24px;
    text-align: center;
    color: #fff;
    
	vertical-align: middle;
}

.channel_name2
{
	width: 100%;
}
.channel_name3
{
	width: 58%;
}

.channel_name .main_search_item
{
	max-width: 170px;
	width: 75%;
	margin: auto;
	margin-right: 0;
}
.channel_name .main_search_item2
{
	max-width: 170px;
	width: 100%;
	margin: auto;
	margin-right: 0;
	
}
.channel_name .main_search_item.expandsrch
{
	max-width: 100%;
}

.channel_name .dash_search_row
{
	width: 100%;
}

.channel_name .form-group input, .channel_name  .input-field
{
	height: 45px;
}

.channel_name .when-icon
{
	top: 8px;
	right: 8px;
}

.channel_main_name
{
	font-size: 40px;
}

.channel_main_desc
{
	margin: 0px 10%;
	font-size: 15px;
}

.cursor
{
	cursor: pointer !important;
}

.main_part_pg
{
	display: inline-block;
	width: 100%;
	padding-top: 20px;
}

.none_bord
{
	border: 0px none;
}

.cont_bg
{
	background-color: rgba(70, 70, 70, 0.6);
    border-radius: 10px;
}

.color_a
{
	color: #b1afaf !important;
}

.nav-link.active
{
	color: #fff !important;
} 

.main_info_menu
{
	margin-top: 20px;
	border-radius: 10px 10px 0px 0px;
}

.bord_main_part
{
	border-radius: 0px;
}

.week_part
{
	width: 100%;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	background-color: rgba(68, 67, 67, 0.6);
	
	font-size: 14px;
	text-align: left;
	color: #fff;
}

.one_info
{
	display: inline-block;
	
	width: 15%;
	
	padding-top: 15px;
	padding-bottom: 15px;
	
	font-size: 16px;
	text-align: center;
	color: #fff;
	
	vertical-align: middle;
}

.one_info.get_small
{
	width: 8%;
}

.one_info.big_one_info
{
	width: 14%;
}

.search_week_part .info_btn
{
	width: 4%;
}

.search_week_part .info_btn_small
{
	width: 6%;
}

.container-fluid.custom-width.full_width
{
	max-width: 100% !important;
}

.when_info
{
	width: 15%;
}

.row_pd
{
	padding-left: 20px;
}

.padd_one_cont
{
	padding-bottom: 20px;
}

.rose_btn
{
	width: 95%;
	
	padding: 5px;
	
	background-color: #bd00ff;
	
	font-size: 12px;
	text-align: center;
	color: #fff;
	
	border-radius: 10px;
	
	cursor: pointer;
}

.rose_btn.with_back
{
	width: auto;
	display: inline-block;
	
	padding: 6px 20px 6px 34px;
	border-radius: 5px;

	background-position: 18px center;;
	background-repeat: no-repeat;
	background-image: url(../images/next_arrows.png);
	background-size: 12px auto;
	
}

.rose_btn.no_back
{
	width: auto;
	display: inline-block;
	
	padding: 6px 20px 6px 20px;
	border-radius: 5px;
}

.relative_padd
{
	position: relative;
	
	font-size: 13px;
}

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

.main_icon
{
	position: absolute;
	top: 10px;
	left: 4px;
	
	width: 30px;
	height: 30px;
	
	background-position: center;
	background-repeat: no-repeat;
	
	 
}

.date_icon
{
	background-image: url(../images/date_icon.png);
	background-size: 27px 24px;
}

.user_icon
{
	background-image: url(../images/user_icon.png);
	background-size: 27px 24px;
}

.time_icon
{
	background-image: url(../images/time_icon.png); 
	background-size: 25px 24px;
}

.note_icon
{
	background-image: url(../images/note_icon.png); 
	background-size: 25px 24px;
}

.users_icon
{
	background-image: url(../images/users_icon.png);
	background-size: 29px 24px;
}

.max_icon
{
	background-image: url(../images/max_icon.png);
	background-size: 29px 24px;
}

.dollar_icon
{
	background-image: url(../images/dollar_icon.png);
	background-size: 21px 24px;
}

.povered
{
	width: 100px;
	height: auto;
}

.for_comming_soon
{
	display: inline-block;
	
	width: 100%;
	height: calc(100vh - 250px);
	
	margin-top: 20px;
	
	background-color: #2a2a2a;
	
	text-align: center;
	
	border-radius: 10px;
}

.width1px
{
	display: inline-block;
	width: 1px;
	height: 100%;
	vertical-align: middle;
}

.cooming_txt
{
	display: inline-block;
	
	width: 99%;
	
	font-size: 30px;
	text-align: center;
	color: #fff;
	
	vertical-align: middle;
}

.info_btn
{
	position: relative;
	display: inline-block;
	
	width: 10%;
	height: 30px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/icon_info.svg);
	background-size: 20px 20px;
	
	cursor: pointer;
	
	vertical-align: middle;
}
.new_info_btn
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 10%;
	
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/icon_info.svg);
	background-size: 100% 100%;
	
	cursor: pointer;
	vertical-align: middle;
}
.all_info
{
	display: none;
	position: absolute;
	top: 44px;
	right: calc(50% - 67px);
	
	width: 400px;
	
	padding: 15px;
	
	background-color: #313131;
	box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.3);
	
	border-radius: 10px;
	
	z-index: 5;
}
.all_info_profile
{
	right: auto;
}

.arrow_info
{
	position: absolute;
	top: -20px;
	right: 37px;
	
	width: 60px;
	height: 30px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/arr_info.png);
	background-size: contain;
}
.arrow_info_profile
{
	right: auto;
	left: 0px; 
}
.all_info.active
{
	display: block;
}

.top_info_title
{
	padding-bottom: 5px;
	
	font-size: 14px;
	text-align: left;
	color: #fff;
	font-weight: bold;
}

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

.left_part
{
	display: inline-block;
	
	width: 50%;
	
	padding-bottom: 5px;
	
	font-size: 14px;
	text-align: left;
	color: #fff;
	
	vertical-align: middle;
}

.right_part
{
	display: inline-block;
	
	width: 50%;
	
	padding-bottom: 5px;
	
	font-size: 14px;
	text-align: right;
	color: #fff;
	
	vertical-align: middle;
}

.bolded
{
	font-weight: bold;
}

.centered
{
	text-align: center;
}

.nav-link_new
{
	background-color: transparent;
    color: white;
    padding: 18px 10px;
    border: none;
    font-size: 20px;
    position: relative;
    margin: 0px 5px;
}

.nav-link_new.active 
{
    color: #fff !important;
}

.nav-link_new.active:after 
{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #bd00ff;
}

.new_padd_nav
{
	padding: 18px 10px;
}

.modl_bg_drk 
{
    background-color: #2a2a2a !important;
	border-radius: 10px;
}

.white 
{
    color: #fff !important;
    text-shadow: none !important;
    font-size: 23px;
}

.custom_btn1 
{
    border-radius: 25px;
    background: #731c92;
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    border: none;
    padding: 13px 35px;
}

.mw-400 
{
    max-width: 400px;
}

.modal 
{
    background: rgba(0,0,0,.8);
	overflow: auto !important;
}

.form_channel
{
	display: inline-block;
	width: 500px;
	text-align: left;
}

.form-group input, #generate_subdomaininvite .form-group textarea, #contactSales .form-group textarea
{
    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;
}

#generate_subdomaininvite .form-group textarea, #contactSales .form-group textarea
{
	padding: .375rem .75rem;
}

.form-group input:focus, #generate_subdomaininvite .form-group textarea:focus, #contactSales .form-group textarea:focus
{
	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;
	outline: none;
}

#contactSales .form-group textarea
{
	min-height: 120px;
}

.react-time-picker__inputGroup__input
{
	border: 0px none !important;
	height: 100% !important;
}

.mainLabel
{
	position: absolute;
    left: 12px;
    top: -11px;
    margin: 0;
    color: #fff;
}

.form-group
{
	position: relative;
}

.btn_channellog
{
	width: 100%;
}

.inline_login
{
	display: inline-block;
	width: 50%;
	height: 25px;
	vertical-align: middle;
}

.hide_over
{
	overflow: hidden;
}

.right_tx
{
	text-align: right;
}

.white_txx
{
	color: #fff;

}

.purple
{
	color: #9b51e0;
}

.relative_over
{
	position: relative;
	max-height: 200px;
	overflow-y: auto;
	cursor: auto;
}
.profile_info_name
{
	padding-bottom: 20px; 
	font-size: 25px;
}

.new_text_prof
{
	text-align: center;
}

.profile_text
{
	font-size: 20px; 
}

.profile_info_holder
{
	display: inline-block;
	width: 30%;
	
	vertical-align: top; 
}

.info_hold_width
{
	width: 70%;
	text-align: left !important;
}

.absolute_iks
{
	position: absolute;
	top: 0px;
	right: 0px;
	
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	
	cursor: pointer;
}

.main_pop_sign
{
	position: fixed;
    top: 0;
    left: 0;
	display: none;
   
    width: 100%;
    height: 100%;
	
	padding-top: 20px;
    padding-bottom: 20px;
	
	background: rgba(0, 0, 0, 0.8);
   
	overflow: hidden;
	overflow-y: auto;
	
	outline: 0;
	z-index: 10;
}

.main_pop_sign.active
{
	display: block;
}

.for_sign_logo
{
	display: inline-block;
	width: 100vw;
	text-align: center;
}

.sign_logo
{
	display: inline-block;
	
	width: 71px;
	height: 71px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/participate.png);
	background-size: cover;
}

.sign_main_text
{
	display: block;
	
	padding-top: 25px;
	padding-bottom: 25px;
	
	font-size: 25px;
	text-align: center;
	color: #fff;
}

.for_main_form
{
	display: inline-block;
	width: 99%;
	text-align: center;
}
.new_inline_headers
{
	position: relative;
	display: inline-block;
	padding: 15px 35px 8px 0px;
	
    border: 2px solid #bd00ff;
    border-radius: 8px;
    background-color: #492158;
}

.filter_close
{
	top: 2px !important;
	left: 5px !important;
}

.for_sign
{
	display: inline-block;
	width: 500px;
	padding-top: 10px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	padding-bottom: 10px !important;
}

.inline_parts
{ 
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.all_w
{
	width: 100%;
}

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

.txt_left
{
	text-align: left;
}

.mr0
{
	margin-right: 0px;
}

.inline_divs
{
	display: inline-block;
}

.width1px
{
	display: inline-block;
	width: 1px;
	height: 100%;
	vertical-align: middle;
}

.relative
{
	position: relative;
}

.abs_close
{
	position: absolute;
    top: 25px;
    right: 25px;
}

.centered_pop
{
	position: relative;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.centered_wine
{
	position: relative;
    left: 50%;
    top: 50%;
	
	margin: 0px !important;
	max-height: 100vh;
	
    transform: translateX(-50%) translateY(-50%) !important;
}

.main_loader
{
	display: none;
	position: fixed;
    top: 0;
    left: 0;
   
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    outline: 0;
    z-index: 9999999999999;
}

.main_loader_inner 
{
    transform: translateX(-50%) translateY(-50%);

	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #bd00ff;
	width: 70px;
	height: 70px;
	margin: auto;
	
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

.show_loader_iframe
{
	display: flex;
	position: absolute;
    top: 0;
    left: 0;
   
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    outline: 0;
}

/* Safari */
@-webkit-keyframes spin 
{
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin 
{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.mart20
{
	margin-top: 20px;
}

.inline_title
{
	display: inline-block;
}

.second_tit_shopp
{
	margin-left: 60px;
}

.for_form_shop
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-right: 80px;
}

.inline_shop_widder
{
	display: inline-block;
	width: 30%;
	vertical-align: middle;
}

.inline_shop_smaller
{
	display: inline-block;
	
	width: 25%;
	
	padding-bottom: 10px;
	
	text-align: center;
	
	vertical-align: middle;
}

.inline_quantity
{
	display: inline-block;
	
	width: 60px;
	height: 60px;
	
	background: rgba(176,2,237,0.11);
	
	border: 1.4px solid #B002ED;
	
	vertical-align: middle;
	
	cursor: pointer;
}

.main_quant
{
	padding: 15px;
	
	font-size: 20px;
	color: #fff;
	
	cursor: auto;
}

.math_signs
{
	font-size: 34px;
    color: #fff;
    font-weight: bold;
}

.left_quant
{
	border-right: 0px none;
	
	border-radius: 10px 0px 0px 10px;
}

.right_quant
{
	border-left: 0px none;
	
	border-radius: 0px 10px 10px 0px;
}

.add_shop
{
	position: absolute;
	top: 29px;
	right: 15px;
	
	width: 35px;
	height: 35px;
	
	display: inline-block;
	border: 2px solid #BD00FF;
	border-radius: 10px;
	padding: 5px;
	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkBRIJNDmYD6MgAAAAYUlEQVRo3u3YMQrAMAwDwLj0/0+Ou4aOwlAop82DwkHw4lpheq86x7qyd8LaXAAAAAAAAAAAAAAAAACqd9p8zZ0CwuJUPv8CAIA7XZ+xNUzlbkQAAAAAAAAAAAAAAAC/ATywkw15hk7ayAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNS0xOFQwOTo1Mjo1NyswMDowMLnT+TkAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDUtMThUMDk6NTI6NTcrMDA6MDDIjkGFAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==);
	
	background-size: 12px auto;
	background-repeat: no-repeat;
	background-position: center;
	
	cursor: pointer;
}

.for_shop_list
{
	display: inline-block;
	
	width: 100%;
	
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}

.shop_titles
{
	display: inline-block;
	
	width: 20%;
	
	text-align: left;
	font-family: Avenir-Medium;
    font-weight: normal;
    color: #ccc;
    font-size: 18px;
	
	vertical-align: middle;
}

.white_clr
{
	color: #fff !important;
}

.one_row_shop
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-top: 10px;
}

.pointer
{
	cursor: pointer;
}

.edit_shop
{
	top: 10px;
	
	background-image: url(../images/checked.svg);
	
}

.close_edit
{
	top: auto;
	bottom: 15px;
	
	background-image: url(../images/cancel.svg);
}

.title_subd
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-bottom: 20px;
	
	text-align: center;
	font-size: 25px;
	color: #fff;
	
	border-bottom: 1px solid #474747;
}

.mw-700
{
	max-width: 700px;
}

.mw-570
{
	max-width: 570px;
}

.abs_close_sub
{
	position: absolute;
    top: 10px;
    right: 15px;
}

.txt_center
{
	text-align: center !important;
}

.one_shopping_list
{
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
}

.one_shop
{
	display: inline-block;
	
	width: 33%;
	
	font-size: 14px;
    text-align: left;
    color: #fff;
	
	vertical-align: middle;
}

.one_equ
{
	display: inline-block;
	
	width: 50%;
	
	font-size: 14px;
    text-align: left;
    color: #fff;
	
	vertical-align: middle;
}

.txt_right
{
	text-align: right !important;
}

.zi1000
{
	z-index: 1000;
}

.inline700
{
	display: inline-block;
	width: 700px;
}

.shop75
{
	display: inline-block;
	
	width: 75%;
	
	text-align: left;
	color: #fff;
	font-size: 18px;
	
	vertical-align: middle;
}

.shop25
{
	display: inline-block;
	
	width: 25%;
	
	text-align: right;
	color: #fff;
	font-size: 18px;
	
	vertical-align: middle;
}

.shop40
{
	display: inline-block;
	
	width: 40%;
	
	text-align: left;
	color: #fff;
	font-size: 18px;
	
	vertical-align: middle;
}

.shop20
{
	display: inline-block;
	
	width: 20%;
	
	text-align: right;
	color: #fff;
	font-size: 18px;
	
	vertical-align: middle;
}

.marb25
{
	margin-bottom: 25px;
}

.smaller_signs
{
	width: 25px;
    height: 25px;
	
	padding: 0px;
    
	font-size: 15px;
    text-align: center;
}

.paddb20
{
	padding-bottom: 20px;
}

.relative_shop
{
	position: relative;
	padding-left: 30px;
	
	cursor: pointer;
}

.abs_cbx
{
	position: absolute;
    
	top: 4px;
    left: 0px;
    
	width: 20px;
    height: 20px;
    
	border-radius: 5px;
    border: 1px solid #bd00ff;
	
	cursor: pointer;
}

.abs_cbx_checked
{
	display: none;
	
	font-size: 12px;
	color: #bd00ff;
	text-align: center;
}

.abs_cbx.active .abs_cbx_checked
{
	display: block;
}

.channel_topscroll
{
	max-width: 100%;
	overflow: auto;
}

.channel_topscroll .channel_subscroll
{
	min-width: 830px;
	padding-bottom: 200px;
}

.shoplistdiv .centered_pop
{
	max-width: 700px;
}

.shop_pending
{
    text-align: left;
    padding-left: 30px;
    font-size: 12px;
    color: #bd00ff;
}

.subd_exam
{
	padding-top: 20px;
	padding-bottom: 20px;
	
	text-align: center;
	font-size: 16px;
	color: #fff;
	
	word-wrap: break-word;
}

.inputRight_space
{
	padding-right: 45px
}

.red_alert
{
	color: #dc3545;
}

.bigger_alert
{
	font-size: 26px;
}

.above_all
{
	z-index: 1000;
}

.marb10
{
	margin-bottom: 10px;
}

.channel_description
{
	max-width: 500px;
	
	margin: auto;
	
	font-size: 18px;
	text-align: center;
	color: #fff;
	
	overflow: auto;
}


.main_pop_sign .privacy-link
{
	display: none;
}

.testing_img
{
	width: 24px;
	height: 24px;
}

.inline_wines
{
	display: inline-block;
	vertical-align: middle;
}

.width25wine
{
	width: 25%;
}

.width50wine
{
	width: 50%;
	
	padding-left: 15px;
    padding-right: 15px;
}

.paddt16
{
	padding-top: 16px;
}

.centered_emojis
{
    position: relative;
    left: 37%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) !important;
}

.inline_imgs
{
	display: inline-block;
	
	width: 33%;
	
	padding-top: 10px;
	
	text-align: center;
	
	vertical-align: top;
}

.one_img
{
	display: inline-block;
	
	width: 100%;
	
	padding-top: 5px;
	padding-bottom: 5px;
	
	text-align: center;
}

.img_wine
{
	display: inline-block;
	
	width: 20px;
	height: 20px;
}

.auto_h
{
	position: relative;
	max-height: 60px;
	overflow-y: auto;
}

.for_all_wines
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-left: 10px;
}

.padding_winesb
{
    padding-bottom: 20px;
}

.one_wine
{
	display: inline-block;
	width: 16%;
	vertical-align: top;
}

.one_wine_title
{
	font-family: Avenir-Medium;
    font-weight: normal;
    color: #ccc;
    font-size: 18px;
}

.width_all
{
	width: 100%;
}

.one_img_main
{
	display: inline-block;
	
	width: 20px;
	height: 20px;
	
	margin-right: 5px;
    margin-bottom: 5px;
	
	vertical-align: middle;
}

.right_btns
{
	display: inline-block;
	width: 100%;
	text-align: right;
}

.inline_btns
{
    position: relative;
	display: inline-block;
    
	width: 28px;
	height: 28px;
	
	padding: 3px;
    
    color: #fff;
    text-align: center;
    font-size: 14px;
	
	background: #bd00ff;
    
	border-radius: 50px;
    
	vertical-align: middle;
}

.hidden
{
	display: none !important;
}

.auto_cur
{
	cursor: auto;
}

.img_name
{
	font-size: 12px;
	color: #fff;
}

.price_widder
{
	width: 15%;
}

.paddl30
{
	
	padding-left: 30px;
}

.for_total
{
	display: inline-block;
    
	width: 92%;
    
	margin-top: 15px;
    padding-top: 10px;
    
	border-top: 1px solid #fff;
}

.total_left
{
	display: inline-block;
	
	width: 50%;
	
	text-align: left;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.total_left
{
	display: inline-block;
	
	width: 50%;
	
	text-align: left;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.total_right
{
	display: inline-block;
	
	width: 50%;
	
	text-align: right;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.total_title
{
	font-size: 18px;
	text-align: right;
	color: #fff;
}

.total_price
{
	font-size: 20px;
	text-align: right;
	color: #fff;
}

.gray_clr_back
{
	background-color: #262626;
}

.paddl25
{
	padding-left: 25px;
}

.all_pg_info
{
	display: inline-block;
	width: 100%;
	height: 100vh;
}

.no_channel_info
{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	display: inline-block;
	
	width: 100%;
	
	font-size: 45px;
	text-align: center;
	color: #fff;
	
	vertical-align: middle;
}

.mr0
{
	margin-right: 0px;
}

.w20
{
	width: 20px;
}

.mb0
{
	margin-bottom: 0px !important;
}

#pick_channel .modal-content
{
	max-width: 700px;
	margin: auto;
}

.abs_reopen
{
	position: absolute;
    right: 10px;
    top: 45px;
}

.inline_pop
{
	display: inline-block;
	text-align: center;
}

.pop700
{
	display: inline-block;
	max-width: 700px;
}

.abs_reopen_upc
{
	position: absolute;
	top: 45px;
	right: 5px;
}

.paddr_reopen
{
	padding-right: 120px;
}

.equ50l
{
	display: inline-block;
	
	width: 50%;
	
	font-size: 18px;
	color: #fff;
	text-align: left;
	
	vertical-align: top;
}

.equ50r
{
	display: inline-block;
	
	width: 50%;
	
	font-size: 18px;
	color: #fff;
	text-align: right;
	
	vertical-align: top;
}

.widder_eq
{
	width: 35%;
}

.equ_w
{
	width: 25%;
}

.mw700
{
	max-width: 700px;
}

.zi9999
{
	z-index: 9999 !important;
}

.allplus
{
	width: 100%;
	height: 100%;
}

.scroll_part_train
{
	width: 100%;
}

.scroll_part_traintop
{
	margin-top: 20px;
}

.chargingPlans .review_sess_div, .chargingPlans .make_pay_div
{
	display: none;
}

.chargingPlans .log_div
{
	display: inline-block;
}

.chargingPlansLogged .review_sess_div, .chargingPlansLogged .log_div, .chargingPlansLogged .make_pay_div
{
	display: none;
}

.chargingPlansLogged .for_sign2
{
	width: 55%;
}

.chargingPlans .main_menus
{
	width: 100%;
	text-align: center;
}

.mb60
{
	margin-bottom: 60px;
}

.plan_sel_title
{
	position: relative;
	width: 100%;
	
	margin-bottom: 30px;
	padding-bottom: 10px;
	
	font-size: 25px;
	color: #fff;
	text-align: center;
	
	border-bottom: 1px solid #585858;
}

.close_plan
{
	top: -10px;
    right: 0px;
}

.for_chosing_plans, .for_plan_cbx
{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.one_plan
{
	display: inline-block;
	
	width: calc(50% - 10px);
	
	margin-bottom: 20px;
    
	text-align: center;
    
	vertical-align: top;
}

.one_plan:nth-child(even)
{
	margin-left: 10px;
}

.one_plan:nth-child(odd)
{
	margin-right: 10px;
}


.manage_btn
{
	padding: 10px 14px;
	font-size: 14px;
}

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

.for_all_members
{
	display: inline-block;
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}

.members_container
{
	display: inline-block;
	
	width: 100%;
	
	padding: 20px;
	
	background-color: #2a2a2a;
    border-radius: 10px;
}

.for_members_menu
{
	display: inline-block;
	
	width: 100%;
	
	margin-top: 30px;
	padding-bottom: 15px;
	
	border-bottom: 1px solid #777;
}

.one_menu_host
{
	display: inline-block;
	
	width: 33%;
	
	font-size: 20px;
	text-align: left;
	color: #d2d0d0;

	vertical-align: middle;
}

.no_hosts
{
	padding-top: 30px;
	padding-bottom: 10px;
	
	font-size: 24px;
	text-align: center;
}

.one_member
{
	display: inline-block;
	width: 100%;
	padding-bottom: 20px;
}

.padd_hosts
{
	padding-top: 30px;
}

.ml-20
{
	margin-left: 20px;
}

.host_rows
{
	font-size: 18px;
}

.host_rows span
{
	display: block;
	font-size: 15px;
	color: #bd00ff;
}

.menu_hosts
{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.second_menuh
{
	text-align: right;
}

.padd_bord
{
	padding-bottom: 10px;
	border-bottom: 1px solid #777;
}

.interest_menu
{
	width: 50%;
}

.inter_title
{
	margin-bottom: 40px;
	padding-bottom: 15px;
	
	font-size: 22px;
	text-align: left;
	color: #fff;
	
	border-bottom: 1px solid #777;
}

.all_intpop
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding: 25px;
	
	background-color: #2a2a2a;
    
	border-radius: 10px;
}

.for_int_iks
{
	display: inline-block;
	
	width: 100%;
	
	margin-bottom: 15px;
	padding-right: 10px;
	
	
	text-align: right;
}

.inter_iks
{
	display: inline-block;
	
	font-size: 25px;
	color: #bd00ff;
	
	cursor: pointer;
}

#interests_pop
{
	overflow-y: auto;
}

.tutorial_container
{
	position: relative;
	
	width: 400px;
	
	padding: 10px 20px !important;
	
	background-color: #bd00ff;
	
	border-radius: 10px;
	
	z-index: 10000;
	cursor: auto !important;
}

.tutorial_back
{
	position: fixed;
    top: 0px;
    left: 0px;
    
	width: 100vw;
    height: 100vh;
    
	background: rgba(0,0,0,.4);
	
	transform: translateX(-38%) translateY(-40%);
	
	z-index: 1000;
}

.none_trans
{
	transform: none !important;
}

.tutorial_first
{
	position: fixed;
	top: 50%;
	left: 50%;
    transform: translateX(-50%) translateY(-50%);
	z-index: 100;
}

.tutorial_second_part
{
	position: absolute;
	top: -10px;
    right: 45px;
}

.tutorial_third_part
{
	position: absolute;
    top: -284px;
    left: 40%;
    right: auto;
}

.tutorial_second_host
{
	position: absolute;
    top: -12px;
    right: 195px;
    left: auto;
}

.tutorial_third_host
{
	position: absolute;
	top: 137px;
    right: auto;
    left: -45px;
}

.tutorial_forth_host
{
	position: absolute;
    top: 200px;
    right: auto;
    left: -45px;
}

.tutorial_fifth_host
{
	position: absolute;
    top: 0px;
    right: auto;
    left: 200px;
}

.tutorial_sixth_host
{
	position: absolute;
    top: 0px;
    right: auto;
    left: 150px;
}

.tutorial_seventh_host
{
	position: absolute;
    top: -150px;
    right: -420px;
    left: auto;
}

.tutorial_eight_host
{
	position: absolute;
    top: 26px;
    right: calc(50% - 440px);
    left: auto;
}

.tutorial_add_sess
{
	position: absolute;
	top: -10px;
	left: 300px;
    right: auto;
}

.tutorial_eight_host2
{
	top: -15px;
    right: -450px;
}

.edit_ch_tutorial
{
	top: -11px;
    right: -425px;
}

.main_edit_ch
{
	top: -15px;
    right: -457px;
}

.main_edit_ch_sett
{
	top: -7px;
    right: -420px;
}

.d_bl
{
	display: block !important;
}

.tutorial_prod
{
	top: -7px;
    right: -425px;
}

.tutorial_first_session
{
	position: absolute;
    top: 3px;
    right: -140px;
    left: auto;
}

.tutorial_second_session
{
	position: absolute;
	top: 11px;
    right: -100px;
    left: auto;
}

.tutorial_second_session1
{
	top: -7px;
}

.tutorial_third_session
{
	position: absolute;
    top: 0px;
    right: auto;
    left: 290px;
}

.createmaxwidth
{
	max-width: 60px;
}

.rel_btn
{
	width: 100%;
}

.tutorial_title
{
	padding-bottom: 15px !important;
	
	font-size: 20px !important;
	color: #fff !important;
	text-align: center !important;
	font-weight: 500 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}

.tutorial_text
{
	padding-bottom: 15px !important;
	
	font-size: 16px !important;
	color: #ecebeb !important;
	text-align: left !important;
	font-weight: normal !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}

.enumeration_title
{
	font-size: 16px !important;
	color: #ecebeb !important;
	text-align: left !important;
	font-weight: 500 !important;
}

.tutorial_text span
{
	color: #fff;
	font-weight: 500;
}

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

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

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

.tutorial_buttons
{
	display: inline-block;
	
	font-size: 16px !important;
	color: #ecebeb !important;
	text-align: left !important;
	font-weight: normal !important;
	
	border-bottom: 1px solid #ecebeb;
	
	cursor: pointer !important;
}

.ml20
{
	margin-left: 20px;
}

.pb0
{
	padding-bottom: 0px;
}

.left_title
{
	text-align: left;
}

.all_width_example
{
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}

.inline_examples
{
	display: inline-block;
	vertical-align: middle;
}

.ml30
{
	margin-left: 30px;
}

.tm5
{
	top: -5px;
}

.arrow_tutorial
{
	position: absolute;
    top: 17px;
    right: -5px;
    
	width: 30px;
    height: 30px;
    
	background-color: #bd00ff;
	
	transform: rotateY(0deg) rotate(45deg);
	
	z-index: 1000;
}

.third_part_arrow
{
	right: auto;
    left: -6px;
    top: auto;
    bottom: 95px;
}

.arrow_tutorial_nav
{
	right: auto;
    left: -3px;
}

.arrow_tutorial_join
{
	top: 175px;
	right: auto;
    left: -3px;
}
	
.arrow_tutorial_editch
{
	top: 12px;
	right: auto;
    left: -3px;
}

.arrow_session_cal
{
	right: auto;
    left: -5px;
}

.vis_over
{
	overflow: visible;
}


.ondemand_form
{
	display: inline-block;
	
	width: 100%;
	
	margin-top: 20px;
	padding: 20px;
	
	border-radius: 10px;
	
	background-color: rgba(70, 70, 70, 0.6);
}

.ond_width
{
	width: 100%;
}

.one_w_demand
{
	display: inline-block;
	width: 33%;
	vertical-align: top;
}

.inner_w_demand
{
	width: 100%;
	padding-right: 20px;
}

.inner_w_demand .switch input
{
	height: auto;
}

.inner_w_demand .publish_holder
{
	margin: 0px;
	margin-bottom: 10px;
}




.one_w_50
{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.charges_dem
{
	margin-top: -30px;
	padding-right: 0px;
}

.height_imgadd
{
	height: 150px;
}

.selOnImage
{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -12px;
	
	text-align: center;
	z-index: 1000;
}

.selOnImage div
{
	display: inline-block;
	position: relative;
	
	cursor: pointer;
}

.selOnImage button
{
	margin: 0px 7px;
	padding: 3px 20px;
	font-size: 13px;
	
	cursor: pointer;
}

.selOnImage input
{
	cursor: pointer;
}

.ondemand_error
{
	padding-top: 10px;
	padding-bottom: 10px;
	
	font-size: 20px;
	color: #fff;
	text-align: center;
}

.opacity_file
{
	position: absolute;
    top: 0px;
    left: 0px;
	
    width: 100%;
    height: 100% !important;
	
	font-size: 0px !important;
    z-index: 100;
	opacity: 0;
}

.browse_video
{
	position: absolute;
	top: 50%;
    left: 50%;
    
	max-width: 90%;
    max-height: 70%;
    
	transform: translate(-50%,-50%);
    
	cursor: pointer;
	z-index: 99;
}

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

.od_demand_background
{
	padding: 20px 20px;
	background-color: #2A2A2A;
	border-radius: 10px;
}

.demand_preview_square
{
	display: inline-block;
	
	width: calc(50% - 10px);
	height: 360px;
	
	margin-bottom: 20px;
	margin-right: 10px;
	
	border-radius: 10px;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
	vertical-align: top;
}

.demand_preview_square.odd_square
{
	margin-right: 0px;
	margin-left: 10px;
}


.all_inner_square
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	height: 100%;
	
	padding: 15px;
	
	background-color: rgba(0,0,0,.8);
	
	border-radius: 10px;
	
	cursor: pointer;
}

.inner_session_dash
{
	background-color: #2a2a2a;
    
    border-radius: 8px;
}

.sess_interest
{
	font-size: 16px;
	text-align: left;
	color: #fff;
}

.inline
{
	display: inline-block;
}

.relative_level
{
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100px;
}

.level_square
{
	display: inline-block;
    
	width: 20px;
    height: 20px;
    
	margin-left: 8px;
    margin-top: -3px;
    
	vertical-align: middle;
}

.green_square
{
	background-color: #0BBC5D;
}

.yellow_square
{
	background-color: #ffec00;
}

.red_square
{
	background-color: #f90606;
}
.multi_level_square
{
	background-color:#86878a;
}

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

.footer_square33
{
	display: inline-block;
	
	 width: 33%;
	
	font-size: 16px;
	color: #fff;
	text-align: left;
	
	vertical-align: top;
}

.w30per 
{
	width: 30%
}

.footer_square50
{
	display: inline-block;
	
	width: 50%;
	
	padding-right: 10px;
	
	font-size: 16px;
	color: #fff;
	text-align: left;
	
	vertical-align: middle;
}

.footer_50_first
{
	width: calc(50% - 15px);
	
	margin-right: 15px;
}

.footer_square25
{
	display: inline-block;
	
	width: 25%;
	
	padding-right: 10px;
	
	font-size: 16px;
	color: #fff;
	text-align: left;
	
	vertical-align: middle;
}

.footer_square10
{
	display: inline-block;
	
	width: 10%;
	
	font-size: 16px;
	color: #fff;
	text-align: left;
	
	vertical-align: middle;
}

.footer_square75
{
	display: inline-block;
	
	width: 75%;
	
	font-size: 16px;
	color: #fff;
	text-align: left;
	
	vertical-align: middle;
}

.footer_square100
{
	width: 100%;
	margin-bottom: 10px;
}

.footer_square40
{
	display: inline-block;
	
	width: 40%;
	
	padding-right: 10px;
	
	font-size: 16px;
	color: #fff;
	text-align: left;
	
	vertical-align: top;
}

.footer_square20
{
	display: inline-block;
	
	width: 20%;
	
	padding-right: 10px;
	
	font-size: 16px;
	color: #fff;
	text-align: left;
	
	vertical-align: top;
}

.footer_pad
{
	padding-bottom: 10px;
	padding-top: 10px;
}

.pl25
{
	padding-left: 25px;
}

.pr25
{
	padding-right: 25px;
}

.icon_foot_part_l
{
	position: absolute;
	top: 3px;
	left: 0px;
	
	width: 20px;
	height: 20px;
	
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_foot_part_r
{
	position: absolute;
	top: 3px;
	right: 0px;
	
	width: 20px;
	height: 20px;
	
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: center;
}

.clock_img
{
	background-image: url(../images/clock.svg);
}

.list_img
{
	background-image: url(../images/list.svg);
}

.plus_main
{
	background-image: url(../images/plus_main.svg);
	cursor: pointer;
}

.minus_main
{
	background-image: url(../images/minus.svg);
}

.record_img
{
	background-image: url(../images/record.svg);
	cursor: pointer;
}

.view_img
{
	background-image: url(../images/view.svg);
	cursor: pointer;
}

.target_img
{
	background-image: url(../images/target.svg);
	cursor: pointer;
}

.deletecan_img
{
	background-image: url(../images/delete_can.svg);
}

.description_demand
{
	font-size: 16px;
	color: #afaeae;
	text-align: left;
	
	vertical-align: top;
}

.equipmentdemand
{
	display: inline-block;
	height: 23px;
	overflow: hidden;
}

.abs_demand_drop
{
	position: absolute;
	top: 30px;
	left: 0px;
	
	width: 100%;
	
	padding: 10px;
	
	background-color: #454545;
	
	font-size: 16px;
	text-align: left;
	color: #afaeae;
	
	border: 1px solid #afaeae;
	
	overflow: hidden;
	
	z-index: 15;
}
.desc_holder
{
	display: inline-block;
	max-width: 80%;
}

.displ_plus
{
	display: inline-block;
	position: static;
}

.eq_drop
{
	width: 80%;
}

.vert_bottom_filter
{
	vertical-align: bottom !important;
}

.dots_text
{
    display: inline-block;
	max-width: 99%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.new_dots_email
{
	padding-right: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.abs_demand_icons
{
	position: absolute;
	top: 10px;
	right: 10px;
	
	width: 50px;
    height: 50px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px;
	
	cursor: pointer;
	
	z-index: 2;
}

.edit_h_w
{
	height: 40px !important;
	margin: 0% 1% !important;
	padding-top: 8px !important;
}

.r60
{
	right: 60px;
}

.r10
{
	right: 10px !important;
}

.download_img
{
	right: 120px;
	background-image: url(../images/icon_download.svg);
	background-size: contain;
}

.edit_img
{
	background-image: url(../images/edit.png);
}

.edit_OD
{
	padding-top: 12px;
	
	border: 1px solid #bd00ff;
    background-color: transparent;
    border-radius: 8px;
    color: white;
	
	text-align: center;
    font-family: Avenir-Book;
}

.new_editOd_padd
{
	padding: 8px 5px 0px 5px;
	width: 50px !important;
	height: 40px !important;
	font-size: 16px !important;
}

.delete_img
{
	background-image: url(../images/delete.svg);
}

.wrench_img
{
	background-image: url(../images/wrench.svg);
}

.cancel_img
{
	background-image: url(../images/main_cancel.svg);
}

.inline_btns_header
{
	display: inline-block;
	
	margin-left: 20px;
	
	vertical-align: middle;
}

.btns_show
{
	width: 40px;
	height: 40px;
	
	cursor: pointer;
}

.btns_show.active
{
	background-color: rgba(90, 90, 90, 0.6);
}

.non_padd
{
	padding: 0px;
}


.list_view
{
	background-image: url(../images/list_view.svg);
	background-position: center;
	background-size: 25px;
	background-repeat: no-repeat;
}

.grid_view
{
	background-image: url(../images/grid.svg);
	background-position: center;
	background-size: 25px;
	background-repeat: no-repeat;
}

.one_list_demand
{
	display: inline-block;
	
	width: 100%;
	
	padding: 15px 15px 65px 15px;
	background-color: rgba(35, 35, 35, 0.6);
}

.one_list_demand.even_list
{
	background-color: #373737;
}

.main_on_demand.one_list_demand.even_list
{
	background-color: #262626;
}

.list_header
{
	display: inline-block;
	
	width: 100%;
	
	margin-bottom: 20px;
}

.inline_interest
{
	display: inline-block;
    margin-right: 40px;
}

.relative_list_info
{
	position: relative;
	
	display: inline-block;
	
	width: 100%;
	
	padding-left: 240px;
    padding-right: 70px;
}

.abs_demand_image
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 220px;
	height: 120px;
	
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000;
	
	border-radius: 10px;
	
	cursor: pointer;
}

.abs_icons_list
{
	position: absolute;
    top: 10px;
    right: 0px;
    
	width: 35px;
    height: 35px;
    
	background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    
	cursor: pointer;
	
	z-index: 3;
}

.abs_icons_list.download_img
{
	top: -40px;
}


.t60
{
	top: 60px;
}

.video_info
{
	position: absolute;
    bottom: 0px;
    left: 0px;
    
	width: 100%;
    
	text-align: center;
    font-size: 15px;
}

.grid_title
{
	padding-top: 120px;
    padding-bottom: 120px;
	
	text-align: center;
	font-size: 30px;
	color: #dadada;
	
	cursor: pointer;
}

.for_demand_back
{
	display: inline-block;
	
	width: 100%;
	
	padding-top: 10px;
	padding-bottom: 20px;
	
	text-align: center;
}

.back_text
{
	display: inline-block;
	
	font-size: 20px;
	color: #fff;
	
	cursor: pointer;
}

.back_img
{
	display: inline-block;
	
	width: 25px;
	height: 25px;
	
	margin-right: 12px;
    margin-top: -8px;
	
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/undo.svg);
	
	vertical-align: middle;
	
	cursor: pointer;
}

.w165
{
	width: 165px;
}

.form-group-header
{
	display: inline-block;
	position: relative;
	
	height: 60px;
    margin-right: 15px;
	margin-top: 15px;

	vertical-align: top;
}

.font14
{
	font-size: 14px;
}

.search_header .search_input_dashboard::placeholder
{
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

.padd_searchh
{
	padding-top: 10px;
	padding-bottom: 10px;
}
   
.w300
{
  width: 300px;
}

.abs_view_demand
{
	position: absolute;
    right: 40px;
    top: 12px;
}

.ondemand_empty
{
	text-align: center;
    font-size: 18px;
}

.half_w_demand
{
	width: 50%;
}

.all_w_example
{
	display: block;
	width: 100%;
}

.tutorialInnerScroll
{
	position: relative;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.drop_tutorial
{
	left: auto;
    right: -10px;
}

.none_space
{
	white-space: break-spaces !important;
}

.mainclose_position
{
	top: 30px !important;
	right: 15px !important;
}

.for_all_header_faq
{
	position: absolute;
    top: 33px;
    left: 185px;
    
	width: 100%;
}

.one_header_faq
{
	display: inline-block;
	
	margin-right: 30px;
	
	font-size: 14px;
	color: #fff;
	text-align: center;
	
	vertical-align: middle;
	
	cursor: pointer;
}

.one_header_faq.active
{
	color: #d4d4d4;
}

.one_header_faq:hover
{
	color: #d4d4d4;
}

.all_bottom_faq
{
	width: 100%;
	margin-top: 40px;
}

.frequently_title
{
	width: 100%;
	
	padding-top: 150px;
	padding-bottom: 70px;
	
	background-color: #2e2e2e;
	
	font-size: 35px;
	color: #fff;
	text-align: center;
	font-weight: 300;
	letter-spacing: 1px;
}

.faq_container
{
	width: 100%;
	
	padding: 30px 40px;
	
	background-color: #262626;
}

.one_category
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding: 10px 40px 10px 20px;
	
	background-color: #2e2e2e;
	
	font-size: 16px;
	color: #fff;
	text-align: left;
	
	cursor: pointer;
}

.mb20
{
	margin-bottom: 20px;
}

.mb0
{
	margin-bottom: 0px;
}

.faq_open
{
	position: absolute;
	top: 7px;
	right: 10px;
	
	width: 30px;
	height: 30px;
	
	background-position: center;
	background-size: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/plus_faq.svg);
	
	cursor: pointer;
}

.faq_close
{
	background-image: url(../images/minus_faq.svg);
}

.faq_sub_container
{
	display: inline-block;
	
	width: 100%;
	
	padding: 10px 20px;
	
	text-align: left;
}

.subcategory_all
{
	display: inline-block;
	
	width: 33%;
	
	padding-right: 10px;
	padding-bottom: 10px;
	
	color: #fff;
	font-size: 14px;
	text-align: left;
	
	vertical-align: top;
}

.subcategory_ques
{
	position: relative;
	display: inline-block;
	width: 100%;
	
	padding-top: 10px;
	padding-left: 20px;
	
	color: #aeaeae;
	font-size: 13px;
	text-align: left;
	
	cursor: pointer;
}

.subcategory_ques span
{
	position: absolute;
    top: 0px;
    left: 5px;
    
	font-size: 26px;
}

.empty_faq
{
	padding-top: 20px;    
	padding-left: 20px;
	
	font-size: 14px;
	color: #fff;
	text-align: left;
}

.mb30
{
	margin-bottom: 30px;
}

.mainclose_faq
{
	top: 15px !important;
    right: 15px !important;
}

.lst_header
{
	margin-right: 0px;
}

.chosen_que_container
{
	position: relative;
	background: #3c3c3c;
	padding: 15px;
	padding-right: 55px;
	border-radius: 5px;
}

.question_title
{
	padding-top: 10px;
	padding-bottom: 20px;
	
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #fff;
}

.question_answer
{
	font-size: 14px;
	text-align: left;
	color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	white-space: pre-wrap;
}

.question_answer a
{
	color: #b146d6;
}

.video_faq
{
	display: inline-block;
	
	margin-right: 8px;
	padding: 10px;
	
	background-color: #555555;
	
	font-weight: bold;
	cursor: pointer;
}

.video_faq:hover
{
	background-color: #6f6e6e;
}

.oneshop25
{
	width: 25%;
}

.abs_new_session
{
	position: absolute;
    top: -5px;
    right: -60px;
}

.all_virtual_pg
{
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.main_virtual_pop
{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	
	width: 70%;
	padding: 40px;
	max-width: 1000px;
	
	background-color: #262626;
	
	text-align: center;
	
	border-radius: 10px;
	
	transform: translateX(-50%) translateY(-50%);
}

.for_main_logo
{
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.main_logo
{
	display: inline-block;
	
	width: 135px;
	height: 28px;
	
	background-position: center;
	background-size: 135px 28px;
	background-repeat: no-repeat;
	background-image: url(../images/login-logo.png);
}

.sub_logo
{
	padding-top: 5px;
    padding-bottom: 45px;
	
	font-size: 10px;
	color: #aeaeae;
	letter-spacing: 5px;
	text-align: center;
}

.sub_logo span
{
	color: #bc0bfe;
}

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

.close_virtual
{
	position: absolute;
	top: -25px;
	right: -25px;
	
	width: 35px;
	height: 35px;
	
	background-color: #7c1f9c;
	background-image: url(../images/iks.svg);
    background-size: 13px auto;
    background-repeat: no-repeat;
    background-position: center;
	
	border-radius: 50%;
	
	cursor: pointer;
}

.virtual_world
{
	padding-bottom: 40px;
	
	font-size: 18px;
	color: #f9f9f9;
	text-align: center;
}

.main_virtual_text
{
	padding-bottom: 70px;
    
	font-size: 24px;
    color: #f9f9f9;
    text-align: center;
    font-weight: 300;
}

.padb10
{
	padding-bottom: 10px;
}


.main_virtual_text2
{
	display: inline-block;
	width: 75%;
	padding-bottom: 20px;
	padding-top: 20px;
	
	text-align: left;
	font-size: 14px;
}

.main_virtual_text span
{
	font-weight: bold;
}

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

.main_virtual_form
{
	display: inline-block;
	position: relative;
	
	width: 75%;
	
	padding: 20px;
	
	border: 2px solid #353435;
	border-radius: 10px;
}

.virtual_form_title
{
	position: absolute;
    top: -22px;
    left: 10px;
	
	padding-left: 10px;
    padding-right: 10px;
	
	background-color: #262626;
    
	font-size: 20px;
    color: #f9f9f9;
}

.one_formv50
{
	display: inline-block;
	width: 50%;
	margin-top: 10px;
	vertical-align: middle;
}

.f_form
{
	width: calc(50% - 15px);
	margin-right: 15px;
}

.s_form
{
	width: calc(50% - 15px);
	margin-left: 15px;
}

.one_inputform
{
	position: relative;
	width: 100%;
}

.abs_label
{
	position: absolute;
    top: -13px;
    left: 20px;
	
	font-size: 17px;
	color: #f9f9f9;
}

.img_holder
{
	position: absolute;
    top: 20px;
	right: 15px;
    
	width: 20px;
	height: 20px;
	
	background-image: url(/images/login-user.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.email_img
{
	background-image: url(/images/form-email.png);
}

.input_virtual
{
	padding-right: 35px;
	color: #fff !important;
}

.one_formv100
{
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

.for_virtual_btn
{
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}

.error_virtual
{
	border-bottom: 1.4px solid #ff0000 !important; 
    border-left: 1.4px solid #ff0000 !important;
    border-right: 1.4px solid #ff0000 !important;
}

.channel_settings_openabs
{
	display: none;
	position: absolute;
	left: 0px;
	top: 30px;
	min-width: 250px;
	
	background: #262626;
	
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	
	z-index: 20;
}

.channel_settings_openabs .menu_div_chh
{
	font-size: 16px;
	font-weight: normal;
	padding: 10px 20px;
	color: #aeadad;

	cursor: pointer;
}

.channel_settings_openabs div:hover, .channel_settings_openabs a
{
	color: #FFF;
	text-decoration: none;
}

.channel_title
{
	position: relative;
	
	padding-left: 150px;
	padding-right: 150px;
	padding-bottom: 30px;
	
	font-size: 30px;
	color: #fff;
	text-align: center;
}

.abs_channel_img
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 130px;
	height: 70px;
	
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	
	border-radius: 10px;
}

.signup_text
{
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.signup_welcome_text
{
    max-height: 450px;
	padding-top: 30px;
    padding-bottom: 40px;
    
	font-size: 25px;
    color: #fff;
    text-align: center;
	
	word-break: break-all;
    overflow: auto; 
}

.contain_img
{
	background-size: contain;
}


.disp_cent
{
	display: inline-block !important;
    width: 100%;
	
	text-align: center !important;
}

.displ
{
	display: inline-block !important;
}

.chsignpop .channel_title
{
	padding-top: 15px;
	padding-bottom: 10px;
}

.for_search_supp
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	background-color: #2e2e2e;
	
	text-align: center;
}

.search_textsupp
{
	padding-top: 70px;
	padding-bottom: 60px;
	
	font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: 300;
}

.for_inputsupp
{
	display: inline-block;
	width: 60%;
	padding-bottom: 80px;
}

.support_opt
{
	display: inline-block;
	
	width: 100%;
	
	padding: 40px 180px;
	
	background-color: #262626;
	
	text-align: center;
}

.square_support_left
{
	display: inline-block;
	
	width: calc(50% - 15px);
	
	margin-right: 15px;
	
	padding: 40px;
	
	border: 1px solid #4b4b4b;
	border-radius: 8px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
	
	transition: all 0.2s;
	
	cursor: pointer;
}

.square_support_right
{
	display: inline-block;
	
	width: calc(50% - 15px);
	
	margin-left: 15px;
	
	padding: 40px;
	
	border: 1px solid #4b4b4b;
	border-radius: 8px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
	
	transition: all 0.2s;
	
	cursor: pointer;
}

.square_support_left:hover, .square_support_right:hover
{
	border: 1px solid #333333;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.support_title
{
	padding-bottom: 50px;
	
	text-align: center;
	color: #fff;
	font-size: 22px;
}

.support_image
{
	display: inline-block;
	
	width: 90px;
	height: 90px;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.request_img
{
	background-image: url(/images/request.png);
}

.call_img
{
	background-image: url(/images/call_support.png);
}

.knowlege
{
	padding-top: 80px;
    padding-bottom: 50px;
    
	font-size: 25px;
    color: #fff;
    text-align: center;
    font-weight: 300;
	letter-spacing: 1px;
}

.faq_img
{
	background-image: url(/images/faq_img.png);
}

.guides_img
{
	background-image: url(/images/guides_img.png);
}

.footer_title_supp
{
	padding-top: 50px;
  
	font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: 300;
}

.footer_subtitle_supp
{
	padding-bottom: 30px;
    
	font-size: 15px;
    text-align: center;
    color: #767676;
}

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

.edit_ch_img
{
	margin-left: 40px;
}

.optgr
{
	background-color: #34213b;
	color: #7e7382;
}

.pad_upc
{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.mt20
{
	margin-top: 20px;
}

.auto_cur
{
	cursor: auto;
}

.winfo100
{
	width: 100%;
}

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

.padb70
{
	padding-bottom: 70px;
}

.rose_clr
{
	background-color: #bd00ff;
}

.disp_cent
{
	display: inline-block !important;
    width: 100%;
	
	text-align: center !important;
}

.displ
{
	display: inline-block !important;
}

.padd_lfrg1
{
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 20px;
}

.bill_title
{
	font-size: 30px;
}

.marg_tpbtm10
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.marg_rght20
{
	margin-right: 20px;
}

.usage_icon
{
	background-image: url(/images/icon_usage.svg) !important;
}

.whiteboard
{
	background-image: url(/images/icon_whiteboard.svg) !important;
}

.top_pay_info
{
	padding-top: 20px;
	padding-bottom: 20px;
	
	text-align: center;
}

.pay_info_out
{
	display: inline-block;
	padding: 10px 40px;
	
    border: 1px solid #4a4949;
    border-radius: 5px;
}

.bill_type
{
	margin-bottom: 10px;
	color: #b002ed;
    font-size: 20px;
}

.pric_per_mnth
{
	margin-bottom: 10px;
	font-size: 18px;
}

.part_info1
{
	font-size: 13px;
}

.marg_btm5
{
	margin-bottom: 5px;
}

.marg_top20
{
	margin-top: 20px;
}

.poss_rght10
{
	right: 10px !important;
}

.new_search_padd2
{
	padding: 20px 0px 7px 5px;
}

.displ_50
{
	display: inline-block;
	width: 50%;
}

.billTotalSessions
{
	text-align: center;
	padding: 20px;
}

.billTotalSessions div
{
	display: inline-block;
	width: 20%;
}

.on_demand_circle
{
	display: inline-block;
	width: 20px;
    height: 20px;
	
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center;
	
	background-image: url(../images/record.svg);
    cursor: pointer;
}

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

.displ_250
{
	display: inline-block;
	width: 250px;
}

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

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

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

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

.min_w750
{
	min-width: 750px
}

.for_graphs_inner
{
	display: inline-block;
	
	width: 100%;
	
	padding: 20px 20px;
	
	background-color: #2e2e2e;
	
	border-radius: 10px;
	
	text-align: left;
}

.mt30
{
	margin-top: 30px;
}

.one_graph
{
	display: inline-block;
	
	width: 50%;
	
	vertical-align: middle;
}

.input-field optgroup
{
	background-color: #34213b;
	color: #7e7382;
}

.close_search
{
	position: absolute;
	top: 0px;
	right: -37px;
	
	width: 25px;
	height: 25px;
	
	background-image: url(../images/main_cancel.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
	border-radius: 50%;
	
	cursor: pointer;
}

.abs_clear
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	width: 100%;
	
	text-align: center;
	font-size: 14px;
	color: #fff;
	
	cursor: pointer;
}

.overflow_payment
{
	max-height: calc(100vh - 230px);
    overflow-y: auto;
}

.over_payment_modal
{
	overflow-y: hidden !important;
}

.pr45
{
	padding-right: 45px;
}

.inline_title_train
{
	display: inline-block;
	width: 55%;
	vertical-align: middle;
}

.inline_title_btns
{
	display: inline-block;
	width: 40%;
	vertical-align: middle;
}

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

.abs_povered
{
	position: absolute;
	left: 0px;
	bottom: -20px;
	
	width: 100%;
	
	font-size: 12px;
	text-align: center;
	color: #fff;
}

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

.w80per
{
	width: 80% !important;
}

.payment_titpop
{
	display: inline-block;
	position: relative;
	
	padding-left: 30px;
	
	text-align: center;
	font-size: 25px;
	color: #fff;
}

.for_all_amm
{
	display: inline-block;
	
	width: 100%;
	margin-top: 30px;
}

.one_amm50
{
	display: inline-block;
	
	width: 50%;
	
	padding: 10px 15px !important;
	
	font-size: 16px;
	color: #fff;
	
	vertical-align: bottom;
}

.one_amm80
{
	width: 80%;
}

.one_amm20
{
	width: 20%;
}

.gray_letters
{
	color: #e6e3e3;
}

.ammount_total_tr
{
	display: inline-block;
	
	width: 50%;
	
	padding-bottom: 20px;
	
	font-size: 20px;
	color: #fff;
	
	vertical-align: top;
}

.one_trial
{
	display: inline-block;
	
	width: 100%;
	
	padding-bottom: 50px;
	
	text-align: center;
}

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

.box_trial
{
	display: inline-block;
	
	width: 80%;
	
	padding: 30px;
	
	border: 1px solid #4a4949;
}

.box_inline
{
	display: inline-block;
	
	width: 50%;
	
	font-size: 16px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	
	vertical-align: middle;
}

.white_ich
{
	color: #e8e8e8;
	font-weight: normal;
}

.trial_smaller_live
{
	width: calc(50% - 20px);
	margin-right: 20px;
	vertical-align: top;
}

.trial_smaller_demand
{
	width: calc(50% - 20px);
	margin-left: 20px;
	vertical-align: top;
}

.full_box
{
	width: 100%;
}

.pb15
{
	padding-bottom: 15px;
}

.hei250
{
	height: 250px;
}

.hei280
{
	height: 280px;
}

.hei200
{
	height: 200px;
}

.pt60
{
	padding-top: 60px;
}

.f20
{
	font-size: 20px;
}

.mainbagtext
{
	padding-bottom: 20px;
    
	font-size: 24px;
    color: #f9f9f9;
    text-align: center;
}

.main_title_plan span
{
	color: #7c1f9c;
}

.h50
{
	height: 50px;
}

.trans_image img, .mt-2 img
{
	object-fit: cover !important;
}

.img_object_fit img
{
	object-fit: contain !important;
}

.font17
{
	font-size: 17px;
}

.channel_settings_menu
{
	display: inline-block;
    
	width: 100%;
    
	margin-top: 30px;
    
	padding-left: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
    
	background-color: #545454;
	
	border-radius: 4px;
}

.one_settings_title
{
	display: inline-block;
	
	width: 25%;
	
	font-size: 18px;
	text-align: left;
	color: #8f8f8f;
	
	cursor: pointer;
	vertical-align: middle;
}

.one_settings_title.active
{
	color: #fff;
}

.abs_border_ch
{
	position: absolute;
    left: 0px;
    bottom: -13px;
    
	width: 100%;
    height: 5px;
    
	background-color: #bd00ff;
}

.one_authenicate
{
	display: inline-block;
	
	width: 100%;
	
	padding-top: 20px;
	
	text-align: center;
}

.one_authenicate .default_channel_title
{
	max-width: 290px;
	margin: auto;
	padding: 20px;
	
	border: 1px solid #555;
	text-align: left;
	border-radius: 10px;
}

.one_authenicate .default_channel_title .join_button
{
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.auth_btn
{
	display: inline-block;
    padding: 5px 30px;
	border-radius: 25px;
	cursor: pointer;
}

.bord_none
{
	border: 0px none !important;
}

.title_border
{
    border-bottom: 1px solid #4a4949;
}

.pb7
{
	padding-bottom: 7px;
}

.for_auth_cbx
{
	display: inline-block;
	width: 100%;
	margin-top: 15px;
    
	text-align: left;
    font-size: 16px;
    color: #fff;
}

.new_check_box_member
{
	height: 20px;
	width: 20px;
	margin-left: 20px;
	
	border: 1px solid #bd00ff;
	
	cursor: pointer;
}

.new_check_box_member.active
{
	background-color: #bd00ff;
	
	background-image: url('../images/members_check.svg');
	background-position: center;
	background-size: 10px 10px;
	background-repeat: no-repeat;
}

.abs_channel_cbx
{
	position: absolute;
    top: 2px;
    left: -55px;
}

.pb0
{
	padding-bottom: 0px !important;
}

.for_labels_sett
{
	display: inline-block;
	width: 100%;
	padding-top: 10px;
}

.mindbody_logo
{
	width: 100%;
	height: 78px;
	
	background-image: url('../images/mindbody_logo.png');
	background-position: center;
	background-size: 268px 78px;
	background-repeat: no-repeat;
}

.csi_logo
{
	width: 100%;
	height: 70px;
	
	background-image: url('../images/csi_logo.png');
	background-position: center;
	background-size: 70px;
	background-repeat: no-repeat;
}

.mindbody_back
{
	background-color: #383737 !important;
}

.mindbody_form
{
	display: inline-block;
    width: 65%;
    text-align: center;
}

.mindbody_logo_subtxt
{
	padding-bottom: 25px;
	
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.for_bnt_mind
{
	padding-bottom: 40px;
}

.btn_mind
{
	font-size: 12px !important;
    padding: 7px 35px  !important;
}

.mind_close
{
	position: absolute;
    top: -5px;
    right: -4px;
   
	width: 30px;
    height: 30px;
	
	background-image: url('../images/close_mind.svg');
	background-position: center;
	background-size: 12px;
	background-repeat: no-repeat;
    
	border-radius: 50%;
	border: 2px solid #9b51e0;
	
	z-index: 10;
	cursor: pointer;
}

.pb7
{
	padding-bottom: 7px;
}

.minh300
{
	min-height: 300px;
}

.mtm4
{
	margin-top: -4px;
}

.bold
{
	font-weight: bold;
}

.email_info
{
	padding-left: 10px;
	padding-right: 10px;
	
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.select_card_main
{
	margin-bottom: 0px;
	background: rgba(176,2,237,0.11);
}

.w100paybtns
{
	width: 100% !important;
	margin-bottom: 10px;
}

.mr20
{
	margin-right: 20px;
}

.ml10
{
	margin-left: 10px;
}

textarea
{
	resize: none;
}

.label_textarea
{
	width: calc(100% - 38px) !important;
	background: linear-gradient(transparent 0%, rgb(52, 33, 59) 0%) no-repeat;
}

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

.settings_profile_input
{
	display: inline-block;
	vertical-align: middle;
}

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


.cancel_plan
{
	position: absolute;
	bottom: 5px;
	right: 20px;
	
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	
	cursor: pointer;
}

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

.auto_cursor
{
	cursor: auto;
}

.auto_cursor:hover
{
	border-bottom: 0px none;
}

.no_plan_avail
{
	padding-left: 20px;
    padding-right: 20px;
	padding-bottom: 10px;
	
	font-size: 24px;
	color: #fff;
	text-align: center;
}

.sidep_sub
{
	padding-left: 20px;
	padding-right: 20px;
}

.reactivate_btn
{
	width: auto !important;
	
	padding-left: 20px;
    padding-right: 20px;
    
	letter-spacing: 1px;
}

.show_on_scroll
{
	display: none;
}

.overnot
{
	width: auto !important;
	height: auto !important;
}

.new_one_info
{
	width: 15%;
}

.publish_demandw
{
	width: 60%;
}

.disabled_channel_select
{
	background-image: none !important;
}

.for_ambassador_tabs
{
	display: inline-block;
	
	width: 100%;
	
	margin-top: 10px;
	padding-top: 17px;
    padding-bottom: 17px;
	
	background-color: #3e3e3e;
	
	text-align: center;
	
	border-radius: 10px;
}

.ambassador_tabs
{
	display: inline-block;
	
	width: 33%;
	
	font-size: 18px;
	text-align: center;
	color: #fff;
	
	vertical-align: middle;
}

.left_tab
{
	text-align: right;
}

.center_tab
{
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
}

.right_tab
{
	text-align: left;
}

.pad_ambasador_span
{
	padding-bottom: 15px;
}

.ambassador_active
{
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: 4px solid #b002ed;
}

.w100
{
	width: 100% !important;
}

.w20_amb
{
	width: 20% !important;
}

/*------------- UROS END------------ */

/*------------- UROS NEWSPAGE START ------------ */

.allNewsPage
{
	height: 100vh;
	padding: 60px;
	background-color: #262626;
	overflow-x: hidden;
}

/*------------- UROS END------------ */

/*------------- NEW UI SESSION CREATION UROS START ------------ */

.session_creation_container
{
	display: inline-block;
	
	width: 100%;
	
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 20px;
	
	background-color: #313030;
	
	border-radius: 10px;
}

.create_header
{
	display: inline-block;
	width: 100%;
	
	margin-bottom: 40px;
	padding-left: 25px;
    padding-right: 25px;
}

.create_session_title
{
	display: inline-block;
	
	width: 50%;
	
	font-size: 35px;
	text-align: left;
	color: #ffffff;
	
	vertical-align: middle;
}

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

.previous_part
{
	position: relative;
    display: inline-block;
    
	padding: 10px 10px 10px 35px;
    
	font-size: 17px;
    color: #fff;
    
	border: 1px solid #bd0ff5;
    border-radius: 8px;
    
	vertical-align: middle;
	
	cursor: pointer;
}

.abs_previous_img
{
	position: absolute;
	top: 13px;
	left: 10px;
	
	width: 16px;
	height: 20px;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(../images/copy-white.png);
}

.close_session_creation
{
	display: inline-block;
	
	width: 30px;
    height: 30px;
    
	margin-left: 40px;
	
	background-color: #7c1f9c;
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	background-image: url(../images/close_session.svg);
	
	border-radius: 50%;
	cursor: pointer;
	
	vertical-align: middle;
}

.close_session_edit
{
	position: absolute;
	right: 0px;
	top: -12px;
}

.creation_menu
{
	display: inline-block;
	
	width: 100%;
	
    margin-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	
	background-color: #525151;
}

.one_creation_menu
{
	display: inline-block;
	
	width: 20%;
	
	text-align: left;
	font-size: 22px;
	color: #c1c0c0;
	letter-spacing: 0.7px;
	
	vertical-align: middle;
}

.active_creation_menu
{
	font-weight: 500;
	color: #fff;
	border-bottom: 5px solid #bd00ff;
}

.menu_create_span
{
	padding-bottom: 7px;
	cursor: pointer;
}

.main_container_creation
{
	display: inline-block;
	width: 100%;
	padding-left: 30px;
    padding-right: 30px;
}

.container_title
{
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.7px;
}

.container_subtitle
{
	margin-top: -8px;
	
	font-size: 14px;
	color: #d6d1d1;
}

.container_subtitle span
{
	position: relative;
	top: 5px;
	
	color: #d55dff;
	font-size: 22px;
}

.for_info_fields
{
	display: inline-block;
	width: 100%;
	padding-top: 40px;
}

.fields_left
{
	position: relative;
	display: inline-block;
	
	width: 78%;
	
	border-right: 1px solid #504d4d;
	
	vertical-align: top;
}

.width50fields
{
	display: inline-block;
	width: 40%;
	padding-right: 25px;
	vertical-align: top;
}

.third_fields
{
	width: 25%;
}

.second_fields
{
	width: 35%;
}

.fields_back
{
	background-color: rgba(176,2,237,0.11) !important;
}

.none_resize
{
	resize: none;
}

.p10
{
	padding: 10px;
}

.absolute_border_part
{
	position: absolute;
	top: 30%;
	right: -16px;
	transform: rotate(45deg);
	
	width: 30px;
	height: 30px;
	
	background-color: #313030;
	
	border-top: 1px solid #504d4d;
	border-right: 1px solid #504d4d;
	
	z-index: 1;
}

.fiels_right
{
	display: inline-block;
    width: 22%;
	padding-left: 20px;
	vertical-align: top;
}

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

.section_right_title
{
	display: inline-block;
   
	font-size: 22px;
    letter-spacing: 0.5px;
    color: #fff;
    
	vertical-align: middle;
}

.inline_bulb
{
	display: inline-block;
	
	width: 24px;
	height: 24px;
	
	margin-left: 5px;
	margin-right: 15px;
	margin-top: -6px;
	
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
	background-image: url(../images/bulb.png);
	
	cursor: pointer;
	
	vertical-align: middle;
}

.channel_reps_time .inline_bulb
{
	background-image: none !important;
}

.mt50
{
	margin-top: 50px !important;
}

.inline_add_main
{
	display: inline-block;
    
	width: 35px;
    height: 35px;
   
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkBRIJNDmYD6MgAAAAYUlEQVRo3u3YMQrAMAwDwLj0/0+Ou4aOwlAop82DwkHw4lpheq86x7qyd8LaXAAAAAAAAAAAAAAAAACqd9p8zZ0CwuJUPv8CAIA7XZ+xNUzlbkQAAAAAAAAAAAAAAAC/ATywkw15hk7ayAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNS0xOFQwOTo1Mjo1NyswMDowMLnT+TkAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDUtMThUMDk6NTI6NTcrMDA6MDDIjkGFAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: center;
	
	border: 2px solid #BD00FF;
    border-radius: 10px;
    
	cursor: pointer;
	
	vertical-align: middle;
}

.for_button_right_section
{
	display: inline-block;
	
	width: 100%;
	
	padding-left: 10px;
	padding-top: 25px;
	
	text-align: left;
}

.right_section_chosen
{
	display: inline-block;
	position: relative;
    
	padding: 10px 40px;
    
	background-color: #70188e;
    
	font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    
	border-radius: 50px;
}

.right_section_printt
{
	position: absolute;
    right: 0px;
	top: 0px;
	
	padding: 10px 40px;
    
	background-color: #70188e;
    
	font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    
	border-radius: 50px;
	cursor: pointer;
}

.first_right_section
{
	padding-bottom: 30px;
}

.remove_iks
{
	position: absolute;
	top: -1px;
	right: -1px;
	
	width: 25px;
	height: 25px;
	
	background-repeat: no-repeat;
	background-size: 9px;
	background-position: center;
	background-image: url(../images/close_session.svg);
	
	border: 1px solid #fff;
	border-radius: 50%;
	
	cursor: pointer;
}

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

.one_settings
{
	width: 100%;
	padding-bottom: 20px;
}

.left_settings
{
	display: inline-block;
	width: 350px;
	vertical-align: middle;
}

.settings_name
{
	display: inline-block;
	
	font-size: 17px;
	color: #d6d1d1;
}

.pb40
{
	padding-bottom: 40px;
}

.color_white
{
	color: #fff !important;
}

.inline_title
{
	display: inline-block;
}

.charge_containter
{
	display: inline-block;
	width: 100%;
	
	padding-top: 100px;
	padding-bottom: 100px;
	
	text-align: center;
}

.charge_inner
{
	display: inline-block;
	width: 600px;
}

.mb10
{
	margin-bottom: 10px;
}

.charge_info
{
	padding-top: 50px;
	padding-bottom: 50px;
	
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.cover-border_create
{
	background-color: #313030 !important;
}

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

.create_session_btn
{
	display: inline-block;
	
	padding: 10px 45px;
	
	font-size: 20px;
	text-align: center;
	color: #fff;
	
	background-color: #70198f;
	border-radius: 50px;
	
	cursor: pointer;
}

.workout_container
{
	display: inline-block;
	
	width: 100%;
	
	padding-top: 25px;
}

.pt30
{
	padding-top: 30px;
}

.paddingjust
{
	padding-left: 45px;
	padding-right: 45px;
}

.quantity_title_creation
{
	position: absolute;
	top: -30px;
	left: 0px;
	
	width: 100%;
	
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.for_create_edit
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-top: 15px;
}

.edit_equ_part
{
	display: inline-block;
	width: 25%;
	vertical-align: middle;
}

.w95per
{
	width: 95%;
}

.edit_button_equ
{
	display: inline-block;
    
	margin-left: 25px;
	padding: 10px 35px;
    
	font-size: 16px;
    text-align: center;
    color: #fff;
    
	background: #bd00ff;
    
	border-radius: 50px;
    
	cursor: pointer;
	
	vertical-align: middle;
}

.ml0
{
	margin-left: 0px;
}

.pt25
{
	padding-top: 25px;
}

.start_color
{
	top: 1px;
	left: 3px;
	
	color: #d55dff;
	font-size: 22px;
}

.pr20
{
	padding-right: 20px;
}

.session.relative_info
{
	z-index: 10;
}

.inline_with_copy
{
	display: inline-block;
	width: 50%;
	text-align: left;
	vertical-align: top;
}

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

/*------------- NEW UI SESSION CREATION UROS END ------------ */

/*------------- UROS NEWSPAGE START ------------ */

.allNewsPage
{
	height: 100vh;
	padding: 60px;
	background-color: #262626;
	overflow-x: hidden;
}

.news_header
{
	position: relative;
	
	width: 100%;
	
	margin-bottom: 30px;
	
	text-align: center;
	font-size: 35px;
	color: #c200ff;
}

.abs_virdio_logo
{
	position: absolute;
	
	top: 13px;
	left: 0px;
	
	width: 135px;
	height: 27px;
	
	background-image: url(../images/login-logo.png);
    background-repeat: no-repeat;
    background-position: center;
	background-size: 135px 27px;
}

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

.one_news
{
	display: inline-block;
	
	width: 49%;
	
	margin-bottom: 25px;
	padding: 10px;
	
	border: 3px solid #595959;
	
	vertical-align: top;
}

.one_news:nth-child(even)
{
	margin-left: 2%;
}

.left_img
{
	float: left;
	
	width: 130px;
    height: 130px;
	
	margin-right: 15px;
	
	padding: 10px;
	
	background-color: #595959;
}

.left_img img
{
	width: 100%;
	height: 100%;
}

.news_text
{
	position: relative;
	
	max-height: 110px;
	
	font-size: 15px;
	color: #fff;
	text-align: left;
	
	overflow: hidden; 
}

.abs_date
{
	display: inline-block;
	width: 50%;
	
	font-size: 12px;
	text-align: left;
	color: #9e9999;
	
	vertical-align: middle;
}

.read_more
{
	display: inline-block;
	width: 48%;
	
	font-size: 15px;
	text-align: right;
	color: #c200ff;
	
	vertical-align: middle;
}

.read_more span
{
	border-bottom: 1px solid #c200ff;
	cursor: pointer;
}

.for_read_more
{
	width: 100%;
	padding-left: 140px;
}

.all_height
{
	max-height: 10000000000px;
	overflow: inherit;
}

.footer_news
{
	display: inline-block;
	width: 100%;
	padding-top: 15px;
}

.news_person
{
	font-size: 15px;
	color: #fff;
	font-weight: 500;
}

.paddl0
{
	padding-left: 0px;
}

.bottom_txt
{
	font-size: 16px;
	color: #fff;
	text-align: left;
}

.bottom_txt span
{
	color: #0261bf;
	border-bottom: 1px solid #0261bf;
	cursor: pointer;
}

.padding_news
{
	padding-left: 10%;
	padding-right: 10%;
}

/*------------- UROS NEWSPAGE END ------------ */

.for_cards_component
{
	display: none;
}

.for_cards_component.active
{
	display: block;
}

.chargingSessionCreation .pay_top_menu, .chargingProfile .pay_top_menu
{
	display: none;
}

.hidden_div, .hidden_div_train, .hidden_div_sign
{
	display: none;
}

.card_error_info
{
	padding: 50px 0px;
	
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.creditPic
{
	width: 30px;
	height: 20px;
	
	background-repeat: no-repeat;
    background-position: center;
	background-size: 30px 20px;
	
	background-image: url(../images/wallet.svg);
}

.Diners-CarteBlanche
{
	background-image: url(../images/cards/card_dinersblanche.png);
}

.Diners
{
	background-image: url(../images/cards/card_diner.png);
}

.Visa
{
	background-image: url(../images/cards/card_visa.png);
}

.VisaElectron
{
	background-image: url(../images/cards/card_visaelectron.png);
}

.Discover
{
	background-image: url(../images/cards/card_discover.png);
}

.AMEX
{
	background-image: url(../images/cards/card_amex.png);
}

.Mastercard
{
	background-image: url(../images/cards/card_mastercard.png);
}

.JCB
{
	background-image: url(../images/cards/card_jcb.png);
}

.pad_equ
{
	padding-left: 20px;
	padding-right: 20px;
}

.absolute_default
{
	position: absolute;
    top: -85px;
    left: 90px;
    
	width: 170px;
}

.paddr40
{
	padding-right: 40px;
}	

.while_clr
{
	color: #fff !important;
}	


.gray_option
{
	color: #7e7382;
}

.chargingProfile .hide_profile
{
	display: none;
}

.chargingProfile .profile_pay_form
{
	width: 100%;
	
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.chargingProfile .listcard
{
	padding-top: 0px !important;
}

/*------------- UROS END------------ */

.displ_inl
{
	display: inline-block;
}

.pos_relat
{
	position: relative;
}

.dollar_sign
{
	background-image: url(../images/dollar.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 33px;
    height: 33px;
    float: right;
    position: absolute;
    left: 10px;
    /* top: 18px; */
    top: 14px;
}

.add_inp
{
	padding-left: 40px;
}

.add_width70
{
	width: 70%;
}

.add_width47 
{
	width: 47%;
}

.marg_r10
{
	margin-right: 10px;
}

.h-52
{
	height: 52px;
}

.w50_dspl
{
	display: inline-block;
	width: 50%;
	
	vertical-align: middle;
}

.dspl_blck
{
	display: block !important;
}

.back_cl2a
{
	background-color: #2a2a2a !important;
}

.pay_top_menu
{
	width: 100%;
}

.wid33_dsp
{
	display: inline-block;
	width: 33%;
	
	vertical-align: middle;
}

.pay_circ
{
	width: 80px;
	height: 80px;
	
	background-repeat: no-repeat;
    background-position: center;
	background-size: 30px 30px;
	
	background-color: #000;
	border-radius: 50%;
}

.tx_lft
{
	text-align: left;
}

.tx_cnt
{
	text-align: center;
}

.tx_rght
{
	text-align: right;
}

.for_sign2
{
	display: inline-block;
    width: 80%;
    padding-top: 50px !important;
    padding-bottom: 30px !important;
}

.flx_div
{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.new_pos_rel
{
	position: relative;
}

.pay_circ.active
{
	background-color: #bd00ff;
}

.wall_icn
{
	background-image: url(../images/wallet.svg);
}

.eye_icn
{
	background-image: url(../images/white_eye.svg);
}

.lck_icn
{
	background-image: url(../images/white_lock.svg);
}

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

.wdh50
{
	display: inline-block;
	width: 50%;
	
	vertical-align: bottom;
}

.no_bx_shd
{
	box-shadow: none !important;
}

.no_bckgrnd
{
	background: none !important;
}

.add_btn11
{
	width: 100% !important;
	background-color: #bd00ff !important;
}

.log_tlt
{
	text-align: left;
	font-size: 22px;
}

.add_inpt
{
	border: 2px solid #b002ed !important;
}

.add_cvr_bord
{
	top: -1px !important;
	height: 4.3px !important;
	width: 60% !important;
	background: #2a2a2a !important;
}

.rowWithOverflow
{
	max-height: 170px;
	padding-top: 5px;
	
	overflow: auto;
}

.no_mrg_tp
{
	margin-top: 0rem!important;
}

.changedLogin .login-bg
{
	position: relative !important;
	background: none !important;
}

.changedLogin .main_login_logos, .changedLogin .privacy-link, .changedLogin .abs_close, .changedLogin .srv-validation-message
{
	display: none;
}

.changedLogin .form-horizontal
{
	background: none !important;
}

.changedLogin .login-inner
{
	box-shadow: none !important;
}

.paymentLogin
{
	display: none;
	
	font-size: 22px;
	text-align: left;
}

.paymentSignUp
{
	display: none;
	margin-bottom: 30px;
	
	font-size: 22px;
	text-align: left;
}

.changedLogin .paymentLogin, .changedLogin .paymentSignUp
{
	display: block;
}

.changedLogin .gray-box-4
{
	background: none !important;
}

.creditCard
{
	display: inline-block;
	width: 40%;
	
	font-size: 18px;
	text-align: left;
	vertical-align: middle;
}

.nameOnCard
{
	display: inline-block;
	width: 30%;
	
	font-size: 18px;
	text-align: left;
	vertical-align: middle;
}
.text_wrap
{
	padding-right: 5px; 
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text_limit
{
	max-width: 128px;
}

.songNameWrap
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card_wrap_padding
{
	padding-left: 10px; 
}
.text_wrap_demand
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.new_titles_width
{
	width: 70%;
}
.expires
{
	position: relative;
	display: inline-block;
	width: 54%;

	font-size: 18px;
	text-align: left;
	vertical-align: middle;
}

.listcard
{
	width: 100%;
	margin: auto;
}

.listcard2
{
	width: 100%;
	max-width: 900px;
	margin: auto;
	padding-top: 30px;
}

.paymentSignUp2
{
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 22px;
}

.creditCardCheckbox
{
	display: inline-block;
	width: 20%;
	
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
}

.creditCardPic
{
	display: inline-block;
	width: 20%;
	
	vertical-align: middle;
}

.creditCardName
{
	display: inline-block;
	width: 60%;
	
	font-size: 18px;
	
	vertical-align: middle;
}

.chck_credit
{
	display: inline-block;
	width: 15px;
	height: 15px;
	
	background-color: #fff;
	border-radius: 50%;
}

.add_hei_flex
{
	height: 36px;
    display: flex;
	margin-top: 3px;
	margin-bottom: 3px;
	
    align-items: center;
}


.marg_btm10
{
	margin-bottom: 10px;
}

.add_butt
{
	display: inline-block;
	padding-right: 40px;
    padding-left: 40px;
	padding-top: 7px;
    padding-bottom: 7px;

	letter-spacing: 1px;
    font-family: Avenir-Medium;
    font-weight: 600;
	color: #fff;
	
	background: #bd00ff !important;
	border-radius: 5px;
	
	cursor: pointer;
}

.widt20
{
	display: inline-block;
	width: 20%;
	
	vertical-align: middle;
}

.widt80
{
	display: inline-block;
	width: 80%;
	
	vertical-align: middle;
}

.rec_bin
{
	position: absolute;
	right: 0px;
	top: 0;
	width: 25px;
	height: 25px;
	
	background-repeat: no-repeat;
    background-position: center;
	background-size: 20px 20px;
	background-image: url(../images/trash.svg);
	
	cursor: pointer;
}

.changedLogin .centered
{
	width: 90% !important;
}

.padd10_rght
{
	padding-right: 10px;
}

.padd10_lft
{
	padding-left: 10px;
}

.changedLogin .add_inp_fld
{
	margin-bottom: 0px !important;
}

.mrg_22
{
	margin-bottom: 22px;
}

.cstm_check
{
	display: inline-block;
	width: 25px;
    height: 25px;
	
	border: 1px solid #bd00ff !important;
    background-color: #2a2a2a !important;
    border-radius: 100% !important;
	
	vertical-align: middle;
	cursor: pointer;
}

.cstm_check.active
{
	border-color: #ffffff !important;
    background-color: #bd00ff !important;
	
	background-repeat: no-repeat;
    background-position: center;
	background-size: 13px 13px;
	background-image: url(../images/checked.svg);
}

.cstm_check_title
{
	display: inline-block;
	padding-left: 10px;
	
	vertical-align: middle;
	cursor: pointer;
}

.widt_25_dsp
{
	display: inline-block;
	width: 25%;
	
	vertical-align: middle;
}

.titl_25_lf
{
	display: inline-block;
	width: 25%;
	padding: 5px 0px 5px 0px;
	
	text-align: left;
	vertical-align: middle;
}

.titl_75_lf
{
	display: inline-block;
	width: 75%;
	padding: 5px 0px 5px 0px;
	
	text-align: left;
	vertical-align: middle;
}

.chargeseslist div 
{
    font-size: 14px;
    color: #838983;
    padding: 10px 0px;
}

.txtcent
{
	text-align: center;
}

.tp_bt_grey
{
	border-top: 0.3px solid #3a3939;
	border-bottom: 0.3px solid #3a3939;
}

.fs22
{
	font-size: 22px;
}

.fs18
{
	font-size: 18px;
}

.add_but33
{
	display: inline-block;
    padding-right: 40px;
    padding-left: 40px;
	margin-top: 10px;
	
	background: #bd00ff !important;
	
    letter-spacing: 1px;
    font-family: Avenir-Medium;
    font-weight: 600;
	font-size: 18px;
    
    border-color: #bd00ff !important;
	border-radius: 5px;
	
	cursor: pointer;
}

.mh55
{
	max-height: 55vh;
}

/* MILADIN START NEW PARTICIPANT SIGNUP PAGE */

.top_part_holder
{
	
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	
	border: 1px solid #656565;
}

.top_label_part
{
	width: 100%;
	padding: 10px 0px;
	
	text-align: center;
	color: #fff;
	font-size: 23px;
	
	background-color: rgba(0, 0, 0, 0.6);
}

.host_info_holder
{
	padding: 30px 55px;
}

.all_host_info
{
	
}

.all_host_info_parts
{
	display: inline-block;
	padding: 20px 0px;
	
	vertical-align: top;
	height: 250px;
}

.ch_img_align
{
	text-align: right;
}

.part_1st
{
	width: 15%;
}

.part_2nd
{
	width: 70%;
}

.host_image_pic
{
	height: 170px;
	width: 150px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	border-radius: 15px;
}

.channel_image
{
	position: relative;
	display: inline-block;
	
	background-color: #000;
}

.channel_name_label
{
	position: absolute;
	top: -20px;
	width: 100%;
	text-align: center;
	
	font-size: 15px;
	
	color: #fff;
	background-color: #6c108b;
	border-radius: 15px 15px 0px 0px;
}

.pow_new
{
	max-width: 150px;
	display: inline-block;
	
	font-size: 17px;
    text-align: center;
}

.new_vird
{
	color: #b405f2;
	font-weight: 800;
}

.top_part_h1
{
	padding-bottom: 25px;
	font-size: 27px;
    font-weight: 600;
}

.top_part_h2
{
	font-size: 20px;
	padding-bottom: 15px;
}

.top_part_h3
{
	font-size: 20px;
}

.host_name_top
{
	font-weight: 900;
}

.intr_span
{
	color: #bca4ff;
	text-decoration: underline;
}

.btm_part_part
{
	padding: 0px 55px;
}

.bottom_part_holder
{
	position: relative;
	top: -100px;
	
	/* background-color: #313131; */
	border-radius: 15px;
}

.bottom_prt1
{
	display: inline-block;
	width: 100%;
	min-height: 960px;
	
	border-radius: 15px 0px 0px 15px;
	background-color: #2a2a2a;
	
	vertical-align: top;
}

.less_width_part
{
	width: 65%;
}

.bottom_prt2
{
	display: inline-block;
	width: 35%;
	padding: 45px 30px;
	
	border-radius: 0px 15px 15px 0px;
	background-color: #313131;
	
	vertical-align: top;
}

.prt1_padding
{
	padding: 40px 35px;
}

.bottom_part_h1
{
	font-size: 23px;
	
	padding-bottom: 18px;
}

.detail_holder_bottom
{
	padding: 15px 0px;
}

.detail_prt1
{
	display:inline-block;
	width: 25%;
	
	color: #d7cef0;
}

.white_text2
{
	color: #fff;
	width: 50%;
	padding-left: 10px;
}

.btm_border
{
	height: 1px;
	
	border-bottom: 1px solid #656565;
}

.biceps_img
{
	display: inline-block;
	padding-right: 60px;
	
	background-image: url(../images/biceps.png);
	background-position: 95% 15%;
	background-size: 25px 25px;
	background-repeat: no-repeat;
}

.date_div
{
	display: inline-block;
	width: 50%;
	padding: 5px 0px;
}

.prt2_padding_bottom
{
	padding-bottom: 40px;
}

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

.login_type
{
	display: inline-block;
	padding: 0px 30px 10px 30px;
	
	font-size: 20px;
	cursor: pointer;
}

.active_login_type
{
	border-bottom: 3px solid #bd00ff;
}

.login_holder_reg .pink_color
{
	color: #d7cef0 !important;
}

.login_holder_reg .bocc img 
{
	display: none;
}

.opacity_div
{
	height: 100%;
	padding-bottom: 110px;
	
	background-color: rgba(0,0,0, 0.45);
}

/* MILADIN START END PARTICIPANT SIGNUP PAGE */


/*----------ANDREJ START-------*/
.password_check_form
{
	position: absolute;
	bottom: 68px;
	right: 3px;
	
	padding: 7px 22px;
	
	background-color: #2a2a2a;
	box-shadow: 0px 0px 2px 0px #fff;
	border-radius: 10px;
	text-align: left;
	
	z-index: 100;
}


.pass_done_icon
{
	display: inline-block;
   
	height: 13px;
	width: 13px;
	
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/checked_pass.png);
	vertical-align: middle;
}

.pass_line_text
{
	display: inline-block;
	margin-left: 5px;
}

.spec_char
{
	display: block;
	margin-left: 20px;
}

.pass_iks_icon
{
	background-image: url(../images/pass_close.png);
}

.settings_button_hold
{
    display: inline-block;
	width: 41%;
    text-align: right;
}

.settings_box
{
	margin-bottom: 20px;
}

.main_settings_holder
{
	display: inline-block;
	width: 33%;
	vertical-align: top;
}

.main_settings_text
{
	vertical-align: top;
}

.settings_bulb
{
	vertical-align: top;
}

.settings_holder_main
{
	margin-left: 40px;
}

.settings_searchable
{
    padding-right: 40px;
	text-align: right;
}


.go_right_search
{
	position: absolute;
	top: 25px;
	left: 250px;
	
	padding-right: 0px;
	
	font-size: 19px;
}

.relative_info
{
	position: relative;
}

.advanced_switched
{
	width: 50%;
	padding-right: 0px;
	text-align: left;
}

.def_resulution
{
	position: relative;
	display: block !important;
}

.modal_over_items
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	
	z-index: 100;
}

.settings_close_popup
{
	top: 10px !important;
	right: 10px !important;
}

.settings_section
{
	padding-top: 25px;
	padding-left: 38px;
}

.definition_select
{
	text-align: center;
}

.select_definition
{
	width: 250px;
	margin-top: 20px;
}

.default_resolution
{
	margin: 20px 0px;
}

.image_settings_main
{
	vertical-align: top;
}

.my_profile_inner_container
{
	position: relative;
	
	padding: 50px;
	
	font-size: 21px;
	color: #979798;
	background-color: #2a2a2a;
    border-radius: 10px;
}

.my_profile_inner_container .overflow_payment
{
	max-height: none !important;
	overflow: auto !important;
}

.profile_main_holder
{
	display: inline-block;
	
	width: 30%;
	vertical-align: top;
}

.profile_content_hold
{
	width: 70%;
	border-left: 1px solid #525151;
    padding-left: 50px;
}

.profile_picture_hold
{
	position: relative;
	
	height: 150px;
	width: 150px;
	margin: auto;
	
	background-image: url(../images/host-user.png);
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 100%;
}

.profile_picture_hold input 
{
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	font-size: 0px;
	
	opacity: 0;
	
	cursor: pointer;
}

.profile_user_info_hold
{
	text-align: center;
}

.profile_loc_logo
{
	display: inline-block;
	
	background-color: #000;
	border-top: 2px solid #2a2a2a;
	border-right: 2px solid #2a2a2a;
	
	transform: rotateY(-32deg) rotate(134deg);
	z-index: 20;
}

.profile_location
{
	display: inline-block;
	vertical-align: middle;
}

.profile_user_name
{
	margin: 20px 0px 5px 0px;
}

.profile_main_icon
{
	background-image: url(../images/user_main_icon.png);
}

.profile_main_edit
{
	background-image: url(../images/edit_profile_icon.png);
}

.profile_main_password
{
	background-image: url(../images/profile_password.png);
}

.profile_main_payment
{
	background-image: url(../images/profile_wallet.png);
}

.profile_selections_hold
{
	margin-top: 60px;
}

.profile_selection
{
	margin: 10px 0px;
	padding:5px 5px 5px 10px;
}

.profile_main_menu_selection
{
	cursor: pointer;
}

.selection_active
{
	background-color: #343434;
	border-left: 2px solid #bd00ff;
}

.selection_active1
{
	border-left: 2px solid #bd00ff;
}

.profile_title_main
{
	color: #fff;
}

.profile_menu_border
{
	margin-top: 20px;
	border-top: 1px solid #525151;
}

.profile_settings_hold
{
	margin: 40px 0px;
}

.settings_subject
{
	display: inline-block;
    
	width: 140px;
	padding-left: 13px;
	margin: 10px 0px;
}

.settings_subject_content
{
	display: inline-block;
}

.profile_cancel_button
{
	display: inline-block;
	
	margin-top: 40px;
	background-color: #343434;
	cursor: pointer;
}

.myprofile_password
{
	width: 220px;
}

.settings_profile_input
{
	width: 410px;
	padding-right: 35px;
	background-image: url(../images/signedup.png);
	background-repeat: no-repeat;
    background-size: 20px 37%;
    background-position: 98% center;

}

.hide_settings_img
{
	background-image: none;
}
.new_vertical
{
	vertical-align: top; 
}
.new_content_width
{
	width: 65% !important;
}
.profile_save_button
{
	display: inline-block;
	margin-left: 40px;
	cursor: pointer;
}

.settings_phone_icon
{
	background-image: url(../images/settings_phone.png);
}


.settings_phone_icon::-webkit-outer-spin-button,
.settings_phone_icon::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.settings_email_icon
{
	background-image: url(../images/form-email.png);
}

.settings_email_icon.disabled_item
{
	color: rgba(149, 147, 147, 0.8);
}

.settings_calendar_icon
{
	background-image: url(../images/cal.png);
}

.settings_address_field
{
	background-image: none;
}

.settings_password_icon
{
	background-image: url(../images/password1.png);
}

.settings_popup_active
{
	display: block;
}

.reports_main_title
{
	padding: 20px 40px;
	font-size: 22px;
}

.reports_session_hold
{
	display: inline-block;
	
	position: relative;
	
	width: 18%;
	padding: 20px 0px;
	
	background-color: #2a2a2a;
	border-radius: 10px;
	vertical-align: top;
	
	overflow: hidden;
	cursor: pointer;
}

.reports_session_box
{
	position: absolute;
    bottom: -72px;
    right: -51px;
	
    height: 102px;
    width: 129px;
	
	background-color: #404040;
    transform: rotateY(26deg) rotate(150deg);
}

.reports_session_box_off
{
	background-color: #bd2df0;
}

.reports_active .reports_session_box
{
	background-color: #bd2df0;
}

.channel_settings_container
{
	color: #fff;
}

.default_channel_session
{
	display: inline-block;
	
	width: 70%;
	vertical-align: top;
}

.channel_allow_host_hold
{
	width: 30%;
}

.channel_session_default
{
	padding: 30px 0px;
	margin-top: 30px;
	
	font-size: 18px;
	border: 1px solid #4a4949;
	border-right: none;
	border-left: none;
}

.main_settings_holder
{
	display: inline-block;
	width: 33%;
}

.channel_settings_choose
{
	display: block;
	
	width: 100%;
	margin: 15px 0px;
}

.allow_host_title
{
	text-align: center;
}

.channel_settings_checkbox
{
	width: 30%;
}

.channel_switch_hold
{
	text-align: center;
}

.channel_reps_time
{
	width: 30%;
    margin-top: 30px;
}

.channel_settings_border
{
	background-color: #2a2a2a;
}

.channel_settings_close
{
	right: 25px !important;
}

.channel_settings_open
{
	position: absolute !important;
    top: -3px;
    right: -35px;
	
	cursor: pointer;
}

.host_settings_open
{
	top: 6px;
    right: 106px;
}

.dashboard_host_hold
{
	position: relative;
}

.channel_settings_input::-webkit-outer-spin-button,
.channel_settings_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.channel_hold_settings
{
	display: inline-block;
	
	width: 70%;
	vertical-align: middle;
	
	font-size: 18px;
}

.allow_hold_settings
{
	width: 30%;
}

.payinfo_main_hold
{
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100% !important;
}

.reports_session_title_image
{
	height: 40px;
	width: 40px;
	margin: 5px auto auto auto;
	
	background-image: url(../images/forwardclock.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.reports_session_title
{
	text-align: center;
}

.past_sessions_iocn
{
	background-image: url(../images/backwardclock.png);
}

.daily_icon
{
	background-image: url(../images/dailycalendar.png);
}

.undo_icon
{
	background-image: url(../images/undo.png);
}

.billing_icon
{
	background-image: url(../images/billing_icon.png);
}

.reports_active
{
	background-color: #b002ed;
}

.daily_section
{
	display: inline-block;
	position: relative;
	
	width: 18%;
	padding: 10px 0px;
	
	border: 2px solid #2a2a2a;
	border-radius: 15px;
	vertical-align: top;
	text-align: center;
	
	z-index: 10;
}

.daily_session_hold
{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	padding: 0px 24px;
	cursor: pointer;
}

.reports_activity_hold
{
	display: flex;
	padding: 0px 24px;
	
    justify-content: space-between;
}

.dailiy_none
{
	border: none;
	cursor: default;
}

.daily_arrow
{
	position: absolute;

    bottom: -12px;

    left: 44%;
	
    height: 21px;
    width: 21px;
	
	background-color: #000;
	border-top: 2px solid #2a2a2a;
	border-right: 2px solid #2a2a2a;
	
	transform: rotateY(-32deg) rotate(134deg);
	z-index: 20;
}

.daily_title
{
	position: relative;
    z-index: 30;
}

.daily_section_active
{
	border: 2px solid #b002ed;
}

.daily_arrow_active
{
	border-top: 2px solid #b002ed;
	border-right: 2px solid #b002ed;
}

.daily_section_active .daily_arrow
{
	border-top: 2px solid #b002ed;
	border-right: 2px solid #b002ed;
}

.all_info_daily
{
	width: 1135px;
}

.all_session_info
{
    right: -638px !important;
	
	width: 800px;
	background-color: #bd00ff !important;
	text-align: left;
}

.session_info_popup_hold
{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.session_info_title
{
	display: inline-block;
    width: 50%;
    vertical-align: top;
}

.session_info_value
{
	display: inline-block;
    width: 50%;
    vertical-align: top;
}

.session_info_hold
{
	margin-bottom: 15px;
}

.session_info_script_hold
{
    padding: 15px 20px;
	background-color: #a708df;
}

.reports_table_hold th
{
	border: none !important;
	background-color: #bd00ff !important;
}

.all_info.pink_info1 table, .all_info.pink_info1 td
{
	border: none;
}

.all_info.pink_info1 table
{
	width: 100%;
}

.all_info.pink_info1
{
	right: -12px;
	padding-top: 0px;
	
	background-color: #bd00ff;
	
	font-weight: normal;
	
	cursor: auto;
}

.all_info.pink_info1::after
{
	position: absolute;
	top: -6px;
	left: 142px;
	content: '';
	width: 20px;
	height: 20px;
	
	background-color: #bd00ff;
	transform: rotate(135deg);
}

.reports_table_hold
{
	border: 1px solid #a708df;
    margin-top: 20px;
}

.scroll_all_info
{
	max-height: 250px;
    overflow-y: auto;
}

.reports_sort_icon
{
	position: absolute;
	right: 0;
	bottom: 0px;
	
    height: 100%;
    width: 20px;
	
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/sort_reports.png);
	background-position: center center;
	
	cursor: pointer;
}

.info_btn.open::after
{
    content: ' ';
    position: absolute;
    bottom: top;
    top: 40px;
    left: 0px;
    transform: rotate(45deg);
    background: #bd00ff;
    width: 20px;
    height: 20px;
}

.channel_no_results
{
	text-align: center;
	font-size: 18px;
}

.channel_clear_date
{
	position: relative;
	top: -12px;
	font-size: 15px;
	
	cursor: pointer;
	
	z-index: 10;
}

.channel_bulb
{
	vertical-align: middle;
}

.channel_popup
{
	display: block;
}

.profile_avatar
{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.main_def_image
{
	background-size: 40px;
}

.password_eye
{
	position: absolute;
    right: 12px;
    top: 15px;
	
	width: 33px;
    height: 33px;
	
	background-image: url(../images/eye.png);
	background-size: 100% 100%;
    background-repeat: no-repeat;
	
	cursor: pointer;
}

.password_eye_text
{
	position: absolute;
    right: 50px;
    top: 20px;
	
	font-size: 13px;
	color: #d7cef0;
}

.password_eye_shown
{
	top: 16px;
	
	height: 26px;
	
	background-image: url(../images/eye-slash.png);
}

.password_eyeSvg
{
	background-image: none;
}

.center_channel_buttons
{
	margin: auto;
}

.training_info
{
	right: -411px !important;
	width: 500px !important;
}

.training_info.pink_info1::after
{
	position: absolute;
	top: -6px;
	left: 68px;
	content: '';
	width: 20px;
	height: 20px;
	
	background-color: #bd00ff;
	transform: rotate(135deg);
}

.upcoming_line
{
	max-width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.upcoming_holder_main
{
	display: block;
	
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

.new_top_margin
{
	margin-top: 1rem; 
}

/*----------ANDREJ END-------*/

.waiver_scroll
{
	max-height: 70vh;
	overflow-y: auto;
}

/*--------MILADIN MONTH BILLING START--------*/

.month_h1
{
	display: inline-block;
	padding: 10px 0px;
	margin-right: 20px;
	
	cursor: pointer;
}

.active_tab
{
	border-bottom: 3px solid #bd00ff;
}

.open_btn_reports
{
	display: inline-block;
	padding: 10px 15px;
	
	border-radius: 15px;
	color: #fff;
	background-color: #bd00ff;
	
	cursor: pointer;
}

.edit_amount_span
{
	display: inline-block;
	margin-left: 15px;
	
	height: 30px;
	width: 30px;
	
	border-radius: 100%;
	background-color: #bd00ff;

	cursor: pointer;
	
	background-image: url('../images/draw.png');
	background-position: center;
	background-size: 13px 13px;
	background-repeat: no-repeat;
	
	vertical-align: middle;
}

.hide_pen_img
{
	background-image: none;
	width: auto;
	height: auto;
	
	padding: 10px 10px;
	border-radius: 15px;
	margin-left: 0px;
}

.send_btn_holder
{
	text-align: center;
}

.one_detail_holder
{
	padding-bottom: 15px;
}

.disp-inl
{
	display: inline-block;
	font-size: 18px;
}

.text_width_detail
{
	margin-left: 10px;
	font-weight: bold;
}

.lessWidthDetails
{
	display: inline-block;
	margin-right: 10px;
}

.text_align_detail
{
	text-align: center;
}

.price_details_holder
{
	display: inline-block; 
	width: 50%;
	
	vertical-align: top;
}

.includedHolder
{
	padding: 10px 0px;
}

.th_btn_holder
{
	
}

.planPrice_span
{
	display: inline-block;
	width: 55%;
}

.text_align_price_span
{
	width: 45%;
}

.table_edit
{
	position: absolute;
	top: 27px;
	right: 5px;
}

.h1_Details
{
	padding: 10px;
	font-size: 25px; 
	color: #bd00ff;
}

.price_text
{
	text-align: center;
}

.inp_detail_text
{
	padding: 10px;
	
	background: rgb(52, 33, 59);
    color: #fff;
    border: 2px solid #b002ed;
    border-radius: 10px;
}

.price_text
{
	padding-bottom: 10px;
}

.inp_width
{
	max-width: 60px;
}

.discount_inpt
{
	max-width: 40px;
	margin-right: 4px;
}

.inp_width2
{
	max-width: 50px;
}

.less_font
{
	font-size: 11px !important;
}

.noPaymentsFound
{
	text-align: center;
	font-size: 30px;
}

.disp_blck_pop
{
	display: block;
}

.tbl_width
{
	width: 100px;
}

/* .table_new_holder
{
	width: 100%;
	overflow-x: scroll;
}

.button_td
{
	width: 100px;
} */

/*---------NEW LIST VIEW----------*/

.btns_holder_list
{
	padding: 10px 0px;
	text-align: right;
}

.btns_list_part
{
	display: inline-block
}

.left_marg_btns
{
	margin-left: 10px;
}

.canc_btn_width
{
	min-width: 100px;
}

.act_btn_holder_list
{
	text-align: right;
	padding-bottom: 10px;
}

.disp-new
{
	display: inline-block;
	color: #AEAEAE;
}

.host_name_prt_list
{
	display: inline-block;
	margin-left: 20px;
}

.no_padding
{
	padding: 0px; 
}

.no_overflow_new
{
	overflow: hidden;
}

.padd_left_new
{
	padding-left: 40px;
}

.btns_3_pos
{
	max-width: 25%;
}

.point_class
{
	cursor: pointer;
}

.text_center_pop
{
	text-align: center;
}

.vird_btn
{
	margin-left: 20px;
	padding: 15px 20px;
	border-radius: 20px;
	cursor: pointer;
}

.show_modal
{
	display: flex !important;
}

.checkBox_inl
{
	display: inline-block;
}
/*---------NEW LIST VIEW---------*/

/* ACTIVITY STYLE FIX */

.dashboard_pos
{
	left: -21px !important;
    top: 56px !important;
    z-index: 10;
}

.pos_rel_pass .part_position_tooltip
{
	left: -115px !important;
    right: 0px;
    top: 30px !important;
	
    color: #fff !important;
}

.more_top_pos
{
	top: 56px !important;
}

.new_load_waivers
{
	display: none;
	
	position: fixed;
	top: 0px;
	left: 0px;
	
	width: 100vw;
	height: 100vh;
	
	background-color: rgb(0, 0, 0, 0.7);
	z-index: 100;
}

.waiver_inner
{
	position: absolute;
	top: 50%;
	left: 46%;
}

.place_hold_text ::placeholder
{
	color: #fff !important;
}

.marg_left_loop
{
	margin-right: 40px;
}

.zoom_act_img
{
	position: absolute;
    top: 8%;
    right: 5%;

	height: 20px;
	width: 20px;

	background-image: url('../images/full-screen.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.activity_inner
{
	padding-left: 50px;
	padding-right: 50px;
}

.activity_title_main
{
	font-size: 28px;
	color: #fff;
	text-align: left;
	
	border-bottom: 1px solid #787575;
}

.workout_container_main 
{
    display: inline-block;
    width: 100%;
    max-height: 65vh;
    margin-top: 10px;
    
	text-align: left;
    overflow-x: auto;
}

.one_workout 
{
    display: inline-block;
    width: calc(33% - 10px);
    height: 170px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    padding: 8px 10px;
   
   background-color: #6f4298;
    border-radius: 10px;
    vertical-align: top;
}

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

.time_container_work 
{
    display: inline-block;
    vertical-align: middle;
}

.time_worknum 
{
    font-size: 30px;
    font-weight: 500;
    color: #fff;
}

.time_worktype 
{
    margin-top: -11px;
    font-size: 15px;
    color: #fff;
}

.x-mark 
{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    
	background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/x-mark.svg);
    background-size: cover;
    cursor: pointer;
}

.feedback_not
{
	position: absolute;
	top: -12px;
	right: -2px;
	
	height: 25px;
	width: 25px;
	margin: auto;
	
	color: #fff;
	background-color: #EB2D2D;
	text-align: center;
	
	border-radius: 100%;
}

.mrg_btn 
{
    position: relative;
    margin-right: 20px;
}

.feedback_holder 
{
    cursor: pointer;
}

.feedback_1st_hold 
{
    display: inline-block;
    width: 30%;
    
	vertical-align: top;
}

.feedback_2nd_hold 
{
    display: inline-block;
    width: 70%;
    padding: 15px;
    
	background-color: #343434;
    
	vertical-align: top;
    max-height: 570px;
    overflow-y: auto;
}

.feedback_h1 
{
    padding: 20px 0px 10px 20px;
    font-size: 22px;
}

.act_name_holder 
{
    padding-left: 25px;
}

.feedback_actName 
{
    position: relative;
    padding: 10px;
    
	color: #9B9B9B;
    font-size: 18px;
}

.active_activity 
{
    background-color: #343434;
    color: #fff;
    border-left: 2px solid #BD00FF;
}

.auto_cursor 
{
    cursor: auto;
}

.act_name_hold 
{

}

.less_font_feedback 
{
    font-size: 22px;
}

.activity_images_holder 
{
    padding-top: 20px;
}

.image_act 
{
    position: relative;
    display: inline-block;
    width: calc(50% - 20px);
    height: 190px;
    margin: 0% 1%;
    margin-bottom: 10px;
	
    border: 1px solid #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.act_note_num 
{
    position: absolute;
    top: 10px;
    right: 7px;
    height: 25px;
    width: 25px;
    margin: auto;
    
	color: #fff;
    background-color: #EB2D2D;
    
	text-align: center;
    font-size: 16px;
    border-radius: 100%;
}

.zoom_img_holder 
{
    position: relative;
    padding-top: 30px;
}

.zoom_activ 
{
    position: relative;
    width: 90%;
    height: 400px;
    margin: auto;
    margin-top: 10px;
	
    border: 1px solid #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.newBack_btn 
{
    position: absolute;
    top: 0%;
    right: 3%;
    padding: 6px 20px;
	
    background-color: #BD00FF;
    border-radius: 15px;
}

.note_text 
{
    padding: 20px 0px 10px 10px;
    font-size: 25px;
}

.eject_btn 
{
    padding: 1px 10px;
    background-color: #fff;
    color: #bd00ff!important;
    letter-spacing: 1px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 35px;
    cursor: pointer;
}


.title_workout 
{
    display: -webkit-box;
    width: 100%;
    height: 60px;
    max-height: 60px;
    margin-bottom: 15px;
	
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    line-height: 1;
    
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.workout_video 
{
    display: inline-block;
    width: 60px;
    height: 45px;
    margin-top: 7px;
    margin-left: 10px;
   
	background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/broadcastIcon.png);
    background-size: 60px 45px;
    
	vertical-align: middle;
    cursor: pointer;
}

.name_holder_test
{
	margin-top:10px;
}

.inl_50
{
	display: inline-block;
	width: 50%;
}
.att_status
{
	text-align: right;
}

.new_password_holder
{
	text-align: left;
	padding-left: 30px;
}

.pass_h1
{
	padding-bottom: 10px;
}

.text_pass
{

}

.pass_inl
{
	display: inline-block;
	width: 50%;
	
	vertical-align: top;
}

.pos_rel_pass
{
	position: relative;
}

.span_abs
{
	position: relative;
    left: -5px;
    top: -2px;
}

.pad_r_span
{
	padding-right: 15px;
}

/* ACTIVITY STYLE FIX */

/*--------MILADIN MONTH BILLING END--------*/

/*---------MILADIN NEW INTREST SELECT------------*/
.select_arrow_div
{
	padding-top: 15px;
	background-image: url(../images/dropdown.svg);
    background-repeat: no-repeat;
	background-position: right 15px center;
	color: #7e7382;
	
	cursor: pointer;
}
.set_new_padd
{
	padding-right: 45px;
}
.new_rel_pos
{
	position: relative;
}

.intrest_select
{
	position: absolute;
	top: 100%;
	left: 0%; 
	
	height: 120px;
    width: 100%;
	margin-bottom: 22px;
    padding-left: 12px;
	padding-top: 10px; 
	
    background: rgb(52, 33, 59);
    border: 1px solid #9c9c9c;
	
	color: #fff;
    font-size: 18px;
    
	overflow-y: auto;
	z-index: 50; 
}

.newIntrestName
{
	position: relative;
	display: inline-block;
	width: 100%;
	padding-right: 45px;
	margin-bottom: 5px; 
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	cursor: pointer;
}

.new_checkBox_size
{
	background-size: 22px auto !important;
}

.new_margin_int_holder
{
	margin-top: 15px;
}

.def_sessionStatPosition
{
	position: absolute;
	top: 75px;
	right: 10px;
}

/*-----------MILADIN NEW INTREST SELECT END------------*/
.session_list_title
{
	margin-bottom: 20px;
	margin-left: 0px !important;
	padding-left: 0px !important;
	color: #cccccc;
}

.session_list_close
{
	position: absolute;
    top: 35px;
    right: 35px;
}

.list_section
{
	display: inline-block;
	
	padding: 10px 20px;
	
	background-color: #2a2a2a;
	border-radius: 10px;
	
	cursor: pointer;
}

.list_section_right
{
	display: inline-block;
	
	padding: 10px 20px;
	margin-left: 10px;
	
	background-color: #2a2a2a;
	border-radius: 10px;
	
	cursor: pointer;
}

.list_section_hold
{
	margin-bottom: 20px;
}

.list_section_active
{
	background-color: #b002ed;
}


#allprevsession .billing_table
{
	border: none;
}
.record_ondemand_bulb_nc
{
	left: -65px;
}

.video_ondemand_bulb
{
	left: 142px;
    top: 0px;
}

.par_ondemand_bulb
{
	left: 122px;
}

.device_bulb
{
	left: 190px;
}

.reports_sort_icon
{
	position: absolute;
	right: 0;
	bottom: 17px;
	
    height: 20px;
    width: 20px;
	
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/sort_reports.png);
	
	cursor: pointer;
}

.main_input_section
{
	text-align: right;
}

.main_section_search
{
    display: inline-block;
	
	width: 50%;
    margin-bottom: 20px;
}

.load_more_main_button
{
	display: inline-block;
	position: relative;
	
    margin-bottom: 50px;
}

.dashboard_load_hold
{
	margin-bottom: 20px;
	text-align: center;
}

.tooltip_hold
{
	position: absolute;
    display: none;
	
    top: 38px;
    left: -36px;
	
    width: 100px;
	
    border-radius: 5px;
    background-color: #bd00ff;
    box-shadow: 0px 1px 1px 1px rgba(0,0,0, 0.2);
    text-align: center;
}

.tooltip_active
{
	position: relative;
	display: flex;
	z-index: 1;
}

.tooltip_active2
{
	position: absolute;
	display: flex;
	z-index: 1;
}

.tooltip_hold.pink_info
{
	right: -12px;
	padding-top: 0px;
	
	background-color: #000;
}

.tooltip_hold.pink_info::after
{
	position: absolute;
	top: -6px;
	right: 39px;
	content: '';
	width: 20px;
	height: 20px;
	
	background-color: #000;
	transform: rotate(135deg);
	
	 z-index: 10;
}

.no_overflow_tools
{
	overflow: visible;
}

.tooltip_text
{
	position: relative;
    display: inline-block;
	
    width: 100%;
    padding: 5px;
	
    font-size: 11px;
	
    z-index: 20;
    text-align: center;
	
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
	
}

.demand_middle
{
	vertical-align: middle;
}

.published_interest
{
	display: inline-block;
    padding-left: 10px;
}

.published_list
{
	padding-left: 40px;
}

.fitness_showed_items
{
	display: inline-block;
	
	width: 33%;
	padding: 10px;
	
	vertical-align: top;
}

.fitness_inner_hold
{
	width: 100%;
	height: 350px;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
	border-radius: 8px;
}

.publish_holder
{
	margin-top: 23px;
}

.sticky_button
{
	margin-bottom: 20px;
}

.card_holder
{
	vertical-align: top !important;
}

.verfiy_error_pop
{
	margin-bottom: 0 !important;
}

.channel_select_image
{
	margin: auto;
	max-width: 200px !important;
}

.color_picker_side
{
	display: inline-block;
	
	width: 25%;
	
	padding-right: 10px;
	
	text-align: left;
}

.color_picker_hold
{
	padding-top: 50px;
	text-align: center;
}

.color_picker_input
{
	display: inline-block;
	
	height: 45px;
    width: 55px;
	
	background-color: transparent;
    border: none;
	-webkit-appearance: none;
	
	vertical-align: middle;
	cursor: pointer;
}

.mb15
{
	margin-bottom: 15px;
}

.color_picker_input::-webkit-color-swatch-wrapper {
	padding: 0;
}

.color_picker_input::-webkit-color-swatch {
	border: none;
}

.watermark_section
{
	vertical-align: middle;
}

.waiver_section
{
	margin-top: 20px;
	vertical-align: middle;
}

.channel_layout
{
	border-top: none;
}

.color_option_title
{
	display: inline-block;
    
	padding-left: 10px;
    
	font-size: 16px;
}

.reset_default_settings
{
	margin-top: 10px;
}

.grid_hld
{
	text-align: center;
	margin-top: 6px;
}

.deny_grind
{
	background-image: none !important;
}

.select_channel_arrow
{
    position: absolute;
    top: 10px;
    right: 7px;
    z-index: 1;
	pointer-events: none;
}

.channel_choose_search
{
	z-index: 1;
}

.flex_calendar_hold
{
	display: flex;
}

.preview_button_channel
{
	margin-right: 20px;
}

.s1
{
	width: 31.3% !important;
}

.search_color_hold
{
	margin-top: 20px;
}

.waiver_iframe
{
	position: relative;
	width: 100%;
	z-index: 11;
}
.session_end_buttons_hold
{
	background-color: #343434;
	text-align: center;
}

.save_create_buttons
{
	display: inline-block !important;
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.inner_workout_hold
{
	margin-top: 35px;
}

.default_reps_hold
{
    position: absolute;
    top: 0;
    left: 0px;
	width: 207px;
}

.dashboard_search_inputs
{
	width: 134px !important;
}

.dashboard_search_label
{
	font-size: 16px !important;
	color: #ccc;
}

.extended_dashboard_search
{
	padding-right: 70px;
	padding-left: 21px;
}

.search_reports_hold
{
	height: 54%;
	margin-top: 7px;
	padding-left: 0 !important;
	padding-right: 0 !important;
	
	background-color: transparent !important;
}

.search_reports
{
	padding-right: 35px !important;
}

.manage_bulb
{
    position: absolute;
    right: 100px;	
}

.channel_bulb_main
{
    right: 110px;	
}

.for_ch_edit
{
	position: relative;
    bottom: 11px;
}

.channel_host_bulb
{
    left: 120px;
}

.channel_settings_bulb
{
    left: 195px;
}

.host_settings_bulb
{
    left: 200px;
}

.playlist_bulb
{
    left: 102px;
	bottom: 31px;
}

.demand_bulb_hold
{
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.ondemand_bulb
{
	right: -32px;
}

.membertopheader
{
	margin-right: 15px;
}

.member_bulb
{
	left: 192px;
}

.upcoming_bulb
{
	bottom: 0;
	right: -89px;
}

.popup_error_text
{
	color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    white-space: pre-wrap;
	overflow-x: hidden;
	margin-bottom: 0px;
}

.calendar_bulb
{
	top: -14px;
	left: 72px;
    z-index: 20;
}

.refund_button
{
    display: inline-block;
	
    margin: auto;
    padding: 10px 15px;
	
	background-color: #bf00ff;
    border-radius: 20px;
	
	cursor: pointer
}

.refund_amount_area
{
	margin: auto;
}

.refund_input::-webkit-outer-spin-button,
.refund_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;

}

.refund_input
{
	border-top: 1.4px solid #B002ED !important;
}

/*----------ANDREJ END-------*/

/*---------------NEW CHANNEL PAGE DESIGN MILADIN START-----------*/

.channelPageHolder
{
	position: relative;
	padding: 80px 100px; 
	
	font-family: Poppins;
	overflow: hidden;
}

.channelNewH1
{
	display: inline-block;
	width: calc(100% - 289px);
	font-size: 32px;
	font-weight: 700;
	
	
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: left;
	
	color: #BCA4FF;
}

.channelDescH2
{
	max-width: 50%;
	
	color: #FCFCFC;
	
	font-size: 16px;
	
	overflow-wrap: break-word;
}

.newChannelTabsHolder
{
	padding: 30px 0px;
}

.mainTabPart
{
	display: inline-block;
	width: 50%;
	padding: 10px 0px;
	
	text-align: center;
	cursor: pointer;
	
	font-size: 16px;
	font-weight: 600;
	color: #BCA4FF;
	
	vertical-align: top;
}

.chosenTab
{
	background-color: #EFF0F7;
	border-radius: 16px;
	
	color: #14142B;
}

.tabDot
{
	padding-top: 4px;
	height: 8px;
	width: 8px;
	margin: auto;
	
	border-radius: 100%;
	text-align: center;
	background-color: #14142B;
}

.channelSearch
{
	display: inline-block;
	
	padding: 17px;
	background: #24223D;
	border-radius: 16px;
	
	border: none;
	
	margin-right: 16px;
	vertical-align: top;
}

.searchInputHolder
{
	width: 99%;
	padding-left: 55px;

	
	color: #fff;
}

.searchExpHolder
{
	display: inline-block;
	width: 100%;
	padding: 10px 0px;
	
	vertical-align: top;
}

.searchExpHolderPadding
{
	padding-bottom: 16px;
}

.search_half_holder
{
	display: inline-block;
	width: 50%;
	
	vertical-align: top;
}

.expandSearch
{
	width: calc(100% - 73px);
}

.hideSearch
{
	width: 72px;
	margin-right: 16px;
}

.closeSearchBox
{
	display: inline-block;
	height: 57px;
	width: 72px;
	
	background: #24223D;
	border-radius: 16px;

	vertical-align: top;

	background-image: url('../images/Vector.svg');
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
	
	text-align: right;
	cursor: pointer;
}

.expandSearchBox
{
	position: relative;
	display: inline-block;
	height: 58px;
	width: 99%;
	
	background: #545461;
	border-radius: 16px;
	
	/*background-image: url('../images/search_loop.png');*/
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 15px 14px;
	
	cursor: pointer;
}

.searchSvgInput
{
	position: absolute;
	top: 15px;
	left: 15px;
	height: 23px;
	width: 23px;
	
	/*background-image: url('../images/search_loop.png');*/
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 15px 14px;
}

.inptHolderSvg
{
	position: absolute;
	top: 40px;
	left: 40px;
	
	height: 15px;
	width: 15px;
}

.calendarHolderSearch
{
	display: inline-block;
	width: 50%;
	
	background-color: #24223D;
	border-radius: 16px;
	vertical-align: top;
}

.calendarInputHolder
{
	position: relative;
	display: inline-block;
	width: 49%;
	
	vertical-align: top;
	cursor: pointer;
}

.minDateStart
{
	display: inline-block;
	padding: 18px 20px 17px 30px;
	
	font-size: 16px;
	color: #DDDDDD;
}

.calendarHolderImg
{
	position: relative;
    top: 2px;
	
	display: inline-block;
	height: 20px;
	width: 20px;
	
	
	
	vertical-align: top;
}

.calendarImgHolderSvg
{
	position: absolute;
	top: -3px;
	/*background-image: url('../images/calImgSearch.svg');*/
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
}

.calendarHolderImg .react-datepicker-wrapper, .calendarHolderImg .react-datepicker-wrapper .react-datepicker__input-container ,.calendarHolderImg .react-datepicker-wrapper input
{
	width: 100% !important;
	height: 100% !important;
}

.calendarHolderImg .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle
{
	right: auto;
    left: 32px;
}

.calendarHolderImg .react-datepicker__header, .calendarHolderImg .react-datepicker__current-month, .calendarHolderImg .react-datepicker__day--keyboard-selected
{
	background-color: #24223D !important;
}

.calendarHolderImg .react-datepicker__triangle
{
	border-bottom-color: #24223D !important;
}

.calendarTextHolder
{
	display: inline-block;
	padding-left: 18px;
	
	vertical-align: top;
}

.midLineSearch
{
	position: relative;
	top: 5px;
	
	display: inline-block;
	width: 1px;
	height: 43px;
	
	vertical-align: middle;
	background-color: #545461;
}

.day1Search
{
	position: absolute;
	right: 55px;
	top: 12px;
	
	display: inline-block;
	height: 35px;
	width: 30px;
	padding: 5px;
	
	/* background-image: url('../images/backSearch.svg'); */
    background-repeat: no-repeat;
    background-size: 100%; 
    background-position: center;
}

.day2Search
{
	position: absolute;
	right: 23px;
	
	/* background-image: url('../images/nextSearch.svg'); */
}

.durationHolderFull
{
	position: relative;
	display: inline-block;
}

.durationHolder
{
	position: relative;
	display: inline-block;
	
	padding: 14px 50px 14px 18px;
	margin-left:16px;
	
	background: #24223D;
	border-radius: 15px;
	
	
    background-repeat: no-repeat;
    background-size: 14px 6px; 
    background-position: 87% 25px;
	
	cursor: pointer;
}

.notActiveArrowFilter
{
	/*background-image: url('../images/f1Search.svg');*/
}

.absArrowFilter
{
	position: absolute;
	right: 11%;
	
	background-repeat: no-repeat;
    background-size: 14px 6px;
	
}

.activeFilterBorder
{
	border: 1px solid #BCA4FF;
}

.notExpHolder
{
	position: relative;
	display: inline-block;
	width: 100%;
}

.durationHolderAbs
{
	position: absolute;
	top: 60px;
	left: 0px;
	width: 338px;
	
	padding: 30px 30px;
	background-color: #24223D;
	
	box-shadow: 0px 32px 64px rgba(17, 17, 17, 0.08);
	border-radius: 32px;
	
	z-index: 10;
}

.intListHolderScroll
{
	max-height: 30vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.absEquipmentHolder
{
	max-width: 435px;
}

.durationH1
{
	padding-bottom: 20px;
	font-size: 24px;
	color: #fff;
}

.durationMin
{
	display: inline-block;
	width: 50%;
	padding-bottom: 20px;
	
	font-size: 18px;
	color: #DDDDDD;
}

.minNum
{
	text-align: right;
}

.inputRange
{
	width: 100%;
	background-color: #BCA4FF;
	margin-bottom: 30px;
}

input[type=range] {
	-webkit-appearance: none; 
	margin: 10px 0;
	width: 100%;
	border-radius: 32px;
}


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

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 15px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #BCA4FF;
  /*
  background: #BCA4FF;
  */
  border-radius: 23px;
  border: 1px solid #BCA4FF;
  
}

input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #BCA4FF;
  border: 1px solid #BCA4FF;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8.5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	//*FOCUS INPUT AND SET COLOR*/
  /* background: #BCA4FF; */
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 15px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #BCA4FF;
  background: #BCA4FF;
  border-radius: 23px;
  border: 1px solid #BCA4FF;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 2px 1px 1px #BCA1FF; 
  border: 1px solid #BCA1FF;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background: #FFFFFF;
  cursor: pointer;
}

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

input[type=range]::-ms-fill-lower {
  background: #BCA4FF;
  border: 1px solid #BCA4FF;
  border-radius: 46px;
  box-shadow: 1px 1px 1px #BCA4FF;
}

input[type=range]::-ms-fill-upper {
  background: #BCA4FF;
  border: 1px solid #BCA4FF;
  border-radius: 46px;
  box-shadow: 1px 1px 1px #BCA4FF;
}

input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 1px #BCA4FF;
  border: 1px solid #BCA4FF;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background: #FFFFFF;
  cursor: pointer;
}

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

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

/** FF*/
input[type="range"]::-moz-range-progress {
	height: 100%;
	width: 100%;
	
	border-radius: 32px;
	background-color: #BCA4FF; 
}
input[type="range"]::-moz-range-track {  
	height: 100%;
	width: 100%;
	
	border-radius: 32px;
	background-color: #fff;
}

/* IE*/
input[type="range"]::-ms-fill-lower {
	height: 100%;
	width: 100%;
	
	border-radius: 32px;
	background-color: #BCA4FF; 
}
input[type="range"]::-ms-fill-upper {  
	height: 100%;
	width: 100%;
	
	border-radius: 32px;
	background-color: #fff;
} 

.leftSidePickers
{
	text-align: left;
}

.holdTypeRange
{
	position: absolute;
    top: 86px;
    left: 55px;
    height: 18px;
	width: 255px;
	
	
    border-radius: 0px 32px 32px 0px;
	background: rgba(255, 255, 255, 0.6);
	
	z-index: 1;
}

.inactiveColorRange
{
	background-color: #FFFFFF !important;
}
.inactiveColorRange input{
	
	box-shadow: 1px 1px 1px #BCA4FF;
	background-color: #fff !important;
	border: 1px solid #000;
	
}

.closeDurationBtn
{
	position: absolute;
	top: 42px;
	right: 35px;
	
	height: 13px;
	width: 13px;
	padding: 5px;
	
	background-image: url('../images/Vector.svg');
    background-repeat: no-repeat;
    background-size: 100%; 
    background-position: center;
}

.lvlWidth
{
	width: 240px;
}

.selectCircle1
{
	display: inline-block;
	height: 32px;
	width: 32px;
	margin-right: 10px;
	
	border-radius: 100%;
	background: #C7C7C8;
	
	vertical-align: top;
}

.activeCircleCh
{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	height: 16px;
	width: 16px;
	
	background-color: #6D118C;
	border-radius: 100%;
}

.selectText1
{
	display: inline-block;
	max-width: 74%;
	font-size: 18px;
	
	color: #DDDDDD;
	vertical-align: top;
	
	padding-right: 5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selectHolder1
{
	margin-bottom: 15px;
	cursor: pointer;
}

.chName
{
	display: inline-block;
	
	
	vertical-align: middle;
}

.ch_img_div
{
	display: inline-block;
	height: 83px;
	width: 83px;
	margin-right: 7px;
	
	background-repeat: no-repeat;
    background-size: 100%; 
    background-position: center;

	vertical-align: middle;
}

.firstDr_holder
{
	margin-left: 0px;
}

.inpt_search_holder
{
	position: relative;
}

.closeSearchAbs
{
	position: absolute;
	left: 15px;
	top: 18px;
	
	height: 14px;
	width: 14px;
	
	/*background-image: url('../images/Vector.svg');*/
    background-repeat: no-repeat;
    background-size: 100%; 
    background-position: center;
	
	z-index: 100;
	
	cursor: pointer;
}

.equipmentInput
{
	width: 100%;
	padding: 10px 10px 10px 45px;
	
	background-color: #0A091A;
	border-radius: 16px;
	
	border: none;
	
	/*background-image: url('../images/search_loop.png');*/
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 15px 13px;
	
	color: #fff;
}

.upc_channel
{
	position: relative;
	padding-top: 30px;
}

.ch_up_date
{
	width: 100%;
	padding: 10px 10px 10px 30px;
	
	color: #E4DAFF;
	background-color: #24223D;
	
	font-size: 18px;
	
	border-bottom: 1px solid #24223D;
}

.upcoming_hold_all
{
	padding-top: 2px;
}

.upcomingSessionPart
{
	position: relative;
	padding: 20px 20px 20px 75px;
	
    background-position: 37px 50%;	
	cursor: pointer;
}

.descTextPart
{
	display: inline-block;
	width: 16%;
	
	text-align: center;
	vertical-align: middle;
}

.ejeText
{
	color: #fff;
}

.descDetailsOpened
{
	width: 32%;
}

.dataTime
{
	color: #E4DAFF;
	font-weight: 700;
	font-size: 18px;
	
	text-align: left;
}

.dataTime2
{
	font-weight: 400;
	font-size: 18px;
	color: #FFF;
	
	text-align: left;
}

.descPartCh
{	
	max-width: 280px;
	padding-right: 5px;
	
	text-align: left;
	font-weight: 600;
	font-size: 18px;
	
	overflow: hidden;
	text-overflow: ellipsis;
}

.descDetailsOpenedCh
{
	max-width: 100%;
}

.intrPartCh
{	
	max-width: 140px;

	font-weight: 400;
	font-size: 18px;
	
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

.levelPartCh
{
	max-width: 128px;	
		
	font-weight: 400;
	font-size: 18px;
	
	
}

.redLvl
{
	color: #FF8493;
}

.yellowLvl
{
	color: #FFD789;
}

.greenLvl
{
	color: #80FFB6;
}


.hostPartCh
{
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 400;
	
	padding-right: 5px; 
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.btnPartCh
{	
	display: inline-block;
	padding: 10px 25px;
	
	font-weight: 600;
	font-size: 14px;
	color: #6D118C;
	
	background-color: #E4DAFF;
	border-radius: 10px;
	
	cursor: pointer;
}

.btnPartChHold
{
	text-align: right;
}

.bookedBtn
{
	opacity: 0.8;
}

.cancelBookedHolder
{
	position: fixed;
	top: 0px;
	left: 0px;
	
	height: 100%;
	width: 100%;
	
	background: rgba(0, 0, 0, 0.5);
}

.cancBody
{	
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	max-width: 576px;
	
	padding: 30px;
	
	background: #545461;

	box-shadow: 0px 32px 64px rgba(17, 17, 17, 0.08);
	border-radius: 32px;
}

.cacnelH1
{
	padding-bottom: 21px;
	font-size: 24px;
}

.canch2
{
	padding-bottom: 21px;
	font-size: 16px;
}

.btnsHolderCanc
{
	text-align: right;
}

.cancelBtnCh
{
	display: inline-block;
	min-width: 90px;
	padding: 10px 15px; 
	
	text-align: center;
	font-size: 14px;
	color: #6D118C;
	background-color: #E4DAFF;
	
	border-radius: 16px;
	cursor: pointer;
}

.noBtn
{
	margin-left: 10px;
	
	color: #E4DAFF;
	background-color: #545461;
	
	border: 1px solid #E4DAFF;
}

.bottomPartCh
{
	position: relative;
	padding: 20px 30px;	
	border-bottom: 2px solid #24223D;
}

.bottomPart1Ch
{
	display: inline-block; 
	width: 60%;
	
	vertical-align: top;
}

.bottomPart2Ch
{
	display: inline-block; 
	width: 20%;
	
	vertical-align: top;
}

.descBottom1
{
	padding-bottom: 5px;
	font-weight: 600;
	font-size: 18px;
}

.descDataBottom
{
	padding-bottom: 15px;
	padding-right: 5px;
	font-size: 18px;
	color: #C7C7C8;
	
	overflow-wrap: break-word;
}

.hostBottomPart
{
	display: inline-block;
	max-width: calc(100% - 45px);
	padding-left: 15px;
	font-weight: 600;
	font-size: 18px;
	
	vertical-align: top;
	
	padding-right: 5px; 
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hostImgBtm
{
	display: inline-block;
	width: 34px; 
	height: 34px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	vertical-align: top;
	border-radius: 100%;
}

.hostBtmMarg
{
	padding-bottom: 10px;
}

.instrucotrBioCh
{
	padding-bottom: 34px;
	font-size: 18px;
	letter-spacing: 0.75px;
	
	color: #C7C7C8;
	overflow-wrap: break-word;
}

.signedUpCh
{
	display: inline-block;
	padding: 0px 34px 0px 0px;
	
	font-weight: 600;
	font-size: 16px;
	color: #F3EFFF;
	
	
}

.singedUpChSvg
{
	margin-right: 9px;
	
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: left;
}

.reccImg
{
	padding: 0px 0px 0px 34px;
	background-image: url('../images/reccuringChannel.svg');
}

.act_btn_channel
{
	position: absolute;
	right: 37px;
	bottom: 32px;
	
	display: inline-block;
	padding: 10px 15px;
	
	text-align: center;
	color: #E4DAFF;
	font-weight: 600;
	font-size: 14px;
	
	border: 1px solid #E4DAFF;
	border-radius: 16px;
	
	cursor: pointer;
}

.btnsBottomHolder
{
	padding-bottom: 14px;
}

.actListBody
{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	max-width: 576px;
	max-height: 80vh;
	
	padding: 30px;
	
	background: #545461;

	box-shadow: 0px 32px 64px rgba(17, 17, 17, 0.08);
	border-radius: 12px;
	
	overflow: hidden;
}

.scrollHolderAct
{
	
}

.holderWithScrollAct
{
	max-height: 550px;
	padding-bottom: 90px;
	
	overflow-y: auto;
}

.loginHolderBody
{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.actListH1
{
	padding-bottom: 5px;
	font-weight: 500;
	font-size: 14px;
}

.actListH2
{
	padding-bottom: 5px;
	font-size: 18px;
}

.actListDate
{
	display: inline-block;
	margin-right: 17px;
	padding-bottom: 13px;
	
	vertical-align: top;
}

.actListDuration
{
	display: inline-block;
	padding-left: 20px;
	padding-bottom: 13px;
	
	font-weight: 500;
	font-size: 14px;
	
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 1px 3px;
	
	vertical-align: top;
}

.activityPart
{
	position: relative;
	padding: 21px 15px;
	margin-bottom: 10px;
	
	font-size: 12px;
	line-height: 14px;
	
	background: #3F3E4D;
	border-radius: 12px;
}

.actDurationPart
{
	position: absolute;
	right: 20px;
	bottom: 21px;
	
	padding-left: 20px;
	
	font-size: 12px;
	line-height: 14px;
	
	
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 1px 0px;
	
}

.actPopPart
{
	display: inline-block;
}

.secHolderPop
{
	margin-right: 10px;
	height: 14px;
	width: 14px;
	
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 1px 0px;
}

.injectedVideoImgCh
{
	top: 0px;
	right: 90px;
	height: 25px;
	width: 25px;
	
	background-position: center;
    background-repeat: no-repeat;
   /* background-image: url(../images/broadcastIcon.png); */
    background-size: 100%;
}

.restAct
{
	/*background: rgba(63, 62, 77, 0.25);*/
	opacity: 0.6;
}

.closeActListHolder
{
	position: absolute;
	top: 21px;
	right: 21px;
	
	height: 13px;
	width: 13px;
	
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
	
	cursor: pointer;
}

.euipmentHolderScroll
{
	max-height: 150px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	
	overflow-x: auto;
}

.interestMap
{
	padding-bottom: 2px;
	font-size: 16px;
	letter-spacing: 0.75px;
	color: #C7C7C8;
}

.logHolderCh
{
	position: absolute;
	top: 128px;
	right: 100px;
	
	z-index: 2;
}

.loggedUserCh
{
	display: inline-block;
	padding: 14px 12px 14px 12px;
	
	background: #24223D;
	border-radius: 12px;
	
	cursor: pointer;
}

.holdLogoutDiv
{
	text-align: right;
}

.logOutHolder
{
	display: inline-block;
	max-width: 170px;
	margin-top: 10px;
	
	padding: 16px 24px 16px 60px;
	
	text-align: right;
	
	background-color: #24223D;
	border-radius: 16px;
	
	
	
	cursor: pointer;
}

.logOutImgHolder
{
	display: inline-block;
	margin-right: 9px;
	
	background-image: url('../images/logOutChannel.svg');
    background-repeat: no-repeat;
    background-size: 19px 20px;
    background-position: 30px center;
}

.arrowDownUser
{
	display: inline-block;
	height: 4px;
	width: 8px;
	margin-left: 10px;
	
	/*background-image: url('../images/downUserCh.svg'); */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
	
	vertical-align: middle;
}

.absSvgHolder
{
	position: absolute;
	top: 15px;
}

.userImgCh
{
	display: inline-block; 
	height: 25px;
	width: 25px;
	
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	
	vertical-align: middle;
	border-radius: 100%;
}

.userNameCh
{
	position: relative;
	top: -1px;
	
	display: inline-block; 
	max-width: 190px;
	margin-left: 12px;
	
	font-weight: 600;
	font-size: 16px;
	
	vertical-align: top;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.btnSignInCh
{
	position: absolute;
    top: 128px;
    right: 110px;
	
	display: inline-block;
	padding: 10px 25px;
	
	text-align: center;
	color: #E4DAFF;
	font-weight: 600;
	font-size: 14px;
	
	border: 1px solid #E4DAFF;
	border-radius: 10px;
	
	cursor: pointer;
}

.noSessionsHolder
{
	position: relative;
	height: 40vh;
}

.noSessionsText
{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	text-align: center;
	font-size: 32px;
	line-height: 50px;
}

.expandFilterHolder
{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.filterBtnHolder2
{
	padding-top: 15px;
	text-align: center;
}

.noSessionsTextFilter
{
	display: inline-block;
	padding-left: 35px;
	
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	
	background-image: url('../images/loopFilterImg.svg');
    background-repeat: no-repeat;
    background-size: 32px 16px; 
    background-position: left;
}

.odChFilter
{
	background-image: url('../images/odFilterCh.svg');
}

.sortHolderOd
{
	padding-bottom: 30px;
	position: relative;
	text-align: right;
}

.sortTextOd
{
	display: inline-block;
	margin-right: 15px;
	
	color: #DDDDDD;
	font-size: 16px;
}

.sortOption
{
	display: inline-block;
	padding: 14px 38px 14px 18px;
	
	font-size: 16px;
	color: #DDDDDD;
	
	background-color: #24223D;
	border-radius: 15px;
	
	cursor: pointer;
}

.sortOptionArrowSvg
{
	position: absolute;
	right: 10px;
	
    background-repeat: no-repeat;
    background-size: 14px 4px; 
    background-position: 95% 51%;
}

.activeDurationHolder
{
	background-color: #545461;
}

.notActiveArrow
{
	
}

.filterActivitySelected
{
	position: absolute;
	top: 14px;
	right: 14px;
	
	height: 20px;
	width: 20px;
	
	/*background-image: url('../images/Vector.svg');*/
	background-repeat: no-repeat;
    background-size: 15px 10px; 
    background-position: center;
	
	cursor: pointer;
}

.actFilterArrow
{
	/*background-image: url('../images/activeSearch.svg');*/
}

.sortOptionsHolder
{
	position: absolute;
    top: 60px;
    right: 0px;
	padding: 30px;
	
	text-align: left;
	background: #24223D;
	box-shadow: 0px 32px 64px rgba(17, 17, 17, 0.08);
	border-radius: 32px;
	
	z-index: 10;
}

.sortOptionText
{
	padding-bottom: 20px;
	font-size: 15px;
	color: #DDDDDD;
	
	cursor: pointer;
}

.onDemandPartCh
{
	padding: 20px 30px 22px 74px;
	border-bottom: #24223D;
	
	border-bottom: 2px solid #24223D;
}

.openedDetailsImg
{
	background-image: url('../images/activeSearch.svg');
}

.odPartInl
{
	display: inline-block;
	width: 14%;
	
	text-align: center;
	vertical-align: middle;
}

.margPart1
{
	margin-right: 25px;
}

.textAlignDate
{
	text-align: right;
}

.ODVideoCh
{
	position: relative;
	height: 112px;

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	

	background-color: #232323;
	border-radius: 16px;
	cursor: pointer;
}

.onDemandDurationCh
{
	position: absolute;
	bottom: 7px;
	right: 15px;
	
	padding: 5px 5px;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;

	background-color: #06050B;
	opacity: 0.9;
	border-radius: 8px;
}

.avaDateHolder
{
	display: inline-block;
	max-width: 150px;
	text-align: right;
}

.avaiableText
{
	padding-bottom: 2px;
	color: #C7C7C8;
	font-size: 14px;
	
	text-align: left;
}

.avaiableDateCh
{
	text-align: left;
}


.avaiableDateCh2
{
	margin-top: 25px;
	
	font-size: 15px;
	text-align: left;
}

.avaiableDateChCent
{
	text-align: center;
}

.viewODch
{
	display: inline-block;
	padding-left: 10px;
	
	font-size: 18px;
	vertical-align: top;
}

.viewsChImg
{
	position: relative;
	top: -2px;
	display: inline-block;
	width: 21px;
	height: 18px;
	
	/*background-image: url('../images/viewsCh.svg'); */
    background-repeat: no-repeat;
    background-size: 100%; 
    background-position: center;
	
	vertical-align: middle;
}

.viewsChHold
{
	text-align: right;
	width: 9%;
}

.odChName
{
	max-width: 100%;
	padding-right: 10px;
	text-align: left;
	
	overflow: hidden;
	text-overflow: ellipsis;
}


.onDemandSearchCh
{
	width: 100%;
}

.onDemandSearchColor
{
	background-color: #24223D;
}

.loginChHolder
{
	background-color: rgba(0, 0, 0, 0.8);
}

.loginHolderP1
{
	position: relative;
	max-width: 550px;
	margin: auto;
	padding: 20px;
	
	text-align: center;
	
	background-color: #262626;
    border-radius: 10px;
}

.emailLabel
{
	position: relative;
}

.inpHolderCh
{
	margin-top: 30px;
}

.spanCounter
{
	padding-left: 10px;
}

.clearFilterHolder
{
	display: inline-block;
}

.clearAllFilterBtn
{
	position: absolute;
    right: 5px;
    top: 15px;
	
	font-weight: 600;
	font-size: 16px;
	color: #BCA4FF;

	cursor: pointer;
}

.equipmentArrayHolder
{
	padding-top: 20px;
}

.eqScrollHolder
{
	max-height: 30vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.eqPartHolder
{
	max-width: 100%;
	
	display: inline-block;
	padding: 10px 20px;
	margin-bottom: 20px;
	
	background-color: #DED3FF;
	border-radius: 39px;

	color: #6D118C;
	font-weight: 500;
	font-size: 16px;
	
	word-break: break-all;
}

.eqPart2nd
{
	margin-right: 20px;
}

.deleteEqButton
{
	position: relative;
	top: 0px;
	display: inline-block;
	height: 18px;
	width: 20px;
	margin-right: 10px;
	
	/* background-image: url('../images/exitEquipment.svg'); */
    background-repeat: no-repeat;
    background-size: 18px 16px; 
    background-position: center;
	
	cursor: pointer;
}

.eqBtnsHolder
{
	text-align: right;
}

.applyBtnEq
{
	display: inline-block;
	padding: 10px 15px;
	margin-right: 7px;
	
	color: #6D118C;
	
	background-color: #E4DAFF;
	border-radius: 10px;
	
	cursor: pointer;
}

.resetBtn
{
	background-color: #24223D;
	color: #E4DAFF;
	border: 1px solid #E4DAFF;
}

.bottomMsgHolder
{
	text-align: center;
}

.datePickerCh
{
	opacity: 0;
	cursor: pointer;
	width: 100%;
}

.loadMoreHolderCh
{
	margin: auto;
	padding-top: 20px;
	text-align: center;
}

.channelPreviewImgHolder
{
	position: relative;
	padding-top:60%;
	width: 80%;
	margin: auto;
	margin-top: 20px;
	
	background-image: url('../images/channelImg.png');
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;
	
	border: 1px solid #fff;
}

.ch_scroll_y_Active
{
	overflow-x: auto;
}

.bocBckground
{
	background-color: transparent !important;
}

.inputHolderAbs
{
	position: absolute;
	top: 9%;
	left: 24%;
	
    height: 35px;
    width: 35px;
	
	border-radius: 100%;
    cursor: pointer;
	
	/*border: 2px solid #000;*/
	overflow: none;
}

.divHoldColor
{
	width: 100%;
	height: 100%;
	
	border-radius: 100%;
	
	z-index: 100;
	border: 2px solid #000;
	
	text-align: center;
	overflow: none;
}

.bckBorder
{
	border: 2px solid #fff;
}

.inputChannelChangeColor
{
	
	height: 1px;
    width: 1px;
    background-color: transparent;
}

.inputHolderAbs input[type=color] {
	position: relative;
	
	height: 1px;
    width: 1px;
	
    border-radius: 50%;
    overflow: hidden;
	border: none;
	
	opacity: 0;
}

.inputHolderAbs input[type=color]{
  border: none;
  border-radius: 50%;
  padding: 0;
}

.inputHolderAbs input[type=color]::-webkit-color-swatch {
  border: none;
  border-radius: 50%;
  padding: 0;
}

.inputHolderAbs input[type=color]::-webkit-color-swatch-wrapper {
    border: none;
    border-radius: 50%;
}



.inputHolderAbs input {
  -webkit-appearance: none;
  border-radius: 100%;
}
.inputHolderAbs input::-webkit-color-swatch {
  border-radius: 100%;
}
.inputHolderAbs input::-webkit-color-swatch-wrapper {
  border-radius: 100%;
}


.bgPos
{
	top: 5%;
	left: 5%;
}

.tabPos
{
	top: 22%;
	left: 45%;
}
    
.inpSearchPos
{
	top: 31%;
	left: 50%;
}	

.searchPos
{
	top: 38%;
	left: 14%;
}

.dateHoldPos
{
	top: 46%;
	left: 80%;
}
	
.fontColPos
{
	top: 53%;
	left: 26%;
}

.highColPos
{
	top: 61%;
	left: 16%;
}	

.btnColPos
{
	top: 63%;
	left: 88%;
}

.btnTextColPos
{
	top: 53%;
	left: 84%;
}

.searchFontPos
{
	top: 31%;
	left: 12%;
}

.searchBorderPos
{
	top: 33%;
	left: 7%;
}

.radioColPos
{
	top: 38%;
	left: 25%;
}
	
/*---------------NEW CHANNEL PAGE DESIGN MILADIN END-----------*/

.recurring_bulb
{
	left: -49px;
    top: 9px;
}

.current_host_bulb
{
	right: 57px;
    top: 12px;
}

.workout_bulb
{
	top: 13px;
    left: 257px;
}

.header_filters
{
	width: 71%;	
    text-align: right;
}

.dashboard_search_hold
{
	max-width: 560px !important;
}

.filter_hold_icon
{
	padding-left: 50px;
	
	background-image: url('../images/search_loop.png');
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: left 4% center;
}

.filter_dropdown_icon
{
	padding: 0px 25px !important;
    background-image: url('../images/down_reg.png');
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center;
}

.search_input_dashboard_new::-webkit-input-placeholder {
   text-align: left;
   color: #cccccc !important;
   pointer-events: none;
}

.search_input_dashboard_new:-moz-placeholder { /* Firefox 18- */
   text-align: left;
   color: #cccccc !important;
   pointer-events: none;
}

.search_input_dashboard_new::-moz-placeholder {  /* Firefox 19+ */
   text-align: left;
   color: #cccccc !important;
   pointer-events: none;
}

.search_input_dashboard_new:-ms-input-placeholder {  
   text-align: left;
   color: #cccccc !important;
   pointer-events: none;
}

.pointer_events
{
	pointer-events: none;
}

.expanded_search_hold
{
    position: absolute;
    right: 0;
	
	padding: 20px;
    width: 820px;
   
    text-align: left;
   
	border: 1px solid #bd00ff;
	background-color: #2a2a2a;
	color: #cccccc !important;
	
	z-index: 1000;
}

.filter_container_title
{
    text-align: left;
    font-size: 18px;
}

.sort_by_container
{
    display: inline-block;
	
	margin: 5px 10px 5px 0px;
    padding: 10px 20px;
	
	background-color: #4f1f60;
    font-size: 16px;
    
    border-radius: 30px;
	
	cursor: pointer;
}

.sort_by_inside
{
	padding: 10px 0;
}

.filter_sortby_hold
{
	border-bottom: 1px solid #464444;
}

.filter_main_hold
{
	padding-top: 10px;
}

.filter_apply
{
	display: inline-block;
	
    margin: 5px 0px 5px 10px;
    padding: 10px 20px;
	
    color: white;
    font-size: 16px;
	
    background-color: #4f1f60;
    border-radius: 30px;
	
    cursor: pointer;
}

.filter_bottom_options
{
	font-size: 16px;
    text-align: right;
}

.filter_clear_all
{
	display: inline-block;
	cursor: pointer;
}

.checked_sort
{
	display: inline-block;
    
    margin-left: 10px;
    margin-top: 2px;
	height: 20px;
    width: 20px;
	
	background-image: url('../images/check_new_register.png');
    background-repeat: no-repeat;
    background-size: 20px;
	
	vertical-align: top;
}

.expanded_ondemand
{
	right: 142px !important;
}

.above_picker
{
	position: absolute;
    top: -40px;
    font-size: 16px;
}

.filter_date_hold
{
	margin-top: 40px;
}

.date_picker_hold
{
	position: absolute;
	top: 0;
    left: 0;
}

.date_picker_demand
{
	top: 3px;
    left: 5px;
}

.when_icon_demand
{
	top: 8px;
}

.date_picker_choose
{
	background-color: transparent !important;
	font-size: 17px !important;
}

@media screen and (min-width: 520px)
{
	.interest_search
	{
		width: 160px;
	}
}

.ondemand_input_hold
{
	height: 45px;
}

.dashboard_search_date_picker
{
	width: 100% !important;
	z-index: 30;
}

.dashboard_search_date_picker .react-datepicker-wrapper
{
	width: 100% !important;
}

.search_calendar_icon
{
	z-index: 20;
}

.channel_expand_search
{
	width: 840px;
}

.no_results_dashboard
{
    width: 100%;
	
	color: #ffffff;
    font-size: 18px;
	text-align: center;
}

.paymenr_inner_confirm
{
	padding: 0 20px;
}

.channel_creation_successfull
{
	padding-bottom: 0 !important;
}

/*----------ANDREJ END-------*/



.previous_session_bulb
{
	left: -52px;
    top: 25px;
}

.load_more_bulb
{
	right: -37px;
    bottom: 5px;
}

.save_session_bulb
{
	left: 129px;
    bottom: 5px;
}

.host_current_bulb
{
	left: 175px;
    bottom: 8px;
}

.channel_image_bulb
{
	left: 40px;
}

.edit_playlist_bulb
{
	left: -51px;
    bottom: 0px;
}

.playlist_session_bulb
{
    left: 102px;
    bottom: -5px;

}
.invite_participants_bulb
{
	left: 158px;
    top: 10px;
}

.supported_bulb
{
	left: 184px;
}

.reports_bulb
{
	left: 187px;
}

.generate_channel_bulb
{
	left: 188px;
    top: 8px;
}

.reports_channel_bulb
{
	left: 65px;
    top: 6px;
}

.record_ondemand_bulb
{
	left: 48px;
    top: 8px;
}

.video_ondemand_bulb
{
	left: 142px;
    top: 0px;
}

.par_ondemand_bulb
{
	left: 122px;
}

.device_bulb
{
	left: 190px;
}

.table_name_hold
{
	max-width: 20% !important;
}

.profile_main_holder .settings_subject
{
	width: 215px;
}

.settings_wrap_content
{
	margin-top: 10px;
	max-width: calc(100% - 215px);
    word-break: break-word;
}

.dashboard_main_select
{
	padding-right: 45px;
}

.part_dashboard_bulb
{
	right: auto;
    left: -48px;
}

.waiver_doc_uploaded
{
	display: block;
	
	margin-top: 10px;
	
	font-size: 15px;
	text-align: center;
    color: #ffffff;
    text-decoration: none;
}

.waiver_doc_uploaded:hover
{
	color: #ffffff;
	text-decoration: none;
}

.settings_end_date
{
	margin-top: 25px;
}

.popup_align_left
{
	text-align: left !important;
}

.automatic_script_text
{
	margin-right: 20px;
}

.bulbHolderImg
{
	display: inline-block;
}

.bulbTextHolder
{
	display: inline-block;
}

.session_video_bulb
{
	left: 30px;
}

.member_create_user
{
	position: absolute;
    top: 32px;
    left: 382px;
}

.inactive_signup_button
{
	background-color: #424142;
}

.summary_popup
{
	padding: 0;
	border-radius: 30px 30px 0px 0px !important;
}

.summary_popup_background
{
	background-color: #1f1d1e !important;
}

.summary_close
{
	z-index: 20;
}

.summary_channel_image
{
	display: inline-block;
	
	width: 100px;
	height: 100px;
	
	background-size: cover;
	background-repeat: no-repeat;
	
	vertical-align: middle;
}

.top_default_hold
{
	padding: 10px 30px;
	text-align: left !important;
}

.summary_continue
{
	margin-bottom: 20px !important;
}

.charge_top_title
{
	text-align: left;
    font-size: 25px;
}

.charge_bottom_title
{
	text-align: left;
	font-size: 13px;
	color: #8f8f8f;
}

.outer_charge_hold
{
	padding: 20px;
	text-align: left !important;
}

.charge_hold_title
{
	display: inline-block;
}

.credit_cards_hold
{
	display: inline-block;
	position: relative;
	top: 2px;
	
	margin-left: 15px;
}

.credit_cards_icon
{
	display: inline-block;
	
	width: 30px;
	height: 20px;
	
	background-image: url(../images/american_express.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.card_mastercard
{
	background-image: url(../images/mastercard.png);
}

.card_visa
{
	background-image: url(../images/visa.png);
}

.card_visa_electron
{
	background-image: url(../images/visaelectron.png);
}

.card_maestro
{
	background-image: url(../images/maestro.png);
}

.card_inner_hold
{
	background-color: #343434;
}

.payments_close_icon
{
	top: 35px !important;
	right: 40px !important;
}

.credit_card_list_hold
{
	padding: 20px;
}

.add_new_card
{
	margin-right: 10px;
    width: 31px;
}

.add_new_card_hold
{
	margin-left: 40px;
	font-size: 15px;
}

.payment_main_button
{
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
    padding: 15px 40px !important;
	border-radius: 30px !important;
}

.payinfo_email
{
	color: #bf00ff;
    text-decoration: underline;
}

.payment_new_popup
{
	padding-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.payment_confirmation
{
	padding: 10px 20px;
    font-size: 22px;
}

.payment_check_mark
{
	display: inline-block;
	
	width: 40px;
	height: 40px;
	
	background-image: url(../images/check-mark.png);
	background-repeat: no-repeat;
    background-size: 100% 100%;
	
	vertical-align: top;
}

.payment_main_text_hold
{
	display: inline-block;
	
	width: 90%;
    padding-left: 10px;
	
	vertical-align: top;
    font-size: 17px;
}

.payment_inner_hold
{
	padding-left: 20px;
}

.widt60
{
	display: inline-block;
	width: 60%;
	
	vertical-align: middle;
}

.widt40
{
	display: inline-block;
	width: 40%;
	
	vertical-align: middle;
}

.my_profile_inner_container .outer_charge_hold
{
	display: none;
}

.add_card_credit
{
	padding-top: 20px !important;
}

.integration_title
{
	display: inline-block;
    margin-right: 15px;
}

.create_virdio_user_hold
{
	padding-top: 7px;
	margin-bottom: 30px;
}

.create_user_switch
{
	margin-right: 0 !important;
}

.integrating_csi
{
	padding: 0 !important;
}

.advanced_settings_popup
{
	width: 990px !important;
}

.email_channel_settings
{
	text-align: left;
    width: 35%;
}

.toggle_option
{
	display: inline-block;
	vertical-align: middle;
	padding-left: 8px;
    font-size: 14px;
}

.toggle_option_right
{
	padding-left: 0px;
	padding-right: 8px;
}

.toggle_distance
{
	padding-right: 15px;
}

.toggle_switch
{
	margin-bottom: 2px;
}

.toggle_align_middle
{
	vertical-align: middle;
}

.toggle_top
{
	vertical-align: top;
}

.overcharge_title
{
	display: inline-block;
	
	margin-right: 15px;
	vertical-align: middle;
}

.overcharge_table
{
	margin-top: 10px;
}

.overcharge_input::-webkit-outer-spin-button,
.overcharge_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.overcharge_input
{
	border: 2px solid #b002ed !important;
}

.overcharge_circle
{
	margin: auto;
	float: none;
}

.no_results_overage
{
	text-align: center;
    padding-top: 15px;
}

.overage_edit_button
{
	display: inline-block;
	cursor: pointer;
}

.member_edit_button
{
	padding: 6px 19px;
}

.channel_info_heading
{
	max-width: 45%;
}

/*----------ANDREJ END-------*/

#error_msg2, #error_msg3, #error_msg4
{
	z-index: 1111;
}

.allow_move_switch
{
	margin-bottom: 0px;
}

.allow_left
{
	left: 470px !important;
}

.allow_left_par
{
	left: 905px !important;
}


/*-----------S START ------*/

.add_rem_button
{
	position: absolute;
    right: 0px;
    top: -2px;
    display: inline-block;
}

.add_poss_rell
{
	position: relative;
}


.new_abs_poss
{
	position: absolute;
    right: 0px;
    top: 40px;
    display: inline-block;
}

.add_rem_button
{
	position: absolute;
    right: 0px;
    top: -2px;
    display: inline-block;
}

.add_poss_rell
{
	position: relative;
}


.new_abs_poss
{
	position: absolute;
    right: 0px;
    top: 40px;
    display: inline-block;
}


.search_input_dashboard::-webkit-input-placeholder {
   text-align: center;
   font-weight: bold;
   font-size: 20px;
}

.search_input_dashboard:-moz-placeholder { /* Firefox 18- */
   text-align: center; 
   font-weight: bold; 
   font-size: 20px;
}

.search_input_dashboard::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
   font-weight: bold;
   font-size: 20px;
}

.search_input_dashboard:-ms-input-placeholder {  
   text-align: center; 
   font-weight: bold;
   font-size: 20px;
}


.dash_search_row .cover-border
{
	background-color: #541e68;
}

.dash_search_row .form-group input, .dash_search_row .form-group select
{
	border-top: 1.4px solid #B002ED;
	
	background-color: rgba(176,2,237,0.11);
}

.dash_search_row .custom-checkbox::before
{
	display: none !important;
}

.dash_search_row .form-group
{
	margin-bottom: 0px;
}

/*-----------S END ------*/

/*-----------S START PAYINFO ------*/

.changedLogin .gray_clr_back
{
	background: none !important;
}

.pay_main .main_info_menu
{
	margin: 0;
	border-radius: 0;
}

.billing_table
{
	width: 100%;
	
	border: 1px solid #4a4949;
	
	font-size: 13px;
}

.billing_table th 
{
	position: relative;
	padding: 20px 10px;
	padding-right: 20px;
	
	background-color: #3e3e3e;
	font-weight: normal;
	border: 1px solid #4a4949;
	
	text-align: center;
}

.billing_table td 
{
	position: relative;
	
	padding: 20px 10px;
	border: 1px solid #4a4949;
	
	text-align: center;
}

.billing_table td .info_btn
{
	width: 20px;
	width: 20px;
	position: absolute;
	right: 5px;
	bottom: 14px;
}

.pay_main .channel_subscroll
{
	margin-bottom: 20px;
	background-color: #2a2a2a;
	padding: 0 20px 25px 20px;
	
	border-radius: 10px;
}

.pay_main .pay_head
{
	padding: 15px 0px;
	
	border-radius: 10px 10px 0px 0px;
	background-color: #2a2a2a;
	
	font-size: 18px;
}

.pay_main .pay_head_title
{
	padding: 15px 0;
	border-bottom: 1px solid #4a4949;
}

.pay_main .select_span
{
	display: inline-block;
	width: 60px;
	margin: 0 8px;
}

.pay_main select.input-field
{
	padding-left: 5px;
	height: 44px;
	margin-bottom: 0px;
	
	
	background-position: right 7px center;
	border-radius: 8px;
	background-image: url(../images/arrow-down.png);
	background-size: 13px;
	
	font-size: 15px;
}

.abs_reopen_upc
{
	position: absolute;
	top: 45px;
	right: 5px;
}

.paddr_reopen
{
	padding-right: 120px;
}

.equ50l
{
	display: inline-block;
	width: 50%;
	padding-left: 25px;
	
	font-size: 18px;
	color: #fff;
	text-align: left;
	
	vertical-align: top;
	
	background-image: url(../images/checked_pass.png);
	background-repeat: no-repeat;
    background-position: left;
	background-size: 17px auto;
}

.equ50r
{
	display: inline-block;
	
	width: 50%;
	
	font-size: 18px;
	color: #fff;
	text-align: right;
	
	vertical-align: top;
}

.widder_eq
{
	width: 35%;
}

.equ_w
{
	width: 25%;
}

.mw700
{
	max-width: 700px;
}

.zi9999
{
	z-index: 9999 !important;
}

.allplus
{
	width: 100%;
	height: 100%;
}

.login_link
{
	display: inline-block;
	
	margin-left: 30px;
	
	font-size: 16px;
	color: #fff;
	text-align: center;
	
	cursor: pointer;
	
	vertical-align: middle;
}

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

.new_reports_hold
{
	width: 23% !important;
}

/*------------- UROS END------------ */

/*------------- UROS NEWSPAGE START ------------ */
.pay_main .channel_topscroll
{
	overflow: visible !important;
}

.all_info.pink_info table, .all_info.pink_info td
{
	border-color: #eae8e8;
}

.all_info.pink_info table
{
	width: 100%;
}

.all_info.pink_info
{
	right: -12px;
	padding-top: 0px;
	
	background-color: #bd00ff;
}

.all_info.pink_info::after
{
	position: absolute;
	top: -6px;
	right: 10px;
	content: '';
	width: 20px;
	height: 20px;
	
	background-color: #bd00ff;
	transform: rotate(135deg);
}

.close_all_info
{
	position: relative;
	padding: 3px;
	
	text-align: right;
	
	z-index: 10;
}

.close_all_info_btn
{
	display: inline-block;
	
	padding-left: 20px;
	
	font-size: 17px;
	cursor: pointer;
}

.showpinfo, .shopnumbers
{
	width: 50%;
	display: inline-block;
}

.showPageNavigation
{
	padding: 25px 0px;
	margin-top: 10px;
}

.shopnumbers
{
	text-align: right;
}

.shopnumbers span
{
	cursor: pointer;
}

.pgNumbers
{
	padding: 8px 15px;
	margin: 0 10px;
	
	border: 1px solid #4a4949;
	
	cursor: pointer;
}

.pgNumbers.active, .pgNumbers:hover
{
	background-color: #bd00ff;
	color: #fff;
}

#resend_verification
{
	z-index: 1111;
}

.show_pay_page, .show_search_opt
{
	position: relative;
	display: inline-block;
	width: 25%;
	
	vertical-align: middle;
}

.show_search_opt
{
	width: 75%;
	
	padding: 10px 0px 10px 0px;
	
	text-align: right;
}

.show_search_opt .input_field_container
{
	margin-right: 35px;
}

.closeSearchItem
{
	position: absolute;
	width: 30px;
	height: 30px;
	
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	
	background-repeat: no-repeat;
    background-position: center;
	background-size: 50% auto;
	background-image: url(../images/iconclose.png);
	
	cursor: pointer;
} 

.seachInputStart
{
	display: inline-block;
	width: 50px;
	height: 50px;
	
	border-radius: 100%;
	background-color: #b002ed;
	background-repeat: no-repeat;
    background-position: center;
	background-size: 17px auto;
	background-image: url(../images/search_loop.png);
	
	cursor: pointer;
}

.show_search_opt .parent-row.mb-3.full_width
{
	margin-bottom: 0 !important;
}

.billingpage .show_search_opt
{
	width: 100%;
}

.new_search_padd
{
	padding: 7px 0px;
}

.parent-row.mb-3.full_width
{
	width: 100%;
}
.filter_item
{
	flex: 1;
}

.filter_item .react-datepicker-wrapper .react-datepicker__input-container input
{
	
}

.searh_span
{
	padding-right: 10px;
}
/*-----------S END PAYINFO ------*/

.for_cards_component
{
	display: none;
}

#product_lst_modal { overflow: auto; }

.for_cards_component.active
{
	display: block;
}

.chargingSessionCreation .pay_top_menu
{
	display: none;
}

.hidden_div
{
	display: none;
}

.card_error_info
{
	padding: 50px 0px;
	
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.creditPic
{
	width: 30px;
	height: 20px;
	
	background-repeat: no-repeat;
    background-position: center;
	background-size: 30px 20px;
	
	background-image: url(../images/wallet.svg);
}

.Diners-CarteBlanche
{
	background-image: url(../images/cards/card_dinersblanche.png);
}

.Diners
{
	background-image: url(../images/cards/card_diner.png);
}

.Visa
{
	background-image: url(../images/cards/card_visa.png);
}

.VisaElectron
{
	background-image: url(../images/cards/card_visaelectron.png);
}

.Discover
{
	background-image: url(../images/cards/card_discover.png);
}

.AMEX
{
	background-image: url(../images/cards/card_amex.png);
}

.Mastercard
{
	background-image: url(../images/cards/card_mastercard.png);
}

.JCB
{
	background-image: url(../images/cards/card_jcb.png);
}

.pad_equ
{
	padding-left: 20px;
	padding-right: 20px;
}

.linkall
{
	width: 141px;
	height: 100%;
	
	color: #fff;
    text-decoration: none !important;
}

.padding_traing
{
	padding: 20px;
}

.all_training_pg
{
	display: inline-block;
	
	width: 90%;
	height: 100%;
	margin: 0px 5%;
	
	padding-left: 15px;
	padding-right: 15px;
	
	background-color: #121212;
	
	border-radius: 10px;
}

.training_header
{
	display: inline-block;
	width: 100%;
	
	padding-top: 40px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	
	font-size: 32px;
	text-align: center;
	color: #fff;
	
	border-bottom: 1px solid #353535;
}

.all_training_main
{
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}

.widder_train
{
	display: inline-block;
	position: relative;
	
	width: 39%;
	vertical-align: top;
	
}

.smaller_train
{
	display: inline-block;
	width: 20%;
	border-left: 5px solid #000;
	text-align: center;
	vertical-align: top;
}

.lst_smaller
{
	margin-bottom: 5px;
}

.smaller_train.selected_train
{
	width: calc(20% - 5px);
    margin-left: 5px;
    border-right: 5px solid #bd00ff;
    border-left: 5px solid #bd00ff !important;
}

.smaller_train.selected_train.lst_smaller
{
	border-bottom: 5px solid #bd00ff;
}

.for_train_btn
{
	display: inline-block;
	
	width: 100%;
	
	text-align: right;
}

.main_rose_bc
{
	background-color: #bd00ff;
}

.table_border
{
	border-left: 5px solid #000;
}

.header_smaller
{
	width: 100%;
	
	padding-top: 5px;
    padding-bottom: 5px;
    
	font-size: 18px;
    color: #fff;
    text-align: center;
    
	background-color: #353535;
    
	border-radius: 8px 8px 0px 0px;
}

.all_bottom_info
{
	position: relative;
	
	width: 100%;
	height: 180px;
	
	padding-top: 10px;
	
	background-color: #2a2a2a; 
}

.ondemandplanss .all_bottom_info
{
	height: 150px;
}

.start_at
{
	padding-bottom: 8px;
	
	font-size: 12px;
	color: #d2d0d0;
	text-align: center;
}

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

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

.rel_info
{
	position: relative;
	display: inline-block;
	width: calc(100% - 25px);
	
	padding-bottom: 8px;
	
	font-size: 14px;
	color: #d2d0d0;
	text-align: center;
	
	vertical-align: top;
}

.abs_circle_info
{
	display: inline-block;
	position: relative;
	
	width: 20px;
	height: 20px;
	
	margin-top: 2px;
	
	background-color: #d2d0d0;
	background-image: url(../images/info.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	border: 1px solid #d2d0d0;
	border-radius: 50%;
	
	vertical-align: top;
	
	cursor: pointer;
}

.empty_txt
{
	color: #2a2a2a;
}

.bottom_btn
{
	position: absolute;
    left: 0px;
    bottom: 0px;
	
	width: 100%;
	height: 35px;
	
	background-color: #bd0ff5;
	
	margin-top: 10px;
	padding: 4px;
	
	color: #fff;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	text-decoration: none !important;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.5);
	
	transition: all 0.2s;
}

.bottom_btn:hover
{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.smaller_btn_bott
{
	padding-top: 9px;
}

.trialstarttxt
{
	bottom: 40px;
}

.main_link
{
	text-decoration: none !important;
}

.main_link:hover
{
	text-decoration: none !important;
	color: #fff !important;
}

.buy_txt
{
	font-size: 18px;
}

.paddb_btn
{
	padding-bottom: 32px;
}

.enter_padd
{
	padding-top: 30px;
}

.paddb_enter
{
	padding-bottom: 52px;
}

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

.column_title
{
	display: inline-block;
    
	padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 10px;
    
	color: #d2d0d0;
    text-align: left;
	font-size: 14px;
	font-weight: normal;
}

.mar_column
{
	margin-top: 12px;
    margin-left: 10px;
}

.all_lighter_clr
{
	width: 100%;
	height: 100%;
	background-color: #2a2a2a;
}

.all_darker_clr
{
	width: 100%;
	height: 100%;
	background-color: #262626;
}

.inline_icon
{
	display: inline-block;

	text-align: center;
}

.check_mark
{
	display: inline-block;
	
	height: 41px;
	width: 20px;
	
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
	background-image: url(../images/checked_pass.png);
	vertical-align: middle;
}

.column_text
{
	padding-top: 10px;
    padding-bottom: 10px;
    
	color: #d2d0d0;
    text-align: center;
	font-size: 14px;
	font-weight: normal;
}

.app_plus
{
	display: inline-block;
    
	width: 12px;
    height: 12px;
    
	margin-left: 10px;
    
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/plus.svg);
	
	cursor: pointer;
}


.widder_train .app_plus
{
	position: absolute;
	right: 10px;
	top: 10px;
}



.empty_column
{
	height: 41px;
}

.iks_mark
{
	background-image: url(../images/pass_close.png);
	background-size: 16px;
}

.lighter_color_blc
{
	background-color: #2a2a2a;
}

.darker_color_blc
{
	background-color: #262626;
}

.black_back_imp
{
	background: #131313 !important;
}

.host_chosen
{
	display: inline-block;
    
	margin-left: 20px;
    padding: 5px 10px;
    
	font-size: 20px;
    color: #fff;
    text-align: center;
    
	background-color: #bd00ff;
	
	border-radius: 8px;
}

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

.w100
{
	width: 100%;
}

.session_new_pl
{
	top: 7px;
	width: 35px !important;
    height: 35px !important;
	background-size: 12px auto !important;
}

.over_hidden
{
	overflow: hidden;
}

.f20
{
	font-size: 20px;
}

.mt-m20
{
	margin-top: -20px;
}

.pad_playlist
{
	padding: 32px 10px !important;
}

.abs_host_add
{
	position: absolute;
    top: 2px;
    right: 10px;
}

.labelborder_host
{
	padding-bottom: 20px;
}


.padding_traing .column_title, .padding_traing .column_text, .padding_traing .rel_info
{
	font-size: 16px;
}

.padding_traing .start_at
{
	font-size: 14px;
}


.padding_traing .check_mark, .padding_traing .empty_column
{
	height: 44px;
}

.parentplan_exists
{
	display: none;
	background: #bd0ff5;
}

.parentplan_exists.active
{
	display: inline-block;
}



.parentplan_exists div
{
	color: #fff;
}

.padding_traing .all_width_part
{
	display: block;
}

.parentplan_exists.smaller_train
{
	background: transparent;
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-radius: 0px !important;
}

.parentplan_exists.smaller_train.selected_train
{
	border-top-color: transparent !important;
	border-left-color: #bd00ff !important;
	border-right-color: #bd00ff !important;
}


.padding_traing .abs_circle_info, .padding_traing .app_plus, .padding_traing .column_title
{
	margin-top: 0px !important;
	vertical-align: middle;
}

.padding_traing .app_plus
{
	width: 20px;
	height: 20px;
}

.padding_traing .smaller_train
{
	border-left: 5px solid #121212;
}


.smaller_train.active
{
    width: calc(20% - 5px);
	margin-left: 5px;
	margin-top: -5px;
	margin-bottom: 0px !important;
    
	border-top: 5px solid #bd00ff;
    border-right: 5px solid #bd00ff;
    border-left: 5px solid #bd00ff;
	
	border-radius: 16px 16px 0px 0px;
}

.coupTitle
{
	font-size: 16px;
}

.coupSubTitle
{
	padding-left: 10px;
	margin-top: 70px;
	
	text-align: left;
	font-size: 20px;
}

.pb5
{
	padding-bottom: 5px;
}

.training_title
{
	position: relative;
	padding-left: 10px;
	font-size: 30px;
	text-align: left;
	color: #fff;
}

.for_train_btn button
{
	min-width: 210px;
}

.coupSubTitle
{
	font-size: 20px;
}


.coupSubTitle input
{
	width: 150px;
	margin: 0px 10px;
	border-radius: 10px;
}

.coupText
{
	padding-top: 10px;
	font-size: 18px;
}

.gray_clr
{
	background-color: #8b838e;
	cursor: auto !important;
}
















.all_act_form
{
	position: relative;
    width: 100%;
    padding-right: 60px;
}

.pb20
{
	padding-bottom: 20px;
}

.activity_remaining
{
	display: inline-block;
	
	width: 100%;
	
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	
	text-align: center;
	font-size: 20px;
	color: #fff;
	    
	border-top: 1px solid #777;
}

.activityNumberHold
{
	display: inline-block;
	width: 55%;
	text-align: left;
}

.zindex999999
{
	z-index: 99999999999999 !important;
}

.overy_a
{
	overflow-y: auto;
}

.abs_file_input
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
	
	font-size: 0px !important;
	opacity: 0;
}

.mt-4_ch
{
	margin-top: -4px !important;
}
/*------------- UROS END------------ */

/*------------- UROS NEWSPAGE START ------------ */

.allNewsPage
{
	display: inline-block;
	
	width: 100vw;
	height: 100vh;
	
	padding: 60px;
	
	background-color: #262626;
	
	overflow-x: hidden;
}

.news_header
{
	position: relative;
	
	width: 100%;
	
	margin-bottom: 30px;
	
	text-align: center;
	font-size: 35px;
	color: #c200ff;
}

.abs_virdio_logo
{
	position: absolute;
	
	top: 13px;
	left: 0px;
	
	width: 135px;
	height: 27px;
	
	background-image: url(../images/login-logo.png);
    background-repeat: no-repeat;
    background-position: center;
	background-size: 135px 27px;
}

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

.one_news
{
	display: inline-block;
	
	width: 49%;
	
	margin-bottom: 25px;
	padding: 10px;
	
	border: 3px solid #595959;
	
	vertical-align: top;
}

.one_news:nth-child(even)
{
	margin-left: 2%;
}

.left_img
{
	float: left;
	
	width: 130px;
    height: 130px;
	
	margin-right: 15px;
	
	padding: 10px;
	
	background-color: #595959;
}

.left_img img
{
	width: 100%;
	height: 100%;
}

.news_text
{
	position: relative;
	
	max-height: 110px;
	
	font-size: 15px;
	color: #fff;
	text-align: left;
	
	overflow: hidden; 
}

.abs_date
{
	display: inline-block;
	width: 50%;
	
	font-size: 12px;
	text-align: left;
	color: #9e9999;
	
	vertical-align: middle;
}

.read_more
{
	display: inline-block;
	width: 48%;
	
	font-size: 15px;
	text-align: right;
	color: #c200ff;
	
	vertical-align: middle;
}

.read_more span
{
	border-bottom: 1px solid #c200ff;
	cursor: pointer;
}

.for_read_more
{
	width: 100%;
	padding-left: 140px;
}

.all_height
{
	max-height: 10000000000px;
	overflow: inherit;
}

.footer_news
{
	display: inline-block;
	width: 100%;
	padding-top: 15px;
}

.news_person
{
	font-size: 15px;
	color: #fff;
	font-weight: 500;
}

.paddl0
{
	padding-left: 0px;
}

.bottom_txt
{
	font-size: 16px;
	color: #fff;
	text-align: left;
}

.bottom_txt span
{
	color: #0261bf;
	border-bottom: 1px solid #0261bf;
	cursor: pointer;
}

.padding_news
{
	padding-left: 10%;
	padding-right: 10%;
}

/*------------- UROS NEWSPAGE END ------------ */

.displ_inl
{
	display: inline-block;
}

.pos_relat
{
	position: relative;
}

.dollar_sign
{
	background-image: url(../images/dollar.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 33px;
    height: 33px;
    float: right;
    position: absolute;
    left: 10px;
    /* top: 18px; */
    top: 14px;
}

.add_inp
{
	padding-left: 40px;
}

.add_width70
{
	width: 70%;
}

.add_width47 
{
	width: 47%;
}

.marg_r10
{
	margin-right: 10px;
}

.h-52
{
	height: 52px;
}

.w50_dspl
{
	display: inline-block;
	width: 50%;
	
	vertical-align: middle;
}

.dspl_blck
{
	display: block !important;
}

.back_cl2a
{
	background-color: #2a2a2a !important;
}

.pay_top_menu
{
	width: 100%;
}

.wid33_dsp
{
	display: inline-block;
	width: 33%;
	
	vertical-align: middle;
}

.pay_circ
{
	width: 80px;
	height: 80px;
	
	background-repeat: no-repeat;
    background-position: center;
	background-size: 30px 30px;
	
	background-color: #000;
	border-radius: 50%;
}

.tx_lft
{
	text-align: left;
}

.tx_cnt
{
	text-align: center;
}

.tx_rght
{
	text-align: right;
}

.for_sign2
{
	display: inline-block;
	
    width: 80%;
	
    padding-top: 50px !important;
    padding-bottom: 30px !important;
}

.main_payment_hold
{
	padding-top: 0px !important;
}

.extend_verify_pop
{
	height: 90vh;
}

.sign_up_verify
{
	height: 70vh;
}

.flx_div
{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
.

.pay_circ.active
{
	background-color: #bd00ff;
}

.wall_icn
{
	background-image: url(../images/wallet.svg);
}

.eye_icn
{
	background-image: url(../images/white_eye.svg);
}

.lck_icn
{
	background-image: url(../images/white_lock.svg);
}

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

.wdh50
{
	display: inline-block;
	width: 50%;
	
	vertical-align: bottom;
}

.no_bx_shd
{
	box-shadow: none !important;
}

.no_bckgrnd
{
	background: none !important;
}

.add_btn11
{
	width: 100% !important;
	background-color: #bd00ff !important;
}

.log_tlt
{
	text-align: left;
	font-size: 22px;
}

.add_inpt
{
	border: 2px solid #b002ed !important;
}

.add_cvr_bord
{
	top: -1px !important;
	height: 4.3px !important;
	width: 60% !important;
	background: #2a2a2a !important;
}

.no_mrg_tp
{
	margin-top: 0rem!important;
}

.changedLogin .login-bg
{
	position: relative !important;
	background: none !important;
}

.changedLogin .main_login_logos, .changedLogin .privacy-link, .changedLogin .abs_close, .changedLogin .srv-validation-message
{
	display: none;
}

.changedLogin .form-horizontal
{
	background: none !important;
}

.changedLogin .login-inner
{
	box-shadow: none !important;
}

.paymentLogin
{
	display: none;
	
	font-size: 22px;
	text-align: left;
}

.paymentSignUp
{
	display: none;
	margin-bottom: 30px;
	
	font-size: 22px;
	text-align: left;
}

.changedLogin .paymentLogin, .changedLogin .paymentSignUp
{
	display: block;
}

.changedLogin .gray-box-4
{
	background: none !important;
}

.creditCard
{
	display: inline-block;
	width: 57%;
	
	font-size: 18px;
	text-align: left;
	vertical-align: middle;
}

.nameOnCard
{
	display: inline-block;
	width: 30%;
	
	font-size: 18px;
	text-align: left;
	vertical-align: middle;
}

.expires
{
	position: relative;
	display: inline-block;
	width: 49%;

	font-size: 18px;
	text-align: left;
	vertical-align: middle;
}

.listcard
{
	width: 100%;
	margin: auto;
}

.listcard2
{
	width: 100%;
	max-width: 900px;
	margin: auto;
	padding-top: 30px;
}

.paymentSignUp2
{
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 22px;
}

.creditCardCheckbox
{
	display: inline-block;
	width: 20%;
	
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
}

.creditCardPic
{
	display: inline-block;
	width: 20%;
	
	vertical-align: middle;
}

.creditCardName
{
	display: inline-block;
	width: 60%;
	
	font-size: 18px;
	
	vertical-align: middle;
}

.chck_credit
{
	display: inline-block;
	width: 15px;
	height: 15px;
	
	background-color: #fff;
	border-radius: 50%;
}

.add_hei_flex
{
    display: flex;
	
	height: 36px;
	margin-top: 10px;
    margin-bottom: 10px;
    padding: 24px 0 !important;
	
    align-items: center;
}


.marg_btm10
{
	margin-bottom: 10px;
}

.add_butt
{
	display: inline-block;
	padding-right: 40px;
    padding-left: 40px;
	padding-top: 7px;
    padding-bottom: 7px;

	letter-spacing: 1px;
    font-family: Avenir-Medium;
    font-weight: 600;
	
	background: #bd00ff !important;
	border-radius: 5px;
	
	cursor: pointer;
}

.widt20
{
	display: inline-block;
	width: 20%;
	
	vertical-align: middle;
}

.widt80
{
	display: inline-block;
	width: 80%;
	
	vertical-align: middle;
}

.rec_bin
{
	position: absolute;
	right: 35px;
	top: 0;
	width: 25px;
	height: 25px;
	
	background-repeat: no-repeat;
    background-position: center;
	background-size: 20px 20px;
	background-image: url(../images/trash.svg);
	
	cursor: pointer;
}

.changedLogin .centered
{
	width: 90% !important;
}

.padd10_rght
{
	padding-right: 10px;
}

.padd10_lft
{
	padding-left: 10px;
}

.changedLogin .add_inp_fld
{
	margin-bottom: 0px !important;
}

.mrg_22
{
	margin-bottom: 22px;
}

.cstm_check
{
	display: inline-block;
	width: 25px;
    height: 25px;
	
	border: 1px solid #bd00ff !important;
    background-color: #2a2a2a !important;
    border-radius: 100% !important;
	
	vertical-align: middle;
	cursor: pointer;
}

.cstm_check.active
{
	border-color: #ffffff !important;
    background-color: #ffffff !important;
	
	background-repeat: no-repeat;
    background-position: center;
	background-size: 19px 19px;
	background-image: url(../images/checked_pink.png);
}

.card_back_active
{
	background-color: #bd00ff !important;
}

.cstm_check_title
{
	display: inline-block;
	padding-left: 10px;
	
	vertical-align: middle;
	cursor: pointer;
}

.widt_25_dsp
{
	display: inline-block;
	width: 25%;
	
	vertical-align: middle;
}

.titl_25_lf
{
	display: inline-block;
	width: 25%;
	padding: 5px 0px 5px 0px;
	
	text-align: left;
	vertical-align: middle;
}

.titl_75_lf
{
	display: inline-block;
	width: 75%;
	padding: 5px 0px 5px 0px;
	
	text-align: left;
	vertical-align: middle;
}

.chargeseslist div 
{
    font-size: 14px;
    color: #838983;
    padding: 10px 0px;
}

.txtcent
{
	text-align: center;
}

.tp_bt_grey
{
	border-top: 0.3px solid #3a3939;
	border-bottom: 0.3px solid #3a3939;
}

.fs22
{
	font-size: 22px;
}

.fs18
{
	font-size: 18px;
}

.add_but33
{
	display: inline-block;
    padding-right: 40px;
    padding-left: 40px;
	margin-top: 10px;
	
	background: #bd00ff !important;
	
    letter-spacing: 1px;
    font-family: Avenir-Medium;
    font-weight: 600;
	font-size: 18px;
    
    border-color: #bd00ff !important;
	border-radius: 5px;
	
	cursor: pointer;
}

.mh55
{
	max-height: 55vh;
}

.faa_item div
{
	display: inline-block;
	width: 11%;
	padding: 5px 0px;
	vertical-align: middle;
}


.faa_item2
{
	display: inline-block;
	
	width: 11%;
	padding: 5px 5px 5px 0px;
	
	vertical-align: middle;
	word-break: break-all;
}

.act_type_padding
{
	width: 10%;
}

.ondrag
{
	z-index: 20000;
}

.activity_relative_holder
{
	position: relative;
}

.activityNumDiv
{
    display: inline-block;
	width: 25px;
    padding-right: 5px;
	
	vertical-align: middle;
}

/*----------ANDREJ START-------*/
.password_check_form
{
	position: absolute;
	bottom: 68px;
	right: 3px;
	
	padding: 7px 22px;
	
	background-color: #2a2a2a;
	box-shadow: 0px 0px 2px 0px #fff;
	border-radius: 10px;
	text-align: left;
}

.resetPasswordPage .password_check_form
{    
	bottom: 110px;
    right: -300px;
    width: 75%;
}

.pass_done_icon
{
	display: inline-block;
   
	height: 13px;
	width: 13px;
	
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/checked_pass.png);
	vertical-align: middle;
}

.pass_line_text
{
	display: inline-block;
	margin-left: 5px;
}

.spec_char
{
	display: block;
	margin-left: 20px;
}

.pass_iks_icon
{
	background-image: url(../images/pass_close.png);
}

.settings_button_hold
{
    display: inline-block;
	width: 41%;
    text-align: right;
}

.settings_button_main
{
	position: absolute;
	top: 15px;
	right: 32px;
}

.settings_box
{
	margin-bottom: 20px;
}

.main_settings_text
{
	vertical-align: top;
	font-size: 18px;
	padding-right: 15px;
}

.settings_bulb
{
	vertical-align: top;
}

.settings_holder_main
{
	margin-left: 40px;
}

.settings_searchable
{
    padding-right: 40px;
	text-align: right;
}


.go_right_search
{
	position: absolute;
	top: 25px;
	left: 250px;
	
	padding-right: 0px;
	
	font-size: 19px;
}

.relative_info
{
	position: relative;
}

.advanced_switched
{
	width: 50%;
	padding-right: 0px;
	text-align: left;
}

.def_resulution
{
	position: relative;
	display: block !important;
}

.modal_over_items
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	
	z-index: 100;
}

.resolution_hold
{
	display: inline-block;
	width: 100%;
	padding-left: 38px;
	text-align: left;
}

.settings_close_popup
{
	display: inline-block;
	width: 75%;
	padding: 5px 0px 5px 0px;
	
	text-align: left;
	vertical-align: middle;
}

.chargeseslist div 
{
    font-size: 14px;
    color: #838983;
    padding: 10px 0px;
}

.txtcent
{
	text-align: center;
}

.tp_bt_grey
{
	border-top: 0.3px solid #3a3939;
	border-bottom: 0.3px solid #3a3939;
}

.fs22
{
	font-size: 22px;
}

.fs18
{
	font-size: 18px;
}

.add_but33
{
	display: inline-block;
    padding-right: 40px;
    padding-left: 40px;
	margin-top: 10px;
	
	background: #bd00ff !important;
	
    letter-spacing: 1px;
    font-family: Avenir-Medium;
    font-weight: 600;
	font-size: 18px;
    
    border-color: #bd00ff !important;
	border-radius: 5px;
	
	cursor: pointer;
}

.mh55
{
	max-height: 55vh;
}

#error_msg2, #error_msg3, #error_msg4
{
	z-index: 1111;
}


/*-----------S START PAYINFO ------*/

.changedLogin .gray_clr_back
{
	background: none !important;
}

.pay_main .main_info_menu
{
	margin: 0;
	border-radius: 0;
}

.billing_table
{
	width: 100%;
	
	border: 1px solid #4a4949;
	
	font-size: 13px;
}

.billing_table th 
{
	padding: 20px 0px;
	
	background-color: #3e3e3e;
	font-weight: normal;
	border: 1px solid #4a4949;
	
	text-align: center;
}

.billing_table td 
{
	position: relative;
	
	padding: 20px 10px !important;
	border: 1px solid #4a4949;
	
	text-align: center;
}

.billing_table td .info_btn
{
	width: 20px;
	width: 20px;
	position: absolute;
	right: 5px;
	bottom: 14px;
}

.pay_main .channel_subscroll
{
	background-color: #2a2a2a;
	padding: 0 20px 25px 20px;
	
	border-radius: 10px;
}

.pay_main .pay_head
{
	padding: 15px 0px;
	
	border-radius: 10px 10px 0px 0px;
	background-color: #2a2a2a;
	
	font-size: 18px;
}

.pay_main .pay_head_title
{
	padding: 15px 0;
	border-bottom: 1px solid #4a4949;
}

.pay_main .select_span
{
	display: inline-block;
	width: 60px;
	margin: 0 8px;
}

.pay_main select.input-field
{
	padding-left: 5px;
	height: 44px;
	margin-bottom: 0px;
	
	
	background-position: right 7px center;
	border-radius: 8px;
	background-image: url(../images/arrow-down.png);
	background-size: 13px;
	
	font-size: 15px;
}

.pay_main .channel_topscroll
{
	overflow: visible !important;
}

.all_info.pink_info table, .all_info.pink_info td
{
	border-color: #eae8e8;
}

.all_info.pink_info table
{
	width: 100%;
}

.all_info.pink_info
{
	right: -12px;
	padding-top: 0px;
	
	background-color: #bd00ff;
}

.all_info.pink_info::after
{
	position: absolute;
	top: -6px;
	right: 10px;
	content: '';
	width: 20px;
	height: 20px;
	
	background-color: #bd00ff;
	transform: rotate(135deg);
}

.close_all_info
{
	position: relative;
	padding: 3px;
	
	text-align: right;
	
	z-index: 10;
}

.close_all_info_btn
{
	display: inline-block;
	
	padding-left: 20px;
	
	font-size: 17px;
}

.showpinfo, .shopnumbers
{
	width: 50%;
	display: inline-block;
}

.showPageNavigation
{
	padding: 25px 0px;
	margin-top: 10px;
}

.shopnumbers
{
	text-align: right;
}

.shopnumbers span
{
	cursor: pointer;
}

.pgNumbers
{
	padding: 8px 15px;
	margin: 0 10px;
	
	border: 1px solid #4a4949;
	
	cursor: pointer;
}

.pgNumbers.active, .pgNumbers:hover
{
	background-color: #bd00ff;
	color: #fff;
}

#resend_verification
{
	z-index: 1111;
}

.show_pay_page, .show_search_opt
{
	position: relative;
	display: inline-block;
	width: 25%;
	
	vertical-align: middle;
}

.show_search_opt
{
	width: 75%;
	
	padding: 10px 0px 10px 0px;
	
	text-align: right;
}

.show_search_opt .input_field_container
{
	margin-right: 35px;
}

.closeSearchItem
{
	position: absolute;
	width: 30px;
	height: 30px;
	
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	
	background-repeat: no-repeat;
    background-position: center;
	background-size: 50% auto;
	background-image: url(../images/iconclose.png);
	
	cursor: pointer;
} 

.seachInputStart
{
	display: inline-block;
	width: 50px;
	height: 50px;
	
	border-radius: 100%;
	background-color: #b002ed;
	background-repeat: no-repeat;
    background-position: center;
	background-size: 17px auto;
	background-image: url(../images/search_loop.png);
	
	cursor: pointer;
}

.show_search_opt .parent-row.mb-3.full_width
{
	margin-bottom: 0 !important;
}

.new_search_padd
{
	padding: 7px 0px;
}

.parent-row.mb-3.full_width
{
	width: 100%;
}
.filter_item
{
	flex: 1;
}

.filter_item .react-datepicker-wrapper .react-datepicker__input-container input
{
	
}

.searh_span
{
	padding-right: 10px;
}



.reportsholdn .daily_arrow
{
	background-color: #131313;
}

.reportsholdn
{
	position: relative;
	padding-bottom: 50px;
}

.reportsholdn .daily_session_hold
{
	display: block;
}

.reportsholdn .daily_section
{
	margin-right: 35px;
}

.reportsholdn .pay_main
{
	min-height: 400px;
	margin-top: 20px;
	padding: 0px 24px;
	
	overflow: auto;
}

.reportsholdn .pay_head
{
	min-width: 1000px;
	padding: 0px 24px 24px 24px;
}

.new_pay_head_width
{
	min-width: auto !important;
	max-width: 100%; 
}
.reports_holder_scroll
{
	width: 81vw;
	overflow-x: scroll;
}
.new_div_vw
{
	width: 100vw;
}

.reportsholdn .show_pay_page, .reportsholdn .show_search_opt
{
	margin-top: 20px;
}

.reportsholdn .datapickpay
{
	border: 2px solid #b002ed !important;
	font-size: 15px;
	color: #fff;
}

.reportsholdn .cover-border
{
	background-color: #2a2a2a;
}

.reportsholdn .form-group
{
	display: inline-block;
	margin-left: 10px;
}

.reportsholdn .form-group input, .reportsholdn .form-group select
{
	min-width: 120px;
	height: 50px;
	background: rgba(176,2,237,0.11);
}

.reportsholdn .presetfilter
{
	position: absolute;
    width: 84px;
    left: -89px;
    top: -4px;
	
	color: #FFF;
	font-size: 15px;
	
	cursor: pointer;
}

.reportsholdn .presetfilter:hover
{
	color: #b002ed;
}


.reportsholdn .noResults
{
	padding: 40px;
	height: 100px;
	
	font-size: 16px;
	text-align: center;
}

.reportsholdn .loadingResults
{
	position: relative;
	height: 100px;
}

.reportsholdn .loadingResults .main_loader_inner
{
	top: 30px;
}

.reportsholdn .showPageNavigation
{
	text-align: right;
}

.reportsholdn .showpinfo
{
	font-size: 14px;
	text-align: left;
}

.reportsholdn td .info_btn
{
	bottom: 15px;
}

.reportsholdn .subopen
{
	background-color: #bd00ff !important;
}


.reportsholdn .billingtopmonth .rose_btn
{
	min-width: 140px;
	border-radius: 3px;
	font-size: 14px;
}

.reportsholdn .billingtopmonth a
{
	text-decoration: none;
	color: #fff;
}

.reportsholdn .subopen td, .reportsholdn .subopen th
{
	padding: 5px 10px !important;
	background-color: #bd00ff !important;
	border: 0px none !important;
}

.reportsholdn .subopen .billing_table
{
	border: 0px none !important;
	margin: 10px 0px;
	
}

.reportsholdn .subopen .billing_table td
{
	width: 20%;
}

.reportsholdn .subopen .dtval
{
	font-weight: bold;
}

.reportsholdn .subopen span
{
	display: block;
	padding: 15px 20px;
	background-color: #a708df;
}

.print_popuphidden
{
	display: none;
}

@media print{
   .noprint{
       display: none !important;
   }
   
	.print_popuphidden
	{
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		
		background: #FFF;
		color: #000;
		
		z-index: 999999999999;
	}
	
	.session_creation_container { height: 1px; overflow: hidden; }
   
}

.print_fields
{
	display: inline-block;
	width: 25%;
}

.print_fields_script div div
{
	display: inline-block;
	width: 16%;
	padding-bottom: 10px;
	
	vertical-align: top;
}

/*-----------S END PAYINFO ------*/


.channelPg .container-fluid.custom-width
{
	min-height: 100vh;
}

.channelPg
{
	padding-bottom: 70px;
}





 /*------------- NAGENDRA KUMAR------------ */
.react-calendar__month-view  button [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled)
 {
	 color: white !important;
 }
 .react-calendar__month-view button [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    color: white !important;
}
 .react-calendar__month-view__days__day--weekend
 {
	 color: rgb(119, 119, 119) !important;
 }
 .react-calendar__navigation__arrow.react-calendar__navigation__next-button
 {
	 color: #343434 !important;
	 background-repeat: no-repeat !important;
     background-position: right 5px center !important;
     background-image: url(../images/Triangle-right.png) !important;
 }
 .react-calendar__navigation__arrow.react-calendar__navigation__prev-button
 {
	 color: #343434 !important;
	 background-repeat: no-repeat !important;
     background-position: 5px 13px!important;
     background-image: url(../images/Triangle.png) !important;
 }

	 .react-time-picker__wrapper {
		display: flex;
		border: 2px solid #b002ed !important;
		width: 180px;
		margin-top: 0px;
		padding-top: 10px;
		padding-left: 12px;
		border-radius: 0px 10px 10px;
		padding-bottom: 7px;
		color: #ffffff;
		background-color: #bd00ff52;
	}
	.cal_modal .react-time-picker__wrapper
	{
		padding-left: 5px;
		width: 160px;
	}
	.react-time-picker__inputGroup__input{
		color: azure;
		padding: 0px 4px 1px 10px !important;
	}
	.react-time-picker__inputGroup__divider {
		padding: 0px 3px 0px 3px !important;
		white-space: pre;
	}
	.react-time-picker__inputGroup__input,option{
		background-color: #34213b;
	}
	
	.channel_name .react-time-picker__inputGroup__input, .channel_name option {
		background-color: inherit;
	}
	
	.react-time-picker__button:enabled .react-time-picker__button__icon, .react-time-picker__button:enabled:focus .react-time-picker__button__icon{
		stroke: #bd00ff !important;
		outline: none;
	}
	.react-time-picker__inputGroup__amPm{
		outline: none;
		-webkit-appearance: none !important;
		-moz-appearance: none !important;
		background: url(../images/dropdown.png) !important;
		background-repeat: no-repeat !important;
		background-position: 45px 9px !important;
		background-size: 17px !important;
		width: 50px;
		font-size: 13px;
	}
	.react-time-picker__button:enabled{
		display: none;
	}
	
	.input_bx-cont sup{
		/* color: #dc0f0fde; */
		color: #d6d6d6;
	}
	
	.slide-ele{
		width: 100%;
		display: block;
		padding-left: 10px !important;
		padding-right: 10px !important;
		cursor: pointer;
	}
	.slick-slide img{
		width: 100%;
		border-radius: 10px;
	}
	.slide-ele p{
		color: #bdbaba;
	}
	.rlc-day-selected{
		background-color: #bd00ff;
	}
	/* end */
	/* datepicker css */
	/* .react-datepicker-wrapper{
		
		float: right;
	} */
	.cal-backg .react-datepicker__input-container input {
		background-color: transparent;
		width: 100%;
		cursor: default;
		font-size: 20px;
		color: transparent !important;
		
	}
	.cal-backg .react-datepicker__input-container input:-webkit-autofill {
		-webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
	-webkit-text-fill-color: transparent !important;
	box-shadow: 0 0 0 1000px rgb(52, 33, 59) inset;
	}

	@keyframes autofill {
		100% {
			background: transparent;
			color: transparent;
		}
	}
	
	@-webkit-keyframes autofill {
		100% {
			background: transparent;
			color: transparent;
		}
	}
	.cal-backg .react-datepicker-wrapper
    {
        width:85px; 
    }
    .flex-grow-1 .react-datepicker-wrapper
    {
        width: 85px;
    }
	.react-datepicker__input-container input {
		background-color: #2a2a2a;
		border: #2a2a2a;
		color: whitesmoke;
		font-size: 23px;	
		width: 190px;
		position: relative;
		border-radius: 6px;
	}
	.react-datepicker{
		background-color: #424141 !important;
		border: 1px solid #424141 !important;
	}
	.react-datepicker__day-names, .react-datepicker__week {
		white-space: nowrap;
		background-color: #424141;
	}
	.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
		color: #fff !important;
		background-color: #bd00ff !important;
		font-size: 1.08rem !important;
			padding-bottom: 10px !important;
	}
	.react-datepicker__navigation{
		top: 15px !important;
	}
	.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
	   
		color: #ffffff !important;
	}
	.react-datepicker__day-name:hover, .react-datepicker__day:hover, .react-datepicker__time-name:hover {
	   
		color: #ffffff !important;
	}
	.react-datepicker-popper
	{
		z-index: 999 !important;
	}
	.cont .react-datepicker-popper
	{
	position: absolute !important;
    top: 100% !important;
    right: 0px !important;
	 transform: none !important;
	 left: auto !important;
	}
	.react-time-picker__inputGroup__divider
	{
		padding: 0 !important;
	}
	.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
		border-bottom-color: #bd00ff !important;
	}
	
	.calendarHolderImg .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before 
	{
		border-bottom-color: #7b7a8e !important;
	}

	.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle
	{
		right: 50px;
		left: auto;
	}
	.react-datepicker__header {
		background-color: #bd00ff !important;
	}
	
	/* end raect datepicker css */
	 /*react calender  in wine-demo*/
	.react-calendar {
		width: 100% !important;
		max-width: 100%;
		background: #343434 !important;
		border-top: 1px solid #414141 !important;
		border-bottom: 1px solid #414141 !important;
		border-left: 0px solid #a0a096 !important;
		border-right: 0px solid #a0a096 !important;
		color: #ffffff;
		line-height: 3.11em !important;
	}
	.react-calendar__navigation button[disabled] {
		background-color: #343434 !important;
	}
	.react-calendar__navigation button:enabled:hover, .react-calendar__navigation button:enabled:focus {
		background-color: #343434 !important;
	}
	.react-calendar__navigation
	{
		margin-bottom: 0 !important;
	}
	.react-calendar__navigation__label{
		color: aliceblue !important;
	}

	
	.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected {
		border-radius: 0.3rem;
		background-color: #bd00ff !important;
		color: #fff;
	}
	.parent-row .react-datepicker-wrapper .react-datepicker__input-container input{
		background-color: #492158 !important;
		padding: 19px;
		width: 140px;
	}
	.parent-row .react-datepicker-wrapper{
		width: auto;
	}
	/* .cal-backg .react-datepicker-wrapper {
		width: 100% !important;
	} */
	.whitesmoke
	{
		color: whitesmoke;
	}
	.w-143
	{
		width: 143px !important;
	}
	.react-calendar__month-view__weekdays__weekday
	{
		padding: 0 !important;
	}
	.react-calendar__tile
	{
		padding: 0px !important;
	}
	.react-calendar__tile:enabled:hover, .react-calendar__tile:enabled:focus {
		background-color: #5d067c !important;
	}
	.react-calendar__tile:disabled {
		background-color: #343434 !important;
	}
	.react-calendar__navigation__next2-button{
		display: none !important;
	}
	.react-calendar__navigation__prev2-button{
		display: none !important;
	}
	.react-calendar__tile--active{
		background: #5d067c !important;
	}
	.react-calendar__tile--hasActive{
		background: #5d067c !important;
	}
	
	
	
	abbr[data-original-title], abbr[title] {
		text-decoration: none !important;
		-webkit-text-decoration: none !important;
		text-decoration: none !important;
		cursor: default !important;
		
	}
	/* fitness creation */
	.closepopup{
		color: #bd00ff !important;
		font-size: 32px !important;
		font-weight: inherit !important;
		opacity: 1;																																																					
	}
	button.closepopup{
		color: #bd00ff !important;
		font-size: 32px !important;
		font-weight: inherit !important;
		opacity: 1;																																																																																					
	}
	.input-field2 {
		/* border-radius: 0px 15px 15px 15px; */
		background: #34213b;
		color: #fff;
		border: 2px solid #b002ed;
		height: 44px;
		width: 100%;
		margin-bottom: 22px;
		padding-left: 18px;
		font-size: 18px;
		position: relative;
	}
	.copy_link.btn-primary {
		display: table;
		border-radius: 40px;
		font-size: 20px;
		padding-right: 40px;
		padding-left: 40px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-family: Avenir-Medium;
		font-weight: 600;
		background: #570078 !important;
		border-color: #570078 !important;
		color: #ffffff !important;
	}
	.submit_congrat{
		font-size: 16px !important;
		color: #d6d4d4 !important;
	}
	.mb-20{
		margin-bottom: 20px;
	}
	.fitness_save{
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.fitness_save> button{
		border-radius: 20px !important;
	   }
	   .err_msg{
		   color:#dc0f0fde !important;
	   }
	.kep-login-facebook.metro {
		background:transparent;
		border: none;
		padding: 0;
	}  
	#pick_channel .modal-dialog
	{
		max-width: 1300px;
	}


/*-----------------FITNESS ATTENDEE MODAL CSS-------------------*/
.width-90
{
	max-width: 90%;
}
.border_bottom_purple
{
	border-bottom: 1px solid #ab03e5 !important;
}

.font-medium
{
	font-family: Avenir-Medium !important;
}
.number
{
	font-size: 35px;
	color: white;
}
.number sup
{
	top: -0.4em;
	font-size: 22px;
	font-weight: normal;
	font-family: Avenir-Book;
}
.text-workout
{
	color: #ab03e5;
	font-weight: bold;
	letter-spacing: .8px;
	font-size: 18px;
}
.fitness_attendee_inner p span
{
	letter-spacing: .8px;
    font-family: Avenir-Medium;
}
.font-20
{
	font-size: 20px;
}
.f_image img
{
	width: 100%;
}
.light_text
{
	color: #e2e2e2 !important;
}

.new_add_hold
{
	width: 53%;
	text-align: right;
}

.edit_upc_holder
{
	display: inline-block;
}

.add_new_margin
{
	margin-right: 5%;
}

/*-----------------SESSION DETAIL MODAL CSS-------------------*/
.modal
{
	background: rgba(0,0,0,.8);
}
#detail_session
{
	background: black;
}
.bg-none
{
	background: none;
}
.purple_dots
{
	color: #bd00ff;
	font-size: 5px !important;
	transform: translateY(-4px);
}
#detail_session .modal-title , #workout-session-modal .modal-title
{
	font-size: 25px;
	font-weight: bold;
	color: white;
	letter-spacing: 1px;
}
.detail_session_img img.image
{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	display: block;
	width: 100%;
	max-height: 400px;
	opacity: 0.6;
	object-fit: cover;
}
.width-custm
{
	max-width: 1250px !important;
	margin: auto;
}
.width-custm .closepurple
{
	position: absolute;
	top: 20px;
	right: 30px;
	background-color: #bd00ff !important;

}
#participant_sign_up .translatey
{
	top: -87px !important;
}

.pl15
{
	padding-left: 15px;
}

.max-wd-120
{
	width: 110px;
	height: 90px;
}
.pos-absolute
{
	position: absolute;
    top: -83px;
    right: 40px;
}
.purple_dots
{
	color: #bd00ff;
	font-size: 5px;
}
.translatey
{
	position: relative;
	top: -80px;
}

.mt--20
{
	margin-top: -20px;
}
.mt--68
{
	margin-top: -64px;
}
.shadow-effect
{
	box-shadow: 2px 4px 18px 11px #482256 inset;
}

.second-col img, .third-col img
{
	font-size: 30px;
    width: 85px;
    border: 1.8px solid #bd00ff;
    color: white;
    padding: 15px 25px;
    border-radius: 6px;
}



#generate_subdomaininvite .modal-body .modal-body
{
	padding-left: 0px !important;
	padding-bottom: 8px !important;
}

#generate_subdomaininvite .modal-body .form-group
{
	padding-bottom: 40px !important;
}

#generate_subdomaininvite textarea
{
	min-height: 115px;
	padding-top: 15px !important;
}

/*--------------MILADIN START MEMEBERS LIST-------------------*/

.new_modal_color
{
	background-color: #000;
}

.new_vertical_mob
	{
		vertical-align: top;
	}

.holder_members_list
{
	padding: 15px 15px;
	background-color:#262626 !important;
}
.h1_hold_members
{
	position: relative;
}
.members_new_fontSize
{
	font-size: 26px; 
}
.new_close_pos
{
	top: 25px !important;
	right: 25px !important;
	
	background-color:transparent !important;
	border: 2px solid#9c1f9c;
	
	background-image: url('../images/iconclose.png')!important;
}

.mebers_add
{
	right: auto;
	left: 205px;
}

.members_border_bottom
{
	padding-bottom: 15px;
	border-bottom: 1px solid #474747;
}

.members_new_button
{
	display: inline-block;
	margin-right: 25px;
	margin-left: 5px;
	
	font-size: 15px;
}

.mem_no_margin
{
	margin-right: 0px;
	margin-left: 0px;
	
}
.members_button_padd
{
	padding: 10px 15px;
}

.members_input
{
	width: 70%;
	margin-left: 30%;
}

.members_holder_padding
{
	padding: 15px 20px;
}

.members_25_holder
{
	display: inline-block;
	width: 25%;
	
	text-align: center;
	vertical-align: middle;
}

.members_all_holder
{
	min-height: 50vh;
	
	border-radius: 0px 0px 8px 8px;
	background-color:#262626;
}

.member_grey 
{
	background-color:#373737;
}

.one_member_holder
{
	padding: 10px 0px;
}

.one_member_holder.hidden
{
	display: none;
}

.one_member_holder.show
{
	display: block;
}

.small_btn
{
	display: inline-block;
	padding: 5px 10px;
	
	border-radius: 8px;
	background-color: #492158;
	
	color: #fff;
	border: 1px solid #bd00ff;
	
	cursor: pointer;
}

.cover_small_btn
{
	padding: 10px 30px;
	background-color: #424142;
	color: #9c9c9c;
}

.small_marg_left
{
	margin-left: 20px;
}

.new_check_box_member
{
	height: 20px;
	width: 20px;
	margin-left: 20px;
	
	border: 1px solid #bd00ff;
	
	cursor: pointer;
}

.new_check_box_member.active
{
	background-color: #bd00ff;
	
	background-image: url('../images/members_check.svg');
	background-position: center;
	background-size: 10px 10px;
	background-repeat: no-repeat;
}

.new_opacity
{
	opacity: 0.5;
	cursor: auto;
}

.new_holder_all_members_buttons
{
	display: inline-block;
	width: 40%;
}

.hiddenDivMembersList
{
	display: none;
}

.new_left_text_members
{
	text-align: left;
}

.no_members_text
{
	padding-top: 50px;
	font-size: 20px;
	text-align: center;
	color: #9B9B9B;
}

.hidden_click
{
	background-color: #5c5a5d;
	color: #a0a0a0;
}

.selectedUsersArray
{
	padding: 15px 0px;
	margin-bottom: 10px;
	border: 1px solid #bd00ff;
}
.selected_h1
{
	padding-bottom: 10px;
	font-size: 20px;
	text-align: center;
}

.new_add_memb_modal
{
	background-color: rgba(0,0,0,.9);
}

.new_overflow_pop
{
	overflow-x: auto;
}

.new_hold_width
{
	width: 50%;
}

.new_btn_width
{
	max-width: 30%;
}

.more_margin_rt_new
{
	margin: 0% 5%;
}

/*---------MILADIN END MEMEBERS LIST------------*/

/*--------MILADIN START NEW REGISTER SESSION--------*/

.trans_image
{
	position: absolute;
	top: 30%;
	right: 20px
}
.new_channel_name
{
	max-width: 130px;
	font-size: 15px;
	text-align: center;
	
	border-radius: 8px 8px 0px 0px;
	background-color: #6c108c;
}
.new_radius_img
{
	width: 130px;
	height: 100px;
	
	border-radius: 0px 0px 8px 8px;
	border: none !important;
}

.no_bord_reg
{
	border: none !important;
}

.sessionName_new_holder
{
	position: absolute;
	bottom: 10px;
	left: 205px;
	
	width: calc(100% - 205px);
	
	color: #ece2e1 !important;
	
	overflow: hidden;
}

.fw500
{
	font-weight: 500;
}

.session_user_img
{
	width: 140px;
    height: 140px;
	
	background-color: #000;
}

.new_sessionName
{
	width: 100%;
	
	font-size: 30px;
	font-weight: 500;
	
	vertical-align: top;
}

.new_sessionName_name
{
	width: 100%;
	
	font-size: 25px;
	font-weight: 400;
	
	vertical-align: bottom;
}

.new_displ
{
	display: inline-block;
}

.less_font_newReg
{
	font-size: 20px; 
}

.less_font_desc
{
	font-size: 18px;
}

.new_rel_pos_reg
{
	position: relative;
	top: -80px;
}

.no_padd_bottom_reg
{
	padding-bottom: 0px !important;
	margin-bottom: 5px !important;
}

.left_side_holder
{
	display: inline-block;
	width: 50%;
}

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

.new_reg_duration
{
	position: relative;
	top: -60px;
}

.new_padd_reg
{
	padding-top: 15px;
}

.new_vert_reg
{
	vertical-align: middle !important;
}


.eqp_list_holder
{
	padding-left: 15px; 
	margin-top: 20px; 
}

.active_icon
{
	padding-right: 30px !important;
	background-image: url('../images/up_reg.png');
	background-position: 97% 55%;
	background-repeat: no-repeat;
	background-size: 13px auto;
}

.inactie_iconn
{
	padding-right: 30px !important;
	background-image: url('../images/down_reg.png');
	background-position: 97% 55%;
	background-repeat: no-repeat;
	background-size: 13px auto;
}

.new_backgorund_color
{
	/* background-color: #343434 !important; */
}

.new_half_holder_reg
{
	display: inline-block;
	width: 60%;
	
	/* background-color: #343434; */
	vertical-align: top;
	
	min-height: 100vh;
	border-radius: 15px;
}
.other_half_holder_reg
{
	min-height: 960px;
	
	display: inline-block;
	width: 40%;
	padding: 25px 0px;
	
	background-color: #303030 !important;
	vertical-align: top;
	
	border-radius: 0px 15px 15px 0px;
}

.font_color_new
{
	color: #c5c5c5;
}

.no_border_red
{
	border: none !important; 
}

.new_sessionCreate
{
	padding-bottom: 20px;
	text-align: center;
	font-size: 26px;
}
.no_padd_right_reg
{
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}

.gray_label
{
	padding: 10px 20px 0px 20px;
	margin-bottom: 25px; 
	
	color: #fff;
}

.new_user_hold
{
	display: inline-block; 
	width: 50%;
	padding-bottom: 10px;
	
	text-align: center; 
	font-size: 22px;
	
	cursor: pointer;
}
.new_sp1
{
	padding-bottom: 8px;
}
.active_create
{
	padding: 3px 15px;
	border-bottom: 3px solid #ad2bd5;
}

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

.new_background_reg
{
	padding: 15px 0px !important; 
	background: rgba(0,0,0,.7) !important;
}

.op08
{
	opacity: 0.8;
}

.mt25
{
	margin-top: 25px;
}

.equ_title_session
{
	margin-right: 25px;
	padding-bottom: 8px;
	
	font-weight: bold;
    font-size: 18px;
	letter-spacing: 1px;
}

.bor1sess
{
	border-top: 1px solid #a9a9a9;
}

.no_background_reg
{
	background: none !important;
}

.normal_font
{
	font-weight: normal;
}

.existing_holder
{
	padding: 0px 30px;
}

.canc_button_reg
{
	display: inline-block;
	padding: 8px 12px;
	margin-right: 5%;
	
	font-size: 19px;
	font-weight: 700;
	color: #fff;
	
	border-radius: 25px;
	border: 3px solid #741d92;
}

.log_btn_reg
{
	background-color: #741d92;
}
.pad_more_top
{
	padding-top: 20px;
}

.new_color_reg
{
	color: #B002ED !important;
}

.label_new_width
{
	display: inline-block;
	max-width: 80%;
}
.login_holder_reg
{
	position: relative;
	padding-top: 300px;
	padding-bottom: 170px;
	
	overflow: hidden;
}

.login_holder_reg .width_session_sign_up
{
	max-width: 100%;
}

.login_holder_reg .login-bg
{
	background-image: none;
}

.login_holder_reg .login-box .form-horizontal
{
	background: none !important;
	max-width: none !important;
}

.login_holder_reg .login-box .login-inner
{
	padding: 15px 0px;
}

.login_holder_reg .gray_clr_back
{
	background: none;
	box-shadow: none;
	
}

.login_holder_reg .login-box .login-inner
{
	box-shadow: none;
}

.login_holder_reg .main_login_logos
{
	display: none; 
}

.login_holder_reg .privacy-link
{
	display: none;
}

.login_holder_reg .rounded
{
	border-radius: 25px !important;
}

.login_holder_reg .login-box .form-group input
{
	padding-right: 35px;
	background: rgba(176,2,237,0.11);
}

.login_holder_reg .bocc
{
	background: rgba(176,2,237,0.11);
}

.login_holder_reg .btn-cancel
{
	display: none;
}

.new_max_width_reg
{
	max-width: 100%;
}

.new_width_reg 
{
	width: 100%;
}

.new_no_border_radius
{
	border-radius: 0px !important;
}

.table_holder_scroll
{
	overflow-x: auto;
}

.onDemandLinkBtn
{
	position: absolute;
	top: 100px;
	right: 0px;
	
	width: 21%;
	font-size: 14px;
}
.new_link_position
{
	top: -5px;
	right: 11%;
}
.onDemandLinkBtn_squre
{
	position: absolute;
	top: 105px;
	right: 20px;
	
	width: 45%;
	font-size: 14px;
	
	z-index: 3;
}
.od_channel_btn
{
	top: -8px;
	right: 13%;
}
.new_od_link
{
	position: absolute;
	top: 20px;
	right: 50px;
	
	width: 45%;
}
.new_holder_od_part
{
	height: 400px;
	width: 95%;
	margin-top: 20px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	border-radius: 15px;
}

.display_change_dash
{
	position: absolute;
	right: 150px;
	display: inline-block;
}
.no_right_dash
{
	right: 16px;
}

.new_titles_dash_list
{
	width: 63%;	
}


.pass_new_displ
{
	display: inline-block
}

.new_logout_inls
{
	display: inline-block;
}
.new_padd_logout
{
	margin-right: 25px;
}

.new_eq_holder_h1
{
	margin-right: 30px;
	padding: 10px 0px 10px 10px;
	border-top: 1px solid #777!important;
	border-bottom: 1px solid #777!important;
}

.new_holder_eq
{
	display: inline-block;
	width: 25%;
	
	vertical-align: top;
}

.last_eq_hold
{
	width: 50%;
}

.new_over_eq
{
	overflow-wrap: break-word;
}

.new_z_more
{
	position:relative;
	z-index: 1060;
}

.new_field_borders
{
	border-bottom: 1.4px solid #B002ED !important;
	border-left: 1.4px solid #B002ED !important;
	border-right: 1.4px solid #B002ED !important;
	border-top: 0px solid transparent !important;
}

.new_label_position
{
	top: -6px !important;
}

.edit_btn
{
	padding: 10px 10px;
	cursor: pointer;
}

.edit_btn_list
{
	margin: 10px 0px;
	text-align: center;
}

.session_link_btn_list
{
	position: relative;
	top: 75px;
	right: -16px;
}

.sign_btn
{
	font-size: 15px;	
}

.sign_btn_line
{
	margin-top: 10px;
}

.new_margin_line
{
	margin-top: 100px;
}

.new_desc_width
{
	width: 30%; 
}

.new_margin_line
{
	width: 45%;
}

.new_session_btn_padd
{
	padding: 10px 10px;
}
.new_btns_holder
{
	position: absolute;
	right: 10px;
	top: 115px;
	
	text-align: right;
}
.link_list_position
{
	position: absolute;
	top: 10px;
	right: -6px;
}

.less_margin_bulb
	{
		left: 127px;
	}
	
/*--------MILADIN END NEW REGISTER SESSION--------*/


/*---------MILADIN NEW PARTICIPANT DASHBOARD ------------*/
.channelNamePart
{
	margin-top: 20px;
	font-size: 22px;
}

.less_padd_part
{
	padding-bottom: 60px;
}

.new_padd_part
{
	padding: 0px 0px 0px 25px !important;
}

.new_vert_part
{
	vertical-align: top;
	font-size: 14px;
}

.new_hold_top
{
	vertical-align: top;
}

.mid_align
{
	vertical-align: middle;
}

#waiverAgree .modal-dialog embed
{
	min-height: calc(100vh - 330px);
	height: 300px;
}

#waiverAgree .modal-dialog embed
{
	min-height: calc(100vh - 330px);
	height: 300px;
}

/*------------- NEW UI CHANNEL SIGNUP UROS START ------------ */


.channelName_list
{
	position: relative;
	top: -10px;
	font-size: 25px;
}

.new_position_list
{
	top: 7px;
	height: 150px;
}

.new_liststats
{
	width: 35%;
	margin-right: 15%;
}

.eq_new_list
{
	width: 20%;
	margin-right: 5%;
}

.list_color
{
	color: #afaeae;
}

.text_wrap_more_right
{
	padding-right: 20px;
}

.less_padding_list
{
	padding-right: 0px;
}

.h1_mychannels
{
	padding-bottom: 30px;
	font-size: 21px;
	color: #FEFEFE;
}

.toppart_holder
{
	background-color: #3E3E3E;
	font-weight: 600;
}

.first_width_mychannels
{
	width: 20%;
	padding: 10px 10px 10px 15px;
	
	border-right: 1px solid #47484F;
}

.sec_width_mychannels
{
	width: 65%;
	padding: 10px 10px 10px 25px;
	
	border-right: 1px solid #47484F;
}

.th_width_mychannels
{
	width: 15%;
	padding: 10px 10px 10px 35px;
}

.new_view_button
{
	padding: 8px 10px 8px 10px;
	
	font-size: 14px;
    border-radius: 35px;
	background-color: #2A2A2A;
	border: 2px solid #BD00FF;
	
	cursor: pointer;
}

.new_view_button2
{
	padding: 10px 25px;
	
	font-size: 14px;
    border-radius: 35px;
	background-color: #2A2A2A;
	border: 2px solid #BD00FF;
	
	cursor: pointer;
}

.link_zIndex
{
	position: relative;
	z-index: 2;
}

.marg_act_btn
{
	margin-left: 5px;
}

.table_mych
{
	width: 100%;
	border: 1px solid #47484F;
	
	min-width: 450px;
}

.t1_width
{
	width: 20%;
	border-right: 1px solid #47484F;
}

.t2_width
{
	width: 65%;
	border-right: 1px solid #47484F;
}

.t3_width
{
	width: 15%;
	text-align: center;
}

.new_padd_mych
{
	padding: 15px 15px 10px 15px;
}

.new_border_td
{
	border-top: 1px solid #47484F;
}

.hide_over
{
	overflow-x: hidden;
}

.myChannels_holder
{
	margin-top: 20px;
	padding: 30px 20px 20px 20px;
	
	background-color: #2A2A2A;
	border-radius: 9px;
}

.table_scroll
{
	overflow-x: auto;
}

.new_text_align_mych
{
	text-align: center;
}

.listHolder_mych
{
	position: relative;
	padding: 20px 20px;
	background-color: #262626;
}

.padding_bottom10
{
	padding-bottom: 10px !important;
}

.mych_abs_image
{
	top: -7px;
	height: 200px;
	
	background-color: #2E2E2E;
}

.new_list_mych
{
	display: inline-block;
	padding-bottom: 16px;
}

.new_desc_list
{
	padding-bottom: 10px;
}

.canc_btn_holder_upcpart
{
	position: absolute;
	top: 15px;
	right: 40px;
}

.new_stats_canc
{
	position: absolute;
	top: 75px;
	right: 40px;
}

.new_join_position_dash
{
	width: 80%;
}

.right_btn_position
{
	position: absolute;
	right: 0px;
}

.new_reopen_btn
{
	position: absolute;
	top: 10px;
	right: 30px;
	
	padding: 10px 25px;
    font-size: 14px;
    border-radius: 35px;
    background-color: #2A2A2A;
    border: 2px solid #BD00FF;
}

.new_list_padding_upc
{
	padding: 60px 20px;
}

.host_list_holder
{
	padding-bottom: 10px !important;
}

.new_padd_list_btn
{
	padding-bottom: 40px;
}

.join_new_width2
{
	width: 80%;
}

.upc_list_canc
{
	padding: 10px 30px;
}

.active_join
{
	background-color: #B002ED;
}

.join_btn_holder_upcpart
{
	position: absolute;
	bottom: 20px;
	right: 40px;
	
}

.half_btn_holder
{
	display: inline-block;
	text-align: center;
}

.join_upcpart
{
	margin-left: 25px;
}

.list_2nd_upcpart
{
	background-color: #2B2B2B;
}

.timeToStart_upcpart
{
	position: absolute;
	top: -30px;
	left: -27px;
}

.btn_disp
{
	display: inline-block;
}

.noEq_upcpart
{
	padding-bottom: 10px;
}

.counterHolder
{
	position: relative;
	padding-top: 45px;
}

.timeToStart_sq
{
	position: absolute;
	top: 7px;
}

.new_align_upc
{
	vertical-align: bottom !important;
}

.activity_pop_holder
{
	padding: 20px 20px;
}

.no_padd_modal
{
	padding: 0px 0px 30px 0px !important;
}

.act_h1
{
	padding-right: 35px;
	
	font-size: 25px;
	color: #9B9B9B;
	font-weight: 500;
}

.act_span1
{
	color: #fff;
}

.act_span2
{
	position: relative;
	
	margin-left: 25px;
	color: #fff;
	font-size: 16px;
	
}

.spanColor
{
	color: #9B9B9B;
}

.clock_img_act
{
	position: relative;
    top: -1px;
    height: 16px;
    width: 20px;
}

.act_h2
{
	padding: 10px 0px 10px 0px;
}

.table_holder_act
{
	padding: 10px 10px;
	margin-bottom: 20px;
	
	background-color: #313131;
	border-bottom: 1px solid #737070;
	border-top: 1px solid #737070;
	
}

.act_h3
{
	display: inline-block;
	width: 25%;
	
	text-align: center;
}

.activity_list
{
	padding: 15px 10px;
	background-color: #333333;
}

.standard_color
{
	background-color: #2B2B2B;
}
.even_list_participant 
{
	background-color: #262626;
}
.standard_color2
{
	background-color: #282828;
}

.new_watch_button
{
	padding: 8px 10px 8px 10px;
    font-size: 14px;
    border-radius: 35px;
    background-color: #333333;
    border: 2px solid #BD00FF;
}

.all_act_holder
{
	overflow-x: auto;
}

.overflow_show
{
	min-width: 550px;
}

.new_X_position
{
	top: 20px;
	left: -20px;
}

.cal_holder
{
	position: relative;
	padding: 7px 30px 0px 30px;
	
	border-bottom: 1px solid #474747;
}


.left_arrow_holder
{
	position: absolute;
	top: 5%;
	left: 0%;
	height: 100%;
	width: 60px;
	text-align: center;
	
	background-image: url(../images/Triangle.png);
	background-position: center;
	background-size: 20px 25px;
	background-repeat: no-repeat;
	
	z-index: 1;
	cursor: pointer;
}
.date_holder
{
	display: inline-block;
	width: 14%;
	
	text-align: center;
	cursor: pointer;
}
.cal_right_arrow
{
	position: absolute;
	right: 0%;
	top: 5%;
	height: 100%;
	width: 60px;
	text-align: center;
	
	background-image: url(../images/Triangle-right.png);
	background-position: center;
	background-size: 20px 25px;
	background-repeat: no-repeat;
	
	z-index: 1;
	cursor: pointer;
}

.date_in_holder
{
	position: relative;
	font-size: 20px;
    color: #8f8f8f;
}
.date_val
{
	font-size: 22px;
	font-weight: 800;
}

.active_border
{
	width: 30%;
	margin: auto;
	
	border-bottom: 5px solid #BD00FF;
}
.active_cal_holder
{
	padding-top: 4px;
	color: #fff;
}

.active_circle
{
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #bd00ff;
    position: absolute;
}

.new_past_holder
{
	display: inline-block;
	width: 50%;
}
.less_past_name
{
	width: 45%;
}
.more_wd_past
{
	width: 30%;
}

.time_width_footer
{
	width: 100%;
}

/*------------MILADIN NEW DASHBOARD STYLE-------------*/

.b10
{
	margin-top: 10px;
	bottom: 10px;
}

.edit_marg_btn
{
	margin-right: 15px;
}

.new_edit_btn
{
	margin-right: 15px;
}

.host_more_hg
{
	height: 445px;
}

.host_more_hg2
{
	height: 450px;
	margin-top: 10px;
}

.new_join_position
{
	top: 230px;
	right: auto;
	left: 130px;
}

.new_marg_top_tutorial
{
	margin-top: 10px;
}

.new_part_join_tutorialnew_part_join_tutorial
{
	top: -13px;
	left: 22%;
}

.relative_pos_join
{
	position: relative;
}

.new_edit_btn2
{
	margin-right: 15px;
}


.desc_show_width
{
	width: 100%;
}

.desc_past_show
{
	padding-right: 18px;
}

.pos_rel_past
{
	position: relative;
}

.abs_desc_past
{
	top: 0px;
}

.new_edit_btn
{
	margin-right: 15px;
}

.marg_left_span
{
	margin-left: 10px;
}

.font_size_dash
{
	margin-top: 10px;
    margin-bottom: 10px;
	
	font-size: 16px;
}

.margin_top_showTutorial
{
	margin-top: 15px;
}

.new_join_position
{
	top: -170px;
	right: auto;
	left: 130px;
}

.abs_position_line
{
	position: absolute;
	bottom: 0px;
}

.less_margin_desc
{
	padding-bottom: 6px;
}

.new_part_dashboard_stat
{
	left: 130px;
} 

.margin_top_tutorial
{
	margin-top: 10px;
}

.relative_header_list
{
	position: relative;
    top: -10px;
}


.abs_participant_img
{
	position: absolute;
	top: -65px;
	left: 50%;
	transform: translateX(-50%);
	
	width: 125px;
	height: 125px;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
	border-radius: 50%;
	
	box-shadow: 0px 0px 4px 0px #000000;
}

.relative_eject
{
	position: relative;
	padding-top: 40px !important;
}

.auto_cursor_btn
{
	cursor: auto !important;
}

.channel_dash_img
{
	width: 100%;
	height: 250px;
	object-fit: contain;
}

.abs_levelsupc
{
    display: inline-block;
	
	margin-left: 20px;
}

.level_title
{
	display: inline-block;
	
	margin-top: -5px;
   
    font-size: 13px;
    
	vertical-align: middle;
    
	color: #afaeae;
}

.top_align
{
	vertical-align: top;
}

.relative_interest
{
	position: relative;
	
	font-size: 18px;
}

.replaySpanText
{
	margin-left: 15px;
	font-size: 18px;
}

.padd_participant
{
	padding: 8px 15px;
}

.footer_pad_participant
{
	padding-bottom: 7px;
}

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

.host_name_prt
{
	display: inline-block;
	
	margin-right: 20px;
	
	font-size: 14px;
	text-align: left;
	color: #fff;

	font-weight: 500;
	
	vertical-align: top;
}

.one_review
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	margin-bottom: 20px;
	padding-left: 70px;
	padding-right: 20px;
	
	vertical-align: middle;
}

.inline_parts_participant
{
	position: relative;
    display: inline-block;
    
	margin-right: 20px;
	padding-left: 24px;
    
	font-size: 14px;
    text-align: left;
    color: #afaeae;
    
	vertical-align: middle;
}

.inline_parts_img
{
	position: absolute;
    top: 1px;
    left: 1px;
    
	width: 18px;
    height: 18px;
    
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.time_img
{
	background-image: url(../images/record.svg);
	
	/* DEV CODE
	background-image: url(../images/cbx_review.svg);
    background-repeat: no-repeat;
	background-position: center;
	background-size: 9px;
	
	border: 2px solid #bd00ff;
	*/
}

.abs_btns_participants
{
	position: absolute;
	left: 0px;
    bottom: 0px;
    
	width: 100%;
    
	padding-left: 15px;
    padding-right: 15px;
}

.new_abs_pos
{
	bottom: 71px;
}

.w50per_participant
{
	width: 50%;
}

.w70per_participant
{
	width: 70%;
}

.mb0
{
	margin-bottom: 0px;
}

.font17
{
	font-size: 17px;
}

.timer_participant
{
	top: 19px;
}

.begins_in_part
{
	font-size: 15px;
    color: #fff;
}

.pb120
{
	padding-bottom: 120px;
}

.read_more_participant
{
	position: absolute;
	bottom: 6px;
	right: 0px;
	display: inline-block;
	
	font-size: 16px;
    color: #bd00ff;
    text-align: left;
	
	cursor: pointer;
}

.read_more_participant:hover
{
	border-bottom: 1px solid #bd00ff;
}

.read_morepadd
{
	padding-right: 80px;
}

.description_scroll
{
	max-height: 50px;
    overflow-y: auto;
}

.demand_preview_square ::-webkit-scrollbar, .listHolder_mych ::-webkit-scrollbar {
  width: 10px;
  background-color: #fff;
  border-radius: 10px;
}

/*------------MILADIN END DASHBOARD STYLE-------------*/

/*------------- NEW UI CHANNEL SIGNUP UROS END ------------ */

.admin_width
{
	width: 25%;
}

.mw900
{
	max-width: 900px;
}

/*------------- NEW UI SESSION JOIN UROS START ------------ */

.join_pop_container
{
	position: relative;
	
	display: inline-block;
	
	width: calc(100% - 10px);
	
	margin-left: 5px;
	margin-right: 5px;
	
	padding: 100px 20px 20px 20px;
	
	background-color: #2a2a2a;
	
	text-align: center;
	
	border-radius: 10px;
}

.join_title
{
	padding-bottom: 25px;
	
	font-size: 35px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 40px;
}

.button_join_container
{
	display: inline-block;
	width: 100%;
	text-align: center;
	
	/*min-width: 90vw;*/
	max-width: 95vw;
	max-height: 90vh;
	
	margin: auto;
	padding: 45px 20px;
	
	background-color: #2a2a2a !important;
	
	border-radius: 10px;
	
	overflow-y: auto;
}

.for_join_sessionurl .button_join_container
{
	background-color: transparent !important;
}

.join_close
{
	position: absolute;
	top: 10px;
	right: 10px;
	
	width: 55px;
	height: 55px;
	
	background-image: url(../images/join_close.svg);
    background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	
	cursor: pointer;
}

.join_pop_btn
{
	display: inline-block;
    
	padding: 15px 45px;
    
	background-color: #bd00ff;
    
	color: #fff;
    font-size: 18px;
	font-weight: 500;
    
	border-radius: 30px;
    
	cursor: pointer;
}

.browser_run
{
	padding-top: 80px;
	
	text-align: center;
	font-size: 20px;
	color: #bd00ff;
}

.run_web
{
	cursor: pointer;
}

.run_web:hover
{
	border-bottom: 1px solid #bd00ff;
}
.rpr40
{
	position: relative;
	padding-right: 40px;
}

.delete_review
{
	position: absolute;
    top: 4px;
    right: 5px;
    
	width: 25px;
    height: 25px;
    
	background-image: url(../images/delete_review.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
	cursor: pointer;
}

.resp_title
{
	padding-bottom: 20px;
	
	font-size: 18px;
	color: #fff;
	text-align: left;
}

.drop_admins
{
	position: relative;
    
	width: 300px;
    
	padding: 15px 40px 15px 10px;
    
	text-align: left;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
	
	background-image: url(../images/dropdown.svg);
    background-repeat: no-repeat;
    background-position: 97% 20px;
	background-color: #2a2a2a;
    
	border: 2px solid #b002ed;
    border-radius: 10px;
	
	cursor: pointer;
}

.hosts_drop
{
	position: absolute;
    left: 0px;
    top: 100%;
    
	width: 100%;
    max-height: 200px;
    
	padding: 10px;
    
	background-color: #2a2a2a;
    border: 2px solid #b002ed;
    border-radius: 10px;
    
	cursor: auto;
    
	overflow-y: auto;
	
	z-index: 10;
}

.one_host_mind
{
	position: relative;
	
	width: 100%;
	
	padding: 10px 10px 10px 40px;
	
	font-size: 16px;
	color: #fff;
	text-align: left;
}

.hosts_cbx
{
	top: 9px !important;
    left: 2px !important;
}

.relative_review_name
{
	position: relative;
	padding-right: 55px;
}

.info_review_icon
{
	position: absolute;
    top: 4px;
    right: 20px;
    
	width: 25px;
    height: 25px;
    
	background-image: url(../images/info_review.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
	cursor: pointer;
}

.review_info
{
	position: relative;
	top: 100%;
	left: 0px;
	
	width: 300px;
	
	padding: 15px 20px;
	
	font-size: 16px;
	color: #dedede;
	text-align: left;
	text-overflow: inherit;
    white-space: initial;
	
	background-color: #4e4e4e;
	
	border: 1px solid #888787;
	
	z-index: 10;
	
	border-radius: 10px;
}

.popup_review_text
{
	position: relative;
	max-height: 300px;
	overflow-y: auto;
}

.block_span
{
	display: block;
}

.none_img
{
	background-image: none !important;
}

.resend_container
{
	display: inline-block;
	
	width: 410px;
	
	padding: 20px;
	
	background-color: #161616;
	
	border-radius: 20px;
	
	vertical-align: top;
}

.resend_top_title
{
	padding-bottom: 20px;
	
	font-size: 18px;
	color: #adadad;
	text-align: left;
}

.resend_top_title span
{
	color: #fff;
	font-weight: 500;
}

.resend_confirmation
{
	padding-bottom: 10px;
	
	font-size: 18px;
	color: #bba4ff;
	text-align: left;
	font-weight: 500;
	
	cursor: pointer;
}

.confirmed_email_reset
{
	position: fixed;
	top: 0px;
	left: 0px;
	
	width: 100%;
	
	padding: 15px;
	
	background-color: #019a42;
	
	font-size: 20px;
	text-align: center;
	color: #fff;
}

.channel_create_main
{
	padding-bottom: 80px;
}

/* Responsive Code */
@media(max-width: 1150px)
{
	border-bottom: 1px solid #bd00ff;
}

.browser_run a, .button_join_container a
{
	color: #bd00ff;
	text-decoration: none;
	font-weight: 500;
	font-family: unset;
}

.dash_join_bnt
{
	margin-left: 20px;
}

.for_join_sessionurl
{
	display: inline-block;
	
	width: 100%;
	
	margin-top: 30px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	text-align: center;
}

.recommends_url
{
	padding-bottom: 40px;
	
	font-size: 24px;
	color: #fff;
	font-family: "Avenir-Book";
}

.pt40
{
	padding-top: 40px;
}

.join_close_iks
{
	position: absolute;
	top: 10px;
	right: 10px;
}

/*------------- NEW UI SESSION JOIN UROS END ------------ */

.pdf_trouble
{
	width: 100%;
	
	padding-top: 20px;
	
	font-size: 18px;
	color: #fff;
	text-align: center;
	
	z-index: 10;
}

.waiver_span
{
	color: #bd00ff;
	cursor: pointer;
	font-weight: bold;
}

.waiver_span:hover
{
	border-bottom: 2px solid #bd00ff;
}

.btn_holder_past
{
	text-align: right;
}

.pending_btn
{
	position: relative;
	
	right: 55px;
	bottom: 2px;
    
	margin-left: 20px;
    padding: 20px 28px;
    
	background-color: #bd00ff;
    
	font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    
	border-radius: 35px;
    
	cursor: pointer;
}

.opacity_pending
{
	opacity: 0.4;
	cursor: auto;
}


.review_number
{
	position: absolute;
    top: -2px;
    right: -5px;
    
	width: 20px;
    height: 20px;
    
	padding-top: 2px;
    padding-bottom: 2px;
    
	background-color: #ff0000;
    
	text-align: center;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    
	border-radius: 50%;
}

.pending_link
{
	color: #fff;
	font-weight: 500;
	font-family: unset;
}

.pending_link:hover
{
	border: 0px none;
}

.empty_review
{
	width: 100%;
	
	padding-top: 60px;
	padding-bottom: 20px;
	
	font-size: 24px;
	color: #fff;
	text-align: center;
	font-weight: 500;
}

.review_list_all
{
	display: inline-block;
	
	width: 100%;
	
	padding: 10px;
	
	vertical-align: top;
}

.reviews_menu
{
	display: inline-block;
	
	width: 100%;
	
	padding-left: 70px;
	padding-right: 20px;
	padding-bottom: 30px;
}

.one_reviews_menu
{
	display: inline-block;
	
	width: 33%;
	
	text-align: left;
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	
	vertical-align: top;
}

.one_review
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	margin-bottom: 20px;
	padding-left: 70px;
	padding-right: 20px;
	
	border-bottom: 1px solid #737373;
}

.review_item
{
	padding-bottom: 10px;
	padding-right: 10px;
	
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.review_cbx
{
	position: absolute;
    top: 3px;
    left: 15px;
    
	width: 25px;
    height: 25px;
    
	border: 2px solid #fff;
    border-radius: 50%;
	
	cursor: pointer;
}

.review_cbx.active
{
	background-image: url(../images/cbx_review.svg);
    background-repeat: no-repeat;
	background-position: center;
	background-size: 13px;
	
	border: 2px solid #bd00ff;
}

.review_half
{
	width: 50%;
}

.reviews_title
{
	padding-bottom: 20px;
	
	font-size: 26px;
	color: #969696;
	text-align: center;
	font-weight: 700;
}

.for_search_review
{
	display: inline-block;
	
	width: 100%;
	
	margin-top: 10px;
	margin-bottom: 10px;
	
	text-align: center;
}

.session_info_chosen
{
	display: inline-block;
	
	width: 100%;
	
	margin-bottom: 10px;
	
	text-align: center;
}

.session_item_chosen
{
	display: inline-block;
	
	margin-right: 20px;
	
	font-size: 22px;
	color: #969696;
	font-weight: 500;
}

.opacity05
{
	opacity: 0.5;
	cursor: auto;
}

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

.find_btn
{
	display: inline-block;
	margin-left: 0px;
}

.t5
{
	top: 5px;
}

.w25rev
{
	width: 25%;
}

.upcoming_pop_width
{
	min-width: 95vw !important;
	margin: auto;
}

.pop_container
{
	position: fixed;
	top: 0px;
	left: 0px;
	
	display: inline-block;
	
	width: 100vw;
	height: 100vh;
	
	text-align: center;
	
	background: rgba(0, 0, 0, 0.8);
}

.relative_pop_holder
{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	
	display: inline-block;
	
	min-width: 90vw;
	max-height: 90vh;
	
	margin: auto;
	padding: 45px 20px;
	
	background-color: #2a2a2a !important;
	
	border-radius: 10px;
	
	overflow-y: auto;
}

.refund_button
{
    display: inline-block;
	
    margin: auto;
    padding: 10px 15px;
	
	background-color: #bf00ff;
    border-radius: 20px;
	
	cursor: pointer
}

.refund_amount_area
{
	margin: auto;
}

.refund_input::-webkit-outer-spin-button,
.refund_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;

}

.refund_input
{
	border-top: 1.4px solid #B002ED !important;
}

/* Responsive Code */
@media(max-width: 1150px)
{

.mrg_btn
{
	position: relative;
	margin-right: 20px;
}

.act_note_num
{
	position: absolute;
	top: 10px;
	right: 7px;
	
	height: 25px;
	width: 25px;
	margin: auto;
	
	color: #fff;
	background-color: #EB2D2D;
	text-align: center;
	font-size: 16px;
	
	border-radius: 100%;
}

.new_time_past
{
	display: inline-block;
	width: 30%;
	min-width: 200px;
}
.list_btns_holder_past
{
	display: inline-block;
	width: 70%;
	text-align: right;
}

.past_desc
{
	width: 100%;
}

}

@media(max-width: 1050px)
{
	.resetPasswordPage .password_check_form
		{
			bottom: -65px;
			right: -40px;
		}
}

@media(max-width: 900px)
{
	.textt p
	{
		font-size: 15px;
	}
	.card-columns {
		column-count: 3 !important;
	}
	.flex_base
	{
		flex-basis: 100%;
	}
	.flex_base1
	{
		flex-basis: 100%;
	}
	.slick-prev
	{
		left: -10px;
	}
	.slick-next
	{
		right: -10px;
	}
	.new_width_filter_ch
	{
		width: 89% !important;
	}
	
	.week_text
	{
		font-size: 14px !important;
	}
}

.new-pointer
{
	cursor: pointer;
}

.videoHolder_new
{
	position: relative;
	height: 400px;
	width: 90%;
	margin: auto;
	
	border-radius: 15px;
	border: 1px solid #000;
	
	overflow: hidden;
}

.video_cntrls
{
	position: absolute;
	top: 89%;
	
	height: 35px;
	
	width: 100%;
	padding: 0px 40px;
	
	z-index: 999;
}

.videoDuration_new
{
	display: inline-block;
	width: 25%;
	
	vertical-align: top;
	margin-left: 15px;
}

.play_video_btn
{
	display: inline-block;
	
	height: 25px;
	width: 30px;
	
	background-image: url('../images/video_play.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
	cursor: pointer;
}

.stop_video_btn
{
	position: relative;
    top: -2px;
	height: 18px;
    width: 22px;
   
	background-image: url('../images/pause_new.png');
}

.stop_video
{
	background-image: url('../images/video_stop.png');
}

.sound_ctrl
{
	background-image: url('../images/vol_ctrl.png');
	background-size: 20px 20px;
}

.duration_line
{
	position: relative;
	height:5px;
	width: 95%;
	margin-bottom: 5px;
	
	background-color: #9A8C81;
	border-radius: 15px;
}

.feedback_1st_hold
{
	display: inline-block;
	width: 30%;
	
	vertical-align: top;
}

.feedback_h1
{
	padding: 20px 0px 10px 20px;
	font-size: 22px;
}

.feedback_actName
{
	position: relative;
	padding: 10px;
	
	color: #9B9B9B;
	font-size: 18px;
}

.act_name_holder
{
	padding-left: 25px;
}

.active_activity
{
	background-color: #343434;
	color: #fff;
	border-left: 2px solid #BD00FF;
}

.feedback_2nd_hold
{
	display: inline-block;
	width: 70%;
	padding: 15px;
	
	background-color: #343434;
	vertical-align: top;

	max-height: 570px;
	overflow-y: auto;
}

.less_font_feedback
{
	font-size: 22px;
}
.display_change_dash
{
	position: static;
	display: block;
	padding-top: 7px;
}

.pass_new_displ
{
	display: block;
}

.hold_new_text_align
{
	text-align: left !important;
}	

.admin_width
{
	width: 25%;

}

.feedback_holder
{
	cursor: pointer;
}

/*------------- NEW UI SESSION JOIN UROS START ------------ */

.join_pop_container
{
	position: relative;
	
	display: inline-block;
	
	width: calc(100% - 10px);
	
	margin-left: 5px;
	margin-right: 5px;
	
	padding: 100px 20px 20px 20px;
	
	background-color: #2a2a2a;
	
	text-align: center;
	
	border-radius: 10px;
}

.join_title
{
	padding-bottom: 25px;
	
	font-size: 35px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 40px;
}

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

.join_close
{
	position: absolute;
	top: 10px;
	right: 10px;
	
	width: 55px;
	height: 55px;
	
	background-image: url(../images/join_close.svg);
    background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	
	cursor: pointer;
}

.join_pop_btn
{
	display: inline-block;
    
	padding: 15px 45px;
    
	background-color: #bd00ff;
    
	color: #fff;
    font-size: 18px;
	font-weight: 500;
    
	border-radius: 30px;
    
	cursor: pointer;
}

.browser_run
{
	padding-top: 80px;
	
	text-align: center;
	font-size: 20px;
	color: #bd00ff;
}

.run_web
{
	cursor: pointer;
}

.run_web:hover
{
	border-bottom: 1px solid #bd00ff;
}

.browser_run a, .button_join_container a
{
	color: #bd00ff;
	text-decoration: none;
	font-weight: 500;
	font-family: unset;
}

.dash_join_bnt
{
	margin-left: 20px !important;
}

.for_join_sessionurl
{
	display: inline-block;
	
	width: 100%;
	
	margin-top: 30px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	text-align: center;
}

.recommends_url
{
	padding-bottom: 40px;
	
	font-size: 24px;
	color: #fff;
}

.pt40
{
	padding-top: 40px;
}

.join_close_iks
{
	position: absolute;
	top: 10px;
	right: 10px;
}

/*------------- NEW UI SESSION JOIN UROS END ------------ */

.pdf_trouble
{
	width: 100%;
	
	padding-top: 20px;
	
	font-size: 18px;
	color: #fff;
	text-align: center;
	
	z-index: 10;
}

.waiver_span
{
	color: #bd00ff;
	cursor: pointer;
	font-weight: bold;
}

.waiver_span:hover
{
	border-bottom: 2px solid #bd00ff;
}

/* Responsive Code */
.act_name_hold
{
	
}

.image_act
{
	position: relative;
	display: inline-block;
	width: calc(50% - 20px);
	height: 190px;
	
	margin: 0% 1%;
	margin-bottom: 10px;
	
	border: 1px solid #fff;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.activity_images_holder
{
	padding-top: 20px;
}

.zoom_act_img
{
	position: absolute;
    top: 8%;
    right: 5%;

	height: 20px;
	width: 20px;

	background-image: url('../images/full-screen.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.zoom_out_act
{
	top: 5%;
    right: 5%;
	
	background-image: url('../images/exit-screen.png');
}

.zoom_activ
{
	position: relative;
	width: 90%;
	height: 400px;
	
	margin: auto;
	margin-top: 10px;
	
	border: 1px solid #fff;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.note_text
{
	padding: 20px 0px 10px 10px;
    font-size: 25px;
}

.zoom_img_holder
{
	position: relative;
	padding-top: 30px;
}

.newBack_btn
{
	position: absolute;
	top: 0%;
	right: 3%;
	
	padding: 6px 20px;
	
	background-color: #BD00FF;
	border-radius: 15px;
}

/*--------------------- MILADIN NEW PARTICIPANT DASHBOARD END -------------------------*/

/*------------- NEW UI CHANNEL SIGNUP UROS START ------------ */

.first_container_signup
{
	display: inline-block;
	width: 100%;
	background-color: #0a0a0c;
}

.channel_signup_header
{
	position: fixed;
	top: 0px;
	left: 0px;
	display: inline-block;
	
	width: 100%;
	
	padding-top: 35px;
    padding-bottom: 35px;
	padding-right: 20px;
	padding-left: 150px;
	
	background-color: #212020;
	
	text-align: center;
	
	border-bottom: 1px solid #676767;
	
	z-index: 10;
}

.channel_signup_header 
{
    position: relative;
    display: inline-block;
    
	width: 100%;
    
	padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 20px;
    padding-left: 150px;
    
	background-color: #212020;
    
	text-align: center;
    
	border-bottom: 1px solid #676767;
    
	z-index: 10;
}

.virdio_ba_logo
{
	position: absolute;
	top: 20px;
	left: 50px;
	
	width: 210px;
	height: 47px;
	
	margin-right: 35px;
	
	background-image: url('../images/virdio_ba_logo.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 210px 47px;
	
	vertical-align: middle;
}

.signup_header_items
{
	display: inline-block;
	
	margin-right: 60px;
	
	font-size: 15px;
	color: #d9f0ff;
	letter-spacing: 2.5px;
	
	cursor: pointer;
}

.signup_header_items.lst
{
	margin-right: 0px;
}

.signup_header_items:hover
{
	color: #fff;
}

.absolute_header_logos
{
	position: absolute;
	top: 56px;
    left: 30px;
}

.virdio_logo_csu
{
	display: inline-block;
	width: 182px;
	height: 64px;
	
	margin-right: 35px;
	
	background-image: url('../images/virdio_logonew.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 182px 64px;
	
	vertical-align: middle;
}

.pt_hub_logo
{
	display: inline-block;
	width: 152px;
	height: 40px;
	
	background-image: url('../images/pt_hub.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 152px 40px;
	
	vertical-align: middle;
}

.first_container_middle
{
	display: inline-block;
	
	width: 100%;
	
	padding-top: 180px;
	padding-right: 500px;
	padding-left: 100px;
	
	background-image: url('../images/brandgirl.jpg');
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: auto 100%;
	
	text-align: left;
}

.partners_logo
{
	margin-bottom: 70px;
}

.partners_logo img
{
	max-width: 370px;
	min-height: 50px;
}

.partners_logo div
{
	padding-left: 145px;
	padding-top: 5px;
	font-size: 27px;
}

.partners_logo div img
{
	max-width: 250px;
	margin-top: -16px;
	vertical-align: top;
}

.first_container_title
{
	color: #cfcfcf;
	font-size: 70px;
	text-align: left;
	font-weight: 300;
}

.relative_line_ba
{
	position: relative;
	
	width: 100%;
	height: 5px;
	
	margin-top: 50px;
    margin-bottom: 80px;
	
	background-color: #b002ed;
}

.absolute_line_inner
{
	position: absolute;
	top: -28px;
	left: 50%;
	
	min-width: 635px;
	
	transform: translateX(-50%);
	
	padding-left: 20px;
	padding-right: 20px;
	
	font-size: 35px;
	font-weight: 300;
	color: #cfcfcf;
	
	background-color: #0a0a0c;
}

.fc_second_title
{
	margin-top: -20px;
}

.first_container_info
{
	padding-top: 20px;
	padding-bottom: 80px;

	font-size: 17px;
	text-align: center;
	color: #e7e7e7;
	letter-spacing: 0.5px;
}

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

.first_container_btn
{
	display: inline-block;
    
	padding: 20px 45px;
    
	background-color: #b002ed;
    
	color: #fff;
    font-size: 20px;
    font-weight: bold;
	letter-spacing: 0.5px;
    
	border-radius: 55px;
	
	cursor: pointer;
}

.second_signup_container
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-top: 80px;
	padding-bottom: 80px;
	
	background-color: #fff;
}

.padding_containers
{
	display: inline-block;
	width: 100%;
	padding-left: 100px;
}

.main_ba_title
{
	padding-bottom: 30px;
	
	color: #000;
    text-align: left;
    font-size: 55px;
    font-weight: 300;
}

.main_ba_title_centered
{
	padding-bottom: 50px;
    
	color: #000;
    text-align: center;
    font-size: 70px;
    font-weight: 300;
}

.left_container_ba
{
	display: inline-block;
	width: 50%;
}

.right_container_ba
{
	display: inline-block;
	width: 50%;
}

.second_container_text
{
	padding-right: 100px;
	padding-bottom: 40px;
	
	color: #838383;
	text-align: left;
	font-size: 17px;
    font-weight: 400;
	line-height: 29px;
}

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

.vertical_mid
{
	vertical-align: middle;
}

.features_title
{
	padding-bottom: 0px;
	padding-top: 80px;
}

.main_brand_btn
{
    padding: 23px 45px;
    
	background-color: #b002ed;
    
	color: #fff;
    font-size: 16px;
    font-weight: bold;
	text-align: center;
	letter-spacing: 0.5px;
    
	border-radius: 55px;
   
    cursor: pointer;
}

.checkplan_btn
{
	width: 260px;
}

.mac_activity_img
{
	width: 638px;
	height: 439px;
	
	background-image: url('../images/mac_activity.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 638px 439px;
}

.vertical_top
{
	vertical-align: top;
}

.third_signup_container
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-top: 180px;
	padding-left: 100px;
	padding-bottom: 110px;
	
	background-color: #ededed;
}

.smaller_mac_activity_img
{
	margin-top: 20px;
	
	width: 638px;
	height: 436px;
	
	background-image: url('../images/smaller_mac_activity.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 638px 436px;
}

.for_third_container
{
	display: inline-block;
	
	width: 100%;
	
	padding-top: 115px;
	padding-right: 20px;
	
	text-align: left;
}

.one_third_row
{
	position: relative;
	width: 100%;
	
	margin-bottom: 30px;
	padding-left: 40px;
	
	color: #838383;
    text-align: left;
    font-size: 17px;
    font-weight: 500;
}

.abs_row_dot
{
	position: absolute;
	top: 7px;
	left: 0px;
	
	width: 13px;
	height: 13px;
	
	background-color: #b002ed;
	
	border-radius: 50%;
}

.for_third_btn
{
	display: inline-block;
    
	width: 100%;
    
    margin-top: 60px;
    
	text-align: left;
}

.ondemand_bnt
{
	width: 350px;
}

.fourth_signup_container 
{
	position: relative;
    display: inline-block;
    
	width: 100%;
    
	padding-top: 200px;
    padding-left: 100px;
    padding-bottom: 100px;
    
	background-color: #fff;
}

.for_fourth_container
{
	display: inline-block;
    
	width: 100%;
    
	padding-top: 80px;
    padding-right: 20px;
    
	text-align: left;
}

.for_fourth_btn
{
	display: inline-block;
	
	width: 100%;
	
	margin-top: 80px;
	
	text-align: left;
}

.third_mac_activity
{
	width: 641px;
	height: 425px;

	background-image: url('../images/third_mac_activity.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 641px 425px;
}

.new_titles_width
{
	width: 65%;
}

.unset_wdth
{
	width: unset !important;
}



.fifth_signup_container
{
	position: relative;
	display: inline-block;
    
	width: 100%;
    
	padding-top: 180px;
    padding-left: 100px;
    padding-bottom: 110px;
    
	background-color: #ededed;
}

.for_fifth_container
{
	display: inline-block;
    
	width: 100%;
    
	padding-top: 115px;
    padding-right: 20px;
    
	text-align: left;
}

.mobile_devicesimg
{
	width: 470px;
	height: 560px;
	
	background-image: url('../images/mobile_devices.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 470px 560px;
}

.sixth_signup_container
{
	position: relative;
	display: inline-block;
    
	width: 100%;
    
	padding-top: 60px;
    
	background-color: #fff;
}

.sixth_signup_container .main_ba_title
{
	text-align: center;
}

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

.main_signba_btn
{
	display: inline-block;
    
	width: 615px;
    
	padding: 25px 45px;
    
	background-color: #b002ed;
    
	color: #fff;
    font-size: 25px;
    font-weight: bold;
	letter-spacing: 0.5px;
    
	border-radius: 55px;
    
	cursor: pointer;
}

.footer_ba
{
	position: relative;
	display: inline-block;
    
	width: 100%;
   
    padding-top: 140px;
    padding-bottom: 80px;
    
	background-color: #fff;
    
	font-size: 24px;
    text-align: center;
    color: #232324;
}

.curved_gray_container
{
	position: absolute;
    bottom: -7%;
    left: -10px;
    
	width: 110%;
    height: 100px;
    
	transform: rotate(-2deg);
    
	background-color: #ededed;
    
	overflow-x: hidden;
	z-index: 5;
}

.white_curved
{
	background-color: #fff;
}

.plans_curved
{
	background-color: #232324;
}

.fifth_signup_container .curved_gray_container, .second_signup_container .curved_gray_container, .third_signup_container .curved_gray_container, .fourth_signup_container .curved_gray_container
{
	bottom: -5%;
}

.sixth_signup_container .curved_gray_container 
{
	bottom: -14%;
}

.seventh_signup_container .curved_gray_container 
{
	bottom: -2%;
}

.channel-signup-container
{
	overflow-x: hidden;
}

.channel-signup-container a 
{
	text-decoration: none;
}

.pricing_title
{
	padding-top: 85px;
}

.arrow_scroll
{
	position: fixed;
    bottom: 90px;
    right: 60px;
    
	width: 65px;
    height: 65px;
    
	background-color: #fff;
	background-image: url('../images/arrow_ba.png');
	background-position: center 19px;
	background-repeat: no-repeat;
	background-size: 35px 30px;
    
	border-radius: 50%;
    border: 1px solid #939393;
    
	z-index: 6;
	cursor: pointer;
}

.fifth_btn
{
	margin-top: 140px;
}

.fourth_signup_container .left_container_ba
{
	margin-top: 50px;
}

.seventh_signup_container
{
	position: relative;
    display: inline-block;
    
	width: 100%;
    
	padding-top: 180px;
    padding-left: 100px;
    padding-right: 20px;
    padding-bottom: 50px;
    
	background-color: #232324;
}

.seventh_signup_container .for_container_btn
{
	margin-bottom: 70px;
}

.plans_title_ba
{
	padding-bottom: 20px;
	
	font-size: 40px;
	text-align: left;
	color: #fff;
}

.seventh_signup_container .smaller_train
{
	border-left: 5px solid #232324;
}

.seventh_signup_container .all_width_part
{
	display: block;
}

.seventh_signup_container .app_plus
{
	width: 20px;
	height: 20px;
}

.ba_demand_title
{
	padding-top: 30px;
}

/*------------- NEW UI CHANNEL SIGNUP UROS END ------------ */

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

.min_w950
{
	min-width: 950px;
}


/* Responsive Code */
@media(max-width: 1150px)
{
	.channel_name .main_search_item
	{
		width: 90%;
	}
	
	.search_font
	{
		font-size: 13px;
	}
	
	.new_padd_list_btn
	{
		padding-bottom: 0px;
	}
}

@media(max-width: 1040px)
{
	.new_width_filter_ch
	{
		width: 85% !important;
	}
	
}

@media(max-width: 900px)
{
	.textt p
{
	font-size: 15px;
}
.card-columns {
    column-count: 3 !important;
}
.flex_base
{
	flex-basis: 100%;
}
.flex_base1
{
	flex-basis: 100%;
}
.slick-prev
	{
		left: -10px;
	}
	.slick-next
	{
		right: -10px;
	}
.new_width_filter_ch
	{
		width: 89% !important;
	}	
}
@media(max-width: 835px)
{
	.search_new_font
	{
		font-size: 12px;
	}
	
	.new_holder_all_members_buttons
	{
		width: 100%;
	}

	.other_half_holder_reg
	{
		width: 100%;
	}
	
	.new_half_holder_reg
	{
		width: 100%;
		min-height: auto;
	}
	
	.other_half_holder_reg
	{
		min-height: auto;
	}

	.new_pay_head_width
	{
		min-width: 1000px !important;
		max-width: 100%; 
	}
	
	.canc_btn_holder_upcpart
	{
		top: 5px;
	}
	
	.bottom_prt1
	{
		border-radius: 15px;
	}
	
	.resetPasswordPage .password_check_form
	{
		width: 275px;
		font-size: 15px;
	}
}

@media screen and (max-width: 750px)
{
	.price_details_holder
	{
		width: 100%;
	}
}


@media screen and (max-width: 680px)
{
	.new_label_pos
	{
		top: -30px !important;
	}
}

@media only screen and (max-width: 1084px) and (min-width: 1061px)
{
	.new_edit_btn
	{
		margin-bottom: 20px;
	}
	
	.host_title_position
	{
		position: absolute;
		top: 15px;
	}
	
	.upc_list_canc
	{
		padding: 10px 15px;	
	}
	
	.add_mrg15
	{
		margin-top: 15px;
	}
}

@media only screen and (max-width: 1470px) and (min-width: 1199px)
{
	.sq_last_width
	{
		width: 100%;
	}
	.new_btns_sq
	{
		padding-top: 5px !important;
	}
}


@media(max-width: 768px)
{
	.tutorial_sixth_host
	{
		width: 400px;
	}
	
	.tutorial_fifth_host
	{
		width: 400px;
	}
	
	.cancel_plan
	{
		bottom: -50px;
		left: 5px;
		
		width: 100%;
		text-align: center;
	}
	
	.channel_name
	{
		width: 100%;
		margin-left: 15px;
		margin-top: 20px;
	}
	.no_marg_members
	{
		margin-left: 0px;
	}
	.channel_name .main_search_item
	{
		width: 100%;
	}
	
	.search_result_main
	{
		padding: 0px !important;
	}
	.main_search_item
	{
		padding-right: 0px;
	}
	
	.main_search_item .right-small-box.wide_search_opened
	{
		position: relative;
	}
	

	.tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link
{
	margin: 7px 0px;
	font-size: 17px;
}
.slide-ele {
    
    padding-left: 15px !important;
    padding-right: 15px !important;
    
}
.detail_session_inner
	.font-18
	{
		font-size: 14px !important;
	}

.input_field_container .flex-grow-1 ::placeholder
{
	
	font-size: 11px !important;
}
.card-columns {
    column-count: 2 !important;
}
.content-container h2
{
	font-size: 35px;
	line-height: 50px;
}
.cal_modal .modal-dialog .modal-content:nth-child(3)
{
	max-width: 529px;
	margin: auto;
}
/* .input-box ::placeholder, .input-box :-ms-input-placeholder
{
	font-size: 1.6vw !important;
	color: white !important;
} */
.input-box ::-ms-input-placeholder
{
	color: #ffffff !important;
}
.h-90
{
	height: auto;
}

.members_input
{
	width: 95%;
	margin-left: 0px;
}

.sessionName_new_holder
{
	font-size: 18px;
}

.new_sessionName
{
	font-size: 20px;
}
.new_sessionName_name
{
	font-size: 18px;
}
.onDemandLinkBtn
{
	top: 105px;
}

.join_pop_btn
{
	display: block;
}

.dash_join_bnt 
{
	margin-left: 0px;
	margin-top: 10px;
}

.check_box_width
{
	width: 12%;
}

.buttons_box_width
{
	width: 38%;
}

.header-signup-text
{
	display: block;
	width: 100%;
	text-align: center;
}
.reportsholdn .daily_section
{
	margin-right: 20px;   
	font-size: 15px;
}

.disp-inl
{
	font-size: 12px;
}

.more_margin_rt
{
	position: absolute;
	bottom: 20px;
	right: 40px;
}

.half_btn_holder
{
	display: inline-block;
	text-align: center;
}

.join_upcpart
{
	margin-left: 25px;
}

.list_2nd_upcpart
{
	background-color: #2B2B2B;
}

.timeToStart_upcpart
{
	position: absolute;
	top: -30px;
	left: -27px;
}

.btn_disp
{
	display: inline-block;
}

.noEq_upcpart
{
	padding-bottom: 10px;
}

.counterHolder
{
	position: relative;
	padding-top: 45px;
}

.timeToStart_sq
{
	position: absolute;
	top: 7px;
}

.new_align_upc
{
	vertical-align: bottom !important;
}

.activity_pop_holder
{
	padding: 20px 20px;
}

.no_padd_modal
{
	padding: 0px 0px 30px 0px !important;
}

.act_h1
{
	display: inline-block;
	font-size: 25px;
	color: #9B9B9B;
}

.act_span1
{
	color: #fff;
}

.act_h1_span
{
	display: inline-block;
}

.act_span2
{
	position: relative;
	
	margin-left: 25px;
	color: #fff;
	font-size: 16px;
	
}

.spanColor
{
	color: #9B9B9B;
}

.clock_img_act
{
	position: relative;
    top: -1px;
    height: 16px;
    width: 20px;
}

.act_h2
{
	padding: 10px 0px 25px 0px;
}

.table_holder_act
{
	padding: 10px 10px;
	margin-bottom: 20px;
	
	background-color: #313131;
	border-bottom: 1px solid #737070;
	border-top: 1px solid #737070;
	
}

.act_h3
{
	display: inline-block;
	width: 25%;
	
	text-align: center;
}

.activity_list
{
	padding: 15px 10px;
	background-color: #333333;
}

.standard_color
{
	background-color: #2B2B2B;
}
.even_list_participant 
{
	background-color: #262626;
}
.standard_color2
{
	background-color: #282828;
}

.new_watch_button
{
	padding: 8px 10px 8px 10px;
    font-size: 14px;
    border-radius: 35px;
    background-color: #333333;
    border: 2px solid #BD00FF;
}

.all_act_holder
{
	overflow-x: auto;
}

.overflow_show
{
	min-width: 550px;
}

.new_X_position
{
	top: 20px;
	left: -20px;
}

.cal_holder
{
	position: relative;
	padding: 7px 30px 0px 30px;
	
	border-bottom: 1px solid #474747;
}


.left_arrow_holder
{
	position: absolute;
	top: 5%;
	height: 100%;
	width: 60px;
	text-align: center;
	
	background-image: url(../images/Triangle.png);
	background-position: center;
	background-size: 20px 25px;
	background-repeat: no-repeat;
	
	z-index: 1;
	cursor: pointer;
}
.date_holder
{
	display: inline-block;
	width: 14%;
	
	text-align: center;
	cursor: pointer;
}
.cal_right_arrow
{
	position: absolute;
	right: 0%;
	top: 5%;
	height: 100%;
	width: 60px;
	text-align: center;
	
	background-image: url(../images/Triangle-right.png);
	background-position: center;
	background-size: 20px 25px;
	background-repeat: no-repeat;
	
	z-index: 1;
	cursor: pointer;
}

.date_in_holder
{
	position: relative;
	font-size: 20px;
    color: #8f8f8f;
}
.date_val
{
	font-size: 22px;
	font-weight: 800;
}

.active_border
{
	width: 30%;
	margin: auto;
	
	border-bottom: 5px solid #BD00FF;
}
.active_cal_holder
{
	padding-top: 4px;
	color: #fff;
}

.active_circle
{
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #bd00ff;
    position: absolute;
}

.new_past_holder
{
	display: inline-block;
	width: 50%;
}
.less_past_name
{
	width: 42%;
}
.btn_holder_past
{
	text-align: right;
}
.mrg_btn
{
	position: relative;
	margin-right: 20px;
}
.feedback_not
{
	position: absolute;
	top: -12px;
	right: -2px;
	
	height: 25px;
	width: 25px;
	margin: auto;
	
	color: #fff;
	background-color: #EB2D2D;
	text-align: center;
	
	border-radius: 100%;
}

.act_note_num
{
	position: absolute;
	top: 10px;
	right: 7px;
	
	height: 25px;
	width: 25px;
	margin: auto;
	
	color: #fff;
	background-color: #EB2D2D;
	text-align: center;
	
	border-radius: 100%;
}

.new_time_past
{
	display: inline-block;
	width: 30%;
	min-width: 200px;
}
.list_btns_holder_past
{
	display: inline-block;
	width: 70%;
	text-align: right;
}

.past_desc
{
	width: 100%;
}

.new-pointer
{
	cursor: pointer;
}

.videoHolder_new
{
	position: relative;
	height: 400px;
	width: 90%;
	margin: auto;
	
	border-radius: 15px;
	
	overflow: hidden;
}

.video_cntrls
{
	position: absolute;
	top: 89%;
	
	height: 35px;
	
	width: 100%;
	padding: 0px 40px;
	
	z-index: 999;
}

.videoDuration_new
{
	display: inline-block;
	width: 25%;
	
	vertical-align: top;
	margin-left: 15px;
}

.play_video_btn
{
	display: inline-block;
	
	height: 25px;
	width: 30px;
	
	background-image: url('../images/video_play.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
	cursor: pointer;
}

.stop_video_btn
{
	position: relative;
    top: -2px;
	height: 18px;
    width: 22px;
   
	background-image: url('../images/pause_new.png');
}

.stop_video
{
	background-image: url('../images/video_stop.png');
}

.sound_ctrl
{
	background-image: url('../images/vol_ctrl.png');
	background-size: 20px 20px;
}

.duration_line
{
	position: relative;
	height:5px;
	width: 95%;
	margin-bottom: 5px;
	
	background-color: #9A8C81;
	border-radius: 15px;
}

.abs_duration_line
{
	position: absolute;
	top: -1px;
	
	width: 1%;
	height:7px;
	
	background-color: #BD00FF;
	border-radius: 15px;
	
	z-index: 2;
}

.abs_circle_pointer
{
	position: absolute;
	top: -8px;
	left: 0%;
	
	height: 20px;
	width: 20px;
	
	background-color: #BD00FF;
	border-radius: 100%;
	
	z-index: 5;
}

.feedback_1st_hold
{
	display: inline-block;
	width: 30%;
	
	vertical-align: top;
}

.feedback_h1
{
	padding: 20px 0px 10px 20px;
	font-size: 22px;
}

.feedback_actName
{
	position: relative;
	padding: 10px;
	
	color: #9B9B9B;
	font-size: 18px;
}

.act_name_holder
{
	padding-left: 25px;
}

.active_activity
{
	background-color: #343434;
	color: #fff;
	border-left: 2px solid #BD00FF;
}

.feedback_2nd_hold
{
	display: inline-block;
	width: 70%;
	padding: 15px;
	
	background-color: #343434;
	vertical-align: top;

	max-height: 570px;
	overflow-y: auto;
}

.less_font_feedback
{
	font-size: 22px;
}

.feedback_holder
{
	cursor: pointer;
}

.act_name_hold
{
	
}

.image_act
{
	position: relative;
	display: inline-block;
	width: calc(50% - 20px);
	height: 190px;
	
	margin: 0% 1%;
	margin-bottom: 10px;
	
	border: 1px solid #fff;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.activity_images_holder
{
	padding-top: 20px;
}

.zoom_act_img
{
	position: absolute;
    top: 8%;
    right: 5%;

	height: 20px;
	width: 20px;

	background-image: url('../images/full-screen.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.zoom_out_act
{
	top: 5%;
    right: 5%;
	
	background-image: url('../images/exit-screen.png');
}

.zoom_activ
{
	position: relative;
	width: 90%;
	height: 400px;
	
	margin: auto;
	margin-top: 10px;
	
	border: 1px solid #fff;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.note_text
{
	padding: 20px 0px 10px 10px;
    font-size: 25px;
}

.zoom_img_holder
{
	position: relative;
	padding-top: 30px;
}

.newBack_btn
{
	position: absolute;
	top: 0%;
	right: 3%;
	
	padding: 6px 20px;
	
	background-color: #BD00FF;
	border-radius: 15px;
}

.contRelative
{
	position: relative;
}

.errorOd_popup
{
	display: flex;
	height: 100vh;
	
	text-align: center;
	flex-direction: column;
}

.error_pop_holder
{	
	margin: auto;
	align-items: center;
	justify-content: center;
}

.go_to_btn
{
	display: inline-block;
	cursor: pointer;
	border-radius: 25px;
}

.error_h1
{
	font-size: 22px;
	padding-bottom: 15px;
}

/*---------MILADIN NEW PARTICIPANT DASHBOARD END ------------*/


.new_width_filter_ch
{
	width: 75% !important;
}
.search_font
{
	font-size: 15px;
}
.new_padd_top_filter
{
	padding-top: 33px !important;
}

#waiverAgree .modal-dialog
{
	max-width: 100% !important;
}

#waiverAgree .modal-dialog iframe
{
	min-height: calc(100vh - 330px);
	height: 300px;
}

/*------------- NEW UI CHANNEL SIGNUP UROS START ------------ */

.first_container_signup
{
	display: inline-block;
	width: 100%;
	background-color: #0a0a0c;
}

.channel_signup_header
{
	position: fixed;
	top: 0px;
	left: 0px;
	display: inline-block;
	
	width: 100%;
	
	padding-top: 80px;
	padding-right: 350px;
	
	text-align: right;
}
	.search_font
	{
		font-size: 13px;
	}
	
	.new_first_width_list
	{
		width: 30%;
	}
}

.signup_header_items
{
	display: inline-block;
	
	margin-right: 60px;
	
	font-size: 14px;
	color: #d9f0ff;
	letter-spacing: 2.5px;
	
	cursor: pointer;
}

.signup_header_items.lst
{
	margin-right: 0px;
}

.signup_header_items:hover
{
	color: #fff;
}

.absolute_header_logos
{
	position: absolute;
	top: 56px;
    left: 30px;
}

.virdio_logo_csu
{
	display: inline-block;
	width: 182px;
	height: 64px;
	
	margin-right: 35px;
	
	background-image: url('../images/virdio_logonew.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 182px 64px;
	
	vertical-align: middle;
}

.pt_hub_logo
{
	display: inline-block;
	width: 152px;
	height: 40px;
	
	background-image: url('../images/pt_hub.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 152px 40px;
	
	vertical-align: middle;
}


.first_container_signup
{
	display: inline-block;
	width: 100%;
	background-color: #101010;
}

.channel_signup_header
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-top: 35px;
    padding-bottom: 35px;
	padding-right: 20px;
	padding-left: 150px;
	
	background-color: #212020;
	
	text-align: center;
	
	border-bottom: 1px solid #676767;
	
	z-index: 10;
}

.virdio_ba_logo
{
	position: absolute;
	top: 20px;
	left: 50px;
	
	width: 210px;
	height: 47px;
	
	margin-right: 35px;
	
	background-image: url('../images/virdio_ba_logo.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 210px 47px;
	
	vertical-align: middle;
}

.signup_header_items
{
	display: inline-block;
	
	margin-right: 60px;
	
	font-size: 15px;
	color: #d9f0ff;
	letter-spacing: 2.5px;
	
	cursor: pointer;
}

.signup_header_items.lst
{
	margin-right: 0px;
}

.signup_header_items:hover
{
	color: #fff;
}

.absolute_header_logos
{
	position: absolute;
	top: 56px;
    left: 30px;
}

.virdio_logo_csu
{
	display: inline-block;
	width: 182px;
	height: 64px;
	
	margin-right: 35px;
	
	background-image: url('../images/virdio_logonew.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 182px 64px;
	
	vertical-align: middle;
}

.pt_hub_logo
{
	display: inline-block;
	width: 152px;
	height: 40px;
	
	background-image: url('../images/pt_hub.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 152px 40px;
	
	vertical-align: middle;
}

.first_container_middle
{
	display: inline-block;
	
	width: 100%;
	
	padding-top: 180px;
	padding-right: 500px;
	padding-left: 100px;
	
	background-image: url('../images/brandgirl.jpg');
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-color: #0a0a0c;
	
	text-align: left;
}

.partners_logo
{
	margin-bottom: 70px;
}

.partners_logo img
{
	max-width: 370px;
	min-height: 50px;
}

.partners_logo div
{
	padding-left: 145px;
	padding-top: 5px;
	font-size: 27px;
}

.partners_logo div img
{
	max-width: 250px;
	margin-top: -16px;
	vertical-align: top;
}

.first_container_title
{
	color: #cfcfcf;
	font-size: 70px;
	text-align: left;
	font-weight: 300;
}

.relative_line_ba
{
	position: relative;
	
	width: 100%;
	height: 5px;
	
	margin-top: 50px;
    margin-bottom: 80px;
	
	background-color: #b002ed;
}

.absolute_line_inner
{
	position: absolute;
	top: -28px;
	left: 50%;
	
	min-width: 635px;
	
	transform: translateX(-50%);
	
	padding-left: 20px;
	padding-right: 20px;
	
	font-size: 35px;
	font-weight: 300;
	color: #cfcfcf;
	
	background-color: #0a0a0c;
}

.fc_second_title
{
	margin-top: -20px;
}

.first_container_info
{
	padding-top: 20px;
	padding-bottom: 80px;

	font-size: 17px;
	text-align: center;
	color: #e7e7e7;
	letter-spacing: 0.5px;
}

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

.first_container_btn
{
	display: inline-block;
    
	padding: 20px 45px;
    
	background-color: #b002ed;
    
	color: #fff;
    font-size: 20px;
    font-weight: bold;
	letter-spacing: 0.5px;
    
	border-radius: 55px;
}

.new_sessionName
{
	font-size: 20px;
}
.new_sessionName_name
{
	font-size: 18px;
}
.onDemandLinkBtn
{
	top: 130px;
}

.dash_join_bnt 
{
	margin-left: 0px;
	margin-top: 10px;
}

.second_signup_container
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-top: 80px;
	padding-bottom: 80px;

	background-color: #fff;
}

	.loged_user
	{
		margin-bottom: 15px;
		padding-left: 10px;
		padding-right: 10px;
		font-family: "Avenir-Book";
		font-size: 24px;
	}
	
	.marg_t30
	{
		margin-top: 30px;
	}
	
	.ch_button2
	{
		height: 55px;
		padding-left: 25px;
		padding-right: 25px;
		
		color: #fff;
		background-color: #393939 !important;
		
		text-align: center;
		font-family: "Avenir-Book";
		font-size: 18px;
		font-weight: bold;
		
		border: 2px solid #BD00FF;
		border-radius: 35px;
		cursor: pointer;
	}
	
	.poss_midd
	{
		vertical-align: middle;
	}
	
	.displ_none
	{
		display: none;
	}
	
	.ch_padd .custom_btn1
	{
		padding: 13px 10px !important;
	}
	
	.logoutChannel
	{
		position: absolute;
		right: 0px;
		top: 20px;
		padding: 12px 10px;
		
		background-position: center;
		cursor: pointer;
	}
	
	.add_pos_rell
	{
		position: relative;
	}
	
	.new_blck
	{
		background: #000 !important;
	}
	
	.width-24
	{
		width: 24px !important;
	}
	
	.new_right2
	{
		right : -32px !important;
		left: unset !important;
	}
	
	.ch_top19
	{
		top: -19px !important;
	}
	
	.add_lft
	{
		left: 300px !important;
	}
	
	.member_create_user2
	{
		position: absolute;
		top: 32px;
		left: 300px;
	}
	
	.add_curs
	{
		cursor: pointer;
	}
	
	.more_margin_btn
	{
		margin-left: 20px;
	}
	
	.wdth400
	{
		width: 400px;
	}
	
	.wdth500
	{
		width: 500px;
	}
	
	.disp_vert_mid
	{
		display: inline-block;
		vertical-align: middle;
	}
	
	.ch_add_dtval
	{
		width: 14% !important;
	}
	
	.question_answer ul
	{
		margin-bottom: 0px !important;
		padding-inline-start: 25px;
		margin-block-start: -1em;
	}
	
	.no_overflow
	{
		overflow: initial;
	}
	
	.ulInUl
	{
		margin-block-start: -3em !important;
		list-style-type: disc;
	}
	
	.question_answer .ulInUl
	{
		margin-bottom: -40px !important;
	}
/*------------- SRETEN END -------------------*/

.padding_containers
{
	display: inline-block;
	width: 100%;
	padding-left: 100px;
}

.main_ba_title
{
	padding-bottom: 30px;
	
	color: #000;
    text-align: left;
    font-size: 55px;
    font-weight: 300;
}

.main_ba_title_centered
{
	padding-bottom: 50px;
    
	color: #000;
    text-align: center;
    font-size: 70px;
    font-weight: 300;
}

.left_container_ba
{
	display: inline-block;
	width: 50%;
}

.right_container_ba
{
	display: inline-block;
	width: 50%;
}

.second_container_text
{
	padding-right: 100px;
	padding-bottom: 40px;
	
	color: #838383;
	text-align: left;
	font-size: 17px;
    font-weight: 400;
	line-height: 29px;
}

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

.vertical_mid
{
	vertical-align: middle;
}

.features_title
{
	padding-bottom: 0px;
	padding-top: 80px;
}

.main_brand_btn
{
    padding: 23px 45px;
    
	background-color: #b002ed;
    
	color: #fff;
    font-size: 16px;
    font-weight: bold;
	text-align: center;
	letter-spacing: 0.5px;
    
	border-radius: 55px;
   
    cursor: pointer;
}

.checkplan_btn
{
	width: 260px;
}

.mac_activity_img
{
	width: 638px;
	height: 439px;
	
	background-image: url('../images/mac_activity.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 638px 439px;
}

.vertical_top
{
	vertical-align: top;
}

.third_signup_container
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-top: 180px;
	padding-left: 100px;
	padding-bottom: 110px;
	
	background-color: #ededed;
}

.smaller_mac_activity_img
{
	margin-top: 20px;
	
	width: 638px;
	height: 436px;
	
	background-image: url('../images/smaller_mac_activity.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 638px 436px;
}

.for_third_container
{
	display: inline-block;
	
	width: 100%;
	
	padding-top: 115px;
	padding-right: 20px;
	
	text-align: left;
}

.one_third_row
{
	position: relative;
	width: 100%;
	
	margin-bottom: 30px;
	padding-left: 40px;
	
	color: #838383;
    text-align: left;
    font-size: 17px;
    font-weight: 500;
}

.abs_row_dot
{
	position: absolute;
	top: 7px;
	left: 0px;
	
	width: 13px;
	height: 13px;
	
	background-color: #b002ed;
	
	border-radius: 50%;
}

.for_third_btn
{
	display: inline-block;
    
	width: 100%;
    
    margin-top: 60px;
    
	text-align: left;
}

.ondemand_bnt
{
	width: 350px;
}

.fourth_signup_container 
{
	position: relative;
    display: inline-block;
    
	width: 100%;
    
	padding-top: 200px;
    padding-left: 100px;
    padding-bottom: 100px;
    
	background-color: #fff;
}

.for_fourth_container
{
	display: inline-block;
    
	width: 100%;
    
	padding-top: 80px;
    padding-right: 20px;
    
	text-align: left;
}

.for_fourth_btn
{
	display: inline-block;
	
	width: 100%;
	
	margin-top: 80px;
	
	text-align: left;
}

.third_mac_activity
{
	width: 641px;
	height: 425px;
	
	background-image: url('../images/third_mac_activity.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 641px 425px;
}

.fifth_signup_container
{
	position: relative;
	display: inline-block;
    
	width: 100%;
    
	padding-top: 180px;
    padding-left: 100px;
    padding-bottom: 110px;
    
	background-color: #ededed;
}

.for_fifth_container
{
	display: inline-block;
    
	width: 100%;
    
	padding-top: 115px;
    padding-right: 20px;
    
	text-align: left;
}

.mobile_devicesimg
{
	width: 470px;
	height: 560px;
	
	background-image: url('../images/mobile_devices.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 470px 560px;
}

.sixth_signup_container
{
	position: relative;
	display: inline-block;
    
	width: 100%;
    
	padding-top: 60px;
    
	background-color: #fff;
}

.sixth_signup_container .main_ba_title
{
	text-align: center;
}

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

.main_signba_btn
{
	display: inline-block;
    
	width: 615px;
    
	padding: 25px 45px;
    
	background-color: #b002ed;
    
	color: #fff;
    font-size: 25px;
    font-weight: bold;
	letter-spacing: 0.5px;
    
	border-radius: 55px;
    
	cursor: pointer;
}

.footer_ba
{
	position: relative;
	display: inline-block;
    
	width: 100%;
   
    padding-top: 140px;
    padding-bottom: 80px;
    
	background-color: #fff;
    
	font-size: 24px;
    text-align: center;
    color: #232324;
}

.curved_gray_container
{
	position: absolute;
    bottom: -7%;
    left: -10px;
    
	width: 110%;
    height: 100px;
    
	transform: rotate(-2deg);
    
	background-color: #ededed;
    
	overflow-x: hidden;
	z-index: 5;
}

.white_curved
{
	background-color: #fff;
}

.plans_curved
{
	background-color: #232324;
}

.fifth_signup_container .curved_gray_container, .second_signup_container .curved_gray_container, .third_signup_container .curved_gray_container, .fourth_signup_container .curved_gray_container
{
	bottom: -5%;
}

.sixth_signup_container .curved_gray_container 
{
	bottom: -14%;
}

.seventh_signup_container .curved_gray_container 
{
	bottom: -2%;
}

.channel-signup-container
{
	overflow-x: hidden;
}

.channel-signup-container a 
{
	text-decoration: none;
}

.pricing_title
{
	padding-top: 85px;
}

.arrow_scroll
{
	position: fixed;
    bottom: 90px;
    right: 60px;
    
	width: 65px;
    height: 65px;
    
	background-color: #fff;
	background-image: url('../images/arrow_ba.png');
	background-position: center 19px;
	background-repeat: no-repeat;
	background-size: 35px 30px;
    
	border-radius: 50%;
    border: 1px solid #939393;
    
	z-index: 6;
	cursor: pointer;
}

.fifth_btn
{
	margin-top: 140px;
}

.fourth_signup_container .left_container_ba
{
	margin-top: 50px;
}

.seventh_signup_container
{
	position: relative;
    display: inline-block;
    
	width: 100%;
    
	padding-top: 180px;
    padding-left: 100px;
    padding-right: 20px;
    padding-bottom: 50px;
    
	background-color: #232324;
}

.seventh_signup_container .for_container_btn
{
	margin-bottom: 70px;
}

.plans_title_ba
{
	padding-bottom: 20px;
	
	font-size: 40px;
	text-align: left;
	color: #fff;
}

.seventh_signup_container .smaller_train
{
	border-left: 5px solid #232324;
}

.seventh_signup_container .all_width_part
{
	display: block;
}

.seventh_signup_container .app_plus
{
	width: 20px;
	height: 20px;
}

.ba_demand_title
{
	padding-top: 30px;
}

/*------------- NEW UI CHANNEL SIGNUP UROS END ------------ */

.eject_btn
{
	padding: 1px 10px;
	
	background-color: #fff;
    
	color: #bd00ff!important;
    letter-spacing: 1px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 35px;
	
	cursor: pointer;
}

.space_tr
{
	margin-bottom: 10px;
}

#participant_table
{
	border-collapse:separate;
    border-spacing:0 5px;
}

#participant_table td, #participant_table th
{
	font-size: 17px;
	vertical-align: middle;
}



/* Track */
.demand_preview_square ::-webkit-scrollbar-track, .listHolder_mych ::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
.demand_preview_square ::-webkit-scrollbar-thumb, .listHolder_mych ::-webkit-scrollbar-thumb {
  background: #bd00ff; 
  border-radius: 10px;
}

.desc_show_width_list
{
	width: 70%;
}

.btn_near_text
{
	display: inline-block;
}

.relative_header_list
{
	position: relative;
    top: -10px;
}

.b10
{
	bottom: 10px;
}

.h98per
{
	height: 98%;
}

.relative_list_right
{
	padding-right: 370px;
}

.list_part_timer
{
	top: -25px;
    left: 10px;
}

.list_part_timer2
{
	top: -40px;
    left: 20px;
}

.empty_equipment
{
	height: 45px;
}

.upper_btn
{
	display: block;
	margin-bottom: 20px;
}

.x_hidden
{
	overflow-x: hidden;
}

.for_demand_header
{
	display: inline-block;
	
	width: 100%;
	
	padding-bottom: 25px;
	
	cursor: pointer;
}

.demand_interest
{
	display: inline-block;
	
	width: 50%;
	
	padding-right: 15px;
	
	font-size: 22px;
	color: #fff;
	text-align: right;
	text-overflow: ellipsis;
    white-space: nowrap;
   
	overflow: hidden;
	
	vertical-align: middle;
}

.for_demand_level
{
	display: inline-block;
	
	width: 50%;
	
	padding-left: 15px;
	
	text-align: left;
	
	vertical-align: middle;
}

.channel_demand_name
{
	padding-bottom: 20px;
	
	text-align: left;
	font-size: 20px;
	color: #fff;
}

.w65per
{
	width: 65%;
}

.mr20
{
	margin-right: 20px;
}

.w30per
{
	width: 30%;
}

.auto_demand_widths
{
	width: auto;
	margin-right: 20px;
}

.blocked_btn
{
	position: absolute;
    top: 0px;
    left: 0px;
    
	width: 100%;
    height: 100%;
    
	background-color: #000;
    
	opacity: 0.5;
    
	cursor: auto;
    
	border-radius: 20px;
}

.drops_more
{
	background-color: #484848;
	color: #fff;
	border: 0px none;
}

.activity_inner
{
	padding-left: 50px;
	padding-right: 50px;
}

.activity_title_main
{
	font-size: 28px;
	color: #fff;
	text-align: left;
	
	border-bottom: 1px solid #787575;
}

.workout_container_main
{
	display: inline-block;
	
	width: 100%;
	max-height: 65vh;
	
	margin-top: 10px;
	
	text-align: left;
	
	overflow-x: auto;
}

.activity_inner ::-webkit-scrollbar {
  width: 10px;
  background-color: #504b51;
  border-radius: 10px;
}

/* Track */
.activity_inner ::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
.activity_inner ::-webkit-scrollbar-thumb {
  background: #aba9ac; 
  border-radius: 10px;
}

.one_workout
{
	display: inline-block;
	
	width: calc(33% - 10px);
	height: 170px;
	
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 8px 10px;
	
	background-color: #6f4298;
	
	border-radius: 10px;
	
	vertical-align: top;
}

.title_workout
{
	display: -webkit-box;
	
	width: 100%;
	height: 60px;
    max-height: 60px;
	
	margin-bottom: 15px;
	
	font-size: 28px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.time_container_work
{
	display: inline-block;
	vertical-align: middle;
}

.time_worknum
{
	font-size: 30px;
    font-weight: 500;
    color: #fff;
}

.time_worktype
{
	margin-top: -11px;
	
	font-size: 15px;
	color: #fff;
}

.workout_video
{
	display: inline-block;
    
	width: 60px;
    height: 45px;
    
	margin-top: 7px;
    margin-left: 10px;
    
	background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/broadcastIcon.png);
    background-size: 60px 45px;
    
	vertical-align: middle;
    
	cursor: pointer;
}

.ml0
{
	margin-left: 0px;
}

.x-mark
{
	position: absolute;
	top: 10px;
	right: 10px;
	
	width: 30px;
    height: 30px;
	
	background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/x-mark.svg);
    background-size: cover;
	
	cursor: pointer;
}

.pb30
{
	padding-bottom: 30px;
}

.mt20
{
	margin-top: 20px;
}

.margin_inline
{
	margin: 0px 10px;
}

.review_holder_creation
{
	z-index: 100000 !important;
}

.replay_classes_content
{
	display: inline-block;
	
	width: 100%;
	height: calc(100% - 195px);
	
	margin-top: 40px;
	
	text-align: left;
}

.replay_titles
{
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
}

.one_replay_title
{
	display: inline-block;
	
	width: 33%;
	
	font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.75px;
    color: #DDDDDD;
	
	vertical-align: top;
}

.replay_info_content
{
	display: inline-block;
	width: calc(100% - 32px);
	padding-left: 18px;
	text-align: left;
}

.main_replay_titles
{
	padding-left: 50px;
}

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

.replay_button_content .edit_review
{
	margin: 0px;
}

.roles_content
{
	display: inline-block;
	width: 100%;
	margin: 10px 0px;
	text-align: left;
}

.one_role
{
	display: inline-block;
	
	margin-bottom: 10px;
	margin-right: 20px;
}

.role_option
{
	display: inline-block;

    margin-left: 15px;
    
	font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 0.75px;
    color: #DDDDDD;
   
   vertical-align: top;
}

.failedTxtMsg
{
	color: #ff4242;
}

.successfulTxtMsg
{
	color: #0efb62;
}

/* Responsive Code */

@media only screen and (max-width: 1470px) and (min-width: 1199px)
{
	.sq_last_width
	{
		width: 100%;
	}
	
	.new_btns_sq
	{
		padding-top: 5px !important;
	}
}

@media(max-width: 1150px)
{
	.channel_name .main_search_item
	{
		width: 90%;
	}
	
	.search_font
	{
		font-size: 13px;
	}
}

@media(max-width: 1040px)
{
	.new_width_filter_ch
	{
		width: 85% !important;
	}
	
}

@media(max-width: 900px)
{
	.textt p
{
	font-size: 15px;
}
.card-columns {
    column-count: 3 !important;
}
.flex_base
{
	flex-basis: 100%;
}
.flex_base1
{
	flex-basis: 100%;
}
.slick-prev
	{
		left: -10px;
	}
	.slick-next
	{
		right: -10px;
	}
.new_width_filter_ch
	{
		width: 89% !important;
	}	
}
@media(max-width: 835px)
{
	.search_new_font
	{
		font-size: 12px;
	}
	
	.new_holder_all_members_buttons
	{
		width: 100%;
	}

	.other_half_holder_reg
	{
		width: 100%;
		border-radius: 15px;
		min-height: auto;
	}
	
	.new_half_holder_reg
	{
		width: 100%;
		min-height: auto;
		border-radius: 15px;
	}
	
	.other_half_holder_reg
	{
		min-height: auto;
	}

	.new_pay_head_width
	{
		min-width: 1000px !important;
		max-width: 100%; 
	}
}

@media only screen and (max-width: 1270px) and (min-width: 991px)
{
	.new_label_pos
	{
		top: -30px !important;
	}
	
	.day1Search 
	{
		right: 33px;
	}
	
	.day2Search
	{
		right: 1px;
	}
}

@media only screen and (max-width: 1470px) and (min-width: 1199px)
{
	.sq_last_width
	{
		width: 100%;
	}
	.new_btns_sq
	{
		padding-top: 5px !important;
	}
}
@media(max-width: 820px)
{
	.video_cntrls
	{
		top: 87%;
	}
}

@media(max-width: 768px)
{
	.channel_name
	{
		width: 100%;
		margin-left: 15px;
		margin-top: 20px;
	}
	.no_marg_members
	{
		margin-left: 0px;
	}
	.channel_name .main_search_item
	{
		width: 100%;
	}
	
	.search_result_main
	{
		padding: 0px !important;
	}
	.main_search_item
	{
		padding-right: 0px;
	}
	
	.main_search_item .right-small-box.wide_search_opened
	{
		position: relative;
	}
	

	.tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link
{
	margin: 7px 0px;
	font-size: 17px;
}
.slide-ele {
    
    padding-left: 15px !important;
    padding-right: 15px !important;
    
}
.detail_session_inner
	.font-18
	{
		font-size: 14px !important;
	}

.input_field_container .flex-grow-1 ::placeholder
{
	
	font-size: 11px !important;
}
.card-columns {
    column-count: 2 !important;
}
.content-container h2
{
	font-size: 35px;
	line-height: 50px;
}
.cal_modal .modal-dialog .modal-content:nth-child(3)
{
	max-width: 529px;
	margin: auto;
}
/* .input-box ::placeholder, .input-box :-ms-input-placeholder
{
	font-size: 1.6vw !important;
	color: white !important;
} */
.input-box ::-ms-input-placeholder
{
	color: #ffffff !important;
}
.h-90
{
	height: auto;
}

.members_input
{
	width: 95%;
	margin-left: 0px;
}

.check_box_width
{
	width: 12%;
}

.buttons_box_width
{
	width: 38%;
}

.more_margin_rt
{
	max-width: 50%;
}
.display_change_dash
	{
		position: static;
		display: block;
		padding-top: 7px;
	}
	.pass_new_displ
		{
			display: block;
		}
		
	.video_cntrls
	{
		top: 87%;
		padding: 0px 10px;
	}	
	
	.close_abs_position
	{
		position: absolute;
		top: 1%;
		right: 5%;
		
		z-index: 100;
	}
	
	.new_text_align_create_sessions
	{
		text-align: center;
	}
	
	.one_workout
	{
		width: calc(100% - 10px);
	}
	
	.activity_inner
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	
}

@media(max-width: 730px)
{
	.new_session_link_width
	{
		width: 100%;
		margin-bottom: 15px; 
	}
	.edit_new_position
	{
		position: relative;
		left: -65%;
	}
	.new_btns_sq
	{
		padding-top: 0px !important; 
	}
	.new_rel_sq
	{
		top: 0px !important;
	}
} 
@media(max-width: 1166px)
{
	.input-box ::placeholder
/* {
	font-size: 1.1vw !important;
	color: #ffffff !important;
} */
.input-box ::-ms-input-placeholder
{
	color: #ffffff !important;
}
 .datepick input
	{
		font-size: 25px;
	}
	/* .c_icon
	{
		padding-left: 15px;
	} */
	.input_field_container .col-xl-7:before
	{
		display: none;
	}
	.hdr .input_field_container .col-xl-4:before
	{
		display: none;
	}
}



@media only screen and (max-width: 553px) {
	.tab-dropdown
	{
		display: none;
	}

	#participant_sign_up .translatey
	{
		top: -40px !important;
	}
	.mt--68
	{
		margin-top: -40px;
	}
	label p.p-top-3{
		font-size: 14px;
	}
	h2.display-2
	{
		font-size: 50px;
	}
	.drodown-tabs
	{
		display: block;
	}	
  .cont .nav-item
  {
  	width: 100%;
  }
  .height-80
  {
	  height: 65px;
  }
  .height-80 .input-field
  {
		height: 45px;
  }
  .w-80
  {
  	display: block;
  }
 
  .first-col h3 span, .first-col h3
  {
  	font-size: 35px;
  }
  .slider_sec .carousel-caption h3
  {
  	font-size: 15px !important;
  }
  .tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link
  {
	padding: 0.7rem 0.2rem;
	margin: 0 4px !important;
  }
  .cont1 .nav-tabs
  {
	  margin: 0px 10px;
  }
  .cont1 a.nav-link span, a.cont1 .nav-link.active span, .cont1 div.nav-link span
  {
	  font-size: 15px;
  }
  .tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:after
  {
	  height: 2px !important;
  }
  /* .top-header .col-lg-6.d-flex,  .top-header .col-lg-6 div.d-flex
  {
	  justify-content: center !important;
  } */
   .slider_sec .carousel-caption
   {
   	padding: 0;
   }
    .slider_sec .carousel-caption p
    {
    	font-size: 12px;
    	line-height: 12px;
	}
	
    .learn_more
    {
    	padding: 5px;
    }
    .browse_text
    {
    	right: 20%;
	}
	.font-32
	{
		font-size: 23px !important;
	}
	.carousel-inner .font-32
	{
		font-size: 16px !important;
	}
	.translatX-Y {
		transform: translate(-10px, 0px);
	}
	.member-sec img.user-avtar
	{
		width: 40px;
	}
	
	.activity-table .bg-circle {
		
		width: 20px;
		height: 20px;
		font-size: 11px;
	}
	.activity-table.table th, .activity-table.table td
	{
		font-size: 14px;
	}
	
	
	.channel_topmenu li, .channel_topmenu li a
	{
		display: block;
		width: 100%;
		text-align: center;
		padding: 5px;
	}
	
	 .label
	{
		font-size: 15px !important;

	} 
	.participant_form_sign .label
	{
		position: relative;
		top: -2px !important;
	}
	.participant_form_sign .new_label_position
	{
		top: -8px !important;
	}
	.participant_form_sign .more_top_label
	{
		top: -10px !important;
	}
	.new_ses_font
	{
		font-size: 17px !important;
	}
	.less_font_members
	{
		padding-right: 5px;
	}
	.new_rel_pos_reg
	{
		top: -33px;
	}
	
	.reports_holder_scroll
	{
		width: 78vw;
	}
	
	.new_label_position
		{
			top: -10px !important;
		}
  }
	@media only screen and (max-width: 530px)
	{
		.prof_pic_mob_width
		{
		  height: 100px !important;
		  width: 100px !important;
		}
		
		.clearAllFilterBtn
		{
			top: 125px;
			left: 0px;
		}
		
		.durationHolderFull
		{
			width: 50%;
			margin-right: 0px !important;
		}
		
		.durationHolder
		{
			width: 96%;
			padding: 14px 50px 10px 13px;
		}
		
		.durationHolderAbs
		{
			width: 280px;
		}
		
		.eqTextShow
		{
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
  @media only screen and (max-width: 430px)
  {
	  .new_select_width
	  {
		  width: 85% !important; 
	  }
	  
	  .block_btn
	  {
		  display: block;
		  margin: auto !important;
		  margin-bottom: 5px !important;
	  }
	  
	  .all_demain_view .host_list_holder
	  {
		  padding-bottom: 0px !important;
	  }
	  
	  .new_stats_canc
	  {
		  bottom: 150px !important;
	  }
	  
	  .block_btn .join_upcpart
	  {
		  margin-left: 0px;
	  }
	  
	  .less_more_bottom
		{
			bottom: 55px;
		}
		
	  .right_btn_position
	  {
		  position: relative !important;
		  right: auto !important;
		  left: auto !important;
	  }
	  
	  .right_btn_position2
	  {
			position: relative !important;
			right: auto !important;
			left: auto !important;
	  }
  }
  @media only screen and (max-width: 400px) {
	.activity-table .bg-circle 
	{
		
		width: 15px;
		height: 15px;
		font-size: 8px;
	}
	
	
	#participant_sign_up .translatey
	{
		top: -40px !important;
	}
	
	.mt--68
	{
		margin-top: -40px;
	}
	
	#participant_sign_up .modal-title
	{
		font-size: 16px;
	}
	
	.detail_session_inner p.light_text
	{
    	width: max-content;
	}

	.slider_sec .carousel-caption h3
	{
		font-size: 13px !important;
	}
	
	.learn_more .bordr
	{
		margin-left: 10px;
	}
	
	.first-col h3 span, .first-col h3
	{
		font-size: 20px;
	}
	
	.parti_box p.white
	{
	  font-size: 20px;
	}
	
	#session_alert .font-20
	{
	  font-size: 18px !important;
	}
	
	.modal-title.font-30
	{
	  font-size: 23px !important;
	}
	
	.header-signup-text
	{
	  font-size: 14px;
	}
	
	.cont1 .nav-item.angle-img
	{
	  flex: 1 1 auto !important;
	}
	
	.input_field_container .frst-input-row .custom-checkbox:before
	{
	  display: none;
	}
	
	.whitesmoke.font-18
	{
	  font-size: 16px !important;
	}
	
	.font-22
	{
	  font-size: 18px !important;
	}
	
	.content-container h2
	{
	  line-height: normal;
	}
	
	.content-container .display-3
	{
	  font-size: 15px;
	  line-height: 22px;
	}
	
	.content-container h2
	{
	  font-size: 21px;
	}
	
	.custom_btn1
	{
	  font-size: 15px;
	}
	
	.nc_icon
	{
	margin-left: 17px !important;
	}

	.cal-backg .react-datepicker__input-container input
	{
	  font-size: 17px;
	  
	}
	
	.b-image img
	{
	  width: 45px;
	}
	
	.translatX-Y
	{
	  transform: translate(0,0) !important;
	}
	
	.card-columns 
	{
		column-count: 1 !important;
	}
	
	.input-box .input-group-text i
	{
		font-size: 12px;
	}
	
	.input-box .input-group-text
	{
		padding:10px;
	}
	
	.second-col i, .third-col i
	{
		font-size: 23px;
		padding:5px 5px;
	}
	
	.first-col h3 span:after
	{
		font-size: 14px;
	}
	
	.textt
	{
		padding-left: 6px;
		right: 60px;
	}

	.input-box input.form-control
	{
		height: 50px;
	}
	
	.btn-outline-secondary, .btn-login
	{
		margin-top: 15px;
	}
	
	.input_field_container .flex-grow-1 ::placeholder
	{  
		font-size: 11px !important;
	}
	
	.input-txt
	{
		font-size: 18px;
	}
	
	.new_reopen_button
	{
		padding: 10px 10px !important;
		font-size: 15px; 
	}
	
	.members_new_fontSize
	{
		font-size: 22px;
	}
	.small_btn 
	{
		font-size: 12px;
		padding: 5px 4px;
	}
	.check_box_width
	{
		width: 14%;
	}
	.buttons_box_width
	{
		width: 36%;
	}
	.less_font_members
	{
		font-size: 12px;
	}

	.prof_pic_mob_width
	{
	  height: 80px !important;
	  width: 80px !important;
	}
	.first_hoder_new_width
	{
		width: 31%;
	}
	.new_2nd_holder
	{
		width: 23%;
	}
	.new_hold_width
	{
		width: 50%;
	}
	
	.edit_OD
	{
		padding-top: 10px;
		font-size: 13px;
	}
	
	.new_edit_btn2
	{
		display: block;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.canc_btn_holder_upcpart
	{
		right: 2px;
	}
	
	.ch_img_hold 
	{
		position: absolute;
		top: 10%;
		right: 23% !important;
	}
  
  }
   @media only screen and (max-width: 390px) 
   {
	   .new_select_width
		{
			width: 95% !important;
		}
		.reports_holder_scroll
			{
				width: 73vw;
			}
   }
  
   @media only screen and (max-width: 383px) 
	{
		.new_reopen_button
		{
			font-size: 13px; 
			right: -10px; 
		}
	}
	 @media only screen and (max-width: 365px) 
	 {
		 .new_select_width
		{
			width: 100% !important;
			background-position: right 3px center !important;
		}
		.first_hoder_new_width
		{
			width: 40%;
		}
		.new_2nd_holder
		{
			width: 20%;
		}
		.new_hold_width
		{
			width: 50%;
		}
	 }
	@media only screen and (max-width: 350px) 
	{
		.new_reopen_button
		{ 
			top: -45px; 
		}
		.less_margin_right
		{
			margin-right: 30px; 
		}
		.less_padd_lefty
		{
			padding-left: 5px !important;
		}
		
		.members_new_fontSize
		{
			font-size: 19px;
		}
		
		.prof_pic_mob_width
		{
		  height: 70px !important;
		  width: 70px !important;
		}
	}
  
  @media only screen and (min-width: 900px) {
  	.textt p {
    transform: translateY(-4px);
}
  }
  
@media(min-width: 1400px)
{
	.pad-xl-5
	{
		padding-left: 60px;
	}
	.content-container h2
{
	font-size: 35px;
}
.first-col h3 span, .first-col h3
{
	font-size: 40px;
}
}
@media (min-width: 1200px) and (max-width: 1480px)
{
	.activity-form .col-xl-2:first-child
	{
		/* flex: 0 0 21.666667% !important;
    	max-width: 21.666667% !important; */
	}
}
@media (min-width: 1000px) and (max-width: 1600px)
{
	.custom-width
	{
		max-width: 95% !important;
	}

	/* .container-fluid1
	{
		padding: 0px 60px;
	} */
	/* 
	
	*/
}
@media (min-width: 1600px) and (max-width: 1800px)
{
	.custom-width
	{
		max-width: 95% !important;
	}

	/* .container-fluid1
	{
		padding: 0px 95px;
	} */
}
@media (min-width: 1800px) and (max-width: 2100px)
{
	.custom-width
	{
		max-width: 85% !important;
	}

	.px-30
{
	padding-left: 40px;
	padding-right: 40px;
}
/* .container-fluid1
	{
		padding: 0px 110px;
	} */
.content-privacy p 
{
	font-size: 18px;
}
}
/* added by manmohan use in 
* recurring session start date*/
.fade_start{
	opacity: 0.5;
}

@media (min-width: 2100px)
{
	.custom-width
	{
		max-width: 82% !important;
	}

	.px-30
{
	padding-left: 50px;
	padding-right: 50px;
}
/* .container-fluid1
	{
		padding: 0px 130px;
	} */
}
/*------------- UROS MEDIA START------------ */

@media screen and (max-width: 1350px)
{
	.all_training_pg
	{
		width: 100%;
		margin: 0px;
	}
	
	.odPartInl_image
	{
		display: none;
	}
	
	.odChName
	{
		width: 28%;
	}
	
	.onDemandPartCh
	{
		padding: 20px 30px 22px 40px
	}
}

@media screen and (max-width: 1200px)
{
	.all_training_main
	{
		width: 1200px;
	}
	
	.scroll_part_train
	{
		position: relative;
		width: 100vw;
		overflow-x: auto;
	}
	
	.right_btn_position
	{
		position: absolute;
		right: 0px;
	}
	
	.half_btn_holder .join_upcpart
	{
		margin-left: 0px;
	}
	
	.third_part_arrow
	{
		top: 85%;
		
	}
	
	.new_part_join_tutorial
	{
		top: -13px;
		left: 22%;
	}
	
	.minDateStart
	{
		padding: 18px 20px 17px 17px;
	}
	
	.inputHolderAbs
	{
		height: 25px;
		width: 25px;
	}
	
	.activityNumDiv
	{
		position: relative;
		top: 2px !important;
		left: -2px;
		
		display: inline-block;
		margin-left: 2px;
	}
	
	.act_type_padding
	{
		padding-left: 5px;
	}
}

@media screen and (max-width: 1150px)
{
	.channel_subscroll
	{
		position: relative;
		width: 1150px;
		max-width: 1150px;
		overflow-x: auto;
	}
	
	.hidden_on_scroll
	{
		display: none;
	}
	
	.show_on_scroll
	{
		display: inline-block;
		width: 100%;
		padding-top: 15px;
	}
	
	.main_virtual_form
	{
		width: 95%;
	}
	
	.inline_title_train, .inline_title_btns
	{
		width: 100%;
	}
	
	.one_info
	{
		vertical-align: top;
	}
	
	.info_btn
	{
		margin-top: 15px;
	}
	
	.part_1st
	{
		width: 20%;
	}
	
	.part_2nd
	{
		width: 60%;
	}
	
	.minDateStart
	{
		padding: 18px 20px 17px 17px;
		font-size: 14px;
		background-position: 20px 17px;
	}
	
	.day1Search
	{
		right: 25px;
		top: 10px;
		width: 25px;
	}
	
	.day2Search
	{
		right: 1px;	
	}
}



@media screen and (max-width: 1060px)
{
	.square_support_left
	{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 15px;
	}
	
	.square_support_right
	{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 15px;
	}
	.new_inline_headers
	{
		width: 100%;
		margin-top: 15px; 
	}
	.name_new_stats
	{
		max-width: 100% !important;
		width: 100% !important;
		margin-top: 15px !important; 
		
		text-align: center !important;
		
	}
	.new_width_search
	{
		width: 100%;
		margin-left: 0;
	}
	
	.color_option_title
	{
		padding-left: 0px;
		font-size: 14px;
	}

	.marg_tp
	{
		margin-top: 20px !important;
	}
	
	.new_margin_line
	{
		width: 57%;
	}

	.new_liststats
	{
		width: 100%;
	}
	
	.channelName_list
	{
		top: 15px;
		padding-bottom: 10px;
	}
	
	.notExpHolder
	{
		margin-bottom: 10px;
	}
	
	.clearAllFilterBtn
	{
		left: 8px;
		top: 60px;
	}
}

@media screen and (max-width: 1000px)
{
	.one_news
	{
		width: 100%;
	}
	
	.one_news:nth-child(even)
	{
		margin-left: 0%;
	}
	
	.search_half_holder 
	{
		width: 100%;
	}
	
	.calendarHolderSearch
	{
		width: 100%;
	}
	
	.inpt_search_holder
	{
		margin-bottom: 10px;
	}

	.upc_channel
	{
		min-width: 830px;
		overflow: auto;
	}
}

@media screen and (max-width: 970px)
{
	.welcomes
	{
		font-size: 22px;
	}
	
	.virtual_world
	{
		font-size: 16px;
	}
	
	.main_virtual_text
	{
		font-size: 20px;
	}
	
	.color_picker_side
	{
		width: 100%;
		margin-bottom: 15px;
	}
	
	.customize_title
	{
		width: 100%;
	}
	
	.color_option_title
	{
		font-size: 16px;
	}
	
	.trans_image
	{
		top: 25%;
	}
	
	.sessionName_new_holder
	{
		left: 160px;
	}
	.less_font_channel
	{
		margin-top: 35px;
	}

	.absEquipmentHolder
	{
		width: 280px;
	}
}

@media screen and (max-width: 920px)
{
	.new_rel_sq
	{
		position: relative;
		top: -10px;
		
		z-index: 999;
	}

	.new_margin_sq
	{
		margin-top: 0px;
	}
	.sq_last_width
	{
		width: 100%;
	}
	.new_btns_sq
	{
		padding-top: 5px !important;
	}
	
	.durationHolderFull
	{
		margin-bottom: 10px;
		margin-right: 30px;
	}
	
	.durationHolder
	{
		margin-left: 0px;
	}
	
	.clearAllFilterBtn 
	{
		top: 70px;
		left: auto;
	}
}

@media screen and (max-width: 870px)
{
	.new_ses_font
		{
			font-size: 24px !important; 
		}
}

@media screen and (max-width: 825px)
{
	.main_virtual_pop
	{
		width: 95vw;
	}
}

@media screen and (max-width: 767px)
{
	.new_padd_nav
	{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	
	
	.form-group input
	{
		padding-right: 60px;
	}
	
	.form-group .add_inp_fld
	{
		padding-right: 10px;
	}
	
	.padding_news
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.padding_traing
	{
		padding: 5px;
	}
	
	.all_training_pg
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.table-responsive2
	{
		overflow: auto;
	}
	
	.for_all_header_faq
	{
		top: 61px;
		left: 0px;
		text-align: center;
	}
	
	.mt15_mob
	{
		margin-top: 15px;
	}
	
	.subcategory_all
	{
		width: 100%;
		margin-bottom: 20px;
	}
	
	.faq_container
	{
		padding: 30px 10px;
	}
	
	.f_form
	{
		width: 100%;
		margin-right: 0px;
	}
	
	.s_form
	{
		width: 100%;
		margin-left: 0px;
	}
	
	.main_virtual_form
	{
		width: 100%;
	}
	
	.main_virtual_pop
	{
		top: 0px;
		transform: translateX(-50%) translateY(0%);
		padding: 40px 20px;
	}
	
	.close_virtual
	{
		right: -5px;
}
	
	.channel_title
	{
		padding-top: 80px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.chsignpop .channel_title
    {
		padding-top: 105px;
	}	
	
	.participant_form_sign .label, .host_form_signup .label
	{
		position: relative;
		top: 2px;
		margin: 0px 20px;
	}
	
	.participant_form_sign .input-field, .host_form_signup .input-field
	{
		margin-top: -20px;
	}
	
	.tutorialInnerScroll
	{
		max-height: 200px;
	}
	
	.playlist_holder
	{
		overflow-x: auto;
	}
	
	.playlist_scroll_x
	{
		width: 800px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.subd_exam
	{
		word-break: break-all;
	}
	
	.playlist_holder
	{
		max-height: 70vh;
	}
	
	.support_opt
	{
		padding: 40px 20px;
	}
	
	.for_inputsupp
	{
		width: 90%;
	}
	
	.for_ch_edit
	{
		position: absolute;
		top: -18px;
		right: 0;
		
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	
	.edit_ch_img
	{
		margin-left: 0px;
	}
	
	.title_dashboard_mob
	{
		padding-right: 60px;
	}
	
	.host_container
	{
		overflow-x: auto;
	}
	
	.inner_host_cont
	{
		width: 1000px;
	}
	
	.close_search
	{
		top: -43px;
		right: 0px;
	}
	
	.for_sign2
	{
		width: 95%;
	}
	
	.creditCard, .nameOnCard, .expires
	{
		font-size: 14px;
	}
	
	.creditCardName
	{
		font-size: 14px;
		text-align: center;
	}
	
	.rec_bin
	{
		top: -1px;
	}
	
	.box_trial
	{
		width: 100%;
		padding: 30px 10px;
	}
	.new_inline_headers
	{
		padding-left: 10px; 
	}
	.new_ses_font
	{
		font-size: 22px !important; 
	}
	
	.one_settings_title
	{
		font-size: 14px;
		text-align: center;
	}
}

@media screen and (max-width: 700px)
{
	.inline_parts
	{
		width: 100%;
	}
	
	.new_btns_sq
	{
		top: 72%;
	}
	
	.feedback_1st_hold
	{
		width: 100%;
		padding-bottom: 10px;
	}
	.feedback_2nd_hold
	{
		width: 100%;
	}
	
	.btns_list_part
	{
		display: block;
		text-align: center;
	}

	.new_view_button2
	{
		width: 50%;
		margin-bottom: 10px;
	}
}


@media screen and (max-width: 350px)
{
	.creditCardName
	{
		font-size: 12px;
	}
	
	.session_host_hold
	{
		font-size: 18px;
	}
	
	.host_chosen
	{
		margin-left: 5px;
	}
}

@media screen and (max-width: 665px)
{
	.edit_new_position
		{
			position: relative;
			left: -50%;
		}
}

@media screen and (max-width: 600px)
{
	
	.nav-link_new
	{
		font-size: 14px;
	}
	
	.for_sign
	{
		width: 95%;
	}
	
	.all_info
	{
		width: 85vw;
	}
	
	.new_ses_font
	{
		font-size: 21px !important; 
	}
	
	.new_titles_width
	{
		width: 65%;
	}
	
	.prt1_padding
	{
		padding: 40px 10px;
	}
}
@media screen and (max-width: 575px)
{
	.new_session_link_width
	{
		width: auto; 
		margin-bottom: auto;
	}
	.edit_new_position
	{
		left: auto;
	}
	.new_btns_sq
	{
		top: 70%;
	}
	.left_arrow_holder
	{
		width: 40px;
	}
}
@media screen and (max-width: 552px)
{
	.abs_close
	{
		top: 8px;
		right: 5px;
	}
	
	.relative_padd
	{
		font-size: 12px;
		word-break: keep-all;
}
	
	.one_info
	{
		font-size: 14px;
		word-break: keep-all;
	}
	
	.abs_virdio_logo
	{
		top: -35px;
		width: 100%;
	}
	
	.left_img
	{
		width: 100px;
		height: 100px;
	}
	
	.allNewsPage
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.for_read_more
	{
		padding-left: 115px;
	}
	
	.paddl0
	{
		padding-left: 0px;
	}
	
	.training_header
	{
		font-size: 22px;
	}
	
	.menu_hosts
	{
		width: 100%;
		text-align: center;
	}
	
	.host_left
	{
		text-align: left;
	}
	
	.for_all_members
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.members_container
	{
		padding: 5px;
	}
	
	.one_menu_host
	{
		font-size: 15px;
		text-align: center;
	}
	
	.host_rows
	{
		font-size: 13px;
		overflow-x: hidden;
	}
	
	.no_hosts
	{
		font-size: 15px;
	}
	
	.frequently_title
	{
		padding-top: 100px;
		padding-bottom: 100px;
		
		font-size: 25px;
	}
	
	.profile_pay_form
	{
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
	
	.new_ses_font
	{
		font-size: 17px !important;
	}
	.slider_sec .carousel-caption h3 
	{
		font-size: 18px !important;
	}
	.new_titles_width
	{
		width: 55%;
	}
	.onDemandLinkBtn_squre
	{
		top: 85px;
	}
	.new_link_position
	{
		top: -13px;
		right: 7% !important;
	}
	.session_btn_od_new
	{
		padding: 10px 15px;
		font-size: 14px;
	}
	
	.new_view_button2
	{
		width: 75%;
	}
	
}

@media screen and (max-width: 470px)
{
	.new_link_position
	{
		top: 135px !important;
	}
	.channel_name
	{
		padding-left: 5px;
		padding-right: 5px;
		
		font-size: 16px;
	}
	
	.channel_description
	{
		padding-left: 5px;
		padding-right: 5px;
		
		font-size: 14px;
	}
	
	.povered
	{
		width: 70px;
	}
	
	.traing_btns
	{
		width: 80%;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	.new_od_link
	{
		right: 25px;
	}
	.session_btn_od_new
	{
		font-size: 14px;
		padding: 10px 20px;
	}
	.line_session_btn
	{
		position: relative;
		top: 50px;
	}
	.more_width_past_btn
	{
		width: 100%;
		text-align: center;
	}
	
	.date_val
	{
		font-size: 20px;
	}
	
	.mon_text
	{
		font-size: 16px;
	}
	
	.new_edit_btn
	{
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 400px)
{
	.login-tagline
	{
		font-size: 16px;
	}
	
	.read_more
	{
		font-size: 14px;
	}
	
	.main_virtual_text, .virtual_world
	{
		font-size: 15px;
	}
	.new_titles_width
	{
		width: 45%;
		font-size: 15px; 
	}
	.new_titles_img
	{
		height: 40px;
		width: 40px;
		
		background-size: 30px;
	}
	.new2Img
	{
		right: 110px;
		background-size: 40px;
	}
	
	.sq_last_width
	{
		width: 100%;
	}
	.new_btns_sq
	{
		padding-top: 5px !important;
	}
	
	.upper_btn
	{
		display: block !important;
		margin-bottom: 20px !important;
	}
	
	.new_view_button2
	{
		width: 75%;
	}
	
	.detail_prt1
	{
		font-size: 15px;
	}
}

@media screen and (max-width: 370px)
{		
	.abs_icons_list.less_top
	{
		top: -24px
	}
	.header-signup-text
	{
		display: block;
		width: 100%;
		text-align: center;
	}
	
	.host_chosen
	{
		font-size: 18px;
	}
	
	.equ_title_session
	{
		font-size: 14px;
		margin-right: 10px;
	}
	
	.new_sessionName, .new_sessionName_name
	{
		font-size: 16px;
	}
	
	.new_user_hold
	{
		font-size: 18px;
	}
	.onDemandLinkBtn
	{
		font-size: 12px;
	}
	.new_od_link
	{
		top: 70px;
		left: 20px;
		right: auto;
	
		text-align: left !important;
	}
	.new_link_position
	{
		right: 0% !important;
	}
	.session_btn_od_new
	{
		padding: 10px 10px;
		font-size: 12px;
	}
	
	.white_text2
	{
		padding-left: 15px !important;
	}
}

@media screen and (max-width: 360px)
{
	.less_padd_edit
	{
		font-size: 12px !important;
		width: auto !important;
	}
	
	.frequently_title
	{
		padding-top: 80px;
		padding-bottom: 80px;
		
		font-size: 18px;
	}
	
	.host_form_signup .signedup_2, .participant_form_sign .signedup_2
	{
		top: 45px;
	}
	.new_padding_buttons
	{
		padding: 13px 28px;
	}
	.new2Img
	{
		right: 85px;
	}
	.new2img_edit
	{
		right: 45px;
	}
	
	.upcoming_bulb
	{
		left: 32px !important;
	}
	.session_btn_od
	{
		padding: 10px 20px;
	}
	.new_margin_line
	{
		margin-top: 100px;
	}
	
	
}
@media screen and (max-width: 340px)
{
	.new_padding_buttons
	{
		padding: 13px 24px;
	}
	
	.host_chosen
	{
		font-size: 15px;
	}
	.new_session_link_width
	{
		width: 100%; 
		margin-bottom: 10px;
	}
	.edit_new_position
	{
		left: -60%;
	}
	.small_marg_left 
	{
		margin-left: 8px;
	}	
}

@media screen and (max-width: 768px)
{
	.newsallstyle div[style*="background:"]
	{
		padding: 145px 30px 30px 30px !important;
	}
	
	.mobileclear
	{
		clear: both;
		display: block;
		width: 100%;
		text-align: left;
	}
	
	.settings_button_hold
	{
		display: block;
		position: relative;
		left: 34px;
		
		width: 100%;
		margin-bottom: 20px;
		text-align: left !important;
	}
	
	.settings_button_main
	{
		position: static;
	}
	
	.inline_shop_widder, .inline_shop_smaller
	{
		display: block;
		width: 100%;
	}
	
	.channel_session_default
	{
		font-size: 16px;
	}
	
	.channel_settings_container
	{
		font-size: 16px;
	}
	
	.popup_text_channel
	{
		font-size: 16px !important;
	}
	.reportsholdn .daily_section
	{
		margin-right: 27px;
	}
	.new_singedup_2
	{
		top: 21px !important;
	}
	
	.new_rel_pos_reg, .translatey
	{
		top: 0px !important;
	}
	
	#participant_sign_up .translatey
	{
		top: 0px !important;
	}
	
	.sessionName_new_holder
	{
		left: 10px;
		width: calc(100% - 10px);
	}
	
	.mt--68
	{
		margin-top: 0px;
	}
	
	.pl15
	{
		padding-left: 0px;
	}
	
	.new_sessionName
	{
		font-size: 20px;
	}
	
	.less_font_desc
	{
		font-size: 16px;
	}
	.less_font_channel
	{
		margin-top: 0px;
	}
	
	.link_list_position
	{
		top: -20px;
	}
	
	.new_align_upc .in_progress_btn
	{
		padding: 10px 10px;
		font-size: 13px;
	}
	
	.new_part_dashboard_stat
	{
		top: -240px !important;
		right: auto !important; 
		left: 90px !important;
	}
	
	.new_arrow_stats
	{
		top: 85% !important;
		left: -3px !important;
	}
	
	.new_part_join_tutorial .tutorial_container
	{
		width: 350px;
	}
	
	.resend_container
	{
		width: 100%;
	}
	
	.channel_create_main .register-frm .label
	{
		top: -21px !important;
		left: -17px !important;
	}
	
	.edit_create_main .register-frm .label
	{
		top: -21px !important;
		left: -17px !important;
	}
}

@media screen and (max-width: 680px)
{
	.new_no_border_radius
	{
		min-height: 300px;
	}	
}

@media screen and (max-width: 600px)
{
	.new_part_join_tutorial .tutorial_container
	{
		width: 300px;
	}	
}


@media screen and (max-width: 500px)
{
	.sessionName_new_holder
	{
		font-size: 18px;
	}
	
	.new_sessionName
	{
		font-size: 20px;
	}
	.new_sessionName_name
	{
		font-size: 18px;
	}
	.onDemandLinkBtn
	{
		top: 130px;
	}
	
	.left_arrow_holder
	{
		width: 40px;
	}
	
	.resend_top_title, .resend_confirmation
	{
		font-size: 15px;
	}
	
	.less_font_checkbox
	{
		font-size: 15px;
	}
}

/*------------- UROS IPAD CSS START ------------ */
/*------------- SRETEN START -------------------*/
.cursor_p
{
	cursor: pointer;
}
	
.non_marg_padd .form-group, .non_marg_padd .publish_holder
{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.non_marg_padd .heigh40
{
	height: 40px;
}
.adm_rep
{
	width: 14px;
	height: 14px;
}

.add_pos_rel
{
	position: relative;
}

.ch_button
{
	height: 55px;
	padding-left: 25px;
	padding-right: 25px;
	background: #BD00FF;
	
	color: #fff;
	text-align: center;
	font-family: "Avenir-Book";
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	
	border: none;
	border-radius: 35px;
	cursor: pointer;
}
	
.oth_stl
{
	padding:80px 0px;
	
	background: #303030 !important;
	text-align: center;
	
	vertical-align: top;
}

.loged_user
{
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Avenir-Book";
	font-size: 24px;

	word-break: break-all;
}

.marg_t30
{
	margin-top: 30px;
}
	
.ch_button2
{
	height: 55px;
	padding-left: 25px;
	padding-right: 25px;
	
	color: #fff;
	background-color: #393939 !important;
	
	text-align: center;
	font-family: "Avenir-Book";
	font-size: 18px;
	font-weight: bold;
	
	border: 2px solid #BD00FF;
	border-radius: 35px;
	cursor: pointer;
}

.wdth500
{
	width: 500px;
}

.disp_vert_mid
{
	display: inline-block;
	vertical-align: middle;
}
	
.poss_midd
{
	vertical-align: middle;
}

.displ_none
{
	display: none;
}

.ch_padd .custom_btn1
{
	padding: 13px 10px !important;
}

.logoutChannel
{
	position: absolute;
	right: 0px;
	top: 20px;
	padding: 12px 10px;
	
	background-position: center;
	cursor: pointer;
}

.add_pos_rell
{
	position: relative;
}

.right25
{
	right: 25px !important;
}
	
.new_blck
{
	background: #000 !important;
}

.width-24
{
	width: 24px !important;
}

.new_right2
{
	right : -32px !important;
	left: unset !important;
}

.add_opa07
{
	opacity: 0.7;
}
	
.ch_top19
{
	top: -19px !important;
}

.marg_tp
{
	margin-top: 10px;
}
	
.add_lft
{
	left: 300px !important;
}

.member_create_user2
{
	position: absolute;
	top: 32px;
	left: 300px;
}

.add_curs
{
	cursor: pointer;
}

.more_margin_btn
{
	margin-left: 20px;
}

.wdth400
{
	width: 400px;
}

.wdth500
{
	width: 500px;
}

.disp_vert_mid
{
	display: inline-block;
	vertical-align: middle;
}

.ch_add_dtval
{
	width: 14% !important;
}

.question_answer ul
{
	margin-bottom: 0px !important;
	padding-inline-start: 25px;
	margin-block-start: -1em;
}

.no_overflow
{
	overflow: initial;
}

.ulInUl
{
	margin-block-start: -3em !important;
	list-style-type: disc;
}

.question_answer .ulInUl
{
	margin-bottom: -40px !important;
}

.noResults2
{
	padding: 40px;
	height: 100px;
	
	font-size: 16px;
	text-align: center;
}

.billing_table .addPaddRepo
{
	padding: 20px 30px 20px 10px !important;
}

.billing_table td .chtop
{
	bottom: 24px !important;
}


.wdth600
{
	width: 600px;
}

.billing_table .add200
{
	width: 200px !important;
}

.chPad_topbot
{
	padding-top: 40px !Important;
	padding-bottom: 0px !important;
}

.saveButton
{
	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: 150px;
	height: 55px;
}

.wd100
{
	width: 100%;
}

.fnt23b
{
	font-size: 20px !important
}
/*------------- SRETEN END -------------------*/

/*------------- SRETEN PARTICIPANT DASHBOARD NEW DESIGN START -------------------*/
.wdth100
{
	width: 100%;
}

.new_back
{
	background-color: #2a2a2a;
}

.ch_edit_OD
{
	right: 10px;
	width: initial !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	border-radius: 16px !important;
}

.marg_tp10
{
	margin-top: 10px;
}

.pdash_50
{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.txt_lft
{
	text-align: left;
}

.txt_rght
{
	text-align: right;
}

.pdash_fnt16
{
	font-size: 16px;
	color: #fff;
}

.pdash_button
{
	display: inline-block;
	padding: 10px 30px;
	
	color: #afaeae;
    text-align: center;
    font-family: Avenir-Book;
	font-size: inherit;
	
	background-color: #4e4e4e;
	
	border: 0px none;
	
	border-radius: 22px;
	cursor: auto;
}

.pdash_button_more
{
	display: inline-block;
	padding: 10px 45px 10px 17px;
	
	color: white;
    text-align: center;
    font-family: Avenir-Book;
	font-size: inherit;
	
	border: 1px solid #bd00ff;
	border-radius: 22px;
	cursor: pointer;
}

.pdash_button2
{
	display: inline-block;
	padding: 10px 28px;
	
	color: white;
    text-align: center;
    font-family: Avenir-Book;
	font-size: inherit;
	background-color: #bd00ff;
	
	border: 1px solid #bd00ff;
	border-radius: 22px;
	cursor: pointer;
}

.no_upc_sessions_participant
{
	margin-top: 1rem;
	padding: 15px 20px;
	
	background-color: #2a2a2a;
    border-radius: 10px;
	
	color: #f8f9fa;
	font-size: 22px;
}

.pdash_dplinl
{
	display: inline-block;
}

.pdash_footer_square25
{
	display: inline-block;
    font-size: 16px;
    color: #fff;
    text-align: left;
    vertical-align: middle;
}

.pdash_new_wdth
{
	width: calc(50% - 5px);
}

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

.pdash_change_dir
{
	text-align: right;
}

.marg_tp30
{
	margin-top: 30px;
}

.padd_btm30
{
	padding-bottom: 30px;
}

.down_angle
{
	position: absolute;
    right: 18px;
    top: 12px;
    width: 20px;
    height: 20px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/down_angle.png);
	background-size: 15px 15px;
}

.profile_back_button
{
	display: inline-block;
	padding-left: 30px;
	
	font-size: 22px;
	color: #979798;
	
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/arrow_exit_gray.svg);
	background-size: 20px 20px;
	
	cursor: pointer;
}

/*------------- SRETEN PARTICIPANT DASHBOARD NEW DESIGN END -------------------*/

@media all and (device-width: 768px) and (device-height: 1024px) 
{
	.channel_create_main 
	{ 
		position: relative;
		height: 80vh; 
		overflow-y: auto;
	} 
	.count-box .scriptName
		{
			font-size: 16px; 
		}
}


@media screen and (max-width: 370px)
{
	.header-signup-text
	{
		display: block;
		width: 100%;
		text-align: center;
	}
	.reportsholdn .daily_section
	{
		margin-right: 20px;   
		font-size: 15px;
	}
	
	.new_part_dashboard_stat
	{
		width: 213px !important;
		
		right: 1px !important; 
		left: auto !important;
	}
	
	.part_dash_cont
	{	
		width: 90%;
	}
}
/*------------- UROS IPAD CSS END ------------ */

/*------------- UROS MEDIA END------------ */

/*------------- ANDREJ MEDIA START -----------*/


@media screen and (max-width: 1300px)
{
	.new_wText
	{
		width: 100px; 	
	}
	
	.desc_show_width_list
	{
		width: 100%;
	}
}	

@media screen and (max-width: 1200px)
{
	.ch_padd_r20
	{
		padding-right: 0px !important;
	}
	
	.upper_btn
	{
		display: inline-block;
		margin-bottom: 0px;
	}
	.new_stats_canc
	{
		top: auto;
		bottom: 100px;
		left: auto;
		right: 40px;
		
		width: 80%;
	}
	.right_btn_position2
	{
		position: absolute;
		right: 0px;
	}
	
	.tutorial_third_part
	{
		top: -315px;
		left: 120px;
	}
	.third_part_arrow
	{
		top: 78%;
	}
}	

@media screen and (min-width: 1061px) and (max-width: 1435px)
{
	.extended_dashboard_search
	{
		margin-top: 25px;
	}

	.abs_new_session
	{
		right: auto;
		left: 213px;
	}
	.new_right
	{
		left : 240px;
	}
	.upcoming_bulb
	{
		right: auto;
		left: 264px;
	}
}

@media screen and (min-width: 990px) and (max-width: 1200px)
{
	.channel_info_heading
	{
		max-width: 36%;
	}
}

@media screen and (min-width: 1220px) and (max-width: 1299px)
{
	.dashboard_search_inputs
	{
		width: 145px !important;
	}
}

@media screen and (min-width: 1103px) and (max-width: 1219px)
{
	.dashboard_search_inputs
	{
		width: 123px !important;
	}
}

@media screen and (min-width: 1061px) and (max-width: 1102px)
{
	.dashboard_search_inputs
	{
		width: 115px !important;
	}
}

@media screen and (min-width: 1435px) and (max-width: 1647px)
{
	.dashboard_search_inputs
	{
		width: 100px !important;
	}
}

@media screen and (min-width: 1300px) and (max-width: 1434px)
{
	.dashboard_search_inputs
	{
		width: 130px !important;
	}
}

@media screen and (min-width: 1061px) and (max-width: 1430px)
{
	.more_hg
	{
		height: 380px;
	}
	.less_wd
	{
		width: 45%;
	}
	.more_wd
	{
		width: 30%;
	}
}
  
@media screen and (max-width: 540px)
{
	.dashboard_search_inputs
	{
		display: block;
		width: 100% !important;
		margin: 20px auto !important;
	}
	
	.new_label_position
	{
		top: -10px !important;
	}
	
	.clearAllFilterBtn 
	{
		top: 180px;
		left: 2px;
	}
	
	.interestArrayHolder
	{
		left: -130px;
	}
	
}
@media screen and (max-width: 1160px)
{
	.one_list_demand
	{
		padding: 15px 15px 40px 15px;	
	}
	
	.less_left_info
	{
		padding-top: 80px;
		padding-left: 0px;
	}
	
	.demand_hold
	{
		flex-direction: column !important;
	}
	
	
	.inline_btns_header
	{
		width: calc(16% - 10px);
		margin-right: 10px; 
		margin-top: 20px;
		margin-left: 0px;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.header_filters
	{
		width: 100%;
		text-align: center; 
	}
	
	.demand_preview_square
	{
		display: block;
		width: 100%;
		height: auto; 
		margin-right: 0px;
	}
	
	
	.demand_preview_square.odd_square
	{
		margin-right: 0px;
		margin-left: 0px;
	}

	.footer_square40
	{
		display: block;
		width: 100%;
		
		padding: 20px 0px;
	}
	
	.footer_square20
	{
		display: block;
		width: 100%;
		
		padding: 20px 0px;
	}
	
	.footer_square25
	{
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.one_w_demand
	{
		display: block;
		width: 100%;
	}
	
	.inner_w_demand
	{
		padding-right: 0px;
	}
	
	.abs_view_demand
	{
		position: relative;
		right: 0;
		top: 18px;
		display: block;
		
		width: 41%;
		margin: auto;
	}
	.new_text_align
	{
		top: 0px;
		right: 40px; 
		
		text-align: right; 
	}
	.inline_all
	{
		width: 100%;
	}
	
	.new_link_position
	{
		top: -13px;
		right: 9%;
	}
	
	.expanded_search_hold
	{
		width: 100% !important;
	}
	
	.expanded_ondemand
	{
		width: calc(100% - 50px) !important;
		right: 23px !important
	}
	
	.marg_bott1060
	{
		margin-bottom: 15px;
	}
	
	.pdash_change_dir
	{
		text-align: left;
	}
	
	.pdash_new_padd
	{
		padding: 0px 0px 0px 25px !important;
	}
	
	.tutorial_third_part
	{
		top: -365px;
	}
	
	.third_part_arrow
	{
		top: 89%;
	}
}
@media screen and (max-width: 992px)
{
	.new_dash_width
	{
		width: 70% !important; 
	}
	.new_text_align
	{
		width: 30%;
		margin: 0px !important;
	}
	.inline_btns_header_new 
	{
		width: 18%;
	}
}

@media screen and (max-width: 520px)
{
	.sort_by_container
	{
		display: block;
		margin: 10px 0px 10px 0px;
	}
	
	.form-group-header
	{
		display: block;
	}
	
	.checked_sort
	{
		position: absolute;
		right: 31px;
	}
}

@media screen and (max-width: 500px)
{
	.pdash_max_wdth
	{
		width: 100% !important;
		text-align: center;
	}
	
	.pdash_marg_tp10
	{
		margin-top: 10px;
	}
	
	.new_align_upc .in_progress_btn
	{
		padding: 10px 10px;
		font-size: 12px;
	}
}

@media screen and (max-width: 768px)
{
	.my_profile_inner_container
	{
		padding: 10px;
	}
	
	.profile_picture_hold
	{
		height: 120px;
		width: 120px;
	}
	
	.profile_main_holder
	{
		display: block;
		width: 100%;
	}
	
	.settings_profile_input
	{
		width: 100%;
		
	}
	
	.profile_content_hold
	{
		padding: 0px;
		border-left: none;
	}
	
	.settings_buttons_hold
	{
		text-align: center;
	}
	
	.profile_cancel_button
	{
		padding: 10px 15px;
	}
	
	.profile_save_button
	{
		margin-left: 10px;
		padding: 10px 15px;
	}
	
	.password_check_form
	{
		bottom: 5px;
	}
	
	.channel_reps_time
	{
		width: 100%;
	}
	
	.main_input_section
	{
		text-align: left;
	}
	
	.main_section_search
	{
		width: 100%;
	}
	
	#allprevsession .table th
	{
		padding: 20px 36px;
	}
	
	#allprevsession .billing_table
	{
		overflow-x: auto;
	}
	
	.session_list_close
	{
		top: 15px;
		right: 10px;
	}
	
	.abs_view_demand
	{
		position: relative;
		right: 0;
		top: 18px;
		display: block;
		
		width: 50%;
		margin: auto;
	}
	.reports_activity_hold
	{
		display: block;
	}
	
	.reports_session_hold
	{
		width: 100%;
		margin: 10px 5px;
	}
	
	.daily_section
	{
		width: 24%;
	}
	
	.daily_billing .daily_section
	{
		width: 48%;
	}
	
	.dailiy_none
	{
		display: none;
	}
	
	.main_part_pg
	{
		overflow-x: auto;
	}
	
	.all_session_info
	{
		width: 807px !important;
	}
	
	.tutorial_first
	{
		width: 100%;
	}
	
	.tutorial_container
	{
		width: 100%;
	}
	
	.tutorial_second_host
	{
		right: 0;
		top: 40px;
		
		width: 400px;
	}
	
	.drop_tutorial
	{
		right: 0;
	}
	
	.arrow_tutorial
	{
		top: -3px;
		right: 110px;
	}
	
	.nav-item
	{
		position: relative;
	}
	
	.tutorial_sixth_host
	{
		top: 49px;
		right: auto;
		left: auto;
		width: 100%;
	}
	
	.arrow_tutorial_nav
	{
		right: auto;
		left: 47%;
	}
	
	.tutorial_fifth_host
	{
		top: 49px;
		right: auto;
		left: auto;
	}
	
	.arrow_tutorial_join
	{
		left: 76%;
	}
	
	.tutorial_seventh_host
	{
		top: 77px;
		right: auto;
	}
	
	.arrow_tutorial_editch
	{
		left: auto;
		right: 10px;
	}
	
	.edit_ch_tutorial
	{
		top: 54px;
		right: auto;
	}
	
	.tutorial_add_sess
	{
		top: 57px;
		left: auto;
		right: -58px;
	}
	
	.main_edit_ch
	{
		top: 42px;
		right: auto;
		width: 308px;
	}
	
	.main_edit_ch_arrow
	{
		left: 61px;
		right: auto;
	}
	
	.tutorial_prod
	{
		top: 61px;
		right: 0;
	}
	
	.arrow_session_cal
	{
		right: 47%;
		left: auto;
	}
	
	.tutorial_first_session
	{
		top: 64px;
		right: auto;
		left: auto;
	}
	
	.tutorial_second_session1
	{
		top: 67px;
	}
	
	.tutorial_second_session 
	{
		right: auto;
		top: 76px;
	}
	
	.tutorial_third_session
	{
		top: 62px;
		right: auto;
		left: auto;
	}
	
	.participant_arrow
	{
		top: 19px;
		right: -5px;
		
		transform: rotateY(0deg) rotate(132deg);
	}
	
	.third_part_arrow
	{
		top: -5px;
		left: 17px;
	}
	
	.tutorial_back
	{
		transform: translateX(0%) translateY(-39%);
	}
	
	.membertable
	{
		overflow: auto;
	}
	
	.membertable .px-md-4
	{
		min-width: 690px;
	}
	
	.published_interest
	{
		position: absolute;
		top: 64px;
		left: 16px;
		
		padding-left: 0;
	}
	
	.published_list
	{
		padding-left: 0;
	}
	
	.fitness_showed_items
	{
		display: block;
		
		width: 100%;
	}
	
	.one_trial
	{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.inline_btns_header
	{
		width: 48%;
	}
	
	.grid_view, .list_view
	{
		width: 22%;
	}
	
	.new_width_add
	{
		width: 40px; 
	}
	
	.inline_all
	{
		width: 100%;
	}
	
	.payments_defualt_mobile
	{
		padding: 46px 0px 10px 0px !important;
	}
	
	.payments_close_icon
	{
		top: 35px !important;
		right: 35px !important;
	}
	
	.training_info
	{
		width: 271px !important;
		right: -183px !important;
	}
	
	.overflow_payment
	{
		max-height: 65vh;
	}
	
	.creating_session_mob
	{
		width: auto !important;
		margin-right: 18px !important;
		text-align: left !important;
	}
	
	.copy_link_clipboard
	{
		width: 20% !important;
	}
	
	.copy_main_button
	{
		padding-left: 20 !important;
		padding-right: 20 !important;
	}
	
	.settings_section
	{
		padding: 5px;
	}
	
	.main_settings_text
	{
		font-size: 12px;
	}
	
	.demand_timer_start
	{
		width: 100%;
	}
	
	.inner_card_text
	{
		width: 90%;
	}
	
	.shop_titles
	{
		vertical-align: top;
	}
	
	.equipment_list_hold
	{
		width: 567px;
	}
	
	.equipment_inner_hold
	{
		overflow: auto;
	}
	
	.second_tit_shopp
	{
		margin-left: 0px;
	}
	
	.wine_mobile_hold
	{
		display: block;

		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
	
	.shopping_item_note
	{
		padding-left: 0;
	}
	
	.shopping_inner_container
	{
		width: 687px;
	}
	
	.shopping_input_hold input
	{
		padding-right: 10px;
	}
	
	.pick_product_hold
	{
		padding-right: 0;
	}
	
	.copy_link_hold
	{
		margin: auto !important;
	}
	
	.pay_circle_text
	{
		text-align: center;
	}
	
	.main_signup_pop
	{
		bottom: 194px;
	}
	
	.participant_pass_pop
	{
		bottom: 219px;
	}
	
	.products_hold
	{
		padding: 0px 20px;
	}
	
	.settings_subject, .settings_subject_content
	{
		width: 100%;
		max-width: 100%;
		padding-left: 0px;
	}
	
	.preview_button_channel
	{
		display: block !important;
		margin: 10px 0px
	}
	
	.reset_button_channel
	{
		display: block !important;
		margin: 10px 0px
	}
	
	.host_chosen
	{
		margin-left: 0;
	}
	
	.extended_dashboard_search
	{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.search_media_hold
	{
		position: static  !important;
		padding: 15px  !important;
	}
	
	.search_reports
	{
		width: 100% !important;
	}
	
	.channel_settings_bulb
	{
		left: 120px;
	}
	
	.host_settings_bulb
	{
		left: 130px;
	}
	
	.upcoming_bulb
	{
		right: auto;
		left: -47px;
	}
	
	.current_host_bulb
	{
		right: 14px;
		top: 54px;
	}
	
	.record_ondemand_bulb
	{
		left: -279px;
	}
	
	.video_ondemand_bulb
	{
		left: 121px;
	}
	
	.par_ondemand_bulb
	{
		left: 95px;
	}
	
	.device_bulb
	{
		left: 68px;
	}
	
	.new_dash_width
	{
		width: 100% !important; 
	}
	
	.new_text_align
	{
		top: 0px; 
		width: 100% !important;
		margin: auto !important;
		
		text-align: center; 
	}
	
	.new_padd_nav2
	{
		width: 100%; 
		text-align: center;
	}
	
	.def_for_other
	{
		display: none;
	}
	
	.default_reps_hold
	{
		position: relative;
		left: auto;
		right: auto;
		
		width: 98%;
		margin: auto;
	}
	
	.email_channel_settings
	{
		width: 100%;
	}
	
	.new_join_position
	{
		left: auto;
	}
	
	.new_join_position .arrow_tutorial_join
	{
		left: 1%;
	}
	
	.tutorial_third_part
	{
		top: -247px;
		left: 70px;
	}
	
	.footer_square33
	{
		width: 100%;
	}
}

@media only screen and (min-width: 768px) 
{
	.def_for_mob
	{
		display: none;
	}
	
	.channel_hold_search
	{
		width: 16% !important;
		max-width: 16% !important;
	}
}

@media screen and (max-width: 780px)
{
	.member_create_user2
		{
			top: 72px;
			left: 32px;
		}
}

@media screen and (max-width: 870px)
{
	.member_create_user
	{
		top: 72px;
		left: 32px;
	}
	
	.member_title_hold
	{
		padding-bottom: 40px !important;
	}
}

@media screen and (max-width: 510px)
{
	.ch_padd
	{
		padding-bottom: 67px !important;
	}
}

@media screen and (max-width: 490px)
{
	.member_create_user
	{
		top: 104px;
		left: 32px;
	}
	
	.member_title_hold
	{
		padding-bottom: 67px !important;
	}
}

@media screen and (max-width: 990px)
{
	.chargingPlansLogged .for_sign2
	{
		width: 75%;
	}
}

@media screen and (max-width: 770px)
{
	.chargingPlansLogged .for_sign2
	{
		width: 95%;
	}
}

@media screen and (max-width: 380px)
{
	.expires
	{
		width: 49% !important;
	}
	
	.creditCard
	{
		width: 51% !important;
	}
	
	.card_wrap_padding
	{
		padding-left: 0;
	}
}

@media screen and (max-width: 553px)
{
	.payments_close_icon
	{
		top: 8px !important;
		right: 11px !important;
	}
}

@media screen and (max-width: 360px)
{
	.rec_bin
	{
		right: 23px;
	}
	
	.card_wrap_padding
	{
		padding-left: 8px;
	}
	
}

/*------------- ANDREJ MEDIA END ------------*/

@media screen and (max-width: 600px)
{
	.inline_btns_header
	{
		width: 100%;
	}
}

@media(max-width: 360px)
{
	.members_title
	{
		font-size: 18px;
	}
	
	.host_chosen
	{
		font-size: 16px;
	}
	
	.record_ondemand_bulb
	{
		left: 48px;
	}

}

@media(max-width: 340px)
{
	.record_ondemand_bulb_nc
	{
		left: -65px;
	}
	
	.video_ondemand_bulb
	{
		left: 121px;
	}
	
	.par_ondemand_bulb
	{
		left: 95px;
	}
	
	.device_bulb
	{
		left: 68px;
	}
	
	.new_dash_width
	{
		width: 100% !important; 
	}
	
	.new_text_align
	{
		top: 0px; 
		width: 100% !important;
		margin: auto !important;
		
		text-align: center; 
	}
	
	.new_padd_nav2
	{
		width: 100%; 
		text-align: center;
	}
	
	.def_for_other
	{
		display: none;
	}
	
	.default_reps_hold
	{
		position: relative;
		left: auto;
		right: auto;
		
		width: 98%;
		margin: auto;
	}
	
	.email_channel_settings
	{
		width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.def_for_mob
	{
		display: none;
	}
	
	.channel_hold_search
	{
		width: 16% !important;
		max-width: 16% !important;
	}
}

@media screen and (max-width: 780px)
{
	.member_create_user2
		{
			top: 72px;
			left: 32px;
		}
}

@media screen and (max-width: 870px)
{
	.member_create_user
	{
		top: 72px;
		left: 32px;
	}
	
	.member_title_hold
	{
		padding-bottom: 40px !important;
	}
}

@media screen and (max-width: 510px)
{
	.ch_padd
	{
		padding-bottom: 67px !important;
	}
}

@media screen and (max-width: 490px)
{
	.member_create_user
	{
		top: 104px;
		left: 32px;
	}
	
	.member_title_hold
	{
		padding-bottom: 67px !important;
	}
}

@media screen and (max-width: 990px)
{
	.chargingPlansLogged .for_sign2
	{
		width: 75%;
	}
}

@media screen and (max-width: 770px)
{
	.chargingPlansLogged .for_sign2
	{
		width: 95%;
	}
}

@media screen and (max-width: 380px)
{
	.expires
	{
		width: 49% !important;
	}
	
	.creditCard
	{
		width: 51% !important;
	}
	
	.card_wrap_padding
	{
		padding-left: 0;
	}
}

@media screen and (max-width: 553px)
{
	.payments_close_icon
	{
		top: 8px !important;
		right: 11px !important;
	}
}

@media screen and (max-width: 360px)
{
	.rec_bin
	{
		right: 23px;
	}
	
	.card_wrap_padding
	{
		padding-left: 8px;
	}
	
}

/*------------- ANDREJ MEDIA END ------------*/

@media screen and (max-width: 600px)
{
	.inline_btns_header
	{
		width: 100%;
	}
}

@media(max-width: 360px)
{
	.members_title
	{
		font-size: 18px;
	}
	
	.host_chosen
	{
		font-size: 16px;
	}
	
	.record_ondemand_bulb
	{
		left: 48px;
	}

}

@media(max-width: 340px)
{
	.record_ondemand_bulb_nc
	{
		left: -65px;
	}
	
	.video_ondemand_bulb
	{
		font-size: 14px !important;
	}
}

#createsession
{
	width: 100%;
	padding: 30px 0px;
	text-align: center;
}

.ondemandprocess
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	margin-top: -40px;
	
	transform: translate(-50%, -50%);
	
	font-size: 25px;
	color: #555;
	font-weight: bold;
	text-align: center;
}

.ond_process_list
{
	margin-top: 10px;
	font-size: 20px;
	color: #555;
	font-weight: bold;
	text-align: center;
}

.editrecord_btn
{
	text-align: center;
}

.editrecord_btn button
{
	margin-top: 13px;
}

.fullEditVideo
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 50px;
	
	background: rgba(0, 0, 0, 0.7);
	
	overflow: auto;
	z-index: 1000000;
}

.fullEditVideoInside
{
	position: relative;
	max-width: 900px;
	margin: 0px auto 20px auto;
	padding: 50px;
	
	background: #2a2a2a;
	border-radius: 8px !important;
}



.fullEditVideoInside .closePopup:hover
{
	opacity: 0.75;
}

.fullEditVideo_title
{
	padding-bottom: 20px;
	text-align: center;
	font-size: 20px;
}

.fullEditVideo_video video
{
	width: 100%;
	height: 100%;
}

.fullEditVideo_duration
{
	position: relative;
	width: 100%;
	height: 15px;
	margin-top: 20px;
	background: #d9d9d9;
}

.fullEditVideo_durationin
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 15px;
	width: 100%;
	background: #9b51e0;
}

.fullEditVideo_tag1, .fullEditVideo_tag2
{
	position: absolute;
	left: 0px;
	top: 15px;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background-image: url('../images/videocut_icon.svg');
	background-size: 100%;
	
	cursor: pointer;
}

.fullEditVideo_tag2
{
	left: 100%;
}

.fullEditVideo_tag1::after, .fullEditVideo_tag2::after
{
	content: ' ';
	position: absolute;
	left: 1px;
	top: -15px;
	width: 50%;
	height: 25px;
	
	border-right: 2px solid #ddd5e5;
}


.fullEditVideo_tag1.mousefvstate_1, .fullEditVideo_tag2.mousefvstate_1
{
	background-image: url('../images/videocut_icon2.svg');
}

.fullEditVideo_tag1.mousefvstate_1::after, .fullEditVideo_tag2.mousefvstate_1::after
{
	border-right: 2px solid #9b51e0;
}

.fullEditVideo_tag1.mousefvstate_2, .fullEditVideo_tag2.mousefvstate_2
{
	background-image: url('../images/videocut_icon3.svg');
}

.fullEditVideo_tag1.mousefvstate_2::after, .fullEditVideo_tag2.mousefvstate_2::after
{
	border-right: 2px solid #d9892f;
}



.fullEditVideo_subtitle
{
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 18px;
}

.fullEditVideo_stend
{
	padding-top: 10px;
}

.fullEditVideo_start
{
	display: inline-block;
	width: 50%;
	padding-right: 20px;
	text-align: right;
}

.fullEditVideo_end
{
	display: inline-block;
	width: 50%;
	padding-left: 20px;
	text-align: left;
}

.fullEditVideo_start div, .fullEditVideo_end div
{
	display: inline-block;
	margin-left: 10px;
	padding: 12px 20px;

	background: #343434;
	border: 1px solid #707070;

	text-align: center;
	line-height: 23px;
	border-radius: 3px;
}

.fullEditVideo .custom_btn1
{
	margin-bottom: 50px !important;
}

.fullEditVideo_video
{
	position: relative;
}

.fullEditVideo_controls
{
	position: absolute;
	left: 0px;
	bottom: 20px;
	width: 100%;
	padding: 0px 20px;
}

.fullEditVideo_playbtn
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-image: url('../images/play_button.png');
	background-size: 100%;
	vertical-align: middle;
	
	transform: scale(1);
	transition: transform  0.2s;
	cursor: pointer;
}

.fullEditVideo_playbtn:hover
{
	transform: scale(1.1);
}

.fullEditVideo_playbtn.playingnow
{
	background-image: url('../images/pause_button.png');
}

.fullEditVideo_playtime
{
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}

.fullEditVideo_outmvid
{
	position: relative;
	height: 10px;
	margin-top: 10px;
	
	background: #2a2a2a;
	border-radius: 3px;
} 	

.fullEditVideo_inmvid
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 10px;
	
	background: #9b51e0;
	border-radius: 3px;
}

.fullEditVideo_inmvid div
{
	position: absolute;
	right: -10px;
	top: -5px;
	width: 20px;
	height: 20px;
	
	background: #9b51e0;
	border-radius: 50%;
	
	transform: scale(1);
	transition: transform  0.2s;
}

.fullEditVideo_inmvid div:hover
{
	transform: scale(1.1);
}

.videorepeatbtn
{
	padding-top: 22px;
	padding-left: 30px;
}

@media screen and (max-width: 768px)
{
	.fullEditVideo_start, .fullEditVideo_end
	{
		display: block;
		width: 100%;
		
		padding-right: 30px;
		padding-left: 0px;
		padding-bottom: 10px;
		
		text-align: right;
	}
}

.channeloneproduct img
{
	width: 50px !important;
	height: 50px !important;
}

.channeloneproductname
{
	margin-bottom: 0px !important;
}

.channeloneproductprice
{
	width: 100%;
	font-size: 15px;
	color: #aaa !important;
}

#show_subdomain .text-center.cursor
{
	word-wrap: break-word;
}


@media screen and (max-width: 360px)
{
	#onDemandPart .custom_btn1
	{
		margin-left: 0px;
		width: 100%;
	}
	
	#onDemandPart .one_w_50
	{
		width: 100%;
	}
	
	#upcoming_tut .abs_new_session
	{
		position: relative;
		top: 0px;
		right: 0px;
		text-align: center;
	}
	.new_font360
	{
		font-size: 18px;
	}
}
@media screen and (max-width: 325px)
{
	.label
	{
		font-size: 13px !important;
	}
	.participant_form_sign .label
	{
		top: -5px !important;
	}
}

#enablepopups
{
	display: none;
	color: #f00;
}


@media screen and (max-width: 460px)
{
	.membertopheader
	{
		width: 100%;
	}
	
	.channel_settings_openabs
	{
		left: -63px;
	}
	.slider_sec .carousel-caption h3 
	{
		font-size: 22px !important;
	}
	
	.record_ondemand_bulb_nc
	{
		top: 0px;
		left: 38%;
	}

	.link_list_position
	{
		top: 445px;
		right: -6px;
		
		z-index: 999;
	}
	.new_btns_holder
	{
		top: 585px;
		z-index: 999;
	}
	.new_margin_line
	{
		margin-top: 170px;
	}
	
	.add_wdt
	{
		width: initial;
	}
	
	.new_width_part_list
	{
		width: 100%;
	}
	
	.btn_holder_past
	{
		text-align: center;
	}
	
	.calendarInputHolder
	{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.midLineSearch
	{
		display: none;
	}
}
@media screen and (max-width: 860px)
{
	.new_ses_font
	{
		font-size: 26px !important;
	}
}
@media screen and (max-width: 760px)
{
	.new_ses_font
	{
		font-size: 24px !important;
	}
	
	.list_btns_holder_past
	{
		width: 100%;
		padding-top: 10px;
	}
	
	.host_list_holder
	{
		padding-bottom: 0px !important;
	}
	
	.new_stats_canc
	{
		top: auto;
		bottom: 100px;
		left: auto;
		right: 40px;
		
		width: 80%;
		z-index: 30;
	}
	
	.less_align
	{
		right: auto;
		width: 100%;
		text-align: center;	
	}
	
}
@media screen and (max-width: 590px)
{
	.new_ses_font
	{
		font-size: 22px !important;
	}
	
	.neww16
	{
		width: 16% !important;
	} 
}

@media screen and (max-width: 533px)
{
	.phone_new_margin
	{
		width: 51%;
		margin-right: 0px !important; 
	}
}

@media screen and (max-width: 440px)
{
	.new_reopen_button
	{
		padding: 10px 15px;
	}
	.small_btn
	{
		padding: 5px 5px;
	}

	.sq_last_width
	{
		width: 100%;
	}
	.new_btns_sq
	{
		padding-top: 5px !important; 
	}
	.link_list_position
	{
		top: 470px;
	}
	.new_btns_holder
	{
		top: 605px;	
	}
	.new_margin_line
	{
		margin-top: 200px;
	}

}


.fullEditVideo .canvasCont
{
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.tp_60
{
	top: 28px;
    right: 45px;
}

.dashboardlisting
{
	position: relative;
	padding-bottom: 0px;
}

.dashboardlisting .rightIconsDash
{
	position: absolute;
	right: 10px;
	top: 10px;
	
	text-align: right;
}

.dashboardlisting .rightIconsDash img
{
	width: 36px;
	margin-bottom: 10px;
}

.dashboardlisting .rightIconsDash button
{
	margin-bottom: 6px;
}

.dashboardlisting .relative_list_info
{
	padding-right: 10px;
}


.dashboardlisting .mt-2, .dashboardlisting .mt-3 
{
	margin-top: 0px !important;
}


.sessionselectimage
{
	max-width: 285px;
}

.sessionselectimage .custom-file-session
{
	max-height: 73px;
	margin-bottom: 23px;
}

#coming_soon_alert
{
	z-index: 999999999;
}

.plOptions
{
	position: absolute;
	left: -10000px;
	top: 0px;
	width: 1px;
	height: 1px;
}

.addplbutton
{
	position: relative;
	margin-right: 50px;
}

.addplbutton input
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	
	opacity: 0;
}

.newPSignup .for_sign
{
	padding-top: 50px !important;
}

.chsubPage button.done
{
	margin-top: 50px !important;
	min-width: 200px;
}

.chsubPage .training_title
{
	padding-top: 40px;
	text-align: center;
}

.chsubPage .training_title span
{
	color: #bd00ff;
}

.pay_i.crossedClass
{
	padding-bottom: 0px;
	font-size: 16px;
	text-decoration: line-through;
}

#allprevsession .stickybutton
{
	position: fixed;
	bottom: 20px;
	transform: translateX(-50%);
}

.inner_session_holder
{
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-radius: 30px 30px 0px 0px;
}

.switch_check
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	width: 32px;
	height: 18px;
}

.switch_check input 
{ 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider_filter 
{
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #BCA4FF;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider_filter:before 
{
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 2px;
	bottom: 2px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider_filter 
{
	background-color: #6D118C;
}

input:focus + .slider_filter 
{
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_filter:before 
{
	-webkit-transform: translateX(14px);
	-ms-transform: translateX(14px);
	transform: translateX(14px);
}

.slider_filter.round_filter 
{
	border-radius: 34px;
}

.slider_filter.round_filter:before 
{
	border-radius: 50%;
}

.one_w_demand .label
{
	z-index: 3;
}

.inner_w_demand .height_imgadd 
{
	z-index: 1;
}

/*------------- NEW UI SESSION CREATION MEDIA CSS UROS START ------------ */

@media screen and (max-width: 1300px)
{
	.for_info_fields .label
	{
		top: -9px;
		font-size: 15px !important;
	}
	
	.edit_button_equ
	{
		padding: 10px 20px;
		font-size: 14px;
	}
}

@media screen and (max-width: 1200px)
{
	.one_creation_menu
	{
		text-align: center;
	}
	
	.def_for_mob
	{
		display: none;
	}
		
	.def_for_other
	{
		display: block;
	}

	.default_reps_hold
	{
		position: relative;
		left: auto;
		right: auto;
		
		width: 98%;
		margin: auto;
	}
	
	.relative.pt30
	{
		padding-top: 0px;
	}
	
	.go_right_search
	{
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		padding-left: 1.5rem !important;
	}
	
	.allow_left
	{
		position: relative;
		left: 0px!important;
	}
	
	.allow_left_par
	{
		position: relative;
		left: 0px!important;
	}
	
	.inner_workout_hold
	{
		margin-bottom: 0;
	}
	
	.workout_container .col-md-4
	{
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	
	.workout_container .ml10
	{
		margin-left: 0px;
	}
	
	.inner_scrool_x_act
	{
		width: 1100px;
	}
	
	.workout_container .main_settings_text
	{
		font-size: 18px;
	}
	
	.activity_scroll
	{
		overflow-y: auto;
	}
}

@media screen and (max-width: 1150px)
{
	.fields_left
	{
		width: 70%;
		margin-bottom: 20px;
		border-right: 0px none;
	}
	
	.absolute_border_part
	{
		display: none;
	}
	
	.fiels_right
	{
		width: 30%;
	}
	
	.btnPartChHold
	{
		display: block;
		margin-top: 10px;
		
		text-align: left;
	}
}

@media only screen and (min-width: 769px) {
	.pad_b250
	{
		padding-bottom: 250px !important;
	}
}

@media screen and (max-width: 780px)
{
	.member_create_user2
		{
			top: 72px;
			left: 32px;
		}
		
	.channelPageHolder
		{
			padding: 80px 30px; 
		}	
		
	.logHolderCh
		{
			position: absolute;
			top: 40px;
			right: 30px;
		}
	
	.btnSignInCh
		{
			position: absolute;
			top: 40px;
			right: 40px;
		}
	
	.channelNewH1
		{
			width: 100%;
			font-size: 23px;
		}	
		
	.paddtp20
		{
			padding-top: 20px;
		}
}

@media screen and (max-width: 870px)
{
	.member_create_user
	{
		padding-bottom: 40px;
	}
	
	.second_fields
	{
		width: 50%;
	}
	
	.first_fields
	{
		width: 50%;
	}
	
	.third_fields
	{
		width: 100%;
	}
}

@media screen and (max-width: 920px)
{
	.fiels_right
	{
		width: 100%;
	}
	
	.fields_left
	{
		width: 100%;
	}
}

@media screen and (max-width: 1050px)
{
	.creation_menu
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.one_creation_menu
	{
		font-size: 18px;
	}
}

@media screen and (max-width: 1000px)
{
	.inline_shop_smaller
	{
		width: 100%;
		margin-top: 20px;
	}
	
	.widder_eq
	{
		width: 100%;
	}
	
	.edit_equ_part
	{
		width: 100%;
		text-align: center;
	}
	.new_text_align_create_sessions
	{
		width: 50%;
	}
}
@media screen and (max-width: 915px)
{
	.rel_pos_less
	{
		position: relative;
	}
	
	.new_text_align_create_sessions
	{
		width: 100%;
		text-align: center;
	}
	.close_abs_position
	{
		position: absolute;
		top: 1%;
		right: 5%;
		
		z-index: 20;
	}
	.width_texxt
	{
		width: 100%;
		text-align: center;
	}
}
@media screen and (max-width: 900px)
{
	.create_session_title
	{
		width: 100%;
		
		padding-bottom: 10px;
		
		text-align: center;
	}
	
	.previous_container
	{
		width: 100%;
	}
	
	.inline_with_copy
	{
		width: 100% !important;
		margin-bottom: 10px;
	}
	
	.for_copy_workout
	{
		width: 100% !important;
		text-align: center;
	}
	
	.close_session_edit
	{
		top: -65px;
		margin-top: 0px;
	}
	
	.relative_list_info
	{
		padding-right: 0px;
	}
	
	.channel_name3
	{
		width: 100%;
		margin-top: 20px;
	}
	
	.members_input 
	{
		width: 95%;
		margin-left: 0px;
	}
}

.editrecord_btn
{
	text-align: center;
}

.editrecord_btn button
{
	margin-top: 13px;
}

.fullEditVideo
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 50px;
	
	background: rgba(0, 0, 0, 0.7);
	
	overflow: auto;
	z-index: 1000000;
}

.fullEditVideoInside
{
	position: relative;
	max-width: 900px;
	margin: 0px auto 20px auto;
	padding: 50px;
	
	background: #2a2a2a;
	border-radius: 8px !important;
}



.fullEditVideoInside .closePopup:hover
{
	opacity: 0.75;
}

.fullEditVideo_title
{
	padding-bottom: 20px;
	text-align: center;
	font-size: 20px;
}

.fullEditVideo_video video
{
	width: 100%;
	height: 100%;
}

.fullEditVideo_duration
{
	position: relative;
	width: 100%;
	height: 15px;
	margin-top: 20px;
	background: #d9d9d9;
}

.fullEditVideo_durationin
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 15px;
	width: 100%;
	background: #9b51e0;
}

.fullEditVideo_tag1, .fullEditVideo_tag2
{
	position: absolute;
	left: 0px;
	top: 15px;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background-image: url('../images/videocut_icon.svg');
	background-size: 100%;
	
	cursor: pointer;
}

.fullEditVideo_tag2
{
	left: 100%;
}

.fullEditVideo_tag1::after, .fullEditVideo_tag2::after
{
	content: ' ';
	position: absolute;
	left: 1px;
	top: -15px;
	width: 50%;
	height: 25px;
	
	border-right: 2px solid #ddd5e5;
}


.fullEditVideo_tag1.mousefvstate_1, .fullEditVideo_tag2.mousefvstate_1
{
	background-image: url('../images/videocut_icon2.svg');
}

.fullEditVideo_tag1.mousefvstate_1::after, .fullEditVideo_tag2.mousefvstate_1::after
{
	border-right: 2px solid #9b51e0;
}

.fullEditVideo_tag1.mousefvstate_2, .fullEditVideo_tag2.mousefvstate_2
{
	background-image: url('../images/videocut_icon3.svg');
}

.fullEditVideo_tag1.mousefvstate_2::after, .fullEditVideo_tag2.mousefvstate_2::after
{
	border-right: 2px solid #d9892f;
}



.fullEditVideo_subtitle
{
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 18px;
}

.fullEditVideo_stend
{
	padding-top: 10px;
}

.fullEditVideo_start
{
	display: inline-block;
	width: 50%;
	padding-right: 20px;
	text-align: right;
}

.fullEditVideo_end
{
	display: inline-block;
	width: 50%;
	padding-left: 20px;
	text-align: left;
}

.fullEditVideo_start div, .fullEditVideo_end div
{
	display: inline-block;
	margin-left: 10px;
	padding: 12px 20px;

	background: #343434;
	border: 1px solid #707070;

	text-align: center;
	line-height: 23px;
	border-radius: 3px;
}

.fullEditVideo .custom_btn1
{
	margin-bottom: 50px !important;
}

.fullEditVideo_video
{
	position: relative;
}

.fullEditVideo_controls
{
	position: absolute;
	left: 0px;
	bottom: 20px;
	width: 100%;
	padding: 0px 20px;
}

.fullEditVideo_playbtn
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-image: url('../images/play_button.png');
	background-size: 100%;
	vertical-align: middle;
	
	transform: scale(1);
	transition: transform  0.2s;
	cursor: pointer;
}

.fullEditVideo_playbtn:hover
{
	transform: scale(1.1);
}

.fullEditVideo_playbtn.playingnow
{
	background-image: url('../images/pause_button.png');
}

.fullEditVideo_playtime
{
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}

.fullEditVideo_outmvid
{
	position: relative;
	height: 10px;
	margin-top: 10px;
	
	background: #2a2a2a;
	border-radius: 3px;
} 	

.fullEditVideo_inmvid
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 10px;
	
	background: #9b51e0;
	border-radius: 3px;
}

.fullEditVideo_inmvid div
{
	position: absolute;
	right: -10px;
	top: -5px;
	width: 20px;
	height: 20px;
	
	background: #9b51e0;
	border-radius: 50%;
	
	transform: scale(1);
	transition: transform  0.2s;
}

.fullEditVideo_inmvid div:hover
{
	transform: scale(1.1);
}

.videorepeatbtn
{
	padding-top: 22px;
	padding-left: 30px;
}

@media screen and (max-width: 950px)
{
	.one_list_demand .w30per
	{
		width: 100%;
	}
	
	.host_image_pic
	{
		height: 150px;
		width: 130px;
	}
}


@media screen and (max-width: 768px)
{
	.fullEditVideo_start, .fullEditVideo_end
	{
		display: block;
		width: 100%;
		
		padding-right: 30px;
		padding-left: 0px;
		padding-bottom: 10px;
		
		text-align: right;
	}
	

	.list_img_mobile
	{
		width: 70px;
		height: 70px;
	}
	
	.relative_list_info
	{
		padding-left: 0px;
		padding-top: 80px;
	}
	
	.inline_parts_participant, .host_name_prt
	{
		display: block;
		margin-bottom: 10px;
	}
	
	.upc_list_canc, .new_view_button
	{
		padding: 10px 10px;
		font-size: 12px;
	}
	
	.demand_interest
	{
		width: 100%;
		padding-right: 0px;
		text-align: center;
	}
	
	.for_demand_level
	{
		width: 100%;
		padding-left: 0px;
		text-align: center;
	}
	
	.interest_demand
	{
		width: 100%;
		margin-right: 0px;
	}
	
	.mob_pad_b250
	{
		width: 100%;
		height: 250px;
	}
}

.channeloneproduct img
{
	width: 50px !important;
	height: 50px !important;
}

.channeloneproductname
{
	margin-bottom: 0px !important;
}

.channeloneproductprice
{
	width: 100%;
	font-size: 15px;
	color: #aaa !important;
}

#show_subdomain .text-center.cursor
{
	word-wrap: break-word;
}


@media screen and (max-width: 360px)
{
	#onDemandPart .custom_btn1
	{
		margin-left: 0px;
		width: 100%;
	}
	
	#onDemandPart .one_w_50
	{
		width: 100%;
	}
	
	#upcoming_tut .abs_new_session
	{
		position: relative;
		top: 0px;
		right: 0px;
		text-align: center;
	}
	.new_font360
	{
		font-size: 18px;
	}
}
@media screen and (max-width: 325px)
{
	.label
	{
		font-size: 13px !important;
	}
	.participant_form_sign .label
	{
		top: -5px !important;
	}
}

#enablepopups
{
	display: none;
	color: #f00;
}


@media screen and (max-width: 460px)
{
	.membertopheader
	{
		width: 100%;
	}
	
	.channel_settings_openabs
	{
		left: -63px;
	}
	.slider_sec .carousel-caption h3 
	{
		font-size: 22px !important;
	}
	
	.record_ondemand_bulb_nc
	{
		top: 0px;
		left: 38%;
	}

	.link_list_position
	{
		top: 445px;
		right: -6px;
		
		z-index: 999;
	}
	.new_btns_holder
	{
		top: 585px;
		z-index: 999;
	}
	.new_margin_line
	{
		margin-top: 170px;
	}
	
	.add_wdt
	{
		width: initial;
	}
}
@media screen and (max-width: 860px)
{
	.new_ses_font
	{
		font-size: 26px !important;
	}
}
@media screen and (max-width: 760px)
{
	.new_ses_font
	{
		font-size: 24px !important;
	}
	
	.join_margin_top
	{
		margin-top: 20px;
	}
}
@media screen and (max-width: 590px)
{
	.new_ses_font
	{
		font-size: 22px !important;
	}
}

@media screen and (max-width: 533px)
{
	.phone_new_margin
	{
		width: 51%;
		margin-right: 0px !important; 
	}
}

@media screen and (max-width: 440px)
{
	.new_reopen_button
	{
		padding: 10px 15px;
	}
	.small_btn
	{
		padding: 5px 5px;
	}

	.sq_last_width
	{
		width: 100%;
	}
	.new_btns_sq
	{
		padding-top: 5px !important; 
	}
	.link_list_position
	{
		top: 470px;
	}
	.new_btns_holder
	{
		top: 605px;	
	}
	.new_margin_line
	{
		margin-top: 200px;
	}

}


.fullEditVideo .canvasCont
{
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.tp_60
{
	top: 28px;
    right: 45px;
}

.dashboardlisting
{
	position: relative;
	padding-bottom: 0px;
}

.dashboardlisting .rightIconsDash
{
	position: absolute;
	right: 10px;
	top: 10px;
	
	text-align: right;
}

.dashboardlisting .rightIconsDash img
{
	width: 36px;
	margin-bottom: 10px;
}

.dashboardlisting .rightIconsDash button
{
	margin-bottom: 6px;
}

.dashboardlisting .relative_list_info
{
	padding-right: 10px;
}


.dashboardlisting .mt-2, .dashboardlisting .mt-3 
{
	margin-top: 0px !important;
}


.sessionselectimage
{
	max-width: 285px;
}

.sessionselectimage .custom-file-session
{
	max-height: 73px;
	margin-bottom: 23px;
}

#coming_soon_alert
{
	z-index: 999999999;
}

.plOptions
{
	position: absolute;
	left: -10000px;
	top: 0px;
	width: 1px;
	height: 1px;
}

.addplbutton
{
	position: relative;
	margin-right: 50px;
}

.addplbutton input
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	
	opacity: 0;
}

.newPSignup .for_sign
{
	padding-top: 50px !important;
}

.chsubPage button.done
{
	margin-top: 50px !important;
	min-width: 200px;
}

.chsubPage .training_title
{
	padding-top: 40px;
	text-align: center;
}

.chsubPage .training_title span
{
	color: #bd00ff;
}

.pay_i.crossedClass
{
	padding-bottom: 0px;
	font-size: 16px;
	text-decoration: line-through;
}

.start_at.crossedClass
{
	padding-bottom: 0px;
	font-size: 13px;
	text-decoration: line-through;
}

.column_text.crossedClass
{
	text-decoration: line-through;
}

.coupOver
{
	font-size: 15px;
	padding-bottom: 3px;
}

#allprevsession .stickybutton
{
	position: fixed;
	bottom: 20px;
	transform: translateX(-50%);
}

.inner_session_holder
{
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-radius: 30px 30px 0px 0px;
}

/*------------- NEW UI SESSION CREATION MEDIA CSS UROS START ------------ */

@media screen and (max-width: 1300px)
{
	.for_info_fields .label
	{
		top: -9px;
		font-size: 15px !important;
	}
	
	.edit_button_equ
	{
		padding: 10px 20px;
		font-size: 14px;
	}
}

@media screen and (max-width: 1200px)
{
	.one_creation_menu
	{
		width: 100%;
		margin-bottom: 20px;
	}
	
	.width50fields, .second_fields
	{
		width: 100%;
		padding-right: 0px;
	}
	
	.first_fields
	{
		margin-bottom: 20px;
	}
	
	.left_settings
	{
		width: auto;
	}
	
	.activity_remaining
	{
		font-size: 14px;
	}
	
	.paddingjust
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	.sq_last_width
	{
		width: 100%;
	}
	.new_btns_sq
	{
		padding-top: 5px !important;
	}

	.def_for_mob
	{
		display: none;
	}
		
	.def_for_other
	{
		display: block;
	}
}

@media screen and (max-width: 600px)
{
	.charge_inner
	{
		width: 100%;
	}
}

@media screen and (max-width: 550px)
{
	.btns_3_pos
	{
		display: inline-block;
		max-width: 80%;
		
		margin-left: 0px !important;
		margin: auto;
	}
	
	.add_width70, .add_width47
	{
		width: 100%;
	}
	
	.default_reps_hold
	{
		position: relative;
		left: auto;
		right: auto;
		
		width: 98%;
		margin: auto;
	}
	
	.relative.pt30
	{
		padding-top: 0px;
	}
	
	.go_right_search
	{
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		padding-left: 1.5rem !important;
	}
	
	.allow_left
	{
		position: relative;
		left: 0px!important;
	}
	
	.inner_workout_hold
	{
		margin-bottom: 0;
	}
	
	.workout_container .col-md-4
	{
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	
	.workout_container .ml10
	{
		margin-left: 0px;
	}
	
	.inner_scrool_x_act
	{
		width: 1100px;
	}
	
	.workout_container .main_settings_text
	{
		font-size: 18px;
	}
	
	.activity_scroll
	{
		overflow-y: auto;
	}
	
	.new_join_position .arrow_tutorial_join
	{
		left: 3%;
		width: 25px;
		height: 20px;
	}
	
	.new_part_join_tutorial .tutorial_container
	{
		max-width: 235px;
	}
	
	.detail_prt1
	{
		width: 40%;
		vertical-align: top;
	}
	
	.white_text2
	{
		width: 60%;
		vertical-align: top;
	}
}

@media screen and (max-width: 1150px)
{
	.fields_left
	{
		width: 70%;
		margin-bottom: 20px;
		border-right: 0px none;
	}
	
	.absolute_border_part
	{
		display: none;
	}
	
	.fiels_right
	{
		width: 30%;
	}
	
	.first_right_section
	{
		padding-bottom: 20px;
	}
	
	.second_fields
	{
		width: 50%;
	}
	
	.first_fields
	{
		width: 50%;
	}
	
	.third_fields
	{
		width: 100%;
	}
}

@media screen and (max-width: 920px)
{
	.fiels_right
	{
		width: 100%;
	}
	
	.fields_left
	{
		width: 100%;
	}
}

@media screen and (max-width: 1050px)
{
	.creation_menu
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.one_creation_menu
	{
		font-size: 18px;
	}
}

@media screen and (max-width: 1000px)
{
	.inline_shop_smaller
	{
		width: 100%;
		margin-top: 20px;
	}
	
	.widder_eq
	{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.charge_containter
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 500px)
{
	.create_session_title
	{
		font-size: 20px;
	}
	
	.previous_part, .settings_name
	{
		font-size: 14px;
	}
}


@media screen and (max-width: 450px)
{
	.signedUpCh
	{
		font-size: 13px;
		background-size: 16px;		
	}
	
	.bottomPart1Ch
	{
		width: 100%;
	}
	
	.bottomPart2Ch
	{
		width: 50%;
	}
	
	.tutorial_sixth_host
	{
		width: 320px;
	}
	
	.tutorial_fifth_host
	{
		width: 320px;
	}
	
	.previous_part
	{
		width: 100%;
		text-align: center;
	}
	
	.close_session_edit
	{
		top: -55px;
		margin-top: 0px;
	}
	
	.main_container_creation
	{
		padding-left: 8px;
		padding-right: 8px;
	}
	.new_small_width
	{
		width: 30px !important;
	}
	
	.image_act
	{
		width: 95%;
	}
	
	.active_border
	{
		width: 50%;
	}
	
	.cal_right_arrow
	{
		width: 30px;
	}
	
	.left_arrow_holder
	{
		width: 30px;
		left: 0%;
	}
	
	.new_reopen_btn
	{
		right: 5px;
		padding: 8px 12px;
	}
	
	.tutorial_second_host
	{
		width: 320px;
	}
}

@media screen and (max-width: 370px)
{
	.tutorial_sixth_host
	{
		width: 210px;
	}
	
	.tutorial_fifth_host
	{
		width: 210px;
	}
	
	.tutorial_second_host
	{
		width: 210px;
	}
	
	.create_header
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.toggle_option
	{
		font-size: 10px;
	}
	
	.inline_bulb
	{
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media screen and (max-width: 360px)
{
	.new_right2
		{
			right: unset !important;
		}
	.edit_btn_list
		{
			padding: 5px 5px;
		}
	.sign_btn_line 
		{
			padding: 5px 5px;
		}
	.list_name
		{
			margin-top: 25px;
		}	
}

@media screen and (max-width: 350px)
{
	.for_info_fields .label
	{
		top: -9px;
		font-size: 13px !important;
	}
	
	.container_title
	{
		font-size: 17px;
	}
	
	.date_val
	{
		font-size: 18px;
	}
	
	.mon_text
	{
		font-size: 14px;
	}
}

@media screen and (max-width: 340px)
{
	.settings_name
	{
		font-size: 12px;
	}
}

@media screen and (max-width: 330px)
{
	.previous_part 
	{
		font-size: 13px;
	}

	.inline_quantity
	{
		width: 50px;
		height: 50px;
	}	
	
	.math_signs
	{
		font-size: 29px;
	}
	
	.main_quant
	{
		font-size: 15px;
	}
	.participant_form_sign .more_top_label
	{
		top: -12px !important;
	}
}

.session_created_alert
{
	width: auto !important;
}

.red-alert
{
	border-color: #ff0000 !important;
	box-shadow: 1px 7px 5px -4px #ff0000;
}

.inner_session_holder
{
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-radius: 30px 30px 0px 0px;
}


.main_color_submit
{
	margin-left: 1.5rem!important;
	
	padding: 10px 40px;
	border-radius: 25px;
	background-color: #bd00ff !important;
    border-color: #bd00ff !important;
}

@media screen and (max-width: 900px)
{
	.create_session_title
	{
		width: 100%;
		
		padding-bottom: 10px;
		
		text-align: center;
	}
	
	.previous_container
	{
		width: 100%;
	}
	
	.inline_with_copy
	{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.for_copy_workout
	{
		width: 100%;
		text-align: center;
	}
	
	.close_session_edit
	{
		top: -65px;
		margin-top: 0px;
	}
}

@media screen and (max-width: 768px)
{
	.one_creation_menu
	{
		width: 100%;
		margin-bottom: 20px;
	}
	
	.width50fields, .second_fields
	{
		width: 100%;
		padding-right: 0px;
	}
	
	.first_fields
	{
		margin-bottom: 20px;
	}
	
	.left_settings
	{
		width: auto;
	}
	
	.activity_remaining
	{
		font-size: 14px;
		text-align: left;
	}
	
	.activityNumberHold
	{
		width: 100%;
		font-size: 18px;
	}
	
	.paddingjust
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	.sq_last_width
	{
		width: 100%;
	}
	.new_btns_sq
	{
		padding-top: 5px !important;
	}
}

@media screen and (max-width: 600px)
{
	.charge_inner
	{
		width: 100%;
	}
}

@media screen and (max-width: 550px)
{
	.add_width70, .add_width47
	{
		width: 100%;
	}
	
	.displ_inl.marg_r10
	{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.charge_containter
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 500px)
{
	.create_session_title
	{
		font-size: 20px;
	}
	
	.previous_part, .settings_name
	{
		font-size: 14px;
	}
}

@media screen and (max-width: 450px)
{
	.previous_part
	{
		width: 100%;
		text-align: center;
	}
		
	.close_session_edit
	{
		top: -55px;
		margin-top: 0px;
	}
	
	.main_container_creation
	{
		padding-left: 8px;
		padding-right: 8px;
	}
	.new_small_width
	{
		width: 30px !important;
	}
	
	.disp-inl
	{
		font-size: 14px;
	}
}

@media screen and (max-width: 370px)
{
	.create_header
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.toggle_option
	{
		font-size: 10px;
	}
	
	.inline_bulb
	{
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media screen and (max-width: 360px)
{
	.new_right2
		{
			right: unset !important;
		}
	.edit_btn_list
		{
			padding: 5px 5px;
		}
	.sign_btn_line 
		{
			padding: 5px 5px;
		}
	.list_name
		{
			margin-top: 25px;
		}	
}

@media screen and (max-width: 350px)
{
	.for_info_fields .label
	{
		top: -9px;
		font-size: 13px !important;
	}
	
	.container_title
	{
		font-size: 17px;
	}
}

@media screen and (max-width: 340px)
{
	.settings_name
	{
		font-size: 12px;
	}
}

@media screen and (max-width: 330px)
{
	.previous_part 
	{
		font-size: 13px;
	}

	.inline_quantity
	{
		width: 50px;
		height: 50px;
	}	
	
	.math_signs
	{
		font-size: 29px;
	}
	
	.main_quant
	{
		font-size: 15px;
	}
	.participant_form_sign .more_top_label
	{
		top: -12px !important;
	}
}

.session_created_alert
{
	width: auto !important;
}

.red-alert
{
	border-color: #ff0000 !important;
	box-shadow: 1px 7px 5px -4px #ff0000;
}

@media (max-width: 1550px)
{
	
}

/*------------- NEW UI CHANNEL SIGNUP MEDIA CSS UROS START ------------ */

@media screen and (max-width: 1575px)
{
	.first_container_middle
	{
		padding-right: 300px;
	}
}

@media screen and (max-width: 1380px)
{
	.mac_activity_img, .smaller_mac_activity_img, .third_mac_activity
	{
		width: 438px;
		height: 339px;
		
		background-size: 438px auto;
	}
	
	.mobile_devicesimg
	{
		width: 438px;
		height: 560px;
		
		background-size: 438px auto;
	}
	
	.first_container_middle
	{
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.relative_line_ba
	{
		width: calc(100% - 20px);
	}
	
	.absolute_line_inner
	{
		left: 25px;
		min-width: auto;
		transform: none;
	}
}

@media screen and (max-width: 1230px)
{
	.channel_signup_header
	{
		padding-right: 20px;
	}
	
	.first_container_middle
	{
		padding-right: 0px;
	}
}

@media screen and (max-width: 1100px)
{
	.mobile_devicesimg
	{
		width: 338px;
		background-size: 338px auto;
	}
	
	.absolute_line_inner
	{
		top: -20px;
		font-size: 25px;
	}
}

@media screen and (max-width: 1000px)
{
	.first_container_title
	{
		font-size: 45px;
	}
	
	.seventh_signup_container
	{
		padding-left: 10px;
	}
}

@media screen and (max-width: 980px)
{
	.second_signup_container .left_container_ba
	{
		width: 100%;
	}
	
	.second_signup_container .right_container_ba
	{
		width: 100%;
		
		margin-top: 30px;
		
		text-align: center;
	}
	
	.mac_activity_img, .smaller_mac_activity_img, .third_mac_activity
	{
		display: inline-block;
	}
	
	.third_signup_container .left_container_ba
	{
		width: 100%;
		text-align: center;
	}
	
	.third_signup_container .right_container_ba
	{
		width: 100%;
	}
	
	.fourth_signup_container .left_container_ba
	{
		width: 100%;
		text-align: center;
	}
	
	.fourth_signup_container .right_container_ba
	{
		width: 100%;
		
		margin-top: 30px;
		
		text-align: center;
	}
	
	.fifth_signup_container .left_container_ba
	{
		width: 100%;
		text-align: center;
	}
	
	.fifth_signup_container .right_container_ba
	{
		width: 100%;
	}
	
	.mobile_devicesimg
	{
		display: inline-block;
	}
	
	.for_fifth_container
	{
		padding-top: 20px;
	}
}

@media screen and (max-width: 900px)
{
	.signup_header_items
	{
		margin-right: 20px;
	}
	
	.first_container_middle
	{
		background-image: none;
	}
	
	.padding_containers
	{
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
	
	.for_secondcnt_button
	{
		text-align: center;
	}
	
	.third_signup_container, .fourth_signup_container, .fifth_signup_container
	{
		text-align: center;
		padding-left: 20px;
	}
	
	.for_fourth_btn, .for_third_btn
	{
		margin-top: 40px;
		margin-bottom: 40px;
		
		text-align: center;
	}
	
	.for_third_container
	{
		padding-top: 10px;
	}
	
	.fourth_signup_container .left_container_ba
	{
		margin-top: 0px;
	}
	
	.searchFontPos
	{
		left: 14%;
	}
}

@media screen and (max-width: 900px)
{
	.new_view_button2
	{
		padding: 10px 15px;
	}
}

@media screen and (max-width: 800px)
{
	.signup_header_items
	{
		font-size: 12px;
	}
	
	.new_view_button2
	{
		padding: 10px 12px;
	}
	
	.host_info_holder
	{
		padding: 30px 20px;
	}
}

@media screen and (max-width: 768px)
{
	.channel_signup_header
	{
		padding-top: 80px;
		padding-left: 20px;
		
		text-align: center;
	}
	
	.signup_header_items
	{
		margin-right: 25px;
		font-size: 14px;
	}
	
	.virdio_ba_logo
	{
		left: 50%;
		transform: translateX(-50%);
	}
	
	.first_container_middle
	{
		padding-top: 50px;
	}
	
	.second_signup_container, .third_signup_container, .fourth_signup_container, .fifth_signup_container
	{
		padding-left: 20px;
	}
	
	.third_signup_container
	{
		padding-top: 100px;
		padding-bottom: 0px;
	}
	
	.fifth_signup_container
	{
		padding-top: 100px;
		padding-bottom: 40px;
	}
	
	.fourth_signup_container
	{
		padding-top: 100px;
		padding-bottom: 30px;
	}
	
	.padding_containers
	{
		padding-left: 0px;
	}
	
	.second_container_text
	{
		padding-right: 20px;
	}
	
	.main_ba_title
	{
		padding-bottom: 0px;
		font-size: 45px;
	}
	
	.main_signba_btn
	{
		width: 90%;
	}
	
	.sixth_signup_container .main_ba_title
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.main_ba_title_centered
	{
		font-size: 55px;
	}
	
	.arrow_scroll
	{
		right: 10px;
	}
	
	.host_btn_padd
	{
		padding: 10px 18px;
	}
	
	.btns_list_part
	{
		display: block;
		text-align: center;
	}

	.new_view_button2
	{
		width: 50%;
		margin-bottom: 10px;
	}
	
	.channelPreviewImgHolder
	{
		min-width: 470px;
		min-height: 470px;
		
		background-size: 100% 100%;
	}
}

@media screen and (max-width: 830px)
{
	.top_part_h1
	{
		font-size: 25px;
	}
}

@media screen and (max-width: 730px)
{
	.left_marg_btns
	{
		margin-left: 6px;
	}
	
	.new_view_button2
	{
		padding: 10px 13px;
	}
	
	.top_part_h1
	{
		padding-bottom: 15px;
		font-size: 23px;
	}
}

@media screen and (max-width: 700px)
{
	.top_part_holder
	{
		position: relative;
	}
	
	.user_img_hold
	{
		position: absolute;
		top: 10%;
		left: 10%;
	}
	
	.ch_img_hold
	{
		position: absolute;
		top: 12%;
		right: 10%;
	}
	
	.text_hold_abs
	{
		position: absolute;
		bottom: 11%;
		left: 10%;
	}
}

@media screen and (max-width: 650px)
{
	.partners_logo div
	{
		padding-left: 0px;
	}
	
	.partners_logo
	{
		margin-bottom: 30px;
	}
	
	.first_container_title
	{
		font-size: 35px;
	}
	
	.fc_second_title
	{
		margin-top: -10px;
	}
	
	.main_ba_title 
	{
		font-size: 35px;
	}
	
	.for_fourth_container
	{
		padding-top: 20px;
	}
	
	.selectCircle1
	{
		height: 20px;
		width: 20px;
	}
	
	.selectText1
	{
		font-size: 15px;
	}
	
	.durationHolderAbs 
	{
		padding: 20px 20px;
	}

	.noSessionsTextFilter
	{
		padding-top: 55px;
		background-position: 1% bottom;
	}
}

@media screen and (max-width: 550px)
{
	.fifth_signup_container .main_ba_title
	{
		text-align: center;
	}
	
	.absolute_line_inner 
	{
		top: -13px;
		font-size: 17px;
	}
	
	.plans_title_ba
	{
		font-size: 27px;
	}
	
	.top_part_h1
	{
		font-size: 21px;
	}
	
	.top_part_h2
	{
		font-size: 19px;
	}
	
	.top_part_h3
	{
		font-size: 18px;
	}
}

@media screen and (max-width: 520px)
{
	.first_container_title
	{
		font-size: 25px;
		text-align: center;
	}
	
	.partners_logo 
	{
		display: inline-block;
		
		margin-right: 20px;
		margin-bottom: 30px;
		
		text-align: center;
	}
	
	.partners_logo img 
	{
		max-width: 200px;
	}
	
	.partners_logo div img
	{
		max-width: 100%;
		min-height: auto;
	}
}

@media screen and (max-width: 510px)
{
	.partners_logo div img
	{
		margin-top: 0px;
	}
	
	.first_container_middle
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.relative_line_ba
	{
		width: 100%;
	}
	
	.absolute_line_inner
	{
		left: 5px;
	}
}

@media screen and (max-width: 500px)
{
	
	.desc_holderNew::-webkit-scrollbar
	{
		width:6px;
		background-color: #99949c;
		height: 6px;
		border-radius: 3px;
	}
	
	.desc_holderNew::-webkit-scrollbar-thumb{
		width:6px;
		background-color: #99949c;
		border-radius: 3px;
	}
	

	.desc_holderNew::-webkit-scrollbar-track{
		width:5px;
		background: #3f3d40; 
		border-radius: 3px;
	}
	
	.text_hold_abs
	{
		bottom: 16%;
		width: 88%;	
	}
	
	.first_container_info
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.absolute_header_logos
	{
		width: 100%;
		left: 0px;
	}
	
	.virdio_logo_csu
	{
		width: 100%;
		margin-right: 0px;
	}
	
	.pt_hub_logo
	{
		width: 100%;
		margin-top: 20px;
	}
	
	.first_container_middle 
	{
		padding-top: 55px;
	}
	
	.channel_signup_header
	{
		padding-top: 100px;
	}
	
	.main_ba_title_centered
	{
		padding-bottom: 0px;
		padding-right: 20px;
		
		font-size: 45px;
	}
	
	.pricing_title
	{
		padding-top: 85px;
		padding-bottom: 65px;
	}
	
	.second_signup_container .right_container_ba
	{
		margin-top: 0px;
	}
}

@media screen and (max-width: 460px)
{
	.mac_activity_img, .smaller_mac_activity_img, .third_mac_activity
	{
		width: 290px;
		height: 339px;
		background-size: 290px auto;
	}
	
	.main_ba_title 
	{
		font-size: 30px;
	}
	
	.for_secondcnt_button
	{
		padding-left: 0px;
	}
	
	.for_third_container
	{
		padding-top: 20px;
		padding-right: 20px;
	}
	
	.for_third_btn
	{
		padding-left: 0px;
	}
	
	.ondemand_bnt
	{
		width: auto;
	}
	
	.main_signba_btn
	{
		padding: 20px 45px;
		font-size: 20px;
	}
	
	.footer_ba
	{
		padding-top: 120px;
		padding-bottom: 60px;
		
		font-size: 18px;
	}
	
	.signup_header_items
	{
		margin-right: 15px;
		
		font-size: 12px;
		letter-spacing: 1px;
	}
	
	.partners_logo 
	{
		margin-right: 0px;
	}
	
	.new_edit_btn
	{
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 390px)
{
	.mobile_devicesimg 
	{
		width: 290px;
		height: 390px;
		background-size: 290px auto;
	}
	
	.first_container_btn
	{
		font-size: 16px;
	}
	
	.main_ba_title
	{
		font-size: 25px;
	}
}



@media screen and (max-width: 370px)
{
	.first_container_title
	{
		font-size: 20px;
	}
	
	.relative_line_ba
	{
		margin-top: 25px;
		margin-bottom: 40px;
		
		background-color: #0a0a0c;
	}
	
	.absolute_line_inner
	{
		left: 0px;
		width: 100%;
		
		font-size: 15px;
	}
}

@media screen and (max-width: 350px)
{
	.mac_activity_img
	{
		width: 290px;
		height: 330px;
		background-size: 290px auto;
	}
	
	.main_ba_title
	{
		font-size: 24px;
	}
	
	.main_signba_btn
	{
		font-size: 16px;
	}
	
	.first_container_btn
	{
		font-size: 14px;
	}
	
	.main_ba_title_centered
	{
		font-size: 35px;
	}
}

@media screen and (min-width: 562px) and (max-width: 575px)
{
	.add_margtp40
	{
		margin-top: 40px;
	}
}

@media screen and (min-width: 595px) and (max-width: 637px)
{
	.add_margtp40
	{
		margin-top: 40px;
	}
}

@media screen and (min-width: 640px) and (max-width: 739px)
{
	.add_margtp40
	{
		margin-top: 40px;
	}
}

@media screen and (min-width: 801px) and (max-width: 912px)
{
	.add_margtp40
	{
		margin-top: 40px;
	}
}

@media screen and (min-width: 581px) and (max-width: 624px)
{
	.add2_margtp40
	{
		margin-top: 40px;
	}
}

@media screen and (min-width: 668px) and (max-width: 787px)
{
	.add2_margtp40
	{
		margin-top: 40px;
	}
}

@media only screen and (min-width: 844px)
{
	.add2_margtp40
	{
		margin-top: 40px !important;
	}
	
	.add3_margtp40
	{
		margin-top: 40px !important;
	}
}



/*------------- NEW UI CHANNEL SIGNUP MEDIA CSS UROS END ------------ */


/* SUPPORT FLOW UI UROS START */

.support_help
{
	position: fixed;
    bottom: 20px;
    right: 20px;
    
	padding: 12px 20px 12px 50px;
    
	background-color: #bd00ff;
    
	color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    
	border-radius: 30px;
	
	cursor: pointer;
	
	z-index: 1000;
}

.memberRegisterContainer .support_help
{
	background-color: #121126;
}
.memberRegisterContainer .header_support
{
	background-color: #121126;
}

.memberRegisterContainer .start_search
{
	background-image: url(./../images/start_search_grey.svg);
}

.memberRegisterContainer .faq_icon
{
	background-image: url(./../images/faq_icon_grey.svg);
}

.memberRegisterContainer .contact_icon
{
	background-image: url(./../images/contact_icon_grey.svg);
}

.question_icon
{
	position: absolute;
    top: 12px;
    left: 14px;
    
	width: 24px;
    height: 24px;
    
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/information.svg);
    
	border-radius: 50%;
}

.support_container
{
	position: fixed;
    bottom: 20px;
    right: 20px;
	
	width: 400px;
	
	z-index: 1000;
}

.header_support
{
	position: relative;
	
	width: 100%;
	height: 60px;
    
	padding: 15px 20px;
    
	background-color: #bd00ff;
    
	font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.support_middle_part
{
	position: relative;
	
	width: 100%;
	height: 50vh;
	
	padding: 0px 10px;
	
	background-color: #f2f1f6;
}

.support_footer
{
	width: 100%;
	
	background-color: #ffffff;
	
	border-top: 1px solid #e7e6e8;
}

.support_menu
{
	display: inline-block;
	
	width: 50%;
	
	padding-top: 8px;
	
	text-align: center;
	
	vertical-align: top;
	cursor: pointer;
}

.first_menu_supp
{
	border-right: 1px solid #e7e6e8;
}

.active_support
{
	background-color: #f2f1f6;
}

.sup_footer_icons
{
	display: inline-block;
	
	width: 42px;
	height: 42px;
	
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	
	border-radius: 50%;
}

.faq_icon
{
	background-image: url(./../images/faq_icon.png);
}

.contact_icon
{
	background-image: url(./../images/contact_icon.png);
}

.sup_footer_title
{
	position: relative;
    top: -6px;
	
	width: 100%;
	
	color: #282a2c;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

.close_faqsupp
{
	position: absolute;
	top: 5px;
	right: 5px;
	
	width: 25px;
	height: 25px;
	
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	background-image: url(./../images/close_faq.svg);
	
	border-radius: 50%;
	
	cursor: pointer;
}

.questions_middle_title
{
	height: 70px;
	
	padding-top: 20px;
	padding-bottom: 20px;
	
	color: #404040;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.3px;
}

.questions_container
{
	position: relative;
	
	display: inline-block;
	
	width: 100%;
	height: calc(50vh - 130px);
	
	overflow-y: auto;
}

.one_support_que
{
	position: relative;
	width: calc(100% - 5px);
	
	margin-bottom: 10px;
	padding: 20px 45px 20px 8px;
	
	background-color: #ffffff;
	
	font-size: 16px;
	color: #575757;
	text-align: left;
	font-weight: 500;
	
	border: 1px solid #dddddf;
	border-radius: 5px;
	
	cursor: pointer;
}

.abs_question_arrow
{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	
	width: 22px;
	height: 22px;
	
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	background-image: url(./../images/right-arrow-angle.svg);
}

.faq_search_container
{
	display: inline-block;
	width: 100%;
	height: 60px;
}

.search_faq
{
	position: relative;
	width: 100%;
	
	padding: 10px 40px 10px 35px;
	
	color: #d6d5d7;
	
	background-color: #fcfbfd;
	
	border-radius: 30px;
	border: 1px solid #d6d5d7;
}

.input_faq
{
	width: 100%;
	height: 100%;
	
	font-size: 16px;
	color: #575757;
	
	background-color: transparent;
	border: 0px none;
	outline: none;
}

.search_icon
{
	position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    
	width: 15px;
    height: 15px;
    
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/magnifying-glass.svg);
}

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


.support_middle_part ::-webkit-scrollbar {
  width: 8px;
  background-color: #99949c;
  border-radius: 10px;
}

/* Track */
.support_middle_part ::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
.support_middle_part ::-webkit-scrollbar-thumb{
  background: #3f3d40; 
  border-radius: 10px;
}

.back_support_title
{
	padding-left: 35px;
	text-align: left;
	cursor: pointer;
}

.back_arrow
{
    position: absolute;
    top: 24px;
    left: 10px;
    
	width: 16px;
    height: 16px;
    
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/left-arrow.svg);
}

.question_chosen_container
{
	width: 100%;
}

.question_title_support
{
	height: 70px;
	
	padding-top: 20px;
    padding-bottom: 20px;
    
	color: #404040;
    font-size: 18px;
    text-align: left;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.chosen_que
{
	position: relative;
	
	height: 70px;
	
	color: #404040;
    font-size: 18px;
    text-align: left;
    font-weight: 700;
    letter-spacing: 0.3px;
	
	overflow-y: auto;
}

.widder_question
{
	font-size: 16px;
}

.answer_container
{
	position: relative;
    
	display: inline-block;
   
	width: 100%;
    height: calc(50vh - 150px);
	
	padding: 8px;
	
	background-color: #ffffff;
    
    border: 1px solid #dddddf;
    border-radius: 5px;
    
	overflow-y: auto;
}

.answer_container a 
{
    color: #b146d6;
}

.answer_container li
{
	margin-top: -15px;
}

.list_container_parent
{
	position: relative;
    
	display: inline-block;
   
	width: 100%;
    height: calc(50vh - 150px);
	
	overflow-y: auto;
}

.faq_answer
{
	margin-bottom: 0px;
	
	font-size: 16px;
    color: #575757;
    text-align: left;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    white-space: pre-wrap;
}

.faq_answer ul
{
	margin-bottom: 0px;
}

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

.faq_btns
{
	display: inline-block;
	
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 10px 20px;
	
	font-size: 16px;
	color: #bd00ff;
	font-weight: 700;
	
	border: 2px solid #bd00ff;
	
	border-radius: 30px;
	cursor: pointer;
}

.faq_btns:hover
{
	background-color: #f2f1f6;
}

.pointer
{
	cursor: pointer;
}

.ptb50
{
	padding-top: 50px;
	padding-bottom: 50px;
}


.relative_empty
{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	
	text-align: center;
	color: #bd00ff;
    font-weight: 500;
}

.plug_container
{
	position: relative;
	
	display: inline-block;
	
	width: 100%;
	height: 50vh;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	text-align: left;
	
	overflow-y: auto;
}

.support_input_container
{
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
	text-align: left;
}

.support_input_title
{
	padding-bottom: 5px;
	
	font-size: 15px;
    text-align: left;
    color: #404040;
    font-weight: 500;
}

.support_input
{
	width: 97%;
    
	padding: 12px 10px;
    
	color: #8c8c8c;
    font-size: 16px;
    text-align: left;
    
	border-radius: 8px;
    border: 1px solid #dedee0;
	
	outline: none;
}

.area_support
{
	height: 110px;
	outline: none;
	resize: none;
}

.support_input_title span
{
	font-size: 13px;
	font-weight: normal;
}

.attachments_container
{
	position: relative;
	
	width: 97%;
	
	padding: 15px 10px;
	
	background-color: #fff;
	
	font-size: 14px;
	text-align: center;
	color: #404040;
	
	border-radius: 8px;
	border: 1px dashed #dedee0;
	
	cursor: pointer;
}

.relative_files
{
	position: relative;
}

.clip_icon
{
	position: absolute;
	top: 2px;
	left: -25px;
	
	width: 18px;
	height: 18px;
	
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/attach.svg);
}

.support_send_container
{
	display: inline-block;
	width: 97%;
	text-align: right;
}

.support_send_btn
{
	display: inline-block;
    
	padding: 12px 40px;
    
	background-color: #bd00ff;
    
	font-size: 16px;
    color: #fff;
    font-weight: 500;
    
	border-radius: 35px;
    
	cursor: pointer;
}

.opacity_file
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
	
	opacity: 0;
	cursor: pointer;
}

.support_error
{
	border: 1px solid #ef5454;
}

.one_attach_support
{
	position: relative;
	display: inline-block;
	
	width: 97%;
	
	margin-bottom: 10px;
	padding: 15px 35px 15px 60px;
	
	background-color: #f8f9f9;
	
	border: 1px solid #dedee0;
	border-radius: 8px;
}

.support_attach_name
{
	color: #2f3941;
	font-size: 14px;
	text-align: left;
}

.support_attach_size
{
	color: #78828b;
	font-size: 14px;
	text-align: left;
}

.support_attach_img
{
	position: absolute;
	top: 17px;
	left: 10px;
	
	width: 40px;
	height: 40px;
	
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.image_icon
{
	background-image: url(./../images/image_support.svg);
}

.video_icon
{
	background-image: url(./../images/multimedia_support.svg);
}

.document_icon
{
	background-image: url(./../images/document_support.svg);
}

.remove_attach
{
	position: absolute;
	top: 24px;
	right: 20px;
	
	width: 8px;
	height: 8px;
	
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	background-image: url(./../images/remove_doc.svg);
	
	cursor: pointer;
}

.support_loader_holder
{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	
	display: inline-block;
	
	width: 100%;
	
	text-align: center;
}

.loader_support
{
	display: inline-block;
	
	width: 120px;
	height: 120px;
	  
	border: 16px solid #e6e2e2;
	border-top: 16px solid #bd00ff; 
	border-radius: 50%;
	 
	animation: spin 2s linear infinite;
}

@keyframes spin 
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loader_support_info
{
	padding-top: 25px;
	
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	color: #000;
}


/* SUPPORT FLOW UI UROS END */

/* SRETEN "PARTICIPANT SIGNED UP" START */

.page_back
{
	position: relative;
	width: 100%;
	height: 100%;
	
	text-align: center;
	background-color: #151515;
}

.page_back a
{
	text-decoration: none;
}

.inside_page
{
	display: inline-block;
}

.page_title
{
	position: relative;
	
	padding-left: 50px;
	padding-right: 50px;
	
	text-align: center;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	font-family: Poppins;
	
	word-wrap: break-word;
}

.page_subtitle
{
	max-width: 650px;
	padding-top: 20px;
	padding-bottom: 20px;
	
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	line-height: 34px;
	font-family: Poppins;
	
	word-wrap: break-word;
}

.email_msg
{
	position: fixed;
	left: 0px;
	top: 0px;
	
	width: 100%;
	
	padding-left: 70px;
	padding-right: 70px;
	
	text-align: center;
	background-color: #029a42;
	
	z-index: 10;
}

.email_cont
{
	display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    background-position: left center;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(./../images/email_sv.svg);
    color: #fff;
    font-size: 14px;
}

.email_cont span
{
	font-weight: 700;
}

.dismis_msg
{
	position: absolute;
	right: 20px;
	top: 0px;
	display: inline-block;
	padding-top: 10px;
    padding-bottom: 10px;
	
	color: #fff;
    font-size: 14px;
	font-weight: 700;
	
	cursor: pointer;
}

.outside_apps
{
	max-width: 650px;
	margin-top: 20px;
	padding-bottom: 30px;
}

.one_part
{
	width: 100%;
	padding: 35px 20px 35px 35px;
	margin-bottom: 20px;
	
	background: #121126;
	border-radius: 15px;
}

.inside_one_part
{
	position: relative;
	padding-left: 60px;
	padding-right: 175px;
	
	background-position: left center;
    background-size: 30px 26px;
    background-repeat: no-repeat;
	
	text-align: left;
}

.desktop
{
	background-image: url(./../images/desktop.svg);
	background-size: 36px 31px;
}

.smartphone
{
	background-image: url(./../images/mobile_device.svg);
	background-size: 25px 33px;
}

.smart_watch
{
	background-image: url(./../images/smart_watch.svg);
	background-size: 22px 37px;
}

.one_part_title
{
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	font-family: Poppins;
}

.one_part_subtitle
{
	padding-top: 5px;
	
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 21px;
	font-family: Poppins;
}

.launchHolder .one_part
{
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 12px;
}

.launchHolder .one_part_title
{
	font-weight: 600;
	font-size: 18px;
	line-height: 34px;

	color: #000000;
}

.launchHolder .one_part_subtitle
{
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;

	color: #000000;
}

.launchHolder .desktop
{
	background-image: url(./../images/launchMonitorSvg.svg);
}

.launchHolder .smartphone
{
	background-image: url(./../images/launchPhoneSvg.svg);
}

.launchHolder .smart_watch
{
	background-image: url(./../images/launchWatchSvg.svg);
}

.launchHolder .closeLaunchPop
{
	position: absolute;
    right: 10px;
    top: 15px;
	
	z-index: 2;
}

.newManageButton
{
	position: absolute;
    right: 30px;
    top: 15px;
	min-width: 240px;
	
	z-index: 2;
}



.taken
{
	position: absolute;
	right: 0px;
	top: 50%;
	width: 30px;
	height: 30px;
	
	background-color: #243a2d;
	
	background-position: center center;
    background-size: 14px 14px;
    background-repeat: no-repeat;
	background-image: url(./../images/correct.svg);
	
	transform: translateY(-50%);
	border-radius: 50%;
}

.join_browser
{
	display: inline-block;
	
	color: #BCA4FF;
	font-family: Poppins;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	letter-spacing: 0.75px;
	
	cursor: pointer;
}

.launchHolder .join_browser
{
	margin-right: 10px;
	color: #6D118C;
	font-weight: 600;
	font-size: 16px;
	line-height: 28px;
}

.newManageButton .join_browser
{
	color: #6D118C;
	font-weight: 600;
	font-size: 18px;
	line-height: 34px;
}

.launchHolder .rightHolder
{
	text-align: right;
}

.launchHolder .centHolder
{
	text-align: center;
}

.join_browser:hover
{
	text-decoration: underline;
}

.one_part_done
{
	background: #121126;
}

.one_part_done:hover
{
	background: #121126;
}

.auto_cursor
{
	cursor: auto;
}

.x_button
{
	position: absolute;
	top: 0px;
	right: 5px;
	
	width: 50px;
	height: 50px;
	
	background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
	background-image: url(./../images/close_button.svg);
	
	cursor: pointer;
}

.dis_none
{
	display: none;
}

.full_popup
{
	position: fixed;
	left: 0px;
	top: 0px;
	
	width: 100%;
	height: 100%;
	
	background-color: #151515;
	
	z-index: 10000;
	overflow-y: auto;
	overflow-x: hidden;
}

.inline_joins
{
	display: inline-block;
	vertical-align: middle;
}

.inline_spans
{
	display: inline-block;
	
	margin: 0px 8px;
	
	font-family: Poppins;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	letter-spacing: 0.75px;
	
	vertical-align: middle;
}

.signup_btn
{
	position: absolute;
	right: 0px;
    top: 50%;
	transform: translateY(-50%);
	
	width: 140px;
	padding: 8px 5px;
	
	background-color: #E4DAFF;
	
	font-family: Poppins;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.75px;
	text-align: center;
	color: #6D118C;
	
	border-radius: 10px;
	cursor: pointer;
}

.signup_header
{
	display: inline-block;
	
	width: 100%;
	
	padding: 15px 20px;
}

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

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

.white_logo
{
	display: inline-block;
	
	width: 105px;
	height: 23px;
	
	background-image: url('../images/virdio_white.svg');
	background-repeat: no-repeat;
	background-size: 105px 23px;
	background-position: center;
}

.close_sign
{
	display: inline-block;
	
	width: 40px;
	height: 40px;
	
	background-image: url('../images/Vector.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
	cursor: pointer;
}

.switch_user
{
	display: inline-block;
	
	width: 140px;
	
	padding: 8px 5px;
	
	color: #E4DAFF;
	font-family: Poppins;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.75px;
	
	border-radius: 12px;
    border: 2px solid #E4DAFF;
	
	cursor: pointer;
}

.pt10
{
	padding-top: 10px;
}

.macos_span
{
	color: #BCA4FF;
	cursor: pointer;
}

.macos_span:hover 
{
    text-decoration: underline;
}

.feed_fm_content
{
	position: relative;
	display: inline-block;
	
	width: 70%;
	
	margin-top: 20px;
	padding-right: 80px;
	
	text-align: left;
}

.feed_fm_selects
{
	display: inline-block;
	width: 50%;
	padding-right: 50px;
	vertical-align: top;
}

.feed_fm_selects select
{
	width: 100%
}

.add_station
{
    top: 50%;
    right: 5px;
	transform: translateY(-50%);
}

.chosen_stations_content
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	margin-top: 30px;
	
	text-align: left;
}

.fm_title
{
	font-size: 16px;
	color: #fff;
	text-align: left;
}

.feed_buttons
{
	position: absolute;
	top: -1px;
	right: 0px;
}

.feed_btn
{
	position: relative;
	display: inline-block;
	
	width: 28px;
	height: 28px;
	
	margin: 0px 5px;
	
	background-color: #bd00ff;
	
	border-radius: 50%;
	vertical-align: middle;
	cursor: pointer;
}

.feed_btn .fa 
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.feed_edit_btns
{
	display: inline-block;
	width: 100%;
	margin: 5px 0px;
	text-align: center;
}

.neww16
{
	width: 16%;
}

@media screen and (max-width: 590px)
{
	.additional_padd
	{
		padding: 0px 15px 0px 15px;
	}
	
	.newMemberHeader
	{
		text-align: center !important;
	}
	
	.newManageButton
	{
		top: 60px
	}
}

@media screen and (max-width: 500px)
{
	.inside_one_part
	{
		padding-right: 20px;
	}
	
	.signup_btn
	{
		position: relative;
		top: auto;
		right: 0px;
		bottom: -35px;
	}
}

@media screen and (max-width: 450px)
{
	.page_title
	{
		font-size: 20px;
	}
	
	.page_subtitle
	{
		font-size: 14px;
		line-height: 20px;
	}
	
	.one_part_title
	{
		font-size: 16px;
		line-height: 20px;
	}
	
	.one_part_subtitle
	{
		font-size: 14px;
		line-height: 20px;
	}
}

@media screen and (max-width: 400px)
{
	.page_back
	{
		height: initial;
	}
}

/* SRETEN "PARTICIPANT SIGNED UP" END */

@media(max-width: 450px)
{
	.support_container
	{
		width: 85vw;
	}
	
	.ch_img_hold 
	{
		position: absolute;
		top: 11%;
		right: 15%;
	}
}

/* SUPPORT FLOW UI UROS END */

@media only screen and (max-width: 1100px) and (min-width: 1061px)
{
	.upc_list_canc
	{
		padding: 10px 15px;	
	}
}

.min_w550
{
	min-width: 550px;
}

@media(max-width: 550px)
{
	.over_x
	{
		overflow: auto;
	}
}

@media screen and (max-width: 735px)
{
	.btn1_cust
	{
		padding: 13px 15px !important;
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 550px) and (min-width: 475px)
{
	.cst_btn
	{
		padding: 13px 35px !important;
	}
}

@media screen and (max-width: 340px)
{
	.btn1_cust
	{
		font-size: 12px !important;
	}
}

.zInd2000
{
	z-index: 2000;
}

.pb60
{
	padding-bottom: 60px !important;
}

.mw750
{
	max-width: 750px !important;
}

.w180
{
	width: 180px;
}

.w110
{
	width: 110px;
}

.select_profile
{
	display: inline-block;
	
	width: 100px;
	
	margin-bottom: 0px;
	
	vertical-align: middle;
}

.select_title_room
{
	display: inline-block;
	
	margin-left: 15px;
	
	font-size: 20px;
	color: #acacac;
	
	vertical-align: middle;
}

.inline_selectsprof
{
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	vertical-align: middle;
}

.reccuring_width
{
	width: 100%;
	text-align: center;
}

.inline_hours
{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.select_hours_session
{
	display: inline-block;
	
	width: 100px;
	
	margin-right: 10px;
}

.empty_template
{
	padding-top: 70px;
	
	font-size: 22px;
	text-align: center;
	color: #fff;
}

.pt20
{
	padding-top: 20px;
}

.mw80per
{
	max-width: 80%;
}

@media screen and (max-width: 1100px)
{
	.inline_selectsprof
	{
		width: 100%;
	}
}

@media screen and (max-width: 768px)
{
	.inline_hours, .select_hours_session, #calenderModel .w180
	{
		width: 100%;
	}
}

.add_padd_dash
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 25px !important;
}

.no_padd_lr
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.wd30
{
	width: 30% !important;
}

.wd10
{
	width: 10% !important;
}


@media screen and (max-width: 1155px)
{
	.add_scroll_mem
	{
		overflow: auto;
	}
	
	.add_scroll_mem .px-md-4
	{
		min-width: 1155px;
	}
}

@media screen and (max-width: 1190px)
{
	.add_fn14
	{
		font-size: 14px;
	}
}

.add_point
{
	cursor: pointer !important;
}

@media screen and (max-width: 340px)
{
	.new_fnt11
	{
		font-size: 11px !important;
	}
}

@media screen and (max-width: 370px)
{
	.disp_blck
	{
		display: block;
		margin-left: 0px !important;
	}
}

@media screen and (max-width: 390px)
{
	.disp_blck2
	{
		display: block;
		margin-left: 0px !important;
	}
}

.hg20
{
	height: 20px;
}

.min_w950
{
	min-width: 950px;
}

.create_session_bulb, .generate_bulb
{
	position: absolute;
	right: -40px;
	top: 50%;
	transform: translateY(-50%);
	
	cursor: pointer;
}

.arrow_info
{
	top: 65px;
	background-image: none;
}

@media screen and (max-width: 500px)
{
	.generate_bulb
	{
		right: -25px;
	}
}

@media screen and (max-width: 455px)
{
	.generate_bulb
	{
		right: -95px;
		top: 16px;
	}
}

@media screen and (max-width: 400px)
{
	.create_session_bulb
	{
		
		right: -25px;
	}
}

.height_auto
{
	height: auto !important;
}

.add_paddl10
{
	padding-left: 10px !important;
}
	
@media screen and (max-width: 700px)
{
	.hei_aut_700
	{
		height: auto !important;
	}
	
	.height_auto
	{
		display: block;
		width: 100% !important;
	}
	
	.add_paddl10
	{
		padding-left: 0px !important;
	}
}

@media screen and (max-width: 405px)
{
	.margb10 
	{
		margin-bottom: 10px !important;
	}
}

.addpad70
{
	padding-top: 70px;
}

@media screen and (max-width: 1400px)
{
	.host_more_hg
	{
		height: 450px !important;
	}
}

@media only screen and (max-width: 1150px) and (min-width: 1060px)
{
	.host_more_hg
	{
		height: 480px !important;
	}
	
	.ch_h380
	{
		height: 410px;
	}
}

@media screen and (max-width: 1060px)
{
	.host_more_hg
	{
		height: auto !important;
	}
}

@media screen and (max-width: 400px)
{
	
	.ch400
	{
		position: relative;
		max-width: 80%;
		word-break: break-word;
	}
}

@media(max-width: 360px)
{
	.new_align_upc .in_progress_btn
	{
		padding: 10px 5px;
		font-size: 11px;
	}
}

@media screen and (max-width: 330px) 
{
	.chpad1014
	{
		padding: 10px 14px !important;
	}
}

.chpad10b
{
	padding-bottom: 10px !important;
}

.vrt_tp
{
	vertical-align: top;
}

.vt_mdl
{
	vertical-align: middle;
}

@media screen and (max-width: 420px) 
{
	.t_wrap
	{
		word-break: break-word;
	}
	
	.w_35
	{
		width: 35%;
	}
	
	.w_65
	{
		width: 65%;
	}
}

@media screen and (max-width: 1220px) 
{
	.relative_list_right
	{
		padding-right: 150px;
	}
}

@media screen and (max-width: 768px) 
{
	.nprght
	{
		padding-right: 0px !important;
	}
}

@media screen and (max-width: 360px) 
{
	.tx_cent
	{
		text-align: center !important;
	}
	
	.mrg_b10
	{
		margin-bottom: 10px;
		margin-right: 0px !important;
	}
	
	.dspl_blc
	{
		display: block;
	}
}

@media screen and (max-width: 400px) 
{
	.ch_cent
	{
		display: block;
		margin-left: 0px !important;
	}
}

.ch_inline
{
	display: inline-block;
}
	
@media screen and (max-width: 768px) 
{
	.ch_tim .timeToStart_sq
	{
		top: 19px !important;
	}
	
	.left_marg_btns
	{
		margin-left: 0px;
	}
	
	.marg_act_btn
	{
		margin-left: 0px;
	}
	
	.ch_inline
	{
		display: block;
	}
}

@media screen and (min-width: 1150px)
{
	.ch_h380
	{
		height: 380px;
	}
}

@media only screen and (max-width: 1050px) and (min-width: 360px)
{
	.pb70
	{
		padding-bottom: 70px !important;
	}
}

@media screen and (max-width: 410px)
{
	.new_view_button2
	{
		width: 75%;
	}
}

@media screen and (max-width: 500px)
{
	.padtp15
	{
		padding-top: 15px;
	}
}

@media screen and (max-width: 390px)
{
	.padtp15
	{
		padding-top: 50px;
		word-break: break-word;
	}
}

.padd_r40
{
	padding-right: 40px;
}

.ODProgress
{
	width: 50%;
	height: 20px;
	margin: 10px auto;

	background: #2a2a2a;

	border-radius: 5px;
	opacity: 0.5;
	overflow: hidden;
}

.ODProgress div
{
	height: 20px;
	width: 0%;
	background: #bd00ff;
}

.download_back_container
{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100vh;
	
	background-color: rgba(0,0,0,0.8); 
	
	z-index: 100000;
}

.nativedown2_sign
{
	z-index: 100000 !important;
}

.download_content
{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	
	width: 70%;
	max-height: 95vh;
	
	padding: 50px 120px;
	
	background-color: #2f2f2f;
	
	border-radius: 35px;
	
	overflow-y: auto;
}

.down_close
{
	position: absolute;
	top: 30px;
	right: 30px;
	
	width: 20px;
	height: 20px;
	
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background-image: url(./../images/down_close.png);
	
	cursor: pointer;
}

.download_text
{
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 1px;
}

.relative_down
{
	position: relative;
}

.down_btn
{
	display: inline-block;
    
	padding: 15px 35px;
    
	font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 500;
	letter-spacing: 1px;
	
	background-color: #bd00ff;
   
	border-radius: 15px;
    
	cursor: pointer;
}

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

.for_down_logo
{
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

.download_logo
{
	display: inline-block;
	
	width: 168px;
	height: 106px;
	
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background-image: url(./../images/download_logo.png);
}

@media(max-width: 800px)
{
	.download_content
	{
		width: 95%;
		padding: 50px 20px;
	}
	
	.neww16
	{
		min-height: 160px;
		width: 18%;
	}
}

@media(max-width: 500px)
{
	.download_text
	{
		font-size: 18px;
	}
}

.ch_close_abs
{
	top: 30px !important;
    right: 50px !important;;
}

@media screen and (max-width: 685px)
{
	.ch_close_abs
	{
		left: -20px !important;;
	}
}

@media screen and (max-width: 552px)
{
	.ch_close_abs
	{
		top: 8px !important;
		left: 20px !important;;
	}
}

@media screen and (max-width: 400px)
{
	.ch_close_abs
	{
		top: 8px !important;
		left: 5px !important;;
	}
}

.qr_back
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100vh;
	
	background: rgba(0, 0, 0, 0.8);
}

.launchHolder .qr_back
{
	width: 100%;
	height: 100%;
}

.qr_container
{
	position: fixed;
	top: 50%;
	left: 50%;
	
	transform: translate(-50%, -50%);
	
	width: 450px;
	max-height: 95vh;
	
	padding: 40px 20px;
	
	background-color: #fff;
	
	border-radius: 35px;
}

.qr_title
{
	font-size: 24px;
    color: #000;
    text-align: center;
    font-weight: 500;
}

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

.scan_code
{
	display: inline-block;
	
	width: 200px;
	height: 200px;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

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

.qr_btn
{
	display: inline-block;
    
	padding: 12px 30px;
    
	font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 500;
    
	background-color: #ec0a90;
    
	border-radius: 35px;
    
	cursor: pointer;
}

.qr_later
{
	padding-top: 15px;
	
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #ec0a90;
}

.qr_later span
{
	cursor: pointer;
}

.scan_icons
{
	position: absolute;
	top: -35px;
	left: 50%;
	
	transform: translateX(-50%);
	
	width: 106px;
	height: 69px;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(./../images/scan_icons.png);
}

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

.different_sign
{
	display: inline-block;
	
	padding: 8px 25px;
	
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #bd00ff;
	
	border: 2px solid #bd00ff;
	border-radius: 10px;
	
	cursor: pointer;
}

.logout_signed_up
{
	position: absolute;
	right: 15px;
    top: -40px;
    
	background-position: center;
}

.logout_signed_up .new_logout_inls
{
	font-size: 16px;
	vertical-align: middle;
	cursor: pointer;
}

.logout_signed_up .new_padd_logout
{
	margin-right: 15px;
	cursor: auto;
}

.left_menu_drop
{
	left: -30px !important;
}

#calenderModelEndDate
{
	z-index: 99999999;
}

.views_container
{
	position: absolute;
	
	top: 25px;
	left: 0px;
	
	width: 300px;
	max-height: 200px;
	
	padding: 20px;
	
	background-color: #404040;
	
	border-radius: 8px;
	
	z-index: 1000;
	overflow-y: auto;
	
	cursor: auto;
}

.views_container::-webkit-scrollbar {
	width: 3px;
}

.views_container::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 3px;
}

.views_container::-webkit-scrollbar-thumb {
	background: #65388f;
}

.view_user
{
	position: relative;
	
	width: 100%;
	
	margin-bottom: 15px;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	font-size: 16px;
	color: #fff;
	font-weight: 500;
}

.view_user_avatar
{
	position: absolute;
	top: 3px;
	left: 0px;
	
	width: 40px;
	height: 40px;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
	border-radius: 50%;
}

.w600
{
	width: 600px;
}

@media screen and (max-width: 650px)
{
	.demand_preview_square .views_container
	{
		left: auto;
		right: -45px;
	}
}

.opacity_disabled
{
	opacity: 0.5;
}

.default_reps_hold2
{
    position: relative;
	width: 207px;
}

.marbot05
{
	margin-bottom: 0.5rem;
}

.padd10tpbt
{
	padding: 10px 0px 10px 0px;
}

.margtp30
{
	margin-top: 30px !important;
}

.newAddPadd
{
	padding: 10px 10px 10px 22px;
}

.addw40
{
	width: 40%;
}

.addw60
{
	width: 60%;
}

.copyWork
{
	position: relative;
	display: inline-block;
	width: 44px;
	height: 47px;
	padding: 10px 8px 10px 8px;
	
	font-size: 25px;
    color: #fff;
	
    border: 1px solid #bd0ff5;
    border-radius: 8px;
	
    vertical-align: middle;
    cursor: pointer;
}

#svg_copy_icon
{
	position: relative; 
	bottom: 10px;
}

.tp25
{
	top: 25px;
	z-index: 10;
}

.tp25 .tooltip_text
{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.paddlft60
{
	display: inline-block;
	padding-left: 60px;
}

@media screen and (max-width: 900px)
{
	.default_reps_hold2
	{
		width: 100% !important;
	}
}

@media screen and (max-width: 550px)
{
	.fnt12
	{
		font-size: 12px !important;
	}
}

@media screen and (max-width: 410px)
{
	.no_padd_right
	{
		padding-right: 0px !important;
	}
	
	.ch_bulb
	{
		margin-left: 0px;
		margin-right: 5px;
	}
}

@media screen and (max-width: 400px)
{
	.paddlft60
	{
		display: inline-block;
		padding-left: 30px;
	}
}

@media screen and (max-width: 370px)
{
	.paddtp50
	{
		padding-top: 50px;
	}
}

/* PREFERENCES EMAIL UROS START */

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

.preferences_title
{
	padding-bottom: 25px;
	
	font-size: 18px;
	color: #fff;
	text-align: left;
	font-weight: 500;
}

.mt35
{
	margin-top: 35px;
}

.mr20
{
	margin-right: 20px;
}

/* PREFERENCES EMAIL UROS END */

.canceled_sessions_warn
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
    max-height: 244px;
	
    overflow: auto;
}

.error_reason
{
	border: 2px solid #f70d0d;
}

.bot22
{
	bottom: 22px !important;
}

.empty_token
{
	padding-bottom: 30px;
    padding-top: 15px;
    
	font-size: 22px;
    color: #dedede;
    font-weight: 500;
    font-family: Poppins;
    text-align: center;
}

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

.token_btn
{
	display: inline-block;
	
	padding: 15px 20px;
	
	background-color: #E4DAFF;
	
	font-size: 18px;
    color: #6D118C;
    font-weight: 500;
    font-family: Poppins;
    text-align: center;
	
	border-radius: 30px;
	
	cursor: pointer;
}

.bold_span
{
	font-weight: 700;
	color: #fff;
}

.token_input
{
	display: inline-block;
	width: 80%;
	margin-right: 10px;
}

.submenu_titles
{
	width: 50%;
    text-align: center;
}

.pt30
{
	padding-top: 30px;
}

.sesArrow
{
	position: absolute;
    left: 23px;
    top: 50%;
	
    width: 40px;
    height: 24px;
	
	/* background-image: url(../images/f1Search.svg); */
    background-repeat: no-repeat;
    background-size: 14px 20px;
    background-position: center center;
	
    transform: translateY(-50%);
	cursor: pointer;
}

.sesArrow.active
{
	/* background-image: url(../images/activeSearch.svg); */
}

.posRel
{
	position: relative;
}

.chleft17
{
	left: 17px;
}

.calendarHolderImg .react-datepicker-popper
{
	left: -23px !important;
}

.calendarHolderImg .react-datepicker-popper[data-placement^="top"]
{
	top: 6px !important;
}

.calendarHolderImg .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle
{
	left: 32px !important;
}

.paddr50
{
	padding-right: 50px !important;
}

.breakW
{
	word-break: break-all;
}

.formReg .srv-validation-message
{
	display: block !important;
}

.paddr45
{
	padding-right: 45px;
}

.dAddHeight
{
	word-break: break-word;
    max-height: 450px;
    overflow: auto;
}

.dAddHeight2
{
	word-break: break-word;
    max-height: 300px;
    overflow: auto;
}

.breakWord
{
	word-break: break-word;
}

.setSubNew
{
	width: calc( 100% - 215px );
	margin: 10px 0px;
	
	word-break: break-word;
	vertical-align: top;
}

.over350
{
	word-break: break-word;
    max-height: 350px;
    overflow: auto;
}

@media screen and (max-width: 500px) 
{
	.setSubNew
	{
		display: block;
		width: 100%;
	}
}

.shWord
{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.odChName
{
	cursor: pointer;
}

.tutorialInnerScroll::-webkit-scrollbar
{
    width: 8px;
	background-color: #99949c;
	border-radius: 10px;
}

.tutorialInnerScroll::-webkit-scrollbar-track
{
	border-radius: 10px;
}

.tutorialInnerScroll::-webkit-scrollbar-thumb
{
	background: #fff; 
	border-radius: 10px;
}

.for_all_activity div
{
	transition: top 0.18s;
}

.wi1000 .modal-content
{
	max-width: 1000px !important;
}

.exportDiv
{
	display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.w20history
{
	display: inline-block;
	width: 20%;
	padding-right: 20px;
	
	vertical-align: top;
}

.input-field.red-outline2
{
	box-shadow: 1px 7px 5px -4px red;
    border: 2px solid red !important;
    border-top: 0px solid transparent !important;
}

.wrapf
{
	flex-wrap: wrap;
}

.chwidth15
{
	width: 15% !important;
}

.chwidth85
{
	width: 85% !important;
}

.unsetw
{
	width: unset !important;
}

.mrglft15
{
	margin-left: 15px;
}

.nopadlr
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.sysPurple
{
	color: #b002ed;
}

.chwidth100
{
	width: 100% !important;
}

.menu_fm
{
	margin: 10px 0px;
}

.activity_sounds_container
{
	display: inline-block;
	
	width: 100%;
	
	margin-bottom: 20px;
	
	text-align: left;
}

.activity_sounds_container .form-group
{
	display: inline-block;
	
	width: 235px;
	
	margin-right: 20px;
}

.activity_sound_title
{
	position: relative;
	padding-bottom: 15px;
	
	font-size: 20px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.7px;
}

.relative_chosen
{
	position: relative;
	padding-right: 70px;
}

.close_chosen
{
	position: absolute;
	top: 10px;
	right: 10px;
	
	width: 25px;
	height: 25px;
	
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    background-image: url(../images/close_session.svg);

    cursor: pointer;
}

@media screen and (max-width: 1520px)
{
	.activityNumDiv
	{
		top: 25px;
	}
}

.w100p
{
	width: 100px !important;
}

.mrglt0
{
	margin-top: 0px !important;
	margin-left: 0px !important;
}

.mrgt0
{
	margin-top: 0px !important;
}

.minw250
{
	min-width: 250px;
}

@media screen and (max-width: 1200px)
{
	.mrgt0
	{
		margin-top: 0px !important;
		margin-left: 0px !important;
	}
}

.mn80
{
	min-width: 80px !important;
}

.mrgBot15
{
	margin-bottom: 20px;
}

.dsplInl
{
	display: inline-block;
	vertical-align: middle;
}

.mr65
{
	margin-right: 65px;
}

.fl43
{
	flex: 0 0 43% !important;
}

.fl57
{
	flex: 0 0 57% !important;
	max-width: 57% !important;
}

.nthclass
{
    background-color: #3e3e3e;
}

.onhover:hover
{
	background-color: #525151;
}

.w10
{
	width: 10% !Important;
}

.w13
{
	width: 13% !Important;
}

.fa-numbers:before{content:"\f0cb"}

.centDiv
{
	text-align: center;
}

.changePlaceInp
{
	display: inline-block;
	padding: 0px 20px 0px 20px;
    max-width: 86px;
	
	height: 60px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px 10px 10px 10px;
	
	background: rgba(176,2,237,0.11);
	border: 1.4px solid #B002ED;
}

.mainclose_pos15
{
	top: 15px !important;
    right: 15px !important;
}

.outExport
{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
}

.paddR20
{
	padding-right: 20px !important;
} 

.vertMidd
{
	bottom: 50% !important;
	transform: translateY(50%) !important;
}

@media screen and (max-width: 1320px)
{
	.fl43, .fl57
	{
		flex: 0 0 100% !important;
		max-width: 80% !important;
	}
}