@charset "UTF-8";

/* FONT SETTINGS */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.eot");
    src: local("Roboto"), local("Roboto-Regular"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.woff2") format("woff2"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.woff") format("woff"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.ttf") format("truetype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.svg#Roboto") format("svg");
}

.payment-form__loading {
    display: none;
    font-size:14px
}
.payment-form__loading img {
    bottom: -5px;
    position: relative;
    margin-right: 5px
}

/** INPUTS **/
.css-text-input {
    font-size: 13px;
    line-height: normal;
    padding: 6px 4px;
    border-radius: 3px;
    border: 1px solid #d3d9de;
    width: 100%
}
.css-text-label {
    font-size: 13px
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

/* 2021 BUTTON REFRESH */
@media screen and (min-width: 0) {

	/* BUTTONS COMMON*/
	.af-button-wrapper {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
	}
	.af-button-wrapper .af-button + .af-button {
		margin-left: 20px;
	}
	.af-button {
		display: flex;
		height: 31px;
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 1;
		line-height: normal;
		text-transform: none;
		align-items: center;
		justify-content: center;
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 6px;
		box-sizing: border-box;
		transition: linear 200ms;
		cursor: pointer;
        position: relative;
	}
	.text a.af-button,
	.text a.af-button:hover,
	#content .rside .block .content a.af-button,
	#content .rside .block .content a.af-button:hover {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 1;
		line-height: normal;
		text-transform: none;
	}
	input.af-button,
	button.af-button {
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		border: 0;
		outline: 0;
		background-color: transparent;
	}
	a.af-button,
	.text a.af-button {
		text-decoration: none;
	}
	input.af-button,
	button.af-button {
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
	.af-button .input-button {
		width: 100%;
		height: 100%;
		opacity: 0;
		padding: 0;
        position: absolute;
        left: 0;
        top: 0;
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}

	/*
	.asubmit
	.acancel
	#content .main .text a.af-personal-link
	.text .af-page__feedback a.af-form-link
	.text .af-page__feedback .af-form-message a
	.text .af-vacancies .af-vacancy-more a
	.main .text .af-vacancies a.af-vacancies-anchor
	.main .text .af-vacancies a.af-vacancies-anchor:hover
    .text .af-page__contacts a.af-panel-close
    .text .af-page__contacts a.af-panel-close:hover
	.text .af-stocks-shop a.af-shop-link
	.text .af-stocks-shop a.af-shop-category
    .text .af-stocks-shop a.af-product-name
	*/

	/* ORANGE BUTTON */
	.af-button.af-button__orange {
		color: #FFFFFF;
		background-color: #FB6321;
	}
	.af-button.af-button__orange:active {
		background: linear-gradient(180deg, #EB4F0C 0%, #FB6321 30.65%);
	}
	.af-button.af-button__orange:focus {
		background-color: #EB4F0C;
	}
	.af-button.af-button__orange:hover {
		background-color: #EB4F0C;
	}

	/* BLUE BUTTON */
	.af-button.af-button__blue {
		color: #FFFFFF;
		background-color: #0F74D1;
	}
	.af-button.af-button__blue:active {
		background: linear-gradient(180deg, #0A65B9 0%, #0F74D1 30.65%);
	}
	.af-button.af-button__blue:focus {
		background-color: #0A65B9;
	}
	.af-button.af-button__blue:hover {
		background-color: #0A65B9;
	}

	/* GRAY BUTTON */
	.af-button.af-button__gray {
		color: #222222;
		background-color: #CCCCCC;
	}
	.af-button.af-button__gray:active {
		background: linear-gradient(180deg, #A4A4A4 0%, #BDBDBD 30.65%)
	}
	.af-button.af-button__gray:focus {
		background-color: #BDBDBD;
	}
	.af-button.af-button__gray:hover {
		background-color: #BDBDBD;
	}

	/* DISABLED BUTTONS */
	.af-button.disabled,
	.af-button:disabled {
		color: #FFFFFF;
		pointer-events: none;
		background-color: #CCCCCC;
	}

	/* FIX */
	.text a.af-button.af-button__gray,
	#content .rside .block .content a.af-button.af-button__gray {
		color: #222222;
	}
	.text a.af-button.disabled,
	.text a.af-button:disabled,
	.text a.af-button.af-button__orange,
	.text a.af-button.af-button__blue,
	#content .rside .block .content a.af-button.disabled,
	#content .rside .block .content a.af-button:disabled,
	#content .rside .block .content a.af-button.af-button__orange,
	#content .rside .block .content a.af-button.af-button__blue {
		color: #FFFFFF;
	}

	/* UNICUE BUTTONS */
	.af-button-wrapper.af-button-wrapper__delivery-map {
		margin-top: 20px;
	}
	.af-button.af-button__login {
		max-width: 80px;
		max-height: 26px;
		margin-left: auto;
	}
	.af-button.af-button__login-page {
		width: 100%;
	}
	.af-button.af-button__register-page {
		width: 100%;
	}
	.af-button.af-button__backup-page {
		width: 100%;
	}
	.af-button.af-button__order {
		align-self: flex-end;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.af-button.af-button__search-expander,
	.af-button.af-button__search-apply {
		display: inline-block;
	}
}