@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Thin.ttf');
    font-weight: 100;
    font-style:normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ThinItalic.ttf');
    font-weight: 100;
    font-style:italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.ttf');
    font-weight: 200;
    font-style:normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLightItalic.ttf');
    font-weight: 200;
    font-style:italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Light.ttf');
    font-weight: 300;
    font-style:normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-LightItalic.ttf');
    font-weight: 300;
    font-style:italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf');
    font-weight: 400;
    font-style:normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Italic.ttf');
    font-weight: 400;
    font-style:italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.ttf');
    font-weight: 500;
    font-style:normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-MediumItalic.ttf');
    font-weight: 500;
    font-style:italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.ttf');
    font-weight: 600;
    font-style:normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBoldItalic.ttf');
    font-weight: 600;
    font-style:italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.ttf');
    font-weight: 700;
    font-style:normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BoldItalic.ttf');
    font-weight: 700;
    font-style:italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBold.ttf');
    font-weight: 800;
    font-style:normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBoldItalic.ttf');
    font-weight: 800;
    font-style:italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Black.ttf');
    font-weight: 900;
    font-style:normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BlackItalic.ttf');
    font-weight: 900;
    font-style:italic;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px;
    }

    .btn-copyassessment {
        text-wrap: nowrap;
    }
}

html{
    height: 100%;
}

body{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    font-family: 'Poppins';
    font-size:20px;
    background-color:#fff;
}

header{
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color:#fff;
}

