@import url('https://fonts.googleapis.com/css?family=Open+Sans');

:root {
/* Accessible standard colours  */
	--orange-clr: #BE570E;
	--green-clr: hsl(92, 48%, 34%);
	--gray-clr: #5E5E5E;
  --light-gray-clr:#EDEDED;
	--main-text-clr: #444444;
  --accordion-bg: hsl(0, 0%, 93%);
  --accent-clr-cc: hsl(44, 82%, 75%); /*cc - Communication and Collaboration colour */
  --accent-clr-si: hsl(353, 82%, 85%); /*si - Social Intelligence colour */
  --accent-clr-pscm: hsl(104, 28%, 87%); /*pscm - Problem-Solving & Conflict Management colour */
  --accent-clr-ss: hsl(210, 28%, 78%); /*ss - Security & Safety colour */
}

/* Customized Bootstrap starts */
body {
  color: #444444;
  color: var(--main-text-clr);
}
caption {
  caption-side: top;
}
.border {
border: 1px solid #707070 !important;
} 
.border-top {
border-top: 1px solid #707070 !important;
} 
.border-bottom {
border-bottom: 1px solid #707070 !important;
} 
.border-left {
border-left: 1px solid #707070 !important;
} 
.border-right {
border-right: 1px solid #707070 !important;
} 
.btn {
    border: 0; /* No Border (As per prototype) */
    box-shadow:0 3px 6px rgba(191,191,191,1);  /* HEX: #BFBFBF (As per prototype) */
    font-size: 25px;
}

.text-success {
	color: #54802D !important; /*to support IE11 that doesn't understand CSS custom property - akak CSS variables (var(--))*/
	color: var(--green-clr) !important;
}
.btn-success, .bg-success, input[type="submit"].btn-success {
  background-color: #54802D !important;
	background-color: var(--green-clr) !important;
}

.bg-yellow {
  background-color: #F3D689;
}
.bg-light-yellow {
  background-color:#FCF7E8;
}

.bg-pink {
  background-color: #F8B7BF;
}
.bg-light-pink {
  background-color: rgba(248, 183, 191,0.4);
}
.bg-green {
  background-color:#D9E7D4;
}
.bg-light-green {
  /* background-color:#D9EFD0; */

  background-color:rgba(217, 239, 208, 0.4);
}
.bg-blue {
  background-color:#B6C6D6;
}
.bg-light-blue {
  /* background-color:#BFD2E5; */
  background-color:rgba(191, 210, 229, 0.4);
}
.bg-sandy {
  background-color:#EDCEB6;
}
.bg-light-sandy {
  /* background-color:#E5C9B2; */
  background-color:
  rgb(229, 201, 178, 0.4);
}
.bg-super-light-sandy {
  background-color:#FCF7E8;
}

.bg-grey {
  background-color:#BAB9B9;
}
.bg-light-grey {
  background-color:#F5F5F5;
}

.col-form-label {
  line-height: 1.2;
}
/* Customized Bootstrap ends */

/* Links styles start - new section addedd by OK Aug 11, 2021 to handle all links in one place */
/* By default links are underlined, but nav links and some other title links are not underlined by default , that's why we use "main a..." to give  a local scope */
a {
    color: #54802D;
	color: var(--green-clr);
}
a:hover,
a:focus {
	color: #BE570E;
	color: var(--orange-clr);
}

