@charset "utf-8";
/*===== ОБО МНЕ =====*/

/*
d03370
*/

body{
	background: #e4e4e4;
}


/*===== ОБЩЕЕ =====*/
.cont{
	padding: 50px;
}


/*===== WRAPPER =====*/
body > .wrapper{	
	position: relative;
	width: 100%;
	height: 100%;
}
body > .wrapper > div{ /* чтобы всегда была прокрутка */
	min-height: calc(100% - 20px);
	box-sizing: border-box;
}


/*===== ФОРМА ВХОДА =====*/
.login_tbl{
	width: 400px;
	height: 100%;
	
	margin: 0px auto;
}
.login_tbl > tbody > tr > td{	
	vertical-align: middle;
	text-align: center;
}
.login_tbl input[type='text']{
	display: block;
	
	width: 100%;
	
	margin-bottom: 20px;
}
.login_tbl .pb{
	width: 150px;
}


/*===== НАВИГАЦИЯ =====*/
.nav{	
	width: auto;
	margin: 0px auto;
	
	margin-top: 25px;
}
.nav > tbody > tr > td{
	border: 1px solid #aaa;
	
	text-align: center;
}
.nav > tbody > tr > td.side{
	border-width: 0px;
	border-bottom: 1px solid #aaa;
	
	min-width: 50px;
}
.nav .icon-plus{
	display: inline-block;
	
	margin-left: 5px;
	
	position: relative;
	top: 2px;
	
	color: #d03370;
	font-size: 18px;
}
.nav > tbody > tr > td.work{
	width: 1px;
	
	padding: 5px 25px;
	
	background-color: #ccc;
	
	color: #888;
	cursor: pointer;
	white-space: nowrap;
}
.nav > tbody > tr > td.work .text{
	display: inline-block;
	
	position: relative;
	
	top: -3px;
}
.nav > tbody > tr > td.selected{
	border-bottom-width: 0px;
	
	background-color: #e4e4e4;
	
	color: #000;
}


/* ФИЛЬТР ПОСТОВ БЛОГА */
.post_filter{
	border: 1px solid rgba(204, 204, 204, 0.8);
	border-radius: 15px;
	
	margin-bottom: 20px;
	
	padding: 20px;
	
	background: #f5f5f5;
	
	text-align: center;
}
.post_filter .header{
	margin-bottom: 15px;
	
	text-align: center;
}
.post_filter .blog_cat_label{
	display: inline-block;
	margin-right: 10px;
}
.post_filter .blog_name_search_w{
	margin-top: 10px;
	margin-bottom: 10px;
}
.post_filter .blog_name_search{
	width: 100%;
	height: 60px;
}

