/* montserrat-regular - latin */
@font-face {
  font-display: block; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-display: block; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v25-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}








body, input, textarea, select {
	color: #202020;
  font-family: Montserrat, sans-serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.2em;
}
#editemailtext textarea,
#editemailtext input[type="text"],
#addusers textarea{
	width: 100%;
}
h1{
	color: #35DBFE;
	font-size: 2em;
	font-weight: 700;
	line-height: 1.2em;
}
h1.Title-Section{
	text-align: center;
	margin: 0em;
}
h2{
	color: #35DBFE;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.2em;
}
h2.Title-Lecture{
	text-align: center;
	margin: 0em 0em 1em 0em;
}
h3{
	color: #202020;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2em;
}
p{
	color: #202020;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.2em;
}
strong{
	font-weight: 700;
}

video {
	max-width: 100%;
	height: auto;
}

input[type="number"] {
   width:50px;
}

.clear-both{
  clear: both;
}

a{
	color: #000000;
  font-family: Montserrat, sans-serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.2em;
	text-decoration: none;
}
a:hover{
	color: #000080;
}

a.boldlink{
	color: #000080;
  font-family: Montserrat, sans-serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2em;
	text-decoration: underline;
}
a.boldlink:hover{
	color: #0000FF;
}

body {
	background: #FFFFFF;
	padding: 5px;
	margin: 0px;
	
}


#page {
	margin: 0px auto;
	max-width: 1920px;
	width: 100%;
}
#header{
  background : linear-gradient(to right top, #0C2055, #0060B6);  
	border: none;
	clear: both;
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100px;
}
#header img.logo{
  position: absolute;
	top: 10px;
	left: 10px;
	width: 395px;
}
#logout{
  position: absolute;
	top: 20px;
	right: 10px;
	min-width: 120px;
	height: 41px;
	text-align: right;
}

#topmenu{
	border: none;
	clear: both;
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 30px;
	top: 70px;
}
#topmenu ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#topmenu ul li {
	float: left;
	position: relative;
}
#topmenu ul li a{
	font-size: 15px;
	font-weight: 700;
  letter-spacing: 1px;
	color: #E0E0E0;
	display: block;
	line-height: 30px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#topmenu ul li a:hover {
	color: #FFFFFF;
}
#topmenu ul li.selected a {
	color: #FFFFFF;
  background-color: #001E3C;  
}



#menu{
	border: none;
	clear: both;
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 30px;
	z-index: 999;
}
#menu ul{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#menu ul.menu {
	background : linear-gradient(to right top, #0C2055, #5639AB);  
}
#menu ul.menulecture1 {
	display: inline-block;
	width: 100%;
}
#menu ul.menulecture2 {
	display: inline-block;
	width: 100%;
}

#menu ul li {
	display: block;
	position: relative;
}
#menu ul.menulecture2 li{
	padding-left: 30px;
}
#menu ul.menulecture2 li .Title{
	border-left: 5px solid transparent;
}
#menu ul.menulecture2 li.link a{
	border-left: 5px solid #35DBFE;
}
#menu ul.menulecture2 li.link.reading a{
	border-left: 5px solid #FFFFFF;
}


#menu ul li a,
#menu ul li .Title{
	font-size: 17px;
	font-weight: 700;
  letter-spacing: 1px;
	color: #ffffff;
	display: block;
	line-height: 30px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#menu ul.menulecture1 li a{
	font-size: 18px;
	border-left: 5px solid transparent;
}
#menu ul.menulecture1 li a.read{
	font-size: 18px;
	border-left: 5px solid #35DBFE;
}
#menu ul.menulecture1 li a.reading{
	font-size: 18px;
	border-left: 5px solid #FFFFFF;
}
#menu ul.menulecture1 li a.reading + ul{
	display: inline-block!important;
}

#menu ul.menulecture2 li a,
#menu ul.menulecture2 li .Title{
	font-size: 17px;
}



#menu ul li a:hover,
#menu ul li .Title:hover {
	color: #FFFFFF;
  background-color: #919191;  
}
#menu ul li a.selected {
	color: #FFFFFF;
  background-color: #919191;  
}


#menu1h{
  background-color: #919191;  
	border: none;
	clear: both;
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 25px;
}
#menu1h ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#menu1h ul li {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#menu1h ul li.selected{
  background-color : #102E4C;  	
}
#menu1h ul li a {
	font-size: 15px;
	font-weight: 400;
  letter-spacing: 1px;
	color: #FFFFFF;
	display: block;
	line-height: 25px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#menu1h ul li a:hover {
	color: #FFFFFF;
  background-color : #102E4C;  
}

#menu1h ul li:hover > ul {
	display: block;
}



#menu1{
  background-color: #919191;  
	border: none;
	clear: both;
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 25px;
}
#menu1 ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#menu1 ul li {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#menu1 ul li a {
	font-size: 15px;
	font-weight: 400;
  letter-spacing: 1px;
	color: #FFFFFF;
	display: block;
	line-height: 25px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#menu1 ul li a:hover {
	color: #FFFFFF;
  background-color : #102E4C;  
}

#menu1 ul li:hover > ul {
	display: block;
}




#menu1 ul ul {
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
  top: 25px;
	left: 0px;
	z-index: 99999;
	background-color: #919191;
	display: none;
}

#menu1 ul li ul,
#menu1 ul li ul li{
	background-color: #919191;
	width: 120px;
	margin: 0px;
	padding: 0px;
	z-index: 99999;
}
#menu1 ul li ul.LangMultiEdit,
#menu1 ul li ul.LangMultiEdit li{
  width: 170px;
}
#menu1 ul li ul.LangMultiAdd,
#menu1 ul li ul.LangMultiAdd li{
  width: 170px;
}
#menu1 ul li ul li a {
	background-color: #919191;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 17px;
	padding: 5px 10px 5px 10px;
	width: 100%;
	z-index: 99999;
	position: relative;
}


#menu1 ul li ul p {
	background-color: #FF8000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 17px;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	width: 100%;
	z-index: 99999;
	position: relative;
}

.hamburger {
    position: relative;
    display: inline-block;
    width: 1.25em;
    height: 0.8em;
    margin-right: 0.3em;
    border-top: 0.2em solid #fff;
    border-bottom: 0.2em solid #fff;
	margin-top: 4px;
}

.hamburger:before {
    content: "";
    position: absolute;
    top: 0.3em;
    left: 0px;
    width: 100%;
    border-top: 0.2em solid #fff;
}










#content{
  position: relative;
	border: none;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 30px 20px 20px 20px;
	width: calc(100% - 40px);
}
#content ol li,
#content ul li{
	float: none;
}
#loginform{
  position: relative;
	display: block;
	top: 20px;
	left: 0px;
	width: 100%;
	max-width: 100%;
	height: 100px;
}