a.btn-success,
a.btn-color-orange,
a.btn-success:hover,
a.btn-color-orange:focus
{
text-decoration: none;
}
a.btn-success {
    background-color: #54802D;
	background-color: var(--green-clr);
}
a.btn-success:focus {
color: #fff;
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover,
a.btn-success:focus, a.btn-success:hover, button.btn-success:focus, button.btn-success:hover,
input[type="submit"].btn-success:hover, input[type="submit"].btn-success:focus
{
  background-color: hsl(92, 48%, 31%)!important;
  --green-clr: hsl(92, 48%, 30%)!important;
  background-color: var(--green-clr)!important;
}


.active {
	background-color: #BE570E;
	background-color: var(--orange-clr);
}
a.grey-link:link { text-decoration: underline; color: #444444; color:var(--main-text-clr); }
a.green-link:active,
a.grey-link:active,
a.green-link:hover,
a.grey-link:hover
{
	color: #BE570E;
	color: var(--orange-clr);
}

/* a.green-link:link { text-decoration: underline; color: #629535; }
a.green-link:visited { color: #629535; }
a.green-link:hover { color: #BE570E; }
a.green-link:active { color: #BE570E; } */

/* a.grey-link:link { text-decoration: underline; color: #444444; }
a.grey-link:visited { color: #444444; }
a.grey-link:hover { color: #BE570E; }
a.grey-link:active { color: #BE570E; } */

a.nav-link:link {
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  color: #fff !important;
}
a.nav-link:visited {
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}
a.nav-link:hover {
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}
a.nav-link:active {
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}

a.large-grey-link:link {
  text-decoration: underline;
  font-weight: bold;
  font-size: 20px;
  color: #444444;
  color: var(--main-text-clr);
}
a.large-grey-link:visited {
  font-weight: bold;
  font-size: 20px;
  color: #444444;
  color: var(--main-text-clr);
}
a.large-grey-link:hover {
  font-weight: bold;
  font-size: 20px;
  color: #BE570E;
  color: var(--orange-clr);
}
a.large-grey-link:active {
  font-weight: bold;
  font-size: 20px;
  color: #BE570E;
  color: var(--orange-clr);
}

main a.green-link:link, 
main a {
	text-decoration: underline;
}
main a:hover,
main a.green-link:hover,
main a.green-link:focus,
main a:focus {
	text-decoration: none;
}

main a.green-link:link {
	color: #54802D;
	color: var(--green-clr);
}
main a.green-on-blue-link:link {
	color: #497128;
	--green-clr: #497128;
	color: var(--green-clr);
}

main a.green-link:hover,
main a.green-link:focus,
main a.green-on-blue-link:hover,
main a.green-on-blue-link:focus
{
	color: #BE570E;
	color: var(--orange-clr);
}
/* Links styles end */


/* Re-usable standard styles start */
.light-green-bg {
  background-color:#D9E7D4;
}

ul.orangeList li::before {
  content: "\2022";
  color: #E17C29;
  font-weight: bold;
  font-size:215%;
  margin-right:0.3em;
  margin-top: 1rem;
}

ul.orangeList li div
{
  max-width: 1215px;
  margin-top:-3.3rem;
  margin-left: 2rem;
}
.flex-container-wrapper {
  max-width: 933px;
}

.text-orange {
	color: #BE570E;
	color: var(--orange-clr);
}

.btn-color-green{
	background-color: #54802D;
	background-color: var(--green-clr);
}
.btn-color-orange {
	background-color: #BE570E;
	background-color: var(--orange-clr);
}

.outer-wrapper {
	background-color: #E1E9F1;
	text-align: center;
}

.main-card-title {
	font-size: 1.5rem;
}

.psla-table .table thead th {
    vertical-align: top;
    border-top: 1px solid #dee2e6;
	border-bottom: none;
}
/* Custom oversized checkbox / radio button starts */

.checkbox-outer-container {
    margin: 0.5rem 0 0.6rem 1.2rem;
}

.checkbox-container-customized {

  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 0px;

  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;

  cursor: pointer;
  font-size: 1.8em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */

.checkbox-container-customized input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.checkbox-container-customized .checkmark {
  top: 0;
  left: 0;
 
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

/* On mouse-over, add a grey background color */

.checkbox-container-customized:hover input ~ .checkmark,
.checkbox-container-customized:focus input ~ .checkmark 
{
  background-color: #e9ecef;
  
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkbox-container-customized .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.checkbox-container-customized input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.checkbox-container-customized .checkmark .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.checkbox-outer-container label input[type="checkbox"] ~ .checkmark > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox-outer-container label input[type="checkbox"]:focus ~ .checkmark
{ 
background-color: #e9ecef;
opacity:1;  
}


.checkbox-outer-container label input[type="checkbox"]:checked ~ .checkmark > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
    background-color:inherit;
}
/* The container */
.role-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.role-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  
  /* Create a custom radio button */
  .radiobutton {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-radius: 50%;
	margin-left:5px;
	margin-top:7px;
	-moz-box-shadow: 1px 1px 1px 1px #BFBFBF;
	-webkit-box-shadow: 1px 1px 1px 1px #BFBFBF;
	box-shadow: 1px 1px 1px 1px #BFBFBF;
  }
  
  /* On mouse-over, add a grey background color */
  .role-label:hover input ~ .radiobutton {
	background-color: #aaa;
  }
  
  /* When the radio button is checked, add a blue background */
  .role-label input:checked ~ .radiobutton {
	background-color: black;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .radiobutton:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .role-label input:checked ~ .radiobutton:after {
	display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .role-label .radiobutton:after {
	   top: 5px;
	  left: 5px;
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  background: white;
  }


/* Custom oversized checkbox/radio buttons ends */
@media only screen and (min-width: 1000px) {
	.outer-wrapper {
		padding-left: 8vw;
		padding-right: 8vw;
	}

	.flex-steps-block {
		display: flex;
		justify-content: space-around;
		align-content: center;
		flex-wrap: wrap;
		max-width: 2000px;
		width: 100%;
	}

	.flex-steps-block__step {
		flex: 1 1 33%;
		max-width: 33%;
	}

	.main-card-title {
		font-size: 1.2rem;
	}

}

@media only screen and (min-width: 1336px) {

	.main-card-title {
		font-size: 1.5rem;
	}

}

.card-height {
	display: flex;
	flex-direction: column;
	height: 400px;
}

@supports (display:grid) {

	.grid-block {
		display: grid;
		grid-template-rows: minmax(5em, 16em) 1fr;
		grid-row-gap: 1rem;
	}
}
/* Re-usable standard styles end */
/* Hacks start */

/* Used to be embedded in one of the webpages */
/*Svg are not rezing properly in IE, Hack for IE. works for other browsers as well.*/
img[src*=".svg"].resize {
	max-width: 100%;
}
/* Hacks end */
/* Edge cases starts */
/* Main domains block starts */
@media only screen and (max-width: 767px) {
	.home-icon {
		max-height: 200px;
	}
}
/* Main domains block ends */
/* Edge cases ends */

/* Page-specific styles start */
/* Home page starts */
.card-link {
	color: #54802D;
	color: var(--green-clr);
	text-decoration: underline;
	text-align: center;
}

/* Steps headings */
.flex-steps-block__step h3 {
	line-height: inherit;
}
/* Home page ends */


/* Summary Report / Results / Comparison styles start */
  .psla-page-main-header > .psla-page-main-header__title {
        font-size: 50px;
    }
  .psla-page-main-content {
    font-size: 24px;
  }   
  .psla-page-main-content ul {
  list-style-type: disc;
  }
  .psla-page-main-content li {
  padding-bottom: 1rem;
  }
 .psla-page-main-content a,
 .psla-page-main-content a:active,
 .psla-page-main-content a:link,
 .psla-page-main-content a:visited 
 {
  color: #54802D;
  color: var(--green-clr);   
  text-decoration: underline;
  } 
  .psla-page-main-content a:hover,
  .psla-page-main-content a:focus
  {
  text-decoration: none;
  } 
  
 .summary-timeline-block .active {
 background-color: transparent;
 }   

 .summary-reports-tabs-block-nav .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .summary-reports-tabs-block-nav .nav-link.active {
	background-color: #54802D;
	background-color: var(--green-clr);
	color: #fff !important;
	 } 
	 .summary-reports-tabs-block-nav a.nav-link {
		color: #444444 !important;
    color: var(--main-text-clr) !important;
	 }  
.summary-reports-tabs-block-nav .nav-link {
background-color: #D9E7D4;
 }  

.summary-reports-tabs-block-nav .nav-link:link,
.summary-block__title,
.summary-block__thead-tr-first-th
{
font-size: 30px;
 }  

.summary-block__table tr:nth-child(2n) {

    background-color: transparent;
}

.table.summary-block__table td, .table.summary-block__table th {
    border-top: none;

}

 .summary-block__thead-tr > .summary-block__thead-tr-first-th {
font-size: 30px;
vertical-align: middle;
max-width: 828px;
 } 

.summary-block__thead-tr > .summary-block__thead-tr-th
{
font-size: 24px;
vertical-align: middle;
 }  
 
.summary-block__thead-tr > .summary-block__thead-tr-th > span
{
font-size: 24px;
 } 
 
.summary-block__thead-tr > .summary-block__thead-tr-th > span.wide-col
{
max-width: 194px;
 } 
.summary-block__thead-tr > .summary-block__thead-tr-th > span.narrow-col
{
max-width: 108px;
 }   

.summary-block_th,
.summary-block__tr > td
{
font-size: 25px;
 } 

 .summary-block__tr > td
{
text-align: center;
 }  
.summary-block__thead > .summary-block__thead-tr {
  background-color: #EDEDED;
  height: 107px;
}
.summary-block__tr > .summary-block__first-tr-th {
  background-color: #FCF7E8;
}
.summary-block__tr > .summary-block__second-tr-th {
  background-color: #FDEAEC;
}
.summary-block__tr > .summary-block__third-tr-th {
  background-color: #E4EEE0;
}
.summary-block__tr > .summary-block__fourth-tr-th {
  background-color: #D0DAE4;
}
.summary-block__tr > .summary-block__fifth-tr-th {
  background-color: #E5DDD6;
}

.summary-timeline-btn-block > .summary-timeline-btn-block__btn {
font-size: 25px;
min-width: 164px;
}
/* Reset UL list to black dots for Reports instead of orange set on UL element */
/* .summary-timeline ul,
.psla-reports ul 
 { 
  list-style-type: initial;
 } */
 .summary-timeline .dot {
	height: 25px;
	width: 25px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
 }
 .psla-report-categories tbody tr:nth-child(odd) {background-color: #f2f2f2;} 
/* Summary Report / Results / Comparison styles end */

/* Dashboard styles start  */

/* Top Dashboard buttons styles start */
.dash-selected-nav,
.dash-nav:hover,
.dash-nav:focus
{
    background-color: #54802D !important;
	background-color: var(--green-clr) !important;
}


.dash-selected-nav {
  color: #fff !important;
  padding: 10px 5px 10px 5px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.46);
  border: 0px;
  cursor: pointer;
}

.dash-nav:hover {
  color: #fff !important;
  padding: 10px 5px 10px 5px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.46);
  border: 0px;
  cursor: pointer;
}

.dash-nav {
  background-color: #E1E9F1;
  color: #000 !important;
  padding: 10px 5px 10px 5px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.46);
  border: 0px;
  cursor: pointer;
}

.dash-nav-disabled {
	background-color: #5E5E5E;
	background-color: var(--gray-clr);
  }

.dash-nav-disabled {
  color: #D0DAE4;
  padding: 10px 5px 10px 5px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.46);
  border: 0px;
  cursor: pointer;
}
/* Top Dashboard buttons styles end */
/* Home Dashboard > Active Assessment block starts */
.assessment-block {
  flex:1 1 auto;
  margin: 0.5rem 0.5rem;
  padding: 0;
}
.assessment-checkbox-block {
  margin: 0.5rem 1rem 0.6rem 1.2rem;
  padding: 0;
  width: 27px;
}
.assessment-checkbox {
  width: 31px;
  height: 31px;
}
.assessment-label {
width: 160px;
font-size: 16px;
min-height: 51px;
text-transform: uppercase;
}

/* Dashboard styles end */

.assessment-field {
  width: 160px;
  min-height: 51px;
  font-size: 25px;
}
.assessment-icon {
  width: 160px;
  min-height: 41px;
  padding-top: 0.5rem;
}
.assessment-btn {
  text-align:center; 
  background-color: #54802D; 
  background-color: var(--green-clr); 
  border: 0px; 
  color:#fff;
}


.assessment-field.standard,
.assessment-label.standard,
.assessment-icon.standard 
{
max-width: 130px;
}

.assessment-field.narrow,
.assessment-label.narrow,
.assessment-icon.narrow
{
max-width: 90px;
}

.assessment-rule {
    display: block;
    border-style: inset;
    border-width: 1px;
    border-color: #54802D;
    border-color: var(--green-clr);
    background-color:#54802D;
    background-color:var(--green-clr);
    
    margin-left: 1.5rem;
    margin-right: 1.5rem;

}
.assessment-rule__admin {
    margin-left: 0.5rem;
    margin-right: 0.5rem;

}

.compare-btn-block__text {
font-size: 24px;
padding: 0;
margin: 0;
}
.compare-btn-block > .compare-btn-block__btn {
font-size: 25px;
min-width: 153px;
}

/* Admin Assessment styles */

.admin-assessment-lead-block {
flex: 1 0 172px;
max-width: 278px;
}
.admin-assessment-header {
height: 85px;
padding: 0;
margin: 0.5rem 0;
min-width: 172px;
max-width: 278px;
}
.admin-assessment-title {
  font-size: 25px;
  white-space: nowrap;
  max-width: 278px;
}
.admin-assessment-block {
  flex:1 1 auto;
  margin: 0.5rem 0.2rem 0.5rem 0;
  padding: 0;
  max-width: 155px;
}
.assessment-field.admin-narrow {
max-width: 160px;
}
.admin-assessment-block--narrow {
max-width: 150px;
border: 1px solid transparent;
}

.admin-assessment-block--width0 {
flex: 0 !important;
}

@media screen and (min-width: 1492px) {
.admin-assessment-view-reports {
display: flex;
justify-content: flex-end;
}
}


.admin-assessment-view-reports-header {
height: 85px;
padding: 0;
margin: 0.5rem 0.2rem 0.5rem 0;
}
.admin-assessment-view-reports-header > .btn
 {
  font-size: 18px;
  width: 172px;
  white-space: normal;
}

.admin-assessment-view-reports-title {
max-width: 85px;
/* display: inline-block; */
}


.admin-assessment-sub-block {
margin-left: auto;
margin-right: auto;
width: 100%;
}

@media screen and (min-width: 1359px) 

{
.admin-assessment-sub-block {
margin-left: 15.3vw;
margin-right: 172px;
max-width: 840px;
}

}

/* Home Dashboard > Active Assessment block ends */

/* Assessment Results start */
.category-headers-wrapper {
  min-height: 91px;
}
.category-bar-wrapper {
  min-height: 82px;
}
.assess-results-category-header-container {
margin-right: 2rem;
width: 100%;  
min-height: 91px;

}
.assess-results-category-header {
  max-width: 150px;
  max-height: 76px;
}

/* tr:nth-child(odd).assess-results-main-content-header {background-color: #000;}   */
.leadership-col {
  width: 60%;
}

.assess-results-text {
  line-height: 1.2;
  width: 100%;
  width: 150px;
  height: 76px;
  vertical-align: middle;
}
.assess-results-main-content-text {
  font-size: 21px;
  line-height: 1.2;
  width: 120px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
}



th.assess-results-main-content-header.white-col,
td.assess-results-main-content-header.white-col,
th.pink-col1.white-col,
td.pink-col1.white-col,
th.pink-col3,
td.pink-col3, .results-col1
{
border-right: 15px white solid;
}

.assess-results-main-content-header {
padding:20px 10px 20px 10px;
text-align: center;
}
.assess-results-category-header-text {
  font-size: 24px;
}
.assess-results-percentage-text,
.assess-results-main-content-number
{
font-size: 35px;
}
.assess-results-category-title {
font-size: 35px;

flex:1 1 320px;
width: 100%;
padding-left: 20px;
}

.assess-results-category-intro-block {
  min-height: 112px;
  font-size: 24px;
}

.pf-title {
  font-size: 30px;
}
.pf-subtitle {
  font-size: 24px;
}
/* Assessment Results end */

/*Edit Leader List*/
.edit-leader-list{
	background-color: #EAE9E9;
}
.edit-leader-list:nth-child(even){
	background-color: #fff;
}

.icon-btn-active {
	color: #54802D;
	color: var(--green-clr);
}
.icon-btn-active:hover {
	cursor: pointer;
}
.custom-col-md-1_5{
	-ms-flex: 0 0 12.5% !important;
	flex: 0 0 12.5% !important;
	max-width: 12.5% !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/*Upload leader*/
.snackbar-large-message{
	top: -55px !important;
	transform: translate(-50%, 0) !important;
}
.snackbar-large-message h2{
	font-size: 1.5rem;
}
/* Edit My Info styles end */

/* Page-specific styles end */

.bold-small-margin {
  font-weight: bold;
  margin: 12px 10px 12px 10px;
}
.h1-center-bold {
  text-align: center;
  font-weight: bold;
  margin-top: 15px;
}
.text-bold {
  font-weight: bold;
}
.padding-67 {
  padding-left:67.8%
}
.above-collapse-bg {
  background-color: #FCF7E8;
}
.auto-center {
  padding: auto;
  margin: auto;
  text-align: center;
}
.white { color: #fff; }
.black { color: #000; }

.radio-right {
  margin-right: 12px;
}
.remove-leader {
  width: 20px;
  height: 20px;
}

.input-border {
  border: 1px solid #707070;
}
.leader-container {
  position: relative;
}
.add-leader {
    position: relative;
}
.div-center {
  margin-left: auto;
  margin-right: auto;
}

.add-leader-list { 
    background-color: #EAE9E9; 
}

.add-leader-list:nth-child(even) {
    background-color: #ffffff;
}

.add-leader-list > div {
    padding:10px;
}
.float-collapse {
  float:right;
  margin:5px;
  margin-right:4px;
  font-size:40px !important;
}
.collapse-button {
  float:right;
  margin:5px;
  margin-top:0px;
}
.role-title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
}

.offset-panel {
  top: -50px;
  position: relative;
  margin-bottom: 0px;
}

.role-card {
  background-color: #E4EEE0;
  padding-top: 30px;
  padding-bottom: 30px;
  box-shadow: 0px 3px 6px rgba(0,0,0,30%);
}

.role-label {
  font-size: 1.6em;
  font-weight: bold;
}
  
h4.sub-title,
.sub-title
{
  color: #000;
  font-weight: 600;
  font-size: 24px;
  margin-top: 40px;
}

.h2-header {
  font-weight: bold;
  padding: auto;
  margin-left: 0px;
  float: left;
}

.sub-text {
  margin: 20px;
  padding: auto;
  float: left;
  margin-left: 0px;
}

.faq-title {
  background-color: #EDEDED;
  border: none;
}

.faq-pad { padding: 10px 0px 0px 20px; }

.dash-text-input {
  height: 30px;
  text-align: center;
}

.f-10 { font-size: 10px; }

.leader-title {
  font-size: 18px; 
  margin-top: 30px;
}

.leader-title div {
  background-color: #54802D;
  background-color: var(--green-clr);
  padding:20px;
  color:white;
}

.close-open-icon {
  float:right;
  margin:5px;
  margin-right:4px;
  font-size:40px;
  margin-right:20px;
}

.cat_1_title,.cat_2_title,.cat_3_title,.cat_4_title,.cat_5_title,.cat_info_title {
    padding:5px 0px 5px 20px;
}

.above-collapse-bg-cat_1_title{ 
  /* background-color:rgba(243, 214, 137,0.3); */
  background-color: hsla(44, 82%, 72%, .3);
}

.cat_1_title {
  /* background-color: #F3D689; */
    background-color: hsl(44, 82%, 72%);
    background-color: var(--accent-clr-cc);
}

.above-collapse-bg-cat_2_title{ 
  /* background-color: rgba(248, 183, 191,0.3); */
  background-color: hsla(353, 82%, 85%, .3);
}

.cat_2_title {
  /* background-color: #F8B7BF; */
  background-color: hsl(353, 82%, 85%);
  background-color: var(--accent-clr-si);
}

.above-collapse-bg-cat_3_title{ 
  /* background-color: rgba(217, 239, 208, 0.4); */
  background-color: hsla(104, 28%, 87%, .3);
}

.cat_3_title {
  /* background-color: #D9E7D4; */
  background-color: hsl(104, 28%, 87%);
  background-color: var(--accent-clr-pscm);
}

.above-collapse-bg-cat_4_title{ 
  /* background-color: rgba(191, 210, 229, 0.4); */
  background-color: hsla(210, 28%, 78%, .3);
}

.cat_4_title {
  /* background-color: #B6C6D6; */
  background-color: hsl(210, 28%, 78%);
  background-color: var(--accent-clr-ss);
}

.above-collapse-bg-cat_5_title{ 
  background-color:rgba(227, 173, 128, 0.4)
}

.cat_5_title {
    background-color: #E3AD80;
}


.cat_info_title {
  background-color: #E4E4E4;
  
}

.assess-row:nth-of-type(odd) {
  background: #EDEDED;
}
.assess-row:nth-of-type(even) {
  background: #FFFFFF;
}

.footer_graphic_sizing {
  width: 312px;
  height: 145px;
  max-width: 100%; 
}

.card-content-padding { padding: 0px 10px 0px 10px; }
.standard-shadow { box-shadow:0 3px 6px rgba(0,0,0,0.16); }
.dash-item-separator { 
  background-color:#54802D;
  background-color:var(--green-clr);
  margin:10px 20px 10px 20px;
}

.dash-empty {
  font-weight: bold;
  margin: 20px 10px 20px 10px;
  font-size: 20px;
}

.no-assessment {
  font-weight: bold;
  /* margin: 20px 10px 20px 10px; */
  margin: 20px 10px 20px 30px;
  font-size: 20px;
  color: #444444;
  color:var(--main-text-clr);
}



ol.number-spacing {
  margin: 0 0 1.5em;
  padding: 0;
  counter-reset: item;
}

ol.number-spacing>li {
  margin: 0px 0px 20px 0px;
  padding:0 0 0 2em;
  text-indent: -1.5em;
  list-style-type: none;
  counter-increment: item;
}
 
ol.number-spacing>li:before {
  display: inline-block;
  width: 1.5em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content:counter(item) ".";
}


@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) { display: none; }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

.to-hide{ display: block; }
.to-show{ display: none; }

.card-margin1 {
  padding: auto;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-right: 10px;
  padding-left: 10px;
  width: 33%
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.image12 {
  width: 100%;
  min-width: 95vw;
}

.card-img-right {
  float: right;
  margin: 5px;
  margin-right: 20px;
}

.checkbox {

  background-color: #eee;
}

.faq-item {
  margin-top: -6px;
  padding: 10px 20px 20px 20px;
  line-height: 25px;
  font-size: 18px;
  background-color: #e9e0e02f;
  border-radius: 5px;
  margin-bottom: 10px;
}

* { font-family: Open Sans, Helvetica Neue, Arial, sans serif; }

.check-text {
  font-size: 1.6em;
  font-weight: bold;
  padding-right: 100px;
  padding-left: 30px;
}

.centered {
  padding-left: 3em;
  font-size: 2.7em;
  color: black;
  font-weight: bold;
  line-height: 1.1em;
  text-align: left;
}

.bg-dark { background-color: #0B2342!important; }

.row {
  margin-left: 0px;
  margin-right: 0px;
}

.panel8 {
  margin-right: 15%;
  margin-top: 50px;
  margin-left: 15%;
}

#navbarsExampleDefault{
  margin-left: 6%;
  margin-right: 6%;
}

.margin {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 50px;
}

/* ul { 
  list-style: circle inside url( "/assets/image/common/orange_bullet.svg" );
  list-style-position: inside;
} */

ul.orangeList
{
   list-style: none;
}

/* ul.orangeList li::before {
  content: "\2022";
  color: #E17C29;
  font-weight: bold;
  font-size:215%;
  margin-left:-1%;
}

ul.orangeList li div
{
  margin-top:-4.5%;
  margin-left: 2%;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
ul.orangeList li div
{
  margin-top:-7%;
  margin-left: 2%;
}
} */

.footer {
  background-color: #0B2342;
  margin: auto;
  padding-left: 8%;
  padding-right: 8%
}

.footer-body-1 {
  margin-top: 30px;
}

.panel {
  margin: auto;
  padding: 0px 14% 30px 14%;
  font-size: 1.4em;
}

.card-margin {
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 30px;
  margin-top: 30px;
}

.bg-header-color-blue {
  background-color: #061D3C;
  border:1px solid  #061D3C;
  font-weight: bold;
  padding: 0px;
  font-size: 25px;
  text-align: left;
  padding-left: 20px;
}

.bg-header-color-green {
  background-color: #629535;
  border: 1px solid #629535;
  font-weight: bold;
  padding: 0px;
  font-size: 25px;
  text-align: left;
  padding-left: 20px;
}

.panel1 {
  background-color: #E1E9F1;
  padding-left: 10%;
  padding-right: 10%;
  text-align: center;
}

.panel3 {
  background-color: #D7E8C9;
  padding: 50px 10% 50px 10%
}

.content { padding: 35px 10% 35px 10%; }
.panel10 { padding: 15px 10% 15px 10%; }
.panel5 { padding: 15px 5% 15px 5%; }

.panel4 {
  background-color: #E1E9F1;
  padding: 50px 10% 50px 10%
}

.panel6 {
  padding: auto;
  margin-left: 130px;
  margin-right: 130px;
}

.card-height {
  min-height: 350px;
  max-height: 400px;
  max-width: 22rem;
  border-radius: 10px;
  margin: auto;
}

.image1 {
  padding:0 px;
  width: 100%;
  height: 77%;
}

.image2 {
  padding: 0px;
  height: 100%;
  width: 100%
}

.padding-left-2 {
  padding-left: 2%;
}

@media (max-width: 575.98px) {
  .card-margin {
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .card-margin1 {
    padding: auto;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%
  }

  .card-img-right {
    margin: 5px;
    margin-right: 20px;
    float: none;
  }

  .to-hide{display: none;}
  .to-show{display: block;}

  .panel1 {
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
  }

  .panel3 {
    background-color: #D7E8C9;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
  }

  .content {
    padding-left: 15%;
    padding-right: 15%;
  }

  .image12 {
    object-fit: cover;
    height: 350px;
    width: 100%;
    min-width: 95vw;
  }

  .panel10 {
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
  }

  .panel6 {
    padding:auto;
    margin-left:0px;
    margin-right:0px;
  }

  .panel8 {
    margin-right:0px;
    margin-top:50px;
    margin-left:0px;
  }
  
  .margin {
    padding-left:40px;
    padding-right:40px;
    padding-top:50px;
  }

  .padding-left-2 {
    padding-left:9%;
  }
  
  .centered {
    position: absolute;
    top: 50%;
    left: 37%;
    transform: translate(-50%, -50%);
    font-size:2.7em;
    color:black;
    font-weight:bold;
    line-height:1.1em;
    text-align:left;
  }  
  
  .image2 {
    padding:0px;
    width:100%;
    height:180px;
  }
  
  .check-text {
    font-size:1.6em;
    font-weight:bold;
    padding-right:10px;
    padding-left:30px;
  }  
}

@media (max-width:767.98px) {
  .card-margin {
    margin-left:40px;
    margin-right:40px;
    margin-bottom:30px;
    margin-top:30px;
  }

  .card-margin1 {
    padding:auto;
    margin-top:1px;
    margin-bottom:1px;
    padding-right:10px;
    padding-left:10px;
    width:100%
  }

  .card-img-right {
    margin:5px;
    margin-right:20px;
    float:none;
  }

  .to-hide{display:none;}
  .to-show{display:block;}

  .panel1 {
    padding-left:40px;
    padding-right:40px;
    text-align:center;
  }

  .panel3 {
    background-color:#D7E8C9;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:30px;
  }

  .content {
    padding-left:40px;
    padding-right:40px;
  }

  .image12 {
    object-fit: cover;
    height:350px;
    width:100%;
    min-width: 95vw;
  }

  .panel10 {
    padding-left:40px;
    padding-right:40px;
    padding-bottom:30px;
  }

  .panel4 {
    background-color:#E1E9F1;
    padding-bottom:30px;  
    padding-left:40px;
    padding-right:40px;
  }

  .panel6 {
    padding:auto;
    margin-left:0px;
    margin-right:0px;
  }

  .check-text {
    font-size:1.6em;
    font-weight:bold;
    padding-right:10px;
    padding-left:30px;
  }

  .panel8 {
    margin-right:0px;
    margin-top:50px;
    margin-left:0px;
  }

  .margin {
    padding-left:40px;
    padding-right:40px;
    padding-top:50px;
    padding-bottom:20px;
  }

  .footer-body-1 {
    margin-top:30px;
    padding-left:0px;
  }

  .padding-left-2 { padding-left:9%; }

  .centered {
    position: absolute;
    top: 50%;
    left: 42%;
    transform: translate(-50%, -50%);
    font-size:2.7em;
    color:black;
    font-weight:bold;
    line-height:1.1em;
    text-align:left;
  }  

  .image2 {
    padding:0px;
    width:100%;
    height:180px;
  }

  .image1 {
    padding:0px;
    width:100%;
    height:180px;
  }
}

.card-height1{height:800px;margin:auto;}
.card-link{text-decoration:underline;text-align:center;}
.left{margin-left:100px;}

nav {
  text-align: center;
  padding: 0px 0px 0px 0px !important;
}

.row .col-sm-2 { margin-left:0px;}

nav ul {
  list-style: none;
  margin: 0 2px;
  padding: 0;
}

nav li {
   display: inline-block;
   padding: 0px 39px;
}

nav a {
  font-weight: normal;
  padding: 10px 5px;
  font-size: 1em;
}

.box-text {
  font-size:1.2em;
  font-weight:bold;
}

.box-header-text {
  font-size:40px;
  color: #061D3C;
  padding:0px;
  line-height: 1.3em;
}

.box-header-text-margin{margin-top:30px;margin-bottom:10px;}

.circle {
  width: 140px;
  height: 140px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 70px;
  background-color: brown;
}

.card-body{padding:5px}
.footer-text-3{margin-top:20px;color:white;}
.panel2{background-color:lightblue;padding-left:160px;padding-right:160px; text-align:center;}
.panel5{background-color:lightgrey;padding:100px 100px 100px 50px;}
.panel7{padding-left:140px;padding-bottom:30px;padding-top:20px;padding-right:100px;background-color:lightblue;}

.padding-0 { padding-left:0%; }
.image-width-60 { width:60%; }
.image-width-100 { width:100%; }
.footer-terms{color: rgb(127, 127, 127); font-size: 1em;color:white;}
.footer-links{margin-left: 5%; text-decoration: none;color:white;}
.card-margin-1{margin-top:100px;}
.form-heading { color:#fff; font-size:23px;}
.panel h2{ color:#444444; color: var(--main-text-clr);font-size:18px; margin:0 0 8px 0;}
.panel p { color:#777777; font-size:14px; margin-bottom:30px; line-height:24px;}

.login-form .form-control {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
}

.bk-div {
  background-image: url("/assets/image/fullwidthimage_01.jpg");
  height: 370px;
  margin-left:0px;
  margin-right:0px;
}

.login-form .form-group {
  margin-bottom:10px;
}

.login-form{ text-align:center;}
.forgot a {
  color: #777777;
  font-size: 14px;
  text-decoration: underline;
}

.login-form  .btn.btn-primary {
  background: #f0ad4e none repeat scroll 0 0;
  border-color: #f0ad4e;
  color: #ffffff;
  font-size: 14px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
}

.forgot {
  text-align: left; margin-bottom:30px;
}

.botto-text {
  color: #ffffff;
  font-size: 14px;
  
}

.login-form .btn.btn-primary.reset {
  background: #ff9900 none repeat scroll 0 0;
}

.back { text-align: left; margin-top:10px;}
.back a {color: #444444; color: var(--main-text-clr);font-size: 13px;text-decoration: none;}
.row.card { min-height: 300px; }

.image {
  margin-left:200px;
  margin-top:30px;
}

.text {
  text-align:center;
  margin-left:200px;
  margin-top:30px;
  margin-top:150px;
}

.bold {
  font-weight:bold;
  text-align:center;
}

.links {
  float:left;
  display:flex;
  margin:auto;
  text-decoration:none;
  color:white;
}

.disable{
  cursor: not-allowed;
}

.header_image{margin-left:10%;}
.header-language{margin:34px;font-weight: bold;}
.align-right{ text-align:right;}
.sitemap{ color:#ffffff;padding-bottom:5px; font-size:1.5em;}
.div-sitemap{line-height:2em; margin-left:15%; padding-top:2%;}
.footer-links{width:100%; line-height:2em; margin-left:5%; padding-top:2%; line-height: 2em;}
.footer-link-h2{ color:#ffffff;padding-bottom:5px; font-size:1.5em;}

#pgc-5-0-0 { 
  width:100%;
  width:calc(100% - ( 0 * 0px ) );
} 

#pg-5-0 , #pg-5-1 , #pg-5-3 , #pg-5-4 , #pl-5 .so-panel:last-child { margin-bottom:0px }

#pgc-5-1-0 , #pgc-5-2-0 , #pgc-5-4-0 { 
  width:100%;
  width:calc(100% - ( 0 * 30px ) );
}

#pg-5-2 , #pl-5 .so-panel { margin-bottom:35px }
#pgc-5-3-0 , #pgc-5-3-1 , #pgc-5-3-2 { 
  width:33.3333%;
  width:calc(33.3333% - ( 0.66666666666667 * 30px ) );
}

#pg-5-0 > .panel-row-style { 
  background-color: #d1d1d1;
  background-image:url('/assets/image/fullwidthimage_01.jpg');
  background-position: top;
  background-size: cover;
  min-height:40vh;
}

#pg-5-0.panel-no-style, #pg-5-0.panel-has-style > .panel-row-style { 
  -webkit-align-items: stretch;
  align-items: stretch;
}

#pgc-5-0-0 , #pgc-5-1-0 { align-self:auto } 

#panel-5-0-0-0 > .panel-widget-style { 
  background-color: #76b543;
  color: #ffffff;
  width: 30%;
  padding: 3%;
  border-radius: 10px;
}

#pg-5-1.panel-no-style, #pg-5-1.panel-has-style > .panel-row-style , #pg-5-2.panel-no-style, #pg-5-2.panel-has-style > .panel-row-style , #pg-5-3.panel-no-style, #pg-5-3.panel-has-style > .panel-row-style , #pg-5-4.panel-no-style, #pg-5-4.panel-has-style > .panel-row-style { 
  -webkit-align-items: flex-start;
  align-items: flex-start;

} 

#panel-5-1-0-0 > .panel-widget-style { padding:0px 0px 0px 0px } 

#pg-5-2 > .panel-row-style { 
  padding:0% 0% 0% 0%;
  width: 5vw;
  margin:0 auto;
}

#pg-5-3 > .panel-row-style { background-color:#e1e9f1 }

#panel-5-3-0-0 > .panel-widget-style , #panel-5-3-1-0 > .panel-widget-style , #panel-5-3-2-0 > .panel-widget-style { 
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 20px;
}

#pg-5-4 > .panel-row-style {
  background-color: #75b046;
  color: #ffffff;
  text-align: center;
}

@media ( max-width:780px ) { 
  #pg-5-0.panel-no-style, #pg-5-0.panel-has-style > .panel-row-style , #pg-5-1.panel-no-style, #pg-5-1.panel-has-style > .panel-row-style , #pg-5-2.panel-no-style, #pg-5-2.panel-has-style > .panel-row-style , #pg-5-3.panel-no-style, #pg-5-3.panel-has-style > .panel-row-style , #pg-5-4.panel-no-style, #pg-5-4.panel-has-style > .panel-row-style { 
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  #pg-5-0 .panel-grid-cell , #pg-5-1 .panel-grid-cell , #pg-5-2 .panel-grid-cell , #pg-5-3 .panel-grid-cell , #pg-5-4 .panel-grid-cell { margin-right: 0; }
  #pg-5-0 .panel-grid-cell , #pg-5-1 .panel-grid-cell , #pg-5-2 .panel-grid-cell , #pg-5-3 .panel-grid-cell , #pg-5-4 .panel-grid-cell { width: 100%; }
  #pgc-5-3-0 , #pgc-5-3-1 { margin-bottom: 35px; } 
  #pl-5 .panel-grid-cell { padding: 0; }
  #pl-5 .panel-grid .panel-grid-cell-empty { display: none; }
  #pl-5 .panel-grid .panel-grid-cell-mobile-last { margin-bottom: 0px; }
  #panel-5-1-0-0 > .panel-widget-style { padding:0px 0px 0px 0px; }
}

#footer-widgets aside { width : 33.333%; }
#pg-13-2 { margin-bottom: 0; }
#colophon #theme-attribution, #colophon #site-info { display:none; }
.entry-content h3 { color:#ffffff; }

#wp-submit1 {
  color:#ffffff;
  background:#e97a28;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;  
}

.language {
  color:#ffffff;
  background:#e97a28;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  margin: 20px 50px 0 50px;
  font-size: 1.5em;
  width:150px;
}

#coverimage {
  width:100%;
  height: 70%;
}

body.page #content .main .pageclass { padding-bottom: 0!important; }
#flags { display:none; }
.resourcelink { text-decoration:none; margin-bottom:10px;}

#wpsm_accordion_470 .ac_title_class {
  color:#ffffff;
  background-color:#09203f;
}

