/* */

.backGray{
	background: #EEE;
	border-radius:20px;
	padding:10px;
}

.errRedBrd{
	border:2px solid #F00!important;
}


.success{
	color: #0A0!important;
}

.simpleText{
	font-size: 1rem;
	color: #000;
}

.menuHref{
	display:block;
	font-size:1.2rem;
	text-decoration:none;
	color:#000;
}

.payPageText{
	font-size:1.2rem;
}

.userPayButton{
	display:block;
	border:1px solid #99cc66;
	border-radius: 5px;
	padding: 10px 25px;
	background: linear-gradient(to bottom, #ccffcc, #99cc66);
	cursor:pointer;
	font-size:1.2rem;
	color: #000;
	text-decoration:none;
	margin-left:50px;
}


.userDoorSelector{
	margin: 0 auto;
	text-align: center;
}
.userDoorSelectorActive{
	color:#000;
	font-size:1.2rem;
	text-decoration:none;
}
.userDoorSelectorUnactive{
	color:#999;
	font-size:1.2rem;
	text-decoration:none;
}
.userDoorSelectorActive:hover, .userDoorSelectorUnactive:hover{
	text-decoration:underline;
}
.userDoorSelectorSeparator{
	color:#000;
	font-size:1.2rem;
	text-decoration:none;
}



.userEnterForm{
	margin: 50px auto 0;
	width: 300px;
}
.userEnterForm>div{
	padding: 5px;
}
.userLogin, .userPassword{
	width: 100%;
	padding: 5px 10px;
}
.userEnterButtonDiv{
	text-align:center;
}
.userEnterButton, .userNextButton{
	border:1px solid #99cc66;
	border-radius: 5px;
	padding: 10px 25px;
	background: linear-gradient(to bottom, #ccffcc, #99cc66);
	cursor:pointer;
}
.userAddCourseButton{
	border:1px solid #0a45bb;
	border-radius: 5px;
	padding: 10px 25px;
	background: linear-gradient(to bottom, #6699ff, #0a45bb);
	cursor:pointer;
	color:#FFF;
}
.userRegisterRemoveCourse{
	border:1px solid #fa3e3e;
	border-radius: 5px;
	padding: 10px 25px;
	background: linear-gradient(to bottom, #f7baba, #b53535);
	cursor:pointer;
	color: #FFF;
}


.userRegisterLinks{
	text-align: center;
	font-size: 1.1rem;
	color: #00A;
}

.userRegisterSteps{
	margin: 30px auto;
}
.userRegisterStepsWrap{
	display:flex;
	flex-flow: row;
	justify-content: center;
	align-items:center;
}
.userRegisterStepsPoint{
	border-radius: 50%;
	border:1px solid #000;
	background: #fff;
	padding: 30px;
	width: 30px;
	height: 30px;
	display: flex;
	flex-flow: row;
	justify-content: center;
	align-items: center;
	font-size:1.4rem;
}
.userRegisterStepsPointReady{
	border-radius: 50%;
	border:1px solid #9c6;
	background: #ccffcc;
	padding: 30px;
	width: 30px;
	height: 30px;
	display: flex;
	flex-flow: row;
	justify-content: center;
	align-items: center;
	font-size:1.4rem;
}
.userRegisterStepsLine{
	width:150px;
	padding:5px 0;
	background: #fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.userRegisterStepsLineReady{
	width:150px;
	padding:5px 0;
	background: #ccffcc;
	border-top:1px solid #9c6;
	border-bottom:1px solid #9c6;
}



/* стили формы регистрации start */

.userRegistrationFormStep1{
	display:none;
}
.userRegistrationFormWrapper{
	display:flex;
	flex-flow: row nowrap;
	align-items:flex-start;
	justify-content:center;
}
.userRegistrationFormWrapper>div{
	margin: 20px;
}
.userRegistrationFormWrapper>div>div{
	padding:5px;
	min-height: 40px;
}
.userRegister{
}
.userRegisterInput{
	width: 250px;
	padding: 5px 10px;
}
.userRegisterCourse{
	width: 250px;
	padding: 5px 10px;
	font-size:20px;
	text-align:center;
}
.userRegisterSettings{
	width: 250px;
	padding: 3px 10px;
	font-size:18px;
	text-align:center;
}


.userRegisterAddMargin{
	margin-bottom:20px;
}


.userRegistrationFormStep2{
	display:none;
}
.userRegistrationFormStep2_oferta{
	border: 2px solid #999;
	height: 700px;
	overflow: auto;
	width: 1000px;
	margin: 40px auto 20px;
	padding: 10px;
}
.userRegistrationFormStep2_oferta, .userRegistrationFormStep2_oferta p, .userRegistrationFormStep2_oferta span, .userRegistrationFormStep2_oferta a, .userRegistrationFormStep2_oferta strong{
	font-size:.9rem;
}
.userRegistrationFormStep2_approve, .userRegistrationFormStep1_polkonf, .userRegistrationFormStep3_basket{
	margin-bottom: 20px;
	text-align:center;
	font-size:.9rem;
}

.userRegistrationFormStep3_basket{
	background: #EBEBEB;
	font-size:1.2rem!important;
	border-radius: 5px;
	max-width: 400px;
	margin: 30px auto 30px;
	padding: 10px;
}


.userRegistrationFormStep3{
	display:none;
}

.userRegistrationFormWrapper3{
	display:flex;
	flex-flow: column;
	align-items:center;
	justify-content:center;
	margin-top: 20px;
}
.userRegistrationFormWrapper3>div{
	margin: 5px 0;
}
.userRegistrationFormWrapper3>div>div{
	padding:5px;
	text-align: center;
}
.userRegistrationDescr{
	font-size:.9rem;
}
.userRegistrationDescrMargin{
	margin: 20px 0 50px 0;
	text-align: center;
}

/* стили формы регистрации end */





.topHeaderAnotherCab{
	display:flex;
	flex-flow: row;
	justify-content:center;
	align-items: center;
}


.userTopHeader{
	display:flex;
	flex-flow: row;
	justify-content:space-between;
	align-items:center;
}
.userTopHeader>*{
	flex-grow:1;
	flex-basis:33.33%;
}

.userAboutData{
}
.userAboutData>div{
	margin: 15px 0;
	display:flex;
	flex-flow: row;
	justify-content:flex-start;
	align-items:flex-start;
}
.userAboutData>div>div{
}

.userAboutDataTitle{
	font-size:1.4rem;
}
.userAboutDataEntity{
	font-size:1.2rem;
	line-height: 1.5;
	margin-left:10px;
}


/* USER COURSES INFORMATION */
.userAboutCourseWrapper{
	margin:15px 0;
	background: #EBEBEB;
	padding: 15px;
	border-radius: 20px;
}
.userAboutCourseWrapper>div{
	margin: 15px 0;
	display:flex;
	flex-flow: row;
	justify-content:flex-start;
	align-items:flex-start;
}
.userAboutCourseTitle{
	font-size:1.4rem;
}
.userAboutCourseEntity{
	font-size:1.2rem;
	line-height: 1.5;
	margin-left:10px;
}
.userAboutCoursePaid{
	color: #0D0;
	font-size:1.2rem;
	line-height: 1.5;
	margin-left:10px;
}
.userAboutCourseNoPaid{
	color: #D00;
	font-size:1.2rem;
	line-height: 1.5;
	margin-left:10px;
}


/* USER PAY start */
.userPayForm{
}
.userPayFormMain{
	display:flex;
	flex-flow: row;
	justify-content:center;
}
.userPayFormMain>div{
	margin: 20px;
}
.userPayFormMain>div>div{
	padding:5px;
	min-height: 40px;
}
.userPayFormMainHelp{
	max-width:300px;
}
.userPayDescr{
	font-size:.9rem;
}


/* USER PAY end */