@import url('httpsfonts.googleapis.comcssfamily=Figtree');

 uniquifier Use a unique and descriptive class name
 weight Use a value from 100 to 900

.Figtree-uniquifier {
  font-family Figtree, sans-serif;
  font-optical-sizing auto;
  font-weight weight;
  font-style normal;
}
body,
th,
td,
.portlet {
	font-family Figtree, sans-serif;
	font-size 14px;
	color #4d4d4f;
	line-height 14px;
}

html {
	background none;
}

body {
	background url(httpsresource.mycrowdwisdom.comuploadsdemo5mainadmin-dashboard-bg_1707988994109.svg);
	background #F6F7FB;
}

.admin-panel {

	 width 
	-webkit-scrollbar {
		width 5px;
	}

	 Track 
	-webkit-scrollbar-track {
		border-radius 10px;
	}

	 Handle 
	-webkit-scrollbar-thumb {
		background #eef0f2;
		border-radius 10px;
	}

	 Handle on hover 
	-webkit-scrollbar-thumbhover {
		background transparent;
	}
}

td.label {
	white-space nowrap;
	text-align left;
}

.admin-panel {
	a {
		color #1C2434;
		text-decoration none;
	}

	label {
		display inline-flex;
		min-width 6%;
	}

	labelempty {
		display unset;
		min-width unset;
	}

	 ahover {
		color #1C2434;
		text-decoration none;
	} 

	 a[href=#] {
	background-color #1C2434;
	color #FFFFFF;
	padding 5px;
	border none;
	border-radius 3px;
} 

	tda[href=#] {
		background-color transparent;
		color #1C2434;
		text-decoration none;
	}

	tdaspan {
		border 2px solid #5A6771;
		border-radius 5px;
		background-color white;
		color #5A6771;
		padding 5px 8px;
		font-size 16px;
		cursor pointer;

	}

	tdaspanhover {
		border 2px solid #5A6771;
		border-radius 5px;
		background-color #1C2434;
		color white;
		padding 5px 8px;
		font-size 16px;
		cursor pointer;
	}
	
	}

	.labelhover {
		color unset;
	}

	input[type=submit],
	input[type=button],
	.toggle-link {
		background-color #1C2434;
		color #FFFFFF;
		padding 5px;
		border none;
		border-radius 3px;
		font-size 14px;
		font-family 'Figtree';
		cursor pointer;
	}

	inputfile-selector-button {
	border none;
	padding 5px;
	background #1C2434;
	color #FFFFFF;
  	border-radius 3px;
	font-size 14px;
	font-family 'Figtree';
	cursor pointer;
}
	input[type=file] {
	display block;
    font-size 14px;
	font-family 'Figtree';
}


	input[type=submit]hover,
	input[type=button]hover,
	.toggle-linkhover {
		background-color #1C2434;
		color #FFFFFF;
		padding 5px;
		border none;
		border-radius 3px;
		font-size 14px;
		font-family 'Figtree';
	}

	input.btn,
	.btn{
		display inline;
		border 2px solid #5A6771;
		border-radius 5px;
		color #FFFFFF;
		padding 5px 4px;
		font-size 16px;
		cursor pointer;
		background #000000;
	}
	.btnhover{
		border 2px solid #5A6771;
		border-radius 5px;
		background-color #1C2434;
		color white;
		padding 5px 4px;
		font-size 16px;
		cursor pointer;
	}
	.btnPrimary {
		display inline;
		border 2px solid #5A6771;
		border-radius 5px;
		background-color white;
		color #5A6771;
		padding 5px 8px;
		font-size 16px;
		cursor pointer;
	}
	.btnPrimaryhover{
		border 2px solid #5A6771;
		border-radius 5px;
		background-color #1C2434;
		color white;
		padding 5px 8px;
		font-size 16px;
		cursor pointer;
	}
	input.btnPrimary{
		display inline;
		border 2px solid #5A6771;
		border-radius 5px;
		background-color white;
		color #5A6771;
		padding 5px 8px;
		font-size 16px;
		cursor pointer;
	}
	input.btnPrimaryhover{
		border 2px solid #5A6771;
		border-radius 5px;
		background-color #1C2434;
		color white;
		padding 5px 8px;
		font-size 16px;
		cursor pointer;
	}
	a.button {
		border 2px solid #5A6771;
		border-radius 5px;
		background-color white;
		color #5A6771;
		padding 5px 8px;
		font-size 16px;
		cursor pointer;
	}

	a.btn.btn-secondary.btn-sm {
		display inline;
		border 2px solid #5A6771;
		border-radius 5px;
		background-color white;
		color #5A6771;
		padding 5px 8px;
		margin-bottom 3px;
		margin-top 3px;
		font-size 16px;
		cursor pointer;
		
	}
	a.btn.btn-secondary.btn-smhover{
		display inline;
		border 2px solid #5A6771;
		border-radius 5px;
		background-color #1C2434;
		color white;
		padding 5px 8px;
		font-size 16px;
		cursor pointer;
	}

	.btn-group.btn.btn-sm {
		
		background #1C2434;
		color #FFFFFF;
		width 10%;
		margin 5px;
		cursor pointer;
		
	}

	.btn-group.btn.btn-sm hover {
		background-color #E6E6E6;
		padding 5px;
		border-radius 3px;
		color #1C2434;
		text-decoration none;

	}

	.paging-active table,
	a.button {
		background #1C2434;
		color #FFFFFF;
		padding 5px;
		border none;
		border-radius 3px;
		margin-bottom 5px;
		cursor pointer;
	}

	 .paging-active table,
	a.buttonhover {
		background-color #1C2434;
		color #FFFFFF;
		padding 5px;
		border none;
		border-radius 3px;
	} 

	.paging-active table {
		background-color #1C2434;
		color #FFFFFF;
		padding 5px;
		border none;
		border-radius 3px;
	}

	a.button span {
		background none;
		display inline-block;
		line-height unset;
		padding 5px;
	}

	 .btnhover,
	.btnPrimaryhover,
	input.btnPrimaryhover,
	a.buttonhover,
	a[href=#]hover,
	..toggle-linkhover {
		background-color #1C2434;
		color #FFFFFF;
		padding 5px;
		border none;
		border-radius 3px;
	} 

	 .btnPrimaryhover,
	.portlet-wrap .peer-panel .btnhover,
	.newsform #submit1d1hover,
	.peerpage-panel .btnhover,
	.btnhover,
	.buy-buttonhover,
	#sharepage form.comments inputhover,
	.signInForm .buttonhover,
	#cartviewpage .shopping-cart .btnPrimaryhover,
	#cartviewpage .shopping-cart .btnhover,
	#cartviewpage .btn-top .btnhover,
	#cartviewpage .btn-bot .btnhover {
		background-color #1C2434;
		color #FFFFFF;
		padding 5px;
		border none;
		border-radius 3px;
	}
 
	.btn-group .btn {
		width 10%;
		margin 5px 0px;
		cursor pointer;
	}

	 input[type=submit]hover {
		background-color #1C2434;
		color #FFFFFF;
		padding 5px;
		border none;
		border-radius 3px;
	} 

}

