html {
    --scrollbarBG: rgba(255, 255, 255, 0);
    --thumbBG: rgba(0, 0, 0, .4);
    --headerColor: #2c303b;
    --orangeColor: #e86f25;
    --blueColor: #33658a;
    --darkBlue : #2c303b;
    --grey : #ebebeb;
    --darkGrey: #a2a2a2;
    --green : #006000;
    --red: #c80000;
    --background-layer1: white;
}
.bottom-shadow-grey{
    box-shadow: 0px 0px 8px 0px var(--darkGrey);
}
.mce-ico.mce-i-camera::before{
    content: "\e046";
    position: relative;
    top: 1px;
    font-family: "Glyphicons Halflings";
}
.black-font{
    color: black !important;
}
.white-font{
    color: white !important;
}
.alert{
    z-index: 10000;
    position: fixed;
}
.input-no-borders{
    /*margin-left: 10px;*/
    border: solid 0 transparent;
    box-shadow: none;
    padding: 2px 4px;
    border-radius: 0;
    outline: 0;
}
.input-no-borders:hover,.input-no-borders:focus{
	box-shadow: 0px 1px 0px 0px #ccc;
}
.opacity50{
    opacity: 0.5;
}
.impersonated-msp{
    box-shadow: inset #f7d000 -1px 0px 0px 8px;
}
.impersonated-msp .navbar{
    margin: 6px 8px 0px 6px;
}
.impersonated-msp #left-nav{
    margin-left: 8px;
    height: calc(100vh - 118px);
}
.impersonated-msp #search-results-wrap{
    margin-bottom: 8px;
    height: calc(100% - 60px);
}
.impersonated-msp #hide-search{
    margin-top: 56px;
    height: calc(100% - 65px);
}
.warning-border{
    border-width: 6px;
    border-image: repeating-linear-gradient(45deg, rgb(0, 0, 0), rgb(0, 0, 0) 10px, rgb(255, 191, 0) 10px, rgb(255, 191, 0) 20px) 6 / auto / 0 stretch;
}
@keyframes innerShadowPulse {
    0% {
        box-shadow: inset 0 0 0 0px rgba(232, 194, 0, 1);
    }
    100% {
      box-shadow: inset 0 0 0 10px rgba(232, 194, 0, 0);
    }
}
@keyframes shadowPulse {
    0% {
        box-shadow: 0 0 0 0px rgba(232, 194, 0, 1);
    }
    100% {
      box-shadow: 0 0 0 30px rgba(232, 194, 0, 0);
    }
}
.expandable-title > .title{
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: white;
    box-shadow: 0px 1px 4px 0px black;
    border-radius: 6px;
    padding: 10px;
    white-space: pre-wrap;
    word-wrap: anywhere;
}
.expandable-title:hover > .title{
    display: block;
}
.shadow-pulse {
    animation: shadowPulse 0.5s infinite
}
.inner-shadow-pulse {
    animation: innerShadowPulse 0.5s infinite
}
.width-24ch{
    max-width: 24ch;
}
/*loading animation*/
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 70px;
  height: 50px;
  margin-top: -20px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 16px;
  left: 37px;
  width: 4px;
  height: 12px;
  border-radius: 20%;
  background: #2c303b;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ui-dialog{
    box-shadow: 0px 1px 6px 0px gray;
    transform: translate(-50%,-50%);
}
#session-expired {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    padding: 20px;
    border-radius: 6px;
    background-color: #ebebeb;
    text-align: center;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    z-index: 2000;
    margin: 0;
}

