@font-face {
    font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.ttf');
}
@font-face {
    font-family: 'Roboto-Thin';
	src: url('../fonts/Roboto-Thin.ttf');
}

@font-face {
    font-family: 'Roboto-ThinItalic';
	src: url('../fonts/Roboto-ThinItalic.ttf');
}

@font-face {
    font-family: 'Roboto-Italic';
	src: url('../fonts/Roboto-Italic.ttf');
}
@font-face {
    font-family: 'Roboto-LightItalic';
	src: url('../fonts/Roboto-LightItalic.ttf');
}

@font-face {
    font-family: 'Roboto-Medium';
	src: url('../fonts/Roboto-Medium.ttf');
}

@keyframes checked  {
    0% {transform: scale(.8);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1);}
}

/*animations SAFARI */
@-webkit-keyframes checked  {
    0% {-webkit-transform: scale(.6);}
    50% {-webkit-transform: scale(1.1);}
    100% {-webkit-transform: scale(1);}
}
div.breadcrumb{margin-bottom:10px;margin-top:15px;}
div.breadcrumb a{color:#0089af}
a,
a:visited{color:#0089af;}
.fr{float:right}
.fl{float:left}
.note{color:#666;font-family:"Roboto-Light";}
strong{font-family:"Roboto";}
.no-margin{margin:0px;}
a.button,
a.btn{
	display:inline-block;
	background-color:#118AA6;
	padding:10px;
	color:#FFF !important;
	text-decoration:none;
	font-family:"Roboto";
	font-size:15px;
	margin:2px;
}
.important-text,
a.important-text {
	color: #CC0000;
	font-weight: bold;
}
.color-red {
	color: #CC0000;
}
a.button.red{
	background-color:#CC0000;
}
.g12 {
    width: 98%;
}
.g12 .g6:last-child{
	margin-right:0px;
}
.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    min-height: 10px;
    padding: 9px 0;
}
.date{color:#666;}
/* buttons */
a.button:hover,
a.btn:hover{
	background-color:#333;
}
button.small.icon, a.btn.small.icon, .button.small.icon {
    background-position: 0 8px;
    background-size: 24px 24px;
    padding-left: 23px;
}
a.icon-btn{padding:3px 10px !important;background-position:0 2px !important;}
a.small{padding-top:3px;padding-bottom:3px;background-position:0 2px !important;}
button, a.btn, .button, .dataTables_paginate span.paginate_button, .dataTables_paginate span.paginate_active {
    background-position: 4px 10px;
    background-repeat: no-repeat;
}
nav ul li.i_printer a span, .i_printer{ background-image: url(/white_label/css/images/icons/dark/printer.png);}
nav ul li.i_preview a span, .i_preview{ background-image: url(/white_label/css/images/icons/dark/preview.png);}
nav ul li.i_list a span, .i_list{ background-image: url(/white_label/css/images/icons/dark/list.png);}
nav ul li.i_document_add a span, .i_document_add{ background-image: url(/white_label/css/images/icons/dark/document_add.png);}
nav ul li.i_speech_bubble_2 a span, .i_speech_bubble_2{ background-image: url(/white_label/css/images/icons/dark/speech_bubble_2.png);}
nav ul li.i_create_write a span, .i_create_write{ background-image: url(/white_label/css/images/icons/dark/create_write.png);}
nav ul li.i_trashcan a span, .i_trashcan{ background-image: url(/white_label/css/images/icons/dark/trashcan.png);}
nav ul li.i_arrow_left a span, .i_arrow_left{ background-image: url(/white_label/css/images/icons/dark/arrow_left.png);}
nav ul li.i_magnifying_glass a span, .i_magnifying_glass{ background-image: url(/white_label/css/images/icons/dark/magnifying_glass.png);}

.notes{font-family: 'Roboto-Thin';font-size:14px;}
div.form-error-message{
	font-size:13px;
	color:#CC0000;
	font-family: 'Roboto-Thin';
	line-height:50px;
}
div.form-error-message.fr{margin-right:20px;}

@font-face {
    font-family: 'Roboto-Medium';
	src: url('../fonts/Roboto-Medium.ttf');
}
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 98%; }
body{
	/*height:150%;*/
	font-family: 'Roboto';
	margin:0px;
	padding:0px;
	background-color:#F7F9FB; /* Old browsers */
}

div.inner-content{
	margin:0px 30px;
}
div.filter-buttons{margin-right:20px;}
div.filter-buttons a,
div.task-action-buttons a{
	display:inline-block;
	border:2px solid #ccc;
	padding:5px;
	border-radius:5px;
	text-decoration:none;
	color:#666;
}
div.task-action-buttons a{margin-right:10px;}
div.filter-buttons a.selected,
div.task-action-buttons a:hover{
	background:#FC9B30;
	color:#FFF;
	border:2px solid #E28B2D;
}

/*----------------------------------------------------------------------*/
/* Pageoptions
/*----------------------------------------------------------------------*/

#pageoptions h1, #pageoptions h2,#pageoptions h3, #pageoptions h4, #pageoptions h5, #pageoptions h6{
	text-shadow:0 2px 0 #000000;
	color:#f1f1f1;
}
#pageoptions ul li a{
	color:#aaa;
	text-transform:uppercase;
}
#pageoptions ul li a:hover, #pageoptions ul li a.active{
	color:#f1f1f1;
	/*background-color:#2e2e33;*/
}
#pageoptions > div{
	color:#f1f1f1;
	background-color:#2e2e33;
	-webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5);
	box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5);
}

#pageoptions{
	position:relative;
	overflow:hidden;
	width:auto;
	padding:0;
	min-height:20px;
	background:rgba(0,0,0,.6);
}
#pageoptions h1, #pageoptions h2,#pageoptions h3, #pageoptions h4, #pageoptions h5, #pageoptions h6{
}
#pageoptions ul{
	overflow:hidden;
	margin:0;
	padding:1px 6px;
}
#pageoptions ul li{
	float:right;
	list-style:none;
	padding:0;
	margin:0;
	margin-left:1px;
}
#pageoptions ul li a{
	text-decoration:none;
	padding:0 8px 6px;
/*	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;*/
}
#pageoptions ul li a:hover, #pageoptions ul li a.active{
}
#pageoptions > div{
	position:absolute;
	left:15px;
	right:15px;
	padding:15px;
	overflow:hidden;
	min-height:400px;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}

#pageoptions div li{
	float:none;
}

#pageoptions ul li a:hover, #pageoptions ul li a.active {
  background-color: #0089AF;
}
#pageoptions ul li a{font-family: 'Roboto';font-size:13px;}
#pageoptions ul li a {padding: 3px 8px 6px;}

#header{
	padding:20px 10px;
	text-align: center;
	font-family:'Roboto-Light';
	background-color: #F8F9FB;
	box-shadow: 0px 1px 10px #424242; 
	position:relative;
	z-index: 9;	
	width:100%;
}
#header .logo {
	height: auto;
	width: auto;
	max-height: 120px;
	max-width: 420px;
}
#menuLauncher{
	position:absolute;
	z-index:10;
	top:30px;
	padding-left: 15px;
}
#menuLauncher a{
	color:#424242;
	text-decoration: none;	
	font-size:13px;
}
#menuLauncher a:hover{
	color:#102165;	
}
#page{
	margin:0px;
	color:white;
	font-family: 'Roboto-Thin';
	font-size: 2em;
	color:#F2F2F2;
	position: absolute;
	z-index: 11;
	right:0px;
	top : 30px;
}
#page table{
	color:#999;
	font-size:1em;
	font-family: 'Roboto-Thin';
}
#aPage{
	margin:0px;
	padding: 10px;
	color:white;
	font-family: 'Roboto-Thin';
	font-size: 2em;
	color:#F2F2F2;
}
#aPage table{
	color:#999;
	font-size:1em;
	font-family: 'Roboto-Thin';
}
.pageSubtext{
	color:#CCC;
	font-size: .75em;
	padding-left:4%;
	padding-right:10%;
	margin-top: 5px;
	margin-bottom:0px;
}
.pageInstructions{
	color:#999;
	font-size: 1em;
	padding-left:4%;
	padding-right:10%;
	margin-top: 5px;
	margin-bottom:10px;
}
.cbp-spmenu table{
	font-family:'Roboto-Light';
	color:white;
}
.cbp-spmenu table tr td .fas {
	font-size: 30px;
}

