/* Minification failed. Returning unminified contents.
(800,17): run-time error CSS1039: Token not allowed after unary operator: '-d'
(801,18): run-time error CSS1039: Token not allowed after unary operator: '-d'
 */
.view-more-bottom-card, .view-more-bottom-card .card {
    background-color: #00A4A3;
    border: none;
    border-radius: 0;
    color:#fff;
}
.view-more-bottom-card img.card-icon{
    width:35px;
    height:35px;
}
.view-more-bottom-card .card-body{
    padding:1.25rem 0;
}
.view-more-bottom-card .card-content {
    line-height: 1.2;
    margin-bottom:10px;
    font-size:14px;
}
.view-more-bottom-card .anchor-link{
    color:#fff;
    font-size:14px;
}
.filter-data-table {
    font-size: 14px;
}
.filter-data-table th, .filter-data-table td{
    border:none !important;
    vertical-align:middle;
}
.filter-data-table td:first-child{
    text-align:right;
    width:300px;
}
.base-questions h6{
    font-size:13px;
}
/* The container */
.filter-container-label {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1;
}

/* Hide the browser's default radio button */
.filter-container-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #ccc;
}

/* On mouse-over, add a grey background color */
.filter-container-label:hover input ~ .checkmark {
    border-color: #0071ce;
}

/* When the radio button is checked, add a blue background */
.filter-container-label input:checked ~ .checkmark {
    background-color: transparent;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.filter-container-label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.filter-container-label .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0071ce;
}
.filter-container-label:hover {
    color:#0071ce;
}

