@import	url('https://fonts.googleapis.com/css?family=Lato:300,400|Open+Sans:400italic,400,600|Muli:300');

/* 
 // Not used
 #634fbd other pale purple

 #c1bfffff - Purple text 
 #22c7c6ff - Green 
 
 use var(--color-purple) for Pearson Purple
*/

:root {
 --color-purple: #0D004D; 				/* Pearson Purple 	- */
 --color-light-purple: #c1bfff; 			/* Light Purple 	- */
 --color-light-purple-rgb: 193, 191, 255; 	/* Light Purple 	- */
 --color-mist-purple: #edecf6; 			/* Mist Purple 		- */
 --color-mist-purple-rgb: 237, 236, 246; 	/* Mist Purple 		- */
 --color-amethyst: #512eab; 				/* Amethyst 		- */
 --color-amethyst-rgb: 81, 46, 171; 		/* Amethyst 		- */
 --color-fuschia: #df41cf; 				/* Fuchsia 			- */
 --color-amber: #ffce00; 					/* Amber 			- */
 --color-turquoise: #56e2e1; 				/* Turquoise 		- */
 --color-fushcia-tint: #efa0e7; 			/* Fuschia Tint 	- */ 
 --color-amber-tint: #ffe67f; 			/* Amber Tint		- */
 --color-turquoise-tint: #b3f2f1; 		/* Turquoise Tint 	- */	
 
 --bs-body-color: #0D004D; 				/* Body Color 		- */
 --bs-emphasis-color: #0D004D; 			/* Emphasis Color 	- */
 --bs-white-rgb: 252, 252, 254; 			/* White RGB 		- */
 
 /* Off Brand Colors */
 --color-gray: #656270;		 			/* Gray				- rgb(101, 98, 112) */
 --color-black:  #0D004D;					/* Pearson Purple	- */
/* --color-black:  #060609;					 Almost Black		- rgb(6, 6, 9) */
 --color-white: #fcfcfe; 					/* White			- rgb(252, 252, 254) */
 --color-silver: #f1f1f1; 				/* Silver			- rgb(241, 241, 241) */
 
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yOqhNnfR-EXYDXs.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yGqhNnfR-EXYDXs.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yCqhNnfR-EXYDXs.woff2) format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4y6qhNnfR-EXYA.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyghfvaZ-EHYA.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyghfvaZ-EHYA.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyghfvaZ-EHYA.woff2) format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yyghfvaZ-E.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

body {
	overflow-x : hidden;
	color: var(--color-black);
	font-family: "Plus Jakarta Sans", "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Plus Jakarta Sans", "Open Sans", sans-serif;
	color: var(--color-amethyst);
}

a, a:hover {
    color: var(--color-amethyst);
    text-decoration: none;
    cursor: pointer;
}

label {
	font-weight: 700;
}

/* Bootstrap Classes */

.text-purple {
    color: var(--color-purple) !important;
}
.text-mist-purple {
    color: var(--color-mist-purple) !important;
}
.text-pale-purple {
    color: var(--color-light-purple) !important;
}
footer {
	border-top: 1px solid silver;
}

.bg-secondary {
	background-color:  var(--color-purple) !important;
}

