.personal_header{
	background: #0B2035;
	width: 100%;
	height: 70rem;
	font-size: 18rem;
	color: white;
	display: flex;
	flex-direction: row;
	/*padding: 10rem;*/
	box-sizing: border-box;
	margin-top: 40rem;
	position: relative;

	/*font-family: ANTQUA;*/
}

.personal_header .caption{
	text-align: center;
	width: 100%;
	line-height: 70rem;
}

.workspace.personal_comment .article-comment-section{
	margin-top:0;
}
.personal_header .logout{
	position: absolute;
	height: 16rem;
	line-height: 16rem;
	right: 85rem;
	font-size: 16rem;
	margin-top: 26rem;
	border-bottom: 1rem solid white;
	border-top: 1rem solid rgba(0,0,0,0);
	cursor: pointer;

}

.personal_header .logout:before{
	content: '';
	width: 32rem;
	height: 32rem;
	background: url(/assets/img/exit.svg);
	background-position: center;
	background-size: 100%;
	position: absolute;
	right: -45rem;
	top:-7rem;
}


.personal_block{
	padding: 40rem 50rem;
	background-color: #E7E5DD;
	margin-bottom: 50rem;
}

.personal_block .save_personal{
	width: 100rem;
	height: 30rem
}

.personal_block .save_personal{
	cursor: pointer;
	height: 40rem;
	width: 140rem;
	color: white;
	font-size: 16rem;
	line-height: 40rem;
	text-align: center;
	margin-top: 40rem;
/*
	background: -moz-linear-gradient(top, #0e4a61 0%, #04364c 100%);
	background: -webkit-linear-gradient(top, #0e4a61 0%,#04364c 100%);*/
	background: linear-gradient(to bottom, #0e4a61 0%,#04364c 100%);
}


.personal_block .saved_personal{
	/*background: -moz-linear-gradient(top, #3d3d3d 0%, #8f9b97 100%); 
	background: -webkit-linear-gradient(top, #3d3d3d 0%,#8f9b97 100%); */
	background: linear-gradient(to bottom, #3d3d3d 0%,#8f9b97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #A2A19C;
}


.personal_block > div {
	display: inline-block;
	vertical-align: top;
	margin-left: 40rem;
	width: 275rem;
}


.personal_block .personal_img{
	height: 275rem;
	width: 275rem;
	padding: 10rem;
	background-color: #CCCAC6;
	border: 1rem solid #B5ADA5;
	margin-left: 0rem;
	position: relative;
}

.personal_block .personal_img img{
	height: 275rem;
	width: 275rem;
}



.personal_block .personal_img .changePhoto{
	position: absolute;
	width: 30rem;
	height: 30rem;
	background-color: rgba(255,255,255,0.3);
	border-radius: 2rem;
	padding: 1rem;
	top: 20rem;
	right: 20rem;
	cursor: pointer;
}

.article select{
	font-size:20rem;
}

.personal_block .personal_img .changePhoto .icon{
	width: 30rem;
	height: 30rem;
	background-image: url(/assets/img/pencil.svg);
	background-position: center;
	background-size: 100%;
	cursor: pointer;
}


.personal_block .caption{
	font-size: 18rem;
	line-height: 18rem;
	font-weight: bold;
	margin-bottom: 15rem;
	margin-top: 20rem;
}

.personal_block .label{
	font-size: 10rem;
	line-height: 10rem;
	/*margin-bottom: 5rem;*/
	color: #8C8C8C;
}

.personal_block input{
	width: 275rem;
	height: 30rem;
	font-size: 18rem;
	border-bottom: 3rem solid #8C8C8C;
	margin-bottom: 20rem;
}



.personal_tab{
	font-size: 16rem;
	line-height: 60rem;
	height: 60rem;
	padding: 0rem 30rem;
	display: inline-block;
	border: 1rem solid rgba(0,0,0,0);
}

.personal_tab span{
	border-bottom: 1rem solid black;
}

.personal_active_tab{
	border: 1rem solid #B5ADA5;
	border-bottom: 1rem solid white;
	z-index: 1000;
}


.personal_articles{
	width: 100%;
	border: 1rem solid #B5ADA5;
	margin-top: -1rem;
	z-index: 1;
	box-sizing: border-box;
	padding: 30rem;
}

.personal_articles .create_article{
	cursor: pointer;
	width: 200rem;
	height: 40rem;
	color: white;
	font-size: 16rem;
	line-height: 40rem;
	text-align: center;
/*	background: -moz-linear-gradient(top, #0e4a61 0%, #04364c 100%);
	background: -webkit-linear-gradient(top, #0e4a61 0%,#04364c 100%);*/
	background: linear-gradient(to bottom, #0e4a61 0%,#04364c 100%);
}






.personal_articles .article{
	margin-top: 60rem;
	width: 100%;
}

.personal_articles .article > div{
	display: inline-block;
	margin-right: 20rem;
	vertical-align: top;
}


.personal_articles .article .status{
	width: 20rem;
}

.personal_articles .article .status > *{
	display: block;
	margin-bottom: 5rem;
}

.personal_articles .article .status > .icon{
	 width: 20rem; 
	 height: 20rem;
	 background-size: 100% 100%;
}



.personal_articles .img{
	height: 120rem;
	width: 120rem;
	padding: 5rem;
	background-color: #CCCAC6;
	border: 1rem solid #B5ADA5;
	margin-left: 0rem;
}
.personal_articles .img:before{
	content:'';
	width:0;
	display: inline-block;
	vertical-align: middle;
	height:120rem;
}
.personal_articles .img img{
	height: 120rem;
	object-fit: cover;
	vertical-align: middle;
	width: 120rem;
}

.personal_articles .info{
	font-size: 14rem;
}

.personal_articles .info .date{
	color: #82817C;
}

.personal_articles .info .title{
	font-size: 18rem;
	font-weight: bold;
	margin: 5rem 0rem;
	border-bottom: 1rem solid #0B2035;
	color: #0B2035;
	display: inline-block;

}

.personal_articles .info .authors{
	color: #0C5462;
}




.personal_articles .article_redactor_container{
	width: 100%;
	height: 0rem;
	transition-property: height;
  	transition-duration: 1s;
	/*border: 1rem solid #0B2035;*/
	padding-top: 30rem;
	overflow: hidden;
}

.personal_articles .article_redactor_container input{
	/*height: 30px;*/
	padding: 10px 15px;
	width: 100%;
	box-sizing: border-box;
	font-size: 18rem;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

.personal_articles .article_redactor_container .article_redactor{
	width: 100%;
	height: 555rem;
}

.personal_articles .article_redactor_container .buttons{
	margin-left: auto;
}

.personal_articles .article_redactor_container .redactor_btn{
	/*width: 300px;*/
	/*height: 50px;*/
	padding: 15px 15px;
	font-size: 18rem;
	display: inline-block;
	color: #fff;
	/*background: -webkit-linear-gradient(top, #0e4a61 0%,#04364c 100%);*/
    background: linear-gradient(to bottom, #0e4a61 0%,#04364c 100%);
    margin-top: 20px;
    margin-right: 30px;
    cursor: pointer;
}

















.personal_comment{
	width: 100%;
	border: 1rem solid #B5ADA5;
	margin-top: -1rem;
	z-index: 1;
}

.personal_resources{
	width: 100%;
	border: 1rem solid #B5ADA5;
	margin-top: -1rem;
	z-index: 1;
	box-sizing: border-box;
	padding: 30rem;
}

.personal_resources .label{
	font-size: 18rem;
	color: #0C5462;
}

.personal_resources input{
	font-size: 16rem;
	height: 40rem;
	border: 1rem solid #B5ADA5;
	width: 100%;
	margin-top: 6rem;
	margin-bottom: 20rem;
	padding: 5rem;
	box-sizing: border-box;
}

.personal_resources textarea{
	margin-top: 6rem;
	margin-bottom: 20rem;
	font-size: 16rem;
	height: 150rem;
	width: 100%;
	border: 1rem solid #B5ADA5;
}





.personal_resources .add_resources{
	cursor: pointer;
	height: 40rem;
	width: 140rem;
	color: white;
	font-size: 16rem;
	line-height: 40rem;
	text-align: center;
/*
	background: -moz-linear-gradient(top, #0e4a61 0%, #04364c 100%);
	background: -webkit-linear-gradient(top, #0e4a61 0%,#04364c 100%);*/
	background: linear-gradient(to bottom, #0e4a61 0%,#04364c 100%);
	display: inline-block;
}

.personal_resources .send_resource_to_moderation{
	width:auto;
	min-width:140rem;
	padding:0 20rem;
	/*margin-left:19rem;*/
}






.personal_resources.rejected_edit .send_resource_to_moderation,
.personal_resources .save_resource__hidden{
	display: none;
}


.resource_list{
	display: block;
	width: 100%;
}

.personal_resources .resource_list .resource{
	margin-top: 60rem;
}

.personal_resources .resource_list .resource > *{
	display: inline-block;
	vertical-align: top;
}


.personal_resources .resource_list .resource .status{
	width: 20rem;
	margin-right: 20rem;
}

.personal_resources .resource_list .resource .status > *{
	display: block;
	margin-bottom: 5rem;
}

.personal_resources .resource_list .resource .status > .icon{
	 width: 20rem; 
	 height: 20rem;
	 background-size: 100% 100%;
}

.personal_resources .resource_list .resource .info{
	font-size: 16rem;
	width: 80%;
	color: #0C2036;
}

.personal_resources .resource_list .resource .info .title{
	font-weight: bold;
	margin-bottom: 12rem;
}



.personal_resources .resource_list .resource .info .description{
	margin-bottom: 12rem;
	color: #000000;
}

.personal_resources .resource_list .resource .info a{
	color: #82817C;
	border-bottom: 1rem solid #BFBEBD;
}
















.personal_about{
	width: 100%;
	border: 1rem solid #B5ADA5;
	margin-top: -1rem;
	z-index: 1;
	box-sizing: border-box;
	padding: 30rem;
}


.personal_about .about_caption{
	font-size: 18rem;
	font-weight: bold;
	color: #0C5462;
	margin-bottom: 15rem;
}

.personal_about .about_text{
	width: 100%;
	height: 200rem;
	font-size: 18rem;
	box-sizing: border-box;
	border: 1rem solid #B5ADA5;
	padding: 10rem 15rem;
	margin-bottom: 20rem;

}

.personal_about .about_redactor{
	width: 100%;
	height: 90vh;
	margin-bottom: 40rem;
}

.personal_about .about_save{
	cursor: pointer;
	height: 40rem;
	width: 140rem;
	color: white;
	font-size: 16rem;
	line-height: 40rem;
	text-align: center;

	/*background: -moz-linear-gradient(top, #0e4a61 0%, #04364c 100%);
	background: -webkit-linear-gradient(top, #0e4a61 0%,#04364c 100%);*/
	background: linear-gradient(to bottom, #0e4a61 0%,#04364c 100%);
}


.personal_about .saved{
	/*background: -moz-linear-gradient(top, #3d3d3d 0%, #8f9b97 100%); 
	background: -webkit-linear-gradient(top, #3d3d3d 0%,#8f9b97 100%);*/
	background: linear-gradient(to bottom, #3d3d3d 0%,#8f9b97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #A2A19C;
}

.personalDeleteComment{
    display: inline-block;
    vertical-align: bottom;
    margin-top: 0;
    margin-right: 10rem;
}


.create_article.hidden{
	display: none;
}
.personal_resources_editor.hidden{
	display: none;
}

.personal_resources_editor.hidden+.resource_list>.resource:first-child{
	margin-top:0;
}

.create_article.hidden+.article{
	margin-top:0;
}

.article_fileloader_info{
	font-size:16rem;
}
.article_fileloader_info_block{
	position: relative;
	line-height: 20rem;
}
.article_fileloader_info_block_data{
	display: inline-block;
	vertical-align: middle;
}
.article_fileloader_info_block_delete_button{
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin-left:5rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/assets/img/blocked.svg);
	width: 20rem;
	height: 20rem;

}

@media(max-width:1024px){

.personal_header{
	margin-top:0;
	width:calc(100% + 30rem);
	margin-left:-20rem;
}

.personal_header .caption{
	padding-right:130rem;
}

.personal_block .personal_info{
	margin-top:20rem;
}
.personal_block>.personal_info,.personal_block>.personal_password{
	margin-left: 0;
	width:100%;
}
.personal_block {
    padding: 40rem 20rem;
}


.personal_resources textarea{
	margin-bottom:0;
}
.personal_resources .add_resources{
	margin-right:20rem;
}
.personal_resources .send_resource_to_moderation{
	margin-left:0;
}
.personal_resources .add_resources,.personal_resources .send_resource_to_moderation{
	margin-top:20rem;
}

.personal_tab{
	width:24%;
	padding:0;
	text-align: center;
	box-sizing:border-box;
}
.personal_tab:nth-child(3){
	width:18%;
}
.personal_tab:nth-child(4){
	width:32%;
}


}

@media(max-width:820px){
.personal_tab{
	font-size:12rem;
}
}

@media(max-width:720px){
.personal_tab{
	font-size:16rem;
}
}

@media(max-width:430px){
.personal_tab{
	font-size:14rem;
}
}@media(max-width:370px){
.personal_tab{
	font-size:12rem;
}
}


.article_fileloader_wrap{
	margin-top:20rem;
}
.article_fileloader_infoHeader{
	font-size:18rem;
	margin-bottom:5rem;
}

.article .status .icon{
	cursor: pointer;
}

.add_resources{
	margin-right:20rem;
}