*,
*::before,
*::after {
  box-sizing: border-box;
}

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

html {
  font-family: sans-serif;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #f9fcff;
}

body {
  position: relative;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.page {
  background: #f9fcff;
}

.scrollbar::-webkit-scrollbar {
  width: 1.2rem;
  cursor: pointer;
}
.scrollbar::-webkit-scrollbar-track {
  background: #eee;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: #8e8e8e;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: #797979;
}

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

.section-login {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 5rem 0;
  background: #001830;
  background-size: cover;
}
.section-login .login-link {
  font-size: 1.5rem;
  text-decoration: none;
  color: #484848;
  margin: 2rem 0;
  display: block;
  text-align: right;
}
.section-login .login-link:hover {
  text-decoration: underline;
}
.section-login .alert-danger {
  color: red;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.section-login .alert-success {
  font-size: 1.5rem;
}
.section-login .btn {
  width: 100%;
  display: block;
  text-align: center;
}

.login-wrapper {
  min-width: 45rem;
}
@media only screen and (max-width: 549px) {
  .login-wrapper--bozp {
    min-width: unset;
  }
}
.login-wrapper__logo {
  margin: 0 0 2rem 0;
  text-align: center;
}
.login-wrapper__logo img {
  max-width: 15rem;
}
.login-wrapper__title {
  margin: 0 0 3rem 0;
  padding: 0;
  color: #597fbc;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
  text-align: center;
}
.login-wrapper__info {
  text-align: center;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: #ffffff;
}
.login-wrapper__info strong {
  font-weight: 600;
}
.login-wrapper__info a {
  color: inherit;
  transition: 0.3s;
}
.login-wrapper__info a:hover {
  color: #393562;
}
.login-wrapper__form {
  background: #ffffff;
  border-radius: 0;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
  padding: 2rem;
  margin: 0 0 2rem 0;
}
@media only screen and (min-width: 768px) {
  .login-wrapper__form {
    padding: 3.5rem;
  }
}
@media only screen and (max-width: 549px) {
  .login-wrapper__form--bozp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.login-wrapper__form--centered {
  text-align: center;
}
.login-wrapper__form .form-field__label {
  width: 10rem !important;
}
.login-wrapper__form .form-field__textbox {
  width: calc(100% - 10rem) !important;
}
.login-wrapper__form .form-submit {
  margin-top: 2.5rem;
  justify-content: center;
}
.login-wrapper__form.scrollbar {
  max-height: calc(100vh - 23rem);
  overflow-y: auto;
}
.login-wrapper__form.scrollbar::-webkit-scrollbar-track {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.login-wrapper .alert {
  color: red;
  font-size: 1.5rem;
  margin: 2rem 0;
  text-align: right;
}

@media only screen and (min-width: 365px) {
  .auth-form {
    width: 32rem;
  }
}
@media only screen and (min-width: 555px) {
  .auth-form {
    width: 38rem;
  }
}
.auth-form .form-submit {
  width: 100%;
  text-align: center;
}

.login-wrapper__form .tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.login-wrapper__form .tiles__item {
  width: 100%;
}
@media (min-width: 550px) {
  .login-wrapper__form .tiles__item {
    width: calc(50% - 1rem);
  }
}
@media (min-width: 991px) {
  .login-wrapper__form .tiles__item {
    width: calc(33.33% - 1.34rem);
  }
}

@media only screen and (min-width: 550px) {
  .form-row {
    display: flex;
    column-gap: 1.2rem;
  }
  .form-row .form-field {
    flex: 1;
  }
}
@media only screen and (min-width: 1500px) {
  .form-row {
    column-gap: 2.5rem;
  }
}
.form-row .help-text {
  margin: 1rem 0;
  font-size: 1.4rem;
}

.form-label, .form-time-group__separator, .form-time-group-separator, .form-field-times__label, .form-field__label {
  display: block;
  margin: 2rem 0 0.5rem 0;
  padding: 0;
  color: #484848;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .form-label, .form-time-group__separator, .form-time-group-separator, .form-field-times__label, .form-field__label {
    margin: 1rem 0 0.5rem 0;
  }
}
@media only screen and (min-width: 1200px) {
  .form-label, .form-time-group__separator, .form-time-group-separator, .form-field-times__label, .form-field__label {
    font-size: 1.8rem;
  }
}
.form-label.text-right, .text-right.form-time-group__separator, .text-right.form-time-group-separator, .text-right.form-field-times__label, .text-right.form-field__label {
  text-align: right;
}
.form-label.selected, .selected.form-time-group__separator, .selected.form-time-group-separator, .selected.form-field-times__label, .selected.form-field__label {
  color: #393562;
}

.form-field {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1.2rem 0;
  align-content: baseline;
}
.form-field__textbox, .form-field__select {
  display: block;
  width: 100%;
  margin: 0;
  padding: 1rem 1.5rem;
  color: #484848;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  border-radius: 0;
  border: 0.1rem solid #9c9ab0;
  background: #fff;
}
.form-field__textbox::placeholder, .form-field__select::placeholder {
  font-style: normal;
  color: #484848;
}
.form-field__textbox:read-only, .form-field__select:read-only {
  outline: none !important;
  cursor: default;
}
.form-field__textbox.form-field__readonly, .form-field__select.form-field__readonly {
  background-color: #eee;
}
.form-field__select {
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 1rem) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2.5rem;
  cursor: pointer !important;
}
.form-field__textarea {
  display: block;
  width: 100%;
  margin: 0;
  padding: 1rem 1.5rem;
  color: #484848;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  border-radius: 0;
  border: 0.1rem solid #9c9ab0;
  background: #fff;
  height: 10rem;
  resize: none;
}
@media only screen and (min-width: 1200px) {
  .form-field__textarea {
    height: 15rem;
  }
}
.form-field__textarea::placeholder {
  font-style: italic;
}
.form-field__textarea:read-only {
  outline: none !important;
  cursor: default;
}
.form-field--toggler {
  display: flex;
  align-items: center;
}
.form-field--toggler .form-field__label {
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  color: #9c9ab0;
}
.form-field--toggler .form-field__label.selected {
  color: #393562;
}
.form-field--toggler .form-field__edit {
  width: 6.5rem;
  margin: 0 1rem;
}
.form-field__checkbox {
  margin: 0;
  display: block;
  color: #000;
  font-weight: 500;
  font-size: 1.6rem;
  position: relative;
  padding: 0 0 0 3.8rem;
  cursor: pointer;
  min-height: 2.6rem;
  line-height: 2.9rem;
  outline: none;
  max-width: 100%;
}
.form-field__checkbox:hover {
  text-decoration: underline;
}
.form-field__checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-field__checkbox input:checked ~ .form-field__indicator:after {
  display: block;
}
.form-field__checkbox .form-field__label {
  margin: 0;
  color: #9c9ab0;
}
.form-field__checkbox .form-field__indicator {
  top: 0;
  border: 0.1rem solid #393562;
  background-color: #fff;
  border-radius: 0.4rem;
  position: absolute;
  top: 0.4rem;
  left: 0;
  height: 1.6rem;
  width: 1.6rem;
  background: #fff;
}
.form-field__checkbox .form-field__indicator::after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: -5px;
  width: 8px;
  height: 15px;
  border: solid #393562;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-field--calendar {
  position: relative;
  max-width: 100%;
}
.form-field--calendar::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 1rem;
  z-index: 2;
  pointer-events: none;
  width: 2.3rem;
  height: 4.5rem;
  background: url("../images/admin/calendar-8c3b0a6aa858c10170e76120f340bfc3.png") no-repeat center center;
  background-size: contain;
}
@media only screen and (min-width: 1200px) {
  .form-field--calendar::after {
    right: 1.4rem;
  }
}
.form-field--calendar-custom:after {
  bottom: unset;
  top: 0;
}
.form-field__odl {
  display: flex;
  align-items: center;
}

