/********* CUSTOM CSS BEGIN **********/

body {
  background-color: #fff;
  font-size: 13px;
}

body,
p,
.dc-chart,
.AnyTime-win,
.AnyTime-pkr .AnyTime-btn,
.AnyTime-pkr th.AnyTime-dow {
  color: #333;
  font-family: "frutiger_lt_57_cnregular", sans-serif;
}

p {
  font-size: 1em;
}

.main-body > .row {
  background-color: #fff;
}

.quickfile .button-group-w-arrow.expanded .button.dropdown {
  border-left-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Rockwell W02', sans-serif;
}


.public-page.panel {
  border: none;
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  padding: 0;
}

.ui-widget textarea,
button,
.button,
.label,
.ui-tabs,
ul.menu li > a,
.menu li.active > a:first-child:not(.button),
.menu, body,
.tabs li > a, .tabs .tab-title > a {
  font-family: "frutiger_lt_57_cnregular", sans-serif;
}

.button,
button {
  background: rgb(192, 36, 36);
}

.button.secondary,
button.secondary {
  color: rgb(192, 36, 36);
  border: 1px solid rgb(192, 36, 36);
}

/*.top-bar,*/
body > header > .masthead {
  background-color: rgb(192, 36, 36);
}

#admin-footer {
  background-color: rgb(192, 36, 36);
  color: #fff;
}

/* admin forms */
.admin-side i.fa-arrows {
  color: rgb(192, 36, 36);
}

.admin-side .admin-actions .primary.toggle-button,
.admin-side .admin-actions .primary.toggle-button-large {
  background-color: rgb(192, 36, 36);
  color: white;
}

.admin-side .admin-actions .secondary.toggle-button,
.admin-side .admin-actions .secondary.toggle-button-large,
.admin-side form.new_saved_email .selectize-input {
  background-color: transparent;
  border: 1px solid rgb(192, 36, 36);
  color: rgb(192, 36, 36);
}
/* admin forms end */

ul.menu li {
  background-color: transparent;
}

/* Header Nav */

#site-top-bar .menu-icon a span::after {
  box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
}

.main-nav,
.main-nav.top-bar,
.main-nav.top-bar ul,
.main-nav .top-bar,
.main-nav .top-bar ul,
#site-top-bar a,
#site-top-bar .menu-icon a,
#site-top-bar ul.menu .dropdown li:not(.active) > a:not(.button) {
  background-color: rgb(192, 36, 36);
  color: #fff;
}

#site-top-bar li.is-dropdown-submenu-parent.is-active > a {
  background-color: #383838;
  color: #fff;
}

#site-top-bar {
  background-color: transparent;
}

#site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #fff transparent transparent;
}

#site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after,
#site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a:focus::after,
#site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent.is-active > a::after {
  border-color: #fff transparent transparent;
}

#site-top-bar ul.menu .dropdown li:not(.active):hover > a:not(.button)
#site-top-bar ul.menu ul li:hover > a,
#site-top-bar ul.menu li a:not(.button):hover,
#site-top-bar ul.menu li.active a:not(.button):hover,
#site-top-bar ul.menu li.active a:not(.button) {
  background-color: #383838;
  color: #fff;
}
/* User Top Nav */

.user-side #site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #fff transparent transparent;
}

.user-side #site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after {
  border-color: #fff transparent transparent;
}

.user-side .main-nav,
.user-side .main-nav .top-bar,
.user-side .main-nav .top-bar ul,
.user-side #site-top-bar a {
  background-color: rgb(192, 36, 36);
  color: #fff;
}

.user-side #site-top-bar ul.menu .dropdown li:not(.active):hover > a:not(.button)
.user-side #site-top-bar ul.menu ul li:hover > a,
.user-side #site-top-bar ul.menu li a:not(.button):hover,
.user-side #site-top-bar ul.menu li.active a:not(.button):hover,
.user-side #site-top-bar ul.menu li.active a:not(.button) {
  background-color: #383838;
  color: #fff;
}

.user-side #site-top-bar li.is-dropdown-submenu-parent.is-active > a {
  background-color: #383838;
  color: #fff;
}

