/*===============================================================================================================================*/
/*                                                            RESET.CSS                                                          */
/*===============================================================================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Munged-5AvYX3SRV3.eot');
  src: url('../fonts/Munged-5AvYX3SRV3.woff2') format('woff2'),
       url('../fonts/Munged-5AvYX3SRV3.woff') format('woff'),
       url('../fonts/Munged-5AvYX3SRV3.ttf') format('truetype'),
       url('../fonts/Munged-5AvYX3SRV3.svg#Munged-5AvYX3SRV3') format('svg'),
       url('../fonts/Munged-5AvYX3SRV3.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
	background: #f4f4f4;
}

html.portal {
	background: #333333;
}

html.login {
    background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)),url("../images/GettyImages-554996087.jpg") no-repeat 50% bottom fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 100%;
    min-height: 100vh;
}

body {
  line-height: 1.42857143;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 100%;
  min-height: 100%;
  color: #444;
  -webkit-font-smoothing: antialiased;
  position: relative;
  overflow-x: hidden;
}

.login body,
.portal body {
	font-family: "Montserrat", Arial, sans-serif;
}

ol, ul {
	list-style: none;
	margin-left: 30px;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

br.clearfloat {
  font-size: 1px;
  line-height: 0px;
  margin: 0px;
  clear: both;
  height: 0px;
}

br.max_phone,
br.max_tablet_p {
  display: none;
}

h1, h2, h3, h4 {
}

strong {
  font-weight: 700;
}

a {
  -webkit-transition: color,background 0.2s;
  -moz-transition: color,background 0.2s;
  transition: color,background 0.2s;
  color: #93186c;
}

a.link {
  display: inline-block;
  padding-left: 20px;
}

cite {
  font-size: 1.3rem;
  color: #ff0000;
}

p, li {
  font-size: 0.9rem;
  line-height: 1.3;
}

span.theme_colour {
  color: #005CB9;
}

.nowrap {
  white-space: nowrap;
}
sup {
	font-size: 60%;
}
/*===============================================================================================================================*/
/*                                                            WEBSITE.CSS                                                        */
/*===============================================================================================================================*/
div.wrapper {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
/* Buttons ===================================================================================================================== */
input.large {
	font-size: 0.85em;
	height: 50px;
	line-height: 50px;
	padding: 0 25px;
}
input.medium {
	font-size: 0.750em;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
}
input.small {
	font-size: 0.688em;
	height: 34px;
	line-height: 34px;
	padding: 0 15px;
	letter-spacing: 1px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}
input.primary {
	display: inline-block;
	float: right;
	width: auto;
    outline:0;
    border: 0;
	cursor: pointer;
    -webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;

    font-weight: 600;
	font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: white;
    background-color: #91c60f;
	border: 1px solid #91c60f;
	-webkit-transition: background-color 0.2s;
	   -moz-transition: background-color 0.2s;
			transition: background-color 0.2s;
}
input.primary.login {
	display: inline-block;
    float: none;
    width: 100%;
	margin: 5px 0 0 0;
    padding: 0 30px;
	border-radius: 0px;
	background: white;
    background: #91c60f;
    font-size: 1em;
    text-transform: uppercase;
    color: white;
    border-radius: 5px;
}
input.primary.login:hover,
input.primary.login:focus,
input.primary.login:active {
	background-color: #a4df11;
    border-color: #a4df11;
    color: #fff;
}
input.primary.next {
	padding: 0 62px 0 25px;
    background-color: #a4df11;
	border-color: #a4df11;
	background-position: right;
	background-repeat: no-repeat;
}
input.primary.next {
    background-image: url("../images/ico_confirm.png");
}
input.primary:focus,
input.primary:active,
input.primary:hover {
	background-color: #a4df11;
    border-color: #a4df11;
    color: #fff;
}
input.secondary {
	float: left;
	margin-right: 10px;
	background-color: #353943;
	padding: 0 25px 0 57px;
    color: white;
}
input.secondary.back,
input.secondary.cancel {
	background-position: left;
	background-repeat: no-repeat;
}
input.secondary.back {
	background-image: url("../images/ico_back.png");
}
input.secondary.cancel {
	background-image: url("../images/ico_cancel.png");
}
input.secondary:focus,
input.secondary:active,
input.secondary:hover {
	background-color: #555;
}
/* Header ====================================================================================================================== */
div.header_outer {
	position: relative;
}
div.site_header {
	position: absolute;
	width: 100%;
	height: 633px;
	top: 0;
	left: 0;
	background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)),url("../images/GettyImages-498323475.jpg") no-repeat 50% top;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
div.header_wrapper {
	position: fixed;
    width: 100%;
    z-index: 10;
	padding-top: 40px;
    transition: background .32s, padding .32s;
}
div.header_wrapper.sticky {
	padding-top: 0;
	background: #fff;
	left: 0;
	-webkit-box-shadow: 0 2px 1px -1px #ddd;
			box-shadow: 0 2px 1px -1px #ddd;
}
header.main {
	width: auto;
	max-width: 1200px;
	height: auto;
	min-height: 75px;
	margin: 0 auto;
	padding: 0 15px;
}

.sticky header.main {
	min-height: 65px;
	padding: 10px 15px 0;
}

.logo {
	position: relative;
	float: left;
	width: 33.3333333333%;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	padding-left: 0;
	padding-right: 0;
	height: 100px;
	padding-top: 5px;
	height: 50px;
}

.logo img {
    display: block;
    max-width: 180px;
    max-height: 64px;
}

.cpu_logo {
	display: block;
    max-width: 180px;
    max-height: 64px;
}
.mp_menu {
    float: left;
    width: 66.66666667%;
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
}
.button-emphasis {
    display: inline-block;
    padding: 8px 13px;
    border-width: 2px;
    border-style: solid;
    text-transform: uppercase;
	font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    border-radius: 7px;
    background-color: #91c60f;
    transition: all .18s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    border-color: #91c60f;
	text-shadow: 0 0 3px #3e5506;
}
.button-emphasis:hover, 
.button-emphasis:focus {
    background-color: #a4df11;
    border-color: #a4df11;
    color: #fff;
    text-decoration: none;
}

.portal div.header_wrapper {
  position: relative;
  width: auto;
  height: auto;
  margin-top: 46px;
  padding: 30px 20px;
  background: white url("../images/bkg_cubes.png") repeat;
  border-bottom: 1px solid #93186c;
}

.portal div.header_wrapper.with_progressbar {
  padding: 15px 20px;
}

.portal div.header_wrapper.with_subnav {
  padding: 30px 20px 60px;
  z-index:11;
}

.portal div.header_wrapper.with_subnav.with_progressbar {
  padding: 15px 20px 45px;
  z-index:11;
}

div.page_title {
    float: left;
    width: calc(100% - 240px);
    height: auto;
}

.with_progressbar div.page_title {
    width: calc(100% - 450px);
}

div.page_title h1 {
    position: relative;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #93186c;
    padding: 0;
	line-height: 1;
}

div.page_title h1 span {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 2px;
    color: #444;
}

.with_progressbar div.page_title h1 {
    padding: 15px 0 0 0;
}

div.page_title h2 {
    font-size: 1.1rem;
    margin-top: 5px;
    color: rgba(61,69,90,1);
	line-height: 1;
}

div.header_right {
	float: right;
	width: 240px;
	margin: 0px;
	text-align: right;
}

div.form_section.search {
	float: right;
	width: 240px;
	margin: 5px 0px;
}

div.progressbar {
	float: right;
	width: 450px;
	height: auto;
	padding: 20px;
	background: white;
	border-radius: 10px;
	border: 1px solid #d6d6d6;
}

div.progressbar p {
	font-size: 0.7rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 8px;
}

span.step {
	display: inline-block;
	float: left;
	position: relative;
	height: 20px;
	line-height: 20px;
	background: #aaa;
	font-size: 0.7rem;
	font-weight: 600;
	text-align: right;
	color: white;
	padding: 0 5px;
}

.steps-5 span.step {
	width: 20%;
}

.steps-7 span.step {
	width: 14.28571428571429%;
}

.steps-8 span.step {
	width: 12.5%;
}

.steps-10 span.step {
	width: 10%;
}

span.step:first-of-type {
	border-radius: 5px 0 0 5px;
}

span.step:last-of-type {
	border-radius: 0 5px 5px 0;
}

span.step.attention {
	background: orange;
}

span.step.complete {
	background: #6bb05a;
}

span.step.error {
	background: #c5273f;
}

span.step:before {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: white;
	content: '';
}

span.step:after {
	font-family: "Material-Design-Iconic-Font";
    text-align: center;
    display: block;
    font-size: 12px;
    font-weight: 200;
    color: white;
    width: auto;
    height: 20px;
    line-height: 20px;
	float: left;
}

span.step.attention:after {
	content: "\f1f4";
}

span.step.complete:after {
	content: "\f269";
}

span.step.error:after {
	content: "\f1f3";
}
div.open_ca {
	float: right;
	width: auto;
	min-width: 180px;
	height: 100px;
	background: white;
	border: 1px solid #EEEEEE;
	border-radius: 5px;
	padding: 10px;
	margin-left: 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}
div.open_ca.clientsonline {
	text-align:center;
	min-width:0;
}
div.open_ca.clientsonline div.panel {
	float:none;
	margin-top:6px;
}
div.open_ca h2 {
	font-weight: 600;
	font-size: 0.85rem;
	padding-bottom: 3px;
}
div.open_ca div.panel {
	width: auto;
	float: left;
}
div.open_ca div.panel.middle {
	margin: 0 20px;
}
div.open_ca div.panel p {
	text-align: center;
	font-size: 0.7rem;
	font-weight: 500;
}
div.open_ca div.panel p.large {
	font-weight: 400;
	font-size: 3rem;
	color: #111111;
	line-height: 1;
}
div.open_ca div.panel.right {
	float: left;
}
div.open_ca div.panel.right ul {
	list-style: none;
	margin: 5px 0 0 0;
}
div.open_ca div.panel.right ul li {
	font-size: 0.85rem;
	color: black;
	line-height: 20px;
}
div.open_ca div.panel.right ul li span {
	font-weight: 500;
	float: right;
	color: #111111;
	margin-left: 10px;
}
div.open_ca h2 {
	color: #111111;
	border-bottom: 1px solid #111111;
}