.form-field-times {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 0 1rem 0;
}
.form-field-times__label {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .form-field-times__label {
    width: 22rem;
  }
}
.form-field-times > div:not(.form-time-group-separator) {
  flex-grow: 1;
}
.form-field-times .form-time-group {
  width: 100%;
  /*@media only screen and (min-width: 500px) {
      width: calc(50% - 2rem);
  }
  @media only screen and (min-width: 768px) {
      width: calc(50% - 2rem - 11rem);
  }*/
}
.form-field-times .form-time-group select {
  flex-grow: 1;
}
.form-field-times__form__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 0 1rem 0;
}
.form-field-times__form__content > div:not(.form-time-group-separator) {
  flex-grow: 1;
}
.form-field-times__form__content .form-time-group {
  flex-wrap: nowrap;
}

.form-field-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 0 1rem 0;
}
.form-field-2 .form-field__label {
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  .form-field-2 .form-field__label {
    width: 15rem !important;
    margin: 0;
  }
}
@media only screen and (min-width: 991px) {
  .form-field-2 .form-field__label {
    width: 22rem !important;
    margin: 0;
  }
}
.form-field-2 .form-field__textbox {
  width: 100% !important;
  margin: 0 0 1rem 0;
}
@media only screen and (min-width: 768px) {
  .form-field-2 .form-field__textbox {
    width: calc(100% - 15rem - 4rem - 32rem - 4rem) !important;
    margin: 0 4rem 0 0;
  }
}
@media only screen and (min-width: 991px) {
  .form-field-2 .form-field__textbox {
    width: calc(100% - 22rem - 4rem - 32rem - 4rem) !important;
    margin: 0 4rem 0 0;
  }
}
.form-field-2 .form-time-group {
  flex-grow: 1;
  justify-content: space-between;
  /* @media only screen and (min-width: 500px) {
    width: calc(50% - 2rem);
  }
  @media only screen and (min-width: 768px) {
    width: 16rem;
  }*/
}
.form-field-2 .form-time-group select {
  flex-grow: 1;
  margin: 0;
}

.form-row-separator {
  width: 100%;
  height: 0.1rem;
  background: rgba(0, 0, 0, 0.1);
  margin: 1rem 0 2rem 0;
}

.form-time-group-separator {
  margin: 0.5rem 0;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 500px) {
  .form-time-group-separator {
    margin: 0;
    width: 4rem;
  }
}

.form-time-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.form-time-group__inp {
  display: block;
  width: 100%;
  margin: 0;
  padding: 1rem 1.5rem;
  color: #484848;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  border-radius: 0;
  border: 0.1rem solid #9c9ab0;
  background: #fff;
  width: calc(50% - 1rem);
}
.form-time-group__separator {
  margin: 0;
  width: 2rem;
  text-align: center;
}

.form-checklists {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 2rem 0;
}
.form-checklists .form-field {
  border-radius: 0;
  overflow: unset;
}
.form-checklists .form-field--checkbox {
  width: auto;
  flex: 0;
  margin: 1rem 3.5rem 1rem 0;
}

.required-indication {
  color: #df1918;
  font-weight: 700;
}

.success-message {
  width: 100%;
  padding: 1rem 1.5rem;
  color: #3eb9a4;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  text-align: center;
}
.success-message img {
  width: 8rem;
}

.toggler {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  width: 6.5rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.4rem;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}
.toggler input:checked + label {
  background: #597fbc;
  text-indent: 8px;
}
.toggler input:checked + label:after {
  content: "";
  color: #fff;
}
.toggler input:checked + label:before {
  left: 37px;
}
.toggler label {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #bbb;
  border-radius: 3rem;
  font-weight: 400;
  color: #ffffff;
  transition: background 0.3s, text-indent 0.3s;
  text-indent: 3.5rem;
  cursor: pointer;
}
.toggler label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 1.2rem;
  color: #ffffff;
  z-index: 1;
}
.toggler label:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 3px;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 100%;
  background: #ffffff;
  transition: left 0.3s;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.form-field-extra-info {
  width: 100%;
  margin: 0 0 3rem 0;
  font-size: 14px;
}

.form-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.form-controls.two-btns {
  justify-content: space-between;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .form-default .form-field__label {
    width: 22rem;
  }
}
@media only screen and (min-width: 768px) {
  .form-default .form-field__textbox, .form-default .form-field__select {
    width: calc(100% - 22rem);
  }
}
.form-default .form-field__textbox[disabled], .form-default .form-field__select[disabled] {
  background-color: #eee;
}
.form-default .form-field__textarea[disabled] {
  background-color: #eee;
}
.form-default .form-field .select2-container {
  width: 100% !important;
  min-width: 18rem;
}
@media only screen and (min-width: 768px) {
  .form-default .form-field .select2-container {
    width: calc(100% - 22rem) !important;
  }
}
.form-default .form-field .select2-selection__placeholder {
  opacity: 0;
}
.form-default .form-field--calendar {
  position: relative;
  max-width: 100%;
}

.form-default-hidden {
  display: none;
  margin-top: 3rem;
}
.form-default-hidden.visible {
  display: block;
}

.select2-hidden-accessible {
  min-width: 1px !important;
}

.invalid-feedback {
  font-size: 1.4rem;
  color: red;
  margin: 1.5rem 0 0;
  text-align: right;
}

.form-default .invalid-feedback {
  text-align: left;
  margin: 1.5rem 0;
}

.flatpickr-input[disabled] {
  background-color: #eee;
}

.select2-results__option {
  font-size: 1.6rem;
}

.form-columns-4 .form-check {
  width: 25%;
}

.form-check {
  display: inline-block;
  min-height: 1.5rem;
  font-size: 1.8rem;
}
.form-check .form-check-input {
  float: left;
}
.form-check.form-check-radio {
  margin-right: 1.5rem;
  margin-top: 1rem;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  transition: background-position 0.15s ease-in-out;
  top: -6px;
  position: relative;
  border-radius: 0.25em;
  margin-right: 1.5rem;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
}
.form-check-input:checked {
  background-color: #393562;
  border-color: #393562;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-switch {
  display: inline-block;
  margin: 1.5rem 0 0;
}
.form-switch .form-check-input {
  min-width: 2.5em;
  margin-right: 1.5rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch label {
  font-size: 1.8rem;
}
.form-switch.yes-no {
  display: flex;
}
.form-switch.yes-no span {
  margin-right: 1.5rem;
}
.form-switch.yes-no label {
  margin-right: 0;
}

.collection-wrapper .collection-row {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #8e8e8e;
  position: relative;
}
.collection-wrapper .collection-row:last-of-type {
  border-bottom: 0;
}
.collection-wrapper .collection-row .form-row-remove, .collection-wrapper .collection-row .form-row-other-activity {
  position: absolute !important;
  right: -70px;
  top: 0;
  padding: 1.3rem 1.3rem;
}
.collection-wrapper .collection-row.box-table__row .form-row-remove {
  position: relative !important;
  right: 0;
}

.collection-controls {
  position: absolute;
  right: 3rem;
  bottom: 3rem;
}

#form-user-inspection-articles {
  display: none;
}
#form-user-inspection-articles.open {
  display: block;
}
#form-user-inspection-articles .select-all {
  text-align: center;
  margin: 2rem 0 0;
  font-size: 1.8rem;
}
#form-user-inspection-articles .select-all a {
  color: #000000;
}
#form-user-inspection-articles .select-all a:hover {
  text-decoration: none;
}