.main-container{
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

main, .main{
    margin: 30px 0 60px 0;
    background-color:#fff;
}

.custom-main{
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

footer, .footer{
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    padding-top: 26px;
    padding-bottom: 0;
    font-size: 16px;
    background-color:#fff;
    border-top:10px solid #80adb5;
}

.footer a{
    color: #002424;
    font-weight:700;
    font-size:16px;
    text-decoration: none;
}

.footer-logo{
    height:50px;
}

.footer-bottom{
    background-color:rgba(0, 105, 146, 0.125);
    text-align:center;
    padding:16px;
    color: #002424;
    font-size:16px;
}

.footer-spocial-link-icon{
    font-size:18px; 
    border-radius:50%; 
    background-color:#000; 
    color:#fff; 
    width:34px; 
    height:34px; 
    line-height:34px; 
    font-weight:300; 
    text-align:center;
}

.footer-social-link{
    font-weight:500 !important; 
    text-transform:uppercase;
}

.footer-spocial-link-icon a{
    color:#fff; 
}

.footer-title{
    font-size:22px; 
    color:#ed6e63; 
    font-weight:700;
}

.color-theme-primary{
    color: #80adb5 !important;
}

.color-theme-secondary{
    color: #ed6e63;
}

.bg-theme-light{
    background-color: #f1f1f1;
}

.btn{
    border-radius:50px;
    font-weight:600;
    font-size:16px;
    padding:10px 12px;
}

.btn:not(:disabled) {
    cursor: pointer;
}

.btn-sm{
    padding:6px 10px;
    font-size:12px;
}

.btn-lg{
    font-size:20px;
    padding:10px 30px;
}

.btn .spinner-border-sm{
    width:20px;
    height:20px;
}

.btn-xs{
    padding:3px 10px;
    font-size:12px;
}

.btn-xs .spinner-border-sm{
    width:10px;
    height:10px;
}

.input-group .btn{
    padding:0 16px;
}

.btn-theme {
    background-color:#80adb5;
    color:#000;
}

.btn-theme:hover, .btn-theme:focus, .btn-theme:focus-visible, .btn-theme:active {
    background-color:#99bdc4 !important;
    color:#000 !important;
}

.btn-theme:disabled {
    background-color:#99bdc4;
    color:#333;
    border:none;
}

.btn-link {
    color: #ed6e63;
    font-weight: 600;
}

.btn-link:hover, .btn-link:focus, .btn-link:focus-visible, .btn-link:active {
    color:#ed6e63 !important;
}

.btn-theme-secondary {
    background-color:#f18b82;
    color:#000;
}

.btn-theme-secondary:hover, .btn-theme-secondary:active, .btn-theme-secondary:focus, .btn-theme-secondary:focus-visible {
    background-color:#f18b82 !important;
    color:#000 !important;
}

.btn-theme-secondary:disabled {
    background-color:#f18b82;
    color:#333;
    border:none;
}

.btn-warning {
    background-color:#fab512;
    color:#000;
}

.btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:focus-visible {
    background-color:#fcd371 !important;
    color:#000 !important;
}

.btn-warning:disabled {
    background-color:#fcd371;
    color:#333;
    border:none;
}

.btn-theme-light {
    background-color:#fff;
    color:#000;
    border:none;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
}

.btn-theme-light:hover, .btn-theme-light:active, .btn-theme-light:focus, .btn-theme-light:focus-visible {
    background-color:#fff !important;
    color:#000 !important;
    border:none;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
}

.btn-theme-light:disabled {
    background-color:#eee;
    color:#333;
    border:none;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
}

.btn-default{
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-default:hover, .btn-default:active {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.form-label{
    font-weight:600;
}

.form-control{
    border: 1px solid #a1a4b1;
}

.page-title{
    line-height:36px;
    font-size:24px;
    font-weight:normal;
    color: #333;
    margin-bottom:8px;
}

.form-control-medium{
    width:50%;
    min-width:200px;
}

.form-control-short{
    width:30%;
    min-width:200px;
}

.field-message-error{
    color:orangered;
    font-size:13px;
}

.form-section{
    border-bottom:1px dashed #555;
    margin:40px auto;
    padding-bottom:36px;
}

.form-section:last-of-type{
    border-bottom: 0;
}

.form-section-title{
    font-weight:bold;
    font-size:17px;
    margin-bottom:34px;
}

.form-actions{
    margin-top:36px;
}

.required{
    color:orangered;
    padding-left:4px;
}

.alert ul{
    margin:0;
    padding-left:1.25rem;
}

.center {
    text-align:center;
}

.stickytableapplied th {
  background: #FFF;
}

.multiFilePickerClearRow, .file-picker-row-clear {
    float: left;
    text-align: center;
    padding: 9px;
    width: 10%;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -1px;
}

.multiFilePickerRow, .file-picker-row {
    width:90%;
    float:left;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.removeMultiFilePickerRow, .file-picker-row-remove {
    color:orangered;
}

.removeMultiFilePickerRow:hover, .file-picker-row-remove:hover {
    color: orangered;
}

.card-tutor{
    min-width: 200px;
}

.custom-file-label-with-url{
    position:absolute;
    z-index:999;
    right:80px;
    padding-left:93px;
    width:100%;
    white-space: nowrap;
    overflow-x:hidden;
    text-overflow: ellipsis;
}

.custom-file{
    white-space: nowrap;
    overflow: hidden;
}

/* SNACKBAR */
#snackbar {
    visibility: hidden;
    text-align: center;
    z-index: 9999;
    position: fixed;
    bottom: 30px;
    width:300px;
    left:0;
    right:0;
    margin:auto;
    background-color: #333;
    color: #fff;
}

#snackbar-content{
    min-width: 250px;
    display:inline-block;
    border-radius: 2px;
    padding: 16px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

.border-primary{
    border-color: #80adb5 !important;
}

.bg-primary{
    background-color:#e6eff0 !important;
}

.bg-primary-extra{
    background-color:#80adb5 !important;
}

.border-warning{
    border-color: #fab512 !important;
}

.bg-warning{
    background-color:#fef7e7 !important;
}

.bg-warning-extra{
    background-color:#fab512 !important;
}

.border-danger{
    border-color: #ed6e63 !important;
}

.bg-danger{
    background-color:#fbe2e0 !important;
}

.bg-danger-extra{
    background-color:#ed6e63 !important;
}

a{
    color:#ed6e63;
    font-weight:700;
}

a:hover {
    color: #ed6e63;
}

.accordion-num{
    position:absolute; 
    top:-10px; 
    left:-10px; 
    z-index:100; 
    border-radius:50%; 
    height:30px; 
    width:30px; 
    line-height:30px; 
    text-align:center; 
    border:2px solid #fff;
    font-size:14px;
}

.accordion-orange .accordion-button, .accordion-orange .accordion-num, .accordion-orange .accordion-body{
    background-color:#fbb615;
    color:#000;
}

.accordion-blue .accordion-button, .accordion-blue .accordion-num, .accordion-blue .accordion-body{
    background-color:#7faeb5;
    color:#fff;
}
            
.accordion-red .accordion-button, .accordion-red .accordion-num, .accordion-red .accordion-body{
    background-color:#df746b;
    color:#fff;
}

.accordion-pink .accordion-button, .accordion-pink .accordion-num, .accordion-pink .accordion-body{
    background-color:#edc1ae;
    color:#000;
}

.accordion-green .accordion-button, .accordion-green .accordion-num, .accordion-green .accordion-body{
    background-color:#dae8c2;
    color:#000;
}

.breadcrumb{
    padding:0;
    background-color: #fff;
}

.navbar-brand{
    padding-right: 0;
}

.navbar-brand img{
    height:80px;
}

.side-content{
    padding:0;
    margin-bottom:0;
}

.side-content .card{
    border-radius:0;
    padding:0;
    margin:0;
    border:0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.public-content .side-content .card, .public-content.side-content .card{
    background-color: #f3f1ee;
    border-radius:20px;
    padding:20px;
}

.public-content .side-content, .public-content.side-content{
    border-left:none;
}

.side-content .card .card-body{
    padding:0;
}

.side-content .card .card-title{
    font-size:18px;
}

.expand-filters-container{
    background-color:#7faeb5;
    border-radius:3px;
    padding:3px 6px;
    color:#fff;
    cursor:pointer;
    font-size:12px;
    text-align:center;
    margin-bottom:20px;
}

.filters-container-show{
    display:block !important;
}

.table-striped tbody tr:nth-of-type(odd){
    background-color: #fafafa;
}

.pagination li {
    color:#fff;
    background-color:#0174bf;
    margin-right:6px;
    padding:3px 8px;
    border-radius:3px;
    font-size:14px;
    cursor:pointer;
}

.pagination li:hover {
    background-color:#0165A3;
}

.pagination li a{
    color:#fff;
    text-decoration: none;
}

.pagination .active, .pagination .active:hover{
    background-color:#518a52;
}

.navbar .dropdown-menu{
    background-color:#fff;
    border: 1px solid rgba(0,0,0,.15);
}

.navbar .dropdown .nav-link a{
    color: #212529;
}

.navbar .dropdown .nav-link a:hover{
    color: #212529;
}

.navbar .dropdown-menu .dropdown-item{
    color: #212529;
}

.navbar .dropdown-menu .dropdown-item:hover{
    color: #16181b;
    background-color:#f8f9fa;
}

.navbar .dropdown-menu .dropdown-item.active{
    background-color: #7faeb5;
    color:#fff;
}

.dropdown-item:active{
    background-color: #7faeb5;
    color:#fff;
}

.filters-container{
    display:none;
}

.main-content {
    padding:0;
}

.nav-tabs-custom .nav-link{
    padding-left: 13px;
    padding-right: 13px;

}

.nav-tabs-custom .nav-link:not(.active){
    color:#80adb5;
}

.custom-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #b9b9b9;
}

.custom-tooltip .custom-tooltiptext {
    display: none;
    position: absolute;
    z-index: 1;
    margin-left: -4px;
    padding-top:10px;
    font-size:90%;
}

.custom-tooltip .custom-tooltiptext-inner{
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    padding: 16px;
    top: 150%;
    border:1px solid #cdcdcd;
    min-width:400px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
}

.custom-tooltip .custom-tooltiptext-inner::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 15px;
    margin-left: 3px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
    margin-bottom:-11px;
}

.custom-tooltip:hover .custom-tooltiptext {
    display: block;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.25s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.custom-checkbox, .custom-radio {
    position: relative;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.custom-checkbox label, .custom-radio label, .custom-checkbox legend {
    display: inline-block;
    padding-left: 38px;
    font-weight:400;
}

.custom-checkbox legend {
    font-size: 16px;
}

.custom-checkbox input, .custom-radio input {
    height: 22px !important;
    width: 22px;
    position: relative;
    cursor: pointer;
    margin-top: 0px;
    border: 0 !important;
    background: none !important;
}

.custom-checkbox input::before {
    border-radius:2px;
    border: 1px solid;
    content: "";
    height: 22px;
    width: 22px;
    position: absolute;
    top: 0;
    left: 0;
    color: #9d9d9d;
}

.custom-checkbox input::after {
    content: "";
    opacity: 0;
    background-image: url("/ui/assets/images/check.svg");
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 4px;
    top: 4px;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
}

.custom-radio input::before {
    border: 1px solid;
    content: "";
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    border-radius: 50%;
    color: #9d9d9d;
    pointer-events: none;
}

.custom-radio input::after {
    content: "";
    opacity: 0;
    background-color:#000;
    border-radius: 50%;
    width:10px;
    height:10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease-in-out;
}

.custom-checkbox input:checked::after, .custom-radio input:checked::after {
    opacity: 1;
}

.custom-checkbox input:focus, .custom-radio input:focus {
    box-shadow: none;
    outline: none;
}

.custom-checkbox input:focus::before, .custom-radio input:focus::before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    outline: 3px solid transparent;
}

label[for='sn-checkbox-open-in-new-window'] {
    padding: 0;
}

.custom-control-input{
    position: relative !important;
    opacity: 1 !important;
    z-index: 0 !important;
}

.top-nav{
    background-color:#fff;
    color:#000;
    width:100%;
    xmin-height:32px;
}

.top-nav .top-nav-list{
    display:flex;
    margin-bottom:0;
}

.top-nav .top-nav-item{
    list-style: none;
    margin-left:26px;
}

.top-nav .top-nav-link {
    color:#000;
    font-weight:600;
    text-decoration:none;
    font-size: 14px;
    line-height:32px;
}

.top-nav .top-nav-link:hover {
    text-decoration: underline;
}

.main-nav{
    padding:12px 0 12px 0;
}

.main-nav .navbar-nav{
    display:flex;
}

.main-nav .nav-item{
    list-style: none;
    margin-left:0;
    margin-bottom:16px;
}

.main-nav .nav-link{
    color: #002424;
    text-decoration: none;
    font-weight:700;
    font-size:16px;
    line-height:40px;
    padding:0 10px;
}

.main-nav .nav-link:hover{
    color:#fff;
    background-color:#7faeb5;
}

.main-nav .nav-link.active{
    box-shadow: inset 0 -2px 0 #7faeb5;
}

.form-group{
    margin-bottom:1.5rem;
}

.card{
    border-radius:6px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    border:none;
}

.card.bg-warning{
    background-color:#fef0d0 !important;
}

.card-title{
    color:#000;
    font-weight:500;
    margin-bottom:16px;
    line-height:24px;
}

.public-content .side-content .card-title{
    color:#000;
}

.card-text{
    margin-bottom:20px;
}

.form-control{
    max-width:100%;
}

fieldset{
    margin-bottom:30px;
}

legend{
    color:#000;
    font-weight:bold;
    font-size:18px;
    margin-bottom:16px;
}

.survey h1 {
    color:#80adb5;
    font-weight:700;
    font-size:24px;
}

.progress-outer-container{
    height:60px;
}

.survey .progress-image-container{
    background-color:#fff;
}

.survey .progress-image{
    width:50px; 
    height:50px;
    border-radius:50%;
    overflow:hidden;
}

.survey .progress-image-gray{
    filter: grayscale(1);
}

.survey legend, .survey .survey-label{
    color:#050505;
    font-weight:500;
}

.survey h2{
    display:inline-block;
    color:#050505;
    font-weight:500;
    padding-bottom:18px;
    font-size:22px;
}

.survey h3 {
    color:#050505;
    font-weight:500;
    font-size:20px;
}

.survey .progress-container {
    position:absolute;
    width:100%;
    z-index:1;
}

.survey .progress-bar {
    position:absolute;
    z-index:0;
    width:100%;
    height:2px;
    top:24px;
    background-color: #888 !important;
}

.survey-orange h2{
    border-bottom: 3px solid #ed6e51;
}

.survey-orange .progress-image-current{
    border:4px solid #ed6e51;
}

.survey-teal h2{
    border-bottom: 3px solid #7faeb5;
}

.survey-teal .progress-image-current{
    border:4px solid #7faeb5;
}

.survey-blue h2{
    border-bottom: 3px solid #006992;
}

.survey-blue .progress-image-current{
    border:4px solid #006992;
}

.survey-grey h2{
    border-bottom: 3px solid #888;
}

.survey .form-check-input:disabled~.form-check-label, .survey .form-check-input[disabled]~.form-check-label {
    opacity: 1
}

.page-hero {
    color:#fff;
    background-color:#7faeb5;
    min-height:5px;
}

.page-hero-light{
    background-color:#f0f7f6;
}

.quotes-item{
    text-align: center;
    max-width:300px;
    font-weight:700;
    font-size:20px;
}

.register-box{
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    padding:40px 80px;
}

.page-line{
    height:3px; 
    background-color:#888;
}

.page-line-orange{
    background-color: #ed6e51;
}

.page-line-teal{
    background-color: #7faeb5;
}

.page-line-blue{
    background-color: #006992;
}

.page-line-grey{
    background-color: #888;
}

.hero {
    width: 100%;
    min-height: 390px;
    display:grid;
    color:#000;
    font-size:18px;
}

.hero-primary{
    background-color:#e6eff0;
}

.hero-primary{
    background-color:#e6eff0;
}

.hero-primary-lighter{
    background-color:#f0f9fa;
}

.hero-text-box-container{
    align-self:center;
}

.hero-text-box{
    width:100%;
    margin:30px auto;
    text-align:center;
    padding:24px 60px;
}

.hero-text-box-title{
    font-size:48px;
    font-weight:600;
}

.bg-striped {
    background: repeating-linear-gradient(
        -45deg,
        #fff,
        #fff 2px,
        #7faeb5 2px,
        #7faeb5 3px
    );
}

.placeholderimage {
    font-size: 40px;
    color: #fff;
    background-color: #7faeb5;
    display: flex;
    min-height: 200px;
}

.card-img-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.card-footer-no-style{
    background-color:transparent;
    border:none;
}

.card-title{
    font-size:18px;
}

.bootbox-close-button {
    background: #0000;
    border: none;
    float: right;
    font-size: 20px;
}

.employer-portal{
    line-height:32px; 
    font-size:22px;
    padding:0; 
    color:#000; 
    font-weight:700; 
    text-transform:capitalize;
}

.list-item-container{
    padding-left:0;
}

.list-item{
    list-style: none;
    background-color:#fafafa;
    border:1px solid rgb(211, 222, 222); 
    border-radius:10px; 
    padding:20px; 
    margin-bottom:30px;
}

.list-item a{
    font-weight:500;
    font-size:14px;
    text-decoration:none;
}

.list-item-title, .list-item-title a{
    font-size:18px; 
    font-weight:700;
}

.list-item-title-sm, .list-item-title-sm a{
    font-size:16px; 
    font-weight:400;
}

.list-item-avatar{
    background-color:#7faeb5;
    color:#fff;
    border-radius:50%;
    font-size:22px;
    font-weight:700;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
}

.list-item-avatar-disabled{
    background-color:#ccc;
}

.list-item-label{
    padding-right:6px;
}

.list-item-footer{
    border-top:1px solid #eee;
    padding-top:16px;
    margin-top:16px;
    margin-bottom:-10px;
}

.sites-list-item{
    list-style: none;
    background-color:#ececec;
    border:1px solid rgb(211, 222, 222); 
    border-radius:10px; 
    padding:20px; 
}

.sites-list-item a{
    font-weight:500;
    font-size: 16px;
    text-decoration:none;
}

.table td, .table th{
    background-color:#f9f9f9;
}

.table.table-light td, .table.table-light th{
    background-color:#fff;
}

.table th{
    padding-top:16px;
    padding-bottom:16px;
}

.sortable-item-move-btn{
    border:1px solid rgb(211, 222, 222); 
    cursor:move; 
    border-radius:50%; 
    color:#3f6b3f; 
    background-color:#fff; 
    color:#000; 
    text-align:center; 
    width:40px; 
    height:40px; 
    line-height:40px;
}

.big-button{
    display:block; 
    text-decoration:none; 
    font-weight:500;
    font-size:18px; 
    border-radius:20px;
    border:1px solid #dfdfdf; 
}

.big-button:hover{
    text-decoration:none; 
    background-color:#f7f7f7; 
    transition: background-color 0.3s ease;
}

.big-button-primary{
    background-color:#0d6efd; 
    color:#fff; 
    border:1px solid #0d6efd; 
}

.big-button-shadow{
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
}

.big-button-theme{
    background-color:#7faeb5; 
    color:#fff; 
    border:1px solid #7faeb5; 
}

.big-button-disabled{
    background-color:#87c8c6; 
    color:#fff; 
    border:1px solid #87c8c6; 
}

.big-button-primary:hover{
    color:#fff; 
    background-color:#0b5ed7;
    transition: background-color 0.3s ease;
}

.big-button-theme:hover{
    color:#fff; 
    background-color:#80adb5 ;
    transition: background-color 0.3s ease;
}

.big-button-disabled:hover{
    background-color:#87c8c6; 
    color:#fff; 
}

.big-button-icon{
    background-color:#80adb5; 
    color:#fff;
    border-radius:50%; 
    width:60px; 
    height:60px; 
    line-height:60px; 
    text-align:center; 
    font-size:32px;
    margin-left:20px;
}

.big-button-primary .big-button-icon{
    color:#0d6efd; 
    background-color:rgba(255, 255, 255, 0.6); 
}

.big-button-theme .big-button-icon{
    color:#7faeb5; 
    background-color:rgba(255, 255, 255, 0.6); 
}

.big-button-disabled .big-button-icon{
    color:#87c8c6; 
    background-color:rgba(255, 255, 255, 0.4); 
}

.big-button-chevron{
    width:40px;
    text-align: right;
    margin-right:20px;
}

.big-button-chevron-inner{
    margin-right:10px;
    display:inline-block;
}

.big-button:hover .big-button-chevron-inner{
    margin-right:0px;
    transition: margin-right 0.3s ease;
}

.big-button-text{
    padding:24px 20px 24px 0;
}

.big-button-image{
    height:100%;
    width:80px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.call-to-action-box{
    border-radius:20px;
    padding:20px; 
    text-align:center;
}

.call-to-action-box-theme{
    background-color:#7faeb5; 
    color:#fff; 
}

.call-to-action-box-outline-theme{
    background-color: #fff; 
    color:#7faeb5; 
    border:1px solid #7faeb5;
}

.call-to-action-box-primary{
    background-color:#0b5ed7; 
    color:#fff; 
}

.gradient-call-to-action{
    border-radius:10px;
    color:#fff; 
    text-align:center; 
    padding:26px; 
    font-size:19px; 
    font-weight:500;
    background: linear-gradient(-45deg, #e8b463, #ec5f65, #006992, #7faeb5);
    background-size: 400% 400%;
    animation: gradient-cta-animation 5s ease infinite;
}

.gradient-call-to-action .btn{
    min-width:200px;
}

.gradient-call-to-action .btn-no-style{
    font-size:24px;
    color:#fff;
    background-color:transparent;
    border:none;
    margin-top:-15px;
    margin-right:-15px;
}

@keyframes gradient-cta-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.public-dash .card{
    -webkit-box-shadow: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);
    box-shadow: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);
	background-color: #f9f9f9;
	border:1px solid #d2d2d2;
	border-radius:6px;
	padding:20px;
}

.public-dash .card-title{
	color: #212529;
	font-size:1.1rem;
}

.public-dash .table-container{
	border-radius:20px;
	overflow: hidden;
	border:1px solid #d2d2d2;
}

.dash-box{
	border-radius:20px;
	padding:30px;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	text-align: center;
}

.dash-box-title{
	font-size:20px;
	font-weight:500;
}

.dash-box-number{
	font-size:22px;
	font-weight:700;
}

.dash-box-text{
	font-size:18px;
    padding: 0px 10px;
	font-weight:500;
}

.dash-box-teal{
	background-color:#7faeb5;
	color:#fff;
}

.dash-box-blue{
	background-color:#0d485e;
	color:#fff;
}

.dash-box-orange{
	background-color:#e8b463;
	color:#fff;
}

.dash-box-red{
	background-color:#ec5f65;
	color:#fff;
}

.dash-box-grey{
	background-color: #888;
	color:#fff;
}

.dash-box-light{
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
}

.dash-box-light .dash-box-number{
	color:#7faeb5;
}

.dash-box-light hr{
	border-top:#7faeb5 2px solid;
    opacity: 0.5;
    margin: 1.5rem 0.5rem;
}

.table-title{
	padding:14px;
	background-color: #f9f9f9;
	color: #212529;
	font-size:1.1rem;
	font-weight:700;
}

.support-accordion .accordion-button:not(.collapsed) {
    background-color: #ffffff;
    box-shadow: none;
}

.support-accordion .accordion{
    width:100%;
    margin-bottom:10px;
}

.support-accordion .accordion-item{
    border: none;
    box-shadow: none;
}

.support-accordion .accordion-body{
    padding:10px 0px;
    font-size:14px;
    color: black !important;
}

.support-accordion .accordion-header>button{
    padding: 10px 0px;
    font-weight: bolder;
}


.support-accordion .accordion-button{
    color: #80adb5 !important;
    background-color: #ffffff;
    box-shadow: none;
}

.support-accordion .accordion-button::after {
    background-image: none !important;
    margin-left: 0px;
}

.support-accordion .accordion-button::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%230b7976' transform='rotate(-90)' stroke-width='1'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    margin-right: 8px;
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

.support-accordion .accordion-button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%230b7976' stroke-width='1'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    transform: none;
}

.secinsight-accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%2300a8a8' stroke-width='2'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.result-header{
    border-radius:20px 20px 0 0;
}

.result-header h2{
    padding-bottom: 0;
    margin-bottom:0;
}

.result-header-orange{
    background-color: #ed6e51;
    color:#fff;
}

.result-header-orange h2{
    color:#fff;
}

.result-header-teal{
    background-color: #7faeb5;
    color:#fff;
}

.result-header-teal h2{
    color:#fff;
}

.result-header-blue{
    background-color: #006992;
    color:#fff;
}

.result-header-blue h2{
    color:#fff;
}

.result-header-grey{
    background-color: #888;
    color:#fff;
}

.result-header-grey h2{
    color:#fff;
}


.result-header-icon{
    width:50px;
    height:50px;
    border:3px solid #fff;
    border-radius:50%;
}

.result-header-badge{
    border-radius:20px;
    border:3px solid #fff;
}

.result-header-badge-text{
    min-width:180px;
}

.result-header-badge-number{
    min-width:80px;
}

.visualisation-box{
    border-radius:20px;
    padding:20px;
}

.visualisation-box-title{
    font-weight:bold;
    font-size:16px;
    margin-bottom:0;
    text-align:center;
}

.visualisation-box-icon{
    text-align:center;
    margin:20px auto 18px auto;
}

.visualisation-box-icon img{
    border-radius:50%;
    width:150px;
    height:150px;
    border:5px solid #fff;
}

.visualisation-box-score{
    font-weight:300;
    font-size:60px;
    line-height:60px;
    text-align:center;
    margin-bottom:0;
}

.visualisation-box-text{
    font-size:12px;
    font-weight:bold;
    margin:0 45px 20px 45px;
}

.visualisation-box-teal{
    background-color:#d7eaea;
    color:#7faeb5;
}

.visualisation-box-blue{
    background-color:#ccd5e3;
    color:#006992;
}

.visualisation-box-orange{
    background-color:#fcdfd3;
    color:#ed6e51;
}

.visualisation-box-icon .pie{
    background-color:rgba(255, 255, 255, 0.4);
    border-radius:50%;
}

@property --p{
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
}

.visualisation-box .pie {
    --p:20;
    --b:30px;
    --c:#7faeb5;
    --w:210px;
    width:var(--w);
    aspect-ratio:1;
    position:relative;
    display:inline-grid;
    place-content:center;
}

.visualisation-box .pie:before,
.visualisation-box .pie:after {
    content:"";
    position:absolute;
    border-radius:50%;
}

.visualisation-box .pie:before {
    inset:0;
    background:
        radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
        conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
        -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
        mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}

.visualisation-box .pie:after {
    inset:calc(50% - var(--b)/2);
    background:var(--c);
    transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}

.visualisation-box .animate {
    animation:p 1s .5s both;
}

.visualisation-box .no-round:before {
    background-size:0 0,auto;
}

.visualisation-box .no-round:after {
    content:none;
}

@keyframes p {
    from{ 
        --p:0 
    }
}

.visualisation-box-teal .pie{
    --c:#7faeb5;
}  

.visualisation-box-blue .pie{
    --c: #006992;
} 

.visualisation-box-orange .pie{
    --c: #ed6e51;
}

.color-teal{
    color:#7faeb5;
}

.color-blue{
    color:#006992;
}

.color-orange{
    color:#ed6e51;
}

.color-grey{
    color:#888;
}

.read-only:read-only{
    background-color:#e9ecef;
    cursor: default;
}
.read-only:read-only:focus{
    background-color:#e9ecef;
    color: #212529;
    border-color: #ced4da;
    outline: 0;
    box-shadow:none;
}

.scale-table-head{
    background-color: #fff !important;
}

.card-step{
    background-color:#ed6e63; 
    color:#fff; 
    padding: 10px 30px; 
    border-radius:50px; 
    position:absolute; 
    top:-26px; 
    text-align:center; 
    left:0; 
    right:0; 
    margin:auto; 
    width:140px; 
    font-size:20px; 
    font-weight:bold;
}

.steps-dash{
    position:absolute; 
    top:130px; 
    border-top:5px dashed #7faeb5; 
    height:1px; 
    width:100%; 
    z-index:0;
}

.bg-theme-red{
    background-color:#efb5b9 !important;
}

.bg-theme-green{
    background-color:#99f0d0 !important;
}

.bg-theme-blue{
    background-color:#b4cbe3 !important;
}

.bg-theme-teal{
    background-color:#cceeee !important;
}

.bg-theme-orange{
    background-color:#f1c69d !important;
}

.star-empty{
    opacity:0.5;
}

.public-tabs{
    font-size:22px;
    padding:22px 0;
}

.public-tabs li{
    list-style: none;
}

.public-tabs a{
    font-weight:500;
    color:#fff !important;
    text-decoration: none;
    border: 2px solid #fff;
    border-radius: 50px;
    display:inline-block;
    padding:10px 30px;
}

.public-tabs a.active{
    font-weight:900;
    text-decoration: none;
    background-color:#fff;
    color:#7faeb5 !important;
}

.public-tabs a:hover{
    text-decoration: none;
    background-color:#fff;
    color:#7faeb5 !important;
}

.public-accordion .accordion-item{
    border-radius:20px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
    border:none;
    overflow:hidden;
}

.public-accordion .accordion-button{
    border:none;
    background-color:#fff;
    box-shadow: none;
    color:#000;
}

.public-accordion .accordion-body{
    margin-left:76px;
    padding-bottom:30px;
}

.section-title{
    font-weight:bold;
    font-size:28px;
}

.graph-container{
}

.graph-legend{
    background-color:#f1f1f1;
    padding:20px;
}

.graph-legend-label{
    font-weight:bold;
    font-size:18px;
}

.graph-legend-item{
    padding:10px 14px;
    background-color:#ccc;
}

.graph-legend-item-text{
    font-weight:700;
    font-size:14px;
    line-height:14px;
    padding-top:4px;
}

.graph-table{
    padding:0;
}

.graph-table-row{
    padding:12px 0;
    list-style: none;
    margin:0;
}

.graph-table-row:not(:last-of-type){
    border-bottom:2px solid #ccc;
}

.graph-table-label-column{
    width:260px;
    padding-left:10px;
}

.graph-table-label-column-image{
    width:40px;
    height:40px;
}

.graph-table-label-column-text{
    font-size:16px;
    line-height:18px;
    font-weight:500;
}

.graph-table-bar-column{
    min-width:170px;
}

.graph-table-bar-column-bar{
    background-color:#ccc;
    height:40px;
}

.graph-table-bar-column-bar-star{
    font-size:12px;
}

.graph-table-bar-column-bar-text{
    font-weight:bold;
    font-size:18px;
}

.graph-table-x-axis{
    font-size:14px;
}

.graph-table-bar-column-bar-data{
    
}

.graph-table-bar-column-bar-data-inner{
    padding:6px 20px 6px 10px;
}

.engagement-table-label-column-image{
    width:40px;
    height:40px;
}

.card-icon-container{
    position:absolute; 
    top:-70px; 
    left:0; 
    right:0; 
    margin:auto;
}

.card-icon-image{
    background-color:#fff; 
    width:140px; 
    height:140px; 
    border-radius:50%; 
    border:2px solid #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); 
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); 
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
}

.prev-results-label{
    width:100%;
}

.accordion-card{
    margin: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f3f1ee;
    border-radius: 20px;
    padding: 20px;
}

.accordion-button-custom:not(.collapsed){
    background-color: #7faeb5;
    color:#fff;
}

.accordion-button-custom.collapsed .accordion-image-container{
    display:none;
}

.accordion-image{
    height:300px;
    width:100%;
}

.accordion-custom-chevron-open{
    width: var(--bs-accordion-btn-icon-width); 
    height: var(--bs-accordion-btn-icon-width);
}

.accordion-button-custom:not(.collapsed) .accordion-custom-chevron-open{
    display:none;
}

.accordion-custom-chevron-close{
    position:absolute;
    top:20px;
    right:20px;
    background-color:#fff;
    border-radius:50%;
    border:3px solid #7faeb5;
    padding:10px;
}

.accordion-custom-chevron-close img{
    width: 20px; 
    height:20px; 
}

.data-circle{
    margin:auto;
    border-radius:50%;
    width:40px; 
    height:40px; 
    line-height:40px;  
    font-size:15px; 
    font-weight:bold;
    text-align:center; 
    color:#fff;
}

.data-circle-grey{
    background-color: grey; 
}

.data-circle-green{
    background-color: #7faeb5; 
}

.compare-checkbox{
    width: 2rem;
    height: 2rem;
    border-radius: 0rem !important;
    margin-top: 0px; 
}

.compare-checkbox:checked{
    background-color: #7faeb5;
    border: 5px double white !important;
    background-image: none !important;
}

.compare-checkbox:focus{
    border-color: #7faeb5;
    outline: 0;
    box-shadow: 0 0 0 .25rem #7faeb540;
}

.modal-open .select2-dropdown {
    z-index:1060;
}

.modal-open #select2-modalcodes-results {
    max-height:40vh !important;
}