.card-input{
    background-color:transparent;
    border:none;
    opacity:0.6;
    border: 2px solid
}
.card-input:hover {
    cursor: pointer;
}
.card-input label.apply-text {
    border-bottom: 1px solid transparent;
}
.card-input:hover label.apply-text{
    border-bottom:1px solid;
}
.card-input-element {
    position: absolute;
    right: 12px;
    z-index: 100;
    top: 12px;
    cursor: pointer;
}
.card-select-element {
    position: absolute;
    right: 30px;
    z-index: 100;
    top: 10px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color:#999;
}
.radio-cards .percentage-number {
    font-size: 30px;
    font-weight: bold;
}
/*.radio-cards span.formula{
    margin-left:10px;
}*/
.radio-cards .radio-card-name {
    margin: 0;
    display: block;
    line-height: 1;
}
.radio-cards{
    margin:0;
    border-radius:6px;
    height:100%;
}
.radio-cards .card {
    height: 100%;
}
.radio-cards-container .color-1 {
    /*Salmon pink - Recommend current training*/
    background: rgba(244, 141, 160, 0.25);
    border-color:rgba(153, 153, 153, 0.3);
    color: #E88597;
}
.radio-cards-container .color-2 {
    /*Light blue - Recommend current workplace*/
    background: rgba(0, 175, 224, 0.1);
    border-color: rgba(153, 153, 153, 0.3);
    color: #00AFE0;
}
.radio-cards-container .color-3 {
    /*Blue - Quality of clinical supervision */
    background: rgba(0, 110, 182, 0.1);
    border-color:  rgba(153, 153, 153, 0.3);
    color: #1778BC;
}
.radio-cards-container .color-4 {
    /*Purple - Quality of orientation*/
    background: rgba(88, 52, 143, 0.1);
    border-color: rgba(153, 153, 153, 0.3);
    color: #58348F;
}
.radio-cards-container .color-5 {
    /*Red - Quality of teaching sessions*/
    background: rgba(170, 29, 95, 0.2);
    border-color: rgba(153, 153, 153, 0.3);
    color: #AA1D5F
}
.radio-cards-container .color-6 {
    /*Mustard - Quality of training to raise patient safety concerns*/
    background: rgba(222, 218, 125, 0.4);
    border-color: rgba(153, 153, 153, 0.3);
    color: #AAA725;
}
.radio-cards-container .color-7 {    
    /*Dark grey - Overall perception of workload*/
    background: rgba(84, 87, 90, 0.1);
    border-color: rgba(153, 153, 153, 0.3);
    color: #4D4D4F
}
.radio-cards .card-input-element:checked + .card-input{
    opacity:1;
}
.radio-card-1 .card-input-element:checked + .color-1, .radio-cards-container .color-1:hover {
    border-color: rgba(244, 141, 160, 0.8);
    color: #F48DA0;
}
.radio-card-2 .card-input-element:checked + .color-2, .radio-cards-container .color-2:hover {
    /*Light blue - Recommend current workplace*/
    border-color: #00afe0;
    color: #00afe0;
}
.radio-card-3 .card-input-element:checked + .color-3, .radio-cards-container .color-3:hover {
    /*Blue - Quality of clinical supervision */
    border-color: rgba(0, 110, 182, 0.8);
    color: #1778BC;
}
.radio-card-4 .card-input-element:checked + .color-4, .radio-cards-container .color-4:hover {
    /*Purple - Quality of orientation*/
    border-color: rgba(88, 52, 143, 0.8);
    color: #58348F;
}
.radio-card-5 .card-input-element:checked + .color-5, .radio-cards-container .color-5:hover {
    /*Red - Quality of teaching sessions*/
    border-color: rgba(170, 29, 95, 0.8);
    color: #AA1D5F;
}
.radio-card-6 .card-input-element:checked + .color-6, .radio-cards-container .color-6:hover {
    /*Mustard - Quality of training to raise patient safety concerns*/
    border-color: rgba(170, 167, 37, 0.8);
    color: #AAA725;
}
.radio-card-7 .card-input-element:checked + .color-7, .radio-cards-container .color-7:hover {
    border-color: rgba(84, 87, 90, 0.8);
    color: #4D4D4F;
}
.col-radio{
    width:calc(100%/4);
}
.col-radio-two {
    width: calc(100%/2);
}
.col-radio .checkmark, .col-radio-two .checkmark {
    top: -3px;
}
.card-input:after {
    font-family: FontAwesome;
    content: '\f111';
    font-size: 6.3px;
    position: absolute;
    right: 6.9px;
    top: 6px;
    z-index: 100;
    border: 1px solid;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.base-size-message {
    border: 2px solid #00A4A3;
    padding: 50px 30px;
    margin-top: 3em;
    margin-bottom: 3em;
}
.map-australia {
    height: 415px;
    width: 450px;
}

.map-scale {
    height: 10px; 
    margin: 3em auto;
    position: relative;
}
.map-scale-container .low-scale {
    position: absolute;
    top: 65px;
    left: 15px;
}
.map-scale-container .high-scale {
    position: absolute;
    top: 65px;
    right: 15px;
}

.map-container-parent {
    position: relative;
    height: 660px;
    width: 450px;
    margin: 0 auto;
}

.map-label {
    position: absolute;
    text-align: left;
    cursor: default;

    transition: transform 0.1s linear;
    -webkit-transition: transform 0.1s linear;
    -moz-transition: transform 0.1s linear;
}

.map-label-scale {
    transform: scale(1.1);
}

.map-label-WA {
    top: 150px;
    left: 73px;
}

.map-label-NT {
    top: 90px;
    left: 200px;
}

.map-label-SA {
    top: 197px;
    left: 222px;
}

.map-label-QLD {
    top: 130px;
    right: 70px;
}

.map-label-NSW {
    top: 230px;
    right: 77px;
}

.map-label-VIC {
    right: 85px;
    bottom: 296px;
}

.map-label-ACT {
    bottom: 325px;
    right: 0px;
}

.map-label-TAS {
    bottom: 215px;
    right: 25px;
}

.land {
    cursor: default;

    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}

.map-state-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 0.5;
}
.map-state-average {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
}
.map-state-base {
    font-size: 12px;
    line-height: 1;
}
#snapshotFilterContainer {
    width:inherit;
}
#snapshotFilterContainer .highcharts-container .highcharts-xaxis-labels > span{
    font-family: 'OpenSansRegular', Arial, sans-serif !important;
    font-weight:700 !important;
}
#snapshotFilterContainer .snapshot-chart-label {
    font-size: 12px;
    color: #000000
}
#snapshotFilterContainer .fa{

}
#snapshotFilterContainer .fa.fa-arrow-up, #snapshotFilterContainer .fa.fa-arrow-down, .snapshot-chart-legend .fa.fa-arrow-up, .snapshot-chart-legend .fa.fa-arrow-down {
    font-size: 14px;
    margin-left: 7px;
}
#snapshotFilterContainer .fa.fa-arrow-up.green, .snapshot-chart-legend .fa.fa-arrow-up.green {
    color: green;
}
#snapshotFilterContainer .fa.fa-arrow-down.red, .snapshot-chart-legend .fa.fa-arrow-down.red {
    color: red;
}