.Table.Control{
	background-color: #2040ff;
	background-image: linear-gradient(to right, #0000ff , #2040ff);
	color: #ffffff;
	padding: 5px 5px 10px 10px;	
	text-align: left;
}
.Table.Control .Title{
	font-size: 1.4em;
	margin-right: 30px;
}
.Table.Control a.Title{
	font-size: 1.4em;
	margin-right: 10px;
	color: #ffffff;
	text-decoration: underline;
}
.Table.Control a.Title:hover{
	color: #a0a0a0;
}
.Table.Control .search{
	font-size: 1.2em;
	margin-right: 10px;
}
.Table.Control input[type=text]{
	font-size: 1.2em;
	margin-right: 30px;
	width: 100px;
}
.Table.Control input[type=email]{
	font-size: 1.2em;
	margin-right: 30px;
	width: 200px;
}
.Table.Control .inactive{
	font-size: 1.2em;
	margin-left: 10px;
}

.Table.Wrapper{
	padding: 0px 0px 20px 0px;
}
.Table.Row{
	display: grid;
}
.Table.Row.Header{
	background-color: #4080ff;
	background-image: linear-gradient(to right, #2040ff , #4080ff);
	color: #ffffff;
	padding: 5px 5px 5px 5px;
}
.Table.Row.Header a{
	color: #ffffff;
	text-decoration: underline;
}
.Table.Row.Data{
	background-color: #F0F0F0;
	color: #202020;
	padding: 5px 5px 5px 5px;
}
.Table.Row.hiddenform{
	background-color: #F0F0F0;
	color: #202020;
	padding: 5px 5px 5px 5px;
}
.Table.Row .Col{
	overflow-wrap: break-word;
	/* Legacy property for older browser compatibility */
	word-wrap: break-word;
	min-width: 0;
}



.ClientList.Table.Row{
	grid-template-areas: 'Name Email Company Enterprise';
	grid-template-columns: 1fr 1fr 100px 100px;
}
a:nth-child(odd) > .ClientList.Table.Row.Data{
    background-color: #eeeeff;
}
a:nth-child(even) > .ClientList.Table.Row.Data{
    background-color: #d0d0ff;
}
a:hover > .ClientList.Table.Row.Data{
	background-color: #FF8080;
}

.ClientList3.Table.Row{
	grid-template-areas: 'Name Email Course';
	grid-template-columns: 1fr 1fr 100px;
}
a:nth-child(odd) > .ClientList3.Table.Row.Data{
    background-color: #eeeeff;
}
a:nth-child(even) > .ClientList3.Table.Row.Data{
    background-color: #d0d0ff;
}
a:hover > .ClientList3.Table.Row.Data{
	background-color: #FF8080;
}
.ClientList3.Table.Row .Col3{
	text-align: center;
}


.ClientList4.Table.Row{
	grid-template-areas: 'Name Email Enterprise Hub';
	grid-template-columns: 1fr 1fr 150px 150px;
}
a:nth-child(odd) > .ClientList4.Table.Row.Data{
    background-color: #eeeeff;
}
a:nth-child(even) > .ClientList4.Table.Row.Data{
    background-color: #d0d0ff;
}
a:hover > .ClientList4.Table.Row.Data{
	background-color: #FF8080;
}
.ClientList4.Table.Row .Col3{
	text-align: center;
}


.TransferList7.Table.Row{
	grid-template-areas: 'Date Name C3 C4 C5 C6 C7';
	grid-template-columns: 200px 1fr 80px 80px 80px 80px 80px;
}
.TransferList7.Table.Row.Data:nth-child(odd) {
    background-color: #eeeeff;
}
.TransferList7.Table.Row.Data:nth-child(even) {
    background-color: #d0d0ff;
}
.TransferList7.Table.Row .Col3,
.TransferList7.Table.Row .Col4,
.TransferList7.Table.Row .Col5,
.TransferList7.Table.Row .Col6,
.TransferList7.Table.Row .Col7{
	text-align: center;
}



.Client_Data.Table.Row{
	grid-template-areas: 'Title Value';
	grid-template-columns: 1fr 1fr;
}
.Client_Data.Table.Row .Col1{
	padding-right: 10px;
	text-align: right;
}

.Client_Data.Table.Row .Col2 a{
	text-decoration: underline;
	font-weight: 700;
	color: #4040ff;
}
.Client_Data.Table.Row .Col2  a:hover{
	text-decoration: underline;
	color: #000000;
}

.Item_Credits.Table.Row{
	grid-template-areas: 'Title Value';
	grid-template-columns: 1fr 1fr;
}
.Item_Credits.Table.Row .Col1{
	padding-right: 10px;
	text-align: right;
}


.courseimages{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-around;
}
.coursegroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-around;	
	border: 1px solid #80ff80;
	padding: 2px;
	margin-bottom: 20px;

}
.coursegroup .coursegrouptitle{
	text-align: center;
	font-size: 1.5em;	
	margin: 10px 0px 20px 0px;
}
.coursegroup .coursegroupwrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.coursestatus{
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
	width: 100%;
}
.coursestatus .col1{
	width: calc(50% - 10px);
	padding-right: 10px;
	display: inline-block;
	text-align: right;
}

.coursestatus .coursedata{
	width: 50%;
	display: inline-block;
}
.coursestatus .coursedata a{
	text-decoration: underline;
	font-weight: 700;
	color: #4040ff;
}
.coursestatus .coursedata a:hover{
	text-decoration: underline;
	color: #000000;
}

.coursestatus .coursecompletion{
	height: 20px;
	width: calc(50% - 2px);
	display: inline-block;
	border-radius: 20px;
	border: 1px solid #80FF80
}
.coursestatus .coursecompletion .coursecompletionmessage{
	margin-top: -20px;
	height: 20px;
	width: 100%;
	text-align: center;
}
.coursestatus .coursecompletion .bar{
	background-color: #80FF80;
	height: 20px;
	border-radius: 20px;
}


.name_email_list.Table.Row{
	grid-template-areas: 'Name Email Note';
	grid-template-columns: 2fr 2fr 1fr;
	column-gap: 10px;
}
.name_email_list.Table.Row .Col1 input{
	text-align: right;
	border: 1px solid #ffffff;
}
.name_email_list.Table.Row .col1.Error input{
	border: 1px solid #ff0000;
}
.name_email_list.Table.Row .Col2 input{
	border: 1px solid #ffffff;
}
.name_email_list.Table.Row .col2.Error input{
	border: 1px solid #ff0000;
}
.name_email_list.Table.Row input{
	max-width: 100%;
	width: calc(100% - 8px);
}
.runstatus .completion{
	height: 26px;
	width: calc(100% - 2px);
	display: inline-block;
	border-radius: 20px;
	border: 1px solid #80FF80
}
.CreateRunResultsList.Table.Control .Title{
	display: block;
	font-size: 1.4em;
	line-height: 2em;
	margin-right: 0px;
}
.CreateRunResultsList.Table.Control .SubTitle{
	display: block;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-right: 0px;
}
.CreateRunResultsList.Table.Row.Header{
	grid-template-areas: 'Email Status Message';
	grid-template-columns: 1fr 100px 1fr;
	column-gap: 10px;
}
.CreateRunResultsList.Table.Row.Data{
	grid-template-areas: 'Email Status Message';
	grid-template-columns: 1fr 100px 1fr;
	column-gap: 10px;
	background-color: #ffffff;
}
.CreateRunResultsList.Table.Row.Data.Status1{
	background-color: #80ff80;
}
.CreateRunResultsList.Table.Row.Data.Status2{
	background-color: #ffffff;
}
.CreateRunResultsList.Table.Row.Data.Status9{
	background-color: #ff8080;
}
.runstatus{
	height: 30px;
	padding-bottom: 10px;
}
.runstatus .completionmessage{
	margin-top: -28px;
	height: 20px;
	width: 100%;
	text-align: center;
}
.runstatus .completion .bar{
	background-color: #80FF80;
	height: 26px;
	border-radius: 26px;
}



.courseimage{
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
}
.coursegroup .coursegroupwrapper .courseimage{
	width: calc(50% - 5px);
}
.courseimage img{
	max-width: calc(100% - 4px);
	width: 960px;
	border: 2px solid transparent;
	opacity: 0.8;
	transition: all .3s ease;
}
.courseimage img:hover{
  border: 2px solid #35dbfe!important;
  opacity: 1;
}

.courseimage .coursecompletion{
	height: 20px;
	width: 100%;
}
.courseimage .coursecompletionmessage{
	margin-top: -20px;
	height: 20px;
	width: 100%;
	text-align: center;
}
.courseimage .coursecompletion .bar{
	background-color: #80FF80;
	height: 20px;
	border-radius: 20px;

}

.jsform{
	padding: 20px 0px 20px 0px;
}
.next-lecture{
	padding: 20px 0px 20px 0px;
}	
.align-right{
  text-align: right;
}
.quiz_title{
	font-weight: 700;
	margin-bottom: 1em;
}
.quiz_question{
	font-size: 18px;
	padding: 10px 0px 10px 0px;
}
.quiz .fullwidth{
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 0px 0px 5px 0px;
}
.quiz .fullwidth label  {
	display: inline-block;
	cursor: pointer;
	border: 2px solid transparent;
	position: relative;
	width: calc( 100% - 29px );
	height: calc( 100% - 14px );
	padding: 5px 5px 5px 20px;
}
.quiz .fullwidth input[type='radio']{
	margin: 0px;
	position: absolute;
	left: 5px;
	top: calc( 50% - 5px );
}
.quiz  input[type="radio"]:checked + label{
	border: 2px solid #80C080;
	background-color:rgba(200, 255, 200, 0.8);
	border-radius:10px;
	font-weight: 700;
}
.quiz .fullwidth.answered{
	padding: 5px 5px 5px 20px;
}
.quiz .fullwidth.answered.CorrectAnswered  {
	border: 2px solid #80C080;
	background-color:rgba(200, 255, 200, 0.8);
	border-radius:10px;
	font-weight: 700;
}
.quiz .fullwidth.answered.NotCorrectAnswered   {
	border: 2px solid #C08080;
	background-color:rgba(255, 200, 200, 0.8);
	border-radius:10px;
	font-weight: 700;
}
.quiz .fullwidth.answered.Correct   {
	border: 1px solid #80C080;
	background-color:rgba(255, 255, 255, 1);
	border-radius:10px;
	font-weight: 700;
}

.quiz_completed{
	text-align: center;
	position: relative;
	padding: 20px 0px 20px 0px;
}
.quiz_completed .quiz_attempts{
	font-size: 18px;
	padding: 0px 0px 0px 0px;
}
.quiz_completed .quiz_score{
	font-size: 40px;
	padding: 20px 0px 20px 0px;
}
.quiz_completed .quiz_score.passed{
	color: #00C000;
}
.quiz_completed .quiz_score.failed{
	color: #C00000;
}
.quiz_completed .quiz_passed{
	color: #00C000;
}
.quiz_completed .quiz_failed{
	color: #C00000;
}
.quiz_completed .quiz_passed_message{
	padding: 10px 0px 10px 0px;
}
.quiz_completed .quiz_failed_message{
	padding: 10px 0px 10px 0px;
}
.indent{
	padding-left: 20px;
}


.checkbox_include_section{
	margin: 1em 0em 0em 0em;
}


.align-right{
  text-align: right;
}
.failed{
	color: #FF0000;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.625;
}
.message{
	color: #000000;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.625;
}
.messages{
	color: #000000;
 	font-size: 15px;
	font-weight: 700;
	line-height: 1.625;
	margin: 10px 0px 10px 0px;
}
.messages .failed{
	padding: 20px;
	color: #000000;
	background-color: #FF0000;
}
.key_failed{
	background-color: #FF0000;
}
.messages .warning{
	padding: 20px;
	color: #000000;
	background-color: #FF8000;
}
.key_warning{
	background-color: #FF8000;
}
.messages .success{
	padding: 20px;
	color: #000000;
	background-color: #00FF00;
}
.key_success{
	background-color: #00FF00;
}
.messages .message{
	padding: 20px;
	color: #000000;
	background-color: #E0E0E0;
}

.link-button{
  cursor: pointer;
  padding: 8px 33px;
  background-repeat: no-repeat;
  background-color: #35DBFE!important;
  border: 2px solid #35dbfe!important;
  border-color: #35DBFE!important;
  border-radius: 41px;
  color: #000000!important;
  text-decoration: none;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  transition: all .3s ease;
}
.button{
  cursor: pointer;
  padding: 8px 33px;
  background-repeat: no-repeat;
  background-color: #35DBFE!important;
  border: 2px solid #35dbfe!important;
  border-color: #35DBFE!important;
  border-radius: 41px;
  color: #000000!important;
  text-decoration: none;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  transition: all .3s ease;
}
.button.small{
  padding: 5px 25px;	
}
.button.save,
.button.pdflang,
.button.pptxlang,
.button.pnglang{
	margin-top: 1em;
}
.generateimages {
	display: inline-block;
	position: relative;
}
.generateimages .reportgenerationprogress{
	height: 20px;
	width: 100%;
}
.generateimages .reportgenerationmessages{
	margin-top: -20px;
	height: 20px;
	width: 100%;
	text-align: center;
}
.generateimages .reportgenerationprogress .bar{
	background-color: #80FF80;
	height: 20px;
	border-radius: 20px;

}


.pdf{
		background-image:url('/Images/Button-pdf.png');
		background-position: left; 
		padding-left: 35px!important;
		border-color: #808080;
}
.confirm{
		background-image:url('/Images/Button-tick.png');
		background-position: right; 
		padding-right: 35px!important;
		border-color: #00FF00;
}
/*
.submit{
		background-image:url('/Images/Button-next.png');
		background-position: right; 
		padding-right: 35px!important;
		border-color: #00FF00;
}
*/
.next{
		background-image:url('/Images/Button-next.png');
		background-position: right; 
		padding-right: 35px!important;
		border-color: #00FF00;
}
.back{
		background-image:url('/Images/Button-back.png');
		background-position: left; 
		padding-left: 35px!important;
		border-color: #FF8000;
}
.cancel{
		background-image:url('/Images/Button-cancel.png');
		background-position: left; 
		padding-left: 35px!important;
		border-color: #FF0000;
}

.submit.lang9,
.submit.lang10,
.next.lang9,
.next.lang10{
		background-image:url('/Images/Button-next-reverse.png');
		background-position: left; 
		padding: 2px 10px 2px 35px;
}
.back.lang9,
.back.lang10{
		background-image:url('/Images/Button-back-reverse.png');
		background-position: right; 
		padding: 2px 35px 2px 10px;
}

.link_button:hover{
  background-color: transparent!important;
  border: 2px solid #35dbfe!important;
  color: #35dbfe!important;
  padding: 8px 33px;  
}
.button:hover{
  background-color: transparent!important;
  border: 2px solid #35dbfe!important;
  color: #35dbfe!important;
  padding: 8px 33px;  
}
.button.small:hover{
  padding: 5px 25px;	
}
.button.pptxlang:hover{
	padding: 8px 33px 8px 70px; 
}

a.link_button{
 cursor: pointer;
  padding: 10px 35px;
  background-color: #35DBFE!important;
  border-color: #35DBFE!important;
  border-radius: 41px;
  color: #000000!important;
  text-decoration: none;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
}
a.link_button:hover{
  background-color: transparent!important;
  border: 2px solid #35dbfe!important;
  color: #35dbfe!important;
  padding: 8px 33px;  
}
.file{
	padding: 10px 0px 20px 0px;
}



#footer{
 background : linear-gradient(to right top, #0C2055, #0060B6);  
	border: none;
	margin: 2px 0px 0px 0px;
	clear: both;
	width: 100%;
	height: 30px;
	text-align: center;
	position: relative;
}

#footer #copyright{
  position: absolute;
	top: 7px;
	left: 20px;
	width: calc( 100% - 40px);
	height: 23px;
	text-align: left;
	color: #ffffff;
}

