.os{
	font-family: Open Sans, Arial, sans-serif;
}
.pointer{
	cursor: pointer !important;
}
.ib{
	display: inline-block;
}
.block{
	display: block;
}
.box{
	box-sizing: border-box;
}
.flex{
	display: flex;
}
.hide{
	display: none;
}
.relative{
	position: relative;
}
.absolute {
	position: absolute;
}
.top-0 {
	top: 0px!important;
}
.top-9 {
	top: 9px!important;
}
.top-32 {
	top: 32px!important;
}
.right-5 {
	right: 5px !important;
}
.right-32 {
	right: 32px !important;
}
.right-64 {
	right: 64px !important;
}
.bottom-5 {
	bottom: 5px !important;
}
.left-0 {
	left: 0!important;
}
.f10{
	font-size: 10px !important;
	line-height: 14px !important;
}
.f12{
	font-size: 12px !important;
	line-height: 16px !important;
}
.f13{
	font-size: 13px !important;
	line-height: 18px !important;
}
.f14{
	font-size: 14px !important;
	line-height: 20px !important;
}
.f16{
	font-size: 16px !important;
	line-height: 22px !important;
}
.f16_20{
	font-size: 16px !important;
	line-height: 20px !important;
}
.f16_24{
	font-size: 16px !important;
	line-height: 24px !important;
}
.f18_24{
	font-size: 18px !important;
	line-height: 24px !important;
}
.f18{
	font-size: 18px !important;
	line-height: 26px !important;
}
.f18_28{
	font-size: 18px !important;
	line-height: 28px !important;
}
.f20{
	font-size: 20px !important;
	line-height: 28px !important;
}
.f24{
	font-size: 24px !important;
	line-height: 30px !important;
}
.f24_28 {
	font-size: 24px !important;
	line-height: 28px !important;
}
.f24_32 {
	font-size: 24px !important;
	line-height: 32px !important;
}
.f28{
	font-size: 28px !important;
	line-height: 34px !important;
}
.f30 {
	font-size: 30px !important;
	line-height: 36px !important;
}
.f36 {
	font-size: 36px !important;
	line-height: 36px !important;
}
.bold, .b{
	font-weight: bold !important;
}
.fw400{
	font-weight: 400 !important;
}
.fw700{
	font-weight: 700 !important;
}
.fw800{
	font-weight: 800 !important;
}
.p0{
	padding: 0 !important;
}
.p4{
	padding: 4px !important;
}
.p19{
	padding: 19px !important;
}
.p32 {
	padding: 32px !important;
}
.pt0{
	padding-top: 0px !important;
}
.pt6{
	padding-top: 6px !important;
}
.pt8{
	padding-top: 8px !important;
}
.pt15{
	padding-top: 15px !important;
}
.pt28{
	padding-top: 28px !important;
}
.pt30{
	padding-top: 30px !important;
}
.pt34{
	padding-top: 34px !important;
}
.pt50{
	padding-top: 50px !important;
}
.pv0{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.pv6{
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
.pv7{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.pv8{
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.pv9{
	padding-top: 9px !important;
	padding-bottom: 9px !important;
}
.pv10{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.pv12{
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}
.pv16{
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}
.pl8{
	padding-left: 8px !important;
}
.pl9{
	padding-left: 9px !important;
}
.pl10{
	padding-left: 10px !important;
}
.pv30{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.pl30{
	padding-left: 30px !important;
}
.pl34{
	padding-left: 34px !important;
}
.pr5{
	padding-right: 5px !important;
}
.pr8{
	padding-right: 8px !important;
}
.pr9{
	padding-right: 9px !important;
}
.ph5{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.ph10{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.ph14{
	padding-left: 14px !important;
	padding-right: 14px !important;
}
.ph16{
	padding-left: 16px !important;
	padding-right: 16px !important;
}
.ph19{
	padding-left: 19px !important;
	padding-right: 19px !important;
}
.ph20{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.ph31{
	padding-left: 31px !important;
	padding-right: 31px !important;
}
.ph40{
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.ph70{
	padding-left: 70px !important;
	padding-right: 70px !important;
}
.pb0{
	padding-bottom: 0 !important;
}
.pr4{
	padding-bottom: 4px !important;
}
.pb8{
	padding-bottom: 8px !important;
}
.pb10{
	padding-bottom: 10px !important;
}
.pb12{
	padding-bottom: 12px !important;
}
.pb14{
	padding-bottom: 14px !important;
}
.pb16{
	padding-bottom: 16px !important;
}
.pb18{
	padding-bottom: 18px !important;
}
.pb20{
	padding-bottom: 20px !important;
}
.pb22{
	padding-bottom: 22px !important;
}
.pb24{
	padding-bottom: 24px !important;
}
.pb32{
	padding-bottom: 32px !important;
}
.pb40{
	padding-bottom: 40px !important;
}
.mv8{
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
.mv10{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mv14{
	margin-top: 14px !important;
	margin-bottom: 14px !important;
}
.m0{
	margin: 0px !important;
}
.ml0{
	margin-left: 0px !important;
}
.ml3{
	margin-left: 3px !important;
}
.ml6{
	margin-left: 6px !important;
}
.ml12{
	margin-left: 12px !important;
}
.ml16{
	margin-left: 16px !important;
}
.ml27{
	margin-left: 27px !important;
}
.ml30{
	margin-left: 30px !important;
}
.ml32{
	margin-left: 32px !important;
}
.mt-1{
	margin-top: -1px !important;
}
.mt-2{
	margin-top: -2px !important;
}
.mt-3{
	margin-top: -3px !important;
}
.mt0{
	margin-top: 0px !important;
}
.mt2{
	margin-top: 2px !important;
}
.mt4{
	margin-top: 4px !important;
}
.mt5{
	margin-top: 5px !important;
}
.mt6{
	margin-top: 6px !important;
}
.mt8{
	margin-top: 8px !important;
}
.mt10{
	margin-top: 10px !important;
}
.mt12{
	margin-top: 12px !important;
}
.mt15{
	margin-top: 15px !important;
}
.mt16{
	margin-top: 16px !important;
}
.mt18{
	margin-top: 18px !important;
}
.mt20{
	margin-top: 20px !important;
}
.mt22{
	margin-top: 22px !important;
}
.mt24{
	margin-top: 24px !important;
}
.mt32{
	margin-top: 32px !important;
}
.mt34{
	margin-top: 34px !important;
}
.mt40{
	margin-top: 40px !important;
}
.mha{
	margin-left: auto !important;
	margin-right: auto !important;
}
.mh0{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.mh20{
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.mr1{
	margin-right: 1px !important;
}
.mr2{
	margin-right: 2px !important;
}
.mr4{
	margin-right: 4px !important;
}
.mr5{
	margin-right: 5px !important;
}
.mr7{
	margin-right: 7px !important;
}
.mr8{
	margin-right: 8px !important;
}
.mr10{
	margin-right: 10px !important;
}
.mr12{
	margin-right: 12px !important;
}
.mr13{
	margin-right: 13px !important;
}
.mr20{
	margin-right: 20px !important;
}
.mr32{
	margin-right: 32px !important;
}
.mb0{
	margin-bottom: 0px !important;
}
.mb4{
	margin-bottom: 4px !important;
}
.mb6{
	margin-bottom: 6px !important;
}
.mb8{
	margin-bottom: 8px !important;
}
.mb10{
	margin-bottom: 10px !important;
}
.mb12{
	margin-bottom: 12px !important;
}
.mb14{
	margin-bottom: 14px !important;
}
.mb15{
	margin-bottom: 15px !important;
}
.mb16{
	margin-bottom: 16px !important;
}
.mb18{
	margin-bottom: 18px !important;
}
.mb19{
	margin-bottom: 19px !important;
}
.mb20{
	margin-bottom: 20px !important;
}
.mb22{
	margin-bottom: 22px !important;
}
.mb24{
	margin-bottom: 24px !important;
}
.mb30{
	margin-bottom: 30px !important;
}
.mb32{
	margin-bottom: 32px !important;
}
.mb34{
	margin-bottom: 34px !important;
}
.mb40{
	margin-bottom: 40px !important;
}
.mb80{
	margin-bottom: 80px !important;
}
.br6{
	border-radius: 6px !important;
}
.br10{
	border-radius: 10px !important;
}
.br12{
	border-radius: 12px !important;
}
.br14{
	border-radius: 14px !important;
}
.br29{
	border-radius: 29px !important;
}
.br30{
	border-radius: 30px !important;
}
.br39{
	border-radius: 39px !important;
}
.br40{
	border-radius: 40px !important;
}
.fw{
	flex-wrap: wrap !important;
}
.rg10{
	row-gap: 10px !important;
}
.rg20{
	row-gap: 20px !important;
}
.cg5{
	column-gap: 5px !important;
}
.cg10{
	column-gap: 10px !important;
}
.cg20{
	column-gap: 20px !important;
}
.cg38{
	column-gap: 38px !important;
}
.cg40{
	column-gap: 40px !important;
}

.bg_bright_gray_grad{
	background: linear-gradient(180deg, #EDEBE9 0%, #F6F5F4 14.36%, #D4D4D5 100%) !important;
}
.bg_black{
	background: #000 !important;
}
.bg_white, .hvr_bg_white:hover{
	background: #fff !important;
}
.bg_magnolia, .hvr_bg_magnolia:hover{
	background: #F6F1FA !important;
}

.bg_none, .hvr_bg_none:hover{
	background: none !important;
}
.bg_bright_gray{
	background: #EDEBE9 !important;
}
.bg_spanish_gray, .hvr_bg_spanish_gray:hover{
	background: #939598 !important;
}
.bg_white_coffee{
	background: #E2DDD8 !important;
}
.bg_cultured, .hvr_bg_cultured:hover{
	background: #F6F5F4 !important;
}
.bg_dark_lavender{
	background: #764696 !important;
}
.bg_blue_violet, .hvr_bg_blue_violet:hover{
	background: #581C81 !important;
}
.bg_alabaster{
	background: #F3F7E8 !important;
}
.bg_stone {
	background: #F5F5F4 !important;
}
.bg_stone_300 {
	background: #D6D3D1 !important;
}
.bg_lime_400 {
	background: #A3E635 !important;
}
.hover_bg_lime_300:hover {
	background: #BEF264 !important;
}
.bg_sky_600 {
	background: #0284C7 !important;
}
.hover_bg_sky_700:hover {
	background: #0369A1 !important;
}
.bg_red_400_hover:hover {
	background: rgba(248, 113, 113, 1)!important;
}
.bg_base_05 {
	background: #6D4E98 !important;
}
.bg_pure_100_hover:hover {
	background: #F3E8FF !important;
}
.bg_pure_800_hover:hover {
	background: #6B21A8 !important;
}
.bc_base_00 {
	border-color: #593A84 !important;
}
.bc_white_coffee{
	border-color: #E2DDD8 !important;
}
.bc_spanish_gray{
	border-color: #939598 !important;
}
.bc_metallic_silver{
	border-color: #A7A9AC !important;
}
.bc_stone {
	border-color: #A8A29E !important;
}
.bc_stone_300 {
	border-color: #D6D3D1 !important;
}
.bc_blue_violet{
	border-color: #581C81 !important;
}
.bc_int_orange{
	border-color: #C62315 !important;
}
.bc_islamic_green{
	border-color: #0D9901 !important;
}
.bc_lime_400 {
	border-color: #A3E635 !important;
}
.bc_black, .focus_bc_black:focus{
	border-color: #000 !important;
}
.base_00 {
	color: #593A84 !important;
}
.dark_lavender{
	color: #764696 !important;
}
.blue_violet{
	color: #581C81 !important;
}
.white{
	color: #fff !important;
}
.white_hover:hover {
	color: #fff !important;
}
.black{
	color: #000 !important;
}
.int_orange{
	color: #C62315 !important;
}
.spanish_gray{
	color: #939598 !important;
}
.amaranth_red{
	color: #D2232A !important;
}
.dark_lemon_lime{
	color: #83AC18 !important;
}
.red_600 {
	color: #DC2626 !important;
}
.stone_400 {
	color: #A8A29E!important;
}
.stone_500 {
	color: #78716C !important;
}
.sky_600 {
	color: #0284C7 !important;
}
.no_decor{
	text-decoration: none;
}
.no_resize{
	resize: none;
}
.hvr_decor:hover{
	text-decoration: underline;
}
.a_left{
	text-align: left;
}
.center{
	text-align: center;
}
.wa{
	width: auto !important;
}
.w12{
	width: 12px !important;
}
.w22{
	width: 22px !important;
}
.w24{
	width: 24px !important;
}
.w28{
	width: 28px !important;
}
.w80{
	width: 80px !important;
}
.w160{
	width: 160px !important;
}
.w360{
	width: 360px !important;
}
.w100p{
	width: 100% !important;
}
.mw150{
	max-width: 150px !important;
}
.mw220{
	max-width: 220px !important;
}
.mw250{
	max-width: 250px !important;
}
.mw400{
	max-width: 400px !important;
}
.h1{
	height: 1px !important;
}
.h18{
	height: 18px !important;
}
.h22{
	height: 22px !important;
}
.h28{
	height: 28px !important;
}
.h40{
	height: 40px !important;
}
.h60{
	height: 60px !important;
}
.items_c{
	align-items: center !important;
}
.items_bl{
	align-items: baseline !important;
}
.items_start{
	align-items: flex-start !important;
}
.items_end{
	align-items: flex-end !important;
}
.justify_c {
	justify-content: center !important;
}
.self_c {
	align-self: center !important;
}
.self_bl{
	align-self: baseline !important;
}
.wrap{
	flex-wrap: wrap !important;
}
.col{
	flex-direction: column !important;
}
.b0{
	border: 0 !important;
}
.border{
	border-width: 1px !important;
	border-style: solid !important;
}
.bh{
	border-top-width: 1px !important;
	border-top-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
}
.bt{
	border-top-width: 1px !important;
	border-top-style: solid !important;
}
.bb{
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
}
.list-none {
	list-style-type: none;
}
.box-border {
	box-sizing: border-box;
}
.overflow-hidden {
	overflow: hidden;
}
.shadow {
	box-shadow: 0px 4px 12px 0px #0000001A;
}

.form_error{
	display: none;
}

.close_30{
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url('/template/images/close_30.png');
}
.close_30:hover {
	background-position: 0 100%;
}

#login_window{
    line-height: 100%;
    padding: 50px 70px 36px;
    font-family: Open Sans, Arial, sans-serif;
    box-shadow: 0px 4px 10px 10px rgba(0, 0, 0, 0.25);
    text-align: left;
    background: #F6F5F4;
    max-width: 360px;
    box-sizing: border-box;
}
.login_window_activation_style{
    display: none;
}
.login_window_title{
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 14px;
}
.login_window_description{
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 18px;
}
.login_input{
    height: 40px;
    width: 220px;
    color: #6D6E70;
    outline: none;
    padding: 9px 10px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 22px;
}
.login_input::placeholder{
    color: #939598;
}
.login_input:focus{
    border: 1px solid #CCCCCC;
    -webkit-box-shadow:0 0 6px #CCCCCC;
    -moz-box-shadow:0 0 5px #CCCCCC;
    box-shadow:0 0 5px #CCCCCC;
}
.login_error{
    display: none;
    margin: 5px 0 10px;
    color: #C6252C;
    font-size: 10px;
    font-style: italic;
}
.login_info{
    display: none;
    margin: 5px 0 10px;
    color: green;
    font-size: 10px;
    font-style: italic;
}
.login_link{
    text-decoration: none;
    line-height: 18px;
}
.login_submit{
    background: linear-gradient(180deg, #EDEBE9 0%, #F6F5F4 14.36%, #D4D4D5 100%);
    border: 1px solid #939598;
    border-radius: 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    padding: 19px 39px;
    margin: 0 0 20px;
    display: inline-block;
    cursor: pointer;
}
.login_submit:hover{
    background: #F6F5F4;
}
.gray_c4_line{
    background: #C4C4C4;
    height: 1px;
}

.login_window_style:not(.login_window_login_style){
    display: none;
}
.login_window_login_style{
    display: block;
}

.fl_l{
	float: left;
}
.clear{
	clear: both;
}

.attention_div{
	display: flex;
	align-items: flex-start !important;
	position: absolute;
	box-sizing: border-box;
	margin-top: 2rem;
	margin-left: -4rem;
	padding: 0.375rem 0.625rem;
	gap: 0.375rem;
	border-radius: 0.25rem;
	width: 11rem;
	background-color: rgb(168, 85, 247);
}

.attention_div_closed{
	display: none !important;
}

.attention_div .hover{
	text-decoration: underline;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 300ms;
	cursor: pointer;
}

.attention_div .attention_a{
	font-size:.875rem;
	line-height:1.25rem;
	font-weight:900;
	margin-bottom: 0.5rem;
}

.attention_div .hover:hover{
	color:rgb(199 174 242);
}

@media screen and (max-width: 360px) {
    #login_window{
        padding: 50px 40px 36px;
    }
}