@font-face {
    font-family: sofia_proregular;
    src: url('../fonts/Sofia Pro Regular_0.otf') format('opentype'), url(../fonts/sofia_pro_regular_0-webfont.woff2) format('woff2'), url(../fonts/sofia_pro_regular_0-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

.bootbox .modal-footer .hide-cancel {
    display: none
}

.modal-header {
    cursor: move
}

.navigationPane {
    height: 100%;
    position: fixed;
    z-index: 150;
    left: 0;
    padding-left: 0;
    margin: 0 4px;
    width: calc(15% - 20px);
    background-color: #fff
}

.techAnswersWrap div.configuration-field,
.techAnswersWrap input.configuration,
.techAnswersWrap input.configuration-field {
    max-width: 250px;
    min-width: 130px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #969696;
    border-radius: 6px;
    max-height: 28px;
    overflow: hidden;
    margin-bottom: 8px!important;
    box-shadow: 1px 1px 5px -2px #000;
    font-size: 14px;
    padding: 6px
}

#left-nav-hide {
    border: 0;
    background-color: #fff
}

.dropdown-submenu {
    position: relative
}

.button-max-80px {
    max-width: 80px;
    min-width: 50px;
    margin: 4px 10px 4px 0
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #33658a;
    color: #fff
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: .5
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: .5
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: .5
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: .5
}

.form-group.required .control-label:after,
.required:after {
    content: "*";
    color: red
}

#globalError,
#globalMsg {
    position: fixed;
    z-index: 2000;
    background-color: green;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 5px
}

#globalMsg {
    background-color: green;
    color: #fff
}

#globalError {
    background-color: #e03732;
    color: #000
}

.ui-widget-header.dialog-title {
    background-color: #000;
    color: #fff
}

#assessments tr:hover>td {
    background-color: #d4d4d4!important
}

.dataTable tr {
    font-size: 14px
}

.dataTable .btn {
    padding: 4px 10px
}

.deleted.in {
    display: none
}

.deleted {
    display: block
}

.inner-addon {
    position: relative
}

.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none
}

.right-addon .glyphicon {
    right: 0
}

.right-addon input {
    padding-right: 30px;
    border-width: 0 0 1px 0
}

.right-addon .glyphicon.glyphicon-search {
    opacity: .5
}

.right-addon .form-control {
    box-shadow: none
}

.loadingOverlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 1500;
    background-color: #000;
    opacity: .5
}

.loadingAnimationWrap {
    z-index: 1501;
    height: 100%;
    position: absolute;
    width: 100%
}

.loadingBox {
    min-height: 100px;
    width: 300px;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -55%);
    background-color: #fff;
    box-shadow: 0 0 13px 0 #000;
    border-radius: 6px;
}

.lds-dual-ring {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-color: #33658a transparent #33658a transparent;
    animation: lds-dual-ring 1.2s linear infinite
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.popover-content {
    overflow-y: auto;
    max-height: 500px
}

.popover {
    min-width: 400px;
    max-width: 800px;
    width: auto;
    max-height: 800px;
    height: auto;
    font-family: OSWALD
}

.navbar-right {
    margin-right: 0
}
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: initial!important
}

.popover-x-body .navbar.navbar-fixed-top {
    margin-right: 0
}

.permissionsTable td {
    padding: 5px
}

.pageWrap {
    padding-top: 51px;
    display: flex;
    flex-direction: column;
    height: 100vh
}
.modal.fade.bootbox .modal-dialog{
    transition:unset;
}
.modal.in.bootbox>.modal-dialog,
.modal.in .modal-dialog.top25,
.modal.fade .modal-dialog.top25,
.top25 {
    top: 45%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -45%);
}

.sectionHeader {
    background-color: #435f77;
    padding: 10px 15px;
    box-shadow: 3px 4px 8px 1px #aeaeae;
    color: #fff
}

.sectionHeader>.row>span,
.sectionHeader>span {
    font-size: 28px
}

.navSection {
    color: #000;
    padding: 1px 0
}

.navSection:hover {
    text-decoration: none
}

.sectionActive {
    background-color: #435f77;
    box-shadow: 3px 4px 8px 1px #aeaeae;
    color: #fff;
    max-width: 80%;
    margin-left: 28px;
    transform: scale(1.2);
    border-radius: 6px
}

.sectionActive .greyText {
    color: #fff
}

.navSection:hover .greyText,
.navSection:hover .redText {
    color: #23527c
}

.redText {
    color: red
}

.greyText {
    color: grey
}

.sticky {
    position: sticky;
    z-index: 100;
    top: 0
}

.modal-header {
    background-color: #2c303b;
    color: #fff
}

.modal-header .close {
    color: #fff;
    opacity: .8;
    font-size: 32px;
    margin: -6px 0;
    padding: 0 10px
}

.modal-header .close:hover {
    opacity: 1
}

.modal-header .glyphicon-pushpin {
    float: right;
    opacity: .8;
    padding: 4px;
    cursor: pointer
}