/* Banner ====================================================================================================================== */
div.banner_wrapper {
	width: auto;
	height: auto;
}
div.banner {
	width: auto;
	max-width: 1200px;
	margin: 0 auto 50px auto;
	height: auto;
	padding: 0;
}
div.title_block {
    float: left;
    width: 66.66666667%;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 21.6666667%;
}
div.title_block h1 {
	font-family: "Interstate", Arial, Helvetica, sans-serif;
    font-size: 70px;
	font-weight: 400;
	line-height: 74px;
	color: white;
	text-shadow: 0 0 3px rgba(0,0,0,.45);
	margin-bottom: 11px;
}
div.title_block p {
    font-size: 1.2em;
	color: white;
	margin-bottom: 11px;
}
div.hero_panel {
    float: left;
    width: 33.33333333%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 21.66667%;
    margin-bottom: -35px;
    padding-top: 24px;
}
div.hero_panel h2 {
	font-family: 'Interstate',sans-serif;
	font-size: 20px;
	font-weight: 500;
    line-height: 28px;
    display: block;
    margin: 0;
    padding: 20px 15px;
    background: #93186c;
    color: #fff;
}
div.hero_panel ul {
    margin: 0;
    line-height: 3em;

}
div.hero_panel li {
    display: table;
    width: 100%;
    line-height: 1.4em;
    min-height: 80px;
	position: relative;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
div.hero_panel li>span {
    margin: 5px 0 0 -10px;
}
div.hero_panel a {
	font-family: 'Interstate',sans-serif;
	font-size: 20px;
	font-weight: 500;
	    line-height: 1.4em;
	text-decoration: none;
    cursor: pointer;
    padding-right: 15px;
    color: #444;
	display: table-cell;
    vertical-align: middle;
    width: inherit;
}
div.hero_panel a:hover, 
div.hero_panel a:active {
    color: #93186c;
    text-decoration: underline;
}
.icon-arrow {
    background-image: url("../images/chevron.svg");
    background-repeat: no-repeat;
}
.icon-before {
    height: 50px;
    width: 50px;
    display: inline-block;
    float: left;
}
.icon-after {
    background-position: 100% 50%;
    background-size: 50px 50px;
}
/* Navigation ================================================================================================================== */
div.sitebranding.portal {
  float: left;
  width: 163px;
  height: 30px;
  margin: 8px 0px 8px 10px;
}

div.sitebranding.client.portal {
  width: 95px;
}

div.sitebranding.lawyer.portal {
  width: 140px;
}

div.sitebranding.portal img {
  max-height: 30px
}

.navicon {
  display: none;
}

div.nav_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 46px;
  z-index: 5000;
  background: #19262c;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}

nav.main ul li:hover > ul,
nav.secondary ul li:hover > ul,
div.user_profile ul li:hover > ul {
  opacity: 1;
  top: 100%;
}

nav.main {
  float: left;
  width: auto;
  height: 46px;
  margin-left: 40px;
}

nav.main ul,
div.user_profile ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

nav.main ul:after,
nav.secondary ul:after,
div.user_profile ul:after {
  content: "";
  clear: both;
  display: block;
}

nav.main ul li,
nav.secondary ul li,
div.user_profile ul li {
  float: left;
  position: relative;
}

nav.main ul li,
nav.secondary ul li {
  margin-right: 1px;
}

nav.main ul li:hover a,
nav.secondary ul li:hover a {
  background: #666666;
  color: #fff;
}

nav.main ul li.selected a {
  background: #444444;
}

nav.main ul li span.notifications,
nav.secondary ul li span.notifications {
  position: relative;
  top: 0;
  right: 0px;
  line-height: 46px;
  height: 26px;
  margin-left: 5px;
  padding: 3px 8px;
  color: white;
  border-radius: 5px;
  text-align: center;
  background: #cb090d;
}

nav.main ul li a,
nav.secondary ul li a,
div.user_profile ul li {
  font-weight: 400;
  display: block;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  color: white;
  text-decoration: none;
  white-space: nowrap;
}

nav.main ul li.has_child a,
nav.secondary ul li.has_child a {
  padding: 0 30px 0 20px;
}

nav.main ul li.has_child > a,
nav.secondary ul li.has_child > a {
  cursor: default;
}

nav.main ul li .submenu-indicator,
nav.secondary ul li .submenu-indicator {
  position: absolute;
  top: 0;
  right: 10px;
  background: none;
  outline: none;
  border: none;
  padding: 0;
}






nav.main ul li .submenu-indicator:before,
nav.secondary ul li .submenu-indicator:before {
  position: absolute;
  top: 0;
  right: 0px;
  line-height: 46px;
  font-size: 1.3em;
  font-weight: 700;
  -o-transition: transform .15s linear;
  -moz-transition: transform .15s linear;
  -webkit-transition: transform .15s linear;
  color: #ccc;
  content: '+';
  cursor: pointer;
}
nav.secondary ul li .submenu-indicator:before {
	line-height:32px;
}

nav.main ul li:hover .submenu-indicator:before,
nav.secondary ul li:hover .submenu-indicator:before {
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

nav.main ul ul,
nav.secondary ul ul {
  border-radius: 0px;
  padding: 0;
  position: absolute;
  min-width: 140px;
  background: #ccc;
  width: auto;
  min-width: 100%;
}

nav.main ul ul li,
nav.secondary ul ul li,
div.user_profile ul ul li {
  float: none;
  position: relative;
  display: block;
}

nav.main ul ul li a,
nav.secondary ul ul li a {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 0.85em;
}

nav.main ul li:hover a + ul li a,
nav.secondary ul li:hover a + ul li a,
nav.main ul li.selected_1 a + ul li a,
nav.secondary ul li.selected_1 a + ul li a {
  border-bottom: none;
}

nav.main ul ul li a,
nav.secondary ul ul li a {
  background: #f3f3f3;
}

nav.main ul ul li a:hover,
nav.secondary ul ul li a:hover,
nav.main ul ul li.selected a,
nav.secondary ul ul li.selected a {
  background: #555555;
  color: white;
}

nav.main ul ul li.selected a:before,
nav.secondary ul ul li.selected a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #93186c;
  content: '';
}

nav.main ul ul ul, 
nav.secondary ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
}

nav.main ul ul ul li a,
nav.secondary ul ul ul li a {
  display: block;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.user_profile {
  float: right;
  width: auto;
  height: 46px;
}

div.user_profile ul {
  float: right;
}

div.user_profile ul li {
  font-size: 0.85em;
  font-weight: 500;
  padding: 0;
  color: white;
}

div.user_profile ul li.small {
  font-size: 0.75rem;
  padding: 0 20px;
  background: #535658;
}

div.user_profile ul li a.settings {
  display: block;
  width: 46px;
  height: 46px;
  font-size: 0;
  background: #333333;
  text-align: center;
}

div.user_profile ul li:hover a.settings {
  background: #535658;
}

div.user_profile ul li a.settings:before {
  font-family: "Material-Design-Iconic-Font";
  font-size: 34px;
  display: inline-block;
  content: '\f1c6';
  color: white;
}

div.user_profile ul ul {
  border-radius: 0px;
  padding: 0;
  position: absolute;
  top: 100%;
  right: 0;
  width: 240px;
  background: #535658;
}

div.user_profile ul ul li {
  height: 40px;
  line-height: 40px;
  color: white;
}

div.user_profile ul ul li.profile_card {
  display: block;
  height: auto;
  line-height: 1.2;
  padding: 20px;
  white-space: normal;
}

div.user_profile ul ul li.profile_card span.profile_image {
  float: left;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: white;
  color: black;
  opacity: 1;
  text-align: center;
  border-radius: 5px;
  font-size: 1.6em;
  letter-spacing: 2px;
}

div.user_profile ul ul li.profile_card span.branch {
  font-weight: 600;
  width: calc(100% - 50px);
  float: right;
  margin: 5px 0 0 0;
}

div.user_profile ul ul li a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  color: #fff;
  font-size: 1em;
  text-decoration: none;
  background: #111111;
}

div.user_profile ul ul li a:hover {
  background: #ccc;
  color: black;
}

div.user_profile ul ul li.logout a {
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #535658;
}

div.user_profile ul ul li.logout a:before {
  font-family: "Material-Design-Iconic-Font";
  font-size: 19px;
  display: block;
  float: left;
  content: '\f1cc';
  margin-right: 5px;
  color: white;
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

div.user_profile ul ul li.logout a:hover {
  color: black;
  background-color: #ccc;
}

div.user_profile ul ul li.logout a:hover:before {
  color: black;
}

@media only screen and (min-width : 1101px) {
  nav.main ul ul,
  nav.secondary ul ul,
  div.user_profile ul ul {
    opacity: 0;
    z-index: 5000;
    top: -10000px;
  }
  .mobile_navigation {
    -ms-transform: translate3d(0,0,0)!important;
  }
}

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

  .navicon {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    text-decoration: none;
    z-index: 10000;
    width: 46px;
    height: 46px;
    padding: 0;
    background: #333;
    border: none;
    outline: none;
    cursor: pointer;
  }

  .navicon:before {
    font-family: "Material-Design-Iconic-Font";
    font-size: 30px;
    display: block;
    content: '\f197';
    color: white;
    width: 46px;
    height: 46px;
    line-height: 46px;
    transition: color 0.3s;
    text-align: center;
    margin: 0;
    content: '\f197';
  }

  .navicon.open:before {
    content: '\f136';
  }

  div.user_profile ul li span.username {
    margin-left: 0;
  }

  .mobile_nav {
	display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-width: 260px;
    width: 260px;
    z-index: 9999999;
    top: 46px;
    right: -260px;
    position: fixed;
    background: #19262c;
    text-align: left;
    border-top: 1px solid #000;
  }

  nav.main {
    float: none;
    height: auto;
    margin-left: 0;
  }

  nav.main ul li {
    margin-right: 0;
  }

  nav.main ul li.selected {
    background: #e05714;
  }

  nav.main ul li .submenu-indicator:before {
    right: 10px;
    font-size: 2em;
  }

  nav.main ul, div.user_profile ul {
    display: block;
  }

  nav.main ul li, div.user_profile ul li {
    float: none;
  }

  nav.main ul ul {
    width: 260px;
    overflow: hidden;

	display: none;
  }

  nav.main ul ul li a {
    background: #666666;
	cursor: pointer;
  }

  nav.main ul ul li a:hover,
  nav.main ul ul li.selected a {
    background: #555555;
    color: white;
  }

  nav.main ul ul li.selected a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: #A30234;
    content: '';
  }

  div.user_profile {
    float: none;
    margin: 0;
    height: auto;
  }

  div.user_profile ul {
    display: block;
    height: 0px;
  }

  div.user_profile ul ul {
    display: block;
    width: 260px;
    background: #333;
  }

  div.user_profile ul li.small {
    font-size: 0;
    height: 0px;
    line-height: normal;
  }

  div.user_profile li {
    background: #333;
  }

  div.user_profile ul li.user_settings {
    height: auto;
    line-height: normal;
  }

  div.user_profile ul li a.settings {
    background: none;
    width: 100%;
    height: auto;
  }

  div.user_profile ul li a.settings:before {
    display: none;
  }

  nav.main ul ul {
    position: relative;
  }
}

@media only screen and (max-width : 767px) {
  nav.main ul li.hide_mobile {
    display: none;
  }
}

div.secondary_nav_bg {
	background: #DA7327;
}
nav.secondary {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 32px;
	background: #93186c;
}
nav.secondary ul {
	list-style: none;
	margin: 0;
	height: 32px;
}
nav.secondary ul li {
	float: left;
	height: 32px;
	line-height: 32px;
	margin-right: 1px;
}
nav.secondary ul li a {
	font-weight: 400;
	display: block;
	font-size: 0.8rem;
	width: auto;
	height: 32px;
	padding: 0 20px;
	text-decoration: none;
	color: white;
	line-height:32px;
}
nav.secondary ul li a:hover,
nav.secondary ul li a:focus,
nav.secondary ul li a.selected {
	background: rgba(255,255,255,0.2)
}
div.quick_links {
	float: right;
}
div.quick_links a {
	display: block;
	width: auto;
	height: 46px;
	font-size: 0.75rem;
	text-decoration: none;
	color: white;
	line-height: 46px;
	padding: 0 20px;
}
div.quick_links a:hover,
div.quick_links a:focus {
	background: rgba(255,255,255,0.3);
}

#contactDiv {
    position: absolute;
	right: 90px;
	top: 56px;
	width: auto;
	width: 400px;
    z-index: 9;
    background-color: white;
	border: 1px solid #93186c;
	border-radius: 10px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);

	display: none;	
}

#contactDivHeader {
    text-align: center;
    padding: 10px;
	font-weight: 600;
    cursor: move;
    z-index: 10;
    background-color: #93186c;
    color: #fff;
	border-radius: 10px 10px 0 0;
}

div.contact_content {
	padding: 20px;
}

div.contact_content h2 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 5px;
}

div.contact_content p {
	font-size: 0.8rem;
	margin-bottom: 5px;
}

div.contact {
	margin-bottom: 10px;
}

div.contact_image {
	float: left;
	width: 80px;
	height: auto;
}

div.contact_image img {
	width: 100%;
}

div.contact_details {
	float: right;
	width: calc(100% - 90px);
}

a.close_contact {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 38px;
	height: 38px;
	font-size: 0;
}

a.close_contact:before {
	font-family: "Material-Design-Iconic-Font";
    font-size: 20px;
	text-align: center;
    display: inline-block;
    color: white;
    content: '\f136';
	line-height: 38px;
	width: 38px;
	height: 38px;
}

a.send {
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
	line-height: 20px;
	margin-top: 10px;
	-webkit-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}

