@charset "UTF-8";
/**
 * @license
 *
 * Font Family: Supreme
 * Designed by: Jérémie Hornus, Ilya Naumoff
 * URL: https://www.fontshare.com/fonts/supreme
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Supreme Variable(Variable font)
 * Supreme Variable Italic(Variable font)
 * Supreme Thin
 * Supreme Thin Italic
 * Supreme Extralight
 * Supreme Extralight Italic
 * Supreme Light
 * Supreme Light Italic
 * Supreme Regular
 * Supreme Italic
 * Supreme Medium
 * Supreme Medium Italic
 * Supreme Bold
 * Supreme Bold Italic
 * Supreme Extrabold         
 * Supreme Extrabold Italic
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 800.0;
*
* available axes:

* 'wght' (range from 100.0 to 800.0)

*/
@font-face {
  font-family: "Supreme-Variable";
  src: url("/build/assets/Supreme-Variable-cc6fdb52.woff2") format("woff2"), url("/build/assets/Supreme-Variable-8d697700.woff") format("woff"), url("/build/assets/Supreme-Variable-89d26fcd.ttf") format("truetype");
  font-weight: 100 800;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 800.0;
*
* available axes:

* 'wght' (range from 100.0 to 800.0)

*/
@font-face {
  font-family: "Supreme-VariableItalic";
  src: url("/build/assets/Supreme-VariableItalic-d7abc853.woff2") format("woff2"), url("/build/assets/Supreme-VariableItalic-2be8051f.woff") format("woff"), url("/build/assets/Supreme-VariableItalic-3c716ab1.ttf") format("truetype");
  font-weight: 100 800;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Supreme-Thin";
  src: url("/build/assets/Supreme-Thin-defa2f9c.woff2") format("woff2"), url("/build/assets/Supreme-Thin-e7064a3b.woff") format("woff"), url("/build/assets/Supreme-Thin-07fb3833.ttf") format("truetype");
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Supreme-ThinItalic";
  src: url("/build/assets/Supreme-ThinItalic-17c0a27f.woff2") format("woff2"), url("/build/assets/Supreme-ThinItalic-5c3d3b51.woff") format("woff"), url("/build/assets/Supreme-ThinItalic-27c4b657.ttf") format("truetype");
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Supreme-Extralight";
  src: url("/build/assets/Supreme-Extralight-7bfbe4ab.woff2") format("woff2"), url("/build/assets/Supreme-Extralight-14343892.woff") format("woff"), url("/build/assets/Supreme-Extralight-02b17ae6.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Supreme-ExtralightItalic";
  src: url("/build/assets/Supreme-ExtralightItalic-d837b865.woff2") format("woff2"), url("/build/assets/Supreme-ExtralightItalic-95b46eb3.woff") format("woff"), url("/build/assets/Supreme-ExtralightItalic-3e96398c.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Supreme-Light";
  src: url("/build/assets/Supreme-Light-b736d719.woff2") format("woff2"), url("/build/assets/Supreme-Light-d2da91c1.woff") format("woff"), url("/build/assets/Supreme-Light-4220ef73.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Supreme-LightItalic";
  src: url("/build/assets/Supreme-LightItalic-0bac07aa.woff2") format("woff2"), url("/build/assets/Supreme-LightItalic-1bfc9b71.woff") format("woff"), url("/build/assets/Supreme-LightItalic-0a70ebdf.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Supreme-Regular";
  src: url("/build/assets/Supreme-Regular-ca2227b5.woff2") format("woff2"), url("/build/assets/Supreme-Regular-62f801bc.woff") format("woff"), url("/build/assets/Supreme-Regular-306c6516.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Supreme-Italic";
  src: url("/build/assets/Supreme-Italic-7d747fb8.woff2") format("woff2"), url("/build/assets/Supreme-Italic-aa5df6ac.woff") format("woff"), url("/build/assets/Supreme-Italic-d8f49303.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Supreme-Medium";
  src: url("/build/assets/Supreme-Medium-ce86616b.woff2") format("woff2"), url("/build/assets/Supreme-Medium-99678f75.woff") format("woff"), url("/build/assets/Supreme-Medium-81434744.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Supreme-MediumItalic";
  src: url("/build/assets/Supreme-MediumItalic-620982c0.woff2") format("woff2"), url("/build/assets/Supreme-MediumItalic-164372b3.woff") format("woff"), url("/build/assets/Supreme-MediumItalic-09aa62a9.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Supreme-Bold";
  src: url("/build/assets/Supreme-Bold-eb0fd277.woff2") format("woff2"), url("/build/assets/Supreme-Bold-b76883c8.woff") format("woff"), url("/build/assets/Supreme-Bold-e5516d70.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Supreme-BoldItalic";
  src: url("/build/assets/Supreme-BoldItalic-d42f2ec3.woff2") format("woff2"), url("/build/assets/Supreme-BoldItalic-bdfbc443.woff") format("woff"), url("/build/assets/Supreme-BoldItalic-0919ee80.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Supreme-Extrabold";
  src: url("/build/assets/Supreme-Extrabold-ef66863d.woff2") format("woff2"), url("/build/assets/Supreme-Extrabold-34bd5cdf.woff") format("woff"), url("/build/assets/Supreme-Extrabold-9bb06d20.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Supreme-ExtraboldItalic";
  src: url("/build/assets/Supreme-ExtraboldItalic-fe659e5c.woff2") format("woff2"), url("/build/assets/Supreme-ExtraboldItalic-b1d08c72.woff") format("woff"), url("/build/assets/Supreme-ExtraboldItalic-7aea58f1.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
body {
  font-family: "Supreme-Variable";
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.1%;
  font-weight: normal;
  background-color: #fafcfb;
  height: auto;
}
body .container-fluid > .row > div.col {
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
}
@media all and (max-width: 768px) {
  body .container-fluid > .row > div.col {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 576px) {
  body .container-fluid > .row > div.col {
    padding-top: 150px;
  }
}
nav .breadcrumb {
  display: none !important;
}
p {
  font-size: 0.8rem;
  line-height: 1.5rem;
  letter-spacing: -0.1%;
  font-weight: normal;
}
@media all and (max-width: 576px) {
  p {
    font-size: 1rem;
  }
}
h1,
.h1 {
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: 0;
  font-weight: 400;
}
h1.strong,
.h1.strong {
  font-weight: bold;
}
@media all and (max-width: 768px) {
  h1,
  .h1 {
    font-size: 3.1rem;
    line-height: 3.9rem;
  }
}
@media all and (max-width: 576px) {
  h1,
  .h1 {
    font-size: 2.3rem;
    line-height: 3.2rem;
  }
}
h2,
.h2 {
  font-size: 3.3rem;
  line-height: 4.2rem;
  letter-spacing: 0;
  font-weight: 400;
}
h2.strong,
.h2.strong {
  font-weight: bold;
}
@media all and (max-width: 768px) {
  h2,
  .h2 {
    font-size: 2.4rem;
    line-height: 3.3rem;
  }
}
@media all and (max-width: 576px) {
  h2,
  .h2 {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
}
h3,
.h3 {
  font-size: 2.6rem;
  line-height: 4.2rem;
  letter-spacing: 0;
  font-weight: 400;
}
h3.strong,
.h3.strong {
  font-weight: bold;
}
@media all and (max-width: 768px) {
  h3,
  .h3 {
    font-size: 2rem;
    line-height: 2.9rem;
  }
}
@media all and (max-width: 576px) {
  h3,
  .h3 {
    font-size: 1.6;
    line-height: 2.3rem;
  }
}
h4,
.h4 {
  font-size: 2.2rem;
  line-height: 2.7rem;
  letter-spacing: 0;
  font-weight: 400;
}
h4.strong,
.h4.strong {
  font-weight: bold;
}
@media all and (max-width: 768px) {
  h4,
  .h4 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
@media all and (max-width: 576px) {
  h4,
  .h4 {
    font-size: 1.6rem;
    line-height: 2.3rem;
  }
}
h5,
.h5 {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
}
h5.strong,
.h5.strong {
  font-weight: bold;
}
@media all and (max-width: 576px) {
  h5,
  .h5 {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
}
h6,
.h6 {
  font-size: 1.1rem;
  line-height: 1.4rem;
  font-weight: 400;
  color: black;
}
h6.strong,
.h6.strong {
  font-weight: bold;
}
/**
Yes this is specifically for H1 tags that have H3 classes but they litterally dont require css from the H1 or H3.
*/
h1.h3 {
  font-style: normal;
  font-weight: 400 !important;
  font-size: 33px;
  line-height: 40px;
  color: #1d2b35 !important;
  padding-bottom: 10px;
}
.navbar-toggle {
  width: 21px;
  height: 21px;
  position: relative;
}
.navbar-toggle__bar {
  width: 21px;
  height: 1px;
  background-color: white;
  display: block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.navbar-toggle__bar.bar-1 {
  position: absolute;
  top: calc(50% - 7px);
}
.navbar-toggle__bar.bar-2 {
  position: absolute;
  top: 50%;
}
.navbar-toggle__bar.bar-3 {
  position: absolute;
  top: calc(50% + 7px);
}
.header-toggler:not(.collapsed) .navbar-toggle__bar.bar-1 {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.header-toggler:not(.collapsed) .navbar-toggle__bar.bar-2 {
  opacity: 0;
}
.header-toggler:not(.collapsed) .navbar-toggle__bar.bar-3 {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.header-toggler:not(.collapsed) .navbar-toggle__bar.bar-1, .header-toggler:not(.collapsed) .navbar-toggle__bar.bar-3 {
  background-color: rgb(255, 255, 255);
  top: 10px;
}
/**
And for the title description
*/
small.text-muted {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 34px;
  color: #7a8283;
}
small.text-muted p {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 34px;
  color: #7a8283;
  margin-bottom: 0;
}
@media all and (max-width: 576px) {
  .command-bar {
    white-space: wrap;
  }
  .command-bar li.ms-2 {
    margin-left: 0 !important;
  }
  .command-bar li.ms-2 button {
    padding-left: 0;
  }
}
.layout {
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media all and (max-width: 1200px) {
  .aside {
    height: auto !important;
  }
}
@media all and (min-width: 992px) {
  .aside {
    width: 220px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .aside {
    width: 220px;
    min-width: auto !important;
  }
}
@media all and (max-width: 576px) {
  .aside {
    position: fixed !important;
    z-index: 9999 !important;
  }
  .aside #headerMenuCollapse.show {
    overflow: scroll;
    max-height: calc(100vh - 60px);
  }
}
.bg-white.rounded {
  background-color: white !important;
}
body:not(.page-platform-timeregistration-list) .bg-white:not(.actions):not([data-controller=table]):not(.dropdown-menu):not(.input-group-append) {
  padding: 48px 48px !important;
}
@media all and (max-width: 980px) {
  body:not(.page-platform-timeregistration-list) .bg-white:not(.actions):not([data-controller=table]):not(.dropdown-menu):not(.input-group-append) {
    padding: 15px !important;
  }
}
@media all and (max-width: 580px) {
  body:not(.page-platform-timeregistration-list) .bg-white:not(.actions):not([data-controller=table]):not(.dropdown-menu):not(.input-group-append) {
    padding: 0 !important;
  }
}
body:not(.page-platform-timeregistration-list) .bg-white:not(.actions):not([data-controller=table]):not(.dropdown-menu):not(.input-group-append) .bg-white {
  padding: 0 !important;
  border: 0 !important;
}
.shadow-sm {
  box-shadow: 1px 2px 6px 2px rgba(197, 204, 211, 0.14) !important;
  border: 1px solid #d6dbe0 !important;
}
@media all and (max-width: 580px) {
  .bg-white:not(.dropdown-menu) {
    background-color: transparent !important;
  }
  .shadow-sm {
    box-shadow: none !important;
    border: none !important;
  }
}
.modal-body .bg-white.rounded {
  border: 0 !important;
}
.logo-box {
  display: block;
  text-align: center;
}
.logo-box .logo-diap {
  display: inline;
}
.logo-box .logo-fc {
  display: none;
}
.page-platform-login .logo-diap {
  display: none;
}
.page-platform-login .logo-fc {
  display: inline;
}
.breadcrumb {
  padding: 0 !important;
}
#headerMenuCollapse .divider {
  display: none;
}
#headerMenuCollapse span.badge {
  background-color: #ef6b13 !important;
  padding: 5px 6px !important;
  height: 20px;
  margin-left: -7px;
  top: -12px;
  font-size: 0 !important;
}
#headerMenuCollapse span.badge svg {
  display: none;
}
#headerMenuCollapse span.badge:before {
  content: attr(data-notifcount);
  color: white;
  font-size: 13px !important;
}
#headerMenuCollapse .thumb-sm,
#headerMenuCollapse .avatar {
  display: none;
}
#headerMenuCollapse a[data-controller=notification] svg[path=bell] {
  fill: #ef6b13;
  height: 16px !important;
  width: 16px !important;
}
#headerMenuCollapse span.text-ellipsis.text-white {
  font-size: 15px;
  line-height: 24px;
}
#headerMenuCollapse ul.nav {
  border-top: 1px solid #333459;
  padding-top: 15px;
  margin-top: 10px;
  gap: 5px;
}
#headerMenuCollapse ul.nav li a {
  position: relative;
}
#headerMenuCollapse ul.nav b.badge {
  height: 26px;
  border-radius: 50%;
  padding: 7px 10px;
  font-size: 13px !important;
  background-color: #ef6b13 !important;
  position: absolute;
  right: 0;
  transform: translateX(50%);
}
body > .container-fluid > div.row > div.col .layout {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  padding-top: 0 !important;
}
@media all and (max-width: 768px) {
  body > .container-fluid > div.row > div.col .layout.d-none {
    display: flex !important;
  }
}
@media all and (max-width: 768px) {
  body > .container-fluid > div.row > div.col .layout header {
    display: block !important;
  }
}
@media all and (max-width: 576px) {
  body > .container-fluid > div.row > div.col .layout {
    margin-top: -20px;
    justify-content: flex-start;
  }
}
.aside {
  background-color: #020a2c !important;
  position: relative;
  z-index: 10;
}
@media all and (max-width: 767px) {
  .aside #headerMenuCollapse.show {
    padding-bottom: 40px;
  }
}
.bg-dark .nav > li a {
  padding: 0.125rem 1rem;
  margin: 0.2rem 0;
  border-radius: 0.5rem !important;
  margin-right: 25px;
}
.bg-dark .nav > li a.has-subnav {
  position: relative;
}
.bg-dark .nav > li a.has-subnav:after {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M0.256 8.606c0-0.269 0.106-0.544 0.313-0.75 0.412-0.412 1.087-0.412 1.5 0l14.119 14.119 13.913-13.912c0.413-0.412 1.087-0.412 1.5 0s0.413 1.088 0 1.5l-14.663 14.669c-0.413 0.413-1.088 0.413-1.5 0l-14.869-14.869c-0.213-0.213-0.313-0.481-0.313-0.756z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.2s;
  transform: rotate(180deg) translateY(50%);
}
.bg-dark .nav > li a.has-subnav.collapsed:after {
  transform: rotate(0deg) translateY(-40%);
  transition: all 0.2s;
}
.bg-dark .nav > li.active > a,
.bg-dark .nav > li:focus > a,
.bg-dark .nav > li:hover > a,
.graph-svg-tip .nav > li.active > a,
.graph-svg-tip .nav > li:focus > a,
.graph-svg-tip .nav > li:hover > a {
  background-color: #666783 !important;
}
.bg-dark .nav > li > a:focus,
.bg-dark .nav > li > a:hover,
.graph-svg-tip .nav > li > a:focus,
.graph-svg-tip .nav > li > a:hover {
  background-color: #666783 !important;
}
.nav-item.mt-3 {
  margin-top: 1.125rem !important;
}
.nav-item > small {
  margin-left: 1rem !important;
}
div.sub-menu li {
  padding-left: 10px;
}
.form-check-input:checked {
  background-color: #ef6b13 !important;
  border-color: #ef6b13 !important;
}
.form-control,
.ts-wrapper .ts-control {
  font-size: 17px;
  line-height: 34px;
  padding: 8px 10px;
  border-radius: 4px;
}
@media (min-width: 250px) and (max-width: 1200px) {
  .btn-mobile {
    display: initial !important;
  }
}
@media all and (min-width: 1200px) {
  .btn-mobile {
    display: none !important;
  }
}
.btn-desktop {
  display: initial;
}
@media all and (max-width: 1200px) {
  .btn-desktop {
    display: none !important;
  }
}
.btn:not(.btn-link):not(.btn-default) {
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  padding: 6px 20px !important;
  font-size: 17px;
  line-height: 34px;
  color: white !important;
}
.btn:not(.btn-link):not(.btn-default):hover {
  color: white !important;
  border: 1px solid transparent !important;
}
.btn:not(.btn-link):not(.btn-default).btn-primary {
  background-color: #ef6b13 !important;
  border-color: #ef6b13 !important;
  color: #fff !important;
}
.btn:not(.btn-link):not(.btn-default).btn-primary:hover, .btn:not(.btn-link):not(.btn-default).btn-primary:active, .btn:not(.btn-link):not(.btn-default).btn-primary:focus, .btn:not(.btn-link):not(.btn-default).btn-primary:not(.disabled):not([disabled]):active {
  background-color: #ffab73 !important;
  border-color: #ffab73 !important;
  color: #141d24 !important;
}
.btn:not(.btn-link):not(.btn-default).btn-secondary {
  background-color: #ccdbdc !important;
  border-color: #ccdbdc !important;
  color: rgba(0, 0, 0, 0.5) !important;
}
.btn:not(.btn-link):not(.btn-default).btn-secondary:hover, .btn:not(.btn-link):not(.btn-default).btn-secondary:active, .btn:not(.btn-link):not(.btn-default).btn-secondary:focus, .btn:not(.btn-link):not(.btn-default).btn-secondary:not(.disabled):not([disabled]):active {
  background-color: #ef6b13 !important;
  border-color: #ef6b13 !important;
  color: #fff !important;
}
form .hidden,
#hours-container .hidden {
  display: none;
}
form .small,
form label,
form small,
#hours-container .small,
#hours-container label,
#hours-container small {
  font-size: 15px;
  line-height: 24px;
}
form .bootstrap-tagsinput[disabled],
form .bootstrap-tagsinput[readonly],
form .chosen-choices[disabled],
form .chosen-choices[readonly],
form .chosen-single[disabled],
form .chosen-single[readonly],
form .form-control[disabled],
form .form-control[readonly],
form fieldset[disabled] .bootstrap-tagsinput,
form fieldset[disabled] .chosen-choices,
form fieldset[disabled] .chosen-single,
form fieldset[disabled] .form-control,
#hours-container .bootstrap-tagsinput[disabled],
#hours-container .bootstrap-tagsinput[readonly],
#hours-container .chosen-choices[disabled],
#hours-container .chosen-choices[readonly],
#hours-container .chosen-single[disabled],
#hours-container .chosen-single[readonly],
#hours-container .form-control[disabled],
#hours-container .form-control[readonly],
#hours-container fieldset[disabled] .bootstrap-tagsinput,
#hours-container fieldset[disabled] .chosen-choices,
#hours-container fieldset[disabled] .chosen-single,
#hours-container fieldset[disabled] .form-control {
  background: #f4f4f4;
  color: #7a8283 !important;
}
.multi-file-upload-wrapper {
  display: flex;
  border: 1px dashed #ccdbdc;
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  white-space: normal;
}
.multi-file-upload-wrapper input {
  display: none;
}
.multi-file-upload-wrapper .description {
  font-size: 17px;
  line-height: 23px;
  font-weight: 400;
}
.multi-file-upload-wrapper .description h6 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.multi-file-upload-wrapper span.upload {
  border: 0;
  background-color: #ef6b13;
  border-radius: 6px;
  color: #000;
  padding: 10px 20px;
  cursor: pointer;
}
.multi-file-upload-wrapper span.upload .icon {
  margin-right: 10px;
}
.multi-file-upload-wrapper span.upload .icon svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
.multi-file-upload-wrapper span.upload .text {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}
.multi-file-upload-wrapper + .upload-subscript {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #7a8283;
  padding-top: 5px;
}
.page-platform-monthly-workplace-inspections .toast-wrapper,
.page-platform-vgwm-accidentreport .toast-wrapper,
.page-platform-vgwm-taskriskanalysis .toast-wrapper {
  display: none;
}
.page-platform-systems-users-edit form#post-form > .row.g-0.mb-3:last-of-type fieldset .form-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  align-items: flex-start !important;
}
.page-platform-systems-users-edit form#post-form > .row.g-0.mb-3:last-of-type fieldset .form-group > .form-label {
  font-weight: bold !important;
  font-size: 15px !important;
}
.bg-white .pagination .page-item.active .page-link,
.bg-white .pagination .page-item.active span,
.bg-white .pagination > li.active .page-link,
.bg-white .pagination > li.active span,
.bg-white .text-muted,
.dropzone .dz-preview .pagination .page-item.active .page-link,
.dropzone .dz-preview .pagination .page-item.active span,
.dropzone .dz-preview .pagination > li.active .page-link,
.dropzone .dz-preview .pagination > li.active span,
.dropzone .dz-preview .text-muted,
.dropzone-wrapper .dz-preview .pagination .page-item.active .page-link,
.dropzone-wrapper .dz-preview .pagination .page-item.active span,
.dropzone-wrapper .dz-preview .pagination > li.active .page-link,
.dropzone-wrapper .dz-preview .pagination > li.active span,
.dropzone-wrapper .dz-preview .text-muted,
.editor-preview-side .pagination .page-item.active .page-link,
.editor-preview-side .pagination .page-item.active span,
.editor-preview-side .pagination > li.active .page-link,
.editor-preview-side .pagination > li.active span,
.editor-preview-side .text-muted,
.layout .pagination .page-item.active .page-link,
.layout .pagination .page-item.active span,
.layout .pagination > li.active .page-link,
.layout .pagination > li.active span,
.layout .text-muted,
.pagination .page-item.active .bg-white .page-link,
.pagination .page-item.active .bg-white span,
.pagination .page-item.active .dropzone .dz-preview .page-link,
.pagination .page-item.active .dropzone .dz-preview span,
.pagination .page-item.active .dropzone-wrapper .dz-preview .page-link,
.pagination .page-item.active .dropzone-wrapper .dz-preview span,
.pagination .page-item.active .editor-preview-side .page-link,
.pagination .page-item.active .editor-preview-side span,
.pagination .page-item.active .layout .page-link,
.pagination .page-item.active .layout span,
.pagination > li.active .bg-white .page-link,
.pagination > li.active .bg-white span,
.pagination > li.active .dropzone .dz-preview .page-link,
.pagination > li.active .dropzone .dz-preview span,
.pagination > li.active .dropzone-wrapper .dz-preview .page-link,
.pagination > li.active .dropzone-wrapper .dz-preview span,
.pagination > li.active .editor-preview-side .page-link,
.pagination > li.active .editor-preview-side span,
.pagination > li.active .layout .page-link,
.pagination > li.active .layout span {
  color: #7a8283 !important;
}
@media all and (max-width: 768px) {
  .bg-white .pagination .page-item.active .page-link,
  .bg-white .pagination .page-item.active span,
  .bg-white .pagination > li.active .page-link,
  .bg-white .pagination > li.active span,
  .bg-white .text-muted,
  .dropzone .dz-preview .pagination .page-item.active .page-link,
  .dropzone .dz-preview .pagination .page-item.active span,
  .dropzone .dz-preview .pagination > li.active .page-link,
  .dropzone .dz-preview .pagination > li.active span,
  .dropzone .dz-preview .text-muted,
  .dropzone-wrapper .dz-preview .pagination .page-item.active .page-link,
  .dropzone-wrapper .dz-preview .pagination .page-item.active span,
  .dropzone-wrapper .dz-preview .pagination > li.active .page-link,
  .dropzone-wrapper .dz-preview .pagination > li.active span,
  .dropzone-wrapper .dz-preview .text-muted,
  .editor-preview-side .pagination .page-item.active .page-link,
  .editor-preview-side .pagination .page-item.active span,
  .editor-preview-side .pagination > li.active .page-link,
  .editor-preview-side .pagination > li.active span,
  .editor-preview-side .text-muted,
  .layout .pagination .page-item.active .page-link,
  .layout .pagination .page-item.active span,
  .layout .pagination > li.active .page-link,
  .layout .pagination > li.active span,
  .layout .text-muted,
  .pagination .page-item.active .bg-white .page-link,
  .pagination .page-item.active .bg-white span,
  .pagination .page-item.active .dropzone .dz-preview .page-link,
  .pagination .page-item.active .dropzone .dz-preview span,
  .pagination .page-item.active .dropzone-wrapper .dz-preview .page-link,
  .pagination .page-item.active .dropzone-wrapper .dz-preview span,
  .pagination .page-item.active .editor-preview-side .page-link,
  .pagination .page-item.active .editor-preview-side span,
  .pagination .page-item.active .layout .page-link,
  .pagination .page-item.active .layout span,
  .pagination > li.active .bg-white .page-link,
  .pagination > li.active .bg-white span,
  .pagination > li.active .dropzone .dz-preview .page-link,
  .pagination > li.active .dropzone .dz-preview span,
  .pagination > li.active .dropzone-wrapper .dz-preview .page-link,
  .pagination > li.active .dropzone-wrapper .dz-preview span,
  .pagination > li.active .editor-preview-side .page-link,
  .pagination > li.active .editor-preview-side span,
  .pagination > li.active .layout .page-link,
  .pagination > li.active .layout span {
    font-size: 0.8rem;
  }
}
/* ------------------------------------------------- */
/* ------------------- OVERRIDES ------------------- */
/* ------------------------------------------------- */
@media all and (min-width: 992px) {
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
}
@media all and (max-width: 992px) {
  .col-md-7 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media all and (max-width: 576px) {
  .col-md-7 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (max-width: 980px) {
  body:not(.page-platform-timeregistration-list) .bg-white:not(.actions):not([data-controller=table]):not(.dropdown-menu):not(.input-group-append) {
    padding: 1.5rem !important;
  }
}
@media (max-width: 576px) {
  body:not(.page-platform-timeregistration-list) .bg-white:not(.actions):not([data-controller=table]):not(.dropdown-menu):not(.input-group-append) {
    padding: 0rem !important;
  }
}
@media all and (max-width: 768px) {
  .layout > nav {
    width: 100%;
  }
  .layout > nav ul.nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  .layout > nav ul.nav li {
    margin-left: 0 !important;
  }
  .layout > nav ul.nav li a {
    padding-left: 0;
  }
}
.table thead tr th {
  vertical-align: inherit !important;
}
@media (min-width: 768px) {
  .px-md-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.table-notification .table .btn-link * {
  pointer-events: none;
}
.form-group:not(:last-child) {
  margin-bottom: 1em;
}
@media (max-width: 767.98px) {
  .command-bar {
    text-align: left;
  }
}
.table {
  --bs-table-bg: transparent;
}
@media all and (max-width: 576px) {
  .modal {
    padding: 100px 15px 30px;
  }
  .modal .modal-dialog {
    width: 100%;
    height: auto;
    max-height: calc(100% - 130px);
  }
  .modal .modal-body {
    padding: 15px 15px 0;
  }
}
.intro-bar {
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100% - 300px);
  z-index: 999;
}
@media all and (max-width: 992px) {
  .intro-bar {
    width: calc(100% - 220px);
  }
}
.intro-bar .welcome {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
.intro-bar .welcome .name-separator {
  background: #ef6b13;
  width: 4px;
  height: 4px;
  border-radius: 10px;
}
@media all and (max-width: 500px) {
  .intro-bar .welcome .name-separator,
  .intro-bar .welcome .pers-id {
    display: none;
  }
}
.intro-bar .position-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  background: white;
  padding: 20px 50px;
  border-bottom: 1px solid #d6dbe0;
  position: relative;
}
.intro-bar .position-wrapper:after {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  bottom: -10px;
  left: 0;
  right: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
}
@media all and (max-width: 767px) {
  .intro-bar {
    position: absolute;
    width: 100%;
  }
  .intro-bar .position-wrapper {
    padding: 40px 20px;
    border: 0;
    background-color: transparent;
  }
  .intro-bar .position-wrapper:after {
    content: none;
  }
  .intro-bar .name-separator,
  .intro-bar .pers-id {
    display: none;
  }
}
@media all and (max-width: 576px) {
  .intro-bar {
    top: 45px;
  }
  .intro-bar .position-wrapper {
    padding: 40px 0;
  }
}
.aside.bg-dark .bottom-left {
  display: none;
}
.aside.bg-dark.show-scroll-to-top .bottom-left {
  display: block;
}
#form-fields-container {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}
#form-fields-container .field-wrapper {
  border-bottom: 1px solid #edeef0;
  transition: opacity 0.3s ease;
}
#form-fields-container .field-wrapper:last-child {
  border-bottom: 0;
}
#form-fields-container .field-wrapper.dragging {
  opacity: 0.5;
}
#form-fields-container .field-wrapper .field-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  color: #212529;
  cursor: pointer;
  border-bottom: 1px solid #edeef0;
  transition: background-color 0.3s ease;
}
#form-fields-container .field-wrapper .field-header:hover {
  background-color: #edeef0;
}
#form-fields-container .field-wrapper .field-header .field-label {
  pointer-events: none;
}
#form-fields-container .field-wrapper .field-header .actions {
  display: flex;
}
#form-fields-container .field-wrapper .field-header .actions svg {
  pointer-events: none;
  fill: #212529;
  transition: fill 0.3s ease;
}
#form-fields-container .field-wrapper .field-header .actions div:hover svg {
  fill: #007bff;
}
#form-fields-container .field-wrapper .field-header .draggable {
  cursor: move;
}
#form-fields-container .field-wrapper .field-header .remove {
  cursor: pointer;
}
#form-fields-container .field-wrapper .field-data {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}
#form-fields-container .field-wrapper .field-inner {
  display: block;
  padding: 30px 20px 30px;
}
.dynamic-form .form-group.invalid input,
.dynamic-form .form-group.invalid textarea,
#hours-forms-container .form-group.invalid input,
#hours-forms-container .form-group.invalid textarea {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right calc(0.375em + 0.25rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
  border-color: #dc3545;
  padding-right: calc(1.5em + 1rem);
}
.dynamic-form .form-group.valid input,
.dynamic-form .form-group.valid textarea,
#hours-forms-container .form-group.valid input,
#hours-forms-container .form-group.valid textarea {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position: right calc(0.375em + 0.25rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
  border-color: #28a745;
  padding-right: calc(1.5em + 1rem);
}
.form-group .form-control {
  color: #000 !important;
  padding: 10px !important;
  line-height: 28px !important;
  border-radius: 4px;
}
.form-group .form-control .ts-control {
  padding: 0 !important;
  line-height: 28px !important;
}
.form-group .form-control::placeholder {
  color: #9eaaaa !important;
}
.form-group .form-control:focus:not([readonly]) {
  color: #000 !important;
  background-color: transparent !important;
}
.form-group .form-control:focus:not([readonly])::placeholder {
  color: #000 !important;
}
.form-group .form-control.flatpickr-input[readonly] {
  color: #000 !important;
}
label {
  color: #1a1a45 !important;
  font-size: 15px !important;
  line-height: 24px;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
}
label .text-danger {
  color: #1a1a45 !important;
}
form select + .ts-wrapper {
  position: relative;
}
form select + .ts-wrapper:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 15px;
  display: block;
  width: 12px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2572 0.0743332H0.74292L6.00006 6.01719L11.2572 0.0743332Z' fill='%23B1BDBE'/%3E%3C/svg%3E");
  pointer-events: none;
}
form div[data-controller=datetime] {
  position: relative;
}
form div[data-controller=datetime]:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1209_1744)'%3E%3Cpath d='M10.3427 13.0002C10.1141 13.0002 9.94269 12.8146 9.94269 12.5861V10.5573C9.94269 10.3287 10.1141 10.1573 10.3427 10.1573H12.3715C12.6001 10.1573 12.7857 10.3287 12.7857 10.5573V12.5861C12.7857 12.8146 12.6001 13.0002 12.3715 13.0002H10.3427ZM12.3715 10.5573H10.3427V12.5861H12.3715V10.5573ZM14.3998 2.05714C14.8999 2.05714 15.3141 2.47131 15.3141 2.97143V14.4C15.3141 14.9001 14.8999 15.3143 14.3998 15.3143H1.59983C1.09972 15.3143 0.685547 14.9001 0.685547 14.4V2.97143C0.685547 2.47131 1.09972 2.05714 1.59983 2.05714H5.25698V1.14286C5.25698 0.885486 5.4572 0.685715 5.71412 0.685715C5.97103 0.685715 6.17126 0.885943 6.17126 1.14286V2.05714H9.8284V1.14286C9.8284 0.885486 10.0286 0.685715 10.2855 0.685715C10.5425 0.685715 10.7427 0.885943 10.7427 1.14286V2.05714H14.3998ZM1.59983 14.4H14.3998V2.97143H10.7427V3.42857C10.7427 3.68594 10.5425 3.88571 10.2855 3.88571C10.0286 3.88571 9.8284 3.68549 9.8284 3.42857V2.97143H6.17126V3.42857C6.17126 3.68594 5.97103 3.88571 5.71412 3.88571C5.4572 3.88571 5.25698 3.68549 5.25698 3.42857V2.97143H1.59983V14.4Z' fill='%23B1BDBE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1209_1744'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 16px;
  height: 16px;
  pointer-events: none;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
