.hide_el_red {
	transition-property: color, background-color, transform;
	transition-duration: 0.5s;
	transition-timing-function: linear, linear, linear, linear;

	background-color: #FF0000 !important;
	color: #FF0000 !important;
	transform: scaleY(0.0) !important;
	}


.ui_editable_error
	{
	background: url("/pic/spic/ico2/16/Cross.png") no-repeat 0px 0px;
	display: inline-block;
	width: 16px;
	height: 16px;
	}
.ui_editable_save_bt
	{
	positon: absolute;
	cursor: pointer;
	width: 100px;
	height: 20px;
	padding: 1px 1px 1px 12px !important;
	z-index: 10000;
	}

.bg_skin_1
	{
	background: url("/pic/login-bg.jpg") repeat;
	background: -webkit-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%), -webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)), url("/pic/login-bg.jpg") repeat #48505b;
	background: -moz-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%), -moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)), url("/pic/login-bg.jpg") repeat #48505b;
	background: -o-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%), -o-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)), url("/pic/login-bg.jpg") repeat #48505b;
	background: -ms-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%), -ms-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)), url("/pic/login-bg.jpg") repeat #48505b;
	background: radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%), linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)), url("/pic/login-bg.jpg") repeat #48505b;
	}


.file_ico_pdf   { background-image: url("/pic/files/pdf_1.svg")  !important; }
.file_ico_doc   { background-image: url("/pic/files/doc_1.svg")  !important; }
.file_ico_xls   { background-image: url("/pic/files/file_1.svg") !important; }
.file_ico_jpg   { background-image: url("/pic/files/jpg_1.svg")  !important; }
.file_ico_png   { background-image: url("/pic/files/png_1.svg")  !important; }
.file_ico_undef { background-image: url("/pic/files/file_1.svg") !important; }