.form--performance, .form--production {
  max-width: 100%;
}
.form--performance .collection-row.open .collection-row--expanded, .form--production .collection-row.open .collection-row--expanded {
  display: flex;
  position: relative;
}
.form--performance .collection-row.open .collection-row--expanded.production-item, .form--production .collection-row.open .collection-row--expanded.production-item {
  flex-wrap: wrap;
}
.form--performance .collection-row.open .collection-row--expanded .form-row-remove, .form--production .collection-row.open .collection-row--expanded .form-row-remove {
  right: 0;
  top: 2rem;
}
.form--performance .collection-row.open .collection-row--expanded .form-row-other-activity, .form--production .collection-row.open .collection-row--expanded .form-row-other-activity {
  right: 6rem;
  top: 2rem;
}
.form--performance .collection-row.open .collection-row--folded::after, .form--production .collection-row.open .collection-row--folded::after {
  transform: translateY(-50%) rotateX(180deg);
}
.form--performance .collection-row.open.collection-row--not-clickable, .form--production .collection-row.open.collection-row--not-clickable {
  margin-bottom: 0;
  padding-bottom: 0;
}
.form--performance .collection-row.open.collection-row--not-clickable .collection-row--folded, .form--production .collection-row.open.collection-row--not-clickable .collection-row--folded {
  cursor: default;
}
.form--performance .collection-row.open.collection-row--not-clickable .collection-row--folded:after, .form--production .collection-row.open.collection-row--not-clickable .collection-row--folded:after {
  display: none;
}
.form--performance .collection-row--expanded, .form--production .collection-row--expanded {
  display: none;
  justify-content: space-between;
  gap: 3rem;
  align-items: start;
}
.form--performance .collection-row--expanded > div, .form--production .collection-row--expanded > div {
  flex: 100%;
}
.form--performance .collection-row--expanded > div .content-box__subtitle, .form--production .collection-row--expanded > div .content-box__subtitle {
  /*margin-top: 1rem;*/
  margin-top: 5.3rem;
}
.form--performance .collection-row--expanded.production-item > div:not(.container-pieces), .form--production .collection-row--expanded.production-item > div:not(.container-pieces) {
  flex-basis: calc(50% - 15px); /* Assuming 10px as gap for simplicity, adjust accordingly */
  flex-grow: 0;
  flex-shrink: 0;
}
.form--performance .collection-row--expanded.production-item .container-pieces, .form--production .collection-row--expanded.production-item .container-pieces {
  flex-basis: 100%; /* Take full width */
  flex-grow: 1;
  flex-shrink: 0;
}
.form--performance .collection-row--expanded.production-item .container-pieces .add-line, .form--production .collection-row--expanded.production-item .container-pieces .add-line {
  float: right;
}
.form--performance .collection-row--expanded.production-item .container-pieces .form-row-remove, .form--production .collection-row--expanded.production-item .container-pieces .form-row-remove {
  top: 0;
}
.form--performance .collection-row--expanded.production-item .production-pieces, .form--performance .collection-row--expanded.production-item .production-defects, .form--production .collection-row--expanded.production-item .production-pieces, .form--production .collection-row--expanded.production-item .production-defects {
  display: none;
}
.form--performance .collection-row--expanded.production-item .production-pieces.open, .form--performance .collection-row--expanded.production-item .production-defects.open, .form--production .collection-row--expanded.production-item .production-pieces.open, .form--production .collection-row--expanded.production-item .production-defects.open {
  display: block;
}
.form--performance .collection-row--folded, .form--production .collection-row--folded {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  background: #edf4ff;
  color: #597fbc;
  font-size: 1.6rem;
  padding: 2rem 4rem 2rem 2rem;
  font-weight: 500;
  position: relative;
}
.form--performance .collection-row--folded::after, .form--production .collection-row--folded::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("../images/admin/arrow-down-f85c729a5049d36d855e465f311adfb5.svg");
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(49%) sepia(17%) saturate(1386%) hue-rotate(178deg) brightness(95%) contrast(85%);
}
.form--performance .collection-row--folded span:first-of-type, .form--production .collection-row--folded span:first-of-type {
  flex-basis: 25%;
}
.form--performance .form-time-group, .form--production .form-time-group {
  flex-wrap: initial;
}
.form--production .collection-row--folded span:first-of-type {
  flex-basis: 40%;
}
.form-related-user-job-type {
  display: none;
}
.form-related-user-job-type.open {
  display: block;
}
.form-dual-control-type {
  display: none;
}
.form-dual-control-type.open {
  display: block;
}

.production-gauges, .production-adjustments {
  display: none;
}
.production-gauges.open, .production-adjustments.open {
  display: block;
}
.production-gauges .form-switch.yes-no, .production-adjustments .form-switch.yes-no {
  margin-top: 1rem;
}
.production-gauges .form-switch > input, .production-adjustments .form-switch > input {
  margin-top: 0.7rem;
}
.production-gauges .content-controls, .production-adjustments .content-controls {
  justify-content: end;
}

.item-controls {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1rem;
  margin-top: 2rem;
}

.btn, .pagination__btn, .btn-back {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  padding: 1rem 2.5rem;
  appearance: none;
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
  transition: 0.3s;
  color: #797979;
  border-radius: 0;
  letter-spacing: 0;
  line-height: 1;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .btn, .pagination__btn, .btn-back {
    padding: 1.3rem 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .btn, .pagination__btn, .btn-back {
    padding: 1.3rem 4rem;
  }
}
.btn:hover, .pagination__btn:hover, .btn-back:hover {
  color: #393562;
  text-decoration: none;
}
.btn:disabled, .pagination__btn:disabled, .btn-back:disabled {
  cursor: default;
  filter: grayscale(100%);
  pointer-events: none;
  opacity: 0.5;
}

.btn-primary, .pagination__btn {
  background: #597fbc !important;
  color: #fff !important;
}
.btn-primary span, .pagination__btn span {
  color: inherit !important;
}
.btn-primary:hover, .pagination__btn:hover {
  background: rgba(89, 127, 188, 0.8) !important;
  color: #fff !important;
}

.btn-secondary {
  background: #fff !important;
  color: #597fbc !important;
}
.btn-secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #597fbc;
}
.btn-secondary span {
  color: inherit !important;
}
.btn-secondary:hover {
  background: rgba(89, 127, 188, 0.8) !important;
  color: #fff !important;
}

.btn-cancel {
  background: #ddd !important;
  color: #000000 !important;
}
.btn-cancel span {
  color: inherit !important;
}
.btn-cancel:hover {
  background: #797979 !important;
  color: #ffffff !important;
}

.btn-confirm {
  background: #393562 !important;
  color: #ffffff !important;
}
.btn-confirm span {
  color: inherit !important;
}
.btn-confirm:hover {
  background: #9c9ab0 !important;
  color: #ffffff !important;
}

