/******************
		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 {
		--bs-primary: #00a499;
		--bs-warning: #ffa200;
		--bs-warning-rgb: 235, 149, 0;
		--bs-body-color: #1a1a1a;
		--bs-danger: #ff0033;
		--bs-danger-rgb: 255, 0, 51;
}

/* thin */

@font-face {
	font-family: "Drive";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-Thin.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-Thin.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-Thin.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-Thin.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: italic;
	font-weight: 100;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-ThinItalic.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-ThinItalic.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: italic;
	font-weight: 200;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-ThinItalic.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-ThinItalic.woff') format('woff');
}

/* normal */

@font-face {
	font-family: "Drive";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-Book.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-Book.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-Book.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-Book.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-BookItalic.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-BookItalic.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-BookItalic.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-BookItalic.woff') format('woff');
}

/* medium */

@font-face {
	font-family: "Drive";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-Medium.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-Medium.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-MediumItalic.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-MediumItalic.woff') format('woff');
}

/* bold */

@font-face {
	font-family: "Drive";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-Bold.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-Bold.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-Bold.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-Bold.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-BoldItalic.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-BoldItalic.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-BoldItalic.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-BoldItalic.woff') format('woff');
}

/* extrabold */

@font-face {
	font-family: "Drive";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-Extrabold.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-Extrabold.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-Extrabold.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-Extrabold.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: italic;
	font-weight: 800;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-ExtraboldItalic.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-ExtraboldItalic.woff') format('woff');
}

@font-face {
	font-family: "Drive";
	font-style: italic;
	font-weight: 900;
	font-display: swap;
	src: url('./font-src/drive-font/Drive-ExtraboldItalic.woff2') format('woff2'),
			 url('./font-src/drive-font/Drive-ExtraboldItalic.woff') format('woff');
}

body {
	color: var(--bs-body-color) !important;
}

body,
.large-heading {
	font-family: "Drive", "Verdana", sans-serif;
}

body .top-container {
	margin-top: 0 !important;
}

a, a:hover {
	color: var(--bs-primary);
}

.progress-bar {
	background-color: var(--bs-primary);
}

.btn {
	background-color: var(--bs-primary);
	color: #fff;
	padding: .7rem 1.5rem;
	border: none;
	border-radius: 0;
}

.btn:hover {
	background-color: #1e2838 !important;
	color: #fff;
	box-shadow: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.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: none;
}

.btn-outline-secondary {
	/*background-color: var(--bs-primary);
	color: #fff;
	border-color: var(--bs-primary);*/
}

.btn-outline-secondary:hover {
	/*box-shadow: 0px 0px 0px 3px rgba(0, 164, 153, 0.4);*/
}

.form-change-lang #language-changer-select {
	color: var(--bs-primary);
}

.alert-warning {
	color: #fff;
	border-color: #eb9500;
}

.input-group-text, label .input-group-text {
	background-color: var(--bs-primary);
}

.numeric-multi .ls-group-total .control-label,
.numeric-multi .dynamic-total.text-success {
	color: var(--bs-primary);
}

.numeric-multi .ls-group-total-separator hr {
	border-color: var(--bs-primary);
}

.slider-list .slider .slider-selection,
.slider-list .slider .slider-handle{
	background-color: var(--bs-primary);
}

.slider-list .slider .tooltip .tooltip-inner {
	color: var(--bs-primary);
}

