@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");

.vgtu #welcome-container,
.vgtu #main-row,
.vgtu .top-container {
    background-color: transparent;
}

.vgtu {
    font-family: "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
}

#outerframeContainer {
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    word-wrap: normal;
    overflow-wrap: normal;
}

.vgtu #surveydescription,
.vgtu #surveynametitle,
.vgtu #welcome-container h1,
.vgtu .group-name,
.vgtu .text-primary {
    color: #2c3e50;
}

.vgtu #navigator-container {
    margin-top: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.vgtu .ls-brand-logo img,
.vgtu .navbar-brand img {
    max-height: 90px;
}

.vgtu .progress-bar,
.vgtu .btn-primary,
.vgtu .badge-primary {
    background-color: #0B4DC7;
    border-color: #0B4DC7;
}

.vgtu .btn-primary:hover,
.vgtu .btn-primary:focus,
.vgtu .btn-primary:active {
    background-color: #00458a;
    border-color: #00458a;
}

.vgtu .question-container,
.vgtu .group-container {
    border-radius: 0.4rem;
}

.vgtu .ls-privacy {
    border-top: 4px solid #0B4DC7;
    background: #fff url("/upload/templates/vgtu/files/colors_line.png") repeat-x 0 0;
}

.vgtu a.vgtu-links,
.vgtu a.vgtu-links:link,
.vgtu a.vgtu-links:visited,
.vgtu a.vgtu-links:hover,
.vgtu a.vgtu-links:active {
    color: #2C4D9B !important;
}

.dropdown-menu > li > a:hover {
    color: #fff !important;
    background-color: #0B4DC7 !important;
}

.dropdown-menu > li > a:focus {
    color: #fff !important;
    background-color: #0B4DC7 !important;
}

.img-fluid {
    max-width: 70% !important;
}

hr {
    color: #a29c9c !important;
}

body {
    background-color: #f6f6f6 !important;
}

#surveyListFooter {
    background-color: #f6f6f6 !important;
}

.navbar {
    background-color: #f6f6f6 !important;
}

.fruity_twentythree .footer {
    border-top: none !important;
}

.alert-warning {
    border: none !important;
    background-color: #F4964A !important;
}

.ls-answers label, .answer-item label, .control-label {
    color: #00000099 !important;
}

.ls-answers .ls-heading th, .ls-answers th {
    color: #00000099 !important;
}

.btn-primary:hover {
    color: #ffffff;
    box-shadow: 0 0 0 2px rgba(0, 84, 166, 0.2) !important;
}

.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus,
.btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 2px rgba(0, 84, 166, 0.2) !important;
}

.form-control:focus {
    box-shadow: 0 0 0 2px rgba(0, 84, 166, 0.2) !important;
}

.checkbox-item input[type=checkbox]:checked + label::after {
    background-color: transparent;
    color: #0B4DC7 !important;
}

.checkbox-item input[type=checkbox]:checked + label::before {
    border-color: #0B4DC7 !important;
}

.form-change-lang #language-changer-select {
    color: #0B4DC7 !important;
}

.btn-outline-secondary:hover {
    box-shadow: 0 0 0 2px rgba(0, 84, 166, 0.2) !important;
}

*[class*=btn-outline-]:hover {
     box-shadow: 0 0 0 2px rgba(0, 84, 166, 0.2) !important;
}

.radio-item input[type=radio]:checked + label::before {
    border-color: #0B4DC7 !important;
}

.radio-item input[type=radio]:checked + label::after {
    background-color: #0B4DC7 !important;
}