@charset "UTF-8";

/* popup dialog - new popup styles */
#popup_bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(62, 62, 62, 0.8);z-index: 700;}

.popup_dialog {display: none;position: fixed;left: 0;top: 0;width: 100%;z-index: 2001;pointer-events: none;/*min-width:400px;*/min-width:320px;max-height: 100vh;}

.popup_dialog .m {max-width: 460px;margin: 0 auto;/* padding: 54px 60px 60px; */position: relative;z-index: 1;background: #FFFFFF;box-shadow: 0px 4px 25px rgba(29, 43, 39, 0.25);pointer-events: all;border-radius: 14px;/* border: solid 1px rgba(0, 0, 0, 0.13); */width: 100%;max-height: 90vh;max-height: calc(100vh - 48px);overflow-x: hidden;overflow-y: auto;}

.popup_dialog .close {position: absolute;cursor: pointer;right: 10px;top: 10px;background: no-repeat;border:none;width: 32px;height: 32px;background: url(../i/main.svg) -2px -302px no-repeat;}
.popup_dialog .close:hover {background-position: -2px -351px;opacity: 1;}

.popup_dialog .body {clear: both;}
.popup_dialog .content {text-align: center;font-size: 14px;line-height: 18px;margin: auto;width: 100%;padding: 25px 25px 25px;}

.popup_dialog .body .content {padding: 54px 60px 60px;}

.popup_dialog .content .title {font-size: 18px;line-height: 22px;font-weight: 400;margin: 0 0 16px;display: block;}

.popup_dialog .content p {}
.popup_dialog .content .small {font-size: 14px;color: #6E6D7A;margin-top: 1em;}

.popup_dialog .content .txt_box {border: 1px solid rgba(0, 0, 0, 0.5);border-radius: 13px;padding: 15px 20px 20px;/* margin: 24px auto 0; */line-height: 22px;font-size: 14px;}

.popup_dialog .buttons {border-top: 1px solid #E5EDE9;padding: 10px 10px 10px;text-align: center;user-select: none;}
.popup_dialog .buttons.right {text-align: right;}
.popup_dialog .buttons.left {text-align: left;}

.popup_dialog button,
.popup_dialog .button {display: inline-block;border-radius: 14px;line-height: 16px;border: 1px solid transparent;/* background: #fff; */outline: none;min-width: 78px;cursor: pointer;padding: 15px 18px 15px;min-height: 48px;line-height: 16px;font-size: 14px;text-align: center;color: #6E6D7A;vertical-align: middle;/* margin-left: 5px; */text-decoration: none;font-weight: 400;}

.popup_dialog button + button,
.popup_dialog .button + .button {margin-left: 10px;}

.popup_dialog button:hover,
.popup_dialog .button:hover {background: #f2f3f5;border-color: #f2f3f5;color: #816f09;}

.popup_dialog button.outline,
.popup_dialog .button.outline {background: none;}

.popup_dialog button.outline:hover,
.popup_dialog .button.outline:hover {background: none;border-color: #816f09;color: #816f09;}

.popup_dialog button:before,
.popup_dialog .button:before {display: inline-block;width: 16px;height: 16px;margin-right: 6px;vertical-align: middle;/* background: url(../i/auction_icons.svg) 0 0 no-repeat; */}

.popup_dialog button.disabled,
.popup_dialog .button.disabled {pointer-events: none; cursor: default; opacity: .5; }


.popup_dialog .button.ok, .popup_dialog .button.submit, .popup_dialog .button.apply, .popup_dialog .button.confirm {background: #9C9647;border-color: #9C9647;color: #fff;}
.popup_dialog .button.ok:hover, .popup_dialog .button.submit:hover, .popup_dialog .button.apply:hover, .popup_dialog .button.confirm:hover {background: #9C9647;border-color: #9C9647;color: #fff; opacity: .9; }

.popup_dialog .content .buttons {padding: 0;margin-top: 32px;border-top: none;}


.popup_dialog .footer {border-top: solid 1px #d5d5d5;margin: 30px -30px 0;border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;padding: 15px 30px 15px;text-align: center;min-height: 33px;line-height: 15px;font-size: 12px;color: #816f09;}
.popup_dialog .footer a {color: inherit;cursor: pointer;}
.popup_dialog .footer a:hover {color: #000; text-decoration: underline #000; }

.popup_dialog .footer button,
.popup_dialog .footer .button {font-weight: 700; }



@media only screen and (max-width: 900px) {

	.popup_dialog {position: fixed; align-items: center; justify-content: center;}
	.popup_dialog .m {}
	.popup_dialog .body .content {padding-left: 20px; padding-right: 20px;}
}



/* blocked users */
.popup_dialog .user_avatar {margin: 7px auto 20px;width: 89px;height: 89px;position: relative;}
.popup_dialog .user_avatar:after {content: "";display: block;width: 26px;height: 32px;position: absolute;right: 0;bottom: 0;background: url(../../i/profile/blacklist.svg) -284px -20px no-repeat;}

.popup_dialog .user_avatar .img {display: inline-block;width: 89px;height: 89px;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;border: 3px solid #FFBA00;border-radius: 50%;overflow: hidden;position: relative;}
.popup_dialog .user_avatar.verified .img {border-color: #2FB200;}
.popup_dialog .user_avatar.robot .img {background-color: #968CE5;background-image: url(../../i/avatar_robot.svg) !important;border: none;}

.popup_dialog .user_avatar.robot:after {background-position: -344px -20px;}

.popup_dialog.unblock .user_avatar:after {background-position: -283px -80px;}
.popup_dialog.unblock .user_avatar.robot:after {background-position: -343px -80px;}

.popup_dialog.un_block_result .user_avatar:after {display: none;}

.popup_dialog.un_block_result.block .user_avatar .img {border-color: #F63134;}
.popup_dialog.un_block_result.block .user_avatar .img:before {content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../../i/profile/blacklist.svg) -20px -23px no-repeat;}

.popup_dialog.un_block_result.block .user_avatar.robot .img {border: 3px solid #F04CC2;}
.popup_dialog.un_block_result.block .user_avatar.robot .img:before {background-position: -140px -23px;}


/*
.popup_dialog.unblock .user_avatar.robot:after {background-position: -343px -80px;}
.popup_dialog.unblock .user_avatar.robot:after {display: none;}
*/

.popup_dialog .content .text_info_box {margin-top: 24px;}




.text_info_box {display: block;border-radius: 14px;border: 1px solid rgba(0, 0, 0, 0.5);padding: 14px 40px 16px;padding-left: 50px;font-size: 16px;line-height: 24px;margin: 0 auto 20px;/*margin-bottom: 26px;*/position: relative;text-align: left;}
.text_info_box:before {content: "";display: block;position: absolute;top: 50%;margin-top: -11px;left: 16px;width: 20px;height: 20px;background: url(../../i/profile/blacklist.svg) -24px -191px no-repeat;}
.text_info_box span {display: inline-block;line-height: 1.2em;}
.text_info_box a {color: inherit; }

.text_info_box.ico_top {padding: 40px 20px 16px;text-align: center;line-height: 22px;font-size: 14px;}
.text_info_box.ico_top:before {top: 12px; margin-top: 0; left: 50%; margin-left: -10px;}




/* */
.popup_bg_picker {position: fixed;width: auto;left: 0;right: 0;height: 480px;/* margin-top: -240px; */-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;z-index: 710;}
.popup_bg_picker .m {padding: 56px 0 70px;z-index: 200;position: relative;background: #fff;color: #000;max-width: 720px;width: 100%;}
.popup_bg_picker .caption {text-align: left;height: 53px;line-height: 53px;padding: 0 20px;position: absolute;top: 0;left: 0;right: 0;font-weight: 600;font-size: 16px;}
.popup_bg_picker .body {}

.popup_bg_picker .bg_list {overflow-x: auto;height: calc(100vh - 170px);max-height: 370px;padding: 0 10px 0;}
.popup_bg_picker .bg_list:after {display: table; content: ""; clear: both; }

.popup_bg_picker .bg_list .li {display: inline-block;vertical-align: top;position: relative;text-align: center;/* padding: 10px; */border-radius: 10px;width: 154px;margin: 0 10px 20px;}
.popup_bg_picker .bg_list .li > a {display: block;cursor: pointer;position: relative;border-radius: 10px;overflow: hidden;padding-bottom: 74%;border: 1px solid rgba(110, 109, 122, .75);color: #6E6D7A;}

.popup_bg_picker .bg_list .li.active > a {border-color: #928B3B;box-shadow: inset 0 0 0 1px #928B3B;color: #fff;}
.popup_bg_picker .bg_list .li.active > a:before {content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(146, 139, 59, 0.8);opacity: 1;}
.popup_bg_picker .bg_list .li.active > a:after {content: "";display: block;width: 36px;height: 36px;position: absolute;top: 50%;left: 50%;margin-top: -18px;margin-left: -18px;background: url(../i/profile.svg) -430px -251px no-repeat;}


.popup_bg_picker .bg_list .li.unset_bg {}
.popup_bg_picker .bg_list .li.unset_bg > a {/* color: #6E6D7A; */}
.popup_bg_picker .bg_list .li.unset_bg > a:hover {background: #e9ebec;/* color: #000; */}
.popup_bg_picker .bg_list .li.unset_bg > a:after {display: none; }


.popup_bg_picker .bg_list .li.unset_bg .wrapper {position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;white-space: nowrap;overflow: hidden;}
.popup_bg_picker .bg_list .li.unset_bg .wrapper:before {content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.popup_bg_picker .bg_list .li.unset_bg span {display: inline-block;font-size: 14px;line-height: 16px;text-align: center;vertical-align: middle;padding-top: 37px;position: relative;}
.popup_bg_picker .bg_list .li.unset_bg span:before {content: "";display: block;position: absolute;width: 26px;height: 26px;top: 0;left: 50%;margin-left: -13px;background: url(../i/profile.svg) -266px -295px no-repeat;}
.popup_bg_picker .bg_list .li.unset_bg.active span:before {background-position-y: -255px;}

.popup_bg_picker .buttons {margin: 0;background: #fff;text-align: right;position: absolute;bottom: 0;left: 0;white-space: nowrap;right: 0;margin: 0 20px;padding: 12px 0 10px;border-radius: 0 0 14px 14px;}
.popup_bg_picker .button {border-color: transparent;background: transparent;font-weight: 700;/* margin-right: 0; */}

/*
.bg_picker_popup .popup_bg_picker  {display: block; }
.bg_picker_popup #layout:after {content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 700; background: rgba(62, 62, 62, 1); opacity: .8; }
/**/


@media only screen and (max-width: 620px) {

	.popup_bg_picker {left: 5px;right: 5px;width: auto;height: auto;top: 5px !important;bottom: 5px;max-height: initial;min-width: initial;}
	.popup_bg_picker .m {height: 100%;box-shadow: none;max-height: initial;max-width: 100%;width: auto;}
	
	.popup_bg_picker .caption {top: 0;height: 55px;line-height: 55px;padding: 0 20px;}
	.popup_bg_picker .bg_list {position: absolute;top: 53px;bottom: 70px;max-height: unset;left: 0;right: 0;height: auto;}
	.popup_bg_picker .bg_list .li {width: 31.2%;margin: 0 3px 6px;}
	
	.popup_bg_picker .buttons {margin: 0 10px;}
}
/**/