/* Admin Nav */
/*#admin-nav-bar li.is-submenu-item.is-dropdown-submenu-item.is-dropdown-submenu-parent > a:after {
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgb(117, 117, 117);
}

#admin-nav-bar li.is-submenu-item.is-dropdown-submenu-item.is-dropdown-submenu-parent > a:hover::after {
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgb(192, 36, 36);
}*/

/* User Nav */
/*.icon-bar a,
.icon-bar a i,
.icon-bar a span.label,
.nav-wrapper.user,
.user > .menu,
.user > .menu a,
.user > .menu .menu-icon a,
.user > .menu li a:not(.button),
.user.expanded .menu .title-area,
.program-dropdown-selector .dropdown.menu .is-active > a,
.user.menu {
  background-color: rgb(225, 225, 225);
  color: rgb(81, 81, 81);
}
*/
/* Use top nav color if there is no public nav on user home */
.nav-wrapper.user.no-public-nav,
.nav-wrapper.user.no-public-nav .menu.cell,
.nav-wrapper.user.no-public-nav .user ul.menu li,
.nav-wrapper.user.no-public-nav .user ul.menu li.is-submenu-item.is-active,
.nav-wrapper.user.no-public-nav .user ul.menu li.is-submenu-item.is-active > a[role="menuitem"] {
  background-color: rgb(192, 36, 36);
  color: #fff;
}

.nav-wrapper.user.no-public-nav .user ul.menu li.menu-text,
.nav-wrapper.user.no-public-nav .user ul.menu li > a {
  color: #fff;
}

.top-bar.user .menu-icon a span::after {
  box-shadow: 0 0px 0 1px rgb(81, 81, 81), 0 7px 0 1px rgb(81, 81, 81), 0 14px 0 1px rgb(81, 81, 81);
}

.nav-wrapper.user.no-public-nav .user .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after, /* when hovering */
.nav-wrapper.user.no-public-nav .user .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active > a::after /* when clicked */ {
  border-color: transparent transparent transparent #fff;
}

.nav-wrapper.user.no-public-nav .user .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:hover::after, /* when hovering */
.nav-wrapper.user.no-public-nav .user .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left.is-active > a::after /* when clicked */ {
  border-color: transparent #fff transparent transparent;
}

/*.user .menu .icon-bar a:hover,
.user .menu .icon-bar a:hover span.label,
.user .menu .icon-bar a.active,
.user .menu .icon-bar a.active i,
.user .menu .icon-bar a.active span.label,
.user .menu ul li:hover > a,
.user .menu ul li:hover > a i,
.user .menu li a:not(.button):hover,
.user .menu li.active a:not(.button):hover,
.user .menu li.active a:not(.button) {
  background-color: rgb(255, 255, 255);
  color: rgb(192, 36, 36);
}
*/

.top-bar .is-dropdown-submenu > .is-dropdown-submenu-parent.opens-left > a::after {
  border-color: transparent #fff transparent transparent;
}

.top-bar .is-dropdown-submenu > .is-dropdown-submenu-parent.opens-right > a::after {
  border-color: transparent transparent transparent #fff;
}

.icon-bar.dropdown.menu > li.is-dropdown-submenu-parent > a::after,
#public-nav ul.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
/*  border-color: rgb(81, 81, 81) transparent transparent;*/
  border-top-style: none;
}

/* remove the dropdown arrows for admin icon bar */
.icon-bar.dropdown.menu > li.is-dropdown-submenu-parent > a.active::after,
.icon-bar.dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after,
.icon-bar.dropdown.menu > li.is-dropdown-submenu-parent > a:focus::after {
/*  border-color: rgb(192, 36, 36) transparent transparent;*/
  border-top-style: none;
}



/* Public Nav */

#public-nav .menu li a:not(.button),
#public-nav .menu li > a,
#public-nav {
  background-color: transparent;
  color: #fff;
}

#public-nav {
  background-color: rgb(55, 55, 55);
}