a.send:before {
	font-family: "Material-Design-Iconic-Font";
    font-size: 20px;
	text-align: center;
    display: inline-block;
	float: left;
    color: black;
    content: '\f194';
	line-height: 20px;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

a.send:hover,
a.send:focus {
	opacity: 0.7;
}
/* Content ===================================================================================================================== */
/* Main Content Window --------------------------------------------------------------------------------------------------------- */
div.content_wrapper {
  width: auto;
  height: auto;
  padding: 0;
  background: #f4f4f4;
  position: relative;
}

div.content {
	width: auto;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

div.content.full_width {
	max-width: 100%;
}

div.content.padding_btm {
	padding: 0 0 30px;
}

.content ul {
  list-style-type: disc;
  margin: 0 0 1em 1.5em;
}

.content ol {
  list-style-type: decimal;
  margin: 0 0 1em 1.5em;
}

.portal div.content {
	min-height: calc(100vh - 320px);
	padding: 30px;
}

div.content_inner {
	width: auto;
	padding: 30px;
}

div.content p {
	font-size: 0.85rem;
	line-height: 1.4;
}

div.content p.footnote {
	font-size: 0.7rem;
}

div.content p.margin_top {
	margin-top: 0.5em;
}

div.content p.right_align {
	text-align: right;
}

.questions_block {
	float: left;
	width: calc(100% - 530px);
	background: white;
}

div.col {
	float: right;
	width: 500px;
	background: white;
}

.question {
    min-height: 1px;
    padding: 10px 30px;
    /*display: flex;*/
    position: relative;
	background: white;
}

.question:last-of-type {
	margin-right: 0;
}

.question h3 {
	font-weight: 600;
	margin-bottom: 0px;
}

.question p {
	font-size: 0.85rem;
	line-height: 1.5;
}

.question_title {
	margin-bottom: 20px;
}

.question_title h3 {
	padding: 10px 0 0 60px
}

.question_title.one h3 {
	color: #126a6d;
}

.question_title.two h3 {
	color: #819e51;
}

.question_title.three h3 {
	color: #f39241;
}

.question_title.four h3 {
	color: #045fb1;
}

.question_title.five h3 {
	color: #cdb00e;
}

.question_title img.question_icon {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 30px;
}

.question_content {
	padding-left: 60px;
}

.centred {
	text-align: center;
}

.ipo_callout_block {
	padding: 30px;
}

.ipo_callout {
	float: left;
	width: calc(50% - 10px);
	margin: 0 20px 20px 0;
	padding: 10px;
	background: #f3f3f3;
	border: 1px solid #ddd;
}

.ipo_callout.one {
	background: #006699;
}

.ipo_callout.two {
	background: #22a7f0;
}

.ipo_callout.three {
	background: #3ec6ea;
}

.ipo_callout.four {
	background: #c40001;
}

.ipo_callout.two {
	margin: 0 0 20px 0;
}

.ipo_callout.three {
	margin: 0 20px 0 0;
}
.ipo_callout.four {
	margin: 0;
}

.co_logo img {
	width: 100%;
}

.co_logo img {
	width: 100%;
	margin-bottom: 5px;
	border: 10px solid white;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}

.co_ipo_results h3,
.co_ipo_results p {
	color: #eee;
	text-transform: uppercase;
}

.co_ipo_results {
	padding: 10px;
	background: rgba(0,0,0,0.2);	
}

.content .co_ipo_results h3 {	
	margin-bottom: 5px;
	font-size: 0.7rem;
	letter-spacing: 2px;
}

.content .co_ipo_results p {
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 0;
	letter-spacing: 1px;
}

.content .co_ipo_results p + h3 {
	margin-top: 15px;
}

div.proven {
	text-align: center;
	color: white;
	padding: 30px;
	background: url("../images/locations.png") left no-repeat;
	background-size: cover;
}

.proven_stat {
	position: relative;
	padding: 30px 0;
}

.proven_stat:last-of-type {
	padding: 30px 0 0;
}

.content .proven_stat p {
	font-size: 1.3rem;
	font-weight: 500;
}

.content .proven_stat p.large {
	font-size: 4rem;
	line-height: 1;
	font-weight: 600;
}

.proven_stat:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 1px;
	background: rgba(255,255,255,0.4);
	content: '';
}

.proven_stat:last-of-type:after {
	display: none;
}

article.main {
  position: relative;
}

article.main.white_bg {
	background: white;
	padding: 30px;
}

article.main.max_width {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 20px
}

article a:hover {
  text-decoration: none;
}

article h2 {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 15px;
}

article h2.centred {
	font-family: 'Interstate',sans-serif;
	font-size: 40px;
	text-align: center;
    line-height: 52px;
	color: #93186c;
	margin-top: 50px;
	margin-bottom: 11px;
}

article h3 {
	font-weight: 600;
	color: #93186c;
	margin-bottom: 10px;
}

article h2.purple_bg {
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 400;
	text-transform: uppercase;
	color: white;
	margin-top: 30px;
	padding: 5px 20px 5px 60px;
	background: #93186c;
}

article h3.centred {
	font-family: 'Interstate',sans-serif;
	font-size: 28px;
    line-height: 36px;
	text-align: center;
	color: #444;
	    margin-top: 11px;
    margin-bottom: 11px;
}

article p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
}

article p.centred {
  text-align: center;
}

@media (max-width: 1200px) {
  article.main {
    padding: 20px;
  }
}

ul.view, 
ul.chevron,
ul.tabular {
    list-style: none;
	margin: 0;
}

ul.tabular li {
	display: table;
    position: relative;
    line-height: 1.3;
    margin-bottom: 0;
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid #ccc;
	width: 100%;
}

ul.tabular a {
	display: table-cell;
	vertical-align: top;
}

ul.tabular li.article,
ul.tabular li.event,
ul.tabular li.faq {
	padding: 10px 0 10px 40px;
}

ul.tabular li.article:before,
ul.tabular li.event:before,
ul.tabular li.faq:before {
    display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	content: '';
}

ul.tabular li.article:before {
	background: url("../images/icon_article.svg") center no-repeat;
}

ul.tabular li.event:before {
	background: url("../images/icon_event.svg") center no-repeat;
}

ul.tabular li.faq:before {
	background: url("../images/icon_faq.svg") center no-repeat;
}

ul.tabular li span.event_type {
	font-weight: 600;
}

ul.tabular li span.date {
	display: inline-block;
	font-size: 90%;
	font-weight: 500;
	width: 260px;
	text-align: right;
	float: right;
	line-height: normal;
}

ul.tabular li span.new:after {
	font-family: "Material-Design-Iconic-Font";
    font-size: 1.5em;
    display: inline-block;
    color: green;
	float: right;
	margin-left: 10px;
    content: '\f1f1';
	line-height: 26px;
}

ul.tabular a {
	display: inline-block;
	width: calc(100% - 340px);
	font-weight: 500;
	text-decoration: none;
    color: #93186c;
	transition: opacity 250ms ease-in-out;
}

ul.tabular a:hover,
ul.tabular a:focus {
	opacity: 0.7;
}

ul.view li:before, 
ul.chevron li:before {
    font-family: "Material-Design-Iconic-Font";
    font-size: 1.5em;
    display: block;
    position: absolute;
    color: #474543;
    content: '\f2fb';
}

ul.chevron li:before {
    top: 6px;
    left: 0px;
    content: '\f2fb';
}

.intro-text {
    width: calc(100% - 230px);
    float: left;
}

.intro-text h4 {
    text-align: left;
    word-break: keep-all;
	font-family: 'Interstate',sans-serif;
	font-size: 28px;
    line-height: 36px;
	margin-top: 11px;
    margin-bottom: 11px;
}

.medallion {
    width: 200px;
    float: right;
    margin: 0px 0px 30px 30px;
}

.medallion img {
    width: 100%;
    height: auto;
}

.contained {
    margin-top: 50px;
    margin-bottom: 50px;
}

.promo-tile {
    display: flex;
    flex-wrap: wrap;
}

.promo-tile {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
}

