.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:0.9em;margin-bottom:5px;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items{margin-bottom:1px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}.grid {
  display: grid;
  width: 100%;
}.grid-gap-l {
  grid-gap: 16px;
}.grid-gap-2 {
  grid-gap: 8px;
}.grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}.grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}.grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}html {
  height: 100vh;
}.fancybox-opened {
  overflow: unset !important;
}.body-container {
  margin: 0;
  padding: 0;
  font-family: "Nunito", Arial, Helvetica, sans-serif;
  background-color: #ece8e5;
}#content_outer {
  grid-area: content_outer;
  width: 100%;
  margin: 0px auto;
}@media only screen and (min-width: 43.75em) {
  #content_outer {
    display: block !important;
  }
}#dashboardType {
  display: none !important;
}.outer_container {
  display: grid;
  grid-template: auto auto 1fr auto/1fr;
  grid-template-areas: "header_main" "heading_container" "content_outer" "footer";
  height: 100vh;
}.heading_container {
  background-color: #53C6D0;
  grid-area: heading-container;
}.heading_container {
  text-align: center;
  color: white;
  text-decoration: none;
}.heading_container .heading_title {
  margin: 0;
  padding: 0.25em;
}.heading_container .heading_title {
  font-size: 1.5em;
  text-decoration: none;
}#header {
  grid-area: header_main;
}#header .header_in .profileLink .login-container .navigation-Container a {
  margin: 0.25em;
  border: solid #282726;
  border-width: 2px;
  border-radius: 1em;
}#header .header_in .profileLink .login-container .navigation-Container a {
  cursor: pointer;
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .navigation-Container a {
    margin: 0;
  }
  #header .header_in .profileLink .login-container .navigation-Container a {
    color: white;
    text-decoration: none;
  }
  #header .header_in .profileLink .login-container .navigation-Container a {
    background-color: unset;
  }
  #header .header_in .profileLink .login-container .navigation-Container a {
    border: none;
  }
}#header .header_in {
  display: grid;
  grid-template: none / 1fr;
  grid-template-areas: "profileLink";
  background-color: #3a3837;
}#header .header_in {
  color: white;
  text-decoration: none;
}#header .header_in .profileLink {
  grid-area: profileLink;
  min-height: 40px;
  display: grid;
  grid-template: none / auto;
  grid-template-areas: "loader";
}#header .header_in .profileLink #loader {
  grid-area: loader;
  margin-right: 10px;
}#header .header_in .profileLink #loader {
  display: flex;
  align-self: center;
  justify-self: right;
}#header .header_in .profileLink {
  background-color: #282726;
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink {
    background-color: #3a3837;
  }
}#header .header_in .profileLink .login-container {
  grid-area: heading_container;
  min-height: 40px;
  display: grid;
  grid-template: none / auto 1fr auto auto;
  grid-template-areas: "icon login-name language logout" "nc nc nc nc";
}@media only screen and (max-width: 48em) {
  #header .header_in .profileLink .login-container.visitor {
    display: grid;
    grid-template: none / 1fr repeat(4, auto);
    grid-template-areas: ". contactL login-action logout language";
    grid-gap: 0 0.5rem;
  }
  #header .header_in .profileLink .login-container.visitor .logoL {
    display: none !important;
  }
}#header .header_in .profileLink .login-container #contact {
  grid-area: contact;
}#header .header_in .profileLink .login-container #contact-loggedOut {
  margin: 0 0.5em 0 0;
}#header .header_in .profileLink .login-container #contact-loggedOut {
  display: flex;
  align-self: center;
}#header .header_in .profileLink .login-container #contact-loggedOut {
  font-size: 1.2em;
  color: white;
  text-decoration: none;
}@media only screen and (max-width: 380px) {
  #header .header_in .profileLink .login-container #contact-loggedOut {
    font-size: 0.9em !important;
  }
}@media only screen and (min-width: 500px) {
  #header .header_in .profileLink .login-container #contact-loggedOut {
    margin: 0 0.5em 0 0;
  }
}#header .header_in .profileLink .login-container #contact-loggedOut {
  grid-area: contactL;
}#header .header_in .profileLink .login-container #contact-loggedOut {
  cursor: pointer;
}#header .header_in .profileLink .login-container #contact-loggedOut {
  background-color: unset;
}#header .header_in .profileLink .login-container #contact-loggedOut {
  border: none;
}#header .header_in .profileLink .login-container .login-name {
  grid-area: login-name;
}#header .header_in .profileLink .login-container .login-action {
  grid-area: login-action;
}@media only screen and (max-width: 380px) {
  #header .header_in .profileLink .login-container .login-action {
    font-size: 0.9em !important;
  }
}#header .header_in .profileLink .login-container .logout {
  justify-self: end;
  align-self: center;
  grid-area: logout;
}@media only screen and (max-width: 380px) {
  #header .header_in .profileLink .login-container .logout {
    font-size: 0.9em !important;
  }
}#header .header_in .profileLink .login-container .language {
  grid-area: language;
}@media only screen and (max-width: 380px) {
  #header .header_in .profileLink .login-container .language {
    font-size: 0.9em !important;
  }
}#header .header_in .profileLink .login-container .navigation-Container {
  grid-area: nc;
}#header .header_in .profileLink .login-container .logoL {
  grid-area: logol;
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container {
    display: grid;
    grid-template: none/auto 2fr repeat(3, auto);
    grid-template-areas: "logol nc contactL login-name logout language";
  }
  #header .header_in .profileLink .login-container #contact {
    grid-area: contact;
  }
  #header .header_in .profileLink .login-container #contact-loggedOut {
    margin: 0 0.5em 0 0;
  }
  #header .header_in .profileLink .login-container #contact-loggedOut {
    display: flex;
    align-self: center;
  }
  #header .header_in .profileLink .login-container #contact-loggedOut {
    font-size: 1.2em;
    color: white;
    text-decoration: none;
  }
}@media only screen and (min-width: 43.75em) and (max-width: 380px) {
  #header .header_in .profileLink .login-container #contact-loggedOut {
    font-size: 0.9em !important;
  }
}@media only screen and (min-width: 43.75em) and (min-width: 500px) {
  #header .header_in .profileLink .login-container #contact-loggedOut {
    margin: 0 0.5em 0 0;
  }
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container #contact-loggedOut {
    grid-area: contactL;
  }
  #header .header_in .profileLink .login-container #contact-loggedOut {
    cursor: pointer;
  }
  #header .header_in .profileLink .login-container #contact-loggedOut {
    background-color: unset;
  }
  #header .header_in .profileLink .login-container #contact-loggedOut {
    border: none;
  }
  #header .header_in .profileLink .login-container .login-name {
    grid-area: login-name;
  }
  #header .header_in .profileLink .login-container .login-action {
    grid-area: login-action;
  }
}@media only screen and (min-width: 43.75em) and (max-width: 380px) {
  #header .header_in .profileLink .login-container .login-action {
    font-size: 0.9em !important;
  }
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .logout {
    justify-self: end;
    align-self: center;
    grid-area: logout;
  }
}@media only screen and (min-width: 43.75em) and (max-width: 380px) {
  #header .header_in .profileLink .login-container .logout {
    font-size: 0.9em !important;
  }
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .language {
    grid-area: language;
  }
}@media only screen and (min-width: 43.75em) and (max-width: 380px) {
  #header .header_in .profileLink .login-container .language {
    font-size: 0.9em !important;
  }
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .navigation-Container {
    grid-area: nc;
  }
  #header .header_in .profileLink .login-container .logoL {
    grid-area: logol;
  }
}#header .header_in .profileLink .login-container .icon, #header .header_in .profileLink .login-container .language, #header .header_in .profileLink .login-container .logout, #header .header_in .profileLink .login-container .login-action, #header .header_in .profileLink .login-container .login-name {
  text-align: center;
  font-size: 1.2em;
  color: white;
  text-decoration: none;
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .icon, #header .header_in .profileLink .login-container .language, #header .header_in .profileLink .login-container .logout, #header .header_in .profileLink .login-container .login-action, #header .header_in .profileLink .login-container .login-name {
    text-align: center;
    font-size: 0.9em;
    color: white;
    text-decoration: none;
  }
}@media only screen and (min-width: 50em) {
  #header .header_in .profileLink .login-container .icon, #header .header_in .profileLink .login-container .language, #header .header_in .profileLink .login-container .logout, #header .header_in .profileLink .login-container .login-action, #header .header_in .profileLink .login-container .login-name {
    font-size: 1.1em;
  }
}@media only screen and (min-width: 66.875em) {
  #header .header_in .profileLink .login-container .icon, #header .header_in .profileLink .login-container .language, #header .header_in .profileLink .login-container .logout, #header .header_in .profileLink .login-container .login-action, #header .header_in .profileLink .login-container .login-name {
    font-size: 1.2em;
  }
}#header .header_in .profileLink .login-container .icon, #header .header_in .profileLink .login-container .language, #header .header_in .profileLink .login-container .logout, #header .header_in .profileLink .login-container .login-action, #header .header_in .profileLink .login-container .login-name {
  display: flex;
  align-self: center;
  justify-self: center;
}#header .header_in .profileLink .login-container .login-name {
  margin: 0 0.5em 0 0;
}#header .header_in .profileLink .login-container .login-name {
  color: #cbc9c8;
  text-decoration: none;
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .login-action {
    grid-area: login-name !important;
  }
}#header .header_in .profileLink .login-container .login-action {
  color: #53C6D0;
  text-decoration: none;
}#header .header_in .profileLink .login-container .login-action {
  margin: 0 0.5em 0 0;
}#header .header_in .profileLink .login-container .login-action {
  font-weight: bold !important;
}#header .header_in .profileLink .login-container .logout {
  margin: 0 0.2em 0 0;
  font-weight: bold;
}#header .header_in .profileLink .login-container .logout {
  color: #F75157;
  text-decoration: none;
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .logout {
    border: solid #cbc9c8;
    border-width: 0 0 0 1px;
    border-radius: 0 0.5em 0.5em 0;
    padding: 0 1em 0 0.5em;
  }
}#header .header_in .profileLink .login-container .language {
  margin: 0 0.2em 0 0;
  font-weight: bold;
}#header .header_in .profileLink .login-container .language {
  color: #F75157;
  text-decoration: none;
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .language {
    border: solid #cbc9c8;
    border-width: 0 0 0 1px;
    border-radius: 0 0.5em 0.5em 0;
    padding: 0 1em 0 0.5em;
  }
}#header .header_in .profileLink .login-container .logo {
  align-items: center;
  display: none;
  height: 100%;
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .logo {
    display: flex !important;
  }
}#header .header_in .profileLink .login-container .icon {
  margin: 0.25em 0 0.25em 0.2em;
  grid-area: icon;
}#header .header_in .profileLink .login-container .icon {
  font-size: 1.6em;
  text-decoration: none;
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .icon {
    display: none;
  }
}#header .header_in .profileLink .login-container .navigation-Container {
  display: grid;
  grid-template: none / 1fr;
  grid-template-areas: "profile" "privacy" "invites" "assessments" "contact" "business";
  background-color: #3a3837;
}#header .header_in .profileLink .login-container .navigation-Container #profile {
  grid-area: profile;
}#header .header_in .profileLink .login-container .navigation-Container #assessments {
  grid-area: assessments;
}#header .header_in .profileLink .login-container .navigation-Container #invites {
  grid-area: invites;
}#header .header_in .profileLink .login-container .navigation-Container #privacy {
  grid-area: privacy;
}#header .header_in .profileLink .login-container .navigation-Container #contact {
  grid-area: contact;
}#header .header_in .profileLink .login-container .navigation-Container #business {
  grid-area: business;
}#header .header_in .profileLink .login-container .navigation-Container .logo {
  grid-area: logo;
}#header .header_in .profileLink .login-container .navigation-Container a {
  font-weight: bold;
  background-color: white;
}#header .header_in .profileLink .login-container .navigation-Container a {
  text-align: center;
  font-size: 1.1em;
  color: black;
  text-decoration: none;
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .navigation-Container a {
    font-weight: normal;
    color: white;
  }
  #header .header_in .profileLink .login-container .navigation-Container a {
    display: flex;
    align-self: center;
    justify-self: center;
  }
  #header .header_in .profileLink .login-container .navigation-Container a {
    background-color: unset;
  }
}@media only screen and (min-width: 66.875em) {
  #header .header_in .profileLink .login-container .navigation-Container a {
    text-align: center;
    font-size: 1.25em;
    color: white;
    text-decoration: none;
  }
}@media only screen and (min-width: 43.75em) {
  #header .header_in .profileLink .login-container .navigation-Container {
    display: grid !important;
    display: grid;
    grid-template: none/repeat(7, auto) 1fr;
    grid-template-areas: "logo profile privacy invites assessments contact business .";
    grid-gap: 0 0.5em;
  }
  #header .header_in .profileLink .login-container .navigation-Container #profile {
    grid-area: profile;
  }
  #header .header_in .profileLink .login-container .navigation-Container #assessments {
    grid-area: assessments;
  }
  #header .header_in .profileLink .login-container .navigation-Container #invites {
    grid-area: invites;
  }
  #header .header_in .profileLink .login-container .navigation-Container #privacy {
    grid-area: privacy;
  }
  #header .header_in .profileLink .login-container .navigation-Container #contact {
    grid-area: contact;
  }
  #header .header_in .profileLink .login-container .navigation-Container #business {
    grid-area: business;
  }
  #header .header_in .profileLink .login-container .navigation-Container .logo {
    grid-area: logo;
  }
}@media only screen and (min-width: 62.5em) {
  #header .header_in .profileLink .login-container .navigation-Container {
    display: grid;
    grid-template: none/repeat(7, auto) 1fr;
    grid-template-areas: "logo profile privacy invites assessments contact business .";
    grid-gap: 0 1em;
  }
}.footer_in {
  background-color: #3a3837;
}.footer_in .f-fb {
  grid-area: fb;
}.footer_in .f-twt {
  grid-area: twt;
}.footer_in .f-pp {
  grid-area: pp;
}.footer_in .f-tc {
  grid-area: tc;
}.footer_in .f-hm {
  grid-area: hm;
}.footer_in .f-pricing {
  grid-area: pricing;
}.footer_in .f-fori {
  grid-area: fori;
}.footer_in .f-forc {
  grid-area: forc;
}.footer_in .fb-link {
  max-height: 20px;
  grid-area: fb-like;
}.footer_in .fb-like {
  width: 80px;
}.footer_in .fb-like iframe {
  height: 0px;
}.footer_in .footer-copyright {
  grid-area: cr;
}.footer_in {
  display: grid;
  grid-template: none/repeat(2, auto) 0.1fr auto 20fr;
  grid-template-areas: "fb twt . fori ." "fb twt . forc ." "fb-like fb-like . . ." "fb-like fb-like . tc ." "fb-like fb-like .  pp ." "cr cr cr cr cr";
  grid-gap: 0 1em;
}@media only screen and (min-width: 31em) {
  .footer_in {
    display: grid;
    grid-template: none/1fr repeat(3, auto) 2fr repeat(3, auto) 2fr auto 1fr;
    grid-template-areas: ". twt fb fb-like fori tc . . cr ." ". . . . forc pp . . cr .";
  }
  .footer_in .f-fb {
    grid-area: fb;
  }
  .footer_in .f-twt {
    grid-area: twt;
  }
  .footer_in .f-pp {
    grid-area: pp;
  }
  .footer_in .f-tc {
    grid-area: tc;
  }
  .footer_in .f-hm {
    grid-area: hm;
  }
  .footer_in .f-pricing {
    grid-area: pricing;
  }
  .footer_in .f-fori {
    grid-area: fori;
  }
  .footer_in .f-forc {
    grid-area: forc;
  }
  .footer_in .fb-link {
    max-height: 20px;
    grid-area: fb-like;
  }
  .footer_in .fb-like {
    width: 80px;
  }
  .footer_in .fb-like iframe {
    height: 0px;
  }
  .footer_in .footer-copyright {
    grid-area: cr;
  }
  .footer_in a {
    font-size: 1em;
    text-decoration: none;
  }
}.footer_in a {
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}.footer_in a {
  display: flex;
  align-self: center;
  justify-self: center;
}.footer_in a {
  text-align: center;
  font-size: 0.8em;
  color: #53C6D0;
  text-decoration: none;
}.footer_in .circle-social {
  display: none !important;
  margin: 0.25em;
  padding: 0;
  border: solid #666563;
  border-width: 3px;
  border-radius: 30%;
  width: 2em;
  height: 2em;
}.footer_in .circle-social {
  display: flex;
  align-self: center;
  align-content: center;
  justify-self: center;
  justify-content: center;
}.footer_in .circle-social {
  color: #53C6D0;
  text-decoration: none;
}.footer_in .circle-social a {
  font-size: 1.3em;
  text-decoration: none;
}.footer_in .footer-copyright {
  text-align: center;
  font-size: 0.8em;
  color: white;
  text-decoration: none;
}.footer_in .footer-copyright {
  display: flex;
  align-self: center;
  justify-self: center;
}.footer_in .footer-copyright span {
  display: flex;
  align-self: center;
  justify-self: center;
}@media only screen and (min-width: 63em) {
  .footer_in .footer-centre-text {
    padding: 0 0.2em;
  }
}@media only screen and (min-width: 43.75em) {
  #heading {
    display: block !important;
  }
}.dropdown {
  position: relative;
  display: inline-block;
}.dropdown-options {
  display: none;
  position: absolute;
  z-index: 1;
  left: -100px; /* adjust this value as needed */
}.dropdown-options a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
  background-color: #fff;
}.dropdown-options a:hover {
  background-color: #ddd;
}/* Show dropdown options when image is clicked */.show {
  display: block;
}/**
Colours for business component
 *//**
Colours for backgrounds and borders
 *//**
Constants
*//**
a selected item like a table row or a list-group item
 *//**
Various properties relating to text. Can pass no arguments
 *//**
CSS grid setup template. Requires row/column declaration
 *//**
Defines margin and padding into one function
 *//**
Border related properties.
 *//**
Used to position an element in a container
 *//**
Combined width and height properties
 *//*Center child elements horizontally and vertically*//*Center child elements vertically*/.center-items-vertically {
  display: flex;
  flex-direction: row;
  align-items: center;
}.inline-items {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: unset;
}/*center content both horizontally and vertically*/.center-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}/*center content vertically*/.center-vertical {
  display: flex;
  flex-direction: row;
  align-items: center;
}.center-horizontal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}/* base grey block for a page. Can be overridden *//* White block in design that will stand out *//**
Disables the ability for the user to highlight on mouse drag
 *//**
Disable an area using a grey overlay
 *//**
Template for a ngx-bootstrap accordion
 *//**
Template for Accept/I Am or Decline/I Am Not containers in drag drop template
 *//**
Template for an item in a drag drop
 *//**
Template for a drag drop
 */.drag-drop-template {
  display: grid !important;
  grid-template: none / 1fr;
  grid-template-areas: "instruct" "main" "accept" "decline";
  grid-gap: 0.1em;
  margin: 0 0.25em 2em 0.25em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}.drag-drop-template .instruct {
  grid-area: instruct;
}.drag-drop-template .mainContainer {
  grid-area: main;
}.drag-drop-template .acceptContainer {
  grid-area: accept;
}.drag-drop-template .declineContainer {
  grid-area: decline;
}.drag-drop-template .instruct {
  display: grid !important;
  grid-template: none / 1fr;
  grid-template-areas: "d" "i";
}.drag-drop-template .instruct .drag {
  grid-area: d;
  font-size: 1.1em;
}.drag-drop-template .instruct .info {
  grid-area: i;
}.drag-drop-template .gu-transit {
  display: none;
}.drag-drop-template ul {
  display: grid !important;
  grid-template: repeat(auto-fill, minmax(1em, auto)) / repeat(auto-fill, minmax(9em, auto));
  grid-gap: 0.5em;
  border: solid #666563;
  border-width: 2px;
  border-radius: 0.5em;
  margin: 0.15em;
  padding: 0.125em;
  min-height: 8em;
  list-style: none;
  grid-auto-flow: row;
}.drag-drop-template ul li {
  text-align: center;
  text-decoration: none;
  border: solid #3a3837;
  border-width: 1px;
  border-radius: 0.5em;
  padding: 0 0.1em;
  background-color: white;
}.drag-drop-template div {
  border: solid #666563;
  border-width: 2px;
  border-radius: 0.5em;
  padding: 0 0 0.25em 0;
}.drag-drop-template div label {
  font-family: inherit;
  text-align: center;
  font-size: 1.8em;
  color: white;
  text-decoration: none;
  padding: 0.25em 0 0 0;
  display: flex;
  justify-content: center;
  font-weight: 500;
  line-height: 1.1;
}.drag-drop-template div i {
  text-align: center;
  color: white;
  text-decoration: none;
  display: flex;
  justify-content: center;
}.drag-drop-template .instruct {
  text-align: center;
  text-decoration: none;
  background-color: white;
}.drag-drop-template .mainContainer {
  padding: 0;
  border: none;
}.drag-drop-template .mainContainer .mainDragArea {
  background-color: #ECE8E5;
}.drag-drop-template .acceptContainer {
  border: solid #7DDAE3;
}.drag-drop-template .acceptContainer {
  background-color: #53C6D0;
}.drag-drop-template .acceptContainer ul {
  border: solid #32AFBA;
}.drag-drop-template .acceptContainer ul li {
  background-color: #B3EEF3;
}.drag-drop-template .declineContainer {
  border: solid #FD7579;
}.drag-drop-template .declineContainer {
  background-color: #F75157;
}.drag-drop-template .declineContainer ul {
  border: solid #C54045;
}.drag-drop-template .declineContainer ul li {
  background-color: #FEA1A3;
}.btn-cliq {
  color: #fff;
  background-color: #53C6D0;
  border-color: #53C6D0;
}.btn-cliq:hover {
  background-color: #32AFBA;
  border-color: #1396A2;
}.btn-business {
  color: #fff;
  background-color: #9B5EBF;
  border-color: #9B5EBF;
}.btn-business:hover {
  color: #fff;
  background-color: #CDAEDF;
  border-color: #CDAEDF;
  text-decoration: none;
}[hidden] {
  display: none !important;
}.loading, .loading-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}/**
Show inside parent and not ontop/overlay
 */.loading-relative {
  position: relative !important;
}.loading {
  z-index: 2;
  width: 60px;
  height: 60px;
  margin: auto;
  border: solid #d6d6d6;
  border-width: 1px;
  border-radius: 20%;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('/vi/images/cliquidity-loading.gif');
}.loading-backdrop {
  background: rgba(200, 200, 200, 0.2);
}.image-loader {
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  text-align: center;
  z-index: 100234;
  overflow: auto;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
}.image-loader-normal {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 100234;
  overflow: auto;
  width: 32px; /* width of the spinner gif */
  height: 32px; /*hight of the spinner gif +2px to fix IE8 issue */
}.btn-default {
  background-color: #dddddd;
}.btn-xs {
  padding: 0.25rem 0.4rem;
  font-size: 0.875rem;
  text-decoration: none;
  line-height: 0.5;
  border-radius: 0.2rem;
}.card {
  margin: 0 0 1.25rem 0;
}.card .card-body {
  padding: 0.75rem;
}.card .card-header {
  padding: 0.5rem 1.25rem;
}.card.active {
  color: inherit;
  text-decoration: none;
  background-color: #B3EEF3;
  border-color: inherit;
}/**
Templates for a navigation / action button
 */.test-finished a, .white-block cliqbutton div, .test .nav .page-number, .test .nav .prev a, .test .nav .next a {
  border: solid #ECE8E5;
  border-width: 0px;
  border-radius: 0.5em;
  padding: 0.25em 0.5em;
  color: white !important;
  text-decoration: none;
  background: linear-gradient(#7DDAE3, #53C6D0);
  cursor: pointer;
}.test .nav {
  display: grid !important;
  grid-template: none / 1fr;
  grid-template-areas: "next" "page" "prev";
  grid-gap: 0 0.5em;
  font-size: 150%;
  text-decoration: none;
}.test .nav .next {
  grid-area: next;
  justify-self: center;
}.test .nav .prev {
  grid-area: prev;
  justify-self: center;
}.test .nav .loading, .test .nav .page-number {
  grid-area: page;
  cursor: default;
  display: flex;
  align-self: center;
  justify-self: center;
}.test .nav .page-number {
  background: #CBC9C8 !important;
  text-align: center;
  color: #3a3837 !important;
  text-decoration: none;
}.test .nav .loading {
  margin: 0 auto;
  width: 1.5em;
  height: 1.5em;
  position: unset !important;
}.test .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}.test .disabled a {
  pointer-events: none;
}.cliquidity-checkbox {
  text-align: center;
  text-decoration: none;
  border: solid #d6d6d6;
  border-width: 1px;
  border-radius: 10%;
  margin: 0;
  width: 1.563em;
  height: 1.563em;
  cursor: pointer;
}.cliquidity-checkbox.checked {
  font-size: 100%;
  color: #212529;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-items: center;
}.cliquidity-checkbox.notchecked {
  color: transparent;
  text-decoration: none;
}.cliquidity-checkbox.readonly {
  border: 0;
  cursor: inherit;
}/* white text block use for eg on test intro page */.white-block {
  border: solid #CBC9C8;
  border-width: 2px;
  border-radius: 0.5em;
}@media only screen and (max-width: 24.375em) {
  .white-block {
    padding: 0.25em;
  }
}.white-block {
  margin: 0.25em;
  padding: 0.75em;
}.white-block {
  background-color: white;
}.white-block {
  min-height: 200px;
}.white-block cliqbutton div {
  margin: 1em;
}.white-block cliqbutton div a {
  font-size: 150%;
  color: unset;
  text-decoration: none;
}.validation {
  display: inline-block;
}/**
Show an opened/closed icon on right side of accordion
 *//**
Explicit overwrite of bootstrap.css anchor styling
 */.btn-version a, .btn-version a:hover {
  color: white;
  text-decoration: none;
}.test-intro h2 {
  margin: 10px 0 10px 0;
}.test-finished {
  display: grid !important;
  grid-template: 1fr auto 1fr auto auto auto 1fr / 1fr auto 1fr;
  grid-template-areas: ". . ." "text text text" ". . ." ". report ." ". tell ." ". dashboard ." ". . .";
  font-size: 1.3em;
  text-decoration: none;
  min-height: 60vh;
}.test-finished .tf-text {
  grid-area: text;
}.test-finished .tf-report {
  grid-area: report;
}.test-finished .tf-tell {
  grid-area: tell;
}.test-finished .tf-dashboard {
  grid-area: dashboard;
}.test-finished span {
  text-align: center;
  text-decoration: none;
  grid-area: text;
}.test-finished a {
  margin: 0;
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
}.test-finished a div {
  font-size: 1.5em;
  text-decoration: none;
  margin: 0 0;
}.test-finished a .fas {
  color: white !important;
}.ui-dialog .fancybox-default-content#download_popup a {
  text-decoration: underline;
}.ui-dialog .fancybox-default-content#download_popup a :hover {
  cursor: pointer;
}.ag-header-cell .ag-floating-filter-input {
  color: black;
}/**
  Also see shared_pdf.css
 */.trans-red, .trans-red li {
  background-color: lightcoral !important;
}.trans-green, .trans-green li {
  background-color: lightgreen !important;
}.table-borderless td, .table-borderless thead th {
  border: 0;
}.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #F9F9F9;
}@media only screen and (min-width: 48em) {
  .test-finished {
    display: grid !important;
    grid-template: 1fr auto 1fr auto 10vh / 1fr repeat(3, auto) 1fr;
    grid-template-areas: ". . . . ." "text text text text text" ". . . . ." ". tell report dashboard ." ". . . . .";
  }
  .test-finished .tf-text {
    grid-area: text;
  }
  .test-finished .tf-report {
    grid-area: report;
  }
  .test-finished .tf-tell {
    grid-area: tell;
  }
  .test-finished .tf-dashboard {
    grid-area: dashboard;
  }
}/**
Over writes when at 272px screen width or greater
 */@media only screen and (min-width: 17em) {
  .test .nav {
    display: grid !important;
    grid-template: none/1fr auto 1fr;
    grid-template-areas: "prev page next";
  }
  .test .nav .next {
    justify-self: start;
  }
  .test .nav .prev {
    justify-self: end;
  }
}/**
Over writes when at 300px screen width or greater
 */@media only screen and (min-width: 18.7em) {
  .drag-drop-template {
    display: grid !important;
    grid-template: none/1fr 1fr;
    grid-template-areas: "instruct instruct" "main main" "accept decline";
  }
  .drag-drop-template .instruct {
    grid-area: instruct;
  }
  .drag-drop-template .mainContainer {
    grid-area: main;
  }
  .drag-drop-template .acceptContainer {
    grid-area: accept;
  }
  .drag-drop-template .declineContainer {
    grid-area: decline;
  }
}/**
Over writes when at 500px screen width or greater
 */@media only screen and (min-width: 32.8em) {
  .drag-drop-template {
    display: grid !important;
    grid-template: none/3fr 1fr;
    grid-template-areas: "instruct instruct" "main accept" "main decline";
  }
  .drag-drop-template .instruct {
    grid-area: instruct;
  }
  .drag-drop-template .mainContainer {
    grid-area: main;
  }
  .drag-drop-template .acceptContainer {
    grid-area: accept;
  }
  .drag-drop-template .declineContainer {
    grid-area: decline;
  }
  .drag-drop-template .mainContainer {
    border: solid #666563;
    border-width: 2px;
    border-radius: 0.5em;
  }
  .drag-drop-template .mainContainer .mainDragArea {
    min-height: 27em;
    border: none;
  }
  .drag-drop-template .mainContainer .mainDragArea li {
    padding: 0.25em;
  }
}/**
Over writes when at 800px screen width or greater
 */@media only screen and (min-width: 50.3em) {
  .test .nav .next {
    justify-self: center;
  }
  .test .nav .prev {
    justify-self: center;
  }
}

/*# sourceMappingURL=ngshared.css.map*/