#public-nav ul.menu li:hover,
#public-nav ul.menu li:hover > a,
#public-nav ul.menu li a:not(.button):hover,
#public-nav ul.menu li.active,
#public-nav ul.menu li.active a:not(.button):hover,
#public-nav ul.menu li.active a:not(.button) {
  background-color: rgb(192, 36, 36);
  color: #ffffff;
}

#public-nav ul.dropdown.menu li.is-submenu-item a {
  background-color: #fff;
  color: rgb(192, 36, 36);
}

#public-nav ul.dropdown.menu li.is-submenu-item a:hover {
  color: rgba(220, 6, 10, 0.62);
}

/* Side Nav */
.icon-bar .submenu a,
.icon-bar .submenu a i,
.is-dropdown-submenu {
/*  background-color: #fff; */
  color: rgb(117, 117, 117);
}


.sidenav .menu li a {
  color: black;
}

.sidenav .menu li.active a {
  color: rgb(192, 36, 36);
  font-weight: bold;
}

.sidenav .menu li:hover a,
.sidenav .menu li:focus a,
.sidenav .menu li a:hover,
.sidenav .menu li a:not(.button):hover {
  font-weight: bold;
  color: rgb(192, 36, 36);
}

.sidenav .menu li.active:hover a,
.sidenav .menu li.active:focus a,
.sidenav .menu li.active a:hover,
.sidenav .menu li.active a:not(.button):hover {
  /*background-color: rgba(220, 6, 10, 0.62);*/
  color: rgba(220, 6, 10, 0.62);
}


ul.dropdown.menu li ul.submenu button:hover,
ul.dropdown.menu li ul.submenu a:hover,
#admin-nav-bar ul.dropdown.menu li ul.submenu li.active a,
#admin-nav-bar ul.dropdown.menu li ul.submenu li a:hover {
  background-color: rgb(192, 36, 36);
  color: #fff;
}

.items-toolbar ul.dropdown.menu li ul.submenu button:hover,
.items-toolbar ul.dropdown.menu li ul.submenu a:hover,
.items-toolbar ul.dropdown.menu li ul.submenu li a:hover {
  background-color: rgb(192, 36, 36);
  color: white;
}

.items-toolbar .actions .submenu .fa,
.items-toolbar .actions .submenu .far,
.items-toolbar .actions .submenu .fas,
.items-toolbar .actions .submenu .fal,
.items-toolbar .actions .submenu .fab {
  color: rgb(192, 36, 36);
}

.items-toolbar ul.dropdown.menu li ul.submenu button:hover i,
.items-toolbar ul.dropdown.menu li ul.submenu a:hover i {
  color: white;
}

/* User side nav submenu triangle */
.sidenav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  border-color: black transparent transparent;
  /*color: black;*/
}

.sidenav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:hover::after {
  border-color: rgb(192, 36, 36) transparent transparent;
}

.thredded--post .thredded--post--content a,
.thredded--preview-area--post.thredded--post--content a {
  color: rgb(192, 36, 36);
}

.thredded--pending-moderation .thredded--moderation-navigation--pending a, .thredded--moderation-history .thredded--moderation-navigation--history a, .thredded--moderation-users .thredded--moderation-navigation--users a, .thredded--moderation-user .thredded--moderation-navigation--users a, .thredded--moderation-activity .thredded--moderation-navigation--activity a, .thredded--moderation-navigation--item a:active, .thredded--navigation-breadcrumbs a:active, .thredded--user-navigation--item a:focus, .thredded--moderation-navigation--item a:focus, .thredded--navigation-breadcrumbs a:focus, .thredded--moderation-navigation--item a:hover, .thredded--topics--title, .thredded--topics--updated-by a, .thredded--navigation-breadcrumbs a, .thredded--post--user a, .thredded--topic-header--started-by a {
  color: rgb(192, 36, 36) ;
  background-color: #fff;
}

.thredded--user-navigation--item a:hover, .thredded--user-navigation--item a:focus {
  background-color: transparent;
  color: rgb(192, 36, 36);
}

.thredded--user-navigation--item a, .thredded--user-navigation--item.thredded--is-current a {
  color: rgb(192, 36, 36) ;
}

