body{
	padding: 0;
	margin: 0;
}
.user-panel-logo{
	height: 5rem;
	width: auto;
}
.user-header-section{
	background-color: #4B0082;
}
.user-header-section-second,.dropdown-menu{
	background-color: #f5f5f5;
	-webkit-box-shadow: 0 8px 10px -2px rgba(232,216,232,1);
    -moz-box-shadow: 0 8px 10px -2px rgba(232,216,232,1);
    box-shadow: 0 3px 5px -2px rgba(232,216,232,1);
}
.user-menu-section{
	background-color: #4B0082;
	min-height: 35.2rem;
}
.user-profile-button{
	text-decoration: none;
	background-color: transparent;
	color: #000;
	font-family: 'Poppins', sans-serif;
	margin: 20px 0 0 0;
}
.user-profile-button:hover{
	color: #000;
}
.dropdown-menu>li>a{
	text-decoration: none;
	color: #000;
	padding: 5px;
	font-family: 'Poppins', sans-serif;
}
.user-menu-section-list{
	list-style: none;
	padding: 0;
}
.user-menu-section-list>li{
	margin: 10px 0;
}
.user-menu-section-list>li>a{
	text-decoration: none;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	border: 0;
}
.form-heading-section{
	background-color: #D2691E;
}
.form-heading-first{
	margin: 2rem 0;
	font-family: 'Poppins', sans-serif;
	font-size: 1.3rem;
	color: #fff;
}
.form-data-section{
	border: 1px solid rgba(0,0,0,0.1);
	margin-top: 1rem;
}
.form-data-section-heading-label{
	position: relative;
	top: -15px;
	background-color: #fff;
	padding: 0 5px;
	opacity: 0.7;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
}
.form-data-section-data-label{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}
.form-edit-icon{
	font-size: 12px;
}
.form-control, .btn{
	border-radius: 0;
}
.panel-option-link-section{
	background-color: #DCDCDC;
	margin: 20px;
	padding: 10px;
	text-align: center;
	-webkit-box-shadow: 0 8px 10px -2px rgba(232,216,232,1);
    -moz-box-shadow: 0 8px 10px -2px rgba(232,216,232,1);
    box-shadow: 0 3px 5px -2px rgba(232,216,232,1);
}
.user-panel-gallery-image{
	height: 4rem;
	width: auto;
}
.panel-option-link-label{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}
.form-heading-icon-second{
	color: #fff;
	margin: 2rem 0;
}
th{
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}
td{
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
.course-document-list{
	list-style: none;
}
.course-document-list>li{
	display: inline-block;
}
.step-label-data{
	font-family: 'Poppins', sans-serif;
	font-size: 2rem;
	height: 3rem;
	width: 3rem;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	line-height: 3rem;
}
.step-label-data-second{
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
}

.dashboard-data-section-first{
	margin: 20px 5px;
	padding: 10px;
	height: 7rem;
	width: 100%;
	transition: 2s ease box-shadow;
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.dashboard-data-section-first:hover{
	transition: 2s ease box-shadow;
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.dashboard-data-section-second{
	margin: 20px 5px;
	padding: 10px;
	min-height: 7rem;
	width: 100%;
	transition: 2s ease box-shadow;
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.dashboard-data-section-second:hover{
	transition: 2s ease box-shadow;
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.dashboard-label-data-first{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #000;
	opacity: 0.3;
}
.dashboard-image-first{
	height: 3rem;
	width: auto;
}
.dashboard-label-data-second{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

#userMenuModal{
	position: fixed;
	z-index: 99999;
}
#userMenuModal .modal-dialog{
	position: fixed;
	margin: auto;
	width: 100%;
	height: 100%;
	border-radius: 0;
	-webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.userMenuListModal{
	list-style: none;
}
.userMenuListModal>li{
	margin: 1rem 0 1rem 0;
}
.userMenuListModal>li>a{
	text-decoration: none;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	border: 0;
}
.user-panel-icon{
	display: none;
}
@media only screen and (max-width: 991px){
	.user-menu-section{
		display: none;
	}
	.user-panel-icon{
		display: inline-block;
	}
	.user-header-section-second,.dropdown-menu{
		background-color: #4B0082;
	}
	.user-profile-button{
		color: #fff;
	}
	.dropdown-menu>li>a{
		color: #fff;
	}
}