.userDiv {
	color: white;
	overflow: hidden;
	/*margin-left: 50px;*/
}

#loginDropdown {
	box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
	right: 0px!important;
}

.userLogo {
	overflow: hidden;
}

.userDiv .userLogo {
	
	background: transparent!important;
	border: 2px solid white;
}

.modal-login.official {
	margin-top: 0px!important;
	width: 100%!important;
}

.modal-login.official .modal-content {
	
}

.modal-login.official .avatar {
	top: 0px!important;
}

.modal-login.official h4 {
	margin: 85px 0 -15px;
}

.modal-login.official .avatar {
	background-color: #99bf17!important;
}

.modal-login.official #submitLoginDropdownDiv input {
	border: 3px solid #99bf17;
	background-color: transparent!important;
	color: #5b5c60;
}

.modal-login.official #submitLoginDropdownDiv input:hover {
	border-color: #6200ee!important;
	color: #6200ee!important;
}

.modal-login {		
		color: #636363;
		width: 350px;
		margin: 80px auto 0;
	}
	
	.modal-body {
		padding: 15px 0px 0px 0px!important;
	}
	
	.modal-login .modal-content {
		/*padding: 20px;*/
		/*border-radius: 5px;*/
		border: none;
		color: black!important;
	}
	.modal-login .modal-header {
		border-bottom: none;   
        position: relative;
        justify-content: center;
	}
	.modal-login h4 {
		text-align: center;
		font-size: 26px;
		margin: 75px 0 -15px;
	}
	.modal-login .menuElement {
		color: black!important;
	}
	.modal-login .menuElement:hover {
		background-color: #fafafa!important;
	}
	.modal-login .form-control:focus {
		border-color: #70c5c0;
	}
	.modal-login .form-control, .modal-login .btn {
		min-height: 40px;
		border-radius: 3px; 
	}
	.modal-login .close {
        position: absolute;
		top: -5px;
		right: -5px;
	}		
	.modal-login .avatar {
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: -10px;
		width: 95px;
		height: 95px;
		border-radius: 50%;
		z-index: 9;
		background: #60c7c1;
		padding: 15px;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
		
		text-align: center!important;
		line-height: 1.2!important;
		font-size: 50px;
		color: white;
	}
	.modal-login .avatar i {
		width: 100%;
	}
    .modal-login .btn {
        color: #fff;
        border-radius: 4px;
		background: #60c7c1;
		text-decoration: none;
		transition: all 0.4s;
        line-height: normal;
        border: none;
    }
	.modal-login .btn:hover, .modal-login .btn:focus {
		background: #45aba6;
		outline: none;
	}
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}
	
	#submitLoginDiv {
		margin-bottom: 8px!important;
		margin-top: 15px;
	}