header.thredded--messageboard--header .thredded--messageboard--title-no-image,
.community-topic-header-no-image {
  background-color: rgb(192, 36, 36);
  color: #fff;
}

.document-card-view header.document-card-header div.document-card-header-no-image {
  background-color: rgb(192, 36, 36);
  color: white;
}

.document-card-view header.document-card-header .title-text a {
    color: #fff;
  }
}

.thredded--topics--title a {
  color: rgb(192, 36, 36) ;
}

.thredded--topics--title a:hover,
.thredded--topics--updated-by a:hover, .thredded--navigation-breadcrumbs .active a, .thredded--navigation-breadcrumbs a:hover, .thredded--user-navigation--item a:hover, .thredded--post--user a:hover, .thredded--topic-header--started-by a:hover, #thredded--container a:hover {
  color: rgba(220, 6, 10, 0.62);
}

#thredded--container a.button:hover {
  color: rgb(192, 36, 36);
}

/* Regular buttons */
.AnyTime-pkr th.AnyTime-dow,
.ui-widget-content a.button.secondary,
button.secondary:not(.hollow),
.button.secondary:not(.hollow) {
  color: rgb(192, 36, 36);
  border: 1px solid rgb(192, 36, 36);
  /*background-color: #cccccc;*/
  background-color: transparent;
}

.submenu button.secondary:not(.hollow),
.submenu .button.secondary:not(.hollow),
.submenu .button.alert {
  border: none;
}

button.arrow-only.secondary:not(.hollow)::after,
.button.arrow-only.secondary:not(.hollow)::after {
  border-top-color: #565252;
}

.dropdown.menu .is-active > a.button.secondary,
.ui-widget-content a.button.secondary:hover,
ul.pagination li.current a:hover, ul.pagination li.current button:hover,
.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover,
.grid-cell .actions a:hover,
.button.secondary:not(.hollow):hover,
.button.secondary:not(.hollow):focus {
  color: white;
  background-color: rgb(192, 36, 36);
}

/* For secondary dropdown menu buttons */
.dropdown.menu > li.is-dropdown-submenu-parent > a.secondary::after {
  border-color: #565252 transparent transparent;
}

.dropdown.menu .is-active > a.button.secondary::after,
.dropdown.menu > li.is-dropdown-submenu-parent.is-active > a.secondary::after,
.dropdown.menu > li.is-dropdown-submenu-parent > a.secondary:not(.hollow):focus::after,
.dropdown.menu > li.is-dropdown-submenu-parent > a.secondary:not(.hollow):hover::after {
  border-color: #ffffff transparent transparent;
}

/* Inverted buttons */
button.inverted,
.button.inverted {
  background-color: #565252;
  color: #cccccc;
}

button.inverted:hover,
.button.inverted:hover {
  background-color: #565252;
  color: #cccccc;
}

/* Transparent buttons */
.ui-widget-content a.button.transparent,
button.transparent,
.button.transparent,
button.transparent:focus {
  color: #565252;
}

.ui-widget-content a.button.transparent:hover,
button.transparent:hover,
.button.transparent:hover {
  color: rgb(192, 36, 36);
}

/* Trash icon to remove fields */
.button.transparent.remove_fields,
.button.transparent.delete-row {
  color: rgb(192, 36, 36);
}

button.arrow-only.transparent:not(.hollow)::after,
.button.arrow-only.transparent:not(.hollow)::after {
  border-top-color: #565252;
}

.ui-widget-content a.button.transparent:hover,
.button.transparent:not(.hollow):hover,
.button.transparent:not(.hollow):focus {
  color: #565252;
}

.sort-links .button.active,
.pagination .current,
ul.pagination li.current a,
ul.pagination li.current button {
  color: #ffffff;
  background-color: #ccc;
}

a.button.disabled {
  color: black;
}


button.menu-icon,
button.menu-icon:not(.hollow):not(.transparent):hover,
button.menu-icon:not(.hollow):not(.transparent):focus {
  background: transparent;
}


.button.secondary:not(.hollow):hover p,
.button.secondary:not(.hollow):focus p {
  color: #ffffff;
}