.btn-icon {
  padding: 1rem 2.5rem 1rem 1rem;
}
@media only screen and (min-width: 768px) {
  .btn-icon {
    padding: 1.4rem 2.5rem 1.4rem 1.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .btn-icon {
    padding: 1.4rem 3rem 1.4rem 2rem;
  }
}

.btn-back {
  padding: 0;
}

.btn-text-link {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  padding: 0;
  color: #393562;
  font-weight: 500;
  font-size: 1.6rem;
  text-decoration: underline;
}
.btn-text-link:hover {
  text-decoration: none;
}

.btn-machine-stop {
  background: #df1918 !important;
  color: #ffffff !important;
}
.btn-machine-stop:hover {
  background: rgba(223, 25, 24, 0.8) !important;
  color: #ffffff !important;
}

.btn-machine-start {
  background: green !important;
  color: #ffffff !important;
}
.btn-machine-start:hover {
  background: rgba(0, 128, 0, 0.8) !important;
  color: #ffffff !important;
}

.header {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 8.4rem;
  padding: 0 1.5rem 0 0;
  background: #f9fcff;
  border-bottom: 0.1rem solid #e5e5e5;
  transition: padding-left 0.3s ease;
}
@media (min-width: 991px) {
  .header {
    padding: 0 1.5rem 0 0;
  }
}
@media (min-width: 1500px) {
  .header {
    padding: 0 1.5rem 0 0;
  }
}
.header__container {
  display: flex;
  justify-content: space-between;
  column-gap: 1.5rem;
  width: 100%;
}
.header__left {
  display: flex;
  align-items: center;
  flex: 1;
  column-gap: 1.5rem;
}
@media (min-width: 991px) {
  .header__left {
    column-gap: 3rem;
  }
}
.header__right {
  display: flex;
  align-items: center;
  column-gap: 3rem;
}
.header__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 8.4rem;
  background: #0d1624;
}
@media (min-width: 991px) {
  .header__logo {
    width: 25rem;
  }
}
.header__logo img {
  max-width: calc(100% - 4rem);
  max-height: calc(100% - 4rem);
}
@media (min-width: 1500px) {
  .header__logo img {
    max-width: calc(100% - 6rem);
  }
}
.header__app-name {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  display: none;
  font-weight: 600;
  font-size: 2.4rem;
  color: #374151;
}
@media (min-width: 1200px) {
  .header__app-name {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .header__app-name {
    display: block;
  }
}
.header__sidebar-toggle {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
}
.header__sidebar-toggle ion-icon, .header__sidebar-toggle i {
  font-size: 2.8rem;
}
.header__nav {
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
}
@media (min-width: 350px) {
  .header__nav {
    column-gap: 1rem;
  }
}
@media (min-width: 991px) {
  .header__nav {
    column-gap: 1.5rem;
  }
}
@media (min-width: 1500px) {
  .header__nav {
    column-gap: 3rem;
  }
}
.header__nav-item {
  position: relative;
}
.header__nav-item--search {
  display: block;
}
@media (min-width: 991px) {
  .header__nav-item--search {
    display: none;
  }
}
.header__nav-item--machine .header__nav-link {
  color: green;
  display: block;
}
.header__nav-item--machine .header__nav-link .machine-indication {
  position: absolute;
  top: -2px;
  right: -10px;
}
.header__nav-item--machine .header__nav-link .machine-indication ion-icon, .header__nav-item--machine .header__nav-link .machine-indication i {
  font-size: 2rem;
}
.header__nav-item--machine--error .header__nav-link {
  color: #df1918;
}
.header__nav-link {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
  padding: 0.8rem;
}
.header__nav-link ion-icon, .header__nav-link i {
  font-size: 2.6rem;
}
.header__nav-link img {
  max-height: 3rem;
}
.header__nav-link-indication {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #393562;
}
.header__nav-submenu {
  display: none;
  background: #ffffff;
  box-shadow: 0 10px 40px 0 rgba(104, 113, 123, 0.2);
  border-radius: 0;
  border: 0.1rem solid #cdccd8;
}
.header__nav-submenu.open {
  display: block;
}
@media (max-width: 550px) {
  .header__nav-submenu {
    position: fixed;
    top: 6.5rem;
    left: 1.5rem;
    width: calc(100vw - 3rem);
  }
}
@media (min-width: 551px) {
  .header__nav-submenu {
    position: absolute;
    top: 100%;
    right: -1.3rem;
    width: 28rem;
  }
  .header__nav-submenu:before {
    content: "";
    position: absolute;
    top: -0.7rem;
    right: 2.8rem;
    transform: rotate(45deg);
    width: 1.3rem;
    height: 1.3rem;
    background: #ffffff;
    border-top: 0.1rem solid #cdccd8;
    border-left: 0.1rem solid #cdccd8;
  }
}
.header__nav-submenu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__nav-submenu > ul li {
  margin: 0;
  padding: 0;
}
.header__nav-submenu > ul li:last-child a {
  border: none;
}
.header__nav-submenu > ul li a {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  position: relative;
  display: flex;
  align-items: center;
  height: 4.6rem;
  padding: 0 1rem 0 5.5rem;
  font-size: 1.6rem;
  transition: 0.3s;
  border-bottom: 0.1rem solid #cdccd8;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .header__nav-submenu > ul li a {
    font-size: 1.8rem;
  }
}
.header__nav-submenu > ul li a:hover {
  color: #597fbc;
}
.header__nav-submenu > ul li a ion-icon, .header__nav-submenu > ul li a i {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
  font-size: 2.2rem;
}
.header__nav-submenu-notifications-header {
  line-height: 1;
  font-size: 1.6rem;
}
.header__nav-submenu-profile-header {
  line-height: 1.2;
  font-size: 1.4rem;
  text-align: left;
}
.header__nav-submenu-profile-header strong {
  font-size: 1.6rem;
}
.header__nav-submenu-notifications-footer a {
  display: block;
  padding: 1.5rem 0;
  color: #797979;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  border-top: 0.1rem solid #9c9ab0;
  text-align: center;
  transition: 0.3s;
}
.header__nav-submenu-notifications-footer a:hover {
  text-decoration: none;
  color: #393562;
}

.submenus-header-base, .header__nav-submenu-notifications-header, .header__nav-submenu-profile-header {
  padding: 1.5rem;
  color: #484848;
  letter-spacing: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  border-bottom: 0.1rem solid #cdccd8;
}

.submenu-notifications__item:last-child > * {
  border: none;
}