.row2col{
	display: flex;
	justify-content: left;
	margin-bottom: 5px;
}
.row2col .col2{
	margin-left: 10px;
}
.row3col{
	display: flex;
	justify-content: space-between;
}
.row3col .col3{
	width: 30%;
	padding: 20px;
}
.row3col .col3 img{
	max-width: 250px;
	width: 100%;
}
.row3col .col3 h3{ 
	text-align: center;
}
.row3col .col3 h5{ 
	text-align: center;
}
.centre{
	text-align: center;
}
.WrapperRightPeople{
	width: 100%;
	overflow-x: auto;
}
table.RightPeople{

}
table.RightPeople tr th{
}
table.RightPeople tr td{
	text-align: center;
}


.diagnosticsteps{
	display: flex;
	flex-wrap: wrap;
	align-items: top;
}
.diagnosticsteps .step{
	width: 25%;
}
.diagnosticsteps .step .stepheader{
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 60px;
	height: 60px;
}
.diagnosticsteps .step .stepheader p{
	text-align: center;
	color: #ffffff;
	font-size: 17px;
	lineheight: 1.4em;
	padding-top: 10px;
	margin: 0px;
}
.diagnosticsteps .step1 .stepheader{
	background-image: url(/Images/diagnosticstep1.svg);
	background-color: #0c57d3;
}
.diagnosticsteps .step2 .stepheader{
	background-image: url(/Images/diagnosticstep2.svg);
	background-color: #0d5cdf;
}
.diagnosticsteps .step3 .stepheader{
	background-image: url(/Images/diagnosticstep3.svg);
	background-color: #0e63f0;
}
.diagnosticsteps .step4 .stepheader{
	background-image: url(/Images/diagnosticstep4.svg);
	background-color: transparent;
}
.diagnosticsteps .step .stepbody{
	padding: 10px 10px 10px 10px;
}

