/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/* Fix arrows escaping the select field */
.field--type-webform form .form-type-select label{
    display: block;
}
.field--type-webform form .form-type-select .select-wrapper{
    width: auto;
}

.toc li .list-group-item.is-active, .toc li .list-group-item.active:focus, .toc li .list-group-item.active:hover {
    background-color: #335075;
    color: #fff;
    cursor: auto;
    text-decoration: none;
    z-index: 2;
}

article.overview .file {
    display: block;
    font-size: 100%;
    font-weight: normal;
}

section.block-field-blocknodeoverviewfield-overview-html {
  margin-left: 50px;
  padding-top: 10px;
}

section.block-field-blocknodeoverviewfield-overview-pdf {
  margin-left: 50px;
  padding-bottom: 10px;
}

section.block-field-blocknodeoverviewbody,.block-field-blocknodeoverviewfield-related-documents {
  padding-bottom: 10px;
}

div.dashboard-or {
  padding-top: 100px;
}

.moderation-dashboard {
  border-radius: .25rem;
  margin-bottom: 1rem;
  font-size: 16px !important;
}

.moderation-dashboard h2 {
  font-size: 1.2em;
}

.moderation-dashboard > h1 {
  background-color: #f7f7f9;
  border-bottom: 1px solid rgba(0,0,0,.125);
  margin: 0;
  font-weight: normal;
  text-align: left;
  font-size: 1em !important;
}

.moderation-dashboard nav ul {
  background: rgba(0, 0, 0, 0.05);
  margin-bottom: -.75rem;
  margin-left: -.75rem;
  margin-right: -.75rem;
  margin-top: 10px;
  padding: 10px;
  list-style: none;
  display: flex;
  justify-content: center;
}

.moderation-dashboard nav li {
  margin-right: 1rem;
}

.moderation-dashboard .services-row,
.moderation-dashboard-add-links li {
  padding: 10px 0 10px 0;
}

.moderation-dashboard .views-row,
.moderation-dashboard-add-links li {
  padding: 10px 0 10px 0;
}

.moderation-dashboard .views-row:not(:last-child),
.moderation-dashboard-add-links li:not(:last-child) {
  border-bottom: 1px solid #d4d4d4;
}


table tr.urgent {
  border-left: 7px solid rgba(255, 0, 0);
}

table tr.high {
  border-left: 7px solid rgba(255, 255, 0);
}

#edit-add-tsentry--2 > div.panel-heading > a {
  color: #484848;
  text-decoration: none;
}

.h2, h2 {
  margin-top: 10px; !important
}

.container-fluid {
    padding-right: 100px;
    padding-left: 100px;
    margin-right: auto;
    margin-left: auto;
}

#wb-cont-nav {
    color: #555;
    font-size: 26px;
    font-weight: 200;
    margin-bottom: -25px;
}

.search-result {
    border-bottom: solid 1px #000;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
}

ul.js-facets-widget {
    list-style-type:none;
}

