/* layout styles from the original template customisation, loaded after the theme */

.form-group label {
	margin-top: 10px;
	font-size: 1.2em;
}

.form-group input {
	font-size: 1.2em;
	padding: 26px 18px;
}

.form-group textarea {
	font-size: 1.2em;
	padding: 10px 18px;
}

.custom-control-label,
.custom-control-label:before {
	cursor: pointer;
}

.pointer {
	cursor: pointer;
}

.page-title-box {
  padding-bottom: 10px;
}

p {
  margin-bottom: 2rem;
}

.form-group .error {
	color: #E64550;
}

.required {
	color: #E64550;
}

#page-topbar { 
	background-color: #F8F8F8;
}

.fullname {
	font-size: 1em;
	margin-left: 8px;
	margin-top: 1px;
}

@media screen and (max-width: 990px) {
	.page-title-right {
		display: none;
	}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	.footer {
		display: none;
	}
}

@media screen and (min-width: 991px) {
	.page-title-right {
		display: block;
	}
	.mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
}

.logo img {
	height: auto !important;
	margin-top: 12px;
	width: 60%;
}

#sidebar-menu ul li a {
  color: #5a5454;
  font-size: 15px;
}

.menu-title {
  font-size: 12px;
}

@media screen and (min-width: 767px) and (max-width: 1019px) {
	.mobcol1 .card,
	.mobcol2 .card {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 766px) {
	.container-fluid {
		padding-bottom: 50px;
	}
	.page-title-box {
		padding-bottom: 5px;
	}
	.mobcol1 .card,
	.mobcol2 .card {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 500px) {
	.page-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	.card {
		margin-bottom: 5px;
	}
	.page-title-box {
		padding-bottom: 10px;
	}
	.page-content {
		padding-top: 88px;
	}
	.container-fluid {
		padding-bottom: 50px;
	}
	.mainmenuicons i {
		font-size: 2.4em !important;
		margin-right: 12px !important;
	}
	.mobcol1 .card,
	.mobcol2 .card {
		margin-bottom: 8px;
	}
}

.mobcol1 {
	width: 100%;
	float: left;
}

@media screen and (max-width: 990px) {
	.vertical-menu {
		display: none;
	}
}

@media screen and (min-width: 990px) {
	.mobilemenubg {
		display: none;
	}
}

.mencard {
	text-align: center;
}

.mobilemenubg {
	background-color: #6d61ea;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
	top: 0px;
	left: 0px;
}

.topline {
	width: 100%;
	float: left;
	text-align: center;
}

.mobdisplay {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding: 0px 6px 0px 6px;
}

.mainformwhite .card-body {
	padding: 18px 43px 20px 32px;
}

label {
  font-weight: 400;
}

h3 {
  font-size: 1.4em;
}

.mobcol2 {
	width: 49%;
	float: left;
	margin-right: 2%;
}

.mobcol2:nth-child(2n + 2) {
	margin-right: 0px;
}