@import url(https://fonts.googleapis.com/css?family=Raleway);

body {
	font-family: 'Raleway', sans-serif;
	font-size:17px;
}


@media screen and (max-width: 500px) {

	.breadcrump-block {

		width:100%;
		height:300px !important;
		
	}

}

@media screen and (min-width: 501px) {
	
	.breadcrump-block {

		width:100%;
		height:215px !important;
		
	}
	

}

.breadcrump-block {

	background-color:#34495e;
	padding-top:30px;
	text-align:center;
	background-size: cover !important;
	
}



.breadcrump-block h1,.breadcrump-block h3 {
	color:white;
	text-shadow: 2px 2px #000000;
}

.breadcrump-block h1 span {
	color:white;
}

.breadcrump-block .title {
	font-weight: 300;
    font-size: 60px;
    line-height: 70px !important;
}

.breadcrumb {

	padding-left:50px !important;
	border-radius: 0px !important;
	background-color:#34495e !important;
	border-top: solid 3px #ecf0f1;

}

.breadcrumb li a{

	color:white;
	font-weight:600;

}

.panel-body,p {

	line-height:20px;
	text-align:justify;
	

}

.user_college {
	text-shadow: 2px 2px #000000;
}
/**************************************************** user profile **************************************************/

.coverimage {

	width:100%;
	height:300px;
	background-color:#34495e;
	padding-top:30px;
	background:99% center no-repeat;
	background-size: cover !important;
	
}



.profile-picture {
	margin-top:100px;
}


.profile-picture .thumbnail {
	box-shadow: 5px 5px 1px #000000;
}

.coverimage .profile-description {
	margin-top:150px;
	color:white;
	margin-left:30px;
	
}

.coverimage .profile-description h1 {
	color:white !important;
	font-weight: 600;
    font-size: 60px;
    text-shadow: 2px 2px #000000;
}


.coverimage .profile-description h1 small a{
	font-size:15px;
	text-shadow: none;
	color:white;
	
	
}
.coverimage .profile-description h1 small .fa-stack {
	color:white;
	
}

.profile-menu {
	width:100%;
	background:white;
	height:40px;
	border-bottom:solid 1px #95a5a6;
}

.float-position {
	position:absolute;
}

.profile-menu .menu-container {
	margin-left:23%;
}

.profile-menu .menu-container .nav.nav-pills .active a{
	background:#2980b9;
	color:white;
	font-weight:700;
}

.profile-menu .menu-container .nav.nav-pills a {
	background:white;
	color:black;
	font-size:17px;
	padding:7px 30px 8px 30px;
	
	}
	
.profile-menu .menu-container .nav.nav-pills a:hover {
	background:#2980b9;
	color:white;
	font-weight:700;
}	
.profile-menu .menu-container .nav-pills>li>a {
    border-radius: 0px;
}

.profile-menu .menu-container .nav-pills>li+li {
    border-left:1px solid #95a5a6;
    margin:0px;
}

.leftpanel .panel-body {
	text-align:center;
}



@media screen and (max-width: 800px) {

	.coverimage {

			width:100%;
			height:500px;
			background-color:#34495e;
			padding-top:30px;
			background:99% center no-repeat;
			background-size: cover !important;
			
		}


	.profile-picture {
	
		margin-top:10%;
		width:120px;
		
	
	}
	
	
	.coverimage .profile-description {
		margin-top:150px;
		color:white;
		margin-left:0px;
		
	}

	.coverimage .profile-description h1 {
		color:white !important;
		font-weight: 600;
		font-size: 30px;
		text-shadow: 2px 2px #000000;
	}


	.coverimage .profile-description h1 small a{
		font-size:10px;
		text-shadow: none;
		color:white;
		
		
	}
	.coverimage .profile-description h1 small .fa-stack {
		color:white;
		
	}

	.profile-menu {
		width:100%;
		background:white;
		height:40px;
		border-bottom:solid 1px #95a5a6;
	}

	.float-position {
		position:absolute;
	}

	.profile-menu .menu-container {
		margin-left:0px;
	}
	
	.nav>li {
		display:block;
		width:100%;
	}

	.profile-menu .menu-container .nav.nav-pills .active a{
		background:#2980b9;
		color:white;
		font-weight:700;
	}

	.profile-menu .menu-container .nav.nav-pills a {
		background:white;
		color:black;
		font-size:17px;
		padding:7px 30px 8px 30px;
		width:100%;
		
		
		}
		
	.profile-menu .menu-container .nav.nav-pills a:hover {
		background:#2980b9;
		color:white;
		font-weight:700;
	}	
	.profile-menu .menu-container .nav-pills>li>a {
		border-radius: 0px;
	}

	.profile-menu .menu-container .nav-pills>li+li {
		border-left:1px solid #95a5a6;
		margin:0px;
	}

	.leftpanel .panel-body {
		text-align:center;
	}

}


/**************************** left panel collapsable menu *****************************/

.collapse-head {
	
	width:100%;
	cursor : pointer;
	font-size: 14px;
    font-weight: bold;
    color: #373737;
    display: block;
    padding: 10px 15px;
}

.tree-view {
	overflow-x: hidden; height: auto;
	border:1px solid #f5f5f5;
	border-radius:5px;
}

.tree-view .list-group {
	margin-bottom: 0px !important;
}


.tree-ul li+li {
    border-top: 1px solid #f5f5f5 !important;
}

.devider  {
	    border-bottom: 1px solid #ddd;
	    margin:0px !important;
	    padding:0px !important;
	    height:1px !important;
	    line-height:1px !important;
	    
}
.collapse-inner a{

	font-size:14px;
	font-weight:normal !important;

}

/***************** bootstrap modification ***********************/

.breadcrumb>.active {
    color: #008DBB !important;
}

/******************* collapse *************************************/
.collapse-icon::after {
	content: "\f054";
    font-family: "FontAwesome";
    float:right;
}

.collapse-icon-s::after {
	content: "\f078";
    font-family: "FontAwesome";
    float:right;
}


/******************* footer ***********************************/

.copy {

	font-size:12px;
	padding:10px;

}