/* КАРКАС САЙТА */
* {
	font-family: "PT Sans",Helvetica,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

.hideAdaptive {display: none;}

body {
	background: #e8e8e8;
}

hr {
    border: none;
    border-top: 1px solid #d0d0d0;
}

a {
	cursor: pointer;
}

h1 {
font-size: 20px;
font-weight: 400;
}


img.captcha {
	vertical-align: top;
}

.title-input {
	color: rgb(64, 92, 96);
	font-size: 13px;
	text-align: left;
}

.text-red {
	color: red;
}

.form_register {
    max-width: 350px;
    margin: 0 auto;
}

.head-login {
display: inline-block;
vertical-align: top;
height: 34px;
width: 34px;
border-radius: 20px;
border: 2px solid #a8a8a8;
margin-top: -1px;
}
.head-login:hover {
border: 2px solid #e6e6e6;
}
.head-message {
	display: inline-block;
	vertical-align: top;
	height: 26px;
	width: 26px;
	background-image: url('/public/img/site/sprite-head.png');
	background-position: 0 top;
	background-repeat: no-repeat;
	background-size: 26px;
	position: relative;
}
.head-message:hover {background-position: 0 bottom;}

.head-login img {
	width: 32px;
	height: 32px;
	margin: 1px;
}
.head-message img {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 14px;
	left: -4px;
}
.link-razdel img {
	width: 16px;
	height: 16px;
	position: relative;
	left: 19px;
	top: 17px;
}

fieldset.register-for-right {
    box-sizing: border-box;
    padding: 10px 5px;
    text-align: center;
    border: none;
    border-top: 1px solid #c6c6c6;
    font-size: 14px;
    font-style: italic;
}
legend.register {
    margin: 0 auto;
    padding: 0 10px;
    color: gray;
}
.info-reg {
    color: rgb(64, 92, 96);
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
}
.width100 {
	display: block !important;
	text-align: center !important;
	width: auto !important;
}
input.width100 {
	display: block !important;
	text-align: center !important;
	width: 100% !important;
}
.icon-social {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 5px;
    padding: 0;
    background-image: url('/public/img/site/sprite-social.png');
    background-repeat: no-repeat;
    background-size: 400px;
	
}
.inheader-bottom > .icon-social {
	border: 3px solid white;
	border-radius: 25px;
	margin: 0 0 0 7px;
	transition: 0.7s;
}
.inheader-bottom > .icon-social:hover {
	transform: rotate(360deg);

}
.ico-soc1 {background-position: 0 top;}
.ico-soc2 {background-position: -40px top;}
.ico-soc3 {background-position: -80px top;}
.ico-soc4 {background-position: -120px top;}
.ico-soc5 {background-position: -160px top;}
.ico-soc6 {background-position: -200px top;}
.ico-soc7 {background-position: -240px top;}
.ico-soc8 {background-position: -280px top;}
.ico-soc9 {background-position: -320px top;}
.ico-soc10 {background-position: -360px top;}
.main-header > a.reg, .sidebar-header > a.reg {
    float: right;
    font-size: 14px;
    margin-top: 4px;
    color: #919191;
    text-decoration: none;
    border-bottom: 1px dashed;
}
.main-header > a.reg:hover, .sidebar-header > a.reg:hover {
color: #424242;
border-bottom: none;
}

#form_register input[name="captcha"] {
    vertical-align: top;
    font-size: 24px;
    margin: 0;
}
.main {
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.mainSite {
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.mainCurrent {
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
	box-sizing: border-box;
	margin-bottom: 20px;
	border: 2px solid #ccc;
}

.main-middle {

}
.content {
padding: 20px 20px;
}
.content img.smile {
	margin-bottom: -4px;
}
.header-menu {
	position: fixed;
	width: 230px;
	background: white;
	border-left: 1px solid #0009;
	z-index: 6;
	right: -230px;
	box-sizing: border-box;
	height: 100%;
	top: 0;
	transition: 0.3s;
	overflow-y: auto;
	scrollbar-width: thin;
}
.header-message {
	position: fixed;
	right: -300px;
	width: 300px;
	height: 100%;
	background: white;
	border-left: 1px solid #0009;
	box-sizing: border-box;
	overflow-y: auto;
	scrollbar-width: thin;
	z-index: 6;
	top: 0;
	transition: 0.3s;
}
.main-header {
	border-bottom: 1px solid #d0d0d0;
	padding: 20px;
	font-size: 20px;
	color: black;
	background: #fff;
}
.main-footer {
	padding: 20px;
	border-top: 1px solid #d0d0d0;
	background: #f5f5f5;
}
.footerBlog {
	padding: 6px 0 10px 0;
}
.main-footerContent {
	padding: 20px;
	border-top: 1px solid #d0d0d0;
}
.wrap-header {
	background: #2d2d2d;
	height: 50px;
	position: fixed;
	width: 100%;
	z-index: 3;
}

header {
	height: 50px;
}
.header {
	max-width: 1200px;
	margin: 0 auto;
	height: 50px;
}

.wrap-podheader {
	background: #fff;
	height: 40px;
	box-shadow: 0 0 3px #8a8a8a;
}

.podheader {
	max-width: 1200px;
	margin: 0 auto;
	height: 40px;
}

a.link-podheader {
display: inline-block;
text-decoration: none;
color: #909090;
font-size: 16px;
height: 40px;
box-sizing: border-box;
padding: 12px 8px 0 8px;
}
a.active-podheader {
color: #000;
border-bottom: 2px solid #606060;	
}
a.link-podheader:hover {
	border-bottom: 2px solid #606060;
}

.header > a.link-logo {
vertical-align: middle;
display: inline-block;
}

.header > a.link-logo > img {
display: block;
}

.block-head-right {
	float: right;
	margin-top: 7px;
}

.block-head-right > a {
	vertical-align: middle;
	text-decoration: none;
font-size: 13px;
font-weight: bold;
margin-left: 6px;
}
.block-head-right > a:nth-child(1):hover {
	text-decoration: underline;
}

.wrap-footer {
	background-color: #000;
	border-top: 1px solid gray;
	box-shadow: inset 0px 8px 7px -3px rgba(33, 31, 36, 0.64);
	color: white;
	margin-top: 100px;
}

.footer {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 25px 0;
}

a.link-footer {
color: #a4d4fb;
font-size: 14px;
text-decoration: none;
}
a.link-footer:hover {
text-decoration: underline;
}
.copyright {
font-size: 14px;
margin-top: 30px;
}


.categories {
	display: inline-block;
	width: 260px;
	height: 260px;
	margin: 14px;
	background-size: 260px;
	transition: 0.5s;
	border: 8px solid #e8e8e8;
	text-decoration: none;
	overflow: hidden;
	position: relative;
}
.cat-asc {background-image: url('/public/img/site/background-asc.jpg');}
.cat-video {background-image: url('/public/img/site/background-video.jpg');}
.cat-guides {background-image: url('/public/img/site/background-guides.jpg');}
.cat-manual {background-image: url('/public/img/site/background-manual.jpg');}
.cat-find {background-image: url('/public/img/site/background-find.jpg');}
.cat-gamejam {background-image: url('/public/img/site/background-gamejam.jpg');}
.cat-games {background-image: url('/public/img/site/background-games.jpg');}
.cat-assets {background-image: url('/public/img/site/background-assets.jpg');}
.cat-article {background-image: url('/public/img/site/background-article.jpg');}

.categories:hover {
border: 8px solid #00dfff;
}

.wrap-categories {
	text-align: center;
	background: white;
	box-shadow: 0 0 10px #0000006b, 0px 0px 16px rgba(155, 155, 155, 0.9) inset;
	padding: 20px 0;
	margin-top: 10px;
}

.wrap2-categories {
	margin: -112px auto 0 auto;
	max-width: 974px;
	position: relative;
	z-index: 1;
	text-align: right;
}

.middle {
 display: flex;
 margin: 0 auto;
min-height: 600px;
max-width: 1200px;
padding-top: 20px;
}

.flex-box:nth-child(1) {
 flex: 1 1 auto;
 max-width: 870px;
 margin: 0 auto;
 width: 100%;
}
.flex-box:nth-child(2) {
margin: 0 0 0 15px;
flex: 0 0 310px;
min-height: 800px;
}

a {
	color: #2196f3;
}
a:hover {
	text-decoration: none;
}
a.link-black {
color: #888;
text-decoration: none;
font-weight: 700;
}
a.link-black:hover {
color: #000;
}
a.rubrics {
    text-decoration: none;
    color: #a1a1a1;
    font-size: 14px;
    background: #ececec;
    padding: 4px 6px;
    display: inline-block;
    border-radius: 5px;
    width: 124px;
    margin: 0 0 4px 0;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    text-align: left;
}
.count_rubrics {
    float: right;
    font-size: 10px;
    font-weight: bold;
    margin-top: 2px;
    color: #464646;
}

.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

input[type="text"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], select {
margin-bottom: 10px;
padding: 10px;
border: 1px solid rgb(178, 178, 178);
/* -webkit-appearance: textfield; */
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
-moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;	
outline: none;
width: 100%;
box-sizing: border-box;
}

 select {
 	cursor: pointer;
 }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    border: 1px solid rgba(91, 90, 90, 0.7);
    background: rgba(238, 236, 240, 0.2);
    -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
    -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
}


.comment-smile {
	width: 30px;
	height: 30px;
	margin: 5px;
	cursor: pointer;
	background-image: url('/public/img/site/sprite-smile.png');
	background-repeat: no-repeat;
	display: inline-block;
}
.comment-smile:hover {
background-color: #2196f3;
border-radius: 10px;;
}

.smile1 {background-position: 0 bottom;}
.smile2 {background-position: -30px bottom;}
.smile3 {background-position: -60px bottom;}
.smile4 {background-position: -90px bottom;}
.smile5 {background-position: -120px bottom;}
.smile6 {background-position: -150px bottom;}

/* ASC */
/* index */

.wrap-asc {
display: block;
border-bottom: 1px solid #cacaca;
padding: 10px 20px;
text-decoration: none;
color: #000;
}
.wrap-asc:last-child {
	border-bottom: none;
}
.wrap-asc:hover {
background: #e1f1fd;
}

.bottom-asc {
	margin-top: 12px;
	font-size: 12px;
}

.asc-title {
	color: #2196f3;
	font-weight: normal;	
	font-size: 16px;
	}

.asc-title > a{
	font-size: 22px;
	text-decoration: none;
	vertical-align: middle;
}
.asc-title > a:hover {
	text-decoration: underline;
}

.asc-tags {
color: gray;
font-size: 14px;	
}

.asc-info {
color: gray;
font-size: 12px;
}

/* post */
.wrap-img {
height: 50px;
width: 50px;
display: inline-block;
vertical-align: top;
}
.wrap-img img {
height: 50px;
width: 50px;
}

.wrap-img-post {
height: 70px;
width: 70px;
display: inline-block;
vertical-align: top;
}
.wrap-img-post img {
height: 70px;
width: 70px;
}

.wrap-head-title {
display: table-cell;
vertical-align: middle;
width: 100%;
padding: 2px 0 0 10px;
}
.wrap-text-asc {
clear: both;
margin: 30px 0;
}
.wrap-text-comments {
	margin-top: 4px;
	color: black;
}
.textarea-comment {
display: table-cell;
width: 100%;
padding-left: 10px;
vertical-align: top;
}
.wrap-textarea-comment {
margin: 20px 0 0 0;	
}
.head-comments {
	font-size: 20px;
	color: #535353;
	background: #fff;
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
}
.wrap-timer {
	max-width: 300px;
	margin: 30px auto;
}
.wrap-timer table {
	width: 100%;
	text-align: center;
}
.right-answer {
	float: right;
	text-align: center;
	margin-top: 4px;
	color: #9d9d9d;
}

.num-right-answer {
font-size: 24px;
font-weight: 700;
}
.head-commentsCount {
	font-size: 14px;
	color: #2196f3;
	display: inline-block;
	vertical-align: bottom;
}
.wrap-comment {
	border-bottom: 1px solid #e8e8e8;
	padding: 8px 0;
}
.wrap-comment:last-child {
	border-bottom: none;
}
.title-post-asc {
font-size: 20px;
font-weight: 700;
}
.tags-post-asc {
color: gray;
font-size: 14px;
}
.tags-post-asc > a{
margin-right: 10px;
font-weight: 700;
font-size: 12px;
}
.tag-span {
background: #b9dbf4;
padding: 4px 6px;
font-size: 12px;
margin: 0 4px 0 0;
font-weight: 700;
color: #242424;	
border-radius: 4px;
}
.tag-span2 {
font-size: 12px;
font-weight: 700;
margin-right: 10px;
}
.tag-icon {
font-size: 12px;
font-style: italic;
margin: 0 4px -3px 0;
width: 16px;
display: inline-block;
height: 16px;
background-size: 96px !important;
}
.tag-ico1 {background: url('/public/img/site/sprite-tags.png') no-repeat 0 center;}
.tag-ico2 {background: url('/public/img/site/sprite-tags.png') no-repeat -16px center;}
.tag-ico3 {background: url('/public/img/site/sprite-tags.png') no-repeat -32px center;}
.tag-ico4 {background: url('/public/img/site/sprite-tags.png') no-repeat -48px center;}
.tag-ico5 {background: url('/public/img/site/sprite-tags.png') no-repeat -64px center;}
.tag-ico6 {background: url('/public/img/site/sprite-tags.png') no-repeat -80px center;}


.date-comments {
font-size: 12px;
color: gray;
}
.date-comments::before {
content:"";
background: #9d9d9d;
width: 6px;
display: inline-block;
height: 6px;
border-radius: 10px;
margin: 1px 6px;
}
.user-rating {
color: gray;
font-size: 12px;
background: url('/public/img/site/rating.png');
background-size: 16px;
background-repeat: no-repeat;
padding: 0 0 0 18px;
background-position: left center;
text-align: center;
}

.textarea-icon {
	width: 36px;
	display: inline-block;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #d0d0d0;
	margin: 0 4px 0 0;
	border-radius: 3px;
	cursor: pointer;
	background-color: #ffffff21;
	vertical-align: top;
}
.textarea-icon:hover {
border: 1px solid #2196f3;
}

.icon-smile {background-image: url('/public/img/site/smile.png'); position: relative;}
.icon-text {background-image: url('/public/img/site/text.png');}
.icon-code {background-image: url('/public/img/site/code.png');}
.icon-img {background-image: url('/public/img/site/img.png');}

.table-post {
display: table;
width: 100%;	
}

.header-content-link {
	margin-top: -6px;
}

textarea {
padding: 10px;
border-radius: 3px;
font-size: 14px;
outline: none;
width: 100%;
height: 130px;
resize: none;
box-sizing: border-box;
border: 1px solid rgb(178, 178, 178);
margin-bottom: 10px;
box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
}

a.button, input[type="submit"] {
background: #2196f3;
border: none;
color: white;
padding: 10px;
font-weight: 700;
cursor: pointer;
transition: 0.5s;
border-radius: 3px;
font-size: 13px;
text-decoration: none;
display: inline-block;
}

a.button:hover, input[type="submit"]:hover {
background: #3ba5f9;
}

a.buttonSidebar {
	color: #fff;
	padding: 10px 10px 10px 40px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 4px;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	background-color: #9b9b9b;
	background-repeat: no-repeat;
	background-position: 6px center;
	background-size: 30px;
}
a.buttonSidebar-menu {background-image: url('/public/img/site/iconSidebar-menu.png');}
a.buttonSidebar-cabinet {background-image: url('/public/img/site/iconSidebar-cabinet.png');}
a.buttonSidebar-info {background-image: url('/public/img/site/iconSidebar-info.png');}

.right {
	float: right;
}

.block-smile {
display: block;
position: absolute;
background: white;
width: 130px;
height: 84px;
top: -96px;
left: -48px;
border: 2px solid #2196f3;
border-radius: 5px;
display: none;	
}

.title-error {
color: red;
font-size: 13px;
text-align: left;
}
.border-red {border: 1px solid red !important;}
.color-red {color: red !important;}

.wrap-tags {
margin: 0 0 10px 0;
background: #eee;
padding: 10px;
border-radius: 4px;
border: 1px solid #b3b3b3;
}



.new-post {
	color: red;
	margin-right: 2px;
	font-weight: bold;
	font-size: 12px;
	background: #ffe1e1;
	padding: 1px 4px;
	border: 1px solid #ff9090;
	border-radius: 2px;
	display: inline-block;
	vertical-align: middle;
}

.postDiscount {
	color: green;
	background: #d1ffd1;
	border: 1px solid #60e160;
}

.new-postDraft {
	color: #9a58c8;
	margin-right: 2px;
	font-weight: bold;
	font-size: 12px;
	background: #9a58c83b;
	padding: 1px 4px;
	border: 1px solid;
	border-radius: 2px;
	display: inline-block;
	vertical-align: middle;
}

.new-postModeration {
	color: #60a23b;
	margin-right: 2px;
	font-weight: bold;
	font-size: 12px;
	background: #7bd9783b;
	padding: 1px 4px;
	border: 1px solid;
	border-radius: 2px;
	display: inline-block;
	vertical-align: middle;
}

.otkazDraft {
	background-image: url('/public/img/site/part2.png');
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 0px;
	padding-left: 20px;
	height: 23px;
	display: inline-block;
	vertical-align: top;
}

/* VIDEO */
.wrap-assets {
	width: 192px;
	display: inline-block;
	margin: 0 6px 20px 6px;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.wrap-assets:hover {
	background-color: #e9f5ff;
}
.title-assets {
	display: inline;
	color: #262626;
}
.wrap-assets:hover .title-assets {
	color: black;
}
.wrap-assets img {
	width: 100%;
	display: block;
	border-radius: 6px;
}
.wrap-info-assets {
	padding: 4px 0 2px 0;
}


.wrap-video {
width: 267px;
display: inline-block;
margin: 0 3px 20px 3px;
text-decoration: none;
text-align: left;
vertical-align: top;
}
.wrap-video:hover {
	background-color: #e9f5ff;
}
.wrap-video:hover .title-video {
text-decoration: underline;
}
.wrap-video > img {
width: 100%;
display: block;
}
.wrap-info-video {
padding: 4px 0 2px 0;
}
.title-video {

}
.channel-video {
font-size: 14px;
color: #979797;
}
.views-video {
font-size: 12px;
color: #979797;
}

.margin-comment {
	margin: 0 0 0 50px;
}

.wrap-balls {
	margin-top: 10px;
}

.ball {
border-radius: 3px;
cursor: pointer;
display: inline-block;
margin: 0 4px 0 0;
}

.ball a {
	text-decoration: none;
}

.ball-com-ico {
	width: 22px;
	height: 22px;
	margin: 0 0 -3px 0;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 44px;
	display: inline-block;
	vertical-align: top;
}

.ball-comment-ico {
	width: 18px;
	height: 18px;
	margin: 0 0 -3px 0;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 36px;
	display: inline-block;
	vertical-align: top;
}

.ball-com-icoUp {
	background-image: url('/public/img/site/sprite-balls.png'); 
	background-position: 0 bottom;
}
.ball-com-icoDown {
	background-image: url('/public/img/site/sprite-balls.png'); 
	background-position: right bottom;
}

.ball-com-ico > img {
	width: 22px; 
	height: 22px; 
	display: block;
}
.ball-comment-ico > img {
	width: 18px; 
	height: 18px; 
	display: block;
}

.ball:hover .ball-com-icoUp {background-position: 0 top;}
.ball:hover .ball-com-icoDown {background-position: right top;}

.count-ballUp {
	font-size: 16px;
	color: #48c800;
	display: inline-block;
	vertical-align: top;
	padding-top: 2px;
}
.count-comment-ballUp {
	font-size: 16px;
	color: #48c800;
	display: inline-block;
	vertical-align: top;
}
.count-ballDown {
	font-size: 16px;
	color: #ff4545;
	display: inline-block;
	vertical-align: top;
	padding-top: 2px;
}

.filter-main {
border-bottom: 1px solid #d0d0d0;
padding: 15px 20px;
font-size: 12px;
color: gray;
}
.filter-tag {
width: 200px;
margin: 0;
padding: 8px;
}

 
.text-warning {
text-align: center;
padding: 100px 20px;
max-width: 400px;
margin: 0 auto;
font-size: 18px;
}

.text-body {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0;
}

.nocomments {
height: 200px;
padding: 40px 0 0 0;
background-image: url('/public/img/site/nocomments.png');
background-repeat: no-repeat;
background-position: center 100px;
text-align: center;
color: gray;
margin: 0 auto;
width: 300px;
}

.wrap-tag {
padding: 6px 12px 6px 0;
display: block;
color: #6a6a6a;
font-size: 14px;
cursor: pointer;
font-weight: 700;
}

.warning-com {
padding: 10px 20px 10px 30px;
font-size: 14px;
background: #ffb3b3;
margin-top: 10px;
background-image: url('/public/img/site/error.png');
background-repeat: no-repeat;
background-position: 5px center;
}

.part-com {
padding: 10px 20px 10px 30px;
font-size: 14px;
background: #fff8d5;
margin-top: 10px;
background-image: url('/public/img/site/part.png');
background-repeat: no-repeat;
background-position: 5px center;
border: 1px solid #ffe189;
color: #595959;
}

.link-mess {
display: block;
color: #686868;
font-size: 14px;
text-decoration: none;
padding: 12px 8px;
border-bottom: 1px solid #dbdbdb;
}

.link-mess > img{
float: left;
}

.link-mess:hover {
color: black;
}
.h-message {
	margin: 0 0 0 45px;
}

.h-message-ico {
	width: 40px;
	height: 40px;
	margin: 0 4px -8px 0;
	background-image: url('/public/img/site/spriteSidebarMenu.png');
	float: left;
}


.h-message-date {
	margin: 10px 0 0 45px;
}

code.language-csharp {
	background: #e8f5ff;
	border-radius: 10px;
	color: #335199;
	white-space: pre !important;
	overflow-x: auto;
}

code.code {
	display: block;
	background: #e8f5ff;
	padding: 16px !important;
	border-radius: 10px;
	color: #335199;
	white-space: pre !important;
	overflow-x: auto;
	margin: 20px 0;
}

.bottom-content {
padding: 20px;
border-top: 1px solid #d7d7d7;
text-align: center;
font-size: 14px;
color: #606060;
}

.link-menu {
	color: #1a1a1a;
	display: block;
	text-decoration: none;
	font-size: 16px;
	padding: 10px 4px 10px 10px;
}

.link-menu:hover {
background: #f0f0f0;
}

.user-menu {
width: 20px;
display: inline-block;
height: 20px;
margin: 0 8px -4px 0;
background-image: url('/public/img/site/sprite-user-menu.png');
}


.user-menu-icon1 {background-position: -140px top;} /* аккаунт */
.user-menu-icon2 {background-position: 0px top;} /* защита */
.user-menu-icon3 {background-position: -200px top;} /* выход */
.user-menu-icon4 {background-position: -220px top;} /* выход */
.user-menu-icon5 {background-position: -240px top;} /* мусорка */
.user-menu-icon6 {background-position: -260px top;} /* редактор */
.user-menu-icon7 {background-position: -60px top;} /* редактор */
.user-menu-icon8 {background-position: -160px top;} /* редактор */

.close-icon4 {background-position: -132px top;} /* замок */
.close2-icon4 {background-position: -221px top;} /* замок */

.newPosts-yes {
	background: #00000087;
	padding-bottom: 14px;
	color: #84ff80;
	font-size: 14px;
}

.newPosts-no {
	background: #00000087;
	padding-bottom: 14px;
	color: #c1c1c1;
	font-size: 14px;
}

.head-menu {
background: #00000087;
text-align: center;
color: white;
font-weight: 700;
padding: 18px 0 4px 0;
font-size: 22px;
}

ul.ul-menu {
	list-style: none;
}

ul.ul-menu li{
	display: inline;
}

.menu-left {
	height: 186px;
	width: 260px;
	position: absolute;
	transition: 0.4s;
	left: 0px;
}
.menu-left > img {
margin-top: 50px;
}
.menu-right {
	background: #00000087;
	height: 186px;
	width: 260px;
	position: absolute;
	right: -260px;
	transition: 0.4s;
	padding: 26px 5px 0;
	box-sizing: border-box;
	color: white;
	font-size: 18px;
	border-top: 1px solid #ffffff80;
}

.categories:hover .menu-left {
	left: -260px;
}
.categories:hover .menu-right {
	right: 0px;
}


.complete-info {
	padding: 10px 20px 10px 30px;
	font-size: 14px;
	background: #a9ff98;
	margin-bottom: 20px; 
	background-image: url('/public/img/site/complete.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	border: 1px dashed #002f88;
}

.part-info {
	padding: 10px 20px 10px 30px;
	font-size: 14px;
	background: #f2e199;
	margin-bottom: 20px; 
	background-image: url('/public/img/site/part.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	border: 1px dashed #002f88;
}

.delete-info {
	padding: 10px 20px 10px 30px;
	font-size: 14px;
	background: #ffb3b3;
	margin-bottom: 20px; 
	background-image: url('/public/img/site/error.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.button-social-add {
	background: #2196f3;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
	color: white;
	margin: 10px 0;
	display: block;
	text-decoration: none;
	height: 40px;
	position: relative;
	border: 1px solid #002f88;
}

.button-social-add2 {
	background: #c1c4cb;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
	color: white;
	margin: 10px 0;
	display: block;
	text-decoration: none;
	height: 40px;
	position: relative;
	border: 1px solid #8f8f8f;
}

.button-social-text {
	position: absolute;
	top: 12px;
	left: 50px;
}

.button-social-icon {
	background-image: url('/public/img/site/sprite-social.png');
	background-repeat: no-repeat;
	background-size: 400px;
	height: 40px;
	width: 40px;
	display: inline-block;
}

.button-soc-ico1 {background-position: 0 top;}
.button-soc-ico2 {background-position: -40 top;}
.button-soc-ico3 {background-position: -80 top;}
.button-soc-ico4 {background-position: -120px top;}
.button-soc-ico5 {background-position: -160px top;}
.button-soc-ico6 {background-position: -200px top;}
.button-soc-ico7 {background-position: -240px top;}
.button-soc-ico8 {background-position: -280px top;}

.button-soc-icon1 {background-position: 0 bottom;}
.button-soc-icon2 {background-position: -40 bottom;}
.button-soc-icon3 {background-position: -80 bottom;}
.button-soc-icon4 {background-position: -120px bottom;}
.button-soc-icon5 {background-position: -160px bottom;}
.button-soc-icon6 {background-position: -200px bottom;}
.button-soc-icon7 {background-position: -240px bottom;}
.button-soc-icon8 {background-position: -280px bottom;}

.button-social-add2:hover .button-soc-icon1 {background-position: 0 top;}
.button-social-add2:hover .button-soc-icon2 {background-position: -40 top;}
.button-social-add2:hover .button-soc-icon3 {background-position: -80 top;}
.button-social-add2:hover .button-soc-icon4 {background-position: -120px top;}
.button-social-add2:hover .button-soc-icon5 {background-position: -160px top;}
.button-social-add2:hover .button-soc-icon6 {background-position: -200px top;}
.button-social-add2:hover .button-soc-icon7 {background-position: -240px top;}
.button-social-add2:hover .button-soc-icon8 {background-position: -280px top;}

.text-social-add {
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 10px;
}

.button-social-add:hover .text-social-add, .button-social-add2:hover .text-social-add{
	text-decoration: underline;
}


.text-status {
	padding: 5px 5px 5px 30px;
	font-size: 16px;
	font-style: italic;
	color: #606060;
	background-image: url('/public/img/site/ico-status.png');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 8px 6px;
	word-wrap: break-word;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 10px;
}

img.avatar-account {
	display: block;
	margin: 0 auto;
	padding: 20px 0;
}

.table-right-data {
	color: #313131;
	font-weight: bold;
}

.table-left {
	color: #606060;
	font-size: 14px;
	padding: 2px 0 2px 0;
	vertical-align: top;
}

.table-right {
	color: #8f8787;
	font-size: 14px;
	padding: 2px 0 2px 4px;
}

.table-user-data {
	
}

.user-data-top {
	font-size: 18px;
	font-weight: bold;
	color: #2196f3;
	background: #eaf6ff;
	padding: 10px;
	border-radius: 5px 5px 0 0;
}

.user-data-online {
	float: right; 
	font-size: 12px; 
	font-weight: normal; 
	color: gray; 
	margin: 5px 0 0 0;
}

.online {
	margin: 0 4px 1px 0; 
	display: inline-block; 
	width: 6px; 
	height: 6px; 
	border-radius: 3px; 
	background-color: green;
}

.content-edit {
height: 20px;
width: 20px;
float: right;
position: relative;
background-image: url('/public/img/site/edit-option.png');
cursor: pointer;
}

.content-edit-menu {
position: absolute;
background: white;
top: 20px;
width: 200px;
right: 0;
display: none;
border: 1px solid #b3b3b3;
box-shadow: 0 0 4px black;
padding: 6px 0;
z-index: 1;
}


.wrap-inheader {
	position: relative;
	color: white;
	background-image: url('/public/img/site/backHead.jpg');
	background-position: center;
	height: 360px;
  }
.wrap-inheader2 {
	display: block;
	position: relative;
	color: white;
	background-image: url('/public/img/site/ng10.jpg');
	background-position: center;
	height: 260px;
}
.inheader {
	max-width: 974px;
	margin: 0 auto;
	top: 100px;
	position: relative;
}
.inheader2 {
	max-width: 1200px;
	margin: 0 auto;
	top: 20px;
	position: relative;
	text-align: center;
}

.inheader > h1 {
	font-size: 45px;
	font-weight: 700;
}
.inheader2 > h1 {
	font-size: 36px;
	color: #95271d;
	font-weight: bold;
}
.inheader > p {
	font-size: 20px;
}

.close-post {
	background: #ffefef !important;
}

.close-text-index {
font-weight: 700;
color: #d57d7d;
font-size: 12px;
}

.close-span-index {
width: 12px;
display: inline-block;
height: 12px;
margin: 0 2px -2px 0;
background-image: url('/public/img/site/sprite-user-menu.png');
background-size: 168px;
}

.close-text {
font-weight: 700;
color: #d57d7d;
}

.close-span {
width: 20px;
display: inline-block;
height: 20px;
margin: 0 2px -2px 0;
background-image: url('/public/img/site/sprite-user-menu.png');
background-size: 280px;
}

.close-text-index::before {
content: "";
background: #9d9d9d;
width: 6px;
display: inline-block;
height: 6px;
border-radius: 10px;
margin: 1px 6px;
}

.wrap-content-edit {
	float: right;
}

.no-mess {
	color: gray;
	text-align: center;
	padding: 40px 5px;
}

.link-razdel {
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	background-image: url('/public/img/site/headMenu.png');
	background-position: center top;
}
.link-razdel:hover {
	background-position: center bottom;
}

.link-razdel-menu {
	position: fixed;
	left: -250px;
	width: 250px;
	background: white;
	top: 0;
	z-index: 6;
	height: 100%;
	box-sizing: border-box;
	border-right: 1px solid #0009;
	transition: 0.3s;
	overflow-y: auto;
	scrollbar-width: thin;
}

.sidebarMenu {
	position: fixed;
	right: -300px;
	width: 300px;
	background: white;
	top: 0;
	z-index: 6;
	height: 100%;
	box-sizing: border-box;
	border-right: 1px solid #0009;
	transition: 0.3s;
	overflow-y: auto;
	scrollbar-width: thin;
}

.razdel-menu {
	width: 40px;
	display: inline-block;
	height: 40px;
	background-image: url('/public/img/site/spriteSidebarMenu.png');
	vertical-align: middle;
	margin-right: 8px;
}
.razdel-menu-documentation {background-position: 0 top;}
.razdel-menu-asc {background-position: -40px top;}
.razdel-menu-gamejam {background-position: -80px top;}
.razdel-menu-games {background-position: -120px top;}
.razdel-menu-assets {background-position: -160px top;}
.razdel-menu-find {background-position: -200px top;}
.razdel-menu-guides {background-position: -240px top;}
.razdel-menu-article {background-position: -280px top;}
.razdel-menu-video {background-position: -320px top;}




.razdel-menu-news {background-position: -280px top;}

.razdelMenuText {
	display: inline-block;
	vertical-align: middle;
}
.razdelMenuText > p:nth-child(1){
	font-size: 20px;
}
.razdelMenuText > p:nth-child(2){
	font-size: 12px;
	color: #a2a2a2;
}

.complete-color {
	color: green;
	font-weight: 700;
}

.complete-border {
	border-color: green;
}

.footer-add-part {
padding: 4px 0 0 22px;
background: url(/img/site/krug.png);
background-repeat: no-repeat;
background-position: 0 2px;
}

.block-error {
background: #fdd;
border: 1px solid #ff8484;
padding: 10px;
margin-bottom: 10px;
text-align: left;
}

.block-moder {
background: #eee;
border: 1px solid #c6c6c6;
padding: 10px;
margin-bottom: 10px;
text-align: left;
word-wrap: break-word;
}

.block-error > a.link, .block-moder > a.link {
	font-size: 14px;
}

.block-error > a.right, .block-moder > a.right {
	font-size: 12px;
}

.footer-red {
background: #ffcfcf;
border-top: 1px solid #ffb4b4;
}

.button-red {
    background: #ff5b5b !important;
    color: #a40000 !important;
}
.buttonGray {
    background: #dbdbdb !important;
	color: #777 !important;
}

.for-channel {
	margin-bottom: 5px;
}

.for-channel a {
	text-decoration: none;
}
.for-channel a:hover {
	text-decoration: underline;
}

.for-channel img {
	border-radius: 50px;
	margin-right: 5px;
}

.for-channel > div{
	display: inline-block;
	vertical-align: middle;
}


a.link-more {
	font-size: 14px;
font-weight: 700;
}

.text-article {
color: #4b4b4b;
font-size: 16px;
line-height: 1.35;
}

.text-article p {
	margin: 16px 0 4px 0;
}

.text-article ol, .text-article ul{
margin: 4px 0 16px 0;
font-style: italic;
padding: 0 0 0 30px;
}

.text-article h2 {
	margin: 24px 0 16px 0;
}
.text-article h3 {
	margin: 24px 0 16px 0;
}

.image {
    width: 100%;
    box-sizing: border-box;
}
.image img {
    display: block;
	width: 100%;
}

.sidebar-header {
border-bottom: 1px solid #d0d0d0;
padding: 15px 10px;
font-size: 20px;
color: black;
background: #fff;
}

.sidebar-middle {
	color: #535353;
	padding: 15px;
}

.left {
	float: left;
}


.wrap-files {
width: 160px;
height: 185px;
border: 1px solid #c6c6c6;
margin: 10px;
display: inline-block;
vertical-align: top;
}
.table-files {
width: 160px;
height: 160px;
display: table;
}
.cell-files {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.bottom-files {
border-top: 1px solid #c6c6c6;
display: table;
width: 100%;
height: 25px;
font-size: 12px;
color: gray;	
}
.bottom-files-cell {
display: table-cell;
text-align: center;
vertical-align: middle;	
border-right: 1px solid #c6c6c6;
}
.bottom-files-cell:last-child {
border-right: none;
}


p {
	line-height: 1.35;
}


/* .doc-head{
font-size: 14px;
color: #99a0a7;
} */


table.table-for-method {
    width: 100%;
    border-collapse: collapse;
	border-spacing: 0;
	color: #455463;
}
table.table-for-method td {
    vertical-align: top;
    padding: 4px 6px;
}
table.table-for-method td:first-child {
    width: 150px;
}
table.table-for-method tr:hover {
    outline: #2196f3 1px solid;
}
table.table-for-method tr:nth-child(2n+1) {
    background: #f0f8ff;
}

.list-doc {
	padding: 8px 8px 0 12px;
}

.more-info {
color: #828282;
font-style: italic;
font-size: 14px;
}





/*** SIDEBAR ***/
.topSidebarDoc {
	color: #535353;
	padding: 15px;
	border-bottom: 1px solid #d0d0d0;
}

.titleSidebarDoc {
	color: #626262;
	font-size: 24px;
	font-weight: bold;
}

.searchSidebarDoc {
	padding: 10px 10px 0 10px;
}

div.menuDocumentation ul { 
	position: relative; 
	margin: 0 0 20px 0; 
	list-style-type: none; 
}
div.menuDocumentation ul li { 
	position: relative; 
	margin: 0 0 8px 0; 
	padding: 0 0 0 20px; 
	font-size: 14px; 
	line-height: 1.3em; 
	word-wrap: break-word; 
}
div.menuDocumentation ul li span { 
	cursor: pointer; 
}
div.menuDocumentation ul li div.arrow { 
	position: absolute; 
	left: 0;
	top: 2px; 
	width: 12px; 
	height: 12px; 
	cursor: pointer; 
	background: #3ba5f9 url(/public/img/site/sprites-manual.png) 0 0 no-repeat; 
	border: #2196f3 1px solid; 
}

div.menuDocumentation ul li div.noded { 
	position: absolute;
	width: 12px; 
	height: 12px; 
	top: 2px; left: 0; 
	background: #ffffff url(/public/img/site/sprites-manual.png) 0 0 no-repeat;
	background-position: -24px 0;  
	border: #ffffff 1px solid; 
}
div.menuDocumentation ul li div.widened { 
	background-position: -12px -0; 
}
div.menuDocumentation ul li div.collaps { 
	background-position: -0 -0; 
}
div.menuDocumentation ul li a { 
	display: block; 
	color: #455463; 
	text-decoration: none; 
	word-wrap: break-word; 
}
div.menuDocumentation ul li a:hover { 
	text-decoration: underline; 
}
div.menuDocumentation ul li a.current { 
	color: #000; 
	font-weight: bold; 
	text-decoration: underline; 
}
div.menuDocumentation ul li ul { 
	margin: 8px 0 8px 0; 
}
div.menuDocumentation ul li ul li { 
	padding: 0 0 0 20px; 
}
div.menuDocumentation ul li ul li ul:before { 
	left: -15px; 
}
div.menuDocumentation ul li ul li div.arrow { 
	left: 0; 
}
.doca {
	overflow-y: auto;
}



/****************************************
  ОРИГИНАЛ

div.sidebar { width: 340px; margin: 0 40px 0 0; float: left; position: relative; z-index: 2; }
div.sidebar-wrap { width: 339px; position: fixed; border-right: #e6e6e6 1px solid; }
div.sidebar p { padding: 10px 20px; background: #222c37; margin: 0; }
div.menuDocumentation h2 { margin: 20px 0; padding: 0 0 10px 0; border-bottom: #e6e6e6 1px solid; }
div.menuDocumentation ul { list-style-type: none; margin: 0 0 20px 0; position: relative; }
div.menuDocumentation ul li { font-size: 0.875em; word-wrap: break-word; margin: 0 0 8px 0; line-height: 1.3em; padding: 0 0 0 22px; position: relative; }
div.menuDocumentation ul li.nl span { cursor: pointer; }
div.menuDocumentation ul li div.leafnode { width: 12px; height: 12px; border: #ffffff 1px solid; position: absolute; top: 2px; left: 0; background: #ffffff url(../images/sprites.png) 0 0 no-repeat;background-position: -51px -129px;  }
div.menuDocumentation ul li div.arrow { width: 12px; height: 12px; cursor: pointer; border: #19e3b1 1px solid; position: absolute; top: 2px; left: 0; background: #19e3b1 url(../images/sprites.png) 0 0 no-repeat; }
div.menuDocumentation ul li div.collapsed { background-position: -51px -61px; }
div.menuDocumentation ul li div.expanded { background-position: -51px -95px; }
div.menuDocumentation ul li a { display: block; color: #455463; word-wrap: break-word; text-decoration: none; }
div.menuDocumentation ul li a:hover { text-decoration: underline; }
div.menuDocumentation ul li a.current { color: #000; font-weight: bold; text-decoration: underline; }
div.menuDocumentation ul li ul { margin: 8px 0 8px 0; }
div.menuDocumentation ul li ul li ul:before { left: -15px; }
div.menuDocumentation ul li ul li div.arrow { left: 0; }
div.menuDocumentation ul li ul li { font-size: 1em; padding: 0 0 0 22px; }
div.menuDocumentation ul li ul li ul li { font-size: 1em;  }
.toc {
  overflow-y: auto;
  cursor: pointer;
  margin-left: 20px;
  padding-right: 20px;
}

****************************************/

h1.titleDocument {
	font-weight: 700;
	font-size: 28px;
	color: #24292f;
	word-wrap: break-word;
}


.podtitleDocument {
	font-size: 14px;
	color: #99a0a7;
}

.warningDocument {
	background: #ffe4da;
	padding: 15px;
	color: #737373;
	font-size: 14px;
	margin-bottom: 20px;
}

.textDocument {
	color: #4b4b4b;
	font-size: 16px;
	line-height: 1.35;
	word-wrap: break-word;
}
.textDocument h2 {
	margin: 24px 0 16px 0;
  }

  .textDocument h3 {
	margin: 20px 0 12px 0;
  }
  .textDocument h4 {
	margin: 16px 0 8px 0;
  }
  .textDocument p {
	margin: 16px 0 12px 0;
  }

  .textDocument img {
	box-sizing: border-box;
	/* margin-top: 16px; */
	max-width: fit-content;
  }

  table.listDocumentation {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	color: #455463;
	font-size: 14px;
  }
  table.listDocumentation tr:nth-child(2n+1) {
	background: #f0f8ff;
  }
  table.listDocumentation td:first-child {
	width: 150px;
  }
  table.listDocumentation td {
	vertical-align: top;
	padding: 4px 6px;
	border: #eaeaea 1px solid;
  }
  table.listDocumentation tr:hover {
	outline: #83c1f2 1px solid;
  }

  .sigBold {
	  font-weight: bold;
  }

  hr.subsection {
	margin: 20px 0;
	border: 1px solid gray;
  }

.signature {
	
}

  .podtitleDocument > a {
	color: #99a0a7;
  }

  .varLeftDoc {
	font-weight: bold;
  }
  
  .textDocument ol, .textDocument ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
  }



  .textDocument a[href^="http://"], .textDocument a[href^="https://"] {
	background: url(/public/img/site/strela.png) center right no-repeat;
	background-size: auto;
	padding-right: 1.1em;
	background-size: 1em;
  }


  .breadDocument {
	font-size: 14px;
	color: #99a0a7;
}

  .breadDocument ul {
	list-style-type: none;
  }

  .breadDocument ul li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 !important;
	font-size: 14px;
	position: relative;
	color: #202020;
  }

  .breadDocument ul li:last-child::after {
	content: '';
  }

  .breadDocument ul li a {
	display: block;
	float: left;
	color: #99a0a7;
  }

  .breadDocument ul li::after {
	content: '/';
	display: block;
	position: absolute;
	top: 0;
	right: -9px;
	color: #99a0a7;
  }

  .breadDocument::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
  }

  code.mono {
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
	padding: 2px 4px;
	font-size: 90%;
  }


  .textDocument table {
	margin: 0 0 20px 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
  }

  .textDocument table thead th {
	font-size: 1em;
	padding: 5px 10px;
	background: #e6e6e6;
	border: #e6e6e6 1px solid;
	  border-bottom-color: rgb(230, 230, 230);
	  border-bottom-style: solid;
	  border-bottom-width: 1px;
	border-bottom: #e6e6e6 1px solid;
	text-align: left;
  }

  .textDocument table tbody td {
	padding: 8px 4px;
	border: #e6e6e6 1px solid;
	vertical-align: top;
  }

  h4 {
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #1b2229;
  }
  /****************************************
  ==== Tooltips (Glossary)
****************************************/

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted gray;
    cursor: help;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ccc transparent transparent transparent;
}

.tooltip .tooltiptext {
    visibility: hidden;
	width: 320px;
	background-color: #f7f7f7;
	color: #777;
	text-align: left;
	border-radius: 3px;
	padding: 6px;
	position: absolute;
	z-index: 40;
	bottom: 100%;
	left: 50%;
	margin-left: -160px;
	border: 1px solid #b5b5b5;
}

.tooltip .tooltipGlossaryLink {
    font-size: smaller;
    text-align: right;
    float: right;
    font-weight: bold;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    -webkit-animation: 1s ease 0s;
    animation: 1s ease 0s normal forwards 1 tooltipfadein;
}

@keyframes tooltipfadein{
	0% { opacity:0; }
	66% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes tooltipfadein{
	0% { opacity:0; }
	66% { opacity:0; }
	100% { opacity:1; }
}

.frontpage-section {
	float: left;
	width: 260px;
	height: 200px;
	margin: 8px;
}

figure {
	margin-bottom: 16px;
}

figcaption {
	font-size: 14px;
	font-style: italic;
	color: gray;
	text-align: center;
}

img.iconPacked {
	width: auto;
	display: inline;
	margin: 0 0 -5px 0;
}

.editDocs {
	color: gray;
	font-size: 14px;
}

.editDocs2 {
	color: #329f23;
	font-size: 14px;
	background-image: url(/public/img/site/complete.png);
	background-repeat: no-repeat;
	padding: 0px 0 0 22px;
	background-size: 16px;
}

.searchDoc {
	padding: 10px;
	border-top: 1px solid #ddd;
	color: #959595;
}


#js-file, #js-filePreview, #js-filePreview2, #asset-LoadPreview, #asset-LoadAsset{
	display: none;
}

.tagPost {
	margin-right: 10px;
	background: #e6e6e6;
	padding: 1px 4px;
	border-radius: 4px;
}

.docVersion {
	font-size: 12px;
	font-weight: normal;
	float: right;
	color: gray;
  }

.bottomCreateArticle {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	bottom: 0;
	border-top: 1px solid #d0d0d0;
}

textarea.createArticle, textarea.createCode {
	border: 1px solid rgb(234, 234, 234);
	height: 90px;
	resize: vertical;
	padding: 5px;
	margin: 0;
	overflow: hidden;
	color: #4b4b4b;
	font-size: 16px;
	line-height: 1.35;
}
textarea.createCode {
	background: #0d6ebb1a;
	color: #0d6ebb;
}
.titleCreateTextarea {
	background: #d5edff;
	font-size: 12px;
	padding: 2px 4px;
	color: #579b9d;
	font-weight: bold;
	cursor: move;
}

.delCreateTextarea {
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	background-image: url('/public/img/site/iconDelete.png');
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: top;
}

.infoPublisher {
	width: 114px;
	text-align: center;
	font-size: 12px;
	color: #717171;
	margin: 0 0 0 auto;
}

.icon-h2 {
  background-image: url('/public/img/site/h2.png');
}
.icon-ul {
  background-image: url('/public/img/site/ul.png');
}

.inputList {
	margin: 0px !important;
	width: 200px !important;
	padding: 2px !important;
	display: inline-block;
	vertical-align: top;
}

.wrapInputList {
	border-left: 3px solid #d5edff;
	padding: 2px 0;
}

.beforeInputList {
	display: inline-block;
	vertical-align: top;
	background: #5b5b5b;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	margin: 7px;
}
.afterInputList {
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	background-image: url('/public/img/site/iconDelete.png');
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: top;	
}
.addInput {
	display: inline-block;
	width: 11px;
	height: 11px;
	cursor: pointer;
	background-image: url('/public/img/site/plus.png');
	background-repeat: no-repeat;
	background-size: 12px;
	border: 1px solid #d9d9d9;
	padding: 4px;
	background-position: center;
	border-radius: 3px;	
}

.newArticleH1 {
	font-weight: bold;
	font-size: 20px;
}
.newArticleH2 {
	font-weight: bold;
	font-size: 16px;
	margin: 0 !important;
}

.issetDraft {
	padding: 10px;
	border: 1px dashed #e17171;
	margin-bottom: 20px;
	color: #e17171;
	background: #fff8f8;
	position: relative;
	border-radius: 4px;
	font-size: 14px;
}
.issetDraftDel {
	position: absolute;
	border: 1px solid red;
	border-radius: 20px;
	text-align: center;
	color: red;
	font-weight: bold;
	padding: 2px 6px;
	right: 4px;
	top: 7px;
	cursor: pointer;
}

.dragActive {
	outline: 2px dashed #669cd7;
}

.wrapNewElement {
	padding: 6px 0;
}

.columnNewFiles {
	display: inline-block;
	width: 50%;
	border-bottom: 1px solid #d0d0d0;
	padding: 6px 8px;
	box-sizing: border-box;
	position: relative;
}

.aColumnNewFiles {
	position: absolute;
	width: 100%;
	background: #f9f9f9;
	text-align: center;
	left: 0;
	top: 0;
	padding: 17px 0;
	font-size: 13px;
}

.aColumnNewFiles:hover {
	background: #fff;
}

.inputColumnNewFiles {
	margin: 0 !important;
	padding: 4px !important;
}

.textNewFiles {
	line-height: 1;
	font-size: 12px;
}

.spanNewFiles-empty {
	padding-left: 14px;
	color: gray;
	background-image: url('/public/img/site/NewFiles-empty.png');
	background-size: 12px;
	background-repeat: no-repeat;
}
.spanNewFiles-ok {
	padding-left: 14px;
	color: green;
	background-image: url('/public/img/site/NewFiles-ok.png');
	background-size: 12px;
	background-repeat: no-repeat;
}
.spanNewFiles-error {
	padding-left: 14px;
	color: red;
	background-image: url('/public/img/site/NewFiles-error.png');
	background-size: 12px;
	background-repeat: no-repeat;
}

.wrapTopAvatar {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 6px;
}

.listArticle { 
	border-top: 1px solid #c4c4c4;
	padding: 7px 0 6px 20px;
	display: block;
	text-decoration: none;
    position: relative;
}

.listArticle:hover { 
	background: #e9f5ff;
}

.listArticle:first-child {
	border-top: none;
}

.infoIcon {
	display: inline-block;
	height: 19px;
	padding-left: 21px;
	padding-top: 1px;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #8a8a8a;
	background-size: 16px;
	margin-right: 6px;
}

.infoIcon-view {background-image: url('/public/img/site/infoIcon-view.png');}
.infoIcon-likes {background-image: url('/public/img/site/infoIcon-like.png');}
.infoIcon-comments {background-image: url('/public/img/site/infoIcon-comment.png');}
.infoIcon-post {background-image: url('/public/img/site/infoIcon-post.png');}

.linkDraft {
	display: block;
	padding: 16px 20px;
	border-top: 1px solid #c4c4c4;
	text-decoration: none;
	position: relative;
}
.linkDraft:hover {
	background: #e9f5ff;
}

.infoRightIcon {
	width: 22px;
	height: 22px;
	background-size: 22px;
	float: right;
	margin: 8px 8px 0 0;
	background-repeat: no-repeat;
}
.infoRightIcon-youtube {background-image: url('/public/img/site/infoRightIcon-youtube.png');}
.infoRightIcon-asset {background-image: url('/public/img/site/infoRightIcon-asset.png');}
.infoRightIcon-rating {background-image: url('/public/img/site/infoRightIcon-rating.png'); padding-left: 30px; padding-top: 3px; margin-right: 20px; font-size: 15px; width: auto; color: #2196f3;}

.wrap-article {
	border-bottom: 1px solid #d0d0d0;
	padding: 20px;
	position: relative;
}

a.wrap-article {
	display: block;
	text-decoration: none;
}

a.wrap-article  > h2.asc-title {
	font-size: 22px;
}

a.wrap-article:hover {
	background: #e9f5ff;
}
	
.wrap-article:last-child {
	border-bottom: none;
}

.wrap-article img.img-article {
	width: 300px;
	float: left;
	margin: 0 10px 0 0;
}

.wrap-article > .infoRightIcon {
	margin: 0px 8px 0 0;
}


.wrap-article > .infoRightIcon-rating {
	margin-right: 0px;
}

.wrap-assets .infoRightIcon {
	height: 14px;
	background-size: 14px;
}

.wrap-assets .infoRightIcon-rating {
	padding-left: 19px;
	padding-top: 0px;
	margin-top: 3px;
	margin-right: 0;
	font-size: 12px;
}

.podwrap-article {
	margin: 8px 0;
}

.listArticle.cap:hover .infoRightIcon, .wrap-article.cap:hover .infoRightIcon {
	display: none;
}

.lastTimeDraft {
	font-size: 12px;
	color: gray;
	font-style: italic;
	margin-left: 4px;
}

.statisticSearch {
	background-image: url('/public/img/site/statisticSearch.png');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 6px center;
	padding-left: 28px !important;
}
.statisticSite {
	background-image: url('/public/img/site/statisticSite.png');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 6px center;
	padding-left: 28px !important;
}
.statisticFree {
	background-image: url('/public/img/site/statisticFree.png');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 6px center;
	padding-left: 28px !important;
}
.statisticUnity {
	background-image: url('/public/img/site/statisticUnity.png');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 6px center;
	padding-left: 28px !important;
}



.wrapForPreview {
	display: inline-block;
}


.leftPreview {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	position: relative;
}
.leftPreview img{
	display: block;
	width: 100%;
}
.rightPreview {
	display: inline-block;
	vertical-align: top;
}
.rightPreview > p {
	color: rgb(64, 92, 96);
	font-size: 13px;
}

.titlerightPreview {
	font-weight: bold;
}

.icoUploadImgPreview {
	width: 200px;
	height: 112px;
	position: absolute;
	top: 0;
	background-image: url('/public/img/site/logoPreview.png');
	background-size: 200px;
	cursor: pointer;
}

.icoUploadImgPreview:hover {
	background-image: url('/public/img/site/logoPreview2.png');
}

.icoUploadPreviewFiles:hover {
	background-image: url('/public/img/site/logoPreview2.png');
}

#contentPreview > img{
	display: block;
	width: 100%;
}

.textUploadFile {
	font-size: 12px;
	color: gray;
}

.textPreviewFile {
	font-size: 14px;
	text-align: center;
	color: #bf6060;
	font-weight: bold;
}



.linkCabinet {
	display: block;
	text-decoration: none;
	padding: 10px 10px 10px 15px;
	color: #353535;
	font-size: 14px;
}

.linkCabinet:hover {
	background-color: #eff8ff;
}

.linkCabinet-active {
	border-left: 3px solid #2196f3;
	background-color: #eff8ff;
	font-weight: 700;
}

.wrapForButtonAdd {
	padding: 15px;
}

.wrapLinksCabinet {
	margin-top: 6px;
	margin-bottom: 6px;
}

.linkAssetId {
	float: right;
	font-weight: normal;
}


.linkPart {
	display: block;
	background: #fff;
	padding: 10px 15px;
	color: #405c60;
	cursor: pointer;
	text-decoration: none;
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 32px center;
	padding-left: 56px;
	background-image: url('/public/img/site/NewFiles-empty.png');
	font-size: 13px;
	/* border-left: 3px solid #2196f3; */
}

.linkPart-active {
	background-color: #eff8ff;
}

.linkPart-complete {
	background-image: url('/public/img/site/NewFiles-ok.png');
}

.linkPart:hover {
	background-color: #eff8ff;
}	

.bottomButtonAsset {
	border-top: 1px solid #d0d0d0;
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	bottom: 0;
}






.delImgMedia {
	width: 18px;
	height: 18px;
	background-image: url(/public/img/site/error.png);
	background-size: 18px;
	background-repeat: no-repeat;
	cursor: pointer;
	background-position: 0px;
	position: absolute;
	top: 15px;
	right: 16px;
}

.tags {
	margin: 0 8px 10px 0;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: #59B1F7;
	padding: 4px;
}


.tags-text {
	padding: 1px 4px 0 8px;
	display: inline-block;
	font-size: 16px;
}

.tags-del {
	float: right;
	width: 23px;
	height: 20px;
	background-image: url(/public/img/site/error.png);
	background-size: 18px;
	background-repeat: no-repeat;
	cursor: pointer;
	background-position: 3px;
}

.wrap-all-tags {
	overflow: auto;
	max-height: 200px;
	border: 1px solid #bdbdbd;
	margin-top: -11px;
	display: none;
}

.name-tags {
	color: #717171;
	font-size: 14px;
	padding: 4px 8px;
	cursor: pointer;
}

.name-tags:hover {
	background: #eff8ff;
}

.count-all-tags {
	float: right;
}


.assetRadioPaid  {
	background: url('/public/img/site/sprite-radio.png');
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: top;
	background-size: 72px;
	background-position: -18px 0px;
}

.assetRadioPaid-active {
	background-position: 0 0px;
}

.wrapPaid {
	cursor: pointer;
	margin: 0 20px 12px 0;
	display: inline-block;
}

.inputNumberPaid {
	background-image: url('/public/img/site/rub.png') !important;
	background-repeat: no-repeat !important;
	background-size: 14px !important;;
	background-position: 8px center !important;;
	padding-left: 32px !important;
	font-size: 16px;
	font-weight: 700;
}

.link-border {
	display: inline-block;
	width: 184px;
	height: 180px;
	padding: 10px;
	position: relative;
	box-sizing: border-box;
}

.link-border > label {
	height: 160px;
	display: table-cell;
	width: 164px;
	border: 2px solid #77b2e1;
	border-radius: 10px;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: pointer;
	background-image: url('/public/img/site/defaultMediaUp.png'), url('/public/img/site/defoultMedia.jpg');
	background-size: 160px;
}

.link-border > label:hover {
	background-image: url('/public/img/site/defaultMediaUp2.png'), url('/public/img/site/defoultMedia.jpg');
}

.wrapContentMedia {
	display: inline-block;
	cursor: move;
	width: 184px;
	height: 180px;
	padding: 10px;
	position: relative;
	box-sizing: border-box;
}

.wrapContentMedia > div {
	height: 160px;
	display: table-cell;
	width: 160px;
	border: 2px solid #77b2e1;
	border-radius: 10px;
	vertical-align: middle;
	box-sizing: border-box;
}

.wrapContentMedia > div > img {
	max-height: 160px;
	display: block;
	margin: 0 auto;
	max-width: 160px;
	border-radius: 8px;
}

.selected {
  opacity: 0.6;
}


.wrapContentMediaPost {
	display: inline-block;
	width: 104px;
	height: 80px;
	margin: 0 6px 6px 0;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
}

.wrapContentMediaPost > div {
	height: 80px;
	display: table-cell;
	width: 100px;
	border: 2px solid gray;
	border-radius: 10px;
	vertical-align: middle;
	box-sizing: border-box;
}

.wrapContentMediaPost > div:hover {
	border: 2px solid #07a4ff;
}

.wrapContentMediaPost > div.wrapContentMediaPost-active {
	border: 2px solid #07a4ff;
}

.wrapContentMediaPost > div > img {
	max-height: 80px;
	display: block;
	margin: 0 auto;
	max-width: 100px;
	border-radius: 8px;
}



.menuAsset ul {
	margin: 0 0 0 26px;
}

.menuAsset ul:first-child {
	margin: 0 0 0 0;
}

.menuAsset li {
	list-style: none;
	padding: 12px 0 0px 0;
}

.menuAsset .galochka {
	width: 19px;
	height: 20px;
	background-image: url(/public/img/site/ptichka.png);
	background-size: 11px;
	background-repeat: no-repeat;
	background-position: center;
	float: right;
	cursor: pointer;
	transition: 0.3s;
	transform: rotate(180deg);
}

.menuAsset .active {
	transform: rotate(0deg);
}

.menuAsset li > a {
	text-decoration: none;
	color: #455463;
}

.menuAsset li > a:hover {
	text-decoration: underline;
	color: #2196f3;
}

.titleAsset {
	display: flex;
	cursor: pointer;
}

.assetMenuText2 {
	font-size: 14px;
	color: #2a7b2a;
}

.assetMenuCount {
	color: #979797;
	font-size: 12px;
	margin: 4px 0 0 8px;
}

.assetCheckbox {
	background-size: 80px !important;
	width: 20px;
	height: 20px;
	margin-right: 6px;
	background: url(/public/img/site/sprite-checkbox.png) -60px 0 no-repeat;
}

.assetCheckbox-check {
	background: url(/public/img/site/sprite-checkbox.png) -20px 0 no-repeat;
}

.assetCheckbox-minus {
	background: url(/public/img/site/sprite-checkbox.png) -0px 0 no-repeat;
}


.wrapLinkYouTube {
	position: absolute;
	bottom: 12px;
	text-align: center;
	width: 100%;
	left: 0;
	color: #dfdfdf;
	font-size: 14px;
	font-weight: 700;
}
.wrapLinkYouTube > a {
	color: #dfdfdf;
}


.newPrice {
	font-size: 26px;
	font-weight: 700;
	color: red;
}
.oldPrice {
	font-size: 26px;
	font-weight: 700;
	color: #757575;
	position: absolute;
	right: 0;
}

.currentPrice {
	font-size: 26px;
	font-weight: 700;
	color: #404040;
}

.oldPrice:after {
	content: "";
	width: 100%;
	background-color: #757575;
	position: absolute;
	height: 2px;
	top: 49%;
	right: 0;
}

.discountPost {
	font-size: 14px;
	font-weight: 700;
	background: #26b026;
	padding: 2px 6px;
	color: white;
	border-radius: 4px;
}
.numberRightInfo {
	float: right;
	font-weight: 700;
	font-size: 14px;
}
.daysDiscountPost {
	font-weight: 700;
	font-size: 14px;
}


.last-head {
	font-size: 16px;
	color: #2196f3;
}
.last-date {
	float: right;
	font-size: 12px;
}
.last-title {
	font-size: 14px;
}

a.link-sidebar {
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #cacaca;
	padding: 8px 12px;
	color: gray;
}
a.link-sidebar:last-child {
	border: none;
}
a.link-sidebar:hover {
	background: #e1f1fd;
}

.infoSidebar{
	font-size: 14px;
}

.linkHiddenAction {
	padding: 4px 6px;
	font-size: 14px;
	font-weight: 700;
	border: 2px solid;
	background-color: #2196f3c4;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	border-top: none;
	border-right: none;
	display: none;
}

.linkHiddenAction:hover {
	background-color: #2196f3;
}

.cap:hover .linkHiddenAction {
	display: block;
}

.payMe {
	background: #d1ebff;
	padding: 5px 10px;
	color: #2196f3;
	font-weight: bold;
	border-radius: 4px;
}


.wrapTotalSales {
	background: #f0f9ff;
	display: inline-block;
	width: 135px;
	padding: 30px 0;
	position: relative;
	border: 2px solid #d4e8f7;
	border-radius: 4px;
	margin: 0 6px 6px 0;
}

.textTotalSales {
	position: absolute;
	color: #424242;
	font-size: 13px;
	top: 2px;
	left: 4px;
	font-weight: 700;	
}

.countTotalSales {
	font-size: 50px;
	text-align: center;
	color: #2196f3;	
}

.izmTotalSales {
	color: gray;
	font-size: 14px;
	text-align: center;	
}

table.salesAssets {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

table.salesAssets tr:not(:first-child):hover{
	background: #f0f9ff;
}

table.salesAssets th {
	border-right: 1px solid #f0f0f0;
	padding: 6px;
	font-size: 14px;
}

table.salesAssets td {
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 10px 0;
	font-size: 14px;
}

table.salesAssets td:last-child, table.salesAssets th:last-child {
	border-right: none;
}

.freeAssets {
	font-size: 12px;
	font-weight: bold;
	color: #939393;
}

.costAssets {
	font-size: 15px;
	font-weight: bold;
	color: #282828;
}

.newCostAssets {
	font-size: 15px;
	font-weight: bold;
	color: #f01414;
	margin-right: 2px;
}
.oldCostAssets {
	font-size: 15px;
	font-weight: bold;
	color: #a2a2a2;
	text-decoration: line-through;
}

.statusGame {
	font-size: 12px;
	border-radius: 3px;
	padding: 2px 6px;
	font-weight: bold;
}
.statusGame-complete {background: #42bd42; color: #e6f4e9;}
.statusGame-progress {background: #bd9842;	color: #f4ede6;}
.statusGame-cancel {background: #bd4242; color: #f4e6e6;}
.statusGame-hold {background: #428fbd;	color: #e4eaf4;}
.statusGame-prototype {background: #737373; color: #ddd;}

.platformGame {
	width: 16px;
	height: 16px;
	background-size: 16px;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.platformGame-windows {background-image: url('/public/img/site/osWindows.png');}
.platformGame-linux {background-image: url('/public/img/site/osLinux.png');}
.platformGame-macos {background-image: url('/public/img/site/osMacos.png');}
.platformGame-android {background-image: url('/public/img/site/osAndroid.png');}
.platformGame-ios {background-image: url('/public/img/site/osIos.png');}




table.table-user-data a {
	text-decoration: none;
	font-weight: normal;
}
table.table-user-data a:hover {
	text-decoration: underline;
}

.wrapTableUser {
	display: flex;
	flex-direction: row;
}

.tableUser {
	margin-bottom: 20px;
}

.tableUser:nth-child(1) {
	flex: 0 0 210px;
}
.tableUser:nth-child(2) {
	flex: 1 1 auto;
}

.userData {
	font-size: 18px;
	color: #464646;
	margin-bottom: 8px;
	display: none;
}

.wrapTableUserData {
	display: table;
	width: 100%;
}

.tableUserData {
	display: table-cell;
	width: 50%;
}

.iconData {
	background-size: 19px;
	background-repeat: no-repeat;
	padding-left: 19px;
	background-position: 0 center;
}

.iconData-vk {background-image: url('/public/img/site/iconData-vk.png');}
.iconData-telegram {background-image: url('/public/img/site/iconData-telegram.png');}
.iconData-discord {background-image: url('/public/img/site/iconData-discord.png');}
.iconData-youtube {background-image: url('/public/img/site/iconData-youtube.png');}

.wrapLoadContentSubs {
	background: #eaf6ff;
	padding: 6px 10px;
	color: #666;
	font-size: 14px;
	border-radius: 0 0 4px 4px;
	font-weight: bold;
	margin-bottom: 10px;
}
.loadContentCount {
	float: right;
}

.user-data-top > .infoRightIcon {
	float: none;
	margin: 0 0 0 6px;
}

.wrapLeftUserData {
	font-size: 14px;
	color: #5286ac;
	margin-bottom: 20px;
}
.wrapLeftUserData:last-child {
	margin: 0;
}
.headerLeftUserData {
	background: #eaf6ff;
	padding: 6px 0 4px 8px;
	font-weight: bold;
}
.headerLeftUserDataBlog {
	background: #eaf6ff;
	padding: 6px 0 2px 8px;
	font-weight: bold;
	border-bottom: 4px solid #eaf6ff;
}
.contentLeftUserData {
	padding: 5px;
	border: 4px solid #eaf6ff;
}
.contentLeftUserDataBlog {
	border: none;
	padding: 0;
}
.paddingTableUser1 {
	margin: 5px 0 0 10px;
}
.paddingTableUser2 {
	margin: 0 0 0 10px;
}

.contentEmpty {
	color: gray;
	text-align: center;
	margin: 10px;
}
a.myLinksAccount {
	padding: 6px;
	display: block;
	text-decoration: none;
	color: #5286ac;
}
a.myLinksAccount:hover {
	background: #eaf6ff;
}

.contentBlogs .textDocument p {
	margin: 0 !important;
}

.postBlogs {
	padding: 12px 0 10px 8px;
	border-left: 8px solid #d9eeff;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.wrapForBottomMargin:last-child {
	margin-bottom: 50px;
}

.wrapBloggers {
	display: flex;
}
.wrapBloggers > div:nth-child(1) {
	flex: 0 0 58px;
}
.wrapBloggers > div > img {
	width: 50px;
	height: 50px;
}
.wrapBloggers > div:nth-child(2) {
	flex: 1 1 auto;
	padding-top: 9px;
}
.wrapBloggers > div:nth-child(3) {
	flex: 0 0 104px;
	text-align: center;
	color: #9d9d9d;
}


.parentSon {
	width: 100%;
	display: none;
	padding: 8px 0;
	position: relative;
}
.parentSon > span {
	position: relative;
	z-index: 1;
	display: block;
	text-align: center;
}
.son {
	width: 0;
	height: 100%;
	background: #53dd53;
	text-align: center;
	position: absolute;
	top: 0;
}


.scrim {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	background-color: #000;
	opacity: 0;
}

.sidebarHead {
	background: #2d2d2d;
	color: white;
	padding: 15px 10px 14px;
	font-size: 18px;
	height: 50px;
	box-sizing: border-box;
}

.rightMobileButton {
	width: 30px;
	height: 30px;
	float: right;
	margin: 5px 0;
	cursor: pointer;
	background-image: url('/public/img/site/iconSidebar.png');
	background-size: 90px;
	box-sizing: border-box;
}
.rightMobileButton-menu {
	background-position: 0;
}
.rightMobileButton-info {
	background-position: -30px;
}
.rightMobileButton-cabinet {
	background-position: -60px;
}

.wrapButtonLoad {
	padding: 6px 0 4px;
	border-top: 1px solid #d0d0d0;
}
.wrapButtonLoad > a {
	margin-left: 6px;
}

.wrapBlockGame {
	width: 154px;
	border: 2px solid #b9b9b9;
	display: inline-block;
	margin: 10px 8px 0 0;
}
.wrapBlockGame-active {
	border: 2px solid #6ce473;
	background: #edffed;
}
.wrapBlockGame p{
	color: rgb(64, 92, 96);
	font-size: 13px;
}
.titleBlockGame {
	font-size: 20px;
	color: gray;
	padding: 6px 0 6px 38px;
	border-bottom: 1px solid #b9b9b9;
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 22px;	
}
.bodyBlockGame {
	border-bottom: 1px solid #b9b9b9;
	padding: 8px;
}
.bottomBlockGame {
	display: block;
	padding: 8px 0;
	text-align: center;
	cursor: pointer;
	color: #2196f3;
}
.bottomBlockGame:hover {
	background: #d9eeff;
}
.wrapBlockGame-active .bottomBlockGame {
	color: #f00;
}
.wrapBlockGame-active .bottomBlockGame:hover {
	background: #ffe5e5;
}
.bottomBlockGame > input {
	display: none;
}

.wrapUpdate{
	padding: 10px 0;
	font-size: 14px;
}
.wrapUpdate > div{
	font-weight: bold;
	color: #333;
}
.wrapUpdate span{
	color: #9d9d9d;
	font-size: 12px;
	margin-left: 6px;
	font-weight: normal;
}
.wrapUpdate > p{
	margin: 4px 0;
	color: #2d2d2d;
}

.delUpdates {
	color: red !important;
	height: 12px;
	display: inline-block;
	font-weight: bold !important;
	border: 1px solid;
	padding: 1px 3px;
	border-radius: 4px;
	cursor: pointer;
}

.wrapNoreadLink {
	border-top: 1px solid #d9d9d9;
	text-align: center;
	padding-top: 14px;
}
.wrapNoreadLink > a {
	font-size: 14px;
	border-bottom: 1px dotted;
}
.wrapNoreadLink > a:hover {
	border-bottom: 1px solid;
}

#areaPrize td:nth-child(1) {width: 80px; background: #eee;}
#areaPrize td:first-child p {text-align: center;}
#areaPrize td:nth-child(2) {width: 64px;}
#areaPrize input {margin: 0;}
#areaPrize td:nth-child(3) {width: 24px;background-image: url(/public/img/site/error.png);background-size: 20px;background-repeat: no-repeat; background-position: center;cursor: pointer;}
#areaPrize td:nth-child(3):hover {background-color: #ff00001c;}

#areaTheme {width: 100%;}
#areaTheme input {margin: 0;}
#areaTheme td:nth-child(2) {width: 24px;background-image: url(/public/img/site/error.png);background-size: 20px;background-repeat: no-repeat; background-position: center;cursor: pointer;}
#areaTheme td:nth-child(2):hover {background-color: #ff00001c;}

#areaCriteria td:nth-child(1) {}
#areaCriteria td:nth-child(2) {width: 30px;}
#areaCriteria td:nth-child(2) p {text-align: center;}
#areaCriteria input, #areaCriteria select  {margin: 0;}
#areaCriteria td:nth-child(4) {width: 24px;background-image: url(/public/img/site/error.png);background-size: 20px;background-repeat: no-repeat; background-position: center;cursor: pointer;}
#areaCriteria td:nth-child(4):hover {background-color: #ff00001c;}

#areaDate td {border: none;}
#areaDate select {margin: 0;}


.listGamejam { 
	border: 1px solid #c4c4c4;
	padding: 8px 12px;
	text-decoration: none;
	color: #535353;
	font-size: 14px;
	display: block;
	margin-bottom: 14px;
}

.listGamejam-start {background: #effff2;}
.listGamejam-eval1 { background: #fffbef;} 
.listGamejam-eval2 { background: #fbf7ff;}
.listGamejam-end {background: #fff4f4;}
.listGamejam-wait:hover {background: #f7f7f7;border: 1px solid gray;}
.listGamejam-start:hover {background: #e6f9e9;border: 1px solid #22aa1e;}
.listGamejam-eval1:hover {background: #f9f4e6;border: 1px solid #d39912;}
.listGamejam-eval2:hover {background: #f3eef9;border: 1px solid #7c12d3;}
.listGamejam-end:hover {background: #fbeeee;border: 1px solid #f51c1c;}

.listGamejam > h2 {font-size: 20px;}

.icoIndexGJ {
	background-size: 16px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right: 6px;
}

.icoIndexGJ-users {background-image: url('/public/img/site/jamMenu-users.png');}
.icoIndexGJ-time {background-image: url('/public/img/site/jamMenu-time.png');}
.icoIndexGJ-money {background-image: url('/public/img/site/jamMenu-money.png');}
.icoIndexGJ-games {background-image: url('/public/img/site/jamMenu-games.png');}





.buttonNG {
	display: inline-block;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	min-width:100px;
	padding: 22px 33px;
	font-family: 'Lobster', cursive;
	font-size: 26px;
	line-height: 26px;
	text-decoration: none;
	color: #FFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.75);
	background: #5e0d0c;
	outline: none;
	border-radius: 15px;
	border: 1px solid #4c0300;
	box-shadow:
		inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
		inset 0 0 6px #a23227, /* inner glow */
		inset 0 80px 80px -40px #ac3223, /* gradient */
		1px 1px 3px rgba(0,0,0,0.75); /* shadow */
		
	position: relative;
	overflow: visible; /* IE9 & 10 */
	-webkit-transition: 500ms linear;
	   -moz-transition: 500ms linear;
	     -o-transition: 500ms linear;
					transition: 500ms linear;
}
.buttonNG::before {
	content: '';
	display: block;
	position: absolute;
	top: -7px;
	left: -3px;
	right: 0;
	height: 23px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0,
	url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAXCAYAAABOHMIhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABiZJREFUeNrsWMtPlFcUvzPMwIDysLyRR4uATDHWCiVgSmRlios2DeiiXUFs0nRBd6arxqQhJDapkYXhP4BqDKTQhZaFNQSCaBEVJjwdHsNr5DUMDDPDzPT3u7nTDEgRKrKgc5KT+z3uufec33de99P4fD4RpL2RNgjB3kn35MkTeRERESFiYmLkGBoaKnQ6nWSNRvPPZFxr+vv7k6KioiIdDsfa8vLyQkFBgcP3Bnel3MDAQArWI0eFhISE87nb7bZ7PJ4VvLYuLi5O5+fnu9+kMNfq6+tLjIyMzMY6KeBEbK/XarXReI3lPDZMWcc4v7GxYV1dXR3Jy8ub2E5HPvJ6vRSSDH0ku1wuAfsEZOV1IEFHoeNFdHS0yMrK2knR0Lm5uR+hxLdQMjbwHTZbB41h8RGwCdc9MzMzneHh4bGJiYlf4SN8ijkfwqiIncCAAR7Iz2GPSShudjqdfeCeqampvwBQfFxc3JdYqwTv8gB8/F48A8BgKecE14V+L7ju2tpae05OzkuCCZvkPOj8mizmC6vVKtmPu+bx48cC3qI1mUyFUOyywWD4SHlELBaLJmCHNcwAghuAOujtuF4FqHO4nsX4EsAS3I4TJ04ME1h8PDE9PS09TYZoY2Pj1729vd6lpSVfkDYTPG0UkfNDRUWFgQ5Gb2Mh0N29e9eG/GQfHh4W8/PzwUy/ObQ/gMfVVlZW1iAiZdQxp3nv3LljRoL/5erVq1UIxzSiiVD9X4EDYATynCwAzGO858hCQRoaGmJFZNJz8YIcBc4BF966dau6sLAwBxVSJCUlCSThQwuU3W6XkYUok1Vzm5znQx5bbm9v77p+/frPeNSNRzZ/ISBwrG4ZR48eLamtrf2+uLjYSEG9Xi/wTISFhQlWGXohyzO/CJlVl23KQRLbABoaHx+/Z1lUZ/Hq1SsJFj3JT3hmHx8fnydPTEzMj46OziHPW2w22wxeD4Kfgadh/4YEzU8Az4DhffAn5eXlX1y6dKkEoCTspAQ9Mjs7+0BBo8Fms1lkZGTsOo0QLLRNkvnR+fEJzIMHD0xtbW39CL8JTFtSbAOvBIyLHIGVm9VzE2gKuDAMSSpcT6KXyT137lx2cnLyMXhcGDb3wq3XuWF3d/fCzZs3P0c4v5eSknJQbYLo7Ox0gC2lpaVZ3Be67Th/dnZWoAJKsJC3XA8fPhxoamp6hMb+BaaMgWcUMGtszZjiFDNmvcDI91pzG0iY4ARwkwrxkcHBwUdgNrRMbnrqoRbkVzDcvn3bl5qaWsmcgFH4G8XdEGUWFhak51AuISFBnkoCTyFbyWKxCJwIxlC0fq2rq7tcVFRkRKskjh8/Lr0+kBjCCDV/knfdv3//WX19/R8IRRNemxlu4AXwKqM+EJwdj1HbPYSwh3sCPAJDABm2LLchCjS+5/kirKGhwWk0GrMuXrxYQuX9hm/XXTMXMY+srKwI5ApZrbYmZh7deEJhAUKjLe/pLTzSsCuHrK+1tbUJVe3P6upq87Vr174rKysrYHVj/uW+OH3IfEuw4F3ee/fuPQfAvwOs5yyE4CnlFOu7BWrTCWlreO6FACpBZGwUw4BvkANLobReHb3kGZYGsGzTq/zlO8AT1ru6uoZbWlqeA6gINJAfnz59OlVLoX8Jtebm5raampqfcMvQYgTknz9//sKVK1c+y83NTdIEuCnaKMuNGzd+6+np6cCtSTkAw9D9X8Dyh+dbgaaAC1XAnUlPTy+qqqq6cPbs2UzkmWjNljiDJzpwHFnCkW2yo6NjCKW8H54wjlezKvRT09LSTsJrz5w6dSoN+Yp51ADAPUj8VoDbDq9pxrwuJcNIYQllJTIi/xopBw/VA7DJp0+f9hA78CgL5F5C8J2CpoCj8sfA6WCe/FPRhsRlZmbGIs8Y4FFO5CJgtrSsvrRVGW1V93b1myoGnKAKEcHgnwsWpg1lNI0fphwrmdqbckeU18WrnlOjqp5/j7W3BWvfQVPKa5SBkcrYCNVB65TRTlWZ1lXiXVU5xbtlDb2SPaLWYwrgHIcqPg6Vc7fbX69Yoyqfa7/AeiegbWOEVhmsVcWDwPn224iDJgla8Hd38Hd3ELQgaIeI/hZgAIPEp0vmQJdoAAAAAElFTkSuQmCC) no-repeat 50% 0,
	url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
	
}
.buttonNG:hover {
	background: #a61715;
	text-shadow: 0 1px 2px rgba(0,0,0,0.75), 0 0 40px #FFF;
	box-shadow:
		inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
		inset 0 0 6px #da3b2c, /* inner glow */
		inset 0 80px 80px -40px #dd4330, /* gradient */
		1px 1px 3px rgba(0,0,0,0.75); /* shadow */
		
}
.buttonNG:focus {
	outline: none; /*FF*/
}
.buttonNG:active {
	box-shadow:
		inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
		inset 0 0 6px #da3b2c, /* inner glow */
		inset 0 80px 80px -40px #dd4330, /* gradient */
		0px 1px 0px rgba(255,255,255,0.25); /* shadow */
		
	-webkit-transition: 50ms linear;
	   -moz-transition: 50ms linear;
	     -o-transition: 50ms linear;
	        transition: 50ms linear;
}