@-webkit-keyframes scale {from {-webkit-transform: scale(0.9);} to {-webkit-transform: scale(1.0);}}
@-moz-keyframes scale {from {-moz-transform: scale(0.9);} to {-moz-transform: scale(1.0);}}
@-ms-keyframes scale {from {-ms-transform: scale(0.9);} to {-ms-transform: scale(1.0);}}
@-o-keyframes scale {from {-o-transform: scale(0.9);} to {-o-transform: scale(1.0);}}
@keyframes scale {from {-transform: scale(0.9);} to {-transform: scale(1.0);}}

@-webkit-keyframes oScale {from { opacity: 0; -webkit-transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1.0); }}
@-moz-keyframes oScale {from { opacity: 0; -moz-transform: scale(0.9); } to { opacity: 1; -moz-transform: scale(1.0); }}
@-ms-keyframes oScale {from { opacity: 0; -ms-transform: scale(0.9); } to { opacity: 1; -ms-transform: scale(1.0); }}
@-o-keyframes oScale {from { opacity: 0; -o-transform: scale(0.9); } to { opacity: 1; -o-transform: scale(1.0); }}
@keyframes oScale {from { opacity: 0; -transform: scale(0.9); } to { opacity: 1; -transform: scale(1.0); }}

@-webkit-keyframes oBScale {from { opacity: 1; -webkit-transform: scale(1.0); } to { opacity: 0; -webkit-transform: scale(0.9); }}
@-moz-keyframes oBScale {from { opacity: 1; -moz-transform: scale(1.0); } to { opacity: 0; -moz-transform: scale(0.9); }}
@-ms-keyframes oBScale {from { opacity: 1; -ms-transform: scale(1.0); } to { opacity: 0; -ms-transform: scale(0.9); }}
@-o-keyframes oBScale {from { opacity: 1; -o-transform: scale(1.0); } to { opacity: 0; -o-transform: scale(0.9); }}
@keyframes oBScale {from { opacity: 1; -transform: scale(1.0); } to { opacity: 0; -transform: scale(0.9); }}

@-webkit-keyframes tBg {from { height: 105%; } to { height: 130%; }}
@-moz-keyframes tBg {from { height: 105%; } to { height: 130%; }}
@-ms-keyframes tBg {from { height: 105%; } to { height: 130%; }}
@-o-keyframes tBg {from { height: 105%; } to { height: 130%; }}
@keyframes tBg {from { height: 105%; } to { height: 130%; }}

@-webkit-keyframes RMW {from { opacity:0; -webkit-transform: translate(0px, 20px); } to { opacity:1; -webkit-transform: translate(0px, 0px); }}
@-moz-keyframes RMW {from { opacity:0; -moz-transform: translate(0px, 20px); } to { opacity:1; -moz-transform: translate(0px, 0px); }}
@-ms-keyframes RMW {from { opacity:0; -ms-transform: translate(0px, 20px); } to { opacity:1; -ms-transform: translate(0px, 0px); }}
@-o-keyframes RMW {from { opacity:0; -o-transform: translate(0px, 20px); } to { opacity:1; -o-transform: translate(0px, 0px); }}
@keyframes RMW {from { opacity:0; transform: translate(0px, 20px); } to { opacity:1; transform: translate(0px, 0px); }}

@-webkit-keyframes RMWB {from { opacity: 1; -webkit-transform: translate(0px, 0px); } to { opacity: 0; -webkit-transform: translate(0px, 20px); }}
@-moz-keyframes RMWB {from { opacity: 1; -moz-transform: translate(0px, 0px); } to { opacity: 0; -moz-transform: translate(0px, 20px); }}
@-ms-keyframes RMWB {from { opacity: 1; -ms-transform: translate(0px, 0px); } to { opacity: 0; -ms-transform: translate(0px, 20px); }}
@-o-keyframes RMWB {from { opacity: 1; -o-transform: translate(0px, 0px); } to { opacity: 0; -o-transform: translate(0px, 20px); }}
@keyframes RMWB {from { opacity: 1; transform: translate(0px, 0px); } to { opacity: 0; transform: translate(0px, 20px); }}