.apply-text:hover, .apply-text:focus {
    cursor: pointer;
}
.filtered-data-bar-chart-heading h6{
    font-size:14px;
}
.filtered-data-bar-chart {
    top: -45px;
    position: relative;
    z-index: -1;
}
@media only screen and (min-width:1200px) {
    .snapshot-response-container {
        margin-left:-30px;
        margin-right:-30px;
    }
}
@media only screen and (max-width:991px){
    .snapshot-map-container{
        overflow:auto !important;
    }
}
@media(min-width:576px) and (max-width:1200px){
    .view-more-bottom-card .card-heading{
        height:45px;
    }
}
@media(min-width:767px) and (max-width:991px) {
    .card-input{
        height:110px;
    }
}
@media(min-width:576px) and (max-width:767px) {
    .card-input {
        height: 150px;
    }
}
@media(max-width:575px){
    .card-input {
        height: 125px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .card-input:after {
        display: block;
        top: 6.25px;
        right: 6.75px;
    }
}
@font-face {
    font-family: 'ahpra-covid-icon';
    src: url('font-icon/ahpra-covid-icon.eot?6i84k5');
    src: url('font-icon/ahpra-covid-icon.eot?6i84k5#iefix') format('embedded-opentype'), url('font-icon/ahpra-covid-icon.ttf?6i84k5') format('truetype'), url('fonts/ahpra-covid-icon.woff?6i84k5') format('woff'), url('font-icon/ahpra-covid-icon.svg?6i84k5#ahpra-covid-icon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.icon-covid {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ahpra-covid-icon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-covid:before {
    content: "\e900";
    color: #0071ce;
}


.accordion-header-tilt {
    background-color: #01b4ac;
    color: #fff;
    font-family: 'MontserratBold';
}
h5.own-report-accordion-header {
    font-size:16px;
}
.accordion-header-tilt:hover, .accordion-header-tilt:focus{
    cursor:pointer;
}
/*Section accorion*/
.section-accordion .card {
    border: none;
    border-radius: 0;
    background-color: transparent;
}
.section-accordion > .card > .card-header {
    background-color: transparent;
    border-bottom-width: 2px;
    padding: .55rem 1.25rem .55rem 0.85rem;
}
.section-accordion .card-header:hover, .section-accordion .card-header:focus {
    cursor:pointer;
}
.section-accordion > .card > div.collapse.show {
    border-bottom: 2px solid rgba(0,0,0,.125);
}
.category-icon {
    font-size: 60px;
    line-height:1.25em;
}
.category-name h2 {
    font-family: 'MontserratBold';
    font-size:22px;
    color: #0071CE;
}
.category-header i {
    color: #0071CE;
}
.no-wrap-div{
    white-space: nowrap;
}

/*Subsection accordion styling*/
.subsection-accordion .card-header {
    background-color: #0071CE;
    border-radius: 0px;
    border-bottom: none;
    padding:0;
}
.subsection-accordion .card-header > div{
    padding: 12px 20px;
}
.subsection-accordion .category-name h5 {
    color: #fff;
    font-size: 16px;
    font-family: 'MontserratBold';
}

.subsection-accordion > .card > .card-header i {
    color: #fff;
}

/*Question accordion styling*/

.question-accordion {

}
.question-accordion .card-header {
    background-color: #DEEDF9;
    border-radius: 0px;
   
}
.question-accordion .category-name h5 {
    color: #0071CE;
    font-size: 16px;
    font-family: 'MontserratBold';
}
.question-accordion .card-body{
    background-color:#fff;
    overflow-x:hidden;
    padding:0;
}
.question-accordion .card-body > .card-body-height{
    overflow-y: auto;
    max-height: 560px;
    padding:20px;
}
.back-top {
    padding:20px;
}

.back-top a {
    color: #58348f;
    font-weight: bold;
}

/*Table styling*/
.table-results.table th {
    padding: .35rem .55rem;
}
.table-results.table td{
    padding: .25rem .55rem;    
}

.table-results.table thead th{
   border-bottom:1px solid #fff;
}
.table-results.table td, .table-results.table th {
    border-top: 1px solid #fff;
}
.table-results > tbody > tr > td:not(:first-child):not(:last-child){
    border-right:1px solid #fff;
}
.table-results.table td:not(:first-child) {
    width: 11%;
}
/* Andrew 06/02/2020: Changed background colours of table to be flat colours without opacity. This saves a lot of space in the PDF  */

.table-results > tbody > tr:nth-child(even) {
    background-color: #F6F5FA;
}
.table-results > tbody > tr:nth-child(odd) {
    background-color: #EDE9F3;
}

.table-results .tr-header, .table-results .tr-total {
    background-color: #A48BC2;
    color: #fff;
    font-family: 'OpenSansRegular';
}
.table-results .tr-base, .table-results .tr-average {
    background-color: #C5B5D3;
    color: #fff;
    font-family: 'OpenSansRegular';
}
.table-results .tr-bg-none{
    background-color:transparent !important;
}
.table-results .tr-label  {
    background-color: #D7CDE1;
}

/*Legend for stacked chart stling*/
.color-blue, .color-0 {
    color: #006EB6;
}
.color-purple, .color-1 {
    color: #58348F;
}
.color-tilt, .color-2 {
    color: #00AFAA;
}
.color-maroon, .color-3 {
    color: #931859;
}
.color-EYYellowGR, .color-4 {
    color: #c4ba27;
}
.color-salmon, .color-5 {
    color: #cf6f77;
}
.stacked-chart-legend-container{
    font-size:12px;
    line-height:13px;
}
.stacked-chart-legend-container .fa {
    font-size: 18px;
    top: 3px;
}
.comparison-text-container > div {
    font-size: 13px;
    color: #54575A;
    font-weight: bold;
}

/*Preloader texts styling*/
.text-bold {
    font-family: 'FFDINStdBold';
}
.create-your-report-preload-text [class^="icon-"]{
    top:2px;
    position:relative;
    font-size:18px;
}
/*Stacked chart*/
.stacked-chart-label-container {
    border-top: 1px dashed #0071CE;
    border-bottom: 1px dashed #0071CE;
    width:94%;
}
/* @Katie - Had to change text-indent because it wasn't working correctly on IE */
/*.stacked-chart-label-container > div:nth-last-child(3):not(.label-total-agree).label-total-agree-percentage-0 {
    text-indent: 27%;
}
.stacked-chart-label-container > div:nth-last-child(2):not(.label-total-agree).label-total-agree-percentage-0 {
    text-indent: 35%;
}
.stacked-chart-label-container > div:nth-last-child(2):not(.label-total-agree).label-total-agree-percentage-1 {
    text-indent: 35%;
}
.stacked-chart-label-container > div:nth-last-child(1):not(.label-total-agree) {
    text-indent: 42%;
}*/ 

.label-total-agree-percentage {
    position: relative;
    min-height: 20px;
}

.label-total-agree-percentage-inner {
    position: absolute;
    left: 51%;
    min-width:47px;
}
.total-1.label-total-agree-percentage-0 .label-total-agree-percentage-inner {
    left: 48%;
}
.total-2.label-total-agree-percentage-0 .label-total-agree-percentage-inner {
    left: 40%;
}
.total-2.label-total-agree-percentage-1 .label-total-agree-percentage-inner {
    left:54%;
}
.total-3.label-total-agree-percentage-0 .label-total-agree-percentage-inner {
    left: 23%;
}
.total-3.label-total-agree-percentage-1 .label-total-agree-percentage-inner {
    left: 41%;
}
.total-3.label-total-agree-percentage-2 .label-total-agree-percentage-inner {
    left: 59%;
}
.total-4.label-total-agree-percentage-0 .label-total-agree-percentage-inner {
    left: 13%;
}
.total-4.label-total-agree-percentage-1 .label-total-agree-percentage-inner {
    left: 28%;
}
.total-4.label-total-agree-percentage-2 .label-total-agree-percentage-inner {
    left: 43%;
}
.total-4.label-total-agree-percentage-3 .label-total-agree-percentage-inner {
    left: 58%;
}
.total-5.label-total-agree-percentage-0 .label-total-agree-percentage-inner {
    left: 4%;
}
.total-5.label-total-agree-percentage-1 .label-total-agree-percentage-inner {
    left: 18%;
}
.total-5.label-total-agree-percentage-2 .label-total-agree-percentage-inner {
    left: 34%;
}
.total-5.label-total-agree-percentage-3 .label-total-agree-percentage-inner {
    left: 49%;
}
.total-5.label-total-agree-percentage-4 .label-total-agree-percentage-inner {
    left: 66%;
}
.total-6.label-total-agree-percentage-0 .label-total-agree-percentage-inner {
    left: -10%;
}
.total-6.label-total-agree-percentage-1 .label-total-agree-percentage-inner {
    left: 5%;
}
.total-6.label-total-agree-percentage-2 .label-total-agree-percentage-inner {
    left: 20%;
}
.total-6.label-total-agree-percentage-3 .label-total-agree-percentage-inner {
    left: 35%;
}
.total-6.label-total-agree-percentage-4 .label-total-agree-percentage-inner {
    left: 50%;
}
.total-6.label-total-agree-percentage-5 .label-total-agree-percentage-inner {
    left: 65%;
}

.label-total-agree {
    width: 88px;
    line-height: 18px;
    font-size: 14px;
}
/*.label-total-agree-percentage {
    text-indent: 42%;
}*/
/*Legend color palette*/
[class*="legend-bg-color-"] {
    position: relative;
    top: 3px;
    line-height: 1em;
    margin-bottom: 3px;
    font-size:20px !important;
} .legend-bg-color-1 {
    color: #DDD1E5;
    background-color: #DDD1E5;
} .legend-bg-color-2 {
    color: #BCA6CC;
    background-color: #BCA6CC;
} .legend-bg-color-3 {
    color: #9B7CB3;
    background-color: #9B7CB3;
} .legend-bg-color-4 {
    color: #7A539A;
    background-color: #7A539A;
} .legend-bg-color-5 {
    color: #592C82;
    background-color: #592C82;
} .legend-bg-color-6 {
    color: #43156e;
    background-color: #43156e;
} .legend-bg-color-tilt {
    background-color: #00AFAA;
} .show-average-label input.custom-check {
    /*position: absolute;*/
    opacity: 0;
    display:none;
} .show-average-label input.custom-check:checked + label svg path {
    stroke-dashoffset: 0;
} .show-average-label input.custom-check:focus + label {
    /*transform: scale(1.03);*/
} .show-average-label .custom-check + label {
    display: inline-block;
    border: 2px solid #C4C4C4;
    background-color:#f0f0f0;
    width: var(--d);
    height: var(--d);
    border-radius: 5px;
    cursor: pointer;
    transition: all .2s ease;
    position:relative;
    top:1px;
} .show-average-label .custom-check + label:active {
    /*transform: scale(1.05);*/
    /*border-radius: 30px;*/
} .show-average-label .custom-check + label svg {
    pointer-events: none;
} .show-average-label .custom-check + label svg path {
    fill: none;
    stroke: #00AFAA;
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 101;
    transition: all 350ms cubic-bezier(1, 0, 0.37, 0.91);
}
/*Stackchart legend icons color*/
.table-stackchart-legend td{
    vertical-align: middle;
    padding:.2rem;
}
.table-stackchart-legend tr > td:not(:last-child) {
    text-align:right;
}
.table-stackchart-legend .fa {
    display: inline-block;
    font-size: 15px;
}
.table-stackchart-legend .col-blue1 {
    color: #045FAA;
    border: 1px solid #045FAA;
    background-color: #045FAA;
}
.table-stackchart-legend .col-blue2 {
    color: #1778BC;
    border: 1px solid #1778BC;
    background-color: #1778BC;
}
.table-stackchart-legend .col-blue3 {
    color: #3996D7;
    border: 1px solid #3996D7;
    background-color: #3996D7;
}
.table-stackchart-legend .col-blue4 {
    color: #5AAFEB;
    border: 1px solid #5AAFEB;
    background-color: #5AAFEB;
}

.table-stackchart-legend .col-blue5 {
    color: #9AD5FF;
    border: 1px solid #9AD5FF;
    background-color: #9AD5FF;
}

/*Purple*/
.table-stackchart-legend .col-purple1 {
    color: #592C82;
    border: 1px solid #592C82;
    background-color: #592C82;
}

.table-stackchart-legend .col-purple2 {
    color: #7A539A;
    border: 1px solid #7A539A;
    background-color: #7A539A;
}

.table-stackchart-legend .col-purple3 {
    color: #9B7CB3;
    border: 1px solid #9B7CB3;
    background-color: #9B7CB3;
}

.table-stackchart-legend .col-purple4 {
    color: #BCA6CC;
    border: 1px solid #BCA6CC;
    background-color: #BCA6CC;
}

.table-stackchart-legend .col-purple5 {
    color: #DDD1E5;
    border: 1px solid #DDD1E5;
    background-color: #DDD1E5;
}


/*Tile*/
.table-stackchart-legend .col-tile1 {
    color: #00A4A3;
    border: 1px solid #00A4A3;
    background-color: #00A4A3;
}

.table-stackchart-legend .col-tile2 {
    color: #2DBFBA;
    border: 1px solid #2DBFBA;
    background-color: #2DBFBA;
}

.table-stackchart-legend .col-tile3 {
    color: #74D0CB;
    border: 1px solid #74D0CB;
    background-color: #74D0CB;
}

.table-stackchart-legend .col-tile4 {
    color: #A6DFDB;
    border: 1px solid #A6DFDB;
    background-color: #A6DFDB;
}

.table-stackchart-legend .col-tile5 {
    color: #D3EFED;
    border: 1px solid #D3EFED;
    background-color: #D3EFED;
}

/*Maroon*/
.table-stackchart-legend .col-maroon1 {
    color: #931859;
    border: 1px solid #931859;
    background-color: #931859;
}

.table-stackchart-legend .col-maroon2 {
    color: #b05686;
    border: 1px solid #b05686;
    background-color: #b05686;
}

.table-stackchart-legend .col-maroon3 {
    color: #bf769d;
    border: 1px solid #bf769d;
    background-color: #bf769d;
}

.table-stackchart-legend .col-maroon4 {
    color: #d09ab6;
    border: 1px solid #d09ab6;
    background-color: #d09ab6;
}

.table-stackchart-legend .col-maroon5 {
    color: #ddb6ca;
    border: 1px solid #ddb6ca;
    background-color: #ddb6ca;
}

/*EYYEllowGR*/
.table-stackchart-legend .col-EYYellowGR1 {
    color: #c4ba27;
    border: 1px solid #c4ba27;
    background-color: #c4ba27;
}

.table-stackchart-legend .col-EYYellowGR2 {
    color: #d1c847;
    border: 1px solid #d1c847;
    background-color: #d1c847;
}

.table-stackchart-legend .col-EYYellowGR3 {
    color: #cfc867;
    border: 1px solid #cfc867;
    background-color: #cfc867;
}

.table-stackchart-legend .col-EYYellowGR4 {
    color: #cfc97c;
    border: 1px solid #cfc97c;
    background-color: #cfc97c;
}

.table-stackchart-legend .col-EYYellowGR5 {
    color: #dbd79c;
    border: 1px solid #dbd79c;
    background-color: #dbd79c;
}

/*Salmon*/
.table-stackchart-legend .col-Salmon1 {
    color: #cf6f77;
    border: 1px solid #cf6f77;
    background-color: #cf6f77;
}

.table-stackchart-legend .col-Salmon2 {
    color: #d6838a;
    border: 1px solid #d6838a;
    background-color: #d6838a;
}

.table-stackchart-legend .col-Salmon3 {
    color: #d69499;
    border: 1px solid #d69499;
    background-color: #d69499;
}

.table-stackchart-legend .col-Salmon4 {
    color: #d6a9ad;
    border: 1px solid #d6a9ad;
    background-color: #d6a9ad;
}

.table-stackchart-legend .col-Salmon5 {
    color: #d9bfc1;
    border: 1px solid #d9bfc1;
    background-color: #d9bfc1;
}

.stack-chart-guide {
    color: #0071CE;
}
.stack-chart-guide:hover, .stack-chart-guide:focus{
    cursor:pointer;
}

.results-popover-span::after {
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    content: '\f05a';
    top: -3px;
    position:relative;
    margin-left:5px;
    font-size: 0.95em;
    color: rgba(89, 44, 143, 0.55);    
}
tbody .results-popover-span::after {
    color: #6c757d;
}

.popover.results-popover {
    font-size: 0.8em;
    max-width: 350px;
}
/*User guide icons*/
.icon-user-guide {
    position:relative;
    top:-1px;
}
/*Significant difference legend styling*/
.significant-legend-container{
    font-size:0.9em;
}
.significant-legend-container .fa.fa-arrow-up, .significant-legend-container .fa.fa-arrow-down {
    font-size: 14px;
    margin-left: 7px;
}

.significant-legend-container .fa.fa-arrow-up.green {
    color: green;
}

.significant-legend-container .fa.fa-arrow-down.red {
    color: red;
}
.bullying-chart-title {
    color: #0071CE;
    font-size: 16px;
    font-family: 'MontserratBold';
}

@media only screen and (max-width: 576px) {
    .stacked-chart-label-container {
        width: 87%;
    }
    .label-total-agree {
        width: 62px;
        line-height: 13px;
        font-size: 9px;
    }

    .stacked-chart-legend-container2 {
        font-size: 12px;
    }

    [class*="legend-bg-color-"] {
        font-size: 14px !important;
        top: 0;
    }
    .show-average-label #check + label {
        top:-1px;
    }
    .total-2.label-total-agree-percentage-1 .label-total-agree-percentage-inner {
        left: 44%;
    }

    .label-total-agree-percentage-inner {
        left: 51%;
        min-width: 82px;
    }
    .stacked-chart-label-container > div:nth-last-child(3):not(.label-total-agree).label-total-agree-percentage-0 {
        text-indent: 31%;
    }
    .stacked-chart-label-container > div:nth-last-child(2):not(.label-total-agree).label-total-agree-percentage-1 {
        text-indent: 33%;
    }
    .stacked-chart-label-container > div:nth-last-child(1):not(.label-total-agree) {
        text-indent: 36%;
    }
    .stack-chart-guide {
        width: 100%;
        margin-bottom: 10px;
    }
    .stacked-chart-legend-container2 .mb-3{
        margin-bottom:10px !important;
    }
    .show-average-label .legend-bg-color-tilt {
        margin-top: 4px;
    }
    .significant-legend-container > div {
        margin-left:23px;
    }
    .significant-legend-container .fa.fa-arrow-up, .significant-legend-container .fa.fa-arrow-down {
        margin-left:0px;
        text-indent:-19px;
    }

    .stacked-chart-legend-container .stack-chart-guide {
        text-align: center;
        margin-top: 10px;
    }
   
}
#user-guide{
    background-color:#fff;
    padding:50px;
}
.userguide-step {
    width: 32px;
    height: 32px;
    background: #808080;
    border-radius: 50%;
    color: #Fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.userguide img {
    width: 200px;
    height:200px;
}
.user-step1 img, .user-step2 img {
    height: auto;
}
.user-step1:after, .user-step2:after, .user-step3:after {
    font-family: FontAwesome;
    content: "\f054";
    position: absolute;
    right: -10px;
    top: 45%;
    font-size: 25px;
}
@media(max-width:991px){
    .user-step1:after, .user-step2:after, .user-step3:after {
        display: none;
    }
    .userguide img {
        width: 200px;
        height: auto;
    }
}
.survey-question-pdf.reports-results-pdf .card-body {
    min-height: 14.5rem;
}
.reports-results-pdf .btn-download > span{
    width:100%;
    display:inline-block;
}
.reports-results-pdf .resources-pdf {
    bottom: 13px;
    right: 15px;
}
@media only screen and (min-width:992px) {
    .survey-question-pdf.reports-results-pdf .card-body {
        min-height: 17rem;
    }
}
.results-filter-container, #exportPDF{
    background-color:#fff;
}
.results-filter-container > div:not(:last-child):not(:nth-last-child(2)) {
    border-bottom: 1px solid rgba(0, 164, 163, 0.2);
    /*border-bottom: 1px solid #01b4ac;*/
}