a.nturl.single-language { color:#ffffff; }

.frm_style_formidable-style.with_frm_style label.frm_primary_label, .frm_style_formidable-style.with_frm_style.frm_login_form label {  
  padding-bottom:10px;
  font-weight:normal;
}

.entry-content table {
  border-bottom:none; 
}

.ur-frontend-form form button[type=submit], .ur-frontend-form form input[type=submit] {  
  color:#ffffff;
  background-color:#e97a28;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  -webkit-transition: none;
  transition: none; 
}

.ur-frontend-form {
  border:none; 
  padding:0;
}

.entry { font-size:1.1em; }
.fullreportSection { padding-left:10px; }
.linkLine { text-decoration:underline; }
.secondaryHidden { display: none; }

/*********************  Mobile size  *********************/
@media (max-width: 680px) {
  .secondaryHidden { display: block; }
  #secondary { display: none; }
  
  /* Header */
  #header-sidebar { margin-top: 10px !important; }  
  #header-sidebar .custom-html-widget > div { text-align: center !important; }
  .logo { width: 100% !important; }

  /* Front Page */
  .panel-row-style-for-2605-6 {
    padding-top: 30px;
    margin: 0px !important;
  }
  
  .panel-widget-style-for-2605-6-0-0, .panel-widget-style-for-2605-6-1-0, .panel-widget-style-for-2605-6-2-0 {
    width: 95% !important;
    margin: auto !important;
    padding: 0px !important;
  }

  /* Home Page */
  
   /* Six boxes block starts */
    .outer-wrapper {
    background-color: #E1E9F1;
    text-align: center;
        }

    .main-card-title {
    font-size: 1.5rem;
       }

                    @media only screen and (min-width: 1000px) {
                        .outer-wrapper {
                        padding-left: 8vw;
                        padding-right: 8vw;
                        }

                        .flex-steps-block {
                        display: flex;
                        justify-content: space-around;
                        align-content: center;
                        flex-wrap: wrap;
                        max-width: 2000px;
                        width: 100%;
                        }

                        .flex-steps-block__step {
                        flex:1 1 33%;
                        max-width: 33%;
                        }

                        .main-card-title {
                        font-size: 1.2rem;
                        }

                    }

                    @media only screen and (min-width: 1336px) {
            
                    .main-card-title {
                    font-size: 1.5rem;
                    }

                    }

                    .card-height {
                        display: flex;
                        flex-direction: column;
                        height: 400px;
                    }
                    @supports (display:grid) { 
                    
                        .grid-block {
                        display: grid;
                        grid-template-rows: minmax(5em, 16em) 1fr;
                        grid-row-gap: 1rem;
                        }
                    }


            /* Six boxes block ends */
  
  
  
  #pgc-5-0-0 { display: none; }

  /* FAQ Page */  
  #pg-429-2, #pg-429-3 { margin: 0px; }
  #pg-429-7 { display: none; }

  /* Log-in Page */  
  .panel-row-style-for-105-2 { margin: 0px !important; }
  #pg-105-3 { margin-bottom: 35px !important; }

  /* Lost Password Page */
  .panel-row-style-for-108-2 { margin: 0px !important; }

  /* Registration Page */
  #pg-1432-3 { display: none; }

  /* PSLA-2 Page */  
  #frm_field_229_container, #frm_field_402_container, #frm_field_420_container, #frm_field_443_container, #frm_field_463_container { margin: 0px;  }

  /* PSLA-Results Page */
  #panel-2543-1-0-0 .siteorigin-widget-tinymce > div:first-of-type { 
    width: 95% !important;
    margin-left: 2.5% !important;
    padding: 0px !important;
  }

  ul { margin-left: 1em; }

  /* PSLA-E-2 Page */  
  #frm_field_386_container, #frm_field_388_container, #frm_field_390_container, #frm_field_392_container { margin: 0px;  }

  /* PSLA Master Overview Page */  
  #panel-937-19-0-0 td > div, #pl-937 .textwidget > div {
    font-size: 90%;
    line-height: 2em;
  }

  .domainAverage {
    font-size: 3em;
    line-height: 1em;
  }

  #pg-937-1 {margin-bottom: 20px; }
  #pg-937-2 { margin: 0px; }
  #pg-937-3 { margin-bottom: 10px; }
  #pl-937 .panel-grid-cell { margin-bottom: 0px; }
  #panel-937-3-1-0 .textwidget { margin-top: 20px; }
  #pg-937-15, #pg-937-18 { font-size: 70%; }
  
  .panel-widget-style-for-142-6-0-2 p, .panel-widget-style-for-142-6-1-1 a, .panel-widget-style-for-142-6-2-1 a {
    font-size: .78em;
    white-space: nowrap ;
  }

  #pg-937-1 { text-align: center; }
  #panel-429-4-0-0 > .panel-widget-style {height: 5vh;}

  #pg-105-1,#pg-105-2,#pg-105-3, #pg-108-1, #pg-108-2, #pg-320-1, #pg-320-2, #pg-320-3, #pg-402-1, #pg-402-2, #pg-402-3, #pg-422-1, #pg-422-2, #pg-422-3, #pg-422-5, #pg-422-7, #pg-429-1, #pg-429-2, #pg-434-1, #pg-434-2, #pg-434-3, #pg-447-1, #pg-447-2, #pg-447-3, #pg-508-1, #pg-508-2, #pg-508-3, #pg-518-1, #pg-518-2, .textwidget img, #pg-5-2 > .panel-row-style-for-5-2, #pgc-5-1-0, .associateImage, #panel-429-4-0-0, #pg-1432-1, #pg-1432-2, #pg-2322-1, #pg-2322-2, #pg-2322-3, #pg-2547-1, #pg-2547-2, #pg-2547-3, #pg-2547-4, #pg-2547-5, #pg-2547-6, #pg-2547-7, #pg-2547-8, #pg-2547-9  {
    width: 95% !important;
    margin-left: 2.5% !important;
    padding: 0px !important;
  }

  #pg-320-3, #pg-402-3 { margin-bottom: 35px;  }

  #pg-320-3> .panel-row-style, #pg-402-3> .panel-row-style  {
    
    padding: 0px;
    display: inline;
  }

  .textwidget strong { line-height: 1.25em; }
  .site-footer { padding: 4% !important }
  #pg-5-2 > .panel-row-style-for-5-2 { padding: 25px 0px 20px !important; }
  #pg-422-2 > .panel-row-style-for-422-2{ padding-bottom: 0px !important; }

  #secondary {
    margin-top: 0px !important;
    margin-bottom: 35px;
  }

  #custom_html-3 > div > div, #custom_html-4 > div > div > div {
    margin-left: 2% !important;
    margin-bottom: 0px !important;
  }

  #pgc-5-2-0, #pgc-5-2-1, #pg-434-3, #pg-434-3 .frm_submit, #pg-518-2 .frm_submit, #custom_html-2, #custom_html-4, #pg-518-2  { margin-bottom: 0px !important; }

  #pg-434-3 .frm_submit {
    width: 80px;
    margin: 0 auto;
  }

  #custom_html-2 { padding-top: 10px !important; }
  #pg-429-3 { padding-bottom: 25px; }

  #pg-142-6 { 
    width: 95vw; 
    margin-left: 2.5%; 
  }

  .panel-row-style-for-142-6 {
    margin: 0px !important;
    width: 95vw;  
  }

  #pg-142-2 {
    height: 50vh;
    overflow: hidden; 
  }

  /*********** Slide in menu **********/
  .mobile-nav-frame > .title, .slide > .mobile {
    background-color: #09203f;
    border: 0px;
  }

  .mobile-nav-frame { background-color: white; }
  .mobile-nav-frame input { background-color: #ECECEC !important; }
  #pg-508-3, #pg-518-2 .frm_message, #pg-518-2 .frm_error_style { margin-bottom: 35px !important; }  
  #custom_html-7 > div > div { padding-top: 0px !important; }
}