.submenu-notification-card {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1rem 1.5rem;
  border-bottom: 0.1rem solid #cdccd8;
}
.submenu-notification-card:hover .submenu-notification-card__title {
  color: #393562;
  text-decoration: underline;
}
.submenu-notification-card__thumb {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
.submenu-notification-card__thumb--client {
  background: #6c5ffc;
}
.submenu-notification-card__thumb--sub {
  background: #de209b;
}
.submenu-notification-card__thumb--support {
  background: #3eb9a4;
}
.submenu-notification-card__content {
  width: 100%;
  padding: 0;
}
.submenu-notification-card__title {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  margin-bottom: 0.3rem;
  font-size: 1.6rem !important;
  transition: 0.3s;
}
@media (min-width: 1200px) {
  .submenu-notification-card__title {
    font-size: 1.8rem;
  }
}
.submenu-notification-card__title a {
  color: #393562;
  text-decoration: none;
}
.submenu-notification-card__title a:hover {
  text-decoration: underline;
}
.submenu-notification-card__time {
  color: #797979;
  font-size: 1.2rem;
}

.header-search {
  position: relative;
  flex: 1;
  display: none;
  max-width: 45rem;
}
@media (max-width: 990px) {
  .header-search.open {
    display: block;
    position: fixed;
    top: 6rem;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    border: 1rem solid transparent;
    background: #ffffff;
  }
}
@media (min-width: 991px) {
  .header-search {
    display: block !important;
  }
}
.header-search__input {
  display: block;
  width: 100%;
  margin: 0;
  padding: 1rem 6.5rem 1rem 2rem;
  color: #484848;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  border-radius: 0;
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
  background: #ffffff;
}
.header-search__btn {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  height: 100%;
  padding: 0 1.5rem;
  cursor: initial;
  /*&:hover {
      ion-icon {
          color: #597fbc;
      }
  }*/
}
.header-search__btn ion-icon, .header-search__btn i {
  font-size: 2.2rem;
}

.ui-autocomplete {
  font-size: 1.5rem !important;
  line-height: 2rem;
  font-family: "Montserrat", sans-serif !important;
  color: #484848 !important;
  padding: 1rem 0 !important;
}
.ui-autocomplete li {
  padding: 0 2rem !important;
}
.ui-autocomplete .ui-autocomplete-category {
  font-weight: bold;
  font-size: 1.3rem !important;
}
.ui-autocomplete .ui-menu-item-wrapper {
  padding: 0.5rem 0 !important;
}
.ui-autocomplete .ui-state-active {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #484848 !important;
}

.sidebar {
  position: fixed;
  z-index: 99;
  top: 7rem;
  bottom: 0;
  left: 0;
  width: 25rem;
  background: #0d1624;
  transition: transform 450ms ease, width 450ms ease;
}
@media (max-width: 990px) {
  .sidebar {
    top: 8.4rem;
    transform: translateX(-100%);
  }
}
@media (min-width: 991px) {
  .sidebar {
    top: 8.4rem;
    padding-top: 2rem;
  }
}
@media (max-width: 990px) {
  .sidebar.closed {
    transform: translateX(0);
  }
}
@media (min-width: 991px) {
  .sidebar.closed {
    transform: translateX(-100%);
  }
  .sidebar.closed .sidebar__nav ul li a span {
    display: none;
  }
}
.sidebar__content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  row-gap: 3rem;
  height: calc(100vh - 8.5rem);
  overflow-y: auto;
}
@media (min-width: 991px) {
  .sidebar__content {
    top: 8.4rem;
    height: calc(100vh - 8.5rem - 2em);
  }
}
.sidebar__nav {
  margin: 0 0 3.5rem 0;
}
@media (min-width: 1500px) {
  .sidebar__nav {
    margin: 0 0 3.5rem 0;
  }
}
.sidebar__nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar__nav > ul > li {
  margin: 0;
  padding: 0;
}
.sidebar__nav > ul > li > ul {
  /*display: none;*/
  list-style: none;
  margin: 0;
  padding: 0 0 1rem 0;
}
.sidebar__nav > ul > li > ul.opened {
  display: block;
}
.sidebar__nav > ul > li > ul > li {
  margin: 0;
  padding: 0;
}
.sidebar__nav > ul > li > ul > li > a {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1.5rem;
  padding: 1rem 2rem 1rem 5.5rem;
  text-align: left;
  transition: 0.3s;
  font-size: 1.4rem !important;
  font-weight: normal;
  color: #fff;
  line-height: 1.3;
}
@media (min-width: 1200px) {
  .sidebar__nav > ul > li > ul > li > a {
    font-size: 1.8rem;
  }
}
.sidebar__nav > ul > li > ul > li > a:hover {
  color: #597fbc;
}
.sidebar__nav > ul > li > ul > li > a span {
  flex: 1;
}
.sidebar__nav > ul > li > ul > li.selected > a {
  color: #597fbc;
}
.sidebar__nav > ul > li > ul > li.selected > a ion-icon, .sidebar__nav > ul > li > ul > li.selected > a i {
  color: #597fbc;
}
.sidebar__nav > ul > li.selected > a {
  color: #597fbc;
}
.sidebar__nav > ul > li.selected > a ion-icon, .sidebar__nav > ul > li.selected > a i {
  color: #597fbc;
}
.sidebar__nav > ul > li > a {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1.5rem;
  padding: 1.4rem 2rem;
  text-align: left;
  transition: 0.3s;
  font-size: 1.6rem;
  font-weight: normal;
  color: #fff;
  line-height: 1;
}
@media (min-width: 1200px) {
  .sidebar__nav > ul > li > a {
    font-size: 1.8rem;
  }
}
.sidebar__nav > ul > li > a:hover {
  color: #597fbc;
}
.sidebar__nav > ul > li > a:hover ion-icon, .sidebar__nav > ul > li > a:hover i {
  color: #597fbc;
}
.sidebar__nav > ul > li > a span {
  flex: 1;
}
.sidebar__nav > ul > li > a .arrow-ico ion-icon, .sidebar__nav > ul > li > a .arrow-ico i {
  font-size: 14px;
  color: #ccc;
}
.sidebar__nav > ul > li > a ion-icon, .sidebar__nav > ul > li > a i {
  color: #fff;
}

.content {
  padding: 8.5rem 0 4rem 0;
  transition: margin-left 0.3s ease;
}
@media (min-width: 991px) {
  .content {
    margin-left: 25rem;
  }
}
@media (min-width: 991px) {
  .content.closed {
    margin-left: 0;
  }
}
.content__container {
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .content__container {
    padding: 0 2rem;
  }
}
@media (min-width: 1200px) {
  .content__container {
    padding: 0 3rem;
  }
}

.container-header {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  margin: 2.5rem 0;
}
@media (min-width: 1200px) {
  .container-header {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .container-header {
    min-height: 8.6rem;
  }
}
.container-header__full {
  width: 100%;
}
.container-header__center {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.container-header__left, .container-header__right {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 2rem;
}
.container-header__title {
  margin: 0;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
  color: #393562;
}
.container-header__subtitle {
  margin: 0;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  color: #9c9ab0;
}
.container-header__subtitle strong {
  color: #393562;
}

.content-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.container-body__row {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .container-body__row {
    display: flex;
    flex-flow: row;
    column-gap: 2rem;
  }
}
@media (min-width: 1500px) {
  .container-body__row {
    column-gap: 3rem;
  }
}
.container-body__col {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .container-body__col {
    flex: 1;
  }
}

.charts-grid {
  margin: 0 0 2rem 0;
}
@media (min-width: 768px) {
  .charts-grid {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 1.2rem));
    grid-gap: 2.4rem;
    row-gap: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .charts-grid {
    grid-template-columns: repeat(3, calc(33.33% - 1.6rem));
  }
}

.chart-card {
  padding: 2rem 0 0 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.0588235294), 0 1px 4px rgba(0, 0, 0, 0.0784313725);
  margin: 0 0 2rem 0;
}
@media (min-width: 768px) {
  .chart-card {
    padding: 2rem 0 0 0;
    margin: 0;
  }
}
.chart-card .apexcharts-canvas {
  position: relative;
  top: 3rem;
}
.chart-card__subtitle {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  font-weight: 600;
  font-size: 1.8rem;
  margin: 0;
  padding: 0 3rem;
  color: #374151;
}
@media (min-width: 1200px) {
  .chart-card__subtitle {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .chart-card__subtitle {
    margin: 1rem 0 -4rem 0;
  }
}

.tabs-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin: 0 0 2rem 0;
}
.tabs-panel__left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.tabs-panel__btn {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  appearance: none;
  display: inline-block;
  transition: 0.3s;
  color: #797979;
  border-radius: 0;
  letter-spacing: 0;
  line-height: 1;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding: 1rem 3rem;
  background: #fff;
  border: 0.1rem solid #9c9ab0;
  color: #393562;
}
@media only screen and (max-width: 550px) {
  .tabs-panel__btn {
    width: 100%;
    text-align: center;
    padding: 1rem;
    font-size: 15px;
  }
}
.tabs-panel__btn:hover {
  border-color: #597fbc;
  background: #edf4ff;
  color: #597fbc;
  text-decoration: none;
}
.tabs-panel__btn.selected {
  border-color: #597fbc;
  background: #edf4ff !important;
  color: #597fbc !important;
}
.tabs-panel__title {
  margin: 0;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  color: #9c9ab0;
}
.tabs-panel__title strong {
  color: #393562;
}

.tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 4rem;
}
.tiles__item {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  width: 100%;
  padding: 2rem;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.0588235294), 0 1px 4px rgba(0, 0, 0, 0.0784313725);
  appearance: none;
  display: inline-block;
  transition: 0.3s;
  letter-spacing: 0;
  line-height: 1;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  border: none;
  color: #393562;
  text-align: center;
}
.tiles__item:hover {
  background: #597fbc;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 768px) {
  .tiles__item {
    width: 30rem;
    padding: 4rem 2rem;
  }
}
.tiles__item__planning, .tiles__item__machine-stop {
  width: 32%;
}
.tiles__item__planning .box-table, .tiles__item__machine-stop .box-table {
  margin-top: 2rem;
  margin-bottom: 0;
}
.tiles__item__planning .box-table .box-table__row.box-table__row--head .box-table__col, .tiles__item__machine-stop .box-table .box-table__row.box-table__row--head .box-table__col {
  padding: 0.5rem;
  font-size: 1.5rem;
}
.tiles__item__planning .box-table .box-table__row:not(.box-table__row--head) .box-table__col, .tiles__item__machine-stop .box-table .box-table__row:not(.box-table__row--head) .box-table__col {
  background: transparent;
  padding: 0.5rem;
  font-size: 1.5rem;
}
.tiles__item__planning:hover .box-table__row:not(.box-table__row--head) .box-table__col, .tiles__item__machine-stop:hover .box-table__row:not(.box-table__row--head) .box-table__col {
  color: #fff;
}
.tiles__item__machine-stop:hover {
  background: #fff;
  color: initial !important;
  cursor: initial;
}
.tiles__item__machine-stop:hover .box-table__row:not(.box-table__row--head) .box-table__col {
  color: initial !important;
}
.tiles__item__machine-stop__stopped {
  background: rgba(255, 105, 97, 0.3) !important;
}
.tiles__item__machine-stop .btn {
  text-align: center;
  display: block;
  margin: 4rem auto 0;
  max-width: 50%;
}
.tiles__planning {
  gap: 2%;
  row-gap: 2rem;
}