/* ===================================================================== */
/* ======================== Project Actions Boxes ====================== */
/* ===================================================================== */
#project_actions{
	position: relative;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #e0e0e0;
	text-align: center;
}
#project_actions .inactive{
  background-color: #e0e0e0;
}
#project_actions input{
	font-size: 12px;
	margin: 0px 0px 10px 0px;	
}

#project_actions h1{
	font-size: 14px;
	line-height: 14px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;	
}
#nav_buttons {
	float: left;
	top: 0px;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#nav_buttons input{
	font-size: 14px;
}

#project_add_users{
	float: left;
	top: 0px;
	width: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#project_add_users input{
	font-size: 14px;
}
#project_edit_emails{
	float: right;
	width: 110px;
	border: 1px solid #e0e0e0;
	margin: 0px 0px 0px 0px;
	padding: 10px;
}
#project_send_emails{
	float: right;
	width: 120px;
	border: 1px solid #e0e0e0;
	margin: 0px 0px 0px 10px;
	padding: 10px;
}
#project_view_reports{
	float: right;
	width: 130px;
	border: 1px solid #e0e0e0;
	margin: 0px 0px 0px 10px;
	padding: 10px;
}
#project_purchase_reports{
	float: right;
	width: 170px;
	border: 1px solid #e0e0e0;
	margin: 0px 0px 0px 10px;
	padding: 10px;
}


#project_purchase_reports #checkboxes {
  text-align: left;
  margin: 10px 0px 10px 0px;
}
#project_purchase_reports #checkboxes p{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	font-size: 12px;
	line-height: 12px;
}
#project_purchase_reports #checkboxes p .text{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 12px;
}
#project_purchase_reports #checkboxes input[type='checkbox']{
	margin: 0px 5px 0px 0px;	
	position: relative;
	top: 2px;
}

select{
}
submit{
}

/* ===================================================================== */
/* ======================== Project Information ====================== */
/* ===================================================================== */
.project_information{
	position: relative;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #e0e0e0;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #001E3C;
	width: 100%;
}
.project_information .row{
	display: flex;
	justify-content: left;
}
.project_information .col1{
  text-align: right;
	width: 140px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
.project_information .col2{
  text-align: left;
	position: relative;
	display: inline-block;
}
.project_information.closed6{
	background-color: #808080;
	color: #ffffff;
}
.project_information.closed6 .row.status{
	color: #ff4040;
}

.project_information.closed7{
	background-color: #404040;
	color: #ffffff;
}
.project_information.closed7 .row.status{
	color: #ff0000;
}

/* ===================================================================== */
/* ======================== Project Create Form ====================== */
/* ===================================================================== */
#createprojectselect label  {
	display: block;
	cursor: pointer;
	border: 2px solid transparent;
	position: relative;
	padding: 5px 5px 5px 20px;
	margin: -20px 0px 20px 0px;
}
#createprojectselect input[type="radio"]:checked + label{
	border: 2px solid #80C080;
	border-radius:10px;
}


#createprojectform p{
	display: flex;
	justify-content: left;
}
#createprojectform p.error{
  background-color: #FFa0a0;
  padding: 0px;
}
#createprojectform .col1{
  text-align: right;
	width: 200px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
#createprojectform .col2{
  text-align: left;
	width: 90%;
	position: relative;
	display: inline-block;
	padding: 0px 0px 10px 10px;
}
#createprojectform .col2 input{
	max-width: 400px;
	width: 100%;
}
#createprojectform .col2 input[type='checkbox'] {
	min-width: 20px;
	max-width: 20px;
}


/* ===================================================================== */
/* ======================== Client Create Form ====================== */
/* ===================================================================== */

#createclientform p{
}
#createclientform p.error{
  background-color: #FFa0a0;
  padding: 0px;
}
#createclientform .col1{
  text-align: right;
	width: 200px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
#createclientform .col2{
  text-align: left;
	width: 700px;
	position: relative;
	display: inline-block;
}
#createclientform .col2 input[type='text']{
	min-width: 300px;
}
#createclientform .col12{
  text-align: left;
	width: 900px;
	position: relative;
	display: inline-block;
	padding: 0px 0px 10px 10px;
}



/* ===================================================================== */
/* ======================== Voucher Create Form ====================== */
/* ===================================================================== */

#createvoucherform p{
}
#createvoucherform p.error{
  background-color: #FFa0a0;
  padding: 10px;
}

/* ===================================================================== */
/* ======================== Edit User Form ====================== */
/* ===================================================================== */

#edituserform{
  padding: 10px;
}
#edituserform p{
}
#edituserform p.error{
  background-color: #FFa0a0;
  padding: 10px;
}


/* ===================================================================== */
/* ======================== Credits ====================== */
/* ===================================================================== */
#credits{
	position: relative;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #e0e0e0;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #001E3C;
}
#credits .row{
	display: flex;
	justify-content: left;
}
#credits .col1{
  text-align: right;
	width: 70px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
#credits .col2{
  text-align: left;
	width: 90%;
	position: relative;
	display: inline-block;
}