.question,
.questionShort {
    padding: 5px 0;
    align-items: center;
    display: flex
}

.question.odd {
    background-color: #f0f0f0
}

.question {
    border-bottom: 1px solid #eee
}

.question div {
    text-align: left;
    vertical-align: middle
}

.sectionQuestionsWraper {
    margin: 20px 30px
}

.questionText {
    width: 550px
}

.sofiaFont {
    font-family: sofia_proregular
}

.assesmentsWrap {
    padding: 0 0 10px 10px;
    height: calc(100vh - 122px)
}

.rTable.assesmentsWrap {
    width: 82%
}

.rTable {
    display: table;
    width: 100%
}

.rTableRow {
    display: table-row
}

.rTableHeading {
    display: table-header-group;
    background-color: #ddd;
    font-size: large;
    text-align: center
}

.rTableBody {
    display: table-row-group;
    padding: 3px 10px;
    border: 1px solid #999
}

.rTableFoot {
    display: table-footer-group
}

.rTableCell,
.rTableHead {
    display: table-cell;
    padding: 5px
}

.rTableBottomBorder>.rTableRow .rTableCell,
.rTableBottomBorder>.rTableRow .rTableHeading {
    border-bottom: solid 1px #cfcfcf
}

.tableHeader {
    background-color: #ddd;
    font-size: large;
    padding: 10px
}

.average {
    background-color: #ddd;
    font-size: large
}

div.colspan,
div.colspan+div.rTableCell {
    border: 0
}

div.colspan>div {
    width: 1px
}

div.colspan>div>div {
    position: relative;
    width: 99px;
    overflow: hidden
}

.row {
    display: flex;
    align-items: center
}

#savingPopUp {
    position: fixed;
    top: 50px;
    font-size: x-large;
    width: auto;
    background-color: #9acd32;
    padding: 12px;
    z-index: 1010;
    left: -100px;
    opacity: 0;
    border-radius: 6px
}

.scoreLegend {
    background-color: #fff;
    right: 0;
    padding: 5px;
    border-radius: 6px;
    font-size: 13px
}

.scoreLegend>h3,
.scoreLegend>p {
    margin: 0
}

.width500 {
    width: 500px
}
.questionTextareaWrap {
    width: 100%;
    padding-right: 0
}

/*.questionTextareaWrap span {
    float: right;
    width: 5%
}*/

.questionTextareaWrap textarea {
    float: left;
    width: 95%;
    border-radius: 6px;
    border: 1px solid #cbcbcb;
    padding: 10px
}

.file-loading {
    margin-bottom: 10px
}

.ekko-lightbox.modal {
    top: 0
}

.ekko-lightbox-nav-overlay a {
    color: #a2a2a2!important
}

.filter-box {
    background-color: #efefef;
    color: #00678e;
    border: 1px solid silver;
    border-bottom-color: silver;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
    z-index: 2;
    cursor: pointer;
    font-family: Play, sans-serif;
    font: 15px;
    vertical-align: central
}

textarea {
    width: 100%
}

.glyphicon-remove:hover {
    cursor: pointer;
    color: #8f8f8f
}

.backButton {
    margin-left: 10px
}

.breadcrumb {
    list-style: none;
    overflow: hidden;
    font: 14px Helvetica, Arial, Sans-Serif;
    font-size: .7vw;
    margin: 25px 0 25px 0;
    padding: 0;
    background-color: #fff
}

.breadcrumb>li+li::before {
    padding: 0;
    color: #ccc;
    content: initial
}

.breadcrumb li {
    float: left
}

.breadcrumb li a {
    color: #fff;
    text-decoration: none;
    padding: 10px 1vw 10px 2vw;
    background: #adff2f;
    background: #8ecd00;
    position: relative;
    display: block;
    float: left
}

.breadcrumb li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: 19px solid transparent;
    transform: rotate(0);
    position: absolute;
    top: -1px;
    margin-top: 0;
    left: 100%;
    z-index: 2
}

.breadcrumb li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: 18px solid transparent;
    box-shadow: 2px -2px 3px 0 #c3c3c3;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    margin-top: 0;
    margin-left: -25px;
    left: 100%;
    z-index: 1
}

.breadcrumb li:first-child a {
    padding-left: 20px
}