.js-facets-widget li.list-group-item {
  border: none;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

.select-wrapper {
  display: inline-block;
  position: relative;
  width: auto;
}

.case-type {
  color: #555;
  font-size: 12px;
  font-weight: 200;
}

.btn {
  padding-top: 5px;
  padding-bottom: 5px;
}

.cnjnctn-grd {
	display: flex;
	margin-top: 19px;
	margin-bottom: 19px;
}
.cnjnctn-grd .cnjnctn-col {
	width: 100%;
	padding-top: 9px;
}
.cnjnctn-grd .cnjnctn-col-sm {
	width: 50%;
	padding-top: 9px;
}
.cnjnctn-grd .cnjnctn-and, .cnjnctn-grd .cnjnctn-or {
	flex-basis: content;
	position: relative;
	align-self: stretch;
	padding-right: 19px;
	padding-left: 19px;
	padding-top: 5px;
}
.cnjnctn-grd .cnjnctn-and:after, .cnjnctn-grd .cnjnctn-or:after {
	content: " ";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 50%;
	border-left: 2px solid #000 !important;
	border-image: linear-gradient(to bottom, #ccc 0.3em, #ccc 0.3em, rgba(0,0,0,0) 0.3em, rgba(0,0,0,0) 2.4em, #ccc 2.4em, #ccc 2.4em) 1 100% !important;
	border-color: #ccc !important;
}
[tabindex] .modal-content .cnjnctn-grd .cnjnctn-and:after, [tabindex] .modal-content .cnjnctn-grd .cnjnctn-or:after {
	top: 1px;
	bottom: -1px;	
}
.cnjnctn-grd .cnjnctn-and:before, .cnjnctn-grd .cnjnctn-or:before {
	float: left;
	box-sizing: content-box;
	line-height: 1.9em;
	text-align: center;
	padding: 4px;
	height: 2em;
	width: 2em;
	font-weight: 600;
	font-size: 16px;
}
[tabindex] .modal-content .cnjnctn-grd .cnjnctn-and:before, [tabindex] .modal-content .cnjnctn-grd .cnjnctn-or:before {
	line-height: 1.4em;
	height: 1.4em;
	width: 1.4em;
}
.cnjnctn-grd .cnjnctn-and:before {
	border-width: 2px 0px 2px 0px;
	border-color: #ccc;
	border-style: solid;
}
html:lang(en) .cnjnctn-and:before {
	content: "and";
}
html:lang(fr) .cnjnctn-and:before {
	content: "et";
}
.cnjnctn-or:before {
	border-radius: 50%;
	border: 2px solid #ccc;
}
html:lang(en) .cnjnctn-or:before {
	content: "or";
}
html:lang(fr) .cnjnctn-or:before {
	content: "ou";
}

@media all and (max-width: 767px) {
.flex-fw-xs {
	flex-direction: column;
}
.cnjnctn-grd.flex-fw-xs {
	border-left: 2px solid #ccc;
	padding-left: 19px;
}
.cnjnctn-grd.flex-fw-xs .cnjnctn-and, .cnjnctn-grd.flex-fw-xs .cnjnctn-or {
	padding-left: 0px;
}
.flex-fw-xs .cnjnctn-and:after, .cnjnctn-grd.flex-fw-xs .cnjnctn-or:after {
	border-left: 0px solid transparent;
}
.flex-fw-xs .cnjnctn-and:before {
	border-width: 0px 2px 0px 2px;
}
.flex-fw-xs .cnjnctn-col-sm	{
	width: 100%;	
}
}

@media all and (max-width: 991px) {
.flex-fw-sm {
	flex-direction: column;
}
.cnjnctn-grd.flex-fw-sm {
	border-left: 2px solid #ccc;
	padding-left: 19px;
}
.flex-fw-sm .cnjnctn-and, .cnjnctn-grd.flex-fw-sm .cnjnctn-or {
	padding-left: 0px;
}
.flex-fw-sm .cnjnctn-and:after, .cnjnctn-grd.flex-fw-sm .cnjnctn-or:after {
	border-left: 0px solid transparent;
}
.flex-fw-sm .cnjnctn-and:before {
	border-width: 0px 2px 0px 2px;
}
.flex-fw-sm .cnjnctn-col-sm	{
	width: 100%;	
}	
}

@media all and (max-width: 1169px) {
.flex-fw-md {
	flex-direction: column;
}
.cnjnctn-grd.flex-fw-md {
	border-left: 2px solid #ccc;
	padding-left: 19px;
}
.flex-fw-md .cnjnctn-and, .cnjnctn-grd.flex-fw-md .cnjnctn-or {
	padding-left: 0px;
}
.flex-fw-md .cnjnctn-and:after, .cnjnctn-grd.flex-fw-md .cnjnctn-or:after {
	border-left: 0px solid transparent;
}
.flex-fw-md .cnjnctn-and:before {
	border-width: 0px 2px 0px 2px;
}
.flex-fw-md .cnjnctn-col-sm	{
	width: 100%;	
}	
}


@media all and (min-width: 1170px) {

.flex-fw-lg {

flex-direction: column;

}

.cnjnctn-grd.flex-fw-lg {

border-left: 2px solid #ccc;

padding-left: 19px;

}

.flex-fw-lg .cnjnctn-and, .cnjnctn-grd.flex-fw-lg .cnjnctn-or {

padding-left: 0px;

}

.flex-fw-lg .cnjnctn-and:after, .cnjnctn-grd.flex-fw-lg .cnjnctn-or:after {

border-left: 0px solid transparent;

}

.flex-fw-lg .cnjnctn-and:before {

border-width: 0px 2px 0px 2px;

}
.flex-fw-lg .cnjnctn-col-sm	{
	width: 100%;	
}
}

.dcsn-details  details + .cnjnctn-or:before {
float: left;
box-sizing: content-box;
line-height: 1.9em;
text-align: center;
padding: 4px;
height: 2em;
width: 2em;
font-weight: 500;
font-size: 16px;
border: 1px solid #ccc;
}

.dcsn-details details:not(:last-child) {

margin-bottom: 30px;

}

.dcsn-details details + .cnjnctn-or {

position: absolute;

margin-top: -36px;

background-color: #fff;

margin-left: 38px;

}

/*Temporary solution for decision points inside wells or backgrounds */
.well .dcsn-details, .well .dcsn-details details + .cnjnctn-or, [class*='bg-'] .dcsn-details, [class*='bg-'] .dcsn-details details + .cnjnctn-or {
	background-color: inherit;
}

.views-section-block {
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.edit-section-btn {
  #margin-top: -25px;
}

.ar-view-summary {
  padding-bottom: 30px;
}

.ar-view-inline p {
  display: inline 
}

.ar-type {
  color: #555;
  font-size: 12px;
  font-weight: 200;
  padding-left: 2px;
}

.btn {
  padding-top: 5px;
  padding-bottom: 5px;
}

.comms-type {
  padding: 1px;
  margin-left: 5px;
}

.banner-top {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #5f4190;
  color: #fff;
  font-family: Lato,sans-serif;; 
  font-weight: normal;
  font-size: 26px;
}

.ar-brand {
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 10px;
}

.ar-section {
  margin-bottom: 30px;
}

.views-build-section {
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.ar-first-date .form-group {
  margin-bottom: 0px;
}

/* Alert Styles */
.alert-new {
  background-clip: content-box;
  background-color: inherit;
  border-left: 6px solid #000;
  margin-bottom: 23px;
  margin-left: 10px;
  padding: 0 0 0 15px;
}
.alert-new > p, .alert > ul, .alert > ol {
    margin-bottom: 0px;
}
.alert-new > * {
    margin-left: 15px;
}
.alert-new details {
    margin-left: .5em;
    padding-top: 15px;
}
.alert-new > :first-child:not(details) {
    margin-top: auto;
    padding-top: 15px;
}
.alert-new > :last-child {
    padding-bottom: 25px;
}
.alert-new::before {
    font-family: "Glyphicons Halflings";
    font-size: 26px;
    line-height: 2.3em;
    margin-left: -1.27em;
    padding: 2px;
    position: absolute;
}
.alert-new > :first-child {
    margin-left: 15px;
}
.alert-new-info {
  border-color: #269abc;
  -o-border-image: linear-gradient(to bottom, #269abc 16px, #269abc 16px, transparent 16px, transparent 48px, #269abc 48px, #269abc 48px) 1 100%;
  border-image: linear-gradient(to bottom, #269abc 16px, #269abc 16px, transparent 16px, transparent 48px, #269abc 48px, #269abc 48px) 1 100%;
}
.alert-new-info::before {
  color: #269abc;
  content: "";
}
.alert-new-success {
    border-color: #278400;
    -o-border-image: linear-gradient(to bottom, #278400 16px, #278400 16px, transparent 16px, transparent 48px, #278400 48px, #278400 48px) 1 100%;
       border-image: linear-gradient(to bottom, #278400 16px, #278400 16px, transparent 16px, transparent 48px, #278400 48px, #278400 48px) 1 100%;
}
.alert-new-success::before {
      color: #278400;
      content: "";
}
.alert-new-warning {
    border-color: #ee7100;
    -o-border-image: linear-gradient(to bottom, #ee7100 16px, #ee7100 16px, transparent 16px, transparent 48px, #ee7100 48px, #ee7100 48px) 1 100%;
       border-image: linear-gradient(to bottom, #ee7100 16px, #ee7100 16px, transparent 16px, transparent 48px, #ee7100 48px, #ee7100 48px) 1 100%;
}
.alert-new-warning::before {
      color: #ee7100;
      content: "";
}
.alert-new-danger {
    border-color: #d3080c;
    -o-border-image: linear-gradient(to bottom, #d3080c 16px, #d3080c 16px, transparent 16px, transparent 48px, #d3080c 48px, #d3080c 48px) 1 100%;
       border-image: linear-gradient(to bottom, #d3080c 16px, #d3080c 16px, transparent 16px, transparent 48px, #d3080c 48px, #d3080c 48px) 1 100%;
}
.alert-new-danger::before {
      color: #d3080c;
      content: "";
}

.ar-change-log ul {
  list-style: none;
}

.btn-vertical {
  display: block !important;
  padding: 5px;
}

.cal-edit-link {
  padding-left: 5px;
}

.form-textarea-wrapper textarea {
  width: 100%;
}

.field--label-inline label::after {
    content: ':';
}

.field--label-inline div {
    margin-bottom: 15px;
}


.field--name-field-application-upload div {
    margin-top: 15px;
}

.block-gcext-user-account-block {
  padding-bottom: 5px;
}

.quiz-question-multichoice .field--name-body {
  font-size: 22px !important;
  padding-top: 25px;
  padding-bottom: 25px;
}

.quiz-completed {
  color: #555;
  font-size: 14px;
}

footer  {
  margin-top: 40px;
}

footer#wb-info {
  background-color: #5f4190;
}

#wb-info .landscape {
  background: #5f4190 url();
}

#wb-info .landscape a:hover {
  background-color: #5f4190;
}

.recommended-resources span.badge {
  margin-left: 10px;
}

.svg-inline--fa {
  margin-right: 5px;
}

.field--name-field-assess-progress, .field--name-field-survey-progress, .field--name-field-learn-progress, .field--name-field-evaluate-progress  {
  font-size: 100%;
  color:  #566573;
  font-weight: normal;
}

.progress-bar-wrapper {
  height: 30px;
}

.progress-bar-formatter {
  padding-top: 5px;
  font-size: 24px;
  font-weight: bold;
}

.rg-details details {
  margin-bottom: .25em;
}

.rg-details details summary {
  border: 0;
  border-radius: 4px;
  background-color: #fff;
  color: #555;
  padding: 5px 15px;
}

.rg-details details summary:focus,
details summary:hover {
  background-color: #fff;
  color: #555;
  text-decoration: none;
}

.rg-details details summary:focus {
  outline-style: none;
}

div.chart {
  margin-left: 20px !important;
  margin-right: 20px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

div.chart span {
  line-height: 180px !important;
  width: 180px !important;
}

.print-only {
  display: none;
}

.block-facets-summary {
    box-shadow: none;
    border: none;
}

.block-gcext-resources-buttons {
  margin-bottom: 20px;
}

.top-resources-btn {
  margin-right: 5px;
}
 
.search-result {
    border-bottom: solid 1px #ccc;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
}