.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;
}

.ui-state-disabled {
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
.cardbasic {
	font-size: 1.8em; 
	font-weight: normal; 
	letter-spacing: 0px; 
}
/*.iconhover:hover {
	 box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	 border-radius: 30px;
}*/
.iconsel {
	background-color: #6D61EA;
	color: #fff;
}
.iconselect .card-animate {
	text-align: center;
	background-color: none !important;
	font-size: 2.5em;
}
.colour-picker {
	text-align: center;
}
.stickfoot {
	width: 100%;
	position: fixed;
	bottom: 0px;
	color: #000;
	background-color: #fff;
	z-index: 1000;
	box-sizing: border-box;
	padding: 8px 25px;
	text-align: right;
	border-top: 26px solid #F6F6F6;
}
.form-group .error {
	color: #E64550;
}
.required {
	color: #E64550;
}
.redbutton {
	background-color: #E64550;
	border-color: #E64550;
	color: #ffffff;
}
.redbutton:hover {
	background-color: #EE313C;
	border-color: #EE313C;
}
.redbutton:clicked {
	background-color: #EE313C;
	border-color: #EE313C;
}
.redbutton:active {
	background-color: #EE313C;
	border-color: #EE313C;
}
.redbutton:focus {
	background-color: #EE313C;
	border-color: #EE313C;
}
.cardpbig {
	font-size: 2em;
}
.cardselected {
	background-color: #2AC870 !important;
}
.cardclickedit {
	cursor: pointer;
}
.cardselected h6 {
	color: #ffffff !important;
}
.cardselected h3 {
	color: #ffffff !important;
}
.cardselected span {
	color: #ffffff !important;
}
.cardselected .avatar-sm span {
	background-color: #ffffff !important;
}
.cardselected .avatar-sm i {
	color: #495057 !important;
}
.cardswab {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-weight: normal;
  font-size: 1.2em;
  padding-top: 20px;
  padding-bottom: 20px;
  font-style: italic;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.cardswabbig {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-weight: normal;
  font-size: 1.4em;
  padding-top: 80px;
  padding-bottom: 80px;
  font-style: italic;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.iconhover {
	cursor: pointer;
}
.boldselected {
	font-weight: bold;
}
.filters .leftcat .form-control-lg {
	padding: 15px 19px;
	border-radius: 5px;
	height: auto !important;
}
.filters {
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 19px 29px 20px;
}
.searchsection .card {
	margin-bottom: 10px;
}
.leftcat {
	float: left;
	width: 30%;
}
.middlefilter {
	float: left;
	width: 20%;
}
.middlefilter span {
  font-size: 1.2em;
  line-height: 52px;
  padding-left: 20px;
  color: #6D61EA;
  cursor: pointer;
}
.middlefilter span:hover {
  text-decoration: underline;
}
.rightfilter {
	float: right;
	width: 50%;
}
/*:hover {
	 box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	 border-radius: 30px;
}*/
.iconsel {
	background-color: #6D61EA !important;
	color: #fff;
}
.footbarheader {
	width: 100%;
	position: fixed;
	padding: 10px;
	bottom: 0px;
	background-color: #F8F8F8;
}
.footbarmobile {
	width: 100%;
	position: fixed;
	padding: 10px;
	bottom: 0px;
	background-color: #F8F8F8;
}
#page-topbar { 
	background-color: #F8F8F8;
}
.stickfoot i {
	margin-right: 10px;
}
.stickbut {
	margin-right: 10px;
}
.iconbutton {
	color: #fff;
	margin-right: 10px !important;
	float: left;
	line-height: 24.5px;
}
.footbarinner {
	width: 100%;
	position: relative;
	color: #fff;
	background-color: #2AC870;
	z-index: 1000;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	border-radius: 6px;
}
.footbarinner i {
	color: #fff;
	margin-right: 10px;
	font-size: 1.2em;
}
.footbarinner span {
	color: #fff;
	font-size: 1.2em;
}
.footbarinnersub {
	width: 100%;
	position: relative;
	color: #fff;
	background-color: #6d61ea;
	z-index: 1000;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	border-radius: 6px;
}
.footbarinnersub i {
	color: #fff;
	margin-right: 10px;
	font-size: 1.2em;
}
.footbarinnersub span {
	color: #fff;
	font-size: 1.2em;
}
.footbarinnercancel {
	width: 100%;
	position: relative;
	color: #fff;
	background-color: #E64550;
	z-index: 1000;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	border-radius: 6px;
}
.footbarinnercancel i {
	color: #fff;
	margin-right: 10px;
	font-size: 1.2em;
}
.footbarinnercancel span {
	color: #fff;
	font-size: 1.2em;
}
.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;
	}
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}
.sortgrid:after {
  content: '';
  display: block;
  clear: both;
}
.catgrid:after {
  content: '';
  display: block;
  clear: both;
}
.flaggrid:after {
  content: '';
  display: block;
  clear: both;
}
.flagselected {
	border-color: #2AC870 !important;
	color: #2AC870 !important;
}
.flaglinks a {
	color: #6c757d;
}
.flaglinks:hover a {
	color: #2AC870 !important;
}
.flaglinks:hover img {
	border-color: #2AC870 !important;
}
.bluractive {
	text-shadow: 0 0 10px #000;
	opacity: 0.6;
	color: transparent !important;
}
.bluricon {
	color: #2AC870 !important;
}
.logo img {
	height: auto !important;
	margin-top: 12px;
	width: 60%;
}
.labfav {
	width: 100%;
}
#sidebar-menu ul li a {
  color: #5a5454;
  font-size: 15px;
}
.menu-title {
  font-size: 12px;
}

