/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*!
 * jQuery UI Accordion 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
/*!
 * jQuery UI Autocomplete 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
/*!
 * jQuery UI Button 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/button/#theming
 */
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 125+ */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/*!
 * jQuery UI Checkboxradio 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/checkboxradio/#theming
 */

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
/*!
 * jQuery UI Controlgroup 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/controlgroup/#theming
 */

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

/*!
 * jQuery UI Datepicker 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/*!
 * jQuery UI Dialog 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
/*!
 * jQuery UI Draggable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-draggable-handle {
	touch-action: none;
}
/*!
 * jQuery UI Menu 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/menu/#theming
 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
/*!
 * jQuery UI Progressbar 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/progressbar/#theming
 */
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
/*!
 * jQuery UI Resizable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/*!
 * jQuery UI Selectable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
/*!
 * jQuery UI Selectmenu 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/selectmenu/#theming
 */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
/*!
 * jQuery UI Sortable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-sortable-handle {
	touch-action: none;
}
/*!
 * jQuery UI Slider 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/*!
 * jQuery UI Spinner 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/spinner/#theming
 */
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
/*!
 * jQuery UI Tabs 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
/*!
 * jQuery UI Tooltip 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */
/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit https://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/images/vendor/jquery-ui/themes/base/ui-icons_444444_256x240.png?f83a8b8886694eaef4505dd80af7a430);
}
.ui-widget-header .ui-icon {
	background-image: url(/images/vendor/jquery-ui/themes/base/ui-icons_444444_256x240.png?f83a8b8886694eaef4505dd80af7a430);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(/images/vendor/jquery-ui/themes/base/ui-icons_555555_256x240.png?91b1966e761a8e0c0b83450f676e8fe4);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(/images/vendor/jquery-ui/themes/base/ui-icons_ffffff_256x240.png?47d227801c1ad6c59d033bc151848c07);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(/images/vendor/jquery-ui/themes/base/ui-icons_777620_256x240.png?efbf84f0f6384f5c303ea15ebb299a08);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/images/vendor/jquery-ui/themes/base/ui-icons_cc0000_256x240.png?dd8125ead27254818e47e1a08814e83a);
}
.ui-button .ui-icon {
	background-image: url(/images/vendor/jquery-ui/themes/base/ui-icons_777777_256x240.png?5e7882c25f80ead21c4b7fa3d8e7c1a3);
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
}
.ui-widget-shadow {
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */
@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  font-size: 100%;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button:focus {
  outline: unset !important;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

*:focus {
  outline: 0;
}

body {
  padding-left: calc(100vw - 101%);
  overflow-x: hidden;
  display: flex;
  min-height: 100vh;
  font-size: 16px;
  line-height: 1.2;
  font-family: "DM Sans", sans-serif;
  position: relative;
  background-color: #ddecf1;
  color: #222525;
}

@media screen and (max-width: 991px) {
  body {
    flex-direction: column;
  }
}

p,
a {
  font-size: 16px;
  line-height: 1.2;
  color: #222525;
}

a {
  text-decoration: none;
  transition: color 0.2s;
  cursor: pointer;
}

a:hover {
  color: #f3a056;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222525;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "DM Sans", sans-serif;
}

h1 {
  font-size: 40px;
  line-height: 1;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 28px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

input,
select,
textarea {
  background-color: white;
  border: 1px solid #bcd2d9;
  background-clip: padding-box;
  border-radius: 5px;
  color: #222525;
  font-size: 14px;
  font-weight: 400;
  padding: 0 20px;
  font-family: "DM Sans", sans-serif;
}

select,
input:not(.DateInput_input__small) {
  height: 45px;
}

input::-webkit-input-placeholder {
  color: #bcd2d9;
}

input::-moz-placeholder {
  color: #bcd2d9;
}

input:-ms-input-placeholder {
  color: #bcd2d9;
}

input:-moz-placeholder {
  color: #bcd2d9;
}

textarea::-webkit-input-placeholder {
  color: #bcd2d9;
}

textarea::-moz-placeholder {
  color: #bcd2d9;
}

textarea:-ms-input-placeholder {
  color: #bcd2d9;
}

textarea:-moz-placeholder {
  color: #bcd2d9;
}

input:focus,
select:focus,
textarea:focus {
  border: 1px solid #f3a056;
}

textarea {
  padding: 15px 20px;
  line-height: 20px;
}

input:disabled,
select:disabled,
textarea:disabled {
  background-color: #bcd2d9;
}

input:disabled::-webkit-input-placeholder {
  color: #90abb4;
}

input:disabled::-moz-placeholder {
  color: #90abb4;
}

input:disabled:-ms-input-placeholder {
  color: #90abb4;
}

input:disabled:-moz-placeholder {
  color: #90abb4;
}

textarea:disabled::-webkit-input-placeholder {
  color: #90abb4;
}

textarea:disabled::-moz-placeholder {
  color: #90abb4;
}

textarea:disabled:-ms-input-placeholder {
  color: #90abb4;
}

textarea:disabled:-moz-placeholder {
  color: #90abb4;
}

strong {
  color: #f3a056;
  font-weight: bold;
}

small {
  font-size: 13px;
}

i {
  font-style: italic;
}

label:not(.switch) {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
}

label:not(.switch):not(.upload-bttn) {
  margin: 0 0 5px 2px;
}

*::-webkit-scrollbar {
  width: 5px;
}

*::-webkit-scrollbar {
  margin-left: 5px;
}

*::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-device-width: 1024px) {
  h1 {
    font-size: 30px;
  }

  h3 {
    font-size: 20px;
  }
}

.bttns {
  display: flex;
}

.bttns-vertical {
  flex-direction: column;
}

.bttns-flex {
  display: flex;
}

.bttns-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bttn {
  align-items: center;
  background-color: white;
  border: 2px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  position: relative;
  padding: 0 18px;
  min-height: 45px;
  vertical-align: middle;
  transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s, border 0.3s, border-color 0.3s;
  backface-visibility: hidden;
}

.bttn__count {
  margin-right: 14px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.bttn p {
  font-weight: 500;
  transition: transform 0.3s, color 0.3s, font-size 0.3s;
  font-size: 14px;
  word-break: break-word;
}

.bttn__spinner {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

.bttn__spinner:after {
  content: "";
  width: 100%;
  height: 100%;
  animation: rotate 0.8s infinite linear;
  border: 3px solid white;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.small-bttn .bttn__spinner {
  width: 25px;
  height: 25px;
}

.tiny-bttn .bttn__spinner {
  width: 18px;
  height: 18px;
}

.bttns:not(.bttns-vertical) .bttn:not(:last-child) {
  margin-right: 8px;
}

.bttns.bttns-vertical .bttn:not(:last-child) {
  margin-bottom: 8px;
}

.bttns-flex .bttn {
  flex: 1 1;
}

.bttns-flex:not(.bttns-vertical) .bttn:not(:last-child) {
  margin-right: 8px;
}

.bttns-flex.bttns-vertical .bttn:not(:last-child) {
  margin-bottom: 8px;
}

.bttns-checkbox .bttn {
  margin: 4px;
}

.bttn:not(.bttn-to-bottom):not(:disabled):not(.no-bttn-hover):hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.bttn:not(.bttn-to-bottom):not(:disabled):not(.no-bttn-hover):active {
  transform: translateY(0.5px);
}

.bttn:disabled {
  background-color: #bcd2d9 !important;
  cursor: default !important;
}

.bttn:disabled p {
  color: #d7e7ed !important;
}

.bttn.pulse {
  box-shadow: 0 0 0 0 rgb(0, 0, 0);
  transform: scale(1);
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(243, 160, 86, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(243, 160, 86, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(243, 160, 86, 0);
  }
}

.bttn-content-push-left {
  justify-content: flex-start;
}

.bttn-content-push-left p {
  text-align: left;
}

.bttn-content-push-right {
  justify-content: flex-end;
}

.bttn-content-push-right p {
  text-align: right;
}

/* CHANGE HEIGHT */

.small-bttn {
  min-height: 30px;
  padding: 0 14px;
}

.small-bttn p {
  font-size: 12px;
  line-height: 12px;
}

.tiny-bttn {
  min-height: 22px;
  padding: 0 10px;
}

.tiny-bttn p {
  font-size: 12px;
  line-height: 12px;
}

.large-bttn {
  min-height: 60px;
}

/* BTTN has image */

.bttn-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
}

.bttn-img svg {
  max-width: 100%;
  max-height: 100%;
  fill: #222525;
  transition: fill 0.3s;
}

.bttn:disabled .bttn-img svg {
  fill: #d7e7ed !important;
}

.small-bttn .bttn-img {
  height: 14px;
  width: 14px;
  min-height: 14px;
  min-width: 14px;
}

.tiny-bttn .bttn-img {
  width: 12px;
  height: 12px;
  min-height: 12px;
  min-width: 12px;
  margin-left: 8px !important;
}

.large-bttn .bttn-img {
  height: 22px;
  width: 22px;
  min-width: 22px;
}

.bttn-img:last-child:first-child {
  margin: 0 !important;
}

.bttn-img-right p {
  order: 1;
}

.bttn-img-right .bttn-img {
  margin-left: 18px;
  order: 2;
}

.bttn-img-right.small-bttn .bttn-img {
  margin-left: 14px;
}

.bttn-img-left p {
  order: 2;
}

.bttn-img-left .bttn-img {
  margin-right: 18px;
  order: 1;
}

.bttn-img-left.small-bttn .bttn-img {
  margin-right: 14px;
}

/* CHANGE COLOR */

.bttn-default {
  background-color: white;
}

.bttn-default p {
  color: #8dabb3;
}

.bttn-default svg {
  fill: #8dabb3;
}

.panel .bttn-default:not(.bttn-keep-default-on-panel) {
  background-color: #ddecf1;
}

.blue-panel .bttn-default {
  background-color: white;
}

.demo .bttn-default {
  background-color: white;
}

.bttn-default:not(.no-bttn-hover):hover {
  background-color: #8dabb3;
}

.bttn-default:not(.no-bttn-hover):hover p {
  color: white;
}

.bttn-default:not(.no-bttn-hover):hover svg {
  fill: white;
}

.bttn-primary {
  background-color: #f3a056;
}

.bttn-primary p {
  color: white;
}

.bttn-primary svg {
  fill: white;
}

.bttn-primary:not(.no-bttn-hover):hover {
  background-color: #ea7800;
}

.bttn-primary .bttn__count {
  background-color: rgb(250, 230, 210);
  color: #f3a056;
}

.bttn-secondary {
  background-color: #8dabb3;
}

.bttn-secondary p {
  color: white;
}

.bttn-secondary svg {
  fill: white;
}

.bttn-secondary:not(.no-bttn-hover):hover {
  background-color: #657b81;
}

.bttn-secondary .bttn__count {
  background-color: #bcd2d9;
  color: #8dabb3;
}

.bttn-warning {
  background-color: #ea5861;
}

.bttn-warning p {
  color: white;
}

.bttn-warning svg {
  fill: white;
}

.bttn-warning:not(.no-bttn-hover):hover {
  background-color: #e71c29;
}

.bttn-warning .bttn__count {
  background-color: #f0ddde;
  color: #ea5861;
}

.bttn-success {
  background-color: #66c934;
}

.bttn-success p {
  color: white;
}

.bttn-success svg {
  fill: white;
}

.bttn-success:not(.no-bttn-hover):hover {
  background-color: #45b630;
}

.bttn-success .bttn__count {
  background-color: #d7f1d1;
  color: #66c934;
}

.bttn-lo_primary {
  background-color: rgb(250, 230, 210);
}

.bttn-lo_primary p {
  color: #f3a056;
}

.bttn-lo_primary svg {
  fill: #f3a056;
}

.bttn-lo_primary:not(.no-bttn-hover):hover {
  background-color: #ea7800;
}

.bttn-lo_primary:not(.no-bttn-hover):hover p {
  color: #fff;
}

.bttn-lo_primary:not(.no-bttn-hover):hover svg {
  fill: #fff;
}

.bttn-lo_primary .bttn__count {
  background-color: #f3a056;
  color: rgb(250, 230, 210);
}

.bttn-lo_yellow {
  background-color: #FEF9C3;
}

.bttn-lo_yellow p {
  color: #CA8A04;
}

.bttn-lo_yellow svg {
  fill: #CA8A04;
}

.bttn-lo_yellow:not(.no-bttn-hover):hover {
  background-color: #CA8A04;
}

.bttn-lo_yellow:not(.no-bttn-hover):hover p {
  color: #fff;
}

.bttn-lo_yellow:not(.no-bttn-hover):hover svg {
  fill: #fff;
}

.bttn-lo_yellow .bttn__count {
  background-color: #CA8A04;
  color: #FEF9C3;
}

.bttn-lo_secondary {
  background-color: #bcd2d9;
}

.bttn-lo_secondary p {
  color: #657b81;
}

.bttn-lo_secondary svg {
  fill: #657b81;
}

.bttn-lo_secondary:not(.no-bttn-hover):hover {
  background-color: #657b81;
}

.bttn-lo_secondary:not(.no-bttn-hover):hover p {
  color: white;
}

.bttn-lo_secondary:not(.no-bttn-hover):hover svg {
  fill: white;
}

.bttn-lo_secondary .bttn__count {
  background-color: #657b81;
  color: #bcd2d9;
}

.bttn-lo_warning {
  background-color: #f0ddde;
}

.bttn-lo_warning p {
  color: #ea5861;
}

.bttn-lo_warning svg {
  fill: #ea5861;
}

.bttn-lo_warning:not(.no-bttn-hover):hover {
  background-color: #e71c29;
}

.bttn-lo_warning:not(.no-bttn-hover):hover p {
  color: white;
}

.bttn-lo_warning:not(.no-bttn-hover):hover svg {
  fill: white;
}

.bttn-lo_warning .bttn__count {
  background-color: #ea5861;
  color: #f0ddde;
}

.bttn-lo_success {
  background-color: #d7f1d1;
}

.bttn-lo_success p {
  color: #66c934;
}

.bttn-lo_success svg {
  fill: #66c934;
}

.bttn-lo_success:not(.no-bttn-hover):hover {
  background-color: #45b630;
}

.bttn-lo_success:not(.no-bttn-hover):hover p {
  color: white;
}

.bttn-lo_success:not(.no-bttn-hover):hover svg {
  fill: white;
}

.bttn-lo_success .bttn__count {
  background-color: #66c934;
  color: #d7f1d1;
}

.bttn-for-navigation p {
  color: #222525;
}

.bttn-for-navigation svg {
  fill: #f3a056;
}

.bttn-for-navigation:not(.no-bttn-hover):hover {
  border-color: #f3a056;
  background-color: white;
}

.bttn-for-navigation:not(.no-bttn-hover):hover p {
  color: #222525;
}

.bttn-for-navigation:not(.no-bttn-hover):hover svg {
  fill: #f3a056;
}

/* BTTN to select (only work with bttn-default) */

.bttn-to-select.is_selected {
  border-color: #f3a056;
}

.bttn-to-select.is_selected p {
  color: #222525;
}

.bttn-to-select.is_selected svg {
  fill: #f3a056;
}

.bttn-to-select.is_selected_check:before {
  content: "\2713";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 0;
  left: 0;
  font-size: 14px;
  color: white;
  background-color: #66c934;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bttn-to-select:not(.no-bttn-hover):hover {
  border-color: #f3a056;
  background-color: white;
}

.bttn-to-select:not(.no-bttn-hover):hover p {
  color: #222525;
}

.bttn-to-select:not(.no-bttn-hover):hover svg {
  fill: #f3a056;
}

.button-container-fixed-bottom {
  display: flex;
  justify-content: center;
  width: 100%;
  position: fixed;
  bottom: 5%;
  left: 0;
  z-index: 3;
  align-items: flex-start;
  pointer-events: none;
}

.button-container-fixed-bottom2 {
  display: flex;
  justify-content: center;
  width: 100%;
  position: fixed;
  bottom: 40px;
  left: 0;
  z-index: 3;
  align-items: flex-start;
  pointer-events: none;
}

.button-container-fixed-bottom > div,
.button-container-fixed-bottom2 > div,
.button-container-fixed-bottom > div {
  display: flex;
  justify-content: center;
}

.button-container-fixed-bottom > div:first-child:not(:last-child),
.button-container-fixed-bottom2 > div:first-child:not(:last-child),
.button-container-fixed-bottom > div:first-child:not(:last-child) {
  justify-content: flex-end;
}

.button-container-fixed-bottom > div:last-child:not(:first-child),
.button-container-fixed-bottom2 > div:last-child:not(:first-child),
.button-container-fixed-bottom > div:last-child:not(:first-child) {
  justify-content: flex-start;
}

.button-container-fixed-bottom button,
.button-container-fixed-bottom2 button {
  /*    -webkit-box-shadow: 0px 18px 20px -16px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 18px 20px -16px rgba(0,0,0,0.75);
      box-shadow: 0px 18px 20px -16px rgba(0,0,0,0.75);*/
  margin: 7px 7px 7px 7px;
  pointer-events: auto;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.bttn-border-primary {
  border-color: #f3a056;
}

.bttn-border-primary:not(.no-bttn-hover):hover {
  background-color: #f3a056;
}

.bttn-border-secondary {
  border-color: #8dabb3;
}

.bttn-border-secondary:not(.no-bttn-hover):hover {
  background-color: #8dabb3;
}

.bttn-border-success {
  border-color: #66c934;
}

.bttn-border-success:not(.no-bttn-hover):hover {
  background-color: #66c934;
}

.bttn-border-warning {
  border-color: #ea5861;
}

.bttn-border-warning:not(.no-bttn-hover):hover {
  background-color: #ea5861;
}

.bttn-border-yellow {
  border-color: #CA8A04;
}

.bttn-border-yellow:not(.no-bttn-hover):hover {
  background-color: #CA8A04;
}

.bttn-border-default {
  border-color: #fff;
}

.bttn-to-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0;
  padding: 0;
  box-shadow: 0px -8px 20px -16px rgba(0, 0, 0, 0.75);
  z-index: 1;
}

.button-png-img {
  width: 200px;
  margin-bottom: 20px;
  border-radius: 5px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 200px;
  padding: 20px;
}

.no-bttn-hover {
  cursor: initial;
}

.bttn-right-border {
  border-right: 4px solid #f3a056;
}

.bttn-sentence {
  font-size: 14px;
}

.bttn-sentence:disabled {
  background-color: #8dabb3 !important;
  border-color: transparent !important;
}

.bttn-sentence:disabled p {
  color: white !important;
}

.bttn-sentence:disabled .bttn-img {
  display: none;
}

.disable-shift-from-scrollbar {
  padding-left: calc(100vw - 100%);
}

.inmind-logo {
  height: 100%;
}

.inmind-logo img {
  height: 100%;
}

.main-content {
  flex: 1 1 auto;
  display: flex;
  width: 100%;
  flex-direction: column;
}

#page-wrap {
  flex: 1 1;
  display: flex;
  width: 100%;
  flex-direction: column;
}

nav.bm-item-list {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 300px !important;
}

.main-content-blur {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}

.vc_column {
  display: flex;
  flex: 1 1;
  flex-direction: column;
}

.home-start {
  padding-top: 66px;
}

@media screen and (max-width: 991px) {
  .home-start {
    flex-direction: column-reverse !important;
  }
}

.home-start-admin {
  padding-top: 66px;
  flex-direction: column !important;
}

.djigg-say-horizontal-container .avatar-conversation-horizontal {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.djigg-say-horizontal-container .avatar-face-horizontal {
  min-width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px solid white;
  background-color: #ddecf1;
  overflow: visible;
  position: relative;
}

.djigg-say-horizontal-container .avatar-face-horizontal svg,
.djigg-say-horizontal-container .avatar-face-horizontal img {
  height: 80%;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.djigg-say-horizontal-container .avatar-subarrow {
  transform: rotate(90deg);
  height: 5px;
  width: 60px;
  min-width: 60px;
}

.djigg-say-horizontal-container .main-spinner-container .main-spinner {
  height: 72px;
  width: 72px;
}

.avatar-conversation {
  padding-top: 10px;
  max-width: 720px;
  text-align: center;
  margin: 0 auto 25px;
}

.avatar-conversation.small {
  margin: 0 auto 10px;
}

.avatar-conversation.modal-avater-conversation {
  margin-bottom: 15px;
}

.big-avatar-face-container {
  width: 100%;
  padding-top: min(720px, 100%);
  position: relative;
}

.avatar-face {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 5px solid white;
  background-color: #ddecf1;
  overflow: visible;
  position: relative;
}

.avatar-face.small {
  width: 120px;
  height: 120px;
}

.avatar-face.small-avatar-face {
  width: 120px;
  height: 120px;
}

.avatar-conversation .avatar-face {
  margin: 0 auto 20px;
}

.big-avatar-face-container .avatar-face {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  height: 75%;
  width: 75%;
  border: 10px solid white;
}

/*.avatar-face svg,
.avatar-face img {
    width: 100%;
!*    height: 80%;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);*!
}*/

.avatar-face-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}

.avatar-face-img img,
.avatar-face-img svg {
  width: 100%;
}

/*.specificAvatar {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: relative;

    svg, img {
        width: 100%;
        height: unset;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}*/

.djigg-say-action {
  height: 25px;
  width: 25px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  cursor: pointer;
}

.djigg-say-action svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: fill 0.35s;
}

.djigg-say-action:hover svg {
  fill: #f3a056;
}

.step-controller {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step-controller .step-controller-item {
  width: 5px;
  height: 5px;
  border: 2px solid #bcd2d9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.djigg-say-container .step-controller {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 85px;
}

.djigg-say-container .step-controller.prev-step {
  left: 25%;
}

.djigg-say-container .step-controller.next-step {
  left: 75%;
}

.step-controller.step-controller-open .step-controller-item {
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.step-controller svg {
  width: 60%;
  fill: #bcd2d9;
}

.main-spinner-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.main-spinner-container .main-spinner {
  display: none;
  height: 175px;
  width: 175px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
}

.main-spinner-container .main-spinner.small {
  height: 120px;
  width: 120px;
}

.main-spinner-container .main-spinner {
  /*        margin-left: auto;
          margin-right: auto;
          top: 45vh;*/
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.small-avatar-face .main-spinner-container .main-spinner {
  height: 125px;
  width: 125px;
}

.main-spinner-container-home {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 107%;
  width: 107%;
  transform: translate(-50%, -50%);
}

.main-spinner-container-home .main-spinner-home {
  display: none;
  height: 100%;
  width: 100%;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
  /*        margin-left: -10px;
          margin-top: -11px;
          top: 45vh;*/
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.main-spinner-container-alt {
  position: absolute;
  right: 1%;
  top: 3%;
  z-index: 999;
}

.main-spinner-alt {
  display: none;
  height: 50px;
  width: 50px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  top: 45vh;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*.spinner-auth-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-spinner-auth {
  display: none;
  height: 50px;
  width: 50px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid $primary-color;
  border-right-color: transparent;
  border-radius: 50%;
  @keyframes rotate {
      0%    { transform: rotate(0deg); }
      100%  { transform: rotate(360deg); }
  }
}*/

body.no-scroll {
  overflow: hidden;
}

.spinner-auth-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.main-spinner-auth {
  display: none;
  position: absolute;
  height: 50px;
  width: 50px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
  top: 45%;
  left: 48%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.spinner-auth-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.main-spinner-auth {
  display: none;
  position: absolute;
  height: 50px;
  width: 50px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
  top: 45%;
  left: 48%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.spinner-auth-container.show-spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.spinner-auth-container.show-spinner-container .main-spinner-auth {
  position: relative;
  display: inline-block;
  top: unset;
  left: unset;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.global-answer-editor_spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.global-answer-editor_spinner-container.gaesc-hidden {
  display: none;
}

.global-answer-editor_spinner-container-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ddecf1;
  opacity: 0.9;
  filter: blur(5px);
  -webkit-filter: blur(5px);
}

.global-answer-editor_spinner {
  height: 50px;
  width: 50px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.global-answer-editor_blur {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}

@media screen and (max-width: 1199px) {
  .container-no-max-width {
    max-width: 100% !important;
  }
}

.text-center {
  text-align: center !important;
}

.simple-hover {
  cursor: pointer;
  transition: box-shadow 0.4s;
}

.simple-hover:hover {
  box-shadow: 0px 18px 20px -16px rgba(0, 0, 0, 0.75);
}

.advanced-hover {
  cursor: pointer;
  transition: all 0.3s;
}

.advanced-hover:hover {
  transform: translateY(-3px);
  background-color: rgb(250, 230, 210);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.advanced-hover:active {
  transform: translateY(0.5px);
}

.error-message,
.info-message,
.success-message {
  text-align: center;
  margin: 20px auto;
  width: 80%;
}

.error-message > p,
.info-message > p,
.success-message > p {
  font-weight: 500 !important;
}

.error-message > p {
  color: #ea5861 !important;
}

.info-message > p {
  color: #f3a056 !important;
}

.success-message > p {
  color: #66c934 !important;
}

.applicant-score-container {
  height: 40px;
  width: 40px;
  min-height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 50%;
}

.applicant-score-container.good-score {
  background-color: #d7f1d1;
}

.applicant-score-container.medium-score {
  background-color: rgb(250, 230, 210);
}

.applicant-score-container.bad-score {
  background-color: #f0ddde;
}

.applicant-score {
  font-weight: 500;
  color: #8dabb3;
}

.good-score .applicant-score {
  color: #66c934;
}

.medium-score .applicant-score {
  color: #f3a056;
}

.bad-score .applicant-score {
  color: #ea5861;
}

/* CSS à ajouter */

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.ai-indicator {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background-color: #f0f9ff;
  border: 1px solid #e0f2fe;
  border-radius: 12px;
  font-size: 11px;
  color: #0369a1;
  cursor: help;
  transition: all 0.2s ease;
}

.ai-indicator:hover {
  background-color: #e0f2fe;
  transform: translateY(-1px);
}

.ai-icon {
  font-size: 12px;
}

.ai-label {
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.5px;
}

@media screen and (max-device-width: 1024px) {
  .inmind-logo img {
    height: 80% !important;
    margin-top: 5px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1300px !important;
  }
}

/*.is_covering {
    flex: 1 1;
    display: flex;
    flex-direction: column;
}*/

/* NAVBAR (use by header and footer) */

.navbar {
  align-items: center;
  display: flex;
  height: 50px;
  padding: 5px 0;
}

@media screen and (max-width: 800px) {
  .navbar {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    height: 100px;
    padding: 18px 0;
  }
}

.navbar-menu {
  flex: 1 1 auto;
  text-align: center;
}

.navbar-menu:not(:first-child) {
  margin: 0 40px;
}

@media screen and (max-width: 1199px) {
  .navbar-menu:not(:first-child) {
    margin: 0 20px;
  }
}

.navbar-item {
  display: inline-block;
  padding: 0 12px;
}

.navbar-item:first-child {
  padding: 0 12px 0 0;
}

.navbar-item:last-child {
  padding: 0 0 0 12px;
}

/* FOOTER */

.footer-bar {
  height: 75px;
  padding: 15px 10px 30px;
  border-top: 1px solid #8dabb3;
  opacity: 0.6;
  margin-top: 20px;
}

.footer-logo {
  margin-left: 10px;
}

.footer-list {
  text-align: right;
}

/* DROPDOWN */

.dropdown {
  position: relative;
}

.dropdown-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.dropdown-toggle-img {
  height: 1em;
}

.dropdown-toggle-img img {
  height: 100%;
}

.dropdown-toggle-img svg {
  height: 100%;
}

.dropdown-toggle-notif {
  position: absolute;
  background: grey;
  top: -3px;
  right: -3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  color: white;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dropdown-panel {
  display: none;
  padding-top: 5px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 2;
  box-shadow: 0px 18px 20px -16px rgba(0, 0, 0, 0.75);
}

.dropdown:hover .dropdown-panel {
  display: block;
}

.dropdown-panel-list {
  padding: 10px 20px;
  background-color: white;
  border-radius: 5px;
}

.dropdown-panel-list-item {
  padding: 6px 0;
}

.demo {
  background-color: #ddecf1;
  border-color: #ddecf1;
  padding: 15px;
}

/* SIDEBAR */

.sidebar-container {
  display: flex;
  flex-direction: column;
}

.sidebar-left {
  border-right: 1px solid #bcd2d9;
}

.sidebar-right {
  border-left: 1px solid #bcd2d9;
}

.sidebar-items {
  display: inherit;
  flex-direction: inherit;
}

/* BORDER FOR SIDEBAR */

.sidebar-right .sidebar-items-border-primary {
  border-right: 2px solid #f3a056;
}

.sidebar-left .sidebar-items-border-primary {
  border-left: 2px solid #f3a056;
}

.sidebar-right .sidebar-items-border-secondary {
  border-right: 2px solid #8dabb3;
}

.sidebar-left .sidebar-items-border-secondary {
  border-left: 2px solid #8dabb3;
}

.sidebar-right .sidebar-items-border-warning {
  border-right: 2px solid #ea5861;
}

.sidebar-left .sidebar-items-border-warning {
  border-left: 2px solid #ea5861;
}

.sidebar-right .sidebar-items-border-success {
  border-right: 2px solid #66c934;
}

.sidebar-left .sidebar-items-border-success {
  border-left: 2px solid #66c934;
}

.sidebar-item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.sidebar-item.sidebar-item-is-dragging {
  background-color: rgba(0, 0, 0, 0.1);
}

.sidebar-item.sidebar-item-dragover-top {
  border-top: 2px solid #8dabb3;
}

.sidebar-item.sidebar-item-dragover-bottom {
  border-bottom: 2px solid #8dabb3;
}

.sidebar-item .sidebar-sub-items {
  display: none;
  padding-left: 20px;
}

.sidebar-item .sidebar-sub-items .sidebar-sub-item {
  padding: 10px;
}

.sidebar-item .sidebar-sub-items .sidebar-sub-item.active p {
  font-weight: 600;
  color: black;
}

.sidebar-item .sidebar-item-content {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 11.5px 13px;
  position: relative;
  width: 100%;
  height: 100%;
}

.sidebar-item p {
  color: #8dabb3;
  cursor: pointer;
  font-size: 13px;
  flex: 1 1;
  order: 1;
}

.sidebar-right .sidebar-item p {
  text-align: right;
  order: 2;
}

.sidebar-item.no-space-between p {
  order: 2;
}

.sidebar-right .sidebar-item.no-space-between p {
  order: 1;
  text-align: right;
}

.sidebar-item {
  /* POINTER FOR SIDEBAR ITEM */
}

[class*=sidebar-items-border-] .sidebar-item .sidebar-item-content:before {
  content: "";
  background-clip: padding-box;
  border: 3px solid transparent;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sidebar-left [class*=sidebar-items-border-] .sidebar-item .sidebar-item-content:before {
  left: -7px;
}

.sidebar-right [class*=sidebar-items-border-] .sidebar-item .sidebar-item-content:before {
  right: -7px;
}

.sidebar-items-border-primary .sidebar-item .sidebar-item-content:before {
  background-color: #f3a056;
}

.sidebar-items-border-secondary .sidebar-item .sidebar-item-content:before {
  background-color: #8dabb3;
}

.sidebar-items-border-warning .sidebar-item .sidebar-item-content:before {
  background-color: #ea5861;
}

.sidebar-items-border-success .sidebar-item .sidebar-item-content:before {
  background-color: #66c934;
}

.sidebar-item .sidebar-item-actions {
  position: absolute;
  display: none;
  align-items: center;
  flex-direction: row;
  padding: 11.5px 13px;
  z-index: 2;
}

.sidebar-left .sidebar-item .sidebar-item-actions {
  left: 100%;
}

.sidebar-left .sidebar-item .sidebar-item-actions .sidebar-item-action:not(:first-child) {
  margin-left: 5px;
}

.sidebar-right .sidebar-item .sidebar-item-actions {
  right: 100%;
}

.sidebar-right .sidebar-item .sidebar-item-actions .sidebar-item-action:not(:last-child) {
  margin-right: 5px;
}

.sidebar-item .sidebar-item-actions .sidebar-item-action {
  cursor: pointer;
  height: 15px;
  width: 15px;
}

.sidebar-item .sidebar-item-actions .sidebar-item-action svg {
  height: 100%;
  fill: #8dabb3;
  width: 100%;
}

.sidebar-item {
  /* ACTIVE SIDEBAR ITEM */
}

.sidebar-item.active p {
  color: black;
  font-weight: 600;
}

.sidebar-item.active .sidebar-sub-items {
  display: flex;
  flex-direction: column;
}

.sidebar-item.active .sidebar-sub-items .sidebar-sub-item p {
  color: #8dabb3;
  font-weight: 400;
}

.sidebar-item.active .sidebar-sub-items .sidebar-sub-item p:hover {
  color: black;
  font-weight: 600;
}

.sidebar-item.active .sidebar-item-content:before {
  background-color: white;
}

.sidebar-items-border-primary .sidebar-item.active .sidebar-item-content:before {
  border: 3px solid #f3a056;
}

.sidebar-items-border-secondary .sidebar-item.active .sidebar-item-content:before {
  border: 3px solid #8dabb3;
}

.sidebar-items-border-warning .sidebar-item.active .sidebar-item-content:before {
  border: 3px solid #ea5861;
}

.sidebar-items-border-success .sidebar-item.active .sidebar-item-content:before {
  border: 3px solid #66c934;
}

.sidebar-item.sidebar-item-disabled:not(.active) p {
  color: #bcd2d9;
}

.sidebar-item.sidebar-item-disabled:not(.active):hover p {
  color: #bcd2d9;
  font-weight: 400;
}

.sidebar-item:hover p {
  color: black;
  font-weight: 600;
}

.sidebar-item:hover .sidebar-item-actions {
  display: flex;
}

.sidebar-item-img {
  height: 15px;
  width: 15px;
  order: 2;
}

.sidebar-item-img svg {
  height: 100%;
  fill: #8dabb3;
  width: 100%;
}

.sidebar-right .sidebar-item-img {
  margin: 0 10px 0 0;
  order: 1;
}

.sidebar-left .sidebar-item-img {
  margin: 0 0 0 10px;
}

.no-space-between .sidebar-item-img {
  order: 1;
  margin: 0 10px 0 0;
}

.sidebar-right .no-space-between .sidebar-item-img {
  order: 2;
  margin: 0 0 0 10px;
}

.no-space-between:not([class*=sidebar-items-border-]) .sidebar-item-img {
  margin: 0 8px 0 -21px;
}

.sidebar-right .no-space-between:not([class*=sidebar-items-border-]) .sidebar-item-img {
  margin: 0 -21px 0 8px;
}

/* SECOND SCREEN */

.djigg-second-screen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: #ddecf1;
  z-index: 9998 !important;
  display: flex;
  flex-direction: column;
}

.djigg-second-screen .close-bttn {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;
}

.djigg-second-screen .close-bttn svg {
  fill: #8dabb3;
  width: 62%;
  transition: unset;
}

.djigg-second-screen .close-bttn:hover {
  background-color: #8dabb3;
}

.djigg-second-screen .close-bttn:hover svg {
  fill: white;
}

.djigg-second-screen-content {
  height: 100vh;
  width: 100vw;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* FORM CREATION  */

.conditionsScreen {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1 1;
  padding: 250px 40px 180px;
  height: 100%;
  overflow: auto;
}

/*#questionPrevisualisation {
  padding: 20px 40px; 
}

#questionPrevisualisation #previsualisationForms {
    padding: 0 5%;
}

#questionPrevisualisation #previsualisationForms .input-container {
    width: 100%;
}

.optionsHandler {
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 600px;
    overflow-y: auto;
    -webkit-box-shadow: -14px 14px 20px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: -14px 14px 20px -16px rgba(0,0,0,0.75);
    box-shadow: -14px 14px 20px -16px rgba(0,0,0,0.75);
}*/

.accordion__button:hover {
  background: #f3a056 !important;
  color: white !important;
}

.accordion__button {
  transition: all 200ms ease-in !important;
  border-radius: 5px !important;
  color: white !important;
}

.accordion {
  border: none !important;
  border-radius: 5px !important;
}

.accordion__item + .accordion__item {
  border-top: unset !important;
}

.accordion__item {
  margin-top: 15px;
}

.accordion__button > h6 {
  margin-right: 2%;
  display: inline;
}

.accordion__button {
  position: relative;
  padding-right: 50px;
}

.accordion__button::after {
  position: absolute;
  right: 15px;
  top: 50%;
  display: inline-block;
  content: "";
  height: 10px;
  width: 10px;
  margin-right: 12px;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(-45deg);
}

.accordion__button[aria-expanded=true]::after,
.accordion__button[aria-selected=true]::after {
  transform: rotate(45deg);
}

.accordion__button::before {
  display: none !important;
  margin-bottom: 4px;
}

.note {
  border-radius: 5px;
  padding: 15px 20px;
  position: relative;
}

.notes .note {
  margin-bottom: 15px;
}

.note strong {
  text-decoration: underline;
}

.note-red {
  background-color: #f0ddde;
  border: 2px solid #ea5861;
}

.note-red p {
  color: #ea5861;
}

.note-red strong {
  color: #ea5861;
}

.note-green {
  background-color: #d7f1d1;
  border: 2px solid #66c934;
}

.note-green p {
  color: #66c934;
}

.note-green strong {
  color: #66c934;
}

.note-orange {
  background-color: rgb(250, 230, 210);
  border: 2px solid #f3a056;
}

.note-orange p {
  color: #f3a056;
}

.note-orange strong {
  color: #f3a056;
}

.answer-editor label {
  font-weight: 600;
}

.answer-editor .answer-editor-answer-part {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.answer-editor .answer-editor-answer-part .answer-editor-edit-logo {
  height: 1em;
  width: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.4;
}

.answer-editor .answer-editor-answer-part .answer-editor-edit-logo svg {
  height: 100%;
}

.answer-editor .answer-editor-answer-part:hover .answer-editor-edit-logo svg {
  fill: #f3a056;
}

.answer-editor.answer-editor-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.answer-editor.answer-editor-center label {
  margin: 0 0 5px 0;
}

.answer-editor.answer-editor-center .answer-editor-edit-logo {
  margin-left: -32px;
}

.answer-editor.answer-editor-not-bold label {
  font-weight: 400;
}

.answer-editor > * {
  width: -moz-fit-content;
  width: fit-content;
}

/*.answer-editor .answer-editor-editor-part .form-item input,
.answer-editor .answer-editor-editor-part .form-item select,
.answer-editor .answer-editor-editor-part .form-item textarea {

}*/

.timeline {
  display: flex;
  flex-direction: column;
}

.timeline-item {
  display: flex;
  flex-direction: row;
  position: relative;
}

.timeline-item:not(:last-child) {
  padding-bottom: 40px;
}

.timeline-item:not(:last-child):after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 25px;
  transform: translateX(-50%);
  background-color: #8dabb3;
  z-index: 0;
}

.timeline-item-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #f3a056;
  border-radius: 50%;
  margin-right: 22px;
  z-index: 1;
}

.timeline-item-logo svg {
  fill: white;
  width: 48%;
}

.timeline-item-info {
  display: flex;
  flex-direction: column;
}

.slots-column .bttn {
  width: 100%;
}

.week-container {
  padding-bottom: 15px;
  padding-top: 120px;
  overflow-y: auto;
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}

.week-container .row {
  margin: 0;
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  min-width: 1000px;
}

.week-container::-webkit-scrollbar {
  height: 5px;
}

.week-container::-webkit-scrollbar {
  margin-left: 5px;
}

.week-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.week-container::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.visio-container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.visio-container .visio-main-content {
  padding: 25px;
  width: 100%;
  height: 100%;
  background-color: #ddecf1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.visio-container .visio-main-content .avatar-conversation {
  margin-bottom: 100px;
}

.visio-container .visio-main-content .avatar-conversation .avatar-face {
  width: 120px;
  height: 120px;
}

.visio-container .visio-main-content .spinner-auth-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.visio-container .visio-main-content .main-spinner-container {
  top: 50%;
  left: 50%;
}

.visio-container .visio-main-content .main-spinner {
  width: 120px;
  height: 120px;
}

.visio-container .visio-main-content h3 {
  font-size: 28px;
}

.visio-container .visio-main-content iframe {
  /*display: none;*/
  height: 100%;
  width: 100%;
  z-index: 1;
  position: relative;
}

.visio-container-recruiter {
  width: 100%;
  height: 100%;
}

.visio-container-recruiter .visio-main-content {
  width: 100%;
  height: 100%;
}

.visio-container-recruiter .visio-main-content.visio-is-closed {
  top: 150%;
}

.visio-container-recruiter .visio-main-content .visio-container-close {
  z-index: 2;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: white;
  cursor: pointer;
}

.visio-container-recruiter .visio-main-content .visio-container-close svg {
  position: absolute;
  bottom: 9px;
  left: 9px;
  width: 18px;
  height: 18px;
  fill: #8dabb3;
}

.visio-container-recruiter .visio-container-open {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.35s;
}

.visio-container-recruiter .visio-container-open.visio-is-closed {
  opacity: 1;
}

.visio-container-applicant {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.visio-container-applicant .late-recruiter-notification {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #f3a056;
  font-size: 18px;
  margin-top: 40px;
}

.djiggTos p {
  margin-bottom: 10px;
}

.djiggTos ul {
  padding-left: 25px;
  margin-bottom: 16px;
}

.djiggTos ul li:before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #f3a056;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
}

.react-kanban-board {
  padding: 0 !important;
  padding-bottom: 20px !important;
  /*display: table!important;*/
  /*transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);

  > * {
      transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      -webkit-transform: rotateX(180deg);
  } */
}

.react-kanban-board > div {
  margin: auto;
}

.react-kanban-board::-webkit-scrollbar {
  height: 5px;
}

.react-kanban-board::-webkit-scrollbar {
  margin-left: 5px;
}

.react-kanban-board::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.react-kanban-board::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.react-kanban-column {
  /*display: table-cell!important;*/
  background-color: transparent !important;
  margin: 0 !important;
  max-width: 385px;
  min-width: 385px;
}

.react-kanban-column:not(:last-child) {
  border-right: 1px solid #bcd2d9;
}

.react-kanban-column {
  /*    &:not(:first-child) {
          border-left: 1px solid #bcd2d9;
      }*/
}

.react-kanban-column .panel {
  max-width: 355px;
  min-width: 355px;
  margin-bottom: 10px;
  cursor: grab;
}

.top-scrollbar {
  overflow-y: hidden;
  display: flex;
  align-items: flex-start;
  height: 20px;
  margin-bottom: 20px !important;
}

.top-scrollbar > * {
  height: 100%;
}

.top-scrollbar::-webkit-scrollbar {
  height: 5px;
}

.top-scrollbar::-webkit-scrollbar {
  margin-left: 5px;
}

.top-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.top-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.custom-scrollbar::-webkit-scrollbar {
  height: 5px;
}

.custom-scrollbar::-webkit-scrollbar {
  margin-left: 5px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.widget-modal-container {
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  line-height: 0px;
  border-radius: 17px;
  background-color: transparent;
  height: 450px;
  width: 295px;
  transition: width 0.2s ease 0s, height 0.2s ease 0s;
  opacity: 1;
  display: inline-block;
  z-index: 2147483000;
}

.widget-modal-container iframe {
  height: 100%;
  width: 100%;
}

.import-files:not(:last-child) {
  margin-bottom: 30px;
}

.import-files h6 span {
  vertical-align: top;
}

.import-files h6 .files-count {
  border-radius: 50%;
  font-size: 13px;
  background-color: #f3a056;
  color: white;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}

.import-files label {
  width: 100%;
  min-height: 150px;
  border-radius: 5px;
  background-color: #ddecf1;
  color: #222525;
  font-weight: bold;
  justify-content: center;
  font-size: 18px;
  transition: font-size 0.35s, background-color 0.35s;
  cursor: pointer;
  border: 3px dashed #bcd2d9;
}

.import-files label .import-files_upload {
  width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.import-files label .import-files_upload .import-files_upload_logo {
  width: 50px;
  height: 50px;
}

.import-files label .import-files_upload .import-files_upload_logo svg {
  width: 100%;
  height: 100%;
  fill: #8dabb3;
}

.import-files label .import-files_upload p {
  text-align: center;
  color: #8dabb3;
}

.import-files label .file-to-import {
  height: 120px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding-top: 30px;
  background-color: #bcd2d9;
  border-radius: 5px;
  margin-bottom: 15px;
}

.import-files label .file-to-import.bad-file-to-import {
  background-color: #ea5861;
}

.import-files label .file-to-import .delete-file-to-import {
  position: absolute;
  background-color: white;
  top: 10px;
  right: 15px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.import-files label .file-to-import .delete-file-to-import svg {
  width: 60%;
  fill: #8dabb3;
}

.import-files label .file-to-import .file-to-import-picture svg {
  fill: white;
}

.import-files label .file-to-import .file-to-import-title {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}

.import-files input {
  display: none;
}

.import-files.import-files_small h6 {
  font-size: 13px;
  font-weight: 400;
}

.import-files.import-files_small h6 .files-count {
  font-size: 11px;
  width: 15px;
  height: 15px;
}

.import-files.import-files_small label {
  min-height: 120px;
}

.import-files.import-files_small label .import-files_upload .import-files_upload_logo {
  width: 40px;
  height: 40px;
}

.import-files.import-files_small label .file-to-import {
  height: 100px;
  margin-bottom: 10px;
}

.import-files.import-files_small label .file-to-import .file-to-import-picture svg {
  fill: white;
}

.import-files.import-files_small label .file-to-import .file-to-import-title {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}

.pointer-mark {
  border-radius: 50%;
  border: 2px solid white;
  background-color: #ddecf1;
  width: 20px;
  height: 20px;
}

.pointer-mark-fill {
  background-color: #f3a056;
}

.add-item-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
  border-radius: 5px;
  background-color: #ddecf1;
  font-weight: bold;
  font-size: 18px;
  transition: border 0.35s, font-size 0.35s, background-color 0.35s;
  cursor: pointer;
  border: 3px dashed #bcd2d9;
}

.add-item-block p {
  font-size: 14px;
  color: #8dabb3;
}

.add-item-block .add-item-block-img {
  width: 50px;
  height: 50px;
}

.add-item-block .add-item-block-img svg {
  fill: #8dabb3;
  transition: unset;
  width: 100%;
}

.add-item-block:hover {
  border: 3px dashed #f3a056;
}

.add-item-block:hover p {
  color: #f3a056;
}

.add-item-block:hover .add-item-block-img svg {
  fill: #f3a056;
}

.counter {
  display: inline-block;
  margin-left: 6px;
  padding: 5px 8px;
  border-radius: 12px;
  font-size: 11px;
  color: #fff;
  background-color: #8dabb3;
}

/*
.tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;

    &__tab {
        cursor: pointer;
        margin: 0 25px;
        font-size: 20px;
        padding-bottom: 20px;
        transition: color 0.4s;
        color: #595E60;

        &.active {
            color: black;
            border-bottom: 5px solid #ea7801
        }

        &:hover {

        }
    }
}*/

.enterSlideFromTop {
  -moz-animation: enterSlideFromTop 0.6s ease-out;
  -moz-animation-fill-mode: backwards;
  -webkit-animation: enterSlideFromTop 0.6s ease-out;
  -webkit-animation-fill-mode: backwards;
  -o-animation: enterSlideFromTop 0.6s ease-out;
  -o-animation-fill-mode: backwards;
  -ms-animation: enterSlideFromTop 0.6s ease-out;
  -ms-animation-fill-mode: backwards;
  animation: enterSlideFromTop 0.6s ease-out;
  animation-fill-mode: backwards;
}

.enterSlideFromBottom {
  -moz-animation: enterSlideFromBottom 0.6s ease-out;
  -moz-animation-fill-mode: backwards;
  -webkit-animation: enterSlideFromBottom 0.6s ease-out;
  -webkit-animation-fill-mode: backwards;
  -o-animation: enterSlideFromBottom 0.6s ease-out;
  -o-animation-fill-mode: backwards;
  -ms-animation: enterSlideFromBottom 0.6s ease-out;
  -ms-animation-fill-mode: backwards;
  animation: enterSlideFromBottom 0.6s ease-out;
  animation-fill-mode: backwards;
}

.enterSlideFromRight {
  -moz-animation: enterSlideFromRight 0.6s ease-in;
  -moz-animation-fill-mode: backwards;
  -webkit-animation: enterSlideFromRight 0.6s ease-in;
  -webkit-animation-fill-mode: backwards;
  -o-animation: enterSlideFromRight 0.6s ease-in;
  -o-animation-fill-mode: backwards;
  -ms-animation: enterSlideFromRight 0.6s ease-in;
  -ms-animation-fill-mode: backwards;
  animation: enterSlideFromRight 0.6s ease-in;
  animation-fill-mode: backwards;
}

.enterSlideFromLeft {
  -moz-animation: enterSlideFromLeft 0.6s ease-in;
  -moz-animation-fill-mode: backwards;
  -webkit-animation: enterSlideFromLeft 0.6s ease-in;
  -webkit-animation-fill-mode: backwards;
  -o-animation: enterSlideFromLeft 0.6s ease-in;
  -o-animation-fill-mode: backwards;
  -ms-animation: enterSlideFromLeft 0.6s ease-in;
  -ms-animation-fill-mode: backwards;
  animation: enterSlideFromLeft 0.6s ease-in;
  animation-fill-mode: backwards;
}

.animationDelay-short-0 {
  animation-delay: 0ms;
}

.animationDelay-0 {
  animation-delay: 0ms;
}

.animationDelay-medium-0 {
  animation-delay: 0ms;
}

.animationDelay-long-0 {
  animation-delay: 0ms;
}

.animationDelay-short-1 {
  animation-delay: 100ms;
}

.animationDelay-1 {
  animation-delay: 200ms;
}

.animationDelay-medium-1 {
  animation-delay: 300ms;
}

.animationDelay-long-1 {
  animation-delay: 400ms;
}

.animationDelay-short-2 {
  animation-delay: 200ms;
}

.animationDelay-2 {
  animation-delay: 400ms;
}

.animationDelay-medium-2 {
  animation-delay: 600ms;
}

.animationDelay-long-2 {
  animation-delay: 800ms;
}

.animationDelay-short-3 {
  animation-delay: 300ms;
}

.animationDelay-3 {
  animation-delay: 600ms;
}

.animationDelay-medium-3 {
  animation-delay: 900ms;
}

.animationDelay-long-3 {
  animation-delay: 1200ms;
}

.animationDelay-short-4 {
  animation-delay: 400ms;
}

.animationDelay-4 {
  animation-delay: 800ms;
}

.animationDelay-medium-4 {
  animation-delay: 1200ms;
}

.animationDelay-long-4 {
  animation-delay: 1600ms;
}

.animationDelay-short-5 {
  animation-delay: 500ms;
}

.animationDelay-5 {
  animation-delay: 1000ms;
}

.animationDelay-medium-5 {
  animation-delay: 1500ms;
}

.animationDelay-long-5 {
  animation-delay: 2000ms;
}

.animationDelay-short-6 {
  animation-delay: 600ms;
}

.animationDelay-6 {
  animation-delay: 1200ms;
}

.animationDelay-medium-6 {
  animation-delay: 1800ms;
}

.animationDelay-long-6 {
  animation-delay: 2400ms;
}

.animationDelay-short-7 {
  animation-delay: 700ms;
}

.animationDelay-7 {
  animation-delay: 1400ms;
}

.animationDelay-medium-7 {
  animation-delay: 2100ms;
}

.animationDelay-long-7 {
  animation-delay: 2800ms;
}

.animationDelay-short-8 {
  animation-delay: 800ms;
}

.animationDelay-8 {
  animation-delay: 1600ms;
}

.animationDelay-medium-8 {
  animation-delay: 2400ms;
}

.animationDelay-long-8 {
  animation-delay: 3200ms;
}

.animationDelay-short-9 {
  animation-delay: 900ms;
}

.animationDelay-9 {
  animation-delay: 1800ms;
}

.animationDelay-medium-9 {
  animation-delay: 2700ms;
}

.animationDelay-long-9 {
  animation-delay: 3600ms;
}

.animationDelay-short-10 {
  animation-delay: 1000ms;
}

.animationDelay-10 {
  animation-delay: 2000ms;
}

.animationDelay-medium-10 {
  animation-delay: 3000ms;
}

.animationDelay-long-10 {
  animation-delay: 4000ms;
}

.animationDelay-short-11 {
  animation-delay: 1100ms;
}

.animationDelay-11 {
  animation-delay: 2200ms;
}

.animationDelay-medium-11 {
  animation-delay: 3300ms;
}

.animationDelay-long-11 {
  animation-delay: 4400ms;
}

.animationDelay-short-12 {
  animation-delay: 1200ms;
}

.animationDelay-12 {
  animation-delay: 2400ms;
}

.animationDelay-medium-12 {
  animation-delay: 3600ms;
}

.animationDelay-long-12 {
  animation-delay: 4800ms;
}

.animationDelay-short-13 {
  animation-delay: 1300ms;
}

.animationDelay-13 {
  animation-delay: 2600ms;
}

.animationDelay-medium-13 {
  animation-delay: 3900ms;
}

.animationDelay-long-13 {
  animation-delay: 5200ms;
}

.animationDelay-short-14 {
  animation-delay: 1400ms;
}

.animationDelay-14 {
  animation-delay: 2800ms;
}

.animationDelay-medium-14 {
  animation-delay: 4200ms;
}

.animationDelay-long-14 {
  animation-delay: 5600ms;
}

.animationDelay-short-15 {
  animation-delay: 1500ms;
}

.animationDelay-15 {
  animation-delay: 3000ms;
}

.animationDelay-medium-15 {
  animation-delay: 4500ms;
}

.animationDelay-long-15 {
  animation-delay: 6000ms;
}

.animationDelay-short-16 {
  animation-delay: 1600ms;
}

.animationDelay-16 {
  animation-delay: 3200ms;
}

.animationDelay-medium-16 {
  animation-delay: 4800ms;
}

.animationDelay-long-16 {
  animation-delay: 6400ms;
}

.animationDelay-short-17 {
  animation-delay: 1700ms;
}

.animationDelay-17 {
  animation-delay: 3400ms;
}

.animationDelay-medium-17 {
  animation-delay: 5100ms;
}

.animationDelay-long-17 {
  animation-delay: 6800ms;
}

.animationDelay-short-18 {
  animation-delay: 1800ms;
}

.animationDelay-18 {
  animation-delay: 3600ms;
}

.animationDelay-medium-18 {
  animation-delay: 5400ms;
}

.animationDelay-long-18 {
  animation-delay: 7200ms;
}

.animationDelay-short-19 {
  animation-delay: 1900ms;
}

.animationDelay-19 {
  animation-delay: 3800ms;
}

.animationDelay-medium-19 {
  animation-delay: 5700ms;
}

.animationDelay-long-19 {
  animation-delay: 7600ms;
}

.animationDelay-short-20 {
  animation-delay: 2000ms;
}

.animationDelay-20 {
  animation-delay: 4000ms;
}

.animationDelay-medium-20 {
  animation-delay: 6000ms;
}

.animationDelay-long-20 {
  animation-delay: 8000ms;
}

@keyframes enterSlideFromTop {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }

  80% {
    opacity: 1;
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes enterSlideFromBottom {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  80% {
    opacity: 1;
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes enterSlideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  80% {
    opacity: 1;
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes enterSlideFromRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }

  80% {
    opacity: 1;
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

.import-file2 {
  margin: 0;
}

.import-file2 input {
  height: unset;
  background-color: transparent;
  border: 3px dashed #bcd2d9;
  padding: 50px 100px;
  transition: font-size 0.35s, background-color 0.35s;
  cursor: pointer;
}

.fc-toolbar-chunk:nth-child(2) > div > * {
  margin: 10px;
}

.fc-toolbar-chunk:nth-child(2) > div {
  display: flex;
  flex-flow: row;
}

.djigg-calendar-container {
  margin: 0px 15px 0px 15px;
}

.fc-scrollgrid {
  border-radius: 5px;
}

.fc-scrollgrid-section-header {
  background-color: #bcd2d9;
}

.fc-datagrid-body {
  /*background-color: rgb(232, 240, 254);*/
  background-color: white;
}

.fc-timeline-body {
  background-color: white;
}

.fc-button.fc-button-primary {
  background-color: #8dabb3 !important;
  border-color: transparent !important;
  transition: all 0.3s;
}

.fc-button.fc-button-primary:focus {
  box-shadow: none !important;
}

.fc-button.fc-button-primary:hover:not(:disabled) {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.fc-button.fc-button-primary:active {
  transform: translateY(0.5px);
}

.fc-button.fc-button-primary:disabled {
  background-color: #bcd2d9 !important;
  color: #d7e7ed !important;
}

.fc-timeline-lane,
.fc-datagrid-cell.fc-resource {
  transition: all 0.3s;
}

.fc-button.fc-button-primary.fc-button-active {
  background-color: #657b81 !important;
}

.fc-bg-event {
  opacity: unset !important;
  color: antiquewhite;
}

.fc-scroller.fc-scroller-liquid-absolute {
  overflow: auto !important;
}

.fc-bg-event {
  display: flex;
  align-items: center;
  justify-content: center;
}

span.fc-datagrid-cell-main {
  white-space: break-spaces;
}

.fc .fc-highlight {
  background: rgba(243, 160, 86, 0.3);
}

.fc-timegrid-event-short .fc-event-time:after {
  content: "" !important;
}

.calendar-event-cross {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 2;
  height: 20px;
  width: 20px;
}

.calendar-event-cross svg {
  fill: white;
  height: 100%;
  width: 100%;
}

/*.fc .fc-bg-event {*/

/*    background-color: rgba(141, 171, 179, 0.3);*/

/*}*/

.rpv-core__inner-page {
  background-color: transparent !important;
}

.rpv-core__page-layer {
  border-radius: 5px !important;
}

.rpv-toolbar {
  margin-bottom: 15px;
}

/* PANEL */

.panels {
  display: flex;
  flex-flow: column;
}

.panels.row {
  flex-flow: row wrap;
}

.panels-horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.panel {
  border-radius: 5px;
  background-color: white;
  border: 2px solid white;
  padding: 15px 20px;
  position: relative;
}

.panels .panel:not(:last-child),
.panels a:not(:last-child) .panel {
  margin-bottom: 15px;
}

.panels-horizontal .panel {
  flex: 1 1;
}

.panels-horizontal .panel {
  margin: 7.5px;
}

.grey-panel {
  background-color: #bcd2d9;
  border-color: #bcd2d9;
}

.blue-panel {
  background-color: #ddecf1;
  border-color: #ddecf1;
}

.panel-demo {
  border-left: 2px solid #f3a056;
}

.panel-left-border-orange {
  border: 0;
  border-left: 4px solid #f3a056;
}

.panel-left-border-dark-orange {
  border: 0;
  border-left: 4px solid #ea7800;
}

.panel-left-border-orange-less-opacity {
  border: 0;
  border-left: 4px solid rgb(250, 230, 210);
}

.panel-left-border-grey {
  border: 0;
  border-left: 4px solid #8dabb3;
}

.panel-left-border-dark-grey {
  border: 0;
  border-left: 4px solid #657b81;
}

.panel-left-border-light-grey {
  border: 0;
  border-left: 4px solid #bcd2d9;
}

.panel-left-border-green {
  border: 0;
  border-left: 4px solid #66c934;
}

.panel-left-border-green-less-opacity {
  border: 0;
  border-left: 4px solid #d7f1d1;
}

.panel-left-border-dark-green {
  border: 0;
  border-left: 4px solid #45b630;
}

.panel-left-border-red {
  border: 0;
  border-left: 4px solid #ea5861;
}

.panel-left-border-red-less-opacity {
  border: 0;
  border-left: 4px solid #f0ddde;
}

.panel-left-border-dark-red {
  border: 0;
  border-left: 4px solid #e71c29;
}

.panel-big-left-border {
  border-width: 40px;
}

.panel-big-left-border-text {
  position: absolute;
  left: -20px;
  top: 50%;
  letter-spacing: 2px;
  transform: translate(-50%, -50%) rotate(-90deg);
  text-transform: uppercase;
}

.panel.selected {
  background-color: rgb(250, 230, 210);
  border-color: #f3a056;
}

.panel-title {
  margin-bottom: 12px;
  transition: color 0.3s;
}

.panel-bttn-inline .panel-title {
  flex: 1 1 auto;
  margin-bottom: 0;
}

.panel-bttn:hover .panel-title {
  color: #f3a056;
}

.panel-title:last-child {
  margin-bottom: 0;
}

.panel-title .panel-title-logo {
  height: 1em;
  display: inline-flex;
  vertical-align: middle;
}

.panel-title .panel-title-logo svg {
  height: 80%;
  fill: #8dabb3;
}

a:hover .panel-title {
  color: #f3a056;
}

a:hover .panel-title svg {
  fill: #f3a056;
}

.panel-title-with-hr {
  display: flex;
}

.panel-title-hr {
  margin: 0 10px;
  flex: 1 1 auto;
}

.panel-subtitle {
  margin-bottom: 12px;
  font-size: 14px;
  color: #8dabb3;
}

.panel-subtitle:last-child {
  margin-bottom: 0;
}

.panel-text {
  margin-bottom: 16px;
}

.panel-text:last-child {
  margin-bottom: 0;
}

.panel-list {
  padding-left: 25px;
  margin-bottom: 16px;
}

.panel-list li:before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #f3a056;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
}

:not(.panel-horizontal) > .panel-section:not(:last-child) {
  margin-bottom: 20px;
}

.panel-horizontal > .panel-section:not(:last-child) {
  padding-right: 20px;
}

.panel-horizontal > .panel-section:not(:first-child) {
  padding-left: 20px;
}

.align-end {
  text-align: end;
}

.panel-horizontal-separator:not(:first-child) {
  border-top: 1px solid #bcd2d9;
  padding-top: 16px;
}

.panel-horizontal-light-separator:not(:first-child) {
  border-top: 1px solid #ddecf1;
  padding-top: 16px;
}

.panel-horizontal-dark-separator:not(:first-child) {
  border-top: 1px solid #8dabb3;
  padding-top: 16px;
}

.panel-vertical-separator:not(:first-child) {
  border-left: 1px solid #bcd2d9;
  padding-left: 20px;
}

.panel-vertical-light-separator:not(:first-child) {
  border-left: 1px solid #ddecf1;
  padding-left: 16px;
}

.panel-vertical-dark-separator:not(:first-child) {
  border-left: 1px solid #8dabb3;
  padding-left: 16px;
}

.panel-horizontal-space {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.panel-horizontal-space > *:not(:first-child) {
  padding-left: 20px;
}

.panel-horizontal-space > *:not(:last-child) {
  padding-right: 20px;
}

.panel-vertical-space {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.panel-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.panel-less-marginb {
  margin-bottom: 6px !important;
}

.panel-max-width {
  flex: 1 1;
  /*    display: flex;
      flex-direction: column;*/
}

.panel-max-width:not(:first-child) {
  padding-left: 20px;
}

.panel-max-width:not(:last-child) {
  padding-right: 20px;
}

.panel-max-height {
  flex: 1 1;
}

.panel-max-height:not(:last-child) {
  margin-bottom: 20px;
}

.panel-horizontal {
  display: flex;
  flex-direction: row;
}

.panel-horizontal-content-bottom {
  align-items: flex-end;
}

.panel-horizontal-content-right {
  justify-content: flex-end;
}

.panel-vertical {
  display: flex;
  flex-direction: column;
}

.panel-vertical-content-bottom {
  justify-content: flex-end;
}

.panel-vertical-content-right {
  align-items: flex-end;
}

.panel-stick-left {
  padding-right: 20px;
  display: flex;
  flex-direction: column;
}

.panel-stick-left-row {
  padding-right: 20px;
  display: flex;
  flex-direction: row;
}

.panel-stick-right {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
}

/* PANEL BTTN */

.panel-bttn {
  padding: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer;
}

.panel .panel-bttn {
  background-color: #ddecf1;
}

.panel-bttn.small-panel-bttn {
  padding: 5px 15px;
}

.panel-bttn.small-panel-bttn h6.panel-title {
  font-size: 14px;
}

.panel-bttn:not(.disabled):hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.panel-bttn:not(.disabled):active {
  transform: translateY(0.5px);
}

.panel-bttn-column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.panel-bttn-inline {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.panel-bttn-check {
  height: 26px;
  width: 26px;
  border: 3px solid #bcd2d9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel-bttn-inline .panel-bttn-check:not(:last-child) {
  margin-right: 12px;
}

.panel-bttn-column .panel-bttn-check:not(:last-child) {
  margin-bottom: 25px;
}

.small-panel-bttn .panel-bttn-check {
  height: 20px;
  width: 20px;
}

.panel-bttn.disabled {
  background: #bcd2d9;
}

.panel-bttn.disabled > .panel-bttn-check:not(.is_checked) > svg {
  fill: #bcd2d9;
}

.panel-bttn.disabled > .panel-bttn-check:not(.is_checked) {
  border-color: white;
}

.panel-bttn.disabled > .panel-title {
  color: #60767d;
}

.panel-bttn-check svg {
  fill: white;
  height: 80%;
}

.panel-bttn-img {
  height: 26px;
}

.panel-bttn-img svg {
  height: 100%;
}

.panel-actions {
  display: flex;
  z-index: 2;
  position: absolute;
  flex-direction: column;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background-color: white;
  transition: opacity 0.4s;
  padding: 10px;
}

.panel-actions .panel-action-item {
  width: 100%;
  display: flex;
  flex: 1 1;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.panel-actions .panel-action-item svg {
  width: 17px;
  fill: #8dabb3;
}

.panel-actions .panel-action-item:not(:last-child) {
  border-bottom: 1px solid #bcd2d9;
}

.panel-actions:before {
  content: "";
  position: absolute;
  right: 100%;
  height: 100%;
  width: 120px;
  top: 0;
  background: linear-gradient(to right, transparent 30%, rgb(250, 230, 210));
}

.panel-action-enter {
  opacity: 0;
}

.panel-action-enter-active {
  opacity: 1;
}

.panel-action-exit {
  opacity: 1;
}

.panel-action-exit-active {
  opacity: 0;
}

.panel-no-padding-right {
  padding-right: 0 !important;
}

.panel-pointer {
  position: absolute;
  top: -10px;
  left: -12px;
}

.spots-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.content-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-center {
  text-align: center;
}

.content-vertical {
  display: flex;
  flex-direction: column;
}

.content-horizontal {
  display: flex;
  flex-direction: row;
}

.content-horizontal-content-bottom {
  align-items: flex-end;
}

.content-horizontal-content-right {
  justify-content: flex-end;
}

.content-vertical-content-bottom {
  justify-content: flex-end;
}

.content-vertical-content-right {
  align-items: flex-end;
}

.content-vertical-content-right p {
  text-align: right;
}

:not(.content-horizontal):not(.content-horizontal-space) > .content-section:not(:last-child) {
  margin-bottom: 20px;
}

.content-horizontal > .content-section:not(:last-child),
.content-horizontal-space > .content-section:not(:last-child) {
  padding-right: 20px;
}

.content-horizontal > .content-section:not(:first-child),
.content-horizontal-space > .content-section:not(:first-child) {
  padding-left: 20px;
}

.content-horizontal-separator:not(:first-child) {
  border-top: 1px solid #bcd2d9;
  padding-top: 16px;
}

.content-horizontal-light-separator:not(:first-child) {
  border-top: 1px solid #ddecf1;
  padding-top: 16px;
}

.content-horizontal-dark-separator:not(:first-child) {
  border-top: 1px solid #8dabb3;
  padding-top: 16px;
}

.content-vertical-separator:not(:first-child) {
  border-left: 1px solid #bcd2d9;
  padding-left: 20px;
}

.content-vertical-light-separator:not(:first-child) {
  border-left: 1px solid #ddecf1;
  padding-left: 16px;
}

.content-vertical-dark-separator:not(:first-child) {
  border-left: 1px solid #8dabb3;
  padding-left: 16px;
}

.content-horizontal-space {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.content-horizontal-space > *:not(:first-child) {
  padding-left: 20px;
}

.content-horizontal-space > *:not(:last-child) {
  padding-right: 20px;
}

.content-vertical-space {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.content-max-width {
  flex: 1 1;
  /*    display: flex;
      flex-direction: column;*/
}

.content-max-width:not(:first-child) {
  padding-left: 20px;
}

.content-max-width:not(:last-child) {
  padding-right: 20px;
}

.content-max-height {
  flex: 1 1;
}

.content-max-height:not(:last-child) {
  margin-bottom: 20px;
}

.content-stick-left {
  padding-right: 20px;
  display: flex;
  flex-direction: column;
}

.content-stick-left-row {
  padding-right: 20px;
  display: flex;
  flex-direction: row;
}

.content-stick-right {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
}

.content-less-marginb {
  margin-bottom: 6px !important;
}

.content-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.content-title .content-title-separator {
  flex: 1 1;
  border-top: 1px solid #bcd2d9;
}

.content-title .content-title-text {
  margin: 0 10px;
  color: #bcd2d9;
}

.is_underline {
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

.is_underline:after {
  content: "";
  background-color: #f3a056;
  bottom: 0;
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 40px;
}

.is_simple_underline {
  padding-bottom: 4px;
  text-align: center;
  position: relative;
}

.is_simple_underline:after {
  content: "";
  background-color: #f3a056;
  bottom: 0;
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 80%;
}

.is_underline_hover {
  cursor: pointer;
}

.is_underline_hover:hover {
  color: #f3a056;
  text-decoration: underline;
}

.is_strong {
  color: #f3a056;
}

.is_secondary {
  color: #8dabb3;
}

.is_success {
  color: #66c934;
}

.is_warning {
  color: #ea5861;
}

.is_small {
  font-size: 13px;
}

.is_tiny {
  font-size: 11px;
}

.is_muted {
  color: #bcd2d9;
}

.is_active {
  color: #f3a056;
}

.is_clickable {
  cursor: pointer;
}

.is_clickable:hover {
  color: #f3a056;
}

.is_hidden {
  display: none !important;
  opacity: 0 !important;
}

.hide-opacity {
  opacity: 0 !important;
}

.hide-display {
  display: none !important;
}

.is_checked {
  border-color: #f3a056;
  background-color: #f3a056;
}

.is_selected {
  /* depend of the elem which is selected */
}

.has-content-center-horizontaly {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.h0 {
  height: 0 !important;
}

.w0 {
  width: 0 !important;
}

.form-container-vertical {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.form-container-vertical:not(:last-child) {
  margin-bottom: 15px;
}

.form-container-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.form-container-horizontal:not(:last-child) {
  margin-bottom: 15px;
}

.form-container-bttns-style {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

/* CHECKBOX  */

.solo-checkbox {
  min-width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
}

.solo-checkbox input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid white;
}

.solo-checkbox input[type=checkbox]:checked {
  background-color: #f3a056;
}

.solo-checkbox .solo-checkbox-img {
  position: absolute;
  width: 30px;
  top: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
}

.solo-checkbox .solo-checkbox-img svg {
  opacity: 0;
  width: 15px;
  fill: white;
}

.solo-checkbox input[type=checkbox]:checked + .solo-checkbox-img svg {
  opacity: 1;
  margin: auto;
}

.inmind-checkbox {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  margin: 15px;
}

.text-checkbox {
  margin-left: 15px;
}

#checkbox-input {
  margin: unset;
  padding: unset;
}

.form-item {
  position: relative;
  display: flex;
  flex-direction: column;
}

.form-container-vertical .form-item:not(:last-child) {
  margin-bottom: 15px;
}

.form-container-vertical .form-container-horizontal .form-item {
  margin-bottom: 0;
}

.form-container-horizontal .form-item {
  flex: 1 1;
}

.form-container-horizontal .form-item:not(:last-child) {
  margin-right: 5px;
}

.form-container-horizontal .form-item:not(:first-child) {
  margin-left: 5px;
}

.form-container-bttns-style .form-item {
  display: inline-flex;
  margin: 4px;
}

.form-item.form-item-phone input::-webkit-outer-spin-button,
.form-item.form-item-phone input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-item.form-item-phone input[type=number] {
  -moz-appearance: textfield;
}

.form-item.center-form-item {
  margin: 0 auto;
  align-items: center;
}

.form-item.center-form-item input,
.form-item.center-form-item select {
  text-align: center;
}

.form-item.center-form-item input::-webkit-input-placeholder,
.form-item.center-form-item select::-webkit-input-placeholder {
  text-align: center;
}

.form-item.center-form-item input:-moz-placeholder,
.form-item.center-form-item select:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
}

.form-item.center-form-item input::-moz-placeholder,
.form-item.center-form-item select::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
}

.form-item.center-form-item input:-ms-input-placeholder,
.form-item.center-form-item select:-ms-input-placeholder {
  text-align: center;
}

.form-item input,
.form-item select,
.form-item textarea {
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.panel:not(.grey-panel) .form-item input:enabled,
.panel:not(.grey-panel) .form-item select:enabled,
.panel:not(.grey-panel) .form-item textarea:enabled {
  background-color: rgb(232, 240, 254);
  /*background-color: $background-color;*/
}

.panel .demo .form-item input:enabled,
.panel .demo .form-item select:enabled,
.panel .demo .form-item textarea:enabled {
  background-color: white;
}

.panel.grey-panel .form-item input:disabled,
.panel.grey-panel .form-item select:disabled,
.panel.grey-panel .form-item textarea:disabled {
  background-color: #8dabb3;
}

.panel .form-item input::-webkit-input-placeholder,
.panel .form-item select::-webkit-input-placeholder,
.panel .form-item textarea::-webkit-input-placeholder {
  color: #90abb4;
}

.panel .form-item input::-moz-placeholder,
.panel .form-item select::-moz-placeholder,
.panel .form-item textarea::-moz-placeholder {
  color: #90abb4;
}

.panel .form-item input:-ms-input-placeholder,
.panel .form-item select:-ms-input-placeholder,
.panel .form-item textarea:-ms-input-placeholder {
  color: #90abb4;
}

.panel .form-item input:-moz-placeholder,
.panel .form-item select:-moz-placeholder,
.panel .form-item textarea:-moz-placeholder {
  color: #90abb4;
}

.form-item textarea {
  resize: vertical;
  /*min-height: 90px;*/
}

.form-item label:not(.switch) {
  margin: 0 0 5px 2px;
  position: relative;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
}

.form-item-legend {
  font-size: 12px;
  margin: 2px 0 0 2px;
  display: block;
  text-align: left;
}

.form-item.uppercase-label label:not(.switch) {
  text-transform: uppercase;
}

/*LABEL DIRECTION*/

.form-item.label-left,
.form-item.label-right {
  flex-direction: row;
}

.form-item.label-left label,
.form-item.label-right label {
  margin: 0;
}

.form-item.label-left label,
.form-item.label-left input,
.form-item.label-left select,
.form-item.label-left textarea,
.form-item.label-right label,
.form-item.label-right input,
.form-item.label-right select,
.form-item.label-right textarea {
  width: unset;
}

.form-item.label-left label {
  padding-right: 10px;
  order: 1;
}

.form-item.label-left input,
.form-item.label-left select,
.form-item.label-left textarea {
  flex: 1 1 auto;
  order: 2;
}

.form-item.label-right label {
  padding-left: 10px;
  order: 2;
}

.form-item.label-right input,
.form-item.label-right select,
.form-item.label-right textarea {
  order: 1;
  flex: 1 1 auto;
}

/*INPUT ERROR*/

.form-item[data-error=true] input,
.form-item[data-error=true] select,
.form-item[data-error=true] textarea {
  border: 1px solid #ea5861;
}

.form-item-error {
  font-size: 12px;
  color: #ea5861;
  margin: 2px 0 0 2px;
  display: block;
  text-align: left;
}

/*SMALL INPUT*/

.form-item.small-form-item input,
.form-item.small-form-item select {
  font-size: 12px;
  height: 32px;
  line-height: 16px;
}

.form-item.small-form-item textarea {
  font-size: 12px;
  line-height: 16px;
  padding: 10px 20px;
}

.form-item.small-form-item label {
  font-size: 13px;
}

.form-item.small-form-item .form-item-img {
  width: 18px;
  height: 32px;
}

.form-item.small-form-item.form-item-img-right input {
  padding-right: 28px;
}

.form-item.small-form-item.form-item-img-left input {
  padding-left: 28px;
}

/*LargeINPUT*/

.form-item.large-form-item input,
.form-item.large-form-item select {
  font-size: 16px;
  height: 58px;
  line-height: 18px;
}

.form-item.large-form-item textarea {
  font-size: 16px;
  line-height: 18px;
}

.form-item.large-form-item label {
  font-size: 18px;
}

.form-item.large-form-item .form-item-img {
  height: 58px;
}

/*IMG IN INPUT  (NOT USE FOR THE MOMENT) */

.form-item .form-item-img {
  position: absolute;
  /*top: 50%;*/
  display: flex;
  align-items: center;
  justify-content: center;
  /*transform: translateY(-50%);*/
  width: 22px;
  height: 45px;
  bottom: 0;
}

.form-item .form-item-img svg {
  fill: #bcd2d9;
}

.panel .form-item .form-item-img svg {
  fill: #90abb4;
}

.form-item.form-item-img-right input {
  padding-right: 28px;
}

.form-item.form-item-img-left input {
  padding-left: 28px;
}

.form-item.form-item-img-right .form-item-img {
  right: 6px;
}

.form-item.form-item-img-left .form-item-img {
  left: 6px;
}

/* DECLARE STYLE FOR SPECIFIC ELEM */

/* SPECIFIC TO SELECT 2 */

.select2-parent-container {
  display: flex;
  flex-flow: column;
  align-items: center;
}

/* REGULAR */

.form-item .select2-selection.select2-selection--multiple {
  min-height: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  border: 1px solid #bcd2d9;
}

.panel .form-item .select2-selection.select2-selection--multiple {
  background-color: rgb(232, 240, 254);
}

.panel .demo .form-item .select2-selection.select2-selection--multiple {
  background-color: white;
}

.form-item .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 20px;
}

.form-item .select2-container .select2-search--inline .select2-search__field {
  font-size: 14px;
  height: 45px;
  line-height: 16px;
}

.panel .form-item .select2-container--default .select2-search--inline .select2-search__field {
  background-color: transparent;
}

.form-item .select2-container .select2-search--inline .select2-search__field {
  margin-top: 0;
}

.form-item .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #f3a056;
}

/* SMALL */

.form-item.small-form-item .select2-selection.select2-selection--multiple {
  min-height: 32px;
  height: 32px;
}

.form-item.small-form-item .select2-container .select2-search--inline .select2-search__field {
  font-size: 12px;
  height: 32px;
  line-height: 16px;
}

/* LARGE */

.form-item.large-form-item .select2-selection.select2-selection--multiple {
  min-height: 58px;
  height: 58px;
}

.form-item.large-form-item .select2-container .select2-search--inline .select2-search__field {
  font-size: 16px;
  height: 58px;
  line-height: 18px;
}

.select2-results__options {
  box-shadow: 0px 5px 10px 0px grey;
}

.select2.select2-container {
  width: 100% !important;
}

.select2-search.select2-search--inline {
  width: 100% !important;
}

.select2-search__field {
  width: 100% !important;
}

.select2-container {
  /*width: 100%;*/
}

.select2-selection__rendered {
  /*    display: flex;
      flex-flow: row wrap;
      align-items: center;*/
}

.select2-selection.select2-selection--multiple {
  /*min-height: 59px;*/
}

/*BORDER FOR SELECT 2*/

.form-item.select2-border-primary .select2-container--default .select2-selection--multiple {
  border: 2px solid #f3a056;
}

.form-item.select2-border-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 2px solid #f3a056;
}

.form-item.select2-border-secondary .select2-container--default .select2-selection--multiple {
  border: 2px solid #8dabb3;
}

.form-item.select2-border-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 2px solid #8dabb3;
}

.form-item.select2-border-success .select2-container--default .select2-selection--multiple {
  border: 2px solid #66c934;
}

.form-item.select2-border-success .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 2px solid #66c934;
}

.form-item.select2-border-warning .select2-container--default .select2-selection--multiple {
  border: 2px solid #ea5861;
}

.form-item.select2-border-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 2px solid #ea5861;
}

.form-item.select2-border-text .select2-container--default .select2-selection--multiple {
  border: 2px solid #222525;
}

.form-item.select2-border-text .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 2px solid #222525;
}

.form-item.select2-border-orange-less-opacity .select2-container--default .select2-selection--multiple {
  border: 2px solid rgb(250, 230, 210);
}

.form-item.select2-border-orange-less-opacity .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 2px solid rgb(250, 230, 210);
}

.form-item.select2-border-red-less-opacity .select2-container--default .select2-selection--multiple {
  border: 2px solid #f0ddde;
}

.form-item.select2-border-red-less-opacity .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 2px solid #f0ddde;
}

.form-item.select2-border-green-less-opacity .select2-container--default .select2-selection--multiple {
  border: 2px solid #d7f1d1;
}

.form-item.select2-border-green-less-opacity .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 2px solid #d7f1d1;
}

#geo_autocomplete {
  width: 100%;
}

.form-item.checkbox-item {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 10px 0;
}

.form-item.checkbox-item p {
  order: 2;
  margin-left: 15px;
}

.form-item.checkbox-item .checkbox-content {
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
  order: 1;
  min-width: 25px;
  min-height: 25px;
}

.form-item.checkbox-item .checkbox-content input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid white;
  margin: unset;
  padding: unset;
}

.form-item.checkbox-item .checkbox-content input[type=radio]:checked {
  background-color: #f3a056;
}

.form-item.checkbox-item .checkbox-content label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.form-item.checkbox-item .checkbox-content label svg {
  opacity: 0;
  width: 60%;
  height: 60%;
  fill: white;
}

.form-item.checkbox-item .checkbox-content input[type=radio]:checked + label svg {
  opacity: 1;
}

.form-item.select-arrow::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 22.5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f3a056;
  transform: translateY(50%);
}

/* COMPLEX SELECT */

.complex-select {
  border-radius: 5px;
  background-color: white;
  border: 2px solid white;
  padding: 15px 20px;
  position: relative;
  margin-bottom: 90px;
  min-height: 34px;
  display: flex;
  align-items: flex-start;
}

.complex-select.complex-select-disable {
  background-color: #bcd2d9 !important;
  border: 2px solid #bcd2d9 !important;
}

.complex-select.complex-select-disable .complex-select-title {
  color: #90abb4 !important;
}

.complex-select.complex-select-without-mb {
  margin-bottom: 0;
}

.panel .complex-select {
  background-color: unset;
  border: unset;
  padding: unset;
  margin-bottom: unset;
  height: 100%;
}

.complex-select .form-item {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  z-index: 3;
}

.complex-select .form-item input {
  border-radius: unset;
}

.panel .complex-select .form-item {
  top: calc(100% + 16px);
  left: -20px;
  width: calc(100% + 40px);
}

.complex-select.small-complex-select {
  padding: 4px 20px;
}

.complex-select.small-complex-select .form-item {
  top: 100%;
}

.complex-select-content {
  cursor: pointer;
  flex: 1 1;
}

.complex-select-disable .complex-select-content {
  cursor: unset;
}

/*.complex-select-selected-value {
    flex: 1 1;
}*/

.complex-select-dropdown-bttn.panel-section {
  width: 33px;
  height: 33px;
  background-color: #ddecf1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0 !important;
}

.complex-select-dropdown-bttn.panel-section svg {
  width: 60%;
  fill: #8dabb3;
}

.small-complex-select .complex-select-dropdown-bttn.panel-section {
  width: 25px;
  height: 22px;
  background-color: transparent;
}

.small-complex-select .complex-select-dropdown-bttn.panel-section svg {
  width: 90%;
  fill: #8dabb3;
}

.complex-select-values {
  position: absolute;
  left: -2px;
  top: 100%;
  width: calc(100% + 4px);
  border: 2px solid #f3a056;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top: 1px solid #ddecf1;
  background-color: white;
  box-shadow: 0px 18px 20px -16px rgba(0, 0, 0, 0.75);
  overflow: auto;
  max-height: 180px;
  z-index: 2;
  transition: max-height 0.4s;
}

.panel .complex-select-values {
  top: calc(100% + 15px);
  left: -22px;
  width: calc(100% + 44px);
}

.complex-select-values li {
  font-size: 14px;
  padding: 5px;
  cursor: pointer;
}

.complex-select-values li.select {
  background-color: rgb(250, 230, 210);
  color: #f3a056;
}

.complex-select-values li:hover {
  background-color: rgb(250, 230, 210);
  color: #f3a056;
}

.text-limit-container {
  align-self: flex-end;
  font-size: small;
  margin-top: 2px;
}

.form-item-hour {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.form-item-hour .form-item-hour__hour,
.form-item-hour .form-item-hour__min,
.form-item-hour .form-item-hour__am_pm {
  flex: 1 1;
}

.form-item-hour .form-item-hour__hour::-webkit-outer-spin-button,
.form-item-hour .form-item-hour__hour::-webkit-inner-spin-button,
.form-item-hour .form-item-hour__min::-webkit-outer-spin-button,
.form-item-hour .form-item-hour__min::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-item-hour .form-item-hour__hour[type=number] {
  -moz-appearance: textfield;
}

.form-item-hour .form-item-hour__separator {
  margin: 0 5px;
}

.container-animations-next-enter {
  position: relative;
  left: 101%;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.container-animations-next-enter-active {
  left: 0%;
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 500ms ease-out;
}

.container-animations-next-exit {
  left: 0%;
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.container-animations-next-exit-active {
  position: relative;
  left: -101%;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 500ms ease-out;
}

.container-animations-next-exit-done {
  position: relative;
  opacity: 1;
  transition: all 750ms ease-out;
}

.container-animations-prev-enter {
  position: relative;
  left: -101%;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.container-animations-prev-enter-active {
  left: 0%;
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 500ms ease-out;
}

.container-animations-prev-exit {
  right: 0%;
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.container-animations-prev-exit-active {
  position: relative;
  right: -101%;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 500ms ease-out;
}

.container-animations-prev-exit-done {
  opacity: 1;
  top: 0;
  transition: all 750ms ease-out;
}

.component-fade-enter {
  opacity: 0;
}

.component-fade-enter-active {
  opacity: 1;
  transition: all 500ms ease-out;
}

.component-fade-exit {
  opacity: 1;
}

.component-fade-exit-active {
  opacity: 0;
  transition: all 250ms ease-out;
}

.container-animations-enter {
  opacity: 0;
}

.container-animations-enter-active {
  opacity: 1;
  transition: all 500ms;
}

.container-animations-exit {
  opacity: 1;
}

.container-animations-exit-active {
  opacity: 0;
  transition: all 500ms;
}

.component-fade-in-bottom-enter {
  transition: all 350ms ease-in;
  top: 150% !important;
  opacity: 0 !important;
}

.component-fade-in-bottom-enter-active {
  opacity: 1 !important;
  top: 50% !important;
}

.component-fade-in-bottom-exit {
  opacity: 1 !important;
  top: 50% !important;
  transition: all 350ms ease-out;
}

.component-fade-in-bottom-exit-active {
  top: 150% !important;
  opacity: 0 !important;
}

.component-fade-in-bottom-long-enter {
  transition: all 400ms ease-in;
  top: 150% !important;
  opacity: 0 !important;
}

.component-fade-in-bottom-long-enter-active {
  opacity: 1 !important;
  top: 0 !important;
}

.component-fade-in-bottom-long-exit {
  opacity: 1 !important;
  top: 0 !important;
  transition: all 400ms ease-out;
}

.component-fade-in-bottom-long-exit-active {
  top: 150% !important;
  opacity: 0 !important;
}

.tinder-accept-enter {
  transition: all linear 500ms;
  transform: translateX(0px) rotate(0deg);
  opacity: 0;
}

.tinder-accept-enter-active {
  opacity: 1;
}

.tinder-refuse-enter {
  transition: all linear 500ms;
  transform: translateX(0px) rotate(0deg);
  opacity: 0;
}

.tinder-refuse-enter-active {
  opacity: 1;
}

.tinder-accept-exit {
  transition: all linear 500ms;
  transform: translateX(0px) rotate(0deg);
}

.tinder-accept-exit-active {
  transform: translateX(100%) rotate(60deg);
}

.tinder-accept-exit-done {
  opacity: 0;
  transform: translateX(0px) rotate(0deg);
}

.tinder-refuse-exit {
  transition: all linear 500ms;
  transform: translateX(0px) rotate(0deg);
}

.tinder-refuse-exit-active {
  transform: translateX(-100%) rotate(-60deg);
}

.tinder-refuse-exit-done {
  opacity: 0;
  transform: translateX(0px) rotate(0deg);
}

/* ANIMATIONS  */

.tab-slide-left-enter {
  position: relative;
  opacity: 0;
  left: 150%;
  transition: all 200ms ease-in;
}

.tab-slide-left-enter-active {
  opacity: 1;
  left: 0%;
}

.tab-slide-left-exit {
  position: relative;
  opacity: 1;
  right: 0%;
  transition: all 200ms ease-in;
}

.tab-slide-left-exit-active {
  opacity: 0;
  right: 150%;
}

.tab-slide-right-enter {
  position: relative;
  opacity: 0;
  right: 150%;
  transition: all 200ms ease-in;
}

.tab-slide-right-enter-active {
  opacity: 1;
  right: 0%;
}

.tab-slide-right-exit {
  position: relative;
  opacity: 1;
  left: 0%;
  transition: all 200ms ease-in;
}

.tab-slide-right-exit-active {
  opacity: 0;
  left: 150%;
}

.slide-enter {
  width: 0 !important;
  opacity: 0 !important;
}

.slide-enter-active {
  width: 25% !important;
  opacity: 1 !important;
  transition: width 0.35s, opacity 0.35s;
}

.slide-enter-done {
  width: 25% !important;
  opacity: 1 !important;
}

.slide-exit {
  width: 25% !important;
  opacity: 1 !important;
}

.slide-exit-active {
  width: 0 !important;
  opacity: 0 !important;
  transition: width 0.35s, opacity 0.35s;
}

.slide-exit-done {
  width: 0 !important;
  opacity: 0 !important;
  display: none !important;
}

.slideUp-enter {
  height: 0 !important;
  opacity: 0 !important;
}

.slideUp-enter-active {
  height: auto !important;
  opacity: 1 !important;
  transition: height 0.35s, opacity 0.35s;
}

.slideUp-enter-done {
  height: auto !important;
  opacity: 1 !important;
}

.slideUp-exit {
  height: auto !important;
  opacity: 1 !important;
}

.slideUp-exit-active {
  height: 0 !important;
  opacity: 0 !important;
  transition: height 0.35s, opacity 0.35s;
}

.slideUp-exit-done {
  height: 0 !important;
  opacity: 0 !important;
  display: none !important;
}

.open180-from-top-enter {
  animation: enterSlideFromTop 0.3s ease-out;
  animation-fill-mode: backwards;
}

.open180-from-top-exit-done {
  display: none !important;
}

.open180-from-bottom-enter {
  animation: enterSlideFromBottom 0.3s ease-out;
  animation-fill-mode: backwards;
}

.open180-from-bottom-exit-done {
  display: none !important;
}

/*
.my-node-enter {
  opacity: 0;
}
.my-node-enter-active {
  opacity: 1;
  transition: opacity 200ms;
}
.my-node-exit {
  opacity: 1;
}
.my-node-exit-active {
  opacity: 0;
  transition: opacity 200ms;
}*/

.component-fade-in-bottom2-enter {
  transform: translateY(50px) !important;
  opacity: 0 !important;
}

.component-fade-in-bottom2-enter-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all 350ms;
}

.component-fade-in-bottom2-exit {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.component-fade-in-bottom2-exit-active {
  transform: translateY(50px) !important;
  opacity: 0 !important;
  transition: all 350ms;
}

.component-fade-in-bottom3-enter {
  transform: translateY(50px) !important;
  opacity: 0 !important;
  height: 100%;
}

.component-fade-in-bottom3-enter-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all 350ms;
  height: 100%;
}

.component-fade-in-bottom3-exit {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.component-fade-in-bottom3-exit-active {
  transform: translateY(50px) !important;
  opacity: 0 !important;
  transition: all 350ms;
}

.full-fade-top-enter {
  transform: translateY(-100%);
  opacity: 0;
}

.full-fade-top-enter-active {
  transform: translateY(0);
  opacity: 1;
  transition: all 350ms;
}

.full-fade-top-enter-done {
  transform: translateY(0);
}

.full-fade-top-exit {
  transform: translateY(0);
}

.full-fade-top-exit-active {
  transform: translateY(-100%);
  opacity: 0;
  transition: all 350ms;
}

.full-fade-top-exit-done {
  opacity: 0;
  transform: translateY(-100%);
}

.bttn-show-after-enter {
  transform: translateY(150px) !important;
  opacity: 0 !important;
}

.bttn-show-after-enter-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all 350ms;
}

.bttn-show-after-enter-done {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.bttn-show-after-exit {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.bttn-show-after-exit-active {
  transform: translateY(150px) !important;
  opacity: 0 !important;
  transition: all 350ms;
}

.bttn-show-after-exit-done {
  transform: translateY(150px) !important;
  opacity: 0 !important;
  display: none !important;
}

.slide-left-enter {
  transform: translateX(75px);
  opacity: 0;
}

.slide-left-enter-active {
  transform: translateX(-10px);
  transition: all 350ms;
  opacity: 1;
}

.slide-left-enter-done {
  transition: all 150ms;
}

.slide-left-exit {
  transform: translateX(0);
}

.slide-left-exit-active {
  transform: translateX(-75px);
  transition: all 350ms;
  opacity: 0;
}

.slide-left-exit-done {
  transform: translateX(-75px);
  opacity: 0;
  transition: all 150ms;
}

.slide-right-enter {
  transform: translateX(-75px);
  opacity: 0;
}

.slide-right-enter-active {
  transform: translateX(10px);
  transition: all 350ms;
  opacity: 1;
}

.slide-right-enter-done {
  transition: all 150ms;
}

.slide-right-exit {
  transform: translateX(0);
}

.slide-right-exit-active {
  transform: translateX(75px);
  transition: all 350ms;
  opacity: 0;
}

.slide-right-exit-done {
  transform: translateX(75px);
  opacity: 0;
  transition: all 150ms;
}

.simple-disapear-enter {
  opacity: 0;
}

.simple-disapear-enter-active {
  opacity: 1;
  transition: all 350ms;
}

.simple-disapear-enter-done {
  opacity: 1;
}

.simple-disapear-exit {
  opacity: 1;
}

.simple-disapear-exit-active {
  opacity: 0;
  transition: all 350ms;
}

.simple-disapear-exit-done {
  opacity: 0;
}

.loading-dots {
  display: inline-flex;
}

.loading-dots__dot {
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #222525;
}

.loading-dots__dot--small {
  width: 3px;
  height: 3px;
}

.loading-dots__dot--1 {
  animation: loadingDot 0.3s linear 0s infinite alternate;
}

.loading-dots__dot--2 {
  animation: loadingDot 0.3s linear 0.1s infinite alternate;
}

.loading-dots__dot--3 {
  animation: loadingDot 0.3s linear 0.2s infinite alternate;
}

.loading-dots__dot:not(:last-child) {
  margin-right: 5px;
}

.loading-dots__dot--white {
  background-color: white;
}

@keyframes loadingDot {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-10px);
  }
}

.tabs__menu-container,
.tabs-secondary__menu-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tabs__menu,
.tabs-secondary__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.tabs-floating__menu-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.tabs-floating__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.tabs-floating__item {
  /*color: $grey-text-color;
  cursor: pointer;
  font-size: 12px;
  padding: 8px 20px;
  background-color: transparent;
  transition: all 0.3s;*/
  color: #808292;
  cursor: pointer;
  font-size: 12px;
  padding: 0px 20px;
  background-color: transparent;
  transition: all 0.3s;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tabs-floating__item:first-child {
  border-top-left-radius: 3px;
}

.tabs-floating__item:last-child {
  border-top-right-radius: 3px;
}

.tabs-floating__item--active {
  background-color: #f3a056;
  color: #fff;
}

.tabs-floating__item__count {
  background-color: #f3a056;
  color: white;
  width: 22px;
  height: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  border-radius: 50%;
  font-size: 11px;
}

.tabs-floating__item--active .tabs-floating__item__count {
  background-color: white;
  color: #f3a056;
}

.tabs-floating__item:not(.tabs-floating__item--active):hover {
  background-color: rgb(250, 230, 210);
  color: #f3a056;
}

.tabs__item {
  color: #8dabb3;
  cursor: pointer;
  font-size: 20px;
  padding-bottom: 15px;
  transition: all 0.3s;
  border-bottom: 5px solid transparent;
  margin: 5px 25px;
}

.tabs__item--active,
.tabs__item:hover {
  color: #222525;
  border-color: #f3a056;
}

.tabs-secondary__menu {
  background-color: #bcd2d9;
  border-radius: 5px;
  padding: 2px;
}

.tabs-secondary__item {
  font-size: 13px;
  height: 31px;
  padding: 8px 22px;
  font-weight: 500;
  border-radius: 5px;
  cursor: pointer;
  margin: 2.5px;
  display: flex;
  align-items: center;
}

.tabs-secondary__item--active,
.tabs-secondary__item:hover {
  color: #f3a056;
  background-color: #fff;
}

.tabs-secondary__item__count {
  border-radius: 50%;
  background-color: #8dabb3;
  margin-left: 5px;
  color: white;
  font-size: 9px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
}

/*
.tabs-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px 0 60px;
}

.tab-header {
    display: flex;
    flex-direction: row;
    background-color: #bcd2d9;
    border-radius: 5px;
    padding: 2px;
}

.tab-header .active.sm-tab {
    background-color: #fff;
    color: #f3a056;
}

.tab-header .sm-tab {
    border-radius: 5px;
    cursor: pointer;
}

.tab-header .sm-item {
    font-size: 13px;
    height: 31px;
    padding: 8px 22px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
}

.tab-header .sm-item.sm-item-disabled {
    color: #8dabb3;
}

.tab-header .badge {
    font-size: 9px;
    height: 16px;
    position: relative;
    top: -1px;
    padding: 2px 5px;
    margin-left: 10px;
    color: white;
    border-radius: 10px;
    background: #8dabb3;
    border: 1px solid #8dabb3;
}*/

.panel {
  border-radius: 5px;
  background-color: #fff;
  border: 2px solid #fff;
  padding: 15px 20px;
  position: relative;
}

.panel--small {
  padding: 7px 10px;
}

.panel--primary {
  background-color: rgb(250, 230, 210);
}

.panel--primary h6 {
  color: #f3a056;
}

.panel--primary .content--horizontal--separator {
  border-color: #f3a056 !important;
}

.panel .panel {
  background-color: #ddecf1;
}

.panel--error {
  background-color: #f0ddde;
}

.panel__home-svg {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 2px solid #f3a056;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel__home-svg svg {
  height: 26px;
  width: 26px;
  fill: #f3a056;
}

.panel--home {
  margin-bottom: 15px;
}

.panel--home h5 {
  margin: 0;
}

.panel__title {
  margin-bottom: 12px;
  transition: color 0.3s;
  word-break: break-word;
}

.panel__title__logo {
  height: 1em;
  display: inline-flex;
  vertical-align: middle;
}

.panel__title__logo svg {
  height: 80%;
  fill: #8dabb3;
}

.panel__title:last-child {
  margin-bottom: 0;
}

.panel__title--less-marginb {
  margin-bottom: 6px !important;
}

.panel__hr {
  border: 1px solid #bcd2d9;
}

.panel__subtitle {
  margin-bottom: 12px;
  font-size: 14px;
  color: #8dabb3;
}

.panel__subtitle:last-child {
  margin-bottom: 0;
}

.panel__subtitle--less-marginb {
  margin-bottom: 6px !important;
}

.panel__list {
  padding-left: 25px;
}

.panel__list:not(:last-child) {
  margin-bottom: 16px;
}

.panel__list__item:before {
  content: "\2022";
  color: #f3a056;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.panel__list__item--black-before:before {
  color: #222525;
}

.panel__actions {
  display: flex;
  z-index: 2;
  position: absolute;
  flex-direction: column;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #fff;
  transition: opacity 0.4s;
  padding: 10px;
}

.panel__actions--row {
  flex-direction: row;
}

.panel__actions__item {
  width: 30px;
  display: flex;
  flex: 1 1;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.panel__actions__item svg {
  width: 17px;
  fill: #8dabb3;
}

.panel__actions__item:not(:last-child) {
  border-bottom: 1px solid #bcd2d9;
}

.panel__actions--row .panel__actions__item:not(:last-child) {
  border-bottom: 0;
  border-right: 1px solid #bcd2d9;
  padding-right: 10px;
  margin-right: 5px;
}

.panel__actions--inline {
  width: unset;
  flex-direction: row;
  padding: 10px 0;
}

.panel__actions--inline .panel__actions__item {
  width: unset;
  padding: 10px;
}

.panel__actions--inline .panel__actions__item:not(:last-child) {
  border-bottom: 0;
  border-right: 1px solid #bcd2d9;
}

.panel--grey {
  background-color: #bcd2d9;
  border-color: #bcd2d9;
}

.panel--blue {
  background-color: #ddecf1;
  border-color: #ddecf1;
}

.panel--select {
  border: 2px solid #f3a056;
}

.panel--select--check:after {
  content: "\2713";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 0;
  right: -20px;
  font-size: 14px;
  color: white;
  background-color: #66c934;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel--disabled {
  cursor: none;
  opacity: 0.5;
}

.panel--left-border-orange {
  border: 0;
  border-left: 4px solid #f3a056;
}

.panel--left-border-dark-orange {
  border: 0;
  border-left: 4px solid #ea7800;
}

.panel--left-border-orange-less-opacity {
  border: 0;
  border-left: 4px solid rgb(250, 230, 210);
}

.panel--left-border-grey {
  border: 0;
  border-left: 4px solid #8dabb3;
}

.panel--left-border-dark-grey {
  border: 0;
  border-left: 4px solid #657b81;
}

.panel--left-border-light-grey {
  border: 0;
  border-left: 4px solid #bcd2d9;
}

.panel--left-border-green {
  border: 0;
  border-left: 4px solid #66c934;
}

.panel--left-border-green-less-opacity {
  border: 0;
  border-left: 4px solid #d7f1d1;
}

.panel--left-border-dark-green {
  border: 0;
  border-left: 4px solid #45b630;
}

.panel--left-border-red {
  border: 0;
  border-left: 4px solid #ea5861;
}

.panel--left-border-red-less-opacity {
  border: 0;
  border-left: 4px solid #f0ddde;
}

.panel--left-border-dark-red {
  border: 0;
  border-left: 4px solid #e71c29;
}

.panel--big-left-border {
  border-left-width: 40px;
}

.panel--big-left-border__text {
  position: absolute;
  left: -20px;
  top: 50%;
  letter-spacing: 2px;
  transform: translate(-50%, -50%) rotate(-90deg);
  text-transform: uppercase;
}

.panel--hover,
.panel--simple-hover {
  cursor: pointer;
  transition: all 0.3s;
}

.panel--hover:hover {
  transform: translateY(-3px);
  background-color: rgb(250, 230, 210);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.panel--simple-hover:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.panel--hover:active,
.panel--simple-hover:active {
  transform: translateY(0.5px);
}

.panel__color-side {
  margin: -15px 0 -15px -20px;
  padding: 15px 20px !important;
}

.panel--home .panel__color-side {
  padding: 15px 10px !important;
}

.panel--home .panel__color-side svg {
  width: 26px;
  height: 26px;
}

.panel__color-side--left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.panel__color-side--right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.panel__color-side--orange {
  background-color: #f3a056;
}

.panel__color-side--orange > * {
  color: #fff !important;
}

.panel__color-side--orange svg {
  fill: #fff;
}

.panel__color-side--grey {
  background-color: #8dabb3;
}

.panel__color-side--grey > * {
  color: #fff !important;
}

.panel__color-side--grey svg {
  fill: #fff;
}

.panel__color-side--light-orange {
  background-color: rgb(250, 230, 210);
}

.panel__color-side--light-orange > * {
  color: #f3a056 !important;
}

.panel__color-side--light-orange svg {
  fill: #fff;
}

.panel__color-side--light-green {
  background-color: #d7f1d1;
}

.panel__color-side--light-green > * {
  color: #66c934 !important;
}

.panel__color-side--light-green svg {
  fill: #66c934;
}

.panel__color-side--light-red {
  background-color: #f0ddde;
}

.panel__color-side--light-red > * {
  color: #ea5861 !important;
}

.panel__color-side--light-red svg {
  fill: #ea5861;
}

.panel--select {
  border: 2px solid #f3a056 !important;
}

.panel__spinner {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

.panel__spinner:after {
  content: "";
  width: 100%;
  height: 100%;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.form__group {
  position: relative;
  display: flex;
  flex-direction: column;
}

.form__group--reactDatePicker {
  position: static;
}

.form__group__label {
  margin: 0 0 5px 2px;
  position: relative;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
}

.form__group__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.form__group__item__children {
  flex: 1 1;
}

.form__group__item__children--with-actions textarea,
.form__group__item__children--with-actions input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}

.form__group__item__action {
  align-self: stretch;
}

.form__group__item__action .bttn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  padding: 0 5px;
  height: 100%;
}

.form__group__item__action:not(:last-child) .bttn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}

.form__group__error {
  font-size: 12px;
  color: #ea5861;
  margin: 2px 0 0 2px;
  display: block;
  text-align: left;
}

.form__group__limit {
  font-size: 12px;
  text-align: right;
  margin: 2px 0 0 2px;
  display: block;
}

.content--vertical > .form__group:not(:last-child) {
  margin-bottom: 20px;
}

.form__group__radio-bttn,
.form__group__check-bttn {
  height: 26px;
  width: 26px;
  border: 3px solid #bcd2d9;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.35s;
  background-color: white;
  cursor: pointer;
}

.form__group__radio-bttn svg,
.form__group__check-bttn svg {
  fill: white;
  height: 80%;
  opacity: 0;
  transition: opacity 0.35s;
}

.form__group__radio-bttn--is-checked,
.form__group__check-bttn--is-checked {
  border-color: #f3a056;
  background-color: #f3a056;
}

.form__group__radio-bttn--is-checked svg,
.form__group__check-bttn--is-checked svg {
  opacity: 1;
}

.form__group__radio-bttn--small,
.form__group__check-bttn--small {
  height: 20px;
  width: 20px;
  border-width: 2px;
}

.form__group__radio-bttn--disabled,
.form__group__check-bttn--disabled {
  background-color: #bcd2d9;
  border-color: #8dabb3;
}

.form__group__radio-bttn {
  border-radius: 50%;
}

.form__group__check-bttn {
  border-radius: 3px;
}

.form__group__checkboxes {
  display: flex;
  flex-wrap: wrap;
}

.form__group__checkboxes .form__group__checkbox {
  margin: 0 5px 10px;
}

.form__group__checkboxes--center {
  justify-content: center;
}

.form__group__checkbox {
  min-height: 45px;
  padding: 10px;
  background-color: white;
  border: 1px solid #bcd2d9;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 -5px;
  position: relative;
  display: flex;
  align-items: center;
  transition: transform 0.3s, box-shadow 0.3s;
}

.form__group__checkbox__label {
  font-size: 16px;
  margin-left: 10px;
  flex: 1 1;
}

.form__group__checkbox__custom-actions {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 8px;
  background-color: white;
}

.form__group__checkbox__custom-action:not(:last-child) {
  margin-right: 5px;
  cursor: pointer;
}

.form__group__checkbox:not(.form__group__checkbox--disabled):hover .form__group__checkbox__custom-actions {
  opacity: 1;
  pointer-events: initial;
}

.form__group__checkbox:not(.form__group__checkbox--disabled):not(.form__group__checkbox--transparent):hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background-color: rgb(250, 230, 210);
}

.form__group__checkbox:not(.form__group__checkbox--disabled):not(.form__group__checkbox--transparent):active {
  transform: translateY(0.5px);
}

.form__group__checkbox--is-checked {
  border-color: #f3a056;
}

.form__group__checkbox--transparent {
  background-color: transparent;
  border-color: transparent;
}

.form__group__checkbox--transparent:hover .form__group__radio-bttn {
  background-color: rgb(250, 230, 210);
}

.form__group__checkbox--disabled:not(.checkbox--transparent) {
  background-color: #bcd2d9;
  cursor: unset;
}

.form__group__checkbox--disabled:not(.checkbox--transparent) .checkbox__label {
  color: #8dabb3;
}

.form__group__checkbox--full-width {
  width: 100%;
  margin: 0 0 10px;
}

.form__group__checkbox--small {
  min-height: 40px;
  padding: 7px;
}

.form__group__checkbox--small .form__group__checkbox__label {
  font-size: 14px;
}

.form__group__checkbox--small .form__group__check-bttn {
  height: 20px;
  width: 20px;
}

.form__group__reactDatePicker .react-datepicker-popper {
  z-index: 4;
}

.form__group--small .form__group__label {
  font-size: 13px;
}

.form__group--small .form__input,
.form__group--small .form__select,
.form__group--small .form__textarea,
.form__group--small .form__reactDatePicker input,
.form__group--small .form__datePicker input.DateInput_input {
  font-size: 12px !important;
  line-height: 16px;
}

.form__group--small .form__input,
.form__group--small .form__select,
.form__group--small .form__reactDatePicker input,
.form__group--small .form__datePicker input.DateInput_input {
  height: 32px;
}

.form__group--small .form__input input.DateInput_input,
.form__group--small .form__select input.DateInput_input,
.form__group--small .form__reactDatePicker input input.DateInput_input,
.form__group--small .form__datePicker input.DateInput_input input.DateInput_input {
  height: 100%;
}

.form__group--small .form__textarea {
  padding: 10px 20px;
}

.form__group--small .form__select-list__option {
  font-size: 12px;
  min-height: 24px;
}

.form__group--small .form__select-list__option__label {
  font-size: 12px;
}

.form__group--small .form__select__arrow {
  bottom: 6px;
}

.content--vertical > .form__group--small:not(:last-child) {
  margin-bottom: 15px;
}

.form__group--small .PhoneInputInput {
  height: 32px;
}

.form__group--small .form__upload__container {
  width: 150px;
  height: 150px;
}

.form__group--small .form__upload__label__logo {
  width: 30px;
  height: 30px;
}

.form__group--small .form__upload__label__text {
  font-size: 12px;
  padding: 0 10px;
  text-align: center;
}

.form__group--small .form__group__checkbox {
  min-height: 40px;
  padding: 7px;
}

.form__group--small .form__group__checkbox__label {
  font-size: 14px;
}

.form__group--required:after {
  content: "*";
  color: #ea5861;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: -10px;
}

.form__group--border-primary .form__input,
.form__group--border-primary .form__select,
.form__group--border-primary .form__textarea,
.form__group--border-primary .form__reactDatePicker input,
.form__group--border-primary .form__datePicker input.DateInput_input {
  border-color: #f3a056;
}

.form__group--border-secondary .form__input,
.form__group--border-secondary .form__select,
.form__group--border-secondary .form__textarea,
.form__group--border-secondary .form__reactDatePicker input,
.form__group--border-secondary .form__datePicker input.DateInput_input {
  border-color: #8dabb3;
}

.form__group--border-warning .form__input,
.form__group--border-warning .form__select,
.form__group--border-warning .form__textarea,
.form__group--border-warning .form__reactDatePicker input,
.form__group--border-warning .form__datePicker input.DateInput_input {
  border-color: #ea5861;
}

.form__group--border-success .form__input,
.form__group--border-success .form__select,
.form__group--border-success .form__textarea,
.form__group--border-success .form__reactDatePicker input,
.form__group--border-success .form__datePicker input.DateInput_input {
  border-color: #66c934;
}

.form__group--border-orange-less-opacity .form__input,
.form__group--border-orange-less-opacity .form__select,
.form__group--border-orange-less-opacity .form__textarea,
.form__group--border-orange-less-opacity .form__reactDatePicker input,
.form__group--border-orange-less-opacity .form__datePicker input.DateInput_input {
  border-color: rgb(250, 230, 210);
}

.form__group--border-red-less-opacity .form__input,
.form__group--border-red-less-opacity .form__select,
.form__group--border-red-less-opacity .form__textarea,
.form__group--border-red-less-opacity .form__reactDatePicker input,
.form__group--border-red-less-opacity .form__datePicker input.DateInput_input {
  border-color: #f0ddde;
}

.form__group--border-green-less-opacity .form__input,
.form__group--border-green-less-opacity .form__select,
.form__group--border-green-less-opacity .form__textarea,
.form__group--border-green-less-opacity .form__reactDatePicker input,
.form__group--border-green-less-opacity .form__datePicker input.DateInput_input {
  border-color: #d7f1d1;
}

.form__group--border-text .form__input,
.form__group--border-text .form__select,
.form__group--border-text .form__textarea,
.form__group--border-text .form__reactDatePicker input,
.form__group--border-text .form__datePicker input.DateInput_input {
  border-color: #222525;
}

.form__input,
.form__select,
.form__textarea,
.form__reactDatePicker input,
.form__datePicker input.DateInput_input {
  background-color: #fff;
  border: 1px solid #bcd2d9;
  background-clip: padding-box;
  border-radius: 3px;
  color: #222525;
  font-size: 14px;
  font-weight: 400 !important;
  font-family: "DM Sans", sans-serif;
  width: 100%;
}

.form__input--error,
.form__select--error,
.form__textarea--error,
.form__reactDatePicker input--error,
.form__datePicker input.DateInput_input--error {
  border: 1px solid #ea5861;
}

.form__input:focus,
.form__select:focus,
.form__textarea:focus,
.form__reactDatePicker input:focus,
.form__datePicker input.DateInput_input:focus {
  border: 1px solid #f3a056;
}

.form__input:disabled,
.form__select:disabled,
.form__textarea:disabled,
.form__reactDatePicker input:disabled,
.form__datePicker input.DateInput_input:disabled {
  background-color: #bcd2d9;
}

.panel .form__input:disabled,
.panel .form__select:disabled,
.panel .form__textarea:disabled,
.panel .form__reactDatePicker input:disabled,
.panel .form__datePicker input.DateInput_input:disabled {
  opacity: 0.6;
}

.form__reactDatePicker {
  gap: 5px;
  display: flex;
}

.form__reactDatePicker--vertical {
  flex-direction: column;
}

.form__reactDatePicker .react-datepicker-popper {
  z-index: 3;
}

.form__datePicker .DateRangePicker {
  width: 100%;
}

.form__datePicker:not(.form__datePicker--vertical) .DateRangePickerInput {
  display: flex;
  align-items: center;
}

.form__datePicker:not(.form__datePicker--vertical) .DateRangePickerInput .DateInput {
  flex: 1 1;
}

.form__datePicker--vertical .DateRangePickerInput {
  display: flex;
  flex-direction: column;
}

.form__datePicker--vertical .DateRangePickerInput .DateInput:nth-child(1) {
  margin-bottom: 5px;
}

.form__datePicker--vertical .DateRangePickerInput_arrow {
  display: none;
}

.form__input,
.form__select {
  height: 45px;
  padding: 0 20px;
  position: relative;
}

.form__reactDatePicker input,
.form__datePicker input.DateInput_input {
  height: 45px;
  padding: 0 5px;
  position: relative;
}

.form__input,
.form__textarea,
.form__reactDatePicker input,
.form__datePicker input.DateInput_input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.form__input::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder,
.form__reactDatePicker input::-webkit-input-placeholder,
.form__datePicker input.DateInput_input::-webkit-input-placeholder {
  color: #bcd2d9;
}

.form__input::-moz-placeholder,
.form__textarea::-moz-placeholder,
.form__reactDatePicker input::-moz-placeholder,
.form__datePicker input.DateInput_input::-moz-placeholder {
  color: #bcd2d9;
}

.form__input:-ms-input-placeholder,
.form__textarea:-ms-input-placeholder,
.form__reactDatePicker input:-ms-input-placeholder,
.form__datePicker input.DateInput_input:-ms-input-placeholder {
  color: #bcd2d9;
}

.form__input:-moz-placeholder,
.form__textarea:-moz-placeholder,
.form__reactDatePicker input:-moz-placeholder,
.form__datePicker input.DateInput_input:-moz-placeholder {
  color: #bcd2d9;
}

.form__input:disabled::-webkit-input-placeholder,
.form__textarea:disabled::-webkit-input-placeholder,
.form__reactDatePicker input:disabled::-webkit-input-placeholder,
.form__datePicker input.DateInput_input:disabled::-webkit-input-placeholder {
  color: #90abb4;
}

.form__input:disabled::-moz-placeholder,
.form__textarea:disabled::-moz-placeholder,
.form__reactDatePicker input:disabled::-moz-placeholder,
.form__datePicker input.DateInput_input:disabled::-moz-placeholder {
  color: #90abb4;
}

.form__input:disabled:-ms-input-placeholder,
.form__textarea:disabled:-ms-input-placeholder,
.form__reactDatePicker input:disabled:-ms-input-placeholder,
.form__datePicker input.DateInput_input:disabled:-ms-input-placeholder {
  color: #90abb4;
}

.form__input:disabled:-moz-placeholder,
.form__textarea:disabled:-moz-placeholder,
.form__reactDatePicker input:disabled:-moz-placeholder,
.form__datePicker input.DateInput_input:disabled:-moz-placeholder {
  color: #90abb4;
}

.form__select__arrow {
  position: absolute;
  right: 7px;
  bottom: 13px;
  transform: rotate(-90deg);
  font-weight: bold;
}

.form__textarea {
  padding: 15px 20px;
  line-height: 20px;
}

.form__textarea--no-resize {
  resize: none;
}

.form__select-search {
  position: relative;
}

.form__select-list {
  position: relative;
  width: 100%;
  background-color: white;
  overflow: auto;
  border: 1px solid #f3a056;
  border-radius: 3px;
  padding: 5px;
}

.form__select-list__option {
  font-size: 14px;
  line-height: normal;
  padding: 5px;
  margin: 2px 0;
  cursor: pointer;
  min-height: 28px;
  border-radius: 3px;
  position: relative;
  display: flex;
  flex-direction: row;
}

.form__select-list__option__label {
  font-size: 14px;
  flex: 1 1;
}

.form__select-list__option__img {
  height: 15px;
}

.form__select-list__option__img svg {
  fill: #222525;
  height: 100%;
}

.form__select-list__option:not(:first-child) {
  margin-top: 5px;
}

.form__select-list__option:hover {
  background-color: rgb(250, 230, 210);
  color: #f3a056;
}

.form__select-list__option:hover svg {
  fill: #f3a056;
}

.form__select-list__option--active {
  background-color: rgb(250, 230, 210);
  color: #f3a056;
  position: relative;
}

.form__select-list__option--active .form__select-list__option__label {
  color: #f3a056;
}

.form__select-list__option--active .form__select-list__option__img svg {
  fill: #f3a056;
}

.form__select-list__option--active:before {
  content: "V";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 6px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #66c934;
  position: absolute;
  top: -3px;
  left: -3px;
  color: #fff;
}

.form__select-list__option--disabled {
  cursor: unset;
  opacity: 0.3;
}

.form__select-list__option--disabled:hover {
  background-color: unset;
  color: #222525;
}

.form__select-list__option--disabled:hover .form__select-list__option__label {
  color: #222525;
}

.form__select-list__title {
  font-size: 14px;
  text-align: center;
  padding: 5px;
  width: 100%;
  position: relative;
}

.form__select-list__title:after {
  content: "";
  height: 2px;
  width: 40%;
  position: absolute;
  bottom: -1px;
  background-color: #f3a056;
  left: 50%;
  transform: translateX(-50%);
}

.form__select-list__title:not(:first-child) {
  border-top: 1px solid #bcd2d9;
  padding-top: 10px;
}

.form__select-list--dropdown {
  border-top: 1px solid #ddecf1;
  position: absolute;
  left: 0;
  top: calc(100% - 4px);
  box-shadow: 0px 18px 20px -16px rgba(0, 0, 0, 0.75);
  z-index: 1000;
  max-height: 110px;
  opacity: 1;
  transition: all 0.4s;
}

.form__select-list--dropdown--up {
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #f3a056;
  border-bottom: 1px solid #ddecf1;
  top: unset;
  bottom: calc(100% - 4px);
  box-shadow: 0px -18px 20px -16px rgba(0, 0, 0, 0.75);
}

.form__select-list--dropdown--closed {
  max-height: 0 !important;
  opacity: 0;
}

.form__select-list--from-recursive {
  width: 100%;
  overflow: unset;
  border: none;
  border-radius: 0;
  padding: 5px 5px 5px 20px;
}

.form__select-list--for-sentence {
  width: auto;
  max-height: 250px;
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #f3a056;
  border-bottom: 1px solid #ddecf1;
  top: unset;
  bottom: calc(100% - 4px);
  box-shadow: 0px -18px 20px -16px rgba(0, 0, 0, 0.75);
}

.form__select-list__spinner {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 5px auto;
}

.form__select-list__spinner:after {
  content: "";
  width: 100%;
  height: 100%;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.form--vertical {
  display: flex;
  flex-direction: column;
}

.form--horizontal {
  display: flex;
  flex-direction: row;
}

.form__dashboard-selector {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 460px;
  min-width: 200px;
}

@media (max-width: 460px) {
  .form__dashboard-selector {
    width: 100%;
    max-width: 100%;
  }
}

.form__dashboard-selector__input-container {
  position: relative;
  width: 100%;
}

.form__dashboard-selector__dropdown-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #8dabb3;
  transition: color 0.2s;
}

.form__dashboard-selector__dropdown-icon:hover {
  color: #f3a056;
}

.form__dashboard-selector__dropdown-icon svg {
  width: 12px;
  height: 12px;
}

.form__dashboard-selector input {
  padding-right: 45px;
}

.form__upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.form__upload__container {
  display: inline-flex;
  position: relative;
  height: 200px;
  width: 200px;
}

.form__upload__pulsing-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 85%;
  width: 85%;
  display: inline-flex;
}

.form__upload__pulsing-circle:before {
  content: "";
  height: 100%;
  width: 100%;
  border: 2px dashed #8dabb3;
  border-radius: 50%;
  background-color: transparent;
  animation-duration: 1.5s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-name: makePulse;
  transition: opacity 1s, transform 1s;
  transform-origin: center;
}

.form__upload__label {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: #bcd2d9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  transition: transform 0.35s, background-color 0.35s;
}

.form__upload__label__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  transition: width 0.35s, height 0.35s;
}

.form__upload__label__logo svg {
  width: 100%;
  height: 100%;
  fill: white;
}

.form__upload__label__text {
  font-size: 14px;
  font-weight: bold;
}

.form__upload__label:hover {
  background-color: #8dabb3;
  transform: scale(1.05);
}

.form__upload--valid .form__upload__label {
  background-color: #d7f1d1;
}

.form__upload--valid .form__upload__label .form__upload__label__logo {
  width: 45%;
  height: 45%;
}

.form__upload--valid .form__upload__label .form__upload__label__logo svg {
  fill: #66c934;
}

.form__upload--valid .form__upload__pulsing-circle {
  height: 100%;
  width: 100%;
  z-index: 1;
}

.form__upload--valid .form__upload__pulsing-circle:before {
  border: 2px dashed #66c934;
  animation-name: none;
}

.form__upload--small {
  height: 175px;
  width: 175px;
}

.form__upload input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  cursor: pointer;
}

@keyframes makePulse {
  0% {
    opacity: 1;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.radio-bttn,
.check-bttn {
  height: 26px;
  width: 26px;
  border: 3px solid #bcd2d9;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.35s;
  background-color: white;
  cursor: pointer;
}

.radio-bttn svg,
.check-bttn svg {
  fill: white;
  height: 80%;
  opacity: 0;
  transition: opacity 0.35s;
}

.radio-bttn--is-checked,
.check-bttn--is-checked {
  border-color: #f3a056;
  background-color: #f3a056;
}

.radio-bttn--is-checked svg,
.check-bttn--is-checked svg {
  opacity: 1;
}

.radio-bttn--small,
.check-bttn--small {
  height: 20px;
  width: 20px;
  border-width: 2px;
}

.radio-bttn--disabled,
.check-bttn--disabled {
  background-color: #bcd2d9;
  border-color: #8dabb3;
}

.radio-bttn {
  border-radius: 50%;
}

.check-bttn {
  border-radius: 3px;
}

.checkboxes {
  display: flex;
  flex-wrap: wrap;
}

.checkboxes .checkbox {
  margin: 0 5px 10px;
}

.checkbox {
  min-height: 45px;
  padding: 10px;
  background-color: white;
  border: 2px solid #bcd2d9;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 -5px;
  display: flex;
  align-items: center;
  transition: transform 0.3s, box-shadow 0.3s;
}

.checkbox__label {
  font-size: 16px;
  margin-left: 10px;
  flex: 1 1;
}

.checkbox--small {
  min-height: 38px;
  padding: 6px;
}

.checkbox--small .checkbox__label {
  font-size: 13px;
}

.checkbox:not(.checkbox--disabled):hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background-color: rgb(250, 230, 210);
}

.checkbox:not(.checkbox--disabled):active {
  transform: translateY(0.5px);
}

.checkbox--is-checked {
  border-color: #f3a056;
}

.checkbox--transparent {
  background-color: transparent;
  border-color: transparent;
}

.checkbox--disabled:not(.checkbox--transparent) {
  background-color: #bcd2d9;
}

.checkbox--disabled:not(.checkbox--transparent) .checkbox__label {
  color: #8dabb3;
}

.checkbox--full-width {
  width: 100%;
  margin: 0 0 10px;
}

.next-month {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.next-month__select {
  flex: 1 1;
}

.next-month__select select {
  text-align: center;
}

.next-month__separator {
  margin: 0 5px;
}

.switch {
  display: inline-block;
  width: 64px;
  height: 30px;
  cursor: pointer;
  border-radius: 34px;
  background-color: white;
  transition: 0.4s;
  position: relative;
}

.switch--disabled {
  opacity: 0.6;
  cursor: unset;
}

.panel .switch:not(.keep-basic-bg) {
  background-color: #ddecf1;
}

.switch:before {
  position: absolute;
  height: 19px;
  content: "";
  height: 19px;
  width: 19px;
  left: 6px;
  bottom: 6px;
  background-color: #ea5861;
  transition: 0.4s;
  border-radius: 50%;
  z-index: 1;
}

.switch--on:before {
  background-color: #66c934;
  left: calc(100% - 25px);
}

.switch__input {
  display: none;
}

.switch__choices {
  font-size: 11px;
  position: absolute;
  top: 9px;
  font-weight: 600;
  transition: opacity 0.4s;
}

.switch__choices--yes {
  left: 10px;
  opacity: 0;
}

.switch--on .switch__choices--yes {
  opacity: 1;
}

.switch__choices--no {
  right: 10px;
}

.switch--on .switch__choices--no {
  opacity: 0;
}

.table {
  position: relative;
  overflow-x: auto;
  padding-bottom: 20px;
}

.table::-webkit-scrollbar {
  height: 5px;
}

.table::-webkit-scrollbar {
  margin-left: 5px;
}

.table::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.table::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.table-container {
  border-radius: 5px;
  border: 2px solid #fff;
  background-color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}

.table__main {
  min-width: 100%;
}

.table__head {
  background-color: #bcd2d9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.table__head .table__col {
  vertical-align: top;
}

.table__head .table__col:not(:first-child):before {
  background-color: #8dabb3;
}

.table__row:not(:first-child) {
  border-top: 1px solid #bcd2d9;
}

.table__row--clickable {
  cursor: pointer;
}

.table__row--clickable:hover {
  background-color: #ddecf1;
}

.table__col {
  padding: 15px;
  position: relative;
}

.table__col:not(:first-child):before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 50%;
  width: 1px;
  background-color: #bcd2d9;
}

.table__col--grey {
  background-color: rgb(232, 240, 254);
  color: #8dabb3;
}

.table__col--orange {
  background-color: rgb(250, 230, 210);
}

.table__col--red {
  background-color: #f0ddde;
}

.simple-table {
  overflow-x: auto;
}

.simple-table::-webkit-scrollbar {
  height: 5px;
}

.simple-table::-webkit-scrollbar {
  margin-left: 5px;
}

.simple-table::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.simple-table::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.simple-table__main {
  min-width: 100%;
  table-layout: fixed;
  width: 100%;
  background-color: #F6F7F9;
}

.simple-table__main--auto-width {
  table-layout: auto;
}

.simple-table__main--first-col-sticky tr > th:first-child,
.simple-table__main--first-col-sticky tr > td:first-child {
  position: sticky !important;
  left: 0;
  z-index: 1;
}

.simple-table__main--first-col-sticky tr > th:first-child:after,
.simple-table__main--first-col-sticky tr > td:first-child:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  height: 100%;
}

.simple-table__main--first-col-sticky tr > th:first-child {
  background-color: #F6F7F9;
}

.simple-table__main--first-col-sticky tr > td:first-child {
  background: white;
}

.simple-table__head {
  background-color: #F6F7F9;
}

.simple-table__head--min-width th:not(.simple-table__add-col) {
  padding-right: 40px !important;
  min-width: 150px !important;
}

.simple-table__head th {
  color: #404250;
  padding: 20px 10px;
  white-space: nowrap;
}

.simple-table__head th.simple-table--th-clickable {
  cursor: pointer;
}

.simple-table__head th.simple-table--th-clickable:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.simple-table__head th.simple-table__sorter {
  cursor: pointer;
}

.simple-table__th-editor {
  position: absolute;
  left: 0;
  top: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #F6F7F9;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  z-index: 1;
  color: #404250;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  flex-direction: column;
}

.simple-table__th-editor-item {
  padding: 5px 10px;
  display: flex;
}

.simple-table__th-editor-item > * {
  width: 100%;
}

.simple-table__th-editor-item:first-child {
  margin-top: 5px;
}

.simple-table__th-editor-item:last-child {
  margin-bottom: 10px;
}

.simple-table__th-editor-item--clickable:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.simple-table__th-editor-separator {
  width: 100%;
  height: 1px;
  margin: 10px 0;
  border-color: rgba(0, 0, 0, 0.1);
}

.simple-table__add-col {
  width: 60px;
  min-width: 60px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.simple-table__body {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.simple-table__sub-table-header td {
  padding: 20px;
  background-color: #F6F7F9 !important;
  border-right: 0;
}

.simple-table__sub-table-header td:after {
  content: none !important;
}

.simple-table__row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.simple-table__row--hover {
  cursor: pointer;
}

.simple-table__row--hover:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.simple-table__cell {
  font-size: 12px;
  color: #808292;
  padding: 20px 10px;
  background-color: white;
}

.simple-table__cell--hover {
  cursor: pointer;
}

.simple-table__cell--hover:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.table2 {
  width: 100%;
  border-radius: 5px;
}

.table2-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table2-loader__spinner {
  content: "";
  width: 50px;
  height: 50px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent !important;
  border-radius: 50%;
}

.table2-select-col {
  background-color: #dedede;
  border-right: 1px solid #dddee0;
}

.table2-select-col__content {
  background-color: #F6F7F9;
  width: 40px;
  min-width: 40px;
  border-bottom: 1px solid #dddee0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table2-header .table2-select-col__content {
  background-color: transparent;
}

.table2-row--clickable:hover .table2-select-col__content {
  border-bottom: 1px solid #f3a056;
  border-top: 1px solid #f3a056;
}

.table2-header .table2-select-col {
  background-color: #F6F7F9;
}

.table2-container--multiple-table .table2-select-col:first-child {
  padding-left: 20px;
}

.table2-row--clickable:hover .table2-select-col {
  cursor: pointer;
}

.table2-with-border {
  border-right: 1px solid #dddee0;
}

.table2-sticky-col {
  position: sticky !important;
  left: 41px;
  z-index: 2;
  border-right: 1px solid #dddee0;
}

.table2-container--multiple-table .table2-sticky-col {
  left: 61px;
}

.table2-sticky-col:first-child {
  left: 0 !important;
}

.table2 {
  /*&--sticky-first-col {

      .table2-header-item:first-child,
      .table2-cell:first-child {
          position: sticky;
          left: 0;
          z-index: 2;
      }

      .table2-cell:first-child {
          border-right: 1px solid $border-color;
      }
  }*/
}

.table2--no-resizer {
  /* width: 60px;
   min-width: 60px;
   max-width: 60px;*/
}

.table2--add-col {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}

.table2--add-col .table2-cell__content {
  background-color: white;
}

.table2-actions {
  width: 100%;
  background-color: white;
  display: flex;
  margin-bottom: 30px;
  align-items: flex-end;
  justify-content: space-between;
}

.table2-actions__regulars {
  display: flex;
  align-items: flex-end;
}

.table2-actions__customs {
  display: flex;
  align-items: flex-end;
}

.table2-actions__group {
  display: flex;
}

.table2-actions__regulars .table2-actions__group:not(:first-child) {
  padding-left: 10px;
  border-left: 1px solid #8dabb3;
}

.table2-actions__regulars .table2-actions__group:not(:last-child) {
  padding-right: 10px;
}

.table2-actions__customs .table2-actions__group:not(:last-child) {
  padding-right: 10px;
  border-right: 1px solid #8dabb3;
}

.table2-actions__customs .table2-actions__group:not(:first-child) {
  padding-right: 10px;
}

.table2-actions__regulars .table2-actions__item:not(:last-child) {
  margin-right: 10px;
}

.table2-actions__customs .table2-actions__item:not(:first-child) {
  margin-left: 20px;
}

.table2-container {
  background-color: #dedede;
  border: 1px solid #dedede;
  border-radius: 5px;
}

.table2-top-scrollbar {
  overflow-y: hidden;
  display: flex;
  align-items: flex-start;
  height: 20px;
}

.table2-top-scrollbar::-webkit-scrollbar {
  height: 5px;
}

.table2-top-scrollbar::-webkit-scrollbar {
  margin-left: 5px;
}

.table2-top-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.table2-top-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.table2-top-scrollbar > * {
  height: 100%;
}

.table2-header {
  display: flex;
  min-height: 52px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.table2-header::-webkit-scrollbar {
  display: none;
}

.table2-header-item {
  position: relative;
}

.table2-header-item__resizer {
  z-index: 2;
  position: absolute;
  left: calc(100% - 1px);
  top: 0;
  width: 5px;
  height: 100%;
  cursor: col-resize;
}

.table2-header-item__resizer:hover {
  background-color: #acacae;
}

.table2-header-label {
  padding: 15px 10px;
  display: flex;
  align-items: center;
  background-color: #F6F7F9;
  border-right: 1px solid #dddee0;
  border-bottom: 1px solid #dddee0;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.table2-header-label:hover {
  background-color: #dddee0;
}

.table2-header-label--is-dragging {
  background-color: #dddee0;
}

.table2-header-label--dragover-left:before {
  content: "";
  background-color: #acacae;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -3px;
}

.table2-header-label--dragover-right:after {
  content: "";
  background-color: #acacae;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -3px;
}

.table2-header-label__logo {
  width: 15px;
  height: 15px;
  font-size: 15px;
}

.table2-header-label__logo:not(:last-child) {
  margin-right: 10px;
}

.table2-header-label__logo svg {
  width: 100%;
  height: 100%;
}

.table2-header-label__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #404250;
  flex: 1 1;
}

.table2-header-label__sorting-arrow {
  width: 15px;
  height: 15px;
  font-size: 15px;
  margin-left: 10px;
}

.table2-header-label__sorting-arrow svg {
  width: 100%;
  height: 100%;
}

.table2-col-editor {
  position: fixed;
  left: 0;
  top: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #F6F7F9;
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
  color: #404250;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 15px -2px rgba(0, 0, 0, 0.2);
}

.table2-col-editor__item {
  padding: 5px 10px;
  display: flex;
  cursor: pointer;
}

.table2-col-editor__item > * {
  width: 100%;
}

.table2-col-editor__item:first-child {
  margin-top: 5px;
}

.table2-col-editor__item:last-child {
  margin-bottom: 10px;
}

.table2-col-editor__item--clickable:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.table2-col-editor__item--select {
  background-color: rgba(0, 0, 0, 0.15);
}

.table2-col-editor__separator {
  width: 100%;
  height: 1px;
  margin: 10px 0;
  border-color: rgba(0, 0, 0, 0.1);
}

.table2-col-editor__sum-options {
  padding: 5px 10px;
  max-height: 130px;
  overflow: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.table2-bodies > *::-webkit-scrollbar {
  height: 5px;
}

.table2-bodies > *::-webkit-scrollbar {
  margin-left: 5px;
}

.table2-bodies > *::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.table2-bodies > *::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.table2-bodies > * > * {
  width: unset !important;
}

.table2-bodies {
  /*&::-webkit-scrollbar {
      height: 5px;
  }

  &::-webkit-scrollbar {
      margin-left: 5px;
  }

  &::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 5px;
  }

  &::-webkit-scrollbar-thumb {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  }*/
}

.table2-body {
  width: -moz-fit-content;
  width: fit-content;
}

.table2-container--multiple-table .table2-body {
  margin-top: 20px;
}

.table2-body {
  /*.table2-container--multiple-table & {
      margin-bottom: 20px;
  }*/
}

.table2-body__header {
  width: 100%;
  height: 60px;
  display: flex;
  padding-top: 20px;
}

.table2-body__title-container {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  position: sticky;
  left: 0px;
  z-index: 2;
  background-color: #dedede;
}

.table2-body__title {
  padding: 0 15px;
  height: 100%;
  background-color: #F6F7F9;
  display: flex;
  align-items: center;
  border-top-left-radius: 5px;
  border-bottom: 1px solid #dddee0;
}

.table2-body__reste-container {
  flex: 1 1;
  padding-right: 20px;
}

.table2-body__reste {
  background-color: #F6F7F9;
  width: 100%;
  border-top-right-radius: 5px;
  height: 100%;
  border-bottom: 1px solid #dddee0;
}

.table2-row {
  display: flex;
  min-height: 52px;
  width: -moz-fit-content;
  width: fit-content;
}

.table2-row--count-row {
  min-height: 30px;
}

.table2-row--deleting {
  opacity: 0.5;
}

.table2-text-container,
.table2-boolean-container {
  display: flex;
  align-items: center;
  width: 100%;
}

.table2-text {
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  text-overflow: ellipsis;
  color: #808292;
  pointer-events: none;
  flex: 1 1;
}

.table2-boolean {
  display: flex;
  align-items: center;
}

.table2-boolean__marker {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #808292;
  margin-right: 5px;
}

.table2-boolean--yes .table2-boolean__marker {
  background-color: #66c934;
}

.table2-boolean--no .table2-boolean__marker {
  background-color: #ea5861;
}

.table2-boolean__text {
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  text-overflow: ellipsis;
  color: #808292;
  pointer-events: none;
}

.table2-tags {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  position: relative;
  width: 100%;
}

.table2-tags__selected-tags-container {
  overflow: hidden;
  display: flex;
}

.table2-tags__selected-tags {
  display: flex;
}

.table2-cell--editing .table2-tags__selected-tags {
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.table2-cell--editing .table2-tags__selected-tags > * {
  margin-bottom: 5px;
}

.table2-tags__selected-tags > *:not(:last-child) {
  margin-right: 5px;
}

.table2-tags__tags-list {
  position: fixed;
  left: 0;
  top: 100%;
  border: 1px solid orange;
  background-color: white;
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
  padding: 10px;
  box-shadow: 0 10px 15px -2px rgba(0, 0, 0, 0.2);
  /*position: absolute;
  left: 0;
  top: 100%;
  padding: 10px;
  border: 1px solid orange;
  background-color: white;
  width: max-content;
  z-index: 3;*/
}

.table2-tags-list {
  display: flex;
  flex-direction: column;
}

.table2-tags-list__item {
  margin-bottom: 5px;
}

.table2-tags-list__new-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 10px 0 0;
  font-size: 14px;
}

.table2-tags-list__new-item:not(:first-child) {
  border-top: 1px solid #dddee0;
}

.table2-progress-bar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.table2-progress-bar {
  width: 100%;
}

.table2-cell {
  /*.table2-body--multiple &:first-child {
      padding-left: 20px;
  }*/
  /*border-bottom: 1px solid $border-color;*/
  /*.table2-container--multiple-table &:first-child {
      padding-left: 20px;
  }*/
}

.table2-container--multiple-table .table2-cell:last-child {
  padding-right: 20px;
}

.table2-cell--title {
  font-weight: 600;
  color: rgb(34, 37, 37);
  position: relative;
}

.table2-cell__bttn-title {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.table2-cell--title:hover .table2-cell__bttn-title {
  display: inline;
}

.table2-cell__content {
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  background-color: #F6F7F9;
  border-bottom: 1px solid #dddee0;
}

.table2-cell--title:hover .table2-cell__content {
  padding-right: 60px;
}

.table2-cell__content--error {
  background-color: #f6c4c6 !important;
}

.table2-cell--editable .table2-cell__content {
  background-color: white;
}

.table2-cell--editable .table2-cell__content:hover {
  background-color: #dddee0;
  cursor: pointer;
}

.table2-row--editing .table2-cell__content {
  align-items: flex-end;
}

.table2-row--clickable:hover .table2-cell__content {
  cursor: pointer;
  border-bottom: 1px solid #f3a056;
  border-top: 1px solid #f3a056;
}

.table2-container--multiple-table .table2-row:last-child .table2-cell:first-child .table2-cell__content {
  border-bottom-left-radius: 5px;
}

.table2-container--multiple-table .table2-row:last-child .table2-cell:last-child .table2-cell__content {
  border-bottom-right-radius: 5px;
}

.table2-cell__custom-html {
  display: flex;
  align-items: center;
  justify-content: center;
}

.table2-cell--count-cell {
  border-bottom: 0;
}

.table2-cell--count-cell .table2-cell__content {
  padding: 10px 15px;
  background-color: white;
}

.table2-filter-panel {
  position: fixed;
  left: 0;
  top: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #F6F7F9;
  width: -moz-max-content;
  width: max-content;
  max-width: 650px;
  padding: 20px;
  height: 300px;
  z-index: 3;
  color: #404250;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 15px -2px rgba(0, 0, 0, 0.2);
}

.table2-filter-panel__header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.table2-filter-panel__header > *:not(:last-child) {
  margin-right: 10px;
}

.table2-filter-panel__filters {
  display: flex;
  flex: 1 1;
  width: 100%;
  height: calc(100% - 52px);
  overflow-x: auto;
  padding-bottom: 5px;
}

.table2-filter-panel__filters::-webkit-scrollbar {
  height: 5px;
}

.table2-filter-panel__filters::-webkit-scrollbar {
  margin-left: 5px;
}

.table2-filter-panel__filters::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.table2-filter-panel__filters::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.table2-filter-column {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-right: 24px;
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}

.table2-filter-column__label {
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.table2-filter-column__items {
  display: flex;
  flex-direction: column;
  padding-right: 5px;
  flex: 1 1;
  overflow-y: auto;
}

.table2-filter-column__datepicker .DateInput {
  width: 100%;
  margin-bottom: 5px;
}

.table2-filter-column__datepicker .DateRangePickerInput_arrow {
  display: none;
}

.table2-filter-column__range-slider {
  flex: 1 1;
  display: flex;
}

.table2-filter-column__range-slider__values {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  margin-right: 10px;
}

.table2-filter-column__range-slider__item {
  height: 100%;
}

.table2-filter-column__range-slider .range-slider[data-vertical] {
  width: 4px;
}

.table2-filter-column__range-slider .range-slider .range-slider__thumb {
  width: 16px;
  height: 16px;
}

.table2-filter-column__range-slider input {
  border: 0;
}

.table2-option {
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.4s;
}

.table2-option:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.table2-option:not(:last-child) {
  margin-bottom: 5px;
}

.table2-option--is_selected {
  background-color: rgb(250, 230, 210);
}

.table2-option--is_selected:not(.table2-option--is_disabled):hover {
  background-color: #f3a056;
}

.table2-option--is_disabled {
  opacity: 0.5;
  cursor: initial;
}

.table2-option__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  flex: 1 1;
  margin-right: 4px;
}

.table2-option__count {
  font-size: 12px;
}

:root {
  --sidebar-w: 50px;
}

/* Quand la sidebar est ouverte, lis la classe… */

body:has(.sidebar-nav-container--open) {
  --sidebar-w: 260px;
  /* largeur réelle de ta sidebar */
}

.table3 {
  width: 100%;
  border-radius: 10px;
  background-color: rgb(236, 244, 247);
  height: 90vh;
  display: flex;
  flex-direction: column;
  line-height: normal;
  position: relative;
}

.table3-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgb(236, 244, 247);
  z-index: 8;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table3-loader__spinner {
  content: "";
  width: 50px;
  height: 50px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent !important;
  border-radius: 50%;
}

.table3-table {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}

.table3-header-container {
  padding: 20px 0;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
}

.table3-header-container::-webkit-scrollbar {
  display: none;
}

.table3-header {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  margin-left: -124px;
  margin-right: 20px;
  min-height: 42px;
}

.table3-header__item {
  position: relative;
  border-right: 1px solid #d4d4d4;
}

.table3-header__item--action {
  display: flex;
  width: 52px;
  min-width: 52px;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.table3-header__item--action-sticky,
.table3-header__item--action-sticky-finisher {
  position: sticky !important;
  left: 20px;
  z-index: 3;
}

.table3-header__item--action-sticky .table3-header-column,
.table3-header__item--action-sticky-finisher .table3-header-column {
  justify-content: center;
  align-items: center;
}

.table3-header__item--action-sticky .table3-header-column .table3-checkbox__checkmark,
.table3-header__item--action-sticky-finisher .table3-header-column .table3-checkbox__checkmark {
  background-color: white;
}

.table3-header__item--action-sticky {
  position: sticky !important;
  left: 20px;
  z-index: 3;
}

.table3-header__item--action-sticky-finisher {
  position: sticky !important;
  right: 20px;
  z-index: 3;
  border-right: 0;
  border-left: 1px solid #d4d4d4;
}

.table3-header__item--sticky {
  position: sticky !important;
  left: 72px;
  z-index: 3;
}

.table3-header-column {
  background-color: #ddecf1;
  display: flex;
  align-items: center;
  padding: 0 10px;
  width: 100%;
  height: 100%;
  gap: 8px;
  cursor: pointer;
  position: relative;
}

.table3-header-column--dragging-over,
.table3-header-column:hover {
  background-color: #dedede;
}

.table3-header-column .table3-header__item--action {
  justify-content: center;
}

.table3-header__item--action-sticky .table3-header-column {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.table3-header-column__logo {
  width: 18px;
  min-width: 18px;
  height: 18px;
  font-size: 17px;
}

.table3-header-column__logo svg {
  width: 100%;
  height: 100%;
}

.table3-header-column__label {
  font-weight: 500;
  flex: 1 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.table3-header-column__sorting-arrow {
  width: 14px;
  min-width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table3-header-column__sorting-arrow svg {
  width: 100%;
}

.table3-header-column__resizer {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background-color: #d4d4d4;
  cursor: ew-resize;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.table3-header__item:hover .table3-header-column__resizer {
  display: flex;
}

.table3-header-column__drag-overlay-left,
.table3-header-column__drag-overlay-right {
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
}

.table3-header-column__drag-overlay-left {
  background-color: #a4a4a4;
  left: 0;
}

.table3-header-column__drag-overlay-right {
  background-color: #a4a4a4;
  right: 0;
}

.table3-header-config-panel {
  position: fixed;
  min-width: 200px;
  z-index: 7;
  background-color: white;
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
  border-radius: 0 0 10px 10px;
}

.table3-header-config-panel__section {
  padding: 10px;
  width: 100%;
  gap: 5px;
  display: flex;
  flex-direction: column;
}

.table3-header-config-panel__section:not(:first-child) {
  border-top: 1px solid #ebf0f0;
}

.table3-header-config-panel__sum-item,
.table3-header-config-panel__item {
  display: flex;
  width: 100%;
  border-radius: 10px;
}

.table3-header-config-panel__item input,
.table3-header-config-panel__item select {
  height: 36px;
  width: 100%;
}

.table3-header-config-panel__item--clickable {
  cursor: pointer;
}

.table3-header-config-panel__item--clickable:hover {
  background-color: #fafafa;
}

.table3-header-config-panel__sum-item {
  background-color: #eee;
  cursor: pointer;
  align-items: center;
  padding: 3px;
}

.table3-header-config-panel__sum-item:hover {
  background-color: #dedede;
}

.table3-header-config-panel__sum-item--selected {
  background-color: rgb(250, 230, 210);
}

.table3-header-config-panel__sum-item--selected:hover {
  background-color: rgb(250, 230, 210);
}

.table3-header-config-panel__sum-item--disabled {
  opacity: 0.5;
  cursor: unset;
}

.table3-header-config-panel__label {
  display: flex;
  align-items: center;
  flex: 1 1;
  margin-left: 5px;
}

.table3-header-config-panel__logo {
  width: 20px;
  max-height: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table3-header-config-panel__sum-item .table3-header-config-panel__logo {
  width: 15px;
  max-height: 15px;
  height: 15px;
}

.table3-header-config-panel__logo svg {
  width: 100%;
  max-height: 100%;
  fill: #8dabb3;
}

.table3-body {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.table3-body > *::-webkit-scrollbar {
  height: 0px;
  /* masque la barre horizontale */
  width: 5px;
  /* garde la barre verticale */
}

.table3-body__item {
  width: -moz-max-content;
  width: max-content;
}

.table3-body__item--group-finisher {
  padding-bottom: 30px;
}

.table3-body__item--group-finisher .table3-sticky-finisher:after,
.table3-body__item--group-finisher .table3-sticky-starter:after {
  height: 110%;
  /* Hauteur + compensation des bordures */
}

.table3-body__item--group-finisher .table3-sticky-finisher:before,
.table3-body__item--group-finisher .table3-sticky-starter:before {
  height: 110%;
  /* Hauteur + compensation des bordures */
}

.table3-body__item--table-finisher {
  padding-bottom: 80px;
}

.table3-sticky-starter {
  position: sticky;
  width: 72px;
  min-width: 72px;
  height: 100%;
  left: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
}

.table3-sticky-starter:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  /* Largeur de la bordure originale */
  height: 100%;
  /* Hauteur + compensation des bordures */
  background-color: rgb(236, 244, 247);
}

.table3-row .table3-sticky-starter:after,
.table3-group-header .table3-sticky-starter:after {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  width: 52px;
  height: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.06);
}

.table3-body__item--group-finisher .table3-sticky-starter {
  height: 110%;
}

.table3-body__item--group-finisher .table3-sticky-starter:after {
  border-bottom-left-radius: 10px;
  height: 92%;
}

.table3-sticky-finisher {
  position: sticky;
  width: 72px;
  min-width: 72px;
  height: 100%;
  left: calc(100% - 72px);
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
}

.table3-sticky-finisher__shadow-hide {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
  width: 52px;
  background-color: rgb(236, 244, 247);
}

.table3-sticky-finisher:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  /* Largeur de la bordure originale */
  height: 100%;
  /* Hauteur + compensation des bordures */
  background-color: rgb(236, 244, 247);
}

.table3-row .table3-sticky-finisher:after,
.table3-group-header .table3-sticky-finisher:after {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  width: 52px;
  height: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.06);
}

.table3-body__item--group-finisher .table3-sticky-finisher {
  height: 110%;
}

.table3-body__item--group-finisher .table3-sticky-finisher:after {
  border-bottom-right-radius: 10px;
  height: 90.5%;
}

.table3-group-header {
  height: 52px;
  min-height: 52px;
  position: relative;
  display: flex;
  background-color: #ddecf1;
  cursor: pointer;
}

.table3-group-header__content {
  margin-left: -124px;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebf0f0;
}

.table3-body__item--group-finisher .table3-group-header__content {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.06);
  border-bottom: 0px;
}

.table3-group-header__sticky-action {
  position: sticky !important;
  left: 20px;
  z-index: 3;
  display: flex;
  width: 52px;
  min-width: 52px;
  justify-content: center;
  align-items: center;
  padding: 0;
  background-color: #ddecf1;
  height: 100%;
}

.table3-group-header__sticky-action .table3-checkbox__checkmark {
  background-color: white;
}

.table3-group-header__sticky-content {
  height: calc(100% + 2px);
  display: flex;
  align-items: center;
  position: sticky;
  left: 72px;
  z-index: 3;
  border-bottom: 1px solid #ebf0f0;
  border-left: 2px solid transparent;
  padding: 0 20px;
  background-color: #ddecf1;
}

.table3-group-header__label {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}

.table3-group-footer {
  height: 31px !important;
  min-height: 31px !important;
}

.table3-group-footer__add-bttn {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.table3-group-footer__add-bttn svg {
  width: 100%;
  height: 100%;
}

.table3-row {
  height: 62px;
  min-height: 62px;
  position: relative;
  display: flex;
}

.table3-row__content {
  height: 100%;
  display: flex;
  margin-left: -124px;
  margin-right: 20px;
  border-bottom: 1px solid #ebf0f0;
}

.table3-body__item--group-finisher .table3-row__content {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.06);
  border-bottom: 0px;
}

.table3-cell {
  height: 100%;
  position: relative;
  background-color: white;
  cursor: pointer;
  border-right: 1px solid #ebf0f0;
}

.table3-cell__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  gap: 10px;
  height: 100%;
}

.table3-group-footer .table3-cell:not(.table3-cell--action-sticky-starter) {
  border-right: 0;
}

.table3-row:hover .table3-cell {
  background-color: #fafafa;
}

.table3-cell__open-icon {
  width: 15px;
  max-height: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table3-cell__open-icon svg {
  width: 14px;
  fill: #8dabb3;
}

.table3-cell__open-icon:hover svg {
  fill: #f3a056;
}

.table3-cell--action {
  display: flex;
  width: 52px;
  min-width: 52px;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.table3-cell--action-sticky-starter,
.table3-cell--action-sticky-finisher {
  position: sticky !important;
  z-index: 3;
  height: calc(100% + 1px);
  border-bottom: 1px solid #ebf0f0;
}

.table3-cell--action-sticky-starter {
  left: 20px;
}

.table3-body__item--group-finisher .table3-cell--action-sticky-starter {
  border-bottom-left-radius: 10px;
}

.table3-cell--action-sticky-finisher {
  right: 20px;
  border-right: 0;
  border-left: 1px solid #ebf0f0;
}

.table3-cell--sticky {
  position: sticky !important;
  left: 72px;
  z-index: 5;
  border-right: 1px solid rgb(235, 240, 240);
}

.table3-cell-value-displayer {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.06);
  width: 100%;
  min-height: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.table3-cell-value-displayer--up {
  top: unset;
  bottom: 0;
}

.table3-cell-value-displayer--not-editable {
  background-color: #fafafa;
}

.table3-cell-value-displayer > *:not(.table3-edit-icon) {
  width: 100%;
  min-height: 62px;
}

.table3-cell .table3-cell-value-displayer {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /* ne capte rien tant que fermé */
}

.table3-cell:hover .table3-cell-value-displayer {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.table3-cell-edit-panel {
  position: fixed;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 4;
}

.table3-text,
.table3-boolean,
.table3-choice,
.table3-multi-choices,
.table3-progress-bar,
.table3-date,
.table3-rangeDates {
  display: flex;
  height: 100%;
  align-items: center;
}

.table3-text,
.table3-boolean,
.table3-choice,
.table3-date,
.table3-rangeDates {
  padding: 10px;
  gap: 10px;
}

.table3-text__value,
.table3-boolean__value,
.table3-choice__value,
.table3-date__value,
.table3-rangeDates__value {
  flex: 1 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: 14px;
}

.table3-cell--sticky .table3-text__value,
.table3-cell--sticky .table3-boolean__value,
.table3-cell--sticky .table3-choice__value,
.table3-cell--sticky .table3-date__value,
.table3-cell--sticky .table3-rangeDates__value {
  font-size: 16px;
  font-weight: 500;
}

.table3-text__label,
.table3-date__label,
.table3-rangeDates__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table3-cell-value-displayer .table3-text__label,
.table3-cell-edit-panel .table3-text__label,
.table3-cell-value-displayer .table3-date__label,
.table3-cell-edit-panel .table3-date__label,
.table3-cell-value-displayer .table3-rangeDates__label,
.table3-cell-edit-panel .table3-rangeDates__label {
  white-space: normal;
}

.table3-multi-choices {
  position: relative;
  padding: 18px 10px;
}

.table3-multi-choices__values {
  flex: 1 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  gap: 7px;
}

.table3-multi-choices__others-count {
  display: flex;
  align-items: center;
  font-size: 12px;
  justify-content: flex-end;
  position: absolute;
  top: 2px;
  right: 2px;
}

.table3-autocomplete {
  width: 100%;
  border-radius: 10px;
}

.table3-cell-value-displayer .table3-autocomplete,
.table3-cell-edit-panel .table3-autocomplete {
  border-radius: unset;
}

.table3-filter-panel__item .table3-autocomplete {
  width: calc(100% + 20px);
  margin: -10px;
}

.table3-autocomplete--is-focus {
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
}

.table3-cell-value-displayer .table3-autocomplete--is-focus,
.table3-cell-edit-panel .table3-autocomplete--is-focus {
  border: unset;
  box-shadow: unset;
}

.table3-filter-panel .table3-autocomplete--is-focus {
  box-shadow: unset;
}

.table3-autocomplete__container {
  display: flex;
  align-items: center;
  padding: 10px;
  position: relative;
  border: 1px solid transparent;
  width: 100%;
  min-height: 52px;
  background-color: white;
  border-radius: 10px;
}

.table3-autocomplete--is-focus:not(.table3-autocomplete--is-above) .table3-autocomplete__container {
  border-radius: 10px 10px 0 0;
  border: 1px solid #f3a056;
  border-bottom: 0;
}

.table3-autocomplete--is-focus.table3-autocomplete--is-above .table3-autocomplete__container {
  border-radius: 0 0 10px 10px;
  border: 1px solid #f3a056;
  border-top: 0;
}

.table3-cell-value-displayer .table3-autocomplete__container,
.table3-cell-edit-panel .table3-autocomplete__container {
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
  min-height: 62px;
  z-index: 1;
}

.table3-autocomplete--seperate .table3-autocomplete__container {
  border-radius: 0 0 10px 10px;
}

.table3-autocomplete--seperate.table3-autocomplete--is-focus .table3-autocomplete__container {
  border-bottom: unset;
  border: 1px solid #f3a056;
}

.table3-autocomplete--multi-choices .table3-autocomplete__container {
  flex-wrap: wrap;
  overflow: hidden;
  gap: 7px;
}

.table3-autocomplete__container input {
  height: 25px;
  border: none;
  border-radius: 0;
  padding: 0;
  border-radius: 10px;
  font-size: 16px;
  min-width: 0;
}

.table3-autocomplete--multi-choices .table3-autocomplete__container input {
  width: unset;
  padding: 0;
  display: inline-flex;
  width: unset;
  width: 0;
  min-width: 100px;
  flex: unset;
  flex-grow: 1;
  font-size: 13px;
  border-bottom: 1px solid #ebf0f0;
}

.table3-autocomplete__container input:disabled {
  background-color: white;
}

.table3-autocomplete__list {
  position: fixed;
  z-index: 1;
  max-width: 80vw;
}

.table3-autocomplete__options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  gap: 15px;
  background-color: white;
  border: 1px solid transparent;
  border-top: 1px solid #ebf0f0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
}

.table3-autocomplete--is-focus .table3-autocomplete__options {
  border: 1px solid #f3a056;
  border-top: 0;
}

.table3-autocomplete--seperate .table3-autocomplete__options {
  border-top: unset;
  border: 1px solid #f3a056;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.table3-filter-panel .table3-autocomplete__options {
  box-shadow: unset;
}

.table3-autocomplete__option {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
}

.table3-autocomplete__cross {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  display: none;
}

.table3-autocomplete:hover .table3-autocomplete__cross {
  display: flex;
}

.table3-cell-edit-panel .table3-autocomplete__cross {
  display: flex;
}

.table3-autocomplete__cross svg {
  width: 100%;
}

.table3-autocomplete__new-value {
  display: flex;
  padding: 0 10px;
  width: 100%;
  gap: 8px;
  font-size: 14px;
  align-items: center;
}

.table3-autocomplete__new-value:not(:first-child) {
  border-top: 1px solid #ebf0f0;
  margin-top: 8px;
  padding-top: 8px;
}

.table3-select-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  gap: 10px;
  background-color: white;
  border: 1px solid #f3a056;
  border-radius: 10px;
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
  max-width: 100vw;
  min-width: 100%;
}

.table3-select-list--overflow {
  max-height: 350px;
  overflow: auto;
}

.table3-select-list__section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.table3-select-list--close-from-block {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: 0;
}

.table3-select-list--close-from-block-from-above {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 0;
  box-shadow: 0px -8px 20px -5px rgba(0, 0, 0, 0.4);
}

.table3-select-list__option {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}

.table3-select-list__option:not(.table3-select-list__option--disabled) {
  cursor: pointer;
}

.table3-select-list__option .table3-tag {
  width: 100%;
}

.table3-select-list__item {
  flex: 1 1;
  overflow: hidden;
}

.table3-select-list__new-value {
  display: flex;
  padding: 0 10px;
  width: 100%;
  gap: 8px;
  font-size: 14px;
  align-items: center;
}

.table3-select-list__new-value:not(:first-child) {
  border-top: 1px solid #ebf0f0;
  padding-top: 8px;
}

.table3-select-list__new-value-error {
  color: #ea5861;
  font-size: 14px;
}

.table3-select-list__options-edition {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 5px;
  width: 100%;
}

.table3-select-list__options-edition-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
}

.table3-select-list__options-edition-logo svg {
  width: 100%;
  fill: #8dabb3;
}

.table3-select-list__options-edition-label {
  font-size: 13px;
}

.table3-select-list__options-edition:not(:first-child) {
  border-top: 1px solid #ebf0f0;
  padding-top: 8px;
}

.table3-cell-edit-panel .table3-autocomplete:not(.table3-autocomplete--is-above) .table3-select-list {
  top: 10px;
}

.table3-cell-edit-panel .table3-autocomplete.table3-autocomplete--is-above .table3-select-list {
  bottom: 10px;
}

.table3-text-input,
.table3-range-dates-input,
.table3-boolean-input,
.table3-date-input,
.table3-choice-autocomplete,
.table3-multi-choices-autocomplete {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.table3-text-input__container,
.table3-range-dates-input__container,
.table3-boolean-input__container,
.table3-date-input__container,
.table3-choice-autocomplete__container,
.table3-multi-choices-autocomplete__container {
  display: flex;
  align-items: center;
  padding: 10px;
  position: relative;
  border: 1px solid transparent;
  width: 100%;
  min-height: 52px;
  background-color: white;
  border-radius: 10px;
}

.table3-cell-value-displayer .table3-text-input__container,
.table3-cell-edit-panel .table3-text-input__container,
.table3-cell-value-displayer .table3-range-dates-input__container,
.table3-cell-edit-panel .table3-range-dates-input__container,
.table3-cell-value-displayer .table3-boolean-input__container,
.table3-cell-edit-panel .table3-boolean-input__container,
.table3-cell-value-displayer .table3-date-input__container,
.table3-cell-edit-panel .table3-date-input__container,
.table3-cell-value-displayer .table3-choice-autocomplete__container,
.table3-cell-edit-panel .table3-choice-autocomplete__container,
.table3-cell-value-displayer .table3-multi-choices-autocomplete__container,
.table3-cell-edit-panel .table3-multi-choices-autocomplete__container {
  min-height: 62px;
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
  border-radius: 0 0 10px 10px;
}

.table3-text-input__container--filter,
.table3-range-dates-input__container--filter,
.table3-boolean-input__container--filter,
.table3-date-input__container--filter,
.table3-choice-autocomplete__container--filter,
.table3-multi-choices-autocomplete__container--filter {
  padding: 0 10px;
  border-radius: 10px;
  min-height: unset;
  border: 1px solid #ebf0f0;
  box-shadow: unset;
  background-color: #fafafa;
}

.table3-text-input__container--filter input,
.table3-range-dates-input__container--filter input,
.table3-boolean-input__container--filter input,
.table3-date-input__container--filter input,
.table3-choice-autocomplete__container--filter input,
.table3-multi-choices-autocomplete__container--filter input {
  background-color: #fafafa;
}

.table3-text-input__container--is-focus,
.table3-range-dates-input__container--is-focus,
.table3-boolean-input__container--is-focus,
.table3-date-input__container--is-focus,
.table3-choice-autocomplete__container--is-focus,
.table3-multi-choices-autocomplete__container--is-focus {
  border: 1px solid #f3a056;
}

.table3-text-input__container input,
.table3-text-input__container select,
.table3-range-dates-input__container input,
.table3-range-dates-input__container select,
.table3-boolean-input__container input,
.table3-boolean-input__container select,
.table3-date-input__container input,
.table3-date-input__container select,
.table3-choice-autocomplete__container input,
.table3-choice-autocomplete__container select,
.table3-multi-choices-autocomplete__container input,
.table3-multi-choices-autocomplete__container select {
  height: 25px;
  border: none;
  border-radius: 0;
  padding: 0;
  border-radius: 10px;
}

.table3_cell .table3-text-input__container input,
.table3_cell .table3-text-input__container select,
.table3_cell .table3-range-dates-input__container input,
.table3_cell .table3-range-dates-input__container select,
.table3_cell .table3-boolean-input__container input,
.table3_cell .table3-boolean-input__container select,
.table3_cell .table3-date-input__container input,
.table3_cell .table3-date-input__container select,
.table3_cell .table3-choice-autocomplete__container input,
.table3_cell .table3-choice-autocomplete__container select,
.table3_cell .table3-multi-choices-autocomplete__container input,
.table3_cell .table3-multi-choices-autocomplete__container select {
  height: 30px;
}

.table3-text-input__container input:disabled,
.table3-text-input__container select:disabled,
.table3-range-dates-input__container input:disabled,
.table3-range-dates-input__container select:disabled,
.table3-boolean-input__container input:disabled,
.table3-boolean-input__container select:disabled,
.table3-date-input__container input:disabled,
.table3-date-input__container select:disabled,
.table3-choice-autocomplete__container input:disabled,
.table3-choice-autocomplete__container select:disabled,
.table3-multi-choices-autocomplete__container input:disabled,
.table3-multi-choices-autocomplete__container select:disabled {
  background-color: white;
}

.table3-text-input__cross,
.table3-range-dates-input__cross,
.table3-boolean-input__cross,
.table3-date-input__cross,
.table3-choice-autocomplete__cross,
.table3-multi-choices-autocomplete__cross {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  display: none;
}

.table3-text-input:hover .table3-text-input__cross,
.table3-range-dates-input:hover .table3-text-input__cross,
.table3-boolean-input:hover .table3-text-input__cross,
.table3-date-input:hover .table3-text-input__cross,
.table3-choice-autocomplete:hover .table3-text-input__cross,
.table3-multi-choices-autocomplet:hover .table3-text-input__cross,
.table3-text-input:hover .table3-range-dates-input__cross,
.table3-range-dates-input:hover .table3-range-dates-input__cross,
.table3-boolean-input:hover .table3-range-dates-input__cross,
.table3-date-input:hover .table3-range-dates-input__cross,
.table3-choice-autocomplete:hover .table3-range-dates-input__cross,
.table3-multi-choices-autocomplet:hover .table3-range-dates-input__cross,
.table3-text-input:hover .table3-boolean-input__cross,
.table3-range-dates-input:hover .table3-boolean-input__cross,
.table3-boolean-input:hover .table3-boolean-input__cross,
.table3-date-input:hover .table3-boolean-input__cross,
.table3-choice-autocomplete:hover .table3-boolean-input__cross,
.table3-multi-choices-autocomplet:hover .table3-boolean-input__cross,
.table3-text-input:hover .table3-date-input__cross,
.table3-range-dates-input:hover .table3-date-input__cross,
.table3-boolean-input:hover .table3-date-input__cross,
.table3-date-input:hover .table3-date-input__cross,
.table3-choice-autocomplete:hover .table3-date-input__cross,
.table3-multi-choices-autocomplet:hover .table3-date-input__cross,
.table3-text-input:hover .table3-choice-autocomplete__cross,
.table3-range-dates-input:hover .table3-choice-autocomplete__cross,
.table3-boolean-input:hover .table3-choice-autocomplete__cross,
.table3-date-input:hover .table3-choice-autocomplete__cross,
.table3-choice-autocomplete:hover .table3-choice-autocomplete__cross,
.table3-multi-choices-autocomplet:hover .table3-choice-autocomplete__cross,
.table3-text-input:hover .table3-multi-choices-autocomplete__cross,
.table3-range-dates-input:hover .table3-multi-choices-autocomplete__cross,
.table3-boolean-input:hover .table3-multi-choices-autocomplete__cross,
.table3-date-input:hover .table3-multi-choices-autocomplete__cross,
.table3-choice-autocomplete:hover .table3-multi-choices-autocomplete__cross,
.table3-multi-choices-autocomplet:hover .table3-multi-choices-autocomplete__cross {
  display: flex;
}

.table3-cell-edit-panel .table3-text-input__cross,
.table3-cell-edit-panel .table3-range-dates-input__cross,
.table3-cell-edit-panel .table3-boolean-input__cross,
.table3-cell-edit-panel .table3-date-input__cross,
.table3-cell-edit-panel .table3-choice-autocomplete__cross,
.table3-cell-edit-panel .table3-multi-choices-autocomplete__cross {
  display: flex;
}

.table3-text-input__cross svg,
.table3-range-dates-input__cross svg,
.table3-boolean-input__cross svg,
.table3-date-input__cross svg,
.table3-choice-autocomplete__cross svg,
.table3-multi-choices-autocomplete__cross svg {
  width: 100%;
}

.table3-text-input__container input,
.table3-text-input__container select,
.table3-date-input__container input,
.table3-date-input__container select,
.table3-range-dates-input__container input,
.table3-range-dates-input__container select,
.table3-boolean-input__container input,
.table3-boolean-input__container select,
.table3-choice-autocomplete__container input,
.table3-choice-autocomplete__container select {
  width: 100%;
  margin: 0 15px 0 0;
  flex: 1 1;
  font-size: 16px;
}

.table3-text-input__container--password input {
  padding: 0 25px 0 0;
}

.table3-boolean-input__pin {
  height: 15px;
  width: 15px;
  min-height: 15px;
  min-width: 15px;
  margin-right: 5px;
  border-radius: 50%;
}

.table3-boolean-input__container {
  flex: 1 1;
  gap: 5px;
}

.table3-range-dates-input__container,
.table3-date-input__container {
  padding-right: 25px;
}

.table3-range-dates-input .react-datepicker-wrapper,
.table3-date-input .react-datepicker-wrapper {
  width: 100%;
}

.table3-range-dates-input__container {
  flex-direction: column;
  align-items: unset;
}

.table3-range-dates-input__container .react-datepicker-wrapper:not(:first-child) {
  border-top: 1px solid #ebf0f0;
}

.table3-multi-choices-autocomplete {
  width: 100%;
}

.table3-multi-choices-autocomplete__container {
  flex-wrap: wrap;
  overflow: hidden;
  gap: 7px;
}

.table3-multi-choices-autocomplete__container input {
  padding: 0;
  display: inline-flex;
  width: unset;
  width: 0;
  min-width: 30px;
  flex-grow: 1;
  font-size: 13px;
  border-bottom: 1px solid #ebf0f0;
}

.table3-progress-bar {
  position: relative;
  padding: 10px;
  width: 100%;
}

.table3-progress-bar__background {
  background-color: #f5f5f5;
  height: 26px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.table3-progress-bar__background-value {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.table3-progress-bar__value {
  font-size: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.table3-pin-value {
  display: flex;
  align-items: center;
  max-width: 100%;
  width: 100%;
  gap: 5px;
}

.table3-pin-value__pin-color {
  height: 15px;
  width: 15px;
  min-height: 15px;
  min-width: 15px;
  border-radius: 50%;
}

.table3-pin-value__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1;
}

.table3-pin-value__label--normal-white-space {
  white-space: normal;
}

.table3-pin-value__label--2-line {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.table3-pin-value__logo {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.table3-pin-value__logo svg {
  width: 100%;
}

.table3-tag {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 10px;
  max-width: 100%;
  cursor: pointer;
}

.table3-tag--disabled {
  opacity: 0.6;
}

.table3-tag__label {
  flex: 1 1;
  font-size: 14px;
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table3-tag__label--2-line {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.table3-tag__label--normal-white-space {
  white-space: normal;
}

.table3-multi-choices-autocomplete__container .table3-tag__label {
  white-space: nowrap;
}

.table3-tag__count {
  flex: unset;
}

.table3-tag__logo {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.table3-tag__logo svg {
  width: 100%;
}

.table3-value-displayer {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.06);
  width: 100%;
  min-height: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.table3-value-displayer > *:not(.table3-edit-icon) {
  width: 100%;
  min-height: 62px;
}

.table3-value-displayer--editing {
  background-color: transparent;
  box-shadow: unset;
}

.table3-edit-icon {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 2px;
  bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table3-edit-icon svg {
  width: 100%;
  fill: #8dabb3;
}

.table3-actions-container {
  position: fixed;
  bottom: 7%;
  left: calc((100vw + var(--sidebar-w, 0px)) / 2);
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 6;
  background-color: white;
  border: 1px solid #ebf0f0;
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
  height: 62px;
  border-radius: 10px;
  padding: 10px 0;
}

.table3-actions-container__selected-rows-actions,
.table3-actions-container__standalones-actions {
  padding: 0 10px;
  display: flex;
  gap: 10px;
  height: 100%;
}

.table3-actions-container__selected-rows-actions {
  border-right: 1px solid rgb(235, 240, 240);
}

.table3-actions-container__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.table3-action {
  border-radius: 10px;
  padding: 0 10px;
  cursor: pointer;
}

.table3-action:not(.table3-action table3-action--disabled):hover {
  background-color: #fafafa;
}

.table3-action__label {
  font-size: 15px;
}

.table3-action__logo {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table3-action__logo svg {
  width: 100%;
}

.table3-action--disabled {
  opacity: 0.5;
  cursor: unset;
}

.table3-checkbox,
.table3-radio {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin: 0 !important;
}

.table3-checkbox__input,
.table3-radio__input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0 !important;
  width: 0;
}

.table3-checkbox__checkmark,
.table3-checkbox__radiomark,
.table3-radio__checkmark,
.table3-radio__radiomark {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
  background-color: #eee;
  transform: translate(-50%, -50%);
}

.table3-radio--checked .table3-checkbox__checkmark,
.table3-checkbox--checked .table3-checkbox__checkmark,
.table3-radio--checked .table3-checkbox__radiomark,
.table3-checkbox--checked .table3-checkbox__radiomark,
.table3-radio--checked .table3-radio__checkmark,
.table3-checkbox--checked .table3-radio__checkmark,
.table3-radio--checked .table3-radio__radiomark,
.table3-checkbox--checked .table3-radio__radiomark {
  background-color: #f3a056 !important;
}

.table3-radio--checked .table3-checkbox__checkmark:after,
.table3-checkbox--checked .table3-checkbox__checkmark:after,
.table3-radio--checked .table3-checkbox__radiomark:after,
.table3-checkbox--checked .table3-checkbox__radiomark:after,
.table3-radio--checked .table3-radio__checkmark:after,
.table3-checkbox--checked .table3-radio__checkmark:after,
.table3-radio--checked .table3-radio__radiomark:after,
.table3-checkbox--checked .table3-radio__radiomark:after {
  display: block;
}

.table3-radio {
  width: 18px;
  min-width: 18px;
  height: 18px;
}

.table3-radio__radiomark {
  border-radius: 50%;
}

.table3-radio__radiomark:after {
  content: "";
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-sizing: content-box;
  transform: translate(-50%, -50%);
  background-color: white;
}

.table3-checkbox {
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.table3-checkbox__checkmark {
  border-radius: 5px;
}

.table3-checkbox__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  box-sizing: content-box;
}

.table3-control {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 10px 20px;
  border-bottom: 1px solid #ebf0f0;
}

.table3-group-by {
  display: flex;
  gap: 10px;
}

.table3-group-by__item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.table3-group-by__item label {
  font-size: 14px;
  margin: 0;
}

.table3-group-by__item select {
  height: 32px;
  border-radius: 10px;
  padding: 0 10px;
  width: 200px;
  border: unset;
  box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.6), rgba(99, 99, 99, 0.2) 0px 3px 8px -2px;
}

.table3-filters {
  display: flex;
  gap: 10px;
}

.table3-filters__item {
  position: relative;
}

.table3-search-input {
  position: relative;
}

.table3-search-input input {
  height: 32px;
  border-radius: 10px;
  padding: 0 10px 0 32px;
  width: 200px;
  border: unset;
  box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.6), rgba(99, 99, 99, 0.2) 0px 3px 8px -2px;
  transition: transform 0.3s, box-shadow 0.3s, width 0.4s;
}

.table3-search-input input:-moz-placeholder-shown:hover:not(:focus) {
  transform: translateY(-2px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.06), 0px 0px 3px -1px rgba(0, 0, 0, 0.6), rgba(99, 99, 99, 0.2) 0px 3px 8px -2px;
  cursor: pointer;
}

.table3-search-input input:placeholder-shown:hover:not(:focus) {
  transform: translateY(-2px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.06), 0px 0px 3px -1px rgba(0, 0, 0, 0.6), rgba(99, 99, 99, 0.2) 0px 3px 8px -2px;
  cursor: pointer;
}

.table3-search-input input:-moz-placeholder-shown:not(:focus) {
  width: 32px;
  padding: 0 0 0 32px;
}

.table3-search-input input:placeholder-shown:not(:focus) {
  width: 32px;
  padding: 0 0 0 32px;
}

.table3-search-input input:focus {
  width: 200px;
}

.table3-search-input input:-moz-placeholder-shown:hover:not(:focus) ~ .table3-search-input__logo {
  transform: translateY(-2px);
}

.table3-search-input input:placeholder-shown:hover:not(:focus) ~ .table3-search-input__logo {
  transform: translateY(-2px);
}

.table3-search-input__logo {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 8px;
  top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: transform 0.3s;
}

.table3-search-input__logo svg {
  width: 100%;
}

input:-moz-placeholder-shown:hover:not(:focus) ~ .table3-search-input__logo {
  transform: translateY(-2px);
}

input:placeholder-shown:hover:not(:focus) ~ .table3-search-input__logo {
  transform: translateY(-2px);
}

.table3-active-filters {
  padding: 0 20px;
}

.table3-active-filters__container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 20px;
}

.table3-active-filters__item {
  position: relative;
}

.table3-active-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.6), rgba(99, 99, 99, 0.2) 0px 3px 8px -2px;
  height: 32px;
  padding: 0 10px;
  border-radius: 10px;
  font-size: 12px;
  cursor: pointer;
  max-width: 500px;
}

.table3-active-filter--editing {
  transform: translateY(-2px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.06), 0px 0px 3px -1px rgba(0, 0, 0, 0.6), rgba(99, 99, 99, 0.2) 0px 3px 8px -2px;
}

.table3-active-filter__value {
  border: 1px solid #eee;
  padding: 3px 5px;
  background-color: #fafafa;
  border-radius: 10px;
  font-weight: 600;
}

.table3-active-filter__value--no-border {
  border: 0;
  background-color: unset;
  padding: 0;
}

.table3-active-filter__value .table3-tag__label {
  font-weight: 400;
  font-size: 12px;
}

.table3-active-filter__value .table3-pin-value__label {
  font-weight: 400;
  font-size: 12px;
}

.table3-active-filter__strong-word {
  font-weight: 600;
}

.table3-active-filter__logo {
  cursor: pointer;
  width: 12px;
  min-width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table3-active-filter__logo svg {
  width: 100%;
}

.table3-filter-panel {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: 7;
  min-width: 300px;
  max-width: 400px;
  font-size: 14px;
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}

.table3-filter-panel__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  gap: 10px;
  background-color: white;
  border-radius: 10px;
  position: relative;
}

.table3-filter-panel__items--new-filter {
  max-height: 400px;
  overflow: auto;
}

.table3-filter-panel__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
}

.table3-filter-panel__item--hover {
  border-radius: 10px;
  padding: 5px;
  cursor: pointer;
}

.table3-filter-panel__item--hover:hover {
  background-color: #fafafa;
}

.table3-filter-panel__items--new-filter .table3-filter-panel__item-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table3-filter-panel__bttns {
  padding-top: 10px;
  border-top: 1px solid #ebf0f0;
  margin-top: 10px;
}

.table3-bttn {
  height: 32px;
  padding: 5px 10px;
  display: flex;
  gap: 8px;
  align-items: center;
  background-color: white;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.6), rgba(99, 99, 99, 0.2) 0px 3px 8px -2px;
}

.table3-bttn p {
  font-size: 14px;
}

.table3-bttn span {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table3-bttn span svg {
  width: 100%;
}

.table3-bttn--primary {
  background-color: #f3a056;
}

.table3-bttn--primary p {
  color: white;
}

.table3-bttn--primary span svg {
  fill: white;
}

.table3-hover-elem {
  transition: transform 0.3s, box-shadow 0.3s;
}

.table3-hover-elem:hover {
  transform: translateY(-2px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.06), 0px 0px 3px -1px rgba(0, 0, 0, 0.6), rgba(99, 99, 99, 0.2) 0px 3px 8px -2px;
}

.table3-hover-elem:active {
  transform: translateY(0.5px);
}

.table3-sidecontent {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}

.table3-sidecontent__form {
  flex: 1 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 20px 10px;
}

.table3-sidecontent__bttns {
  display: flex;
  width: 100%;
  padding: 10px 20px 20px;
  gap: 10px;
}

.table3-sidecontent__bttns > * {
  display: flex;
  flex: 1 1;
  justify-content: center;
  align-items: center;
}

.table3-form-item {
  display: flex;
  flex-direction: column;
}

.table3-form-item__error {
  color: #ea5861;
  font-size: 14px;
}

.table3-dashboard__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.table3-dashboard__header h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.table3-dashboard__panels {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.table3-dashboard__panels-column {
  width: 50%;
}

@media (max-width: 768px) {
  .table3-dashboard__panels-column {
    flex: unset !important;
    width: 100%;
  }
}

.table3-dashboard-panel {
  min-width: 300px;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  .table3-dashboard-panel {
    width: 100%;
  }
}

.table3-dashboard-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
}

.table3-dashboard-panel__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.table3-dashboard-panel__actions {
  display: flex;
  gap: 5px;
}

.table3-dashboard-panel__content {
  min-height: 200px;
}

.table3-dashboard-key-figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}

.table3-dashboard-key-figure__value {
  font-size: 48px;
  font-weight: 700;
  color: #007bff;
}

.table3-dashboard-table table {
  width: 100%;
  border-collapse: collapse;
}

.table3-dashboard-table th,
.table3-dashboard-table td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  min-width: 100px;
}

.table3-dashboard-table th {
  background-color: #f8f9fa;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s;
}

.table3-dashboard-table th:hover {
  background-color: #e9ecef;
}

.table3-dashboard-table th span {
  margin-left: 5px;
  font-size: 0.9em;
  color: #f3a056;
}

.table3-dashboard-table td {
  color: #666;
}

.table3-dashboard-table--multi-metrics {
  position: relative;
}

.table3-dashboard-table--multi-metrics table {
  min-width: 100%;
}

.table3-dashboard-table__sticky-col {
  position: sticky;
  left: 0;
  background-color: var(--color-bg-primary, #fff);
  z-index: 10;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
}

.table3-dashboard-table__sticky-col::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);
}

.table3-dashboard-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.table3-dashboard-chart__doughnut-chart {
  width: 200px;
  height: 200px;
}

.table3-dashboard-chart__chart-legend {
  width: 100%;
}

.table3-dashboard-chart__legend-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
}

.table3-dashboard-chart__legend-color {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  flex-shrink: 0;
}

.table3-dashboard-chart__legend-label {
  flex: 1;
  color: #333;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.table3-dashboard-chart__legend-value {
  color: #666;
  font-weight: 600;
  font-size: 14px;
}

.table3-dashboard-form-preview {
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 4px;
  margin-top: 20px;
}

.table3-dashboard-form-preview p {
  margin: 0;
  color: #666;
  font-size: 14px;
  font-style: italic;
}

.table3-modals-container {
  position: fixed;
  bottom: 15%;
  left: calc((100vw + var(--sidebar-w, 0px)) / 2);
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 5;
  max-width: 600px;
  width: 600px;
}

.table3-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: white;
  border: 1px solid #ebf0f0;
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  padding: 10px;
  gap: 10px;
}

.table3-modal__title {
  font-weight: bold;
}

.table3-modal__text {
  text-align: center;
}

.table3-modal__bttns {
  display: flex;
}

.table3-modal__bttn-container {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}

.table3-modal__bttn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: white;
  gap: 10px;
  padding: 5px 10px;
  border-radius: 10px;
  cursor: pointer;
}

.table3-modal__bttn span {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table3-modal__bttn span svg {
  width: 100%;
}

.table3-modal__bttn p {
  font-size: 14px;
}

.table3-modal__bttn--validate span svg {
  fill: #66c934;
}

.table3-modal__bttn--validate p {
  color: #66c934;
}

.table3-modal__bttn--validate:hover {
  background-color: #66c934;
}

.table3-modal__bttn--validate:hover span svg {
  fill: white;
}

.table3-modal__bttn--validate:hover p {
  color: white;
}

.table3-modal__bttn--cancel span svg {
  fill: #ea5861;
}

.table3-modal__bttn--cancel p {
  color: #ea5861;
}

.table3-modal__bttn--cancel:hover {
  background-color: #ea5861;
}

.table3-modal__bttn--cancel:hover span svg {
  fill: white;
}

.table3-modal__bttn--cancel:hover p {
  color: white;
}

.dashboard-switch {
  position: relative;
  display: inline-block;
  width: 32px;
  min-width: 32px;
  height: 18px;
  cursor: pointer;
  margin: 0 !important;
}

.dashboard-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.dashboard-switch__slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.2s;
  border-radius: 18px;
}

.dashboard-switch__slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.2s;
  border-radius: 50%;
}

input:checked + .dashboard-switch__slider {
  background-color: #f3a056;
}

input:checked + .dashboard-switch__slider:before {
  transform: translateX(14px);
}

input:disabled + .dashboard-switch__slider {
  opacity: 0.5;
  cursor: not-allowed;
}

.table3-columns-manager {
  position: fixed;
  background: white;
  border-radius: 10px;
  box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.6), rgba(99, 99, 99, 0.2) 0px 8px 20px -2px;
  padding: 15px;
  min-width: 600px;
  max-width: 1000px;
  z-index: 1000;
}

.table3-columns-manager__header {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebf0f0;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.table3-columns-manager__header h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.table3-columns-manager__search {
  height: 30px !important;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  outline: none;
  transition: all 0.2s ease;
  min-width: 150px;
}

.table3-columns-manager__search::-moz-placeholder {
  color: #999;
}

.table3-columns-manager__search::placeholder {
  color: #999;
}

.table3-columns-manager__search:focus {
  border-color: #4a90e2;
  box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);
}

.table3-columns-manager__content {
  display: flex;
  gap: 15px;
}

.table3-columns-manager__zone {
  flex: 1;
  min-width: 0;
}

.table3-columns-manager__zone-header {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}

.table3-columns-manager__zone-header h5 {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.table3-columns-manager__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 320px;
  overflow-y: auto;
  min-height: 100px;
  padding: 8px;
  border-radius: 8px;
  background: #f9f9f9;
  border: 2px dashed transparent;
  transition: all 0.2s ease;
}

.table3-columns-manager__list--dragging-over {
  background: #e8f4fd;
  border-color: #4a90e2;
}

.table3-columns-manager__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background: #fafafa;
  border-radius: 8px;
  border: 1px solid #eee;
  transition: all 0.2s ease;
  cursor: grab;
}

.table3-columns-manager__item:hover:not(.table3-columns-manager__item--locked) {
  background: #f0f0f0;
}

.table3-columns-manager__item:active:not(.table3-columns-manager__item--locked) {
  cursor: grabbing;
}

.table3-columns-manager__item--dragging {
  opacity: 0.5;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  cursor: grabbing;
}

.table3-columns-manager__item--locked {
  cursor: default;
  opacity: 0.6;
}

.table3-columns-manager__item--filtered {
  opacity: 0.3;
}

.table3-columns-manager__drag-handle {
  width: 16px;
  min-width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.table3-columns-manager__drag-handle svg {
  width: 100%;
  height: 100%;
  fill: #999;
}

.table3-columns-manager__label {
  flex: 1;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table3-columns-manager__visibility-toggle {
  width: 28px;
  min-width: 28px;
  height: 28px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  border-radius: 6px;
  padding: 4px;
  transition: all 0.2s ease;
  position: relative;
}

.table3-columns-manager__visibility-toggle:hover:not(:disabled) {
  background: #e0e0e0;
}

.table3-columns-manager__visibility-toggle:hover:not(:disabled) .table3-columns-manager__visibility-icon--default {
  opacity: 0;
}

.table3-columns-manager__visibility-toggle:hover:not(:disabled) .table3-columns-manager__visibility-icon--hover {
  opacity: 1;
}

.table3-columns-manager__visibility-toggle:active:not(:disabled) {
  transform: scale(0.95);
}

.table3-columns-manager__visibility-toggle:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.table3-columns-manager__visibility-toggle svg {
  width: 100%;
  height: 100%;
  fill: #666;
}

.table3-columns-manager__visibility-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.2s ease;
}

.table3-columns-manager__visibility-icon--default {
  opacity: 1;
}

.table3-columns-manager__visibility-icon--hover {
  opacity: 0;
}

.svg-bttn {
  cursor: pointer;
}

.svg-bttn--disabled {
  cursor: unset;
}

.svg-bttn--disabled svg {
  fill: #bcd2d9 !important;
}

.svg-bttn:hover {
  fill: #8dabb3;
}

.svg-bttn--white:hover svg {
  fill: white;
}

.svg-bttn--primary:hover svg {
  fill: #f3a056;
}

.svg-bttn--secondary:hover svg {
  fill: #8dabb3;
}

.svg-bttn--warning:hover svg {
  fill: #ea5861;
}

.svg-bttn--success:hover svg {
  fill: #66c934;
}

.svg-icon--white svg {
  fill: white;
}

.svg-icon--primary svg {
  fill: #f3a056;
}

.svg-icon--secondary svg {
  fill: #8dabb3;
}

.svg-icon--warning svg {
  fill: #ea5861;
}

.svg-icon--success svg {
  fill: #66c934;
}

.svg-bttn,
.svg-icon {
  width: 20px;
  max-height: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.svg-bttn svg,
.svg-icon svg {
  width: 100%;
  max-height: 100%;
  transition: unset;
}

.svg-bttn svg *,
.svg-icon svg * {
  transition: unset;
}

.svg-bttn--big,
.svg-icon--big {
  width: 30px;
  max-height: 30px;
  height: 30px;
}

.svg-bttn--medium,
.svg-icon--medium {
  width: 25px;
  max-height: 25px;
  height: 25px;
}

.svg-bttn--small,
.svg-icon--small {
  width: 15px;
  max-height: 15px;
  height: 15px;
}

.svg-bttn--tiny,
.svg-icon--tiny {
  width: 10px;
  max-height: 10px;
  height: 10px;
}

.svg-bttn--default-grey svg,
.svg-icon--default-grey svg {
  fill: #8dabb3;
}

.svg-bttn--default-orange svg,
.svg-icon--default-orange svg {
  fill: #f3a056;
}

.svg-bttn--default-white svg,
.svg-icon--default-white svg {
  fill: white;
}

.side-container {
  width: 100%;
  height: 100%;
  border: 4px solid white;
  background-color: #ddecf1;
  border-radius: 5px;
  box-shadow: -18px 0px 20px -16px rgba(0, 0, 0, 0.75);
  transition: all 0.4s;
  display: flex;
  flex-direction: column;
}

.side-container__container--overflow {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.side-container__content {
  padding: 20px;
}

.side-container--no-resize {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  width: 400px;
}

.side-container__state-bttn {
  position: absolute;
  top: 50%;
  left: -30px;
  transform: rotate(-90deg) translateX(calc(-50% + 100px));
  transform-origin: top left;
}

.side-container--closed {
  transform: translateX(100%);
}

.side-container--no-shadow {
  box-shadow: unset;
}

.react-draggable {
  transform: unset !important;
  left: unset !important;
  right: 0 !important;
}

.sidebar-overflow-container {
  overflow: auto;
  direction: rtl;
  padding-left: 10px;
}

.sidebar-overflow-container .sidebar {
  direction: ltr;
}

.sidebar {
  display: flex;
  flex-direction: column;
}

.sidebar--left {
  border-right: 1px solid #bcd2d9;
}

.sidebar--right {
  border-left: 1px solid #bcd2d9;
}

.sidebar__items {
  display: flex;
  flex-direction: column;
}

.sidebar--left .sidebar__items--border-primary {
  border-left: 2px solid #f3a056;
}

.sidebar--right .sidebar__items--border-primary {
  border-right: 2px solid #f3a056;
}

.sidebar--left .sidebar__items--border-secondary {
  border-left: 2px solid #8dabb3;
}

.sidebar--right .sidebar__items--border-secondary {
  border-right: 2px solid #8dabb3;
}

.sidebar--left .sidebar__items--border-warning {
  border-left: 2px solid #ea5861;
}

.sidebar--right .sidebar__items--border-warning {
  border-right: 2px solid #ea5861;
}

.sidebar--left .sidebar__items--border-success {
  border-left: 2px solid #66c934;
}

.sidebar--right .sidebar__items--border-success {
  border-right: 2px solid #66c934;
}

.sidebar__item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.sidebar__item--is-dragging {
  background-color: rgba(0, 0, 0, 0.1);
}

.sidebar__item--dragover-top {
  background-color: rgba(0, 0, 0, 0.1);
  border-top: 2px solid #8dabb3;
}

.sidebar__item--dragover-bottom {
  background-color: rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #8dabb3;
}

.sidebar__item__content {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 11.5px 13px;
  position: relative;
  width: 100%;
  height: 100%;
}

[class*=sidebar__items--border-] .sidebar__item__content:before {
  content: "";
  background-clip: padding-box;
  border: 3px solid transparent;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sidebar--left [class*=sidebar__items--border-] .sidebar__item__content:before {
  left: -7px;
}

.sidebar--right [class*=sidebar__items--border-] .sidebar__item__content:before {
  right: -7px;
}

.sidebar__items--border-primary .sidebar__item__content:before {
  background-color: #f3a056;
}

.sidebar__items--border-secondary .sidebar__item__content:before {
  background-color: #8dabb3;
}

.sidebar__items--border-warning .sidebar__item__content:before {
  background-color: #ea5861;
}

.sidebar__items--border-success .sidebar__item__content:before {
  background-color: #66c934;
}

.sidebar__item__content--error {
  background-color: #f0ddde;
}

.sidebar__item__content--error:before {
  background-color: #ea5861 !important;
}

.sidebar__item p {
  color: #8dabb3;
  cursor: pointer;
  font-size: 13px;
  flex: 1 1;
  order: 1;
}

.sidebar--right .sidebar__item p {
  text-align: right;
  order: 2;
}

.sidebar__item--no-space-between p {
  order: 2;
}

.sidebar--right .sidebar__item--no-space-between p {
  order: 1;
  text-align: right;
}

.sidebar__item__actions {
  position: absolute;
  display: none;
  align-items: center;
  flex-direction: row;
  padding: 11.5px 13px;
  z-index: 2;
}

.sidebar--left .sidebar__item__actions {
  left: 100%;
}

.sidebar--left .sidebar__item__actions__action:not(:first-child) {
  margin-left: 5px;
}

.sidebar--right .sidebar__item__actions {
  right: 100%;
}

.sidebar--right .sidebar__item__actions__action:not(:last-child) {
  margin-right: 5px;
}

.sidebar__item__action {
  cursor: pointer;
  height: 15px;
  width: 15px;
}

.sidebar__item__action svg {
  height: 100%;
  fill: #8dabb3;
  width: 100%;
}

.sidebar__item.active p {
  color: black;
}

.sidebar__item.active .sidebar__sub-items {
  display: flex;
  flex-direction: column;
}

.sidebar__item.active .sidebar__sub-items__item p {
  color: #8dabb3;
  font-weight: 400;
}

.sidebar__item.active .sidebar__sub-items__item p:hover {
  color: black;
}

.sidebar__item.active .sidebar__item__content {
  background-color: rgb(250, 230, 210);
}

.sidebar__item.active .sidebar__item__content:before {
  background-color: white !important;
}

.sidebar__items--border-primary .sidebar__item.active .sidebar__item__content:before {
  border: 3px solid #f3a056;
}

.sidebar__items--border-secondary .sidebar__item.active .sidebar__item__content:before {
  border: 3px solid #8dabb3;
}

.sidebar__items--border-warning .sidebar__item.active .sidebar__item__content:before {
  border: 3px solid #ea5861;
}

.sidebar__items--border-success .sidebar__item.active .sidebar__item__content:before {
  border: 3px solid #66c934;
}

.sidebar__item.active .sidebar__item__content--error:before {
  border: 3px solid #ea5861 !important;
}

.sidebar__item--disabled:not(.active) p {
  color: #bcd2d9;
}

.sidebar__item--disabled:not(.active):hover p {
  color: #bcd2d9;
  font-weight: 400;
}

.sidebar__item:hover p {
  color: black;
}

.sidebar__item:hover .sidebar__item__actions {
  display: flex;
}

.sidebar__item__img {
  height: 15px;
  width: 15px;
  order: 2;
  color: #8dabb3;
}

.sidebar__item__img svg {
  height: 100%;
  fill: #8dabb3;
  width: 100%;
}

.sidebar--right .sidebar__item__img {
  margin: 0 10px 0 0;
  order: 1;
}

.sidebar--left .sidebar__item__img {
  margin: 0 0 0 10px;
}

.sidebar__item--no-space-between .sidebar__item__img {
  order: 1;
  margin: 0 10px 0 0;
}

.sidebar--right .sidebar__item--no-space-between .sidebar__item__img {
  order: 2;
  margin: 0 0 0 10px;
}

.sidebar__item--no-space-between:not([class*=sidebar__items--border-]) .sidebar__item__img {
  margin: 0 8px 0 -21px;
}

.sidebar--right .sidebar__item--no-space-between:not([class*=sidebar__items--border-]) .sidebar__item__img {
  margin: 0 -21px 0 8px;
}

.sidebar__item__count {
  font-size: 11px;
  color: white;
  background-color: #8dabb3;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  order: 2;
  margin: 0 0 0 10px;
}

.sidebar--right .sidebar__item__count {
  margin: 0 10px 0 0;
  order: 1;
}

.sidebar__sub-items {
  display: none;
  padding-left: 20px;
}

.sidebar__sub-item {
  padding: 10px;
}

.sidebar__sub-item.active p {
  color: black;
}

.modal {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 12px -5px rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.modal__close-bttn {
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 3;
}

.modal__close-bttn button {
  border-radius: 50% !important;
  padding: 0 !important;
  width: 45px !important;
}

.modal__surcontent {
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
}

.modal__surcontent .modal__content {
  width: 100%;
  height: 100%;
}

.modal__content {
  position: relative;
  background-color: #ddecf1;
  overflow-y: auto;
  z-index: 2;
  border-radius: 5px;
  border: 3px solid #fff;
}

.modal__spinner-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  z-index: 1;
}

.modal__spinner {
  height: 50px;
  width: 50px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.avatar__container {
  background-color: white;
  padding: 0 25px 25px 25px;
  margin-bottom: 35px;
}

.avatar__container--classic {
  background-color: transparent;
  margin-bottom: 0;
}

.avatar__navigation-bttn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar__navigation-bttn--prev {
  margin-right: 50px;
}

.avatar__navigation-bttn--next {
  margin-left: 50px;
}

.avatar__navigation-bttn__item {
  width: 5px;
  height: 5px;
  border: 2px solid #bcd2d9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar__navigation-bttn--open .avatar__navigation-bttn__item {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.avatar__navigation-bttn__item svg {
  width: 60%;
  fill: #bcd2d9;
}

.avatar__face {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 5px solid white;
  background-color: #ddecf1;
  position: relative;
  margin-top: 5px;
}

.avatar__face--white-bg {
  border: 0;
  background-color: white;
}

.avatar__face__spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 15px);
  height: calc(100% + 15px);
}

.avatar__face__spinner:after {
  content: "";
  width: 100%;
  height: 100%;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.avatar__face__spinner--display {
  display: inline-block;
}

.avatar__face__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}

.avatar__face__img img,
.avatar__face__img svg {
  width: 100%;
}

.avatar__face__subarrow {
  height: 10px;
  margin-bottom: 15px;
}

.avatar__face__subarrow svg {
  height: 100%;
}

.avatar__face--small {
  width: 85px;
  height: 85px;
}

.avatar__face--tiny {
  width: 55px;
  height: 55px;
  border-width: 3px;
}

.avatar__face--large {
  width: 170px;
  height: 170px;
}

.avatar__conversation {
  text-align: center;
}

.avatar__conversation h1 {
  font-size: 28px;
  font-weight: 500;
}

.avatar__conversation h2 {
  font-size: 24px;
}

.avatar__conversation p {
  font-size: 18px;
  font-family: "Zilla Slab", sans-serif;
}

.avatar__conversation p:not(:last-child) {
  margin-bottom: 8px;
}

.avatar__conversation__action {
  height: 20px;
  width: 20px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px;
  cursor: pointer;
}

.avatar__conversation__action svg {
  width: 100%;
  height: 100%;
  transition: fill 0.35s;
}

.avatar__conversation__action:hover svg {
  fill: #f3a056;
}

.avatar__conversation--small h1 {
  font-size: 22px;
}

.avatar__conversation--small h2 {
  font-size: 18px;
}

.avatar__conversation--large h1 {
  font-size: 34px;
}

.avatar__conversation--large h2 {
  font-size: 30px;
}

.avatar__conversation__steps-count {
  color: #8dabb3;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.avatar__conversation__error-message {
  color: #ea5861;
}

.avatar2 {
  background-color: white;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.avatar2__container {
  padding: 30px 4%;
  display: flex;
}

.avatar2__container--classic {
  background-color: #ddecf1;
}

@media screen and (max-width: 991px) {
  .avatar2__container {
    flex-direction: column;
    align-items: center;
    padding: 10px 4%;
    align-items: center;
  }
}

.avatar2__tabs {
  display: flex;
  align-items: flex-end;
  margin-top: -15px;
  padding-left: 4%;
}

@media screen and (max-width: 767px) {
  .avatar2__tabs {
    margin-top: 0;
  }
}

@media screen and (max-width: 991px) {
  .avatar2__tabs {
    justify-content: center;
  }
}

@media screen and (max-width: 991px) {
  .avatar2__face-container {
    order: 2;
  }
}

.avatar2__face {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 5px solid white;
  background-color: #ddecf1;
  position: relative;
}

.avatar2__face--white-bg {
  border: 0;
  background-color: white;
}

.avatar2__face__spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 15px);
  height: calc(100% + 15px);
}

.avatar2__face__spinner:after {
  content: "";
  width: 100%;
  height: 100%;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.avatar2__face__spinner--display {
  display: inline-block;
}

.avatar2__face__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}

.avatar2__face__img img,
.avatar2__face__img svg {
  width: 100%;
}

.avatar2__face__subarrow {
  height: 10px;
  margin-bottom: 15px;
}

.avatar2__face__subarrow svg {
  height: 100%;
}

.avatar2__face--small {
  width: 85px;
  height: 85px;
}

.avatar2__face--tiny {
  width: 55px;
  height: 55px;
  border-width: 3px;
}

.avatar2__face--large {
  width: 170px;
  height: 170px;
}

.avatar2__conversation {
  display: flex;
  flex-direction: column;
  padding-left: 4%;
  justify-content: center;
  flex: 1 1;
}

@media screen and (max-width: 991px) {
  .avatar2__conversation {
    order: 3;
    padding-left: unset;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 40px;
  }
}

.avatar2__conversation h1 {
  font-size: 34px;
}

.avatar2__conversation h2 {
  font-size: 26px;
}

.avatar2__conversation p {
  font-size: 16px;
  font-family: "DM Sans", sans-serif;
}

.avatar2__conversation p:not(:last-child) {
  margin-bottom: 8px;
}

.avatar2__conversation p.avatar__context {
  color: #808292;
}

.avatar2__conversation__action {
  height: 20px;
  width: 20px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px;
  cursor: pointer;
}

.avatar2__conversation__action svg {
  width: 100%;
  height: 100%;
  transition: fill 0.35s;
}

.avatar2__conversation__action:hover svg {
  fill: #f3a056;
}

.avatar2__conversation--small h1 {
  font-size: 22px;
}

.avatar2__conversation--small h2 {
  font-size: 18px;
}

.avatar2__conversation--large h1 {
  font-size: 34px;
}

.avatar2__conversation--large h2 {
  font-size: 30px;
}

.avatar2__conversation__steps-count {
  color: #8dabb3;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.avatar2__conversation__error-message {
  color: #ea5861;
}

.avatar2__company-logo {
  height: 60px;
  position: relative;
  top: -20px;
}

.avatar2__company-logo img {
  height: 100%;
}

@media screen and (max-width: 991px) {
  .avatar2__company-logo {
    order: 1;
    top: unset;
  }
}

.avatar2-tab {
  display: flex;
  cursor: pointer;
  color: "#54576f";
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border-bottom: 2px solid transparent;
  padding: 0 4px;
}

.avatar2-tab--active {
  color: #f3a056;
  border-bottom: 2px solid #f3a056;
}

.avatar2-tab:hover {
  color: #f3a056;
}

.avatar2-tab:not(:last-child) {
  margin-right: 34px;
}

.avatar2-tab__logo {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}

.avatar2-tab__logo img {
  width: 100%;
}

.avatar2-tab__logo svg {
  width: 100%;
  fill: #f3a056;
}

.avatar2-tab__count {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background-color: orange;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 10px;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.sentence {
  font-size: 24px;
  max-width: 800px;
}

.sentence__temp-label {
  position: absolute;
  top: -1000px;
  opacity: 0;
  font-size: 18px;
  padding: 0 5px;
}

.sentence__section {
  font-size: 24px;
  line-height: 40px;
  margin: 0 0 15px 0;
  position: relative;
}

.sentence__section:first-letter {
  text-transform: capitalize;
}

.sentence__section__add-bttn {
  margin-bottom: 10px;
}

.sentence__section__add-bttn svg {
  margin-left: 5px;
}

.sentence__section__delete-bttn {
  position: absolute;
  left: -25px;
  top: 17px;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  display: inline-flex;
}

.sentence__section__delete-bttn svg {
  width: 100%;
  height: 100%;
}

.sentence__input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.sentence__select,
.sentence__input {
  font-size: 18px;
  height: unset;
  width: unset;
  color: #f3a056;
  padding: 0 5px;
  margin: 0 5px 0 0;
  cursor: pointer;
  background-color: rgb(250, 230, 210);
  border: 2px solid #f3a056;
}

.sentence__select:focus,
.sentence__input:focus {
  background-color: #bcd2d9;
  border: 2px solid #8dabb3;
  color: #8dabb3;
}

.sentence__select--small,
.sentence__input--small {
  font-size: 14px;
}

.sentence__select:disabled,
.sentence__input:disabled {
  background-color: #8dabb3 !important;
  border-color: #8dabb3 !important;
  color: white !important;
  opacity: 1;
}

.sentence__select:disabled {
  cursor: none;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sentence__input::-webkit-outer-spin-button,
.sentence__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.sentence__input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.sentence__input::-moz-placeholder {
  color: #f3a056;
}

.sentence__input::placeholder {
  color: #f3a056;
}

.sentence__input:focus::-moz-placeholder {
  color: #8dabb3;
}

.sentence__input:focus::placeholder {
  color: #8dabb3;
}

.sentence-toDisplay {
  font-size: 18px;
}

.sentence-toDisplay:first-letter {
  text-transform: capitalize;
}

.switch {
  display: inline-block;
  width: 64px;
  height: 30px;
  cursor: pointer;
  border-radius: 34px;
  background-color: white;
  transition: 0.4s;
  position: relative;
}

.switch--disabled {
  opacity: 0.6;
  cursor: unset;
}

.panel .switch:not(.keep-basic-bg) {
  background-color: #ddecf1;
}

.switch:before {
  position: absolute;
  height: 19px;
  content: "";
  height: 19px;
  width: 19px;
  left: 6px;
  bottom: 6px;
  background-color: #ea5861;
  transition: 0.4s;
  border-radius: 50%;
  z-index: 1;
}

.switch--on:before {
  background-color: #66c934;
  left: calc(100% - 25px);
}

.switch__input {
  display: none;
}

.switch__choices {
  font-size: 11px;
  position: absolute;
  top: 9px;
  font-weight: 600;
  transition: opacity 0.4s;
}

.switch__choices--yes {
  left: 10px;
  opacity: 0;
}

.switch--on .switch__choices--yes {
  opacity: 1;
}

.switch__choices--no {
  right: 10px;
}

.switch--on .switch__choices--no {
  opacity: 0;
}

.accordion {
  display: flex;
  flex-direction: column;
}

.accordion__header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid #bcd2d9;
}

.accordion__header h6 {
  margin-bottom: 0px;
}

.accordion__content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

.turning-informations {
  position: relative;
  flex: 1 1;
  padding-top: 430px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .turning-informations {
    padding-top: 400px;
  }
}

@media screen and (max-width: 540px) {
  .turning-informations {
    padding-top: 250px;
  }
}

.turning-informations__main-circle,
.turning-informations__circle {
  width: 600px;
  height: 600px;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
}

.turning-informations__main-circle__item,
.turning-informations__circle__item {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: transform 0.6s, opacity 0.6s;
  transform-origin: center;
}

@media screen and (max-width: 768px) {
  .turning-informations__main-circle,
  .turning-informations__circle {
    width: 500px;
    height: 500px;
  }
}

@media screen and (max-width: 540px) {
  .turning-informations__main-circle,
  .turning-informations__circle {
    width: 300px;
    height: 300px;
  }
}

.turning-informations__main-circle__item {
  border-color: white;
}

.turning-informations__circle__item__title {
  font-family: "DM Sans", sans-serif;
  font-size: 28px;
  color: #f3a056;
  text-align: center;
  width: 70%;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 34px;
  transition: opacity 0.35s;
  transform-origin: center;
}

@media screen and (max-width: 768px) {
  .turning-informations__circle__item__title {
    font-size: 22px;
  }
}

@media screen and (max-width: 540px) {
  .turning-informations__circle__item__title {
    font-size: 20px;
    width: 80vw;
  }
}

.turning-informations__circle__item__index {
  font-size: 18px;
  font-weight: bold;
  color: #f3a056;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 540px) {
  .turning-informations__circle__item__index {
    font-size: 16px;
  }
}

.turning-informations__circle__item:before {
  content: "";
  background-color: #8dabb3;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.turning-informations__scroll {
  position: absolute;
  left: 50%;
  bottom: 75px;
  transform: translateX(-50%);
}

.turning-informations__scroll__bttn {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #bcd2d9;
  border: 2px solid #8dabb3;
  transition: transform 0.35s, background-color 0.35s;
  cursor: pointer;
}

.turning-informations__scroll__bttn__svg {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  display: flex;
}

.turning-informations__scroll__bttn__svg svg {
  width: 100%;
  transition: color 0.35s;
  fill: #8dabb3;
}

.turning-informations__scroll__bttn__svg--1 {
  left: 25%;
}

.turning-informations__scroll__bttn__svg--2 {
  left: 50%;
}

.turning-informations__scroll__bttn__svg--3 {
  left: 75%;
}

.turning-informations__scroll__bttn:hover {
  background-color: #8dabb3;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.turning-informations__scroll__bttn:hover .turning-informations__scroll__bttn__svg svg {
  fill: white;
}

.turning-informations__scroll__bttn:active {
  transform: translateY(-1px);
}

.turning-informations__scroll__label {
  color: #8dabb3;
  text-align: center;
  margin-top: 5px;
}

@media screen and (max-width: 540px) {
  .turning-informations__scroll {
    bottom: 25px;
  }

  .turning-informations__scroll__bttn {
    height: 45px;
    width: 45px;
  }

  .turning-informations__scroll__bttn__svg {
    width: 15px;
  }
}

.progress-bar {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.progress-bar__count {
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}

.progress-bar__outer {
  background-color: #ebedf0;
  width: 100%;
  height: 6px;
  border-radius: 10px;
  overflow: hidden;
}

.progress-bar__outer--large {
  height: 40px;
  border-radius: 5px;
}

.progress-bar__inner {
  height: 6px;
  border-radius: 10px;
}

.progress-bar__inner--green {
  background-color: #66c934;
}

.progress-bar__inner--orange {
  background-color: #f3a056;
}

.progress-bar__inner--red {
  background-color: #ea5861;
}

.progress-bar__outer--large .progress-bar__inner {
  height: 40px;
  border-radius: 5px;
}

.tag {
  padding: 5px;
  border-radius: 5px;
  background-color: white;
  color: #8dabb3;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.tag--clickable {
  cursor: pointer;
}

.tag--label-left {
  text-align: left;
  justify-content: flex-start;
}

.tag__label {
  display: inline-block;
}

.tag__img {
  display: inline-block;
  max-width: 16px;
  min-width: 16px;
  max-height: 16px;
  min-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
}

.tag__img svg {
  width: 100%;
}

.tag--small .tag__img {
  max-width: 12px;
  min-width: 12px;
  max-height: 12px;
  min-height: 12px;
}

.tag--primary {
  background-color: #f3a056;
  color: white;
}

.tag--primary .tag__img svg {
  fill: white;
}

.tag--warning {
  background-color: #ea5861;
  color: white;
}

.tag--warning .tag__img svg {
  fill: white;
}

.tag--success {
  background-color: #66c934;
  color: white;
}

.tag--success .tag__img svg {
  fill: white;
}

.tag--lo_primary {
  background-color: rgb(250, 230, 210);
  color: #f3a056;
}

.tag--lo_primary .tag__img svg {
  fill: #f3a056;
}

.tag--lo_secondary {
  background-color: #bcd2d9;
  color: #657b81;
}

.tag--lo_secondary .tag__img svg {
  fill: #657b81;
}

.tag--lo_success {
  background-color: #d7f1d1;
  color: #66c934;
}

.tag--lo_success .tag__img svg {
  fill: #66c934;
}

.tag--lo_warning {
  background-color: #f0ddde;
  color: #ea5861;
}

.tag--lo_warning .tag__img svg {
  fill: #ea5861;
}

.tag--small {
  font-size: 12px;
}

.list__group:not(:last-child) {
  margin-bottom: 30px;
}

.list__items > *:not(:last-child) {
  margin-bottom: 15px;
}

.codex-editor__redactor {
  padding-top: 15px;
  background-color: white;
}

.editor--readOnly .codex-editor__redactor {
  padding-bottom: 15px;
}

.ce-block__content {
  background-color: white;
  padding: 0 10px;
}

.ce-block--selected .ce-block__content {
  background-color: #f5f5f5;
}

.cdx-notifies {
  z-index: 10 !important;
}

.gjs-pn-panels {
  display: flex;
}

.gjs-pn-panel.gjs-pn-devices-c.gjs-one-bg.gjs-two-color {
  position: relative;
  flex: 1 1;
  display: flex;
}

.gjs-pn-panel.gjs-pn-options.gjs-one-bg.gjs-two-color {
  position: relative;
  right: unset;
}

.gjs-pn-panel.gjs-pn-views.gjs-one-bg.gjs-two-color {
  position: relative;
  right: unset;
  width: unset;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  /* S'adapte automatiquement à l'espace disponible */
  gap: 16px;
}

/* Mobile : colonnes plus petites */

@media (max-width: 600px) {
  .grid-container {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

.pivot-scroll-container {
  max-height: 80vh;
  /* ou une hauteur fixe */
  max-width: 100%;
  overflow: auto;
  /* scroll x/y */
  border-radius: 10px;
  background-color: #ecf4f7;
  padding: 10px;
}

table.pvtTable thead tr th,
table.pvtTable tbody tr th,
table.pvtTable tbody tr td {
  max-width: 180px;
  white-space: normal;
}

.pvtTable {
  border-collapse: separate;
  border-spacing: 0;
}

.pvtTable thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #ebf0f8;
}

.pvtTable tbody th.pvtRowLabel,
.pvtTable tbody th.pvtTotalLabel {
  position: sticky;
  left: -10px;
  z-index: 2;
  background: #ebf0f8;
}

.pvtAxisContainer,
.pvtVals {
  background-color: #ddecf1;
}

.pvtRenderers,
.pvtAxisContainer.pvtVertList,
.pvtVals:not(.pvtAxisContainer) {
  max-width: 150px;
  width: 150px;
}

.pvtDropdownValue.pvtDropdownCurrent {
  width: auto;
  min-width: 100px;
}

.pvtDropdownMenu {
  width: auto !important;
}

.pvtAttr {
  position: relative;
  display: inline-block;
  /* ou block */
  max-width: 220px;
  /* règle ta largeur */
  padding-right: 1.25em;
  /* espace pour la flèche */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  background-color: white;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pvtAttr .pvtTriangle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  /* optionnel: fond pour lisibilité si le texte passe dessous */
  background: #fff;
  padding-left: 4px;
}

/* Conteneur global */

.pvtUi {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  display: grid;
  gap: 12px;
}

/* Panneau de contrôles */

.pvtUi .pvtAxisContainer,
.pvtUi .pvtVals {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Boutons / select */

.pvtUi select,
.pvtUi input[type=checkbox] {
  border: 1px solid #e5e7eb;
  padding: 6px 8px;
}

/* Table */

.pvtTable {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
}

.pvtTable th,
.pvtTable td {
  border-bottom: 1px solid #f1f5f9;
  padding: 8px 10px;
  white-space: nowrap;
}

.pvtTable th {
  top: 0;
  background: #f8fafc;
  font-weight: 600;
}

/* Étiquettes lignes/colonnes */

.pvtRowLabel,
.pvtColLabel {
  color: #334155;
}

/* Cellule "Total" plus visible */

.pvtTotal,
.pvtTotalLabel {
  background: #f1f5f9;
  font-weight: 600;
}

/* Filtre modal */

.pvtFilterBox {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.pvtAxisContainer li span.pvtAttr {
  background: #f3f6fa;
  border: 1px solid #c8d4e3;
  padding: 2px 14px 2px 5px !important;
  border-radius: 5px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  padding-right: 10px;
}

.flyer-logos3 {
  text-align: center;
  margin: 0 0 30px;
}

.flyer-logo3 {
  height: 90px;
  display: inline-block;
}

.flyer-logo3 img {
  height: 100%;
  max-height: 100%;
}

.flyer-title3 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 32px;
}

.flyer-title3--1 {
  margin-bottom: 2px;
}

.flyer-title3--2 {
  padding: 7px 5px 0;
  background-color: #f3a056;
  color: white;
  display: inline;
  line-height: 0;
}

.flyer-title3 {
  /* &--2 {
       //padding: 7px 5px 0;
       display: block;
       overflow: hidden;
       height: 30px;

       > div {
           display: inline-block;
           background-color: #f3a056;
           color: white;
       }
   }*/
  /*@media screen and (max-width: 767px) {
      //text-align: center;
      font-size: 26px;
  }*/
}

.flyer-items3 {
  max-width: 475px;
  margin: 55px auto 0;
}

.flyer-item3 td {
  vertical-align: top;
}

.flyer-icon3 {
  height: 70px;
  min-height: 70px;
  display: block;
  margin-right: 45px;
  text-align: center;
}

.flyer-icon3 svg {
  margin: auto;
  height: 100%;
  max-width: 75px;
}

.flyer-icon3 {
  /*@media screen and (max-width: 767px) {
      width: 50px;
      min-width: 50px;
      height: 50px;
      min-height: 50px;
      margin-right: 20px;
  }*/
}

.flyer-nbr3 {
  display: block;
  margin-right: 20px;
  margin-bottom: 10px;
}

.flyer-nbr3__nbr {
  font-size: 40px;
  color: #f3a056;
  text-align: right;
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
}

.flyer-nbr3__separator {
  width: 100%;
  height: 3px;
  background-color: #f3a056;
  margin-bottom: 8px;
  margin-top: -4px;
}

.flyer-nbr3__dot {
  width: 100%;
}

.flyer-nbr3__dot span {
  text-align: right;
  display: block;
  font-size: 12px;
  line-height: 0.5;
}

.flyer-nbr3 {
  /*@media screen and (max-width: 767px) {
      &__nbr {
          font-size: 32px;
      }

      &__separator {
          height: 3px;
      }

      &__dot {
          min-height: 30px;
      }
  }*/
}

.flyer-txt3 {
  font-size: 20px;
  display: block;
  margin-top: 16px;
}

.flyer-txt3__title {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}

.flyer-txt3 {
  /*@media screen and (max-width: 767px) {
      font-size: 15px;
      margin-top: 10px;

      &__title {
          font-size: 16px;
      }
  }*/
}

.flyer-avatar {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 4px solid white;
  background-color: #ddecf1;
  position: absolute;
  right: 50px;
  bottom: 150px;
}

.flyer-avatar img {
  height: 100%;
  width: 100%;
}

.flyer-qrCode {
  position: absolute;
  left: 0px;
  bottom: 25px;
  height: 220px;
}

.flyer-qrCode__arrow {
  width: 80px;
  display: inline-block;
}

.flyer-qrCode__img {
  height: 220px;
  width: 220px;
  background-color: white;
  padding: 18px;
  display: inline-block;
}

.flyer-qrCode__img img {
  height: 100%;
  width: 100%;
}

.flyer-qrCode__txt {
  display: inline-block;
  margin-left: 15px;
  height: 80%;
  font-size: 18px;
  vertical-align: middle;
  font-weight: bold;
}

.flyer-bubble3 {
  width: 720px;
  height: 720px;
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 1s;
  borde: 0;
}

.flyer-bubble3__1 {
  left: -150px;
  bottom: -430px;
}

.flyer-bubble3__2 {
  left: 120px;
  bottom: -470px;
}

.flyer-dont_throw {
  font-size: 12px;
  position: absolute;
  bottom: 5px;
  right: 35px;
  vertical-align: middle;
  display: inline-block;
  font-weight: bold;
  width: 300px;
  text-align: right;
}

.flyer-vertical-txt {
  position: absolute;
  bottom: 0px;
  right: 5px;
  width: 18px;
}

.flyer-vertical-txt img {
  width: 100%;
}

.flyer-header {
  display: flex;
  flex-direction: row;
}

.flyer-title {
  font-family: "DM Sans", sans-serif;
}

.flyer-title--1 {
  display: block;
  margin-bottom: 5px;
}

.flyer-title--2 {
  padding: 0 5px;
  background-color: #f3a056;
  color: white;
  display: inline-block;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .flyer-title {
    font-size: 26px;
  }
}

.flyer-items {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(2, min-content) auto;
  margin: auto;
  grid-gap: 20px;
}

@media screen and (max-width: 767px) {
  .flyer-items {
    padding: 0 40px;
  }
}

.flyer-icon {
  grid-column: 1/2;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
}

.flyer-icon svg {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .flyer-icon {
    width: 50px;
    height: 50px;
    margin-right: 0;
  }
}

.flyer-nbr {
  grid-column: 2/3;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.flyer-nbr__nbr {
  font-size: 40px;
  color: #f3a056;
  text-align: right;
}

.flyer-nbr__separator {
  width: 100%;
  height: 4px;
  background-color: #f3a056;
  margin-bottom: 8px;
}

.flyer-nbr__dot {
  flex: 1 1;
  background-image: linear-gradient(to bottom, #000 20%, rgba(255, 255, 255, 0) 20%);
  background-position: right;
  background-size: 2px 7px;
  background-repeat: repeat-y;
  width: 100%;
  min-height: 40px;
}

@media screen and (max-width: 767px) {
  .flyer-nbr__nbr {
    font-size: 32px;
  }

  .flyer-nbr__separator {
    height: 3px;
  }

  .flyer-nbr__dot {
    min-height: 30px;
  }
}

.flyer-txt {
  grid-column: 3/4;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

.flyer-txt__title {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .flyer-txt {
    font-size: 15px;
    margin-top: 10px;
  }

  .flyer-txt__title {
    font-size: 16px;
  }
}

.flyer-bubble {
  width: 400px;
  height: 400px;
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 1s;
  background-color: #ddecf1;
}

.flyer-bubble__1 {
  top: -50px;
  left: 80px;
}

.flyer-bubble__2 {
  top: -70px;
  left: 280px;
  opacity: 0.6;
}

#privacy p:not(:last-child) {
  margin-bottom: 10px;
}

#privacy a {
  color: #f3a056;
}

#privacy a:hover {
  text-decoration: underline;
}

.company-logo {
  width: 300px;
}

.company-logo__img {
  width: 100%;
  max-width: 100%;
}

.welcome-spinner {
  content: "";
  width: 50px;
  height: 50px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent !important;
  border-radius: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: transparent !important;
  color: black !important;
}

.react-datepicker__day--in-selecting-range:hover {
  background-color: #216ba5 !important;
  color: white !important;
}

.bottom-bar {
  background-color: #f3a056;
  display: flex;
  width: 100%;
  padding: 10px;
  cursor: pointer;
  transition: background-color 0.35s;
}

.bottom-bar:hover {
  background-color: #ea7800;
}

.bottom-bar--secondary {
  background-color: #8dabb3;
}

.bottom-bar--secondary:hover {
  background-color: #657b81;
}

.bottom-bar__label {
  font-size: 20px;
}

.bottom-bar__sub-label {
  color: white;
}

.bottom-bar__bttn {
  background-color: white;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.bottom-bar__bttn svg {
  width: 75%;
  fill: #f3a056;
}

@media screen and (max-width: 540px) {
  .bottom-bar__label {
    font-size: 18px;
  }

  .bottom-bar__sub-label {
    font-size: 14px;
  }

  .bottom-bar__bttn {
    width: 35px;
    height: 35px;
  }
}

.bottom-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.7);
  transition: bottom 0.4s;
}

.bottom-modal__noContent-label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.bottom-modal--closed {
  bottom: -100%;
}

.bottom-modal__closed-bttn {
  position: absolute;
  top: -55px;
  right: 10px;
}

.bottom-modal__avatar {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.bottom-modal__container {
  width: 100%;
  padding: 30px 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.bottom-modal__text--specific-font {
  font-family: "Zilla Slab", sans-serif;
  line-height: 1.3;
}

.bottom-modal__text * {
  color: white !important;
}

.default-profil-pic {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  background-color: #ddecf1;
}

.default-profil-pic svg {
  height: 40px;
  fill: #8dabb3;
}

.existing_comment .interface-grid {
  padding: 3px !important;
  border-radius: 5px;
  background-color: #657b81;
}

.existing_comment wave {
  height: 40px !important;
}

.existing_comment .rm-audio-player-provider {
  background-color: transparent !important;
}

.existing_comment .spectrum--medium_9e130c,
.existing_comment .spectrum--large_9e130c {
  --rm-audio-player-interface-container: #657b81;
  --rm-audio-player-volume-background: white;
  --rm-audio-player-volume-panel-background: white;
  --rm-audio-player-volume-panel-border: white;
  --rm-audio-player-volume-thumb: white;
  --rm-audio-player-volume-fill: rgba(0, 0, 0, .5);
  --rm-audio-player-volume-track: white;
  --rm-audio-player-track-current-time: white;
  --rm-audio-player-track-duration: white;
  --rm-audio-player-progress-bar: #f3a056;
  --rm-audio-player-progress-bar-background: white;
  --rm-audio-player-waveform-cursor: white;
  --rm-audio-player-waveform-background: var(--rm-audio-player-progress-bar-background);
  --rm-audio-player-waveform-bar: var(--rm-audio-player-progress-bar);
  --rm-audio-player-sortable-list: var(--spectrum-global-color-gray-200);
  --rm-audio-player-sortable-list-button-active: #0072F5;
  --rm-audio-player-selected-list-item-background: var(--spectrum-global-color-gray-500);
}

.device-wrapper.smsmode {
  width: 250px;
  margin: 20px auto 0 auto;
}

.device-wrapper.smsmode {
  width: 250px;
  margin: 20px auto 0 auto;
}

.device-wrapper {
  max-width: 300px;
  width: 100%;
}

.device[data-device=iPhone6][data-orientation=portrait][data-color=black] {
  padding-bottom: 207.62016%;
}

.device {
  position: relative;
  background-size: cover;
}

.device[data-device=iPhone6][data-orientation=portrait][data-color=black] .screen {
  top: 12.25296%;
  left: 6.09613%;
  width: 88.0422%;
  height: 75.32468%;
}

.device-wrapper.smsmode .device .screen {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: left;
  font-size: 15px;
  pointer-events: auto;
}

.device .screen {
  position: absolute;
  background-size: cover;
  pointer-events: none;
}

.emetteur_sms {
  position: absolute;
  font-weight: 700;
  left: 35%;
  top: 5%;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 43%;
  text-align: center;
}

.emetteur_sms {
  position: absolute;
  font-weight: 700;
  left: 35%;
  top: 5%;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 43%;
  text-align: center;
}

.preview-textarea {
  position: absolute;
  color: #000 !important;
  top: 14%;
  left: 2%;
  resize: none;
  outline: none;
  background: none repeat scroll 0 0 #cccccc;
  border-radius: 4px;
  border-style: none;
  overflow: auto;
  padding: 5px;
}

.device[data-device=iPhone6][data-orientation=portrait][data-color=black] .button {
  top: 89.32806%;
  left: 41.85229%;
  width: 16.64713%;
  height: 8.01807%;
}

.device .button {
  position: absolute;
  cursor: pointer;
}

.dashboard-charts .apexcharts-canvas {
  background: #fff;
  border-radius: 5px;
}

.content {
  max-width: 1200px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 4% 0;
  display: flex;
  width: 100%;
}

.content--fluid,
.content--extra-fluid {
  max-width: unset;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
}

.content--fluid {
  padding: 30px 4% 0;
}

.content--extra-fluid {
  padding: 1% 1% 0;
}

:not(.content--horizontal):not(.content--horizontal-space) > .content__section:not(:last-child) {
  margin-bottom: 20px;
}

.content--horizontal > .content__section:not(:last-child),
.content--horizontal-space > .content__section:not(:last-child) {
  padding-right: 20px;
}

.content__section {
  /*.content--horizontal > &:not(:last-child),
  .content--horizontal-space > &:not(:last-child) {
      padding-right: 20px;
  }

  .content--horizontal > &:not(:first-child),
  .content--horizontal-space > &:not(:first-child) {
      padding-left: 20px;
  }*/
}

.content__section--required {
  position: relative;
}

.content__section--required:after {
  content: "*";
  position: absolute;
  top: 5px;
  right: 5px;
  color: #ea5861;
  font-size: 14px;
}

.content--center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.content--vertical {
  display: flex;
  flex-direction: column;
}

.content--vertical--center-horizontaly {
  align-items: center;
}

.content--vertical--center-verticaly {
  justify-content: center;
}

.content--vertical--content-left {
  align-items: flex-start;
}

.content--vertical--content-bottom {
  justify-content: flex-end;
}

.content--vertical--content-right {
  align-items: flex-end;
}

.content--vertical--content-right p {
  text-align: right;
}

.content--vertical--separator:not(:first-child) {
  border-left: 1px solid #bcd2d9;
  padding-left: 16px;
}

.content--vertical--light-separator:not(:first-child) {
  border-left: 1px solid #ddecf1;
  padding-left: 16px;
}

.content--vertical--dark-separator:not(:first-child) {
  border-left: 1px solid #8dabb3;
  padding-left: 16px;
}

.content--wrap {
  flex-wrap: wrap;
  gap: 20px 0;
}

.content--horizontal {
  display: flex;
  flex-direction: row;
}

.content--horizontal--center-verticaly {
  align-items: center;
}

.content--horizontal--center-horizontaly {
  justify-content: center;
}

.content--horizontal--content-left {
  justify-content: flex-start;
}

.content--horizontal--content-bottom {
  align-items: flex-end;
}

.content--horizontal--content-right {
  justify-content: flex-end;
}

.content--horizontal--separator:not(:first-child) {
  border-top: 1px solid #bcd2d9;
  padding-top: 16px;
}

.content--horizontal--light-separator:not(:first-child) {
  border-top: 1px solid #ddecf1;
  padding-top: 16px;
}

.content--horizontal--dark-separator:not(:first-child) {
  border-top: 1px solid #8dabb3;
  padding-top: 16px;
}

.content--max-width {
  flex: 1 1;
  /*&:not(:first-child) {
      padding-left: 20px;
  }*/
}

.content--max-width:not(:last-child) {
  padding-right: 20px;
}

.content--max-height {
  flex: 1 1;
}

.content--max-height:not(:last-child) {
  margin-bottom: 20px;
}

.content--stick-left {
  padding-right: 20px;
  display: flex;
  flex-direction: column;
}

.content--stick-right {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
}

.content--no-padding-right {
  padding-right: 0 !important;
}

.content--horizontal-space {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.content--horizontal-space > * {
  padding: 5px 0;
}

.content--horizontal-space > *:not(:first-child) {
  padding-left: 10px;
}

.content--horizontal-space > *:not(:last-child) {
  padding-right: 10px;
}

.content--vertical-space {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.content--to-extend {
  max-height: 250px;
  transition: all 0.4s;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.content--to-extend:hover {
  max-height: 4000px !important;
}

.content--to-extend:after {
  content: "+";
  position: absolute;
  color: #8dabb3;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.content--spinner {
  position: relative;
}

.content--spinner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  z-index: 1;
}

.content--spinner:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 50px;
  width: 50px;
  animation: rotate 0.8s infinite linear;
  border: 3px solid #f3a056;
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.sidebar-nav-container {
  width: 50px;
  position: relative;
  z-index: 10;
}

.sidebar-nav-container--open {
  width: 260px;
}

@media screen and (max-width: 991px) {
  .sidebar-nav-container {
    width: 0;
  }

  .sidebar-nav-container--open {
    width: 100%;
  }
}

.sidebar-nav-mobile {
  display: none;
  background-color: white;
  border-bottom: 1px solid grey;
  background-color: #1b1d2a;
}

.sidebar-nav-mobile__logo {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}

.sidebar-nav-mobile__logo svg {
  width: 100%;
  fill: white;
}

.sidebar-nav-mobile__items {
  display: flex;
  flex: 1 1;
  justify-content: flex-end;
}

.sidebar-nav-mobile__items .sidebar-link:not(:last-child) {
  margin-right: 10px;
}

.sidebar-nav-mobile .sidebar-logo {
  width: unset;
}

@media screen and (max-width: 991px) {
  .sidebar-nav-mobile {
    display: flex;
    align-items: center;
  }
}

.sidebar-floating-container {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 50px;
  top: 0;
  background-color: #1b1d2a;
  border-left: 1px solid white;
}

.sidebar-nav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 50px;
  background-color: #1b1d2a;
  display: flex;
  flex-direction: column;
}

.sidebar-nav-container--open .sidebar-nav {
  width: 260px;
}

@media screen and (max-width: 991px) {
  .sidebar-nav {
    width: 0;
  }

  .sidebar-nav-container--open .sidebar-nav {
    width: 100%;
  }
}

.sidebar-nav-main-container {
  flex: 1 1;
  overflow: auto;
}

.sidebar-logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  height: 50px;
}

.sidebar-logo img {
  max-height: 40px;
}

.sidebar-section {
  border-top: 1px solid white;
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}

.sidebar-section__title {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  padding: 2px 16px;
}

.sidebar-section__links {
  display: flex;
  flex-direction: column;
}

.sidebar-link {
  color: white;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  cursor: pointer;
}

.sidebar-link--active {
  opacity: 1;
  color: #f3a056;
  background-color: rgba(255, 255, 255, 0.05);
}

.sidebar-link--active:not(.sidebar-sub-link) {
  color: white;
  background-color: #f3a056;
}

.sidebar-link--sub-active {
  background-color: rgba(255, 255, 255, 0.05);
  /*color: white;
  background-color: $primary-color;*/
}

.sidebar-link--disabled {
  opacity: 0.3;
  cursor: unset;
}

.sidebar-nav-container--open .sidebar-link {
  justify-content: flex-start;
  padding: 7px 16px;
}

.sidebar-floating-container .sidebar-link {
  justify-content: flex-start;
  padding: 7px 10px;
}

.sidebar-link:not(.sidebar-link--disabled):hover {
  background-color: rgba(255, 255, 255, 0.05);
  opacity: 1;
  color: #f3a056;
}

.sidebar-link__logo {
  width: 24.5px;
  min-width: 24.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar-link__logo img,
.sidebar-link__logo svg {
  width: 100%;
  fill: white;
  height: auto;
}

.sidebar-link__label {
  margin: 0 8px;
  font-size: 14px;
}

.sidebar-link__arrow {
  width: 14px;
  min-width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar-link__arrow img,
.sidebar-link__arrow svg {
  width: 100%;
  fill: white;
  height: auto;
}

.sidebar-link--profil .sidebar-link__logo img {
  border-radius: 50%;
}

.sidebar-sublinks {
  transition: max-height 0.4s, opacity 0.4s;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.sidebar-sublinks--open {
  max-height: 1000px;
  display: flex;
  flex-direction: column;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.05);
}

.sidebar-sublinks .sidebar-link {
  padding-left: 42px;
}

.sidebar-sublinks .sidebar-category-link {
  padding-left: 52px;
}

.sidebar-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  width: 100%;
  padding-top: 10px;
}

.sidebar-footer__links {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 991px) {
  .sidebar-footer {
    padding-top: 0;
    border: 0;
  }

  .sidebar-footer .sidebar-link {
    display: none;
  }
}

.sidebar-bttn-toClose {
  background-color: rgba(255, 255, 255, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 0;
  width: 100%;
  margin-top: 10px;
  cursor: pointer;
}

.sidebar-bttn-toClose img {
  width: 25px;
}

/*.sidebar-footer-link {
    width: 24.5px;
    min-width: 24.5px;
    display: flex;
    align-items: center;
    justify-content: center;

    img, svg {
        width: 100%;
        fill: white;
        height: auto;
    }

    &--profil {

        img {
            border-radius: 50%;
        }
    }
}*/

/*.sidebar-sublinks {
    transition: max-height 0.4s;
    display: flex;
    flex-direction: column;
    max-height: 0;

    .sidebar-link {
        padding-left: 42px;
        display: none;
    }

    &--open {
        max-height: 1000px;

        .sidebar-link {
            display: flex;
        }
    }
}*/

/*

.sidebar-nav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: $widthToSet;
    padding: 0 5px;
    background-color: $background-color;
    box-shadow: -10px 0px 20px 0px #000000;

    .sidebar-nav-container--open & {
        width: $widthOpen;
        padding-left: 15px;
    }

    &__logo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;

        height: 50px;

        .sidebar-nav-container--open & {
            //padding-left: 20px;
            justify-content: flex-start;
        }

        img {
            !* max-width: 100%; *!
            max-height: 40px;
            !* position: absolute; *!
            !* left: 20px; *!
            margin-left: 64px;
        }

        svg {
            height: 20px;
        }
    }

    &__links {
        display: flex;
        flex-direction: column;

        list-style: none;

        //margin-top: 40px;
        //padding-top: 5px;
        //border-top: 1px solid $secondary-color;
    }
}

.sidebar-nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative;

    a {
        cursor: inherit;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    &:not(:last-child) {
        margin-bottom: 14px;
    }

    &__img {
        display: block;
        //width: 20px;
        width: 25px;

        svg {
            width: 100%;
            fill: $secondary-color;
            transition: fill 0.2s;
        }
    }

    &__txt {
        font-size: 9px;
        transition: color 0.2s;
        text-align: center;
        display: block;
    }

    &__list {
        position: absolute;
        left: calc(100% + 7px);
        top: 0;
        background-color: white;
        border: 2px solid $background-color;
        width: max-content;
        padding: 5px;
        border-radius: 5px;

        & li:not(:last-child) {
            margin-bottom: 5px;
        }
    }

    &:not(.sidebar-nav-link--disable):hover {
        background-color: $background-color;

        .sidebar-nav-link__img {
            svg {
                fill: $primary-color;
            }
        }

        .sidebar-nav-link__txt {
            color: $primary-color;
        }
    }

    &--active {
        background-color: $background-color;

        .sidebar-nav-link__img {
            svg {
                fill: $primary-color;
            }
        }
    }

    &--disable {
        cursor: not-allowed;

        .sidebar-nav-link__txt {
            color: $disabled-color;
        }

        .sidebar-nav-link__img {
            svg {
                fill: #bcd2d9;
            }
        }
    }
}


.sidebar-nav-category {
    display: flex;
    flex-direction: column;

    &:not(:last-child) {
        margin-bottom: 15px;
    }

    &__title {
        display: flex;
        font-size: 12px;
        align-items: center;
        margin-bottom: 15px;

        span {
            margin-right: 15px;
        }

        &:after {
            content: "";
            flex: 1 1;
            height: 1px;
            background-color: $secondary-color;
        }
    }

    &__links {
        display: flex;
        flex-direction: column;
    }
}

.sidebar-nav-category-link {
    display: flex;
    align-items: center;

    &__img {
        width: 25px;
        margin-right: 10px;

        svg {
            width: 100%;
            fill: $secondary-color;
            transition: fill 0.2s;
        }
    }

    &__txt {
        font-size: 14px;
    }
}*/

.footer {
  display: flex;
  align-items: center;
  font-size: 13px;
  opacity: 0.6;
  margin-top: 10px;
  justify-content: space-between;
}

.footer a {
  font-size: inherit;
}

.footer__copy {
  display: flex;
  align-items: center;
}

.footer__logo {
  flex: 1 1;
}

.footer__logo img {
  height: 30px;
}

.footer__urls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 8px 0;
}

@media screen and (max-width: 750px) {
  .footer__urls {
    flex-direction: column;
    align-items: flex-end;
  }
}

.footer__urls2 {
  display: flex;
  justify-content: flex-end;
  padding: 8px 0;
}

.footer__url {
  text-align: right;
}

.footer__url:not(:last-child) {
  margin: 0 10px 0 0;
}

.footer > *:not(:last-child) {
  margin-right: 10px;
}