input[type=text],
input.TextField {
	outline none;
	border 0.5px solid rgb(53 59 60  40%);
	border-radius 8px;
	padding 5px;
	 width 95%; 
	font-size 16px;
	font-family 'Figtree';
	margin 0px 0px 5px 0px;
}
input.PasswordTextField, input.TextField, select.ListMultipleChoice {
    width 500px;
	font-size 15px;
	font-family 'Figtree';
    padding 2px;
    border-radius 3px;
}
input.ac_input {
    width 500px;
}
input.DateTextField {
    width 100px;
    padding 5px;
    border-radius 3px;
}

input[type=password] {
	outline none;
	border 0.5px solid rgb(53 59 60  40%);
	border-radius 3px;
	padding 5px;
	 width 95%; 
	margin 0px 0px 5px 0px;
}

input[type=checkbox] {
	position relative;
	transform scale(1.1);
	top 3px;
	cursor pointer;
}

.richtext-wrapper .nicEdit-main {
	outline none;
	border-radius 18px;
}
.boxy-wrapper .title-bar h2 {
    font-size 15px;
    color white;
    line-height 1;
    margin 0;
    padding 0;
    font-weight normal;
}

button {
	background-color #1C2434;
	color #FFFFFF;
	padding 5px;
	border none;
	border-radius 3px;
	font-size 14px;
    font-family 'Figtree';
	cursor pointer;
}

 buttonhover {
	background-color #1C2434;
	color #FFFFFF;
	padding 5px;
	border none;
	border-radius 3px;
} 

select {
	outline none;
	border 0.5px solid rgb(53 59 60  40%);
	border-radius 5px;
	padding 5px;
	margin-top 5px;
	font-family 'Figtree';
    font-size 14px;
}