/* ===================================================================== */
/* ======================== Voucher Display ====================== */
/* ===================================================================== */
.voucher_display{
	position: relative;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #e0e0e0;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #001E3C;
}
.voucher_display h1{
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #001E3C;
}
.voucher_display .vouchercode{
	margin: 0px 0px 10px 0px;
	font-size: 25px;
	line-height: 27px;
	font-weight: 700;
	color: #001E3C;
}
.voucher_display p{
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #202020;
}
.voucher_display .col1{
  text-align: left;
	vertical-align: top;
	width: 550px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
.voucher_display .col2{
  text-align: right;
	width: 320px;
	position: relative;
	display: inline-block;
}


/* ===================================================================== */
/* ======================== Select Voucher Type ====================== */
/* ===================================================================== */
.select_voucher_type{
	position: relative;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #e0e0e0;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #001E3C;
	width: 440px;
}
.select_voucher_type.left{
	float: left;
	clear: both;
}
.select_voucher_type.right{
	float: right;
}


.select_voucher_type h1{
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #001E3C;
}
.select_voucher_type p{
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #202020;
}

/* ===================================================================== */
/* ======================== Invoice Totals  ====================== */
/* ===================================================================== */
.invoice_totals{
	position: relative;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #e0e0e0;
	text-align: right;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #001E3C;
}
.invoice_totals h1{
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #001E3C;
}
.invoice_totals h2{
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #001E3C;
}
.invoice_totals .header1{
  text-align: right;
	padding: 10px 10px 0px 0px;
}
.invoice_totals .col1{
  text-align: right;
	vertical-align: top;
	width: 400px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
.invoice_totals .col2{
  text-align: right;
	vertical-align: top;
	width: 50px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
.invoice_totals .col3{
  text-align: right;
	vertical-align: top;
	width: 100px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
.invoice_totals .col4{
  text-align: right;
	vertical-align: top;
	width: 100px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
.invoice_totals .col1to3{
  text-align: right;
	vertical-align: top;
	width: 570px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}



/* ===================================================================== */
/* ======================== Invoice Summary  ====================== */
/* ===================================================================== */
.invoice_summary{
	position: relative;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #e0e0e0;
	text-align: right;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #001E3C;
}
.invoice_summary h1{
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #001E3C;
}
.invoice_summary h2{
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #001E3C;
}
.invoice_summary .header1{
  text-align: right;
	padding: 10px 10px 0px 0px;
}
.invoice_summary .col1{
  text-align: right;
	vertical-align: top;
	width: 400px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
.invoice_summary .col2{
  text-align: right;
	vertical-align: top;
	width: 50px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
.invoice_summary .col3{
  text-align: right;
	vertical-align: top;
	width: 100px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
.invoice_summary .col4{
  text-align: right;
	vertical-align: top;
	width: 100px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
.invoice_summary .col1to3{
  text-align: right;
	vertical-align: top;
	width: 570px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}


/* ===================================================================== */
/* =========================== Table layouts =========================== */
/* ===================================================================== */

.table{
	display: block;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	clear: both;
	border-top: solid 1px #202060;
	border-right: solid 1px #202060;
	border-left: solid 1px #202060;
}

.table ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.table ul li.tablefilter{
	position: relative;
	display: block;
	height: 120px;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #202060;
}
.table ul li.tablefilter.l5{
	height: 170px;
}
.table ul li.tablefilter.l6{
	height: 190px;
}
.table ul li.tableheader{
	position: relative;
	display: block;
	height: 30px;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #202060;
}
.table ul li.tablecreate{
	position: relative;
	display: block;
	height: 30px;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #202060;
}

.table ul li.tablerow{
	position: relative;
	display: block;
	height: 50px; 
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #202060;
}
.table ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 13px;
}
.table ul li.tableheader .up{
  width: 15px;
	height: 15px;
	background-color: #808080;
  position: absolute;
	top: 0px;
	left: 0px;
}
.table ul li.tableheader .down{
  width: 15px;
	height: 15px;
	background-color: #808080;
  position: absolute;
	top: 15px;
	left: 0px;
}
.table ul li.tableheader p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	top: 0px;
	left: 20px;
	height: 30px;
	font-size: 13px;
	font-weight: 700;
  letter-spacing: 0;
	color: #404040;
  background-color : #FFFFFF;
	line-height: 13px;
}
.table ul li.tablecreate input,
.table ul li.tablecreate select{
  margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	height: 30px;
	font-size: 13px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
  background-color : #FFFFFF;
	line-height: 13px;
}
.table ul li.tableheader .up img,
.table ul li.tableheader .down img{
  margin: 0px;
	padding: 0px;
	display: block;
}

.client-list ul li.tablefilter span{
	position: relative;
	display: inline-block;
	padding: 0px 5px 0px 5px;
	margin: 0px;
}
.client-list ul li.tablefilter p{
  margin: 0px;
	padding: 0px;
}


.client-list ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	height: 30px;
}

.client-list ul li.tablerow span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 40px;
}
.client-list ul li .col1{
  width: 300px;
	border-right: solid 1px #202060;
}
.client-list ul li .col2{
  width: 100px;
	border-right: solid 1px #202060;
}
.client-list ul li .col3{
  width: 100px;
	border-right: solid 1px #202060;
}
.client-list ul li .col4{
  width: 100px;
	border-right: solid 1px #202060;
}
.client-list ul li .col5{
  width: 100px;
	border-right: solid 1px #202060;
}
.client-list ul li .col6{
  width: 100px;
}

.cert-list{
  position: relative;
}
.cert-list ul li.tablefilter span{
	position: relative;
	display: inline-block;
	padding: 0px 5px 0px 5px;
	margin: 0px;
}
.cert-list ul li.tablefilter p{
  margin: 0px;
	padding: 0px;
}


.cert-list ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	height: 30px;
}
.cert-list ul li.tablerow{
	height: 100%;
}
.cert-list ul li.tablerow span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 100%;
}
.cert-list ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 13px;
	top: 0px;
	left: 0px;
}
.cert-list ul li.tablerow p span{
  margin: 0px;
	padding: 0px;
}
.cert-list ul li .col1{
  width: 300px;
}
.cert-list ul li .col2{
  width: 80px;
}
.cert-list ul li .col3{
  width: 80px;
}
.cert-list ul li .col4{
  width: 80px;
}
.cert-list ul li .col5{
  width: 80px;
}
.cert-list ul li .col6{
  width: 180px;
}
.cert-list .backcol1{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 309px;
	background-color: #202060; 
}
.cert-list .backcol2{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 399px;
	background-color: #202060; 
}
.cert-list .backcol3{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 489px;
	background-color: #202060; 
}
.cert-list .backcol4{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 579px;
	background-color: #202060; 
}
.cert-list .backcol5{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 669px;
	background-color: #202060; 
}

.client-detail{
  position: relative;
	height: auto;
}
.client-detail ul li.tablerow{
	height: 100%;
}
.client-detail ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.client-detail ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.client-detail ul li .col1{
  width: 200px;
}
.client-detail .backcol1{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 209px;
	background-color: #202060; 
}
.client-detail ul li .col1 p{
  text-align: right;
	width: 190px;
	font-weight: 700;
}
.client-detail ul li .col2{
  width: 600px;
}
.client-detail ul li .col2 input{
  top: 2px;
	left: 50px;
	height: 20px;
	position: absolute;
	font-size: 10px;
}

.client-credits-detail{
  position: relative;
	height: auto;
}
.client-credits-detail ul li.tablerow{
	height: 100%;
}
.client-credits-detail ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.client-credits-detail ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.client-credits-detail ul li .col1{
  width: 200px;
}
.client-credits-detail .backcol1{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 209px;
	background-color: #202060; 
}
.client-credits-detail ul li .col1 p{
  text-align: right;
	width: 190px;
	font-weight: 700;
}
.client-credits-detail ul li .col2{
  width: 100px;
}
.client-credits-detail .backcol2{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 318px;
	background-color: #202060; 
}
.client-credits-detail ul li .col3{
  width: 100px;
}

.client-client-list ul li.tableheader{
	height: 23px;
}
.client-client-list ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.client-client-list ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.client-client-list ul li.tablerow{
	height: 23px;
}
.client-client-list ul li.tablerow span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.client-client-list ul li .col1{
  width: 200px;
	border-right: solid 1px #202060;
}
.client-client-list ul li .col2{
  width: 300px;
	border-right: solid 1px #202060;
}
.client-client-list ul li .col3{
  width: 100px;
	border-right: solid 1px #202060;
}
.client-client-list ul li .col4{
  width: 200px;
}

.new-project-list{
	border: none;
}
.new-project-list .table-row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: none;
	border: 1px solid #b0b0b0;
}
.new-project-list .table-row div{
  padding: 5px 5px 5px 5px;
}
.new-project-list .table-row .link{
	text-align: center;
	order: 1;
	width: 150px;
	font-weight: 700;
}
.new-project-list .table-row .name{
	width: calc(50% - 170px);
	order: 2;
}
.new-project-list .table-row .created{
	width: calc(50% - 170px);
	order: 3;
}
.new-project-list .table-row .status{
	order: 4;
	width: 150px;
}
.new-project-list .table-row.status1,
.new-project-list .table-row.status2{
	  background-color: #d0e0d0;
}
.new-project-list .table-row.status3{
	  background-color: #d0f0d0;
}
.new-project-list .table-row.status4{
	  background-color: #d0ffd0;
}
.new-project-list .table-row.status5{
	  background-color: #d0d0ff;
}
.new-project-list .table-row.status6,
.new-project-list .table-row.status7,
.new-project-list .table-row.status8{
	  background-color: #b0b0b0;
}

.project-list{
  position: relative;
	height: auto;
}
.project-list ul li.tableheader{
	height: 23px;
	display: flex;
	justify-content: left;
}
.project-list ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.project-list ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.project-list ul li.tablecreate{
	height: 63px;
}
.project-list ul li.tablecreate span input,
.project-list ul li.tablecreate span select{
  margin: 0px;
	padding: 0px;
	height: 23px;
}
.project-list ul li.tablecreate .col4to5 select{
  margin: 0px;
	padding: 0px;
	height: 23px;
	position: absolute;
	top: 5px;
	left: 5px;
}
.project-list ul li.tablecreate .col4to5 input{
  margin: 0px;
	padding: 0px;
	height: 23px;
	position: absolute;
	top: 5px;
	left: 10px;
}
.project-list ul li.tablecreate .col4to5 p.errormessage{
  margin: 0px;
	padding: 0px;
	height: 23px;
	position: absolute;
	top: 30px;
	left: 10px;
	color: #FF0000;
	font-weight: 700;
}
.project-list ul li.tablecreate span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 53px;
}
.project-list ul li.tablerow{
	height: 100%;
	display: flex;
	justify-content: left;
}
.project-list ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
	word-wrap: break-word;
}
.project-list ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.project-list ul li .col1{
	width: 300px;
	border-right: 1px solid #202060;
}
.project-list ul li .col2{
	width: 150px;
	border-right: 1px solid #202060;
}
.project-list ul li .col3{
	width: 150px;
	border-right: 1px solid #202060;
}
.project-list ul li .col4{
	width: 100px;
	border-right: 1px solid #202060;
}
.project-list ul li .col5{
  width: 150px;
}
.project-list ul li.tablerow.assessor{
	z-index: 100;
	border-bottom: 2px solid #000000;
}
.project-list ul li .col1to5{
  width: 910px;
}
.project-list ul li .col3to5{
  width: 400px;
	background-color: #FFFFFF;
	z-index: 1;
}
.project-list ul li .col4to5{
  width: 250px;
	background-color: #FFFFFF;
	z-index: 1;
}