.no-bottom-line {
    border-bottom: none !important;
}

.download-report-separator {
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}
.download-report-extra-padding {
    padding-top: 15px !important;
    padding-bottom: 20px !important;
}

.filter-subheading {
    color: #01b4ac;
    font-family: 'FFDINStdBold';
}
.filter-subheading:hover, .filter-subheading:focus{
    cursor:pointer;
}
.filter-subheading [class*="icon-"] {
    font-size: 20px;
    position: relative;
    top: 3px;
}

.report-content-container .filter-container{
    padding:0;
}
/*Radio button styling for filter with icons*/
.filter-radio-label {
    position: relative;
    cursor: pointer;
}
.filter-radio-label > span {
    width: 100%;
    display: block;
    position: relative;
    color: #c4c4c4;
    transition: all 0.2s ease;
    line-height: 12px;
}
.filter-radio-label .radio-label-txt {
    width: 100%;
    display: block;
    font-family: 'FFDINStdBold';
    /*line-height:10px;*/
}
.filter-radio-label [class*="icon-"] {
    font-size: 56px;
    position: relative;
    top: 6px;
}
.filter-radio-label [class*="iconTrends-"] {
    font-size: 40px;
    line-height: 60px;
    position: relative;
    top: 6px;
}
#exportPDF .filter-radio-label [class*="icon-"] {
    font-size: 80px;
    top: 6px;
}
.filter-radio-label [class*="icon-"]:before {
   
}