.machine-planning-status {
  width: 10px;
  height: 10px;
  display: block;
}
.machine-planning-status--active {
  background-color: #77DD77;
}
.machine-planning-status--inactive {
  background-color: #FF6961;
}

.zamestnanci {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 4rem);
  padding: 1rem 0 0 0;
  margin: 0 -2rem;
  row-gap: 2rem;
}
.zamestnanci__item {
  padding: 0 2rem;
  width: 100%;
}

.zamestnanci-card {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  display: block;
  width: 100%;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  border-radius: 0;
  background: #ffffff;
  border: 1px solid #9c9ab0;
  padding: 2rem;
}
.zamestnanci-card:hover {
  border-color: #597fbc;
}
.zamestnanci-card__image {
  margin-top: -2rem;
}
.zamestnanci-card__image .apexcharts-canvas {
  position: relative;
  top: 3rem;
}
.zamestnanci-card__header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 0.5rem;
  margin: 0;
  font-size: 16px;
  padding: 2rem 2rem 0 2rem;
}
.zamestnanci-card__name {
  color: #484848;
  font-weight: 600;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.zamestnanci-card .action-icon {
  color: #484848;
}

.box-table {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 2rem 0;
}
@media (min-width: 1200px) {
  .box-table {
    font-size: 1.8rem;
  }
}
.box-table.table-link .box-table__row[data-url] {
  cursor: pointer;
}
@media (max-width: 990px) {
  .box-table--responsive {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .box-table--responsive .box-table__row--head {
    display: none !important;
  }
  .box-table--responsive .box-table__row {
    display: block;
    padding: 1rem 0;
    width: 50%;
  }
  .box-table--responsive .box-table__row:nth-child(2n+1) {
    padding: 1rem 0 1rem 1rem;
    border-left: 0.1rem solid #cdccd8;
  }
  .box-table--responsive .box-table__col {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 990px) and (max-width: 550px) {
  .box-table--responsive .box-table__col {
    padding: 0.5rem 0;
  }
}
@media (max-width: 990px) {
  .box-table--responsive .box-table__col:first-child {
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 990px) and (max-width: 550px) {
  .box-table--responsive .box-table__col:first-child {
    padding: 0.5rem 0;
  }
}
@media (max-width: 990px) {
  .box-table--responsive .box-table__col:last-child {
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 990px) and (max-width: 550px) {
  .box-table--responsive .box-table__col:last-child {
    padding: 0.5rem 0;
  }
}
@media (max-width: 990px) {
  .box-table--responsive .box-table__col .box-table__col-lbl {
    display: inline-block;
    margin: 0 1rem 0 0;
  }
}
@media (max-width: 767px) {
  .box-table--responsive .box-table__row {
    width: 100%;
    padding: 1rem 0 !important;
    border-left: none !important;
  }
}
.box-table__col-lbl {
  display: none;
  font-weight: 600;
}
.box-table a {
  color: inherit;
  text-decoration: underline;
}
.box-table a:hover {
  text-decoration: none;
}
.box-table__row {
  display: table-row;
  border-bottom: 0.1rem solid #cdccd8;
}
.box-table__row--clickable {
  cursor: pointer;
}
.box-table__row--head {
  box-shadow: none;
  border: none;
}
.box-table__row--head .box-table__col {
  padding: 2rem 1rem;
  font-weight: 500;
  background: #edf4ff;
  color: #597fbc;
  font-size: 1.6rem;
}
@media (min-width: 1500px) {
  .box-table__row--head .box-table__col {
    padding: 2rem 2rem;
  }
}
.box-table__row--production-approved .box-table__col {
  background-color: #e6f4e6;
}
.box-table__row--red .box-table__col {
  background-color: #ffdbe4;
}
.box-table__row.line-through *:not(.not-line-through) {
  text-decoration: line-through;
}
.box-table__col {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 1.5rem 0.5rem;
  background: #ffffff;
  border: none;
  box-shadow: none;
  line-height: 1.4;
}
@media (min-width: 550px) {
  .box-table__col {
    padding: 1.5rem 1rem;
  }
}
@media (min-width: 1500px) {
  .box-table__col {
    padding: 2.4rem 2rem;
  }
}
.box-table__col:first-child {
  padding-left: 1rem;
}
@media (min-width: 550px) {
  .box-table__col:first-child {
    padding-left: 2rem;
  }
}
@media (min-width: 1500px) {
  .box-table__col:first-child {
    padding-left: 4rem;
  }
}
.box-table__col:last-child {
  padding-right: 1rem;
}
@media (min-width: 550px) {
  .box-table__col:last-child {
    padding-right: 2rem;
  }
}
@media (min-width: 1500px) {
  .box-table__col:last-child {
    padding-right: 2.4rem;
  }
}
.box-table__col--one-line {
  white-space: nowrap;
}
.box-table__col .form-field {
  margin: 0;
}
.box-table__actions {
  display: flex;
  justify-content: flex-end;
}

.icon-list {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1rem;
}

.action-icon-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 1rem;
}

.action-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.6rem;
  width: 3.6rem;
  margin-bottom: 0;
  border: none;
  background: none;
  outline: none !important;
  transition: 0.3s;
  cursor: pointer;
  text-decoration: none !important;
}
.action-icon:disabled, .action-icon[disabled] {
  filter: grayscale(100%);
  pointer-events: none;
  opacity: 0.5;
}
.action-icon:before {
  content: "";
  position: absolute;
  z-index: -1;
  height: 2rem;
  width: 2rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  background-color: #eee;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
}
.action-icon:hover:before {
  opacity: 1;
  height: 120%;
  width: 120%;
}
.action-icon.color-red:before {
  background-color: #ffdbe4;
}
.action-icon ion-icon, .action-icon i {
  font-size: 2rem;
}

[class^=swal-change-percentage] {
  text-decoration: none !important;
}

.highlighted-green {
  color: #77DD77;
}

.highlighted-orange {
  color: #FFB347;
}

.highlighted-red {
  color: #FF6961;
}

.highlighted-purple {
  color: #de209b;
}

.tag-list {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
}
.tag-list__item {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  padding: 0.5rem 1rem;
  font-weight: 500;
  font-size: 12px !important;
  border-radius: 0;
  color: #ffffff;
  cursor: default;
}
@media (min-width: 1200px) {
  .tag-list__item {
    font-size: 1.8rem;
  }
}
.tag-list__item--role {
  background: #edf4ff;
  color: #597fbc;
}
.tag-list__item--STANDARD_EMPLOYEE {
  background: #3eb9a4;
}
.tag-list__item--AFTER_TRAINING {
  background: #f2bd3d;
}
.tag-list__item--TRAINEE {
  background: #FF6961;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.modal.open {
  display: block !important;
}
.modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.modal__container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.modal-window {
  display: block;
  position: relative;
  pointer-events: all;
  max-width: calc(100vw - 3rem);
  max-height: calc(100vh - 3rem);
  padding: 2rem;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .modal-window {
    padding: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-window {
    padding: 4rem 5rem;
  }
}
.modal-window__content {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  width: 100%;
  padding: 2rem;
  line-height: 1.4;
  color: #8e8e8e;
}
@media (min-width: 1200px) {
  .modal-window__content {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .modal-window__content {
    padding: 3rem;
    width: 60%;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-window__content {
    padding: 4rem 5rem;
  }
}
.modal-window__content h2 {
  margin: 2rem 0 3rem 0;
  padding: 0;
  color: #9c9ab0;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .modal-window__content h2 {
    font-size: 1.8rem;
  }
}
.modal-window__close {
  position: absolute;
  top: 2.2rem;
  right: 0;
  margin: 0;
  padding: 0 0.8rem;
  background: transparent;
  border: none;
  border-radius: 0;
  font-size: 6rem;
  line-height: 0.2;
  cursor: pointer;
  transition: 0.3s;
  color: #393562;
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
}
.modal-window__close:hover {
  color: #000000;
}
@media only screen and (min-width: 1200px) {
  .modal-window__close {
    top: 3.2rem;
    right: 0.7rem;
    font-size: 6rem;
  }
}

.general-modal-content {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #484848;
}

.confirmation-modal-content__text {
  padding-top: 3rem;
  margin-bottom: 3rem;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #484848;
}
.confirmation-modal-content__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.swal2-popup {
  font-size: 1.5rem !important;
}

.swal2-html-container input, .swal2-html-container textarea, .swal2-html-container select {
  margin-left: 0;
  margin-right: 0;
  width: 80%;
  font-size: 1.6rem !important;
  font-family: "Montserrat", sans-serif;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(0, 0, 0, 0);
}
.swal2-html-container .form-switch.yes-no {
  justify-content: center;
}
.swal2-html-container .form-switch.yes-no .form-check-input {
  width: auto;
}

.content-box {
  padding: 2rem;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.0588235294), 0 1px 4px rgba(0, 0, 0, 0.0784313725);
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 1200px) {
  .content-box {
    padding: 3rem;
  }
}
@media (min-width: 1500px) {
  .content-box {
    padding: 3.5rem;
  }
}
.content-box--highlighted {
  background: #0d1624;
}
.content-box--highlighted .box-table__col {
  background: #0d1624;
  color: #fff;
}
.content-box--highlighted .box-table__row {
  border-bottom: 0.1rem solid #2d3b52;
}
.content-box--highlighted .box-table__row--head .box-table__col {
  background: #597fbc;
  color: #fff;
}
.content-box .form-default {
  max-width: 70rem;
}
.content-box .form-default--wider {
  max-width: 120rem;
}
.content-box__title {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  font-weight: 600;
  font-size: 2.4rem;
  margin: 0 0 1.5rem 0;
  color: #374151;
}
@media (min-width: 1200px) {
  .content-box__title {
    font-size: 1.8rem;
  }
}
.content-box__title__two-columns {
  display: flex;
  justify-content: space-between;
}
.content-box__title__two-columns .form-switch {
  margin-top: 0;
}
.content-box__title--wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-box__title--right {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  margin: 0 0 1.5rem 0;
}
@media (min-width: 1200px) {
  .content-box__title--right {
    font-size: 1.8rem;
  }
}
.content-box__subtitle {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  font-weight: 600;
  font-size: 18px;
  margin: 3rem 0 2rem 0;
  color: #374151;
}
@media (min-width: 1200px) {
  .content-box__subtitle {
    font-size: 1.8rem;
  }
}
.content-box__check-title {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  display: flex;
  align-items: center;
  column-gap: 2rem;
  font-weight: 600;
  font-size: 1.6rem !important;
  margin: 0;
  color: #374151;
}
@media (min-width: 1200px) {
  .content-box__check-title {
    font-size: 1.8rem;
  }
}
.content-box__check-title .form-field {
  margin: 0;
}
.content-box__check-title .form-field__edit {
  margin: 0;
}
.content-box__text {
  font-size: 1.4rem;
  line-height: 1.4;
}

.filter-panel {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}
.filter-panel__header {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 2rem 0 0;
}
@media (min-width: 1200px) {
  .filter-panel__header {
    font-size: 1.8rem;
  }
}
.filter-panel__header img {
  width: 2rem;
}
.filter-panel__fields {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  flex: 1;
}
@media (max-width: 550px) {
  .filter-panel__fields .btn {
    width: 100%;
  }
}
.filter-panel__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1rem;
  width: 100%;
}
@media (min-width: 550px) {
  .filter-panel__right {
    width: unset;
  }
}
.filter-panel__submit {
  text-align: center;
  justify-content: center;
}
.filter-panel__download-btn {
  text-decoration: none;
}
.filter-panel__download-btn ion-icon, .filter-panel__download-btn i {
  color: #484848;
  font-size: 2.8rem;
}
.filter-panel__download-btn:hover ion-icon, .filter-panel__download-btn:hover i {
  color: #597fbc;
}
.filter-panel .form-field--calendar {
  max-width: 100% !important;
}
.filter-panel .form-field {
  margin: 0;
}
@media (max-width: 550px) {
  .filter-panel .form-field {
    width: 100% !important;
  }
}
.filter-panel .form-field__label {
  display: none;
}
.filter-panel .form-field__textbox, .filter-panel .form-field__select {
  min-width: 100%;
}

.filter-item {
  display: flex;
  align-items: center;
}
.filter-item__label {
  display: block;
  margin: 0 1.5rem 0 0;
  padding: 0;
  color: #484848;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
}
.filter-item__selector {
  position: relative;
  min-width: 20rem;
}
.filter-item__selector::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.8rem;
  transform: translateY(-50%);
  border-top: 0.6rem solid #393562;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  pointer-events: none;
}
.filter-item__select {
  display: block;
  width: 100%;
  margin: 0;
  padding: 1rem 1.5rem;
  color: #484848;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  border-radius: 0;
  border: 0.1rem solid #9c9ab0;
  background: #fff;
  box-shadow: 0.2rem 0.1rem 0.3rem 0 rgba(54, 74, 99, 0.15);
  background: #ffffff;
  appearance: none;
  cursor: pointer;
}

.filter-item .select2-container,
.form-field .select2-container {
  width: 100% !important;
  min-width: 18rem;
}
.filter-item .select2-container .select2-selection,
.form-field .select2-container .select2-selection {
  display: block;
  width: 100%;
  margin: 0;
  padding: 1rem 1.5rem;
  color: #484848;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  border-radius: 0;
  border: 0.1rem solid #9c9ab0;
  background: #fff;
  background: #fff;
  appearance: none;
  cursor: pointer;
  padding: 1rem 1.5rem;
}
.filter-item .select2-container .select2-selection__arrow b,
.form-field .select2-container .select2-selection__arrow b {
  display: none;
}
.filter-item .select2-container .select2-selection__arrow::before,
.form-field .select2-container .select2-selection__arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  border-top: 0.6rem solid #000;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  pointer-events: none;
}
.filter-item .select2-container .select2-selection--single,
.form-field .select2-container .select2-selection--single {
  height: inherit;
}
.filter-item .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-field .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: inherit;
  line-height: inherit;
  padding-left: 0 !important;
}
.filter-item .select2-container--default .select2-selection--single .select2-selection__arrow,
.form-field .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-results {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .select2-results {
    font-size: 1.8rem;
  }
}
.select2-results__option {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  padding: 0.6rem 1.5rem !important;
}
.select2-results__option .flag-text {
  color: inherit;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 0.1rem solid #9c9ab0 !important;
  border-radius: 0;
  outline: none !important;
}

