/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
:root {
    --h-color: #000000;
    --lt-shade: #f4f4f4;
    --dk-shade: #777777;
}
@font-face {
	font-family: 'Montreal-Book';
	src: url('../files/PPNeueMontreal-Book.woff2') format('woff2')
}
@font-face {
	font-family: 'Montreal-Medium';
	src: url('../files/PPNeueMontreal-Medium.woff2') format('woff2')
}
@font-face {
	font-family: 'Montreal-Bold';
	src: url('../files/PPNeueMontreal-Bold.woff2') format('woff2')
}
body {
    padding: 20px;
}
.survey-name.large-heading {
    font-family: 'Montreal-Bold';
    font-size: 40px;
    margin-bottom: 40px;
    line-height: 1;
}
.question-text {
    line-height: 1;
}
p {
    font-family: 'Montreal-Book';
}
.question-count-text {
    font-family: 'Montreal-Medium';     
}
.progress-bar {
    background-color: var(--h-color);
}
.privacy .checkbox-item label::before {
    border: 3px solid var(--h-color);
}
.checkbox-item input[type=checkbox]:checked + label::before {
    border-color: var(--h-color);
}
.checkbox-item input[type=checkbox]:checked + label::after {
    color: var(--h-color);
    top: 0;
}
a {
    color: var(--h-color);
}
a:hover {
    color: var(--h-color);
}
.checkbox-item input[type=checkbox]:checked + label {
    color: var(--h-color);
}
.checkbox-item label::before {
    top: 3px;
}
label.control-label.checkbox-label.form-check-label.datasecurity-checkbox-label {
    color: var(--h-color);
    font-family: 'Montreal-Medium';
    line-height: 30px;
}
.btn-primary {
    background-color: var(--h-color);
    border-color: var(--h-color);
    font-family: 'Montreal-Bold';
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 30px;
}
.btn-primary:hover {
    background-color: var(--h-color);
    border-color: var(--h-color);
    box-shadow: 0px 0px 0px 3px var(--h-color);
}
#datasecurity_notice, #datasecurity_notice_label, .datasecurity-checkbox-label {
    color: var(--h-color);
}
.logo-container > img {
    max-height: 130px;
}
.top-container .progress {
    height: 10px;
    margin-bottom: 0;
}
.ls-answers label, .answer-item label, .control-label {
    color: var(--h-color);
    font-family: 'Montreal-Book';
    font-size: 1.2rem;
}
.dropdown-menu > .active > a {
    color: #ffffff;
    background-color: var(--h-color) !important;
}
.dropdown-menu > li > a:hover {
    color: #ffffff;
    background-color: var(--h-color) !important;
}
.dropdown-menu > li > a {
    color: var(--h-color);
}
.question-title-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 10px;
}
.question-container .asterisk {
    margin-right: 5px;
    font-size: 12px;
    color: red;
}
.question-valid-container.text-info {
    margin-top: 0px;
    margin-bottom: 20px;
}
.group-container .group-title {
    font-size: 2.25rem;
    font-family: 'Montreal-Bold';
}
.question-container .ls-label-question {
    font-family: 'Montreal-Bold';
    font-size: 1.5rem;
    line-height: 1;
}
.question-container .ls-question-message {
    font-size: 1.12rem;
    font-family: 'Montreal-Book';
    font-style: normal;
    color: var(--dk-shade);
}
.group-description {
    margin-top: 5px;
    font-family: 'Montreal-Book';
    font-size: 1.25rem;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: var(--h-color);
    border: 2px solid var(--h-color);
    border-radius: 0;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: var(--h-color);
    border: 2px solid var(--h-color);
    border-radius: 0;
}
.btn-outline-secondary {
    border: 2px solid var(--h-color);
    font-family: 'Montreal-Medium';
    border-radius: 0;
}
.alert-warning {
    border: 1px dashed var(--h-color);
    background-color: var(--lt-shade);
    color: var(--h-color);
    border-radius: 0;
    margin-bottom: 40px;
    font-family: 'Montreal-Bold';
}
.alert-dismissible .btn-close {
    color: var(--lt-shade);
}
.datasecurity-checkbox-label a.show-policy {
    font-family: 'Montreal-Bold';
    font-size: 1rem;
}
.alert-danger {
    border: 1px dashed #1E1E1E;
    background-color: var(--lt-shade);
    color: #1E1E1E;
    border-radius: 0;
    font-family: 'Montreal-Bold';
}
.radio-item input[type=radio]:checked + label {
    color: var(--h-color);
    font-family: 'Montreal-Bold';
}
.radio-item input[type=radio]:checked + label::before {
    border-color: var(--h-color);
}
.radio-item input[type=radio]:checked + label::after {
    background-color: var(--h-color);
}
.dropdown-menu .dropdown-item {
    font-family: 'Montreal-Book';
}
p.completed-heading {
    font-family: 'Montreal-Bold';
}
strong.h4.text-danger {
    font-family: 'Montreal-Bold';
    color: var(--h-color) !important;
    display: block;
    margin-bottom: 0px;
    margin-top: 0;
}
.question-container {
    padding: 20px;
    border-radius: 20px;
}
.ls-answers th {
    color: #000;
    font-family: 'Montreal-Medium';
}
.ls-answers .ls-heading th {
    font-family: 'Montreal-Bold';
    color: #000;
    background: #d0cdcd;
    border: 1px solid #000;
}
.ls-answers td.radio-item {
    background: #e2e2e2;
    border: 1px solid #000;
}
.ls-even {
    background-color: #eeeeee;
}
.question-container:nth-of-type(odd) {
    background: #f9f9f9;
    border: 1px solid #c0c0c0;
}
.question-container:nth-of-type(even) {
    background: #ffffff;
    border: 1px solid #c0c0c0;
}
.table-hover > tbody > tr:hover > th {
    background-color: #f3f3f3;
    color: #000000;
}
.table-hover > tbody > tr:hover > td {
    background-color: #d0cdcd;
}
.text-info {
    color: #000 !important;
}
.fruity_twentythree .input-group-addon {
    background-color: #000000;
}
.btn-check + .btn-primary:hover {
    background-color: #000000;
    border-color: #000000;
}
.btn-check:checked + .btn-primary, .btn-check:checked + .btn-primary:focus, .btn-check:focus:checked + .btn-primary {
    background-color: #000000;
    border-color: #000000;
}
.tempus-dominus-widget .date-container-months div:not(.no-highlight).active {
    background-color: #000000;
}
.tempus-dominus-widget .date-container-months div:not(.no-highlight):hover {
    border: 2px solid #00000029;
}
.btn-check + .btn {
    padding: 10px 12px 10px 12px;
    color: #000;
    border: 2px solid #000;
    font-family: 'Montreal-Bold';
    font-size: 16px;
    line-height: 12px;
    min-height: unset;
}
.bootstrap-buttons-div {
    min-width: 200px;
}
.question-container .help-block {
    color: #777777;
    margin-top: 10px;
}
textarea {
    margin-bottom: 20px;
}
.bootstrap-buttons-div {
    margin-bottom: 20px;
}
.ls-privacy-block {
    font-size: 16px;
    line-height: 1.2;
}