.filter-radio-label .radio-checkmark {
    position: relative;
    display:inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #c8ccd4;
    border-radius: 100%;
    -webkit-tap-highlight-color: transparent;
    margin-top:10px;
}

.filter-radio-label .radio-checkmark:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 100%;
    background: #0071ce;
    transform: scale(0);
    transition: all 0.2s ease;
    opacity: 0.08;
    pointer-events: none;
}
.filter-radio-label:hover .radio-checkmark {
    border-color:#0071ce;
}
.filter-radio-label:hover span {
    color: #0071ce;   
}
.results-filter-container input.filter-radio-label [type="radio"]:checked + span .radio-checkmark {
    border-color: #0071ce;
}
.results-filter-container input[type="radio"]:checked + span .radio-checkmark:after {
    transform: scale(1);
    transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
    opacity: 1;
}
.results-filter-container input.radio-input[type="radio"]:checked + span {
    color: #0071ce;
}

.comparison-title {
    font-family: 'MontserratBold';
    color: #53575A;
}

/*multiselect filter option*/
.filter-container .results-filter-container .btn-group {
    border-color: #ced4da;
}

.filter-container .results-filter-container .filter-title {
    font-family: 'MontserratBold';
    color: #53575A;
}
.results-filter-container .multiselect .caret {
    top: 4px;
    right: 6px;
}
.results-filter-container .multiselect .caret::after {
    content: "";
    width: 10px;
    height: 10px;
    display:inline-flex;
    background: url('../Images/icons/icon-select-caret-down.svg') no-repeat;
    background-size: 10px 10px;
}
.results-filter-container .btn-group.show .multiselect .caret::after {
    content: "";
    background: url('../Images/icons/icon-select-caret-up.svg') no-repeat;
}

