/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 1. LOGIN PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.login-form-container{
	text-align:center;
	margin-left:auto;
    margin-right:auto;
    float:none;
}

.login-form-container h2{
	font-size:50px;
    color:rgba(19,49,99,1);
    font-family:ProximaNova-Bold;
    letter-spacing:1px;
    margin-bottom:30px;
	text-shadow:1px 1px 2px rgba(168,224,253,1);
}

.login-form-container p{
	font-size:16px;
	color:rgba(19,49,99,1);
    overflow:hidden;
    line-height:1.6;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    margin-bottom:10px;
}

.login-form-container a{
	color:rgba(19,49,99,1);
	font-weight:700;
}

.login-form-container a:hover{
	color:rgba(19,49,99,1);
	text-shadow:1px 1px 2px rgba(0,160,226,1);
}

.login-form-spacer{
	margin-bottom:120px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 2. PROFILE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.profile-main-container{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:none;
}

.profile-sections-container h1{
	color:rgba(0,160,226,1);
	font-weight:700;
	font-size:44px;
	text-shadow: 1px 1px 2px rgba(19,49,99,1);
}

.profile-sections-container h6{
	color:rgba(19,49,99,1);
	font-weight:700;
	font-size:14px;
}

.profile-container h2{
	font-size:50px;
    color:rgba(19,49,99,1);
    font-family:ProximaNova-Bold;
    letter-spacing:1px;
	text-shadow:1px 1px 2px rgba(168,224,253,1);
}

.profile-container p{
	font-size:16px;
    overflow:hidden;
    line-height:1.6;
    display:-webkit-box;
    -webkit-box-orient:vertical;
}

.sections-image-container{
	display: inline-block;
    float: none;
}

.sections-image-container img{
	box-shadow: 2px 2px 4px rgba(19,49,99,1);
	border-radius: 10px;
	width: 100%;
}

.sections-image-container img:hover{
	box-shadow: 2px 2px 4px rgba(0,160,226,1);
}

.sections-image-container img:active{
	filter: saturate(2);
}

.user-image-container{
	background-color:white;
	box-shadow: 2px 2px 4px rgba(19,49,99,1);
	border-radius: 10px;
}

.user-image-container img{
	max-width: 100%;
	max-height:100%;
}

.user-profile-icon{
	max-width: 80%;
	max-height:80%;
	box-shadow: 0.5px 0.5px 2px rgba(19,49,99,0.6);
    border-radius: 50%;
	margin-bottom: 5px;
}

.user-profile-icon:hover{
	filter: saturate(1);
	box-shadow: 1px 1px 2px rgba(0,160,226,0.7);
}

.profile-icon-container{
	border-radius:20px;
	border:1px solid rgba(0,160,226,1);
	box-shadow: 1px 1px 1px rgba(0,160,226,0.5);
	background-color:rgba(255,255,255,0.5);
}

.profile-icon-container a:hover{
	text-shadow: 1px 1px 1px rgba(0,160,226,0.5);
}

#updd-edit{
	cursor:pointer;
}

#updd-save{
	cursor:pointer;
}

#updd-cancel{
	cursor:pointer;
}

#updd-edit:hover{
	text-shadow: 1px 1px 2px rgba(19,49,99,0.8);
}

#updd-save:hover{
	text-shadow: 1px 1px 2px rgba(19,49,99,0.8);
}

#updd-cancel:hover{
	text-shadow: 1px 1px 2px rgba(19,49,99,0.8);
}

.user-data-display.hidden{
	display: none!important;
}

.user-data-display{
	display:block;
	min-height:13px;
}

#user-profile .hidden{
	display: none!important;
}

.contact-info-display{
	display:inline-block;
}

#user-profile input{
	border-bottom: 1px solid rgba(19,49,99,1);
	appearance: auto!important;
	border-radius: 5px;
	box-shadow: 1px 1px 4px 0px rgb(19 49 99);
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 3. EDIT USER DATA */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.userform{
	
}

.userform .invalid{
	border-color: red !important;
}

.userform .error-msg{
	color: red !important;
}

.userform .form-button:hover{
	box-shadow: 1px 1px 2px rgba(0,160,226,0.7);
}

.userform .hidden{
	display: none;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 4. DASHBOARD */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.dropdown-menu{
	max-height: 70vh;
	overflow-y: auto;
}

.dashboard-table-container{
	max-height: 55vh;
}