.btn-check:checked + .btn-primary, .btn-check:checked + .btn-primary:focus, .btn-check:focus:checked + .btn-primary {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-check + .btn-primary:hover {
	border-color: #1e2838;
}

.radio-item input[type="radio"]:checked + label,
.checkbox-item input[type="checkbox"]:checked + label,
.checkbox-item input[type="checkbox"]:checked + label::after,
input.imageselect-checkbox:checked ~ .imageselect-select::after {
	color: var(--bs-primary);
}

.radio-item input[type="radio"]:checked + label::before,
.radio-item input[type="radio"]:checked + label::after,
.checkbox-item input[type="checkbox"]:checked + label::before,
input.imageselect-checkbox:checked ~ .imageselect-select::before {
	border-color: var(--bs-primary);
}

.radio-item input[type="radio"]:checked + label::after {
	background-color: var(--bs-primary);
}

.fruity_twentythree .input-group-addon {
	background-color: var(--bs-primary);
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label {
	border-color: var(--bs-primary) !important;
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton::before {
	border-color: var(--bs-primary);
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton::after {
	background-color: var(--bs-primary);
}

.ranking-advanced-style .sortable-rank, .ranking-advanced-style .ranking-advanced-sorted-items .sortable-item {
	border-color: var(--bs-primary);
}

.select-sortable-lists:not(.ranking-advanced-style) .ranking-sorted-items .sortable-item {
	border-color: var(--bs-primary);
}

.dropdown-menu > li > a:hover {
	background-color: var(--bs-primary) !important;
}

.dropdown-menu > .active > a {
	background-color: var(--bs-primary) !important;
}

.form-control {
	font-size: 16px;
}

.form-control:focus,
.form-select:focus {
	box-shadow: 4px 4px 0 rgba(0, 164, 153, 0.2);
}

[class*="btn-outline-"]:focus, [class*="btn-outline-"]:active, [class*="btn-outline-"].active, [class*="btn-outline-"].dropdown-toggle.show, [class*="btn-outline-"].dropdown-toggle.show:focus, [class*="btn-outline-"].show {
	box-shadow: 4px 4px 0px rgba(0, 164, 153, 0.4);
}

.tempus-dominus-widget .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget .time-container-second div:not(.no-highlight).active {
	background-color: var(--bs-primary);
}

.tempus-dominus-widget .date-container-decades div:not(.no-highlight).active.today::before, .tempus-dominus-widget .date-container-years div:not(.no-highlight).active.today::before, .tempus-dominus-widget .date-container-months div:not(.no-highlight).active.today::before, .tempus-dominus-widget .date-container-days div:not(.no-highlight).active.today::before, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).active.today::before, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).active.today::before, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).active.today::before, .tempus-dominus-widget .time-container-second div:not(.no-highlight).active.today::before {
	border-bottom-color: var(--bs-body-color);
}

.tempus-dominus-widget .date-container-decades div:not(.no-highlight):hover, .tempus-dominus-widget .date-container-years div:not(.no-highlight):hover, .tempus-dominus-widget .date-container-months div:not(.no-highlight):hover, .tempus-dominus-widget .date-container-days div:not(.no-highlight):hover, .tempus-dominus-widget .time-container-clock div:not(.no-highlight):hover, .tempus-dominus-widget .time-container-hour div:not(.no-highlight):hover, .tempus-dominus-widget .time-container-minute div:not(.no-highlight):hover, .tempus-dominus-widget .time-container-second div:not(.no-highlight):hover {
	border-color: rgba(0, 164, 153, 0.2);
}

.success-border {
	border-color: var(--bs-primary);
}

.numeric-multi .dynamic-total.text-success {
	color: var(--bs-primary) !important;
}

.question-container .ls-label-question {
	font-weight: inherit;
}

.question-container .ls-label-question .asterisk {
	font-size: 50%;
	color: #ff0033;
	position: relative;
	top: -7px;
}

.error-page img {
	max-width: 100%;
}

.ls-answers .ls-heading th,
.ls-answers th {
	word-wrap: normal;
}

.flex-answers .ls-answers {
  display: flex;
}

.flex-answers .ls-answers > * {
	flex: auto;
}

.flex-answers .ls-answers .bootstrap-buttons-div {
  flex: auto;
}

#welcome-container {
	max-width: none;
}

.question-hint {
	font-size: 12pt;
  line-height: 1.8;
  padding: 1rem 1rem 1rem 3.5rem;
  border: 2px solid #00a499;
  margin-bottom: 8px;
  position: relative;
}

.question-hint::before {
	content: "\f05a";
	font-family: "FontAwesome";
	font-size: 2rem;
	color: #00a499;
  line-height: 1;
  position: absolute;
  left: 1rem;
}