.project-detail ul li.tablerow{
	height: 23px;
}
.project-detail ul li.tablerow span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.project-detail ul li .col1{
  width: 200px;
	border-right: solid 1px #202060;
}
.project-detail ul li .col1 p{
  text-align: right;
	width: 190px;
	font-weight: 700;
}
.project-detail ul li .col2{
  width: 600px;
}


.new-user-list{
	border: none;
}
.new-user-list .table-row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: 1px solid #b0b0b0;
}
.new-user-list .table-row.header{
	font-weight: 700;
}
.new-user-list .table-row div{
  padding: 5px 5px 5px 5px;
}
.new-user-list .table-row .edit{
	text-align: center;
	order: 1;
	width: 100px
}
.new-user-list .table-row .name{
	width: calc(50% - 225px);
	order: 2;
	word-break: break-all;
}
.new-user-list .table-row .email{
	width: calc(50% - 225px);
	order: 3;
	word-break: break-all;
}
.new-user-list .table-row .login{
	order: 4;
	width: 100px;
	font-size: 14px;
	font-weight: 700;
}
.new-user-list .table-row .reminder{
	order: 5;
	width: 100px;
	font-size: 14px;
	font-weight: 700;
}
.new-user-list .table-row .page{
  width: 100px;
  max-width: 100px;
  flex: 0 0 100px;
	padding: 5px 0px 5px 0px;
	order: 6;
	text-align: center;
	position: relative;
 }
 .new-user-list .table-row .page p{
	text-align: center;
	z-index: 1;	 
	position: relative;
	font-size: 14px;
	font-weight: 700;
	margin: 0px;
 }
.new-user-list .table-row .page .bar{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
  background: #00FF00;
	z-index: 0;
	padding: 0px;
}

.new-user-list .table-row.TestUser{
	background-color: #b0b0b0;
}
.new-user-list .table-row.RemovedUser{
	background-color: #808080;
}
.new-user-list .edittablerow{
	height: 100%;
	z-index: 10;
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
	border: 1px solid #b0b0b0;
}
.new-user-list .edittablerow p{
  margin: 0px 0px 10px 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	color: #404040;
}

.new-user-list.leaders .table-row .name{
	width: calc(50% - 65px);
	order: 1;
	word-break: break-all;
}
.new-user-list.leaders .table-row .email{
	width: calc(50% - 65px);
	order: 2;
	word-break: break-all;
}
.new-user-list.leaders .table-row .login{
	order: 3;
	width: 100px;
	font-size: 14px;
	font-weight: 700;
}











.user-list{
  position: relative;
	height: auto;
}


.user-list ul li.tableheader{
	height: 23px;
	display: flex;
	justify-content: left;
}
.user-list ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.user-list ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.user-list ul li.tablerow{
	height: 100%;
	display: flex;
	justify-content: left;
}
.user-list ul li.tablerow.TestUser{
	background: #b0b0b0;
}
.user-list ul li.tablerow.RemovedUser{
	background: #808080;
}
.user-list ul li.edittablerow{
	background: #FFFFFF;
	height: 100%;
	z-index: 10;
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #202060;
}
.user-list ul li.edittablerow p,
.user-list ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.user-list ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.user-list ul li .col1{
  width: 25%;
  	border-right: 1px solid #202060; 
}
.user-list ul li .col2{
  width: 30%;
  	border-right: 1px solid #202060; 
	word-break: break-all;
}
.user-list ul li .col3{
  width: 20%;
  	border-right: 1px solid #202060; 
}
.user-list ul li .col4{
  width: 20%;
  	border-right: 1px solid #202060; 
}
.user-list ul li span.col5{
  width: 100px;
  max-width: 100px;
  flex: 0 0 100px;
	padding: 5px 0px 5px 0px;
}
.user-list ul li span.col5 p{
	text-align: center;
	z-index: 1;
}
.user-list ul li span.col5 .bar{
  display: block;
	position: absolute;
	top: 0px;
	left: 0px;
  background: #00FF00;
	z-index: 0;
}



.user-list.leaders ul li .col1{
	width: 40%;
	border-right: 1px solid #202060;
}
.user-list.leaders ul li .col2{
	border-right: 1px solid #202060;
	width: 40%;
	word-break: break-all;
}
.user-list.leaders ul li .col3{
	width: 100px;
}



.user-list-select-login{
  position: relative;
	height: auto;
}


.user-list-select-login ul li.tableheader{
	height: 23px;
	display: flex;
	justify-content: left;
}
.user-list-select-login ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.user-list-select-login ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.user-list-select-login ul li.tablerow{
	height: 100%;
	display: flex;
	justify-content: left;
}
.user-list-select-login ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.user-list-select-login ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.user-list-select-login ul li .col1{
	width: 50px;
	border-right: 1px solid #202060;
  
}
.user-list-select-login ul li .col2{
	width: 40%;
	border-right: 1px solid #202060;
}
.user-list-select-login ul li .col3{
	width: 40%;
	word-break: break-all;
	flex-grow: 1;
}




.user-list-select-reminder{
  position: relative;
	height: auto;
}


.user-list-select-reminder ul li.tableheader{
	height: 23px;
	display: flex;
	justify-content: left;
}
.user-list-select-reminder ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.user-list-select-reminder ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.user-list-select-reminder ul li.tablerow{
	height: 100%;
	display: flex;
	justify-content: left;
}
.user-list-select-reminder ul li.edittablerow{
	background: #FFFFFF;
	height: 100%;
	z-index: 10;
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #202060;
}
.user-list-select-reminder ul li.edittablerow p,
.user-list-select-reminder ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.user-list-select-reminder ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.user-list-select-reminder ul li .col1{
	width: 50px;
	border-right: 1px solid #202060;
	flex-grow: 0;
	flex-shrink: 0;
}
.user-list-select-reminder ul li .col2{
  width: 30%;
	border-right: 1px solid #202060;
}
.user-list-select-reminder ul li .col3{
  width: 30%;
  flex-grow: 1;
  	word-break: break-all;
	border-right: 1px solid #202060;
}
.user-list-select-reminder ul li .col4{
  width: 15%;
	border-right: 1px solid #202060;
}
.user-list-select-reminder ul li .col5{
  width: 15%;
	border-right: 1px solid #202060;
}
.user-list-select-reminder ul li span.col6{
  width: 100px;
	padding: 5px 0px 5px 0px;
		flex-grow: 0;
	flex-shrink: 0;
}
.user-list-select-reminder ul li span.col6 p{
	text-align: center;
	z-index: 1;
}
.user-list-select-reminder ul li span.col6 .bar{
  display: block;
	position: absolute;
	top: 0px;
	left: 0px;
  background: #00FF00;
	z-index: 0;
}






.user-add ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.user-add ul li span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.user-add ul li .name{
  width: 250px;
}
.user-add ul li .email{
  width: 320px;
}
.user-add ul li .email input{
  width: 250px;
}
.user-add ul li .notes{
  width: 300px;
}