/* Primary buttons */
a.button,
#skip-links a,
#ui-datepicker-div .ui-datepicker-current-day a,
.AnyTime-pkr .AnyTime-cur-btn,
.label,
.selectize-dropdown .active,
.selectize-dropdown .active.create,
button,
.button,
button.primary,
.button.primary,
.pagination-container .current,
.thredded--button, .thredded--form--submit {
  color: white;
  background-color: rgb(192, 36, 36);
}

ul.dropdown a.button.primary::after {
  border-color: #fff transparent transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: white transparent transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a.disabled::after {
  border-color: black transparent transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent.is-active > a::after {
  border-color: rgb(192, 36, 36) transparent transparent;
}

.button.primary .fa, button.primary .far, button.primary .fas, button.primary .fal, button.primary .fab,
button.primary .fa, button.primary .far, button.primary .fas, button.primary .fal, button.primary .fab {
  color: #fff;
}

.ui-widget-content a.button:hover,
#ui-datepicker-div .ui-datepicker-current-day,
#ui-datepicker-div button,
.AnyTime-pkr .AnyTime-cur-btn.ui-state-focus,
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a,
button:hover,
button:focus,
.button:hover,
.button:focus,
button.primary:hover,
.button.primary:hover,
/*button:not(.hollow):not(.transparent):hover,
button:not(.hollow):not(.transparent):focus,
.button:not(.hollow):not(.transparent):hover,
.button:not(.hollow):not(.transparent):focus,*/
button.primary:focus,
.button.primary:focus,
.thredded--button:hover, .thredded--form--submit:hover, .thredded--button:focus, .thredded--form--submit:focus {
  color: white;
  background-color: rgba(220, 6, 10, 0.62);
}

.slick-dots .button:not(.hollow):not(.transparent):hover,
.slick-dots button:not(.hollow):not(.transparent):hover,
.slick-dots .button:not(.hollow):not(.transparent):focus,
.slick-dots button:not(.hollow):not(.transparent):focus {
  background-color: transparent;
}

.date-badge,
a,
a.remove_fields,
ul.pagination li a,
ul.pagination li button,
.sp-cancel {
  color: rgb(192, 36, 36);
}

#ui-datepicker-div .ui-datepicker-current-day,
.menu li a:not(.button):hover,
a:hover, a:focus {
  color: rgba(220, 6, 10, 0.62);
}

.criterion-data .read-more,
.criterion-data .read-less {
  color: white;
  background-color: rgb(192, 36, 36);
}

button[disabled], .button[disabled], button.disabled, .button.disabled {
  background: #aaa;
  border-color: #bbb;
}

button[disabled]:hover, .button[disabled]:hover, button.disabled:hover, .button.disabled:hover,
button[disabled]:focus, .button[disabled]:focus, button.disabled:focus, .button.disabled:focus {
  background: #999;
  border-color: #aaa;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'],
.tabs-title > a, tabs-title-alt > a:focus, .tabs-title-alt > a[aria-selected='true'], .tabs-title-alt > a,
.match {
  color: #333;
}

.toggle-button {
  border: 1px solid rgb(192, 36, 36);
}


.fc-state-default {
  color: #333 !important;
}

.fc-state-default:hover {
  background: inherit;
}

.slick-slide:focus {
  outline: none;
  background: #181818;
}

/*********************************
 * Banner
 *********************************/

.flex-video { padding-top: 0; padding-bottom: 56.25%; }



/*********************************
 * Hopscotch
 *********************************/

.hopscotch-content {
  color: #333;
  font-family: "frutiger_lt_57_cnregular", sans-serif;
}

div.hopscotch-bubble .hopscotch-nav-button.next,
div.hopscotch-bubble .hopscotch-nav-button.prev {
  color: #fff;
  background: rgb(192, 36, 36);
  border: none;
}

div.hopscotch-bubble .hopscotch-nav-button.next:hover,
div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
  color: #ffffff;
  background: rgba(220, 6, 10, 0.62);
}

div.hopscotch-bubble {
  border-radius: $global-radius;
  border-color: rgb(192, 36, 36);
}

div.hopscotch-bubble .hopscotch-bubble-number {
  background: rgb(192, 36, 36);
  color: $white;
  border-radius: 1000px;
  padding-right: 0px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top-color: rgb(192, 36, 36);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom-color: rgb(192, 36, 36);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left-color: rgb(192, 36, 36);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right-color: rgb(192, 36, 36);
}

#thredded--container p,
#thredded--container a,
#thredded--container label,
#thredded--container time,
#thredded--container input,
#thredded--container {
  font-family: "frutiger_lt_57_cnregular", sans-serif !important;
}