.btn-primary {
    background-color: var(--color-purple) !important;
    border: 1px solid var(--color-purple);
	border-radius:2.5em !important;
	color:  var(--color-white) !important;
	margin-left: 5px;
	margin-right: 5px;
}
.btn-primary:hover {
    background-color: transparent !important;
    border: 1px solid var(--color-purple);
	color:  var(--color-black) !important;
	border-radius:2.5em !important;
	margin-left: 5px;
	margin-right: 5px;
}
.btn-primary:focus-visible {
    background-color: transparent !important;
    border: 1px solid var(--color-purple);
	color:  var(--color-black) !important;
	box-shadow: 0 0 0 0.25rem var(--color-white) !important
}
.btn-secondary, .btn-default {
	color:  var(--color-black) !important;
	background-color: var(--color-white) !important;
	border: 1px solid var(--color-gray) !important;
	border-radius: 2.5em !important;
}
.btn-secondary:hover, .btn-default:hover {
	border-radius:2.5em !important;
	background-color: var(--color-gray) !important;
	color: var(--color-white) !important;
}
.btn-secondary:focus-visible, .btn-default:focus-visible {
	border-radius:2.5em !important;
	background-color: var(--color-gray) !important;
	color: var(--color-white) !important;
	box-shadow: 0 0 0 0.25rem var(--color-white) !important
}
.btn-tertiary {
	background-color: var(--color-amber) !important;
	border: 1px solid !important;
	color: var(--color-black);
	border-radius:2.5em;
    outline-width: 2px;
    outline-style: solid;
    outline-color: transparent;
}
.btn-tertiary:hover {
	background-color: var(--color-black) !important;
	color: var(--color-white);
}
.btn-tertiary:focus-visible {
	background-color: var(--color-black) !important;
	color: var(--color-white);
}

.btn-danger {
	border-radius:2.5em !important;
	color:  var(--color-white) !important;
	border: 1px solid !important;
	margin-left: 5px;
	margin-right: 5px;
}
.btn-danger:hover {
	background-color: transparent !important;
	border-radius:2.5em !important;
	color:  #dc3545 !important;
	border: 1px solid !important;
	margin-left: 5px;
	margin-right: 5px;
}

.btn-outline-primary, .btn-outline-primary:hover {
    border: 1px solid var(--color-black);
	color:  var(--color-black) !important;
}
.btn-outline-danger:disabled {
	opacity: 1 !important;
}

.btn-outline-secondary {
	color:  var(--color-black) !important;
    border: 1px solid var(--color-black);
}

.btn-navbar, btn-navbar:active {
	color: var(--color-white) !important;
    background-color:  var(--color-purple) !important;
    border-color:  var(--color-purple) !important;
}
.btn-navbar:focus {
	border-color: silver !important;
}
.btn-navbar:hover {
    color: var(--color-white) !important;
    background-color:  var(--color-purple) !important;
    border-color:  var(--color-purple) !important;
}

.navbar.fixed-bottom {
	border-top: 1px solid silver;
}
.navbar-dark .btn.show {
	color: #fff;
}
.page-link, .page-link:hover {
    color: #237B6D;
}

.card {
	margin-bottom: 15px !important;
	background-color: rgb(255, 255, 255, 0.9) !important;
}
	
.nav {
	margin-bottom: 10px;
}

.dropdown-header {
    color: var(--color-white);
    text-decoration: none;
    background-color: var(--color-amethyst);
   	font-size: 1em;
    font-weight: bold;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--color-white) !important;
    text-decoration: none;
    background-color: var(--color-amethyst);
}

.dropdown-item.active a, .dropdown-item:active a {
    color: var(--color-white);
    text-decoration: none;
}
.dropdown-item.disabled.disabled-entry {
    color: silver !important;
    text-decoration: none;
}
input[type=text]:read-only, text-area:read-only {
	background-color: #eeeeee !important;
}

.form-check-input:checked {
    background-color: #38b39a;
    border-color: #38b39a;
}
.form-check-input:focus {
	border-color: rgba(56,179,154,0.5);
    box-shadow: 0 0 0 0.25rem rgb(56 179 154 / 25%);
}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2338b39a'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover, .bootstrap-datetimepicker-widget td.active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {
    color: #fff;
    background-color: #38b39a;
}

/* Progress Bars */

progress  {
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  position:relative;
  text-align: center;
  
  /* Get rid of default border in Firefox. */
  border: none;

  /* Dimensions */
  width: 65px;
  height: 20px;
  margin-bottom: -6px;

}
progress:before {
  content: attr(data-label);
  color:#4f525a;
  position:absolute;
  left:0;
  right:0;
}
progress.white:before {
	color:white;
}

progress::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
progress::-webkit-progress-value {
  border-radius: 2px;
  background-color: #9DCEC1;
}
progress::-moz-progress-bar {
  background-color: #9DCEC1;
}

/* Datatables */