.user-add ul li.status1{
  background-color: #00FF00;
}
.user-add ul li.status5,
.user-add ul li.status10{
  background-color: #FF8000;
}
.user-add ul li.status2,
.user-add ul li.status3,
.user-add ul li.status4,
.user-add ul li.status6,
.user-add ul li.status7,
.user-add ul li.status8,
.user-add ul li.status9{
  background-color: #FF0000;
}

.user-add ul li .notes .bold,
.user-add ul li.status2 .notes,
.user-add ul li.status3 .notes,
.user-add ul li.status4 .notes,
.user-add ul li.status6 .notes,
.user-add ul li.status7 .notes,
.user-add ul li.status8 .notes,
.user-add ul li.status9 .notes{
  font-weight: 700;
}


.voucher-list{
  position: relative;
	height: auto;
}


.voucher-list ul li.tableheader{
	height: 23px;
}
.voucher-list ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.voucher-list ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.voucher-list ul li.tablerow{
	height: 100%;
}
.voucher-list ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.voucher-list ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.voucher-list ul li .col1{
  width: 150px;
}
.voucher-list ul li .col2{
  width: 300px;
}
.voucher-list ul li .col3{
  width: 430px;
}

.voucher-list .backcol1{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 159px;
	background-color: #202060; 
}
.voucher-list .backcol2{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 469px;
	background-color: #202060; 
}




.voucher-details{
  position: relative;
	height: auto;
}


.voucher-details ul li.tableheader{
	height: 23px;
}
.voucher-details ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.voucher-details ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.voucher-details ul li.tablerow{
	height: 100%;
}
.voucher-details ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.voucher-details ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.voucher-details ul li .col1{
  width: 200px;
}
.voucher-details ul li .col2{
  width: 680px;
}


.voucher-details .backcol1{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 209px;
	background-color: #202060; 
}





.transfer-details{
  position: relative;
	height: auto;
}


.transfer-details ul li.tableheader{
	height: 23px;
}
.transfer-details ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.transfer-details ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.transfer-details ul li.tablerow{
	height: 100%;
}
.transfer-details ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.transfer-details ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.transfer-details ul li .col1{
  width: 200px;
}
.transfer-details ul li .col2{
  width: 400px;
}
.transfer-details ul li .col3{
  width: 280px;
}

.transfer-details .backcol1{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 209px;
	background-color: #202060; 
}
.transfer-details .backcol2{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 619px;
	background-color: #202060; 
}




.transaction-list{
  position: relative;
	height: auto;
}


.transaction-list ul li.tableheader{
	height: 23px;
	display: flex;
	justify-content: left;	
}
.transaction-list ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.transaction-list ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.transaction-list ul li.tablerow{
	height: 100%;
	display: flex;
	justify-content: left;
}
.transaction-list ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.transaction-list ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.transaction-list ul li .col1{
	width: 20%;
	border-right: 1px solid #202060; 
}
.transaction-list ul li .col2{
  width: 15%;
	border-right: 1px solid #202060; 
}
.transaction-list ul li .col3{
  width: 15%;
	border-right: 1px solid #202060; 
}
.transaction-list ul li .col4{
  width: 50%;
}





.admin-transaction-list{
  position: relative;
	height: auto;
}


.admin-transaction-list ul li.tableheader{
	height: 23px;
}
.admin-transaction-list ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.admin-transaction-list ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.admin-transaction-list ul li.tablerow{
	height: 100%;
}
.admin-transaction-list ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.admin-transaction-list ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.admin-transaction-list ul li .col1{
  width: 320px;
}
.admin-transaction-list ul li .col2{
  width: 150px;
}
.admin-transaction-list ul li .col3{
  width: 80px;
}
.admin-transaction-list ul li .col4{
  width: 320px;
}

.admin-transaction-list .backcol1{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 329px;
	background-color: #202060; 
}
.admin-transaction-list .backcol2{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 489px;
	background-color: #202060; 
}
.admin-transaction-list .backcol3{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 579px;
	background-color: #202060; 
}





.voucher-usage-list{
  position: relative;
	height: auto;
}


.voucher-usage-list ul li.tableheader{
	height: 23px;
}
.voucher-usage-list ul li.tableheader p{
	height: 14px;
	top: 5px;
	left: 5px;
}
.voucher-usage-list ul li.tableheader span{
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	height: 13px;
}
.voucher-usage-list ul li.tablerow{
	height: 100%;
}
.voucher-usage-list ul li.tablerow p{
  margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
	line-height: 16px;
}
.voucher-usage-list ul li.tablerow span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
.voucher-usage-list ul li .col1{
  width: 200px;
}
.voucher-usage-list ul li .col2{
  width: 200px;
}
.voucher-usage-list ul li .col3{
  width: 100px;
}
.voucher-usage-list ul li .col4{
  width: 300px;
}

.voucher-usage-list .backcol1{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 209px;
	background-color: #202060; 
}
.voucher-usage-list .backcol2{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 419px;
	background-color: #202060; 
}
.voucher-usage-list .backcol3{
  width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 529px;
	background-color: #202060; 
}








.table a li.tablerow{
  background-color: #C0C0FF;
}
.table a:hover > li{
  background-color: #FF8080;
}
.table ul li.tableheader a:hover > .up,
.table ul li.tableheader a:hover > .down,
.table ul li.tableheader a.sel > .up,
.table ul li.tableheader a.sel > .down{
  background-color: #FF8080;
}




.projectques{
	display: block;
	padding: 0 0 0 0;
	margin: 0px auto;
	width: 100%;
	clear: both;
}
.form{
	position: relative;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
}
.projectques ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.warnmessage
	{
  background-color : #FFa0a0;
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
	text-align: center;
	padding: 20px 0px 20px 0px;
	}	