/*===== БЛОГ =====*/
.post_w{
	border-radius: 15px;
	
	position: relative;
	
	margin-bottom: 35px;
	
	padding: 35px;
	
	background-color: #F5F5F5;
}
.post_w .del_post{
	position: absolute;
	right: 5px;
	top: 5px;
	
	color: rgba(204, 204, 204, 0.8);
	font-size: 18px;
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.post_w .del_post:hover{
	color: rgba(150, 150, 150, 1);
}
.post_tbl > tbody > tr > td{
	border: 0px solid #aaa;
}
.post_tbl > tbody > tr > td.img{
	width: 25%;
	
	vertical-align: top;
	text-align: center;
}
.post_tbl .post_id_text{
	color: #333;
	font-family: Roboto;
	font-style: normal;
	font-weight: 700;
	font-size: 19px;
	text-align: center;
}
.post_tbl .hide_tr_label{	
	display: block;
	
	margin-top: 15px;
	
	text-align: center;
}
.post_tbl .prefs{
	margin-top: 10px;
}
.post_tbl .prefs .text{
	display: inline-block;
	width: 100px;
}
.post_tbl .gamma{
	width: 100%;
	
	background-color: #E3E3E3;
	
	margin-top: 10px;
	margin-bottom: 10px;
}
.post_tbl .cover_prefs input{
	margin-bottom: 15px;
}
.post_tbl .trainings_date{
	margin-top: 20px;
	margin-bottom: 5px;
}
.post_tbl .cat_ww{
	margin-top: 20px;
	margin-bottom: 20px;
}
.post_tbl .cat_w{	
	margin-bottom: 5px;
}
.post_tbl .cat_w .icon-plus{
	display: inline-block;
	
	margin-left: 5px;
	
	position: relative;
	top: 4px;
	
	color: #d03370;
	font-size: 18px;
	cursor: pointer;
}
.post_tbl .cat_w .icon-close1{
	display: inline-block;
	position: relative;
	top: 3px;
	
	color: rgba(204, 204, 204, 0.8);
	font-size: 15px;
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.post_tbl .cat_w .icon-close1:hover{
	color: #888;
}
.post_tbl .cat{
	width: 80%;	
}
.post_tbl > tbody > tr > td.text{	
	padding-left: 25px;
	
	vertical-align: top;
}
.post_tbl .post_header{
	margin-bottom: 15px;
	
	text-align: left;
}
.post_tbl .post_header .text_w{
	color: #333;
	font-family: Roboto;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
	text-transform: uppercase;
}
.post_tbl .desc{	
	margin-bottom: 18px;
}
.post_tbl .desc .redact_post{
	margin-bottom: 5px;
	margin-left: 15px;
}
.post_tbl .desc .preview{
	border: 1px solid rgba(204, 204, 204, 0.8);
	border-radius: 15px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	
	height: 400px;
	
	padding: 10px;
	
	background: #efebf2;
	
	overflow-Y: scroll;
}
.post_tbl .desc .text_w{
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 27px;
}
.post_tbl .desc .text_w b, 
.post_tbl .desc .text_w strong{
	font-family: Roboto;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 27px;
}
.post_tbl .dots{
	display: inline-block;
	
	cursor: pointer;
}
.post_tbl .text_w{	
	display: inline-block;
		
	cursor: pointer;
}
.post_tbl .pb{	
	width: 150px;
}
.post_tbl .post_header .pb.save{
	margin-bottom: 15px;
}
.post_tbl .button_w{	
	margin-top: 15px;
	
	text-align: center;
}
.post_w .url_w{	
	margin-top: 20px;
}
.post_tbl .url_w{
	font-size: 12px;
}
.post_tbl .url_w a{
	display: block;
	margin-left: 20px;
}
.post_tbl .url_w input[type='text']{
	margin-left: 20px;
	width: calc(100% - 20px);
}
.post_tbl .no_gif_warn{
	margin-top: 5px;
	margin-left: 20px;
	
	color: #cc0000;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 700;
}

/* СЕО блок */
.post_tbl .seo_div{
	margin-top: 15px;
}
.post_tbl .seo_div .header{
	margin-bottom: 5px;
}
.post_tbl .seo_div .seo_desc{
	margin-bottom: 10px;
}


/* ФОНЫ БЛОКОВ */
.post_w .block_bg_w{
	margin-top: 20px;
	
	text-align: center;
}
.block_bg_w .header{	
	margin-bottom: 10px;
	
	color: #333;
	font-family: Roboto;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
.post_w .block_bg_ww{
	display: inline-block;
	
	margin-right: 30px;
	margin-bottom: 30px;
	
	width: 150px;
}
.post_w .block_num_header{
	margin-bottom: 5px;
	
	text-align: center;
}
.post_w .block_bg{				
	text-align: center;
}
.post_w .block_bg .foto_w{
	text-align: center;
}
.post_w .block_bg .foto{
	width: 100%;
	height: auto;
}





/* ДРУГОЕ */
	.other.cont{
		text-align: center;
	}
	.other_tbl{
		width: auto;
		margin: 0px auto;
		
		margin-bottom: 20px;
	}
	.other_tbl > tbody > tr > td{
		border: 0px solid #aaa;
		
		padding-bottom: 20px;
	}
	.other_tbl > tbody > tr > td.text_td{
		padding-right: 10px;
		
		vertical-align: top;
	}
	.other_tbl input[type='text']{
		width: 400px;
	}
	.other.cont .other_tbl > tbody > tr > td.img_td .foto{
		width: 300px;
		height: auto;
	}
	.other.cont .save_other{
		width: 150px;
	}
	
/* ЗАГРУЗКА ЛЮБОГО ФОТО НА СЕРВЕР - для его вставки в пост через редактор позднее */
	.uploads_w{
		border: 1px solid #aaa;
		border-radius: 15px;
		
		margin-top: 35px;
		
		padding: 40px;
		
		background-color: #ececec;
		
		text-align: center;
	}
	/* ФОРМА ЗАГРУЗКИ */
		.embed_w{
			margin-bottom: 10px;
			
			text-align: center;
		}
		.embed_w .add_embed_foto{
			width: 150px;
		}
	
	/* УЖЕ ЗАГРУЖЕННЫЕ ФОТКИ */
		.uploads_tbl{
			width: auto;
			
			margin: 0px auto;
		}
		.uploads_tbl > tbody > tr > td{			
			padding: 15px 15px;
			
			text-align: left;
		}
		.uploads_tbl img{
			width: 200px;
			height: auto;
		}
		.uploads_tbl .del_upload{
			display: inline-block;
			position: absolute;
			
			right: -12px;
			top: -12px;
		}





/* ЗАПИСИ */
.cont.zapis h1{
	margin-bottom: 10px;
}
.zapis_tbl > tbody > tr > td{
	border: 1px solid #aaa;
	
	background-color: #ececec;
	
	text-align: center;
}


/* ОТЗЫВЫ */
.otz_tbl > tbody > tr > td{
	border: 1px solid #aaa;
	
	background-color: #ececec;
	
	text-align: center;
}
.otz_tbl > tbody > tr > td.data_td{
	width: 1px;
	
	padding: 15px;
}
.otz_tbl > tbody > tr > td.otz_td{
	vertical-align: top;
}
.otz_tbl > tbody > tr > td.otz_td .del_otz{
	display: inline-block;
	
	position: absolute;
	right: 0px;
	top: 0px;
	
	opacity: 0;
	
	color: #ccc;
	font-size: 15px;
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.otz_tbl > tbody > tr > td.otz_td:hover .del_otz{
	opacity: 1;	
}
.otz_tbl > tbody > tr > td.otz_td .del_otz:hover{
	color: #aaa;
}
.otz_tbl .otz_img{
	border: 2px solid #d03370;
	border-radius: 300px;
	
	width: 150px;
	height: auto;
}



/*= РЕФ-ССЫЛКИ =*/
	.ref_links_w{
		margin-top: 15px;
		
		padding: 5px;
		
		text-align: center;
	}
	.ref_links_w .header{
		display: inline-block;
		
		margin-bottom: 5px;
	}
	.ref_links_w .pb{
		width: auto;
	}
	.ref_links_w .pb.show_all{
		margin-left: 5px;
	}
	
	/* MFP для создания новой реф-ссылки на тренинг */
		.new_ref_link_mfp{
			width: 600px;
			
			text-align: center;
		}
		.new_ref_link_mfp .buttons_w{
			margin-top: 15px;
			
			text-align: center;
		}
		.new_ref_link_mfp .buttons_w .pb{
			width: 150px;
		}
		.new_ref_link_mfp .buttons_w .pb.cancel{
			margin-left: 15px;
		}
		
	/* MFP для просмотра всех реф-ссылок на транинг */
		.ref_links_mfp{
			width: 600px;
			height: 700px;
			
			overflow: auto;
			
			text-align: center;
		}
		.ref_links_mfp .ref_table > tbody > tr > td{
			text-align: center;
		}