/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.




 */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
.xdsoft_datetimepicker{
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #FFFFFF;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #333333;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{
	width: 256px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top: 0;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
	margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker  .xdsoft_prev, 
.xdsoft_datetimepicker  .xdsoft_next,
.xdsoft_datetimepicker  .xdsoft_today_button{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i{
	opacity:0.5;
	background-position:-92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
	background-position:-70px 0;
	margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker  .xdsoft_next,
.xdsoft_datetimepicker  .xdsoft_prev ,
.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0;
	margin-bottom:7px;
	margin-top: 0;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #F5F5F5;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width: 0;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width: 0;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
	cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover>span{
	text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label:hover i{
	opacity:1.0;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	border:1px solid #ccc;
	position:absolute;
	right: 0;
	top:30px;
	z-index:101;
	display:none;
	background:#fff;
	max-height:160px;
	overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding:2px 10px 2px 5px;
	text-decoration:none !important;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0 1px 3px 0 inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:100px;
	text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;
	
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	background: #F5F5F5;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse:collapse;
	cursor:pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar th{
	width:12.5%;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0 1px 3px 0 inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
	border-radius:3px;
}
.xdsoft_scrollbar{
	position:absolute;
	width:7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}


.xdsoft_datetimepicker.xdsoft_dark{
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000000;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	color: #cccccc;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box{
	border-bottom:1px solid #222222;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #0a0a0a;
	border-top:1px solid #222222;
	color: #999999;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label{
    background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select{
	border:1px solid #333;
	background:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #000;
    background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_prev, 
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_today_button{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
	background: #0a0a0a;
	border:1px solid #222222;
	color: #999999;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
	background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_today{
	color:#cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #000 !important;
    background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
	color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright{ color:#333 !important;}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright a{ color:#111 !important;}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{ color:#555 !important;}


.xdsoft_dark .xdsoft_time_box{
	border:1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller{
	background:#333 !important;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* line 11, app/assets/stylesheets/base/_normalise.scss */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/* line 23, app/assets/stylesheets/base/_normalise.scss */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
/* line 31, app/assets/stylesheets/base/_normalise.scss */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 40, app/assets/stylesheets/base/_normalise.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 53, app/assets/stylesheets/base/_normalise.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 64, app/assets/stylesheets/base/_normalise.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
/* line 76, app/assets/stylesheets/base/_normalise.scss */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 85, app/assets/stylesheets/base/_normalise.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 95, app/assets/stylesheets/base/_normalise.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 105, app/assets/stylesheets/base/_normalise.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
/* line 116, app/assets/stylesheets/base/_normalise.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 125, app/assets/stylesheets/base/_normalise.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 133, app/assets/stylesheets/base/_normalise.scss */
sub {
  bottom: -0.25em;
}

/* line 137, app/assets/stylesheets/base/_normalise.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
/* line 148, app/assets/stylesheets/base/_normalise.scss */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 160, app/assets/stylesheets/base/_normalise.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 176, app/assets/stylesheets/base/_normalise.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 186, app/assets/stylesheets/base/_normalise.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/* line 195, app/assets/stylesheets/base/_normalise.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 206, app/assets/stylesheets/base/_normalise.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 218, app/assets/stylesheets/base/_normalise.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
/* line 229, app/assets/stylesheets/base/_normalise.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 240, app/assets/stylesheets/base/_normalise.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 253, app/assets/stylesheets/base/_normalise.scss */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
/* line 261, app/assets/stylesheets/base/_normalise.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
/* line 270, app/assets/stylesheets/base/_normalise.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 280, app/assets/stylesheets/base/_normalise.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 290, app/assets/stylesheets/base/_normalise.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
/* line 299, app/assets/stylesheets/base/_normalise.scss */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 308, app/assets/stylesheets/base/_normalise.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
/* line 320, app/assets/stylesheets/base/_normalise.scss */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 328, app/assets/stylesheets/base/_normalise.scss */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
/* line 339, app/assets/stylesheets/base/_normalise.scss */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
/* line 347, app/assets/stylesheets/base/_normalise.scss */
[hidden] {
  display: none;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Thin-98b468a7b47c8ca06e95ac088feeda846760bf6e56d625540c904e2de947b579.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Thin-98b468a7b47c8ca06e95ac088feeda846760bf6e56d625540c904e2de947b579.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ThinItalic-aa316b41f46bc9b791b9132bc80a0cf46ba4f83a2f2a591a241781449777196c.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ThinItalic-aa316b41f46bc9b791b9132bc80a0cf46ba4f83a2f2a591a241781449777196c.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraLight-e26d33bc6990a2779c6dd1ef5f5c2ebe59c83fba452ca219d71cfbb5fe2ca1a0.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraLight-e26d33bc6990a2779c6dd1ef5f5c2ebe59c83fba452ca219d71cfbb5fe2ca1a0.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraLightItalic-3fa24f0c9bafea5cdec176a16cfdd673a7ba9630f6881b48b1a7e7f2d106760e.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraLightItalic-3fa24f0c9bafea5cdec176a16cfdd673a7ba9630f6881b48b1a7e7f2d106760e.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Light-4ce037c9246e2b381ddef69f59e4b33a75dc325d70fde111f085798e282df4c6.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Light-4ce037c9246e2b381ddef69f59e4b33a75dc325d70fde111f085798e282df4c6.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-LightItalic-fb71eae6a38edbd448c7e31089f43a3b1d057dc5f2293e7c5c22055fa89f944c.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-LightItalic-fb71eae6a38edbd448c7e31089f43a3b1d057dc5f2293e7c5c22055fa89f944c.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Regular-4132d2d2b9443d42422ebb2769b3113c157e0cf08c91cfe555a6da5ac0a9c762.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Regular-4132d2d2b9443d42422ebb2769b3113c157e0cf08c91cfe555a6da5ac0a9c762.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Regular-4132d2d2b9443d42422ebb2769b3113c157e0cf08c91cfe555a6da5ac0a9c762.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Regular-4132d2d2b9443d42422ebb2769b3113c157e0cf08c91cfe555a6da5ac0a9c762.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Medium-a0b175e6a264afe1ce1dd92dfed7dce5dc11456840b0485ba483b2af54814baf.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Medium-a0b175e6a264afe1ce1dd92dfed7dce5dc11456840b0485ba483b2af54814baf.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-MediumItalic-70511621dae93667662525099afb59d9e122c07a0a4f097a36c9f8d03adce529.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-MediumItalic-70511621dae93667662525099afb59d9e122c07a0a4f097a36c9f8d03adce529.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-SemiBold-a27799af8da2e1b65bc12769eb5f8da47b0689e24f5cf655a4fb58db80bd90b7.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-SemiBold-a27799af8da2e1b65bc12769eb5f8da47b0689e24f5cf655a4fb58db80bd90b7.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-SemiBoldItalic-1dcef77255f4a359571ed3d2578ad53b20eb7cced711a16c4b2b5dd8782e2a82.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-SemiBoldItalic-1dcef77255f4a359571ed3d2578ad53b20eb7cced711a16c4b2b5dd8782e2a82.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Bold-542ca15de37ab3bcf41f3ee5fdb9a8a4ba3346a27998196101a9a01a0f4ce0d8.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Bold-542ca15de37ab3bcf41f3ee5fdb9a8a4ba3346a27998196101a9a01a0f4ce0d8.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-BoldItalic-13444103c4e6eda4c7737bd057ccd069a752fc6ac80398cdaabee980d0cc7f26.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-BoldItalic-13444103c4e6eda4c7737bd057ccd069a752fc6ac80398cdaabee980d0cc7f26.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraBold-9ecd5efbf99f5c6762b14741db971fbed9c206c2e8d51bf57bad3a68aea6d0d6.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraBold-9ecd5efbf99f5c6762b14741db971fbed9c206c2e8d51bf57bad3a68aea6d0d6.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraBoldItalic-43a5e41cb3eb1bad33da090653ea389f0583ab8adceb4b983a6fda8e63cfb80b.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraBoldItalic-43a5e41cb3eb1bad33da090653ea389f0583ab8adceb4b983a6fda8e63cfb80b.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Black-2c2a65a82753d30553b00cbb9cd86dc666c66f9b3f9f219732a611d06addfa09.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Black-2c2a65a82753d30553b00cbb9cd86dc666c66f9b3f9f219732a611d06addfa09.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-BlackItalic-08bb638681bba47056eaf5f1f28132a903cfde55d54b40ac8a8fe2de21e34406.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-BlackItalic-08bb638681bba47056eaf5f1f28132a903cfde55d54b40ac8a8fe2de21e34406.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Futura';
  src: url(https://immifast.de/assets/fonts/Futura/Futura-Light-5b6263164cb589b8729a72829a6ff376b8a5b814d0103d3e5535c500025c377d.ttf);
  src: url(https://immifast.de/assets/fonts/Futura/Futura-Light-5b6263164cb589b8729a72829a6ff376b8a5b814d0103d3e5535c500025c377d.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url(https://immifast.de/assets/fonts/Futura/Futura-LightItalic-3752b6f86f72442920af6a64ee382f7506a0d74c64c012c6d53348f8adbd210b.ttf);
  src: url(https://immifast.de/assets/fonts/Futura/Futura-LightItalic-3752b6f86f72442920af6a64ee382f7506a0d74c64c012c6d53348f8adbd210b.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Futura';
  src: url(https://immifast.de/assets/fonts/Futura/Futura-Medium-2b1b29c8cd2c9818fe399fce5fe8ff8f36a1d2cf6ab7d680d9cf0c0d803c36ce.ttf);
  src: url(https://immifast.de/assets/fonts/Futura/Futura-Medium-2b1b29c8cd2c9818fe399fce5fe8ff8f36a1d2cf6ab7d680d9cf0c0d803c36ce.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url(https://immifast.de/assets/fonts/Futura/Futura-MediumItalic-7536b6ae15d6671bcf9a0f5391a77729f0c73a60f490dd76e527272c4aca4ef9.ttf);
  src: url(https://immifast.de/assets/fonts/Futura/Futura-MediumItalic-7536b6ae15d6671bcf9a0f5391a77729f0c73a60f490dd76e527272c4aca4ef9.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Futura';
  src: url(https://immifast.de/assets/fonts/Futura/Futura-Bold-7af817252acfdc7c42446116b848a6a384ceb68dca93011a0f06eb5e3e00efbc.ttf);
  src: url(https://immifast.de/assets/fonts/Futura/Futura-Bold-7af817252acfdc7c42446116b848a6a384ceb68dca93011a0f06eb5e3e00efbc.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url(https://immifast.de/assets/fonts/Futura/Futura-BoldItalic-960a8755b7aa5a54cfc6b2abb7d6b564671f0f0801b1f388ed7ed4c8beb63376.ttf);
  src: url(https://immifast.de/assets/fonts/Futura/Futura-BoldItalic-960a8755b7aa5a54cfc6b2abb7d6b564671f0f0801b1f388ed7ed4c8beb63376.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Futura';
  src: url(https://immifast.de/assets/fonts/Futura/Futura-ExtraBold-3340cf45472315a0b7c6e8e710eb396b0df57117c6fab11106673fbeaecb2dff.ttf);
  src: url(https://immifast.de/assets/fonts/Futura/Futura-ExtraBold-3340cf45472315a0b7c6e8e710eb396b0df57117c6fab11106673fbeaecb2dff.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url(https://immifast.de/assets/fonts/Futura/Futura-ExtraBlack-03c5922edf30fe569d0253c412d5ab5d215944f8829f2248da5239fefecff634.ttf);
  src: url(https://immifast.de/assets/fonts/Futura/Futura-ExtraBlack-03c5922edf30fe569d0253c412d5ab5d215944f8829f2248da5239fefecff634.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Thin-f4857b709bfa864ee2ef131477a9a002b31b3171cdd3da242b87a7fe757b2c4b.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Thin-f4857b709bfa864ee2ef131477a9a002b31b3171cdd3da242b87a7fe757b2c4b.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-ThinItalic-8216e930197ab89c582390c10e4e1f6a132f07994b566b13d546a3eb57ae7f09.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-ThinItalic-8216e930197ab89c582390c10e4e1f6a132f07994b566b13d546a3eb57ae7f09.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-ExtraLight-f0a5d1a8c811714495b96b221d4ef4e22f60c8fb24ddd5fb538495c55bdb2671.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-ExtraLight-f0a5d1a8c811714495b96b221d4ef4e22f60c8fb24ddd5fb538495c55bdb2671.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-ExtraLightItalic-c82bca664c1e143df036e9ab647e03de61c94275eb28470e00892c87f751f112.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-ExtraLightItalic-c82bca664c1e143df036e9ab647e03de61c94275eb28470e00892c87f751f112.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Light-5882a7b0caf5b09c2aa272934772c8ae444c384ed052608c30e6a65d173c37e5.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Light-5882a7b0caf5b09c2aa272934772c8ae444c384ed052608c30e6a65d173c37e5.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-LightItalic-77110b45df5faba0e309bea40758d3ded4f84e47e75ea0c6a500bbb0361b2b03.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-LightItalic-77110b45df5faba0e309bea40758d3ded4f84e47e75ea0c6a500bbb0361b2b03.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Regular-e8a360f467922f65ee921e9e548ffbf6913b2f67eca4d5b281e7db14b78b91ce.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Regular-e8a360f467922f65ee921e9e548ffbf6913b2f67eca4d5b281e7db14b78b91ce.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Regular-e8a360f467922f65ee921e9e548ffbf6913b2f67eca4d5b281e7db14b78b91ce.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Regular-e8a360f467922f65ee921e9e548ffbf6913b2f67eca4d5b281e7db14b78b91ce.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Medium-46cc928c07733a34838c5c7d853cad9c27262c358652d5c264af37487cb37f8c.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Medium-46cc928c07733a34838c5c7d853cad9c27262c358652d5c264af37487cb37f8c.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-MediumItalic-90c5df13d8329b18da6cbfc1cf87e735c8283009874c0471737860a944173597.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-MediumItalic-90c5df13d8329b18da6cbfc1cf87e735c8283009874c0471737860a944173597.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-SemiBold-2d447a17beff37bde1246173318da9263e86769a5290fe702fe3885e0ed29cdd.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-SemiBold-2d447a17beff37bde1246173318da9263e86769a5290fe702fe3885e0ed29cdd.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-SemiBoldItalic-95a2df4f8f15720f5ec1919a9ae66d199f47276162a1180cf962a78b16db16df.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-SemiBoldItalic-95a2df4f8f15720f5ec1919a9ae66d199f47276162a1180cf962a78b16db16df.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Bold-d4476609eb102e432960e08d165cc71c3fc4e333b85999584b251a0fde62373a.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Bold-d4476609eb102e432960e08d165cc71c3fc4e333b85999584b251a0fde62373a.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-BoldItalic-c61ec777eade6a1101acd744fabf198841e51abfb9244bf1f3f0d468da67b305.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-BoldItalic-c61ec777eade6a1101acd744fabf198841e51abfb9244bf1f3f0d468da67b305.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-ExtraBold-28982478df62d2f62bf1d8bcd8b255d1abcf6aec8af144a30d8f7f55b962add1.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-ExtraBold-28982478df62d2f62bf1d8bcd8b255d1abcf6aec8af144a30d8f7f55b962add1.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-ExtraBoldItalic-84b198086b55616b240ce4abd354a073b40aee2bb9ad407289f6dc708987bbad.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-ExtraBoldItalic-84b198086b55616b240ce4abd354a073b40aee2bb9ad407289f6dc708987bbad.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Black-6628a7e3631fb548f149908d87c67776d0732934ec2d8f37bc2b4109da9a516b.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-Black-6628a7e3631fb548f149908d87c67776d0732934ec2d8f37bc2b4109da9a516b.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-BlackItalic-8e374ed8c726d6f0b1483fe98d785bc30aa2e84fb08d4c5ffcbb16b95149956e.ttf);
  src: url(https://immifast.de/assets/fonts/Montserrat/Montserrat-BlackItalic-8e374ed8c726d6f0b1483fe98d785bc30aa2e84fb08d4c5ffcbb16b95149956e.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Thin-81d917bcf19a7f3b9162d549fe05a0b31e9cd573dec8d6b55a247acd68cd5164.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Thin-81d917bcf19a7f3b9162d549fe05a0b31e9cd573dec8d6b55a247acd68cd5164.otf) format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-ThinItalic-fc5db599c3ee5a5375c11452a26c10d8b6cf5847b69398d00b931f1b242d0b6f.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-ThinItalic-fc5db599c3ee5a5375c11452a26c10d8b6cf5847b69398d00b931f1b242d0b6f.otf) format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Light-d087afc7e90648cb47401ccad85a80bf9f0d8a252e4daf5fab8e339f38072ec7.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Light-d087afc7e90648cb47401ccad85a80bf9f0d8a252e4daf5fab8e339f38072ec7.otf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-LightItalic-5322da8fddfb8a49a8c4edf44fb2fbc6871475f38e7db6c35ae36bde7b50d6d3.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-LightItalic-5322da8fddfb8a49a8c4edf44fb2fbc6871475f38e7db6c35ae36bde7b50d6d3.otf) format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Regular-d089ed8daf3f598e4a3b35f4d76597027a879353cda0eac786096c0639313a1e.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Regular-d089ed8daf3f598e4a3b35f4d76597027a879353cda0eac786096c0639313a1e.otf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-RegularItalic-238a4ec301d3ac632a3e6cd75e1eabc4331dd6112d3032ee9dbd13f9d6fc7d50.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-RegularItalic-238a4ec301d3ac632a3e6cd75e1eabc4331dd6112d3032ee9dbd13f9d6fc7d50.otf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Medium-ddf7aa65bc3448d79b1e825431580414eccf8d43a49dc1dff032406e233e0bcd.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Medium-ddf7aa65bc3448d79b1e825431580414eccf8d43a49dc1dff032406e233e0bcd.otf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-MediumItalic-d12c327222dc99dbaf00452e4106c1d53cc7621e6c389d6b532be90ffcdbdfdf.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-MediumItalic-d12c327222dc99dbaf00452e4106c1d53cc7621e6c389d6b532be90ffcdbdfdf.otf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-SemiBold-e1d714907b568a46327bee153c2b4c10097f2b2b5f3bc2e95749db3551eefe39.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-SemiBold-e1d714907b568a46327bee153c2b4c10097f2b2b5f3bc2e95749db3551eefe39.otf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-SemiBoldItalic-1bba418251788a739ef685f57e89252b6040d99efd7c10f15d994722f954cba9.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-SemiBoldItalic-1bba418251788a739ef685f57e89252b6040d99efd7c10f15d994722f954cba9.otf) format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Bold-3306eaf2e5b8aaec09969a8b61edc2be2f880f5fd81089b714d69101a0f5a47b.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Bold-3306eaf2e5b8aaec09969a8b61edc2be2f880f5fd81089b714d69101a0f5a47b.otf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-BoldItalic-1a7fff8485722901c2a3d944f19b7ee75d30f5303f4adb7b3a8dd456483318b1.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-BoldItalic-1a7fff8485722901c2a3d944f19b7ee75d30f5303f4adb7b3a8dd456483318b1.otf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-ExtraBold-7a55cc0182a722c6eb08d112a0fb32a7b8f9c0f7ec985f64fa5c0bf8c9483d9f.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-ExtraBold-7a55cc0182a722c6eb08d112a0fb32a7b8f9c0f7ec985f64fa5c0bf8c9483d9f.otf) format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-ExtraBoldItalic-38d5f848dacf130faff70a4a8fe49cf60d29d1084cba4c9967f7b59ef2497bb5.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-ExtraBoldItalic-38d5f848dacf130faff70a4a8fe49cf60d29d1084cba4c9967f7b59ef2497bb5.otf) format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Black-740137267ba828306eeabf5fbb9c893d79eaf8bc96df29ba5aa89b35f4927ae4.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-Black-740137267ba828306eeabf5fbb9c893d79eaf8bc96df29ba5aa89b35f4927ae4.otf) format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-BlackItalic-89d1f1feba5c874607210660a6e4978cb293620418f21becf243f37f84bc6c69.otf);
  src: url(https://immifast.de/assets/fonts/ProximaNova/ProximaNova-BlackItalic-89d1f1feba5c874607210660a6e4978cb293620418f21becf243f37f84bc6c69.otf) format("truetype");
  font-weight: 900;
  font-style: italic;
}

/*------ Colors ------*/
/*------ Statuses Colors ------*/
/* line 22, app/assets/stylesheets/base/_variables.scss */
:root, [data-style="light"]:root {
  --primaryColor: #29D6B4;
  --secondaryColor: #05262F;
  --supplementaryColor: #EAF6F5;
  --activeLinkColor: #29D6B4;
  --primaryBackground: #FBFBFB;
  --secondaryBackground: #FFFFFF;
  --supplementaryBackground: var(--supplementaryColor);
  --asideBackground: #FFFFFF;
  --switcherBackround: #F4F4F4;
  --textGeneral: #202027;
  --textPrimary: #202027;
  --textSecondary: #A0A6B1;
  --darkToPrimary: #202027;
  --whiteToPrimary: #FFFFFF;
  --supplementaryToBlack: var(--supplementaryColor);
  --supplementaryToDark: var(--supplementaryColor);
  --whiteToSecondary: #FFFFFF;
  --whiteToDark: #FFFFFF;
  --secondaryToLight: var(--secondaryColor);
  --fade: linear-gradient(199.75deg, #05262F 1.19%, #29D6B4 100.08%);
  --separatorLine: #AFAFAF;
  --border: #E8ECF0;
  --sideBorder: #E8ECF0;
  --boxShadow: 0px 1px 26px -5px rgba(0, 0, 0, 0.09);
}

/* line 53, app/assets/stylesheets/base/_variables.scss */
:root input:not([type="submit"]), :root textarea, :root select, [data-style="light"]:root input:not([type="submit"]), [data-style="light"]:root textarea, [data-style="light"]:root select {
  background-color: #FFFFFF;
  border: 1px solid var(--border);
  color: var(--textGeneral);
}

/* line 62, app/assets/stylesheets/base/_variables.scss */
[data-style="light"]:root .dark-logo {
  display: inline-block;
}

/* line 67, app/assets/stylesheets/base/_variables.scss */
[data-style="dark"]:root {
  --primaryBackground: #171717;
  --secondaryBackground: #1A1A1A;
  --supplementaryBackground: #0E0E0E;
  --asideBackground: #222222;
  --switcherBackround: #171717;
  --textGeneral: #FFFFFF;
  --textPrimary: #FFFFFF;
  --textSecondary: #FFFFFF;
  --darkToPrimary: var(--primaryColor);
  --whiteToPrimary: var(--primaryColor);
  --supplementaryToBlack: #0E0E0E;
  --supplementaryToDark: #202027;
  --whiteToSecondary: var(--secondaryColor);
  --whiteToDark: #0E0E0E;
  --secondaryToLight: #FFFFFF;
  --fade: linear-gradient(192.86deg, #001115 12.55%, #073541 48.12%, #29D6B4 92.62%);
  --svgWhite: #222222;
  --separatorLine: #343434;
  --border: var(--primaryColor);
  --sideBorder: #2A2A2B;
  --boxShadow: 1px 4px 29px rgba(0, 0, 0, 0.53);
}

/* line 94, app/assets/stylesheets/base/_variables.scss */
[data-style="dark"]:root input:not([type="submit"]), [data-style="dark"]:root textarea, [data-style="dark"]:root select {
  background-color: #222222;
  border: 1px solid #222222;
  color: var(--textGeneral);
}

/* line 100, app/assets/stylesheets/base/_variables.scss */
[data-style="dark"]:root .light-logo {
  display: inline-block;
}

/* line 105, app/assets/stylesheets/base/_variables.scss */
[data-theme="blue"]:root {
  --primaryColor: #728FC8;
  --secondaryColor: #081C45;
  --supplementaryColor: #EDEEFF;
  --activeLinkColor: #081C45;
}

/* line 113, app/assets/stylesheets/base/_variables.scss */
[data-theme="yellow"]:root {
  --primaryColor: #a9a9a2;
  --secondaryColor: #050505;
  --supplementaryColor: #eae543;
  --activeLinkColor: #050505;
}

/* line 121, app/assets/stylesheets/base/_variables.scss */
[data-theme="orange"]:root {
  --primaryColor: #FFA564;
  --activeLinkColor: #853801;
  --secondaryColor: #303030;
  --supplementaryColor: #FFF6E3;
}

/*------ FONTS ------*/
/* line 1, app/assets/stylesheets/base/_base.scss */
html {
  visibility: hidden;
}

/* line 5, app/assets/stylesheets/base/_base.scss */
div {
  box-sizing: border-box;
}

/* line 9, app/assets/stylesheets/base/_base.scss */
p {
  font-weight: 400;
  font-size: 18px;
  word-break: break-word;
  color: var(--textGeneral);
}

/* line 16, app/assets/stylesheets/base/_base.scss */
a {
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/base/_base.scss */
p span, label span, .field-container__label span {
  color: #FF5370;
}

/* line 32, app/assets/stylesheets/base/_base.scss */
.page-layout {
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 25px;
}

@media screen and (max-width: 855px) {
  /* line 32, app/assets/stylesheets/base/_base.scss */
  .page-layout {
    padding: 0 15px;
  }
}

/* line 48, app/assets/stylesheets/base/_base.scss */
.page-title__header > div {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* line 56, app/assets/stylesheets/base/_base.scss */
.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 62, app/assets/stylesheets/base/_base.scss */
.open-popup {
  position: relative;
  top: -10px;
  left: 5px;
}

/* line 67, app/assets/stylesheets/base/_base.scss */
.open-popup svg {
  stroke: var(--primaryColor);
  width: 15px;
  stroke-width: 3px;
}

/* line 73, app/assets/stylesheets/base/_base.scss */
.open-popup:hover {
  stroke: none !important;
}

/* line 75, app/assets/stylesheets/base/_base.scss */
.open-popup:hover svg {
  stroke: var(--primaryColor);
  fill: var(--primaryColor);
}

/* line 79, app/assets/stylesheets/base/_base.scss */
.open-popup:hover svg line {
  stroke: #FFFFFF !important;
}

/* line 86, app/assets/stylesheets/base/_base.scss */
.feature-container {
  position: relative;
  height: calc(100% - 4.375em);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: var(--boxShadow);
  border-radius: 10px;
}

/* line 95, app/assets/stylesheets/base/_base.scss */
.feature-container h4 {
  z-index: 1;
}

/* line 99, app/assets/stylesheets/base/_base.scss */
.feature-container .blured {
  position: absolute;
  width: 100%;
  height: 100%;
  filter: blur(10px);
  background-color: var(--supplementaryToDark);
}

/* line 108, app/assets/stylesheets/base/_base.scss */
.hide-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 114, app/assets/stylesheets/base/_base.scss */
.hide-page .feature-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 123, app/assets/stylesheets/base/_base.scss */
.section-headline {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* line 130, app/assets/stylesheets/base/_base.scss */
.section-headline h4 {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 135, app/assets/stylesheets/base/_base.scss */
.section-headline h4 i {
  background-color: var(--supplementaryToBlack);
  padding: 10px 12px;
  border-radius: 3px;
  color: var(--primaryColor);
  font-size: 21px;
}

/* line 145, app/assets/stylesheets/base/_base.scss */
.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 151, app/assets/stylesheets/base/_base.scss */
.poppins {
  font-family: 'Poppins', sans-serif;
}

/* line 155, app/assets/stylesheets/base/_base.scss */
.montserrat {
  font-family: 'Montserrat', sans-serif;
}

/* line 159, app/assets/stylesheets/base/_base.scss */
.futura {
  font-family: 'Futura', sans-serif;
}

/* line 163, app/assets/stylesheets/base/_base.scss */
.proxima-nova {
  font-family: 'Proxima Nova', sans-serif;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    /* line 169, app/assets/stylesheets/base/_base.scss */
    .menu .select2-container:first-of-type {
      display: none;
    }
  }
}

/* line 1, app/assets/stylesheets/components/_header.scss */
header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 6, app/assets/stylesheets/components/_header.scss */
header .logo {
  margin: -25px 0;
  display: flex;
  align-items: center;
  font-size: 36px;
  font-weight: bold;
}

/* line 13, app/assets/stylesheets/components/_header.scss */
header .logo span {
  color: var(--primaryColor);
}

/* line 17, app/assets/stylesheets/components/_header.scss */
header .logo img {
  margin-right: 15px;
  width: 100%;
  max-width: 250px;
  max-height: 85px;
}

@media screen and (max-width: 855px) {
  /* line 6, app/assets/stylesheets/components/_header.scss */
  header .logo {
    font-size: 21px;
  }
}

/* line 29, app/assets/stylesheets/components/_header.scss */
header .menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 250px;
}

/* line 34, app/assets/stylesheets/components/_header.scss */
header .menu > a {
  margin-left: 20px;
  margin-bottom: 0 !important;
}

/* line 37, app/assets/stylesheets/components/_header.scss */
header .menu > a:hover {
  color: var(--primaryColor);
}

/* line 40, app/assets/stylesheets/components/_header.scss */
header .menu > a:hover i {
  transform: rotate(5deg);
}

/* line 44, app/assets/stylesheets/components/_header.scss */
header .menu > a i {
  font-size: 28px;
}

/* line 54, app/assets/stylesheets/components/_header.scss */
.select2-container ul li {
  margin: 0 15px;
}

/* line 60, app/assets/stylesheets/components/_header.scss */
.select2-selection {
  padding-left: 10px;
  border: none !important;
  border-radius: 0 !important;
  background-color: var(--secondaryBackground) !important;
}

/* line 66, app/assets/stylesheets/components/_header.scss */
.select2-selection .select2-selection__rendered {
  color: var(--textGeneral) !important;
}

/* line 71, app/assets/stylesheets/components/_header.scss */
.select2-container--default .select2-results__option[aria-selected=true] {
  display: none !important;
}

/* line 75, app/assets/stylesheets/components/_header.scss */
.select2-dropdown {
  padding: 10px 0 !important;
  background-color: var(--secondaryBackground) !important;
  border: none !important;
  z-index: 1 !important;
  border-radius: 5px !important;
  box-shadow: var(--boxShadow) !important;
}

/* line 85, app/assets/stylesheets/components/_header.scss */
.select2-results__option--highlighted {
  background-color: transparent !important;
  color: var(--primaryColor) !important;
}

/* line 1, app/assets/stylesheets/components/_footer.scss */
.start-page-footer {
  height: 115px;
  padding: 25px 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background-color: var(--secondaryColor);
  box-sizing: border-box;
}

/* line 8, app/assets/stylesheets/components/_footer.scss */
.start-page-footer .reverse-toggle span, .start-page-footer .reverse-toggle .lang-toggle:hover span {
  color: white;
}

/* line 12, app/assets/stylesheets/components/_footer.scss */
.start-page-footer .reverse-toggle .lang-toggle:hover span {
  color: white !important;
}

/* line 16, app/assets/stylesheets/components/_footer.scss */
.start-page-footer a, .start-page-footer b, .start-page-footer span {
  color: #FFFFFF;
}

@media screen and (max-width: 855px) {
  /* line 1, app/assets/stylesheets/components/_footer.scss */
  .start-page-footer {
    height: auto;
    padding: 25px 20px;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
  }
}

/* line 29, app/assets/stylesheets/components/_footer.scss */
.start-page-footer > div {
  display: flex;
  align-items: center;
  gap: 30px;
}

/* line 35, app/assets/stylesheets/components/_footer.scss */
.start-page-footer .hintsuite-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

/* line 38, app/assets/stylesheets/components/_footer.scss */
.start-page-footer .hintsuite-logo img {
  width: 120px;
}

/* line 1, app/assets/stylesheets/components/_start-page.scss */
.start-container {
  padding: 50px 0;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 855px) {
  /* line 1, app/assets/stylesheets/components/_start-page.scss */
  .start-container {
    min-height: 70vh;
    padding: 20px 0;
    flex-direction: column;
    gap: 25px;
  }
}

@media (max-width: 855px) {
  /* line 13, app/assets/stylesheets/components/_start-page.scss */
  .start-container > .start-container__block.login-form {
    padding: 30px 20px;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 85vw !important;
    width: 85vw !important;
    max-height: fit-content;
    margin: auto;
    z-index: 3;
  }
}

/* line 30, app/assets/stylesheets/components/_start-page.scss */
.start-container__block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 40%;
}

/* line 36, app/assets/stylesheets/components/_start-page.scss */
.start-container__block:first-of-type {
  max-width: 55%;
  min-width: 55%;
  margin-right: 50px;
}

@media (max-width: 855px) {
  /* line 30, app/assets/stylesheets/components/_start-page.scss */
  .start-container__block {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }
}

/* line 48, app/assets/stylesheets/components/_start-page.scss */
.start-container__block.login-form {
  background-color: var(--secondaryBackground);
  padding: 25px 50px;
  border-radius: 5px;
  box-shadow: var(--boxShadow);
}

/* line 54, app/assets/stylesheets/components/_start-page.scss */
.start-container__block.login-form h4 {
  font-size: 24px;
  text-align: center;
  color: var(--primaryColor);
  margin-bottom: 15px;
}

/* line 61, app/assets/stylesheets/components/_start-page.scss */
.start-container__block.login-form p {
  text-align: center;
}

/* line 65, app/assets/stylesheets/components/_start-page.scss */
.start-container__block.login-form form {
  margin: 25px 0;
}

@media screen and (max-width: 855px) {
  /* line 65, app/assets/stylesheets/components/_start-page.scss */
  .start-container__block.login-form form {
    margin: 0;
  }
}

/* line 72, app/assets/stylesheets/components/_start-page.scss */
.start-container__block.login-form form .field-container {
  padding: 0;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* line 77, app/assets/stylesheets/components/_start-page.scss */
.start-container__block.login-form form .field-container label {
  display: flex;
  align-items: center;
}

/* line 82, app/assets/stylesheets/components/_start-page.scss */
.start-container__block.login-form form .field-container input {
  width: 100%;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 14px;
}

/* line 91, app/assets/stylesheets/components/_start-page.scss */
.start-container__block.login-form .actions-container {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

@media screen and (max-width: 855px) {
  /* line 91, app/assets/stylesheets/components/_start-page.scss */
  .start-container__block.login-form .actions-container {
    flex-direction: column;
    gap: 15px;
    margin-top: 25px;
  }
}

/* line 104, app/assets/stylesheets/components/_start-page.scss */
.start-container__block.login-form .label-with-notice {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 108, app/assets/stylesheets/components/_start-page.scss */
.start-container__block.login-form .label-with-notice span {
  font-size: 13px;
}

/* line 114, app/assets/stylesheets/components/_start-page.scss */
.start-container__block h3 {
  font-size: 48px;
}

@media screen and (max-width: 855px) {
  /* line 114, app/assets/stylesheets/components/_start-page.scss */
  .start-container__block h3 {
    font-size: 32px;
  }
}

/* line 121, app/assets/stylesheets/components/_start-page.scss */
.start-container__block p {
  font-weight: 500;
  line-height: 28px;
}

@media screen and (max-width: 855px) {
  /* line 121, app/assets/stylesheets/components/_start-page.scss */
  .start-container__block p {
    font-size: 16px;
  }
}

/* line 130, app/assets/stylesheets/components/_start-page.scss */
.start-container__block a.btn {
  max-width: 210px;
  margin: 25px 0 0;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 855px) {
  /* line 137, app/assets/stylesheets/components/_start-page.scss */
  .start-container__block > .button-container {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  /* line 144, app/assets/stylesheets/components/_start-page.scss */
  .start-container__block > .button-container a {
    max-width: 100%;
    width: 100%;
    margin: 0;
    font-size: 16px;
  }
}

@media screen and (min-width: 855px) {
  /* line 153, app/assets/stylesheets/components/_start-page.scss */
  .start-container__block > .button-container #trackHintBtn {
    display: none;
  }
}

/* line 161, app/assets/stylesheets/components/_start-page.scss */
.start-page-headline {
  margin: 25px 0 5vh 0 !important;
}

/* line 164, app/assets/stylesheets/components/_start-page.scss */
.start-page-headline h5 {
  font-size: 21px !important;
  margin-bottom: 15px;
}

/* line 1, app/assets/stylesheets/components/_tables.scss */
.table {
  display: flex;
  flex-direction: column;
}

/* line 5, app/assets/stylesheets/components/_tables.scss */
.table__line {
  padding: 15px 10px;
  display: grid;
  grid-template-columns: 1fr 3fr 3.5fr 2fr 2.5fr;
  gap: 10px;
}

/* line 11, app/assets/stylesheets/components/_tables.scss */
.table__line div {
  color: var(--textGeneral);
  font-size: 14px;
  font-weight: 600;
  align-self: center;
}

/* line 17, app/assets/stylesheets/components/_tables.scss */
.table__line div:first-of-type {
  justify-self: center;
}

/* line 22, app/assets/stylesheets/components/_tables.scss */
.table__line.active {
  display: grid;
}

/* line 27, app/assets/stylesheets/components/_tables.scss */
.table__header {
  background-color: var(--supplementaryToDark);
}

/* line 31, app/assets/stylesheets/components/_tables.scss */
.table__body > .table__line {
  border-top: 1px solid var(--separatorLine);
}

/* line 33, app/assets/stylesheets/components/_tables.scss */
.table__body > .table__line div {
  font-weight: 300;
}

/* line 35, app/assets/stylesheets/components/_tables.scss */
.table__body > .table__line div:first-of-type {
  width: 18px;
  height: 18px;
  border-radius: 100%;
}

/* line 45, app/assets/stylesheets/components/_tables.scss */
[data-status='submitted'] > div:first-of-type {
  background-color: #bfc9c6;
}

/* line 51, app/assets/stylesheets/components/_tables.scss */
[data-status='in-progress'] > div:first-of-type {
  background-color: #F7C882;
}

/* line 57, app/assets/stylesheets/components/_tables.scss */
[data-status='waiting_for_response'] > div:first-of-type {
  background-color: #ff0ff8;
}

/* line 63, app/assets/stylesheets/components/_tables.scss */
[data-status='create_measure'] > div:first-of-type {
  background-color: #4F9CDA;
}

/* line 68, app/assets/stylesheets/components/_tables.scss */
[data-status='completed'] {
  display: none;
}

/* line 71, app/assets/stylesheets/components/_tables.scss */
[data-status='completed'] > div:first-of-type {
  background-color: #3eef1e;
}

/* line 76, app/assets/stylesheets/components/_tables.scss */
[data-status='confirmed'] {
  display: none;
}

/* line 79, app/assets/stylesheets/components/_tables.scss */
[data-status='confirmed'] > div:first-of-type {
  background-color: #f8ff7e;
}

/* line 84, app/assets/stylesheets/components/_tables.scss */
[data-status='aborted'] {
  display: none;
}

/* line 87, app/assets/stylesheets/components/_tables.scss */
[data-status='aborted'] > div:first-of-type {
  background-color: #FF5370;
}

/* line 93, app/assets/stylesheets/components/_tables.scss */
[data-status='revert'] > div:first-of-type {
  background-color: #535cff;
}

/* line 2, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker .xdsoft_current, .xdsoft_datetimepicker .xdsoft_current div {
  color: #fff !important;
}

/* line 6, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: var(--secondaryColor) !important;
  box-shadow: var(--secondaryColor) 0 1px 3px 0 inset !important;
}

/* line 15, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: var(--supplementaryColor) !important;
  box-shadow: var(--supplementaryColor) 0 1px 3px 0 inset !important;
  color: var(--secondaryColor) !important;
}

/* line 22, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default div,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current div,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current div {
  color: var(--secondaryColor) !important;
}

/* line 27, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: var(--primaryColor) !important;
  box-shadow: var(--primaryColor) 0 1px 3px 0 inset !important;
  color: #FFFFFF !important;
}

/* line 33, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover div,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover div {
  color: #FFFFFF !important;
}

/* line 39, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover, .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  background-color: var(--primaryColor) !important;
  color: #FFFFFF !important;
}

/* line 42, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker .xdsoft_calendar td:hover div, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover div, .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover div {
  color: #FFFFFF;
}

/* line 47, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 50, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker .xdsoft_timepicker.active .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker.active .xdsoft_next {
  display: none !important;
}

/* line 53, app/assets/stylesheets/components/_datetime-picker.scss */
.xdsoft_datetimepicker .xdsoft_timepicker.active .xdsoft_time_box.xdsoft_scroller_box {
  margin: 31px 0 0 !important;
}

/* line 60, app/assets/stylesheets/components/_datetime-picker.scss */
.form-date .form-item {
  position: relative;
}

/* line 63, app/assets/stylesheets/components/_datetime-picker.scss */
.form-date .form-item .error {
  position: absolute;
  top: -15px;
  left: 0;
  width: max-content;
}

@media screen and (max-width: 855px) {
  /* line 72, app/assets/stylesheets/components/_datetime-picker.scss */
  .form-date .form-line {
    gap: 15px !important;
  }
}

/* line 1, app/assets/stylesheets/components/form/_form.scss */
form {
  display: flex;
  flex-direction: column;
}

/* line 6, app/assets/stylesheets/components/form/_form.scss */
.form-control.error::placeholder {
  color: #E96253 !important;
}

/* line 10, app/assets/stylesheets/components/form/_form.scss */
.field-container {
  margin-bottom: 35px;
  padding: 50px 25px;
  border-radius: 10px;
  background-color: var(--secondaryBackground);
  -webkit-box-shadow: var(--boxShadow);
  box-shadow: var(--boxShadow);
  transition: 0.3s;
}

/* line 19, app/assets/stylesheets/components/form/_form.scss */
.field-container__label {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}

/* line 25, app/assets/stylesheets/components/form/_form.scss */
.field-container textarea {
  width: 100%;
  background-color: var(--primaryBackground);
  border-radius: 10px;
}

/* line 32, app/assets/stylesheets/components/form/_form.scss */
.remember-block {
  display: flex;
  align-items: center;
}

/* line 36, app/assets/stylesheets/components/form/_form.scss */
.remember-block input {
  width: auto;
  margin-right: 5px;
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: none;
}

/* line 44, app/assets/stylesheets/components/form/_form.scss */
.remember-block span {
  font-size: 16px;
  color: var(--textGeneral);
}

/* line 1, app/assets/stylesheets/components/form/_checkbox-list.scss */
.checkbox-list {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: none;
}

@media screen and (max-width: 855px) {
  /* line 1, app/assets/stylesheets/components/form/_checkbox-list.scss */
  .checkbox-list {
    grid-template-columns: 1fr;
  }
}

/* line 11, app/assets/stylesheets/components/form/_checkbox-list.scss */
.checkbox-list__item {
  margin: 0 20px 10px 0;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* line 21, app/assets/stylesheets/components/form/_checkbox-list.scss */
.checkbox-list__item label {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 28, app/assets/stylesheets/components/form/_checkbox-list.scss */
.checkbox-list__item label input {
  margin-right: 10px;
  margin-bottom: 0 !important;
  min-width: 15px;
  width: 15px;
  height: 15px;
}

/* line 35, app/assets/stylesheets/components/form/_checkbox-list.scss */
.checkbox-list__item label input::before {
  content: '';
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 8px;
  background-color: #C4C4C4;
  transition: all 150ms linear 0ms;
}

/* line 46, app/assets/stylesheets/components/form/_checkbox-list.scss */
.checkbox-list__item label input:checked::before {
  border: 4px solid #C4C4C4;
  background-color: var(--primaryColor);
  box-sizing: border-box;
  border-radius: 8px;
  transform: rotate(90deg);
}

/* line 1, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form {
  margin: 15px 0;
}

/* line 3, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-line {
  position: relative;
  display: none;
  justify-content: space-between;
  align-items: center;
  column-gap: 5px;
}

@media screen and (max-width: 855px) {
  /* line 3, app/assets/stylesheets/components/form/_hint-form.scss */
  .hint-form .form-line {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

/* line 17, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* line 21, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item input {
  width: 100%;
  height: 38px;
}

/* line 25, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item input::placeholder {
  font-size: 12px;
}

/* line 30, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item__actions {
  position: absolute;
  right: 0;
  width: 40px;
  background-color: var(--primaryColor);
  border-radius: 0px 6px 6px 0px;
  box-sizing: border-box;
  cursor: pointer;
}

@media screen and (max-width: 855px) {
  /* line 30, app/assets/stylesheets/components/form/_hint-form.scss */
  .hint-form .form-item__actions {
    position: unset;
  }
}

/* line 43, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item__actions span {
  display: none;
  color: #FFFFFF;
}

/* line 48, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item__actions:hover {
  background-color: var(--secondaryColor);
}

/* line 51, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item__actions:hover a i {
  color: #FFFFFF !important;
}

/* line 56, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item__actions a {
  width: 40px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 64, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item__actions i, .hint-form .form-item__actions svg {
  color: #FFFFFF;
}

@media screen and (max-width: 855px) {
  /* line 30, app/assets/stylesheets/components/form/_hint-form.scss */
  .hint-form .form-item__actions {
    width: 100%;
    gap: 10px;
  }
  /* line 71, app/assets/stylesheets/components/form/_hint-form.scss */
  .hint-form .form-item__actions a {
    width: 100%;
    padding: 7.5px 20px;
    background-color: var(--primaryColor);
    color: #FFFFFF !important;
    box-sizing: border-box;
    border: 0.125em solid transparent;
    border-radius: 0.3125em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  /* line 86, app/assets/stylesheets/components/form/_hint-form.scss */
  .hint-form .form-item__actions span {
    display: inline-block;
  }
}

/* line 92, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item__label {
  max-width: 75px;
  width: fit-content;
}

/* line 98, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .form-item:nth-last-child(2) input {
  padding-right: 55px;
}

/* line 104, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .data-usage-container {
  min-height: 150px;
  margin-top: 30px;
}

/* line 108, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .data-usage-container .data-usage-headline {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 114, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .data-usage-container .fs-subtitle {
  justify-content: flex-start;
}

/* line 118, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .data-usage-container .subscription-toggle {
  position: relative;
  width: 115px;
  height: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

/* line 125, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .data-usage-container .subscription-toggle input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 18px;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  outline: none;
}

/* line 137, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .data-usage-container .subscription-toggle input:not(:checked) ~ .toggle {
  background-color: #A0A6B1;
}

/* line 141, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .data-usage-container .subscription-toggle input:checked ~ .toggle::before {
  left: auto;
  right: 1px;
}

/* line 148, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .hidden-inputs {
  margin-top: 15px;
  display: none;
  justify-content: space-between;
  gap: 15px;
}

@media screen and (max-width: 855px) {
  /* line 148, app/assets/stylesheets/components/form/_hint-form.scss */
  .hint-form .hidden-inputs {
    flex-direction: column;
  }
}

/* line 158, app/assets/stylesheets/components/form/_hint-form.scss */
.hint-form .hidden-inputs label, .hint-form .hidden-inputs input {
  width: 100%;
}

/* line 2, app/assets/stylesheets/components/form/_files-table.scss */
.files-table .files-list {
  max-width: 450px;
  display: flex;
  flex-direction: column;
  text-align: start;
}

/* line 8, app/assets/stylesheets/components/form/_files-table.scss */
.files-table .files-list__item {
  padding: 7px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--separatorLine);
}

/* line 14, app/assets/stylesheets/components/form/_files-table.scss */
.files-table .files-list__item.error {
  border: 3px solid #FF5370;
  border-radius: 6px;
}

/* line 19, app/assets/stylesheets/components/form/_files-table.scss */
.files-table .files-list__item .remove-btn {
  text-align: end;
  font-size: 14px;
}

/* line 24, app/assets/stylesheets/components/form/_files-table.scss */
.files-table .files-list__item___error {
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}

/* line 31, app/assets/stylesheets/components/form/_files-table.scss */
.files-table .files-list__file-name {
  padding-right: 15px;
  flex: 0.8;
  word-break: break-all;
  font-size: 14px;
}

/* line 38, app/assets/stylesheets/components/form/_files-table.scss */
.files-table .files-list__file-date {
  color: #5a5a5a;
  text-align: right;
  flex: 0.2;
  font-size: 12px;
}

/* line 44, app/assets/stylesheets/components/form/_files-table.scss */
.files-table .files-list__file-checkbox {
  color: #5a5a5a;
  text-align: right;
  flex: 0.2;
  font-size: 12px;
  cursor: pointer;
}

/* line 51, app/assets/stylesheets/components/form/_files-table.scss */
.files-table .files-list__file-checkbox svg {
  stroke: darkgray;
}

/* line 54, app/assets/stylesheets/components/form/_files-table.scss */
.files-table .files-list__file-checkbox svg.active {
  stroke: lightgreen;
  stroke-width: 3px;
}

/* line 62, app/assets/stylesheets/components/form/_files-table.scss */
.files-table__upload {
  position: relative;
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}

/* line 70, app/assets/stylesheets/components/form/_files-table.scss */
.files-table__upload input[type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  max-width: 150px;
  z-index: -1;
}

/* line 1, app/assets/stylesheets/components/form/_chat.scss */
.chat {
  position: relative;
  padding: 30px 15px 15px;
  background-color: var(--asideBackground);
  box-shadow: var(--boxShadow);
  border-radius: 16px;
}

/* line 8, app/assets/stylesheets/components/form/_chat.scss */
.chat__security {
  position: absolute;
  max-width: 420px;
  width: fit-content;
  top: 5px;
  left: 10px;
  right: 10px;
  margin: 0 auto;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  background-color: var(--supplementaryBackground);
  border-radius: 15px;
  box-shadow: var(--boxShadow);
}

/* line 25, app/assets/stylesheets/components/form/_chat.scss */
.chat__security span {
  padding-left: 5px;
}

/* line 29, app/assets/stylesheets/components/form/_chat.scss */
.chat__security i {
  color: var(--primaryColor);
}

/* line 34, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages {
  height: 375px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column-reverse;
  overflow-y: auto;
}

/* line 41, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .message {
  max-width: 85%;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: end;
  align-self: flex-end;
  text-align: end;
  gap: 5px;
}

/* line 51, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .message__reply {
  align-self: flex-start;
  align-items: start;
  text-align: start;
}

/* line 56, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .message__reply .message__header {
  background-color: var(--secondaryBackground);
}

/* line 58, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .message__reply .message__header p {
  color: var(--textGeneral);
}

/* line 64, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .message__header {
  padding: 0 15px;
  border-radius: 10px;
  background-color: var(--primaryColor);
  -webkit-box-shadow: var(--boxShadow);
  -moz-box-shadow: var(--boxShadow);
  box-shadow: var(--boxShadow);
}

/* line 72, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .message__header p {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
}

/* line 80, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .message__footer {
  margin: 5px 5px 0;
  display: flex;
  flex-direction: column;
  color: var(--textGeneral);
  font-weight: bold;
}

/* line 87, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .message__footer span {
  font-size: 11px;
  color: #CACACA;
  font-weight: 400;
}

/* line 95, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .chat-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  text-align: center;
}

/* line 105, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .chat-placeholder img {
  max-width: 210px;
  margin-bottom: 10px;
}

/* line 110, app/assets/stylesheets/components/form/_chat.scss */
.chat__messages .chat-placeholder p {
  margin: 0;
  color: #6A6A6A;
  font-size: 14px;
}

/* line 118, app/assets/stylesheets/components/form/_chat.scss */
.chat__actions {
  position: relative;
  display: flex;
}

/* line 122, app/assets/stylesheets/components/form/_chat.scss */
.chat__actions form {
  width: 100%;
  flex-direction: row;
}

/* line 127, app/assets/stylesheets/components/form/_chat.scss */
.chat__actions textarea {
  height: 50px;
  padding: 17px 15px;
  background-color: var(--secondaryBackground) !important;
  border-radius: 10px 0 0 10px;
  resize: none;
  outline: none;
}

/* line 136, app/assets/stylesheets/components/form/_chat.scss */
.chat__actions .chat-btn {
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* line 145, app/assets/stylesheets/components/form/_chat.scss */
.chat__actions .chat-btn input {
  position: absolute;
  width: 25px;
  height: 25px;
  z-index: -1;
  opacity: 0;
}

/* line 153, app/assets/stylesheets/components/form/_chat.scss */
.chat__actions .chat-btn svg {
  width: 16px;
}

/* line 158, app/assets/stylesheets/components/form/_chat.scss */
.chat__actions .attach-file {
  position: absolute;
  right: 50px;
}

/* line 163, app/assets/stylesheets/components/form/_chat.scss */
.chat__actions .send-btn {
  background-color: var(--primaryColor);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* line 167, app/assets/stylesheets/components/form/_chat.scss */
.chat__actions .send-btn svg {
  width: 21px;
  stroke: #FFFFFF;
}

/* line 171, app/assets/stylesheets/components/form/_chat.scss */
.chat__actions .send-btn i {
  color: var(--supplementaryColor);
}

/* line 1, app/assets/stylesheets/components/form/_login.scss */
.auth-container {
  max-width: 550px;
  margin: 50px auto;
  padding: 50px;
  background: var(--secondaryBackground);
  box-shadow: var(--boxShadow);
  border-radius: 15px;
}

/* line 9, app/assets/stylesheets/components/form/_login.scss */
.auth-container .page-title {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 16, app/assets/stylesheets/components/form/_login.scss */
.auth-container .page-title__footer p {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: var(--textGeneral);
}

/* line 25, app/assets/stylesheets/components/form/_login.scss */
.auth-container .login-form {
  background: none;
  padding: 0;
  border-radius: unset;
  box-shadow: none;
}

/* line 32, app/assets/stylesheets/components/form/_login.scss */
.auth-container .field-container {
  background-color: transparent !important;
}

@media screen and (max-width: 855px) {
  /* line 38, app/assets/stylesheets/components/form/_login.scss */
  .auth-container .buttons-container {
    margin-top: 10px;
  }
  /* line 41, app/assets/stylesheets/components/form/_login.scss */
  .auth-container .field-container {
    margin-bottom: 15px;
  }
}

/* line 47, app/assets/stylesheets/components/form/_login.scss */
.reset-pass {
  position: relative;
  top: -5px;
  font-size: 12px;
  color: #FFFFFF;
}

/* line 1, app/assets/stylesheets/components/_reset-password.scss */
.reset-password-form {
  max-width: 720px;
  min-height: calc(100vh - 115px);
  margin: 0 auto;
  padding: 75px 0 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 12, app/assets/stylesheets/components/_reset-password.scss */
.reset-password-form > * {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

/* line 1, app/assets/stylesheets/admin/_dashboard.scss */
.recent-case {
  min-height: auto !important;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* line 7, app/assets/stylesheets/admin/_dashboard.scss */
.recent-case__line {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 16px;
}

/* line 13, app/assets/stylesheets/admin/_dashboard.scss */
.recent-case__line b {
  font-size: 17px;
}

/* line 21, app/assets/stylesheets/admin/_dashboard.scss */
.cases-table .color-explainer-container {
  margin: 25px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

/* line 26, app/assets/stylesheets/admin/_dashboard.scss */
.cases-table .color-explainer-container .color-explainer {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--secondaryBackground);
  box-shadow: var(--boxShadow);
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
}

/* line 37, app/assets/stylesheets/admin/_dashboard.scss */
.cases-table .color-explainer-container .color-explainer div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
}

/* line 43, app/assets/stylesheets/admin/_dashboard.scss */
.cases-table .color-explainer-container .color-explainer.active-color {
  background-color: var(--primaryColor);
}

/* line 46, app/assets/stylesheets/admin/_dashboard.scss */
.cases-table .color-explainer-container .color-explainer.active-color span {
  color: #FFFFFF;
}

/* line 53, app/assets/stylesheets/admin/_dashboard.scss */
.cases-table .table-switcher {
  max-width: 300px;
  width: fit-content;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  box-sizing: border-box;
  background-color: var(--secondaryBackground);
  box-shadow: var(--boxShadow);
}

/* line 65, app/assets/stylesheets/admin/_dashboard.scss */
.cases-table .table-switcher.active {
  border-color: #3eef1e;
}

/* line 68, app/assets/stylesheets/admin/_dashboard.scss */
.cases-table .table-switcher.active span {
  color: #3eef1e;
  stroke: #3eef1e;
}

/* line 74, app/assets/stylesheets/admin/_dashboard.scss */
.cases-table .table-switcher span {
  display: none;
  text-transform: uppercase;
  font-style: unset;
}

/* line 79, app/assets/stylesheets/admin/_dashboard.scss */
.cases-table .table-switcher span.active-btn {
  display: inline-block;
}

/* line 86, app/assets/stylesheets/admin/_dashboard.scss */
.open-popup {
  padding-top: 20px;
}

/* line 89, app/assets/stylesheets/admin/_dashboard.scss */
.activity-list__popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 640px;
  height: fit-content;
  background-color: white;
  border: 1px solid #ccc;
  padding: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 999;
  border-radius: 5px;
}

/* line 106, app/assets/stylesheets/admin/_dashboard.scss */
.activity-list__popup.active {
  display: block;
}

/* line 110, app/assets/stylesheets/admin/_dashboard.scss */
.activity-list__popup .close {
  position: absolute;
  top: 15px;
  right: 15px;
}

/* line 115, app/assets/stylesheets/admin/_dashboard.scss */
.activity-list__popup .content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 122, app/assets/stylesheets/admin/_dashboard.scss */
.alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-bottom: 20px;
}

/* line 129, app/assets/stylesheets/admin/_dashboard.scss */
.alert-auto-disappear {
  animation: fadeOut 40s forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
}

/* line 146, app/assets/stylesheets/admin/_dashboard.scss */
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

/* line 152, app/assets/stylesheets/admin/_dashboard.scss */
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

/* line 158, app/assets/stylesheets/admin/_dashboard.scss */
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

/* line 164, app/assets/stylesheets/admin/_dashboard.scss */
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

/* line 1, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media screen and (max-width: 855px) {
  /* line 1, app/assets/stylesheets/admin/_manage-hint.scss */
  .manage-hint-container {
    flex-direction: column-reverse;
    gap: 35px;
  }
}

/* line 11, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .col {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/* line 15, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .col:first-of-type {
  flex: 1.2;
}

/* line 18, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .col:last-of-type {
  flex: .8;
}

@media screen and (max-width: 855px) {
  /* line 11, app/assets/stylesheets/admin/_manage-hint.scss */
  .manage-hint-container .col {
    flex: 1 !important;
  }
}

/* line 27, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .manage-hint-title {
  margin-bottom: 25px;
  gap: 30px;
}

/* line 31, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .manage-hint-title > span {
  color: var(--textGeneral);
  font-size: 18px;
  font-weight: 700;
}

/* line 38, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container p {
  font-size: 14px;
  line-height: 20px;
}

/* line 44, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .main-information section {
  height: 100%;
  padding: 30px 25px;
  box-shadow: 0 1px 26px -5px rgba(0, 0, 0, 0.09);
  border-radius: 16px;
  background-color: var(--secondaryBackground);
}

/* line 51, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .main-information section:first-of-type {
  padding: 30px 25px 10px;
  border: 2px solid var(--primaryColor);
}

/* line 55, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .main-information section:first-of-type > div {
  margin-bottom: 20px;
}

/* line 59, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .main-information section:first-of-type > div:nth-last-of-type(-n+2) {
  /*          padding-top: 25px;
          border-top: 1px solid #AFAFAF;*/
}

/* line 66, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .main-information .hint-form {
  margin: 0;
}

/* line 69, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .main-information .hint-form .form-item #removeBtn {
  display: none;
}

@media screen and (max-width: 855px) {
  /* line 76, app/assets/stylesheets/admin/_manage-hint.scss */
  .manage-hint-container .main-information .section-headline {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 84, app/assets/stylesheets/admin/_manage-hint.scss */
.manage-hint-container .activity-list__line {
  grid-template-columns: 1.2fr 2.5fr 1.2fr;
}

/* line 89, app/assets/stylesheets/admin/_manage-hint.scss */
.hint-files-container {
  margin-top: 30px;
  padding: 35px 25px;
  box-shadow: 0 1px 26px -5px rgba(0, 0, 0, 0.09);
  border-radius: 16px;
  background-color: var(--secondaryBackground);
}

/* line 96, app/assets/stylesheets/admin/_manage-hint.scss */
.hint-files-container.error {
  border: 2px solid #FF5370;
}

/* line 100, app/assets/stylesheets/admin/_manage-hint.scss */
.hint-files-container .manage-hint-title {
  margin: 0;
  flex-direction: column;
}

/* line 104, app/assets/stylesheets/admin/_manage-hint.scss */
.hint-files-container .manage-hint-title p {
  font-size: 16px;
  color: var(--textPrimary);
}

@media screen and (max-width: 855px) {
  /* line 104, app/assets/stylesheets/admin/_manage-hint.scss */
  .hint-files-container .manage-hint-title p {
    font-size: 14px;
  }
}

/* line 1, app/assets/stylesheets/components/popups/_popup.scss */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
}

/* line 12, app/assets/stylesheets/components/popups/_popup.scss */
.popup___active {
  display: flex;
}

/* line 16, app/assets/stylesheets/components/popups/_popup.scss */
.popup__background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
}

/* line 26, app/assets/stylesheets/components/popups/_popup.scss */
.popup__container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 75%;
  height: 75%;
  margin: auto;
  z-index: 3;
}

/* line 40, app/assets/stylesheets/components/popups/_popup.scss */
.popup__header {
  padding: 25px 50px;
  align-items: center;
  background-color: var(--primaryColor);
  border-radius: 10px 10px 0 0;
}

/* line 46, app/assets/stylesheets/components/popups/_popup.scss */
.popup__header i {
  font-size: 36px;
}

/* line 50, app/assets/stylesheets/components/popups/_popup.scss */
.popup__header span {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: bold;
}

/* line 57, app/assets/stylesheets/components/popups/_popup.scss */
.popup__body {
  padding: 25px 50px;
  font-size: 16px;
  background-color: var(--secondaryBackground);
  line-height: 21px;
  border-radius: 0 0 10px 10px;
}

/* line 66, app/assets/stylesheets/components/popups/_popup.scss */
.info-popup {
  position: absolute;
}

/* line 69, app/assets/stylesheets/components/popups/_popup.scss */
.info-popup .popup__container {
  position: absolute;
  margin: 0;
  width: 100%;
  max-width: 450px;
  height: max-content;
  border-radius: 10px;
  box-shadow: var(--boxShadow);
}

@media screen and (max-width: 855px) {
  /* line 69, app/assets/stylesheets/components/popups/_popup.scss */
  .info-popup .popup__container {
    max-width: 94vw;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
  }
}

/* line 90, app/assets/stylesheets/components/popups/_popup.scss */
.info-popup .popup__title {
  font-size: 16px;
  font-weight: normal;
}

/* line 95, app/assets/stylesheets/components/popups/_popup.scss */
.info-popup .popup__header {
  padding: 10px 15px;
  border: 1px solid var(--primaryColor);
}

/* line 98, app/assets/stylesheets/components/popups/_popup.scss */
.info-popup .popup__header i {
  font-size: 13px;
  color: #FFFFFF;
}

/* line 104, app/assets/stylesheets/components/popups/_popup.scss */
.info-popup .popup__body {
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
  border-width: 0 1px 1px 1px;
  border-color: var(--border);
  border-style: solid;
}

/* line 111, app/assets/stylesheets/components/popups/_popup.scss */
.info-popup .popup__body h3 {
  font-size: 15px;
}

/* line 115, app/assets/stylesheets/components/popups/_popup.scss */
.info-popup .popup__body p {
  font-size: 14px;
}

/* line 3, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .popup__container {
  max-width: 670px;
  max-height: 575px;
}

@media screen and (max-width: 855px) {
  /* line 3, app/assets/stylesheets/components/popups/_credentials-popup.scss */
  .credentials-popup .popup__container {
    width: 90%;
    height: 95%;
  }
}

/* line 12, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .popup__header {
  justify-content: center;
}

/* line 15, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .popup__header span {
  font-size: 20px;
  text-transform: uppercase;
}

@media screen and (max-width: 855px) {
  /* line 12, app/assets/stylesheets/components/popups/_credentials-popup.scss */
  .credentials-popup .popup__header {
    padding: 15px 20px;
    text-align: center;
  }
}

/* line 26, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .popup__body___title p {
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 855px) {
  /* line 25, app/assets/stylesheets/components/popups/_credentials-popup.scss */
  .credentials-popup .popup__body {
    padding: 15px 20px;
  }
  /* line 34, app/assets/stylesheets/components/popups/_credentials-popup.scss */
  .credentials-popup .popup__body___title {
    grid-template-columns: 1fr;
    font-size: 12px;
  }
  /* line 37, app/assets/stylesheets/components/popups/_credentials-popup.scss */
  .credentials-popup .popup__body___title i {
    display: none;
  }
}

/* line 45, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .credentials {
  max-width: 350px;
  margin: 25px auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* line 51, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .credentials__item {
  width: 100%;
  padding: 10px 15px;
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr;
  align-items: center;
  gap: 15px;
  background-color: var(--supplementaryBackground);
  border: 1px solid var(--primaryColor);
  border-radius: 7px;
}

@media screen and (max-width: 855px) {
  /* line 51, app/assets/stylesheets/components/popups/_credentials-popup.scss */
  .credentials-popup .credentials__item {
    grid-template-columns: 1fr;
    max-width: 160px;
    margin: 0 auto;
  }
}

/* line 68, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .credentials__item > * {
  text-align: center;
}

/* line 72, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .credentials__item .copy-btn {
  padding: 5px 15px;
  border: 1px solid var(--primaryColor);
  border-radius: 100px;
  font-size: 12px;
  color: var(--primaryColor);
  cursor: pointer;
}

/* line 80, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .credentials__item .copy-btn i {
  color: var(--primaryColor);
}

/* line 84, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .credentials__item .copy-btn:hover {
  background-color: var(--primaryColor);
}

/* line 86, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .credentials__item .copy-btn:hover, .credentials-popup .credentials__item .copy-btn:hover i {
  color: #FFFFFF !important;
}

/* line 95, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .remember-block label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .remember-block span {
  font-size: 14px;
  color: var(--textPrimary);
}

/* line 108, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .button-container {
  margin: 50px 0 25px;
  display: flex;
  justify-content: center;
}

/* line 113, app/assets/stylesheets/components/popups/_credentials-popup.scss */
.credentials-popup .button-container .submit:hover {
  background-color: var(--secondaryColor);
  border-color: var(--secondaryColor);
  color: #FFFFFF !important;
}

@media screen and (max-width: 855px) {
  /* line 112, app/assets/stylesheets/components/popups/_credentials-popup.scss */
  .credentials-popup .button-container .submit {
    width: 100%;
    max-width: 100%;
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* line 11, app/assets/stylesheets/beta-version/base/_normalise.scss */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/* line 23, app/assets/stylesheets/beta-version/base/_normalise.scss */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
/* line 31, app/assets/stylesheets/beta-version/base/_normalise.scss */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 40, app/assets/stylesheets/beta-version/base/_normalise.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 53, app/assets/stylesheets/beta-version/base/_normalise.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 64, app/assets/stylesheets/beta-version/base/_normalise.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
/* line 76, app/assets/stylesheets/beta-version/base/_normalise.scss */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 85, app/assets/stylesheets/beta-version/base/_normalise.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 95, app/assets/stylesheets/beta-version/base/_normalise.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 105, app/assets/stylesheets/beta-version/base/_normalise.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
/* line 116, app/assets/stylesheets/beta-version/base/_normalise.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 125, app/assets/stylesheets/beta-version/base/_normalise.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 133, app/assets/stylesheets/beta-version/base/_normalise.scss */
sub {
  bottom: -0.25em;
}

/* line 137, app/assets/stylesheets/beta-version/base/_normalise.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
/* line 148, app/assets/stylesheets/beta-version/base/_normalise.scss */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 160, app/assets/stylesheets/beta-version/base/_normalise.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 176, app/assets/stylesheets/beta-version/base/_normalise.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 186, app/assets/stylesheets/beta-version/base/_normalise.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/* line 195, app/assets/stylesheets/beta-version/base/_normalise.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 206, app/assets/stylesheets/beta-version/base/_normalise.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 218, app/assets/stylesheets/beta-version/base/_normalise.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
/* line 229, app/assets/stylesheets/beta-version/base/_normalise.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 240, app/assets/stylesheets/beta-version/base/_normalise.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 253, app/assets/stylesheets/beta-version/base/_normalise.scss */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
/* line 261, app/assets/stylesheets/beta-version/base/_normalise.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
/* line 270, app/assets/stylesheets/beta-version/base/_normalise.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 280, app/assets/stylesheets/beta-version/base/_normalise.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 290, app/assets/stylesheets/beta-version/base/_normalise.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
/* line 299, app/assets/stylesheets/beta-version/base/_normalise.scss */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 308, app/assets/stylesheets/beta-version/base/_normalise.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
/* line 320, app/assets/stylesheets/beta-version/base/_normalise.scss */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 328, app/assets/stylesheets/beta-version/base/_normalise.scss */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
/* line 339, app/assets/stylesheets/beta-version/base/_normalise.scss */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
/* line 347, app/assets/stylesheets/beta-version/base/_normalise.scss */
[hidden] {
  display: none;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Thin-98b468a7b47c8ca06e95ac088feeda846760bf6e56d625540c904e2de947b579.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Thin-98b468a7b47c8ca06e95ac088feeda846760bf6e56d625540c904e2de947b579.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ThinItalic-aa316b41f46bc9b791b9132bc80a0cf46ba4f83a2f2a591a241781449777196c.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ThinItalic-aa316b41f46bc9b791b9132bc80a0cf46ba4f83a2f2a591a241781449777196c.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraLight-e26d33bc6990a2779c6dd1ef5f5c2ebe59c83fba452ca219d71cfbb5fe2ca1a0.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraLight-e26d33bc6990a2779c6dd1ef5f5c2ebe59c83fba452ca219d71cfbb5fe2ca1a0.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraLightItalic-3fa24f0c9bafea5cdec176a16cfdd673a7ba9630f6881b48b1a7e7f2d106760e.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraLightItalic-3fa24f0c9bafea5cdec176a16cfdd673a7ba9630f6881b48b1a7e7f2d106760e.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Light-4ce037c9246e2b381ddef69f59e4b33a75dc325d70fde111f085798e282df4c6.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Light-4ce037c9246e2b381ddef69f59e4b33a75dc325d70fde111f085798e282df4c6.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-LightItalic-fb71eae6a38edbd448c7e31089f43a3b1d057dc5f2293e7c5c22055fa89f944c.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-LightItalic-fb71eae6a38edbd448c7e31089f43a3b1d057dc5f2293e7c5c22055fa89f944c.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Regular-4132d2d2b9443d42422ebb2769b3113c157e0cf08c91cfe555a6da5ac0a9c762.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Regular-4132d2d2b9443d42422ebb2769b3113c157e0cf08c91cfe555a6da5ac0a9c762.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Regular-4132d2d2b9443d42422ebb2769b3113c157e0cf08c91cfe555a6da5ac0a9c762.ttf);
  src: url(https://immifast.de/fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Medium-a0b175e6a264afe1ce1dd92dfed7dce5dc11456840b0485ba483b2af54814baf.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Medium-a0b175e6a264afe1ce1dd92dfed7dce5dc11456840b0485ba483b2af54814baf.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-MediumItalic-70511621dae93667662525099afb59d9e122c07a0a4f097a36c9f8d03adce529.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-MediumItalic-70511621dae93667662525099afb59d9e122c07a0a4f097a36c9f8d03adce529.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-SemiBold-a27799af8da2e1b65bc12769eb5f8da47b0689e24f5cf655a4fb58db80bd90b7.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-SemiBold-a27799af8da2e1b65bc12769eb5f8da47b0689e24f5cf655a4fb58db80bd90b7.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-SemiBoldItalic-1dcef77255f4a359571ed3d2578ad53b20eb7cced711a16c4b2b5dd8782e2a82.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-SemiBoldItalic-1dcef77255f4a359571ed3d2578ad53b20eb7cced711a16c4b2b5dd8782e2a82.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Bold-542ca15de37ab3bcf41f3ee5fdb9a8a4ba3346a27998196101a9a01a0f4ce0d8.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Bold-542ca15de37ab3bcf41f3ee5fdb9a8a4ba3346a27998196101a9a01a0f4ce0d8.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-BoldItalic-13444103c4e6eda4c7737bd057ccd069a752fc6ac80398cdaabee980d0cc7f26.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-BoldItalic-13444103c4e6eda4c7737bd057ccd069a752fc6ac80398cdaabee980d0cc7f26.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraBold-9ecd5efbf99f5c6762b14741db971fbed9c206c2e8d51bf57bad3a68aea6d0d6.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraBold-9ecd5efbf99f5c6762b14741db971fbed9c206c2e8d51bf57bad3a68aea6d0d6.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraBoldItalic-43a5e41cb3eb1bad33da090653ea389f0583ab8adceb4b983a6fda8e63cfb80b.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-ExtraBoldItalic-43a5e41cb3eb1bad33da090653ea389f0583ab8adceb4b983a6fda8e63cfb80b.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Black-2c2a65a82753d30553b00cbb9cd86dc666c66f9b3f9f219732a611d06addfa09.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-Black-2c2a65a82753d30553b00cbb9cd86dc666c66f9b3f9f219732a611d06addfa09.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-BlackItalic-08bb638681bba47056eaf5f1f28132a903cfde55d54b40ac8a8fe2de21e34406.ttf);
  src: url(https://immifast.de/assets/fonts/Poppins/Poppins-BlackItalic-08bb638681bba47056eaf5f1f28132a903cfde55d54b40ac8a8fe2de21e34406.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}

/* line 1, app/assets/stylesheets/beta-version/base/_base.scss */
body {
  --basic-font: 'Poppins', sans-serif;
  font-family: var(--basic-font);
  background-color: var(--primaryBackground);
  font-size: 16px;
}

/* line 8, app/assets/stylesheets/beta-version/base/_base.scss */
* {
  color: var(--textGeneral);
  transition: all 200ms linear 0ms;
  outline-color: var(--primaryColor);
}

/* line 15, app/assets/stylesheets/beta-version/base/_base.scss */
[data-style="light"] .light-image {
  display: inline-block;
}

/* line 19, app/assets/stylesheets/beta-version/base/_base.scss */
[data-style="light"] .dark-image {
  display: none;
}

/* line 25, app/assets/stylesheets/beta-version/base/_base.scss */
[data-style="dark"] .light-image {
  display: none;
}

/* line 29, app/assets/stylesheets/beta-version/base/_base.scss */
[data-style="dark"] .dark-image {
  display: inline-block;
}

/* line 35, app/assets/stylesheets/beta-version/base/_base.scss */
.container {
  width: 100vw;
  min-height: 750px;
  height: calc(100vh - 115px);
  display: grid;
  grid-template-columns: 2.5fr 1.5fr;
  box-sizing: border-box;
}

/* line 43, app/assets/stylesheets/beta-version/base/_base.scss */
.container .centered {
  margin: auto;
}

/* line 47, app/assets/stylesheets/beta-version/base/_base.scss */
.container fieldset {
  padding: 65px !important;
}

/* line 52, app/assets/stylesheets/beta-version/base/_base.scss */
.full-container {
  display: flex;
}

/* line 56, app/assets/stylesheets/beta-version/base/_base.scss */
.content-section {
  padding: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}

@media screen and (max-width: 855px) {
  /* line 56, app/assets/stylesheets/beta-version/base/_base.scss */
  .content-section {
    display: none;
  }
}

/* line 67, app/assets/stylesheets/beta-version/base/_base.scss */
.content-section h1 {
  font-size: 34px;
  text-align: center;
}

/* line 72, app/assets/stylesheets/beta-version/base/_base.scss */
.content-section p {
  font-size: 16px;
  text-align: center;
  line-height: 28px;
}

/* line 78, app/assets/stylesheets/beta-version/base/_base.scss */
.content-section img {
  width: 100%;
  max-height: 500px;
}

@media screen and (min-height: 900px) {
  /* line 78, app/assets/stylesheets/beta-version/base/_base.scss */
  .content-section img {
    max-height: 600px;
  }
}

/* line 88, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section {
  position: relative;
  min-height: 650px;
  padding: 45px 65px;
  display: flex;
  flex-direction: column;
  background: var(--fade);
  box-shadow: -8px 0px 29px rgba(75, 75, 75, 0.4);
}

/* line 97, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section header {
  height: 60px;
}

/* line 99, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section header .logo {
  max-height: 60px;
}

/* line 104, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container {
  position: absolute;
  top: 105px;
  left: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 130px);
  margin: 50px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
}

/* line 117, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container.signup-form {
  opacity: 0;
}

/* line 121, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container.active {
  margin-left: -20px;
  display: flex !important;
  visibility: unset;
}

/* line 127, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container h3, .fields-section .form-container p {
  color: #FFFFFF;
  text-align: center;
}

/* line 132, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container h3 {
  font-size: 36px;
}

/* line 136, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container p {
  font-size: 16px;
}

/* line 140, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container form {
  max-width: 300px;
  width: 100%;
  margin: 50px auto;
}

/* line 145, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container form .field-container {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: none;
  box-shadow: none;
}

/* line 155, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container form .field-container label {
  color: #FFFFFF;
}

/* line 160, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container form input.btn {
  max-width: unset;
  width: 100%;
}

/* line 165, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .form-container form a.btn {
  width: 226px;
  max-width: unset;
  margin: 0 auto;
  background-color: var(--whiteToSecondary);
  color: var(--primaryColor);
}

/* line 175, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .btn-separator {
  position: relative;
  width: 240px;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  text-align: center;
  color: #FFFFFF;
}

/* line 186, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .btn-separator::before {
  content: "";
  width: 100%;
  display: inline-block;
  border-top: 1px solid #FFFFFF;
}

/* line 193, app/assets/stylesheets/beta-version/base/_base.scss */
.fields-section .btn-separator::after {
  content: "";
  width: 100%;
  display: inline-block;
  border-top: 1px solid #FFFFFF;
}

/* line 202, app/assets/stylesheets/beta-version/base/_base.scss */
.page-container {
  max-height: 100vh;
  display: grid;
  grid-template-columns: 17.5vw 82.5vw;
  grid-template-rows: 8.125em 1fr 1fr 1fr 1fr;
  overflow: hidden;
}

/* line 210, app/assets/stylesheets/beta-version/base/_base.scss */
main {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 2 / 6;
  padding: 55px 50px;
  box-sizing: border-box;
  overflow-y: scroll;
}

/* line 219, app/assets/stylesheets/beta-version/base/_base.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

/* line 223, app/assets/stylesheets/beta-version/base/_base.scss */
h3 {
  font-weight: 700;
  font-size: 64px;
}

/* line 228, app/assets/stylesheets/beta-version/base/_base.scss */
h5 {
  font-weight: 400;
  font-size: 24px;
}

/* line 233, app/assets/stylesheets/beta-version/base/_base.scss */
h6 {
  font-size: 14px;
  color: var(--textSecondary);
}

/* line 238, app/assets/stylesheets/beta-version/base/_base.scss */
p {
  font-weight: 400;
  font-size: 18px;
}

/* line 243, app/assets/stylesheets/beta-version/base/_base.scss */
a {
  text-decoration: none;
}

/* line 246, app/assets/stylesheets/beta-version/base/_base.scss */
a:hover, a:hover * {
  color: var(--secondaryColor) !important;
  stroke: var(--secondaryColor) !important;
}

/* line 252, app/assets/stylesheets/beta-version/base/_base.scss */
ul {
  padding: 0;
  list-style-type: none;
}

/* line 257, app/assets/stylesheets/beta-version/base/_base.scss */
div {
  box-sizing: border-box;
}

/* line 261, app/assets/stylesheets/beta-version/base/_base.scss */
input, select {
  padding: 10px 15px;
}

/* line 265, app/assets/stylesheets/beta-version/base/_base.scss */
textarea {
  padding: 25px;
}

/* line 269, app/assets/stylesheets/beta-version/base/_base.scss */
input, textarea, select {
  border-radius: 5px;
  font-size: 14px;
  font-weight: 300;
  box-sizing: border-box;
}

/* line 274, app/assets/stylesheets/beta-version/base/_base.scss */
input::placeholder, textarea::placeholder, select::placeholder {
  color: #8F8F8F;
}

/* line 279, app/assets/stylesheets/beta-version/base/_base.scss */
.text-left {
  text-align: left;
}

/* line 283, app/assets/stylesheets/beta-version/base/_base.scss */
.text-right {
  text-align: right;
}

/* line 287, app/assets/stylesheets/beta-version/base/_base.scss */
.text-center {
  text-align: center;
}

/* line 291, app/assets/stylesheets/beta-version/base/_base.scss */
hr {
  margin: 15px 0 25px;
}

/* line 295, app/assets/stylesheets/beta-version/base/_base.scss */
.small-note {
  max-width: 150px;
  width: fit-content;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
}

/* line 304, app/assets/stylesheets/beta-version/base/_base.scss */
.small-note.active {
  color: var(--primaryColor);
  background-color: #EAF6F5;
}

/* line 309, app/assets/stylesheets/beta-version/base/_base.scss */
.small-note.disabled {
  color: var(--textPrimary);
  background-color: #ECECEC;
}

/* line 315, app/assets/stylesheets/beta-version/base/_base.scss */
p.notice, p.alert {
  position: absolute;
  left: 0;
  right: 0;
  top: 90px;
  max-width: 350px;
  width: fit-content;
  margin: 0 auto;
  padding: 15px 20px;
  background-color: var(--secondaryBackground);
  border-radius: 10px;
  box-shadow: var(--boxShadow);
  z-index: 99;
  border: solid #FF5370;
}

/* line 331, app/assets/stylesheets/beta-version/base/_base.scss */
.hide {
  display: none !important;
}

/* line 335, app/assets/stylesheets/beta-version/base/_base.scss */
.file-error {
  color: #A0A6B1;
  text-decoration: line-through;
}

/* line 340, app/assets/stylesheets/beta-version/base/_base.scss */
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

/* line 347, app/assets/stylesheets/beta-version/base/_base.scss */
.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* line 353, app/assets/stylesheets/beta-version/base/_base.scss */
.small {
  font-size: 12px;
  color: var(--textPrimary);
  font-weight: 300;
  font-style: italic;
  text-decoration: none;
}

/* line 361, app/assets/stylesheets/beta-version/base/_base.scss */
.error {
  color: #FF5370;
}

/* line 366, app/assets/stylesheets/beta-version/base/_base.scss */
.error-date::placeholder {
  color: #FF5370;
}

/* line 371, app/assets/stylesheets/beta-version/base/_base.scss */
.inactive-company-placeholder {
  max-width: 640px;
  max-height: 350px;
  margin: auto;
  padding: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: center;
  background-color: var(--whiteToSecondary);
  box-shadow: 0px 1px 26px -5px rgba(0, 0, 0, 0.09);
  border-radius: 15px;
}

/* line 386, app/assets/stylesheets/beta-version/base/_base.scss */
.inactive-company-placeholder svg {
  width: 100px;
  height: 100px;
  stroke-width: 1px;
  margin-bottom: 20px;
}

/* line 393, app/assets/stylesheets/beta-version/base/_base.scss */
.inactive-company-placeholder h3 {
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

/* line 399, app/assets/stylesheets/beta-version/base/_base.scss */
.inactive-company-placeholder p {
  font-weight: 300;
  font-size: 16px;
}

/* line 403, app/assets/stylesheets/beta-version/base/_base.scss */
.inactive-company-placeholder p a {
  color: var(--primaryColor);
}

/* line 1, app/assets/stylesheets/beta-version/components/_buttons.scss */
.btn {
  max-width: max-content;
  padding: 10px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primaryColor);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: none;
}

/* line 17, app/assets/stylesheets/beta-version/components/_buttons.scss */
.btn span {
  color: #FFFFFF;
}

/* line 21, app/assets/stylesheets/beta-version/components/_buttons.scss */
.btn:hover {
  color: var(--primaryColor);
  background-color: transparent;
  border: 2px solid var(--primaryColor);
}

/* line 26, app/assets/stylesheets/beta-version/components/_buttons.scss */
.btn:hover span {
  color: var(--primaryColor);
}

/* line 32, app/assets/stylesheets/beta-version/components/_buttons.scss */
.previous-btn {
  padding: 0;
  color: var(--primaryColor);
  font-weight: 400;
  font-size: 16px;
  background-color: transparent;
  outline: none;
}

/* line 40, app/assets/stylesheets/beta-version/components/_buttons.scss */
.previous-btn:hover {
  text-decoration: underline;
}

/* line 45, app/assets/stylesheets/beta-version/components/_buttons.scss */
.buttons-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

/* line 51, app/assets/stylesheets/beta-version/components/_buttons.scss */
.buttons-container a {
  text-align: center;
}

@media screen and (max-width: 855px) {
  /* line 45, app/assets/stylesheets/beta-version/components/_buttons.scss */
  .buttons-container {
    flex-direction: column-reverse;
    margin-top: 25px;
  }
  /* line 58, app/assets/stylesheets/beta-version/components/_buttons.scss */
  .buttons-container input, .buttons-container a {
    max-width: 100%;
    width: 100%;
    font-size: 14px;
  }
  /* line 63, app/assets/stylesheets/beta-version/components/_buttons.scss */
  .buttons-container input.previous, .buttons-container a.previous {
    background: none;
    color: var(--dark);
  }
}

/* line 70, app/assets/stylesheets/beta-version/components/_buttons.scss */
.buttons-container.buttons-start {
  justify-content: flex-start !important;
}

/* line 74, app/assets/stylesheets/beta-version/components/_buttons.scss */
.buttons-container.buttons-end {
  justify-content: flex-end !important;
}

/* line 79, app/assets/stylesheets/beta-version/components/_buttons.scss */
.btn-dark {
  padding: 7px 15px;
  background-color: var(--secondaryColor);
  font-weight: 400;
}

/* line 84, app/assets/stylesheets/beta-version/components/_buttons.scss */
.btn-dark:hover {
  border-color: var(--secondaryColor);
  color: var(--secondaryColor);
}

/* line 90, app/assets/stylesheets/beta-version/components/_buttons.scss */
.add-btn {
  max-width: fit-content;
  min-height: 30px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  border: 2px solid var(--primaryColor);
  border-radius: 100px;
  transition: .3s;
}

/* line 102, app/assets/stylesheets/beta-version/components/_buttons.scss */
.add-btn i {
  font-size: 12px;
  color: var(--primaryColor) !important;
}

/* line 107, app/assets/stylesheets/beta-version/components/_buttons.scss */
.add-btn span {
  color: var(--primaryColor);
  font-size: 12px;
  font-weight: 500;
}

/* line 113, app/assets/stylesheets/beta-version/components/_buttons.scss */
.add-btn:hover {
  background-color: var(--primaryColor);
}

/* line 115, app/assets/stylesheets/beta-version/components/_buttons.scss */
.add-btn:hover span, .add-btn:hover i {
  color: #FFFFFF !important;
}

/* line 121, app/assets/stylesheets/beta-version/components/_buttons.scss */
.submit-btn {
  float: right;
  align-self: end;
}

/* line 126, app/assets/stylesheets/beta-version/components/_buttons.scss */
.remove-btn {
  cursor: pointer;
  transform: translateY(0);
  transition: transform .5s;
}

/* line 130, app/assets/stylesheets/beta-version/components/_buttons.scss */
.remove-btn:hover {
  transform: translateY(-3px);
  transition: transform .5s;
}

/* line 136, app/assets/stylesheets/beta-version/components/_buttons.scss */
.upload-btn {
  background-color: transparent;
  border: 1px solid var(--secondaryToLight) !important;
  color: var(--secondaryToLight);
  cursor: pointer;
}

/* line 142, app/assets/stylesheets/beta-version/components/_buttons.scss */
.upload-btn:hover {
  color: var(--whiteToDark);
  background-color: var(--secondaryToLight);
}

/* line 149, app/assets/stylesheets/beta-version/components/_buttons.scss */
.close-btn:hover, .close-btn:hover * {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* line 2, app/assets/stylesheets/beta-version/components/_forms.scss */
form .fields-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}

/* line 9, app/assets/stylesheets/beta-version/components/_forms.scss */
form .fields-row label {
  width: 100%;
}

/* line 15, app/assets/stylesheets/beta-version/components/_forms.scss */
.input-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* line 20, app/assets/stylesheets/beta-version/components/_forms.scss */
.input-container:not(:first-of-type) {
  margin-top: 15px;
}

/* line 24, app/assets/stylesheets/beta-version/components/_forms.scss */
.input-container label {
  font-weight: 400;
  font-size: 14px;
}

/* line 28, app/assets/stylesheets/beta-version/components/_forms.scss */
.input-container label span {
  font-size: 12px;
  color: var(--textPrimary);
}

/* line 34, app/assets/stylesheets/beta-version/components/_forms.scss */
.input-container p {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
}

/* line 40, app/assets/stylesheets/beta-version/components/_forms.scss */
.input-container input, .input-container textarea {
  max-height: 30px;
  padding-left: 10px;
  border: 1px solid var(--border);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
}

/* line 49, app/assets/stylesheets/beta-version/components/_forms.scss */
.input-container textarea {
  max-height: 250px;
  height: 150px;
  resize: none;
}

/* line 1, app/assets/stylesheets/beta-version/components/_aside.scss */
.main-navigation {
  height: 100vh;
  grid-column: 1 / 1;
  grid-row: 1 / 6;
  border-right: 1px solid var(--sideBorder);
  background-color: var(--asideBackground);
}

/* line 8, app/assets/stylesheets/beta-version/components/_aside.scss */
.main-navigation__container {
  height: 100%;
  padding: 50px 35px 50px 45px;
  display: grid;
  grid-template-rows: 1fr 4fr 1fr;
}

/* line 15, app/assets/stylesheets/beta-version/components/_aside.scss */
.main-navigation .case_manager {
  background-color: #fccaa6;
}

/* line 19, app/assets/stylesheets/beta-version/components/_aside.scss */
.main-navigation .super_case_manager {
  background-color: #FFA564;
}

/* line 23, app/assets/stylesheets/beta-version/components/_aside.scss */
.main-navigation .customs_officer {
  background-color: #728FC8;
}

/* line 27, app/assets/stylesheets/beta-version/components/_aside.scss */
.main-navigation .theme-switcher {
  margin-bottom: 30px;
}

/* line 31, app/assets/stylesheets/beta-version/components/_aside.scss */
.main-navigation .reverse-toggle {
  margin: 10px 0 20px;
}

/* line 34, app/assets/stylesheets/beta-version/components/_aside.scss */
.main-navigation .reverse-toggle .toggle {
  background: #fff;
}

/* line 36, app/assets/stylesheets/beta-version/components/_aside.scss */
.main-navigation .reverse-toggle .toggle::before {
  background-color: var(--primaryColor);
}

/* line 1, app/assets/stylesheets/beta-version/components/_header.scss */
.main-header {
  grid-column: 2 / 2;
  grid-row: 1/ 2;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--sideBorder);
  background: transparent;
  box-shadow: none;
}

/* line 10, app/assets/stylesheets/beta-version/components/_header.scss */
.main-header__container {
  width: 100%;
  padding: 0 50px;
  display: flex;
  justify-content: space-between;
}

/* line 18, app/assets/stylesheets/beta-version/components/_header.scss */
.page-title {
  margin: 25px 0;
  align-self: center;
  font-size: 16px;
  font-weight: bold;
}

/* line 24, app/assets/stylesheets/beta-version/components/_header.scss */
.page-title h3 {
  margin: 0;
  font-size: 32px;
}

@media screen and (max-width: 855px) {
  /* line 18, app/assets/stylesheets/beta-version/components/_header.scss */
  .page-title {
    font-size: 14px;
  }
  /* line 31, app/assets/stylesheets/beta-version/components/_header.scss */
  .page-title p {
    font-size: 16px;
  }
}

/* line 1, app/assets/stylesheets/beta-version/components/_search-box.scss */
.search-box {
  position: relative;
  max-width: 500px;
  width: 100%;
  display: flex;
  align-items: center;
}

/* line 8, app/assets/stylesheets/beta-version/components/_search-box.scss */
.search-box input {
  min-width: 200px;
  width: 100%;
  height: 50px;
  padding: 10px;
}

/* line 14, app/assets/stylesheets/beta-version/components/_search-box.scss */
.search-box input::placeholder {
  color: var(--textSecondary);
}

/* line 21, app/assets/stylesheets/beta-version/components/_search-box.scss */
.search-button {
  position: absolute;
  right: 15px;
  width: 16px;
  height: 16px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

/* line 31, app/assets/stylesheets/beta-version/components/_search-box.scss */
.search-button svg {
  width: 16px;
  height: 16px;
  stroke: var(--textGeneral);
}

/* line 6, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list .add-todo {
  margin-bottom: 15px;
  color: var(--textSecondary);
}

/* line 11, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--textPrimary);
  font-weight: 500;
}

/* line 19, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list__item:not(:first-child) {
  margin-top: 10px;
}

/* line 23, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list__item label {
  display: flex;
  align-items: center;
}

/* line 28, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list__item input {
  appearance: none;
}

/* line 32, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list__item svg {
  width: 14px;
  height: 14px;
  margin-right: 10px;
  display: inline-block;
  border-radius: 30px;
  border: 2px solid var(--textPrimary);
  stroke: #FFFFFF;
}

/* line 42, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list__item .connected-hint {
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 11px;
  color: var(--textSecondary);
}

/* line 50, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list__item___checked label {
  text-decoration-line: line-through;
  text-decoration-thickness: 3px;
  color: green;
}

/* line 56, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list__item___checked svg {
  stroke: green;
  border-color: green;
}

/* line 63, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list .show-more {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--textSecondary);
  font-weight: 600;
  font-size: 14px;
}

/* line 72, app/assets/stylesheets/beta-version/components/_todo-list.scss */
.todo-list .show-more svg {
  width: 16px;
  height: 16px;
}

/* line 2, app/assets/stylesheets/beta-version/components/_menu-list.scss */
.menu-list__item {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 7, app/assets/stylesheets/beta-version/components/_menu-list.scss */
.menu-list__item:not(:first-child) {
  margin-top: 25px;
}

/* line 11, app/assets/stylesheets/beta-version/components/_menu-list.scss */
.menu-list__item a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--textPrimary);
}

/* line 17, app/assets/stylesheets/beta-version/components/_menu-list.scss */
.menu-list__item a:hover {
  color: var(--primaryColor);
}

/* line 20, app/assets/stylesheets/beta-version/components/_menu-list.scss */
.menu-list__item a:hover svg {
  stroke: var(--primaryColor);
}

/* line 25, app/assets/stylesheets/beta-version/components/_menu-list.scss */
.menu-list__item a svg {
  width: 16px;
  stroke: var(--textPrimary);
}

/* line 32, app/assets/stylesheets/beta-version/components/_menu-list.scss */
.menu-list__item___active a {
  color: var(--activeLinkColor);
}

/* line 35, app/assets/stylesheets/beta-version/components/_menu-list.scss */
.menu-list__item___active a svg {
  stroke: var(--activeLinkColor);
}

/* line 1, app/assets/stylesheets/beta-version/components/_company-logotype.scss */
.company-logotype {
  width: 100%;
  max-height: 54px;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 32px;
  font-weight: bold;
}

/* line 10, app/assets/stylesheets/beta-version/components/_company-logotype.scss */
.company-logotype svg {
  width: 50px;
  height: 50px;
}

/* line 15, app/assets/stylesheets/beta-version/components/_company-logotype.scss */
.company-logotype img {
  width: 100%;
  height: 40px;
  object-fit: contain;
}

/* line 22, app/assets/stylesheets/beta-version/components/_company-logotype.scss */
.company-name {
  font-size: 26px;
  font-weight: 700;
  word-break: break-word;
}

/* line 1, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-section {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 100px;
  margin-bottom: 50px;
}

/* line 8, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.test-period-information {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
}

/* line 14, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.test-period-information p {
  margin: 0;
  font-size: 24px;
  line-height: 36px;
}

/* line 18, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.test-period-information p span {
  color: var(--primaryColor);
  font-weight: bold;
}

/* line 24, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.test-period-information .date-container {
  padding: 15px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: rgba(85, 205, 187, 0.05);
  border: 1px solid var(--primaryColor);
  border-radius: 7px;
}

/* line 33, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.test-period-information .date-container i {
  color: var(--primaryColor);
  font-size: 18px;
}

/* line 39, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.test-period-information .highlight-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

/* line 45, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.test-period-information .highlight-link > * {
  color: var(--primaryColor);
  font-size: 18px;
}

/* line 50, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.test-period-information .highlight-link span {
  text-decoration: underline;
  font-weight: 600;
}

/* line 57, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.plans-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 35px;
}

/* line 65, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.current-subscription {
  padding-right: 75px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border);
  box-sizing: border-box;
}

/* line 72, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.current-subscription__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 78, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.current-subscription__line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/* line 81, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.current-subscription__line h6 {
  font-weight: 400;
}

/* line 85, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.current-subscription__line span {
  font-weight: 600;
}

/* line 91, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscriptions-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 75px;
}

/* line 97, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block {
  height: 450px;
  width: 305px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  border-radius: 20px;
  border: 2px solid var(--primaryColor);
  background-color: var(--whiteToSecondary);
}

/* line 109, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block.highlighted {
  background: url(https://immifast.de/assets/subscription-bg-2a8cd9a2dd0643f04c4a199f1915e637c388c3564e1cb1106798733680724285.png);
}

/* line 112, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block.highlighted * {
  color: #FFFFFF;
}

/* line 117, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block hr {
  width: 100%;
  background-color: var(--primaryColor);
  margin: 0;
}

/* line 123, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block__price {
  display: flex;
  gap: 5px;
  font-size: 24px;
  font-weight: 600;
}

/* line 129, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block__price span {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 700;
}

/* line 135, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block__price .amount {
  font-size: 54px;
  font-weight: 700;
}

/* line 140, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block__price .period {
  display: flex;
  align-items: flex-end;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.6;
}

/* line 148, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block__price > * {
  color: var(--secondaryToLight);
}

/* line 153, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block > a {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
}

/* line 159, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block > a svg {
  height: 14px;
}

/* line 163, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block > a.btn {
  max-width: 100%;
  width: 100%;
  background-color: var(--primaryColor);
  border-radius: 80px;
  border: 1px solid var(--primaryColor);
  color: var(--secondaryColor);
}

/* line 171, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.subscription-block > a.btn:hover {
  background: transparent;
}

/* line 179, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.features-list li {
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 300;
  font-size: 13px;
}

/* line 186, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.features-list li:not(:first-of-type) {
  margin-top: 15px;
}

/* line 190, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.features-list li::before {
  content: '';
  display: inline-block;
  min-width: 12px;
  width: 12px;
  height: 8px;
  background-image: url(https://immifast.de/assets/vectors/list-icon-7ca93102c7014c85a52cd191a0fb46ece473867ab7e0cbcea8cec117b28c0b6d.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 204, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
fieldset .subscriptions-list {
  grid-template-columns: 1fr 1fr 1fr;
}

/* line 208, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
fieldset .subscription-block:first-of-type {
  background: none;
  box-shadow: none;
}

/* line 213, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
fieldset .subscription-block:nth-of-type(2) {
  background-color: var(--primaryColor);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}

/* line 218, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
fieldset .subscription-block h5, fieldset .subscription-block p {
  color: var(--textPrimary);
}

/* line 224, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.receipts-table {
  margin-top: 100px;
  padding: 0;
}

/* line 227, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.receipts-table .table__line {
  grid-template-columns: 1fr 1fr 1fr;
}

/* line 231, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.receipts-table .table__line div:nth-of-type(2) {
  justify-content: center;
}

/* line 235, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.receipts-table .table__line div:last-of-type {
  justify-content: flex-end;
}

/* line 240, app/assets/stylesheets/beta-version/components/_subscription-blocks.scss */
.receipts-table .table__line a {
  color: var(--primaryColor);
}

/* line 1, app/assets/stylesheets/beta-version/components/_registration-process.scss */
.registration-area {
  padding: 25px 50px;
}

@media screen and (max-width: 855px) {
  /* line 1, app/assets/stylesheets/beta-version/components/_registration-process.scss */
  .registration-area {
    padding: 0;
  }
}

/* line 10, app/assets/stylesheets/beta-version/components/_registration-process.scss */
.reg-form fieldset {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: var(--secondaryBackground);
  border: 0 none;
  border-radius: 15px;
  box-shadow: var(--boxShadow);
  box-sizing: border-box;
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/beta-version/components/_registration-process.scss */
.reg-form fieldset:not(:first-of-type) {
  display: none;
}

/* line 33, app/assets/stylesheets/beta-version/components/_registration-process.scss */
.reg-form input, .reg-form textarea, .reg-form select {
  width: 100%;
  box-sizing: border-box;
}

/* line 38, app/assets/stylesheets/beta-version/components/_registration-process.scss */
.reg-form .action-button {
  width: 100px;
  background-color: var(--primaryColor);
  font-weight: bold;
  font-size: 13px;
  color: #FFFFFF;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
}

/* line 51, app/assets/stylesheets/beta-version/components/_registration-process.scss */
.reg-form .action-button:hover, .reg-form .action-button:focus {
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #3eef1e;
}

/* line 55, app/assets/stylesheets/beta-version/components/_registration-process.scss */
.reg-form p {
  font-size: 14px;
}

/* line 59, app/assets/stylesheets/beta-version/components/_registration-process.scss */
.reg-form .remove-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 66, app/assets/stylesheets/beta-version/components/_registration-process.scss */
.fs-title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--textGeneral);
}

/* line 73, app/assets/stylesheets/beta-version/components/_registration-process.scss */
.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: var(--secondaryToLight);
  margin-bottom: 20px;
}

/* line 80, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar {
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  counter-reset: step;
  z-index: 1;
}

/* line 90, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar li {
  position: relative;
  width: calc(100% / 3);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

/* line 98, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar li span {
  min-width: fit-content;
  font-size: 15px;
  font-weight: 600;
  color: var(--primaryColor);
}

@media screen and (max-width: 855px) {
  /* line 98, app/assets/stylesheets/beta-version/components/_registration-process.scss */
  #progressbar li span {
    display: none;
  }
}

/* line 108, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  position: absolute;
  right: 0;
  min-width: 34px;
  min-height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #A0A6B1;
  border: 1px solid #A0A6B1;
  border-radius: 100px;
  box-sizing: border-box;
}

/* line 126, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar li:after {
  content: '';
  position: absolute;
  left: 0;
  width: calc(100% - 44px);
  height: 1px;
  background-color: #A0A6B1;
}

/* line 135, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar li.active {
  width: auto;
  min-width: fit-content;
}

/* line 139, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar li.active:before {
  position: unset;
  background-color: var(--primaryColor);
  color: #FFFFFF;
  border-color: var(--primaryColor);
}

/* line 146, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar li.active:after {
  content: none;
}

/* line 152, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar li.done:before {
  left: 0;
  right: auto;
  background-color: transparent;
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}

/* line 160, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar li.done:after {
  right: 0;
  left: auto;
  background-color: var(--primaryColor);
}

/* line 169, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar-line {
  position: relative;
  top: -20px;
  left: -30px;
  width: calc(100% + 60px);
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

/* line 179, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar-line li {
  width: calc(100%/3);
  height: 5px;
}

/* line 183, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar-line li.active {
  background-color: var(--primaryColor);
}

/* line 187, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar-line li:first-child {
  border-top-left-radius: 15px;
}

/* line 191, app/assets/stylesheets/beta-version/components/_registration-process.scss */
#progressbar-line li:last-child {
  border-top-right-radius: 15px;
}

/* line 1, app/assets/stylesheets/beta-version/components/_checkboxes.scss */
.checkbox {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}

/* line 8, app/assets/stylesheets/beta-version/components/_checkboxes.scss */
.checkbox input {
  width: 15px;
  height: 15px;
  margin: 0;
}

/* line 1, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.hint-creation {
  max-width: 720px;
  min-height: calc(100vh - 115px);
  margin: 0 auto;
  padding: 25px 0 50px;
  box-sizing: border-box;
}

/* line 8, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.hint-creation .fs-subtitle {
  margin: 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
}

/* line 17, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.hint-creation .checkbox-list {
  margin-bottom: 30px;
}

/* line 21, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.hint-creation .btn {
  min-width: 140px;
}

/* line 24, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.hint-creation .btn.disabled {
  background-color: #A0A6B1;
}

/* line 29, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.hint-creation .form-line {
  column-gap: 15px;
}

/* line 33, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.hint-creation .buttons-container {
  margin-top: 40px;
  justify-content: space-between;
}

/* line 37, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.hint-creation .buttons-container .btn.next:hover, .hint-creation .buttons-container .btn.submit:hover {
  background-color: var(--secondaryColor);
  border-color: var(--secondaryColor);
  color: #FFFFFF !important;
}

/* line 44, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.hint-creation .summary-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 49, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.hint-creation .summary-form .buttons-container {
  margin-top: 0;
}

/* line 55, app/assets/stylesheets/beta-version/components/_hint-creation.scss */
.track-hint-page {
  max-width: 1150px;
  min-height: calc(100vh - 115px);
  margin: 0 auto;
  padding: 20px 65px 50px;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/beta-version/components/_toggle.scss */
.toggle {
  position: relative;
  width: 28px;
  height: 15px;
  background: var(--primaryColor);
  border-radius: 30px;
}

/* line 8, app/assets/stylesheets/beta-version/components/_toggle.scss */
.toggle::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 13px;
  height: 13px;
  display: inline-block;
  border-radius: 100%;
  background-color: #FFFFFF;
}

/* line 1, app/assets/stylesheets/beta-version/components/_user-panel.scss */
.user-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 7, app/assets/stylesheets/beta-version/components/_user-panel.scss */
.user-name {
  color: var(--textGeneral);
  font-size: 20px;
  font-weight: 600;
}

/* line 13, app/assets/stylesheets/beta-version/components/_user-panel.scss */
.user-role {
  margin-top: 5px;
  color: var(--textPrimary);
  font-weight: 400;
  font-size: 14px;
}

/* line 21, app/assets/stylesheets/beta-version/components/_user-panel.scss */
.user-actions svg {
  width: 24px;
  height: 24px;
  stroke: var(--textPrimary);
}

/* line 1, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table {
  max-width: 75%;
}

/* line 4, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line {
  grid-template-columns: 1fr 1.5fr 1fr .2fr;
  gap: 10px;
}

/* line 8, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line > * {
  align-self: center;
}

/* line 12, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line div:first-of-type {
  width: 100%;
  justify-self: flex-start;
}

/* line 17, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line a {
  justify-self: flex-end;
}

/* line 21, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line.add-manager {
  display: none;
}

/* line 23, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line.add-manager form {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 0.1fr;
  gap: 10px;
}

/* line 29, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line.add-manager form > * {
  align-self: center;
}

/* line 33, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line.add-manager form select {
  -webkit-appearance: none;
  appearance: none;
  color: grey;
}

/* line 41, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line.add-manager button {
  background: none;
  border: none;
  box-shadow: none;
}

/* line 48, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line > select {
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
}

/* line 55, app/assets/stylesheets/beta-version/components/_table-lines.scss */
.managers-table .table__line svg {
  width: 16px;
  height: 16px;
}

/* line 2, app/assets/stylesheets/beta-version/components/_quick-note.scss */
.quick-note textarea {
  width: 100%;
  min-height: 50px;
  padding: 0 15px 20px 0;
  border-radius: 5px;
  border: none !important;
  outline: none;
  background: transparent !important;
  resize: none;
  font-size: 14px;
}

/* line 16, app/assets/stylesheets/beta-version/components/_quick-note.scss */
.new_quick_note, .edit_quick_note {
  margin: 0;
}

/* line 20, app/assets/stylesheets/beta-version/components/_quick-note.scss */
section.note-container {
  height: auto !important;
}

/* line 2, app/assets/stylesheets/beta-version/components/_activity-list.scss */
.activity-list__line {
  padding: 10px 0;
  display: grid;
  grid-template-columns: .5fr 1.5fr 2.7fr .8fr;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #AFAFAF;
}

/* line 10, app/assets/stylesheets/beta-version/components/_activity-list.scss */
.activity-list__line span {
  font-weight: 400;
  font-size: 14px;
  color: #6A6A6A;
}

/* line 15, app/assets/stylesheets/beta-version/components/_activity-list.scss */
.activity-list__line span:first-of-type {
  color: var(--textGeneral);
}

/* line 19, app/assets/stylesheets/beta-version/components/_activity-list.scss */
.activity-list__line span.activity-id {
  color: var(--primaryColor);
  background-color: var(--supplementaryToDark);
  padding: 3px 5px;
  border-radius: 4px;
}

/* line 26, app/assets/stylesheets/beta-version/components/_activity-list.scss */
.activity-list__line b {
  color: var(--primaryColor);
}

/* line 29, app/assets/stylesheets/beta-version/components/_activity-list.scss */
.activity-list__line .activity-date {
  margin-left: auto;
  text-align: right;
}

/* line 35, app/assets/stylesheets/beta-version/components/_activity-list.scss */
.activity-list-container {
  max-height: 225px;
  padding-right: 10px;
  overflow-x: auto;
}

/* line 40, app/assets/stylesheets/beta-version/components/_activity-list.scss */
.activity-list-container .pagination > span {
  display: none;
}

/* line 1, app/assets/stylesheets/beta-version/components/_comments.scss */
.case-comments {
  display: flex;
  flex-direction: column;
}

/* line 5, app/assets/stylesheets/beta-version/components/_comments.scss */
.case-comments form {
  margin: 15px 0 20px;
}

/* line 9, app/assets/stylesheets/beta-version/components/_comments.scss */
.case-comments-list {
  display: flex;
  flex-direction: column;
}

/* line 16, app/assets/stylesheets/beta-version/components/_comments.scss */
.comment:not(:first-of-type) {
  margin-top: 20px;
}

/* line 22, app/assets/stylesheets/beta-version/components/_comments.scss */
.comment__headline b {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}

/* line 28, app/assets/stylesheets/beta-version/components/_comments.scss */
.comment__headline span {
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: var(--textPrimary);
}

/* line 37, app/assets/stylesheets/beta-version/components/_comments.scss */
.comment__body p {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: var(--textSecondary);
}

/* line 1, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-menu {
  margin: -58px 0 30px -50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}

/* line 8, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-menu > * {
  width: 100%;
  padding: 15px 0;
  text-align: center;
  border-top: 2px solid transparent;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
}

/* line 18, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-menu > a {
  max-width: max-content;
  padding: 15px 25px;
}

/* line 21, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-menu > a:hover, .settings-menu > a.active {
  background-color: var(--supplementaryToDark);
  border-top: 2px solid var(--primaryColor);
}

/* line 25, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-menu > a:hover span, .settings-menu > a.active span {
  color: var(--primaryColor);
}

/* line 31, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-menu > div {
  padding: 15px 25px;
  display: flex;
  align-items: center;
}

/* line 35, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-menu > div hr {
  height: 16px;
  margin: 0 10px;
  border-right: 1px solid var(--border);
}

/* line 43, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-container {
  height: fit-content;
  margin: 0;
  padding: 35px 40px;
  background-color: var(--secondaryBackground);
  box-shadow: 0 1px 26px -5px rgba(0, 0, 0, 0.09);
  border-radius: 16px;
}

/* line 51, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-container h4 {
  margin-top: 0;
}

/* line 55, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-container input[type='submit'] {
  max-width: 215px;
  width: 100%;
  margin: 35px 0 0 auto;
  padding: 10px 0;
  background-color: var(--primaryColor);
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  border: none;
}

/* line 68, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-container input[disabled="disabled"] {
  background: none !important;
  border: none !important;
  padding: 0;
  overflow: hidden;
}

/* line 75, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-container .image-settings {
  margin-top: 25px;
}

/* line 77, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-container .image-settings img {
  max-width: 250px;
  max-height: 200px;
}

/* line 84, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-area {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}

/* line 89, app/assets/stylesheets/beta-version/components/_settings.scss */
.settings-area > * {
  box-sizing: border-box;
}

/* line 94, app/assets/stylesheets/beta-version/components/_settings.scss */
.security-settings {
  width: 100%;
}

/* line 97, app/assets/stylesheets/beta-version/components/_settings.scss */
.security-settings .settings-container {
  min-width: 250px;
  width: 100%;
}

/* line 101, app/assets/stylesheets/beta-version/components/_settings.scss */
.security-settings .settings-container input[type='submit'] {
  margin: 20px auto 0;
}

/* line 107, app/assets/stylesheets/beta-version/components/_settings.scss */
.notification-settings {
  gap: 35px;
}

/* line 110, app/assets/stylesheets/beta-version/components/_settings.scss */
.notification-settings .settings-container {
  max-width: 50%;
  width: 100%;
}

/* line 114, app/assets/stylesheets/beta-version/components/_settings.scss */
.notification-settings .settings-container h4 {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 600;
}

/* line 119, app/assets/stylesheets/beta-version/components/_settings.scss */
.notification-settings .settings-container h4:not(:first-of-type) {
  margin-top: 35px;
}

/* line 124, app/assets/stylesheets/beta-version/components/_settings.scss */
.notification-settings .settings-container .toggle {
  margin-top: 15px;
}

/* line 130, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
}

/* line 135, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .settings-container {
  height: 100%;
  gap: 15px;
}

/* line 138, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .settings-container:first-child {
  width: 100%;
  padding: 35px 50px;
  grid-column: 1 / 5;
  grid-row: 1 /4;
}

/* line 145, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .settings-container:nth-child(2) {
  grid-column: 1 / 2;
  grid-row: 4 / 5;
}

/* line 150, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .settings-container:nth-child(3) {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
}

/* line 155, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .settings-container:nth-child(4) {
  grid-column: 1 / 3;
  grid-row: 5 / 7;
  background: transparent;
  box-shadow: none;
}

/* line 162, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .settings-container:nth-child(5) {
  grid-column: 3 / 5;
  grid-row: 4 / 7;
}

/* line 167, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .settings-container .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* line 172, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .settings-container .row > div {
  max-width: 250px;
  width: 100%;
}

/* line 179, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .display-toggle {
  position: relative;
  margin-top: 15px;
}

/* line 182, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .display-toggle input {
  cursor: pointer;
}

/* line 186, app/assets/stylesheets/beta-version/components/_settings.scss */
.company-settings .display-toggle .error {
  position: absolute;
  bottom: -35px;
  left: 0;
}

/* line 194, app/assets/stylesheets/beta-version/components/_settings.scss */
.fonts-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

/* line 199, app/assets/stylesheets/beta-version/components/_settings.scss */
.fonts-container label {
  font-size: 14px;
  gap: 5px;
}

/* line 1, app/assets/stylesheets/beta-version/components/_lang-toggle.scss */
.lang-toggle {
  width: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

/* line 8, app/assets/stylesheets/beta-version/components/_lang-toggle.scss */
.lang-toggle span {
  padding: 3px 5px;
  border-radius: 4px;
  color: var(--textPrimary);
}

/* line 15, app/assets/stylesheets/beta-version/components/_lang-toggle.scss */
.lang-toggle[data-lang="en"] span#langEn {
  color: var(--primaryColor);
  background-color: var(--supplementaryToDark);
}

/* line 19, app/assets/stylesheets/beta-version/components/_lang-toggle.scss */
.lang-toggle[data-lang="en"] .toggle::before {
  right: 1px;
  left: auto;
}

/* line 26, app/assets/stylesheets/beta-version/components/_lang-toggle.scss */
.lang-toggle[data-lang="de"] span#langDe {
  color: var(--primaryColor);
  background-color: var(--supplementaryToDark);
}

/* line 1, app/assets/stylesheets/beta-version/components/_theme-switcher.scss */
.theme-switcher {
  position: relative;
  width: 110px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--switcherBackround);
  border-radius: 50px;
  border: 1px solid var(--whiteToDark);
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/beta-version/components/_theme-switcher.scss */
.theme-switcher input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 110px;
  height: 36px;
  border-radius: 50px;
}

/* line 23, app/assets/stylesheets/beta-version/components/_theme-switcher.scss */
.theme-switcher i {
  color: var(--darkToPrimary);
  z-index: 1;
}

/* line 27, app/assets/stylesheets/beta-version/components/_theme-switcher.scss */
.theme-switcher i.fa-moon {
  color: var(--textSecondary);
}

/* line 32, app/assets/stylesheets/beta-version/components/_theme-switcher.scss */
.theme-switcher::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 54px;
  height: 32px;
  display: inline-block;
  border-radius: 50px;
  background-color: var(--whiteToDark);
  transition: left 500ms ease, background-color 10ms ease;
}

/* line 48, app/assets/stylesheets/beta-version/components/_theme-switcher.scss */
[data-style="dark"] .theme-switcher::before {
  left: auto;
  right: 2px;
}

/* line 53, app/assets/stylesheets/beta-version/components/_theme-switcher.scss */
[data-style="dark"] .theme-switcher i {
  color: var(--textSecondary);
  z-index: 1;
}

/* line 57, app/assets/stylesheets/beta-version/components/_theme-switcher.scss */
[data-style="dark"] .theme-switcher i.fa-moon {
  color: var(--darkToPrimary);
}

/* line 2, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard .dashboard-container {
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

/* line 9, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard .dashboard-container > div, .dashboard .dashboard-container > section {
  min-height: 480px;
  flex: 1;
  padding: 35px 50px;
  background-color: var(--secondaryBackground);
  box-shadow: var(--boxShadow);
  border-radius: 16px;
  box-sizing: border-box;
}

/* line 19, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard .dashboard-container > div {
  flex: 0.4;
  flex-direction: column !important;
}

/* line 23, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard .dashboard-container > div .qr-code {
  width: 100%;
  height: 100%;
}

/* line 26, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard .dashboard-container > div .qr-code img {
  max-width: 100%;
}

/* line 32, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard .dashboard-container > section {
  flex: 1.6;
}

/* line 37, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard .cases-list-container {
  align-items: flex-start;
}

/* line 39, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard .cases-list-container > div, .dashboard .cases-list-container > section {
  height: auto;
}

/* line 41, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard .cases-list-container > div:first-of-type, .dashboard .cases-list-container > section:first-of-type {
  flex: 3;
}

/* line 48, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard.managers-dashboard .statistic-container {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

/* line 55, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard.managers-dashboard .case_manager {
  grid-template-columns: repeat(6, 1fr);
}

/* line 61, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard.abh-managers-dashboard .statistic-container {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

/* line 68, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard.abh-managers-dashboard .case_manager {
  grid-template-columns: repeat(6, 1fr);
}

/* line 74, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard.admin-dashboard .dashboard-container-wide {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 0.4fr;
  align-items: center;
  gap: 30px;
}

/* line 81, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard.admin-dashboard .dashboard-container-wide > div {
  height: 215px;
}

/* line 85, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard.admin-dashboard .dashboard-container-wide .subscription-info, .dashboard.admin-dashboard .dashboard-container-wide .company-link-container {
  background-color: var(--supplementaryBackground);
  border: 1px solid var(--primaryColor);
  border-radius: 10px;
}

/* line 91, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard.admin-dashboard .statistic-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* line 96, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard.admin-dashboard .statistic-container .stat-block__icon i {
  font-size: 26px;
}

/* line 101, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.dashboard.admin-dashboard .managers-table .table__line {
  grid-template-columns: 1fr 1fr .2fr;
}

/* line 108, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container {
  padding: 30px 35px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 114, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .qr-code {
  padding: 15px;
  background-color: var(--secondaryBackground);
  border-radius: 10px;
}

/* line 119, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .qr-code img {
  max-width: 120px;
}

/* line 123, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .company-link-share {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
}

/* line 131, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .company-link-share h4 {
  margin: 0;
}

/* line 135, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .company-link-share form {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
}

/* line 141, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .company-link-share form > * {
  height: 38px;
}

/* line 145, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .company-link-share form input[type="email"] {
  padding-right: 35px;
  border: 1px solid var(--primaryColor);
}

/* line 150, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .company-link-share form .send-btn {
  position: absolute;
  right: 0;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primaryColor);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-sizing: border-box;
}

/* line 161, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .company-link-share form .send-btn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 169, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .company-link-share form .send-btn > * {
  cursor: pointer;
}

/* line 175, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .company-link-share .share-btn {
  width: max-content;
  padding: 7px 15px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  color: var(--primaryColor);
  background-color: var(--secondaryBackground);
  border-radius: 10px;
}

/* line 186, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.company-link-container .company-link-share .share-btn svg {
  stroke: var(--primaryColor);
  width: 16px;
}

/* line 194, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.subscription-info {
  display: grid;
  grid-template-rows: 1fr 4fr;
}

/* line 197, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.subscription-info__header {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: #FFFFFF;
  background-color: var(--primaryColor);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* line 208, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.subscription-info__header svg {
  stroke: #FFFFFF;
  width: 18px;
}

/* line 214, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.subscription-info__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 15px;
}

/* line 220, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.subscription-info__body h4 {
  font-size: 18px;
  margin: 0;
  color: var(--textGeneral);
}

/* line 226, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.subscription-info__body p {
  font-size: 14px;
  color: var(--textPrimary);
}

/* line 231, app/assets/stylesheets/beta-version/components/_dashboard.scss */
.subscription-info__body span {
  color: var(--primaryColor);
  font-weight: 500;
  font-size: 14px;
}

/* line 1, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.stat-block {
  max-width: 250px;
  max-height: 100px;
  padding: 15px 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  background-color: var(--primaryColor);
  border-radius: 10px;
}

/* line 12, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.stat-block:nth-of-type(2) {
  background-color: #FF5370;
}

/* line 16, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.stat-block__icon {
  padding: 10px 12px;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
}

/* line 20, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.stat-block__icon i {
  font-size: 24px;
  color: #FFFFFF;
}

/* line 26, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.stat-block h4 {
  margin: 0;
  font-weight: 600;
  font-size: 21px;
  color: #FFFFFF;
}

/* line 33, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.stat-block span {
  font-weight: 300;
  font-size: 11px;
  color: #FFFFFF;
}

/* line 40, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.abh-managers-dashboard .stat-block {
  max-width: 250px;
  max-height: 100px;
  padding: 15px 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  background-color: var(--primaryColor);
  border-radius: 10px;
}

/* line 51, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.abh-managers-dashboard .stat-block:nth-of-type(1) {
  background-color: #FF5370;
}

/* line 55, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.abh-managers-dashboard .stat-block__icon {
  padding: 10px 12px;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
}

/* line 59, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.abh-managers-dashboard .stat-block__icon i {
  font-size: 24px;
  color: #FFFFFF;
}

/* line 65, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.abh-managers-dashboard .stat-block h4 {
  margin: 0;
  font-weight: 600;
  font-size: 21px;
  color: #FFFFFF;
}

/* line 72, app/assets/stylesheets/beta-version/components/_stats-blocs.scss */
.abh-managers-dashboard .stat-block span {
  font-weight: 300;
  font-size: 11px;
  color: #FFFFFF;
}

/* line 1, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher {
  display: flex;
  gap: 10px;
}

/* line 5, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.custom {
  flex: 55%;
}

/* line 9, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .ready-themes {
  flex: 45%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* line 15, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .ready-themes .color-theme {
  padding: 15px 20px;
  cursor: pointer;
  border-radius: 10px;
}

/* line 22, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.custom {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: unset;
  padding: 15px;
  cursor: pointer;
  border-radius: 10px;
}

/* line 31, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.custom > div:first-of-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 38, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 44, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme input[type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  opacity: 0;
  cursor: pointer;
}

/* line 55, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme .colors-palette {
  display: flex;
}

/* line 57, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme .colors-palette span {
  width: 30px;
  height: 30px;
}

/* line 60, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme .colors-palette span:first-of-type {
  background-color: #8F8F8F;
}

/* line 63, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme .colors-palette span:nth-of-type(2) {
  background-color: #717171;
}

/* line 66, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme .colors-palette span:last-of-type {
  background-color: #CBCBCB;
}

/* line 75, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.green .colors-palette span:first-of-type {
  background-color: #29D6B4;
}

/* line 78, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.green .colors-palette span:nth-of-type(2) {
  background-color: #05262F;
}

/* line 81, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.green .colors-palette span:last-of-type {
  background-color: #EAF6F5;
}

/* line 91, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.blue .colors-palette span:first-of-type {
  background-color: #728FC8;
}

/* line 94, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.blue .colors-palette span:nth-of-type(2) {
  background-color: #081C45;
}

/* line 97, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.blue .colors-palette span:last-of-type {
  background-color: #EDEEFF;
}

/* line 107, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.orange .colors-palette span:first-of-type {
  background-color: #FFA564;
}

/* line 110, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.orange .colors-palette span:nth-of-type(2) {
  background-color: #303030;
}

/* line 113, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-theme.orange .colors-palette span:last-of-type {
  background-color: #FFF6E3;
}

/* line 121, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-picker-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 126, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-picker-container span {
  color: #DFDFDF;
  font-weight: 300;
  font-size: 14px;
}

/* line 133, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-input {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 139, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-picker {
  height: 30px;
  width: 26px;
  appearance: none;
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  padding: 0;
}

/* line 148, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher .color-picker::-webkit-color-swatch {
  border-radius: 100%;
  border: none;
}

/* line 153, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.color-switcher input[type='text'] {
  width: 100px;
  color: #DFDFDF;
  border-color: #DFDFDF;
}

/* line 160, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.active-theme {
  background-color: var(--secondaryBackground);
  box-shadow: var(--boxShadow);
}

/* line 165, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.active-theme .color-picker-container span {
  color: var(--textPrimary);
}

/* line 168, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.active-theme .color-picker-container input[type='text'] {
  color: var(--textPrimary);
  border-color: var(--border);
}

/* line 174, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.active-theme .radio-btn {
  border: 2px solid var(--secondaryColor) !important;
  background-color: var(--secondaryColor) !important;
}

/* line 177, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.active-theme .radio-btn svg {
  display: inline-block !important;
}

/* line 180, app/assets/stylesheets/beta-version/components/_color-switcher.scss */
.active-theme .radio-btn input {
  z-index: -1;
}

/* line 1, app/assets/stylesheets/beta-version/components/_display-toggle.scss */
.display-toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 7, app/assets/stylesheets/beta-version/components/_display-toggle.scss */
.display-toggle input[type="checkbox"] {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0;
}

/* line 16, app/assets/stylesheets/beta-version/components/_display-toggle.scss */
.display-toggle span {
  padding: 5px 10px;
  border-radius: 5px;
  color: var(--textPrimary);
  font-weight: 600;
}

/* line 23, app/assets/stylesheets/beta-version/components/_display-toggle.scss */
.display-toggle input[type="checkbox"]:checked ~ span:last-of-type,
.display-toggle input[type="checkbox"]:not(:checked) ~ span:first-of-type {
  background-color: var(--supplementaryColor);
  color: var(--secondaryColor);
}

/* line 29, app/assets/stylesheets/beta-version/components/_display-toggle.scss */
.display-toggle .toggle {
  width: 58px;
  height: 30px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: var(--secondaryColor);
}

/* line 37, app/assets/stylesheets/beta-version/components/_display-toggle.scss */
.display-toggle .toggle::before {
  top: 2px;
  left: 2px;
  width: 26px;
  height: 26px;
  z-index: 1;
}

/* line 45, app/assets/stylesheets/beta-version/components/_display-toggle.scss */
.display-toggle .toggle svg {
  width: 14px;
  border-radius: 100px;
  stroke: var(--secondaryColor);
  z-index: 2;
}

/* line 53, app/assets/stylesheets/beta-version/components/_display-toggle.scss */
.display-toggle input[type="checkbox"]:checked ~ .toggle::before {
  left: auto;
  right: 2px;
}

/* line 1, app/assets/stylesheets/beta-version/components/_radio-btn.scss */
.radio-btn-container {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/beta-version/components/_radio-btn.scss */
.radio-btn-container.active .radio-btn {
  border: 2px solid var(--secondaryColor) !important;
  background-color: var(--secondaryColor) !important;
}

/* line 11, app/assets/stylesheets/beta-version/components/_radio-btn.scss */
.radio-btn-container.active .radio-btn svg {
  display: inline-block !important;
}

/* line 18, app/assets/stylesheets/beta-version/components/_radio-btn.scss */
.radio-btn {
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #6A6A6A;
  background-color: transparent;
  border-radius: 100%;
}

/* line 27, app/assets/stylesheets/beta-version/components/_radio-btn.scss */
.radio-btn input {
  display: none;
}

/* line 30, app/assets/stylesheets/beta-version/components/_radio-btn.scss */
.radio-btn svg {
  display: none;
  width: 15px;
  height: 15px;
  stroke: #FFFFFF;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/beta-version/components/_additional-request.scss */
.additional-request {
  position: relative;
  margin-bottom: 30px;
  padding: 25px 65px;
  background-color: var(--secondaryColor);
  border-left: 4px solid var(--primaryColor);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}

/* line 15, app/assets/stylesheets/beta-version/components/_additional-request.scss */
.additional-request * {
  color: #FFFFFF;
  margin: 0;
}

/* line 20, app/assets/stylesheets/beta-version/components/_additional-request.scss */
.additional-request__description {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 24, app/assets/stylesheets/beta-version/components/_additional-request.scss */
.additional-request__description h4 {
  font-weight: 600;
  font-size: 18px;
}

/* line 28, app/assets/stylesheets/beta-version/components/_additional-request.scss */
.additional-request__description p {
  font-size: 16px;
  font-weight: 300;
}

/* line 32, app/assets/stylesheets/beta-version/components/_additional-request.scss */
.additional-request__description p b {
  font-weight: 600;
}

/* line 39, app/assets/stylesheets/beta-version/components/_additional-request.scss */
.additional-request__action a {
  background-color: #FFFFFF;
  color: var(--secondaryColor);
}

/* line 45, app/assets/stylesheets/beta-version/components/_additional-request.scss */
.additional-request i {
  position: absolute;
  top: 20px;
  left: 10px;
  color: var(--primaryColor);
  font-size: 21px;
}

/* line 53, app/assets/stylesheets/beta-version/components/_additional-request.scss */
.additional-request .close-request {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* line 1, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar, .status-bar .select2 {
  max-width: 200px;
  width: fit-content !important;
}

/* line 5, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .select2-selection__rendered, .status-bar .status-item, .status-bar .select2 .select2-selection__rendered, .status-bar .select2 .status-item {
  padding: 0 25px 0 15px;
  font-size: 13px;
  background: var(--secondaryColor);
  color: #FFFFFF !important;
  border-radius: 15px;
  text-transform: capitalize;
}

/* line 14, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .select2-selection, .status-bar .select2 .select2-selection {
  outline: none;
  padding-left: 0;
}

/* line 19, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .select2-selection[aria-expanded="true"] #select2-status-container, .status-bar .select2 .select2-selection[aria-expanded="true"] #select2-status-container {
  border-radius: 15px 15px 0 0 !important;
}

/* line 25, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .status-item, .status-bar .select2 .status-item {
  max-width: 165px;
  width: fit-content;
  padding: 5px 15px;
  color: #FFFFFF;
  font-size: 12px;
}

/* line 32, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .status-item li, .status-bar .select2 .status-item li {
  color: #FFFFFF;
}

/* line 36, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .status-item.submitted, .status-bar .select2 .status-item.submitted {
  background-color: #bfc9c6;
}

/* line 39, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .status-item.in-progress, .status-bar .select2 .status-item.in-progress {
  background-color: #F7C882;
}

/* line 42, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .status-item.waiting_for_response, .status-bar .select2 .status-item.waiting_for_response {
  background-color: #ff0ff8;
}

/* line 45, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .status-item.create_measure, .status-bar .select2 .status-item.create_measure {
  background-color: #4F9CDA;
}

/* line 48, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .status-item.completed, .status-bar .select2 .status-item.completed {
  background-color: #3eef1e;
}

/* line 51, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .status-item.aborted, .status-bar .select2 .status-item.aborted {
  background-color: #FF5370;
}

/* line 54, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-bar .status-item.confirmed, .status-bar .select2 .status-item.confirmed {
  background-color: #f8ff7e;
}

/* line 60, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-dropdown-container {
  background-color: var(--secondaryColor) !important;
  border-radius: 0 0 15px 15px !important;
  box-shadow: none !important;
}

/* line 65, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-dropdown-container .select2-results li {
  font-size: 14px;
  color: #FFFFFF;
}

/* line 73, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-indicator > div {
  max-width: max-content;
  padding: 5px 10px;
  font-size: 13px;
  color: #FFFFFF;
  border-radius: 30px;
  text-align: center;
}

/* line 82, app/assets/stylesheets/beta-version/components/_status-dropdown.scss */
.status-indicator [data-status='completed'], .status-indicator [data-status='aborted'], .status-indicator [data-status='confirmed'] {
  display: inline-block;
}

/* line 1, app/assets/stylesheets/beta-version/components/tabs.scss */
.tabs-container {
  position: relative;
  padding-top: 75px;
  overflow-y: hidden;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/* line 8, app/assets/stylesheets/beta-version/components/tabs.scss */
.tabs-container .nav-tabs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--supplementaryToDark);
}

/* line 18, app/assets/stylesheets/beta-version/components/tabs.scss */
.tabs-container .nav-tabs .tab {
  width: 100%;
  padding: 10px 15px;
  text-align: center;
  border-top: 2px solid #FFFFFF;
}

/* line 24, app/assets/stylesheets/beta-version/components/tabs.scss */
.tabs-container .nav-tabs .tab:hover {
  border-top-color: var(--primaryColor);
  color: var(--primaryColor);
}

/* line 29, app/assets/stylesheets/beta-version/components/tabs.scss */
.tabs-container .nav-tabs .tab.active {
  background-color: var(--supplementaryToDark);
  color: var(--primaryColor);
  border-top-color: var(--primaryColor);
}

/* line 35, app/assets/stylesheets/beta-version/components/tabs.scss */
.tabs-container .nav-tabs .tab:first-of-type {
  border-top-left-radius: 15px;
}

/* line 39, app/assets/stylesheets/beta-version/components/tabs.scss */
.tabs-container .nav-tabs .tab:last-of-type {
  border-top-right-radius: 15px;
}

/* line 45, app/assets/stylesheets/beta-version/components/tabs.scss */
.tabs-container .tab-content {
  display: none;
}

/* line 1, app/assets/stylesheets/beta-version/components/_successful-message.scss */
.successful-message {
  max-width: 640px;
  max-height: 440px;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
  background-color: #FFFFFF;
  border-radius: 20px;
  background-color: var(--whiteToSecondary);
  background-image: url(https://immifast.de/assets/vectors/vector-bg-d34adc467fb454af150773b17f8d36d44ec2761a727ffa099b17439e3cd26831.png);
  background-size: cover;
  text-align: center;
}

/* line 19, app/assets/stylesheets/beta-version/components/_successful-message.scss */
.successful-message span {
  text-transform: uppercase;
  color: var(--primaryColor);
  font-weight: 700;
}

/* line 25, app/assets/stylesheets/beta-version/components/_successful-message.scss */
.successful-message h3, .successful-message p {
  max-width: 340px;
}

/* line 29, app/assets/stylesheets/beta-version/components/_successful-message.scss */
.successful-message h3 {
  font-size: 40px;
  font-weight: 400;
}

/* line 34, app/assets/stylesheets/beta-version/components/_successful-message.scss */
.successful-message p {
  font-size: 16px;
  font-weight: 300;
}

/* line 1, app/assets/stylesheets/components/_cv-form.scss */
.cv-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 6, app/assets/stylesheets/components/_cv-form.scss */
.collapse-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f0f0f0;
  padding: 10px;
  cursor: pointer;
  border: 1px solid #f0f0f0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* line 17, app/assets/stylesheets/components/_cv-form.scss */
.arrow-icon {
  height: 24px;
}

/* line 20, app/assets/stylesheets/components/_cv-form.scss */
.collapse-body {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  border: 1px solid #f0f0f0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* line 29, app/assets/stylesheets/components/_cv-form.scss */
.collapse-body form {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
}

/* line 35, app/assets/stylesheets/components/_cv-form.scss */
.created-data-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 40, app/assets/stylesheets/components/_cv-form.scss */
.created-data {
  display: flex;
  gap: 15px;
  align-items: center;
}

/* line 45, app/assets/stylesheets/components/_cv-form.scss */
.created-data > div {
  display: flex;
  gap: 5px;
  align-items: center;
}

/* line 52, app/assets/stylesheets/components/_cv-form.scss */
.form-item.error {
  border: 2px solid #FF5370;
}

/* line 57, app/assets/stylesheets/components/_cv-form.scss */
.form-item__container {
  margin-bottom: 25px;
}

/* line 60, app/assets/stylesheets/components/_cv-form.scss */
.form-item--row {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 10px;
}

/* line 66, app/assets/stylesheets/components/_cv-form.scss */
.form-item--row label {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 71, app/assets/stylesheets/components/_cv-form.scss */
.conditional-fields {
  display: none;
  margin-top: 15px;
}

/* line 76, app/assets/stylesheets/components/_cv-form.scss */
.form-item__container {
  margin-bottom: 25px;
  padding: 10px;
}

/* line 80, app/assets/stylesheets/components/_cv-form.scss */
.form-item--row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 25px;
}

/* line 86, app/assets/stylesheets/components/_cv-form.scss */
.form-item--row > div, .form-item--row input {
  width: 100%;
}

/* line 89, app/assets/stylesheets/components/_cv-form.scss */
.form-item--row label {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 94, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section__title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
}

/* line 101, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section__title span {
  display: inline-block;
  width: 100%;
}

/* line 105, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section__title .checkbox-container {
  display: flex;
  gap: 8px;
}

/* line 109, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section__title .checkbox-container > div {
  display: flex;
  flex-direction: column;
}

/* line 113, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section__title .checkbox-container > div > svg {
  stroke: darkgray;
}

/* line 116, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section__title .checkbox-container > div > svg.active {
  stroke: lightgreen;
  stroke-width: 3px;
}

/* line 121, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section__title .checkbox-container > div span {
  font-weight: bold;
}

/* line 124, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section__container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

/* line 129, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section__container.show {
  max-height: 16500px;
  /* Adjust the value based on your content */
  transition: max-height 0.5s ease-in;
  margin-top: 25px;
}

/* line 134, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section {
  height: auto !important;
}

/* line 137, app/assets/stylesheets/components/_cv-form.scss */
.hidden-section.error {
  border: 2px solid #FF5370;
}

/* line 141, app/assets/stylesheets/components/_cv-form.scss */
.rotated {
  transform: rotate(180deg);
}

/* line 145, app/assets/stylesheets/components/_cv-form.scss */
.current-job-checkbox {
  margin: 15px 0 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 300px;
}

/* line 153, app/assets/stylesheets/components/_cv-form.scss */
.current-job-checkbox input {
  width: 20px;
  height: 20px;
}

/* line 159, app/assets/stylesheets/components/_cv-form.scss */
.photo-upload {
  border: 1px solid black;
  margin: 10px 0 20px;
  padding: 5px;
  font-size: 20px;
  text-align: center;
}

/* line 166, app/assets/stylesheets/components/_cv-form.scss */
.photo-upload, .photo-upload label {
  width: 150px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 174, app/assets/stylesheets/components/_cv-form.scss */
.photo-upload input {
  visibility: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
}

/* line 181, app/assets/stylesheets/components/_cv-form.scss */
.photo-upload__preview {
  height: 100%;
  width: 100%;
}

/* line 184, app/assets/stylesheets/components/_cv-form.scss */
.photo-upload__preview img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/*# sourceMappingURL=application.css-3689289d469425d4c27e1f7c094296f91bda9e806f3c43eb7acd072514b64c82.map */