:root {
        --bs-blue: #007BC0;
        --bs-purple: #007BC0;
        --bs-info: #007BC0;
        --bs-primary-rgb: #007BC0;
    }

    body {
        font-family: 'roboto', sans-serif;
    }

    .navbar {
        color: #007BC0;
        background-color: white;
    }

    .was-validated .form-check-input:valid ~ .form-check-label,
    .form-check-input.is-valid ~ .form-check-label,
    .valid-feedback,
    #sidebar .subpanel.level-0 .selected .wrapper .icon,
    a,
    ol.breadcrumb.title-bar-breadcrumb a,
    .navbar .navbar-nav .nav-link,
    .grid-view .table thead tr th .sort-link ::before,
    .grid-view-ls .table thead tr th .sort-link ::before {
        color: #007BC0;
    }

    .btn-primary,
    .btn-g-800,
    .navbar .badge,
    .navbar .rounded-circle,
    .dropdown-menu > li > a:focus {
        background-color: #007BC0;
        color: #ffffff;
        border: 0px;
    }

    #sidebar .subpanel.level-0 .selected {
        background: linear-gradient(to right, #007BC0 0px, #007BC0 8px, #fff 8px, #fff 100%);
    }

    .sidebar .sidebar-icons .sidebar-icon .btn-icon[selected] {
        background-color: #ffffff;
        color: #007BC0;
    }

    .grid-view .table thead tr th .sort-link ::before,
    .grid-view-ls .table thead tr th .sort-link ::before {
        color: #007BC0;
    }

    .btn-cancel {
        color: #000;
        background-color: #9094A7;
        border: 0px;
    }

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        border-top: 2px solid #007BC0;
    }

    .valid-tooltip {
        background-color: #007BC0;
    }

    .was-validated .form-control:valid,
    .form-control.is-valid,
    .was-validated .form-control:valid:focus,
    .form-control.is-valid:focus,
    .was-validated .form-select:valid,
    .form-select.is-valid,
    .was-validated .form-select:valid:focus,
    .form-select.is-valid:focus,
    .was-validated .form-check-input:valid,
    .form-check-input.is-valid,
    .was-validated .form-check-input:valid:checked,
    .form-check-input.is-valid:checked,
    .was-validated .form-check-input:valid ~ .form-check-label,
    .form-check-input.is-valid ~ .form-check-label {
        border-color: #007BC0;
    }

    .was-validated .form-select:valid:focus,
    .form-select.is-valid:focus,
    .was-validated .form-check-input:valid:focus,
    .form-check-input.is-valid:focus {
        box-shadow: 0 0 0 0.25rem #007BC025;
    }

    #sidebar .questiongroup-list-group > li {
        background: linear-gradient(90deg, #007BC0 0%, #007BC0 5px, #EEEFF7 5px, #EEEFF7 100%);
    }

    #sidebar .subpanel.level-1 .menu-selected {
        background: linear-gradient(to right, #007BC0 0px, #007BC0 6px, #fff 6px, #fff 100%);
    }

    #sidebar .subpanel.level-1 .selected {
        background: linear-gradient(to right, #007BC0 0px, #007BC0 8px, #fff 8px, #fff 100%);
    }

    #sidebar .subpanel.level-2 .menu-selected {
        background: linear-gradient(to right, #005e7c 0px, #005e7c 6px, #fff 6px, #fff 100%);
    }

    #sidebar .subpanel.level-2 .selected {
        background: linear-gradient(to right, #005e7c 0px, #005e7c 8px, #fff 8px, #fff 100%);
    }

    #sidebar .menu-open {
        background: radial-gradient(circle at center, #005e7c 0px, #005e7c 8px, #fff 9px, #fff 100%);
    }

    .card.card-primary.border-left-success {
        border-left: 4px solid #005e7c;
    }

    .btn-cancel {
        color: #ffffff;
    }

    .footer {
        background-color: white;
        color: #9E9E9E;
    }

    .footer a {
        color: #9E9E9E;
    }

    a#donate-button {
        color: white;
    }

    button,
    .btn {
        border-radius: 50px !important;
    }

    .btn-outline-secondary [class^=ri-],
    .btn-outline-secondary [class*=" ri-"],
    button.btn.btn-outline-secondary,
    a#close-button {
        color: #007BC0;
        border-color: #007BC0;
        background-color: transparent;
    }

    .btn-outline-secondary .menu-button-divider,
    .btn-success .menu-button-divider,
    .btn-warning .menu-button-divider,
    .btn-danger .menu-button-divider {
        border-left: 1px solid #007BC0;
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary:active:focus {
        color: #fff;
        background-color: #007BC0;
        border-color: #007BC0;
    }

    body {
        background-color: #F4F6F9;
    }

    h1 {
        font-size: 28px;
        color: #007BC0;
        font-weight: 400;
        font-family: 'Roboto', sans-serif;
    }

    .nav-tabs .nav-link {
        border-top: 0px transparent;
        border-bottom: 0px transparent;
        background-color: transparent;
    }

    .nav-tabs .nav-link:hover:not(.active) {
        border-bottom: 0px solid rgba(0, 125, 203, 0.4);
        border-top: 0px solid #EEEFF7;
        box-shadow: inset 0 0 0 1px rgba(0, 125, 203, 0.4);
    }

    .nav-tabs {
        background-color: #eeeff7;
    }

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        border-bottom: 2px solid #007BC0;
        background-color: transparent;
        border-top: 0px;
        color: #007BC0;
    }

    .topbar,
    .nav-tabs {
        background-color: transparent;
    }

    .nav-tabs .nav-link {
        color: #757575;
        font-size: 16px;
        font-weight: 400;
    }

    .topbar.sticky-top {
        margin-top: 20px;
    }

    .page-item .page-link {
        background-color: transparent;
        border-color: transparent !important;
        color: #007BC0;
    }

    .page-item.active .page-link {
        background-color: #007BC0;
        border-color: transparent !important;
    }

    .form-select {
        border: 1px solid #007BC0;
        font-weight: 400;
        font-size: 0.9975rem;
        line-height: 16px;
        color: #007BC0;
    }

    thead {
        font-size: 12px;
    }

    tbody {
        font-size: 14px;
    }

    tr.even {
        background-color: #FAFAFA !important;
    }

    table .ls-sticky-column:first-child {
        background-color: transparent;
    }

    table .ls-sticky-column:last-child {
        background-color: transparent;
    }

    .survey-actionbar .survey-actionbar-formfield {
        color: #007BC0;
        border-color: #007BC0;
        border-radius: 50px;
    }

    nav .container-fluid,
    div#layout_sidebar,
    #in_survey_common_action,
    .topbar.sticky-top {
        max-width: 1400px;
        margin: auto;
        width: 100% !Important;
    }

    img.d-inline-block.align-bottom {
        filter: brightness(0.5);
    }

    .navbar .navbar-brand {
        color: #8b8b8b;
    }

    .survey-actionbar .survey-actionbar-button {
        height: 40px;
    }

    .btn-danger {
        color: #fff;
        background-color: #B00606;
        border-color: transparent;
    }

    #layout_sidebar,
    .topbar.sticky-top {
        margin-top: 30px !Important;
    }

    #limesurvey {
        padding: 20px;
        border: 0px solid;
        background-color: white;
    }

    .space-col {
        margin-bottom: 1em;
    }

    .question-container {
        border: 0px;
        padding: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .group-description,
    .well {
        margin: 0px;
        padding: 0px;
        border: 0px;
        background-color: transparent;
        box-shadow: none;
    }

    h1 {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 36px;
        line-height: 120%;
        color: #007BC0;
    }

    .survey-welcome.h5.text-primary {
        color: #333 !important;
    }

    #welcome-container .survey-description {
        color: #333 !important;
        margin-top: 20px;
    }

    h1.survey-name {
        text-align: left !important;
    }

    #welcome-container,
    .question-container,
    .group-description,
    #navigator-container {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    ul.surveys-list.list-unstyled {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-between;
        align-items: center;
    }

    body .top-container {
        margin-top: 20px;
        width: 100%;
        padding: 0px 40px;
    }

    .top-content,
    .privacy.row {
        padding: 20px;
    }

    p,
    span {
        text-align: left;
        font-size: 14px !important;
    }

    .btn-group-lg > .btn,
    .btn-lg {
        font-size: 1rem;
    }

    #navigator-container {
        margin-bottom: 0px;
    }

    .group-container .h3 {
        text-align: left !important;
        padding: 0px 20px;
    }

    a#navbar-link-survey {
        color: #4c74bc;
        font-weight: 500;
        font-size: 22px;
    }

    #survey-nav {
        background-color: #fff ! IMPORTANT;
        border: 0px !important;
    }

    img.img-fluid.mx-auto.d-block {
        max-height: 100px;
    }

    .survey-contact {
        text-align: left;
        margin-top: 20px;
    }

    #surveys-list-container {
        margin-top: 20px;
    }

    br {
        display: none;
    }

    span {
        font-family: 'roboto', sans-serif !important;
    }

    .radio-item input[type="radio"],
    .checkbox-item input[type="checkbox"] {
        accent-color: #c04500 !important;
    }

    .answers-list {
        width: 100%;
    }

    label.btn.btn-primary {
        display: flex;
        border-radius: 0px !important;
        width: 100%;
    }

    label.answer-item {
        border: 1px solid #007BC0;
        background-color: transparent;
        color: #007BC0;
    }

    .btn-check:active + .btn-primary,
    .btn-check:checked + .btn-primary,
    .btn-primary.active,
    .btn-primary:active,
    .show > .btn-primary.dropdown-toggle {
        background-color: #007BC0;
        border-color: #007BC0;
        color: #fff;
    }

    .checkbox-item label::after {
        color: white;
    }

    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
        border: 0px !important;
        border-bottom: 1px solid #E0E0E0 !important;
    }

    .question-container {
        background-color: #fff;
    }

    tr.ls-odd,
    tr.ls-heading {
        background-color: #FBFCFD;
    }

    .radio-item label::after {
        background-color: #007BC0;
    }

    .group-outer-container {
        border-bottom: 1px solid #E0E0E0;
    }

    .question-container {
        margin: 0px !important;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .group-container .h3 {
        text-align: left !important;
        padding: 0px 20px;
        margin: 0px;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        color: #007BC0;
    }
    .survey-description.text-info.text-center {
        text-align: left !important;
    }
    .group-description span {
        font-size: 20px !important;
        color: #007BC0;
    }
    a.btn.btn-primary{
        padding: 10px 12px;
        background: #007BC0;
        border-radius: 30px;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #FFFFFF;
    }
    ul.list-unstyled {
        margin-bottom: 0px;
    }
    label.control-label{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        color: #222222;
    }
    .form-control {
        border: 1px solid #E0E0E0;
    }
    .answer-container,
    .question-title-container{
        padding-left:0px;
        padding-right:0px;
    }