.tagsetListForm .ui-multiselect {
	width 225px !important;
	outline none;
	border 0.5px solid rgb(149 156 163);
	border-radius 5px;
	padding 5px;
	margin-top 5px;
	background #FFFFFF;
	font-family 'Figtree';
    font-size 14px;
}

.tagsetListForm .ui-multiselecthover {
	width 225px !important;
	outline none;
	border 0.5px solid rgb(149 156 163);
	border-radius 5px;
	padding 5px;
	margin-top 5px;
	color #4d4d4f;
	background #FFFFFF;
}

.select2-container {
	box-sizing border-box;
	display inline-block;
	margin-top 5px;
	position relative;
	vertical-align middle;
	font-family 'Figtree';
    font-size 14px;
}

.select2-container--default .select2-selection--multiple {
	background-color #fff;
	border-radius 5px;
	width auto;
	min-width 200px;
	max-width 600px;
	cursor text;
	font-family 'Figtree';
    font-size 14px;
}

.select2-container--default .select2-selection--single {
	background-color #fff;
	border none;
	font-family 'Figtree';
    font-size 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	background-color white;
	border 0.5px solid rgb(149 156 163);
	border-radius 5px;
	width auto;
	min-width 200px;
	max-width 600px;
	cursor text;
	font-family 'Figtree';
    font-size 14px;
}

fieldset {
	margin-bottom 5px;
	border 2px solid #eef0f2;
	border-radius 5px;
}

fieldset legend {
    background #5A6771;
    color #ffff;
    font-weight bold;
    font-size 18px;
    padding 8px;
    border-radius 3px;
    border none;
}

#wrapper {
	min-width 1000px;
	width 99%;
	padding-right 5px;
	padding-left 5px;
	margin-right auto;
	margin-left auto;
	background none;
}

header and toolbar CSS 
html #header .logo {
	background transparent url(imageslogo.gif) no-repeat;
}

#header {
	padding 6px 10px 0px 10px;
	color #006699;
}

#header .logo {
	background transparent url(imageslogo.png) no-repeat;
	background-size contain;
	width 255px;
	height 50px;
	margin 28px 0px 23px 0px;
}

#header .toolbar {
	background #5A6771;
	font-size 14px;
	border-radius 5px 5px;
	padding 10px;
	float right;
	box-shadow none;
}

.toolbar .welcome {
	font-size 100%;
	font-weight bold;
	color #FFFFFF;
}

.toolbar a {
	background none;
	text-decoration none;
	color #FFFFFF;
	padding 0px;
	padding 0px;
	-webkit-transition none;
	-moz-transition none;
	-o-transition none;
	transition none;
}

.toolbar a.signoff {
	font-weight bold;
	color #FFFFFF;
}

.toolbar a.signoffhover {
	background none;
	text-decoration none;
	color #FFFFFF;
}

.toolbar ahover {
	background none;
	text-decoration none;
	color #FFFFFF;
}

.toolbar .separator {
	color #FFFFFF;
}
.separator {
	color transparent;
}

 Main tabs CSS 
 module links 
ul.module-link {
	width 100%;
	margin 0px;
	list-style none;
	border-bottom none;
	padding 0px;
	background none;
	height inherit;
	 border 1px solid grey; 
	box-shadow 0 7px 7px -10px black;
}

ul.module-link,
ul.module-link li {
	display inline-block;
	position relative;
	zoom 1;
	padding 0px;
}

ul.module-link li {
	float left;
	border none;
	margin 0px 7px 0px 0px;
	top 14px;
	min-width 10%;
	border-radius 3px;
	padding 5px 4px 5px 4px;
	background-color transparent;
	height 50px;
	width unset;
}

ul.module-link li.last {
	margin-right 0px;
}

edited now

ul.module-link li a {
	display block;
	position relative;
	text-decoration none;
	outline 0;
	color #212427;
	font-weight normal;
	padding 4px 2px 4px 2px;
	font-size 14px;
	height inherit;
	width inherit;
	font-family unset;
}
ul.module-link li ahover {
    color #212427;
    text-decoration none;
}

ul.module-link li a span {
	display block;
	padding 0px;
	line-height 14px;
}

 ul.module-link li ahover {
	color#FFFFFF;
	text-decoration none;
}

ul.module-link li.firstnot(.selected) ahover {
	color#FFFFFF;
	text-decoration none;
} 

edited now
ul.module-link li.selected {
	background-color #1C2434;
	border-radius 5px;
	margin-bottom 20px;
	height unset;
	width unset;
}