.magicButton
{
    color: #444;
    font: bold 16px arial;
    background: #e4e4e4;
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 8px 12px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    outline: 0;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
    
    background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
    background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
    background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
    background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
    background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc); 
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.magicButton:active
{
    color: #666;
    position: relative;
    top: 1px;
    text-shadow: 0 -1px #fff;
    box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
    
    background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0 50%), -webkit-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:    -moz-linear-gradient(#f0f0f0, #e0e0e0 50%),    -moz-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:     -ms-linear-gradient(#f0f0f0, #e0e0e0 50%),     -ms-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:      -o-linear-gradient(#f0f0f0, #e0e0e0 50%),      -o-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:         linear-gradient(#f0f0f0, #e0e0e0 50%),         linear-gradient(#cfcfcf, #c6c6c6); 
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.magicButton_inactive
{
    color: #999999;
    font: bold 16px arial;
    background: #e4e4e4;
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 8px 12px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    outline: 0;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
    
    background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
    background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
    background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
    background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
    background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc);
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.magicButton_push_inactive
{
    color: #999999;;
    position: relative;
    top: 1px;
    text-shadow: 0 -1px #fff;
    box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
    
    background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0 50%), -webkit-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:    -moz-linear-gradient(#f0f0f0, #e0e0e0 50%),    -moz-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:     -ms-linear-gradient(#f0f0f0, #e0e0e0 50%),     -ms-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:      -o-linear-gradient(#f0f0f0, #e0e0e0 50%),      -o-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:         linear-gradient(#f0f0f0, #e0e0e0 50%),         linear-gradient(#cfcfcf, #c6c6c6);      
}
.magicButton2
{
    color: #444;
    font: bold 16px arial;
    background: #e4e4e4;
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 8px 12px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    outline: 0;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
    
    background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
    background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
    background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
    background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
    background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc); 
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -width: 30px;
    height: 19px;
    display: inline-block;
    padding: 5px 5px 7px 2px;
    text-align: center;
    margin-right: 5px;
}
.magicButton2:active
{
    color: #666;
    position: relative;
    top: 1px;
    text-shadow: 0 -1px #fff;
    box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
    
    background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0 50%), -webkit-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:    -moz-linear-gradient(#f0f0f0, #e0e0e0 50%),    -moz-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:     -ms-linear-gradient(#f0f0f0, #e0e0e0 50%),     -ms-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:      -o-linear-gradient(#f0f0f0, #e0e0e0 50%),      -o-linear-gradient(#cfcfcf, #c6c6c6);
    background-image:         linear-gradient(#f0f0f0, #e0e0e0 50%),         linear-gradient(#cfcfcf, #c6c6c6); 
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.b-button_theme_dark-orange {
	border-color: #d86c1b;
	background: #ed8414;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed8414), color-stop(100%, #f57413));
	background-image: -webkit-linear-gradient(top, #ed8414,#f57413);
	background-image: -moz-linear-gradient(top, #ed8414,#f57413);
	background-image: -o-linear-gradient(top, #ed8414,#f57413);
	background-image: -ms-linear-gradient(top, #ed8414,#f57413);
	background-image: linear-gradient(top, #ed8414,#f57413);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFED8414', endColorstr='#FFF57413'),progid:DXImageTransform.Microsoft.AlphaImageLoader();
	-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.28),inset 0px 1px 0 0px #ffa854;
	-moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.28),inset 0px 1px 0 0px #ffa854;
	box-shadow: -1px 1px 2px rgba(0,0,0,0.28),inset 0px 1px 0 0px #ffa854;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	color: #fff;
	}

.b-button {
	position: relative;
	display: inline-block;
	outline: 0 none;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
	color: #444;
	font-size: 0;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #f2f2f2));
	background-image: -webkit-linear-gradient(top, #fafafa,#f2f2f2);
	background-image: -moz-linear-gradient(top, #fafafa,#f2f2f2);
	background-image: -o-linear-gradient(top, #fafafa,#f2f2f2);
	background-image: -ms-linear-gradient(top, #fafafa,#f2f2f2);
	background-image: linear-gradient(top, #fafafa,#f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFF2F2F2'),progid:DXImageTransform.Microsoft.AlphaImageLoader();
	-webkit-box-shadow: 0 1px 3px -2px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 1px 3px -2px rgba(0,0,0,0.45);
	box-shadow: 0 1px 3px -2px rgba(0,0,0,0.45);
	text-shadow: 1px 1px 0 #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	}

.bt_magic_ico,
.bt_magic_ico_dark 
	{ cursor:pointer; }
.bt_magic_ico_selected,
.bt_magic_ico_dark_selected
	{ cursor:default; }
.bt_magic_ico,
.bt_magic_ico_selected,
.bt_magic_ico_dark,
.bt_magic_ico_dark_selected {
	-float:left;
	margin:3px 2px 5px 2px;
	padding:9px 5px 0px 40px;
	padding:3px 5px 5px 5px;
	text-align:center;

	-cursor:pointer;
	-width:48px;
	height:38px;
	border-radius:5px;
	-border:1px rgba(255,255,255,0.0) solid;
	border:1px rgba(0,0,0,1.0) solid;
	-background: url('/pic/spic/list32.png') 4px 5px no-repeat;

	-text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);   

	color: #444;
	font: bold 16px arial;
	background: #e4e4e4;
	background-origin: padding-box, border-box;
	background-clip: padding-box, border-box;
	border: 1px solid transparent;
	border-radius: 3px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	outline: 0;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
			    
	background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
	background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
	background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
	background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
	background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc);   

	font-family:verdana;
	font-size:17px;
	}
.bt_magic_ico_dark,
.bt_magic_ico_dark_selected {
	background-image: linear-gradient(rgb(84, 84, 84), rgb(43, 43, 43) 50%), linear-gradient(rgb(60, 60, 60), rgb(33, 32, 32));
	box-shadow: inset 0 0 0 1px rgba(105,105,105,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
	-webkit-user-select: none;
	color: #C3C3C3;
	text-shadow: 0 1px #000000; 
	}

	.bt_magic_ico:hover { background-color: rgba(220,220,220,0.5); }
	.bt_magic_ico:active,
	.bt_magic_ico_selected {
		color: #666;
		position: relative;
		top: 1px;
		text-shadow: 0 -1px #fff;
		box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
		background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0 50%), -webkit-linear-gradient(#cfcfcf, #c6c6c6);
		background-image:    -moz-linear-gradient(#f0f0f0, #e0e0e0 50%),    -moz-linear-gradient(#cfcfcf, #c6c6c6);
		background-image:     -ms-linear-gradient(#f0f0f0, #e0e0e0 50%),     -ms-linear-gradient(#cfcfcf, #c6c6c6);
		background-image:      -o-linear-gradient(#f0f0f0, #e0e0e0 50%),      -o-linear-gradient(#cfcfcf, #c6c6c6);
		background-image:         linear-gradient(#f0f0f0, #e0e0e0 50%),         linear-gradient(#cfcfcf, #c6c6c6);   
		}
	.bt_magic_ico_dark:hover { background-color: rgba(220,220,220,0.5); }
	.bt_magic_ico_dark:active,
	.bt_magic_ico_dark_selected {
		color: #666;
		position: relative;
		top: 1px;
		text-shadow: 0 -1px #fff;
		box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
		background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0 50%), -webkit-linear-gradient(#cfcfcf, #c6c6c6);
		background-image:    -moz-linear-gradient(#f0f0f0, #e0e0e0 50%),    -moz-linear-gradient(#cfcfcf, #c6c6c6);
		background-image:     -ms-linear-gradient(#f0f0f0, #e0e0e0 50%),     -ms-linear-gradient(#cfcfcf, #c6c6c6);
		background-image:      -o-linear-gradient(#f0f0f0, #e0e0e0 50%),      -o-linear-gradient(#cfcfcf, #c6c6c6);
		background-image:         linear-gradient(#f0f0f0, #e0e0e0 50%),         linear-gradient(#cfcfcf, #c6c6c6);

		color: #DADADA;
		text-shadow: 0 -1px #848484;
		box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
		background-image: -webkit-linear-gradient(#9A9A9A, #969696 50%), -webkit-linear-gradient(#888888, #7B7B7B);
		}
	.bt_magic_ico_dark:active .bt_magic_ico_text,.bt_magic_ico_dark_selected .bt_magic_ico_text {
		margin-top: 11px;
		}
	.bt_magic_ico_dark:active .bt_magic_ico_image,.bt_magic_ico_dark_selected .bt_magic_ico_image {
		background-position-y: 2px;
		}


	.bt_magic_ico      .bt_magic_ico_text,.bt_magic_ico_selected      .bt_magic_ico_text,
	.bt_magic_ico_dark .bt_magic_ico_text,.bt_magic_ico_dark_selected .bt_magic_ico_text {
		cursor: pointer;
		margin-top: 10px;
		-margin-left: 5px;
		float: right;
		}
	.bt_magic_ico      .bt_magic_ico_image, .bt_magic_ico_selected      .bt_magic_ico_image,
	.bt_magic_ico_dark .bt_magic_ico_image, .bt_magic_ico_dark_selected .bt_magic_ico_image {
		cursor:pointer;
		background: url('/pic/spic/ico2/32/tool_box.png') top center no-repeat;
		width:32px;
		height:32px;
		float: left;
		margin: 4px;
		}


.glow-on-hover {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}
.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}
.glow-on-hover:active {
    color: #000
}
.glow-on-hover:active:after {
    background: transparent;
}
.glow-on-hover:hover:before {
    opacity: 1;
}
.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}


.light_on_hover_red:hover
	{
	box-shadow: 0 0 10px #FF0000, 0 0 40px #FF0000, 0 0 80px #FF0000;
	transition-delay: 1s;
	}




.spinner {
  animation: spin 2s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.bt_ico_refrash1_24_simple {
	width: 24px;
	height: 24px;
	background: url('/pic/spic/refrash.png') top center no-repeat;
	cursor: pointer;
	}
.bt_ico_refrash1_32_simple {
	width: 32px;
	height: 32px;
	background: url('/pic/spic/ico2/32/refrash_1.png') top center no-repeat;
	cursor: pointer;
	}
.bt_ico_plus_20_simple {
	width: 20px;
	height: 20px;
	background: url('/pic/spic/ico2/20/add_1.png') top center no-repeat;
	cursor: pointer;
	}
.bt_ico_delete_20_simple {
	width: 20px;
	height: 20px;
	background: url('/pic/spic/ico2/20/delete_1.png') top center no-repeat;
	cursor: pointer;
	}
.bt_ico_preferences_24_simple {
	width: 24px;
	height: 24px;
	background: url('/pic/spic/ico2/24/preferences_1.png') top center no-repeat;
	cursor: pointer;
	}

/*Изображение кнопок клавиатуры*/
kbd {border-color: #A9A9A9 #8C8C8C #C6C6C6 #C0C0C0;
	border-radius: 5px 5px 5px 5px;
	border-style: solid;border-width: 1px 1px 3px;
	box-shadow: -1px 1px 1px #484848, 1px 1px 1px #484848;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;padding: 2px 6px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: capitalize;
	white-space:nowrap;
	margin-top:2px;
	}



.im_item {
	position: relative;
	width:69px;
	height:29px;
	float:left;
	text-align:center;
	font-size: 12px;
	cursor: pointer;
	padding:42px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: url("") 24px 5px no-repeat;
	background-color:rgba(255,255,255,0.0);
	border:2px rgba(255,255,255,0.0) solid;
	margin:1px;
	}
	.im_item:hover {
		background-color: rgba(187, 187, 255, 0.31);
		border:2px rgba(3, 13, 255, 0.22) solid;
		}
	.im_item:active {
		background-color: rgba(156, 156, 253, 0.31);
		border:2px rgba(3, 13, 255, 0.22) solid;
		}



.ui-dialog {
	position: absolute;
	border:1px #555555 solid;
	border-radius:10px;
	background-color: #CCCCCC;
	-left:50%;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 16px -3px rgba(0,0,0,1.0);
	outline:0px;
	overflow:hidden;
	z-index:1900;
	}
	.ui-dialog .ui-dialog-titlebar {
		position:relative;
		overflow:hidden;
		height:30px;
		background-color: #EEEEEE;
		font-size:22px;
		padding:5px;
		font-family:verdana;
		-border-radius:10px;
		cursor:move;
		}
		.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
			;
			}
		.ui-dialog .ui-dialog-titlebar .ui-button {
			width:36px;
			height:36px;
			cursor:pointer;
			position:absolute;
			top:0px;
			border:1px #EEEEEE solid;
			background-repeat:no-repeat;
			background-position:center;
			background-image: url('/pic/ico_am/close.png');
			background-color: #EEEEEE;
			right:0px;
			margin:2px;
			padding:1px;
			outline:0px;
			}
		.ui-dialog .ui-dialog-titlebar .ui-button:active {transform:scale(0.95);}
			.ui-dialog .ui-dialog-titlebar .ui-button .ui-button-icon-primary {}
			.ui-dialog .ui-dialog-titlebar .ui-button .ui-button-text {display:none;}
	.ui-dialog .sub_block {
		height: inherit;
		margin-bottom: 5px;
		margin-top: 5px;
		margin: 5px;
		background-color: #E8E8E8;
		}
	.ui-dialog .content {
		position: relative;
		}
		.ui-dialog .content .input_area {
			position: relative;
			-height: 114px;
			}
			.ui-dialog .content .input_area .ia_element_type_2 {
				margin-left: 5px;
				}
				.ui-dialog .content .input_area .ia_element_type_2 .ia_desc {
					padding-left: 15px;
					font-style: italic;
					font-size: 17px;
					}
					.ui-dialog .content .input_area .ia_element_type_2 .ia_desc font {
						-border: 1px #FF0000 solid;
						border-radius: 10px 10px 0px 0px;
						border-bottom: 0px;
						display:block;
						float:left;
						}
				.ui-dialog .content .input_area .ia_element_type_3 .ia_input {
					padding: 10px 10px 10px 10px;
					font-size: 25px;
					}
				.ui-dialog .content .input_area .ia_element_type_warn .ia_input {
					padding: 10px 10px 10px 10px;
					font-size: 25px;
					color:#FF0000;
					}
				.ui-dialog .content .input_area .ia_element_type_2 .ia_input {
					position:relative;
					}
					.ui-dialog .content .input_area .ia_element_type_2 .ia_input input {
						width: 400px;
						font-size: 40px;
						text-align: center;
						-margin-left: 5px;
						border:2px inset;
						border-radius:10px;
						}
					.ui-dialog .content .input_area .ia_element_type_2 .ia_input select {
						width: 403px;
						-height: 50px;
						font-size:17px;
						}
			.ui-dialog .content .input_area .ia_element_default {
				margin-left: 5px;
				-padding-bottom: 5px;
				width: calc(100% - 10px);
				clear: both;
				}
				.ui-dialog .content .input_area .ia_element_default .ia_desc {
					-width: 100%;
					-width: 100px;
					-display: table-cell;
					float: left;
					-font-style: italic;
					font-size: 17px;
					padding-right: 3px;
					}
				.ui-dialog .content .input_area .ia_element_default .ia_input {
					-display: table-cell;
					float: right;
					-width: 200px;
					padding-left: 3px;
					}
					.ui-dialog .content .input_area .ia_element_default:after {
						content: " ";
						display: block;
						overflow: hidden;
						height: 1.0em;
						height: 21px;
						background: url("/pic/dotted_line.jpg") repeat-x 0px 11px;
						-border-bottom: 1px solid #dedede;
						}
					.ui-dialog .content .input_area .ia_element_default .ia_input input {
						width: 203px;
						text-align: center;
						display: table-cell;
						}
					.ui-dialog .content .input_area .ia_element_default .ia_input select {
						width: 260px;
						-height: 50px;
						font-size:15px;
						}

		.ui-dialog .content .desc_result {
			color: #FF0000;
			-font-weight: bold;
			width: 430px;
			text-align: center;
			font-size: 18px;
			font-family: verdana;
			padding:5px;
			padding-bottom: 10px;
			}
			.ui-dialog .content .desc_result font {
				font-weight: bold;
				}
	.ui-dialog-buttonpane {
		background-color: #EEEEEE;
		height:40px;
		-border-radius:10px;
		padding:0px 7px 0px 7px;
		padding:0px 0px 0px 0px;
		}
		.ui-dialog-buttonpane .ui-dialog-buttonset {
			text-align:center;
			}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-round-morf-onlyone {border-radius: 3px 3px 8px 8px !important;margin: 2px 1px 0px 1px !important;width: calc(100% - 4px) !important;}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-round-morf-left    {border-radius: 3px 3px 3px 8px !important;margin: 2px 1px 0px 1px !important;width: calc(50%  - 3px) !important;}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-round-morf-right   {border-radius: 3px 3px 8px 3px !important;margin: 2px 1px 0px 1px !important;width: calc(50%  - 3px) !important;}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
				margin:2px 3px 0px 3px;
				-width: calc(50% - 7px) !important;
				-margin: 2px 3px 0px 1px;
				height:36px;
				width:100px;
				outline:0px;
				color: #444;
				font: bold 16px arial;
				background: #e4e4e4;
				background-origin: padding-box, border-box;
				background-clip: padding-box, border-box;
				border: 1px solid transparent;
				border-radius: 3px;
				-border-radius: 3px 3px 3px 8px;
				padding: 8px 12px;
				text-decoration: none;
				text-shadow: 0 1px 1px rgba(255,255,255,0.75);
				outline: 0;
				box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
				cursor:pointer;
				    
				background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
				background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
				background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
				background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
				background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc);  
				}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:active {
				color: #666;
				position: relative;
				top: 1px;
				text-shadow: 0 -1px #fff;
				box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
				    
				background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0 50%), -webkit-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:    -moz-linear-gradient(#f0f0f0, #e0e0e0 50%),    -moz-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:     -ms-linear-gradient(#f0f0f0, #e0e0e0 50%),     -ms-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:      -o-linear-gradient(#f0f0f0, #e0e0e0 50%),      -o-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:         linear-gradient(#f0f0f0, #e0e0e0 50%),         linear-gradient(#cfcfcf, #c6c6c6);  
				}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-yellow {
				margin:2px 3px 0px 3px;
				-width: calc(50% - 7px) !important;
				-margin: 2px 3px 0px 1px;
				height:36px;
				width:100px;
				outline:0px;
				color: #FF4901;
				font: bold 16px arial;
				background: #e4e4e4;
				background-origin: padding-box, border-box;
				background-clip: padding-box, border-box;
				border: 1px solid rgb(255, 95, 0);
				border-radius: 3px;
				-border-radius: 3px 3px 3px 8px;
				padding: 8px 12px;
				text-decoration: none;
				text-shadow: 0 1px 1px rgba(255,255,255,0.75);
				outline: 0;
				box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
				box-shadow: inset 0 0 0 1px rgb(0, 0, 0), 0 3px 6px -3px rgba(0,0,0,0.25);
				cursor:pointer;
				    
				background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
				background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
				background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
				background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
				background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc);  
				}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-yellow:active {
				color: #CE3A00;
				position: relative;
				top: 1px;
				text-shadow: 0 -1px #fff;
				box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.5), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
				    
				background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0 50%), -webkit-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:    -moz-linear-gradient(#f0f0f0, #e0e0e0 50%),    -moz-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:     -ms-linear-gradient(#f0f0f0, #e0e0e0 50%),     -ms-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:      -o-linear-gradient(#f0f0f0, #e0e0e0 50%),      -o-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:         linear-gradient(#f0f0f0, #e0e0e0 50%),         linear-gradient(#cfcfcf, #c6c6c6);  
				}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-green {
				margin:2px 3px 0px 3px;
				-width: calc(50% - 7px) !important;
				-margin: 2px 3px 0px 1px;
				height:36px;
				width:100px;
				outline:0px;
				color: rgb(17, 162, 0);
				font: bold 16px arial;
				background: #e4e4e4;
				background-origin: padding-box, border-box;
				background-clip: padding-box, border-box;
				border: 1px solid rgba(20, 191, 9, 0.97);
				border-radius: 3px;
				-border-radius: 3px 3px 3px 8px;
				padding: 8px 12px;
				text-decoration: none;
				text-shadow: 0 1px 1px rgba(255,255,255,0.75);
				outline: 0;
				box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
				box-shadow: inset 0 0 0 1px rgb(15, 146, 0), 0 3px 6px -3px rgba(0,0,0,0.25);
				-box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.5), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
				cursor:pointer;
				    
				background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
				background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
				background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
				background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
				background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc); 
				background-image: linear-gradient(#f2f2f2, rgb(187, 255, 179) 50%), linear-gradient(rgba(20,191,0,1), rgb(24, 226, 0)); 
				}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-green:active {
				color: rgb(13, 123, 0);
				position: relative;
				top: 1px;
				text-shadow: 0 -1px #fff;
				box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.5), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
				    
				background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0 50%), -webkit-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:    -moz-linear-gradient(#f0f0f0, #e0e0e0 50%),    -moz-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:     -ms-linear-gradient(#f0f0f0, #e0e0e0 50%),     -ms-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:      -o-linear-gradient(#f0f0f0, #e0e0e0 50%),      -o-linear-gradient(#cfcfcf, #c6c6c6);
				background-image:         linear-gradient(#f0f0f0, #e0e0e0 50%),         linear-gradient(#cfcfcf, #c6c6c6);  
				background-image:         linear-gradient(#E0E0E0, rgb(184, 241, 177) 50%), linear-gradient(rgb(0, 255, 68), rgb(2, 245, 78))
				}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button_inactive {
				color: #999999;
				height:36px;
				margin: 2px 3px 0px 3px;
				-width: calc(50% - 7px) !important;
				-margin: 2px 3px 0px 1px;

				font: bold 16px arial;
				background: #e4e4e4;
				background-origin: padding-box, border-box;
				background-clip: padding-box, border-box;
				border: 1px solid transparent;
				border-radius: 3px;
				-border-radius: 3px 3px 3px 8px;
				padding: 8px 12px;
				text-decoration: none;
				text-shadow: 0 1px 1px rgba(255,255,255,0.75);
				outline: 0;
				box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
				cursor:default;
				    
				background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
				background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
				background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
				background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
				background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc); 
				}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button_inactive:active {
				color: #999999;
				top: 0;
				text-shadow: 0 1px 1px rgba(255,255,255,0.75);
				box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
				background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
				background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
				background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
				background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
				background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc); 
				}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-wait {
				position: relative;
				color: #999999;
				height:36px;
				margin: 2px 3px 0px 3px;
				-width: calc(50% - 7px) !important;
				-margin: 2px 3px 0px 1px;

				font: bold 16px arial;
				background: #e4e4e4;
				background-origin: padding-box, border-box;
				background-clip: padding-box, border-box;
				border: 1px solid transparent;
				border-radius: 3px;
				-border-radius: 3px 3px 3px 8px;
				padding: 8px 12px;
				text-decoration: none;
				text-shadow: 0 1px 1px rgba(255,255,255,0.75);
				outline: 0;
				box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
				cursor:default;
				    
				background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
				background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
				background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
				background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
				background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc); 
				}
			.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-wait:active {
				color: #999999;
				top: 0;
				text-shadow: 0 1px 1px rgba(255,255,255,0.75);
				box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
				background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
				background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
				background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
				background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
				background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc); 
				}




				.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button .ui-button-text {
					}
.bt_contol_text_wait {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 0px;
    width: 100%;
    height: 28px;
    background: url("") center center no-repeat;
    background-size: contain;
    background-image: url("/pic/waiting_black1_anim_rotate.svg");
    }


.ui-dialog_fs {
	position: fixed;
	border-radius:0px;
	-top:0px;
	-left:0px;
	border-top:0px;
	border-bottom:0px;
	}
.ui-dialog_fs .ui-dialog-buttonset  {
	position: fixed;
	border-radius:0px;
	bottom:0px;
	width:100%;
	}
.ui-dialog_fs .ui-dialog-content {height: calc( 100% - 79px ) !important;}
.ui-dialog_fs .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button_inactive           { border-radius: 0px 0px 0px 0px !important; }
.ui-dialog_fs .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-round-morf-onlyone { border-radius: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important; width: calc(100% - 0px) !important;}



.ui_dialog_mobile {}
	.ui_dialog_mobile .ui-dialog-titlebar {
		height: 59px;
		padding: 13px 73px 0px 13px;
		}
		.ui_dialog_mobile .ui-dialog-titlebar .ui-dialog-title {
			font-size: 36px;
			}
		.ui_dialog_mobile .ui-dialog-titlebar .ui-button {
			cursor: pointer;
			position: absolute;
			top: 0px;
			right: 0px;
			margin: 2px;
			padding: 1px;
			outline: 0px;
			width: 70px;
			height: 70px;
			background: url("") center center no-repeat;
			background-size: contain;
			background-image: url("/pic/close2.svg");
			}

	.ui_dialog_mobile .ui-dialog-buttonpane {
		height: 70px;
		}
		.ui_dialog_mobile .ui-dialog-buttonpane .ui-dialog-buttonset {
			}
			.ui_dialog_mobile .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button,
			.ui_dialog_mobile .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button_inactive {
				height: 66px;
				font: bold 28px arial;
				}
			.ui_dialog_mobile .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-round-morf-left,
			.ui_dialog_mobile .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-round-morf-right,
			.ui_dialog_mobile .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-round-morf-onlyone {
				}
.ui_dialog_mobile2 {}
	.ui_dialog_mobile2 .ui-dialog-titlebar {
		height: 59px;
		padding: 13px 73px 0px 13px;
		}
		.ui_dialog_mobile2 .ui-dialog-titlebar .ui-dialog-title {
			font-size: 36px;
			}
		.ui_dialog_mobile2 .ui-dialog-titlebar .ui-button {
			cursor: pointer;
			position: absolute;
			top: 0px;
			right: 0px;
			margin: 2px;
			padding: 1px;
			outline: 0px;
			width: 70px;
			height: 70px;
			background: url("") center center no-repeat;
			background-size: contain;
			background-image: url("/pic/close2.svg");
			}

	.ui_dialog_mobile2 .ui-dialog-buttonpane {
		height: 100px;
		}
		.ui_dialog_mobile2 .ui-dialog-buttonpane .ui-dialog-buttonset {
			}
			.ui_dialog_mobile2 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button,
			.ui_dialog_mobile2 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button_inactive {
				height: 96px;
				font: bold 28px arial;
				}
			.ui_dialog_mobile2 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-round-morf-left,
			.ui_dialog_mobile2 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-round-morf-right,
			.ui_dialog_mobile2 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-round-morf-onlyone {
				}

.ui_confirm_content {
	padding: 43px;
	font-size: 32px;
	}

.ui-dialog-header-ok {
	font-size: 26px;
	position: absolute;
	top: 2px;
	left: 46px;
	}
	.ui-dialog-header-ok:before {
		content: "\6d";
		font-family: "font-icons";
		display: inline-block;
		color: #1BB700;
		font-size: 35px;
		position: absolute;
		top: -1px;
		left: -41px;
		}


.ui_account_confirm { position: relative;padding-top: 5px; }
	.ui_account_confirm .text_header {
		-margin-top: 5px;
		width: 100%;
		text-align: center;
		color: #292929;
		font-size: 24px;
		}
	.ui_account_confirm input {
		width: calc( 100% - 10px );
		margin: 5px;
		text-align: center;
		border: 2px inset;
		border-radius: 10px;
		font-size: 35px;
		}
	.ui_account_confirm .message {
		width: 100%;
		text-align: center;
		color: #5A5A5A;
		font-size: 17px;
		}
	.ui_account_confirm .warning {
		width: calc( 100% - 27px );
		margin-left: 13px;
		text-align: center;
		color: #CC0505;
		font-size: 20px;
		margin-top: -3px;
		}
	.ui_account_confirm .waiting {
		background: url('/pic/loading/waiting.gif') top center no-repeat;
		background-color:#FFFFFF;
		height: calc( 100% + 50px );
		width: 100%;
		position: absolute;
		top: 0px;
		opacity: 0.3;
		}
	.ui_account_confirm .success {
		width: 100%;
		width: 278px;
		height: 138px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
		}
	.ui_account_confirm .success_activation {
		padding: 0px;
		font-size: 24px;
		color: #008630;
		font-family: verdana;
		}
	.ui_account_confirm .success_registration {
		font-size: 20px;
		color: #008630;
		font-family: verdana;
		}
		.ui_account_confirm .success_registration .lk_ref {
			color: #000000;
			margin-top: 11px;
			font-size: 17px;
			}
	.ui_account_confirm .success_default
		{
		color: #008A2B;
		font-size: 24px;
		}


.ui_phone_enter { position: relative;padding-top: 5px; }
	.ui_phone_enter .text_header {
		-margin-top: 5px;
		width: 100%;
		text-align: center;
		color: #292929;
		font-size: 24px;
		}
	.ui_phone_enter input {
		width: calc( 100% - 10px );
		margin: 5px;
		text-align: center;
		border: 2px inset;
		border-radius: 10px;
		font-size: 35px;
		}
	.ui_phone_enter .message {
		-width: 100%;
		padding-left: 5px;
		padding-right: 5px;
		text-align: center;
		color: #5A5A5A;
		font-size: 17px;
		}
	.ui_phone_enter .warning {
		width: calc( 100% - 27px );
		margin-left: 13px;
		text-align: center;
		color: #CC0505;
		font-size: 20px;
		margin-top: 5px;
		}
	.ui_phone_enter .waiting {
		background: url('/pic/loading/waiting.gif') top center no-repeat;
		background-color:#FFFFFF;
		height: calc( 100% + 50px );
		width: 100%;
		position: absolute;
		top: 0px;
		opacity: 0.3;
		}
	.ui_phone_enter .success {
		width: 100%;
		width: 278px;
		height: 138px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
		}
	.ui_phone_enter .success_default
		{
		color: #008A2B;
		font-size: 24px;
		}



/* ГАЛОЧКИ { */
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox].css-checkbox {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -17px;
}





.elegant{background-image:url(/pic/checkbox_elegant2.png);}

input[type=checkbox].css-checkbox.med + label.css-label.med, input[type=checkbox].css-checkbox.med + label.css-label.med:active {
	padding-left:22px;
	height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {
	background-position: 0 -17px;
	}
input[type=checkbox].css-checkbox.med + label.css-label.med {
	background-position: 0 0px;
	}

input[type=checkbox].css-checkbox.med + label.css-label.med:active {
	background-position: 0 -34px;
	}
input[type=checkbox].css-checkbox.med:checked + label.css-label.med:active {
	background-position: 0 -51px;
	}


.underlined-block {
  display: flex;         /* Включаем flex-распределение */
  width: 300px;          /* Фиксированная ширина блока */
  align-items: flex-end; /* Выравниваем элементы по нижнему краю */
}

.underlined-block-label {
  white-space: nowrap;   /* Запрещаем перенос текста */
  padding-right: 5px;    /* Отступ между текстом и линией */
}

.underlined-block-underline {
  border-bottom: 1px solid #000; /* Создаём линию */
  flex-grow: 1;          /* Занимаем всё оставшееся пространство */
  height: 1em;           /* Высота линии (как у текста) */
  margin-bottom: 2px;    /* Корректировка позиционирования */
}



/* } ГАЛОЧКИ */


/*-----------------------------------------*/
/*         меню загрузки файла             */
/*-----------------------------------------*/

.file_container
	{
	width: 100%;
	right:0px;
	position:fixed;
	max-width: 520px; /* 800 */
	-text-align: center;
	-margin: 0 auto;
	}

	.file_container h1
		{
		font-size: 42px;
		font-weight: 300;
		color: #0f3c4b;
		margin-bottom: 40px;
		}
		.file_container h1 a:hover,
		.file_container h1 a:focus
			{
			color: #39bfd3;
			}
		.file_container nav
				{
				margin-bottom: 40px;
				}
			.file_container nav a
				{
				border-bottom: 2px solid #c8dadf;
				display: inline-block;
				padding: 4px 8px;
				margin: 0 5px;
				}
			.file_container nav a.is-selected
				{
				font-weight: 700;
				color: #39bfd3;
				border-bottom-color: currentColor;
				}
			.file_container nav a:not( .is-selected ):hover,
			.file_container nav a:not( .is-selected ):focus
				{
				border-bottom-color: #0f3c4b;
				}
		.file_container footer
			{
			color: #92b0b3;
			margin-top: 40px;
			}
			.file_container footer p + p
				{
				margin-top: 1em;
				}
			.file_container footer a:hover,
			.file_container footer a:focus
				{
				color: #39bfd3;
				}


		.file_container .box
			{
			font-size: 1.25rem; /* 20 */
			background-color: #c8dadf;
			position: relative;
			padding: 100px 20px;
			}
			.file_container .box.has-advanced-upload
				{
				outline: 2px dashed #92b0b3;
				outline-offset: -10px;

				-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
				transition: outline-offset .15s ease-in-out, background-color .15s linear;
				}
			.file_container .box.is-dragover
				{
				outline-offset: -20px;
				outline-color: #c8dadf;
				background-color: #fff;
				}
			.file_container .box .box__dragndrop,
			.file_container .box .box__icon
				{
				display: none;
				}
			.file_container .box.has-advanced-upload .box__dragndrop
				{
				display: inline;
				}
			.file_container .box.has-advanced-upload .box__icon
				{
				width: 100%;
				height: 80px;
				fill: #92b0b3;
				display: block;
				margin-bottom: 40px;
				}
			.file_container .box.is-uploading .box__input,
			.file_container .box.is-success .box__input,
			.file_container .box.is-error .box__input
				{
				visibility: hidden;
				}

			.file_container .box__uploading,
			.file_container .box__success,
			.file_container .box__error
				{
				display: none;
				}
			.file_container .box.is-uploading .box__uploading,
			.file_container .box.is-success .box__success,
			.file_container .box.is-error .box__error
				{
				display: block;
				position: absolute;
				top: 50%;
				right: 0;
				left: 0;

				-webkit-transform: translateY( -50% );
				transform: translateY( -50% );
				}
			.file_container .box__uploading
				{
				font-style: italic;
				}
			.file_container .box__success
				{
				-webkit-animation: appear-from-inside .25s ease-in-out;
				animation: appear-from-inside .25s ease-in-out;
				}
				@-webkit-keyframes appear-from-inside
					{
						from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
					75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
					to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
					}
				@keyframes appear-from-inside
					{
						from	{ transform: translateY( -50% ) scale( 0 ); }
					75%		{ transform: translateY( -50% ) scale( 1.1 ); }
					to		{ transform: translateY( -50% ) scale( 1 ); }
					}

			.file_container .box__restart
				{
				font-weight: 700;
				}
			.file_container .box__restart:focus,
			.file_container .box__restart:hover
				{
				color: #39bfd3;
				}

			.js .box__file
				{
				width: 0.1px;
				height: 0.1px;
				opacity: 0;
				overflow: hidden;
				position: absolute;
				z-index: -1;
				}
				.js .box__file + label
					{
					max-width: 80%;
					text-overflow: ellipsis;
					white-space: nowrap;
					cursor: pointer;
					display: inline-block;
					overflow: hidden;
					}
				.js .box__file + label:hover strong,
				.file_container .box__file:focus + label strong,
				.file_container .box__file.has-focus + label strong
					{
					color: #39bfd3;
					}
				.js .box__file:focus + label,
				.js .box__file.has-focus + label
					{
					outline: 1px dotted #000;
					outline: -webkit-focus-ring-color auto 5px;
					}
				.js .box__file + label *
					{
					/* pointer-events: none; */ /* in case of FastClick lib use */
					}

				.no-js .box__file + label
					{
					display: none;
					}

				.no-js .box__button
					{
					display: block;
					}
				.file_container .box__button
					{
					font-weight: 700;
					color: #e5edf1;
					background-color: #39bfd3;
					display: none;
					padding: 8px 16px;
					margin: 40px auto 0;
					}
					.file_container .box__button:hover,
					.file_container .box__button:focus
						{
						background-color: #0f3c4b;
						}

/*-----------------------------------------*/
/*                                         */
/*-----------------------------------------*/




/*-----------------------------------------*/
/*           Шрифты с иконками             */
/*-----------------------------------------*/


@font-face {
  font-family: "font-icons";
  font-style: normal; 
  font-weight: normal;

  src: url("/font/font-icons.eot?3oxsr");
  src: url("/font/font-icons.eot?3oxsr#iefix1") format("embedded-opentype"), url("/font/font-icons.woff?3oxsr1") format("woff"), url("/font/font-icons.ttf?3oxsr1") format("truetype");
}

.font-icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em; 
  font-family: "font-icons";
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -color: #2980b9;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-icon-add:before {
  content: "\61";
}
.font-icon-copy:before {
  content: "\62";
}
.font-icon-cut:before {
  content: "\63";
}
.font-icon-delete:before {
  content: "\64";
}
.font-icon-edit:before {
  content: "\65";
}
.font-icon-loading:before {
  content: "\66";
}
.font-icon-paste:before {
  content: "\67";
}
.font-icon-quit:before {
  content: "\68";
}
.font-icon-sim:before {
  content: "\69";
}
.font-icon-sim2:before {
  content: "\6a";
}
.font-icon-folder:before {
  content: "\6b";
}
.font-icon-magnifier:before {
  content: "\6c";
}
.font-icon-check-circle:before {
  content: "\6d";
}
.font-icon-sad:before {
  content: "\6e";
}
.font-icon-exchange:before {
  content: "\6f";
}
.font-icon-star-o:before {
  content: "\70";
}
.font-icon-phone-square:before {
  content: "\72";
}
.font-icon-book-open:before {
  content: "\73";
}
.font-icon-cogs:before {
  content: "\74";
}
.font-icon-flame:before {
  content: "\71";
}
.font-icon-signal:before {
  content: "\75";
}
.font-icon-clock-o:before {
  content: "\76";
}
.font-icon-database:before {
  content: "\77";
}
.font-icon-exclamation-triangle:before {
  content: "\78";
}
.font-icon-lock:before {
  content: "\79";
}
.font-icon-sticky-note-o:before {
  content: "\7a";
}


.font-icon-bell:before {
  content: "\41";
}
.font-icon-commenting:before {
  content: "\42";
}
.font-icon-user:before {
  content: "\43";
}
.font-icon-times:before {
  content: "\44";
}
.font-icon-search:before {
  content: "\45";
}
.font-icon-folder-1:before {
  content: "\46";
}
.font-icon-folder-o:before {
  content: "\49";
}
.font-icon-sliders:before {
  content: "\4a";
}
.font-icon-home:before {
  content: "\4b";
}
.font-icon-home-1:before {
  content: "\47";
}
.font-icon-modem:before {
  content: "\48";
}

/*+---------------------------------------+*/
/*|                Логи                   |*/
/*+---------------------------------------+*/



.ui_log ul.log_root {
	margin: 0px;
	padding-left: 0px;
	list-style: none;
	font-family: arial;
	font-size: 17px;
	}
	.ui_log ul.log_root ul
		{
		margin: 0px;
		padding-left: 16px;
		list-style: none;
		}
		.ui_log ul.log_root li
			{
			-margin-left: 16px;
			background: url("/pic/spic/ico2/16/ball_gray.png") no-repeat 0px 2px;
			}
			.ui_log ul.log_root li div.content
				{
				margin-left:17px;
				}
		.ui_log ul.log_root li.err {
			background-image: url("/pic/spic/ico2/16/Cross_1.png");
			}
		.ui_log ul.log_root li.ok {
			background-image: url("/pic/spic/ico2/16/Tick_1.png");
			}
		.ui_log ul.log_root li.waiting {
			background-image: url("/pic/spic/ico2/16/loading.gif");
			}
		.ui_log ul.log_root li.info {
			background-image: url("/pic/spic/ico2/16/info_1.png");
			}
		.ui_log ul.log_root li.warn {
			background-image: url("/pic/spic/ico2/16/warn.png");
			}
		.ui_log ul.log_root li .content {}
			.ui_log ul.log_root li .content table {
				font-family: arial;
				background-color: #CDCDCD;
				text-align: left;
				font-size: 12px;
				border-spacing: 1px;
				}
				.ui_log ul.log_root li .content table thead tr th,
				.ui_log ul.log_root li .content table tfoot tr th {
					background-color: #e6EEEE;
					border: 1px solid #FFFFFF;
					padding: 4px;
					}
				.ui_log ul.log_root li .content table thead tr {
					background-color: #FFF;
					color: #3D3D3D;
					}
				.ui_log ul.log_root li .content table tbody tr:hover {
					background-color: #E2E2E2;
					}
					.ui_log ul.log_root li .content table tbody td {
						padding: 4px;
						vertical-align: top;
						background-color: #FFFFFF;
						}
.ui_log .message
	{
	position: relative;
	text-align: center;
	}
	.ui_log .message .block
		{
		display: inline-block;
		-position: absolute;
		position: relative;
		-top: 50%;
		-left: 50%;
		-margin-left: -170px;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
		width: 325px;
		border: 1px #f25910 solid;
		background-color: #f26522;
		color: #000000;
		border-radius: 10px;
		font-size: 17px;
		text-align: center;
		font-family: verdana;
		box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 3px -3px rgba(0,0,0,1.0);
		-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 3px -3px rgba(0,0,0,1.0);
		-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 3px -3px rgba(0,0,0,1.0);
		
		border: 1px #A2A2A2 solid;
		background-color: #CAC9C9;
		}
		.ui_log .message .block .header
			{
			font-size: 19px;
			}
		.ui_log .message .block .text { font-size: 17px; }
			.ui_log .message .block .text .error_desc_short 
				{ font-size: 17px; }
			.ui_log .message .block .text .error_desc 
				{
				border-radius: 10px;
				margin-top: 3px;
				padding: 3px 3px 3px 3px;
				font-size: 15px;
				font-style: italic;
				}
		.ui_log .message .block .text_small_200 { font-size: 15px; }
		.ui_log .message .block .text_small_300	{ font-size: 12px; }
		.ui_log .message .block .text_small_400 { font-size: 10px; }
		.ui_log .message .block .waiting
			{
			width: 303px;
			height: 110px;
			background: url('/pic/loading/loading.gif') 40px -86px no-repeat rgba(255,255,255,0);
			background-size: 72%;
			}
	.ui_log .message .ok
		{
		border: 1px #20AD06 solid;
		background-color: #71DE5E;
		}
	.ui_log .message .warn
		{
		border: 1px #EFE914 solid;
		background-color: #FFFC91;

		border: 1px #C1C09B solid;
		background-color: #EEEDDE;
		}
		.ui_log .message .warn hr {border-color: #EFE914;border-color: #FFFFFF;}
		.ui_log .message .warn .text .warn {
			position: relative;
			padding: 5px;
			padding-left: 34px;
			background-color: #FFCE91;
			border-radius: 5px;
			border-style: none;
			}
		.ui_log .message .warn .text .font-icon:before {color: #FF5400;}
	.ui_log .message .err
		{
		border: 1px #FD5656 solid;
		background-color: #FF9696;
		}


/*-----------------------------------------*/
/*            таблицы                 */
/*-----------------------------------------*/
table.numeric {
	font-size:14px;
	border-collapse:collapse;
	width:100%;
	}
	table.numeric th {
		font-weight:normal;
		border:1px #000000 solid;
		padding: 5px;
		}
	table.numeric td {
		text-align:left;
		border:1px #000000 solid;
		padding: 5px;
		}
	table.numeric td.num {
		text-align:center;
		width: 30px;
		font-weight: normal;
		}

		
/*-----------------------------------------*/
/*            Прогресс бар                 */
/*-----------------------------------------*/
/*  обычный(синий) */
.ui_progressBar {
	margin: 0px 2px 0px 0px;
	background-color: #FFD5A8;
	border-radius: 8px;

	background-color: #E5E6FF;
	border: 1px #CCC9FD solid;
	}
	.ui_progressBar .status {
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		padding-left: 4px;
		padding-bottom: 2px;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		color: #FF8300;
		}
	.ui_progressBar .progress {

		border: 2px #AAA8FF solid;
		border-radius: 7px;
		background-color: #AEA8FF;
		box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 20px 16px rgba(0,0,0,0.07), 0 0px #fff;
		position:relative;
		}
		.ui_progressBar .progress .digit {
			position:absolute;
			width:60px;
			left:50%;
			margin-left:-30px;
			font-size: 15px;
			font-weight: bold;
			text-align: center;
			color: #FFFFFF;
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
			margin-top: 5px;
			font-family: verdana;

			margin-left: -25px;
			text-align: right;
			}
		.ui_progressBar .progress .line,
		.ui_progressBar .progress .line_no_animation {
			background-color: #0007FF;
			border-radius: 7px;
			margin: 0px;
			background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			-webkit-background-size: 40px 40px;
			background-size: 40px 40px;
			-transition: width 1s linear;
			color: #FFFFFF;
			font-size: 15px;
			font-weight: bold;
			text-align: center;
			height: 23px;
			padding-top: 5px;
			}
			.ui_progressBar .progress .line:after
				{
				animation: progress_bar 0.8s linear infinite;
				}
			.ui_progressBar .progress .line_no_animation
				{
				transition: initial;
				}
.ui_progressBar_error {
	background-color: #FFE5E5;
	border: 1px #FDC9C9 solid;
	}
	.ui_progressBar_error .status {
		color: #FF0000;
		}
	.ui_progressBar_error .progress {
		border: 2px #FFA8A8 solid;
		background-color: #FFA8A8;
		}
		.ui_progressBar_error .progress .digit {
			-color: #9E0000;
			}
		.ui_progressBar_error .progress .line {
			background-color: rgba(255, 0, 0, 0.68);
			}

/*  минималистичный */
.ui_progressBar_min {
	margin: 0px 2px 0px 0px;
	background-color: #E5E6FF;
	border: 1px #C9CAFD solid;
	border-radius: 2px;
	}
	.ui_progressBar_min .status {
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		padding-left: 4px;
		-padding-bottom: 2px;
		font-size: 12px;
		-font-weight: bold;
		font-style: italic;
		color: #002AFF;
		}
	.ui_progressBar_min .progress {
		background-color: #A8AAFF;
		box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 20px 16px rgba(0,0,0,0.07), 0 0px #fff;
		position:relative;

		border: 1px #FFFFFF solid;
		border-radius: 2px;
		}
		.ui_progressBar_min .progress .digit {
			position:absolute;
			width:60px;
			left:50%;
			margin-left:-30px;
			font-size: 15px;
			font-weight: bold;
			text-align: center;
			color: #FFFFFF;
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
			margin-top: 5px;
			font-family: verdana;

			margin-left: -25px;
			text-align: right;

			margin-top: -1px;
			margin-left: -34px;
			font-size: 11px;
			}
		.ui_progressBar_min .progress .line {
			background-color: #0007FF;
			border-radius: 5px;
			margin: 0px;
			background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			-webkit-background-size: 40px 40px;
			background-size: 40px 40px;
			transition: width 1s linear;
			color: #FFFFFF;
			font-size: 15px;
			font-weight: bold;
			text-align: center;
			height: 23px;
			padding-top: 5px;

			height: 7px;
			border-radius: 2px;
			}
			.ui_progressBar_min .progress .line:after
				{
				animation: progress_bar 0.8s linear infinite;
				}

.ui_progressBar_min_error {
	background-color: #FFE5E5;
	border: 1px #FDC9C9 solid;
	}
	.ui_progressBar_min_error .status {
		color: #F93131;
		}
	.ui_progressBar_min_error .progress {
		-border: 1px #FFA8A8 solid;
		background-color: #FFA8A8;
		}
		.ui_progressBar_min_error .progress .digit {
			-color: #9E0000;
			}
		.ui_progressBar_min_error .progress .line {
			background-color: rgba(255, 0, 0, 0.68);
			}





@keyframes progress_bar {
	0%   { background-position: 0 0;     }
	100% { background-position: -40px 0; }
	}

/*-----------------------------------------*/
/*-----------------------------------------*/

/*-----------------------------------------*/
/*                Кнопки                   */
/*-----------------------------------------*/
.ui_bt1,
.ui_bt_blue1 
	{
	padding: 3px 5px 5px 5px;
	text-align: center;
	cursor: pointer;

	border-radius: 5px;
	border: 1px rgba(0,0,0,1.0) solid;
	-text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
	color: #444;
	font: 30px verdana;
	background: #e4e4e4;
	background-origin: padding-box, border-box;
	background-clip: padding-box, border-box;
	border: 1px solid transparent;
	border-radius: 3px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	outline: 0;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
	background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
	background-image: -moz-linear-gradient(#f2f2f2, #e4e4e4 50%), -moz-linear-gradient(#e4e4e4, #ccc);
	background-image: -ms-linear-gradient(#f2f2f2, #e4e4e4 50%), -ms-linear-gradient(#e4e4e4, #ccc);
	background-image: -o-linear-gradient(#f2f2f2, #e4e4e4 50%), -o-linear-gradient(#e4e4e4, #ccc);
	background-image: linear-gradient(#f2f2f2, #e4e4e4 50%), linear-gradient(#e4e4e4, #ccc);
	}
	.ui_bt1 .ui_bt1_ico,
	.ui_bt_blue1 .ui_bt_blue1_ico
		{
		background: url('/pic/plus1.svg') top center no-repeat;
		width: 50px;
		height: 50px;
		float: left;
		margin: 9px 6px 6px 6px;
		}
	.ui_bt1 span,
	.ui_bt_blue1 span
		{
		margin-top: 15px;
		margin-right: 10px;
		float: right;
		}

.ui_bt_blue1 
	{
	color: #FFF;
	background: #003BE6;
	text-shadow: 0 1px 1px rgba(135, 132, 255, 0.75);
	box-shadow: inset 0 0 0 1px rgba(170, 168, 255, 0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
	background-image: linear-gradient(#8484FF, #5050FF 50%), linear-gradient(#5050FF, #5E5EFF);
	}

/*-----------------------------------------*/
/*                Окна                     */
/*-----------------------------------------*/
.ui_window_fixed_margin_10 {
	position: fixed;
	top: 10px;
	left: 10px;
	width: calc( 100% - 20px );
	height: calc( 100% - 20px );
	}
.ui_window_fixed_margin_5 {
	position: fixed;
	top: 5px;
	left: 5px;
	width: calc( 100% - 10px );
	height: calc( 100% - 10px );
	z-index:99999;
	}
.ui_view_image {
	height: 100%;
	background-color: #E4E4E4 !important;
	}
	.ui_view_image .ui_view_image_content {
		height: calc( 100% - 70px );
		}
		.ui_view_image .ui_view_image_content .ui_view_image_content_item {
			background: url('') center center no-repeat;
			background-size: contain;
			width:100%;
			height: 100%;
			display: flex;
			align-items: center;
  			justify-content: center;
			-background-color: #FF0000;
			}
			.ui_view_image .ui_view_image_content .ui_view_image_content_item img {
				-width:100%;
				height: 100%;
				}


.ui_window_mobile {
	background-color: #EEEEEE;
	border-radius: 7px;
	}
	.ui_window_mobile .ui_window_mobile_header
		{
		width: calc( 100% - 45px );
		width: calc( 100% - 0px );
		height: 70px;
		-background-color: #EEEEEE;
		-border-radius: 7px;
		position:relative;
		}
		.ui_window_mobile .ui_window_mobile_header .ui_window_mobile_header_text {
			position: relative;
			font-family: verdana;
			color: #313131;
			font-size: 36px;
			padding: 13px 10px 10px 13px;
			}
		.ui_window_mobile .ui_window_mobile_header .ui_window_mobile_header_close {
			cursor: pointer;
			position: absolute;
			top: 0px;
			right: 0px;
			margin: 2px;
			padding: 1px;
			outline: 0px;
			width: 70px;
			height: 70px;
			background: url("") center center no-repeat;
			background-size: contain;
			background-image: url("/pic/close2.svg");
			}

/*-----------------------------------------*/
/*                Меню                     */
/*-----------------------------------------*/
/*+—————————+*/
/*| Кнопки2 |*/
/*+—————————+*/
.ui_menu_items_dark_text {}
.ui_menu_items {
	}
	.ui_menu_items .buttons_switch {
		}
		.ui_menu_items .buttons_switch .bt {
			position: relative;
			width: 69px;
			height: 92px;
			float: left;
			text-align: center;
			font-size: 19px;
			color: #FFFFFF;
			cursor: pointer;
			padding: 5px 5px 5px 5px;
			border-radius: 5px 5px 5px 5px;
			background-color: rgba(255,255,255,0.0);
			border: 2px rgb(255, 0, 0) solid;
			margin: 1px;
			overflow: hidden;
			}
		.ui_menu_items .buttons_switch .bt:hover {
			-background-color: rgba(220,220,220,0.5);
			background-color: rgba(187, 187, 255, 0.31);
			border:2px rgba(3, 13, 255, 0.22) solid;
			}
		.ui_menu_items .buttons_switch .bt:active {
			background-color: rgba(156, 156, 253, 0.31);
			border:2px rgba(3, 13, 255, 0.22) solid;
			}
			.ui_menu_items .buttons_switch .bt .ico {
				width:100%;
				height:50px;
				-float: left;
				background: url("") center center no-repeat;
				background-size: contain;
				border: 1px #FF0000 solid;
				}
			.ui_menu_items .buttons_switch .bt span {
				font-size: 19px;
				text-align: center;
				}


/*+————————+*/
/*| Кнопки |*/
/*+————————+*/
.ui_menu_buttons {
	border-bottom:1px #FFFFFF solid;
	-border-radius:0px 0px 10px 10px;
	border-bottom:1px rgba(255,255,255,0.5) solid;
	-border-bottom: 1px solid #969696;
	width:100%;
	height:56px;
	background:#F3F3F3;

	-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,1.0);
	-background: #e7e7e7;
	-background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#e7e7e7),color-stop(1,#cdcdcd));
	-background: -moz-linear-gradient(top,#e7e7e7 5%,#cdcdcd 100%);
	-background: -o-linear-gradient(top,#e7e7e7 5%,#cdcdcd 100%);
	-background: linear-gradient(top,#e7e7e7 5%,#cdcdcd 100%);
	-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #e7e7e7,EndColorStr= #cdcdcd,GradientType = 0);
	margin-bottom:10px;
	}

	.ui_menu_buttons .buttons_switch {
		-background: #e7e7e7;
		position:absolute;
		left:3px;
		width:calc(100% - 6px);
		height:48px;
		font-family:verdana;
		font-size:17px;
		-border:1px rgba(255,0,0,1.0) solid;
		z-index:2;
		}
		.ui_menu_buttons .buttons_switch .ico {
			background: url('/pic/spic/ico2/32/tool_box.png') top center no-repeat;
			background-size: contain;
			width:32px;
			height:32px;
			float: left;
			margin: 4px;
			}
		.ui_menu_buttons .buttons_switch span {
			margin-top: 10px;
			float: right;
			}
		/*  -------- */
		.ui_menu_buttons .buttons_switch .container {
			float: left;
			margin: 4px;
			}
		.ui_menu_buttons .buttons_switch .input_date,
		.ui_menu_buttons .buttons_switch .input_datetime {
			float: left;
			margin: 4px;
			width: 163px;
			height: 23px;
			font-size: 16px;
			border: 1px #cecece solid;
			border-radius: 5px;
			text-align: center;
			left: 10px;
			box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.15);
			background-color: #FFFFFF;
			}
			.ui_menu_buttons .buttons_switch .input_datetime { width: 192px; }
			.ui_menu_buttons .buttons_switch .input_date input,
			.ui_menu_buttons .buttons_switch .input_datetime input {
				border: 0px;
				background-color: initial;
				font-size: 16px;
				width: 160px;
				margin-top: 0px;
				border-radius: 5px;
				outline: none;
				}
				.ui_menu_buttons .buttons_switch .input_datetime input { width: 191px; }

		.ui_menu_buttons .buttons_switch .bt,
		.ui_menu_buttons .buttons_switch .bt_selected {
			float:left;
			margin:3px 2px 5px 2px;
			padding:9px 5px 0px 40px;
			padding:3px 5px 5px 5px;
			padding:3px 4px 5px 4px;
			text-align:center;

			cursor:pointer;
			-width:48px;
			height:38px;
			border-radius:5px;
			-border:1px rgba(255,255,255,0.0) solid;
			border:1px rgba(0,0,0,1.0) solid;
			-background: url('/pic/spic/list32.png') 4px 5px no-repeat;

			-text-shadow: 0 1px 1px rgba(0,0,0,0.75);
			box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);   

			color: #444;
			font: bold 16px arial;
			background: #e4e4e4;
			background-origin: padding-box, border-box;
			background-clip: padding-box, border-box;
			border: 1px solid transparent;
			border-radius: 3px;
			text-decoration: none;
			text-shadow: 0 1px 1px rgba(255,255,255,0.75);
			outline: 0;
			box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
			    
			background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
			background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
			background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
			background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
			background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc);   
			}
		.ui_menu_buttons .buttons_switch .bt:hover {
			background-color: rgba(220,220,220,0.5);}
		.ui_menu_buttons .buttons_switch .bt:active,
		.ui_menu_buttons .buttons_switch .bt_selected {
			color: #666;
			position: relative;
			top: 1px;
			text-shadow: 0 -1px #fff;
			box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
			    
			background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0 50%), -webkit-linear-gradient(#cfcfcf, #c6c6c6);
			background-image:    -moz-linear-gradient(#f0f0f0, #e0e0e0 50%),    -moz-linear-gradient(#cfcfcf, #c6c6c6);
			background-image:     -ms-linear-gradient(#f0f0f0, #e0e0e0 50%),     -ms-linear-gradient(#cfcfcf, #c6c6c6);
			background-image:      -o-linear-gradient(#f0f0f0, #e0e0e0 50%),      -o-linear-gradient(#cfcfcf, #c6c6c6);
			background-image:         linear-gradient(#f0f0f0, #e0e0e0 50%),         linear-gradient(#cfcfcf, #c6c6c6);   
			}
		.ui_menu_buttons .buttons_switch .bt_selected {
			top: 1px;
			-border:1px #FFFFFF solid;
			-background-color: rgb(220, 220, 220);
			-background-color: rgb(78, 78, 78);
			-color: #FFFFFF;
			cursor:default;
			}

		.ui_menu_buttons .buttons_switch .bt_disable {
			color: #999999;
			cursor:default;
			}
		.ui_menu_buttons .buttons_switch .bt_disable:active {
			color: #999999;
			top: 0;
			text-shadow: 0 1px 1px rgba(255,255,255,0.75);
			box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
			background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
			background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
			background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
			background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
			background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc); 
			}
		/*  -------- */
		.ui_menu_buttons .buttons_switch .bt_ico,
		.ui_menu_buttons .buttons_switch .bt_ico_selected {
			float:left;
			margin:3px 2px 5px 2px;
			text-align:center;

			cursor:pointer;
			width:48px;
			height:48px;

			border-radius: 3px;
			text-decoration: none;
			outline: 0;

			border: 1px rgba(0,0,0,0.0) solid;
			background-color: rgba(0,0,0,0.0);
			}
		.ui_menu_buttons .buttons_switch .bt_ico:hover {
			background-color: rgba(0,0,0,0.1);
			border: 1px rgba(0,0,0,0.2) solid;
			}
		.ui_menu_buttons .buttons_switch .bt_ico:active,
		.ui_menu_buttons .buttons_switch .bt_ico_selected {
			background-color: rgba(0,0,0,0.2);
			border: 1px rgba(0,0,0,0.5) solid;  
			}
		.ui_menu_buttons .buttons_switch .bt_ico_selected {
			top: 1px;
			cursor:default;
			}
		.ui_menu_buttons .buttons_switch .bt_ico .ico,.ui_menu_buttons .buttons_switch .bt_ico_selected .ico {
			margin: 0px;
			width: 48px;
			height: 48px;
			}
		.ui_menu_buttons .buttons_switch .bt_ico_disable {
			cursor:default;
			}
		.ui_menu_buttons .buttons_switch .bt_ico_disable:hover {
			border: 1px rgba(0,0,0,0.0) solid;
			background-color: rgba(0,0,0,0.0);
			}
		.ui_menu_buttons .buttons_switch .bt_ico_disable:active {
			border: 1px rgba(0,0,0,0.0) solid;
			background-color: rgba(0,0,0,0.0);
			}
		/*  -------- */
		.ui_menu_buttons .buttons_switch .select,.ui_menu_buttons .buttons_switch .select_selected {
			float:left;
			margin:3px 2px 5px 2px;
			-text-align:center;

			-cursor:pointer;
			-width:48px;
			height:48px;

			border-radius: 3px;
			text-decoration: none;
			outline: 0;

			border: 1px rgba(0,0,0,0.0) solid;
			background-color: rgba(0,0,0,0.0);
			}
		.ui_menu_buttons .buttons_switch .select:hover {
			background-color: rgba(0,0,0,0.1);
			border: 1px rgba(0,0,0,0.2) solid;
			}
		.ui_menu_buttons .buttons_switch .bt_ico:active,.ui_menu_buttons .buttons_switch .bt_ico_selected {
			background-color: rgba(0,0,0,0.2);
			border: 1px rgba(0,0,0,0.5) solid;  
			}
		.ui_menu_buttons .buttons_switch .select_selected {
			top: 1px;
			-cursor:default;
			}
		.ui_menu_buttons .buttons_switch .select select {
			height: 100%;
			font-size: 27px;
			padding: 0px 10px 0px 10px;
			}
			.ui_menu_buttons .buttons_switch .select select.option {
				-margin: 0px;
				-width: 48px;
				-height: 48px;
				}
		.ui_menu_buttons .buttons_switch .select_disable {
			cursor:default;
			}
		.ui_menu_buttons .buttons_switch .select_disable:hover {
			border: 1px rgba(0,0,0,0.0) solid;
			background-color: rgba(0,0,0,0.0);
			}
		.ui_menu_buttons .buttons_switch .select_disable:active {
			border: 1px rgba(0,0,0,0.0) solid;
			background-color: rgba(0,0,0,0.0);
			}
		/*  -------- */
		.ui_menu_buttons .buttons_switch .input_text {
			float:left;
			margin:3px 2px 5px 2px;
			-text-align:center;

			-cursor:pointer;
			width:148px;
			height:48px;

			border-radius: 3px;
			text-decoration: none;
			outline: 0;

			border: 1px rgba(0,0,0,0.0) solid;
			background-color: rgba(0,0,0,0.0);
			}
			.ui_menu_buttons .buttons_switch .input_text input
				{
				width: 90%;
				height: 43px;
				font-size: 27px;
				border: 1px #cecece solid;
				border-radius: 5px 5px 5px 5px;
				box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.15);
				padding: 1px 6px;
				}
			.ui_menu_buttons .buttons_switch .input_text input:focus {border:1px #000000 solid;outline: 0;}
			.ui_menu_buttons .buttons_switch .input_text input bt_right {border-radius: 5px 0px 0px 5px !important;}
.ui_menu_buttons_mobile {
	height: 100px;
	}
	.ui_menu_buttons_mobile .buttons_switch {}
		.ui_menu_buttons_mobile .buttons_switch .bt_ico,
		.ui_menu_buttons_mobile .buttons_switch .bt_ico_selected {
			width: 85px;
			height: 85px;
			padding: 3px 5px 5px 5px;
			}
			.ui_menu_buttons_mobile .buttons_switch .bt_ico .ico,
			.ui_menu_buttons_mobile .buttons_switch .bt_ico_selected .ico {
				width: 85px;
				height: 85px;
				margin: 4px;
				margin-top: 0px;
				background-size: contain !important;
				}
		.ui_menu_buttons_mobile .buttons_switch .ico {
			width: 85px;
			height: 85px;
			margin: 4px;
			margin-top: 0px;
			background-size: contain !important;
			}
		.ui_menu_buttons_mobile .buttons_switch .bt,
		.ui_menu_buttons_mobile .buttons_switch .bt_selected {
			height: 83px;
			padding: 3px 5px 5px 5px;
			}
			.ui_menu_buttons_mobile .buttons_switch .bt span,
			.ui_menu_buttons_mobile .buttons_switch .bt_selected span {
				display:none;
				}
		.ui_menu_buttons_mobile #bt_switch_left_bts_container {
			position: relative;
			width: 92px;
			height: 92px;
			}
			.ui_menu_buttons_mobile #bt_switch_left_bts_container #bt_switch_ved_send_mail,
			.ui_menu_buttons_mobile #bt_switch_left_bts_container #bt_switch_ved_facsimile,
			.ui_menu_buttons_mobile #bt_switch_left_bts_container #bt_switch_save_in_file,
			.ui_menu_buttons_mobile #bt_switch_left_bts_container #bt_switch_debug2 {
				position: absolute;
				}
			.ui_menu_buttons_mobile #bt_switch_left_bts_container #bt_switch_ved_send_mail { top: -3px; }
			.ui_menu_buttons_mobile #bt_switch_left_bts_container #bt_switch_ved_facsimile { top: 47px; }
			.ui_menu_buttons_mobile #bt_switch_left_bts_container #bt_switch_save_in_file  { top: -3px; left: 50px; }
			.ui_menu_buttons_mobile #bt_switch_left_bts_container #bt_switch_debug2        { top: 47px; left: 50px; }

		.ui_menu_buttons_mobile #bt_switch_ved_facsimile,
		.ui_menu_buttons_mobile #bt_switch_debug2,
		.ui_menu_buttons_mobile #bt_switch_ved_send_mail,
		.ui_menu_buttons_mobile #bt_switch_save_in_file,
		.ui_menu_buttons_mobile #bt_switch_object_next, 
		.ui_menu_buttons_mobile #bt_switch_object_prev,
		.ui_menu_buttons_mobile #bt_switch_data_confirm_cancel,
		.ui_menu_buttons_mobile #bt_switch_data_confirm {
			width: 48px;
    			height: 48px;
    			padding: initial;
			}
			.ui_menu_buttons_mobile #bt_switch_ved_facsimile .ico,
			.ui_menu_buttons_mobile #bt_switch_debug2 .ico,
			.ui_menu_buttons_mobile #bt_switch_ved_send_mail .ico,
			.ui_menu_buttons_mobile #bt_switch_save_in_file .ico,
			.ui_menu_buttons_mobile #bt_switch_object_next .ico,
			.ui_menu_buttons_mobile #bt_switch_object_prev .ico,
			.ui_menu_buttons_mobile #bt_switch_data_confirm_cancel .ico,
			.ui_menu_buttons_mobile #bt_switch_data_confirm .ico {
				width: 48px;
	    			height: 48px;
	    			padding: initial;
	    			margin: initial;
				}
	.ui_menu_buttons_mobile #bt_switch_dt_container {
		width: 240px !important;
		height: 100px;
		}
		.ui_menu_buttons_mobile #bt_switch_dt_wi,
		.ui_menu_buttons_mobile #bt_switch_dt_on {
			height: 45px;
			}
			.ui_menu_buttons_mobile #bt_switch_dt_wi input,
			.ui_menu_buttons_mobile #bt_switch_dt_on input {
				height: 43px;
				}
		.ui_menu_buttons_mobile #bt_switch_ved_update {
			height: 82px;
			width: 70px !important;
			padding-left: 17px;
			padding-top: 29px;
			}
			.ui_menu_buttons_mobile #bt_switch_ved_update .ico {
				margin-top: 25px !important;
				margin-left: 15px !important;
				height: 33px !important;
				}



/*-----------------------------------------*/


/*-----------------------------------------*/
/*                ТАБЫ                     */
/*-----------------------------------------*/


/*---------------------*/
/* ТАБЫ горизонтальные */
/*---------------------*/

/* Базовый контейнер табов */
.tabs {
	min-width: 320px;
	-max-width: 800px;
	padding: 0px;
	margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
	display: none;
	padding: 15px;
	background: #fff;
	border: 1px solid #ddd;
}
.tabs>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
	position: relative;
	display: inline-block;
	margin: 0 0 -1px;
	padding: 4px 9px 5px 31px;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	color: #aaa;
	border: 0px solid #ddd;
	border-width: 1px 1px 1px 1px;
	background: #f1f1f1;
	border-radius: 3px 3px 0 0;
}
/* Шрифт-иконки в формате Unicode */
.tabs>label:before {
	font-family: font-icons;
	font-weight: normal;
	margin-right: 10px;
}


/* Изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
	transition-property: color, background-color;
	transition-duration: 0.1s;
	transition-timing-function: linear, linear, linear, linear;
	color: #888;
	color: #555;
	cursor: pointer;
	background: #F7F7F7;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
	color: #555;
	border-top: 3px solid #009933;
	border-bottom: 1px solid #fff;
	background: #fff;
}


/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
	display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
@media screen and (max-width: 680px) {
	.tabs>label {
		font-size: 0;
	}
	.tabs>label:before {
		margin: 0;
		font-size: 18px;
	}
}
/* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
	.tabs>label {
		padding: 15px;
	}
}



/*-------------------*/
/* ТАБЫ вертикальные */
/*-------------------*/

/* Базовый контейнер табов */
.tabs_g {
	position: relative;
	min-width: 320px;
	max-width: 800px;
	padding: 0px;
	margin: 0 auto;
	height: 100%;
}
/* Стили секций с содержанием */
.tabs_g>section {
	display: none;
	position: absolute;
	top: 0;
	width: 398px;
	left: 142px;
	-height: 111px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
	border-left-width: 0px;
	height: calc( 100% - 12px );
}
.tabs_g>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	/* анимация */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	
}
/* Описываем анимацию свойства opacity */
 

/* Прячем чекбоксы */
.tabs_g>input {
	display: none;
	position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs_g>label {
	display: block;
	width: 79px; 
	margin: 0 0 -1px;
	padding: 15px 36px;
	-font-weight: 600;
	text-align: center;
	color: #aaa;
	border: 0px solid #ddd;
	border-width: 1px 1px 1px 1px;
	background: #f1f1f1;
	-border-radius: 3px 3px 0 0;
	position:relative;
	font-size: 20px;
}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs_g>label:before {
	-font-family: fontawesome;
	-font-weight: normal;
	margin-right: 10px;

	font-family: "font-icons";
	font-style: normal; 
	font-weight: normal;
}
.tabs_g label span.ico_lock:before
	{
	-top: 10px !important;
	-left: -9px !important;

	-text-shadow: -1px -1px #DCDCDC, 0 1px 0 #FDFDFD;
	-color: #F5F5F5;

	color: #D8D8D8;
	font-size: 19px;

	left: inherit;
	right: -12px;
	}

/* Изменения стиля переключателей вкладок при наведении */
 
.tabs_g>label:hover {
	color: #888;
	cursor: pointer;
}

/* Активация секций с помощью псевдокласса :checked (это пример) 
#general:checked~#content-general, #heat_loose:checked~#content-heat_loose {
	display: block;
}
*/

/* Стили для активной вкладки */
.tabs_g>input:checked+label {
	color: #555;
	border-left: 2px solid #009933;
	-border-bottom: 1px solid #fff;
	background: #fff;
}

.tabs_g>input:checked+label:before {
	color: #555555;
	}

/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
@media screen and (max-width: 680px) {
	.tabs_g>label {
		font-size: 0;
	}
	.tabs_g>label:before {
		margin: 0;
		font-size: 18px;
	}
}
/* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
	.tabs_g>label {
		padding: 15px;
	}
}