.dataTables_length label {
  color: #666 !important;
  font-weight: normal !important;
}
.dataTables_filter label {
  margin-bottom:0px !important;
}
.dataTables_wrapper .dataTables_filter input {
    margin: 0px 0.3em 0px 0.3em !important;
    line-height: 1 !important;
    height: calc(1.5em + 0.75rem + 2px);
}

div.dt-buttons{
	float:right !important;
}

table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.control:before {
    color: #666666;
    font-family: FontAwesome;
    font-size: 10px;
    content: "\f054";
    border: none;
    line-height:10px;
    box-shadow: none;
    background-color: transparent;
}
table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr.parent td.control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent th.control:before {
    content: '\f078';
    background-color: transparent;
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgba(159, 206, 195, 0.95) !important;
    color: white;
}

.dataTable .rowGroupInfo {
	float:right;
	font-style:italic;
	color: darkgray;
}

.dropdown-menu .divider {
	margin: 1px 0px !important;
}

.dropdown-menu > .dt-button.heading {
	background-color: #38b39a;
	color: white;
	padding-left: 10px;
}

div.dt-button-collection .dt-button {
   min-width: 100px; 
}

.dt-buttons > .green {
    background-color: #9DCEC1 !important;
}

.dropdown-menu > .dt-button:not(.heading),
.dropdown-menu > .dt-button:not(.heading):hover,
.dropdown-menu > .dt-button:not(.heading):focus {
	color: #333;
	text-decoration: none;
	background-color: #ffffff !important;
	outline: 0;
}

.dropdown-menu > .dt-button.active:not(.heading):before,
.dropdown-menu > .dt-button.active:not(.heading):hover:before {
	content: "\f00c";
	padding-right: 10px;
	margin-left: -10px;
	color: #000;
	font-family: FontAwesome;
}

.dropdown-menu > .dt-button:not(.heading):before {
	content: "\f00c";
	color: #fff;
	padding-right: 10px;
	margin-left: -10px;
	font-family: FontAwesome;
}

.dropdown-menu > .dt-button:not(.heading):hover:before {
	content: "\f00c";
	color: #38b39a;
	padding-right: 10px;
	margin-left: -10px;
	font-family: FontAwesome;
}

td.wrap {
	white-space: normal !important;
}

/* Bootstrap Dialog */