.results-filter-container .multiselect .multiselect-selected-text {
    font-size: 14px;
    overflow: hidden;
    max-width: calc(100% - 10px);
    display: inline-flex;
}

.results-filter-container .form-control {
    border-radius:0;
    font-size:14px;
}

.results-filter-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../Images/icons/icon-select-caret-down.svg') no-repeat;
    background-position: 97% center;
    background-size: 10px 10px;
}
/*selected li styling updated*/
.results-filter-container .multiselect-container li.active{
    background-color:#01b4ac;
    
}
.results-filter-container .btn-group .dropdown-menu > li.active > a {
    color: #fff;
}
/*To remove button from IE11*/
.results-filter-container select::-ms-expand {
    display: none;
}

.filter-container #comparison-container .filter-option {
    margin-bottom: 5px;
}

/*Filter Identified*/
.filter-identity-icon {
    display: inline-block;
    height: 25px;
    width: auto;
}

/* Target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    .results-filter-container select {
        background-image: none\9;
        padding: 5px\9;
    }
}
@media only screen and (max-width: 1199px) {
    .results-filter-container select {
        background-position: 96% center;
    }
}
@media only screen and (max-width: 991px) {
    .results-filter-container select {
        background-position: 98.7% center;
    }
}
@media only screen and (max-width: 767px) {
    .results-filter-container select {
        background-position: 98.7% center;
    }
    .btn-group ul.multiselect-container {       
        max-width: 100%;       
    }
    .btn-group .dropdown-menu > li > a {        
        white-space: pre-wrap;
        padding-right: 0px;
    }
    .btn-group ul.multiselect-container label {       
        padding-left: 10px;
        padding-right: 10px;
        width: calc(100% - 20px);
        text-indent: -20px;
        margin-left: 20px;
    }
    .results-filter-inner-container .btn-group ul.multiselect-container label input {
        position: relative;
        top: 3px;
    }
}
@media only screen and (max-width: 576px) {
    .results-filter-container select {
        background-position: 97.5% center;
    }
}