.modal-open .select2-selection__rendered {
    white-space: break-spaces !important;
}

.insights-modal .modal-header, .modal-header button{
    background-color: #7faeb5;
    color: white;
}

.insights-modal .modal-header button{
    border: none;
}

.editsectors {
    cursor: pointer;
}

.no-selection-container{
   background-color:#006992;
   color:white;
   border-radius: 10px;
}

.review-details-container{
    max-height:200px;
    transition:max-height 0.5s ease-in-out; 
}

.review-details-container, .review-details-container a, .review-details-container a:hover{
    color:black;
}

.review-details-container button{
    border:none !important;
}

.graph-table-label-column-small {
    width: 180px;
}

.deletelink {
    cursor: pointer;
}

.basicsummary-table-container {

    max-height: 90vh;
    
    table {
        width: 100%;
        text-align: center;
        border-collapse: separate;
        border-spacing: 0;
        border-color: var(--bs-table-border-color);
    }

    table thead tr:not(.subhead) th {
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
    }

    .subhead th {
        background-color: #f9f9f9;
    }

    table thead .subhead th {
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
    }

    table tbody th {
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
    }

    table thead th:first-child:not(.header-cell) {
        border-left: 1px solid;
        border-color: inherit;
        position: sticky;
        left: -12px;
        z-index: 1001;
    }

    table thead .subhead th:first-child:not(.header-cell) {
        position: sticky;
        left: -12px;
        z-index: 1001;
    }

    table tbody td {
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
    }

    table tbody th:first-child,
    table tbody td:first-child {
        border-left: 1px solid;
        border-color: inherit;
    }

    table thead th {
        position: sticky;
        top: 0;
        background-color: #edecec;
        border-color: inherit;
        z-index: 1000;
    }

    table tbody th {
        position: sticky;
        left: -12px;
        z-index: 1001;
    }
}