.modal.type-primary .modal-header {
    background: linear-gradient(to bottom, #38b39a 5%, #339b86 100%);
    color: white;
    font-size: 16px;
}

/* Homepage Tabs */

.nav-tabs .nav-link {
	border-bottom: none;
	border-color: #e9ecef #e9ecef #dee2e6;
	background: #fff;
	color: #38b39a;
  	padding: 7px 7px;
  	font-size: 14px;
  	margin: 0px;
	font-family: "Lato", sans-serif;
	font-weight: 300;
  }
.nav-tabs .nav-link:hover {
	background: #f1f1f1;
}
.nav-tabs .nav-link.active {
    background: linear-gradient(to bottom, #38b39a 5%, #339b86 100%);
    background-color: #38b39a;
    color: white;
}
.nav-tabs > li > a > h4 {
  font-size: 1.2em;
  margin: 0px;
  display: inline-block;
}
.nav-tabs > li > a.active > h4 {
  color: white;
}

.progressLoader {
	position: absolute;
	text-align: center;
    border: 1px solid #4f525a;
    padding: 10px 30px 20px 30px;
    left: 15%;
    width: 70%;
    top: 150px;
    background-color: white;
    z-index: 100;
}

.loader {
	height: 4px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #ddd;
}

.loader:before {
	display: block;
	position: absolute;
	content: "";
	left: -200px;
	width: 200px;
	height: 4px;
	background-color: #9DCEC1;
	animation: loading 2s linear infinite;
}

@keyframes loading {
	from {
		left: -200px;
		width: 30%;
	}

	50% {
		width: 30%;
	}

	70% {
		width: 70%;
	}

	80% {
		left: 50%;
	}

	95% {
		left: 120%;
	}

	to {
		left: 100%;
	}
}
.infoPane {
    height: calc(100vh - 185px);
    overflow: auto;
    padding-right: 15px;
}
.contentPanel {
    height: calc(100vh - 185px);
	visibility: hidden;
}

/* News Slideouts */

.slide-out-div {
	padding: 10px;
	width: 450px;
	background: #fff;
	border: 1px solid #ddd;
}

.handle {
	width: 120px;
	height: 30px;
	background-color: #38b39a;
	transform: rotate(-90deg);
	transform-origin: left top 0;
	color: #ffffff;
	font-size: 14px;
	padding: 6px;
	border: 1px solid #339b86;
	text-align: center;
	cursor: pointer;
}

.news-container {
	border-left: 2px solid #cccccc;
	padding-left: 5px;
	margin-bottom: 10px;
}

.news-heading {
	font-weight: 700;
}

.news-attributes {
	color: lightgrey;
	font-style: italic;
}

.news-detail {
	margin: 10px 0px 0px 0px;
}

/* Contact Us Popup */

.contactUs {
	position: absolute;
	bottom: 0px;
	right: 2px;
	z-index: 99;
	margin-bottom: 34px;
	background-color: #404248;
	background-image: linear-gradient(to top, #4f5259, #404248);
	color: #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 15px;
}

.contactContents {
	padding: 20px;
	width: 230px;
	background-color: #404248;
	background-image: linear-gradient(to top, #4f5259, #404248);
	color: #ddd;
}

/* Tasks */

.task-item-title {
	font-family: "Lato", sans-serif;
	color: #38b39a;
	font-weight: 300;
    font-size: 1.5rem;
	margin: 0;
    line-height: 1.2;
}
.main-header {
    line-height: 150%;
    color: black;
    background-clip: padding-box;
    border-bottom: 1px solid #dddddd;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    position: relative;
    padding-top: 5px;
}

.app-page-title {
    font-size: 28px;
    font-weight: 400;
}
.task-container-single {
    height: calc(100vh - 75px);
    overflow: hidden;
}
.task-fields-single {
    height: calc(100vh - 220px);
    overflow-y: auto;
    overflow-x: hidden;
}
.task-fields-single-notab {
    height: calc(100vh - 175px);
    overflow-y: auto;
    overflow-x: hidden;
}
.task-form {
    height: calc(100vh - 226px);
}
.task-buttons {
	height: 53px;
	border-top: 1px solid #dddddd;
	margin: 0px -10px 0px 0px;
}

.btn-panel-margin {
    margin: 10px 5px 10px 0;
    float: right;
}
    
.ellipsis > a {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Field validation */
.mb-3.error span.help-block {
	color: red;
}

.mb-3.error .form-control {
	border: 1px solid red;
}


/* Alerts */

.alert-header {
    border-radius: 2px;
    width: 67%;
    height: 33px;
    padding: 5px;
    margin: 4px 9px 0px 0px;
}

.alert-header span {
	overflow: hidden;
}

.alert-primary {
	background-color: #00abf3;
	border: solid 1px #38b39a;
	color: #daf4ff;
}

.alert-primary > .close {
	color: #ffffff;
	text-shadow: none;
	filter: alpha(opacity=80);
	opacity: .8;
}

.alert-info {
	background-color: #ddf4fb;
	border: solid 1px #54c8eb;
}

.alert-success {
	background-color: #ddffef;
	border: solid 1px #d6e9c6;
}

.alert-warning {
	background-color: #fceedb;
	border: solid 1px #f0ad4e;
}

.alert-danger {
	background-color: #f4cecd;
	border: solid 1px #d9534f;
}

.alert-royal {
	background-color: #ead6f3;
	border: solid 1px #ac60d0;
	color: #792e9c;
}

.alert.alert-border {
	border-left-width: 5px !important;
	border-right-width: 5px !important;
}

.alert.alert-primary.alert-border {
	border-color: #005174;
}

/* Utility Classes */

.optionToggle {
    color: #38b39a;
    cursor: pointer;
    border-bottom: 1px dotted lightgray;
} 

.hide {
    display: none!important;
}

/* Bootstrap Dialog */

.bootstrap-dialog .modal-body {
	overflow-y:scroll;
	overflow-x:hidden;
}

.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 12px;
}

/* Student Timeline / View Scores */

.Limited {
	background-color: #fdc065 !important;
}

.Basic {
	background-color: #fde276 !important;
}

.Advanced {
	background-color: #d8cefe !important;
}

.High {
	background-color: #9fddfd !important;
}

.Intermediate {
	background-color: #7bfeab !important;
}
.score-table a {
	cursor: pointer;
	color: #666666;
	
}

#orgdropdown {
	min-width: 400px;
}

#orgTree {
	overflow: auto;
}

#org_tree {
	overflow: auto;
	max-height: 80vh;
}

.badge-icon:after {
	position: absolute;
	content: attr(data-count);
	margin-left: -6px;
	margin-top: -8.5px;
	padding: 0 4px;
	min-width: 13.755px;
	height: 13.755px;
	line-height: 13.755px;
	background: red;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-weight: 600;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Notifications */ 

.notifications {
	min-width: 420px !important;
}

.notification-icon:after {
	position: absolute;
	content: attr(data-count);
	margin-left: -6.8775px;
	margin-top: -6.8775px;
	padding: 0 4px;
	min-width: 13.755px;
	height: 13.755px;
	line-height: 13.755px;
	background: red;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-weight: 600;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.notifications-wrapper {
	overflow: auto;
	max-height: 250px;
}

.notification-title {
	font-size: 1.5rem;
	display: inline-block;
}

.notification-clear {
	line-height: 0;
	float: right;
	margin-top: 7px !important;
	cursor: pointer;
}

.notification-heading {
	padding: 2px 10px;
}

.notifications a.content {
	text-decoration: none;
	display: inherit;
	padding: 0px 5px;
}

.notification-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.notification-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.notification-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.notification-urgent {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.notification-item {
	padding: 10px;
	margin: 5px;
	border-radius: 4px;
}
.item-title {
	margin-left: 0px;
	display: inline-block;
}
.item-date {
	line-height: 0;
	float: right;
	margin-top: 0px !important;
	color: #a6a8ab;
	font-size:10px;
}

/* JsTree Overrides */

.jstree-default .jstree-icon {
	color: black;
}
.jstree-default .jstree-icon:empty {
	line-height: 11px !important;
}
.jstree-default .jstree-anchor {
	line-height: 11px !important;
	padding: 7px 0px !important;
	color: #7c7e81;
}

.jstree-default .jstree-hovered {
	background:#91c8bb
}
.jstree-default .jstree-clicked {
    background: #9fcec3;
    background: -webkit-linear-gradient(top,#9fcec3 0%, #91c8bb 100%);
    background: linear-gradient(to bottom, #9fcec3 0%, #91c8bb 100%);
}
		
.jstree-default .jstree-wholerow-clicked {
    background: #9fcec3;
    background: -webkit-linear-gradient(top,#9fcec3 0%, #91c8bb 100%);
    background: linear-gradient(to bottom, #9fcec3 0%, #91c8bb 100%);
}
.jstree-default .jstree-wholerow-hovered {
	background:#91c8bb
}

.jstree-default .jstree-search {
    color: black;
    font-weight: bolder;
}
.jstree-contextmenu {
	z-index: 2000;
}

/* From Global Layout */
.studentAdded {
  font-style: italic;
}
.studentRemoved {
  text-decoration: line-through;
}
.studentLeft {
  text-decoration: line-through;
  color: lightgray;
}
.studentDisabled {
  color: lightgray;
}
.reportOptionsOptions {
  height: calc(100vh - 380px);
  overflow: auto;
  padding-right: 15px;
}
.title::before {
  font-size: 14px;
  color:#000000
}
#online-paper::before{
	content: "Online";
}
#paper-test::before{
	content: "Paper";
}
#keyEntry-test::before{
	content: "Key Entry";
}
.testButton{
  float: right;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #339b86;
  background-color: #38b39a;
}