@-webkit-keyframes RMWWB {from {opacity:0;margin-top:-32px;} to {opacity:1;margin-top:10px;}}
@-moz-keyframes RMWWB {from {opacity:0;margin-top:-32px;} to {opacity:1;margin-top:10px;}}
@-ms-keyframes RMWWB {from {opacity:0;margin-top:-32px;} to {opacity:1;margin-top:10px;}}
@-o-keyframes RMWWB {from {opacity:0;margin-top:-32px;} to {opacity:1;margin-top:10px;}}
@keyframes RMWWB {from {opacity:0;margin-top:-32px;} to {opacity:1;margin-top:10px;}}

@-webkit-keyframes RMBW {from {opacity:1;bottom:20px;} to {opacity:0;bottom:0px;}}
@-moz-keyframes RMBW {from {opacity:1;bottom:20px;} to {opacity:0;bottom:0px;}}
@-ms-keyframes RMBW {from {opacity:1;bottom:20px;} to {opacity:0;bottom:0px;}}
@-o-keyframes RMBW {from {opacity:1;bottom:20px;} to {opacity:0;bottom:0px;}}
@keyframes RMBW {from {opacity:1;bottom:20px;} to {opacity:0;bottom:0px;}}

@-webkit-keyframes RMBWB {from {opacity:0;bottom:0px;} to {opacity:1;bottom:20px;}}
@-moz-keyframes RMBWB {from {opacity:0;bottom:0px;} to {opacity:1;bottom:20px;}}
@-ms-keyframes RMBWB {from {opacity:0;bottom:0px;} to {opacity:1;bottom:20px;}}
@-o-keyframes RMBWB {from {opacity:0;bottom:0px;} to {opacity:1;bottom:20px;}}
@keyframes RMBWB {from {opacity:0;bottom:0px;} to {opacity:1;bottom:20px;}}

@-webkit-keyframes app_opacity {from {opacity:0;} to {opacity:1;}}
@-moz-keyframes app_opacity {from {opacity:0;} to {opacity:1;}}
@-ms-keyframes app_opacity {from {opacity:0;} to {opacity:1;}}
@-o-keyframes app_opacity {from {opacity:0;} to {opacity:1;}}
@keyframes app_opacity {from {opacity:0;} to {opacity:1;}}

@-webkit-keyframes end_opacity {from {opacity:1;} to {opacity:0;}}
@-moz-keyframes end_opacity {from {opacity:1;} to {opacity:0;}}
@-ms-keyframes end_opacity {from {opacity:1;} to {opacity:0;}}
@-o-keyframes end_opacity {from {opacity:1;} to {opacity:0;}}
@keyframes end_opacity {from {opacity:1;} to {opacity:0;}}

@-webkit-keyframes OP {from {opacity:0;} to {opacity:1;}}
@-moz-keyframes OP {from {opacity:0;} to {opacity:1;}}
@-ms-keyframes OP {from {opacity:0;} to {opacity:1;}}
@-o-keyframes OP {from {opacity:0;} to {opacity:1;}}
@keyframes OP {from {opacity:0;} to {opacity:1;}}

@-webkit-keyframes OPB {from {opacity:1;} to {opacity:0;}}
@-moz-keyframes OPB {from {opacity:1;} to {opacity:0;}}
@-ms-keyframes OPB {from {opacity:1;} to {opacity:0;}}
@-o-keyframes OPB {from {opacity:1;} to {opacity:0;}}
@keyframes OPB {from {opacity:1;} to {opacity:0;}}

@-webkit-keyframes fade_in_top { from { opacity: 0; -webkit-transform: translate(0px, -50px); } to { opacity: 1; -webkit-transform: translate(0px, 0px); } }
@-moz-keyframes fade_in_top { from { opacity: 0; -moz-transform: translate(0px, -50px); } to { opacity: 1; -moz-transform: translate(0px, 0px); } }
@-ms-keyframes fade_in_top { from { opacity: 0; -ms-transform: translate(0px, -50px); } to { opacity: 1; transform: -ms-translate(0px, 0px); } }
@-o-keyframes fade_in_top { from { opacity: 0; -o-transform: translate(0px, -50px); } to { opacity: 1; transform: -o-translate(0px, 0px); } }
@keyframes fade_in_top { from { opacity: 0; transform: translate(0px, -50px); } to { opacity: 1; transform: translate(0px, 0px); } }

