/* Start:/local/templates/.default/components/bitrix/system.auth.authorize/new/style.css?1647372368817*/
.mainContent__title{
    position: relative;
}

.mainContent__title > h1 > span{
    font-size: 30px;
}

.mainContent__title > h1, a{
    display: inline-block;
}

.mainContent__title > a{
    position: relative;
    display: inline-block;
    top: -3px;
    margin-left: 6px;
}


.form_first-time {
    margin-top: 35px;
    font-size: 11px;
}

.social__container{
    margin-top: 15px;
}




.mainContent {
    max-width: 800px;
    margin: 0 auto;
}

.auth__card {
    background-color: white;
    padding: 25px;
    width: 100%;
    border-radius: 4px;

}

.form__container {
}

.form__wrap {
    max-width: 250px;
    margin: 0 auto;
}


.social__wrap {

    margin: 0 auto;
    text-align: center;
}

.social__wrap h3 {
    margin-top: 0;
}

.gray-delimiter{
    color: gray;
}

.alert {
    margin-top: 20px;
}
/* End */


/* Start:/local/components/olof_social_auth/auth.form/templates/.default/style.css?17564973542461*/
.form-check{
	margin: 0 auto;
	display: table;
}

.padding-site{
	padding-left: 5px;
	padding-right: 5px;
}

.form-check {
	margin-top: 15px;
}

/* Customize the label (the container) */
.checkbox__container {
	display: inline-block;;
	position: relative;
	padding-left: 22px;
	margin-bottom: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400;
	font-size: 11px;
}

/* Hide the browser's default checkbox */
.checkbox__container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: -1px;
	left: 0;
	height: 16px;
	width: 16px;
	background: #fff none;
	border: 1px solid #ccc;
	border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checkbox__container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox__container input:checked ~ .checkmark {
	background-color: #fff;
}

.checkbox__container input:checked ~ .checkmark:hover {
	background-color: #ccc;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox__container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox__container .checkmark:after {
	left: 5px;
	top: 2px;
	width: 5px;
	height: 9px;
	border: solid black;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.captcha{
	margin-top: 15px;
    transform: scale(0.83);
    transform-origin: 0 0;
}

.fill-width {
	width: 100%;
}

.form_auth__submit-btn {
	margin: 10px 0 0;
}

.input-title {
	margin: 15px 0 5px;
	font-weight: bold;
}

.red-star {
	color: red;
}

.pass-wrapper{
	display: inline-block;
	position: relative;
    width: 100%;
}
.pass-wrapper input{
	padding-right: 15px;
}
#s-h-pass{
	display: block;
	position:absolute;
	top:5px;
	right:10px;
	width:10px;
	height:10px;
	font-size:18px;
	text-align:center;
	z-index:5;
	text-decoration:none;
}
#s-h-pass:hover{
	text-decoration:none;
}


#form_auth_captcha
{
	display: none;
}

#form_auth_captcha.shown
{
	display: block;
}

.form_auth_captcha_group
{
	display: grid;
    grid-template-columns: 1fr 153px;
    gap: 10px;
}
.form_auth_captcha_group img
{
	width: 153px;
    height: 34px;
}

/* End */


/* Start:/local/components/olof_social_auth/social.btn.list/templates/.default/style.css?1647372369853*/

.social_btn_list__container{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}


.social_btn_list__container > a {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

/* End */


/* Start:/local/components/olof_social_auth/social.btn/templates/.default/style.css?16473723691222*/

.social_btn {
    margin: 5px;
    text-align: center;
    color: #fff !important;
    border-radius: .5rem;
    width: 4rem;
    height: 4rem;
    font-size: 2.4rem;
    line-height: 4rem;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
}

.social_btn:hover {
    color: #fff !important;
    opacity: .5;
}


.social_btn__ok {
    background-color: #f6861f;
}

.social_btn__yandex {
    background-color: #ed1c24;
}

.social_btn__facebook {
    background-color: #3b5998;
}

.social_btn__mailru {
    background-color: #175696;
}

.social_btn__twitter {
    background-color: #00aced;
}

.social_btn__vk {
    background-color: #45668e;
}

.social_btn__google {
    background-color: #d34836;
}

.social_btn__ok i:after {
    content: "\f263";
}

.social_btn__yandex i:after {
    content: "\f413";
}

.social_btn__facebook i:after {
    content: "\f39e";
}

.social_btn__mailru i:after {
    content: "\f1fa";
}

.social_btn__twitter i:after {
    content: "\f099";
}

.social_btn__vk i:after {
    content: "\f189";
}

.social_btn__google i:after {
    content: "\f0d5";
}

/* End */
/* /local/templates/.default/components/bitrix/system.auth.authorize/new/style.css?1647372368817 */
/* /local/components/olof_social_auth/auth.form/templates/.default/style.css?17564973542461 */
/* /local/components/olof_social_auth/social.btn.list/templates/.default/style.css?1647372369853 */
/* /local/components/olof_social_auth/social.btn/templates/.default/style.css?16473723691222 */