/*********************  Tablet size  *********************/

@media (min-width: 681px) and (max-width: 1100px) {
  #panel-5-0-0-0> .panel-widget-style{
    width: 50%;
    z-index: 100; 
    position: relative;
  }

  .logo {height: 100%; width: 33% !important; }
  #primary { width: 68% !important; margin-left: 2.5%; }
  .page-id-142 #primary { width: 95% !important; margin-left: 2.5%; }
  #secondary { margin-right: 2.5%; }
  #pl-5 { width: 95vw; }
  #pg-434-3 { margin-bottom: 0px; }
  .textwidget strong { line-height: 1.25em; }
  #pg-142-6 { width: 95vw; }

  .panel-row-style-for-142-6 {
    margin: 0px !important;
    width: 95vw;  
  }

  #pgc-142-6-0 { width: 75vw !important; }
  #pgc-142-6-1, #pgc-142-6-2 { width: 75vw !important; margin-top: 20px;  }
  
  #panel-142-6-1-0 { 
    width: 90%; 
    margin: 0 5%; 
  }
}

#frm_field_277_container .frm_radio { margin-top: 5px !important; }
#pg-508-3 { margin-bottom: 40% }
#pg-518-2 .frm_message, #pg-518-2 .frm_error_style { margin-bottom: 40%; }
.panel-widget-style-for-142-0-0-0 {  margin: 0; }