.questionsummary-table-container {

    max-height: 90vh;
    
    table {
        width: 100%;
        text-align: center;
        border-collapse: separate;
        border-spacing: 0;
        border-color: var(--bs-table-border-color);
    }

    table thead tr:not(.subhead) th {
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
    }

    .subhead th {
        background-color: #edecec;    
    }

    table thead .subhead th {
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
    }

    table tbody th {
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
    }

    table tbody td {
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
    }

    table thead:not(:first-child) th {
        border-top: 1px solid;
        border-color: inherit;
    }

    table thead th {
        position: sticky;
        top: 0;
        background-color: #edecec;
        border-color: inherit;
        min-width: 110px;
        text-wrap: wrap;
        word-break: break-all;
        z-index: 1000;
    }
}


.rawdata-table-container {

    max-height: 90vh;
    
    table {
        width: 100%;
        text-align: center;
        border-collapse: separate;
        border-spacing: 0;
        border-color: var(--bs-table-border-color);
    }

    table thead tr th {
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
        text-wrap: wrap;
        word-break: break-word;
    }

    .qcol {
        min-width: 300px;
    }

    table tbody th {
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
    }

    table tbody td {
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-color: inherit;
    }

    table thead:not(:first-child) th {
        border-top: 1px solid;
        border-color: inherit;
    }

    table thead th {
        position: sticky;
        top: 0;
        background-color: #edecec;
        border-color: inherit;
        min-width: 100px;
        text-wrap: wrap;
        word-break: break-all;
        z-index: 1000;
    }
}