.projectques ul li {
	position: relative;
	display: block;
	font-size: 1em;
	font-weight: 400;
  letter-spacing: 0;
	color: #404040;
  background-color : #FFFFFF;
	line-height: 1.2em;
	padding: 10px 5px 20px 5px;
	margin: 0 0 0 0;
	border-bottom: solid 1px #202060;
}
.projectques ul .HeaderText {
	font-weight: 400;
	color: #404040;
	padding: 10px 5px 20px 5px;
}
.projectques ul .HeaderText ul{
  list-style-position: inside;
  list-style-type: disc;
	padding: 0px;
	margin: 0px;
}
.projectques ul .HeaderText ol{
  list-style: inside decimal none;
	font-size: 1em;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
}
.projectques ul .HeaderText ul li,
.projectques ul .HeaderText ol li{
  display: list-item;
  border: none;
	color: #404040;
	font-weight: 700;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.projectques ul .HeaderText .Question{
	font-weight: 700;
}
	
.projectques ul li .Question{
  margin: 0px 0px 10px 0px;
	color: #404040;
	font-weight: 700;
}
.projectques ul li .fullwidth input[type='radio']{
  float: left;
/*	height: 100%; */
	margin: 2px 5px 5px 0px;
}
.projectques ul li .fullwidth input[type='text']{
	width: 100%;
}
.projectques ul li .fullwidth input.radioother{
	margin-left: 18px;
	width: calc(100% - 18px);
}
.projectques ul li .fullwidth input.checkboxother{
	margin-left: 18px;
	width: calc(100% - 18px);
}

.projectques ul li .Question,
.projectques ul li .fullwidth,
.projectques ul li .fullwidthtextdrop,
.projectques ul li .fullwidthorderradio,
.projectques ul li .type4othertext,
.projectques ul li .type4checkbox{
  width: calc(100% - 10px);
	display: inline-block;
	margin: 0px 0px 5px 0px;
}
.projectques ul li .dropdownright{
  float: right;
	display: inline-block;
}
.projectques ul li .dropdown{
  width: 100%;
	display: inline-block;
	margin: 0px 0px 0px 0px;
}
.projectques ul li .type4othertext{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.projectques ul li .type4checkbox{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.clearboth{
  clear: both;
}
.projectques ul li textarea{
  width: 100%;
	border: solid 2px #d1d3d4;
	display: inline-block;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
.projectques ul li.submit{
  width: calc(100% - 20px);
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
	display: inline-block;
	text-align: right;
	height: 20px;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
	background-color: #FFFFFF;
	border-bottom: none;
}

.projectques ul li.headlevel2 > .fullwidth,
.projectques ul li.headlevel2 > .fullwidthtextdrop,
.projectques ul li.headlevel2 > .dropdown,
.projectques ul li.headlevel2 > .type4othertext,
.projectques ul li.headlevel2 > .type4checkbox{ 
	display: inline-block;
	padding: 0px 0px 0px 30px;
	width: calc(100% - 45px);
}

.projectques ul li.SurveyQues .sixthwidth{ 
	display: inline-block;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 16%;
}
.projectques ul li.SurveyQues .sixthwidthright{ 
	display: inline-block;
	vertical-align: top;
	float: right;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 16%;
}
.projectques ul li.SurveyQues .orderradio{ 
	display: inline-block;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 20px;
}
.projectques ul li.SurveyQues .orderradio input{ 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.projectques ul li.SurveyQues .orderradiotext{ 
	display: inline-block;
	padding: 0px 0px 0px 0px;
	width: calc(100% - 120px);
}
.fullwidthtextdrop .textdropheader{ 
	width: calc(100% - 300px);
	padding-left: 30px;
	display: inline-block;
}
.fullwidthtextdrop .dropdownrightheader{ 
	width: 250px;
	display: inline-block;
	text-align: right;
}
.projectques ul li.SurveyQues .fullwidthtextdrop .textdrop{ 
	width: calc(100% - 210px);
	text-align: right;
}
.projectques ul li.SurveyQues .fullwidthtextdrop .textdrop input{ 
	margin-left: 10px;
	width: calc(100% - 270px);
}

.projectques ul li.alt0
	{
  background-color : #E0E0FF;
	}		
.projectques ul li.alt1
	{
  background-color : #FFFFFF;
	}		

.projectques ul li.altred
	{
  background-color : #FFa0a0;
	}		

.projectques ul li.altgrey
	{
  background-color : #404040;
	}		
.projectques ul li.group1 {
	border-bottom: none;
	padding-bottom: 0px;
}

.projectques ul .nav{
	margin-top: 20px;
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	justify-content: flex-end;
}
.projectques ul .nav input.submit,	
.projectques ul .nav input.back{
	margin-right: 10px;
}

#registerform .row{
  padding: 5px 0px 5px 0px;
}
#registerform .col1{
  text-align: right;
	width: 140px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
#registerform .col2{
  text-align: left;
	width: 600px;
	position: relative;
	display: inline-block;
}
#registerform .col2 input[type=password]{
  text-align: left;
	width: 150px;
}
#registerform .col2 input[type=email]{
  text-align: left;
	width: 300px;
}

#loginform{
  position: relative;
	display: block;
	top: 20px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#loginform .row{
  padding: 5px 0px 5px 0px;
}
#loginform .col1{
  text-align: right;
	width: 140px;
	padding: 0px 10px 0px 0px;
	position: relative;
	display: inline-block;
}
#loginform .col2{
  text-align: left;
	width: 300px;
	max-width: calc( 100% - 160px );
	position: relative;
	display: inline-block;
}
#loginform .col2 input[type=password]{
  text-align: left;
	max-width: 100%;
	width: 150px;
}
#loginform .col2 input[type=email]{
  text-align: left;
	max-width: 100%;
	width: 300px;
}
#loginform .col2 a{
  font-weight: 700;
  text-decoration: underline;
}


li.refund{
  background-color: #FF8080;
}
li.refund p.refund{
  background-color: #FF8080;
	padding: 10px!important;
	z-index: 1000;
}


table.listsortable{
  border-collapse: collapse;
  width: 100%;
}
table.listsortable td, table.listsortable th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
table.listsortable tr:nth-child(even){
	background-color: #f2f2f2;
}
table.listsortable tr th{
	background-color: white;
	color: #404040;
	position: relative;
	height: 40px;
}
table.listsortable tr.totals td{
	font-weight: 700;
	color: white;
	background-color: #606060;
}
table.listsortable tr.totals td:first-of-type{
	text-align: right;
}

table.listsortable tr th .up{
  width: 15px;
	height: 15px;
	background-color: #808080;
  position: absolute;
	top: 20%;
	left: 10px;
}
table.listsortable tr th .down{
  width: 15px;
	height: 15px;
	background-color: #808080;
  position: absolute;
	bottom: 20%;
	left: 10px;
}
table.listsortable tr th p{
  margin: 0px;
	padding: 0px;
	display: inline-block;
	position: relative;
	top: 0px;
	left: 20px;
	height: 30px;
	font-size: 13px;
	font-weight: 700;
  letter-spacing: 0;
	line-height: 13px;
}
table.listsortable tr.tablefilter th p{
	display: block;
	left: 0px;
}
table.listsortable tr th.no-sort p{
	left: 0px;
}

table.listsortable tr th .up img,
table.listsortable tr th .down img{
  margin: 0px;
	padding: 0px;
	display: block;
}
table.listsortable tr th a:hover > .up,
table.listsortable tr th a:hover > .down,
table.listsortable tr th a.sel > .up,
table.listsortable tr th a.sel > .down{
  background-color: #FF8080;
}
@media only screen and (min-width: 980px) {
	#menulecture{
		display: flex;
	}
	#menulecture #menu{
		width: 30%;
	}
	#menulecture #content{
		width: 70%;
	}
	#menu ul.menulecture1 {
		display: inline-block!important;
	}
	#menu{
		background: linear-gradient(to right top, #0C2055, #5639AB);  
		display: block;
		height: auto;
	}
	#menu ul.menu {
		background :  none;
	}
	
	
}	

@media only screen and (max-width: 980px) {
	.diagnosticsteps .step{
		width: 50%;
	}
	.diagnosticsteps .step2 .stepheader{
		background-color: transparent;
	}
}


@media only screen and (max-width: 750px) {
	

	.new-project-list .table-row .link{
		order: 1;
		width: 150px
	}
	.new-project-list .table-row .name{
		width: calc(100% - 170px);
		order: 2;
	}
	.new-project-list .table-row .created{
		width: calc(100% - 170px);
		order: 4;
	}
	.new-project-list .table-row .status{
		order: 3;
		text-align: center;
		width: 150px;
	}


	.new-user-list .table-row .edit{
		text-align: center;
		order: 3;
		width: 100px
	}
	.new-user-list .table-row .name{
		width: 100%;
		order: 1;
	}
	.new-user-list .table-row .email{
		width: 100%;
		order: 2;
	}
	.new-user-list .table-row .login{
		order: 4;
		width: 100px;
	}
	.new-user-list .table-row .reminder{
		order: 5;
		width: 100px;
	}
	.new-user-list .table-row .page{
		order: 6;
	 }	
	
	.new-user-list.leaders .table-row .name{
		width: 100%;
		order: 1;
	}
	.new-user-list.leaders .table-row .email{
		width: 100%;
		order: 2;
	}
	.new-user-list.leaders .table-row .login{
		order: 4;
		width: 100px;
	}	
	
	.row3col{
		flex-direction: column;
	}
	.row3col .col3{
		width: calc(100% - 42px);
	}
	.projectques ul li.SurveyQues .fullwidthtextdrop .textdrop input{ 
		width: 100%;
	}
}
@media only screen and (max-width: 560px) {
	#header{
		height: 80px;
	}
	#header img.logo{
		top: 10px;
		width: 200px;
	}
	#topmenu{
		top: 50px;
	}
	#logout{
	  position: absolute;
		top: 10px;
		text-align: right;
	}
	#logout .button{
		padding: 3px 15px 3px 35px!important;
	}
	
	.diagnosticsteps .step{
		width: 100%;
	}
	.diagnosticsteps .step1 .stepheader,
	.diagnosticsteps .step3 .stepheader{
		background-color: transparent;
	}
	
		
	
}