.breadcrumb li a {
    background: #e0e0e0;
    color: #000
}

.breadcrumb li a:after {
    border-left-color: #e0e0e0
}

.breadcrumb li a.selected {
    background: #435f77;
    color: #fff
}

.breadcrumb li a.selected:before {
    box-shadow: 8px -8px 6px -4px #9d9d9d
}

.breadcrumb li a.selected:after {
    border-left-color: #435f77
}

.breadcrumb li a:hover {
    background: #8cce00;/*#70a401*/
    color: black;
}

.breadcrumb li a:hover:after {
    border-left-color: #8cce00 /*#70a401*/ !important;
}

.errorBox,
.techAnswersWrap input.configuration-field.errorBox {
    border: 1px solid #c30000;
    box-shadow: 0 0 0px 1px #dd4441;
}

.status {
    width: 12px;
    height: 12px;
    margin: auto
}

.bg-grey {
    background-color: #e1e1e1
}

.bg-blue {
    background-color: #00aeff
}

.bg-orange {
    background-color: #e38700
}

.bg-green {
    background-color: #a2d629
}

.bg-red {
    background-color: #d7292a
}

.bg-white {
    background-color: #fff;
    border: .5px solid #000
}

.bg-yellow {
    background-color: #ffea00
}

.status.check-mark {
    background-image: url("../img/green check.png");
    background-size: 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

button.newAssessment,
button.newStrategy {
    margin-left: 10px;
    margin-right: 40px;
    font-size: 18px;
    font-family: OSWALD
}

button.newAssessment:active,
button.newStrategy:active {
    box-shadow: inset 0 0 0 0 #adadad;
    background-color: #8bb723
}

button.newAssessment,
button.newAssessment:active,
button.newAssessment:focus,
button.newAssessment:hover,
button.newStrategy,
button.newStrategy:active,
button.newStrategy:focus,
button.newStrategy:hover {
    color: #fff
}

body.modal-open {
    padding-right: 0!important
}

.modal-update-value {
    width: 90%
}

.betta-label{
    color: var(--orangeColor);
    margin-left: 5px;
}

#assessments>tfoot>tr>th,
#assessments>thead>tr>th {
    text-transform: uppercase;
    font-family: OSWALD;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    font-weight: 400
}

.btn-primary {
    border-color: #bb6129;
    background-color: #e86f25;
    min-width: 50px;
    box-shadow: 0 1px 1px 0 gray
}
.btn-danger{
    box-shadow: 0 1px 1px 0 gray
}

.btn-default {
    box-shadow: 0 1px 1px 0 gray
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #e65800;
    border-color: #89461d
}

.btn-blue {
    background-color: #33658a;
    color: #fff;
    min-width: 50px
}

.btn-blue:hover {
    background-color: #2c5979;
    color: #fff
}

.dropdown-menu.inner::-webkit-scrollbar,
#appInfoModal .modal-body::-webkit-scrollbar,
.custom-scrollbar::-webkit-scrollbar,
.scrollable-bootbox .bootbox-body::-webkit-scrollbar{
    width: 6px;
    height: 6px
}
.dropdown-menu.inner,
#appInfoModal .modal-body,
.custom-scrollbar,
.scrollable-bootbox .bootbox-body{
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.dropdown-menu.inner::-webkit-scrollbar-track,
#appInfoModal .modal-body::-webkit-scrollbar-track,
.custom-scrollbar::-webkit-scrollbar-track,
.scrollable-bootbox .bootbox-body::-webkit-scrollbar-track{
    background: var(--scrollbarBG);
}
.dropdown-menu.inner::-webkit-scrollbar-thumb,
#appInfoModal .modal-body::-webkit-scrollbar-thumb,
.custom-scrollbar::-webkit-scrollbar-thumb,
.scrollable-bootbox .bootbox-body::-webkit-scrollbar-thumb{
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 1px solid var(--scrollbarBG);
}
.pindicator .past .text,
.pindicator .current .text,
.pindicator .next .text{
    color: black;
}

/*Toggle*/
.tgl {
    display: none
}
.tgl,
.tgl *,
.tgl:after,
.tgl:before,
.tgl+.tgl-btn,
.tgl:after,
.tgl:before {
    box-sizing: border-box
}
.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl+.tgl-btn::-moz-selection,
.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection {
    background: 0 0
}
.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl+.tgl-btn::selection,
.tgl::selection,
.tgl:after::selection,
.tgl:before::selection {
    background: 0 0
}
.tgl+.tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%
}
.tgl+.tgl-btn:after {
    left: 0
}
.tgl+.tgl-btn:before {
    display: none
}
.tgl:checked+.tgl-btn:after {
    left: 50%
}
.tgl-light+.tgl-btn {
    background: #d4d4d4;
    border-radius: 2em;
    padding: 2px;
    transition: all .4s ease
}
.tgl-light+.tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    transition: all .2s ease
}
.tgl-light:checked+.tgl-btn {
    background: var(--blueColor);
}
.tgl-btn.small-toggle{
    width: 2em;
    height: 1em;
}