@media (min-width: 568px) {
    .card-tutor{
        min-width: 300px;
    }
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

    .navbar-nav-main-menu .nav-item>a{
        line-height:77px;
    }

    .navbar-nav-main-menu .nav-item.active>a{
        box-shadow: 0 -7px 0 #0174bf inset;
    }

    .navbar-nav-main-menu .dropdown-menu{
        margin-top:-20px;
    }

    .navbar .dropdown-menu{
        background-color:#fff;
        border: 1px solid rgba(0,0,0,.15);
    }

    .navbar .dropdown .nav-link a{
        color: #212529;
    }

    .navbar .dropdown .nav-link a:hover{
        color: #212529;
    }

    .navbar .dropdown-menu .dropdown-item{
        color: #212529;
    }

    .navbar .dropdown-menu .dropdown-item:hover{
        color: #16181b;
        background-color:#f8f9fa;
    }

    .navbar .dropdown-menu .dropdown-item.active{
        background-color: #7faeb5;
        color:#fff;
    }

    .navbar .dropdown-menu .dropdown-divider{
        display:block;
    }

    .main-content {
        padding:0px 30px 0 0;
    }

    .side-content{
        border-left:1px solid #ccc;
        border-bottom:0;
        margin-bottom:0;
        padding: 0 0 0 30px;
    }

    .filters-container{
        display:block !important;
        border-bottom:0;
    }

    .navbar-brand{
        padding-right: 32px;
    }

    .list-item-badge{
        display:inline-block;
        line-height:11px;
    }

    .main-nav .nav-link{
        line-height:80px;
    }

    .main-nav .nav-item{
        margin-left:6px;
        margin-bottom:0px;
    }

    .progress-outer-container{
        height:100px;
    }

    .survey .progress-image{
        width:80px; 
        height:80px;
    }

    .survey .progress-bar {
        top:39px;
    }
}

@media (min-width: 1200px) { 

    .main-nav .nav-item{
        margin-left:26px;
    }

    .progress-outer-container{
        height:120px;
    }

    .survey .progress-image{
        width:100px; 
        height:100px;
    }

    .survey .progress-bar {
        top:49px;
    }

}

@media (min-width: 1200px) { 

    .text-xxl-nowrap{
        white-space: nowrap;
    }

    .prev-results-label{
        /*width:40%;*/
    }
}