.cardFace h1{
	font-family:'Roboto-Light';
	margin: 0px;
}
.cardFace a{
	font-size: 2em;
}
.priorityOne{
	background-color: #BB6666; 
	color:white;
}
.priorityTwo{
	background-color: #F4FB90;
	color:#424242; 
}
.priorityThree{
	background-color: #0BA41D; 
	/* color:#424242;  */
	color:white;
}
.colorBlue{
	background-color: #016CBC; 
	color:white; 
}
.colorGray{
	background-color: #8B8B8B; 
	color:white; 
}
.glossary-color{background:#aa47bf;}
.glossary-color .title{color:#FFF;}
.forum-color{background:#fc9b30;}

table .ceu-description{
	color:#666;
	font-family:'Roboto-Light';
	font-size:12px;
}

.ceu-status {
	padding: 20px;
	order: 1px solid #CCC;
    background-color: #DDD;
    border-radius: 4px;
    margin-bottom: 7px;
    font-size: 20px;
    font-family: 'Roboto-Light';
    color: #444;
}
.ceu-status h4,
.ceu-status span  {
	font-family: 'Roboto';
}
.ceu-status i {
	color: #0BA41D;
}

.align-top{vertical-align:top;}

.flip-container{display:inline-block;}
.flip-container, .front, .back {
	width: 300px;
	height: 200px;
	cursor:pointer;
}

.cardFace{
	font-family:'Roboto-Light';
	font-size: 1.1em; 
	font-size: 1.7vw;
	border:14px solid white;
	top:1px;
	padding:20px;
	text-align: center;
	width:220px;
	height:110px;
}

/*.flip {
  -webkit-perspective: 1000;
  -moz-perspective:1000px;
  -ms-perspective:1000px;
   width: 300px;
   height: 200px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.flip .card.flipped {
  -webkit-transform: rotatex(-180deg);
  -moz-transform: rotatex(-180deg);
  -ms-transform: rotatex(-180deg);
}
.flip .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  -moz-transform-style: preserve-3d;
  -moz-transition: 0.5s;
  -ms-transform-style: preserve-3d;
  -ms-transition: 0.5s;
  backface-visibility:hidden;
}
.flip .card .face {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden ;
  backface-visibility: hidden;
  -ms-backface-visibility:hidden;
    text-align: center;
}
.flip .card .front {
  position: absolute;
    color: #424242;
    cursor: pointer;
}
.flip .card .back {
  -webkit-transform: rotatex(-180deg);
  -moz-transform: rotatex(-180deg);
  -ms-transform: rotatex(-180deg);
	cursor:pointer;
}

.cardFace{
	font-family:'Roboto-Light';
	font-size: 1.1em; 
	font-size: 1.7vw;
	border:14px solid white;
	top:1px;
	padding:20px;
	text-align: center;
	width:200px;
	height:110px;
}
*/

div.course-icon-in-list{
	border:2px solid #5C5E64;
	float:left;
	margin-right:15px;
	border-radius:50%;
	background-size:cover;
	background-repeat:no-repeat;
	width:50px;height:50px;
	background-position:center center;
}
#course-list td {
	text-align: left;
}
#course-list h3 {
	margin: 0;
	color:#50a400;
}
#course-list .course-name {
	overflow: hidden;
   display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.percentage{
	font-size: 6em;
	padding:0px;
	margin:0px;
	margin-top:-15px;
	margin-bottom: 10px;
}
.goalInitials{
	font-size: 8em;
	padding:0px;
	margin:0px;
	margin-top:-20px;
	font-family: 'Roboto-Medium';
}

.subtext{
	margin:0px;
	font-size: 15pt;
	padding:0px;
	position:relative;
	top:-20px;
}
.cardDescription{
	margin:0px;
	font-size: 12pt;
	padding:0px;
	position:relative;
	top:-20px;
}
.cardCourseDescription{
	margin:0px;
	font-size: 12pt;
	padding:0px;
	position:relative;
	top:-10px;
}
.cardFace a{
	position:relative;
	color:white;
	text-decoration: none;
}
.cardFace.priorityTwo a{
	position:relative;
	color:#424242;
	text-decoration: none;
}
.courseIcon{
	color:#666;
	font-family:'Roboto-Light';
	font-size: 2em;
	padding: 20px;
	top:100px;
	width:auto;
	min-height: 150px;
	border: 10px solid #FFF;
	margin-right: 50px;
	margin-top:20px;
}
/*div.task-tools{
	width:50px;
	float:left;
	margin-left:20px;
	margin-top:20px;
}*/
div.task-tools a{
	display:block;
	height:50px;
	width:50px;
	text-decoration:none;
	margin-bottom:10px;
	margin-top:10px;
}
a.i_check{background:url(/aec/img/check.png) no-repeat top left;
	background-size:50px 50px;
}
a.i_notdone{background:url(/aec/img/notdone.png) no-repeat top left;
	background-size:50px 50px;
}
a.i_notdone-ghost{background:url(/aec/img/notdone-ghost.png) no-repeat top left;
	background-size:50px 50px;
}
a.i_edit{background:url(/aec/img/hammer-b.png) no-repeat top left;
	background-size:50px 50px;
}

.courseTitle{
	display: inline-block;
	color:white;
	position: relative;
	top:-50px;
}
.goalTitle{
	font-size: 1.5em;
	display: inline-block;
	color:white;
	position: relative;
	top:-75px;
	border-left: 5px solid #F2F2F2;
	margin-left: 10px;
	padding-left: 10px;
}
h1.goalLogo{
	display: inline-block;
	font-size: 3em;
	position: relative;
	top:-60px;
}
.goalType{
	text-align: right;
	position: relative;
	top:-130px;
}
.courseDescription{
	margin-top: 125px;
	margin-left: 50px;
	margin-right: 50px;
	font-family: 'Roboto-Thin';
}
.courseDescription h1{
	font-family:'Roboto-Light';
	font-size: 1.5em;
}
.courseDescription table{
	font-size: 1.5em;
	border-spacing: 30px 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.courseDescription hr{
	border: 0;
    height: 1px;
    background: #333;
}
.courseInfoBits td{
	font-family:'Roboto-Light';
}
.topSectionHead td{
	color:#666;
	font-family:'Roboto-Light';
	font-size: 2em;
	padding-bottom: 20px;
	padding-top: 20px;
}
.topSectionHead .fas{
	font-size: 50px;
}
.sectionHead td{
	color:#666;
	font-family:'Roboto-Light';
	font-size: 2em;
	padding-bottom: 20px;
	padding-top: 50px;
}
/*input[type=radio] {
    display:none; 
    margin:10px;
}*/
input[type=radio] + label {
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    background-color: #CCC;
    border-color: #ddd;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: #E5E5E5 #E5E5E5 #F2F2F2;
    border-bottom-color: #b3b3b3;
}
input[type=radio].good:checked + label { 
   background-image: none;
    background-color: #A6DCA3;
}
input[type=radio].okay:checked + label { 
   background-image: none;
    background-color: #F2F793;
}
input[type=radio].bad:checked + label { 
   background-image: none;
    background-color: #EA9E9E;
}

.text-good{
    color: #A6DCA3;
}
.text-okay{
    color: #F2F793;
}
.text-bad{
    color: #EA9E9E;
}

td.good{ 
   background-image: none;
    background-color: #A6DCA3;
}
td.okay{ 
   background-image: none;
    background-color: #F2F793;
}
td.bad{ 
   background-image: none;
    background-color: #EA9E9E;
}
.assesmentQuestions{
	width:100%;
}
td.radios{
	text-align: left;
}
td.aQuestion{
	padding:0px;
	padding-left:10px;
	padding-right:15px;
	width:51%;
	text-align: right;
}
.aComment{
	width:85%;
	height:100px;
	background-color:#FFF;
	border:5px solid #CCC;
	font-size: 1em;
}
textarea.aComment:focus{
	outline:none;
}
button.aSubmit {
  background: #e3e3e3;
  border: 1px solid #bbb;
  color: #666;
  line-height: 1;
  padding: 8px 0 9px;
  text-align: center;
  width: 150px; 
  font:inherit;
  font-family:'Roboto-Light';
  font-size: 1em;
}
  button.aSubmit:hover {
    background: #d9d9d9;
    cursor: pointer; }
  button.aSubmit:active {
    background: #d0d0d0;
    }
    button.addButton {
  background: #e3e3e3;
  border: 1px solid #bbb;
  color: #666;
  line-height: 1;
  padding: 8px 0 9px;
  text-align: center;
  width: 200px; 
  font:inherit;
  font-family:'Roboto-Light';
  font-size: 1em;
}
  button.addButton:hover {
    background: #d9d9d9;
    cursor: pointer; }
  button.addButton:active {
    background: #d0d0d0;
    }
    .addButton h1{
	    margin: 0px;
	    display: inline-block;
	    font-size: 1em;
    }
    button.buyButton {
  background-color: #0BA41D; 
  border: 2px solid #bbb;
  color: #FFF;
  line-height: 1;
  padding: 8px 0 9px;
  text-align: center;
  width: 200px; 
  font:inherit;
  font-family:'Roboto-Light';
  font-size: 1em;
}
  button.buyButton:hover {
  background-color: #3CB64A; 
    cursor: pointer; }
  button.buyButton:active {
  background-color: #B1E2B7;
    }
       button.loginButton {
  background-color: #F2F2F2; 
  border: 5px solid #bbb;
  color: #666;
  text-align: center;
  width: 125px; 
  height: 30px;
  font:inherit;
  font-family:'Roboto-Light';
  font-size: 0.8em;
  margin: 10px;
  padding-top: -10px;
}
  button.loginButton:hover {
  background-color: #EEE; 
    cursor: pointer; }
  button.loginButton:active {
  background-color:  #FCFCFC;
    }
    .buttonImage{
	    width:15px;
	    position: relative;
    }
	.loginButtonImage{
	    width:15px;
	    top:2px;
	    position: relative;
    }
.bannerImage{
	width:30px;
	position: relative;
}
.scoreTable{
	text-align: center;
	margin: 0px auto;
	border-spacing: 20px 0px;
}
.scoreTable td.scores{
	height:100px;
	width: 100px;
	font-size: 2em;
	color: #666;
	font-family: 'Roboto-Thin';
	border:5px solid #FFF;
}
.generalScores{
	width: 33%;
	text-align: center;
	display: inline-table;
	margin: 0px;
}
.generalDetails{
	width:66%;
	display:inline-table;
	border-left:1px solid #000;
	margin: 0px;
	position:relative;
	top:20px;
}
.generalDetails table{
	width:30%;
	display: inline-table;
	margin: 0px;
	padding: 0px;
}
.gDetailScores{
	text-align: center;
	font-family:'Roboto-Light';
	border:5px solid #FFF;
}
.gDetailSection{
	text-align: right;
	font-family:'Roboto-Light';
	padding-right: 2px;
	font-size: 0.8em;
}
.scoreExplained{
	width:66%;
	display:inline-table;
	font-size: 1em;
}
.scoreSuggestions{
	display: inline-table;
	border-left:1px solid #000;
	position: relative;
	top:-20px;
	width: 30%;
}
.scoreSuggestions h1{
	font-family: 'Roboto-Thin';
	font-size:1.5em;
	padding-left: 10px;
}
.scoresuggestions table{
	font-family: 'Roboto-Thin';
	margin-bottom: 20px;
	border-spacing: 10px;
}
td.bolded{
	font-family: 'Roboto-Medium';
	text-align: right;
}
.progressBar {
  background-color: #F2F2F2;
  padding: 3px;
  width: 200px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  font-family:'Roboto-Light';
  font-size: 1em;
}

.progressBar .good {
    background-color: #A6DCA3;
   width: 100%; 
   height: 20px;
   padding-left:5px;
}
.progressBar .okay {
    background-color: #F2F793;
   width: 67%; 
   height: 20px;
   padding-left:5px;
}
.progressBar .bad {
    background-color: #EA9E9E;
   width: 20%; 
   height: 20px;
   padding-left:5px;
}
.scoreExplained h1{
	font-family: 'Roboto-Thin';
}
.progressBars{
	border-spacing: 0 20px;
	display: inline-table;
	width:100%;
}
.progressBarTitle{
	font-size: 0.8em;
	font-family: 'Roboto-Thin';
	text-align: right;
	padding-left:2%;
}
td.dsbPercent{
	font-size:15pt;
	font-family: 'Roboto-Thin';
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	position:relative;
}
dsbPercent p{
	color:white;
}
.dsbTitle{
	padding-bottom: 20px;
	font-size:0.5em;
}
h1.detailSection{
	font-family:'Roboto-Light';
	padding:20px;
	margin: 0px;
}
.dsbHeader td{
	text-align: center;
	vertical-align: bottom;
}
input.textField,
textarea.textField{
	border: 5px solid #B2B2B2;
	height: 40px;
	font-size: 1.5em;
	color:#666;
	background: #F2F2F2;
	display: block;
	margin:20px;
}
textarea.textField{
	height:100px;
	font-family: inherit;
	font-size: inherit;
}
.task{margin:20px auto 40px auto;width:810px;}
.task input.textField,
.task textarea.textField{margin:0px;}
.task div.text-field,
.task div.text-area{
	float:left;
	margin: 0px;
	margin-right:20px;
}
.task div.text-field input{
	display:inherit;
}
.task div.i_delete{
	height:50px;
	width:50px;
	float:right;
	cursor:pointer;
}
.i_delete{
	background:url('/aec/img/delete-b.png') no-repeat top left;
	background-size:50px 50px;
}

.giTask .giTaskInfo{
	padding-left: 60px;
}
.banner{
	position: relative;
	/*top:78px;*/
	top:-2px;
	padding:10px;
    background-color: #83CE7F;
	color:white;
	font-family: 'Roboto-Thin';
	text-align: center;
	border-bottom: 10px solid white;
}
.banner a{
	color:white;
	text-decoration: none;
	position: relative;
	top:-9px;
	padding-left: 3px;
}
td.loginTitle{
	font-size: 30pt;
	font-family: 'Roboto-Thin';
	color:#666;
	vertical-align: bottom;
	padding:0px;
	margin: 0px;
	padding-top: 15px;
	text-align: center;
}
/*table.loginTable{
	background:rgba(255,255,255,0.67);
	padding:30px;

	border-bottom:5px solid #666; 
	border-left:5px solid #666; 
	border-right:5px solid #666; 

	box-shadow: 1px 1px 20px 1px black;
}*/
p.loginSubtext{
	font-size: 1.5em;
	font-weight: 100;
	color:white;	
	margin: 20px;
}

/*.login input.textField{
	border: 5px solid rgb(255,255,255);
	background: rgb(255,255,255);
	display:inline-block;
	margin: 10px;
	height: 30px;
	font-size: 1em;
	width: 300px;
}
.login{
	margin-top: 30px;
	font-family: 'Roboto-Thin';
	display:inline-block;
	text-align: center;
	background: rgba(22,172,83,0.9);
	width:500px;
	height: 500px;
    border-radius: 50%;
    padding: 20px;
    border:15px solid white;
	box-shadow: 1px 1px 20px 1px black;
	overflow: hidden;
	text-align: center;
	position:relative;
	z-index: 10000;
}
.login table{
	width:100%;
	height: 100%;
	text-align: center;
}*/
div.login{
	width:600px;
	padding-top:50px;
	color:#666;
}
div.login div.logo{
	margin-bottom:20px;
	text-align:left;
}

div.login button{
	background:#0BA41D;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-family:'Roboto-Light';
	padding:5px 15px;
	font-size:15px;
	float:left;
	border:0px;
}
a.header_name{color:#999;text-decoration:none;}
div.login div.left-column{float:left;width:50%;padding:20px;}
div.login div.left-column div.header,
div.login div.right-column div.header{
	color: #666;
	font-family:'Roboto-Light';
	text-align: left;
}
div.login div.right-column div.header{margin-bottom:15px;font-size:16px;}
div.login div.right-column div.header a{font-size:18px;}
div.login div.right-column div.header a:hover{text-decoration:underline;}
div.login div.right-column{
	float:right;
	width:37%;
	text-align:left;	
	padding-top:20px;
	color:#FFF;
	font-family:'Roboto-Light';
	font-size:17px;
}
div.login div.right-column div.client-logo{
	text-align:center;
	margin-bottom:15px;
}
div.login div.right-column div.client-logo div.tagline{margin:5px 10px;color:#444;}
div.login div.right-column div.side-links{
	background:#016CBC;
	padding:20px 15px 20px 20px;
}
div.login div.right-column a,
div.login div.right-column a:hover,
div.login div.right-column span{font-family: 'Roboto-Medium';font-size:24px;text-decoration:none;color:#b2b2b2;}

div.login div.left-column div.remember-me{
	margin-top:15px;
	text-align:left;
	margin-bottom:15px;
}
div.login div.left-column div.remember-me input{margin-right:10px;}
div.login div.left-column div.remember-me label{font-family: 'Roboto-Medium';font-size:13px;}
div.login form,
div.data-form form{
	box-shadow: 1px 1px 4px 1px #999;
	background:#FFF;
	border-left:1px solid #DADADA;
	border-top:1px solid #DADADA;
	border-right:0px solid #FFF;
	border-bottom:1px solid #DADADA;
	border-radius:4px;
	height:340px;
}

div.data-form.simple-form form{
	box-shadow: none;
	background: transparent;
	border-left:0;
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-radius:0;
	height:auto;
}

div.data-form form{height:auto;}
div.register form div.left-column{position:relative;}
div.login section{text-align:left;margin-top:10px;}
div.login section label span.required,
div.data-form form section label span.required{
	background-image: url("/white_label/css/light/images/required.png");
	background-position: left bottom;
    background-repeat: no-repeat;
    font-size: 10px;
    padding: 0 4px;
}
div.login fieldset{border:0px;}
div.login div.field-label,
div.login label{
	text-align:left;font-weight:bold;color:#666;font-size:13px;margin-top:20px;margin-bottom:3px;}
div.login label span{font-weight:normal;}
div.login.register div.field-label{margin-top:10px;}
div.login.register div.cal-day div.month{color:#FFF;font-family: 'Roboto-Thin';}
div.login.register div.cal-day div.day{font-family: 'Roboto-Thin';}
div.login.register div.left-column div.reasons{margin-top:30px;margin-bottom:10px;text-align:left;font-family: 'Roboto-Thin';font-size:20px;}
div.login.register div.left-column div.reasons div.cal-day,
div.login.register div.left-column div.reasons div.user-error{float:left;margin-right:15px;}
div.login form fieldset>label{
	font-size:16px;
}
div.login input, div.login textarea,
div.data-form form input[type='text'],
div.data-form form textarea{
	border:1px solid #DADADA;
	padding:3px;
	font-family:'Roboto-Light';
	font-size:15px;
	border-radius:3px;
	margin:0px;
}
div.login textarea,
div.data-form form textarea{
	width:100%;
	padding:3px;
	resize:none;
	font-size:12px;
}

div.login div.select select,
div.data-form form  div.select select,
form.data-form div.select select {
   background: transparent;
   width: 120%;
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
	font-family:'Roboto-Light';
	font-size:15px;
	color:#444;
}
div.login section.error textarea,
div.login section.error,
div.data-form section.error textarea,
div.data-form section.error{background:#f0cccc;}

div.login label a {
	color:#0085FF;
	text-decoration:none;
}

div.login div.select,
div.data-form div.select,
form.data-form div.select{
	width: 100%;
	height: 34px;
	overflow: hidden;
	background: url(../img/select-icon.png) no-repeat right 9px #FFF;
	background-size:20px 20px;
	border: 1px solid #ccc;
	cursor:pointer;
}
div.login div.input input{width:100%;}
div.data-form div.input input[type='text']{width:97%;}
div.data-form div.input input[type='checkbox']{
	width:auto;
}
div.data-form div.select{width:98%;}
::-webkit-input-placeholder { /* WebKit browsers */
	font-size:12px;
	border:1px solid #DADADA;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size:12px;
	border:1px solid #DADADA;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size:12px;
	border:1px solid #DADADA;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-size:12px;
	border:1px solid #DADADA;
}

/* added by Rico */
div.page-content{padding-top:70px;padding-bottom: 4em;}
div#progress_div{margin:0 auto 20px auto;width:90%;}
div.task-list{margin-bottom:20px;}
div.flip .card .face a {font-family: 'Roboto-Medium';}
div.tickLabel a{color:#0085FF}
.banner a{font-family:'Roboto-Light';}

div.task-title table{
	height:150px;
}
div.task-title td.task-initials{font-size: 3em;padding-right:20px;width:50px;white-space:nowrap;}
div.task-title td.task-title{
	font-size: 1.5em;
	color:white;
	border-left: 5px solid #F2F2F2;
	margin-left: 10px;
	padding-left: 10px;
	font-family:'Roboto-Light';
}
div.task-title.priorityTwo td.task-title{
	color:#444;
	border-left: 5px solid #444;
}


td.gDetailScores {width:40px;}
.pageSubtext{font-family:'Roboto-Light';padding-left:55px;margin-top:0px;}
.sectionHead td {padding-top:20px;}
div.clear{clear:both;}
.standard-spacing-top {margin-top:10px;}
div.assessment-key{margin-left:55px;margin-top:15px;}
div.assessment-key div{float:left;font-size:15px;font-family:'Roboto-Light'}
div.assessment-key div.values{padding:3px;color:#666;border:5px solid #FFF;margin-right:10px;}
div.assessment-key div.legend{color:#666;margin-right:20px;margin-top:5px;}
.progressBarTitle{width:60%}
.scoreTable td.headers{font-size:14px;}
div.scoreSuggestions div.suggestion-items {margin-left:10px;cursor:pointer;}
div.scoreSuggestions div.suggestion-items table.suggestion-table{min-height:65px;}
div.scoreSuggestions div.suggestion-items table.suggestion-table td span {font-family:'Roboto-Light';}
div.scoreSuggestions div.suggestion-items table.suggestion-table td.checkmark{width:30px;}
div.scoreSuggestions div.suggestion-items div.sug-course{margin-bottom:5px; border:3px solid #FFF;padding:3px;}
div.scoreSuggestions div.suggestion-items div.sug-userTask{
	/*background:#016CBC url(../img/star-half.png) no-repeat bottom right;
	background-size:54px 50px;*/
	padding:3px;
	margin-bottom:5px; border:3px solid #FFF}
.scoresuggestions table{margin-bottom:0px;}
div.scoreSuggestions div.suggestion-deselected{opacity: 0.5;filter: alpha(opacity=50); /* For IE8 and earlier */}
div.scoreSuggestions div.suggestion-selected{opacity: 1;filter: alpha(opacity=100); /* For IE8 and earlier */}
div.scoreSuggestions div.suggestion-deselected table.suggestion-table td.checkmark div{
	background:url(../img/css_checkbox.png) no-repeat 0px 0px;
	height:25px;
	width:25px;
	background-size:25px 50px;
}
div.scoreSuggestions div.suggestion-selected table.suggestion-table td.checkmark div{
	background:url(../img/css_checkbox.png) no-repeat 0px -25px;
	height:25px;
	width:25px;
	background-size:25px 50px;
}
.no-selection {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a.logout{width:160px;}

div.course-content{
	width:210px;
	padding-right:20px;
	border-right:1px solid #000;
	padding-bottom:30px;
	float:left;
	margin-right:20px;
}
div.course-content div.header{
	color: #666;
	font-size: 1.5em;
	font-family:'Roboto-Light';
	text-align:right;
	margin-bottom:5px;
}
div.course-display{
	margin:30px auto;
	width:1054px;
	position:relative;
}
div.course-display div.course-title{
	font-family:"Roboto";
	font-size:20px;
	text-align:left;
	margin-bottom:15px;
}
div.course-content .course-menu-section{
	border: 1px solid #016CBC;
	left: 10px;
	position: relative;
	margin-bottom: 15px;
}

div.course-content .course-menu-section .section-header{
	padding: 10px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
    background-color: #016CBC;
    color: #FFF;
}
div.course-content .course-menu-section .section-header .toggle{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	transition: transform .25s ease-out;
}

div.course-content .course-menu-section.expanded .section-header .toggle{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

div.course-content .course-menu-section .menu-items{
	margin: 10px 5px;
	position: relative;
}
div.course-content .course-menu-section .menu-items div.list-asset{
	left:0;
}

div.course-content div.list-asset{
	/*border:5px solid #FFF;*/
	padding:10px;
	margin-bottom:15px;
	position:relative;
	left:10px;
	cursor:pointer;
}
div.course-content div.list-asset.glossary-link{
	background:#FFA64D;
}
div.course-content div.list-asset.glossary-link .title{font-size:16px;font-family:"Roboto-Light"}
div.course-content div.list-asset div.checked{
	width:42px; height:42px;
	float:left;
	background:url("/aec/img/scope_creep_practice/icon_item-checked.png") no-repeat top left;
	background-size:42px 42px;
	cursor:pointer;
	position:absolute;
	top:-10px;left:-25px;
}
div.course-content div.list-asset.selected div.title,
div.course-content div.list-asset.colorGray div.title{
	float:left;
	/*width:190px;*/
	font-family:'Roboto-Light';
	font-size:12px;
	color:#FFF;
	position:relative;
}
div.course-content div.section{
	background:none;
	color:#333#333;
	font-family:'Roboto-Light';
	font-size:20px;
	margin-bottom:10px;
}
div.course-content div.list-asset.selected{
	background-color: #0BA41D;

}
div.course-content div.list-asset.completed{
	background-color: #0BA41D;
}

div.course-content div.list-asset div.title{
	float:left;
	/*width:190px;*/
	font-family: 'Roboto';
	font-size:12px;
}
div.course-content div.list-asset div.title td.asset-title{
	font-family: 'Roboto-Medium';
	font-size:12px;
	padding-left:5px;
}
div.course-content div.list-asset div.img{
	float:right;
}
div.course-content div.list-asset td.number{
	font-size:18px;vertical-align:top;
	width:12px;
}
div.course-display div.course-asset{
	float:left;
	width:780px;
}
div.course-display div.course-content-title{
	margin-bottom:15px;
	text-align:center;
}
div.course-display div.course-content-title h1{
	font-size:21px;
	font-family:'Roboto-Light';
	color: #666;
	margin-bottom:0px;
	margin-top:0px;
}
div.course-display div.course-content-title p{
	font-size:17px;
	font-family:'Roboto-Light';
	color: #000;
	margin-bottom:0px;
	margin-top:0px;
	line-height:20px;
}

div.course-display div.course-demo-login{
	position:absolute;
	width:1054px;
	top:0px;
	left:0px;
	background:rgba(0,0,0,.75);
	color:#FFF;
}
div.course-display div.course-demo-login div.login{padding-top:0px;margin-left:388px;width:500px;}
div.course-display div.course-demo-login p.instructions{
	font-family: "Roboto-Light";
	font-size: 40px;
	margin-left: 220px;
	margin-top: 50px;
	text-align: center;
	margin-bottom:15px;
}
div.course-display div.course-demo-login div.login form{
	padding:20px;
	height:auto;
}
div.course-display div.course-demo-login div.login form button{margin-top:15px;}
div.course-display div.course-demo-login div.login div.loading{margin-top:15px;}
div#video_container{text-align:center;color:#666;font-family:'Roboto-Light'; font-size:25px;}

div.course-asset div.file-upload {
	border: 1px solid #444;
	padding : 10px;
	margin: 10px;
	color: #FFF;
	background-color: rgba(0, 0, 0, .3);
}
div.course-asset div.file-upload .instructions {

}

div.course-asset div.file-upload #filename {
	color: #000;
}

div.course-asset div.file-upload button {
	background:#0BA41D;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-family:'Roboto-Light';
	padding:5px 15px;
	font-size:15px;
	border:0px;
	cursor:pointer;
}

div.course-asset div.file-upload .instructions span {
	color : #CC0000;
}

div.course-completed {
	padding:20px;
	color:#FFF;
	font-size:20px;
	cursor:pointer;
	background-color: #0BA41D;
	margin-top:10px;
	font-family:'Roboto-Light';
	text-align:right;
}

div.course-completed::before {
	content: "";
	background:url("/aec/img/scope_creep_practice/icon_item-checked.png") no-repeat top left;
	position:relative;
	vertical-align: middle;
	width:52px; height:52px;
	display: inline-block;
}

div.activity div.continue-course-button{
	padding:20px;
	color:#FFF;
	font-size:20px;
	cursor:pointer;
	background-color: #0BA41D;
	margin-top:10px;
	font-family:'Roboto-Light';
	text-align:right;
}
div.continue-course-button {
  background-color: #0ba41d;
  color: #fff;
  cursor: pointer;
  font-family: "Roboto-Light";
  font-size: 20px;
  margin-top: 10px;
  padding: 20px;
  text-align: right;
}

div.cal-day{width:64px;}
div.cal-day div.month{font-size:15px;height:26px; color:#2E2E2E;text-transform:uppercase;text-align:center;line-height:28px;background-color:#B8CCCF;}
div.cal-day div.day{background:#FFF;height:45px;text-align:center; color:#2E2E2E;font-family:'Helvetul',arial,sans-serif;font-size:44px;line-height:46px;border:1px solid #B8CCCF;}
div.cal-day-small{width:45px;}
div.cal-day-small div.month{font-family:'Roboto-Light';font-size:15px; height:19px; color:#FFF;text-transform:uppercase;text-align:center;line-height:23px;background-color:#016CBC;}
div.cal-day-small div.day{font-family:'Roboto-Light';height:24px;text-align:center; color:#2E2E2E;font-family:'Helvetul',arial,sans-serif;font-size:20px;line-height:24px;border:1px solid #016CBC;background-color:#FFF;}
div.cal-day-small div.year,
div.cal-day div.year{text-align:center;margin-top:3px;font-size:15px;}
/* end */
div.register-note{font-family:'Roboto-Light';color:#666;font-size:18px;margin-top:15px;}
div.register-note strong{font-family: 'Roboto-Medium';}
div.register-note span{color:#8D0000;}
input.error{color:#8D0000;}
input.correct{background-color:#A6DCA3;}
div.error-message{color:#8D0000;font-family: 'Roboto-Medium';font-size:13px;}
input.form-error{margin:20px 20px 0px 20px;}

div.alert-message{
	color: #fff;
	height: 50px;
	left: 0;
	padding-left: 20px;
	padding-top: 15px;
	position: absolute;
	top: 24px;
	width: 100%;
	font-size:25px;
	font-family:'Roboto-Light';
	z-index:100;
}
div.alert-message.warning{background-color:#8D0000;border-bottom:5px solid #FFF;}
div.alert-message.success,
div.alert-message.green{background-color:#0BA41D;border-bottom:5px solid #FFF;}
#login div.alert-message{top:0px}
div.take_action{
	width:770px;
	margin-top:40px;
/*	max-height:400px;
	overflow:auto;*/
}
div.unavailable-course{
	/* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	  /* IE 5-7 */
	  filter: alpha(opacity=50);

	  /* Netscape */
	  -moz-opacity: 0.5;

	  /* Safari 1.x */
	  -khtml-opacity: 0.5;

	  /* Good browsers */
	  opacity: 0.5;
}
div.breadcrumbs{margin-left:20px;}
div.breadcrumbs h5{
	font-size:20px;
	font-family: 'Roboto-Light';
	color:#666;
	margin-bottom:5px;
	margin-top:15px;
}
div.breadcrumbs h5 a {
	color:#0085FF;
	font-family:'Roboto-Light';
}

/* ANIMATIONS */
@keyframes pulse  {
    0% {transform: scale(.6);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1);}
}
@-webkit-keyframes pulse  {
    0% {-webkit-transform: scale(.6);}
    50% {-webkit-transform: scale(1.1);}
    100% {-webkit-transform: scale(1);}
}
@keyframes big_pulse  {
    0% {transform: scale(.2);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1);}
}
@-webkit-keyframes big_pulse  {
    0% {-webkit-transform: scale(.2);}
    50% {-webkit-transform: scale(1.1);}
    100% {-webkit-transform: scale(1);}
}
div.pulse {
	animation: pulse 300ms linear 1;
	/* safari */
	-webkit-animation-name: pulse;
    -webkit-animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
}
div.big-pulse {
	animation: big_pulse 800ms linear 1;
	/* safari */
	-webkit-animation-name: big_pulse;
    -webkit-animation-duration: 800ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
}
input,textarea{margin:0 1px;}
table.data-tables{
	margin-bottom:15px;
}
body#login{
	background-color:#FFF;position:relative;
	background-image:url('/aec/img/bgr_login.png');
	background-size:cover;
	background-repeat:no-repeat;
}
table.data-tables td,table.data-tables th{padding:10px 5px 10px 5px;}
table.data-tables thead th,
table.data-tables thead th a {color:#3C6D99;font-family: 'Roboto-Medium';font-size:15px;}
table.data-tables tbody tr.alt0 {background:#EEEEEE;}
table.data-tables tbody tr th{font-family:'Roboto-Light';color:#3C6D99; text-align:center;padding-right:20px;}
table.data-tables tbody tr th.main{text-align:left}
table.data-tables tbody tr td {font-family:'Roboto-Light';color:#4C4C4C;text-align:center;}
table.data-tables tbody tr.required th{color:#CC0000;}
table.data-tables tbody tr td a,
table.data-tables tbody tr th a {text-decoration:none;color:#3C6D99;}

div.objectives{
	width:740px;
	overflow:hidden;
	position:relative;
	/*border:5px solid #FFF;*/
	background-color: #016CBC;
	padding:20px;
	color:#FFF;
	font-weight:300;
	font-family: 'Roboto-Light';
}
div.objectives h2{margin-top:0px;}
div.objectives strong{font-family:'Roboto-Medium';}
div.objectives div.instructions{
	margin-bottom:20px;
}

div.objectives div.header{
	font-family: 'Roboto-Medium';
	font-size:18px;
}
div.objectives ul li{margin-bottom:10px;}
form span.wl_formstatus{font-size:12px;color:#CC0000;}

p.page-text{
	color:#444;
	margin:20px 20px 10px 20px;
	font-size:20px;
	font-family: 'Roboto-Light';
}
p.page-text.small{
	font-size: 16px;
	margin-bottom: 20px;
}
p.page-text strong{
	font-family: 'Roboto';
}

p.page-text.no-margin {
	margin: 20px 0px 10px 0px;
}

span.note{font-style:italic;}

footer {
    clear: both;
    position: relative;
    z-index: 10;
    height: 4em;
    margin-top: -3em;
	color:#666;
	padding-left:20px;
	padding-right:20px;
	font-size:13px;
	font-family: 'Roboto-Light';
}
footer a {color:#FF8551;}
footer div.client-name{
	font-size:15px;
}
div.contact-method{
	margin:30px auto 10px auto;
	width:420px;
	text-align:left;
}
div.contact-method div.links{padding-top:8px;}
div.contact-method span{color:#666;font-size:15px;}
div.contact-method div.icon{float:left;margin-right:15px;}
div.contact-method a {font-size:25px;color:#3C9000;font-family: 'Roboto-Light';}

div.g6 {float:left;width:47%;margin-right:15px;}
div.g12{width:98%;margin:0 auto;}
div.data-form form{color:#444;margin-bottom:20px;}
div.data-form form h3,
div.data-form form h4{margin:0px;}
div.data-form form fieldset{border:0px;}
div.data-form form span.note{font-family: 'Roboto-Light';font-size:14px;}
div.data-form form label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 15px 10px;
}
div.g6 div.data-form form fieldset > section > label{width:10%}
div.data-form form fieldset > label {
  color: #016CBC;
  text-shadow: none;
}
div.data-form form fieldset > section label {
  font-family: 'Roboto-Light';
  background: none;
  border: 0 none;
  cursor: pointer;
  filter: none;
  float: left;
  font-size: 13px;
  margin: 0 0 0 8px;
  padding-left: 2px;
  text-align: left;
  width: 16%;
}
div.data-form form fieldset > section > div {
    border-left: 1px solid #e7e7e7;
    float: right;
    height: 100%;
    min-height: 100%;
    padding: 15px 1%;
    width: 78%;
}
div.data-form form fieldset > section > div label {
  border-radius: 0;
  display: inline-block;
  float: none;
  font-size: 11px;
  line-height: 1.5;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  top: -5px;
  width: auto;
}
div.data-form form section:nth-child(odd){background:none;}
div.data-form form section:nth-child(even){background:#EEEEEE;}
div.data-form form fieldset > section {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
display:block;
}
div.data-form form  button{
	background:#0BA41D;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-family:'Roboto-Light';
	padding:5px 15px;
	font-size:15px;
	float:left;
	border:0px;
	cursor:pointer;
}
div.data-form form  button:hover{background:#333;}
div.data-form div.section-header{
	color: #999;
	font-family: 'Roboto';
	font-size: 20px;
	margin-bottom:10px;
}
div.flip-container div.flip div.card div.cardFace.course-front{
	font-size: 7.5px;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
}

div.flip-container div.flip div.card div.cardFace.course-front div.course-title{
	position:absolute;
	width:250px;
	background-color:rgba(255,255,255,.6);
	text-shadow: 2px 2px 4px #696969;
	font-size:20px;
	color:#333;
	padding:5px;
	bottom:15px;
	left:0px;
	font-family:'Roboto';
}
p.page-text{
	margin-bottom:40px;
}
div.activity-evaluation{
	padding:20px;
}
div.activity-evaluation h1{margin:0px;font-family:'Roboto-Light';}
div.activity-evaluation h1 a{font-size:15px;font-family:'Roboto';}
div.activity-evaluation div.information{margin-bottom:20px; font-size:15px;}
div.activity-evaluation div.report-data{margin-top:25px;}
div.activity-evaluation div.header{color:#0089AF;font-family:"Roboto";font-size:25px;}
div.activity-evaluation div.sub-header{color:#333;font-family:"Roboto";font-size:14px;margin-bottom:25px;}
div.activity-evaluation div.data{margin-bottom:20px;}
div.activity-evaluation div.data div.title{font-family:"Roboto";}
div.activity-evaluation div.data div.text{font-family: 'Roboto-ThinItalic';font-size:15px;vertical-align:middle;}
div.activity-evaluation div.data div.text a,
div.activity-evaluation div.data div.title a,
div.activity-evaluation div.report-table a.edit-numbers,
div.activity-evaluation a.edit_link{font-family:"Roboto"; color:#50a400;font-size:15px;}
div.activity-evaluation div.data div.text span.quotes{font-size:30px;font: x-large serif;vertical-align:middle; color:#666;}
div.activity-evaluation form{margin-top:15px;margin-bottom:15px;width:400px;}
div.activity-evaluation form.significance{
	margin-top:15px;margin-bottom:15px;width:200px;
	border:1px solid #666;
	padding:10px;
}
div.activity-evaluation div.report-table a.edit-numbers{display:block;float:right;}
div.activity-evaluation p{margin-top:0px;font-family:'Roboto-Thin';font-size:15px;}
div.activity-evaluation form.significance
div.activity-evaluation form textarea{width:96%;padding:5px;font-family: 'Roboto-ThinItalic';font-size:14px;}
div.activity-evaluation a.cancel_link{
	color: #cc0000 !important;
	display: block;
	float: left;
	margin-top: 14px;
}
div.activity-evaluation form button,
button.form-button {
background-color: #50a400; 
border: 5px solid #FFF;
color: #FFF;
text-align: center;
width: 125px;
font:inherit;
font-family:'Roboto';
font-size: 14px;
margin: 10px;
padding:5px;
float:right;
}
button.form-button{width:auto;cursor:pointer;}

div.take-action-text{
	margin:0px auto 20px auto;
	width:700px;
	color:#333;
}
div.take-action-text a{color:#50a400;}
.ui-widget-header{font-size:12px;background:#0089af;}
.ui-widget-content{border:1px solid #0089af;}

form div.ceu-orgs{margin:0px auto;width:85%;}
form div.ceu-orgs div.ceu-org{display:inline-block;margin-right:30px;cursor:pointer;opacity:.5;position:relative;}
form div.ceu-orgs div.ceu-org div.checkmark{
	background:url("/aec/img/scope_creep_practice/icon_item-checked.png") no-repeat top left;
	position:absolute;
	top:-10px;left:-10px;
	opacity:0;
	width:52px; height:52px;
}
form div.ceu-orgs div.ceu-org.checked{opacity:1;}
form div.ceu-orgs div.ceu-org.checked div.checkmark{
	animation: checked 300ms linear 1;
	-webkit-animation-name: checked;
    -webkit-animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
	opacity:1;
}

form div.success-message{
	background: url("../img/check-white-50px.png") no-repeat scroll 5px 5px #50a400;
	border: 5px solid #fff;
	color: #fff;
	font-family: "Roboto-Thin";
	font-size: 20px;
	margin-top: 20px;
	min-height: 50px;
	padding: 5px 5px 5px 65px;
	text-align: left;
}

div.passwordstrength{
	border:1px solid #666;
	font-size:12px;
	padding:2px 3px;
	text-align:center;
	width:150px;
	margin:3px 1px;
}
div.passwordstrength.s_1{background-color:#f0a8a8;}
div.passwordstrength.s_2{background-color:#f0d2b5;}
div.passwordstrength.s_3{background-color:#e8e8a2;}
div.passwordstrength.s_4{background-color:#a8f0f0;}
div.passwordstrength.s_5{background-color:#a2e8a2;}


div.activity-evaluation div.report-table{
	float:left;
	width:48%;
}
div.activity-evaluation div.report-table table{
	width:100%;
	border-right:1px solid #0089af;
	font-size:14px;
	margin-bottom:5px;
}
div.activity-evaluation div.report-table div.notes{margin-top:5px; font-size:12px;}
div.activity-evaluation div.report-table table tr.title{background:#0089af;color:#FFF;font-family:"Roboto-Thin"}
div.activity-evaluation div.report-table table tr.title td{text-align:center;}
div.activity-evaluation div.report-table table tr td {padding:3px;border-left:1px solid #0089af;border-bottom:1px solid #0089af;}
div.activity-evaluation div.report-table table tr td.value{text-align:right;padding-right:10px;}
div.activity-evaluation div.report-table table tr.facts{background:rgba(0, 137, 175,.4);color:#FFF;}
div.activity-evaluation div.recommendations{
	float:right;
	width:48%;
	font-family:"Roboto-ThinItalic";
	font-size:15px;
}
div.activity-evaluation div.recommendations span.quotes{
	color: #666;
	font: x-large serif;
	vertical-align: middle;
}

div.activity-evaluation div.recommendations h4{
	color:#0089af;
	margin:0px 0 10px 0px;
	font-family:'Roboto';
}

div.calc-holder{
	position:relative;
	height:350px;
	width:700px;
	border-bottom:1px solid #D2D2D2;
	margin-bottom:10px;
}
div.calc-edit-save-button {width:700px;}

div.simple-calculator{
	border:5px solid #FFF;
}
div.simple-calculator div.header{
	padding:3px 5px;
	background:#016CBC;
	text-align:right;
}
div.simple-calculator div.header a,
div.simple-calculator div.header a:hover,
div.simple-calculator div.header a:visited{
	color:#383838;
	text-decoration:none;
	font-size:12px;
}
div.simple-calculator input[type="text"]{
	width:95%;
	border:1px solid #D2D2D2;
}

div.glossary-header{border:1px solid #CCC;padding:5px;background-color:#DDD;border-radius:4px;margin-bottom:7px;}
div.glossary-item{margin-bottom:10px;}
div.glossary-item div.title{margin-bottom:5px;font-size:20px;}
div.glossary-item div.definition{margin-left:40px;margin-bottom:5px;font-size:15px}
div.glossary-item div.definition p{font-size:15px;}
div.glossary-header h4 {margin:0px;}

/*********** DATA TABLES  ****************/
.dataTables_paginate span.paginate_button,
.dataTables_paginate span.paginate_active{
	color:#FFF;
	background-color:#50A400;
	border-width:0px;
	border:0px solid;
	position:relative;
	padding:13px 12px;
	display:inline-block;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:4px 10px;
	text-decoration:none;
	font-size:11px;
	font-weight:400;
	outline:0 none;
	text-align:center;
	text-transform:uppercase;
	margin:2px;
	min-height:22px;
	min-width:8px;
	white-space:pre-line;
	vertical-align:baseline;
	
}
.dataTables_paginate span.paginate_active:hover{
	background-color:#383838;
}
.dataTables_paginate span.paginate_active{
	background-color:#646464;
	top:1px;
}

div.dataTables_paginate {
    margin-bottom: 10px;
}
.paging_full_numbers {
    width: 545px;
}

div.course-asset div.download-button{
	margin:20px auto 50px auto;
	border:5px solid #FFF;
	background-color:#D2D2D2;
	padding:5px;
	width:400px;
}

div.course-asset div.download-button.has-preview {
	width: auto;
}

div.course-asset div.download-button.has-preview .asset-preview img {
	max-width: 300px;
    float: left;
    margin: 10px;
}
div.course-asset div.download-button.has-preview .info {
	margin-top: 10px;
}

div.course-asset div.download-button.has-preview .info span.name {
	font-size: 20px;
	font-weight: bold;
}

div.course-asset div.objectives a {
	color:#FFF;
	font-family:'Roboto';
}
div.course-asset div.objectives div.download-button{color:#333;}
div.course-asset div.download-button div.asset-icon{
	float:left;
	margin-right:20px;
}
div.course-asset div.download-button span.name{
	font-family:'Roboto-Light';
}
div.course-asset div.download-button span.size{
	font-size:12px;
}
div.course-asset div.download-button a {color:#0BA41D;text-decoration:none;}
div.course-asset div.download-button a:hover{text-decoration:underline;}
div.sample-text{
	font-family:'Roboto-Light';
	padding:20px;
}

div.flip-container div.card div.front div.course-number{
	position:absolute;
	top:20px;
	left:25px;
	padding:5px;
	border:3px solid #FFF;
	background-color:#0089AF;
	color:#FFF;
	border-radius:50%;
	width:25px;
	height:25px;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.23);
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,.23);
	font-size:18px;
}
div.course-marketing div.marketing_text{
	width:65%;
	padding-right:10px;
	border-right:1px solid #666;
	font-family:'Roboto-Light';
	padding-left:10px;
}
div.course-marketing div.marketing_text strong {font-family:'Roboto';}
div.course-marketing div.marketing_text a,
div.course-marketing div.marketing_text a:visited{
	color:#308300;
}

div.course-marketing div.purchasing_options{width:31%;float:right;padding-left:10px;}
div.course-display div.buy-course{
	float:right;
	width:280px;
}
div.course-display div.buy-course div.price{
	font-size:30px;
	font-family:"Roboto-Light";
}
div.course-display div.buy-course div.product{
	margin-bottom:5px;
	padding-bottom:15px;
	border-bottom:1px solid #d2d2d2;
}
div.course-display div.buy-course div.price span.strikethrough{font-size:20px;padding-left:5px;color:#CC0000;text-decoration: line-through;}
div.course-display div.buy-course div.price div.discount-copy{color:#CC0000;font-size:13px;}
div.course-display div.buy-course div.description{font-size:15px;font-family:"Roboto-Light";}
div.course-display div.buy-course div.others-header{font-size:15px;margin-bottom:10px;font-family:"Roboto-Light"}
div.course-display div.buy-course div.bundle-title{font-size:20px;}
div.course-display div.buy-course div.bundles div.price span.strikethrough{font-size:15px;}
div.course-display div.buy-course div.bundles div.price{font-size:20px;}
div.course-display div.product div.course-access{}
form div.licensing-options{
	margin-top:15px;
	font-size:15px;
	font-family:"Roboto-Light";
}
table.shopping-cart tr td.item div.access-value,
div.course-display div.product div.course-access div.access-value{
	border-radius:50%;
	background-color:#fc9b30;
	border:3px solid #FFF;
	width:30px;
	height:30px;
	font-size:15px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	float:left;
	margin-right:3px;
}
table.shopping-cart tr td.item div.access-type,
div.course-display div.product div.course-access div.access-type{
	height:30px;
	line-height:36px;
}
table.shopping-cart tr td.item div.access-type{font-size:15px;}
div.course-display div.product button.add-to-cart{
	background: #fc9b30;
	border: 0px;
	color: #333;
	line-height: 1;
	padding: 5px;
	text-align: center;
	font:inherit;
	font-family:'Roboto-Light';
	font-size: 1em;
	margin-top:10px;
	float:right;
	cursor:pointer;
}
div.course-display div.buy-course div.bundles div.products{}
div.course-display div.buy-course div.bundles div.products div.product-icon,
table.shopping-cart tr td.product-images div.image{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 2px solid #5c5e64;
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	margin-right: 10px;
	width: 40px;
	cursor:pointer;
}
div.course-display div.buy-course div.bundles div:last-child{
	padding-bottom:5px;
}
div#page table{vertical-align:top;display:inline-block;margin-top:4px;}
div.shopping-cart-icon{
	height:51px;width:55px;
	background:url(../../img/bgr_shopping-cart.png) top left no-repeat;
	color: #333;
	text-align: center;
	font-size: 15px;
	line-height: 50px;
	font-family:'Roboto';
	cursor:pointer;
	vertical-align:top;
	display:inline-block;
}
div#aPage table tr td span{font-family:"Roboto";font-size:22px;}
div#aPage div.shopping-cart-total{float:right;width:200px;margin-top:15px;}
div#aPage div.shopping-cart-total table{width:100%;font-size:20px;color:#323232;}
div.shopping-cart-total table tr td.label{text-align:right;}
div.shopping-cart-total table tr td.total{text-align:center;font-family:"Roboto";}
div.shopping-cart-total button{cursor:pointer;width:100%;background-color:#fc9b30;border:0px;font-family:"Roboto";color:#FFF;font-size:20px;padding:5px 0px;}
div.shopping-cart-total button.courses{
	background-color:#666;
}
table.shopping-cart{
	margin:15px auto;
	font-family:"Roboto-Light";
	font-size:20px;
	width:900px;
}
div.shopping-cart-total.bottom{width:900px;margin:15px auto;background-color:#E6E6E6;border:0px;}
div.shopping-cart-total.bottom table{width:400px;float:right;}
div.shopping-cart-total.bottom table tr td.total{text-align:right;font-family:"Roboto";font-size:20px;}
div.shopping-cart-total.bottom table tr td.sub-total,
div.shopping-cart-total.bottom table tr td.savings{text-align:right;font-family:"Roboto-Light";font-size:15px;}
div.shopping-cart-total.bottom table tr td.savings{color:#CC0000;}
table.shopping-cart tr td{vertical-align:top;padding-top:20px;border-bottom:1px solid #D2D2D2;padding-bottom:10px;}
table.shopping-cart tr td.product-images{text-align:center;width:160px;}
table.shopping-cart tr td.product-images div.image{height:60px;width:60px;}
table.shopping-cart tr td.item{font-size:25px;padding-right:15px;}
table.shopping-cart tr td.price{font-family:"Roboto";}
table.shopping-cart tr td.price div{margin-bottom:5px;font-family:"Roboto-light";color:#c00;font-size:15px;}
table.shopping-cart tr td a.delete{color:#0BA41D;font-size:15px;}

/************************** TABS ***********************/
div.tabs{}
div.tabs div.handles div{
	display:inline-block;
	cursor:pointer;
	font-family:"Roboto-Light";
	font-size:15px;
	color:#333;
	background:#D2D2D2;
	padding:3px 5px;
}
div.tabs div.handles div.selected{background:#FC9B30;color:#FFF;}
div.tabs div.tab{
	padding:5px;
	border:1px solid #FC9B30;
}
div.checkout div.payment-form{width:48%;float:left;}
div.checkout div.mini-cart h3{color:#666;margin-bottom:0px;}
div.checkout{width:900px;margin:0px auto;}
div.checkout div.mini-cart{width:48%;float:right;}
div.checkout div.mini-cart table.shopping-cart{width:100%;margin-top:0px;}
div.checkout div.mini-cart table.shopping-cart tr td.item{font-size:20px;text-align:left;}
div.checkout div.mini-cart table.shopping-cart tr td.price div{font-size:12px;}
div.checkout div.mini-cart table.shopping-cart tr td.price{font-size:15px;}
div.checkout div.mini-cart div.shopping-cart-total.bottom{width:93%;}
div.checkout div.mini-cart div.shopping-cart-total button.courses{font-size:15px;padding:5px;}
div.checkout div.mini-cart table.shopping-cart tr td.product-images div.image{height:36px;width:36px;}
div.checkout div.mini-cart div.promo-code div.title{
	font-family:"Roboto-Light";
}
div.checkout div.mini-cart div.promo-code div.title a{color:#FC902B;text-decoration:none;}
div.checkout div.mini-cart div.promo-code div.title a:hover{text-decoration:underline;}
div.checkout div.mini-cart div.promo-code form{margin-top:5px;}
div.checkout div.mini-cart div.promo-code form input{
	padding:8px;
	width:83%;
}
div.checkout div.mini-cart div.promo-code form .note{font-size:13px;}
div.checkout div.mini-cart div.promo-code form button{
	height:36px;
	font-family:"Roboto";
	border:none;
	background:#FC902B;
}
center.progress-icons div{
	width:20px;
	height:20px;
	margin-right:3px;
	display:inline-block;
	background-image:url('../../img/icon_progress-star.png');
	background-repeat:no-repeat;
}
center.progress-icons div:last-child{margin-right:0px;}
center.progress-icons div.priority-1{
	background-position:0px -40px;
}
center.progress-icons div.priority-2{
	background-position:0px -20px;
}
center.progress-icons div.priority-3{
	background-position:0px 0px;
}

div.task-title{
	background-color:#FC9B30;
	margin-left:40px;
	margin-right:40px;
	border:none;
	position:relative;
	top:0px;
}
div.task-action-buttons{margin-left:40px;margin-top:10px;}

table.data-tables tbody tr td.overdue{color:#EF1F28;font-family:"Roboto";}

div.task-completed-check{
	  background: url("/aec/img/scope_creep_practice/icon_item-checked.png") no-repeat scroll left top / 42px 42px rgba(0, 0, 0, 0);
	  cursor: pointer;
	  float: left;
	  height: 42px;
	  left: 4px;
	  position: absolute;
	  top: 26px;
	  width: 42px;
}

.priority-good{background-color:#57b43e;}
.progress-okay{background-color:#F6ED00;}
.progress-bad{background-color:#EF1F28;}

div.course-large-preview{
	display:inline-block;
	margin-right:20px;
	vertical-align:top;
	width:350px;
	margin-bottom:60px;
}
div.course-large-preview div.image-holder{
	width:350px;
	position:relative;
	height:250px;
	overflow:hidden;
}

div.course-large-preview div.image-holder div.view-course{
	width:350px;
	height:250px;
	position:absolute;
	background-color:rgba(252, 155, 48,.5);
}
div.course-large-preview div.image-holder div.view-course a{
	display:block;
	background:rgba(255,255,255,.0);
	font-family:"Roboto";
	font-size:15px;
	border:2px solid #333;
	border-radius:7px;
	padding:10px;
	cursor:pointer;
	margin:100px auto;
	text-transform:uppercase;
	width:100px;
	text-align:center;
	text-decoration:none;
	color:#333;
	-webkit-transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;
}
div.course-large-preview div.image-holder div.view-course a:hover{
	background:rgba(255,255,255,1);
	border:2px solid #FFF;
	color:#333;
}

div.course-large-preview div.image-holder div.progress-bar{
	color: #FFF;
	font-size: 20px;
	height: 24px;
	margin: 206px auto 0;
	position: relative;
	width: 90%;
}
div.course-large-preview div.image-holder div.progress-bar .bar{
	border: 3px solid #fff;
	border-radius: 7px;
	float: right;
	height: 24px;
	width: 80%;
	overflow:hidden;
}
div.course-large-preview div.image-holder div.progress-bar .bar .inner-bar{
	height:24px;
	background-color:#EEE;
}
div.course-large-preview div.image-holder div.progress-bar .percent{
	text-shadow: 2px 2px 2px #383838;
	width:18%;text-align:center;line-height:24px;}
div.course-large-preview div.image-holder div.image{
	position:absolute;
	height:250px;width:350px;
	background-size:cover;
}
div.course-large-preview div.image-holder div.image.zoomed{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
div.course-large-preview div.image-holder div.course-number{
	position:absolute;
	top:10px;
	left:10px;
	padding:5px;
	border:3px solid #FFF;
	background-color:#0089AF;
	color:#FFF;
	border-radius:50%;
	width:25px;
	height:25px;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.23);
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,.23);
	font-size:18px;
	text-align:center;
}
div.course-large-preview div.course-length{
	float:right;
	background-image:url(/white_label/css/images/icons/for_widgets/clock.png);
	background-repeat:no-repeat;
	background-position:right center;
	height:50px;
	font-family:"Roboto-Thin";
	font-size:20px;
	padding-right:45px;
	line-height:50px;
}
div.course-large-preview div.course-cost{
	height:50px;
	font-family:"Roboto";
	font-size:20px;
	padding-right:40px;
	line-height:50px;
	float:left;
	color:#FC9B30;	
}
div.course-large-preview div.course-title{
	font-family:"Roboto";
	text-align:left;
}
div.course-large-preview div.course-title a{
	text-decoration:none;
	color:#0089AF;
	text-align:left;
	font-size:20px;
}
div.course-large-preview div.description{
	font-family:"Roboto-Thin";
	text-align:left;
	font-size:18px;
}

div.floating-list{
	margin:0px auto;
	width:750px;
}
div.page-buttons{
	float:right;
	margin-top:20px;
	margin-left:20px;
}
.data-tables td.text-right{text-align:right;padding-right:10px;}
div.blue-header{
	color:#FFF;
	font-size:15px;
	padding:10px;
	background-color:#118aa6;
	margin-bottom:15px;
	font-family:"Roboto";
}
div.red-header{
	color:#FFF;
	font-size:15px;
	padding:10px;
	background-color:#CC0000;
	margin-bottom:15px;
	font-family:"Roboto";
}
table.data-table{width:100%}
table.data-table td{padding:5px;}
table.data-table td{vertical-align:middle}
table.data-table td.field-label{color:#444;border-right:1px solid #999; text-align:right;padding-right:20px;font-family:"Roboto";font-size:13px;width:35%;}
table.date-table td.field-value{font-family:"Roboto-Light";font-size:12px;}
table.data-table tr.odd{background:#F6F6F6;}
table.data-table tr.even{background:none;}

div.login div.search-box{position:relative;float:right;z-index:1000;}
div.login div.search-box form{top:45px;padding:10px;width:245px;position:absolute;right:0px;background:#FFF;border:2px solid #0089af;height:40px;}
div.login div.search-box form label{padding-left:5px;font-size:14px;font-family:"Roboto-Light";}
div.login div.search-box form div.input{margin-bottom:5px;}
div.login div.search-box form input[type="text"]{
	border:1px solid #666;
	font-family:"Roboto-Light";
	font-size:15px;
	width:100%;
	color:#333;
	padding:5px 5px;
}
div.login div.search-box form div.input.text{width:75%;}
div.login div.search-box form button{
	background-color:#0089af;
	border:0px;
	color:#FFF;
	float:right;
	padding:8px;
}
div.login div.search-box a.btn{
	border-radius:5px;
	padding:7px 7px 7px 23px !important;
	background-position:5px 6px !important;
	margin:0px;
}

div.course-search-results{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #666;
}
div.course-search-results div.image{
	float:left;
	width:200px;
	margin-right:15px;
	height:175px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
div.course-search-results div.title{
	font-family:"Roboto-Light";
	font-size:30px;
	margin-bottom:7px;
}
div.course-search-results div.description{
	font-family:"Roboto-Light";
	font-size:20px;
	line-height:34px;
}
div.course-search-results div.info{
	margin-left:220px;
}
.highlight{background-color:rgba(0, 137, 175,.5);padding:1px;vertical-align:middle;color:#FFF;}

div.welcome-page{
	margin:10px auto;
	width:920px;
	font-family:"Roboto-Light";
}
div.welcome-page .welcome-image{
	text-align:center;
	width:920px;
	border-bottom:1px solid #333;
}
div.welcome-page div.header{
	color:#BA243D;
	font-size:20px;
}
div.welcome-page div.right-column{
	width:320px;
	margin-top:15px;
	float:right;
}
div.welcome-page div.left-column{
	width: 570px;
	float:left;
	margin-top:15px;
}
div.welcome-page div.document-download,
div.welcome-page div.courses-include{
	padding:15px;
	text-align:center;
	font-size:16px;
}

div.welcome-page div.document-download .header,
div.welcome-page div.courses-include .header{
	font-size:20px;
	font-family:"Roboto";
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #FFF;
	color:#FFF;
}

div.welcome-page div.courses-include .header{
	font-size:16px;
	font-family:"Roboto";
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #000;
	color:#333;
}

div.welcome-page div.courses-include{
	margin-top:15px;
	font-size:13px;
	text-align:left;
}
div.welcome-page ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
div.welcome-page ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #666;
    background:#f6f6f6;
}
div.welcome-page ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #666;
    color:#fff;
    background:#666;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
div.welcome-page li ol,
div.welcome-page li ul {margin-top:6px;}
div.welcome-page ol ol li:last-child {margin-bottom:0;}

div.welcome-page strong{
	font-family:"Roboto";
}
div.welcome-page em{
	font-family:"Roboto-LightItalic";
}
div.welcome-page div.welcome-video{
	padding: 15px;
}
div.welcome-page div.welcome-video div#video_container{
	margin:0px auto;
}
div.welcome-page div.contact{
	font-size:30px;
	margin-top:15px;
}
div.welcome-page div.contact a{
	color:#0089af;
	text-decoration:none;
	font-family:"Roboto";
}
div.welcome-page div.contact a:hover{
	text-decoration:underline;
}

div.welcome-page div.welcome-video div.copy{
	font-size:18px;
	font-family:"Roboto";
	margin-bottom:15px;
}

div.welcome-page div.client-administrators{
	padding:15px;	
	margin-top:15px;
	color:#FFF;
}
div.welcome-page div.client-administrators .header{
	font-size:25px;
	font-family:"Roboto";
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #FFF;
	color:#FFF;
}

div.welcome-page div.blue-box-border{
	border: 5px solid #0089af;
	background:#FFF;
}
div.welcome-page div.blue-box{
	border: 5px solid #0089af;
	background:#0089af;
}
div.welcome-page div.green-box{
	border:5px solid #0BA41D;
	background:#0BA41D;
	color:#FFF;
}

div.welcome-page div.green-box a{
	color:#FFF;
	text-decoration:underline;
	font-family:"Roboto";
}
div.welcome-page div.green-box a:hover{
	color:#333;
}

div.welcome-page div.green-box-border{
	border:5px solid #0BA41D;
	background:#FFF;
}

div.welcome-page div.client-administrators .copy{
	font-size:16px;
	font-family:"Roboto-Light";
}
span.community-designation{
	color:#fc9b30;
	font-size:15px;
}

.field-error{
	font-size:12px;
	font-family: 'Roboto-Italic';
	color:#FFF;
	background-color: #CC0000;
	padding:5px;
	display: inline-block;
	margin-top:5px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

@keyframes grow  {
    0% {transform: scale(1.0);}
    100% {transform: scale(1.2);}
}
@keyframes shrink  {
    0% {transform: scale(1.2);}
    100% {transform: scale(1.0);}
}

/*animations SAFARI */
@-webkit-keyframes grow  {
    0% {-webkit-transform: scale(1.0);}
    100% {-webkit-transform: scale(1.2);}
}
@-webkit-keyframes shrink  {
    0% {-webkit-transform: scale(1.2);}
    100% {-webkit-transform: scale(1.0);}
}

.grow{
	animation: grow 300ms linear 1;
	-webkit-animation-name: grow;
    -webkit-animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.shrink{
	animation: shrink 300ms linear 1;
	-webkit-animation-name: shrink;
    -webkit-animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
}

/**** RESPONSIVE DESIGN ******/
@media screen and (min-width: 1175px) {
	div.floating-list{
		width:1125px;
	}
}

.rl_floater-div{
	position: fixed;
	left:0;
	top:0;
	right:0;
	bottom: 0;
	background-color:rgba(0,0,0,0.5);
	z-index: 1000;
	height: 100%;
}

.rl_floater-div .inner{
	position: absolute;
	left:40%;
	top:30%;
	height:230px;
	width:500px;
	background-color:#FFF;
	border-radius: 6px;
	box-shadow: 1px 1px 1px 2px rgba(0,0,0,.3);
	padding:50px 30px;
}
.rl_floater-div .inner .title{
	font-family:"Roboto-Medium";
	font-size: 14px;
}
.rl_floater-div .inner .instructions{
	font-family: 'Roboto-Italic';
	font-size: 12px;
	color:#666;
}

.rl_floater-div form{
	border:0px;
	margin-top:20px;
}
.rl_floater-div form label{
	font-family: 'Roboto-Medium';
	color:#0089AF;
	font-size: 18px;
}

.rl_floater-div form input{
	border: 5px solid #B2B2B2;
	height: 40px;
	font-size: 1.5em;
	color:#666;
	background: #F2F2F2;
	margin:20px 20px 2px 20px;
}
.rl_floater-div form button{
	background-color:#118AA6;
	padding:10px;
	color:#FFF !important;
	text-decoration:none;
	font-family:"Roboto";
	font-size:15px;
	margin:10px 2px 2px 342px;
	border:0px;
}

.rl_floater-div form .input .field-error{
	margin-left: 130px;
}

.rl_blur{
  filter: blur(10px);
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: url(#blur);
  filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='10');
  overflow: hidden;
}

.lost-dollar-form input::-webkit-input-placeholder,
.lost-dollar-form textarea::-webkit-input-placeholder { /* WebKit browsers */
	border:0px;
}
.lost-dollar-form input:-moz-placeholder,
.lost-dollar-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	border:0px;
}
.lost-dollar-form input::-moz-placeholder,
.lost-dollar-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	border:0px;
}
.lost-dollar-form input:-ms-input-placeholder,
.lost-dollar-form textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	border:0px;
}

.lost-dollar-form .ammount-field{
	width: 400px;
}

.lost-dollar-form input.datepicker{
	width: 310px;
}

.lost-dollar-form .ammount-field span{
	font-size: 30px;
}
.lost-dollar-form .ammount-field input[type="text"].textField{
	display: inline;
	width: 266px;
	margin-right: 0;
}

.floating-list.lost-dollars-found{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	margin-bottom: 30px;
}

.floating-list.lost-dollars-found .lost-dollars{
	background-color: #EEEEEE;
	padding: 20px;
}

.floating-list.lost-dollars-found .lost-dollars .heading{
	font-size: 20px;
	margin-bottom: 10px;
}

.floating-list.lost-dollars-found .lost-dollars .found{
	font-size: 40px;
	font-weight: bold;
}

.news-alert {
	padding: 12px;
	border-radius: 6px;
	background-color : rgba(11, 164, 29, .3);
	color: #FFF;
	margin-top: 20px !important;
}

.news-alert .close-notice {
	text-decoration: none;
	float: right;
	color: #444;

}

.news-alert .close-notice:hover {
	color: #FFF;
}

.individual-assessments {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	gap: 40px;
}

.individual-assessments .assessment {
	padding: 20px;
	border: 1px solid #333;
	border-radius: 6px;
}

.individual-assessments .assessment h2 {
	margin: 5px 0;
}

.individual-assessments .assessment .end-date {
	margin-bottom: 10px;
	font-style: italic;
}
.individual-assessments .assessment .end-date i {
	color: #CC0000;
}

.individual-assessments .assessment .taken {
	color: #666;
	font-style: italic;
	margin-bottom: 10px;
}
.individual-assessments .assessment .taken {
	font-style: normal;
}

.individual-assessments .assessment .taken i {
	color: #0BA41D;
}

.test-review {
	width: 80%;
	background-color: #FFF;
	padding: 20px;
	margin: 0 auto;
	border-radius: 6px;
	border: 1px solid #333;
	box-shadow: 10px 9px 9px -5px rgba(0,0,0,0.43);
	-webkit-box-shadow: 10px 9px 9px -5px rgba(0,0,0,0.43);
	-moz-box-shadow: 10px 9px 9px -5px rgba(0,0,0,0.43);
}
.test-review .category h2 {
	text-transform: uppercase;
}
.test-review .category .question-container {
	margin-bottom: 40px;
	margin-left: 40px;
}
.test-review .category .question-container .question {
	font-style: italic;
	font-size: 20px;
	margin-bottom: 20px;
}

.test-review .category .question-container .options {
	width: 40%;
}

.test-review .category .question-container .options .option {
    display: block;
	margin: 5px auto;
    padding: 4px 12px;
    background-color: #CCC;
    border: 1px solid #ccc;
    border-color: #E5E5E5 #E5E5E5 #F2F2F2;
    border-bottom-color: #b3b3b3;
    text-align: center;
}

.test-review .category .question-container .options .option.is-correct,
.test-review .category .question-container .options .option.is-correct.user-selected {
	background-color: #A6DCA3;
}
.test-review .category .question-container .options .option.user-selected {
	background-color: #EA9E9E;
}