i.mce-i-list-check-solid::before{   
    content: url("../css/images/list-check-solid.svg");
    color: #000;
    font-size: 1.5em;
    padding-right: 0.5em;
    position: absolute;
    width: 100%;
    height: 100%;
 }

#rg-mask {
  inset: 0 !important;
  background: rgba(0,0,0,0.5) !important;
  pointer-events: none !important;
  display: none !important;
}

#rg-hole {
  position: fixed !important;
  z-index: 2147483000 !important;
  background: transparent !important;                     /* no fill */
  box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important;    /* dim around */
  border-radius: 8px !important;
  pointer-events: none !important; 
}

#rg-tooltip {
  max-width: 360px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  padding: 16px;
  pointer-events: auto;
  transform: translateZ(0);             /* nudge onto its own layer */
  position: fixed !important;
  z-index: 2147483001 !important;
}

.rg-badge {
    margin-bottom: 8px;
}

#rg-tooltip h4 {
    margin: 0 0 8px;
    font-size: 16px;
}

#rg-tooltip .rg-actions {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
}

#rg-tooltip .rg-next {
    margin-left:4px;
}


#rg-tooltip .rg-actions .rg-next.rg-next-highlight{
  animation: pulse 1.5s ease-in-out 5s infinite backwards;
}

.tags-container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
}

.product-tag {
    /* color: #808080; */
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
    margin: 0px 4px;
    font-size: smaller;
}

@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.1); }
  100% { transform: scale(1); }
}


body.rg-open .app-root,
body.rg-open .layout,
body.rg-open [data-root],
body.rg-open header.sticky,
body.rg-open main {
  transform: none !important;
  perspective: none !important;
  filter: none !important;
}

