.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

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

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

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

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}
@font-face {
  font-family: 'icomoon';
  src: url(https://app.freshpay.cloud/assets/fonts/icomoon-32a12ece16b2935d3640bf526226aaa5333d546eeb5122a4f21098c49e343354.eot);
  src: url(https://app.freshpay.cloud/assets/fonts/icomoon-32a12ece16b2935d3640bf526226aaa5333d546eeb5122a4f21098c49e343354.eot) format("embedded-opentype"), url(https://app.freshpay.cloud/assets/fonts/icomoon-96e69ef7f08e5016479c6ef9d1899f21cac46f32f3667b316130a4282c60206c.ttf) format("truetype"), url(https://app.freshpay.cloud/assets/fonts/icomoon-0f995268cb78ae063ae405f4fef96bc4eabb16c672acd885ab2971a705461aef.woff) format("woff"), url(https://app.freshpay.cloud/assets/fonts/icomoon-bbc0ae3cdb031d41050e4d7dd4e4a76d2dd5b5671f41ca2513af3368aaacae67.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@charset "UTF-8";
/* line 1, app/assets/stylesheets/reset.scss */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 7, app/assets/stylesheets/reset.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/* line 1, app/assets/stylesheets/globals.scss */
html {
  font-size: 10px;
  height: 100%;
}

/* line 6, app/assets/stylesheets/globals.scss */
.body {
  font-family: var(--main-font);
  font-size: var(--font-m);
  position: relative;
}

@media (min-width: 768px) {
  /* line 6, app/assets/stylesheets/globals.scss */
  .body {
    height: 100%;
    overflow: hidden;
  }
}

/* line 17, app/assets/stylesheets/globals.scss */
*:before,
*:after {
  box-sizing: border-box;
}

/* line 22, app/assets/stylesheets/globals.scss */
.header-bar {
  position: fixed;
  width: 100%;
  z-index: 5;
  height: var(--header-height);
}

/* line 29, app/assets/stylesheets/globals.scss */
.main {
  display: flex;
  height: 100%;
}

/* line 32, app/assets/stylesheets/globals.scss */
.main .page-content {
  display: flex;
  margin-top: var(--header-height);
  width: 100%;
  height: calc(100% - var(--header-height));
  overflow: auto;
}

/* line 40, app/assets/stylesheets/globals.scss */
.main .sidebar {
  padding-top: var(--header-height);
  width: var(--sidebar-width);
  height: 100dvh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
}

@media (min-width: 768px) {
  /* line 40, app/assets/stylesheets/globals.scss */
  .main .sidebar {
    height: 100vh;
  }
}

/* line 52, app/assets/stylesheets/globals.scss */
.main .sidebar + .page-wrapper {
  padding-left: var(--sidebar-width);
}

/* line 58, app/assets/stylesheets/globals.scss */
.page-wrapper {
  width: 100%;
  height: 100%;
}

/* line 61, app/assets/stylesheets/globals.scss */
.page-wrapper > [data] {
  height: 100%;
}

/* line 66, app/assets/stylesheets/globals.scss */
li {
  list-style: none;
}

/* line 70, app/assets/stylesheets/globals.scss */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 76, app/assets/stylesheets/globals.scss */
input[type='number'] {
  -moz-appearance: textfield;
}

/* line 78, app/assets/stylesheets/globals.scss */
input[type='number'] #modal-source,
input[type='number'] #popup-source,
input[type='number'] #tooltip-source {
  position: absolute;
}

/* line 85, app/assets/stylesheets/globals.scss */
.main-calendar {
  display: flex;
  padding: 0px 30px 10px 30px;
}

/* line 90, app/assets/stylesheets/globals.scss */
.pagination {
  display: flex;
  gap: 11px;
  justify-content: flex-end;
  align-items: center;
  padding: 11px 0;
  color: #a0a0ab;
}

/* line 97, app/assets/stylesheets/globals.scss */
.pagination li > * {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 16px;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/globals.scss */
.pagination li > *:hover {
  color: #6f9d2f;
}

/* line 108, app/assets/stylesheets/globals.scss */
.pagination .selected {
  color: #6f9d2f;
  text-decoration: underline;
}

/* line 114, app/assets/stylesheets/globals.scss */
.global-info {
  position: fixed;
  z-index: 1000;
  top: 10px;
  left: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

/* line 126, app/assets/stylesheets/globals.scss */
.global-info svg {
  flex-shrink: 0;
}

/* line 129, app/assets/stylesheets/globals.scss */
.global-info > div {
  pointer-events: auto;
  margin: 0 auto;
  width: 100%;
  max-width: 700px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  border: 1px solid #2d9bdb;
  background-color: #d3eaf8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

/* line 142, app/assets/stylesheets/globals.scss */
.global-info > div.success {
  border-color: #8ec63f;
  background-color: #e8f3d8;
}

/* line 146, app/assets/stylesheets/globals.scss */
.global-info > div.alert {
  border-color: #eb5757;
  background-color: #fad1d1;
}

/* line 150, app/assets/stylesheets/globals.scss */
.global-info > div.warning {
  border-color: #f2c94c;
  background-color: #fcf1cf;
}

/* line 155, app/assets/stylesheets/globals.scss */
.global-info > div button {
  background-color: transparent;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: auto;
  cursor: pointer;
}

/* line 167, app/assets/stylesheets/globals.scss */
.active-link {
  color: #8dc63f;
  cursor: pointer;
  text-decoration: underline;
}

/* line 173, app/assets/stylesheets/globals.scss */
.margin-top-4 {
  margin-top: 16px;
}

/* line 177, app/assets/stylesheets/globals.scss */
.margin-bottom-3 {
  margin-bottom: 12px;
}

/* line 181, app/assets/stylesheets/globals.scss */
.margin-block-2 {
  margin-block: 8px;
}

/* line 184, app/assets/stylesheets/globals.scss */
.flex {
  display: flex;
}

/* line 187, app/assets/stylesheets/globals.scss */
.gap-2 {
  gap: 1rem;
}

/* line 190, app/assets/stylesheets/globals.scss */
.items-center {
  align-items: center;
}

/* line 193, app/assets/stylesheets/globals.scss */
.ms-auto {
  margin-inline-start: auto;
}

/* line 196, app/assets/stylesheets/globals.scss */
.grow-1 {
  flex-grow: 1;
}

/* line 199, app/assets/stylesheets/globals.scss */
.shrink-0 {
  flex-shrink: 0;
}

/* line 203, app/assets/stylesheets/globals.scss */
.note {
  height: 19px;
  width: 19px;
  display: block;
  color: var(--color-font-darker);
}

@font-face {
  font-family: 'icomoon';
  src: url(https://app.freshpay.cloud/assets/fonts/icomoon-32a12ece16b2935d3640bf526226aaa5333d546eeb5122a4f21098c49e343354.eot);
  src: url(https://app.freshpay.cloud/assets/fonts/icomoon-32a12ece16b2935d3640bf526226aaa5333d546eeb5122a4f21098c49e343354.eot) format("embedded-opentype"), url(https://app.freshpay.cloud/assets/fonts/icomoon-96e69ef7f08e5016479c6ef9d1899f21cac46f32f3667b316130a4282c60206c.ttf) format("truetype"), url(https://app.freshpay.cloud/assets/fonts/icomoon-0f995268cb78ae063ae405f4fef96bc4eabb16c672acd885ab2971a705461aef.woff) format("woff"), url(https://app.freshpay.cloud/assets/fonts/icomoon-bbc0ae3cdb031d41050e4d7dd4e4a76d2dd5b5671f41ca2513af3368aaacae67.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* line 1, app/assets/stylesheets/variables.scss */
:root {
  --main-font: 'Roboto', sans-serif;
  --special-font: 'Source Sans Pro', sans-serif;
  --font-xs: 1rem;
  --font-s: 1.2rem;
  --font-m: 1.4rem;
  --font-l: 1.6rem;
  --font-xl: 2.6rem;
  --color-accent: #8dc63f;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-danger: #eb5757;
  --color-danger-light: #fce6e6;
  --color-bcg-light: #ffffff;
  --color-bcg-dark: #414141;
  --color-font-darkest: #000000;
  --color-font-darker: #a0a0ab;
  --color-font-dark: #ddddee;
  --color-font-light: #ececf6;
  --color-font-lighter: #f5f5fd;
  --color-font-lightest: #ffffff;
  --header-height: 6rem;
  --sidebar-width: 6.5rem;
  --input-height: 3.8rem;
  --input-padding: 8px 12px;
  --border-radius: 4px;
}

/* line 1, app/assets/stylesheets/typography.scss */
.h1,
.h2 {
  font-family: var(--special-font);
}

/* line 4, app/assets/stylesheets/typography.scss */
.h1 .icon-button,
.h2 .icon-button {
  margin: 0 5px;
}

/* line 9, app/assets/stylesheets/typography.scss */
.thin {
  font-weight: 400;
}

/* line 13, app/assets/stylesheets/typography.scss */
.medium-bold {
  font-weight: 500;
}

/* line 17, app/assets/stylesheets/typography.scss */
.bold {
  font-weight: 600;
}

/* line 21, app/assets/stylesheets/typography.scss */
.bolder {
  font-weight: 700;
}

/* line 25, app/assets/stylesheets/typography.scss */
.w-25 {
  width: 25%;
}

/* line 29, app/assets/stylesheets/typography.scss */
.w-30 {
  width: 30%;
}

/* line 33, app/assets/stylesheets/typography.scss */
.w-35 {
  width: 35%;
}

/* line 37, app/assets/stylesheets/typography.scss */
.font-color-accent {
  color: var(--color-accent);
}

/* line 41, app/assets/stylesheets/typography.scss */
.color-danger,
.danger {
  color: var(--color-danger);
}

/* line 46, app/assets/stylesheets/typography.scss */
.danger-mute {
  color: var(--color-danger-light);
}

/* line 50, app/assets/stylesheets/typography.scss */
.color-mute,
.mute {
  color: var(--color-font-darker);
}

/* line 55, app/assets/stylesheets/typography.scss */
.color-black {
  color: var(--color-black);
}

/* line 59, app/assets/stylesheets/typography.scss */
.color-white {
  color: var(--color-font-lightest);
}

/* line 63, app/assets/stylesheets/typography.scss */
.font-xs {
  font-size: var(--font-xs);
}

/* line 66, app/assets/stylesheets/typography.scss */
.font-s {
  font-size: var(--font-s);
}

/* line 69, app/assets/stylesheets/typography.scss */
.font-m {
  font-size: var(--font-m);
}

/* line 72, app/assets/stylesheets/typography.scss */
.font-l {
  font-size: var(--font-l);
}

/* line 75, app/assets/stylesheets/typography.scss */
.font-xl {
  font-size: var(--font-xl);
}

/* line 79, app/assets/stylesheets/typography.scss */
.font-default {
  font-family: var(--main-font);
}

/* line 83, app/assets/stylesheets/typography.scss */
.font-special {
  font-family: var(--special-font);
}

/* line 87, app/assets/stylesheets/typography.scss */
.h1 {
  font-size: var(--font-xl);
}

/* line 91, app/assets/stylesheets/typography.scss */
.h2 {
  font-size: var(--font-l);
}

/* line 95, app/assets/stylesheets/typography.scss */
.no-wrap {
  white-space: nowrap;
}

/* line 99, app/assets/stylesheets/typography.scss */
.text-align-center {
  text-align: center;
}

/* line 103, app/assets/stylesheets/typography.scss */
.text-align-right {
  text-align: right;
}

/* line 108, app/assets/stylesheets/typography.scss */
.form-row .reset-margin {
  margin: 0;
}

/* line 113, app/assets/stylesheets/typography.scss */
.font-italic {
  font-style: italic;
}

/* line 1, app/assets/stylesheets/components/List/list.scss */
.list-header {
  margin-bottom: 5px;
}

/* line 5, app/assets/stylesheets/components/List/list.scss */
.list-body {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  gap: 5px;
}

/* line 10, app/assets/stylesheets/components/List/list.scss */
.list-body .list-item {
  display: flex;
  align-items: center;
  margin-left: 13px;
  list-style: none;
}

/* line 15, app/assets/stylesheets/components/List/list.scss */
.list-body .list-item::before {
  content: ' ';
  height: 3px;
  width: 3px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
}

/* line 28, app/assets/stylesheets/components/List/list.scss */
.submission-date-header {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 22px;
}

/* line 33, app/assets/stylesheets/components/List/list.scss */
.submission-date-list {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}

/* line 37, app/assets/stylesheets/components/List/list.scss */
.submission-date-list .list-item {
  display: flex;
  align-items: center;
  margin: 0 0 13px 13px;
  list-style: none;
  font-size: 14px;
}

/* line 43, app/assets/stylesheets/components/List/list.scss */
.submission-date-list .list-item::before {
  content: ' ';
  height: 3px;
  width: 3px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
}

/* line 52, app/assets/stylesheets/components/List/list.scss */
.submission-date-list .list-item .label {
  width: 190px;
}

/* line 55, app/assets/stylesheets/components/List/list.scss */
.submission-date-list .list-item .input-symbol {
  font-size: 16px;
  font-weight: 600;
  margin-right: 6px;
  color: #414141;
}

/* line 1, app/assets/stylesheets/components/accordion/accordion.scss */
.accordion-wrapper {
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  will-change: contents;
}

/* line 8, app/assets/stylesheets/components/accordion/accordion.scss */
.accordion-wrapper.multiselect-group {
  gap: 0;
}

/* line 10, app/assets/stylesheets/components/accordion/accordion.scss */
.accordion-wrapper.multiselect-group .accordion-trigger {
  padding: 6px 10px;
}

/* line 13, app/assets/stylesheets/components/accordion/accordion.scss */
.accordion-wrapper.multiselect-group .accordion-content {
  border: 1px solid #ddddee;
  padding: 5px 0 5px 10px;
}

/* line 20, app/assets/stylesheets/components/accordion/accordion.scss */
.accordion-trigger {
  background-color: #ddddee;
  border: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 15px;
  width: 100%;
}

/* line 33, app/assets/stylesheets/components/accordion/accordion.scss */
.accordion-content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* line 38, app/assets/stylesheets/components/accordion/accordion.scss */
.accordion-content[data-state='closed'] {
  display: none;
  overflow: hidden;
}

/* line 42, app/assets/stylesheets/components/accordion/accordion.scss */
.accordion-content .form-row {
  margin: 0;
}

/* line 1, app/assets/stylesheets/components/actionWrapper/action-wrapper.scss */
.action-wrapper {
  display: flex;
  align-items: center;
}

/* line 4, app/assets/stylesheets/components/actionWrapper/action-wrapper.scss */
.action-wrapper > .dropdown-component,
.action-wrapper > .link,
.action-wrapper > .button,
.action-wrapper > .input,
.action-wrapper > .form-row,
.action-wrapper > .icon-button,
.action-wrapper > div {
  margin-left: 3rem;
}

/* line 12, app/assets/stylesheets/components/actionWrapper/action-wrapper.scss */
.action-wrapper > .dropdown-component:first-child,
.action-wrapper > .link:first-child,
.action-wrapper > .button:first-child,
.action-wrapper > .input:first-child,
.action-wrapper > .form-row:first-child,
.action-wrapper > .icon-button:first-child,
.action-wrapper > div:first-child {
  margin-left: 0;
}

/* line 16, app/assets/stylesheets/components/actionWrapper/action-wrapper.scss */
.action-wrapper > .form-row {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 20, app/assets/stylesheets/components/actionWrapper/action-wrapper.scss */
.action-wrapper.with-margin-top {
  margin-top: 3rem;
}

/* line 2, app/assets/stylesheets/components/assessment/assessment.scss */
.assessments-wrapper .texted-icon-wrapper {
  max-width: 200px;
  align-items: center;
  gap: 10px;
  padding-right: 30px;
}

/* line 9, app/assets/stylesheets/components/assessment/assessment.scss */
.assessments-wrapper .link, .assessments-wrapper .fields-grid .field .link {
  font-size: var(--font-m);
  color: var(--color-accent);
  text-decoration: underline;
  font-weight: initial;
}

/* line 15, app/assets/stylesheets/components/assessment/assessment.scss */
.assessments-wrapper .link.danger, .assessments-wrapper .fields-grid .field .link.danger {
  color: var(--color-danger);
}

/* line 22, app/assets/stylesheets/components/assessment/assessment.scss */
.assessment .text-right {
  text-align: right;
}

/* line 26, app/assets/stylesheets/components/assessment/assessment.scss */
.assessment .ml-3 {
  margin-left: 30px;
}

/* line 1, app/assets/stylesheets/components/avatar/avatar.scss */
.avatar {
  width: 24px;
  height: 24px;
  background-color: #151515;
  color: #ececf6;
  font-family: var(--special-font);
  font-weight: 700;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 1, app/assets/stylesheets/components/breadcrumbs/breadcrumbs.scss */
.breadcrumbs {
  display: flex;
  align-items: center;
  font-size: var(--font-s);
  color: var(--color-font-darker);
}

/* line 6, app/assets/stylesheets/components/breadcrumbs/breadcrumbs.scss */
.breadcrumbs .breadcrumb {
  display: flex;
  align-items: center;
}

/* line 9, app/assets/stylesheets/components/breadcrumbs/breadcrumbs.scss */
.breadcrumbs .breadcrumb:after {
  content: '>';
  display: block;
  margin: 0 4px;
}

/* line 15, app/assets/stylesheets/components/breadcrumbs/breadcrumbs.scss */
.breadcrumbs .breadcrumb:last-of-type:after {
  display: none;
}

/* line 19, app/assets/stylesheets/components/breadcrumbs/breadcrumbs.scss */
.breadcrumbs .breadcrumb a {
  color: inherit;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/components/button/button.scss */
a.button {
  text-decoration: none;
  width: max-content;
}

/* line 12, app/assets/stylesheets/components/button/button.scss */
.button {
  color: inherit;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: inherit;
  border: none;
  display: block;
  line-height: 1;
  font-size: var(--font-m);
  font-family: var(--special-font);
  font-weight: 400;
  border-radius: 4px;
}

/* line 8, app/assets/stylesheets/mixins.scss */
.button:focus {
  outline: none;
}

/* line 20, app/assets/stylesheets/components/button/button.scss */
.button:focus {
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}

/* line 25, app/assets/stylesheets/components/button/button.scss */
.button {
  padding: 0.8rem 3rem;
}

/* line 27, app/assets/stylesheets/components/button/button.scss */
.button-small {
  padding: 0.5rem;
}

/* line 30, app/assets/stylesheets/components/button/button.scss */
.button-big {
  width: 184px;
}

/* line 33, app/assets/stylesheets/components/button/button.scss */
.button.user-action-wrapper {
  display: flex;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 160px;
}

/* line 42, app/assets/stylesheets/components/button/button.scss */
.button {
  border: 1px solid var(--color-accent);
  background-color: var(--color-accent);
  color: var(--color-white);
}

/* line 44, app/assets/stylesheets/components/button/button.scss */
.button:hover {
  border: 1px solid #5e9416;
  background-color: #5e9416;
  color: var(--color-white);
}

/* line 47, app/assets/stylesheets/components/button/button.scss */
.button.disabled {
  border: 1px solid #d5d5d5;
  background-color: #d5d5d5;
  color: #a9a9a9;
}

/* line 52, app/assets/stylesheets/components/button/button.scss */
.button-outline {
  border: 1px solid #a0a0ab;
  background-color: transparent;
  color: #a0a0ab;
}

/* line 54, app/assets/stylesheets/components/button/button.scss */
.button-outline:hover {
  border: 1px solid #a0a0ab;
  background-color: #a0a0ab;
  color: var(--color-white);
}

/* line 57, app/assets/stylesheets/components/button/button.scss */
.button-outline.disabled {
  border: 1px solid #d5d5d5;
  background-color: transparent;
  color: #d5d5d5;
}

/* line 62, app/assets/stylesheets/components/button/button.scss */
.button-danger {
  border: 1px solid #eb5757;
  background-color: var(--color-white);
  color: #eb5757;
}

/* line 64, app/assets/stylesheets/components/button/button.scss */
.button-danger:hover {
  border: 1px solid #eb5757;
  background-color: #eb5757;
  color: var(--color-white);
}

/* line 67, app/assets/stylesheets/components/button/button.scss */
.button-danger.disabled {
  opacity: 0.4;
  border: 1px solid #eb5757;
  background-color: var(--color-white);
  color: #eb5757;
}

/* line 72, app/assets/stylesheets/components/button/button.scss */
.button-danger-ghost {
  border: 1px solid transparent;
  background-color: transparent;
  color: #eb5757;
}

/* line 74, app/assets/stylesheets/components/button/button.scss */
.button-danger-ghost:hover {
  border: 1px solid #eb5757;
  background-color: transparent;
  color: #eb5757;
}

/* line 79, app/assets/stylesheets/components/button/button.scss */
.button-transparent {
  border: 0px;
  background-color: var(--color-white);
  color: var(--color-font-darker);
}

/* line 83, app/assets/stylesheets/components/button/button.scss */
.button-transparent:hover {
  border: 0px;
  background-color: var(--color-white);
  color: var(--color-font-darker);
}

/* line 88, app/assets/stylesheets/components/button/button.scss */
.button-transparent.disabled {
  opacity: 0.4;
  border: 0px;
  background-color: var(--color-white);
  color: var(--color-font-darker);
}

/* line 96, app/assets/stylesheets/components/button/button.scss */
.button-bright {
  font-size: var(--font-m);
  cursor: pointer;
  border: 1px solid #8dc63f;
  background-color: transparent;
  color: black;
}

/* line 101, app/assets/stylesheets/components/button/button.scss */
.button-bright:hover {
  border: 1px solid rgba(141, 198, 63, 0.25);
  background-color: rgba(141, 198, 63, 0.25);
  color: #8dc63f;
}

/* line 108, app/assets/stylesheets/components/button/button.scss */
.button-bright.active {
  border: 1px solid rgba(141, 198, 63, 0.25);
  background-color: rgba(141, 198, 63, 0.25);
  color: #8dc63f;
}

/* line 115, app/assets/stylesheets/components/button/button.scss */
.button-bright.disabled {
  border: 1px solid #d5d5d5;
  background-color: transparent;
  color: #d5d5d5;
}

/* line 118, app/assets/stylesheets/components/button/button.scss */
.button-bright:focus {
  box-shadow: none;
}

/* line 124, app/assets/stylesheets/components/button/button.scss */
.button-lock svg {
  display: inline-block;
  vertical-align: top;
  margin-inline-end: 1ch;
  fill: #fff;
  height: 1em;
}

/* line 131, app/assets/stylesheets/components/button/button.scss */
.button-lock:hover {
  border: 1px solid #5d5fef;
  background-color: #5d5fef;
  color: #d5d5d5;
}

/* line 133, app/assets/stylesheets/components/button/button.scss */
.button-lock:hover svg {
  fill: #5d5fef;
}

/* line 139, app/assets/stylesheets/components/button/button.scss */
.payrun-last-checklist {
  margin-inline-start: auto;
  align-self: center;
}

/* line 1, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-section {
  flex-grow: 1;
}

/* line 3, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-section .navbar {
  gap: 10px;
}

/* line 5, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-section .navbar .action-wrapper + button, .calendar-section .navbar .action-wrapper + span {
  margin-inline-start: auto;
}

/* line 8, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-section .navbar .link {
  margin-block-start: 0;
}

/* line 12, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-section .available-leave-wrapper {
  display: flex;
  flex-direction: column;
}

/* line 17, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-wrapper {
  border-radius: 6px;
  border: 1px solid #a0a0ab;
  position: relative;
  overflow: hidden;
  min-width: 800px;
}

/* line 23, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-wrapper > .calendar-weekdays-list {
  border-radius: 6px 6px 0 0;
  border: 1px solid #efeff7;
  background-color: #efeff7;
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
}

/* line 31, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-wrapper > .calendar-weekdays-list + .calendar {
  margin-top: 33px;
}

/* line 35, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-wrapper .calendar-day {
  border-top: 1px solid #a0a0ab;
  border-right: 1px solid #a0a0ab;
}

/* line 38, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-wrapper .calendar-day:nth-child(7n) {
  border-right: none;
}

/* line 44, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar {
  display: grid;
  grid-template-columns: repeat(7, minmax(110px, 1fr));
  grid-auto-rows: minmax(110px, 1fr);
}

/* line 48, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-employee-section {
  display: flex;
  padding: '0 30px 10px 30px';
}

/* line 52, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-weekdays-list {
  display: grid;
  grid-template-columns: repeat(7, minmax(110px, 1fr));
  grid-template-rows: 32px;
}

/* line 56, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-weekdays-list li {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 66, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-day.muted .day-wrapper {
  opacity: 0.5;
}

/* line 71, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-day.current-day .date {
  color: #8dc63f;
}

/* line 75, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-day.not-workable {
  background-color: #f7f7fb;
}

/* line 77, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-day.not-workable .calendar-actions-button {
  background-color: #f7f7fb;
}

/* line 83, app/assets/stylesheets/components/calendar/calendar.scss */
.day-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* line 87, app/assets/stylesheets/components/calendar/calendar.scss */
.day-wrapper .navbar {
  padding: 5px 10px;
  margin: 0;
}

/* line 91, app/assets/stylesheets/components/calendar/calendar.scss */
.day-wrapper .day-header {
  flex-wrap: nowrap;
  height: 40px;
}

/* line 94, app/assets/stylesheets/components/calendar/calendar.scss */
.day-wrapper .day-header .icon-button {
  margin-right: 5px;
}

/* line 98, app/assets/stylesheets/components/calendar/calendar.scss */
.day-wrapper .schedule {
  flex-grow: 1;
  padding: 0 9px;
}

/* line 102, app/assets/stylesheets/components/calendar/calendar.scss */
.day-wrapper .day-footer {
  text-align: right;
  padding: 5px 10px;
}

/* line 105, app/assets/stylesheets/components/calendar/calendar.scss */
.day-wrapper .day-footer .icon {
  margin-right: 3px;
}

/* line 112, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar .event {
  background-color: #def2f7;
  color: #23a9c7;
  font-size: var(--font-xs);
  height: 20px;
  position: relative;
  width: calc(100% + 21px);
  margin-bottom: 5px;
}

/* line 121, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar .event-start {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 126, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar .event-end {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  width: 100%;
}

/* line 133, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events {
  padding: 20px 0 0 30px;
}

/* line 136, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .calendar-list-holidays {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 140, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .calendar-list-holidays .link {
  margin-inline-start: auto;
}

/* line 143, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .calendar-list-holidays .available-leave-wrapper {
  display: flex;
  flex-direction: column;
}

/* line 150, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .list-header {
  font-size: 18px;
  font-weight: 700;
}

/* line 154, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .list-header:not(:first-child) {
  margin-top: 30px;
}

/* line 159, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .list-event {
  width: 362px;
  height: 89px;
  padding: 15px;
  background-color: #f7f7fb;
  border-radius: 6px;
  margin-bottom: 10px;
}

/* line 167, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .list-event .event-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 172, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .list-event .event-row:first-child {
  margin-bottom: 15px;
}

/* line 176, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .list-event .event-row .icon {
  font-size: 21px;
  margin: 0 11.5px;
}

/* line 181, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .list-event .event-row .link {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

/* line 186, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .list-event .event-row .link-reject {
  color: #eb5757;
  margin-right: 20px;
}

/* line 191, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .list-event .event-row .link-approve {
  color: #8dc63f;
}

/* line 197, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-list-of-events .list-event .circle {
  height: 10px;
  width: 10px;
  margin: 5px;
}

/* line 208, app/assets/stylesheets/components/calendar/calendar.scss */
.event-title-wrapper {
  line-height: 2rem;
  margin: 0 auto;
  text-align: center;
  width: calc(100% - 21px);
}

/* line 213, app/assets/stylesheets/components/calendar/calendar.scss */
.event-title-wrapper.title-moved {
  transform: translateX(calc(-50% - 21px));
}

/* line 219, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-actions-button {
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s ease-in-out;
}

/* line 226, app/assets/stylesheets/components/calendar/calendar.scss */
.day-wrapper:hover .calendar-actions-button {
  opacity: 1;
  z-index: 0;
}

/* line 232, app/assets/stylesheets/components/calendar/calendar.scss */
.schedule [row-position-id='3'] ~ .event {
  display: none;
}

/* line 236, app/assets/stylesheets/components/calendar/calendar.scss */
.schedule.limited [row-position-id='2'] ~ .event {
  display: none;
}

/* line 243, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-switcher .icon {
  color: #8dc63f;
}

/* line 246, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-switcher .button:hover {
  background-color: var(--color-white);
}

/* line 249, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-switcher .previous-month {
  margin-right: 2rem;
}

/* line 252, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-switcher .next-month {
  margin-left: 2rem;
}

/* line 255, app/assets/stylesheets/components/calendar/calendar.scss */
.calendar-switcher .current-month {
  width: 165px;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 700;
  font-family: var(--special-font);
}

/* line 265, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper .kit-day-header {
  margin: 10px 0;
}

/* line 273, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .message-wrapper, .modal-wrapper.maternity .message-wrapper, .modal-wrapper.paternity .message-wrapper, .modal-wrapper.sick .message-wrapper {
  margin-top: 20px;
}

/* line 278, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-date, .modal-wrapper.maternity .row-date, .modal-wrapper.paternity .row-date, .modal-wrapper.sick .row-date {
  margin-bottom: 0;
}

/* line 281, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-date .input-wrapper, .modal-wrapper.maternity .row-date .input-wrapper, .modal-wrapper.paternity .row-date .input-wrapper, .modal-wrapper.sick .row-date .input-wrapper {
  align-items: flex-start;
}

/* line 284, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-date .input-wrapper .form-row, .modal-wrapper.maternity .row-date .input-wrapper .form-row, .modal-wrapper.paternity .row-date .input-wrapper .form-row, .modal-wrapper.sick .row-date .input-wrapper .form-row {
  margin-top: 0;
}

/* line 290, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-leave-info, .modal-wrapper.maternity .row-leave-info, .modal-wrapper.paternity .row-leave-info, .modal-wrapper.sick .row-leave-info {
  justify-content: flex-end;
  align-items: baseline;
}

/* line 294, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-leave-info.sick-day, .modal-wrapper.maternity .row-leave-info.sick-day, .modal-wrapper.paternity .row-leave-info.sick-day, .modal-wrapper.sick .row-leave-info.sick-day {
  justify-content: flex-start;
  margin-bottom: 20px;
}

/* line 299, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-leave-info .text, .modal-wrapper.maternity .row-leave-info .text, .modal-wrapper.paternity .row-leave-info .text, .modal-wrapper.sick .row-leave-info .text {
  color: #414141;
}

/* line 306, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-leave-time .input-wrapper, .modal-wrapper.vacation .row-start-leave .input-wrapper, .modal-wrapper.maternity .row-leave-time .input-wrapper, .modal-wrapper.maternity .row-start-leave .input-wrapper, .modal-wrapper.paternity .row-leave-time .input-wrapper, .modal-wrapper.paternity .row-start-leave .input-wrapper, .modal-wrapper.sick .row-leave-time .input-wrapper, .modal-wrapper.sick .row-start-leave .input-wrapper {
  align-items: center;
}

/* line 309, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-leave-time .input-wrapper .form-row, .modal-wrapper.vacation .row-start-leave .input-wrapper .form-row, .modal-wrapper.maternity .row-leave-time .input-wrapper .form-row, .modal-wrapper.maternity .row-start-leave .input-wrapper .form-row, .modal-wrapper.paternity .row-leave-time .input-wrapper .form-row, .modal-wrapper.paternity .row-start-leave .input-wrapper .form-row, .modal-wrapper.sick .row-leave-time .input-wrapper .form-row, .modal-wrapper.sick .row-start-leave .input-wrapper .form-row {
  margin: 0;
}

/* line 313, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-leave-time .input-wrapper .text, .modal-wrapper.vacation .row-start-leave .input-wrapper .text, .modal-wrapper.maternity .row-leave-time .input-wrapper .text, .modal-wrapper.maternity .row-start-leave .input-wrapper .text, .modal-wrapper.paternity .row-leave-time .input-wrapper .text, .modal-wrapper.paternity .row-start-leave .input-wrapper .text, .modal-wrapper.sick .row-leave-time .input-wrapper .text, .modal-wrapper.sick .row-start-leave .input-wrapper .text {
  margin: 0 10px;
}

/* line 319, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-ssp, .modal-wrapper.maternity .row-ssp, .modal-wrapper.paternity .row-ssp, .modal-wrapper.sick .row-ssp {
  margin-top: 0;
}

/* line 322, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-ssp .form-row, .modal-wrapper.maternity .row-ssp .form-row, .modal-wrapper.paternity .row-ssp .form-row, .modal-wrapper.sick .row-ssp .form-row {
  margin-bottom: 0;
}

/* line 327, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-linked-weeks, .modal-wrapper.maternity .row-linked-weeks, .modal-wrapper.paternity .row-linked-weeks, .modal-wrapper.sick .row-linked-weeks {
  margin: 0 0 10px;
}

/* line 330, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-linked-weeks .form-row, .modal-wrapper.maternity .row-linked-weeks .form-row, .modal-wrapper.paternity .row-linked-weeks .form-row, .modal-wrapper.sick .row-linked-weeks .form-row {
  margin-bottom: 0;
}

/* line 333, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-linked-weeks .form-row .input-wrapper, .modal-wrapper.maternity .row-linked-weeks .form-row .input-wrapper, .modal-wrapper.paternity .row-linked-weeks .form-row .input-wrapper, .modal-wrapper.sick .row-linked-weeks .form-row .input-wrapper {
  align-items: center;
}

/* line 336, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .row-linked-weeks .form-row .input-wrapper .input, .modal-wrapper.maternity .row-linked-weeks .form-row .input-wrapper .input, .modal-wrapper.paternity .row-linked-weeks .form-row .input-wrapper .input, .modal-wrapper.sick .row-linked-weeks .form-row .input-wrapper .input {
  margin-right: 10px;
}

/* line 344, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .hide, .modal-wrapper.maternity .hide, .modal-wrapper.paternity .hide, .modal-wrapper.sick .hide {
  display: none;
}

/* line 348, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper.vacation .separator, .modal-wrapper.maternity .separator, .modal-wrapper.paternity .separator, .modal-wrapper.sick .separator {
  margin: 8px 0;
}

/* line 352, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper .calculation-label {
  font-size: var(--font-m);
}

/* line 355, app/assets/stylesheets/components/calendar/calendar.scss */
.modal-wrapper .calculation-value {
  font-size: var(--font-m);
  font-weight: bold;
}

/* line 2, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: '';
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

/* line 16, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

/* line 22, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker {
  display: inline-block;
  position: relative;
  font-size: var(--font-xs);
  padding: 8px;
  border-radius: 6px;
  background-color: var(--color-white);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

/* line 34, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

/* line 37, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

/* line 43, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker-popper {
  z-index: 999;
}

/* line 46, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker-popper[data-placement^='bottom'] {
  padding-top: 10px;
}

/* line 49, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker-popper[data-placement^='top'] {
  padding-bottom: 10px;
}

/* line 52, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker-popper[data-placement^='right'] {
  padding-left: 8px;
}

/* line 55, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker-popper[data-placement^='left'] {
  padding-right: 8px;
}

/* line 58, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__header {
  text-align: center;
  padding: 8px 0;
  position: relative;
}

/* line 63, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

/* line 68, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

/* line 71, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

/* line 75, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

/* line 85, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  height: 20px;
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

/* line 95, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 101, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 6px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}

/* line 118, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation--previous {
  left: 2px;
}

/* line 121, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation--next {
  right: 2px;
}

/* line 124, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

/* line 127, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 134, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation--years-previous {
  top: 4px;
}

/* line 137, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

/* line 140, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

/* line 144, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}

/* line 150, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation-icon--next {
  left: -2px;
}

/* line 153, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}

/* line 157, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation-icon--previous {
  right: -2px;
}

/* line 160, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

/* line 165, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__month-container {
  float: left;
}

/* line 169, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

/* line 173, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

/* line 178, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

/* line 184, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

/* line 188, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

/* line 195, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

/* line 202, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

/* line 205, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

/* line 208, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

/* line 214, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__input
input {
  width: auto;
}

/* line 220, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__input
input[type='time']::-webkit-inner-spin-button,
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__input
input[type='time']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 231, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__input
input[type='time'] {
  -moz-appearance: textfield;
}

/* line 237, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

/* line 244, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

/* line 249, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}

/* line 257, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

/* line 262, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

/* line 269, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}

/* line 282, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

/* line 291, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

/* line 299, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

/* line 308, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

/* line 315, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

/* line 322, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

/* line 331, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

/* line 339, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

/* line 342, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

/* line 347, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

/* line 352, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day-names {
  margin-bottom: -8px;
}

/* line 356, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 3rem;
  line-height: 2.6rem;
  text-align: center;
  margin: 0.166rem;
}

/* line 367, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
  border-radius: 1rem;
}

/* line 374, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
  border-radius: 1rem;
}

/* line 382, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}

/* line 388, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

/* line 396, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

/* line 402, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

/* line 408, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

/* line 414, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 1rem;
  background-color: #216ba5;
  color: #fff;
}

/* line 430, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

/* line 444, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: black;
}

/* line 452, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

/* line 458, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

/* line 464, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__month--selecting-range
.react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range
.react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range
.react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range
.react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range
.react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range
.react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

/* line 483, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

/* line 490, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

/* line 497, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* line 502, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
}

/* line 507, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

/* line 511, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

/* line 518, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

/* line 523, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
.react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

/* line 533, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

/* line 541, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

/* line 554, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

/* line 559, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

/* line 566, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 575, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

/* line 581, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

/* line 591, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

/* line 596, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

/* line 601, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

/* line 606, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

/* line 613, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

/* line 626, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: '×';
}

/* line 642, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

/* line 652, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

/* line 664, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  /* line 671, app/assets/stylesheets/components/calendar/react-datepicker.css */
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

/* line 678, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* line 683, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

/* line 691, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

/* line 703, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

/* styles override */
/* line 710, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker {
  padding-top: 16px;
  padding-bottom: 16px;
}

/* line 714, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  display: none;
}

/* line 719, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__month-dropdown-container,
.react-datepicker__year-dropdown-container {
  position: relative;
}

/* line 723, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__month-dropdown-container::after,
.react-datepicker__year-dropdown-container::after {
  content: '';
  display: block;
  height: 6px;
  width: 6px;
  border-left: 2px solid #a0a0ab;
  border-bottom: 2px solid #a0a0ab;
  border-radius: 2px;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0.5rem;
  transform-origin: center;
  transform: translate(50%, -90%) rotate(-45deg);
}

/* line 739, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__month-select,
.react-datepicker__year-select {
  border: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-inline-end: 1rem;
}

/* line 747, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-select {
  padding-inline-end: 2rem;
}

/* line 750, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__header__dropdown {
  padding-bottom: 14px;
}

/* line 753, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  width: 3.5rem;
}

/* line 758, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day-name,
.react-datepicker__day--outside-month {
  color: #a0a0ab;
}

/* line 762, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__day--selected {
  background-color: #2d9cdb;
  border-radius: 1.5rem;
}

/* line 766, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation {
  background-color: #f1f1f3;
  border-radius: 4px;
  top: 13px;
}

/* line 771, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation--next {
  right: 10px;
}

/* line 774, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation--previous {
  left: 10px;
}

/* line 777, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation-icon::before {
  color: #384553;
  transform: none;
}

/* line 781, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation-icon--next::before {
  border-color: transparent transparent transparent currentColor;
  border-style: solid;
  border-width: 4px 0px 4px 8px;
  transform: translateX(6px);
}

/* line 787, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation-icon--previous::before {
  border-color: transparent currentColor transparent transparent;
  border-style: solid;
  border-width: 4px 8px 4px 0px;
  transform: translateX(-6px);
}

/* line 793, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation:hover .react-datepicker__navigation-icon::before {
  color: #2d9cdb;
}

/* line 796, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation:hover .react-datepicker__navigation-icon--next::before {
  border-color: transparent transparent transparent currentColor;
}

/* line 799, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation:hover .react-datepicker__navigation-icon--previous::before {
  border-color: transparent currentColor transparent transparent;
}

/* line 803, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #fff;
  border-color: #f1f1f3;
  width: fit-content;
  min-width: 10ch;
  left: 50%;
  transform: translateX(-50%);
}

/* line 813, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__navigation:empty {
  display: none;
}

/* line 816, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  padding: 2px 5px;
}

/* line 821, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-option[aria-selected='true'],
.react-datepicker__month-option[aria-selected='true'],
.react-datepicker__month-year-option[aria-selected='true'] {
  color: #2d9cdb;
}

/* line 826, app/assets/stylesheets/components/calendar/react-datepicker.css */
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: static;
}

/* line 1, app/assets/stylesheets/components/card/card.scss */
.card {
  border: 1px solid var(--color-font-dark);
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-white);
}

/* line 9, app/assets/stylesheets/components/card/card.scss */
.card.with-link {
  margin-right: 20px;
  flex-direction: column;
  padding-top: 1rem;
}

/* line 14, app/assets/stylesheets/components/card/card.scss */
.card.with-link .link {
  margin-left: auto;
  text-decoration: underline;
}

/* line 1, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard {
  min-width: 980px;
}

/* line 4, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .form-row {
  margin: 0;
}

/* line 8, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper {
  display: flex;
  align-items: flex-start;
  background-color: #f7f7fa;
  border: 1px solid #ddddee;
}

/* line 13, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card {
  margin: 15px 0 15px 15px;
  padding: 15px;
  height: 225px;
  width: 38%;
  background-color: white;
  border: 1px solid #ddddee;
  flex-grow: 1;
}

/* line 22, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card:last-child {
  margin-right: 15px;
}

/* line 25, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card.chart-card {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 290px;
}

/* line 30, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card.chart-card .card-wrapper {
  position: relative;
}

/* line 32, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card.chart-card .card-wrapper .chart-wrapper {
  width: 140px;
  height: 140px;
}

/* line 36, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card.chart-card .card-wrapper .chart-insides {
  position: absolute;
  top: 28px;
  left: 20px;
}

/* line 40, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card.chart-card .card-wrapper .chart-insides .text-align-center {
  width: 100px;
}

/* line 47, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card .table {
  margin-top: 15px;
  border-collapse: collapse;
  border: 0;
}

/* line 51, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card .table .table-head .table-cell {
  padding: 0;
}

/* line 53, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card .table .table-head .table-cell .text {
  color: #f2c94c;
  margin-bottom: 4px;
}

/* line 59, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card .table .table-body .table-cell {
  padding: 5px 0;
}

/* line 62, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card .table .table-body .table-row:last-child {
  content: '';
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #ddddee;
  z-index: 0;
}

/* line 71, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card .navbar {
  margin: 4px;
}

/* line 74, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card .label {
  margin-bottom: 10px;
}

/* line 76, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card .label.full {
  color: #f2994a;
}

/* line 79, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .dashboard-wrapper .dashboard-card .label.director {
  color: #2d9cdb;
}

/* line 85, app/assets/stylesheets/components/card/dashboard-card.scss */
.dashboard .companies-table {
  margin-top: 10px;
}

/* line 1, app/assets/stylesheets/components/column/column.scss */
.column-wrapper {
  width: unset;
  display: flex;
  align-items: stretch;
}

/* line 5, app/assets/stylesheets/components/column/column.scss */
.column-wrapper .column {
  flex: 1;
}

/* line 7, app/assets/stylesheets/components/column/column.scss */
.column-wrapper .column:first-of-type {
  margin-left: 0;
}

/* line 10, app/assets/stylesheets/components/column/column.scss */
.column-wrapper .column:last-of-type {
  margin-right: 0;
}

/* line 13, app/assets/stylesheets/components/column/column.scss */
.column-wrapper .column:first-of-type:last-of-type {
  margin: 0 auto;
}

/* line 18, app/assets/stylesheets/components/column/column.scss */
.column-wrapper.with-margin-top {
  margin-top: 1.5rem;
}

/* line 1, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table {
  width: 100%;
  font-size: var(--font-s);
}

/* line 4, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table + .navbar .link {
  color: var(--color-accent);
}

/* line 7, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table .table-label {
  font-size: var(--font-m);
  color: var(--color-black);
  font-weight: 600;
}

/* line 13, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table-header .details-th {
  text-align: right;
  padding: 4px 0;
}

/* line 16, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table-header .details-th:first-child {
  text-align: left;
}

/* line 19, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table-header .details-th.text-grey {
  color: #a0a0ab;
}

/* line 24, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table .details-table-content {
  color: #a0a0ab;
  padding: 2px 0;
  text-align: right;
}

/* line 28, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table .details-table-content:first-child {
  text-align: left;
}

/* line 31, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table .details-table-content:last-child, .details-table .details-table-content:first-child {
  color: var(--color-black);
}

/* line 35, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table .details-table-content.space-around {
  display: flex;
  justify-content: space-around;
}

/* line 39, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table .details-table-content.text-black {
  color: var(--color-black);
}

/* line 43, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table .leaves-row {
  display: flex;
  justify-content: space-between;
}

/* line 46, app/assets/stylesheets/components/detailsTable/detailsTable.scss */
.details-table .leaves-row:nth-child(8) {
  margin-bottom: 10px;
}

/* line 1, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-wrapper {
  display: block;
  padding: var(--input-padding);
  font-size: var(--font-m);
  height: 100%;
  width: 100%;
  border: 1px solid #414141;
  border-radius: 4px;
  position: relative;
  height: auto;
  color: inherit;
}

/* line 28, app/assets/stylesheets/mixins.scss */
.dropdown-wrapper .input-tag {
  position: relative;
  inset: 0 0 0 0;
}

/* line 5, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-wrapper.is-empty {
  border: 1px solid #a0a0ab;
}

/* line 8, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-wrapper:focus-within {
  outline: none;
  border: 1px solid #8dc63f;
}

/* line 11, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-wrapper.disabled {
  opacity: 0.2;
}

/* line 16, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-menu-wrapper {
  border-radius: 4px;
  border: 1px solid #eeeeee;
  left: 0;
  background-color: #f8f8f8;
}

/* line 22, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-menu-wrapper .menu-list {
  height: auto;
  max-height: 30vh;
  overflow-y: auto;
  padding: 4px 8px;
}

/* line 28, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-menu-wrapper .menu-list.short {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 34, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-menu-wrapper .menu-list .separator {
  margin: 10px 0;
}

/* line 38, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-menu-wrapper .menu-list .option {
  display: block;
  border-radius: 4px;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  color: var(--color-font-darker);
  margin: 3px 0;
  padding: 3px 5px;
  line-height: 155%;
  height: 2.8rem;
}

/* line 52, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-menu-wrapper .menu-list .option.short {
  width: auto;
  min-width: 45px;
  height: 40px;
  display: flex;
  margin: 3px;
  align-items: center;
  justify-content: center;
  background-color: #f3f3f4;
}

/* line 63, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-menu-wrapper .menu-list .option.long {
  width: 100%;
  height: 40px;
  padding: 10px 5px 10px;
  display: flex;
  align-items: baseline;
  background-color: #f3f3f4;
}

/* line 75, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-menu-wrapper .menu-list .option:hover, .dropdown-menu-wrapper .menu-list .option.short:hover, .dropdown-menu-wrapper .menu-list .option.long:hover {
  background-color: rgba(141, 198, 63, 0.5);
  color: white;
}

/* line 82, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-menu-wrapper .menu-list .option-selected, .dropdown-menu-wrapper .menu-list .option-selected.short, .dropdown-menu-wrapper .menu-list .option-selected.long {
  background-color: #8dc63f;
  color: white;
}

/* line 93, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  line-height: 2rem;
  height: 100%;
}

/* line 101, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown.multi-select {
  height: auto;
  min-height: var(--input-height);
}

/* line 104, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown.multi-select .dropdown-content-wrapper {
  display: flex;
  flex-wrap: wrap;
}

/* line 110, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown.single-select .dropdown-content-wrapper {
  flex-grow: 1;
  flex-shrink: 1;
  position: relative;
  height: 100%;
  width: 100%;
}

/* line 120, app/assets/stylesheets/components/dropdown/dropdown.scss */
.current-value {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
  line-height: inherit;
}

/* line 127, app/assets/stylesheets/components/dropdown/dropdown.scss */
.current-value.placeholder {
  color: #7e7e88;
}

/* line 132, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-indicators-container {
  display: inline-flex;
  z-index: 1;
}

/* line 137, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-clear-indicator {
  padding-right: 3px;
}

/* line 141, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-researcher {
  background-color: transparent;
  display: block;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
  border: unset;
  padding: var(--input-padding);
}

/* line 150, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-researcher:focus {
  outline: none;
}

/* line 154, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-researcher.multi-content {
  min-width: 0;
  flex-basis: 10%;
  flex-shrink: 1;
  flex-grow: 1;
}

/* line 160, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-researcher.no-multi-content {
  overflow: hidden;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* line 171, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-filters {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  max-width: 650px;
  justify-content: flex-end;
  row-gap: 5px;
}

/* line 178, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-filters .dropdown-choosen-filters {
  background-color: #d3d3e2;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  padding: 3px 10px;
  margin-right: 10px;
  border-radius: 4px;
  height: 25px;
  width: auto;
}

/* line 191, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-filters .dropdown-choosen-filters:first-of-type {
  margin-left: 3rem;
}

/* line 194, app/assets/stylesheets/components/dropdown/dropdown.scss */
.dropdown-filters .dropdown-choosen-filters .label {
  margin-right: 10px;
}

/* line 200, app/assets/stylesheets/components/dropdown/dropdown.scss */
.multi-filter-popup {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  width: 400px;
}

/* line 203, app/assets/stylesheets/components/dropdown/dropdown.scss */
.multi-filter-popup.popup {
  background-color: #ffffff;
  color: #414141;
}

/* line 207, app/assets/stylesheets/components/dropdown/dropdown.scss */
.multi-filter-popup .navbar {
  justify-content: space-between;
}

/* line 214, app/assets/stylesheets/components/dropdown/dropdown.scss */
.multi-dropdown__control.multi-dropdown__control {
  border: 1px solid var(--color-font-darker);
  box-shadow: 0 0 0 0 var(--color-font-darker);
  margin: 13px 0;
  outline: none;
}

/* line 219, app/assets/stylesheets/components/dropdown/dropdown.scss */
.multi-dropdown__control.multi-dropdown__control:hover {
  box-shadow: 0;
  border: 1px solid var(--color-accent);
}

/* line 224, app/assets/stylesheets/components/dropdown/dropdown.scss */
.multi-dropdown__control.multi-dropdown__menu {
  background-color: var(--color-bcg-light);
  width: 385px;
}

/* line 228, app/assets/stylesheets/components/dropdown/dropdown.scss */
.multi-dropdown__control.multi-dropdown__menu-list {
  border-radius: 4px;
  padding: 0;
  background-color: var(--color-bcg-light);
}

/* line 233, app/assets/stylesheets/components/dropdown/dropdown.scss */
.multi-dropdown__control.multi-dropdown__menu-list::-webkit-scrollbar {
  width: 4px;
  height: 0px;
}

/* line 61, app/assets/stylesheets/mixins.scss */
.multi-dropdown__control.multi-dropdown__menu-list::-webkit-scrollbar-track {
  background: rgba(221, 221, 238, 0.5);
}

/* line 64, app/assets/stylesheets/mixins.scss */
.multi-dropdown__control.multi-dropdown__menu-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--color-accent);
}

/* line 239, app/assets/stylesheets/components/dropdown/dropdown.scss */
.multi-dropdown__control.multi-dropdown__option {
  background-color: var(--color-bcg-light);
  color: var(--color-font-darker);
}

/* line 242, app/assets/stylesheets/components/dropdown/dropdown.scss */
.multi-dropdown__control.multi-dropdown__option:hover {
  background-color: var(--color-accent);
  color: var(--color-white);
}

/* line 1, app/assets/stylesheets/components/emptyTable/emptyTable.scss */
.empty-table {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 144px 0;
}

/* line 9, app/assets/stylesheets/components/emptyTable/emptyTable.scss */
.empty-table .img {
  width: 160px;
  height: 160px;
}

/* line 13, app/assets/stylesheets/components/emptyTable/emptyTable.scss */
.empty-table .navbar {
  justify-content: center;
}

/* line 1, app/assets/stylesheets/components/errors/404_500_error.scss */
.server-error {
  width: 100vw;
  height: 100vh;
  display: flex;
}

/* line 6, app/assets/stylesheets/components/errors/404_500_error.scss */
.server-error .side-wrapper {
  width: 35%;
  padding: 60px;
}

/* line 10, app/assets/stylesheets/components/errors/404_500_error.scss */
.server-error .side-wrapper .icon-fplogo {
  height: 64px;
  width: 64px;
  color: var(--color-accent);
  margin-bottom: 120px;
}

/* line 17, app/assets/stylesheets/components/errors/404_500_error.scss */
.server-error .side-wrapper .error-number {
  font-size: 52px;
  font-weight: bold;
  color: #7e7e88;
}

/* line 23, app/assets/stylesheets/components/errors/404_500_error.scss */
.server-error .side-wrapper .h1 {
  font-size: 26px;
  margin-bottom: 10px;
}

/* line 28, app/assets/stylesheets/components/errors/404_500_error.scss */
.server-error .side-wrapper .h2 {
  font-size: 16px;
  margin-bottom: 30px;
}

/* line 33, app/assets/stylesheets/components/errors/404_500_error.scss */
.server-error .side-wrapper-button {
  padding: 8px 63px;
  font-size: 16px;
}

/* line 38, app/assets/stylesheets/components/errors/404_500_error.scss */
.server-error .side-wrapper .form-row {
  margin-bottom: 30px;
}

/* line 43, app/assets/stylesheets/components/errors/404_500_error.scss */
.server-error .side-image {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f3f3f4;
  width: 65%;
}

/* line 1, app/assets/stylesheets/components/field/field.scss */
.fields-grid {
  display: grid;
  column-gap: 5px;
  row-gap: 5px;
  margin: 5px 0;
}

/* line 6, app/assets/stylesheets/components/field/field.scss */
.fields-grid + .fields-grid {
  margin-top: 1rem;
}

/* line 9, app/assets/stylesheets/components/field/field.scss */
.fields-grid .field {
  font-family: var(--special-font);
}

/* line 11, app/assets/stylesheets/components/field/field.scss */
.fields-grid .field-label {
  color: #a0a0ab;
  font-size: var(--font-s);
  margin-bottom: 5px;
}

/* line 16, app/assets/stylesheets/components/field/field.scss */
.fields-grid .field .link {
  text-decoration: none;
  color: #2d9cdb;
  font-weight: 600;
  font-size: var(--font-m);
}

/* line 24, app/assets/stylesheets/components/field/field.scss */
.fields-grid .notice p {
  margin-left: 5px;
}

/* line 26, app/assets/stylesheets/components/field/field.scss */
.fields-grid .notice p:first-child {
  margin: 0 15px 0 0;
}

/* line 1, app/assets/stylesheets/components/fileTransferInfo/fileTransferInfo.scss */
.file-transfer-info {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 40px;
  background-color: rgba(159, 215, 80, 0.2);
}

/* line 7, app/assets/stylesheets/components/fileTransferInfo/fileTransferInfo.scss */
.file-transfer-info--message {
  flex-shrink: 0;
  white-space: pre-line;
}

/* line 11, app/assets/stylesheets/components/fileTransferInfo/fileTransferInfo.scss */
.file-transfer-info .loader-wrapper {
  width: auto !important;
}

/* line 14, app/assets/stylesheets/components/fileTransferInfo/fileTransferInfo.scss */
.file-transfer-info .loader {
  height: 40px;
  width: 40px;
  position: relative;
}

/* line 18, app/assets/stylesheets/components/fileTransferInfo/fileTransferInfo.scss */
.file-transfer-info .loader::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-color: rgba(159, 215, 80, 0.2);
}

/* line 30, app/assets/stylesheets/components/fileTransferInfo/fileTransferInfo.scss */
.file-transfer-info .loader .loader-box {
  height: 35px;
  width: 35px;
}

/* line 37, app/assets/stylesheets/components/fileTransferInfo/fileTransferInfo.scss */
.processing-content {
  align-self: center;
  justify-self: center;
  padding: 70px 0;
  text-align: center;
}

/* line 42, app/assets/stylesheets/components/fileTransferInfo/fileTransferInfo.scss */
.processing-content .loader-wrapper {
  margin-bottom: 35px;
}

/* line 1, app/assets/stylesheets/components/forms/forms.scss */
.form-group {
  display: flex;
  margin-inline: unset;
  padding-block: unset;
  padding-inline: unset;
  border: unset;
  min-inline-size: unset;
}

/* line 8, app/assets/stylesheets/components/forms/forms.scss */
.form-group legend {
  padding-inline: unset;
  font-family: var(--special-font);
  font-size: var(--font-l);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* line 15, app/assets/stylesheets/components/forms/forms.scss */
.form-group.column {
  flex-direction: column;
}

/* line 18, app/assets/stylesheets/components/forms/forms.scss */
.form-group.margin-5px {
  margin: 5px 0;
}

/* line 23, app/assets/stylesheets/components/forms/forms.scss */
.form-row {
  display: flex;
  margin: 15px 0;
}

/* line 26, app/assets/stylesheets/components/forms/forms.scss */
.form-row-vertical {
  flex-direction: column;
}

/* line 29, app/assets/stylesheets/components/forms/forms.scss */
.form-row-horizontal {
  flex-direction: row;
}

/* line 32, app/assets/stylesheets/components/forms/forms.scss */
.form-row .label {
  margin-bottom: 5px;
}

/* line 35, app/assets/stylesheets/components/forms/forms.scss */
.form-row .label.no-margin {
  margin: 0;
}

/* line 38, app/assets/stylesheets/components/forms/forms.scss */
.form-row.no-margin {
  margin: 0;
}

/* line 41, app/assets/stylesheets/components/forms/forms.scss */
.form-row.margin-5px {
  margin: 5px 0;
}

/* line 44, app/assets/stylesheets/components/forms/forms.scss */
.form-row.justify-end {
  justify-content: flex-end;
}

/* line 47, app/assets/stylesheets/components/forms/forms.scss */
.form-row.items-center {
  align-items: center;
}

/* line 50, app/assets/stylesheets/components/forms/forms.scss */
.form-row.gap-x-10px {
  gap: 0 10px;
}

/* line 53, app/assets/stylesheets/components/forms/forms.scss */
.form-row.gap-x-5px {
  gap: 0 5px;
}

/* line 56, app/assets/stylesheets/components/forms/forms.scss */
.form-row.margin-left-15px {
  margin-left: 15px;
}

/* line 61, app/assets/stylesheets/components/forms/forms.scss */
.label {
  font-size: var(--font-s);
}

/* line 65, app/assets/stylesheets/components/forms/forms.scss */
.input.textarea {
  height: calc(var(--input-height) * 3);
}

/* line 67, app/assets/stylesheets/components/forms/forms.scss */
.input.textarea .input-tag {
  resize: none;
  display: block;
  padding: var(--input-padding);
  font-size: var(--font-m);
  height: 100%;
  width: 100%;
  border: 1px solid #414141;
  border-radius: 4px;
  position: relative;
}

/* line 28, app/assets/stylesheets/mixins.scss */
.input.textarea .input-tag .input-tag {
  position: relative;
  inset: 0 0 0 0;
}

/* line 73, app/assets/stylesheets/components/forms/forms.scss */
.input {
  height: var(--input-height);
  display: flex;
  align-items: center;
  position: relative;
}

/* line 78, app/assets/stylesheets/components/forms/forms.scss */
.input .input-tag {
  display: block;
  padding: var(--input-padding);
  font-size: var(--font-m);
  height: 100%;
  width: 100%;
  border: 1px solid #414141;
  border-radius: 4px;
  position: relative;
}

/* line 28, app/assets/stylesheets/mixins.scss */
.input .input-tag .input-tag {
  position: relative;
  inset: 0 0 0 0;
}

/* line 81, app/assets/stylesheets/components/forms/forms.scss */
.input .input-tag:placeholder-shown {
  border: 1px solid #a0a0ab;
}

/* line 84, app/assets/stylesheets/components/forms/forms.scss */
.input .input-tag::placeholder {
  color: #7e7e88;
}

/* line 88, app/assets/stylesheets/components/forms/forms.scss */
.input .input-tag:focus {
  outline: none;
  border: 1px solid #8dc63f;
}

/* line 92, app/assets/stylesheets/components/forms/forms.scss */
.input.right-margin {
  margin-right: 10px;
}

/* line 97, app/assets/stylesheets/components/forms/forms.scss */
.input.disabled .input-tag,
.input.disabled .input-symbol {
  opacity: 0.2;
}

/* line 100, app/assets/stylesheets/components/forms/forms.scss */
.input.disabled .input-tag:focus,
.input.disabled .input-symbol:focus {
  border: 1px solid #414141;
}

/* line 106, app/assets/stylesheets/components/forms/forms.scss */
.input.display-block {
  display: block;
}

/* line 111, app/assets/stylesheets/components/forms/forms.scss */
.input.blocked .input-tag {
  background-color: #f3f3f4;
  border: 1px solid #414141;
}

/* line 114, app/assets/stylesheets/components/forms/forms.scss */
.input.blocked .input-tag:focus {
  border: 1px solid #414141;
}

/* line 122, app/assets/stylesheets/components/forms/forms.scss */
.download-wrapper .icon {
  margin-right: 10px;
}

/* line 125, app/assets/stylesheets/components/forms/forms.scss */
.download-wrapper-label {
  width: 100%;
  height: 40px;
  padding: 5px 10px;
  font-size: var(--font-m);
  display: flex;
  align-items: center;
  border: 1px solid black;
  border-radius: 4px;
  cursor: pointer;
}

/* line 136, app/assets/stylesheets/components/forms/forms.scss */
.download-wrapper-input {
  width: 100%;
  text-indent: -91px;
  cursor: pointer;
}

/* line 144, app/assets/stylesheets/components/forms/forms.scss */
.date-input-blank .input-tag {
  border: 1px solid #a0a0ab;
  color: #7e7e88;
}

/* line 147, app/assets/stylesheets/components/forms/forms.scss */
.date-input-blank .input-tag::-webkit-calendar-picker-indicator {
  filter: invert(61%) sepia(2%) saturate(1990%) hue-rotate(202deg) brightness(81%) contrast(74%);
}

/* line 155, app/assets/stylesheets/components/forms/forms.scss */
.currency-input .input-tag {
  padding: unset !important;
  padding-left: 3rem !important;
}

/* line 162, app/assets/stylesheets/components/forms/forms.scss */
.percentage-input .input-tag {
  padding: 0 2.4rem 0 1rem;
}

/* line 167, app/assets/stylesheets/components/forms/forms.scss */
.currency-input,
.percentage-input {
  position: relative;
}

/* line 173, app/assets/stylesheets/components/forms/forms.scss */
.currency-input .input-tag:focus ~ .input-symbol,
.percentage-input .input-tag:focus ~ .input-symbol {
  color: #8dc63f;
}

/* line 178, app/assets/stylesheets/components/forms/forms.scss */
.currency-input .input-tag.success:focus ~ .input-symbol, .currency-input .input-tag.error:focus ~ .input-symbol,
.percentage-input .input-tag.success:focus ~ .input-symbol,
.percentage-input .input-tag.error:focus ~ .input-symbol {
  color: #414141;
}

/* line 186, app/assets/stylesheets/components/forms/forms.scss */
.currency-input .input-tag.disabled:focus ~ .input-symbol,
.percentage-input .input-tag.disabled:focus ~ .input-symbol {
  color: #414141;
}

/* line 194, app/assets/stylesheets/components/forms/forms.scss */
.currency-input .input-tag.blocked:focus ~ .input-symbol,
.percentage-input .input-tag.blocked:focus ~ .input-symbol {
  color: #414141;
}

/* line 199, app/assets/stylesheets/components/forms/forms.scss */
.currency-input .input-tag.succes,
.percentage-input .input-tag.succes {
  border: 1px solid #414141;
  background-color: rgba(141, 198, 63, 0.25);
}

/* line 203, app/assets/stylesheets/components/forms/forms.scss */
.currency-input .input-tag.error,
.percentage-input .input-tag.error {
  border: 1px solid #414141;
  background-color: rgba(252, 111, 111, 0.25);
}

/* line 209, app/assets/stylesheets/components/forms/forms.scss */
.currency-input .input-symbol,
.percentage-input .input-symbol {
  margin: 0 1rem;
  position: absolute;
  color: #414141;
  height: 2rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.8rem;
}

/* line 220, app/assets/stylesheets/components/forms/forms.scss */
.currency-input .symbol-position-left,
.percentage-input .symbol-position-left {
  left: 0;
}

/* line 224, app/assets/stylesheets/components/forms/forms.scss */
.currency-input .symbol-position-right,
.percentage-input .symbol-position-right {
  right: 0;
}

/* line 229, app/assets/stylesheets/components/forms/forms.scss */
.input-error-image {
  display: none;
  font-size: 2rem;
  margin: 0 1rem;
  position: absolute;
  right: 0;
  top: 7px;
}

/* line 238, app/assets/stylesheets/components/forms/forms.scss */
.field_with_errors {
  width: 100%;
}

/* line 244, app/assets/stylesheets/components/forms/forms.scss */
.form-row-invalid :not(.date-input-blank) .input-tag {
  padding: 8px 30px 8px 12px;
}

/* line 248, app/assets/stylesheets/components/forms/forms.scss */
.form-row-invalid .input .input-tag,
.form-row-invalid .dropdown-wrapper {
  border: 1px solid #eb5757;
}

/* line 252, app/assets/stylesheets/components/forms/forms.scss */
.form-row-invalid .input .input-tag::-webkit-calendar-picker-indicator,
.form-row-invalid .dropdown-wrapper::-webkit-calendar-picker-indicator {
  filter: invert(53%) sepia(33%) saturate(2728%) hue-rotate(326deg) brightness(96%) contrast(92%);
}

/* line 259, app/assets/stylesheets/components/forms/forms.scss */
.form-row-invalid .currency-input .input-tag ~ .input-symbol,
.form-row-invalid .percentage-input .input-tag ~ .input-symbol {
  color: #eb5757;
}

/* line 263, app/assets/stylesheets/components/forms/forms.scss */
.form-row-invalid .form-error {
  margin-top: 0.5rem;
  color: #eb5757;
  font-size: var(--font-xs);
  text-transform: uppercase;
}

/* line 269, app/assets/stylesheets/components/forms/forms.scss */
.form-row-invalid .input-error-image {
  color: #eb5757;
  display: block;
}

/* line 275, app/assets/stylesheets/components/forms/forms.scss */
.radio {
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none;
  border: none;
  position: absolute;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 284, app/assets/stylesheets/components/forms/forms.scss */
.radio + label {
  display: inline-flex;
  align-items: center;
  font-size: var(--font-s);
  color: --color-bcg-dark;
  margin: 5px 0;
}

/* line 290, app/assets/stylesheets/components/forms/forms.scss */
.radio + label:before {
  display: block;
  content: '';
  height: 20px;
  width: 20px;
  border: 1px solid currentColor;
  border-radius: 50px;
  margin-right: 10px;
  flex-shrink: 0;
}

/* line 300, app/assets/stylesheets/components/forms/forms.scss */
.radio + label > .form-row {
  margin: 0;
}

/* line 303, app/assets/stylesheets/components/forms/forms.scss */
.radio + label strong {
  color: #414141;
}

/* line 308, app/assets/stylesheets/components/forms/forms.scss */
.radio + .manually-centered-label:before {
  margin: 18px 10px 0 0;
}

/* line 314, app/assets/stylesheets/components/forms/forms.scss */
.radio:checked + label:before {
  border: 6px solid #8dc63f;
}

/* line 320, app/assets/stylesheets/components/forms/forms.scss */
.radio.disabled + label {
  filter: grayscale(100%);
  opacity: 0.2;
}

/* line 327, app/assets/stylesheets/components/forms/forms.scss */
.radio-wrapper.align-top label {
  align-items: flex-start;
}

/* line 329, app/assets/stylesheets/components/forms/forms.scss */
.radio-wrapper.align-top label:before {
  margin-top: 0;
}

/* line 337, app/assets/stylesheets/components/forms/forms.scss */
.checkbox {
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none;
  border: none;
  position: absolute;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 346, app/assets/stylesheets/components/forms/forms.scss */
.checkbox + label {
  display: inline-flex;
  align-items: center;
  font-size: var(--font-s);
  color: --color-bcg-dark;
  margin: 5px 0;
}

/* line 352, app/assets/stylesheets/components/forms/forms.scss */
.checkbox + label:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: '';
  height: 20px;
  width: 20px;
  border: 1px solid var(--color-bcg-dark);
  background-color: var(--color-white);
  border-radius: 4px;
  margin-right: 10px;
  flex-shrink: 0;
}

/* line 368, app/assets/stylesheets/components/forms/forms.scss */
.checkbox:checked + label:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e915';
  color: #8dc63f;
  font-size: var(--font-l);
  background-color: var(--color-bcg-dark);
}

/* line 378, app/assets/stylesheets/components/forms/forms.scss */
.checkbox.disabled + label {
  filter: grayscale(100%);
  opacity: 0.2;
}

/* line 387, app/assets/stylesheets/components/forms/forms.scss */
.radio + label .input,
.checkbox + label .input {
  width: 100%;
}

/* line 389, app/assets/stylesheets/components/forms/forms.scss */
.radio + label .input ~ span,
.checkbox + label .input ~ span {
  margin-left: 6px;
}

/* line 395, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper {
  display: flex;
  align-items: flex-start;
}

/* line 399, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper.align-center {
  align-items: center;
}

/* line 402, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper.align-baseline {
  align-items: baseline;
}

/* line 405, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper.align-end {
  align-items: flex-end;
}

/* line 410, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper.justify-center {
  justify-content: center;
}

/* line 413, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper.justify-space {
  justify-content: space-between;
}

/* line 416, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper.justify-end {
  justify-content: flex-end;
}

/* line 419, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper.justify-start {
  justify-content: flex-start;
}

/* line 423, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper.direction-column {
  flex-direction: column;
}

/* line 426, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper > .input-tag,
.input-wrapper > .radio + label,
.input-wrapper > .checkbox + label,
.input-wrapper > .form-row {
  flex-grow: 1;
  flex-shrink: 1;
}

/* line 432, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper > .input-tag-vertical,
.input-wrapper > .radio + label-vertical,
.input-wrapper > .checkbox + label-vertical,
.input-wrapper > .form-row-vertical {
  flex-direction: column;
}

/* line 435, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper > .input-tag-horizontal,
.input-wrapper > .radio + label-horizontal,
.input-wrapper > .checkbox + label-horizontal,
.input-wrapper > .form-row-horizontal {
  flex-direction: row;
}

/* line 438, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper > .input-tag + .icon,
.input-wrapper > .input-tag + .icon-button,
.input-wrapper > .radio + label + .icon,
.input-wrapper > .radio + label + .icon-button,
.input-wrapper > .checkbox + label + .icon,
.input-wrapper > .checkbox + label + .icon-button,
.input-wrapper > .form-row + .icon,
.input-wrapper > .form-row + .icon-button {
  font-size: var(--font-xl);
  margin: 0 0 0 15px;
}

/* line 443, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper > .input-tag.grow-0,
.input-wrapper > .radio + label.grow-0,
.input-wrapper > .checkbox + label.grow-0,
.input-wrapper > .form-row.grow-0 {
  flex-grow: 0;
}

/* line 448, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper > .form-row-invalid + .icon,
.input-wrapper > .form-row-invalid + .icon-button {
  margin-bottom: 3rem;
}

/* line 454, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper > .input,
.input-wrapper > .radio,
.input-wrapper > .checkbox,
.input-wrapper > .form-row {
  margin-left: 2rem;
}

/* line 459, app/assets/stylesheets/components/forms/forms.scss */
.input-wrapper > .input:first-child,
.input-wrapper > .radio:first-child,
.input-wrapper > .checkbox:first-child,
.input-wrapper > .form-row:first-child {
  margin-left: 0;
}

/* line 465, app/assets/stylesheets/components/forms/forms.scss */
.search-input-wrapper {
  position: relative;
  overflow: hidden;
}

/* line 468, app/assets/stylesheets/components/forms/forms.scss */
.search-input-wrapper input.search-input {
  padding-right: 4.25rem;
  height: 3.2rem;
}

/* line 472, app/assets/stylesheets/components/forms/forms.scss */
.search-input-wrapper .icon-search {
  right: 2.75rem;
}

/* line 475, app/assets/stylesheets/components/forms/forms.scss */
.search-input-wrapper .icon-button {
  right: 0.75rem;
}

/* line 478, app/assets/stylesheets/components/forms/forms.scss */
.search-input-wrapper .icon-search,
.search-input-wrapper .icon-button {
  position: absolute;
  top: 50%;
  translate: 2rem -50%;
  z-index: 1;
  transition: transform 0.2s ease-in-out;
}

/* line 487, app/assets/stylesheets/components/forms/forms.scss */
.search-input-wrapper.active .icon-search,
.search-input-wrapper.active .icon-button {
  translate: 0 -50%;
}

/* line 494, app/assets/stylesheets/components/forms/forms.scss */
.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  visibility: visible !important;
}

/* line 499, app/assets/stylesheets/components/forms/forms.scss */
.react-datepicker__month-dropdown-container::after,
.react-datepicker__year-dropdown-container::after {
  display: none;
}

/* line 505, app/assets/stylesheets/components/forms/forms.scss */
.multiselect-heading {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
}

/* line 511, app/assets/stylesheets/components/forms/forms.scss */
.multiselect-list {
  border: 1px solid #7e7e88;
  border-radius: 5px;
  padding: 5px;
}

/* line 515, app/assets/stylesheets/components/forms/forms.scss */
.multiselect-list ul {
  max-height: calc(max(12rem, 20vmax));
  overflow-y: auto;
}

/* line 518, app/assets/stylesheets/components/forms/forms.scss */
.multiselect-list ul::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  margin-right: 3px;
}

/* line 61, app/assets/stylesheets/mixins.scss */
.multiselect-list ul::-webkit-scrollbar-track {
  background: rgba(221, 221, 238, 0.5);
}

/* line 64, app/assets/stylesheets/mixins.scss */
.multiselect-list ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--color-accent);
}

/* line 1, app/assets/stylesheets/components/header/header.scss */
.header-bar {
  background-color: #ececf6;
  color: #151515;
  box-shadow: 0px 4px 12px rgba(0, 2, 20, 0.11);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  font-size: 13px;
}

/* line 10, app/assets/stylesheets/components/header/header.scss */
.header-bar > nav {
  display: flex;
}

/* line 12, app/assets/stylesheets/components/header/header.scss */
.header-bar > nav ul {
  display: flex;
  padding: 0;
}

/* line 15, app/assets/stylesheets/components/header/header.scss */
.header-bar > nav ul li {
  display: flex;
}

/* line 19, app/assets/stylesheets/components/header/header.scss */
.header-bar > nav a, .header-bar > nav .submenu {
  align-self: center;
  font-size: inherit;
  text-decoration: none;
  color: inherit;
  display: block;
  padding: 0 13px;
}

/* line 27, app/assets/stylesheets/components/header/header.scss */
.header-bar > nav .submenu .submenu-content {
  width: fit-content;
  left: 0;
  white-space: nowrap;
}

/* line 31, app/assets/stylesheets/components/header/header.scss */
.header-bar > nav .submenu .submenu-content ul {
  display: block;
}

/* line 36, app/assets/stylesheets/components/header/header.scss */
.header-bar .icon-fplogo {
  height: 36px;
  width: 36px;
  color: var(--color-accent);
  margin-right: 40px;
}

@media (min-width: 768px) {
  /* line 44, app/assets/stylesheets/components/header/header.scss */
  .employee-header {
    display: flex;
    align-items: baseline;
  }
  /* line 49, app/assets/stylesheets/components/header/header.scss */
  .employee-header .h1 {
    margin-right: 10px;
  }
  /* line 52, app/assets/stylesheets/components/header/header.scss */
  .employee-header .circle {
    margin: 10px;
  }
  /* line 55, app/assets/stylesheets/components/header/header.scss */
  .employee-header .email {
    margin-right: 5px;
  }
}

/* line 61, app/assets/stylesheets/components/header/header.scss */
svg[class^='icon-'] {
  height: 18px;
  width: 18px;
  color: inherit;
  fill: currentColor;
  display: block;
}

/* line 69, app/assets/stylesheets/components/header/header.scss */
.bulk-edit-header {
  display: flex;
  align-items: baseline;
}

/* line 2, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu {
  font-family: var(--special-font);
  position: relative;
}

/* line 5, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu .vcard {
  margin-right: 1.5rem;
}

/* line 8, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu-trigger {
  display: flex;
  align-items: center;
  text-align: left;
  color: inherit;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: inherit;
  border: none;
}

/* line 8, app/assets/stylesheets/mixins.scss */
.header-bar .submenu-trigger:focus {
  outline: none;
}

/* line 14, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu-content {
  background-color: var(--color-font-lightest);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  position: absolute;
  top: 100%;
  display: none;
  margin-top: 1rem;
  color: #a0a0ab;
  width: 100%;
}

/* line 24, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu-content ul {
  padding: 1.5rem;
}

/* line 27, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu-content li {
  padding-bottom: 8px;
}

/* line 29, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu-content li:last-of-type {
  padding-bottom: 0;
}

/* line 33, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu-content.open {
  display: block;
}

/* line 37, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu ul:not(:first-of-type) {
  position: relative;
}

/* line 39, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu ul:not(:first-of-type):before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ddddee;
  position: absolute;
}

/* line 50, app/assets/stylesheets/components/header/submenu.scss */
.header-bar .submenu .link {
  color: #7e7e88;
  text-decoration: none;
}

/* line 1, app/assets/stylesheets/components/holidayConfigurationsPage/holidayConfigurationsPage.scss */
.holiday-separator {
  width: 100%;
  height: 10px;
  background-color: initial;
}

/* line 1, app/assets/stylesheets/components/icons/icons.scss */
a.icon-button {
  text-decoration: none;
  line-height: normal;
  cursor: pointer;
  color: inherit;
}

/* line 6, app/assets/stylesheets/components/icons/icons.scss */
a.icon-button:hover {
  color: var(--color-accent);
}

/* line 10, app/assets/stylesheets/components/icons/icons.scss */
a.icon-button.padded {
  padding: 0 10px 0 10px;
}

/* line 15, app/assets/stylesheets/components/icons/icons.scss */
button.icon-button {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

/* line 22, app/assets/stylesheets/components/icons/icons.scss */
button.icon-button.padded {
  padding: 0 10px 0 10px;
}

/* line 27, app/assets/stylesheets/components/icons/icons.scss */
span.icon-rounded {
  height: 32px;
  width: 32px;
  min-width: 32px;
  margin: 9px 5px 0 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

/* line 37, app/assets/stylesheets/components/icons/icons.scss */
span.icon-rounded.small {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
}

/* line 43, app/assets/stylesheets/components/icons/icons.scss */
span.icon-rounded .icon:hover {
  color: inherit;
}

/* line 47, app/assets/stylesheets/components/icons/icons.scss */
span.icon-rounded.success {
  background-color: #8dc63f;
}

/* line 50, app/assets/stylesheets/components/icons/icons.scss */
span.icon-rounded.error {
  background-color: #eb5757;
}

/* line 53, app/assets/stylesheets/components/icons/icons.scss */
span.icon-rounded.info {
  background-color: #414141;
}

/* line 58, app/assets/stylesheets/components/icons/icons.scss */
.texted-icon-wrapper {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  max-width: 110px;
}

/* line 63, app/assets/stylesheets/components/icons/icons.scss */
.texted-icon-wrapper.long {
  max-width: 160px;
}

/* line 66, app/assets/stylesheets/components/icons/icons.scss */
.texted-icon-wrapper.verification-status-icon {
  justify-content: unset;
  max-width: 160px;
}

/* line 71, app/assets/stylesheets/components/icons/icons.scss */
.texted-icon-wrapper.items-end {
  align-items: flex-end;
}

/* line 74, app/assets/stylesheets/components/icons/icons.scss */
.texted-icon-wrapper.items-center {
  align-items: center;
}

/* line 79, app/assets/stylesheets/components/icons/icons.scss */
.icon,
.icon-button {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 84, app/assets/stylesheets/components/icons/icons.scss */
.icon, .left-space {
  margin-left: 4px;
}

/* line 88, app/assets/stylesheets/components/icons/icons.scss */
.icon:hover {
  color: var(--color-accent);
}

/* line 92, app/assets/stylesheets/components/icons/icons.scss */
.icon-to-right {
  float: right;
}

/* line 96, app/assets/stylesheets/components/icons/icons.scss */
.icon-20 {
  font-size: 2rem;
}

/* line 100, app/assets/stylesheets/components/icons/icons.scss */
.icon-sort {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 4px;
  height: 12px;
  color: #ddddee;
  margin: 3px 6px 0;
}

/* line 108, app/assets/stylesheets/components/icons/icons.scss */
.icon-sort .active {
  color: #a0a0ab;
}

/* line 113, app/assets/stylesheets/components/icons/icons.scss */
.icon-benefits:before {
  content: '\e929';
}

/* line 116, app/assets/stylesheets/components/icons/icons.scss */
.icon-sort-arrow-top:before {
  content: '\e928';
}

/* line 119, app/assets/stylesheets/components/icons/icons.scss */
.icon-sort-arrow-bottom:before {
  content: '\e927';
}

/* line 122, app/assets/stylesheets/components/icons/icons.scss */
.icon-list:before {
  content: '\e924';
}

/* line 125, app/assets/stylesheets/components/icons/icons.scss */
.icon-mail:before {
  content: '\e923';
}

/* line 128, app/assets/stylesheets/components/icons/icons.scss */
.icon-download-3:before {
  content: '\e920';
}

/* line 131, app/assets/stylesheets/components/icons/icons.scss */
.icon-logout:before {
  content: '\e922';
}

/* line 134, app/assets/stylesheets/components/icons/icons.scss */
.icon-employee-info:before {
  content: '\e921';
}

/* line 137, app/assets/stylesheets/components/icons/icons.scss */
.icon-download:before {
  content: '\e925';
}

/* line 140, app/assets/stylesheets/components/icons/icons.scss */
.icon-download-2:before {
  content: '\e926';
}

/* line 143, app/assets/stylesheets/components/icons/icons.scss */
.icon-subcontractor:before {
  content: '\e908';
}

/* line 146, app/assets/stylesheets/components/icons/icons.scss */
.icon-delete:before {
  content: '\e91f';
}

/* line 149, app/assets/stylesheets/components/icons/icons.scss */
.icon-wallet:before {
  content: '\e91e';
}

/* line 152, app/assets/stylesheets/components/icons/icons.scss */
.icon-search:before {
  content: '\e91d';
}

/* line 155, app/assets/stylesheets/components/icons/icons.scss */
.icon-locker:before {
  content: '\e91b';
}

/* line 158, app/assets/stylesheets/components/icons/icons.scss */
.icon-plus:before {
  content: '\e91c';
}

/* line 161, app/assets/stylesheets/components/icons/icons.scss */
.icon-bell:before {
  content: '\e91a';
}

/* line 164, app/assets/stylesheets/components/icons/icons.scss */
.icon-details:before {
  content: '\e918';
}

/* line 167, app/assets/stylesheets/components/icons/icons.scss */
.icon-filter:before {
  content: '\e919';
}

/* line 170, app/assets/stylesheets/components/icons/icons.scss */
.icon-flag:before {
  content: '\e917';
  color: red;
}

/* line 174, app/assets/stylesheets/components/icons/icons.scss */
.icon-edit:before {
  content: '\e916';
}

/* line 177, app/assets/stylesheets/components/icons/icons.scss */
.icon-check:before {
  content: '\e915';
}

/* line 180, app/assets/stylesheets/components/icons/icons.scss */
.icon-arrow-right:before {
  content: '\e910';
}

/* line 183, app/assets/stylesheets/components/icons/icons.scss */
.icon-arrow-left:before {
  content: '\e911';
}

/* line 186, app/assets/stylesheets/components/icons/icons.scss */
.icon-arrow-up:before {
  content: '\e912';
}

/* line 189, app/assets/stylesheets/components/icons/icons.scss */
.icon-arrow-down:before {
  content: '\e913';
}

/* line 192, app/assets/stylesheets/components/icons/icons.scss */
.icon-close:before {
  content: '\e914';
}

/* line 195, app/assets/stylesheets/components/icons/icons.scss */
.icon-settings:before {
  content: '\e906';
}

/* line 198, app/assets/stylesheets/components/icons/icons.scss */
.icon-question:before {
  content: '\e907';
}

/* line 201, app/assets/stylesheets/components/icons/icons.scss */
.icon-alert:before {
  content: '\e900';
}

/* line 204, app/assets/stylesheets/components/icons/icons.scss */
.icon-calendar2:before {
  content: '\e901';
}

/* line 207, app/assets/stylesheets/components/icons/icons.scss */
.icon-exit:before {
  content: '\e902';
}

/* line 210, app/assets/stylesheets/components/icons/icons.scss */
.icon-profile:before {
  content: '\e903';
}

/* line 213, app/assets/stylesheets/components/icons/icons.scss */
.icon-options:before {
  content: '\e904';
}

/* line 216, app/assets/stylesheets/components/icons/icons.scss */
.icon-success-bold:before {
  content: '\e905';
}

/* line 219, app/assets/stylesheets/components/icons/icons.scss */
.icon-documents:before {
  content: '\e909';
}

/* line 222, app/assets/stylesheets/components/icons/icons.scss */
.icon-calendar:before {
  content: '\e90a';
}

/* line 225, app/assets/stylesheets/components/icons/icons.scss */
.icon-raports:before {
  content: '\e90b';
}

/* line 228, app/assets/stylesheets/components/icons/icons.scss */
.icon-employees:before {
  content: '\e90c';
}

/* line 231, app/assets/stylesheets/components/icons/icons.scss */
.icon-payruns:before {
  content: '\e90d';
}

/* line 234, app/assets/stylesheets/components/icons/icons.scss */
.icon-adjustments:before {
  content: '\e90e';
}

/* line 237, app/assets/stylesheets/components/icons/icons.scss */
.icon-fplogo:before {
  content: '\e90f';
}

/* line 240, app/assets/stylesheets/components/icons/icons.scss */
.icon-fps:before {
  content: '\e912';
}

/* line 243, app/assets/stylesheets/components/icons/icons.scss */
.icon-additional_fps:before {
  content: '\e91c';
}

/* line 1, app/assets/stylesheets/components/link/link.scss */
button.link {
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: var(--font-s);
  border: none;
  text-decoration: underline;
}

/* line 8, app/assets/stylesheets/components/link/link.scss */
button.link:focus {
  outline: none;
}

/* line 13, app/assets/stylesheets/components/link/link.scss */
.link {
  display: inline-block;
  line-height: normal;
  color: var(--color-accent);
  cursor: pointer;
}

/* line 18, app/assets/stylesheets/components/link/link.scss */
.link > .icon {
  margin: 0 10px;
}

/* line 20, app/assets/stylesheets/components/link/link.scss */
.link > .icon:first-child {
  margin-left: 0;
}

/* line 24, app/assets/stylesheets/components/link/link.scss */
.link.color-danger {
  color: var(--color-danger);
}

/* line 27, app/assets/stylesheets/components/link/link.scss */
.link.text-left {
  text-align: left;
  width: 80%;
}

/* line 31, app/assets/stylesheets/components/link/link.scss */
.link.full {
  width: 100%;
}

/* line 34, app/assets/stylesheets/components/link/link.scss */
.link > .right {
  float: right;
}

/* line 37, app/assets/stylesheets/components/link/link.scss */
.link > .with-left-space {
  margin-left: 12px;
}

/* line 40, app/assets/stylesheets/components/link/link.scss */
.link.disabled {
  opacity: 0.4;
  border: 0px;
  background-color: var(--color-white);
  color: var(--color-font-darker);
  pointer-events: none;
}

/* line 1, app/assets/stylesheets/components/login/login.scss */
.content {
  width: 100vw;
  display: flex;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/login/login.scss */
  .content {
    height: 100vh;
    padding-bottom: 0;
    gap: 1px;
  }
}

/* line 11, app/assets/stylesheets/components/login/login.scss */
.content .log-in {
  padding: 60px;
  width: 100%;
}

@media (min-width: 768px) {
  /* line 11, app/assets/stylesheets/components/login/login.scss */
  .content .log-in {
    width: 35%;
  }
}

/* line 18, app/assets/stylesheets/components/login/login.scss */
.content .log-in .icon-fplogo {
  height: 64px;
  width: 64px;
  color: var(--color-accent);
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/login/login.scss */
  .content .log-in .icon-fplogo {
    margin-bottom: 120px;
  }
}

/* line 28, app/assets/stylesheets/components/login/login.scss */
.content .log-in-description {
  margin: 15px 0;
  display: inline-block;
  line-height: 155%;
}

/* line 34, app/assets/stylesheets/components/login/login.scss */
.content .log-in-button {
  padding: 8px 63px;
}

/* line 38, app/assets/stylesheets/components/login/login.scss */
.content .log-in .form-row {
  margin-bottom: 30px;
}

/* line 41, app/assets/stylesheets/components/login/login.scss */
.content .log-in.second-fa {
  overflow-y: auto;
}

/* line 43, app/assets/stylesheets/components/login/login.scss */
.content .log-in.second-fa::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* line 61, app/assets/stylesheets/mixins.scss */
.content .log-in.second-fa::-webkit-scrollbar-track {
  background: rgba(221, 221, 238, 0.5);
}

/* line 64, app/assets/stylesheets/mixins.scss */
.content .log-in.second-fa::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--color-accent);
}

/* line 48, app/assets/stylesheets/components/login/login.scss */
.content .log-in.second-fa .icon-fplogo {
  margin-bottom: 30px;
}

/* line 51, app/assets/stylesheets/components/login/login.scss */
.content .log-in.second-fa .form-row {
  margin-bottom: 10px;
}

/* line 54, app/assets/stylesheets/components/login/login.scss */
.content .log-in.second-fa .qr-code {
  max-width: 20vh;
  margin: 0 auto;
}

/* line 60, app/assets/stylesheets/components/login/login.scss */
.content .side-image {
  display: none;
}

@media (min-width: 768px) {
  /* line 60, app/assets/stylesheets/components/login/login.scss */
  .content .side-image {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8dc63f;
    width: 65%;
  }
}

/* line 2, app/assets/stylesheets/components/mappingEntryModal/mappingEntryModal.scss */
.mapping-entry-modal .delete-button {
  position: relative;
  top: 10px;
  align-self: center;
  padding: 15px;
  width: 0px;
}

/* line 10, app/assets/stylesheets/components/mappingEntryModal/mappingEntryModal.scss */
.mapping-entry-modal .delete-container {
  margin-left: 0px;
}

/* line 1, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper {
  padding: 2rem 4rem;
  border-style: solid;
  border-width: 2px;
}

/* line 6, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper .navbar,
.message-wrapper .icon-rounded {
  margin: 0;
}

/* line 10, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper .input-wrapper {
  align-items: center;
}

/* line 13, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper .wrapper-content {
  font-family: var(--special-font);
  font-size: var(--font-l);
  margin-left: 15px;
  display: block;
  font-weight: bold;
}

/* line 20, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.modal {
  border-style: solid none;
}

/* line 24, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.error {
  background-color: rgba(235, 87, 87, 0.15);
  border-color: #eb5757;
}

/* line 27, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.error .icon-rounded {
  background-color: #eb5757;
}

/* line 30, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.error .input-wrapper {
  align-items: baseline;
}

/* line 33, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.error .icon {
  margin-bottom: 4px;
}

/* line 38, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.warning {
  background-color: rgba(242, 201, 76, 0.15);
  border-color: #f2c94c;
}

/* line 41, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.warning .icon-rounded {
  background-color: #f2c94c;
}

/* line 46, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.succes {
  background-color: rgba(141, 198, 63, 0.15);
  border-color: #8dc63f;
}

/* line 49, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.succes .icon-rounded {
  background-color: #8dc63f;
}

/* line 54, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin {
  border: none;
  padding: 1rem 2rem;
  margin-bottom: 20px;
}

/* line 58, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin .icon-rounded {
  display: none;
}

/* line 61, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin .icon {
  font-size: 24px;
}

/* line 64, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin .wrapper-content {
  display: flex;
  width: 100%;
}

/* line 68, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin .wrapper-content .list-body,
.message-wrapper.out-message-thin .wrapper-content .list-header {
  margin: 0;
}

/* line 71, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin .wrapper-content .list-body .list-item,
.message-wrapper.out-message-thin .wrapper-content .list-header .list-item {
  margin: 0;
  font-weight: 400;
  font-size: var(--font-m);
}

/* line 76, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin .wrapper-content .list-body .list-item::before,
.message-wrapper.out-message-thin .wrapper-content .list-header .list-item::before {
  content: none;
}

/* line 81, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin .wrapper-content .list {
  width: 100%;
}

/* line 83, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin .wrapper-content .list .list-item {
  justify-content: space-between;
}

/* line 85, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin .wrapper-content .list .list-item a.clear-action {
  color: red;
  margin-right: 20px;
}

/* line 91, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.out-message-thin .wrapper-content .list,
.message-wrapper.out-message-thin .wrapper-content .error-top {
  margin: 5px 0 0 20px;
}

/* line 98, app/assets/stylesheets/components/messageWrapper/messageWrapper.scss */
.message-wrapper.remove-icon-margin .icon-rounded i {
  margin: 0;
}

/* line 1, app/assets/stylesheets/components/modal/modal.scss */
.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 8, app/assets/stylesheets/components/modal/modal.scss */
.modal-overlay:before {
  position: absolute;
  content: '';
  display: block;
  background-color: black;
  opacity: 0.3;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
}

/* line 20, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper {
  background-color: var(--color-white);
  width: 705px;
  height: 740px;
  max-height: 90vh;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
}

/* line 28, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper.big {
  height: 845px;
}

/* line 31, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper.no-border-radius {
  border-radius: unset;
}

/* line 35, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper.wide {
  width: 1000px;
}

/* line 39, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper .modal-content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* line 43, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper .modal-content-wrapper > .form-tag {
  display: contents;
  flex-grow: 1;
}

/* line 49, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper.verification-details-modal {
  height: 480px !important;
  width: 642px !important;
}

/* line 53, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper.small .modal-footer {
  box-shadow: none;
}

/* line 57, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper.tax .input-wrapper > .form-row {
  margin-left: 3rem;
}

/* line 63, app/assets/stylesheets/components/modal/modal.scss */
.modal-content {
  padding: 3rem 4rem 0 4rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* line 69, app/assets/stylesheets/components/modal/modal.scss */
.modal-content + .modal-content {
  padding-top: 0;
}

/* line 72, app/assets/stylesheets/components/modal/modal.scss */
.modal-content .navbar {
  margin: 0;
}

/* line 75, app/assets/stylesheets/components/modal/modal.scss */
.modal-content + .last {
  padding-bottom: 3rem;
}

/* line 80, app/assets/stylesheets/components/modal/modal.scss */
.modal-header {
  margin-bottom: 3rem;
  display: flex;
  align-items: baseline;
}

/* line 86, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 90, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* line 94, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper::-webkit-scrollbar-track {
  background: rgba(221, 221, 238, 0.5);
}

/* line 97, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--color-accent);
}

/* line 102, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper-overflow .modal-content {
  height: auto;
}

/* line 105, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper-overflow .modal-footer {
  z-index: 9;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}

/* line 111, app/assets/stylesheets/components/modal/modal.scss */
.modal-wrapper .modal-footer {
  position: sticky;
  bottom: -1px;
  background-color: var(--color-white);
  padding: 3rem;
}

/* line 1, app/assets/stylesheets/components/modalSteps/modalSteps.scss */
.modal-steps {
  display: flex;
  height: 1rem;
}

/* line 4, app/assets/stylesheets/components/modalSteps/modalSteps.scss */
.modal-steps .step-wrapper {
  flex-grow: 1;
  flex-shrink: 1;
  list-style: none;
  padding-right: 2px;
}

/* line 9, app/assets/stylesheets/components/modalSteps/modalSteps.scss */
.modal-steps .step-wrapper:last-child {
  padding-right: 0;
}

/* line 13, app/assets/stylesheets/components/modalSteps/modalSteps.scss */
.modal-steps .step {
  color: inherit;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: inherit;
  border: none;
  height: 100%;
  width: 100%;
  display: block;
  background-color: #ddddee;
}

/* line 8, app/assets/stylesheets/mixins.scss */
.modal-steps .step:focus {
  outline: none;
}

/* line 19, app/assets/stylesheets/components/modalSteps/modalSteps.scss */
.modal-steps .step-saved {
  background-color: #8dc63f;
}

/* line 22, app/assets/stylesheets/components/modalSteps/modalSteps.scss */
.modal-steps .step-skipped {
  background-color: #f9e4a6;
}

/* line 25, app/assets/stylesheets/components/modalSteps/modalSteps.scss */
.modal-steps .step-open {
  background-color: #d5f0ad;
}

/* line 1, app/assets/stylesheets/components/navbar/navbar.scss */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 10px 0;
}

/* line 7, app/assets/stylesheets/components/navbar/navbar.scss */
.navbar-direction-ltr {
  flex-direction: row-reverse;
}

/* line 10, app/assets/stylesheets/components/navbar/navbar.scss */
.navbar.tab-nav {
  justify-content: flex-start;
}

/* line 13, app/assets/stylesheets/components/navbar/navbar.scss */
.navbar .link {
  margin-top: 10px;
}

/* line 3, app/assets/stylesheets/components/payrunMessagesModal/navigation.scss */
.payrun-messages-modal .navigation .button:not(:first-child) {
  margin-left: 30px;
}

/* line 1, app/assets/stylesheets/components/pill/pill.scss */
.pill {
  background-color: var(--color-font-dark);
  height: 2.4rem;
  width: 168px;
  border-radius: 5rem;
  color: white;
  font-size: var(--font-s);
  font-family: var(--main-font);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 12, app/assets/stylesheets/components/pill/pill.scss */
.pill-square {
  width: 113px;
  height: 32px;
  border-radius: 4px;
}

/* line 17, app/assets/stylesheets/components/pill/pill.scss */
.pill.fps {
  font-size: 11px;
  height: 24px;
  width: auto;
  padding: 2px 4px;
  background-color: #5764d8;
  display: inline-flex;
  margin-right: 15px;
  text-transform: uppercase;
}

/* line 26, app/assets/stylesheets/components/pill/pill.scss */
.pill.fps.fps_plus {
  background-color: #59b4f5;
  margin-right: 10px;
}

/* line 32, app/assets/stylesheets/components/pill/pill.scss */
.pill.company-status {
  width: auto;
  margin-right: 15px;
  margin-left: 15px;
  padding: 2px 4px;
}

/* line 38, app/assets/stylesheets/components/pill/pill.scss */
.pill.company-status.archived {
  background-color: #dbdbdb;
}

/* line 41, app/assets/stylesheets/components/pill/pill.scss */
.pill.company-status.set-as-ceased {
  background-color: #9c8950;
}

/* line 44, app/assets/stylesheets/components/pill/pill.scss */
.pill.company-status.ceased {
  background-color: #f3db90;
}

/* line 49, app/assets/stylesheets/components/pill/pill.scss */
.pill.left {
  margin-left: 4px;
}

/* line 52, app/assets/stylesheets/components/pill/pill.scss */
.pill.info {
  background-color: #51ace1;
  width: auto;
  height: auto;
  padding: 0.2em 0.75em;
}

/* line 60, app/assets/stylesheets/components/pill/pill.scss */
.circle {
  width: 24px;
  height: 24px;
  margin: 15px;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1, app/assets/stylesheets/components/popup/popup.scss */
.popup {
  background-color: var(--color-bcg-dark);
  border-radius: 6px;
  padding: 8px;
  min-width: 150px;
  color: var(--color-white);
  font-size: var(--font-s);
}

/* line 8, app/assets/stylesheets/components/popup/popup.scss */
.popup > .navbar:first-child {
  margin-top: 0;
}

/* line 11, app/assets/stylesheets/components/popup/popup.scss */
.popup .form-row {
  margin: 5px 0 0 0;
}

/* line 16, app/assets/stylesheets/components/popup/popup.scss */
.popup .checkbox:not(.download-filer) + label:before {
  border: 1px solid #7b7b7b;
  background-color: #7b7b7b;
}

/* line 23, app/assets/stylesheets/components/popup/popup.scss */
.popup .checkbox:not(.download-filer):checked + label:before {
  border: 1px solid #606060;
  background-color: #606060;
}

/* line 31, app/assets/stylesheets/components/popup/popup.scss */
.popup .checkbox.disabled:not(.download-filer) + label:before {
  border: 1px solid #606060;
  background-color: #7b7b7b;
}

/* line 38, app/assets/stylesheets/components/popup/popup.scss */
.popup .menu-wrapper {
  display: flex;
  flex-direction: column;
}

/* line 41, app/assets/stylesheets/components/popup/popup.scss */
.popup .menu-wrapper .menu-element {
  padding: 5px 0;
  width: 100%;
  border-bottom: 1px solid #383838;
  color: var(--color-white);
  cursor: pointer;
}

/* line 47, app/assets/stylesheets/components/popup/popup.scss */
.popup .menu-wrapper .menu-element .link {
  display: flex;
  justify-content: flex-start;
  width: inherit;
  color: inherit;
  text-decoration: none;
}

/* line 54, app/assets/stylesheets/components/popup/popup.scss */
.popup .menu-wrapper .menu-element.active, .popup .menu-wrapper .menu-element:hover {
  color: #8dc63f;
}

/* line 58, app/assets/stylesheets/components/popup/popup.scss */
.popup .menu-wrapper .menu-element:last-child {
  border-bottom: none;
}

/* line 65, app/assets/stylesheets/components/popup/popup.scss */
.popup.calendar-popup {
  background-color: var(--color-white);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

/* line 1, app/assets/stylesheets/components/progressBar/progressBar.scss */
.progress-bar-wrapper {
  background-color: #d3d3e2;
  border-radius: 50px;
  height: 24px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* line 8, app/assets/stylesheets/components/progressBar/progressBar.scss */
.progress-bar-wrapper .progress-bar {
  height: 100%;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 14, app/assets/stylesheets/components/progressBar/progressBar.scss */
.progress-bar-wrapper .progress-bar[style*='width: 0%'] {
  display: block;
  text-align: center;
}

/* line 19, app/assets/stylesheets/components/progressBar/progressBar.scss */
.progress-bar-wrapper .progress-bar-label {
  color: white;
  font-size: var(--font-s);
  white-space: nowrap;
  padding: 5px 10px;
}

/* line 25, app/assets/stylesheets/components/progressBar/progressBar.scss */
.progress-bar-wrapper > .progress-bar-label {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

/* line 1, app/assets/stylesheets/components/section/section.scss */
.section {
  background-color: unset;
  padding: 2rem 3rem;
}

/* line 4, app/assets/stylesheets/components/section/section.scss */
.section + .section {
  margin-top: 10px;
}

/* line 7, app/assets/stylesheets/components/section/section.scss */
.section .section-content {
  padding: 1rem 0;
  margin: 0 auto;
}

/* line 11, app/assets/stylesheets/components/section/section.scss */
.section.gray {
  background-color: #fafafc;
}

/* line 14, app/assets/stylesheets/components/section/section.scss */
.section.green {
  background-color: #eef6e2;
}

/* line 17, app/assets/stylesheets/components/section/section.scss */
.section.highlighted {
  background-color: #DBF394;
}

/* line 20, app/assets/stylesheets/components/section/section.scss */
.section.rejected {
  background-color: #FAD1D1;
}

/* line 23, app/assets/stylesheets/components/section/section.scss */
.section.red {
  background-color: #FAD1D1;
}

/* line 1, app/assets/stylesheets/components/separator/separator.scss */
.separator {
  background-color: #ddddee;
}

/* line 3, app/assets/stylesheets/components/separator/separator.scss */
.separator-horizontal {
  height: 1px;
  width: 100%;
}

/* line 7, app/assets/stylesheets/components/separator/separator.scss */
.separator-vertical {
  height: 1em;
  width: 1px;
  margin: 0 4px;
  display: inline-block;
}

/* line 14, app/assets/stylesheets/components/separator/separator.scss */
.separator.with-margin {
  margin-top: 10px;
  margin-bottom: 20px;
}

/* line 1, app/assets/stylesheets/components/sidebar/sidebar.scss */
.sidebar {
  background-color: #ececf6;
  color: #a0a0ab;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 7, app/assets/stylesheets/components/sidebar/sidebar.scss */
.sidebar ul {
  margin: 0;
  padding: 0;
}

/* line 11, app/assets/stylesheets/components/sidebar/sidebar.scss */
.sidebar li {
  list-style: none;
}

/* line 14, app/assets/stylesheets/components/sidebar/sidebar.scss */
.sidebar .icon-fplogo {
  height: 36px;
  width: 36px;
  color: var(--color-accent);
  margin: -40px 0 20px;
}

/* line 20, app/assets/stylesheets/components/sidebar/sidebar.scss */
.sidebar .icon-button {
  font-size: inherit;
  text-decoration: none;
  color: inherit;
  padding: 15px;
  display: block;
  font-size: 22px;
}

/* line 27, app/assets/stylesheets/components/sidebar/sidebar.scss */
.sidebar .icon-button.selected {
  color: #8dc63f;
}

/* line 30, app/assets/stylesheets/components/sidebar/sidebar.scss */
.sidebar .icon-button .icon {
  width: 22px;
  color: inherit;
}

/* line 36, app/assets/stylesheets/components/sidebar/sidebar.scss */
.sidebar .logout-link {
  margin-top: auto;
  color: #a0a0ab;
  font-weight: 600;
  letter-spacing: -0.6px;
  margin-bottom: 3rem;
  text-decoration: none;
}

/* line 43, app/assets/stylesheets/components/sidebar/sidebar.scss */
.sidebar .logout-link:hover, .sidebar .logout-link:focus-visible {
  color: #8dc63f;
}

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

/* line 10, app/assets/stylesheets/components/spinner/spinner.scss */
.loader-wrapper {
  align-items: center;
  justify-content: center;
}

/* line 15, app/assets/stylesheets/components/spinner/spinner.scss */
.loader {
  background: conic-gradient(from 90deg at 50% 50%, rgba(141, 198, 63, 0) 0deg, rgba(141, 198, 63, 0) 0.04deg, #8dc63f 360deg);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: rotation 1.2s linear infinite;
}

/* line 30, app/assets/stylesheets/components/spinner/spinner.scss */
.loader-box {
  background: white;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

/* line 37, app/assets/stylesheets/components/spinner/spinner.scss */
.loader-big {
  width: 100px;
  height: 100px;
}

/* line 40, app/assets/stylesheets/components/spinner/spinner.scss */
.loader-big .loader-box {
  width: 94px;
  height: 94px;
}

/* line 45, app/assets/stylesheets/components/spinner/spinner.scss */
.loader-large {
  width: 300px;
  height: 300px;
}

/* line 48, app/assets/stylesheets/components/spinner/spinner.scss */
.loader-large .loader-box {
  width: 280px;
  height: 280px;
}

/* line 55, app/assets/stylesheets/components/spinner/spinner.scss */
.static-loader {
  display: flex;
  gap: 1ch;
  align-items: center;
  margin-left: auto;
  align-self: flex-start;
}

/* line 62, app/assets/stylesheets/components/spinner/spinner.scss */
.static-loader svg {
  height: 1.5em;
  flex-shrink: 0;
}

/* line 68, app/assets/stylesheets/components/spinner/spinner.scss */
.data-saved {
  margin-left: auto;
  align-self: flex-start;
  color: var(--color-accent);
}

/* line 1, app/assets/stylesheets/components/status/status.scss */
.status {
  color: var(--color-font-dark);
  font-size: var(--font-m);
  font-family: var(--main-font);
  font-weight: 500;
  line-height: 22px;
}

/* line 1, app/assets/stylesheets/components/summaryTable/summaryTable.scss */
.summary-table {
  font-size: var(--font-s);
  width: 100%;
  border-bottom: 2px solid var(--color-black);
  padding-bottom: 2px;
}

/* line 6, app/assets/stylesheets/components/summaryTable/summaryTable.scss */
.summary-table .td {
  padding: 2px 0;
}

/* line 8, app/assets/stylesheets/components/summaryTable/summaryTable.scss */
.summary-table .td:last-child {
  text-align: right;
}

/* line 12, app/assets/stylesheets/components/summaryTable/summaryTable.scss */
.summary-table-footer {
  font-weight: 600;
}

/* line 1, app/assets/stylesheets/components/table/columnsSelect.scss */
.columns-settings {
  position: relative;
}

/* line 4, app/assets/stylesheets/components/table/columnsSelect.scss */
.columns-settings button {
  background-color: transparent;
  border: 0;
  color: inherit;
}

/* line 10, app/assets/stylesheets/components/table/columnsSelect.scss */
.columns-settings__content {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  white-space: nowrap;
  background-color: #414141;
  border-radius: 0.6rem;
  padding: 0.8rem;
  color: white;
}

/* line 20, app/assets/stylesheets/components/table/columnsSelect.scss */
.columns-settings__content svg {
  color: #8dc63f;
}

/* line 23, app/assets/stylesheets/components/table/columnsSelect.scss */
.columns-settings__content > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  color: inherit;
  border: 0;
}

/* line 34, app/assets/stylesheets/components/table/columnsSelect.scss */
.columns-settings__content ul {
  max-height: 20rem;
  overflow-y: auto;
  text-align: left;
}

/* line 39, app/assets/stylesheets/components/table/columnsSelect.scss */
.columns-settings__content ul::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}

/* line 61, app/assets/stylesheets/mixins.scss */
.columns-settings__content ul::-webkit-scrollbar-track {
  background: rgba(221, 221, 238, 0.5);
}

/* line 64, app/assets/stylesheets/mixins.scss */
.columns-settings__content ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--color-accent);
}

/* line 44, app/assets/stylesheets/components/table/columnsSelect.scss */
.columns-settings__content ul li {
  padding-right: 1rem;
}

/* line 48, app/assets/stylesheets/components/table/columnsSelect.scss */
.columns-settings__content .checkbox:checked + label:before {
  border-color: #221717;
}

/* line 1, app/assets/stylesheets/components/table/table.scss */
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

/* line 15, app/assets/stylesheets/components/table/table.scss */
table {
  border-collapse: separate;
  border-spacing: 2px;
}

/* line 18, app/assets/stylesheets/components/table/table.scss */
table .link {
  text-decoration: none;
  color: #2d9cdb;
}

/* line 24, app/assets/stylesheets/components/table/table.scss */
.table {
  width: 100%;
  border: 1px solid #ddddee;
  border-radius: 8px;
}

/* line 28, app/assets/stylesheets/components/table/table.scss */
.table-wrapper {
  overflow: auto;
  margin: 0 5px;
}

@media (min-width: 768px) {
  /* line 28, app/assets/stylesheets/components/table/table.scss */
  .table-wrapper {
    max-height: calc(100vh - 410px);
  }
}

@media (orientation: landscape) {
  /* line 28, app/assets/stylesheets/components/table/table.scss */
  .table-wrapper {
    max-height: 100%;
  }
}

/* line 37, app/assets/stylesheets/components/table/table.scss */
.table-wrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* line 61, app/assets/stylesheets/mixins.scss */
.table-wrapper::-webkit-scrollbar-track {
  background: rgba(221, 221, 238, 0.5);
}

/* line 64, app/assets/stylesheets/mixins.scss */
.table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--color-accent);
}

/* line 43, app/assets/stylesheets/components/table/table.scss */
.table-header {
  color: #a0a0ab;
  font-weight: 500;
  font-size: 12px;
}

/* line 47, app/assets/stylesheets/components/table/table.scss */
.table-header-sticky th {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}

/* line 54, app/assets/stylesheets/components/table/table.scss */
.table-heading {
  padding: 10px;
}

/* line 56, app/assets/stylesheets/components/table/table.scss */
.table-heading .no-padding {
  padding: 0;
}

/* line 60, app/assets/stylesheets/components/table/table.scss */
.table-body {
  border: none;
}

/* line 62, app/assets/stylesheets/components/table/table.scss */
.table-body .multi-row {
  position: relative;
  z-index: 1;
  background-color: var(--color-white);
}

/* line 67, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row {
  position: relative;
}

/* line 69, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row .td-space {
  display: flex;
  justify-content: space-around;
}

/* line 73, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row .td:first-child:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: -2px;
  height: 1px;
  width: calc(100% + 4px);
  background-color: #ddddee;
  z-index: 0;
}

/* line 84, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.locked {
  color: #8b8b93;
  font-style: italic;
}

/* line 87, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.locked sup {
  vertical-align: text-top;
}

/* line 92, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.gray-row:nth-child(2n + 2) {
  background: rgba(221, 221, 238, 0.3);
}

/* line 98, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.rolldown-row.open + .rolldown-row td:first-child {
  position: relative;
  inset: 2px 0 0 -2px;
}

/* line 101, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.rolldown-row.open + .rolldown-row td:first-child:before {
  width: calc(100% + 6px);
}

/* line 106, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.rolldown-row .success {
  border-left: 4px solid #8dc63f;
}

/* line 110, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.locked {
  background-color: rgba(242, 242, 250, 0.6);
}

/* line 113, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.gray {
  background-color: #fbfbfd;
}

/* line 116, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.yellow {
  background: rgba(242, 201, 76, 0.15);
}

/* line 120, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.error td:not(.multi-row) {
  position: relative;
}

/* line 122, app/assets/stylesheets/components/table/table.scss */
.table-body .table-row.error td:not(.multi-row)::after {
  content: '';
  position: absolute;
  inset: 0 -1px -2px;
  background: rgba(252, 111, 111, 0.12);
  pointer-events: none;
}

/* line 133, app/assets/stylesheets/components/table/table.scss */
.table-cell {
  padding: 11px;
}

/* line 135, app/assets/stylesheets/components/table/table.scss */
.table-cell .link .icon-flag {
  margin-left: 5px;
}

/* line 138, app/assets/stylesheets/components/table/table.scss */
.table-cell.indent {
  margin-left: 12px;
}

/* line 141, app/assets/stylesheets/components/table/table.scss */
.table-cell.adjustment-left {
  text-align: left;
}

/* line 144, app/assets/stylesheets/components/table/table.scss */
.table-cell.adjustment-right {
  text-align: right;
}

/* line 147, app/assets/stylesheets/components/table/table.scss */
.table-cell.adjustment-center {
  text-align: center;
}

/* line 150, app/assets/stylesheets/components/table/table.scss */
.table-cell.with-pill {
  display: flex;
  align-items: center;
}

/* line 154, app/assets/stylesheets/components/table/table.scss */
.table-cell.with-hover-actions {
  position: relative;
}

/* line 156, app/assets/stylesheets/components/table/table.scss */
.table-cell.with-hover-actions .hover-actions {
  display: none;
  position: absolute;
  z-index: 10;
  top: 80%;
  left: 5px;
  background-color: var(--color-white);
  border-radius: 4px;
}

/* line 165, app/assets/stylesheets/components/table/table.scss */
.table-cell.with-hover-actions:hover .hover-actions {
  display: block;
}

/* line 170, app/assets/stylesheets/components/table/table.scss */
.table-footer {
  color: #a0a0ab;
  background-color: #efeff7;
}

/* line 174, app/assets/stylesheets/components/table/table.scss */
.table-group {
  background-color: #efeff7;
}

/* line 178, app/assets/stylesheets/components/table/table.scss */
.table-sticky-columns .table-body .table-row td:last-of-type:before {
  content: '';
  display: block;
  background-color: #ddddee;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: 1px;
}

/* line 189, app/assets/stylesheets/components/table/table.scss */
.table-sticky-columns .table-body .table-row.locked td:last-of-type:before {
  display: none;
}

/* line 192, app/assets/stylesheets/components/table/table.scss */
.table-sticky-columns .table-body .table-row .td:first-child:before {
  display: none;
}

/* line 195, app/assets/stylesheets/components/table/table.scss */
.table-sticky-columns .table-header-sticky th {
  z-index: 3;
}

/* line 198, app/assets/stylesheets/components/table/table.scss */
.table-sticky-columns .table-header-sticky th[style*='left'] {
  z-index: 4;
}

/* line 203, app/assets/stylesheets/components/table/table.scss */
.table-sticky-columns th[style*='left'],
.table-sticky-columns td[style*='left'] {
  position: sticky;
  z-index: 1;
  left: 1px;
  background-color: #fff;
}

/* line 210, app/assets/stylesheets/components/table/table.scss */
.table-sticky-columns .locked td {
  background-color: rgba(242, 242, 250, 0.6);
}

/* line 214, app/assets/stylesheets/components/table/table.scss */
.table .highlight {
  background-color: rgba(141, 198, 63, 0.1);
}

/* line 216, app/assets/stylesheets/components/table/table.scss */
.table .highlight-strong {
  background-color: #e9ffa9;
}

/* line 219, app/assets/stylesheets/components/table/table.scss */
.table .highlight-rejected {
  background-color: #fce8e8;
}

/* line 230, app/assets/stylesheets/components/table/table.scss */
.companies-table.table .table-body .table-row .td:before,
.documents.table .table-body .table-row .td:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #ddddee;
  z-index: 0;
}

/* line 242, app/assets/stylesheets/components/table/table.scss */
.companies-table.table .table-body .table-row .td .icon-with-text,
.documents.table .table-body .table-row .td .icon-with-text {
  display: flex;
  align-items: center;
}

/* line 246, app/assets/stylesheets/components/table/table.scss */
.companies-table.table .table-body .table-row .td .icon-with-text svg,
.documents.table .table-body .table-row .td .icon-with-text svg {
  width: 21px;
  height: 21px;
  margin-right: 8px;
}

/* line 254, app/assets/stylesheets/components/table/table.scss */
.companies-table.table .table-body .table-row.gray .multi-row,
.documents.table .table-body .table-row.gray .multi-row {
  background-color: #fbfbfd;
}

/* line 76, app/assets/stylesheets/mixins.scss */
.companies-table .report-failed,
.documents .report-failed {
  color: #eb5757;
}

/* line 80, app/assets/stylesheets/mixins.scss */
.companies-table .report-polled,
.documents .report-polled {
  color: #8dc63f;
}

/* line 84, app/assets/stylesheets/mixins.scss */
.companies-table .report-pending,
.documents .report-pending {
  color: #f2c94c;
}

/* line 264, app/assets/stylesheets/components/table/table.scss */
.invitation-table {
  border: none;
  width: auto;
  padding: 20px;
  margin: 20px 0 30px;
  border-spacing: 0 8px;
}

/* line 271, app/assets/stylesheets/components/table/table.scss */
.invitation-table .table-row.white {
  background-color: #ffffff;
  color: #333333;
}

/* line 275, app/assets/stylesheets/components/table/table.scss */
.invitation-table .table-row.green {
  background-color: #8dc63f;
  color: #ffffff;
}

/* line 281, app/assets/stylesheets/components/table/table.scss */
.invitation-table .table-row .td:first-child {
  border-radius: 8px 0 0 8px;
}

/* line 284, app/assets/stylesheets/components/table/table.scss */
.invitation-table .table-row .td:nth-child(4) {
  border-radius: 0 8px 8px 0;
}

/* line 287, app/assets/stylesheets/components/table/table.scss */
.invitation-table .table-row .td .table-cell {
  margin-right: 5px;
}

/* line 290, app/assets/stylesheets/components/table/table.scss */
.invitation-table .table-row .td:before {
  visibility: hidden;
}

/* line 293, app/assets/stylesheets/components/table/table.scss */
.invitation-table .table-row .td:last-child {
  background-color: #fafafc;
}

/* line 299, app/assets/stylesheets/components/table/table.scss */
.invitation-table .link {
  font-size: 14px;
  color: #8dc63f;
  text-decoration: underline;
}

/* line 305, app/assets/stylesheets/components/table/table.scss */
.reset-border-spacing {
  border-spacing: 0;
}

/* line 310, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table {
  border-spacing: 2px 0;
}

@media (min-width: 768px) {
  /* line 313, app/assets/stylesheets/components/table/table.scss */
  .bulk-update-table .table-wrapper {
    max-height: calc(100vh - 230px);
  }
}

@media (orientation: landscape) {
  /* line 313, app/assets/stylesheets/components/table/table.scss */
  .bulk-update-table .table-wrapper {
    max-height: 100%;
  }
}

/* line 323, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-header-sticky tr:first-of-type th:first-of-type .table-cell {
  background-color: #f6f6fa;
  padding: 0;
}

/* line 327, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-header-sticky tr:first-of-type th[style*='left'] {
  background-color: #f6f6fa;
}

/* line 332, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-header-sticky tr:last-of-type .table-cell:not(:empty) {
  border-top: 1px solid #ddddee;
  padding: 4px 11px 5px;
}

/* line 340, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body.center td {
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td {
  --input-height: 2.8rem;
  vertical-align: baseline;
}

/* line 347, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td .table-cell {
  padding: 9px 11px 9px;
}

/* line 350, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td:not(:first-of-type) {
  min-width: 130px;
}

/* line 353, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td:first-of-type .table-cell {
  padding: 0;
  background-color: #f6f6fa;
}

/* line 357, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td[style*='left'] {
  background-color: #f6f6fa;
}

/* line 360, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td .table-cell > .input {
  height: auto;
}

/* line 363, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td .input .input-tag {
  max-width: 10ch;
  text-align: right;
  padding-inline-end: 12px !important;
}

/* line 368, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td .currency-input .input-tag {
  max-width: calc(3rem + 10ch);
}

/* line 371, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td .edit-mode {
  padding: 0 11px;
}

/* line 374, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td .form-row {
  margin: 0;
}

/* line 377, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td .form-row-invalid {
  padding: 3px 0;
}

/* line 379, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body td .form-row-invalid .input-error-image {
  top: 3px;
}

/* line 384, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body .table-cell[data-editable] {
  cursor: pointer;
  position: relative;
  min-height: 34px;
}

/* line 388, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body .table-cell[data-editable]::after {
  content: '';
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  z-index: -1;
  inset: 5px;
  background-color: rgba(221, 221, 238, 0.5);
  border-radius: 4px;
}

/* line 398, app/assets/stylesheets/components/table/table.scss */
.bulk-update-table .table-body .table-cell[data-editable]:hover::after {
  opacity: 1;
}

/* line 405, app/assets/stylesheets/components/table/table.scss */
.employee-cell {
  display: flex;
  justify-items: center;
  gap: 0.5em;
  white-space: nowrap;
}

/* line 412, app/assets/stylesheets/components/table/table.scss */
.dates-info {
  background-color: #e9f5fb;
  border: 1px solid #7cc1e9;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 419, app/assets/stylesheets/components/table/table.scss */
.dates-info--icon {
  background-color: #2d9bdb;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 428, app/assets/stylesheets/components/table/table.scss */
.dates-info--icon svg {
  color: var(--color-white);
}

/* line 432, app/assets/stylesheets/components/table/table.scss */
.dates-info sup {
  vertical-align: text-top;
}

@keyframes show {
  from {
    max-height: 0;
  }
  to {
    visibility: visible;
    max-height: 100px;
  }
}

@keyframes hide {
  from {
  }
  to {
    visibility: visible;
    max-height: 100px;
  }
}

/* line 20, app/assets/stylesheets/components/table/tableOptionsWrapper.scss */
.table-options-wrapper {
  background-color: #ddddee;
  border-radius: 8px 8px 0 0;
  max-height: 0;
  visibility: hidden;
  position: relative;
  top: 5px;
}

/* line 28, app/assets/stylesheets/components/table/tableOptionsWrapper.scss */
.table-options-wrapper.active {
  animation: show 0.7s linear 0.5s 1 normal forwards;
}

/* line 31, app/assets/stylesheets/components/table/tableOptionsWrapper.scss */
.table-options-wrapper.inactive {
  animation: hide 0.5s linear 0s 1 reverse;
}

/* line 35, app/assets/stylesheets/components/table/tableOptionsWrapper.scss */
.table-options-wrapper .navbar {
  margin: 0;
  padding: 5px 65px;
}

/* line 40, app/assets/stylesheets/components/table/tableOptionsWrapper.scss */
.table-options-wrapper .action-wrapper.active {
  animation: show 0.7s 0.5s;
}

/* line 43, app/assets/stylesheets/components/table/tableOptionsWrapper.scss */
.table-options-wrapper .action-wrapper.inactive {
  visibility: hidden;
}

/* line 47, app/assets/stylesheets/components/table/tableOptionsWrapper.scss */
.table-options-wrapper .dropdown-wrapper {
  background-color: var(--color-white);
}

/* line 50, app/assets/stylesheets/components/table/tableOptionsWrapper.scss */
.table-options-wrapper .selected-counter {
  height: 40px;
  display: flex;
  align-items: center;
}

/* line 1, app/assets/stylesheets/components/tabs/tabs.scss */
.employee-portal.tabs {
  margin-top: 30px;
}

/* line 6, app/assets/stylesheets/components/tabs/tabs.scss */
.tabs .tab-nav {
  position: relative;
  flex-wrap: nowrap;
  padding: 0 25px;
}

/* line 10, app/assets/stylesheets/components/tabs/tabs.scss */
.tabs .tab-nav:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background-color: #efeff7;
}

/* line 21, app/assets/stylesheets/components/tabs/tabs.scss */
.tabs a {
  text-decoration: none;
}

/* line 24, app/assets/stylesheets/components/tabs/tabs.scss */
.tabs .tab-button {
  color: #7e7e88;
  background-color: #efeff7;
  padding: 6px 12px 10px 12px;
  border-radius: 6px 6px 0 0;
  margin: 0 5px;
  height: 43px;
  font-family: var(--special-font);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-l);
}

/* line 37, app/assets/stylesheets/components/tabs/tabs.scss */
.tabs .tab-button.active,
.tabs .tab-button.active .icon-flag:before {
  background-color: #8dc63f;
  color: var(--color-white);
}

/* line 42, app/assets/stylesheets/components/tabs/tabs.scss */
.tabs .tab-button.active.incomplete {
  background-color: #f2c94c;
  color: var(--color-white);
}

/* line 47, app/assets/stylesheets/components/tabs/tabs.scss */
.tabs .tab-button.incomplete {
  background-color: rgba(242, 201, 76, 0.5);
  color: var(--color-white);
}

/* line 51, app/assets/stylesheets/components/tabs/tabs.scss */
.tabs .tab-button .icon-flag {
  margin: 0 0 0 12px;
}

/* line 55, app/assets/stylesheets/components/tabs/tabs.scss */
.tabs .navbar + .message-wrapper {
  margin: -10px 0 20px;
}

/* line 61, app/assets/stylesheets/components/tabs/tabs.scss */
.tab-panel .section {
  padding: 0 30px;
}

/* line 1, app/assets/stylesheets/components/timeIndicator/timeIndicator.scss */
.time-indicator {
  width: 100%;
  display: flex;
  border-top: 1px solid #b4b4c8;
  border-bottom: 1px solid #b4b4c8;
  border-left: 1px solid #b4b4c8;
}

/* line 7, app/assets/stylesheets/components/timeIndicator/timeIndicator.scss */
.time-indicator .indicator {
  margin: 0;
  padding: 0;
  font-size: inherit;
  border: none;
  border-right: 1px solid #b4b4c8;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 6px 0;
  cursor: pointer;
}

/* line 12, app/assets/stylesheets/components/timeIndicator/timeIndicator.scss */
.time-indicator .indicator:focus {
  outline: none;
}

/* line 21, app/assets/stylesheets/components/timeIndicator/timeIndicator.scss */
.time-indicator .indicator-wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
}

/* line 26, app/assets/stylesheets/components/timeIndicator/timeIndicator.scss */
.time-indicator.no-border {
  border: 0;
}

/* line 1, app/assets/stylesheets/components/toast/toast.scss */
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #E8F3D8;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #fad1d1;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #000;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #000;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
      to right,
      #4cd964,
      #5ac8fa,
      #007aff,
      #34aadc,
      #5856d6,
      #ff2d55
    );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

/* line 43, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
  border: 1px;
}

/* line 53, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

/* line 57, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}

/* line 62, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

/* line 66, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

/* line 70, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

/* line 75, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width: 480px) {
  /* line 81, app/assets/stylesheets/components/toast/toast.scss */
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  /* line 87, app/assets/stylesheets/components/toast/toast.scss */
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  /* line 91, app/assets/stylesheets/components/toast/toast.scss */
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  /* line 95, app/assets/stylesheets/components/toast/toast.scss */
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}

/* line 100, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 1rem;
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}

/* line 117, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast--rtl {
  direction: rtl;
}

/* line 120, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

/* line 130, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-body > div:last-child {
  -ms-flex: 1;
  flex: 1;
}

/* line 134, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

/* line 144, app/assets/stylesheets/components/toast/toast.scss */
.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

/* line 149, app/assets/stylesheets/components/toast/toast.scss */
.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width: 480px) {
  /* line 155, app/assets/stylesheets/components/toast/toast.scss */
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}

/* line 160, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

/* line 164, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

/* line 168, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

/* line 172, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

/* line 176, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
  border-color: #8EC63F;
}

/* line 181, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

/* line 185, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
  border-color: #eb5757;
}

/* line 191, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

/* line 194, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

/* line 197, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

/* line 200, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

/* line 203, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

/* line 206, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

/* line 209, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

/* line 213, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__close-button {
  color: #000;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

/* line 225, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

/* line 229, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

/* line 234, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

/* line 246, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}

/* line 256, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

/* line 259, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

/* line 262, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

/* line 268, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

/* line 413, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

/* line 416, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

/* line 419, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

/* line 422, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

/* line 426, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

/* line 429, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

/* line 432, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

/* line 435, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

/* line 460, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

/* line 464, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

/* line 502, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

/* line 506, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

/* line 582, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

/* line 585, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

/* line 588, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

/* line 591, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

/* line 595, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

/* line 598, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

/* line 601, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

/* line 604, app/assets/stylesheets/components/toast/toast.scss */
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
/* line 11, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip {
  background-color: var(--color-bcg-dark);
  border-radius: 6px;
  padding: 8px;
  color: var(--color-white);
  font-size: var(--font-xs);
  width: max-content;
  position: relative;
}

/* line 20, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip-list {
  padding: 3px 0;
}

/* line 22, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip-list-item {
  list-style: disc;
  position: relative;
  left: 15px;
}

/* line 26, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip-list-item span {
  position: relative;
  left: -3px;
}

/* line 33, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip-top:before {
  display: block;
  content: '';
  position: absolute;
  height: 8px;
  width: 8px;
  border: none;
  background-color: var(--color-bcg-dark);
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

/* line 41, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip-right:before {
  bottom: 50%;
  right: 100%;
  transform: translate(50%, 50%) rotate(45deg);
  display: block;
  content: '';
  position: absolute;
  height: 8px;
  width: 8px;
  border: none;
  background-color: var(--color-bcg-dark);
}

/* line 49, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip-bottom:before {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg);
  display: block;
  content: '';
  position: absolute;
  height: 8px;
  width: 8px;
  border: none;
  background-color: var(--color-bcg-dark);
}

/* line 57, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip-left:before {
  bottom: 50%;
  left: 100%;
  transform: translate(-50%, 50%) rotate(45deg);
  display: block;
  content: '';
  position: absolute;
  height: 8px;
  width: 8px;
  border: none;
  background-color: var(--color-bcg-dark);
}

/* line 65, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip-green {
  background-color: #8dc63f;
}

/* line 67, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip-green:before {
  display: block;
  content: '';
  position: absolute;
  height: 8px;
  width: 8px;
  border: none;
  background-color: var(--color-bcg-dark);
  background-color: #8dc63f;
}

/* line 74, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip.small {
  border-radius: 3px;
  padding: 4px;
}

/* line 80, app/assets/stylesheets/components/tooltip/tooltip.scss */
.tooltip-header {
  color: #8dc63f;
  margin-bottom: 4px;
  font-size: var(--font-s);
}

/* line 1, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info {
  background-color: #e9ffa9;
  border: 1px solid #dbf394;
  border-radius: 4px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 2px 4px;
  position: relative;
}

/* line 11, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info:hover .update-info-actions {
  opacity: 1;
  pointer-events: auto;
  scale: 1 1;
}

/* line 18, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info.bg-red {
  border-color: #f4a4a4;
  background-color: #fce8e8;
}

/* line 21, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info.bg-red .update-info-icon {
  color: #eb5757;
}

/* line 27, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* line 31, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info-details span:last-of-type {
  color: #7e7e88;
  text-decoration: line-through;
}

/* line 37, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info-icon {
  width: 60px;
  flex-shrink: 0;
  text-align: end;
}

/* line 43, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info-actions {
  position: absolute;
  top: 80%;
  right: 0;
  display: flex;
  opacity: 0;
  pointer-events: none;
  scale: 1 0;
  transform-origin: top;
  transition: opacity 0.2s linear, scale 0.2s linear;
}

/* line 53, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info-actions .button {
  border-radius: 0;
}

/* line 55, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info-actions .button:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 59, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info-actions .button:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 63, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info-actions .button .icon {
  pointer-events: none;
}

/* line 69, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.update-info-light {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

/* line 75, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.global-update-info {
  background-color: #efeff2;
  filter: drop-shadow(0px 4px 7px rgba(0, 0, 0, 0.2));
  padding: 20px 30px;
  border-radius: 6px;
  position: fixed;
  z-index: 100;
  right: 30px;
  bottom: 30px;
  display: flex;
  gap: 20px;
  align-items: center;
}

/* line 87, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.global-update-info p {
  max-width: 270px;
}

/* line 90, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.global-update-info > div {
  display: flex;
  gap: 5px;
}

/* line 94, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.global-update-info .button {
  display: flex;
  align-items: center;
}

/* line 101, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.updated-field .label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1em;
}

/* line 107, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.updated-field .input-tag {
  background-color: rgba(233, 255, 169, 0.8);
}

/* line 111, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.popup.update-popup {
  background-color: var(--color-white);
  color: var(--color-black);
  padding: 10px 15px;
  filter: drop-shadow(0px 8px 17px rgba(0, 24, 53, 0.2));
}

/* line 116, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.popup.update-popup .label {
  display: block;
  font-weight: 600;
  margin-block-end: 0.5em;
}

/* line 121, app/assets/stylesheets/components/updateInfo/updateInfo.scss */
.popup.update-popup .update-actions {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0.5em;
  margin-block-start: 0.5em;
}

/* line 1, app/assets/stylesheets/components/vcard/vcard.scss */
.vcard {
  display: flex;
}

/* line 3, app/assets/stylesheets/components/vcard/vcard.scss */
.vcard .avatar {
  margin-right: 1rem;
}

/* line 6, app/assets/stylesheets/components/vcard/vcard.scss */
.vcard .name {
  font-size: var(--font-m);
}

/* line 9, app/assets/stylesheets/components/vcard/vcard.scss */
.vcard .subtitle {
  font-size: var(--font-s);
}

/* line 1, app/assets/stylesheets/components/wizardProgressBar/wizardProgressBar.scss */
.wizard-progress-bar {
  width: 101%;
  height: 14px;
  display: flex;
}

/* line 6, app/assets/stylesheets/components/wizardProgressBar/wizardProgressBar.scss */
.wizard-progress-bar .step {
  width: inherit;
  height: inherit;
}

/* line 9, app/assets/stylesheets/components/wizardProgressBar/wizardProgressBar.scss */
.wizard-progress-bar .step-done {
  background-color: rgba(141, 198, 63, 0.5);
}

/* line 12, app/assets/stylesheets/components/wizardProgressBar/wizardProgressBar.scss */
.wizard-progress-bar .step-undone {
  background-color: #ddddee;
}

/* line 15, app/assets/stylesheets/components/wizardProgressBar/wizardProgressBar.scss */
.wizard-progress-bar .step-current {
  background-color: #8dc63f;
}

/* line 20, app/assets/stylesheets/components/wizardProgressBar/wizardProgressBar.scss */
.wizard-progress-bar > .separator {
  min-width: 3px;
  height: inherit;
  background-color: white;
}

/* line 1, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern-wrapper {
  display: flex;
  margin: 5px 0;
}

/* line 4, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern-wrapper .work-pattern-label {
  font-size: var(--font-s);
  margin-bottom: 1rem;
}

/* line 8, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern-wrapper .work-pattern-data {
  font-weight: 700;
}

/* line 12, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* line 17, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern-modal .row-custom-day {
  margin: 15px 0 0 20px;
}

/* line 19, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern-modal .row-custom-day:first-of-type {
  margin: 15px 0 0 0;
}

/* line 23, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern-modal .errors {
  margin: 0;
}

/* line 26, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern-modal .value-info {
  margin-top: 5px;
}

/* line 29, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern-modal .navbar {
  margin-top: 20px;
}

/* line 34, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern-summary {
  flex-basis: 40%;
  display: flex;
}

/* line 37, app/assets/stylesheets/components/workPattern/workPattern.scss */
.work-pattern-summary-details {
  flex-grow: 1;
}

/* line 2, app/assets/stylesheets/components/xeroSyncHistoryModal/xeroSyncHistoryModal.scss */
.xero-sync-history-modal .list-container {
  flex: 1;
  display: flex;
}

/* line 7, app/assets/stylesheets/components/xeroSyncHistoryModal/xeroSyncHistoryModal.scss */
.xero-sync-history-modal .menu {
  padding: 1rem;
}

/* line 10, app/assets/stylesheets/components/xeroSyncHistoryModal/xeroSyncHistoryModal.scss */
.xero-sync-history-modal .menu .menu-list-element {
  padding: 5px;
  width: 100px;
}

/* line 14, app/assets/stylesheets/components/xeroSyncHistoryModal/xeroSyncHistoryModal.scss */
.xero-sync-history-modal .menu .menu-list-element.active {
  background-color: #eef6e2;
}

/* line 20, app/assets/stylesheets/components/xeroSyncHistoryModal/xeroSyncHistoryModal.scss */
.xero-sync-history-modal .response-container {
  padding: 1rem;
  background-color: #fafafc;
}

/* line 1, app/assets/stylesheets/pages/accountants/accountantShow.scss */
span.mute ~ .reinvite-accountant {
  margin-top: 0;
  margin-left: 1rem;
}

/* line 2, app/assets/stylesheets/pages/companies/cis/cis.scss */
.cis .summary-details {
  padding: 0 2rem;
}

/* line 5, app/assets/stylesheets/pages/companies/cis/cis.scss */
.cis .payroll-header-summary {
  display: flex;
}

/* line 8, app/assets/stylesheets/pages/companies/cis/cis.scss */
.cis .payroll-wrapper.cis-payroll {
  background-color: #fdf7e4;
}

/* line 12, app/assets/stylesheets/pages/companies/cis/cis.scss */
.cis-card {
  background-color: #fdf7e4;
  margin-right: 20px;
  flex-direction: column;
  padding-top: 1rem;
}

/* line 17, app/assets/stylesheets/pages/companies/cis/cis.scss */
.cis-card .link {
  margin-left: auto;
  text-decoration: underline;
}

/* line 24, app/assets/stylesheets/pages/companies/cis/cis.scss */
.cis-view-modal .loading-wrapper {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 29, app/assets/stylesheets/pages/companies/cis/cis.scss */
.cis-view-modal .loading-text {
  margin: '25px 0 12px';
}

/* line 37, app/assets/stylesheets/pages/companies/cis/cis.scss */
.suspend-cis-modal .loading-wrapper {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

/* line 46, app/assets/stylesheets/pages/companies/cis/cis.scss */
.subcontractors-modal .row-is-verified {
  margin: 0;
}

/* line 48, app/assets/stylesheets/pages/companies/cis/cis.scss */
.subcontractors-modal .row-is-verified .input-wrapper {
  align-items: center;
}

/* line 50, app/assets/stylesheets/pages/companies/cis/cis.scss */
.subcontractors-modal .row-is-verified .input-wrapper .icon {
  margin: 0 0 0 5px;
}

/* line 56, app/assets/stylesheets/pages/companies/cis/cis.scss */
.subcontractors-modal .loading-wrapper {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

/* line 64, app/assets/stylesheets/pages/companies/cis/cis.scss */
.subcontractors-modal .modal-content p:not(.loading-text) {
  color: var(--color-font-darker);
  margin-block-end: 20px;
}

/* line 68, app/assets/stylesheets/pages/companies/cis/cis.scss */
.subcontractors-modal .modal-content .table {
  border: 0;
  width: auto;
}

/* line 71, app/assets/stylesheets/pages/companies/cis/cis.scss */
.subcontractors-modal .modal-content .table * {
  border: 0;
}

/* line 74, app/assets/stylesheets/pages/companies/cis/cis.scss */
.subcontractors-modal .modal-content .table .table-cell {
  padding: 2px 5px 3px;
  padding-inline-start: 0;
}

/* line 78, app/assets/stylesheets/pages/companies/cis/cis.scss */
.subcontractors-modal .modal-content .table .table-body .table-row .td:first-child:before {
  content: none;
}

/* line 86, app/assets/stylesheets/pages/companies/cis/cis.scss */
.verification-details-modal .input-wrapper + .link {
  margin-inline-start: 20px;
}

/* line 91, app/assets/stylesheets/pages/companies/cis/cis.scss */
.verification-details-edit-link {
  float: right;
  margin-top: 10px !important;
}

/* line 94, app/assets/stylesheets/pages/companies/cis/cis.scss */
.verification-details-edit-link + .verification-details-edit-link {
  margin-inline-end: 20px;
}

/* line 2, app/assets/stylesheets/pages/companies/companyDetails.scss */
.company-modal-form .modules-row,
.company-modal-form .cis-row {
  margin: 15px 0 0;
}

/* line 6, app/assets/stylesheets/pages/companies/companyDetails.scss */
.company-modal-form .cis-subcontractor-row {
  margin-left: 15px;
}

/* line 5, app/assets/stylesheets/pages/companies/companyIndex.scss */
#company-index > .section-content:first-child {
  padding-top: 0;
}

/* line 7, app/assets/stylesheets/pages/companies/companyIndex.scss */
#company-index > .section-content:first-child > .navbar {
  margin-top: 0;
}

/* line 1, app/assets/stylesheets/pages/companies/companyPensions.scss */
.status-letter {
  display: flex;
  align-items: baseline;
}

/* line 8, app/assets/stylesheets/pages/companies/companyPensions.scss */
.pension-provider-modal .provider-row .input-wrapper {
  align-items: flex-start;
}

/* line 12, app/assets/stylesheets/pages/companies/companyPensions.scss */
.pension-provider-modal .provider-row .form-row:first-child {
  margin: 0 30px 0 0;
}

/* line 15, app/assets/stylesheets/pages/companies/companyPensions.scss */
.pension-provider-modal .provider-row .form-row:last-child {
  margin: 5px 0;
}

/* line 21, app/assets/stylesheets/pages/companies/companyPensions.scss */
.pension-provider-modal .group-name-row .form-row {
  margin: 0;
}

/* line 24, app/assets/stylesheets/pages/companies/companyPensions.scss */
.pension-provider-modal .group-name-row .input-wrapper {
  align-items: center;
}

/* line 29, app/assets/stylesheets/pages/companies/companyPensions.scss */
.pension-provider-modal .company-contributions .column {
  margin: 0 0 0 10px;
}

/* line 31, app/assets/stylesheets/pages/companies/companyPensions.scss */
.pension-provider-modal .company-contributions .column:first-child {
  margin: 0;
}

/* line 34, app/assets/stylesheets/pages/companies/companyPensions.scss */
.pension-provider-modal .company-contributions .column .label {
  margin-left: 15px;
}

/* line 39, app/assets/stylesheets/pages/companies/companyPensions.scss */
.pension-provider-modal .separator {
  margin: 10px 0 0;
}

/* line 42, app/assets/stylesheets/pages/companies/companyPensions.scss */
.pension-provider-modal .navbar {
  margin-top: 10px;
}

/* line 2, app/assets/stylesheets/pages/companies/companySetup.scss */
.company-setup .holiday-entitlement {
  align-items: center;
}

/* line 4, app/assets/stylesheets/pages/companies/companySetup.scss */
.company-setup .holiday-entitlement .form-row {
  margin-right: 10px;
}

/* line 7, app/assets/stylesheets/pages/companies/companySetup.scss */
.company-setup .holiday-entitlement i.icon {
  margin-left: 30px;
}

/* line 2, app/assets/stylesheets/pages/companies/companyStructure.scss */
.company-structure .input-wrapper {
  align-items: flex-start;
}

/* line 5, app/assets/stylesheets/pages/companies/companyStructure.scss */
.company-structure .form-row {
  margin: 0 0 5px;
}

/* line 9, app/assets/stylesheets/pages/companies/companyStructure.scss */
.allowance-tax-month {
  margin-left: 10px !important;
}

/* line 12, app/assets/stylesheets/pages/companies/companyStructure.scss */
.edit-employment-allowance {
  margin-top: 35px;
}

/* line 1, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun-details {
  display: flex;
  margin: 3rem -5px 0 -5px;
}

/* line 4, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun-details .card {
  flex-grow: 1;
  margin: 0 5px;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 9, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun-details .card .details-title {
  flex-basis: 100%;
  text-align: center;
}

/* line 13, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun-details .card .details {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
}

/* line 18, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun-details .card .details .font-xl.bold {
  font-size: 2.4rem;
  margin: 1rem 0;
}

/* line 26, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.termination-award-modal .modal-content p:not(.loading-text) {
  color: var(--color-font-darker);
  margin-block-end: 20px;
}

/* line 32, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
#payrolls-index .wrapped-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 36, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
#payrolls-index .wrapped-header > .button {
  margin: 3rem 0 0 0;
}

/* line 42, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payroll-wrapper {
  background-color: #f7f7fa;
  padding: 20px;
  border: 1px solid #ddddee;
  margin-bottom: 3rem;
}

/* line 48, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payroll-wrapper:last-child {
  margin-bottom: 0;
}

/* line 51, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payroll-wrapper > .navbar {
  margin: 0;
}

/* line 54, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payroll-wrapper .time-indicator {
  margin: 3rem 0;
}

/* line 59, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.setup-progress-wrapper {
  background-color: #f7f7fa;
  padding: 20px;
  border: 1px solid #ddddee;
  width: 100%;
  margin: 0 30px 30px 0;
}

/* line 65, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.setup-progress-wrapper .form-row {
  margin: 0 0 30px;
}

/* line 68, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.setup-progress-wrapper:last-child {
  margin-right: 0;
}

/* line 74, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun.indicator-selected {
  position: relative;
  color: var(--color-white);
}

/* line 77, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun.indicator-selected:before {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid var(--color-white);
}

/* line 93, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun {
  background-color: var(--color-font-dark);
}

/* line 95, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun-done {
  background-color: #ddeec6;
}

/* line 98, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun-current {
  background-color: #f6da82;
}

/* line 101, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun-error {
  background-color: #eec6c6;
}

/* line 104, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun.indicator-selected {
  background-color: #7f7f96;
}

/* line 110, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payrun-summary-modal .middle-modal-content,
.payrun-summary-modal .bottom-modal-content {
  padding: 20px 40px;
}

/* line 118, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.create-payroll-modal .separator:nth-of-type(2) {
  margin: 30px 0 0;
}

/* line 121, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.create-payroll-modal .separator:nth-of-type(4) {
  margin: 10px 0;
}

/* line 125, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.create-payroll-modal .h2 {
  margin: 8px 0;
}

/* line 128, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.create-payroll-modal .table {
  border-spacing: 0;
  border: 0;
}

/* line 131, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.create-payroll-modal .table .table-row {
  position: inherit;
}

/* line 136, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.create-payroll-modal .row-paid-on .form-row {
  margin-top: 5px;
  margin-bottom: 0;
}

/* line 140, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.create-payroll-modal .row-period, .create-payroll-modal .row-pay-date {
  margin-top: 0;
}

/* line 144, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.create-payroll-modal .row-period .form-row:last-of-type, .create-payroll-modal .row-pay-date .form-row:last-of-type {
  margin-top: 0;
}

/* line 150, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.create-payroll-modal .input .input-tag[type='number'] {
  width: 6ch;
}

/* line 156, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payroll-calendar-modal .separator {
  margin: 10px 0 10px;
}

/* line 159, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payroll-calendar-modal .table {
  border-spacing: 0;
  border: 0;
}

/* line 162, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payroll-calendar-modal .table .table-row {
  position: inherit;
}

/* line 167, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payroll-calendar-modal .row-paid-on .form-row {
  margin-top: 5px;
  margin-bottom: 0;
}

/* line 171, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payroll-calendar-modal .row-period, .payroll-calendar-modal .row-pay-date {
  margin-top: 0;
}

/* line 175, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.payroll-calendar-modal .row-period .form-row:last-of-type, .payroll-calendar-modal .row-pay-date .form-row:last-of-type {
  margin-top: 0;
}

/* line 184, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.pay-addition-modal .inner-modal-content {
  background-color: #f6f6fa;
  margin: 0 0 5px;
  padding: 0 30px;
}

/* line 189, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.pay-addition-modal .inner-modal-content .wrapper-checkbox {
  margin: 35px 0 0;
}

/* line 192, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.pay-addition-modal .inner-modal-content .wrapper-rate-name {
  margin: 27px 0 0;
}

/* line 195, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.pay-addition-modal .inner-modal-content .wrapper-delete-icon {
  margin: 45px 0 0;
}

/* line 199, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.pay-addition-modal .inner-modal-content .link {
  margin-top: 10px;
}

/* line 205, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.messages {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 2rem;
}

/* line 210, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.messages p:first-of-type {
  color: var(--gray-gray, #7e7e88);
  font-size: var(--font-s);
  line-height: 155%;
}

/* line 215, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.messages p:last-of-type {
  color: var(--gray-g, #414141);
  font-size: var(--font-m);
  line-height: 155%;
}

/* line 222, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.comment {
  font-style: italic;
}

/* line 224, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.comment span {
  font-style: normal;
  color: var(--gray-gray, #7e7e88);
}

/* line 228, app/assets/stylesheets/pages/companies/payrolls/payroll.scss */
.comment-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6ex;
  align-items: center;
}

/* line 6, app/assets/stylesheets/pages/companies/settings/edit.scss */
.xero-disconnect-button {
  background-repeat: no-repeat;
  height: 43px;
  width: 222px;
  background-image: url(https://app.freshpay.cloud/assets/xero/disconnect-blue-c1a38c59eb470f221121908a001b968acb4386fbaf1a8a785ae0e6e87d098410.svg);
}

/* line 12, app/assets/stylesheets/pages/companies/settings/edit.scss */
.xero-connect-button {
  background-repeat: no-repeat;
  height: 43px;
  width: 190px !important;
  background-image: url(https://app.freshpay.cloud/assets/xero/connect-blue-8e1f607f7d338009b93c6e15781debd283f392e1aa189655e3eb9182cb7df891.svg);
}

/* line 18, app/assets/stylesheets/pages/companies/settings/edit.scss */
.integration-connect-button {
  background-repeat: no-repeat;
  height: 43px;
  width: 190px !important;
}

/* line 22, app/assets/stylesheets/pages/companies/settings/edit.scss */
.integration-connect-button.quick_books {
  width: 200px !important;
  column-gap: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.8rem 1rem;
}

/* line 29, app/assets/stylesheets/pages/companies/settings/edit.scss */
.integration-connect-button.quick_books .logo {
  width: 35px !important;
}

/* line 35, app/assets/stylesheets/pages/companies/settings/edit.scss */
.integration-disconnect-button {
  background-repeat: no-repeat;
  height: 43px;
  width: 222px;
}

/* line 39, app/assets/stylesheets/pages/companies/settings/edit.scss */
.integration-disconnect-button.quick_books {
  width: 232px !important;
  column-gap: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.8rem 1rem;
}

/* line 46, app/assets/stylesheets/pages/companies/settings/edit.scss */
.integration-disconnect-button.quick_books .logo {
  width: 35px !important;
}

/* line 1, app/assets/stylesheets/pages/companies/settings/pension.scss */
.pension-details-wrapper {
  display: grid;
  column-gap: 5px;
  row-gap: 5px;
  margin: 5px 0;
  grid-template-columns: repeat(6, 1fr);
}

/* line 3, app/assets/stylesheets/pages/companies/settings/templates.scss */
.templates-page .navigation .button:not(:first-child) {
  margin-left: 30px;
}

/* line 6, app/assets/stylesheets/pages/companies/settings/templates.scss */
.templates-page .navigation .button.align-right:not(:first-child) {
  margin-left: auto;
}

/* line 2, app/assets/stylesheets/pages/employees/employee/benefits.scss */
.benefits .h3 {
  margin-bottom: 10px;
}

/* line 6, app/assets/stylesheets/pages/employees/employee/benefits.scss */
.benefits .action-wrapper {
  justify-content: flex-end;
  margin-top: 30px;
}

/* line 11, app/assets/stylesheets/pages/employees/employee/benefits.scss */
.benefits .table-body .table-row {
  background-color: rgba(221, 221, 238, 0.25);
  color: var(--color-bcg-dark);
}

/* line 4, app/assets/stylesheets/pages/employees/employee/employeeIndex.scss */
.employee-details-page .tab-nav .tab-button.personal-details,
.employee-portal .tab-nav .tab-button.personal-details {
  margin-left: auto;
}

/* line 10, app/assets/stylesheets/pages/employees/employee/employeeIndex.scss */
.employee-index .progress-bar-wrapper {
  width: 201px !important;
}

/* line 13, app/assets/stylesheets/pages/employees/employee/employeeIndex.scss */
.employee-index .name-cell {
  align-items: center;
}

/* line 15, app/assets/stylesheets/pages/employees/employee/employeeIndex.scss */
.employee-index .name-cell .circle {
  margin: 0 0 0 10px;
}

/* line 19, app/assets/stylesheets/pages/employees/employee/employeeIndex.scss */
.employee-index .icon-filter {
  margin-left: 30px;
}

/* line 2, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.employee-pensions .navbar .link {
  margin-bottom: 10px;
}

/* line 5, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.employee-pensions .column-wrapper {
  font-size: var(--font-s);
}

/* line 7, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.employee-pensions .column-wrapper .label {
  margin-right: 10px;
}

/* line 10, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.employee-pensions .column-wrapper .value {
  margin-right: 50px;
}

/* line 18, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .custom-contribution-open {
  background-color: #f3f3f4;
  padding: 5px 40px 20px 40px;
  margin-top: 20px;
}

/* line 23, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .custom-contribution-close, .pension-modal .custom-contribution-inside {
  background-color: #ffffff;
}

/* line 27, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .custom-contribution-inside {
  padding: 2rem;
}

/* line 29, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .custom-contribution-inside .error-wrapper,
.pension-modal .custom-contribution-inside .row-wrapper,
.pension-modal .custom-contribution-inside .amount-wrapper {
  margin: 0;
}

/* line 37, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .row-pension-status .input-wrapper {
  flex-wrap: wrap;
}

/* line 39, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .row-pension-status .input-wrapper .radio-wrapper {
  width: 25%;
}

/* line 45, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .row-percentage-contribution .input-wrapper, .pension-modal .row-amount-contribution .input-wrapper {
  align-items: center;
}

/* line 48, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .row-percentage-contribution .input-label, .pension-modal .row-amount-contribution .input-label {
  margin-left: 10px;
}

/* line 53, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .row-amount-contribution.margin-errors {
  margin-top: -7px;
}

/* line 55, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .row-amount-contribution.margin-errors-zero {
  margin: 10px 0 0 0;
}

/* line 59, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .row-amount-contribution .currency-input {
  width: 100%;
}

/* line 64, app/assets/stylesheets/pages/employees/employee/pensions.scss */
.pension-modal .summary-footer {
  font-size: var(--font-s);
  height: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 3, app/assets/stylesheets/pages/employees/employee/personalDetails.scss */
.personal-details .width-1 {
  width: 68% !important;
}

/* line 6, app/assets/stylesheets/pages/employees/employee/personalDetails.scss */
.personal-details .width-2 {
  width: 32% !important;
}

/* line 9, app/assets/stylesheets/pages/employees/employee/personalDetails.scss */
.personal-details .width-adress {
  width: 66% !important;
}

/* line 12, app/assets/stylesheets/pages/employees/employee/personalDetails.scss */
.personal-details .width-start-date {
  width: 31% !important;
}

/* line 16, app/assets/stylesheets/pages/employees/employee/personalDetails.scss */
.personal-details .name-row.form-row {
  margin-top: 0;
}

/* line 19, app/assets/stylesheets/pages/employees/employee/personalDetails.scss */
.personal-details .ni-row {
  margin: 25px 0 0;
}

/* line 2, app/assets/stylesheets/pages/employees/employee/salary.scss */
.salary-modal .rates .form-row {
  width: 80% !important;
}

/* line 4, app/assets/stylesheets/pages/employees/employee/salary.scss */
.salary-modal .rates .form-row:last-of-type {
  width: 88% !important;
}

/* line 9, app/assets/stylesheets/pages/employees/employee/salary.scss */
.salary-modal .modal-content.current {
  background-color: #f7f7fa;
  flex-grow: 0 !important;
}

/* line 13, app/assets/stylesheets/pages/employees/employee/salary.scss */
.salary-modal .modal-content.primary {
  flex-grow: 0 !important;
}

/* line 18, app/assets/stylesheets/pages/employees/employee/salary.scss */
.salary-modal .row-annual-salary {
  align-items: baseline;
}

/* line 20, app/assets/stylesheets/pages/employees/employee/salary.scss */
.salary-modal .row-annual-salary .label {
  display: flex;
}

/* line 24, app/assets/stylesheets/pages/employees/employee/salary.scss */
.salary-modal .row-rate-type {
  margin-left: 32px;
}

/* line 26, app/assets/stylesheets/pages/employees/employee/salary.scss */
.salary-modal .row-rate-type .input-wrapper {
  justify-content: space-between;
}

/* line 29, app/assets/stylesheets/pages/employees/employee/salary.scss */
.salary-modal .row-rate-type .warning {
  margin-top: 10px;
}

/* line 34, app/assets/stylesheets/pages/employees/employee/salary.scss */
.salary-modal .icon-settings {
  margin: 10px;
}

/* line 40, app/assets/stylesheets/pages/employees/employee/salary.scss */
.payrates-modal .hide {
  visibility: hidden;
}

/* line 2, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.tax-and-loans-modal .separator {
  margin: 5px 0 10px;
}

/* line 6, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.tax-and-loans-modal .row-statement-type {
  height: 65px;
  margin-top: 0;
}

/* line 9, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.tax-and-loans-modal .row-statement-type .transformed-label {
  display: flex;
  flex-direction: column;
  height: 1px;
}

/* line 15, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.tax-and-loans-modal .row-statement-type .input-wrapper .radio-wrapper:nth-of-type(2) {
  margin-right: 15px;
}

/* line 18, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.tax-and-loans-modal .row-statement-type .input-wrapper .radio-wrapper:nth-of-type(3) {
  margin-right: 25px;
}

/* line 23, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.tax-and-loans-modal .row-p45 {
  margin-bottom: 0;
}

/* line 29, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.tax-and-loans-modal .row-tax-code .input-wrapper, .tax-and-loans-modal .row-pay-to-date .input-wrapper, .tax-and-loans-modal .row-tax-to-date .input-wrapper {
  align-items: center;
}

/* line 32, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.tax-and-loans-modal .row-tax-code .form-row, .tax-and-loans-modal .row-pay-to-date .form-row, .tax-and-loans-modal .row-tax-to-date .form-row {
  margin-top: 0;
}

/* line 41, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.tax-code-modal .row-tax-code .input-wrapper {
  align-items: center;
}

/* line 44, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.tax-code-modal .row-tax-code .form-row {
  margin-top: 0;
}

/* line 50, app/assets/stylesheets/pages/employees/employee/taxAndLoans.scss */
.loans-details-modal .separator {
  margin: 40px 0 20px;
}

/* line 1, app/assets/stylesheets/pages/employees/employee/ytdFigures.scss */
.ytd-figures-form {
  margin-top: 20px;
  font-weight: 600;
}

/* line 1, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-details-page {
  display: flex;
  height: 100%;
}

/* line 5, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-details-page.report-page {
  gap: 20px;
}

/* line 7, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-details-page.report-page > div:not(.employee-details-wrapper) {
  width: 300px;
  flex-shrink: 0;
}

/* line 11, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-details-page.report-page .employee-details-wrapper {
  max-width: calc(100% - 320px);
}

/* line 17, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-details-wrapper {
  width: 100%;
  height: calc(100% - var(--header-height));
}

/* line 20, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-details-wrapper .table-section {
  margin-bottom: 30px;
}

/* line 25, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar {
  background-color: #f4f4f9;
  font-weight: 500;
  padding: 1.5rem;
  scrollbar-width: thin;
  position: fixed;
  width: 170px;
  overflow-y: auto;
  height: calc(100% - var(--header-height));
  z-index: 4;
}

/* line 35, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.filters {
  padding: 0;
  border-radius: 8px;
  width: 300px;
}

/* line 39, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.filters + .employee-details-wrapper {
  padding-left: 0px;
}

/* line 42, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.filters .dropdown-wrapper,
.employee-sidebar.filters .multiselect-list {
  background-color: var(--color-white);
}

/* line 46, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.filters .direction-toggle {
  transition: transform 0.2s ease-in-out;
  border: 0;
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  border: 1px solid #414141;
  border-radius: 4px;
}

/* line 57, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.filters .direction-toggle > i {
  margin: 0;
}

/* line 61, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.filters [value='desc'] + .direction-toggle i {
  transform: scaleY(-1);
}

/* line 65, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar + .employee-details-wrapper {
  padding-left: 170px;
}

/* line 68, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar .search-input {
  width: 131px;
  height: 28px;
  margin-bottom: 1rem;
}

/* line 72, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar .search-input .input-tag {
  padding-left: 3rem;
}

/* line 75, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar .search-input .icon-search {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-80%);
  translate: none;
}

/* line 82, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar .search-input .icon-close {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-80%);
}

/* line 90, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar .user-list .user {
  padding: 5px 0;
  color: #2d9cdb;
}

/* line 93, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar .user-list .user.active {
  color: #8dc63f;
}

/* line 96, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar .user-list .user .link {
  color: inherit;
  text-decoration: none;
}

/* line 100, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar .user-list .user.ytd-figures-edit {
  float: left;
  width: 100%;
}

/* line 104, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar .user-list .user.display-flex {
  display: flex;
}

/* line 109, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.mid-year-starter {
  position: unset;
  height: 90%;
  display: flex;
  flex-direction: column;
}

/* line 114, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.mid-year-starter > .grid {
  display: grid;
  gap: 10px 0;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: auto;
}

/* line 119, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.mid-year-starter > .grid > * {
  display: contents;
}

/* line 121, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.mid-year-starter > .grid > * > *:not(.link) {
  display: contents;
}

/* line 124, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.mid-year-starter > .grid > * .icon-check {
  color: #8dc63f;
}

/* line 127, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.mid-year-starter > .grid > * .link {
  grid-column-start: 2;
}

/* line 132, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.mid-year-starter > button {
  margin-top: auto;
  margin-bottom: 2.3rem;
  white-space: nowrap;
}

/* line 137, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.mid-year-starter .user-list {
  overflow-y: auto;
  margin-bottom: 1rem;
}

/* line 140, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.employee-sidebar.mid-year-starter .user-list::-webkit-scrollbar {
  width: 4px;
  height: 0px;
}

/* line 61, app/assets/stylesheets/mixins.scss */
.employee-sidebar.mid-year-starter .user-list::-webkit-scrollbar-track {
  background: rgba(221, 221, 238, 0.5);
}

/* line 64, app/assets/stylesheets/mixins.scss */
.employee-sidebar.mid-year-starter .user-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--color-accent);
}

/* line 146, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.modal-overlay .employee-sidebar.mid-year-starter {
  height: 845px;
  max-height: 90vh;
}

/* line 154, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .form-row {
  margin: 5px 0;
}

/* line 156, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .form-row.last {
  margin-top: 30px;
}

/* line 160, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .inner-row {
  border-radius: 8px;
  padding: 10px 20px;
}

/* line 163, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .inner-row.success {
  background-color: #dcedc5;
}

/* line 166, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .inner-row.error {
  background-color: rgba(235, 87, 87, 0.25);
}

/* line 169, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .inner-row .name {
  width: 200px;
}

/* line 172, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .inner-row .department {
  width: 170px;
}

/* line 176, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .invitations {
  display: grid;
  gap: 1rem 0;
  grid-template-columns: max-content 1fr 120px min-content;
  padding: 1rem 0 2rem;
}

/* line 181, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .invitations .inner-row {
  display: contents;
  background-color: #f3f3f4;
}

/* line 184, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .invitations .inner-row .user {
  color: #2d9cdb;
}

/* line 187, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .invitations .inner-row.error {
  background-color: rgba(235, 87, 87, 0.25);
}

/* line 190, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .invitations .inner-row > * {
  background-color: inherit;
  padding: 10px;
}

/* line 193, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .invitations .inner-row > *:first-of-type {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-left: 20px;
}

/* line 198, app/assets/stylesheets/pages/employees/employeeIndex.scss */
.payroll-assign-modal .invitations .inner-row > *:last-of-type {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-right: 20px;
}

/* line 1, app/assets/stylesheets/pages/employees/employeePortal.scss */
.employee-portal {
  height: 100vh;
  overflow: auto;
}

/* line 4, app/assets/stylesheets/pages/employees/employeePortal.scss */
.employee-portal .download .link {
  color: #8dc63f;
  text-decoration: underline;
}

/* line 7, app/assets/stylesheets/pages/employees/employeePortal.scss */
.employee-portal .section:nth-child(3) {
  margin-top: 20px;
}

/* line 10, app/assets/stylesheets/pages/employees/employeePortal.scss */
.employee-portal .tab-panel {
  margin-top: 20px;
}

/* line 12, app/assets/stylesheets/pages/employees/employeePortal.scss */
.employee-portal .tab-panel .table-wrapper {
  margin: 30px 0;
}

/* line 17, app/assets/stylesheets/pages/employees/employeePortal.scss */
.employee-portal .header {
  margin: 20px 0 15px;
}

@media (min-width: 768px) {
  /* line 17, app/assets/stylesheets/pages/employees/employeePortal.scss */
  .employee-portal .header {
    margin: 20px 0 15px 30px;
  }
}

/* line 23, app/assets/stylesheets/pages/employees/employeePortal.scss */
.employee-portal .separator-horizontal {
  margin: 0 35px;
  width: auto !important;
}

/* line 27, app/assets/stylesheets/pages/employees/employeePortal.scss */
.employee-portal .icon-download-3 {
  margin-right: 15px;
}

/* line 30, app/assets/stylesheets/pages/employees/employeePortal.scss */
.employee-portal .table-section {
  margin-bottom: 30px;
}

/* line 2, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
.summary-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 6, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
.summary-wrapper .separator-vertical {
  height: 7em;
}

/* line 8, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
.employee-portal .summary-wrapper .separator-vertical {
  height: 5em;
}

@media (max-width: 768px) {
  /* line 8, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
  .employee-portal .summary-wrapper .separator-vertical {
    display: none;
  }
}

/* line 16, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
.summary-details {
  padding: 4px 60px;
  position: relative;
  padding: 14px 4px;
  width: 100%;
  border-top: 1px solid var(--color-font-dark);
  border-bottom: 1px solid var(--color-font-dark);
}

/* line 23, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
.separator-vertical + .summary-details {
  border-top-width: 0;
}

@media (min-width: 768px) {
  /* line 16, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
  .summary-details {
    width: auto;
    border-top-width: 0;
    border-bottom-width: 0;
  }
  /* line 30, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
  .summary-details:first-child {
    padding: 4px 60px 4px 4px;
  }
  /* line 33, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
  .summary-details:last-child {
    padding: 4px 4px 4px 60px;
  }
}

/* line 38, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
.summary-header {
  font-size: 26px;
  line-height: 35px;
  text-align: center;
  font-family: var(--special-font);
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  justify-content: center;
}

/* line 47, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
.summary-header .progress-bar-wrapper {
  min-width: 129px;
}

/* line 50, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
.summary-header .error {
  color: rgba(235, 87, 87, 0.2);
}

/* line 54, app/assets/stylesheets/pages/employees/employeeSummaryBar.scss */
.summary-content {
  text-align: center;
  font-size: var(--font-s);
  margin-top: 1rem;
}

/* line 1, app/assets/stylesheets/pages/employees/employerPortal.scss */
.employer-portal {
  height: 100vh;
  display: flex;
}

/* line 4, app/assets/stylesheets/pages/employees/employerPortal.scss */
.employer-portal .section:nth-child(1) {
  margin-top: 20px;
}

/* line 8, app/assets/stylesheets/pages/employees/employerPortal.scss */
.employer-portal .header {
  margin: 20px 0 15px 30px;
}

/* line 12, app/assets/stylesheets/pages/employees/employerPortal.scss */
.employer-portal .pensions .fields-grid {
  width: 100% !important;
}

/* line 15, app/assets/stylesheets/pages/employees/employerPortal.scss */
.employer-portal .pensions .icon-rounded {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  background-color: #8dc63f;
}

/* line 27, app/assets/stylesheets/pages/employees/employerPortal.scss */
.employee-details-page .tab-nav .tab-button.personal-details,
.employer-portal .tab-nav .tab-button.personal-details {
  margin-left: auto;
}

/* line 1, app/assets/stylesheets/pages/employees/portals.scss */
.portals-wrapper {
  overflow: auto;
  height: 100vh;
}

/* line 4, app/assets/stylesheets/pages/employees/portals.scss */
.portals-wrapper .tabs {
  margin-top: 30px;
}

/* line 1, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents {
  padding: 0;
  font-size: 14px;
}

/* line 76, app/assets/stylesheets/mixins.scss */
.documents .report-failed {
  color: #eb5757;
}

/* line 80, app/assets/stylesheets/mixins.scss */
.documents .report-polled {
  color: #8dc63f;
}

/* line 84, app/assets/stylesheets/mixins.scss */
.documents .report-pending {
  color: #f2c94c;
}

/* line 8, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents-row-header .table-cell {
  display: flex;
  background-color: rgba(221, 221, 238, 0.5);
  font-size: 12px;
}

/* line 13, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents-row-header .table-cell.center {
  align-items: center;
}

/* line 18, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents-row-header .td:last-of-type {
  background-color: rgba(221, 221, 238, 0.5);
}

/* line 21, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents-row-header .td:last-of-type .table-cell {
  background-color: transparent;
}

/* line 27, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents.table {
  border-spacing: 0px;
}

/* line 31, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents .green-underline {
  color: #8dc63f;
  text-decoration: underline;
  font-size: 14px;
}

/* line 37, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents .simple-blue {
  color: #2d9cdb;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}

/* line 44, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents .alert {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 600;
}

/* line 50, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents-report-list {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 56, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents-report-list .input-wrapper {
  flex-direction: column;
}

/* line 60, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents-report-list .link {
  color: black;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 4px 12px;
  margin: 0 3px;
}

/* line 70, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents .hmrc-navigation .separator {
  margin: 0 30px;
}

/* line 74, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents .operation-active {
  background-color: #fafafa;
}

/* line 78, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents .status-label {
  margin-right: 3px;
}

/* line 82, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents .code-preview-wrapper {
  padding: 5px;
  background-color: #f3f3f4;
}

/* line 86, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents .code-preview-wrapper pre {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

/* line 92, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents ul.operation-details-list {
  padding-bottom: 5px;
}

/* line 95, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents ul.operation-details-list li {
  list-style: disc;
}

/* line 100, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents ul.requests-list {
  margin-left: 10px;
}

/* line 103, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents ul.requests-list li {
  list-style: circle;
}

/* line 106, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents ul.requests-list li span.request-title {
  font-weight: 500;
}

/* line 111, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents ul.requests-list ul.request-details-list {
  margin-left: 20px;
}

/* line 114, app/assets/stylesheets/pages/payrollSummary/documents.scss */
.documents ul.requests-list ul.request-details-list li {
  list-style: square;
}

/* line 3, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.payroll-details .summary-wrapper,
.summary-alignment .summary-wrapper {
  width: 100%;
  justify-content: space-around;
}

/* line 6, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.payroll-details .summary-wrapper .summary-details,
.summary-alignment .summary-wrapper .summary-details {
  flex-grow: 1;
  flex-shrink: 0;
}

/* line 10, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.payroll-details .summary-wrapper .summary-content,
.summary-alignment .summary-wrapper .summary-content {
  text-align: initial;
  display: flex;
  justify-content: center;
  margin-top: 0;
}

/* line 15, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.payroll-details .summary-wrapper .summary-content .details-th,
.summary-alignment .summary-wrapper .summary-content .details-th {
  padding-top: 0;
}

/* line 20, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.payroll-details-holidays,
.summary-alignment-holidays {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1ch;
  margin-top: 1rem;
}

/* line 26, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.payroll-details-holidays > div,
.summary-alignment-holidays > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1ch;
}

/* line 35, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.table-cell .payroll-details .summary-content {
  display: block;
}

/* line 39, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary {
  height: 955px;
  width: 920px;
  max-width: 80vw;
  max-height: 95vh;
  font-size: var(--font-s);
}

/* line 46, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary .navbar .action-wrapper > div {
  margin-right: 15px;
}

/* line 50, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary .modal-header {
  margin-bottom: 10px;
}

/* line 54, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary .table {
  border-spacing: 0;
}

/* line 56, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary .table .link {
  color: var(--color-accent);
}

/* line 61, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary .h2 {
  font-size: var(--font-m);
  margin: 10px 0 30px;
}

/* line 64, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary .h2:last-of-type {
  margin: 20px 0 15px;
}

/* line 69, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary .employee-table > .table-footer {
  color: black;
}

/* line 73, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary .employer-table {
  max-width: 400px;
  border: 1px solid #ddddee;
  border-radius: 8px;
}

/* line 79, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary .employer-table .table-header .table-head:first-child {
  background: #efeff7;
  border-radius: 8px 0 0;
}

/* line 85, app/assets/stylesheets/pages/payrollSummary/payroll-summary.scss */
.period-summary .employer-table .td:first-child {
  background: #efeff7;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS 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/SCSS
 * 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.
 *







 */