.promo-tile .tile-square {
    width: 33%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    list-style-type: none;
    float: left;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.tile-square.one-fourth, .promo-block.one-fourth {
    width: 25% !important;
}

.promo-tile .tile-square>div {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 2px 1px -1px #ddd;
    box-shadow: 0 2px 1px -1px #ddd;
}

.promo-tile .tile-square h5 {
	font-family: 'Interstate',sans-serif;
	font-size: 24px;
	    font-weight: 500;
    line-height: 32px;
    color: #93186c;
    margin: 15px;
}

.promo-tile .tile-square h6 {
    color: #444;
    margin: 15px;
	font-size: 20px;
    line-height: 28px;
	    font-family: 'Interstate',sans-serif;
		font-weight: 500;
}

.promo-tile .tile-square>div img {
    width: 100%;
    margin-bottom: 30px;
}

div.flex_wrap {
	display: flex;
    flex-wrap: wrap;
	position: relative;
}

div.flex_wrap.with-margin {
	margin-bottom: 32px;
}

div.flex_box {
	position: relative;
	width: calc(25% - 24px);
	margin-right: 32px;
	padding: 30px;
	background: white;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

div.flex_box.with-video {
	padding: 15px;
}

div.flex_box.cols-3 {
	width: calc(75% - 8px);
	margin-right: 0px;
}

div.flex_box.two-cols {
	width: calc(50% - 16px);
}

div.flex_box.full-width {
	width: 100%;
	margin-right: 0px;
}

div.flex_box.two-cols.two,
div.flex_box.four {
	margin-right: 0px;
}

div.flex_box.small_heading h2 {
	/*font-size: 1rem;*/
}

a.btn_next,
a.btn_prev {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 24px;
	height: 30px;
	background: rgba(0,0,0,0.3);
	z-index: 5000;
}

a.btn_next:hover,
a.btn_prev:hover {
	opacity: 0.7;
}

a.btn_next {
	left: -24px;
	border-radius: 5px 0 0 5px;
}

a.btn_prev {
	right: -24px;
	border-radius: 0 5px 5px 0;
}

a.btn_next:before,
a.btn_prev:before {
	font-family: "Material-Design-Iconic-Font";
    font-size: 16px;
	text-align: center;
    display: inline-block;
    width: 24px;
    height: 30px;
	line-height: 30px;
    color: white;
}

a.btn_next:before {
	content: '\f2fa';
}

a.btn_prev:before {
	content: '\f2fb';
}

div.table {
	display: table;
	height: 100%;
}

div.tablecell {
	display: table-cell;
    vertical-align: middle;
}

div.next {
	position: absolute;
	top: 40px;
	right: -30px;
	width: 60px;
	height: 40px;

	background: url("../images/arrow.svg") center no-repeat;
}
table.grid_2 tbody tr:nth-child(even) {
    /*background: #f1f1f1;*/
}
table.grid_2 tbody td a.button {
    display: inline-block;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight:700;
    font-size: 0.85em;
    width: auto;
    height: 26px;
    line-height: 26px;
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 0 20px;
    background: #1BA0D7;
    border-radius: 5px;
}
table.grid_2 tbody td a.download {
    display: block;
    font-size: 0;
    width: 26px;
    height: 26px;
    text-decoration: none;
    background: url(/resources/images/ico_download-apps.png) center no-repeat;
}

div.lifecycle_title {
	text-align: center;
	margin-bottom: 30px;
}

div.lifecycle_title p {
	text-align: left;
}

img.lifecycle_icon {
	width: 60px;
	height:60px;
	margin-bottom: 10px;
}

div.lifecycle_title h2 {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-color: yellow;
}

div.lifecycle_title h3 {
	margin-top: 10px;
}

.one div.lifecycle_title h2 {
	color: #752864;
	border-color: #752864;
}
.one div.lifecycle_title h3 {
	color: #752864;
}

.two div.lifecycle_title h2 {
	color: #d7572b;
	border-color: #d7572b
}

.two div.lifecycle_title h3 {
	color: #d7572b;
}

.three div.lifecycle_title h2 {
	color: #739600;
	border-color: #739600;
}

.three div.lifecycle_title h3 {
	color: #739600;
}

.four div.lifecycle_title h2 {
	color: #003150;
	border-color: #003150;
}

.four div.lifecycle_title h3 {
	color: #003150;
}

.insight {
	text-align: center;
}

.insight div.flex_box p {
	font-size: 1.5rem;
	color: #888;
	margin-bottom: 0;
}

.insight div.flex_box p strong {
	font-weight: 600;
	color: #93186c;
}

div.flex_box.testimonial {
	background: white;
}

div.flex_box.testimonial:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 7px;
	content: '';
	background: #93186c;
}

div.flex_box.testimonial h2 {
	color:  #93186c;
}

div.flex_box.testimonial p.quote {
	font-size: 1.2rem;
	position: relative;
	padding: 0 30px;
}

div.flex_box.testimonial p span:before {
	font-family: "Material-Design-Iconic-Font";
    font-size: 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #93186c;
	position: absolute;
}

div.flex_box.testimonial p span.opening:before {
	content: '\f1b2';
	left: -10px;
	top: -10px;
	-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

div.flex_box.testimonial p span.closing:before {
	content: '\f1b2';
	margin-left: 10px;
}

div.flex_box.testimonial p.small {
	font-size: 0.9rem;
	font-weight: 600;
	text-align: right;
	margin-bottom: 0;
	color: #93186c;
}
video {
	width: 100%;
}

div.todo_wrapper {
	display: flex;
    flex-wrap: wrap;
}
div.todo_pane {
	width: 340px;
}

div.todo_block {
	margin-bottom: 20px;
}

div.todo_block:last-of-type {
	margin-bottom: 0px;
}

div.todo_block header,
div.activity_stream header {
	position: relative;
	height: 36px;
	background: #888;
	padding: 0 10px;
	border-radius: 5px 5px 0 0;
}

div.todo_toggle {
	position: absolute;
	top: 0;
	right: 10px;
}

div.todo_toggle ul {
	list-style: none;
	text-align: center;
	height: 18px;
	margin: 6px 0;
}

div.todo_toggle li {
	display: inline-block;
	line-height: 18px;
	margin: 0 2px;
	position: relative;
}

div.todo_toggle li.new:after {
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -5px;
	display: block;
	content: '';
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid white;
}

div.todo_toggle li.calendar a:before,
div.todo_toggle li.document a:before {
	font-family: "Material-Design-Iconic-Font";
    text-align: center;
	position: relative;
	top: 2px;
    display: block;
    font-size: 20px;
    font-weight: 200;
    color: white;
    width: auto;
    height: 20px;
    line-height: 1;
	content: '\f222';
}

div.todo_toggle li.document a:before {
	content: '\f222';
}
div.todo_toggle li.calendar a:before {
	content: '\f332';
}

div.todo_toggle a {
	font-weight: 600;
	text-decoration: none;
	color: white;
}

div.todo_toggle li.new a {
	background: white;
	color: #93186c;
	padding: 0 10px;
	border-radius: 4px;
}

div.todo_block header h3,
div.activity_stream header h3 {
	line-height: 36px;
	margin-bottom: 0;
	color: white;
}

div.todo_content {
	padding: 20px;
	border: 1px solid #888;
	border-top: none;
	border-radius: 0 0 5px 5px;
	background: #fafafa;
}

ul.todo {
	list-style: none;
	margin: 0;
}

ul.todo li {
	position: relative;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d6d6d6;
}

ul.todo li.document,
ul.todo li.calendar {
	font-weight: 600;
	padding: 0 0 8px 30px;
}

ul.todo li.calendar span,
ul.todo li.document span {
	font-size: 0.8rem;
	font-weight: 400;
}

ul.todo li:last-of-type {
	margin-bottom: 0px;
	padding-bottom: 0;
	border-bottom: none;
}

ul.todo li.calendar:before,
ul.todo li.document:before {
	font-family: "Material-Design-Iconic-Font";
	position: absolute;
	top: 0;
	left: 0;
    text-align: center;
    display: block;
    font-size: 24px;
    font-weight: 200;
    color: #93186c;
    width: auto;
    height: 24px;
    line-height: 24px;
}
ul.todo li.calendar:before {
	content: '\f332';
}
ul.todo li.document:before {
	content: '\f222';
}

div.calendar img {
	width: 100%;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}

div.calendar_reminders {
	margin-top: 20px;
}

div.calendar_reminders ul {
	list-style: none;
	margin: 0 0 20px 0;
}
div.calendar_reminders li {
	display: inline-block;
}
div.calendar_reminders a {
	font-weight: 600;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 5px;
	color: #444;
}

div.calendar_reminders li.selected a {
	color: white;
	background: #93186c;
}

div.activity_stream {
	width: calc(100% - 740px);
	margin: 0 30px;
}

div.activity_content {
	padding: 20px;
	border: 1px solid #888;
	border-top: none;
	border-radius: 0 0 5px 5px;
}

ul.activity {
	list-style: none;
	margin: 0;
}

ul.activity li {
	position: relative;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d6d6d6;
}

ul.activity li.calendar,
ul.activity li.document {
	font-size: 1.1rem;
	font-weight: 600;
	padding: 0 0 8px 40px;
}

ul.activity li.calendar span.title,
ul.activity li.document span.title {
	font-size: 0.8rem;
}

ul.activity li.calendar span.update,
ul.activity li.document span.update {
	font-size: 0.8rem;
	font-weight: 500;
	float: right;
}

ul.activity li:last-of-type {
	margin-bottom: 0px;
	padding-bottom: 0;
	border-bottom: none;
}

ul.activity li.document:before,
ul.activity li.calendar:before {
	font-family: "Material-Design-Iconic-Font";
	position: absolute;
	top: 0;
	left: 0;
    text-align: center;
    display: block;
    font-size: 40px;
    font-weight: 200;
    color: #93186c;
    width: auto;
    height: 50px;
    line-height: 1;
	content: '\f222';
}
ul.activity li.document:before {
	content: '\f222';
}
ul.activity li.calendar:before {
	content: '\f332';
}

/* Form Sections --------------------------------------------------------------------------------------------------------------- */
div.wizsteps_wrapper {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	padding: 15px 0;
	background: #F1F1F1;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.wizsteps_wrapper div.top {
	width: 1000px;
	height: 30px;
	margin: 0 auto 10px auto;
}
div.wizsteps_wrapper.two_steps div.top {
	width: 500px;
}
div.wizsteps_wrapper.three_steps div.top {
	width: 750px;
}
div.wizsteps_wrapper div.top div.step_indicator {
	float: left;
	width: 250px;
	height: 30px;
}
div.wizsteps_wrapper.five_steps div.top div.step_indicator {
	width: 200px;
}
div.wizsteps_wrapper div.top div.left,
div.wizsteps_wrapper div.top div.right {
	position: relative;
	top: 14px;
	float: left;
	width: 110px;
	height: 2px;
	background: #93186c;
}
div.wizsteps_wrapper.five_steps div.top div.left,
div.wizsteps_wrapper.five_steps div.top div.right {
	width: 85px;
}
div.wizsteps_wrapper div.top div.left.no_bg,
div.wizsteps_wrapper div.top div.right.no_bg {
	background: none;
}
div.wizsteps_wrapper div.top div.step_bubble {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	text-align: center;
	border: 2px solid #93186c;
}
div.wizsteps_wrapper div.top div.step_bubble.current {
	background: #93186c;
	-webkit-box-shadow: inset 0 0 0 3px #E9E9E9;
	   -moz-box-shadow: inset 0 0 0 3px #E9E9E9;
			box-shadow: inset 0 0 0 3px #E9E9E9;
}
div.wizsteps_wrapper div.top div.step_bubble.complete {
	background: #93186c;
}
div.wizsteps_wrapper div.top div.step_bubble.complete span:before {
	font-family: "Material-Design-Iconic-Font";
    font-size: 18px;
	font-weight: bold;
	line-height: 26px;
    display: block;
	text-align: center;
	color: #f1f1f1;
	content: '\f26b';
}
div.wizsteps_wrapper div.top div.step_bubble p {
	font-weight: 400;
	line-height: 26px;
	font-size: 0.9rem;
	text-align: center;	
	color: #F1F1F1;
}
div.wizsteps_wrapper div.bottom div.wizard_step.current p {
	color: #93186c;
}
div.wizsteps_wrapper div.bottom {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
div.wizsteps_wrapper.two_steps div.bottom {
	width: 500px;
}
div.wizsteps_wrapper.three_steps div.bottom {
	width: 750px;
}
div.wizsteps_wrapper div.bottom div.wizard_step {
	float: left;
	width: 250px;
	height: auto;
	padding: 0 20px;
}
div.wizsteps_wrapper.five_steps div.bottom div.wizard_step {
	width: 200px;
}
div.wizsteps_wrapper div.bottom div.wizard_step p {
	font-weight: 600;
	line-height: 1.5;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 0;
}
div.form_block {
  width: auto;
  height: auto;
  max-width: 1200px;
  background: white;
  margin: 0 auto;
  padding: 20px;
  border-radius: 0 0 6px 6px;
}

div.form_section_grouper {
  width: 100%;
  height: auto;
  padding: 20px;
  background: #F9F7F7;
  border: 1px solid #d6d6d6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

@media (max-width: 480px) {

  div.form_block,
  div.form_section_grouper {
    padding: 15px;
  }

}

div.form_section_grouper + h2 {
  margin-top: 1em;
}

div.form_section_grouper div.form_section_grouper {
  background: white;
  padding: 10px;
}

div.form_section_grouper div.form_section_grouper.radiogroup {
  padding: 6px 10px;
}

div.form_section {
  position: relative;
  margin-bottom: 1em;
}

.cols-2 div.form_section {
  float: left;
  width: calc(50% - 10px);
  margin-right: 20px;
}

.cols-3 div.form_section {
  float: left;
  width: calc(33.3333333333% - 14px);
  margin-right: 21px;
}

.cols-3 div.form_section.full_width {
  float: none;
  width: 100%;
  margin-right: 0px;
}

@media (min-width: 800px) {
  .cols-2 div.form_section:nth-child(2n) {
    margin-right: 0px;
  }

  .cols-3 div.form_section:nth-child(3n) {
    margin-right: 0px;
  }
}

div.form_section.no_btm_margin {
  margin-bottom: 0px;
}

div.form_section_left {
  position: relative;
  width: 100%;
  margin-right: 0;
  min-height: 1px;
}

div.form_section_left label {
  display: inline-block;
  position: relative;
  font-size: 0.85rem;
  font-weight: 600;
  width: auto;
  line-height: 1.3;
  color: #111111;
}

div.form_section_middle {
  width: 100%
}

div.form_section_middle.radiogroup {
  padding: 7px 0;
}

div.form_section_middle label {
  width: auto;
  line-height: 40px;
  font-size: 0.8rem;
  font-weight: 500;
}

label.mandatory:after {
  position: absolute;
  display: inline-block;
  top: -5px;
  right: -10px;
  content: '*';
  color: red;
  font-size: 1.5em;
}

div.button_area {
  width: auto;
  height: auto;
  margin: 30px auto 0 auto;
}

div.button_area.no_top_margin {
  margin: 0 auto;
}

div.button_area .button-emphasis {
	float: right;
}

@media (max-width: 736px) {
  br.min_tablet_p {
    display: none
  }

  div.form_section_left {
    float: none;
    width: 100%;
    margin-right: 0;
    min-height: 0;
  }

  div.form_section_left label {
    margin-bottom: 5px;
    padding-top: 0px;
  }

  div.form_section_middle {
    float: none;
    width: 100%;
  }
}
div.activity_wrapper {
	width: auto;
	height: auto;
	/*margin-top: 30px;*/
}
div.activity_wrapper.with_margin {
	margin-bottom: 32px;
}
div.activity_wrapper div.activity_block {
	position: relative;
	float: left;
	width: -moz-calc(25% - 15px);
    width: -webkit-calc(25% - 15px);
    width: calc(25% - 15px);
	margin-right: 20px;
	padding: 30px;
	background: white;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}
div.activity_wrapper div.activity_block.double {
  width: calc(50% - 15px);
  margin-right: 30px;
}
div.activity_wrapper div.activity_block.full_width {
	float: none;
  width: 100%;
  margin-right: 0px;
}
div.activity_wrapper div.activity_block img {
	width: 100%;
}
div.activity_block div.activity_title {
	position: relative;
}
div.activity_block div.activity_title h2 {
	font-weight: 600;
	font-size: 1.1rem;
	color: #111;
	padding: 10px 15px;
	margin-bottom: 0px;
	text-align: left;
	line-height: 1.3;
}
div.activity_block div.graph_block {
	position: relative;
	padding: 0px;
}
div.flex_box div.stat_info,
div.activity_block div.stat_info {
	float: left;
	width: calc(100% - 550px);
}
div.flex_box div.stat_info p,
div.activity_block div.stat_info p {
	font-size: 1.2rem;
	padding-top: 60px;
}
div.flex_box div.stat_graph,
div.activity_block div.stat_graph {
	float: right;
	width: 550px;
	border-left: 1px solid #ddd;
}

div.graph_title h3 {
	text-align: center;
}

div.graph_block div.total {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 3em;
  text-align: center;
  z-index: 1;
}

div.graph_block div.total.no_legend {
  top: 90px;
}

div.graph_block div.total p {
  font-size: 1.2rem;
  font-weight: 400;
  color: #999;
  margin: 0;
}

div.graph_block div.total p.total {
  font-size: 2.4rem;
  font-weight: 600;
  color: #444;
  margin-bottom: 5px;
}

div.flex_box p strong {
    font-weight: 600;
    color: #93186c;
}

div.activity_wrapper div.activity_block.four {
	margin-right: 0;
}

canvas {
  position: relative;
  z-index: 10;
  background-color: transparent;
}

div.grid_2_table_wrapper {
	position: relative;
	background: white;
	border: 1px solid #AAAAAA;
}
div.grid_2_table_wrapper.no_toolbar {
	border-top: 1px solid #AAAAAA;
}
div.table_wrapper_outer {
	width: auto;
	height: auto;
}
div.scroll_region {
	height: 500px;
	overflow-y: auto;
}
table.grid_2 {
	width: 100%;
}
table.grid_2 .bold {
	font-weight: 600;
}
table.grid_2 .left {
	text-align: left;
}
table.grid_2 .center {
	text-align: center;
}
table.grid_2 .right {
	text-align: right;
}
table.grid_2 thead tr {
	background: #DDD;
	font-size: 0.85em;
}
table.grid_2 thead tr:first-of-type {
	border-bottom: 1px solid #CCC;
	background: #DDD;
}
table.grid_2 thead th {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 4px 10px;
	vertical-align: middle;
	color: #111111;
}
table.grid_2 thead th.first_of_group {
	border-left: 1px solid #CCC;
}
table.grid_2 thead th.sortable:after {
	display: block;
	content: ' ';
	float: right;
	width: 0;
	height: 0;
	margin-top: 3px;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	cursor: pointer;
}
table.grid_2 thead th.action {
	width: 200px !important;
}
table.grid_2 thead th.with_check {
	width: 80px !important;
	padding-left: 20px;
}

table.grid_2 tbody {
	max-height: 600px;
}
table.grid_2 tbody tr {
	border-top: 1px solid #EEE;
}
table.grid_2 tbody tr.group_header td {
	font-weight: 600;
}
table.grid_2 tbody tr.group_header {
	background: #fafafa;
	cursor: default;
}
table.grid_2 tbody tr:hover {
	cursor: pointer;
}
table.grid_2.no_hover tbody tr:hover {
	cursor: default;
	background: white;
}
table.grid_2 tbody tr.selected {
	background: #DFF0D8;
}
table.grid_2 .bold {
	color: #111111;
}
table.grid_2 tbody tr.border_top {
	border-top: 1px solid #CCC;
}
table.grid_2 tbody tr.total {
	border-top: 1px solid #CCC;
	background: #EEEEEE;
}
table.grid_2 tbody tr.group_header {
	border-top: 1px solid #CCC;
}
table.grid_2 tbody td.first_of_group {
	border-left: 1px solid #CCC;
}
table.grid_2.no_hover tbody tr.selected {
	background: white;
}
table.grid_2.no_hover tbody tr.selected:hover {
	background: white;
}
table.grid_2.no_hover tbody tr.group_header:hover {
	background: #f7f7f7;
}
table.grid_2 tbody td {
	position: relative;
	font-size: 0.8rem;
	padding: 3px 10px;
	vertical-align: middle;
	line-height: 1.3;
}
table.grid_2 thead th.nowrap,
table.grid_2 tbody td.nowrap {
	white-space: nowrap
}
table.grid_2 tbody td.inprogress {
	color: #1565c0;
}
table.grid_2 tbody td.pending {
	color: #f39c11;
}
table.grid_2 tbody td.complete {
	color: #87ac10;
}
table.grid_2 tbody td.announcement {
	font-weight: 600;
	color: #d7572b;
	background: #edd6ce;
}
table.grid_2 tbody td.execution {
	font-weight: 600;
	color: #739600;
	background: #e5eccd;
}
table.grid_2 tbody td.very_low {
	font-weight: 600;
	color: #435b73;
	background: #d0e7fb;
}
table.grid_2 tbody td.low {
	font-weight: 600;
	color: #a08713;
	background: #fbf8d0;
}
table.grid_2 tbody td.medium {
	font-weight: 600;
	color: #a26e14;
	background: #fbe6d0;
}
table.grid_2 tbody td.high {
	font-weight: 600;
	color: #8b1d2e;
	background: #fbd2d0;
}
table.grid_2 tbody td.preparation {
	font-weight: 600;
	color: #752864;
	background: #e9c8e2;
}
table.grid_2 tbody td.post {
	font-weight: 600;
	color: #003150;
	background: #d0e3ef;
}
table.grid_2 tbody td.toggler {
	cursor: pointer;
	position: relative;
	padding: 6px 10px 6px 34px;
}
table.grid_2 tbody td.toggler span:before,
table.grid_2 tbody td.toggler.expanded span:before {
	font-family: "Material-Design-Iconic-Font";
	font-size: 20px;
	line-height: 0.65em;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -8px;
	display: block;
	color: #93186c;
}
table.grid_2 tbody td.toggler span:before {
	content: '\f2f1';
}
table.grid_2 tbody td.toggler.expanded span:before {
	content: '\f2f7';
}
table.grid_2 tbody td span.pipeline {
	padding: 0 4px;
}
table.grid_2 tbody td a.create_project:before {
    font-family: "Material-Design-Iconic-Font";
    font-size: 1.5em;
    display: block;
    float: left;
    margin-right: 5px;
    color: white;
	content: '\f14e';
}
table.grid_2 tbody td a.create_project:hover  {
	background-color: #333333;
}
table.grid_2 tfoot tr {
	background: #EEEEEE;
}
table.grid_2 tfoot td {
	padding: 8px 10px;
	font-size: 0.75em;
	vertical-align: middle;
}
table.grid_2 tfoot tr.total {
	background: #eee;
	border-top: 1px solid #CCCCCC;
}
table.grid_2 tfoot tr.total:hover {
	background: #EEEEEE;
	cursor: default;
}
table.grid_2 tfoot tr.total td {
	font-weight: 600;
	font-size: 0.85rem;
}
table.grid_2 tbody td input.edit {
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-size: 20px;
}
table.grid_2 .selectboxit-container * {
	font-weight: 300;
	font-size: 0.8em;
}
.dataTables_info {
	position: absolute;
	right: 0;
}
.dataTables_info p {
	text-align: right;
	font-size: 0.8em;
	line-height: 20px;
	margin-bottom: 0;
}
.dataTables_paginate {
	display: none;
}
a.upload,
a.mark_read,
a.mark_complete,
a.document,
a.edit {
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-size: 0.85em;
	text-decoration: none;
	line-height: 18px;
	cursor: pointer;
}
a.upload:before,
a.mark_read:before,
a.mark_complete:before,
a.edit:before,
a.document:before {
	font-family: "Material-Design-Iconic-Font";
    font-size: 18px;
    display: block;
    margin-right: 5px;
	float: left;
}
a.upload:before {
	content: '\f22a';
}
a.mark_read:before {
	content: '\f18d';
}
a.mark_complete:before {
	content: '\f26b';
}
a.edit:before {
	content: '\f158';
}
a.document:before {
	content: '\f222';
}
a.document.downloaded:after {
	font-family: "Material-Design-Iconic-Font";
	position: absolute;
	top: 0;
	right: -20px;
    font-size: 18px;
    display: block;
    margin-left: 10px;
	color: #87ac10;
	content: '\f269';
}
a.upload:hover,
a.upload:hover:before,
a.mark_read:hover,
a.mark_read:hover:before,
a.mark_complete:hover,
a.mark_complete:hover:before,
a.edit:hover,
a.edit:hover:before,
a.document:hover,
a.document:hover:before {
	color: #333333;
}
div.call_stats {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

div.call_stats:last-of-type {
  margin-bottom: 0px;
}

div.call_stats_breakdown {
  position: relative;
  width: auto;
  height: 50px;
}

div.call_stats_breakdown.type_1 {
  background: rgba(104,132,155,0.3);
  border-left: 5px solid rgba(104,132,155,1);
}

div.call_stats_breakdown.type_2 {
  background: rgba(188,201,210,0.3);
  border-left: 5px solid rgba(188,201,210,1);
}

div.call_stats_breakdown.type_3 {
  background: rgba(193,189,170,0.3);
  border-left: 5px solid rgba(193,189,170,1);
}

div.call_stats_breakdown.type_4 {
  background: rgba(224,216,174,0.3);
  border-left: 5px solid rgba(224,216,174,1);
}

div.call_stats p {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 50px;
  margin-bottom: 0;
  padding: 0 10px;
}

div.call_stats.total p {
  font-size: 3rem;
  color: white;
  line-height: 60px;
  padding: 10px 20px
}

div.call_stat_percentage {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 50px;
  background: rgba(255,255,255,0.5)
}

div.call_stat_percentage p {
  font-size: 1rem;
  text-align: center;
  line-height: 50px;
  padding: 0;
}
/* Checkboxes / Radio Buttons --------------------------------------------------------------------------------------------------- */
label.checkbox:before {
    content: '\f26b';
    display: block;
	position: absolute;
	top: 0;
	left: 0;
	float: left;
    font-family: "Material-Design-Iconic-Font";
    font-size: 16px;
	font-weight: 700;
    color: white;
    text-align: center;
    width: 26px;
    height: 26px;
	line-height: 24px;
	margin-left: -36px;
	border: 1px solid #d6d6d6;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-out;
       -moz-osx-font-smoothing: grayscale;
			transition: all 0.2s ease-out;

}
label.checkbox,
.login div.form_section label.checkbox {
	font-weight: 200;
	position: relative;
	display: inline-block;
	width: auto;
	min-height: 26px;
	line-height: 1.3;
	cursor: pointer;
	margin: 0 0 0 38px;
	padding-top: 5px;
}
.login label.checkbox:before {
    font-size: 12px;
	font-weight: 500;
    width: 18px;
    height: 18px;
	line-height: 18px;
	margin-left: -24px;
	border: 1px solid #d6d6d6;

}
.login div.form_section label.checkbox {
	left: auto;
	height: auto;
	min-height: 18px;
	margin: 0 0 0 24px;
	padding-top: 2px;
}
label.checkbox:last-of-type {
	margin: 0 0 0 38px;
}
input.css_checkbox {
  position: absolute;
  left: -9999px;
}
input.css_checkbox + label.checkbox:before {
	background: #F4F4F4;
	color: white;
	border-color: #d6d6d6;
	-webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
	   -moz-box-shadow: inset 0 0 0 3px #FFFFFF;
			box-shadow: inset 0 0 0 3px #FFFFFF;
}

.login input.css_checkbox + label.checkbox:before {
	background: #111;
	color: #111;
	border-color: #666;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

input.css_checkbox:hover + label.checkbox:before,
input.css_checkbox:focus + label.checkbox:before{
	background: #D6D6D6;
	border-color: #d6d6d6;
	color: white;
	-webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
	   -moz-box-shadow: inset 0 0 0 3px #FFFFFF;
			box-shadow: inset 0 0 0 3px #FFFFFF;
}

.login input.css_checkbox:hover + label.checkbox:before,
.login input.css_checkbox:focus + label.checkbox:before{
	background: #222;
	border-color: #777;
	color: #222;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

input.css_checkbox:checked:focus + label.checkbox:before,
input.css_checkbox:checked:active + label.checkbox:before {
	border-color: #d6d6d6;
	color: white;
}

input.css_checkbox:checked:focus + label.checkbox:before,
input.css_checkbox:checked:active + label.checkbox:before {
	border-color: #ccc;
	color: #ccc;
}

label.checkbox:hover{
	border-color: #d6d6d6;
}

input.css_checkbox:checked + label.checkbox:before {
	background: #93186c; /* --------------------------------------- To change the colour of the checkbox background to a corporate colour change this */
	border-color: #d6d6d6;
	-webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
	   -moz-box-shadow: inset 0 0 0 3px #FFFFFF;
			box-shadow: inset 0 0 0 3px #FFFFFF;
}

.login input.css_checkbox:checked + label.checkbox:before {
	background: #111; /* --------------------------------------- To change the colour of the checkbox background to a corporate colour change this */
	border-color: #777;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

input.css_checkbox:checked + label.checkbox:before {
	color: white;
}
label.radio:before {
    content: '';
    display: block;
	position: absolute;
	top: 0;
	left: 0;
	float: left;
    width: 26px;
    height: 26px;
	line-height: 1.3;
	-webkit-border-radius: 26px;
	   -moz-border-radius: 26px;
			border-radius: 26px;
	margin-top: 0;
	margin-left: -36px;
	border: 1px solid #d6d6d6;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
label.radio {
	font-weight: 400;
	position: relative;
	display: inline-block;
	width: auto!important;
	min-height: 26px;
	line-height: 1.3;
	cursor: pointer;
	margin: 0 0 10px 38px;
	padding-top: 5px;
}
div.form_section_middle label.radio {
    line-height: 1.3;
    font-weight: 500;
}
label.radio:last-of-type {
	margin: 0 0 0 38px;
}
label.radio.no_btm_margin {
	margin: 0 0 0 38px;
}
label.radio.inline {
	margin-right: 20px;
}
input.css_radio {
  position: absolute;
  left: -9999px;
}
input.css_radio:checked:focus + label.radio:before,
input.css_radio:checked:active + label.radio:before {
	border-color: #d6d6d6;
	color: white;
}
label.radio:hover{
	border-color: #d6d6d6;
}
input.css_radio + label.radio:before {
	background: #F4F4F4;
	border-color: #d6d6d6;
	-webkit-box-shadow: inset 0 0 0 4px #FFFFFF;
	   -moz-box-shadow: inset 0 0 0 4px #FFFFFF;
			box-shadow: inset 0 0 0 4px #FFFFFF;
}
input.css_radio:focus + label.radio:before,
input.css_radio:active + label.radio:before {
	border-color: #d6d6d6;
	color: white;
}
input.css_radio:hover + label.radio:before,
input.css_radio:focus + label.radio:before {
	background: #D6D6D6;
	border-color: #d6d6d6;
	-webkit-box-shadow: inset 0 0 0 4px #FFFFFF;
	   -moz-box-shadow: inset 0 0 0 4px #FFFFFF;
			box-shadow: inset 0 0 0 4px #FFFFFF;
}
input.css_radio:checked + label.radio:before {
	background: #93186c; /* --------------------------------------- To change the colour of the radio button background to a corporate colour change this */
	border-color: #d6d6d6;
	-webkit-box-shadow: inset 0 0 0 4px #FFFFFF;
	   -moz-box-shadow: inset 0 0 0 4px #FFFFFF;
			box-shadow: inset 0 0 0 4px #FFFFFF;
}
input.css_radio:checked + label.radio:before {
	color: white;
}

div.stats_bar {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: auto;
    margin-bottom: 0px;
	position: relative;
}
div.stats_bar.no_flex {
    display: block;
	margin-bottom: 30px;
}
div.stats_bar h3 {
    text-align: center;
	margin-bottom: 0;
}
div.stats_bar img {
    width: 100%;
}
div.stats_bar div.stat {
    float: left;
    width: -moz-calc(33.3333333333% - 14px);
    width: -webkit-calc(33.3333333333% - 14px);
    width: calc(33.3333333333% - 14px);
    height: auto;
    margin-right: 21px;
    /*padding: 15px 15px 15px 0;*/
	padding:0;
    background: #DDD;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
div.stats_bar div.stat p {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight:600;
    color: #444;
}
div.stats_bar div.stat ul {
    list-style: none;
    margin: 0;
    width: 100%;
}
div.stats_bar div.stat li {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight:600;
    color: #444;
    font-size: 0.85em;
    line-height: 1.5;
}
div.stats_bar div.stat li span {
    float: right;
}
div.stats_bar div.stat.placeholder {
	background: rgba(141,141,141,0.3);
	border-left: 5px solid rgba(141,141,141,1);
}
 div.stats_bar div.stat.pending {
	background: rgba(141,141,141,0.3);
	border-left: 5px solid rgba(141,141,141,1);
}
div.stats_bar div.stat.paper {
	background: rgba(205,202,187,0.3);
	border-left: 5px solid #c1bdaa;
}
div.stats_bar div.stat.online {
	background: #d9dee3;
	border-left: 5px solid #435b73;
}
div.stats_bar div.stat div.icon {
    float: left;
    width: 90px;
    height: auto;
}

div.stats_bar div.stat div.icon.pending {
    background: url("../images/ico_pending.png") center no-repeat;
}
div.stats_bar div.stat div.icon.paper_apps {
    background: url("../images/ico_paper-apps.png") center no-repeat;
}
div.stats_bar div.stat div.icon.online_apps {
    background: #b4bdc7 url("../images/ico_online-apps.png") center no-repeat;
}
div.stats_bar div.stat div.stat_details {
    float: left;
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
    height: auto;
    /*padding-left: 15px;*/
	padding:10px;
    border-left: 1px solid #444;
}
div.stats_bar div.stat div.stat_details.downloads {
    border-left: 0px solid black;
	margin: 0 auto;
}
div.stats_bar div.stat div.stat_details.downloads h2 {
    font-size: 1em;
    margin-bottom: 8px;
}
div.stats_bar div.stat div.stat_details input.secondary {
    float: none;
    display: block;
    margin-bottom: 8px;
    width: 100%;
}
div.stats_bar div.stat div.stat_details p.number {
    font-size: 1.6em;
    margin-bottom: 0px;
}
div.date_div {
	position:relative;
	width:100%;
	text-align:center;
}
div.stats_bar div.stat p.number.date {
    font-size: 2em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 110px;
    margin: auto;

}
div.stats_bar div.stat div.stat_details p.stat_type {
    margin-bottom: 10px;
}
div.stats_bar div.date {
    float: left;
    width: 60px;
    height: 60px;
    margin: 35px 15px;
    border: 1px solid black;
}
div.stats_bar div.date div.top,
div.stats_bar div.date div.btm {
    width: 58px;    
    margin: 0 auto;
    text-align: center;
}
div.stats_bar div.date div.top {
    height: 38px;
    background: white;
}
div.stats_bar div.date div.top p {
    font-family: "Montserrat Bold", Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 36px;
    color: black;
}
div.stats_bar div.date div.btm {
    height: 20px;
    background: #bc0707;
}
div.stats_bar div.active_users_block {
    float: left;
    width: 170px;
    height: 170px;
    margin-top: 60px;
	padding: 15px;
    text-align: center;
}
div.stats_bar div.active_users_block p.online_now {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.3em;
}
div.stats_bar div.active_users_block p.active_users {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight:700;
    font-size: 2.5em;
    line-height: 83px;
}
div.stats_bar div.active_users_block div.btm p {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight:400;
    font-size: 0.85em;
    margin: 0;
    line-height: 30px;
}
div.chart_hourly {
    float: right;
    width: -moz-calc(100% - 170px);
    width: -webkit-calc(100% - 170px);
    width: calc(100% - 170px);
}
div.stats_bar div.breakdown_block {
	float: left;
	width: -moz-calc(33.3333333333% - 14px);
    width: -webkit-calc(33.3333333333% - 14px);
    width: calc(33.3333333333% - 14px);
    height: auto;
    margin-right: 21px;
}
div.stats_bar div.breakdown_block.smartphone {
	margin-right: 0;
}

/* Login ======================================================================================================================= */
.login div.sitebranding {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 178px;
    height: 33px;
    margin: 0;
    padding: 0;
    background: none;
}
div.tagline {
	position: absolute;
	top: 20px;
	right: 30px;
}
div.tagline p {
	font-size: 1.3rem;
	font-weight: 500;
	color: white;
	padding-top: 10px;
}
article.main.login {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    width: auto;
	max-width: 360px;
	min-height: 0;
	height: 334px;
	margin: auto;
	padding: 0 20px;
	background: rgba(17,17,17,0.8);
    border-radius: 5px;
}
article.main.login h1 {
    font-weight: 400;
    font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
    color: white;
    line-height: 1.3;
    margin-bottom: 0;
    padding-bottom: 0;
	padding: 15px 0;
    text-align: center;
    border-bottom: none;
}
article.main.login a.forgot {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
	font-size: 0.85em;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    background: rgba(255,255,255,0.3);
    color: white;
    border-radius: 5px;
}
article.main.login a.forgot:hover {
	background: rgba(255,255,255,0.1);
    color: #00538d;
    color: white
}
.login div.form_section {
	margin-bottom: 5px;
}
.login div.form_section.checkgroup {
	margin-top: 10px;
}
.login div.form_section label {
    position: absolute;
    top: 0;
    left: 15px;
	display: inline-block;
	color: white;
	font-weight: 400;
	font-size: 0.85em;
    height: 50px;
    line-height: 50px;
	margin-bottom: 8px;
    z-index: 10;
}
div.form_section.search label {
    position: absolute;
    top: 0;
    left: 15px;
	display: inline-block;
	color: #fff;
	font-weight: 400;
	font-size: 0.85em;
    height: 36px;
    line-height: 36px;
	margin-bottom: 8px;
    z-index: 10;
}
input.form_textbox {
	font-weight: 400;
	font-size: 0.8em;
	margin: 0;
    width: 100%;
    max-width: 100%;
	height: 40px;
	line-height: 40px;
    padding: 0 15px;
	color: black;
    border: 1px solid #D6D6D6;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
    box-shadow: none;
    -webkit-appearance:none;
    box-sizing: border-box;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
div.form_section.search input.form_textbox {
	height: 36px;
	line-height: 36px;
    padding: 0 15px;
	color: white;
    background: rgba(0,0,0,0.4);
    border: 1px solid #666;
}
.login input.form_textbox {
	margin: 0;
    width: 100%;
    max-width: 100%;
	height: 50px;
	line-height: 50px;
    padding: 0 15px;
	color: white;
    background: rgba(0,0,0,0.4);
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: none;
    -webkit-appearance:none;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
}
input.form_textbox:focus,
input.form_textbox:active {
	outline:0;
	border-left-width: 5px;
    border-left-color: #93186c;
	border-color: #93186c;
}
.login input.form_textbox:focus,
.login input.form_textbox:active {
	outline: none;
	border-left-width: 5px;
	border-right: 1px solid transparent;
	border-top: 1px solid transparent;
    border-left-color: #ccc;
	border-color: #ccc;
}
input.form_textbox.error {
	border-color: #a91818;
}
input.form_textbox.error:focus,
.login input.form_textbox.error:active {
	border-left-width: 5px;
	border-right: 1px solid transparent;
	border-top: 1px solid transparent;
    border-left-color: #a91818;
	border-color: #a91818;
}
textarea.form_textarea {
	font-size: 0.8rem;
	margin: 0;
	width: 100%;
	max-width: 100%;
	height: 150px;
	padding: 15px 15px;
	border: 1px solid #D6D6D6;
	-webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
		border-radius: 5px;
	box-shadow: none;
	-webkit-appearance:none;
	box-sizing: border-box;
	transition: border 0.2s ease-in;
	-webkit-transition: border 0.2s ease-in;
}
textarea.form_textarea:focus,
textarea.form_textarea:active {
	outline:0;
	border-left-width: 5px;
	border-color: #93186c;
}
div.relative_wrapper {
	position: relative;
}
span.ico_user:before,
span.ico_password:before,
span.ico_search:before,
span.ico_date:before {
    font-family: "Material-Design-Iconic-Font";
    font-size: 22px;
    display: block;
    position: absolute;
    bottom: 18px;
    right: 10px;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    color: #bbb;
    text-align: right;
}
input.form_textbox:focus + span.ico_user:before,
input.form_textbox:focus + span.ico_password:before {
    color: #ccc;
}
span.ico_user:before {
    content: '\f207';
}
span.ico_password:before {
    content: '\f191';
}
span.ico_search:before {
	bottom: 0px;
	right: 0px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	color: white;
    content: '\f1c3';
	text-align: center;
	border-radius: 4px;
}
span.ico_date:before {
	bottom: 0px;
	right: 0px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 30px;
    content: '\f32e';
	color: #93186c;
	text-align: center;
	border-radius: 4px;
}
div.upload_block {
	background: white;
	padding: 10px;
	border: 1px dashed #D6D6D6;
}

/* Help & errors & alerts --------------------------------------------------------------------------------------------------------------- */
div.insitu_error_box {
    position: absolute;
    bottom: 45px;
    right: 0;
	background: #a91818;
	padding: 15px;
	text-align: left;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
    z-index: 1000;
    max-width: 80%;
}
.login div.insitu_error_box {
    position: absolute;
    bottom: 0px;
	left: 100%;
	width: 200px;
	margin-left: 15px;
}
div.insitu_error_box span.error_arrow {
    position: absolute;
    bottom: -14px;
    right: 5px;
    width: 0;
    height: 0;
    border-top: 15px solid #a91818;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
.login div.insitu_error_box span.error_arrow{
    position: absolute;
    left: -30px;
	top: 8px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #a91818;
}
div.insitu_error_box p {
	color: white;
	font-size: 0.85em;
	line-height: 1.5;
    margin: 0;
}
div.form_help {
    position: absolute;
    /*top: 67px;
    right: 0;*/
	bottom: 60px;
    right: 0;
	background: #E5E5E5;
	padding: 15px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
    z-index: 1000;
    max-width: 80%;
}
.login div.form_help {
	bottom: 55px;
}
div.form_help span.help_arrow {
    position: absolute;
	bottom: -14px;
    right: 5px;
    width: 0;
    height: 0;
    border-top: 15px solid #E5E5E5;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
div.form_help p {
	font-size: 0.85em;
	line-height: 1.5;
    margin-bottom: 0px;
}
/* Form Sections ================================================================================================================ */
div.form_section {
	position: relative;
}
div.form_section.right_align {
	text-align: right;
}
/* Footer ======================================================================================================================= */
div.footer_wrapper {
    min-height: 300px;
    background-color: #292d36;
}
footer {
	width: auto;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}
#copyrightDiv {
    border-top: 1px solid #3f424a;
    padding-bottom: 50px;	
}
#copyrightDiv p {
    color: #e4e4e4;
    margin: 15px 0;
	font-size: 14px;
    line-height: 20px;
}
.login div.footer_wrapper {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
	min-height: 0px;
	padding: 0 20px;
    background: rgba(0,0,0,0.5);
	border-top: none;
}
.login div.footer_wrapper p.copyright,
.login div.footer_wrapper p.version {
	font-size: 0.75em;
    padding-top: 0px;
    color: white;
    line-height: 40px;
    text-align: center;
}
.login section.footer_wrapper p.version {
	font-size: 0.65em;
}
img.built_by {
    margin: 0 auto;
    display: block;
    width: auto;
    height: 30px;
}

.portal div.footer_wrapper {
  width: auto;
  min-height: 120px;
  min-height: 0px;
  padding: 0 0 20px 0;
  background: #333333;
}

.portal div.footer_wrapper p {
  color: white;
  letter-spacing: 1px;
}

.portal footer.main {
  width: auto;
  margin: 0 auto;
  max-width: 100%;
}

.portal footer.main div.footer_btm_left {
  float: left;
  width: 159px;
}

.portal footer.main div.footer_btm_left img {
  width: 159px;
  height: 30px;
  margin-top: 15px;
}

.portal footer.main div.footer_btm_right {
  float: right;
  width: calc(100% - 159px);
}

.portal footer.main div.footer_btm_right p {
  font-size: 0.75rem;
  text-align: right;
  padding-top: 15px;
}

.portal footer.main div.footer_btm_right p.version {
  padding-top: 0px;
}

.portal footer.main div.footer_btm_right a {
  text-decoration: none;
  color: #40bde2;
}

.portal footer.main div.footer_btm_right a:hover,
.portal footer.main div.footer_btm_right a:focus {
  text-decoration: underline;
}

.portal footer.main div.footer_btm_right img {
  width: 123px;
  height: 47px;
  float: right;
  margin-top: 15px;
}

@media (max-width: 480px) {
  .portal footer.main div.footer_btm_left {
    float: none;
    margin: 0 auto;
  }

  .portal footer.main div.footer_btm_right {
    float: none;
    width: 100%;
  }

  .portal footer.main div.footer_btm_right p {
    text-align: center;
  }
}
/*===============================================================================================================================*/
/*                                                           JQUERY PLUGINS                                                      */
/*===============================================================================================================================*/
/* Selectboxit ================================================================================================================== */
.selectboxit-container {
  position: relative;
  display: block;
  vertical-align: top;
  /*width: 100%;*/
}
.selectboxit-container * {
  font: 14px Helvetica, Arial;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
  -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.selectboxit-container .selectboxit {
  width: 220px; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  position: relative;
  display: block;
  width: 100%!important;
}
.selectboxit-container {
	background: white;
}
.selectboxit-container.selectboxit-container {
	width: none;
}
.selectboxit-text {
	max-width: none !important;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  height: 40px; /* Height of the drop down */
  line-height: 40px; /* Vertically positions the drop down text */
  display: block;
  text-decoration: none;
}
.selectboxit-container .selectboxit:focus {
  outline: 0;
}
.selectboxit-container li {
	padding-left: 0px;
}
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.selectboxit-option .selectboxit-option-anchor {
  padding: 0 2px;
}
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}
.selectboxit-option, .selectboxit-optgroup-header {
  font-weight: 600;
  text-indent: 5px;
  margin: 0;
  list-style-type: none;
}
.selectboxit-optgroup-header {
  border-top: 1px solid #d6d6d6;

}
.selectboxit-optgroup-option.selectboxit-option {
	text-indent: 10px;
}
.selectboxit-optgroup-option.selectboxit-option:last-child {
  border-top: 1px solid #d6d6d6;
}
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.selectboxit-arrow-container {
  width: 30px;
  position: absolute;
  right: 0;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  margin: 0 auto;
  position: absolute;
  top: 45%;
  right: 0;
  left: 0;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}
.selectboxit-option-icon-container {
  float: left;
}
.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
.selectboxit-btn {
	background-color: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	color: #333;
}
.selectboxit-btn.selectboxit-enabled:active {
  color: #333333;
  border: 1px solid #d6d6d6;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  text-decoration: none;
  background-position: 0 -15px;
}
.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 5px solid #93186c;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  width: 100%;
  min-width: 0 !important;
}
.selectboxit-list .selectboxit-option-anchor {
  color: #333;
}
/* Changes colour of dropdown options bg */
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  background-color: #ecdae6;
}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}
/* Section Help Popup Windows =================================================================================================== */
.vashadow {
	background-color: black;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.vaCloseButton {
	float:right;
	border-radius: 0px;
	font-family:"wheel";
	color:grey;
	font-size:20px;
	border:none;
	margin-right:-40px;
	margin-top:-35px;
	background: white;
}
.vaOffscreen{
	position:absolute;
	left:-9999px;
}
.vadialog {
	background: #f1f1f1;
	text-align: center;
	display: none;
	position: fixed;
	left:50%;
	top:50%;
	width: 80%;
	max-width: 700px;	
	-webkit-transition: 500ms ease-out 1s;
    -moz-transition: 500ms ease-out 1s;
    -o-transition: 500ms ease-out 1s;
    transition: 500ms ease-out 1s;
	box-shadow: 3px 3px 1px 1px rgba(0,0,0,0.1);
}
div.dialog_content {
	width: 100%;
	max-width: 700px;
	overflow: auto;
}
.vaCloseButton { border: none; position: absolute; left: -10000px; display: none; }
.vadialog h2 {
	font-family: 'Interstate',sans-serif;
	font-size: 40px;
	font-weight: 500;
    line-height: 52px;
	color: #93186c;
	margin-top: 22px;
    margin-bottom: 11px;
}
.vadialog h6 {
	font-family: 'Interstate',sans-serif;
	font-size: 20px;
	font-weight: 500;
    line-height: 28px;
}
.vadialog p {
	font-size: 1em;
	line-height: 1.3;
	margin-bottom: 11px;
	padding: 0;
}
.vadialog p.h9 {
    margin-left: 50px;
}
.vadialog ul {
	list-style: none;
	margin: 0 15px 0 0;
}
.vadialog li {
	display: list-item;
	list-style-type: none;
	text-align: left;
}
.vadialog li a {
    width: calc(50% - 15px);
    margin-left: 15px;
    margin-bottom: 15px;
    height: 110px;
    padding: 10px 20px 10px 0;
    background-color: #fff;
    display: block;
    float: left;
	color: #444;
    text-decoration: none;
    transition: color .13s ease,background-color .13s ease;
}
.vadialog li a:hover, 
.vadialog li a:active, 
.vadialog li a:focus {
    background-color: #93186c;
    color: #fff;
}
.icon-quicklinks-list-ipo {
    background-image: url("../images/ipo.svg");
    background-repeat: no-repeat;
}
.icon-quicklinks-manage-share-registry {
    background-image: url("../images/manage.svg");
    background-repeat: no-repeat;
}
.icon-quicklinks-conduct-deal {
    background-image: url("../images/deal.svg");
    background-repeat: no-repeat;
}
.icon-quicklinks-prepare-meeting {
    background-image: url("../images/meeting.svg");
    background-repeat: no-repeat;
}
a.shadowboxclose {
	text-decoration: none;
	position: absolute;
	top: -50px;
	right: -8px;
}
a.shadowboxclose:before {	
    display: inline-block;	
	width: 50px;
	height: 50px;
    font-family: "Material-Design-Iconic-Font";
    font-size: 26px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
    color: white;
	content: '\f136';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-out;
       -moz-osx-font-smoothing: grayscale;
			transition: all 0.2s ease-out;
	cursor: pointer;
}
/* ------------------------------------------------------------------------------------------------------------- Accordion */
[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
}
/* Basic Theme */
[data-accordion] {
    line-height: 1;
	position: relative;
}
[data-control],
[data-content] > * {    
    padding: 0 0 5px 0;
}
[data-content] [data-accordion] {
    border: 0;
    padding: 0;
}
[data-accordion] [data-control] {
	font-size: 0.9rem;
	font-weight: 600;
    position: relative;
    padding: 0 20px 5px 25px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	z-index: 1000;
}
.static [data-accordion] [data-control] {
    padding: 0 20px 5px 0;
}
span.task {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
}
td span.task {
	position: relative;
	margin-right: 5px;
}
span.task:before {
	font-family: "Material-Design-Iconic-Font";
	text-align: center;
    display: block;
    font-size: 20px;
    font-weight: 200;
    color: #ccc;
    width: 20px;
    height: 20px;
	line-height: 20px;
	content: '\f2f5';
}
span.task.info:before {
    content: "\f1f8";
	color: #387fb6;
}
span.task.attention:before {
    content: "\f1f4";
	color: orange;
}
span.task.complete:before {
    content: "\f269";
	color: #6bb05a;
}
span.task.partial:before {
    content: "\f269";
	color: blue;
}
span.task.error:before {
    content: "\f1f3";
	color: #c5273f;
}
span.task:before {
    content: "\f2f5";
	color: #93186c;
}
.not-required span.task:before {
    content: "\f119";
	color: #ccc;
}
span.disable,
span.enable {
	position: absolute;
	top: 0;
	right: -25px;
}
span.disable:before,
span.enable:before {
	font-family: "Material-Design-Iconic-Font";
	text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: 200;
    color: #aaa;
    width: 20px;
    height: 20px;
	line-height: 20px;
	cursor: pointer;
}
span.disable:before {
	content: '\f136';
}
span.enable:before {
	content: "\f1af";
}
.not-required,
.not-required a {
	text-decoration: line-through;
	color: #ccc;
}
div.content p.sub_section {
	font-size: 0.85rem;
	font-weight: 500;
}
[data-accordion] > [data-control]:after {
	font-family: "Material-Design-Iconic-Font";
    content: "\f2f9";
    position: absolute;
    right: 5px;
    top: -5px;
    font-size: 1.5em;
    font-weight: 200;
    color: #93186c;
    height: 1em;
    width: auto;
}
[data-accordion].open > [data-control]:after {
	top: 0;
    -webkit-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
    transform: rotate(-180deg); 
}
[data-content] [data-accordion] > [data-control]:after {
    content: "\f278";
    top: -2px;
    font-size: 1.2em;
}
[data-content] [data-accordion].open > [data-control]:after {
	top: 4px;
	content: '\f273';
}
[data-accordion] [data-content] {
	padding-left: 25px;
	padding-right: 25px;
}
.static [data-accordion] [data-content] {
   padding-left: 20px;
}
[data-accordion] [data-content] [data-content] {
    margin-left: 0px;
	padding-left: 0;
}
[data-accordion] [data-content] [data-content] [data-content] {
    background: rgb(228, 255, 228);
}
@media (max-width: 768px) {
    .hp-table table, .hp-table thead, .hp-table .hp-table tbody, .hp-table th, .hp-table td, .hp-table tr { 
        display: block; 
    }
    .hp-table thead tr { 
        display: none;
    }
    .hp-table tr { border: 0px solid #ccc; margin-bottom: 10px; }
    
    .hp-table td:before { 
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }

    .hp-table td:nth-of-type(2):before { 
        content: "Default:";
        font-weight: bold;
    }
    .hp-table td:nth-of-type(3):before { 
        content: "Type:";
        font-weight: bold;
    }
    .hp-table td:nth-of-type(4):before { 
        content: "Description:";
        font-weight: bold;
    }
}

ul.task_list {
	list-style: none;
	margin: 0 0 1em 0;
}

ul.task_list li {
	position: relative;
	line-height: 1.3;
	padding: 7px 28px 7px 10px;
}

ul.task_list li:nth-child(odd) {
	background: #eee;
}

ul.task_list li:after {
	font-family: "Material-Design-Iconic-Font";
	text-align: center;
    display: block;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 3px;
	width: 20px;
	height: 20px;
    font-size: 20px;
    font-weight: 200;
    content: "\f2f5";
	color: #93186c;
    width: 20px;
    height: 20px;
	line-height: 30px;
}
.static ul.task_list li:after {
	display: none;
}
ul.task_list li.task.attention:after {
    content: "\f1f4";
	color: orange;
}
ul.task_list li.task.complete:after {
    content: "\f269";
	color: #6bb05a;
}
ul.task_list li.task.error:after {
    content: "\f1f3";
	color: #c5273f;
}
ul.task_list li.not-required:after {
    content: "\f119";
	color: #ccc;
}
ul.task_list a {
	font-weight: 500;
	text-decoration: none;
}

ul.task_list li a.launch_task {
	position: absolute;
	top: 7px;
	right: 3px;
	width: 20px;
	height: 20px;
}

.not-required a {
	cursor: default;
}

ul.task_list li a.launch_task:before {
	font-family: "Material-Design-Iconic-Font";
	text-align: center;
    display: block;
	display: inline-block;
	width: 20px;
	height: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #93186c;
    width: 20px;
    height: 20px;
	line-height: 20px;
	content: '\f2f5';
}

.tooltip {
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	width: 40px;
	height: 40px;
	font-size: 0;
}
.tooltip:before {
	font-family: "Material-Design-Iconic-Font";
	font-size: 40px;
	line-height: 1;
	display: inline-block;
	content: '\f1f7';
	color: #93186c;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 500px;
    font-size: 0.9rem;
	font-weight: 500;
    line-height: 1.4;
    color: #888;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	background: #f9f9f9;
	background: -moz-linear-gradient(-45deg, #f9f9f9 2%, #f4f4f4 100%);
	background: -webkit-linear-gradient(-45deg, #f9f9f9 2%,#f4f4f4 100%);
	background: linear-gradient(135deg, #f9f9f9 2%,#f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f4f4f4',GradientType=1 );
}

.ui-tooltip li {
    font-size: 1em;
    margin-bottom: 4px;
}

body .ui-tooltip {
    border-width: 1px;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Material-Design-Iconic-Font';
    font-style: normal;
    font-weight: 400;
	font-size: 1.2em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
 .glyphicon-plus:before {
    content: "\f278"
}
.glyphicon-upload:before {
    content: "\f22a"
}
.glyphicon-ban-circle:before {
    content: "\f119"
}
.glyphicon-trash:before {
    content: "\e020"
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
@media (min-width: 768px) {
    .container {
        width: 750px
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
.btn {
	font-weight: 500;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}


 .fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  /*margin-bottom: 5px;*/
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../images/progressbar.gif") !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/progress-loading.gif") center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
  .files img,
  .files canvas {
    max-width: 100%;
  }
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Material-Design-Iconic-Font';
    font-style: normal;
    font-weight: 400;
	font-size: 1.2em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
 .glyphicon-plus:before {
    content: "\f278"
}
.glyphicon-upload:before {
    content: "\f22a"
}
.glyphicon-ban-circle:before {
    content: "\f119"
}
.glyphicon-trash:before {
    content: "\e020"
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
@media (min-width: 768px) {
    .container {
        width: 750px
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
.row {
    margin-right: -15px;
    margin-left: -15px
}
.btn {
	font-weight: 500;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}


 .fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  /*margin-bottom: 5px;*/
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../images/progressbar.gif") !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/loading.gif") center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
  .files img,
  .files canvas {
    max-width: 100%;
  }
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}
.table {
    margin-bottom: 0;
}


/* ==================== Datatables ===================================================== */
/* Responsive */
table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
  position: relative;
  padding-left: 75px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child span:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child span:before {
	margin-left: 35px;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
    display: block;
    position: absolute;
	float: left;
    top: 0;
    left: 8px;
    font-family: "Material-Design-Iconic-Font";
    font-size: 30px;
    display: block;
    float: left;    
    margin: 0 5px 5px 0;
    color: #93186c;    
    height: 30px;
    width: 30px;  
	line-height: 1;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    content: '\f275';
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
    content: '\f270';
}
table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
    display: none;
}
table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
    display: none;
}
table.dataTable.dtr-column tbody td.control,
table.dataTable.dtr-column tbody th.control {
    position: relative;
    cursor: pointer;
}
/*table.dataTable.dtr-column tbody td.control:before,
table.dataTable.dtr-column tbody th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    text-align: center;
    line-height: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    content: "+";
    background-color: #31b131;
}
table.dataTable.dtr-column tbody tr.parent td.control:before,
table.dataTable.dtr-column tbody tr.parent th.control:before {
    content: "-";
    background-color: #d33333;
}*/
table.dataTable tr.child {
    padding: 0.5em 1em;
}
table.dataTable tr.child:hover {
    background: transparent !important;
}
table.dataTable tr.child ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
table.dataTable tr.child ul li {
    padding: 1em 0;
}
table.dataTable tr.child ul li:first-child {
    padding-top: 0;
}
table.dataTable tr.child ul li:last-child {
    border-bottom: none;
}
table.dataTable tr.child span.dtr-title,
table.dataTable tr.child span.dtr-data {
    display: block;
    float: left; 
    padding: 10px 0;   
	font-size: 0.9em;
}
table.dataTable tr.child span.dtr-title {
    font-weight: bold;
    width: 40%;
}
table.dataTable tr.child span.dtr-data {
    width: 60%;
}
table.dataTable td.child {
	padding-left: 10px;
}
table.dataTable.dtr-inline.collapsed tbody td.child:first-child {
	padding-left: 10px;
}
.switch-button-label {
	display: block;
	font-family: "Montserrat";
	font-weight:700;
	float: left;
	font-size: 1.2em;
	cursor: pointer;
	line-height: 22px;
}
.switch-button-label.off {
	color: #adadad;
}
.switch-button-label.on {
	color: #0088CC;
}
.switch-button-background {
	float: left;
	position: relative;
	background: #ccc;
	border: 1px solid #aaa;
	margin: 1px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}
.switch-button-button {
	position: absolute;
	left: -1px;
	top : -1px;
	background: #FAFAFA;
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
div.toggle {
	float: right;
}
div.stats_bar div.active_users_block div.btm {
	width: 140px;
	height: 30px;
}

div.stats_bar div.active_users_block div.btm p {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 0.85em;
	margin: 0;
	line-height: 30px;
}

div.chart_hourly {
	float: right;
	width: -moz-calc(100% - 140px);
	width: -webkit-calc(100% - 140px);
	width: calc(100% - 140px);
	margin-left: 40px;
}

div.toggle_bar {
	width: auto;
	height: auto;
	margin-bottom: 0px;
}

span.underline {
	text-decoration: underline;
}


div.stats_bar {
	margin-left: auto;
	margin-right: 0;
}
div.stats_bar div.stat:last-of-type {
	margin-right: 0;
}



div.app_stats_wrap {
  float: right;
  width: 70%;
}

div.app_stats_wrap.no_float {
  float: none;
  width: 100%;
}

div.app_stats {
  position: relative;
  float: left;
  width: calc(33.3333333333% - 32px);
  margin-right: 40px;
}

div.app_stats:last-of-type {
  margin-right: 0px;
}

div.app_stats.total {
  width: calc(30% - 40px);
  height: auto;
  background: rgba(107,176,90,1);
  border-left: 8px solid rgba(75,120,64,1);
}

div.app_breakdown_title {
  position: relative;
  width: auto;
  height: 30px;
}

div.app_breakdown_title h3 {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 0;
}

div.app_stats_breakdown {
  position: relative;
  width: auto;
  height: 110px;
}

div.app_stats_breakdown.type_1 {
  background: rgba(104,132,155,0.3);
  border-left: 5px solid rgba(104,132,155,1);
}

div.app_stats_breakdown.type_2 {
  background: rgba(188,201,210,0.3);
  border-left: 5px solid rgba(188,201,210,1);
}

div.app_stats_breakdown.type_3 {
  background: rgba(193,189,170,0.3);
  border-left: 5px solid rgba(193,189,170,1);
}

div.app_stats_breakdown.type_4 {
  background: rgba(224,216,174,0.3);
  border-left: 5px solid rgba(224,216,174,1);
}

div.app_stats p {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 50px;
  margin-bottom: 0;
  padding: 0 10px;
}

div.app_stats.total p {
  font-size: 3rem;
  color: white;
  line-height: 60px;
  padding: 10px 20px
}

div.app_stat_percentage {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 50px;
  background: rgba(255,255,255,0.5)
}

div.app_stat_percentage p {
  font-size: 1rem;
  text-align: center;
  line-height: 50px;
  padding: 0;
}

div.app_stats_totals {
	padding: 10px;
	background: rgba(0,0,0,0.05);
}

.total div.app_stats_totals {
	padding: 10px 20px;
}

div.app_stats ul {
    list-style: none;
    margin: 0;
    width: 100%;
}
div.app_stats li {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight:600;
    color: #444;
    font-size: 0.85em;
    line-height: 1.5;
}
div.app_stats.total li {
	color: white;
}
div.app_stats li span {
    float: right;
}
div.app_stats input.secondary {
	background-color: #444;
	border-color: #444;
    float: none;
    display: block;
    margin-bottom: 8px;
    width: 100%;
	padding: 3px;
}
div.app_stats input.secondary:last-of-type {
    margin-bottom: 0px;
}

.ui-messages {
  margin: 1em 0;
  padding: 1em;
  border-radius: 4px;
}

.ui-messages-success {
  color: #2C832f;
  background-color: #e4ffe5;
  border: 1px solid #b1eeb3;
}
 .ui-messages p {
	margin-bottom: 0;
 }

 .heatmap {
	text-align:center;
 }
 .heatmap td {
	background:lightGrey;
	margin:1%;
	width:9%;
	display:inline-block;
	padding:10px 0;
 }
  .heatmap td.label-vertical {
	background:none;
	width:40%;
	text-align:right;
	font-size:0.8em;
	vertical-align: middle;
  } 
  .heatmap tr.labels-horizontal td {
	background:none;
	padding:0;
	font-weight:bold;
	font-size:0.9em;
	vertical-align:top;
  }
  .heatmap tr.labels-horizontal td.first {
	width:auto;
	color:white;
  }
 .heatmap td:hover {
	opacity:0.7;
}