/********* CUSTOM CSS END **********/

a, button, .button,
h1, h2, h3, h4, h5, h6 {
  font-weight: normal !important;
  font-family: "Futura T W01 Demi", Arial, Helvetica !important;
}

.section-header {
  border-top: none;
}

#site-top-bar.top-bar-right > .menu {
  padding-top: 10px;
}

.top-bar-right .menu.vertical > li.is-dropdown-submenu-item > a {
  padding-top: 3px;
  padding-bottom: 3px;
}

.top-bar-title.top-bar-left {
  padding-top: 10px;
}
:focus {
	outline: none;
}
body {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 0;
	color: #202020;
	background: #ffffff;
	margin-top: -10px;
/*	min-width: 480px;*/
}
html {
	background: #ffffff;
}
div.bttn span {
	display: table-cell;
	vertical-align: middle;
	height: 90px;
	width: 190px;
	text-align: center;
	z-index: 5;
}
div.bttn a {
	text-decoration: none
}
.modalBox {
	height: 100%;
	width: 100%;
	display: inline-flex
}
.bttn {
	position: relative;
	height: 90px;
	width: 190px;
	background: #48cfad;
	-moz-border-radius: 45px;
	border-radius: 45px;
	float: left;
}
.bttn:hover {
	background: rgb(72,207,173); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(72,207,173,1) 0%, rgba(37,177,142,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(72,207,173,1)), color-stop(100%, rgba(37,177,142,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(72,207,173,1) 0%, rgba(37,177,142,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(72,207,173,1) 0%, rgba(37,177,142,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(72,207,173,1) 0%, rgba(37,177,142,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(72,207,173,1) 0%, rgba(37,177,142,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48cfad', endColorstr='#25b18e', GradientType=0 ); /* IE6-9 */
}
#straight-arrow {
	float: left;
	position: relative;
	width: 42px;
	height: 15px;
	background: url(https://app.secure.griffith.edu.au/global-ementoring/content/images/arrow-straight.png) no-repeat;
	margin-top: 45px;
	margin-left: -5px;
	margin-right: -5px;
	pointer-events: none;
	z-index: 1;
}
.modal {
	left: 50%;
	margin: -250px 0 0 -32%;
	opacity: 0;
	position: absolute;
	top: -50%;
	visibility: hidden;
	z-index: 30;
	box-sizing: border-box;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out
}
.modal:target {
	opacity: 1;
	top: 50%;
	visibility: visible
}
.modal .header, .modal .footer {
	border-bottom: 1px solid #48cfad;
	border-radius: 5px 5px 0 0;
	padding-left: 10px;
	padding-top: 10px
}
.modal .footer {
	border: none;
	border-top: 1px solid #48cfad;
	border-radius: 0 0 5px 5px
}
.modal h2 {
	margin: 0;
	color: #333333
}
.modal .btn {
	float: right
}
.modal .copy, .modal .header, .modal .footer {
	color: #333333
}
.modal-content {
	background: #25b18e;
	position: relative;
	z-index: 20;
	color: #25b18e;
	width: 80%;
	border-radius: 10px 10px 0 0
}
.modal .copy {
	background: #fff;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px
}
.modal .overlay {
	background-color: #000;
	background: rgba(0,0,0,.8);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10
}
.copy ul li a {
	padding: 5px;
	color: #333333;
	text-decoration: none;
}
.panel h3 {
	font-size: 24px;
	font-weight: 900;
	color: #da4453
}
.panel h4, h5 {
	font-size: 16px;
	font-weight: 700;
	color: #656d78;
	margin-bottom: 0px;
}
.panel h6 {
	font-weight: 700;
	color: #656d78;
	margin-bottom: 0px;
}
.panel a {
	font-family: arial, sans-serif;
}
.side-nav a {
	font-size: 16px;
	font-weight: 700;
	color: #656d78;
	margin-bottom: 0px;
}
.letter {
	position: relative;
	left: 20px;
	top: 10px;
	width: 90%;
	border: 2px solid #FFCE54;
	margin-bottom: 10px;
}
.letter p {
	width: 90%;
}
table {
	width: 100%;
	margin: 5px auto 15px auto;
	border-collapse: collapse;
	border: 1px solid #aaa;
}
th {
	background-color: #ccc;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	color: #222;
	height: 28px;
}
td {
	padding: 2px;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	font-size: 10pt;
}
form table td {
	padding: 3px;
}
th.importance {
	width: 130px;
}
th.criterion {
	width: 180px;
}
table.history {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0;
	border: none;
}
table.history tr.note {
	background-color: #FFEEE0;
}
table.history tr.unread td {
	font-weight: bold;
	background-color: #ffeee0;
}
table.history td {
	border: none;
	padding-left: 5px;
	padding-right: 0px;
}
div#ggemprog div.wrap {
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
	padding-left: 30px;
	display: block;
	overflow: auto;
}
div#ggemprog div.circle {
	width: 200px;
	height: 200px;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	-moz-border-top-right-radius: 100px;
	border-top-right-radius: 100px;
	-moz-border-bottom-right-radius: 100px;
	border-bottom-right-radius: 100px;
	-moz-border-top-left-radius: 100px;
	border-top-left-radius: 100px;
	-moz-border-bottom-left-radius: 100px;
	border-bottom-left-radius: 100px;
	border: 5px solid #17f9c0;
	text-align: center;
}
div#ggemprog div.first {
/*margin-left: 55px;*/
}
div#ggemprog div.circle p {
	font-size: 14px;
	font-weight: 300;
	margin-top: 23px;
}
div#ggemprog div.circle span {
	display: table-cell;
	vertical-align: middle;
	height: 180px;
	padding-left: 10px;
	padding-right: 10px
}
#menuBlock {
	clear: both;
	width: 80%
}
div#menuBlock div.menuImage {
	float: left;
	margin-right: 10px;
	width: 160px;
	margin-top: 5px;
	box-shadow: 1px 1px 5px #888888;
	border: 3px solid #48cfad;
}
.panel ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.panel .dots li {
	padding-left: 15px;
	text-indent: -.7em;
}
.panel .dots li:before {
	content: "• ";
	color: #48cfad;
	font-size: 170%;
}
h3 {
	font-size: 24px;
	font-weight: 900;
	color: #da4453
}
.cntcontainer {
	text-align: center;
}
.cntimg {
	display: inline-block;
	margin: 5px 20px;
	width: 20%;
	box-shadow: 1px 1px 5px #888888;
	border: 3px solid #48cfad;
}

.fa-newspaper-o {
    color: #008000;
}

.fa-facebook-square {
    color: #3B5998;
}

.fa-twitter-square {
    color: #55ACEE;
}

.fa-linkedin-square {
    color: #007bb5;
}

.social-media {
    font-size: 1.25em;
    line-height: 2em;
}

.social-media .fa {
    font-size: 2em;
    vertical-align: middle;
}

.social-media a:hover {
    opacity: 0.7;
}

.social-media p {
    margin-bottom: .7em;
}

.social-media .fa.fa-fw {
    margin-right: .25em;
}
    


a.button.secondary, .button.secondary, button.secondary, input[type="submit"].secondary {
  background-color: #e8e8e8;
  color: #565252;
}
a.button.secondary:hover, .button.secondary:hover, button.secondary:hover, input[type="submit"].secondary {
  background-color: #383838;
  color: #ffffff;
}
.button, .button.primary, button, input[type="submit"] {
  background-color: #C02424;
  color: #ffffff;
}
.button:hover, .button.primary:hover, button:hover, input[type="submit"]:hover {
  background-color: #D55053;
  color: #ffffff;
}