/* Start:/bitrix/templates/magnet_s1/components/bitrix/system.auth.registration/.default/style.css?16220207177514*/
.access-master-notification {
	padding:10px 10px 10px 52px;
	border:1px solid #ccc;
	border-radius:4px;
	position:relative;
	background-color: rgba(0, 108, 181, .3);
}
.access-master-notification:before {
	content:"";
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	left:10px;
	top:1.6em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32px' viewBox='0 0 509.87489 509.87489' width='32px'%3E%3Cpath d='m23.503906 198.367188 174.863282-174.863282c31.242187-31.242187 81.898437-31.242187 113.140624 0l174.863282 174.863282c31.242187 31.242187 31.242187 81.898437 0 113.140624l-174.863282 174.863282c-31.242187 31.242187-81.898437 31.242187-113.140624 0l-174.863282-174.863282c-31.242187-31.242187-31.242187-81.898437 0-113.140624zm0 0' fill='%23ffda6b'/%3E%3Cg fill='%23fff'%3E%3Cpath d='m254.929688 142.9375c8.835937 0 16 7.164062 16 16v128c0 8.835938-7.164063 16-16 16-8.835938 0-16-7.164062-16-16v-128c0-8.835938 7.164062-16 16-16zm0 0'/%3E%3Cpath d='m238.929688 334.9375h32v32h-32zm0 0'/%3E%3C/g%3E%3C/svg%3E");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
[data-access-master-component] {
	display:none;
	margin-top:15px;
}

.mt-10px {
	margin-top:10px;
}
.access-form {
	width:100%;
	max-width:700px;
}
.access-title {
	font-weight:bold;
	font-size:24px;
	margin-bottom:1em;
}
.access-note {
	padding:10px 0;
	font-weight:bold;
}
.form-group {
	padding:10px 0;
}
.form-group input[type="text"] {
	width:100%;
}
.group-note {
	padding:10px 0;
	font-weight:bold;
}
.group-radio {
	display:none;
}
.group-block {
	display:block;
}
.group-title {
	border:1px solid #ccc;
	position:relative;
	transition:all .35s ease;
}
/*
.group-title:before {
    content: '\0070';
    font-size: 14px;
	position:absolute;
	right:10px;
	top:50%;
	transform:translate(0, -50%);
}
*/
.group-title label {
	display:-webkit-flex;
	display:flex;
	padding:10px;
	font-weight:bold;
	cursor:pointer;
	-webkit-align-items:center;
	align-items:center;
}
.group-title label > span {
	flex: 1 1 auto;
}
.group-title label > span:last-child {
	text-align:right;
	font-weight:normal;
	white-space:nowrap;
}

.group-title .icon-custom:before {
    content: '\0070';
    font-size: 14px;
	vertical-align:middle;
}
.group-radio + .files-block .group-files{
	display:none;
}
.group-radio:checked + .files-block {
	border:1px solid #006cb5;
}
.group-radio:checked + .files-block .group-files {
	display:block;
}
.group-radio:checked + .files-block .group-title {
	background-color:#006cb5;
	border:1px solid #006cb5;
	color:#fff;
}
.group-radio:checked + .files-block .group-title span:last-child {
	display:none;
}

.group-files {
	padding:10px;
}

.file-note {
	padding:5px;
}

.files-block {
	padding:0 0 5px;
	margin-bottom:10px;
}


.file-block {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom:10px;
	position:relative;
}
.file-block-clear {
	position:absolute;
	right:10px;
	top:10px;
	width:1.5em;
	height:1.5em;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#eee;
	border-radius:50%;
	cursor:pointer;
}
.file-block.no-selected .file-block-clear {
	display:none;
}
.file-block:hover .file-block-clear {
	background-color:#ccc;
}
.file-div {
	display: inline-block;
	min-width: auto;
	padding: 12px 18px;
	opacity: 1;
	font-size: 0.875em;
	color: #fff;
	font-weight: 700;
	background-color: #1b9fc6;
	border: none;
	border-radius: 30px;
	text-align: center;
	box-sizing: border-box;
	transition: all .2s ease;
	cursor: pointer;
}
.file-name {
	font-size: 0.875em;
	color: #828282;
	position: relative;
	display: block;
	padding-left: 26px;
	line-height: 1.25em;
	user-select: none;
}
.hidden {
	display: none;
	visibility: hidden;
}
[data-extra-files-btn] {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
}
.icon-custom-add:before {
    content: '\004e';
	margin-right:10px;
}
[data-extra-files-btn] .btn.disabled {
	opacity: 0.5 !important;
	cursor:auto;
}

.access-errors {
	margin:1em 0 0;
	color:red;
}
.access-errors .title {
	font-weight:bold;
	margin-bottom:1em;
}
.access-errors ul li:before {
	background-color: red !important;
}


.access-process {
	margin:1em 0 0;
}
.access-process .title {
	text-align:center;
}
.access-process .process {
	
}
.access-process .process .process-bar {
	background-image:linear-gradient(to right, rgb(84,176,239), #006cb5);
	width:0%;
	height:1em;
}

.access-form .success {
	text-align:center;
	font-weight:bold;
	color:green;
}

.btn.green {
	background-color: green;
}

/* v2 (steps) */
.access-master {
	width:100%;
	max-width:100%;
	overflow:hidden;
	position:relative;
	border:1px solid #006cb5;
	height:380px;
}
.access-master.multiple-files {
	height: 458px;
}
/*
.access-master:before {
	content:"";
	display:block;
	height:400px;
	width:1px;
}
*/
.access-master * {
	box-sizing:border-box;
}
.access-master_wrap {
	position:absolute;
	top:0;
	left:0;
	display:flex;
	flex-flow:row nowrap;
	align-items:stretch;
}

.access-master_step {
	flex: 0 0 auto;
	min-height:300px;
}

.access-master_step__title {
	background-color:#006cb5;
	color:#fff;
	font-weight:bold;
	padding:.5em;
}
.access-master_step__content {
	padding:15px;
}

.multiple-files .access-master_step__content {
	max-height:430px;
	overflow:auto;
}

.buttons.prev-next {
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	margin:1em 0;
}

.input-error {
	font-size:80%;
	color:red;
}
.input-error:empty {
	display:none;
}
.required {
	font-weight:bold;
	color:red;
}

select.form-control {
    padding: 9px 10px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
	width:100%;
}

.access-master-progress {
	display:flex;
	align-items:center;
	height:32px;
	margin-bottom:15px;
}
.access-master-progress .start {
	flex:0 1 35px;
	height:16px;
	background-image: repeating-linear-gradient(-45deg, #328ed9, #328ed9 10px, #52baff 10px, #52baff 20px);
	border: 2px solid #006cb5;
	border-radius:4px 0 0 4px;
}
.access-master-progress .step {
	flex:1 1 auto;
	height:16px;
	position:relative;
	background-image: repeating-linear-gradient(-45deg, #ccc, #ccc 10px, #eee 10px, #eee 20px);
	border: 2px solid #888;
}
.access-master-progress .step:last-child {
	border-radius: 0 4px 4px 0;
	flex:0 1 50px;
}
.access-master-progress .step.current {
	background-image: repeating-linear-gradient(-45deg, #50c878, #50c878 10px, #c5edd2 10px, #c5edd2 20px);
	border: 2px solid #50c878;
}
.access-master-progress .step.complete {
	background-image: repeating-linear-gradient(-45deg, #328ed9, #328ed9 10px, #52baff 10px, #52baff 20px);
	border: 2px solid #328ed9;
}
.access-master-progress .step span {
	position:absolute;
	display:flex;
	width:32px;
	height:32px;
	font-weight:bold;
	background-color:#ccc;
	border:2px solid #fff;
	border-radius:50%;
	left:-10px;
	top: -10px;
	color:#fff;
	align-items:center;
	justify-content:center;
	box-shadow:1px 1px 1px rgba(0,0,0,.5);
}
.access-master-progress .step.current span {
	background-color:#50c878;
}
.access-master-progress .step.complete span {
	background-color:#328ed9;
}
/* End */
/* /bitrix/templates/magnet_s1/components/bitrix/system.auth.registration/.default/style.css?16220207177514 */