#panel-142-0-0-0> .panel-widget-style {
  width: 20vw;
  padding: 25px;
}

.page-id-142 .full-container {
  width: 100vw !important;
  margin: 0% !important;
  max-width: none !important;
  box-sizing: content-box !important;
}

.panel-widget-style-for-142-4-0-1 > div > div > div {
  width: 150px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.nowrap { white-space: nowrap ; }
.logo {height: 100%; width: 25%;}
.underlineit:hover { text-decoration: underline !important; }
.maxbutton-2 {margin-right: 40px; }
#wp-submit1, #panel-2322-3-0-0 .sow-submit, #pgc-1432-2-0 .ur-submit-button, #wp-submit, #post-518 p > input, #post-447 p > input, #frm_form_17_container button, #frm_form_18_container button, .circle-icon { transition: background 0.2s ease !important; background: #e97a28; color: #FFFFFF; border: 0px; }
#wp-submit1:hover, #panel-2322-3-0-0 .sow-submit:hover, #pgc-1432-2-0 .ur-submit-button:hover, #wp-submit:hover, #post-518 p > input:hover, #post-447 p > input:hover, #frm_form_17_container button:hover, #frm_form_18_container button:hover, .circle-icon:hover  { background: #c6651b !important; }
.panel-row-style-for-422-3, .panel-row-style-for-422-5, .panel-row-style-for-422-7 { padding-top: 10px; padding-bottom: 10px; }

#panel-105-2-0-0 .tml-user-links li {
  font-weight: bold;
  list-style-type: none !important;
  margin: 0px !important;
  cursor: pointer !important;
}