.grid-item {
  float: left;
}
.catgrid-item {
  float: left;
}
.colgrid-item {
  float: left;
}
.flaggrid-item {
  float: left;
}
.grid .card {
  margin-bottom: 0px;
}
.sortgrid .card {
  margin-bottom: 0px;
}
.catgrid .card {
  margin-bottom: 0px;
}
.colgrid .card {
  margin-bottom: 0px;
}
.flaggrid .card {
  margin-bottom: 0px;
}
.icongrid .card {
  margin-bottom: 0px;
}

.flaggrid-item p {
	margin-bottom: 5px;
}
.flaghover {
	cursor: pointer;
}

@media screen and (min-width: 1601px) {
	/* change it to 6 items less margin bottom */
	.grid-sizer,
	.grid-item {
	  width: 16%;
	}
	.gutter-sizer { 
		width: 0.8%; 
	}
	.grid-item {
	  margin-bottom: 14px;
	}
	
	.catgrid-sizer,
	.catgrid-item {
	  width: 19.2%;
	}
	.catgutter-sizer { 
		width: 1%; 
	}
	.catgrid-item {
	  margin-bottom: 14px;
	}
	
	.colgrid-sizer,
	.colgrid-item {
	  width: 9.82%;
	}
	.colgutter-sizer { 
		width: 0.2%; 
	}
	.colgrid-item {
	  margin-bottom: 2px;
	}
	
	.flaggrid-sizer,
	.flaggrid-item {
	  width: 9.1%;
	}
	.flaggutter-sizer { 
		width: 1%; 
	}
	.flaggrid-item {
	  margin-bottom: 14px;
	}
	
	.icongrid-sizer,
	.icongrid-item {
	  width: 6.2%;
	}
	.icongridgutter-sizer { 
		width: 0.5%; 
	}
	.icongrid-item {
	  margin-bottom: 4px;
	}
	
}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
	/* change it to 5 items less margin bottom */
	.grid-sizer,
	.grid-item {
	  width: 19.2%;
	}
	.gutter-sizer { 
		width: 1%; 
	}
	.grid-item {
	  margin-bottom: 14px;
	}
	
	.catgrid-sizer,
	.catgrid-item {
	  width: 24.1%;
	}
	.catgutter-sizer { 
		width: 1.2%; 
	}
	.catgrid-item {
	  margin-bottom: 14px;
	}
	
	.colgrid-sizer,
	.colgrid-item {
	  width: 9.82%;
	}
	.colgutter-sizer { 
		width: 0.2%; 
	}
	.colgrid-item {
	  margin-bottom: 2px;
	}
	
	
	.flaggrid-sizer,
	.flaggrid-item {
	  width: 9.1%;
	}
	.flaggutter-sizer { 
		width: 1%; 
	}
	.flaggrid-item {
	  margin-bottom: 14px;
	}
	
	.icongrid-sizer,
	.icongrid-item {
	  width: 7.4153846153846153846153846153846%;
	}
	.icongridgutter-sizer { 
		width: 0.3%; 
	}
	.icongrid-item {
	  margin-bottom: 4px;
	}
}
@media screen and (min-width: 1020px) and (max-width: 1400px) {
	/* change it to 3 items less margin bottom */
	.grid-sizer,
	.grid-item {
	  width: 32.2%;
	}
	.gutter-sizer { 
		width: 1.7%; 
	}
	.grid-item {
	  margin-bottom: 12px;
	}
	
	.catgrid-sizer,
	.catgrid-item {
	  width: 32.2%;
	}
	.catgutter-sizer { 
		width: 1.7%; 
	}
	.catgrid-item {
	  margin-bottom: 12px;
	}
	
	.colgrid-sizer,
	.colgrid-item {
	  width: 9.82%;
	}
	.colgutter-sizer { 
		width: 0.2%; 
	}
	.colgrid-item {
	  margin-bottom: 2px;
	}
	
	.flaggrid-sizer,
	.flaggrid-item {
	  width: 16%;
	}
	.flaggutter-sizer { 
		width: 0.8%; 
	}
	.flaggrid-item {
	  margin-bottom: 16px;
	}
	
	.icongrid-sizer,
	.icongrid-item {
	  width: 9.46%;
	}
	.icongridgutter-sizer { 
		width: 0.6%; 
	}
	.icongrid-item {
	  margin-bottom: 4px;
	}
	
}
@media screen and (min-width: 767px) and (max-width: 1019px) {
	/* change it to 3 items less margin bottom */
	.grid-sizer,
	.grid-item {
	  width: 32.2%;
	}
	.gutter-sizer { 
		width: 1.7%; 
	}
	.grid-item {
	  margin-bottom: 12px;
	}
	
	.catgrid-sizer,
	.catgrid-item {
	  width: 49%;
	}
	.catgutter-sizer { 
		width: 2%; 
	}
	.catgrid-item {
	  margin-bottom: 12px;
	}
	
	.colgrid-sizer,
	.colgrid-item {
	  width: 24.1%;
	}
	.colgutter-sizer { 
		width: 1.2%; 
	}
	.colgrid-item {
	  margin-bottom: 10px;
	}
	
	.flaggrid-sizer,
	.flaggrid-item {
	  width: 24.1%;
	}
	.flaggutter-sizer { 
		width: 1.2%; 
	}
	.flaggrid-item {
	  margin-bottom: 16px;
	}
	
	.icongrid-sizer,
	.icongrid-item {
	  width: 11.7125%;
	}
	.icongridgutter-sizer { 
		width: 0.9%; 
	}
	.icongrid-item {
	  margin-bottom: 4px;
	}
	.mobcol1 .card, .mobcol2 .card {
		margin-bottom: 10px;
	}
	
}
@media screen and (max-width: 766px) {
	/* change it to 2 items less margin bottom */
	.grid-sizer,
	.grid-item {
	  width: 49%;
	}
	.gutter-sizer { 
		width: 2%; 
	}
	.grid-item {
	  margin-bottom: 10px;
	}
	
	.catgrid-sizer,
	.catgrid-item {
	  width: 100%;
	}
	.catgutter-sizer { 
		width: 0%; 
	}
	.catgrid-item {
	  margin-bottom: 5px;
	}
	
	.colgrid-sizer,
	.colgrid-item {
	  width: 49%;
	}
	.colgutter-sizer { 
		width: 2%; 
	}
	.colgrid-item {
	  margin-bottom: 10px;
	}
	
	.flaggrid-sizer,
	.flaggrid-item {
	  width: 32.2%;
	}
	.flaggutter-sizer { 
		width: 1.7%; 
	}
	.flaggrid-item {
	  margin-bottom: 12px;
	}
	
	.icongrid-sizer,
	.icongrid-item {
	  width: 15.666666666666666666666666666667%;
	}
	.icongridgutter-sizer { 
		width: 1.2%; 
	}
	.icongrid-item {
	  margin-bottom: 4px;
	}
	
	.container-fluid {
		padding-bottom: 50px;
	}
	.page-title-box {
		padding-bottom: 5px;
	}
	
	.leftcat {
		width: 100%;
	}
	
	.middlefilter {
		width: 100%;
	}
	
	.rightfilter {
		width: 100%;
	}
	
	.icontypes li:last-child {
		margin-right: 0px;
	}
	
	.middlefilter span {
	  padding-left: 0px;
	}
	
	.filters {
	  padding: 10px 19px 3px 20px;
	}
	
	.mobcol1 .card, .mobcol2 .card {
		margin-bottom: 10px;
	}
	
}
@media screen and (max-width: 500px) {
	/* change it to 2 items less margin bottom */
	.page-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	.card {
		margin-bottom: 5px;
	}
	.mobh {
		margin-top: 15px;
	}
	.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;
	}
	
	.icongrid-sizer,
	.icongrid-item {
	  width: 32.2%;
	}
	.icongridgutter-sizer { 
		width: 1.7%; 
	}
	.icongrid-item {
	  margin-bottom: 4px;
	}
	.mobpading {
		padding-right: 12px !important;
		padding-left: 12px !important;
	}
	.searchsection {
		padding-right: 12px;
		padding-left: 12px;
	}
	.mobcol1 .card, .mobcol2 .card {
		margin-bottom: 8px;
	}
}
.mobcol1 {
	width: 100%;
	float: left;
}
.nofold {
	padding-right: 12px !important;
	padding-left: 12px !important;
	width: 100%;
	float: left;
	box-sizing: border-box;
}
@media screen and (max-width: 990px) {
	/* the breakpoint where the mobile nav dissapears  */
	/* hide the large menu completely */
	.vertical-menu {
		display: none;
	}
}
@media screen and (min-width: 990px) {
	/* the breakpoint where the mobile nav dissapears  */
	/* hide the large menu completely */
	.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;
}
#gridlist .card-body, .sortgrid .card-body {
	min-height: 150px;
}
label {
  font-weight: 400;
}
h3, .h3 {
  font-size: 1.4em;
}
.catdescspan {
	margin-bottom: 12px;
	display: block;
}
.catgrid .maintitlecard, .catcard .maintitlecard { 
	margin-bottom: 12px !important;
}
.searchsection input {
	margin-bottom: 0px !important;
	border: none;
}
.searchsection .searchbutt {
  text-indent: -999px;
  overflow: hidden;
  width: 40px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
  cursor: pointer;
  opacity: 0.7;
}