form input[type=date]::-webkit-inner-spin-button,
form input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
/* VGWM FORMS */
.form__part {
  width: 100%;
  border-bottom: 1px solid rgba(204, 204, 214, 0.5019607843);
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.form__part--no-border {
  border-bottom: 0;
}
.form__part--footer {
  border-top: 1px solid rgba(204, 204, 214, 0.5019607843);
  border-bottom: 0;
  margin-left: -48px;
  margin-right: -48px;
  width: calc(100% + 96px) !important;
  padding: 48px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media all and (max-width: 980px) {
  .form__part--footer {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px) !important;
    padding: 15px;
    flex-direction: column-reverse;
  }
}
.form__part--footer .form__part--description {
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: #7a8283;
}
.form__part--title {
  padding-top: 32px;
  font-weight: 400;
  font-size: 17px;
  line-height: 34px;
  color: #000000;
}
.form__part--title:first-child {
  padding-top: 0;
}
.form__part--description {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #7a8283;
}
.form__part .form-check {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
}
.form__part .form-check label {
  padding-left: 7px;
}
.form__part .form-group {
  margin-bottom: 0;
  padding: 12px 0px;
}
.form__part .form-check.form-check--with-input {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.form__part .form-check.form-check--with-input input {
  flex: 0 1 calc(100% - 35px);
}
.form__part .form-check.form-check--with-input input[type=radio] {
  flex: 0 1 18px;
  width: 18px !important;
  height: 18px !important;
}
.form__part--fields {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-content: center;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.form__part--fields .form-group {
  flex: 1 1 calc((100% - 10px) / 2);
}
@media all and (max-width: 578px) {
  .form__part--fields .form-group {
    flex: 0 0 100% !important;
  }
}
.form__part--flex-fields {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-content: center;
  gap: 0 10px;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.form__part--flex-fields .form-group {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
}
.form__part--flex-3-fields {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-content: center;
  gap: 0 10px;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.form__part--flex-3-fields .form-group {
  flex: 0 0 calc((100% - 20px) / 3);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
}
.form__part--flex-4-fields {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-content: center;
  gap: 0 10px;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.form__part--flex-4-fields .form-group {
  flex: 0 0 calc((100% - 30px) / 4);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
}
.form__part--flex-5-fields {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-content: center;
  gap: 0 10px;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.form__part--flex-5-fields .form-group {
  flex: 0 0 calc((100% - 80px) / 4);
  display: flex;
  align-items: center;
}
.form__part--flex-5-fields .form-group--auto-scale {
  flex: 0 0 40px !important;
}
@media (min-width: 768px) and (max-width: 1240px) {
  .form__part--flex-fields .form-group, .form__part--flex-3-fields .form-group, .form__part--flex-4-fields .form-group, .form__part--flex-5-fields .form-group {
    flex: 0 0 100%;
  }
}
@media (min-width: 578px) and (max-width: 768px) {
  .form__part .inline-description {
    flex: 0 0 100%;
  }
  .form__part--flex-fields .form-group, .form__part--flex-3-fields .form-group, .form__part--flex-4-fields .form-group, .form__part--flex-5-fields .form-group {
    flex: 1 1 calc((100% - 20px) / 2);
  }
}
@media all and (max-width: 578px) {
  .form__part--flex-fields .form-group, .form__part--flex-fields .form-group, .form__part--flex-3-fields .form-group, .form__part--flex-4-fields .form-group, .form__part--flex-5-fields .form-group {
    flex: 0 0 100% !important;
  }
}
.form__accident-report .form__part {
  padding-bottom: 10px;
}
.form--report-incident .actions,
.form--request-for-change .actions {
  display: grid !important;
  grid-template-columns: repeat(3, auto);
  gap: 10px;
  align-items: center;
  justify-content: end;
  border-top: 1px solid #ccdbdc;
}
.form--report-incident .actions .wide,
.form--request-for-change .actions .wide {
  display: flex;
}
.form--report-incident .actions .form-group,
.form--request-for-change .actions .form-group {
  margin-bottom: 0;
}
.form--report-incident .form-part,
.form--request-for-change .form-part {
  padding-bottom: 60px;
}
#hours-personal-info-container,
#hours-filters-container {
  border-bottom: 1px solid rgba(204, 204, 214, 0.5);
}
#hours-personal-info-container .form-wrapper,
#hours-filters-container .form-wrapper {
  display: grid;
  grid-template-columns: 128px 1fr 1fr;
  gap: 15px;
}
#hours-personal-info-container .form-control,
#hours-filters-container .form-control {
  padding: 8px 10px;
  max-width: none;
}
#hours-personal-info-container {
  width: 60%;
  max-width: calc(100% - 200px);
  padding-right: 15px;
}
#hours-filters-container {
  width: 40%;
  min-width: 200px;
}
#hours-filters-container .form-wrapper {
  grid-template-columns: 1fr 1fr;
}
/* Style for the tooltip */
#tooltip {
  position: absolute;
  background-color: #333;
  color: #fff;
  border-radius: 5px;
  z-index: 1000; /* Ensure it's above other elements */
  font-size: 12px;
  padding: 5px 15px;
  opacity: 0.9;
}
/* Hide the tooltip by default */
.hidden {
  display: none;
}
#hours-container {
  box-shadow: 0, 0, 0, transparent;
  transition: box-shadow 0.3s ease;
  margin-bottom: 4.5rem;
}
#hours-container.error {
  box-shadow: 0 0 5px red;
}
#hours-container h6 {
  color: #000;
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 20px;
}
#hours-container.loading {
  position: relative;
  pointer-events: none;
}
#hours-container.loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 105;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
#hours-container.loading:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 109;
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='30px' height='30px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg fill='%23000000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3E%3Cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3E%3C/g%3E%3C/svg%3E");
  animation-name: spin;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#hours-container .notesbox {
  padding-top: 1.5rem !important;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#hours-forms-container {
  font-family: "Supreme-Variable";
  font-size: 15px;
  line-height: 1em;
}
#hours-forms-container .table,
#hours-forms-container .day-totals,
#hours-forms-container .travel-time,
#hours-forms-container .other-hours-line,
#hours-forms-container .week-totals {
  display: grid;
  grid-template-columns: 300px repeat(8, 1fr);
  background-color: #fff;
}
#hours-forms-container .overflow {
  width: calc(100% + 20px);
  padding-right: 20px;
  padding-top: 20px;
  margin-top: -20px;
}
#hours-forms-container .overflow:not(.visible) {
  overflow-x: scroll;
  scrollbar-width: none;
}
#hours-forms-container .overflow:not(.visible)::-webkit-scrollbar {
  display: none;
}
#hours-forms-container .costcenter-field > div,
#hours-forms-container .type-field > div {
  pointer-events: none;
}
#hours-forms-container .costcenter-field .ts-dropdown,
#hours-forms-container .type-field .ts-dropdown {
  pointer-events: all;
}
#hours-forms-container .costcenter-field .ts-wrapper:after,
#hours-forms-container .type-field .ts-wrapper:after {
  content: none;
}
#hours-forms-container .costcenter-field .ts-control,
#hours-forms-container .type-field .ts-control {
  position: relative;
}
#hours-forms-container .costcenter-field .ts-control:before,
#hours-forms-container .type-field .ts-control:before {
  content: "";
  position: absolute;
  top: 8px;
  right: 10px;
  display: block;
  width: 16px;
  height: 32px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='32' viewBox='0 0 16 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.764648 11.4001C0.764648 11.523 0.813106 11.6487 0.907734 11.7429C1.09608 11.9317 1.40465 11.9317 1.59345 11.7429L8.04785 5.28851L14.4081 11.6483C14.5969 11.8371 14.905 11.8371 15.0938 11.6483C15.2826 11.4595 15.2826 11.1514 15.0938 10.9626L8.39071 4.25674C8.20191 4.06839 7.89333 4.06839 7.70499 4.25674L0.907734 11.054C0.810363 11.1509 0.764648 11.2739 0.764648 11.3996V11.4001Z' fill='%23B1BDBE'/%3E%3Cpath d='M0.764648 20.5996C0.764648 20.4766 0.813106 20.3509 0.907734 20.2567C1.09608 20.0684 1.40465 20.0684 1.59345 20.2567L8.04785 26.7111L14.4081 20.3514C14.5969 20.163 14.905 20.163 15.0938 20.3514C15.2826 20.5397 15.2826 20.8487 15.0938 21.0371L8.39071 27.7429C8.20191 27.9317 7.89333 27.9317 7.70499 27.7429L0.907734 20.9456C0.810363 20.8483 0.764648 20.7258 0.764648 20.6001V20.5996Z' fill='%23B1BDBE'/%3E%3C/svg%3E");
}
#hours-forms-container .costcenter-field.invalid .ts-wrapper,
#hours-forms-container .type-field.invalid .ts-wrapper {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: center right 2.25rem;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
  transition: none;
}
#hours-forms-container .costcenter-field.valid .ts-wrapper,
#hours-forms-container .type-field.valid .ts-wrapper {
  background-image: none;
}
#hours-forms-container .costcenter-field.disabled,
#hours-forms-container .type-field.disabled {
  pointer-events: none;
}
#hours-forms-container .costcenter-field.disabled .ts-control,
#hours-forms-container .costcenter-field.disabled input,
#hours-forms-container .costcenter-field.disabled select,
#hours-forms-container .type-field.disabled .ts-control,
#hours-forms-container .type-field.disabled input,
#hours-forms-container .type-field.disabled select {
  background-color: rgba(204, 219, 220, 0.5) !important;
  border-color: #ccdbdc !important;
  color: #7a8283;
  opacity: 1;
}
#hours-forms-container .remove {
  position: absolute;
  top: 14px;
  right: -30px;
  z-index: 101;
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #000130;
  transition: color 0.3s ease;
}
#hours-forms-container .remove svg {
  padding: 0;
  pointer-events: none;
}
#hours-forms-container .remove:hover {
  color: #ef6b13;
}
#hours-forms-container .hours-field {
  position: relative;
}
#hours-forms-container .hours-field.disabled {
  background-color: rgba(204, 219, 220, 0.5);
  border: 1px solid #ccdbdc !important;
  color: #7a8283;
  font-size: 17px;
  line-height: 1em;
  padding: 11px 10px;
  height: 50px;
}
#hours-forms-container .hours-field.disabled.total {
  background-color: transparent;
  color: #333;
  line-height: 26px;
}
#hours-forms-container .hours-field.disabled input.form-control {
  padding: 0 !important;
  border: 0 !important;
  height: auto;
  font-size: 17px;
  line-height: 1em !important;
}
#hours-forms-container .hours-field .remove {
  top: 13px !important;
  right: -32px !important;
}
#hours-forms-container .hours-field.valid input.form-control {
  background-image: none;
}
#hours-forms-container .other-hours-line:last-child:first-child .hours-field .remove {
  display: none;
}
#hours-forms-container .spacing {
  grid-column: 1/9;
  height: 15px;
}
#hours-forms-container .week-heading {
  text-align: right;
  padding: 17px 0;
  line-height: 1em;
  height: 50px;
}
#hours-forms-container .project-wrapper .form-group,
#hours-forms-container .other-hours-line .form-group,
#hours-forms-container .day-totals .form-group,
#hours-forms-container .travel-time .form-group {
  margin: 0;
  border: 0;
}
#hours-forms-container .project-wrapper input.form-control,
#hours-forms-container .project-wrapper .ts-control,
#hours-forms-container .project-wrapper .travel-time-label,
#hours-forms-container .project-wrapper .day-type-label,
#hours-forms-container .project-wrapper .day-type-counter,
#hours-forms-container .other-hours-line input.form-control,
#hours-forms-container .other-hours-line .ts-control,
#hours-forms-container .other-hours-line .travel-time-label,
#hours-forms-container .other-hours-line .day-type-label,
#hours-forms-container .other-hours-line .day-type-counter,
#hours-forms-container .day-totals input.form-control,
#hours-forms-container .day-totals .ts-control,
#hours-forms-container .day-totals .travel-time-label,
#hours-forms-container .day-totals .day-type-label,
#hours-forms-container .day-totals .day-type-counter,
#hours-forms-container .travel-time input.form-control,
#hours-forms-container .travel-time .ts-control,
#hours-forms-container .travel-time .travel-time-label,
#hours-forms-container .travel-time .day-type-label,
#hours-forms-container .travel-time .day-type-counter {
  font-size: 17px;
  line-height: 1em;
  padding: 11px 10px !important;
  border: 1px solid #ccdbdc !important;
  border-radius: 0;
  height: 50px;
  background-color: transparent;
}
#hours-forms-container .project-wrapper input.form-control.warning--overhours,
#hours-forms-container .project-wrapper .ts-control.warning--overhours,
#hours-forms-container .project-wrapper .travel-time-label.warning--overhours,
#hours-forms-container .project-wrapper .day-type-label.warning--overhours,
#hours-forms-container .project-wrapper .day-type-counter.warning--overhours,
#hours-forms-container .other-hours-line input.form-control.warning--overhours,
#hours-forms-container .other-hours-line .ts-control.warning--overhours,
#hours-forms-container .other-hours-line .travel-time-label.warning--overhours,
#hours-forms-container .other-hours-line .day-type-label.warning--overhours,
#hours-forms-container .other-hours-line .day-type-counter.warning--overhours,
#hours-forms-container .day-totals input.form-control.warning--overhours,
#hours-forms-container .day-totals .ts-control.warning--overhours,
#hours-forms-container .day-totals .travel-time-label.warning--overhours,
#hours-forms-container .day-totals .day-type-label.warning--overhours,
#hours-forms-container .day-totals .day-type-counter.warning--overhours,
#hours-forms-container .travel-time input.form-control.warning--overhours,
#hours-forms-container .travel-time .ts-control.warning--overhours,
#hours-forms-container .travel-time .travel-time-label.warning--overhours,
#hours-forms-container .travel-time .day-type-label.warning--overhours,
#hours-forms-container .travel-time .day-type-counter.warning--overhours {
  border-color: #ffc107 !important;
  background-color: rgba(255, 193, 7, 0.2) !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 90% center;
}
#hours-forms-container .project-wrapper .day-type-label,
#hours-forms-container .project-wrapper .travel-time-label,
#hours-forms-container .project-wrapper .day-type-counter,
#hours-forms-container .other-hours-line .day-type-label,
#hours-forms-container .other-hours-line .travel-time-label,
#hours-forms-container .other-hours-line .day-type-counter,
#hours-forms-container .day-totals .day-type-label,
#hours-forms-container .day-totals .travel-time-label,
#hours-forms-container .day-totals .day-type-counter,
#hours-forms-container .travel-time .day-type-label,
#hours-forms-container .travel-time .travel-time-label,
#hours-forms-container .travel-time .day-type-counter {
  padding: 17px 10px !important;
}
#hours-forms-container .project-wrapper .form-control,
#hours-forms-container .other-hours-line .form-control,
#hours-forms-container .day-totals .form-control,
#hours-forms-container .travel-time .form-control {
  line-height: 1em;
  padding: 0 !important;
  border: 0;
}
#hours-forms-container .project-wrapper {
  position: relative;
}
#hours-forms-container .project-wrapper .project-info-wrap {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}
#hours-forms-container .project-wrapper .vouchenumber-field {
  width: 200px;
}
#hours-forms-container .project-wrapper .vouchenumber-field.valid .ts-wrapper {
  background-image: none;
}
#hours-forms-container .project-wrapper .project-field {
  width: calc(100% - 215px);
}
#hours-forms-container .project-wrapper .project-field.valid input {
  background-image: none;
}
#hours-forms-container .project-wrapper .vouchenumber-field.disabled,
#hours-forms-container .project-wrapper .project-field.disabled {
  pointer-events: none;
}
#hours-forms-container .project-wrapper .vouchenumber-field.disabled .ts-control,
#hours-forms-container .project-wrapper .vouchenumber-field.disabled input,
#hours-forms-container .project-wrapper .vouchenumber-field.disabled select,
#hours-forms-container .project-wrapper .project-field.disabled .ts-control,
#hours-forms-container .project-wrapper .project-field.disabled input,
#hours-forms-container .project-wrapper .project-field.disabled select {
  background-color: rgba(204, 219, 220, 0.5) !important;
  border-color: #ccdbdc !important;
  color: #7a8283;
  opacity: 1;
}
#hours-forms-container .project-wrapper .heading,
#hours-forms-container .project-wrapper .heading-spacer {
  line-height: 1em;
  padding: 17px 10px;
  height: 50px;
  border: 1px solid #ccdbdc;
  background-color: #f4f4f4;
}
#hours-forms-container .project-wrapper .project-field {
  grid-column: 2/9;
}
#hours-forms-container .project-wrapper .project-field input {
  max-width: none;
}
#hours-forms-container .heading-spacer.empty,
#hours-forms-container .field-spacer {
  background-color: transparent;
  border: 0;
}
#hours-forms-container .add-new-line,
#hours-forms-container .add-new-project {
  display: inline;
  color: #020a2c;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  width: fit-content;
}
#hours-forms-container .add-new-line .icon,
#hours-forms-container .add-new-project .icon {
  pointer-events: none;
  display: inline-block;
  margin-right: 10px;
}
#hours-forms-container .add-new-line {
  margin-bottom: 30px;
}
#hours-forms-container .add-new-project {
  margin-bottom: 15px;
}
#hours-forms-container .day-type-label,
#hours-forms-container .day-type-counter {
  background-color: #f4f4f4 !important;
}
#hours-forms-container .week-totals {
  min-width: 860px;
}
#hours-forms-container .week-totals .week-totals-label {
  grid-column: 5/7;
}
#hours-forms-container .week-totals .week-totals-label,
#hours-forms-container .week-totals .total {
  line-height: 1em;
  padding: 11px 10px;
  height: 50px;
  border: 1px solid #ccdbdc;
  background-color: #f4f4f4;
}
#hours-forms-container .table,
#hours-forms-container .table-other {
  min-width: 860px;
}
#hours-forms-container .table-other {
  margin-bottom: 15px;
}
@media all and (max-width: 1280px) {
  #hours-forms-container .week-totals .week-totals-label {
    grid-column: 1;
  }
  #hours-forms-container .overflow {
    width: calc(100% + 6rem + var(--bs-gutter-x) * 0.5);
  }
}
#hours-forms-container .form-control {
  background-color: transparent !important;
}
.hours-form .actions {
  display: grid !important;
  grid-template-columns: repeat(3, auto);
  gap: 10px;
  align-items: center;
  justify-content: end;
  border-top: 1px solid #ccdbdc;
  padding: 32px 48px !important;
}
.hours-form .actions .wide {
  display: flex;
}
.hours-form .actions .form-group {
  margin-bottom: 0;
}
.hours-form .actions .form-switch .hidden {
  display: none;
}
@media all and (max-width: 1280px) {
  #hours-container > .d-flex {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #hours-personal-info-container {
    width: 100%;
    max-width: none;
    padding-right: 0;
  }
  #hours-filters-container {
    width: 100%;
    min-width: auto;
    padding-top: 10px;
  }
  #hours-forms-container .table,
  #hours-forms-container .day-totals,
  #hours-forms-container .travel-time,
  #hours-forms-container .other-hours-line,
  #hours-forms-container .week-totals {
    grid-template-columns: 250px repeat(8, 1fr);
  }
}
@media all and (max-width: 920px) {
  #hours-personal-info-container .form-wrapper,
  #hours-filters-container .form-wrapper {
    grid-template-columns: 1fr;
  }
  #hours-personal-info-container .form-wrapper .form-group,
  #hours-filters-container .form-wrapper .form-group {
    margin-bottom: 0;
  }
  #hours-personal-info-container .form-wrapper .form-group:last-child,
  #hours-filters-container .form-wrapper .form-group:last-child {
    margin-bottom: 1em;
  }
}
@media all and (max-width: 767px) {
  #hours-forms-container {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  #hours-forms-container .overflow {
    width: calc(100% + 1.5rem + var(--bs-gutter-x) * 0.5);
  }
  #hours-forms-container .remove {
    right: -21px;
  }
  .hours-form .actions {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  #hours-container .bg-white,
  #hours-container > .d-flex {
    padding: 1.5rem !important;
  }
}
@media all and (max-width: 580px) {
  #hours-container {
    background-color: transparent !important;
    padding: 1.5rem 0 !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  #hours-container .bg-white,
  #hours-container > .d-flex {
    background-color: transparent !important;
    padding: 1.5rem 0 !important;
    box-shadow: none !important;
  }
  #hours-container > .d-flex {
    padding: 0 !important;
  }
  #hours-forms-container {
    padding: 1.5rem 0 !important;
  }
  #hours-forms-container .overflow {
    width: calc(100% + var(--bs-gutter-x) * 0.5);
  }
  #hours-forms-container .project-wrapper .project-info-wrap {
    width: calc(100% - 30px);
    flex-direction: column;
  }
  #hours-forms-container .project-wrapper .project-info-wrap .project-field,
  #hours-forms-container .project-wrapper .project-info-wrap .vouchenumber-field {
    width: 100%;
  }
  #hours-forms-container .project-wrapper > .remove {
    right: 0;
  }
}
.quick-nav {
  padding: 50px 0;
}
@media all and (max-width: 768px) {
  .quick-nav {
    padding: 0;
  }
}
.quick-nav .box-header {
  padding-bottom: 20px;
}
.quick-nav .box-header p {
  font-size: 17px;
  line-height: 34px;
  letter-spacing: -0.1%;
  font-weight: normal;
}
.quick-nav .box-content {
  margin: 0 10px !important;
}
.quick-nav .box-content .row-gutter-qn {
  gap: 50px;
}
@media all and (max-width: 768px) {
  .quick-nav .box-content .row-gutter-qn {
    gap: 20px;
  }
}
.quick-nav .box-content .row-gutter-qn .col {
  flex: 1 1 20%;
}
@media all and (max-width: 768px) {
  .quick-nav .box-content .row-gutter-qn .col {
    flex: 1 0 calc(50% - 50px);
    min-width: 250px;
  }
}
.quick-nav .box-content .app-box {
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  border-radius: 6px;
  border: 1px solid #ccccd6;
  padding: 32px;
  background-color: white;
  box-shadow: 0 0.125rem 0.25rem rgba(28, 43, 54, 0.075) !important;
}
.quick-nav .box-content .app-box--title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  border-bottom: 1px solid #d6dbe0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.quick-nav .box-content .app-box--title svg {
  fill: #ef6b13;
  height: 16px;
  width: 20px;
}
.quick-nav .box-content .app-box--title svg path {
  fill: #ef6b13;
}
.quick-nav .box-content .app-box--title h6 {
  margin-bottom: 0;
  line-height: 17px;
  padding-top: 3px;
}
header.p-3 {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
header .header-toggler svg {
  width: 1.4em;
  height: 1.4em;
}
header .header-toggler span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
}
@media all and (max-width: 400px) {
  header .header-toggler span {
    max-width: 80%;
  }
}
.declaration-page h6 {
  padding-bottom: 25px;
  font-size: 17px;
  line-height: 28px;
  color: #000;
}
.declaration-page .employee-data {
  border-bottom: 1px solid #ccccd6;
  padding-bottom: 25px;
  margin-bottom: 60px;
}
.declaration-page .form-part {
  padding-bottom: 60px;
}
.declaration-page .form-part .row.row-travel-costs.og-row .trash, .declaration-page .form-part .row.row-other-costs.og-row .trash {
  opacity: 0;
  pointer-events: none;
}
.declaration-page .form-part .row.row-travel-costs:not(.og-row), .declaration-page .form-part .row.row-other-costs:not(.og-row) {
  padding: 10px 0 0 0;
}
.declaration-page .form-part .row.row-travel-costs span.trash, .declaration-page .form-part .row.row-other-costs span.trash {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}
.declaration-page .form-part .row.row-travel-costs span.trash > *, .declaration-page .form-part .row.row-other-costs span.trash > * {
  pointer-events: none;
}
.declaration-page .form-part .row.row-travel-costs span.trash svg, .declaration-page .form-part .row.row-other-costs span.trash svg {
  width: 23px;
  height: 23px;
}
.declaration-page .form-part .row-other-costs ~ .row-other-costs .form-group label,
.declaration-page .form-part .row-travel-costs ~ .row-travel-costs .form-group label {
  display: none;
}
.declaration-page .form-part .row-other-costs ~ .row-other-costs span.trash,
.declaration-page .form-part .row-travel-costs ~ .row-travel-costs span.trash {
  opacity: 1;
  pointer-events: initial;
}
.declaration-page .form-part .calc-total-other,
.declaration-page .form-part .calc-total-travel {
  padding-right: 50px;
}
.declaration-page .form-part .calc-total-other .label,
.declaration-page .form-part .calc-total-travel .label {
  padding-right: 10px;
}
.declaration-page .form-part span.clone {
  display: flex;
  color: #020a2c;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.declaration-page .form-part span.clone .icon {
  pointer-events: none;
}
.declaration-page .form-part span.clone .icon svg {
  width: 18px;
  height: 18px;
  display: block;
}
.declaration-page .form-part span.clone .text {
  pointer-events: none;
}
.declaration-page .form-part .current_attachments {
  padding-top: 20px;
}
.declaration-page .form-part .current_attachments .attachment {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: rgba(0, 123, 255, 0);
  aspect-ratio: 4/4;
}
.declaration-page .form-part .current_attachments .attachment--title {
  opacity: 0;
  transition: all 0.2s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: Center;
  padding: 0 20px;
  font-size: 16px;
  color: white;
}
.declaration-page .form-part .current_attachments .attachment--delete {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.111);
  border-radius: 50%;
  width: 30px;
  text-align: center;
  padding: 2px 0 4px 0;
  z-index: 99;
}
.declaration-page .form-part .current_attachments .attachment--delete svg {
  width: 15px;
  height: 15px;
  fill: grey;
  transition: all 0.2s;
}
.declaration-page .form-part .current_attachments .attachment img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.2s;
  border-radius: 10px;
}
.declaration-page .form-part .current_attachments .attachment:hover {
  background-color: rgb(0, 123, 255);
}
.declaration-page .form-part .current_attachments .attachment:hover .attachment--title {
  opacity: 1;
}
.declaration-page .form-part .current_attachments .attachment:hover img {
  opacity: 0.1;
}
.declaration-page .form-part .current_attachments .attachment:hover .attachment--delete svg {
  fill: red;
}
.declaration-page .attachment-data > .row {
  flex-direction: column;
}
.declaration-page .attachment-data .col-12 {
  max-width: 540px;
}
.declaration-page .attachment-data .form-group {
  margin: 0;
}
.declaration-page .attachment-data .current_attachments .col {
  width: 33.33%;
  padding: calc(var(--bs-gutter-x) * 0.5);
}
@media all and (max-width: 420px) {
  .declaration-page .attachment-data .current_attachments .col {
    width: 50%;
    flex: auto;
    flex-grow: inherit;
  }
}
@media all and (max-width: 320px) {
  .declaration-page .attachment-data .current_attachments .col {
    width: 100%;
  }
}
.declaration-page .actions {
  display: grid !important;
  grid-template-columns: repeat(3, auto);
  gap: 10px;
  align-items: center;
  justify-content: end;
  border-top: 1px solid #ccdbdc;
}
.declaration-page .actions .wide {
  display: flex;
}
.declaration-page .actions .form-group {
  margin-bottom: 0;
}
.declaration-page .row-controls {
  padding-top: 20px;
}
.declaration-page:last-child {
  margin-bottom: 4.5rem;
}
@media all and (max-width: 1280px) {
  .declaration-page .employee-data input {
    max-width: none;
  }
  .declaration-page .employee-data .name-wrap,
  .declaration-page .employee-data .employee-number-wrap {
    flex: 1 0 50%;
    margin-bottom: 15px;
  }
}
@media all and (max-width: 980px) {
  .declaration-page .employee-data .email-wrap,
  .declaration-page .employee-data .bank-number-wrap,
  .declaration-page .employee-data .date-wrap {
    flex: 1 0 100%;
    margin-bottom: 15px;
  }
  .declaration-page .row-travel-costs,
  .declaration-page .row-other-costs {
    flex-direction: column;
    padding-top: 30px !important;
  }
  .declaration-page .row-travel-costs:nth-child(2),
  .declaration-page .row-other-costs:nth-child(2) {
    padding-top: 0 !important;
  }
  .declaration-page .row-travel-costs:nth-child(2) .trash,
  .declaration-page .row-other-costs:nth-child(2) .trash {
    display: none !important;
  }
  .declaration-page .row-travel-costs .col,
  .declaration-page .row-other-costs .col {
    margin-bottom: 15px;
  }
  .declaration-page .row-travel-costs label,
  .declaration-page .row-other-costs label {
    display: block !important;
  }
  .declaration-page .row-travel-costs .trash,
  .declaration-page .row-other-costs .trash {
    align-items: flex-start !important;
  }
  .declaration-page .row-travel-costs .input-group,
  .declaration-page .row-travel-costs .form-control,
  .declaration-page .row-other-costs .input-group,
  .declaration-page .row-other-costs .form-control {
    max-width: none;
  }
}
@media all and (max-width: 767px) {
  .declaration-page .form-part {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
@media all and (max-width: 580px) {
  .declaration-page {
    background-color: transparent !important;
    padding: 1.5rem 0 !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  .declaration-page .bg-white {
    background-color: transparent !important;
    padding: 0 !important;
  }
  .declaration-page .actions {
    padding-top: 1.5rem !important;
  }
}
.multi-file-upload-wrapper {
  display: flex;
  border: 1px dashed #ccdbdc;
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  white-space: normal;
  max-width: 620px;
  width: 100%;
}
.multi-file-upload-wrapper input {
  display: none;
}
.multi-file-upload-wrapper .description {
  font-size: 17px;
  line-height: 23px;
  font-weight: 400;
}
.multi-file-upload-wrapper .description h6 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.multi-file-upload-wrapper span.upload {
  border: 0;
  background-color: #ef6b13;
  border-radius: 6px;
  color: #000;
  padding: 10px 20px;
  cursor: pointer;
}
.multi-file-upload-wrapper span.upload .icon {
  margin-right: 10px;
}
.multi-file-upload-wrapper span.upload .icon svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
.multi-file-upload-wrapper span.upload .text {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}
.anb-collection-list .year {
  display: block;
  background: #f4f4f4;
  border: 1px solid #ccdbdc;
  border-radius: 6px;
  padding: 6px 20px;
  margin-bottom: 20px;
}
.anb-collection-list .anb--wrapper {
  margin-bottom: 20px;
}
.anb-collection-list .anb--box {
  border: 1px solid #ccdbdc;
  border-radius: 8px;
  padding: 17px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}
.anb-collection-list .anb--thumb img {
  width: 100%;
  aspect-ratio: 4/4;
  object-fit: contain;
  object-position: center center;
}
.anb-collection-list .anb--title {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #ccdbdc;
  font-size: 20px;
  line-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 100%;
  hyphens: auto;
}
.anb-collection-list .anb--controls {
  margin-top: auto;
  padding-top: 15px;
}
.anb-collection-list .anb--controls > a {
  display: inline-block;
}
@media all and (max-width: 1140px) {
  .gi-doc-collection-list .gi-doc--open {
    pointer-events: none;
  }
}
.gi-doc-collection-list .gi-doc--row {
  width: 100%;
  height: 100%;
  display: grid;
  justify-content: start;
  align-content: stretch;
  align-items: start;
  justify-items: start;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  padding-bottom: 15px;
}
@media all and (max-width: 1600px) {
  .gi-doc-collection-list .gi-doc--row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (max-width: 1140px) {
  .gi-doc-collection-list .gi-doc--row {
    grid-template-columns: repeat(2, minmax(auto, calc(50% - 7.5px)));
  }
}
@media all and (max-width: 960px) {
  .gi-doc-collection-list .gi-doc--row {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media all and (max-width: 768px) {
  .gi-doc-collection-list .gi-doc--row {
    grid-template-columns: repeat(2, minmax(auto, calc(50% - 7.5px)));
  }
}
@media all and (max-width: 430px) {
  .gi-doc-collection-list .gi-doc--row {
    grid-template-columns: repeat(1, 1fr);
  }
}
.gi-doc-collection-list .gi-doc--wrapper {
  height: 100%;
  width: 100%;
  margin-bottom: 20px;
}
.gi-doc-collection-list .gi-doc--box {
  border: 1px solid #ccdbdc;
  border-radius: 8px;
  padding: 17px;
  height: calc(100% - 54px);
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
  background: white;
}
.gi-doc-collection-list .gi-doc--box.no-export {
  height: 100%;
}
.gi-doc-collection-list .gi-doc--box a {
  display: block;
  width: 100%;
  padding-bottom: 15px;
}
@media all and (max-width: 576px) {
  .gi-doc-collection-list .gi-doc--box {
    align-content: flex-start;
    align-items: flex-start;
  }
}
.gi-doc-collection-list .gi-doc--thumb {
  width: 100%;
  aspect-ratio: 4/2;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #ccdbdc;
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
@media all and (max-width: 576px) {
  .gi-doc-collection-list .gi-doc--thumb {
    aspect-ratio: 7/2;
  }
}
.gi-doc-collection-list .gi-doc--icon-wrapper {
  width: 102px;
  height: 76px;
  object-fit: contain;
  object-position: center;
  position: relative;
}
.gi-doc-collection-list .gi-doc--icon-wrapper img {
  width: 75px;
  height: 60px;
  position: relative;
}
.gi-doc-collection-list .gi-doc--title {
  font-size: 20px;
  line-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 100%;
  hyphens: auto;
}
.gi-doc-collection-list .gi-doc--controls {
  margin-top: auto;
}
.gi-doc-collection-list .gi-doc--controls span.small {
  font-size: 13px;
  color: #95a0a1;
}
.gi-doc-collection-list .gi-doc--controls > a {
  display: inline-block;
}
.gi-doc-collection-list .gi-doc--controls h6 {
  margin-bottom: 0;
}
.gi-doc-collection-list .gi-doc--controls .row {
  align-items: flex-end;
  gap: 15px 0;
}
.gi-doc-collection-list .gi-doc--controls .flex-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  gap: 15px 0;
}
.gi-doc-collection-list .gi-doc--controls .flex-wrapper .date-wrapper {
  flex: 0 0 50%;
}
.gi-doc-collection-list .gi-doc--controls .btn {
  flex: 0 0 50%;
  align-self: flex-end;
}
.gi-doc-collection-list .gi-doc--controls .btn--download {
  display: none;
}
@media all and (max-width: 1140px) {
  .gi-doc-collection-list .gi-doc--controls .btn--download {
    display: block;
    align-self: flex-end;
    margin-left: auto;
  }
}
.gi-doc-collection-list .gi-doc--export {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.gi-doc-collection-list .gi-doc--export .export--btn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.gi-doc-collection-list .gi-doc--export .export--icon {
  width: 16px;
  height: 16px;
}
.gi-doc-collection-list .gi-doc--export .export--icon svg {
  vertical-align: top;
}
.pbm-page h6 {
  padding-bottom: 25px;
}
.pbm-page .employee-data {
  border-bottom: 1px solid #ccccd6;
  margin-bottom: 60px;
  padding-bottom: 9px;
}
.pbm-page .employee-data .input-column {
  padding-bottom: 15px;
}
.pbm-page .pbm--box {
  border: 1px solid #ccdbdc;
  border-radius: 8px;
  padding: 17px;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}
.pbm-page .pbm--box.error {
  border-color: #dc3545;
}
.pbm-page .pbm--thumb img {
  width: 100%;
  aspect-ratio: 4/4;
  object-fit: contain;
  object-position: center center;
}
@media all and (max-width: 580px) {
  .pbm-page .pbm--thumb img {
    aspect-ratio: 4/2;
  }
}
.pbm-page .pbm--title {
  padding-top: 15px;
  margin-top: 15px;
  font-size: 20px;
  line-height: 38px;
  padding-bottom: 15px;
  font-weight: 500;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 100%;
  hyphens: auto;
}
.pbm-page .pbm--controls {
  margin-top: auto;
}
.pbm-page .pbm--controls > a {
  display: inline-block;
}
.pbm-page .pbm--attr {
  padding-top: 10px;
}
.pbm-page .pbm--attr.error .ts-wrapper,
.pbm-page .pbm--attr.error select {
  border: 1px solid #dc3545;
}
.pbm-page .pbm--attr.error:after {
  color: #dc3545;
}
.pbm-page .pbm--attr select.bootstrap-tagsinput,
.pbm-page .pbm--attr select.chosen-choices,
.pbm-page .pbm--attr select.chosen-single,
.pbm-page .pbm--attr select.form-control {
  height: auto !important;
}
.pbm-page .actions {
  display: grid !important;
  grid-template-columns: repeat(1, auto);
  gap: 10px;
  align-items: center;
  justify-content: end;
  padding: 32px 48px !important;
}
@media all and (max-width: 580px) {
  .pbm-page .actions {
    padding: 32px 0px !important;
  }
}
.pbm-page .actions .wide {
  display: flex;
}
.pbm-page .actions .form-group {
  margin-bottom: 0;
}
.pbm-page .input-column {
  min-width: 150px;
}
@media all and (max-width: 580px) {
  .pbm-page .input-column {
    min-width: auto;
    padding-bottom: 20px;
  }
}
#page-description-modal-content,
#page-notification-modal-content-tb,
#page-notification-modal-content-gi,
#page-notification-modal-content-pbm,
#page-notification-modal-content,
#page-overhour-notification-modal-content {
  display: none;
}
#page-description {
  display: flex;
  gap: 10px;
  font-size: 17px;
  line-height: 34px;
  color: #7a8283;
  margin: -38px 0 30px;
}
#page-description p {
  font-size: 17px;
  line-height: 34px;
  margin: 0;
}
#page-description .info {
  margin-top: -5px;
  cursor: pointer;
}
#page-description .info g {
  pointer-events: none;
}
.alert + .intro-bar + #page-description {
  margin: 0 0 30px;
}
.popup-modal {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: background-color 0.5s ease;
}
.popup-modal.opening, .popup-modal.open, .popup-modal.closing {
  opacity: 1;
  pointer-events: all;
}
.popup-modal .inner {
  max-width: calc(100% - 20px);
  max-height: 100%;
  overflow: scroll;
  scrollbar-width: none;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 2px 6px 2px rgba(197, 204, 211, 0.14);
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.popup-modal .inner::-webkit-scrollbar {
  display: none;
}
.popup-modal.opening, .popup-modal.open {
  background-color: rgba(0, 0, 0, 0.5);
}
.popup-modal.opening .inner, .popup-modal.open .inner {
  opacity: 1;
  transform: translateY(0);
}
.popup-modal .header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 20px;
}
.popup-modal .header .title {
  font-size: 24px;
  line-height: 32px;
}
.popup-modal .header .close {
  display: block;
  width: 13px;
  height: 13px;
  padding: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1569 0.844014C11.7669 0.454014 11.1339 0.454014 10.7429 0.844014L6.5009 5.08601L2.2589 0.844014C1.8689 0.454014 1.2349 0.454014 0.843901 0.844014C0.4529 1.23401 0.453901 1.86801 0.843901 2.25801L5.0859 6.50001L0.843901 10.742C0.453901 11.132 0.453901 11.766 0.843901 12.156C1.2339 12.546 1.8679 12.546 2.2589 12.156L6.5009 7.91401L10.7429 12.156C11.1329 12.546 11.7659 12.546 12.1569 12.156C12.5479 11.766 12.5469 11.132 12.1569 10.742L7.9149 6.50001L12.1569 2.25801C12.5479 1.86701 12.5479 1.23401 12.1569 0.844014Z' fill='%239EAAAA'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.popup-modal .content {
  padding: 0 20px 20px;
  font-size: 17px;
  line-height: 34px;
}
.popup-modal .content p {
  font-size: 17px;
  line-height: 34px;
  margin: 0;
}
.popup-modal .footer {
  display: flex;
  justify-content: end;
  padding: 20px;
  gap: 15px;
  background-color: rgba(229, 232, 235, 0.5);
}
.popup-modal .footer button.close {
  font-size: 17px;
}
.holiday__collection h5 {
  padding-bottom: 15px;
}
.holiday__collection .rfv--row {
  padding-bottom: 20px;
}
.holiday__form {
  padding-top: 30px;
}
.holiday__form span.clone-vacation {
  display: flex;
  color: #020a2c;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.holiday__form span.clone-vacation .icon {
  pointer-events: none;
}
.holiday__form span.clone-vacation .icon svg {
  width: 18px;
  height: 18px;
  display: block;
}
.holiday__form span.clone-vacation .text {
  pointer-events: none;
}
.holiday__submit {
  padding-top: 15px;
}
.holiday__summary {
  padding: 40px 0;
}
.holiday__summary__table {
  border: 1px solid #d6dbe0;
  border-radius: 4px;
}
.holiday__summary__table__row {
  border-bottom: 1px solid #d6dbe0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media all and (max-width: 450px) {
  .holiday__summary__table__row {
    gap: 0px;
    height: auto;
    flex-wrap: wrap;
  }
}
.holiday__summary__table__row:last-child {
  border-bottom: 0;
}
.holiday__summary__table__row--label {
  height: 74px;
  padding: 20px 15px 17px 15px;
  line-height: 34px;
}
@media all and (max-width: 450px) {
  .holiday__summary__table__row--label {
    width: 100%;
    flex: 0 0 100%;
  }
}
.holiday__summary__table__row--values {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  height: 100%;
}
@media all and (max-width: 450px) {
  .holiday__summary__table__row--values {
    width: 50%;
    flex: 0 0 50%;
  }
}
.holiday__summary__table__row--value {
  height: 100%;
  width: 125px;
  padding: 27px 15px 25px 0;
  text-align: right;
}
@media all and (max-width: 450px) {
  .holiday__summary__table__row--value {
    width: 100%;
    flex: 0 0 100%;
  }
}
.holiday__summary__table__row--value:first-child {
  background-color: #f3f7e5;
}
.holiday__summary__table__row--value:last-child {
  background-color: #d5d8e9;
}
.holiday__summary__legend {
  padding: 30px 10px 0 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 35px;
}
.holiday__summary__legend__item {
  line-height: 34px;
  display: flex;
  gap: 15px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.holiday__summary__legend__item:before {
  content: "";
  width: 32px;
  height: 34px;
  display: inline-block;
}
.holiday__summary__legend__item:first-child:before {
  background-color: #f3f7e5;
  border: 1px solid #73dc8a;
}
.holiday__summary__legend__item:last-child:before {
  background-color: #d5d8e9;
  border: 1px solid #9747ff;
}
.holiday__collection {
  margin-bottom: 25px;
}
.holiday__collection .bouwvak-table {
  border: 1px solid #ccdbdc;
}
.holiday__collection .bouwvak-table__row {
  border-bottom: 1px solid #ccdbdc;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  align-items: stretch;
}
@media all and (max-width: 400px) {
  .holiday__collection .bouwvak-table__row {
    flex-direction: column;
  }
}
.holiday__collection .bouwvak-table__row:last-child {
  border-bottom: 0;
}
.holiday__collection .bouwvak-table__column {
  flex: 0 0 33.33%;
  border-right: 1px solid #ccdbdc;
  padding: 14px 20px;
  height: auto;
}
@media all and (max-width: 400px) {
  .holiday__collection .bouwvak-table__column {
    flex: 0 0 100%;
    border-right: 0px solid #ccdbdc;
  }
}
.holiday__collection .bouwvak-table__column:last-child {
  border-right: 0;
}
.holiday__collection + fieldset .bg-white > .form-group:last-child {
  display: flex;
  justify-content: row;
}
.holiday__collection + fieldset .bg-white > .form-group:last-child .form-group {
  flex: none;
  width: auto;
}
.holiday__intro p {
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
  color: black;
}
.holiday__bouwvak {
  padding: 40px 0;
}
.holiday__row {
  border-bottom: 1px solid #ccdbdc;
}
.gi-phonenumber-collection-list .search-box--wrapper {
  width: 100%;
  border-bottom: 1px solid #ccdbdc;
  margin-bottom: 45px;
}
.gi-phonenumber-collection-list .search-box--form {
  max-width: 50%;
  padding-bottom: 25px;
}
@media all and (max-width: 1100px) {
  .gi-phonenumber-collection-list .search-box--form {
    max-width: 75%;
  }
}
@media all and (max-width: 580px) {
  .gi-phonenumber-collection-list .search-box--form {
    max-width: 100%;
  }
}
.gi-phonenumber-collection-list .search-box--form .form-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 5px 20px;
}
.gi-phonenumber-collection-list .search-box--label {
  flex: 0 0 100%;
}
.gi-phonenumber-collection-list .search-box--input {
  flex: 1 1 calc(100% - 125px);
  min-width: 150px;
  background-color: white;
}
.gi-phonenumber-collection-list .search-box--submit {
  flex: 0 1 100px;
}
.gi-phonenumber-collection-list .table-heading {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #9eaaaa;
}
@media all and (max-width: 580px) {
  .gi-phonenumber-collection-list .table-heading {
    display: none !important;
  }
}
.gi-phonenumber-collection-list .phonenumber-list--wrapper {
  border: 1px solid #ccdbdc;
}
.gi-phonenumber-collection-list .phonenumber-list--row {
  background: white;
  border-bottom: 1px solid #ccdbdc;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  align-items: stretch;
}
@media all and (max-width: 580px) {
  .gi-phonenumber-collection-list .phonenumber-list--row {
    flex-wrap: wrap;
    border-bottom-width: 2px;
  }
}
.gi-phonenumber-collection-list .phonenumber-list--row:last-child {
  border-bottom: 0;
}
.gi-phonenumber-collection-list .phonenumber-list--column {
  padding: 14px 14px 14px 20px;
  border-right: 1px solid #ccdbdc;
  flex: 0 0 33.33%;
  width: 33.33%;
  height: auto;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media all and (max-width: 580px) {
  .gi-phonenumber-collection-list .phonenumber-list--column {
    flex: 0 0 100%;
    border-right: 0px solid #ccdbdc;
    border-bottom: 1px solid #ccdbdc;
  }
}
.gi-phonenumber-collection-list .phonenumber-list--column:last-child {
  border-right: 0;
}
.password-reset-link {
  text-align: right;
}
.page-password-reset-request .logo-fc {
  display: inline;
}
.page-password-reset-request .logo-diap {
  display: none;
}
@media all and (max-width: 1140px) {
  .toolbox-collection-list .toolbox--open {
    pointer-events: none;
  }
}
.toolbox-collection-list .toolbox--row {
  width: 100%;
  height: 100%;
  display: grid;
  justify-content: start;
  align-content: stretch;
  align-items: start;
  justify-items: start;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  padding-bottom: 15px;
}
@media all and (max-width: 1600px) {
  .toolbox-collection-list .toolbox--row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (max-width: 1140px) {
  .toolbox-collection-list .toolbox--row {
    grid-template-columns: repeat(2, minmax(auto, calc(50% - 7.5px)));
  }
}
@media all and (max-width: 960px) {
  .toolbox-collection-list .toolbox--row {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media all and (max-width: 768px) {
  .toolbox-collection-list .toolbox--row {
    grid-template-columns: repeat(2, minmax(auto, calc(50% - 7.5px)));
  }
}
@media all and (max-width: 430px) {
  .toolbox-collection-list .toolbox--row {
    grid-template-columns: repeat(1, 1fr);
  }
}
.toolbox-collection-list .toolbox--wrapper {
  height: 100%;
  width: 100%;
  margin-bottom: 20px;
}
.toolbox-collection-list .toolbox--box {
  border: 1px solid #ccdbdc;
  border-radius: 8px;
  padding: 17px;
  height: calc(100% - 54px);
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
  background: white;
}
.toolbox-collection-list .toolbox--box.no-export {
  height: 100%;
}
.toolbox-collection-list .toolbox--box a {
  display: block;
  width: 100%;
  padding-bottom: 15px;
}
@media all and (max-width: 576px) {
  .toolbox-collection-list .toolbox--box {
    align-content: flex-start;
    align-items: flex-start;
  }
}
.toolbox-collection-list .toolbox--thumb {
  width: 100%;
  aspect-ratio: 4/2;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #ccdbdc;
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
@media all and (max-width: 576px) {
  .toolbox-collection-list .toolbox--thumb {
    aspect-ratio: 7/2;
  }
}
.toolbox-collection-list .toolbox--icon-wrapper {
  width: 102px;
  height: 76px;
  object-fit: contain;
  object-position: center;
  position: relative;
}
.toolbox-collection-list .toolbox--icon-wrapper img {
  width: 75px;
  height: 60px;
  position: relative;
}
.toolbox-collection-list .toolbox--signed {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50px, 5px);
}
.toolbox-collection-list .toolbox--title {
  font-size: 20px;
  line-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 100%;
  hyphens: auto;
}
.toolbox-collection-list .toolbox--controls {
  margin-top: auto;
}
.toolbox-collection-list .toolbox--controls span.small {
  font-size: 13px;
  color: #95a0a1;
}
.toolbox-collection-list .toolbox--controls > a {
  display: inline-block;
}
.toolbox-collection-list .toolbox--controls h6 {
  margin-bottom: 0;
}
.toolbox-collection-list .toolbox--controls .flex-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  gap: 15px 0;
}
.toolbox-collection-list .toolbox--controls .flex-wrapper .date-wrapper {
  flex: 0 0 50%;
}
.toolbox-collection-list .toolbox--controls .btn {
  flex: 0 0 50%;
  align-self: flex-end;
}
.toolbox-collection-list .toolbox--controls .btn--download {
  display: none;
}
@media all and (max-width: 1140px) {
  .toolbox-collection-list .toolbox--controls .btn--download {
    display: block;
    align-self: flex-end;
    margin-left: auto;
  }
}
.toolbox-collection-list .toolbox--export {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.toolbox-collection-list .toolbox--export .export--btn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.toolbox-collection-list .toolbox--export .export--icon {
  width: 16px;
  height: 16px;
}
.toolbox-collection-list .toolbox--export .export--icon svg {
  vertical-align: top;
}
#monthly-workplace-inspections form {
  padding: 0 !important;
}
#monthly-workplace-inspections form .top-info {
  gap: 20px 90px;
  padding: 15px 0 20px;
  border-bottom: 1px solid rgba(204, 204, 214, 0.5);
  margin-bottom: 60px;
}
#monthly-workplace-inspections form .top-info p {
  font-size: 17px;
  line-height: 1em;
}
#monthly-workplace-inspections form .actions {
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(204, 204, 214, 0.5);
  gap: 20px;
}
#monthly-workplace-inspections form .actions small {
  color: #7a8283;
  font-size: 13px;
  line-height: 22px;
}
#monthly-workplace-inspections form .questions-grid {
  margin: 50px 0;
  counter-reset: question;
}
#monthly-workplace-inspections form .questions-grid .row {
  align-items: center;
  margin-bottom: 15px;
}
#monthly-workplace-inspections form .questions-grid .heading {
  align-items: normal;
}
#monthly-workplace-inspections form .questions-grid .heading + .row .question-group-heading {
  margin-top: 0;
}
#monthly-workplace-inspections form .questions-grid .form-label {
  display: none;
}
#monthly-workplace-inspections form .questions-grid .form-group {
  margin: 0;
}
#monthly-workplace-inspections form .questions-grid .question-group-heading {
  color: #1a1a45;
  font-size: 15px;
  margin-top: 20px;
}
#monthly-workplace-inspections form .questions-grid .question {
  position: relative;
  padding-left: 40px;
}
#monthly-workplace-inspections form .questions-grid .question:before {
  content: counter(question);
  counter-increment: question;
  position: absolute;
  top: 0;
  left: calc(var(--bs-gutter-x) * 0.5);
}
#monthly-workplace-inspections form .attachment-data {
  width: 540px;
  max-width: 100%;
  margin-top: 50px;
}
#monthly-workplace-inspections form .form-label {
  white-space: normal;
}
@media all and (max-width: 992px) {
  #monthly-workplace-inspections form .questions-grid .heading {
    display: none;
  }
  #monthly-workplace-inspections form .questions-grid .form-label {
    display: block;
  }
  #monthly-workplace-inspections form .questions-grid .question,
  #monthly-workplace-inspections form .questions-grid .custom .form-group:first-child {
    margin-bottom: 5px;
  }
  #monthly-workplace-inspections form .actions {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media all and (max-width: 580px) {
  #monthly-workplace-inspections form .p-5 {
    padding: 0 0 20px !important;
  }
  #monthly-workplace-inspections form .actions {
    padding: 20px 0 0 !important;
  }
}
.folders-list .search-box--wrapper {
  width: 100%;
  border-bottom: 1px solid #ccdbdc;
  margin-bottom: 25px;
}
.folders-list .search-box--form {
  max-width: 50%;
  padding-bottom: 25px;
}
@media all and (max-width: 1100px) {
  .folders-list .search-box--form {
    max-width: 75%;
  }
}
@media all and (max-width: 580px) {
  .folders-list .search-box--form {
    max-width: 100%;
  }
}
.folders-list .search-box--form .form-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 5px 20px;
}
.folders-list .search-box--label {
  flex: 0 0 100%;
}
.folders-list .search-box--input {
  flex: 1 1 calc(100% - 125px);
  min-width: 150px;
  background-color: white;
}
.folders-list .search-box--input:disabled {
  background-color: rgba(204, 219, 220, 0.5019607843);
  border-color: #ccdbdc;
  color: #7a8283;
}
.folders-list .search-box--submit {
  flex: 0 1 100px;
}
.folders-list .breadcrumbs ul {
  padding: 0;
  margin-bottom: 25px;
}
.folders-list .breadcrumbs li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.folders-list .breadcrumbs li:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 11px;
  margin-right: 7px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMzEwLjYgMjMzLjRjMTIuNSAxMi41IDEyLjUgMzIuOCAwIDQ1LjNsLTE5MiAxOTJjLTEyLjUgMTIuNS0zMi44IDEyLjUtNDUuMyAwcy0xMi41LTMyLjggMC00NS4zTDI0Mi43IDI1NiA3My40IDg2LjZjLTEyLjUtMTIuNS0xMi41LTMyLjggMC00NS4zczMyLjgtMTIuNSA0NS4zIDBsMTkyIDE5MnoiIGZpbGw9IiNiMmIzYjQiLz48L3N2Zz4=);
  background-repeat: no-repeat;
}
.folders-list .breadcrumbs li:first-child:before {
  content: none;
}
.folders-list .breadcrumbs li:first-child a {
  color: #ef6b13;
  transition: color 0.2s ease;
}
.folders-list .breadcrumbs li a:hover {
  text-decoration: underline;
}
/**
* Fixing small bugs in the Orchid UI :D
*/
.position-relative.media-item p.text-ellipsis {
  position: relative;
}
/** 
* Custom styling unrelated to specific modules
*/
.mb-7 {
  margin-bottom: 4.5rem;
}
.main-container {
  position: relative;
  padding-top: 100px;
  padding-bottom: 50px;
}
.main-container .intro-text {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  padding-top: 0 !important;
}
@media all and (max-width: 577px) {
  .main-container .intro-text {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px !important;
  }
}
.container-fluid > .row .aside {
  width: 300px !important;
  max-width: none;
}
.container-fluid > .row .aside + .col-xxl {
  flex: auto;
  width: calc(100% - 300px);
}
@media all and (max-width: 992px) {
  .container-fluid > .row .aside {
    width: 220px !important;
  }
  .container-fluid > .row .aside + .col-xxl {
    width: calc(100% - 220px);
  }
}
@media all and (max-width: 768px) {
  .container-fluid > .row .aside {
    width: 100% !important;
  }
  .container-fluid > .row .aside + .col-xxl {
    width: 100%;
  }
}