ul.module-link li.selected a {
	font-weight bold;
	text-transform uppercase;
	font-size 22px;
	top 0px;
	color #FFFFFF;
	cursor default;
}

ul.module-link li.selected ahover {
	font-weight bold;
	top 0px;
	color #FFFFFF;
	cursor default;
}

ul.module-link li.firstnot(.selected) a {
	display block;
	position relative;
	text-decoration none;
	outline 0;
	color #212427;
	font-weight bold;
	padding 4px 2px 4px 2px;
	font-size 14px;
	height inherit;
	width inherit;
	font-family unset;
}
.ui-widget-content {
	    border 0px solid #aaa;

}

 Module content
#content {
	padding 0px;
}

.admin .module-content {
	padding 0px;
	background-color #FFFFFF;
	border-radius 5px;
	box-shadow none;
}

.admin-panel {
	.column.twenty {
		else change class name in html to not use this css
		width 15%;
		height 100vh;
		overflow-y auto;
		float left;
		border-radius 5px;
		font-size 14px;
	}

	.column.eighty {
		width 85%;
		height 100vh;
		overflow-y auto;
		 border-radius 5px; 
	}

	.menu {
		background-color #FFFFFF;
		color #5A6771;
		border-radius 5px 0px 5px 5px;
		background #FFFFFF;
		padding 0px;
		 box-shadow 0px -7px 12px 1px black; 
	}

	.column .block {
		margin 0 5px 0px 0;
		 box-shadow 0 0 4px 2px black; 
	0 7px 7px -10px
		color black;
	}
	.column.twenty .block{
		box-shadow 0 0 4px 1px black
	}

	.menu.block ul ul {
		 background-color transparent; 
		    margin 0px;
    padding 0px;
    background-color white;
		background white;
	}

	.menu li {
		 background #5A6771; 
		margin-bottom 0px;
		border-radius 0px;
	}

	.menuulli {
		line-height 22px;
		color#5A6771;
	}
	
	.menu ul  lihas(a.selected) {
		background-color #1C2434;
	
	}

	.menu a {
		border-bottom none;
		outline none;
		color #FFFFFF;
		background #1C2434;
		display block;
		margin 0px 0px;
		 line-height 14px; 
		padding 12px 14px 12px 14px;

	}
	.menu a.category.open {
		font-weight bold;
		color #FFFFFF;
		background #323A49;
		font-weight normal;
		margin 0px 0px;
		padding 12px 14px 12px 14px;
		border-radius 0px;


	}

	.menu liulli a{
		font-weight bold;
		color#FFFFFF;
		border-bottom none;
		display flex;
		text-indent 30px
	}

	.menu ahover {
		text-decoration none;
		outline none;
		padding 12px;
		color #FFFFFF;
		background #323A49;
		padding 12px 14px 12px 14px;
		border-radius 0px;

	} 
		.menu li ahover {
		text-decoration none;
		outline none;
		padding 10px;
		color #FFFFFF;
		background #323A49;
		padding 12px 14px 12px 14px;
		border-radius 0px;

	} 

	.menu li a.selected {
		font-weight bold;
		color #FFFFFF;
		background #323A49;
		background-color #323A49;
		margin 0px 0px;
		padding 12px 14px 12px 14px;
		border-radius 0px;
	}

	 .menu a.selectedhover {
		font-weight bold;
		color#FFFFFF;
		background #1C2434;
		border-radius 5px;
		padding 5px;
	} 

	added to prevent overlapping with survey and message class
	.menu a.category {

		span.category-label.survey,
		span.category-label.message {
			padding 0px;
			background transparent;
			margin 0px;
		}
	}

	.menu a.category {
		span.category-label.contextbefore {
			content f0e8;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}
		span.category-label.generalbefore {
			content f013;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.userbefore {
			content f007;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.productbefore {
			content f12e;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.catalogbefore {
			content f54e;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.programbefore {
			content f1d8;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.certificatebefore {
			content f0a3;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.conditionsbefore {
			content f55b;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.creditsbefore {
			content f091;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.featuredbefore {
			content f005;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.forumbefore {
			content f075;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.messagebefore {
			content f27a;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.reportbefore {
			content f65a;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.surveybefore {
			content f681;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.access_codesbefore {
			content f084;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.announcementbefore {
			content f0a1;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.bundlebefore {
			content f06b;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.business_intelligencebefore {
			content f21b;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.contributorbefore {
			content f51c;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.dictionarybefore {
			content f02d;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.eventbefore {
			content f073;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.facilitiesbefore {
			content f70e;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.institutebefore {
			content f1ad;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.knowledge_basebefore {
			content f0eb;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.organizationbefore {
			content f63d;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.taxbefore {
			content f51e;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.testbefore {
			content f044;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.templatebefore {
			content f0c5;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.admin_toolbefore {
			content f4fe;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		 span.category-label.agreementbefore {
			content f2b5;
			font-family Font Awesome 5 Pro;
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		} 

		span.category-label.applicantbefore {
			content f007;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.surgical_logbefore {
			content f080;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.sharebefore {
			content f064;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		span.category-label.couponbefore {
			content f145;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 20px;
		}

		spanafter {
			content f053;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 14px;
			float right;
		}
	}

	.menuulli {
		a[data-element-uuid=diadmindashboard] {
			spanbefore {
				content f21e;
				font var(--fa-font-solid);
				font-weight 900;
				display inline-block;
				margin-left calc(var(--icon-space)  -1);
				width var(--icon-space);
				min-width 20px;
			}
		}

		a[data-element-uuid=diadminemail_manager] {
			spanbefore {
				content f0e0;
				font var(--fa-font-solid);
				font-weight 900;
				display inline-block;
				margin-left calc(var(--icon-space)  -1);
				width var(--icon-space);
				min-width 20px;
			}
		}

		a[data-element-uuid=diadminorders] {
			spanbefore {
				content f03a;
				font var(--fa-font-solid);
				font-weight 900;
				display inline-block;
				margin-left calc(var(--icon-space)  -1);
				width var(--icon-space);
				min-width 20px;
			}
		}

		a[data-element-uuid=diadminpending_orders] {
			spanbefore {
				content f217;
				font var(--fa-font-solid);
				font-weight 900;
				display inline-block;
				margin-left calc(var(--icon-space)  -1);
				width var(--icon-space);
				min-width 20px;
			}
		}



		a[data-element-uuid=diadminreporting_center] {
			spanbefore {
				content f200;
				font var(--fa-font-solid);
				font-weight 900;
				display inline-block;
				margin-left calc(var(--icon-space)  -1);
				width var(--icon-space);
				min-width 20px;
			}
		}

		a[data-element-uuid=diadmintest_engine_authoring] {
			spanbefore {
				content f31c;
				font-weight 900;
				font var(--fa-font-solid);
				display inline-block;
				margin-left calc(var(--icon-space)  -1);
				width var(--icon-space);
				min-width 20px;
			}
		}

		a[data-element-uuid=diadmincredit_badge] {
			spanbefore {
				content f2c1;
				font var(--fa-font-solid);
				font-weight 900;
				display inline-block;
				margin-left calc(var(--icon-space)  -1);
				width var(--icon-space);
				min-width 20px;
			}

		}

		a[data-element-uuid=diadmincourse_migration_wizard] {
			spanbefore {
				content f6e8;
				font var(--fa-font-solid);
				font-weight 900;
				display inline-block;
				margin-left calc(var(--icon-space)  -1);
				width var(--icon-space);
				min-width 20px;
			}

		}

		a[data-element-uuid=diadminintegration] {
			spanbefore {
				content f362;
				font var(--fa-font-solid);
				font-weight 900;
				display inline-block;
				margin-left calc(var(--icon-space)  -1);
				width var(--icon-space);
				min-width 20px;
			}
		}

		a[data-element-uuid=diadminagreement] {
			spanbefore {
				content f2b5;
				font var(--fa-font-solid);
				font-weight 900;
				display inline-block;
				margin-left calc(var(--icon-space)  -1);
				width var(--icon-space);
				min-width 20px;
			}
		}
	}

	.menu a.category.open {
		spanafter {
			content f078;
			font var(--fa-font-solid);
			font-weight 900;
			display inline-block;
			margin-left calc(var(--icon-space)  -1);
			width var(--icon-space);
			min-width 14px;
			float right;
		}
	}

	.content-block {
		background-color #FFFFFF;
		padding 5px;
		border-radius 5px;
	}

	.content-header {
		text-align right;
		margin 18px 0px;
	}

	.content-header a {
		border 2px solid #1C2434;
		border-radius 5px;
		background-color #1C2434;
		color white;
		padding 10px 28px;
		margin-top 5px;
		font-size 16px;
		cursor pointer;
	}

	.content-header ahover {
		border 2px solid #1C2434;
		border-radius 5px;
		background-color white;
		color #1C2434;
		padding 10px 28px;
		font-size 16px;
		cursor pointer;
	
	} 

	.alert-info.header-alert {
		margin-bottom 20px;
		-webkit-box-shadow 0 0 2px 1px #d6ebfa;
	}

	.paging-info {
		font-size 100%;
		font-style normal;
		margin-top 5px;
		margin-bottom 5px;
	}

	thead {
		background-color #5A6771;
		border 2px solid #5A6771;
	}

	tbody {
		border 2px solid #eef0f2;
		border-top none;
	}

	.ctx-cont th {
		background #FFFFFF;
	}

	table.data th {
		background #5A6771;
		font-size 80%;
		text-transform none;
		color #FFFFFF;
		border 0.5px solid #FFFFFF;
	}

	table.data th a {
		color #FFFFFF;
		display block;
	}

	table.data th ahover {
		color#FFFFFF
	}

	table.data thhover {
		color#FFFFFF
	}

	table.data td {
		line-height 2em;
	}

	table.data td a{
		display inline-block;
		margin 0px 10px;
	}

	table.data td a[id^=edit]before{
		content f044;
		font-family Font Awesome 5 Pro;
		font-weight 900;
		display inline-block;
		margin-left calc(var(--icon-space)  -1);
		width var(--icon-space);
		min-width 14px;
	}

	table.data td a[id^=delete]before{
		content f1f8;
		font-family Font Awesome 5 Pro;
		font-weight 900;
		display inline-block;
		margin-left calc(var(--icon-space)  -1);
		width var(--icon-space);
		min-width 14px;
	}

	table.data,
	div.css-table.data {
		border-collapse collapse;
		border-spacing 1px;
		background #FFFFFF;
		border-left 0px solid #e9e9e9;
		border-bottom 0px solid #e9e9e9;
		border-right 0px solid #e9e9e9;
		 background blue; 
	}

	table.data thead tr,
	div.css-table.data .thead .tr {
		background none;
	}

	table tr.even,
	div.css-table.data .tr {
		line-height 2em;
	}

	table.data th,
	div.css-table.data .th {
		text-align left;
		 padding 5px; 
		background #5A6771;
		white-space nowrap;
		color #ffffff;
		font-size 14px;
		 font-weight 700; 
		border 1px solid #ffffff;
	}

	table.data th a,
	div.css-table.data .th a {
		color #ffffff;
		display block;
	}

	table.data th ahover,
	div.css-table.data .th ahover {
		color#FFFFFF;
		text-decoration none;
	}

	div.table div.data .thead {
		border 2px solid #5A6771;
	}

	div.table div.data .tbody {
		display table-row-group;
		border 2px solid #eef0f2;
		border-top none;
	}

	.tab ul.tabnav li {
		float left;
		margin-right 0px;
		 border 1px solid #c0c0c0; 
		border none;
		-moz-border-radius 0px 0px 0px 0px;
		border-radius 3px;
		background #eef0f2;
		 background-position 0px 0px; 
	}

	 .tab ul.tabnav li ahover {
		background-color #1C2434;
		color#FFFFFF
	} 

	table.data th.asc {
		background-color #5A6771;
		background #5A6771;
		padding-right 21px;
		border 0.5px solid #FFFFFF;
	}

	table.data th.asc,
	div.css-table.data .th.asc {
		background #5A6771 url(httpsresource.mycrowdwisdom.comuploadsdefaultmainsort-up-svgrepo-com_1703673069435.png) no-repeat right bottom18px;
		padding-right 21px;
	}

	table.data th.desc,
	div.css-table.data .th.desc {
		background #5A6771 url(httpsresource.mycrowdwisdom.comuploadsdefaultmainsort-down-svgrepo-com_1703673690522.png) no-repeat right top18px;
		padding-right 21px;
	}

	.tab ul.tabnav li a,
	.portlet .tab ul.tabnav li a,
	.tab-content .tab-content .tab ul.tabnav li a {
		display block;
		position relative;
		background-color transparent;
		padding 5px;
		text-decoration none;
		color #2e2427;
		outline 0;
		-moz-border-radius 0px 0px 0px 0px;
		border-radius 0px;
		top 0px;
		border 1px solid grey;
		border-bottom none;
		border-radius 5px;
		border-bottom-left-radius0px;
		border-bottom-right-radius0px;
		font-weight normal;
	}
.tab .tabnav em {
    font-style normal;
    font-size 18px;
	padding 8px;
}
	.block .tab ul.tabnav {
	border-bottom 1px solid #5A6771;
}

	.tab ul.tabnav li.selected a {
		background-color #5A6771;
		color #FFFFFF;
		-moz-border-radius 0px 0px 0px 0px;
		font-weight normal;
		top 0px;
	}

	.tab ul.tabnav li.selected {
		background #5A6771;
		border-bottom none;
		border-radius 5px;
		border-bottom-left-radius0px;
		border-bottom-right-radius0px;
	}

	.block .tab-content {
		border none;
		padding 5px 0px;
	}

	.DropDownChoice {
		margin 5px;
	}

	.required {
		margin 0px;
	}

	.FileUploadField {
		margin-bottom 5px;
	}

	.panel.panel-search {
		form.form-inline {
			margin-bottom 2px;
		}
	}

	.ac_input {
		outline none;
		border 0.5px solid rgb(53 59 60  40%);
		border-radius 3px;
		padding 5px;
		 width 95%; 
		margin 0px 0px 5px 0px;
	}

	.report-agrsurvey .label,
	.report-agrsurvey-view .label {
		display inline-block;
		text-align left;
		width 100px;
	}

	textarea {
		outline none;
		border 0.5px solid rgb(53 59 60  40%);
		border-radius 5px;
	}

	form .field-row {
		margin-bottom 5px;
	}

	form .field-row label {
		min-width 7%;
		display inline-flex;
	}

	form .field-row labelempty {
		min-width unset;
		display inline-flex;
	}

	.bundle-form .field-row .labelempty {
		display inline-block;
		width unset;
	}

	form .field-row label[for=-targets_] {
		min-width unset;
		display unset;
	}

	.report-community .label {
		display inline-flex;
		width unset;
		min-width 8%;
	}

	.form-inline .form-group {
		float none;
		margin-right 10px;
	}
	.row .pull-left, .pull-right {
		float unset;
	}

	.boxhd,
	.search-browse .boxhd {
		border 0px solid #C0C0C0;
		-moz-border-radius 0px 0px 0px 0px;
		border-radius 0px 0px 0px 0px;
		background #1C2434;
		float none;
		font-weight 700;
		font-size 14px;
		color #ffffff;
		margin 0px 0px 0px 0px;
	}

	.panel-body form .form-group label {
		min-width 10%;
	}

	.test-attempt-search .field-row label {
		min-width 6%;
		display block;
	}

	.paging-nav {
		border-top none;
		float right;
		padding-top 8px;
		padding-bottom 8px;
	}

	.paging-nav span.pageno {
		color black;
		text-decoration none;
	}

	.paging-nav a.link {
		color #5a677e;
		background-color #ffffff;
		border-radius 3px;
		border 1px solid #5A6771;
		padding 4px 8px;
		text-decoration none;
	}
	.paging-nav a.linkhover {
		color #FFFFFF;
		background-color #1C2434;
		border-radius 3px;
		border 1px solid #1C2434;
		padding 4px 8px;
		text-decoration none;
	}
	.paging-nav .pageno span.link {
		background-color #eef0f2;
		border 1px solid #5A6771;
		color #353b3c;
		padding 4px 8px;
		border-radius 3px;
	}

	.paging-nav span.first,
	span.prev {
		color black;
		padding 4px 8px;
		text-decoration none;
	}

	.paging-nav a.first,
	.paging-nav a.prev {
		color #FFFFFF;
		background-color #1C2434;
		border-radius 3px;
		padding 4px 8px;
		text-decoration none;
	}

	 .paging-nav a.firsthover,
	.paging-nav a.prevhover {
		background-color #ec4e20;
		padding 4px 8px;
		border-radius 5px;
	} 

	.paging-nav span.next,
	.paging-nav span.last {
		color black;
		padding 4px 8px;
		text-decoration none;
	}

	.paging-nav a.next,
	.paging-nav a.last {
		color #5a677e;
		background-color #ffffff;
		border-radius 3px;
		border 1px solid #5A6771;
		padding 4px 8px;
		text-decoration none;
	}

	 .paging-nav a.nexthover,
	.paging-nav a.lasthover {
		background-color #ec4e20;
		padding 4px 8px;
		border-radius 5px;
	} 

	 .paging-nav .pageno a.linkhover {
		background-color #ec4e20;
		border-radius 3px;
	} 

	table.split tr td {
		padding 5px;
		line-height 2em;
	}

}

#adminpage.boxy-wrapper {

	.top-left,
	.top-right {
		background none;
	}

	.top,
	.bottom {
		height 0px;
		background-color transparent;
		opacity 0.6;
		filter alpha(opacity=60);
		padding 0;
	}

	.boxy-left,
	.boxy-right {
		width 10px;
		background-color transparent;
		opacity 0.6;
		filter alpha(opacity=60);
		padding 0;
	}

	.boxy-inner {
		background-color white;
		padding 0;
		min-width 500px;
		border-radius 5px;
	}

	.bottom-right,
	.bottom-left {
		background none;
	}

	a.close {
		background #eef0f2;
		color black;
		padding 5px;
		border none;
		border-radius 3px;
		top 2px;
	}

	.title-bar {
		background-color #5A6771;
		padding 6px;
		position relative;
	}

	button {
		background #1C2434;
		color #FFFFFF;
		padding 5px;
		border none;
		border-radius 3px;
	}

	input[type=submit] {
		background #1C2434;
		color #FFFFFF;
		padding 5px;
		border none;
		border-radius 3px;
	}

	input.size3 {
    width 500px;
	padding 5px;
	border-radius 3px;

	}

	input.size3.required {
    width 500px;
	padding 5px;
	border-radius 3px;

	}
	
	table.data th,
	div.data .th {
		background #5A6771;
		font-size 80%;
		text-transform none;
		color #FFFFFF;
		border 0.5px solid #FFFFFF;
	}

	table.data th ahover,
	div.css-table.data .th ahover {
		color#FFFFFF;
		text-decoration none;
	}

	table.data th a,
	div.css-table.data .th a {
		display block;
	}

	table.data th.asc,
	div.css-table.data .th.asc {
		background #1C2434 url(httpsresource.mycrowdwisdom.comuploadsdefaultmainsort-up-svgrepo-com_1703673069435.png) no-repeat right bottom18px;
		padding-right 21px;
	}

	table.data th.desc,
	div.css-table.data .th.desc {
		background #1C2434 url(httpsresource.mycrowdwisdom.comuploadsdefaultmainsort-down-svgrepo-com_1703673690522.png) no-repeat right top18px;
		padding-right 21px;
	}

	.paging-nav {
		border-top none;
		padding-top 8px;
		padding-bottom 8px;
	}

	.paging-nav span.pageno {
		color black;
		text-decoration none;
	}

	.paging-nav a.link {
		color #FFFFFF;
		background-color #1C2434;
		border-radius 3px;
		padding 4px 8px;
		text-decoration none;
	}

	.paging-nav .pageno span.link {
		background-color #eef0f2;
		color #353b3c;
		padding 4px 8px;
		border-radius 3px;
	}

	.paging-nav span.first,
	span.prev {
		color black;
		padding 4px 8px;
		text-decoration none;
	}

	.paging-nav a.first,
	.paging-nav a.prev {
		color #FFFFFF;
		background-color #1C2434;
		border-radius 3px;
		padding 4px 8px;
		text-decoration none;
	}

	 .paging-nav a.firsthover,
	.paging-nav a.prevhover {
		background-color #ec4e20;
		padding 4px 8px;
		border-radius 5px;
	} 

	.paging-nav span.next,
	.paging-nav span.last {
		color black;
		padding 4px 8px;
		text-decoration none;
	}

	.paging-nav a.next,
	.paging-nav a.last {
		color #5a677e;
		background-color #ffffff;
		border-radius 3px;
		padding 4px 8px;
		text-decoration none;
	}

	 .paging-nav a.nexthover,
	.paging-nav a.lasthover {
		background-color #ec4e20;
		padding 4px 8px;
		border-radius 5px;
	} 

	 .paging-nav .pageno a.linkhover {
		background-color #ec4e20;
		border-radius 3px;
	} 
}

#footer {
	margin-top 20px;
	font-size 12px;
	color #212427;
	padding 10px 0px;
}

#footer .copyright {
	float left;
	text-shadow none;
}

#footer .links {
	text-align right;
}

#footer .links a {
	background-color #FFFFFF;
	color #21242e;
	padding 5px;
	border 1px solid #5A6771;
	border-radius 5px;
	text-shadow none;
}

 #footer .links ahover {
	background-color #1C2434;
	color #FFFFFF;
	padding 5px;
	border-radius 3px;
} 

#footer .links .separator {
	background-color transparent;
	color white;
}

.policy-prompt {
	min-width 1000px;
	position inherit;
	bottom 0;
	left 0;
	right 0;
	height 45px;
	line-height 45px;
	background #353B3C;
	color #fff;
	padding 0px 14px;
	font-size 14px;
	text-align center;
}