.searchsection .searchbutt:hover {
  opacity: 1;
}
.searchsection .searchsurround {
  color: #555;
  display: flex;
  padding: 2px;
  border: 1px solid #ced4da;
  border-radius: 5px;
}
.icontypes {
	list-style-type: none;
	margin: 0px;
	line-height: 52px;
	text-align: right;
}
.icontypes li {
	display: inline-block;
	margin-right: 20px;
	font-size: 1.2em;
	cursor: pointer;
}
.icontypes li:hover {
	color: #495057;
}
.searchsectionglobal {
	display: block;
	
}
.searchglobal {

}
.bigmargin {
	margin-top: -13px;
	margin-bottom: 11px;
	float: left;
	width: 100%;
}
.filtersearch {
	width: 100%;
	margin-top: 10px;
	float: left;
}
.filtersearch a {
	color: #495057;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 14px;
}
.filtersearch a:hover, .filtersearch a:active, .filtersearch a.active {
	color: #6d61ea;
	text-decoration: underline;
}
.filtertitle {
	color: #495057;
	font-family: "Montserrat",sans-serif;
	font-weight: 600;
	font-size: 14px !important;
}
.mobcol2 {
	width: 49%;
	float: left;
	margin-right: 2%;
}
.mobcol2:nth-child(2n + 2) {
	margin-right: 0px;
}
.form-control-lg {
  padding: 26px 18px;
  font-size: 1.2em;
  border-radius: 3px;
}
.card-remind .text-muted, .card-remind span,  .card-remind .maintitlecard {
	color: #fff !important;
}
.card-remind .labfav .badge-soft-primary {
	background-color: #fff !important;
}