@media print {
    * {
        color-adjust: exact!important;
        -webkit-print-color-adjust: exact!important;
        print-color-adjust: exact!important
    }
    #cancel,
    #companies,
    #filter,
    #print,
    #users,
    .hide,
    .questionShort,
    .sectionHeader,
    .sectionHeader>div>div>div.recommendation,
    nav {
        display: none!important
    }
    .sectionHeader>div,
    .sectionHeader>span {
        width: auto
    }
    .header {
        margin-right: 0!important;
        margin-left: 0!important
    }
    .activecoFirstPage,
    .reportPage {
        display: block!important
    }
    .activecoFirstPage {
        border: solid #000!important;
        border-width: 2px 2px 0 2px!important
    }
    .activecoFirstPage .overalReport,
    .activecoFirstPage .subHeader2 {
        padding: 6px!important
    }
    .subHeader {
        margin: 0!important;
        padding: 0!important;
        background-color: #000!important;
        border-bottom: 2px solid #000!important
    }
    .subHeader h2,
    .subHeader h3,
    .subHeader h4,
    .subHeader span {
        color: #fff!important;
        margin: 2px
    }
    .subHeader span {
        margin-top: 6px!important
    }
    .subHeader1 {
        background-color: #929292!important;
        color: #fff!important;
        display: flex!important;
        padding: 4px 12px 0 12px
    }
    .subHeader1>div {
        color: #fff!important
    }
    .subHeader1>div>div {
        color: #fff!important
    }
    .subHeader2 {
        background-color: #363636!important
    }
    .subHeader3 {
        background-color: #a2d629!important
    }
    .subHeader3 h4,
    .subHeader4 h4,
    .subHeader5 h4 {
        color: #fff!important
    }
    .subHeader4 {
        background-color: #3c90e6!important
    }
    .subHeader5 {
        background-color: #e28600!important
    }
    .subHeader2,
    .subHeader3,
    .subHeader4,
    .subHeader5 {
        width: 185px!important;
        padding: 10px!important;
        text-align: center!important;
        margin: 0!important
    }
    .subHeader2>h4 {
        color: #fff!important;
        margin: 0!important
    }
    .reportPageSection {
        background-color: #757575!important
    }
    .reportPageSection.privacy {
        background-color: #b4b4b4!important
    }
    .reportPageSection h4 {
        color: #fff!important
    }
    .reportPageResults {
        margin: 0!important;
        padding: 0!important
    }
    .reportPageSection .subHeader2 {
        align-self: baseline!important;
        background-color: #929292!important;
        width: 185px!important;
        padding: 10px!important;
        text-align: center!important;
        margin: 0!important
    }
    .reportPageResults .policiesCompleted {
        width: 100%!important;
        display: flex!important;
        justify-content: space-around!important
    }
    .policiesCompleted h5 {
        text-align: center!important;
        color: #fff!important
    }
    .fixPrintMargins {
        margin-top: -6px!important;
        margin-left: -6px!important
    }
    .fixPrintMarginsMiddle {
        margin-top: -6px!important
    }
    .overalReport {
        background-color: #fff!important;
        border-bottom: solid 2px #000!important
    }
    .TableOfContentPage,
    .activecoFirstPage,
    .activecoHeader,
    .charts,
    .reportPage {
        page-break-after: always
    }
    .recommendationPrint {
        width: 83.33333333%!important
    }
    .titlePageLogo {
        padding-top: 50px!important;
        margin-bottom: 160px!important
    }
    .titlePageShapes img {
        padding: 0!important;
        width: 92%!important
    }
    .title1 {
        border-right: 1px solid #b2b2b2!important;
        text-align: left!important;
        min-width: 160px!important;
        padding-top: 18px!important;
        padding-bottom: 18px!important
    }
    .title1 h4 {
        color: #b2b2b2!important;
        margin: 0;
        font-size: 20px!important
    }
    .title1Year {
        text-align: left!important;
        font-size: 62px!important
    }
    .title1Year h1 {
        color: #3e90e4!important;
        font-size: 54px!important
    }
    .titlePageFooter h2,
    .titlePageFooter h5,
    .titlePageFooter h6,
    .titlePageFooter p {
        color: #b2b2b2!important
    }
    .pageNumber {
        display: block!important;
        text-align: center!important;
        position: relative;
        bottom: 0
    }
    .pageBreak {
        page-break-before: always!important
    }
    .ui-helper-hidden-accessible {
        display: none
    }
    .verticalLine {
        border-right: 1px solid #c8c8c8;
        align-self: stretch
    }
    .activecoHeader {
        display: flex!important
    }
    .titlePageFooter {
        position: absolute!important;
        bottom: 0!important;
        margin-left: 25px!important
    }
    .recommendationsHeader {
        display: none
    }
    .TableOfContentPage {
        display: grid
    }
    .navigationPane {
        display: none!important
    }
    .hidenReport {
        width: 100%!important;
        height: 100%!important;
        margin-top: 0!important;
        overflow: visible!important;
        position: initial!important
    }
    .topMargin120 {
        display: none!important
    }
    .textBoxIcons {
        display: none
    }
    .reportNote {
        display: none!important
    }
    .printHelper {
        display: block!important
    }
    .printHelper:empty {
        display: none!important
    }
}
@media (max-width:1001px) {
/*    .pageWrap{
        padding-top: 12px;
    }*/
    .navbar-nav > li{
        float: none;
    }
    .navbar-right{
        float: none !important;
        max-height: calc(100vh - 50px);
    }
    .navbar-nav > li > .dropdown-menu{
        margin-bottom: 50px;
    }
    .navbar-nav .dropdown-menu{
        overflow-y: auto;
        float: none !important;
        top: 0%;
        max-height: calc(100vh - 50px);
        overflow-y: auto;
        right: auto !important;;
    }
    .header .navbar-right .dropdown-menu{
        right: auto;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

/*@media (min-width: 768px) and (max-width: 1245px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
} */