#panel-105-2-0-0 .tml-user-links li a:hover {
  text-decoration: underline;
  color: #000000;
}

#panel-105-2-0-0 .tml-user-links li:before {
  content: "•";
  color: #ed7d2b;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  padding-right: 0.25em; 
  text-indent: -.7em;
  position: relative;
  top: 3px;
  margin: 0px !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.tml-action-links a { font-weight: bold; }
.tml-action-links a:hover { color: #000000; text-decoration: underline; }
#pg-108-2 .panel-row-style { padding: 0% 0% 5% 0% !important; }
#pg-5-3 .more-button { display: none; }
#wp-submit { border: 0px; border-radius: 4px; color: #ffffff; }
.register { background-color: #ffffff; }

#pgc-1432-2-0 #user_first_name, #pgc-1432-2-0 #user_last_name, #pgc-1432-2-0 #user_username, #pgc-1432-2-0 #user_email, #pgc-1432-2-0 #user_password, #pgc-1432-2-0 #user_confirm_password {
  border: 1px solid #c0c0c0;
  border-radius: 0px;
  height: 0%;
  padding: 3px;
  box-shadow: 0 0 0 0 !important;
  margin-top: -10px;
}

.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid label {
  font-weight: bold;
  line-height: 2.5;
  color: #000000;
}

#pg-1432-2 .panel-row-style-for-1432-2 {
  margin: 0px;
  padding: 0px;
}

