/*
.selection, .select2, .select2-results__option{
	color: black!important;
}
								
.selection *, .select2 *, .select2-results__option{
	color: black!important;
}
*/

.history_block{
	width: 100%;
}

.order_line{
	margin: 20px auto;
	width: 100%;
	padding: 20px 30px;
	text-align:left;
	border: solid 1px var(--scolor);
			
	display: grid;
	grid-template-areas:
		"info btn"
		"more more";
			
	grid-template-columns: auto 200px;
	grid-template-rows: auto auto;
}
		
.order_line > .info{
	grid-area: info;
	position: relative;
}
		
.order_line > .info > span{
	font-size: 110%;
	font-weight: bold;
}
		
.order_line > .info > .to_bottom{
	position: absolute;
	bottom:0;
	left: 0;
}
		
.order_line > .btn_block{
	grid-area: btn;
}
.order_line > .btn_block button{
	width: 100%;
}
.order_line > .btn_block > button{
	margin-top: 0!important;
}
		
		
.order_line > .more{
	grid-area: more;
}
		
.item-line{
	margin-top: 16px;
}
		
.item-line a{
	font-size: 105%;
}
		
#devsel h3{
	margin-bottom: 16px;
}
		
#devsel input, #devsel .select2{
	height: 40px;
	min-width: 280px;
	margin: 5px auto!important;
	border: none;
}
		
#devsel button{
	background: transparent;
	color: var(--scolor);
	border: solid 1px var(--scolor);
			
	margin-top: 16px;
	padding: 10px 10px;
	cursor: pointer;
	font-weight: bold;
}
		
#devsel button:focus{
	border-radius: none;
	background: var(--scolor);
	color: white;
	outline: none;
}
		
.fgt-psw{
	display: block;
	text-align: left;
	min-width: 280px;
	margin-top: 5px;
}
		
/*
input[type="password"]{
	background: white url('/personal/img/lock.png') 10px center no-repeat;
	background-size: 24px;
			
	text-indent: 40px;
}
		
input[type="tel"]{
	background: white url('/personal/img/user.png') 10px center no-repeat;
	background-size: 24px;
			
	text-indent: 40px;
}
*/
		
#devsel > div, #devsel > div > form{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: space-around;
	justify-content: center;
	align-items: center;
}		
		
.radios-as-buttons{display: flex;flex-flow: row wrap;font-weight: 600;justify-content: center;}
.radios-as-buttons > div > label{
	margin-right: 20px;
	padding: 10px 10px;
	border: solid 1px white;
	cursor: pointer;
}
					
.radios-as-buttons > div{
	height: 60px;
}
					
.radios-as-buttons > div > input{display: none;}
					
.radios-as-buttons > div > input:checked + label{
	color: var(--scolor);
	border: solid 1px var(--scolor);
}
		
#devsel{
	width: 90%;
	margin: 0 auto;
}
					
#devsel > div{
	max-height: 0;overflow-y: hidden;transition-property: all;transition-duration: .5s;
}
					
#devsel[data-select="login_select"] > div#login_select{
	max-height: unset;height: auto;transition: max-height 1s ease-in-out;
}
					
#devsel[data-select="reg_select"] > div#reg_select{
	max-height: unset;height: auto;transition: max-height 1s ease-in-out;
}	
		
#devsel[data-select="adress_list"] > div#adress_list{
	max-height: unset;height: auto;transition: max-height 1s ease-in-out;
}
		
#devsel[data-select="history"] > div#history{
	max-height: unset;height: auto;transition: max-height 1s ease-in-out;
}

#login_box.wait #login_body{
	display: none;
}
				
.load_wait{
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
		
#login_box:not(.wait) .load_wait{
	display: none;
}

.address_parent{
	width: 100%;
	display: grid;			
	grid-template-columns: 1fr 1fr;	
	grid-gap: 20px;
}

.address_parent > div{
	display: grid;	
	grid-template-columns: 1fr 1fr;
	
	padding: 20px 30px;
	border: solid 1px var(--scolor);
}

.address_parent > div > .union{
	grid-column: 1/3;
	grid-row: 1;
	font-size: 105%;
	font-weight: bold;
	margin-bottom: 16px;
}


.im-form input[type="date"]::-webkit-calendar-picker-indicator{color: #5F6269;filter: invert(48%);vertical-align: middle;}

.profile p{text-transform: uppercase;}
.profile p:not(:first-child){margin-top: 8px;}

.profile input:read-only{
	background: #0E0F12;
	color: #818181;
}

.profile .checkbox{display: flex;}
.profile .checkbox:not(:last-child){margin-bottom: 24px;}

.profile .checkbox input{display: none;}
.profile .checkbox input + label{
	content: '';
	width:36px;
	height:18px;
	background: #1A1C21;
	border-radius: 10px;
	position: relative;
	margin-right: 16px;
	cursor: pointer;

	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	-ms-appearance: checkbox !important;
	-o-appearance: checkbox !important;
	appearance: checkbox !important;
}

.profile .checkbox input + label:before{
	content: '';
	width:18px;
	height:18px;
	position: absolute;
	left:0;
	top:0;

	transition: all 0.2s ease-in-out;
	background: #0E0F12;
	border: 2px solid #5F6269;
	border-radius: 100%;
}

.profile .checkbox input:checked  + label:before{
	border: 2px solid var(--main);
	left: 18px;
}

:is(#sms_send, #sms_psw, #restore, #reset_phone, #reset_code, #reset_newpsw){display:grid;}

:is(#sms_send, #sms_psw, #restore, #reset_phone, #reset_code, #reset_newpsw) > .title{
	color: white;
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 24px;

	text-align: center;
	text-transform: uppercase;
}

:is(#sms_send, #sms_psw, #restore, #reset_phone, #reset_code, #reset_newpsw) > p{
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	color: #99A7AC;
}

:is(#sms_send, #sms_psw, #restore, #reset_phone, #reset_code, #reset_newpsw) > .gbtn{
	text-align: center;	
	margin-top:0;
	padding-top:0;
}

[name="reg[conf]"] {display: none;}

.captcha {margin-bottom: 20px;}
.captcha img {margin: 0; display: inline-block;}
.captcha a {margin: 0 0 0 20px; display: inline-block; border-bottom: 1px dashed #ffd900; text-decoration: none;}