.succeed_creation{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:1000;
	margin:auto;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}

.succeed_creation div{
	width:400px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:0.5em;
}

.succeed_creation div .acadLogo{
	height:70px;
	width:70px;
	border-radius:80px;
	background:url(../logo.png) center;
	background-repeat:no-repeat;
}

.succeed_creation div p{
	color:#7030A0;
	color:rgba(255,155,0,1);
	text-shadow:1px 1px 1px rgba(244,244,244,0.1);
}
.succeed_creation div h1{
	font-size:1.8em;
	line-height:30px;
	color:rgba(0,0,0,0.9);
	
}
.succeed_creation div h2{
	display:flex;
	justify-content:space-around;
	margin-top:0.5em;
	font-family:AlphaCentauri;
}
.succeed_creation div h2 span{
	font-weight:normal;
	color:#7030A0;
	font-size:1.3em;
	padding:0.2em 0.6em;
	margin:auto 1em;
	font-weight:bold;
	border:1px solid #7030A0;
}

.add_formation > div h1,.edit_formation> div h1{
	margin-top:1em;
}



div.title{
	margin:auto;
	margin-top:60px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	width:95%;
	
}


div.title h1{
	text-align:left;
	width:100%;
	font-size:2.5em;
	color:rgba(0,0,0,0.8);
	margin-bottom:0px;
	padding-bottom:0.1em;	
	margin:0px;
	margin-bottom:0.2em;
}

div.title h1 span{
	color:#7030A0;
}


#banner_form{
	display:flex;
	align-items:center;
	margin-top:0px;
	margin-bottom:0px;	
	width:95%;
	margin:auto;
	padding:0px;
}

#banner_form p:first-child{
	font-size:1.1em;
}

#banner_form p{
	margin:0px;
	display:flex;
	margin-left:1.5em;	
	align-items:center;
	
}



#banner_form label{
	padding:0px;
	width:40px;
	height:40px;
	display:flex;
	overflow:hidden;
	position:relative;
	color:rgba(255,255,255,1);
	z-index:1000000;
	text-align:center;
	margin-right:1.5em;
	border-radius:40px;
	background:url("/public/image/allinstitute/photo.png") center;
	background-size:100%;
}


#banner_form input[type=file]::file-selector-button{
	border: none;
	background:url("/public/image/allinstitute/photo.png") center;
	background-size:100%;
	color: #fff;
	cursor: pointer;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
}

#banner_form input[type=file]::webkit-file-selector-button{
	border: none;
	background:url("/public/image/allinstitute/photo.png") center;
	background-size:100%;
	color: #fff;
	cursor: pointer;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
}


#banner_form span.login_register{
	position:relative;
}

#banner_form span.login_register i{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:white;
	color:black;
	z-index:1;
	font-style:normal;
	display:flex;
	align-items:center;
	display:none;
}


#banner_form span.login_register input{
	background:black;
	border:none;
	outline:none;
	color:white;
	height:30px;
	width:100px;
	letter-spacing:1px;
	font-size:0.8em;
	border-radius:40px;
}


#banner_form span.login_register input:hover{
	cursor:pointer;
}

#banner_form span.error{
	margin-left:1em;
	color:rgba(237,28,36,1);
}




#banner{
	margin-top:0px;
	background:url("/public/image/allinstitute/default_banner.jpg") center;
	background-size:cover;
	position:relative;
	padding:0px;
}

div.banner{
	display:flex;
	padding:0px;
	background:-webkit-linear-gradient(left,rgba(244,244,244,1),rgba(244,244,244,0));
}

div.banner section{
	padding:0px;
	margin:0px;
	width:100%;
	display:flex;
	align-items:end;
	justify-content:flex-end;	
}

div.banner section article{
	width:280px;
	height:280px;
	border-radius:300px;	
	position:absolute;
	left:5%;
	bottom:-150px;
	z-index:1;
	box-shadow:1px 1px 1px rgba(0,0,0,0.1),-1px -1px 1px rgba(0,0,0,0.1),-1px 1px 1px rgba(0,0,0,0.1),1px -1px 1px rgba(0,0,0,0.1);
}

div.banner section div{
	margin:0px;
	padding:1em 0px;
	padding-bottom:1.5em;
	width:80%;
	margin-left:250px;
	/height:250px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	border-left:1px solid rgba(0,0,0,0.2);
	border-radius:250px;
	padding-left:100px;
}

div.banner section div h1{
	display:flex;
	flex-direction:column;
	margin-bottom:0px;
	z-index:2;
	position:relative;
	margin-bottom:0.5em;
}

div.banner section div h1 span.institute_part{
	font-size:1.4em;
	font-weight:normal;
	border-bottom:1px solid rgba(0,0,0,0.1);
	margin-bottom:0.5em;
}
div.banner section div h1 span.institute_name{
	font-size:2em;
}
div.banner section div h1 span.institute_name:first-letter{
	text-transform:uppercase;
}



div.banner section div p.tel{
	border-bottom:1px solid rgba(0,0,0,0.2);
	padding-bottom:0.2em;
	margin-top:0px;
	display:flex;
	align-items:center;
	z-index:5;
}

#banner p.tel span{
	color:black;
	padding:0.2em 1em;
	font-size:0.9em;
	font-weight:bold;
}
#banner p.tel input{
	font-size:0.9em;
	border:none;
	outline:none;
	background:black;
	width:100px;
	height:30px;
	letter-spacing:1px;
	font-size:0.8em;
	border-radius:40px;
	display:flex;
	color:white;
	align-items:center;
	justify-content:center;
}

#banner p.tel input:hover{
	cursor:pointer;
}


#banner em.published{
	margin-bottom:0px;
	padding:0px;
	display:flex;
	font-style:normal;
	z-index:100;
	text-align:center;
	/justify-content:center;
}

#banner em.published a{
	background:black;
	padding:0.2em 1em;
	color:white;
	text-decoration:none;
	font-size:1em;
	border-radius:1.5em;
	margin-bottom:1em;
	text-shadow:1px -1px 1px rgba(0,0,0,0.1);
	width:auto;
	display:flex;
	align-items:center;
	/font-weight:bold;
	/border:2px solid white;
	/box-shadow:2px 2px 6px rgba(0,0,0,0.2),-2px 2px 6px rgba(0,0,0,0.2),2px -2px 6px rgba(0,0,0,0.2),-2px -2px 6px rgba(0,0,0,0.2);
}

#banner em.published a span:last-child{
	padding:0px;
	margin:0px;
	display:inline-block;
	height:25px;
	width:25px;
	/border:1px solid white;
	line-height:25px;
	border-radius:30px;
	margin-left:1em;
	background:url("/public/image/whaa.png") center;
	background-size:cover;
}
#banner em.published a:hover{
	cursor:pointer;
}

@media screen and (max-width:750px){
	#banner em.published a{
		font-size:0.8em;
	}
	#banner em.published a span:last-child{
		height:20px;
		width:20px;
	}
}