.register .ur-grid-1 {
  padding: 0px !important;
  width: 100% !important;
  background-color: #FFFFFF;
}

.register .ur-submit-button { float:  left !important; margin-top: 10px; }
#chart__frm_column1 > div:last-child {color: rgba(0,0,0,0);}
#defs + rect + g + g { display: none; }
.fa-twitter, .fa-linkedin, .fa-instagram, .fa-youtube-play { transition: color 0.2s ease;   }
.fa-twitter:hover, .fa-linkedin:hover, .fa-instagram:hover, .fa-youtube-play:hover { color: #c6651b; }

.likertPointsLabels {
  font-size: 11px !important;
  margin-bottom: 20px !important;
  color: #909090 !important;
}

#frm_field_521_container .form-group, #frm_field_523_container .form-group, #frm_field_525_container .form-group, #frm_field_527_container .form-group, #frm_field_304_container .form-group, #frm_field_306_container .form-group, #frm_field_310_container .form-group, #frm_field_320_container .form-group { margin-bottom: 5px !important; }

#wpsm_accordion_470 .ac_title_class {
  color: #000000 !important;
  background: none !important;
}

#polylang-5 { margin-right: 0px !important; position: absolute !important; right: 0px !important; top: 30%; }
#custom_html-12 { bottom: -70% } 
#pg-5018-3 .more-button {display: none; }
.btn-color{background-color:#BE570E;background-color:var(--orange-clr);color:white;}
.bg-color-green{background-color: #54802D !important;background-color: var(--green-clr) !important;color:white;padding:20px 0 20px 0;}
.bg-color-blue{background-color: #0B2342 !important;color:white;padding:10px 0 10px 0;}
.btn-color-orange {background-color: #BE570E;background-color:var(--orange-clr);color:white;font-size:1em;}
.btn-color-green{background-color: #54802D;background-color:var(--green-clr);color:white;font-size:1em;}

.checkboxgroup {
  display: inline-block;
  text-align: center;
  padding-left:6px;
  padding-right:6px;
}

.checkboxgroup label { display: block; }
.pi-col-1{background-color:#DBD5D5;padding-top:12px;margin:auto;}

.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 0px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -30px;
  border: 1px solid #707070;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  margin-top: 4px;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -32px;
  padding-left: 5px;
  padding-top: 5px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox.checkbox-sm label::before {
  width: 30px;
  height: 30px;
  top: -13px;
}
.checkbox.checkbox-sm label::after {
  width: 30px;
  height: 30px;
  padding-left: 4px;
  font-size: 20px;
  left: 1px;
  top: -13px;
}
.checkbox.checkbox-sm label {
  padding-left: 18px;
  top: 13px;
}
.checkbox.checkbox-md label::before {
  width: 34px;
  height: 34px;
  top: -17px;
}
.checkbox.checkbox-md label::after {
  width: 34px;
  height: 34px;
  padding-left: 4px;
  font-size: 24px;
  left: 1px;
  top: -18px;
}
.checkbox.checkbox-md label {
  padding-left: 22px;
  top: 17px;
}
.checkbox.checkbox-lg label::before {
  width: 46px;
  height: 46px;
  top: -28px;
}
.checkbox.checkbox-lg label::after {
  width: 46px;
  height: 46px;
  padding-left: 4px;
  font-size: 36px;
  left: 1px;
  top: -31px;
}
.checkbox.checkbox-lg label {
  padding-left: 34px;
  top: 32px;
}

.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}

.radio.radio-sm label::before {
  width: 30px;
  height: 30px;
  top: -13px;
}
.radio.radio-sm label::after {
  width: 22px;
  height: 22px;
  padding-left: 4px;
  font-size: 20px;
  left: 4px;
  top: -9px;
}
.radio.radio-sm label {
  padding-left: 18px;
  top: 13px;
}
.radio.radio-md label::before {
  width: 34px;
  height: 34px;
  top: -17px;
}
.radio.radio-md label::after {
  width: 26px;
  height: 26px;
  padding-left: 4px;
  font-size: 24px;
  left: 4px;
  top: -13px;
}
.radio.radio-md label {
  padding-left: 22px;
  top: 17px;
}
.radio.radio-lg label::before {
  width: 46px;
  height: 46px;
  top: -28px;
}
.radio.radio-lg label::after {
  width: 36px;
  height: 36px;
  padding-left: 4px;
  font-size: 36px;
  left: 5px;
  top: -23px;
}
.radio.radio-lg label {
  padding-left: 34px;
  top: 32px;
}


/* CUSTOM RADIO AND CHECKBOX STYLES */
input[type=radio] + label:before{
  border-radius:50%;
}
input[type=checkbox] + label:before{
  border-radius:2px;
}

.container1  {
  position: relative;
  text-align: center;
  color: white;
}

.span-text { font-size:20px; }

 div.vertical-line{
  width: 1px;
  background-color: #707070;
  height: 100%;
  float: left;
  margin-top:14px;
  height:50px;
}
  
/* tr:nth-child(even) {background-color: #f2f2f2;}   */

.pink-col1 { 
  text-align:center;
  background-color:rgba(252, 247, 232, 0.6);
  padding:20px 10px 20px 10px;
}
.results-col1{ 
  padding:20px 10px 20px 10px; /*Padding same as pink-col1*/
}

.pink-col2 {
  text-align:center;
  background-color:rgba(252, 247, 232, 0.6);
  padding:20px 3px 20px 10px;
}
.results-col2{ 
  padding:20px 3px 20px 10px; /*Padding same as pink-col2*/
}

.results { margin-top:40px; }

.pink-col3 {
  background-color:rgba(245, 245, 245, 0.6);
  text-align:center;
  padding:20px 10px 20px 10px;
}

.pink-col4 {
  background-color:rgba(245, 245, 245, 0.6);
  text-align:center;
  padding:20px 3px 20px 10px;
}

.col-header {
  text-align:center;
  margin:2px;
  color:inherit;
  /* color:white; */
  font-size:25px;
}


.col-sub-header {
  text-align:center;
  margin:2px;
  font-size:14px;
  background-color:#444444;
  background-color:var(--main-text-clr);
  opacity: 0.7;
  border:solid 1px black;
  border-bottom:white;
}

.col-sub-header1 {
  text-align:center;
  margin:2px;
  font-size:14px;
  font-weight:bold;
  border:solid 1px black;
  border-bottom:white;
}

.col-sub-header2 {
  text-align:center;
  margin:2px;
  font-size:14px;
  font-weight:bold;
  border:solid 1px black;
}

.main-card-title {
  font-weight:bold;
  color:#444444;
  color: var(--main-text-clr);
  margin-top:10px;
  line-height: 32px;
}

/* Standard footer styles start  */

.psla-logo-box {
flex: 1 1 267px;
min-width: 267px;
}
/* .psla-logo-box {
flex: 1 1 0;
} */

/* PSLA logo starts  */
.psla-logo {
width: 267px;
height: 113px;
}
/* PSLA logo ends  */
.footer-copyright-text {
font-size: 20px;
}

/* WSMH and GMW logos start */

/* .footer-logos-block {
display: flex;
flex-wrap: wrap;
}

.footer-logos-block > div {
 flex: 1 1 210px;
} */

.footer-logo {
  max-width: 100%;
}
.gmw-ws-logo {
  width: 302px;
  height: 136px;
}
/* WSMH and GMW logos end */
/* Standard footer styles end  */

/* Accessible Accordion styles start */
/**
 * Accordion container element
 */
.accordion {
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordion > li {
	margin: 0;
}

/**
 * Add zero-width space. needed to ensure Safari + VO respect list semantics.
 * Set the before content to position absolute to negate any visible space
 * the before content could add to the document.
 */
.accordion > li:before {
	content: "\200B";
  position: absolute;
}

/**
 * Accordion Heading
 */
.accordion__heading {
 padding:5px 0;
}
/* Standard accordion styles - grey bg */
.accordion__trigger {
  background-color: hsl(0, 0%, 93%);
  background-color: var(--accordion-bg);
}
/* Accordion styles for Sign Up and other forms - green bg   */
.accordion-form .accordion__trigger {
  background-color: hsl(92.9, 40.3%, 84.9%);
  --accordion-bg: hsl(92.9, 40.3%, 84.9%);
  background-color: var(--accordion-bg); 
}

/* Communication & Collaboration bg */
.accordion-form-cc .accordion__trigger {
  background-color: hsl(44, 82%, 75%);
  background-color: var(--accent-clr-cc);
}
/* Social Intelligence bg */
.accordion-form-si .accordion__trigger {
  background-color: hsl(353, 82%, 85%);
  background-color: var(--accent-clr-si);
}
/* Problem-Solving & Conflict Management bg */
.accordion-form-pscm .accordion__trigger {
  background-color: hsl(104, 28%, 87%);
  background-color: var(--accent-clr-pscm);
}
/* Security & Safety bg */
.accordion-form-ss .accordion__trigger {
  background-color: hsl(210, 28%, 78%);
  background-color: var(--accent-clr-ss);
}

.accordion__trigger:after {
  background: url("black-plus-icon.svg") no-repeat center center;
 }

 .accordion-form .accordion__trigger:after {
  background: url("/assets/image/common/plus-green.svg") no-repeat center center;
 } 
.form-assess .accordion__trigger:after {
  background: url("black-plus-icon.svg") no-repeat center center;
}
.accordion__trigger[aria-expanded="true"]:after {
	/* transform: rotate(180deg); */
  background: url("black-minus-icon.svg") no-repeat center center;
}
.accordion-form .accordion__trigger[aria-expanded="true"]:after {
	/* transform: rotate(180deg); */
  background: url("/assets/image/common/minus-green.svg") no-repeat center center;
}

.form-assess .accordion__trigger[aria-expanded="true"]:after {
	/* transform: rotate(180deg); */
  background: url("black-minus-icon.svg") no-repeat center center;
}

.accordion__trigger {
	-webkit-appearance: none;
	border: none;
	border-radius: 0.25rem;
	box-shadow: none;
	cursor: pointer;
	display: block;
	font-size: inherit;
	margin: 0;
	padding: .7em 1em;
  position: relative;
	text-align: left;
	width: 100%;
	z-index: 2;
}
.accordion__trigger:after,
.accordion-form .accordion__trigger:after,
.form-assess .accordion__trigger:after
{
  /* border-left: .4em solid transparent;
  border-right: .4em solid transparent;
  border-top: .5em solid #222; */
  bottom: 0;
  content: '';
  background-size: contain;
  width: 30px;
  height: 30px;
  margin: auto auto auto 1rem;
  position: absolute;
  right: 0.5em;
  top: 0;
  transition: all .5s ease-in-out;
  /* transform-origin: center center; */
  /* transform: rotate(0deg); */
  /* height: 0; */
  /* width: 0; */
}
/* .accordion__trigger:hover:after,
.accordion__trigger:focus:after,
.accordion__trigger[aria-expanded="true"]:after {
	border-top-color: #fff;
} */

.accordion__trigger[aria-expanded="true"]:after,
.accordion-form .accordion__trigger[aria-expanded="true"]:after,
.form-assess .accordion__trigger[aria-expanded="true"]:after
{
  background-size: contain;
  width: 30px;
  height: 30px;
}

/**
 * This is needed to allow a double tap iOS 11
 * Safari + VO to function correctly, if there
 * are multiple elements (wrapper spans) to layout
 * text nodes within the accordion button.

	-- This is not needed if a button only contains text
	   and no other child nodes wrapping the text --

.accordion__trigger > * {
	pointer-events: none;
}
 */
 .accordion__trigger > * {
	pointer-events: none;
}
.accordion__trigger:hover,
.accordion__trigger:focus {
	outline: none;
}
.accordion__trigger:hover,
.accordion__trigger:focus,
.accordion__trigger[aria-disabled="true"]:hover,
.accordion__trigger[aria-expanded="true"]
{
  background-color: hsl(0, 0%, 90%);
  --accordion-bg: hsl(0, 0%, 90%);
  background-color: var(--accordion-bg);
  
}

.accordion-form .accordion__trigger:hover,
.accordion-form .accordion__trigger:focus,
.accordion-form .accordion__trigger[aria-disabled="true"]:hover,
.accordion-form .accordion__trigger[aria-expanded="true"]
{
  background-color: hsl(92.9, 40.3%, 81.9%);
  --accordion-bg: hsl(92.9, 40.3%, 81.9%);
  background-color: var(--accordion-bg);
}

.accordion-form-cc .accordion__trigger:hover,
.accordion-form-cc .accordion__trigger:focus,
.accordion-form-cc .accordion__trigger[aria-disabled="true"]:hover,
.accordion-form-cc .accordion__trigger[aria-expanded="true"]
{
  background-color: hsl(44, 82%, 72%);
  --accent-clr-cc: hsl(44, 82%, 72%);
  background-color: var(--accent-clr-cc);
}
.accordion-form-si .accordion__trigger:hover,
.accordion-form-si .accordion__trigger:focus,
.accordion-form-si .accordion__trigger[aria-disabled="true"]:hover,
.accordion-form-si .accordion__trigger[aria-expanded="true"]
{
  background-color: hsl(353, 82%, 82%);
  --accent-clr-si: hsl(353, 82%, 82%);
  background-color: var(--accent-clr-si);
}
.accordion-form-pscm .accordion__trigger:hover,
.accordion-form-pscm .accordion__trigger:focus,
.accordion-form-pscm .accordion__trigger[aria-disabled="true"]:hover,
.accordion-form-pscm .accordion__trigger[aria-expanded="true"]
{
  background-color: hsl(104, 28%, 84%);
  --accent-clr-pscm: hsl(104, 28%, 84%);
  background-color: var(--accent-clr-pscm);
}

.accordion-form-ss .accordion__trigger:hover,
.accordion-form-ss .accordion__trigger:focus,
.accordion-form-ss .accordion__trigger[aria-disabled="true"]:hover,
.accordion-form-ss .accordion__trigger[aria-expanded="true"]
{
  background-color: hsl(210, 28%, 75%);
  --accent-clr-ss: hsl(210, 28%, 75%);
  background-color: var(--accent-clr-ss);
}


.accordion__trigger[aria-expanded="true"] {
	color: inherit;
}

.accordion__trigger[aria-disabled="true"]:hover {
	cursor: not-allowed;
}
/* Dashed outline on :focus only */
.accordion__trigger:focus-visible,
.accordion__trigger:focus:not(:focus-visible)
{
  outline: 2px dashed hsl(0, 0%, 50%);
    }
 /* Shadow on :hover only */
.accordion__trigger:focus:not(:focus-visible) {
  outline: none;
  box-shadow: 1px 1px 5px hsl(0, 0%, 50%);
}

.accordion__panel {
	max-height: 0vh;
	overflow: hidden;
	position: relative;
	visibility: hidden;
	z-index: 1;
}

.accordion__panel--transition {
	transition:
		max-height .5s ease-in-out,
		padding-top .5s ease-in-out,
		padding-bottom .5s ease-in-out;
    
}

.accordion__panel > :last-child {
	margin-bottom: 0;
}

.accordion__panel[aria-hidden="false"] {
	max-height: inherit;
  overflow: auto;
	visibility: visible;
}

.accordion__body {
  padding: .7em 1em;
  font-size: 18px;
  background-color: #e9e0e02f;
  --gray-clr:#e9e0e02f;
  background-color: var(--gray-clr);
}

.accordion-form .accordion__body,
.accordion__body--no-bg
{
  background-color: transparent;
  font-size: inherit;
}

/* Accordions in forms */


/* Accessible Accordion styles end */


/* Re-usable UI components START */
    /* Thank you UI component STARTS */
    .psla-thankyou {
    /* IE11 only*/
    width: 85%;
    width: min(85%, 100vw - 2rem);
    }
    .psla-thankyou__text {
    font-size: 1.875rem;
    /* IE11 only*/
    width: 90%;
    width: min(70ch, 100% - 2rem);
    }
    /* Congrats icon used in Thank You page */
    .psla-thankyou__inner-wrapper::before {
    content: '';
    display: block;
    background: url('/assets/image/common/congrats_icon.svg') no-repeat center top;
    background-size: contain;
    width: 138px;
    height: 138px;
    }
    /* Thank you UI component ENDS */
/* Re-usable UI components END */