.select2-search--dropdown .select2-search__field {
  padding: 0.7rem 1rem !important;
}

.select2-search--dropdown {
  padding: 0.7rem !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #fff !important;
  color: #484848 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
  color: #597fbc !important;
}

.select2-dropdown {
  box-shadow: 0rem 0.1rem 1rem 0 rgba(54, 74, 99, 0.25);
  border: none !important;
}

.pagination {
  position: relative;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.pagination--mt {
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .pagination {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}
.pagination__btn:disabled, .pagination__btn[disabled] {
  background: #aaa !important;
  pointer-events: none !important;
}
.pagination__list {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.pagination__list li {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
.pagination a.pagination__item:hover {
  text-decoration: underline;
  color: #597fbc;
}
.pagination__item {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
  display: block;
  min-width: 4rem;
  padding: 0 0.5rem;
  margin: 0;
  line-height: 4rem;
  text-align: center;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #484848;
  transition: 0.3s;
}
@media only screen and (min-width: 991px) {
  .pagination__item {
    min-width: 4rem;
    line-height: 4rem;
  }
}
.pagination__item--current {
  color: #597fbc !important;
}
.pagination__item--separator {
  opacity: 0.5;
  min-width: 0.1rem;
  padding: 0;
}

.notofication-center__list {
  position: relative;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .notofication-center__list::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(15% + 3rem + 0.8rem);
    width: 0.3rem;
    height: 100%;
    background: #393562;
  }
}
@media (min-width: 768px) and (min-width: 991px) {
  .notofication-center__list::before {
    left: calc(18% + 3rem + 0.8rem);
  }
}
.notofication-center__item {
  padding: 1rem 0;
}
.notofication-center__controls {
  display: flex;
  justify-content: center;
  padding: 5rem 0 2rem 0;
  text-align: center;
}

.notofication-card {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #484848;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media (min-width: 1200px) {
  .notofication-card {
    font-size: 1.8rem;
  }
}
.notofication-card__date-time {
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .notofication-card__date-time {
    flex-direction: column;
    text-align: right;
    width: 15%;
    margin-bottom: 0;
  }
}
@media (min-width: 991px) {
  .notofication-card__date-time {
    width: 18%;
  }
}
@media (min-width: 768px) {
  .notofication-card__date {
    font-size: 1.2rem;
  }
}
.notofication-card__time {
  font-weight: 500;
}
.notofication-card__point {
  position: relative;
  display: none;
  width: 1.9rem;
  margin: 0 3rem;
}
@media (min-width: 768px) {
  .notofication-card__point {
    display: block;
  }
}
.notofication-card__point::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.9rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #ffffff;
  border: 0.3rem solid #393562;
}
.notofication-card__content {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  column-gap: 2rem;
  width: 100%;
  padding: 1.4rem 2rem;
  background: #ffffff;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.0588235294), 0 1px 4px rgba(0, 0, 0, 0.0784313725);
  border-radius: 0;
}
@media (min-width: 768px) {
  .notofication-card__content {
    width: calc(85% - 7.9rem);
  }
  .notofication-card__content::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border-right: 1rem solid #ffffff;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    transform: translateX(-99%) translateY(-50%);
  }
}
@media (min-width: 991px) {
  .notofication-card__content {
    width: calc(82% - 7.9rem);
  }
}
.notofication-card__avatar {
  width: 4rem;
}
.notofication-card__info {
  width: calc(100% - 4rem - 2rem);
}
.notofication-card__header {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 1.5rem;
  font-size: 1.6rem;
}
.notofication-card__header .tag-list__item {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
}
.notofication-card__title {
  font-weight: 500;
  color: #393562;
}
.notofication-card__title a {
  color: inherit;
}
.notofication-card__title a:hover {
  text-decoration: none;
}
.notofication-card__text {
  font-size: 1.4rem;
  color: #8e8e8e;
}
.notofication-card__text a {
  color: inherit;
}
.notofication-card__text a:hover {
  text-decoration: none;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

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

.flex-100 {
  flex-basis: 100%;
}

.msg {
  padding: 2rem 3rem;
  line-height: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.msg-success {
  background-color: #D4EDDA;
  color: #155724;
}

#user_roles {
  display: flex;
  flex-wrap: wrap;
}
#user_roles .form-check {
  width: 33%;
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #8e8e8e;
  position: relative;
  margin-bottom: 2rem;
}

.tab {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1rem;
  padding: 1rem 2.5rem;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: #797979;
  background: transparent;
  border-radius: 0;
  border: none;
  transition: 0.3s;
  appearance: none;
  cursor: pointer;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .tab {
    padding: 1.3rem 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .tab {
    padding: 1.3rem 4rem;
  }
}
.tab:hover {
  color: #393562;
  background: #cdccd8;
  text-decoration: none;
}
.tab:disabled {
  cursor: default;
  filter: grayscale(100%);
  pointer-events: none;
  opacity: 0.5;
}

.tab-active {
  color: #ffffff;
  background: #393562;
  font-weight: 600;
  border: none;
}
.tab-active:hover {
  background: #9c9ab0;
  color: #ffffff;
}

.section-bozp {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  max-height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #001830;
}

.bozp-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.bozp-wrapper__title {
  padding: 2rem;
  margin: 0;
  color: #fff;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
  text-align: center;
  background: #001830;
  flex-shrink: 0;
  z-index: 10;
}
.bozp-wrapper__iframe {
  flex: 1;
  position: relative;
  width: 100%;
  min-height: 0;
  background-color: #f2f3f5;
  overflow-y: auto;
  overflow-x: auto;
  padding: 0 1rem 0 2rem;
}
.bozp-wrapper .pdf-viewer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  min-height: 100%;
  padding: 1rem 0;
}
.bozp-wrapper .pdf-viewer .pdf-page {
  margin: 0 auto 1rem auto;
  max-width: 892px;
  height: auto;
  background: white;
}
.bozp-wrapper__form {
  padding: 3rem 2rem;
  background: #001830;
  flex-shrink: 0;
  z-index: 10;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.bozp-wrapper__form label {
  color: #fff;
}
.bozp-wrapper__form .btn {
  background: #4fb55c !important;
  margin: 0 auto;
  display: block;
}
.bozp-wrapper__form .btn:hover {
  background: #33ae43 !important;
}
.bozp-wrapper__form .text-danger {
  color: #ff4d4f;
}
.bozp-wrapper__form form {
  width: 100%;
  padding: 0;
  max-width: 892px;
  margin: 0 auto;
  display: none;
  position: relative;
  overflow-y: auto;
}
@media only screen and (max-width: 768px) {
  .bozp-wrapper__form form {
    max-height: 60vh;
  }
}
.bozp-wrapper__form .form-row {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 550px) {
  .bozp-wrapper__form .form-row {
    flex-direction: row;
    gap: 3rem;
  }
}
.bozp-wrapper__form .form-row .form-field {
  width: 100%;
  margin: 0;
}
.bozp-wrapper__form .form-row .form-field input::placeholder {
  color: #8e8e8e;
}
.bozp-wrapper__form .form-row .form-field__label {
  margin-top: 0;
}
.bozp-wrapper__form--visible .btn-toggle-form {
  display: none;
}
.bozp-wrapper__form--visible form {
  display: block;
}
.bozp-wrapper__form--visible .close-form-button {
  display: block !important;
}
.bozp-wrapper__form h2 {
  color: #fff;
  text-align: center;
  margin: 0 0 2rem 0;
  font-size: 2.4rem;
  line-height: 1.2;
}
.bozp-wrapper__form p {
  color: #fff;
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  line-height: 1.2;
}
.bozp-wrapper .form-field__signature {
  width: 100%;
  border: 2px solid #ccc;
  background-color: white;
}
.bozp-wrapper .form-field__signature canvas {
  width: 100% !important;
  height: 200px !important;
}
.bozp-wrapper .mb-3 {
  margin-bottom: 3rem !important;
}
.bozp-wrapper .close-form-button {
  position: relative;
  display: none;
  cursor: pointer;
  margin-bottom: 3rem;
}
.bozp-wrapper .close-form-button::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  right: 5px;
  top: -5px;
}
.bozp-wrapper__success {
  text-align: center;
  color: #4fb55c;
  font-size: 1.8rem;
  font-weight: 600;
  background-color: white;
  padding: 3rem 5rem;
}
.bozp-wrapper textarea {
  display: none;
}

/*# sourceMappingURL=admin.css-15e11ba009c8032386850f8e2721de49.map */