.noselect { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

/* Window */
.window { background: rgba(0,0,0,0.6); position: fixed; overflow: auto; }
.window > .content { width: 800px; background: #EDEDED; overflow: hidden; margin: 100px auto; box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.31); -webkit-animation: oScale 0.5s; -moz-animation: oScale 0.5s; -ms-animation: oScale 0.5s; -o-animation: oScale 0.5s; animation:  oScale 0.5s; }
.window > .content.close {-webkit-animation: oBScale 0.5s; -moz-animation: oBScale 0.5s; -ms-animation: oBScale 0.5s; -o-animation: oBScale 0.5s; animation:  oBScale 0.5s;}
.window > .content > .head { background: rgba(255,255,255, 0.8); overflow: hidden; padding: 20px 0px; height: 21px; }
.window > .content > .head > .title { font-family: Segoe UI Bold; color: rgba(18, 77, 24, 0.7); font-size: 16px; cursor: default; float: left; margin: 0px 20px; text-shadow: 0px 1px 0px #fff; }
.window > .content > .head > .close { font-family: Segoe UI Bold; color: rgba(255, 255, 255, 1); font-size: 16px; cursor: pointer; float: right; margin: -4px 20px 0px 20px; background: #327400; padding: 2px 10px 6px 10px; border-radius: 3px; }
.window > .content > .head > .close:hover { background: #46883B; }
.window > .content > .head > .close:active { background: #26591D; padding: 4px 10px 4px 10px; }
.window > .content > .content { overflow: hidden; }
	
	/* RUPLEX FORMS */
	.window > .content > .content > .body { overflow: hidden; width: auto; }
		
		/* STANDART */
		.window > .content > .content > .body > .form_standart { overflow: hidden; width: auto; padding: 20px 0px; } 
		.window > .content > .content > .body > .form_standart > .el { overflow: hidden; width: auto; padding: 0px 30px 0px 30px; margin: 0px 0px 10px 0px; }
			
			/* INSERTED FILES */
			.window > .content > .content > .body > .form_standart > .el > .inserted_file { overflow: hidden; width: auto; }
			.window > .content > .content > .body > .form_standart > .el > .inserted_file > .text { float: left; overflow: hidden; }
		.window > .content > .content > .body > .form_standart > .el button { background: #90c63d; padding: 10px 20px; color: #fff; display: table; margin: 0px 0px 0px; border: 0px; border-radius: 3px; cursor: pointer; outline: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.21); float: right; }
		.window > .content > .content > .body > .form_standart > .el button:hover { background: #78A337; }
		.window > .content > .content > .body > .form_standart > .el button:active { background: #668B2F; padding: 13px 20px 7px; }
		.window > .content > .content > .body > .form_standart > .el > .text { overflow: hidden; padding: 5px; margin: 0px 10px 0px 0px; text-shadow: 0px 1px 0px #fff; width: 76px; }
		.window > .content > .content > .body > .form_standart > .el > .m_two_break { margin: -6px 10px 0px 0px; }
		.window > .content > .content > .body > .form_standart > .el > .field { overflow: hidden; }
		.window > .content > .content > .body > .form_standart > .el > .field input { padding: 5px; border: 1px solid #fff; outline: none; border-radius: 3px; border-bottom: 1px solid #E0E0E0; width: 100%; box-sizing: border-box; font-family: Segoe UI Regular; font-size: 12px; }
		.window > .content > .content > .body > .form_standart > .el > .field select { padding: 5px; border: 1px solid #fff; outline: none; border-radius: 3px; border-bottom: 1px solid #E0E0E0; font-family: Segoe UI Regular; font-size: 12px; }
		.window > .content > .content > .body > .form_standart > .el > .field textarea { padding: 5px; border: 1px solid #fff; outline: none; border-radius: 3px; border-bottom: 1px solid #E0E0E0; width: 100%; box-sizing: border-box; margin: 0px; max-width: 625px; height: 138px; font-family: Segoe UI Regular; font-size: 12px; }
		.window > .content > .content > .body > .form_standart > .el > .text { overflow: hidden; padding: 5px; margin: 0px 10px 0px 0px; text-shadow: 0px 1px 0px #fff; width: auto; }
			
			/* FIELD AND TEXT END*/
			.window > .content > .content > .body > .form_standart > .el > .bfield { overflow: hidden; width: auto; margin: 10px 0px 0px; }
			.window > .content > .content > .body > .form_standart > .el > .bfield > .text { overflow: hidden; float: left; margin: 10px 0px 0px 0px; font-weight: bolder; }
			.window > .content > .content > .body > .form_standart > .el > .bfield > .field { float: right; overflow: hidden; }
			
			/* TWO CONTAINER FOR FIELDS */
			.window > .content > .content > .body > .form_standart > .el > .contain { overflow: hidden; width: 275px; float: left; margin: 0px 90px 0px 0px; }
			.window > .content > .content > .body > .form_standart > .el > .contain:last-child { margin: 0px 0px 0px 0px; }
			.window > .content > .content > .body > .form_standart > .el > .contain > .text { overflow: hidden; padding: 5px; margin: 0px 10px 0px 0px; text-shadow: 0px 1px 0px #fff; width: auto; }
			.window > .content > .content > .body > .form_standart > .el > .contain > .field { width: auto; }
			.window > .content > .content > .body > .form_standart > .el > .contain > .field select { padding: 5px; border: 1px solid #fff; outline: none; border-radius: 3px; border-bottom: 1px solid #E0E0E0; font-family: Segoe UI Regular; font-size: 12px; }
			
			/* TWO CONTAINER FOR OTHER */
			.window > .content > .content > .body > .form_standart > .el > .notification { overflow: hidden; width: 275px; float: left; margin: 10px 90px 0px 0px; }
			.window > .content > .content > .body > .form_standart > .el > .notification:last-child { margin: 10px 0px 0px 0px; }
			.window > .content > .content > .body > .form_standart > .el > .notification > .text { overflow: hidden; padding: 5px; margin: 0px 10px 0px 4px; text-shadow: 0px 1px 0px #fff; display: table; background: #EDEDED; position: relative; color: #327400; }
			.window > .content > .content > .body > .form_standart > .el > .notification > .field { width: auto; border: 1px solid #888; padding: 25px 10px 10px 10px; margin: -12px 0px 0px 0px; }
			.window > .content > .content > .body > .form_standart > .el > .notification > .field > .head { overflow: hidden; width: auto; margin: 0px 0px 10px 0px; }
			.window > .content > .content > .body > .form_standart > .el > .notification > .field > .fields { overflow: hidden; width: auto; }
			.window > .content > .content > .body > .form_standart > .el > .notification > .field > .fields > .text { float: left; overflow: hidden; }
			.window > .content > .content > .body > .form_standart > .el > .notification > .field > .fields > .field { float: left; overflow: hidden; width: 183px; margin: 0px 0px 0px 10px; }
			.window > .content > .content > .body > .form_standart > .el > .notification > .field > .fields > .field input[type="text"] { padding: 5px; border: 1px solid #fff; outline: none; border-radius: 3px; border-bottom: 1px solid #E0E0E0; width: 173px; font-family: Segoe UI Regular; font-size: 12px; }
			.window > .content > .content > .body > .form_standart > .el > .notification > .field > .fields > .field > .help { margin: 5px 0px 0px 0px; color: #777; }
		
		/* HARD */
		.window > .content > .content > .body > .form { overflow: hidden; width: auto; padding: 20px 0px; } 
		.window > .content > .content > .body > .form > .el { overflow: hidden; width: auto; padding: 0px 30px 0px 30px; margin: 0px 0px 10px 0px; }
		.window > .content > .content > .body > .form > .el button { background: #43A148; padding: 10px 20px; color: #fff; display: table; margin: 20px auto 0px; border: 0px; border-radius: 3px; cursor: pointer; outline: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59); }
		.window > .content > .content > .body > .form > .el button:hover{ background: #0B590F; }
		.window > .content > .content > .body > .form > .el button:active{ background: #063409; padding: 13px 20px 7px; }
		.window > .content > .content > .body > .form > .el > .text { float: right; overflow: hidden; padding: 5px; margin: 0px 10px 0px 0px; text-shadow: 0px 1px 0px #fff; width: 76px; }
		.window > .content > .content > .body > .form > .el > .m_two_break { margin: -6px 10px 0px 0px; }
		.window > .content > .content > .body > .form > .el > .field { float: right; overflow: hidden; }
		.window > .content > .content > .body > .form > .el > .field input { padding: 5px; border: 1px solid #fff; outline: none; border-radius: 3px; border-bottom: 1px solid #E0E0E0; width: 500px; }
		.window > .content > .content > .body > .form > .el > .field textarea { padding: 5px; border: 1px solid #fff; outline: none; border-radius: 3px; border-bottom: 1px solid #E0E0E0; width: 500px; max-width: 500px; height: 100px; }
		.window > .content > .content > .body > .form > .el > .text { float: right; overflow: hidden; padding: 5px; margin: 0px 10px 0px 0px; text-shadow: 0px 1px 0px #fff; width: 87px; }
		.window > .content > .content > .body > .form > .el_login { overflow: hidden; margin: 0px auto; display: table; }
		.window > .content > .content > .body > .form > .el_login > .text { float: left; overflow: hidden; padding: 5px; margin: 25px 10px 0px 0px; text-shadow: 0px 1px 0px #fff; cursor: pointer; }
		.window > .content > .content > .body > .form > .el_login > .text:hover { text-decoration: underline; }
		.window > .content > .content > .body > .form > .el_login > .field { float: left; overflow: hidden; }
		.window > .content > .content > .body > .form > .el_login > .field button { background: #327400; padding: 10px 20px; color: #fff; display: table; margin: 20px auto 0px; border: 0px; border-radius: 3px; cursor: pointer; outline: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59); }
		.window > .content > .content > .body > .form > .el_login > .field button:hover{ background: #0B590F; }
		.window > .content > .content > .body > .form > .el_login > .field button:active{ background: #063409; padding: 13px 20px 7px; }


/* Animation EL */
.app_opacity { -webkit-animation: app_opacity 0.5s; -moz-animation: app_opacity 0.5s; -ms-animation: app_opacity 0.5s; -o-animation: app_opacity 0.5s; animation:  app_opacity 0.5s; }
.end_opacity { -webkit-animation: end_opacity 0.5s; -moz-animation: end_opacity 0.5s; -ms-animation: end_opacity 0.5s; -o-animation: end_opacity 0.5s; animation:  end_opacity 0.5s; }
.fade_in_top { -webkit-animation: fade_in_top 0.9s; -moz-animation: fade_in_top 0.9s; -ms-animation: fade_in_top 0.9s; -o-animation: fade_in_top 0.9s; animation: fade_in_top 0.9s; }

/* Alert */
.ruplex_alert { position: fixed; background: rgba(0,0,0,0.5); z-index: 99999; }
.alert { position: fixed; overflow: hidden; font-size: 11px; background: rgba(255, 255, 255, 0.9); z-index: 4; color: #000; text-shadow: 0px 0px 1px #fff; box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3); }
.alert_head { overflow: hidden; padding: 20px 20px 20px 20px; }
.alert_htitle { float: left; text-transform: uppercase; font-weight: bolder; }
.alert_hclose { float: right; cursor: pointer; overflow: hidden; background: #D87272; width: 15px; height: 15px; text-align: center; line-height: 15px; color: #fff; border-radius: 3px; text-shadow: 0px 1px 0px #000; }
.alert_hclose:hover { background: #EC9191; }
.alert_hclose:active { background: #B65A5A; }
.alert_content { overflow: hidden; padding: 0px 20px 20px 20px; }

.aright_bottom { width: 350px; bottom: 20px; right: 20px; }

.alert_element { background: #fff; position: absolute; overflow: hidden; color:#000; border-radius: 3px 0px 3px 3px; }
.alert_element.left { float: left;}
.ae_title { height: 20px; text-align: center; font-weight: bolder; padding: 10px; }
.ae_desc { overflow: hidden; padding: 0px 10px 10px 10px; max-width: 170px; }

.RSnormal {-webkit-animation:OP 0.4s;-moz-animation:OP 0.4s;-ms-animation:OP 0.4s;-o-animation:OP 0.4s;animation:OP 0.4s;}
.RSreverse {-webkit-animation:OPB 0.4s;-moz-animation:OPB 0.4s;-ms-animation:OPB 0.4s;-o-animation:OPB 0.4s;animation:OPB 0.4s;}
.RFnormal {-webkit-animation:RMW 0.4s;-moz-animation:RMW 0.4s;-ms-animation:RMW 0.4s;-o-animation:RMW 0.4s;animation:RMW 0.4s;}
.RFreverse {-webkit-animation:RMWB 0.4s;-moz-animation:RMWB 0.4s;-ms-animation:RMWB 0.4s;-o-animation:RMWB 0.4s;animation:RMWB 0.4s;}
.RBFnormal {-webkit-animation:RMBWB 0.4s;-moz-animation:RMBWB 0.4s;-ms-animation:RMBWB 0.4s;-o-animation:RMBWB 0.4s;animation:RMBWB 0.4s;}
.RBFreverse {-webkit-animation:RMBW 0.4s;-moz-animation:RMBW 0.4s;-ms-animation:RMBW 0.4s;-o-animation:RMBW 0.4s;animation:RMBW 0.4s;}

/* RUPLEX_ERROR_FIELD */
@-webkit-keyframes RUPLEX_ERROR_FIELD_fade_in_top { from { opacity: 0; -webkit-transform: translate(0px, -10px); } to { opacity: 1; -webkit-transform: translate(0px, 0px); } }
@-moz-keyframes RUPLEX_ERROR_FIELD_fade_in_top { from { opacity: 0; -moz-transform: translate(0px, -10px); } to { opacity: 1; -moz-transform: translate(0px, 0px); } }
@-ms-keyframes RUPLEX_ERROR_FIELD_fade_in_top { from { opacity: 0; -ms-transform: translate(0px, -10px); } to { opacity: 1; transform: -ms-translate(0px, 0px); } }
@-o-keyframes RUPLEX_ERROR_FIELD_fade_in_top { from { opacity: 0; -o-transform: translate(0px, -10px); } to { opacity: 1; transform: -o-translate(0px, 0px); } }
@keyframes RUPLEX_ERROR_FIELD_fade_in_top { from { opacity: 0; transform: translate(0px, -10px); } to { opacity: 1; transform: translate(0px, 0px); } }

@-webkit-keyframes RUPLEX_ERROR_FIELD_fade_in_down { from { opacity: 1; -webkit-transform: translate(0px, 0px); } to { opacity: 0; -webkit-transform: translate(0px, -20px); } }
@-moz-keyframes RUPLEX_ERROR_FIELD_fade_in_down { from { opacity: 1; -moz-transform: translate(0px, 0px); } to { opacity: 0; -moz-transform: translate(0px, -20px); } }
@-ms-keyframes RUPLEX_ERROR_FIELD_fade_in_down { from { opacity: 1; -ms-transform: translate(0px, 0px); } to { opacity: 0; transform: -ms-translate(0px, -20px); } }
@-o-keyframes RUPLEX_ERROR_FIELD_fade_in_down { from { opacity: 1; -o-transform: translate(0px, 0px); } to { opacity: 0; transform: -o-translate(0px, -20px); } }
@keyframes RUPLEX_ERROR_FIELD_fade_in_down { from { opacity: 1; transform: translate(0px, 0px); } to { opacity: 0; transform: translate(0px, -20px); } }

.ruplex_error_field { position: absolute; overflow: hidden; display: none; }
.ruplex_error_field.active { display: block !important; -webkit-animation: RUPLEX_ERROR_FIELD_fade_in_top 0.3s ease-in-out normal; -moz-animation: RUPLEX_ERROR_FIELD_fade_in_top 0.3s ease-in-out normal; -ms-animation: RUPLEX_ERROR_FIELD_fade_in_top 0.3s ease-in-out normal; -o-animation: RUPLEX_ERROR_FIELD_fade_in_top 0.3s ease-in-out normal; animation: RUPLEX_ERROR_FIELD_fade_in_top 0.3s ease-in-out normal; }
.ruplex_error_field:after { content: ''; display: table; width: 0px; height: 0px; margin: 0px auto; border: 10px solid transparent; border-top: 10px solid rgba(255, 0, 0, 0.8); }

.ruplex_error_field > .body { background-color: rgba(255, 0, 0, 0.8); width: auto; padding: 10px; color: #fff; }
.ruplex_error_field > .body > .error_msg { font-weight: normal; font-family: Arial, Tahoma; }

/* POPUP_OPEN_IMAGE_SHADOW */
div.popup_open_image_shadow { display: block; background: rgba(0, 0, 0, 0.65); width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; overflow: auto; cursor: pointer; z-index: 99999; }

div.popup_open_image_shadow > div.area { display: table; width: 100%; height: 100%; }

div.popup_open_image_shadow > div.area > div.area { display: table-cell; vertical-align: middle; }

div.popup_open_image_shadow > div.area > div.area > div.main_form { max-width: 800px; margin: 60px auto; cursor: default; background: #fff; border-radius: 6px; position: relative; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.31); display: table; }

div.popup_open_image_shadow > div.area > div.area > div.main_form > div.prev { overflow: hidden; top: 50%; width: 30px; height: 60px; background: #FFF; position: absolute; margin: -15px 0px 0px -30px; border-radius: 30px 0px 0px 30px; cursor: pointer; }
div.popup_open_image_shadow > div.area > div.area > div.main_form > div.prev:after { content: ''; display: block; border: 10px solid transparent; border-right: 10px solid #595959; margin: 20px 7px 0px 0px; }
div.popup_open_image_shadow > div.area > div.area > div.main_form > div.prev:hover:after { border-right: 10px solid #000; }

div.popup_open_image_shadow > div.area > div.area > div.main_form > div.next { overflow: hidden; top: 50%; right: 0px; width: 30px; height: 60px; background: #FFF; position: absolute; margin: -15px -30px 0px 0px; border-radius: 0px 30px 30px 0px; cursor: pointer; border-color: #fff; }
div.popup_open_image_shadow > div.area > div.area > div.main_form > div.next:hover { border-color: #fff; }
div.popup_open_image_shadow > div.area > div.area > div.main_form > div.next:after { content: ''; display: block; border: 10px solid transparent; border-left: 10px solid #595959; margin: 20px 0px 0px 7px; }
div.popup_open_image_shadow > div.area > div.area > div.main_form > div.next:hover:after { border-left: 10px solid #000; }

div.popup_open_image_shadow > div.area > div.area > div.main_form > div.close { background: #000; border-radius: 50%; width: 30px; height: 30px; right: 0px; top: 0px; position: absolute; margin: -15px -15px 0px 0px; text-align: center; overflow: hidden; line-height: 30px; font-size: 19px; font-family: Arial, Tahoma; font-weight: bold; cursor: pointer; border: 2px solid #fff; color: #fff; }
div.popup_open_image_shadow > div.area > div.area > div.main_form > div.close:hover { color: #FF0101; }
div.popup_open_image_shadow > div.area > div.area > div.main_form > div.close:active { line-height: 32px; }

div.popup_open_image_shadow > div.area > div.area > div.main_form > div.image { overflow: hidden; width: auto; padding: 15px; }
div.popup_open_image_shadow > div.area > div.area > div.main_form > div.image > img { width: 100%; }

/* Notice loader */
.ruplex_notice_load { cursor: progress !important; }
.ruplex_notice_load > .form { overflow: hidden; position: fixed; }
.ruplex_notice_load > .form > .ico { background: url('/bitrix/templates/eshop_bootstrap_green/layout/images/segments_loader.svg'); width: 48px; height: 48px; }
.ruplex_notice_load > .form > .text { color: #fff; font-family: Segoe UI, Arial, Tahoma; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); width: auto; text-align: center; }

/* Всплывающее окно */
	.blur { -webkit-filter: blur(6px); -moz-filter: blur(6px); -o-filter: blur(6px); filter: blur(6px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6'); }
	
.blur_appearance { -webkit-animation: blur_appearance 0.4s; -moz-animation: blur_appearance 0.4s; -ms-animation: blur_appearance 0.4s; -o-animation: blur_appearance 0.4s; animation: blur_appearance 0.4s; }
.blur_hide { -webkit-animation: blur_hide 0.4s; -moz-animation: blur_hide 0.4s; -ms-animation: blur_hide 0.4s; -o-animation: blur_hide 0.4s; animation: blur_hide 0.4s; }

.ruplex_alert_center { position: fixed; background: rgba(255,255,255,0.1); z-index: 99999; top: 0; width: 100%; height: 100%; cursor: pointer; font-family: Arial, Tahoma; }

.ruplex_alert_center > .form { position: fixed; overflow: hidden; font-size: 12px; background: rgba(255, 255, 255, 1); z-index: 4; color: #000; text-shadow: 0px 0px 1px #fff; box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1); width: 350px; opacity: 0.9; cursor: default; }

.ruplex_alert_center > .form > .block_status { overflow: hidden; float: left; width: 80px; line-height: 100%; height: 100%; }

.ruplex_alert_center > .form > .block_status.success { background: #32B76C; }
.ruplex_alert_center > .form > .block_status.success::before { content: '✓'; color: #fff; width: auto; text-align: center; display: block; font-size: 53px; }

.ruplex_alert_center > .form > .block_status.fail { background: #810505; }
.ruplex_alert_center > .form > .block_status.fail::before { content: '✖'; color: #fff; width: auto; text-align: center; display: block; font-size: 53px; }

.ruplex_alert_center > .form > .block_content { overflow: hidden; float: left; width: 269px; }

.ruplex_alert_center > .form > .block_content > .head { padding: 20px 20px 20px 20px;  }
.ruplex_alert_center > .form > .block_content > .head > .title { float: left; text-transform: uppercase; font-weight: bolder; }

.ruplex_alert_center > .form > .block_content > .content { overflow: hidden; padding: 0px 20px 20px 20px; }

/* Модальное окно */
.window_shadow { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.5); cursor: pointer; position: fixed; z-index: 12; display: block; }

.window_shadow > .area { width: 100%; height: 100%; display: table; }
.window_shadow > .area > .align { overflow: hidden; width: 100%; height: 100%; display: table-cell; vertical-align: middle; }

.window_shadow > .area > .align > .window_form { overflow: hidden; background: #fff; cursor: default; z-index: 3; margin: 40px auto; }

.window_shadow > .area > .align > .window_form > .window_ftitle { text-align: center; width: 100%; padding: 15px 0px 15px 0px; text-transform: uppercase; font-size: 13px; font-weight: bolder;background: #000; color: #fff; }
.window_shadow > .area > .align > .window_form > .window_ftitle > .window_fclose { float: right; overflow: hidden; margin: 0px 15px 0px 0px; cursor:pointer; }

.window_shadow > .area > .align > .window_form > .window_fcontent { width: 100%; height: 100%; overflow:hidden;}

	/* Анимация */
	.RSnormal {-webkit-animation:OP 0.4s;-moz-animation:OP 0.4s;-ms-animation:OP 0.4s;-o-animation:OP 0.4s;animation:OP 0.4s;}
	.RSreverse {-webkit-animation:OPB 0.4s;-moz-animation:OPB 0.4s;-ms-animation:OPB 0.4s;-o-animation:OPB 0.4s;animation:OPB 0.4s;}
	.RFnormal {-webkit-animation:RMW 0.4s;-moz-animation:RMW 0.4s;-ms-animation:RMW 0.4s;-o-animation:RMW 0.4s;animation:RMW 0.4s;}
	.RFreverse {-webkit-animation:RMWB 0.4s;-moz-animation:RMWB 0.4s;-ms-animation:RMWB 0.4s;-o-animation:RMWB 0.4s;animation:RMWB 0.4s;}
	.RBFnormal {-webkit-animation:RMBWB 0.4s;-moz-animation:RMBWB 0.4s;-ms-animation:RMBWB 0.4s;-o-animation:RMBWB 0.4s;animation:RMBWB 0.4s;}
	.RBFreverse {-webkit-animation:RMBW 0.4s;-moz-animation:RMBW 0.4s;-ms-animation:RMBW 0.4s;-o-animation:RMBW 0.4s;animation:RMBW 0.4s;}