@charset "UTF-8";
@font-face {
  font-family: "Inter";
  src: local("Inter Thin"), local("Inter-Thin"), url("fonts/Inter-Thin.ttf");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter ExtraLight"), local("Inter-ExtraLight"), url("fonts/Inter-ExtraLight.ttf");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Light"), local("Inter-Light"), url("fonts/Inter-Light.ttf");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Regular"), local("Inter-Regular"), url("fonts/Inter-Regular.ttf");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Medium"), local("Inter-Medium"), url("fonts/Inter-Medium.ttf");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter SemiBold"), local("Inter-SemiBold"), url("fonts/Inter-SemiBold.ttf");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Bold"), local("Inter-Bold"), url("fonts/Inter-Bold.ttf");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter ExtraBold"), local("Inter-ExtraBold"), url("fonts/Inter-ExtraBold.ttf");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Black"), local("Inter-Black"), url("fonts/Inter-Black.ttf");
  font-weight: 900;
  font-display: swap;
}
/*ver->2.0std-02-08-2019*/
/*ver->2.0std-02-08-2019*/
/* ================= FORMULARZE ================ */
label {
  color: lighten #777, 10%;
  font-size: 15px;
  text-transform: none;
  margin-top: 10px;
}

span + label {
  margin-top: 0;
}

input,
select,
textarea,
.input-placeholder {
  margin: 0;
  border: 1px solid rgba(129, 135, 141, 0.3);
  border-radius: 6px;
  background: #fff;
  height: 40px;
  line-height: 1;
}

.submit-controls {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.submit-controls > div {
  width: auto;
  margin-right: 20px;
}

.submit-controls > div:last-child {
  margin-right: 0;
}

.submit-area {
  display: block;
  text-align: right;
}

.submit-area .button {
  margin: 0;
}

.input-wrapper {
  padding: 0;
  width: 100%;
  max-width: 440px;
  position: relative;
}

.form-fields-wrapper {
  margin-right: -10px;
  width: 100%;
}

.columns .form-fields-wrapper {
  width: auto;
}

/* ================= formularze nowe ================ */
/* ---- placeholdery pól ---- */
input ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333;
  opacity: 0.4;
}
input ::-moz-placeholder,
textarea ::-moz-placeholder {
  /* Firefox 19+ */
  color: #333;
  opacity: 0.4;
}
input :-ms-input-placeholder,
textarea :-ms-input-placeholder {
  /* IE 10+ */
  color: #333;
  opacity: 0.4;
}
input :-moz-placeholder,
textarea :-moz-placeholder {
  /* Firefox 18- */
  color: #333;
  opacity: 0.4;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} /* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.input-number {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 120px;
  max-width: 120px;
}

.input-number input {
  width: 40px;
  text-align: center;
}

.input-number > span {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #fff;
  transition: all 300ms;
}

.input-number > span.down {
  border-top: 1px solid rgba(129, 135, 141, 0.3);
  border-left: 1px solid rgba(129, 135, 141, 0.3);
  border-bottom: 1px solid rgba(129, 135, 141, 0.3);
}

.input-number > span.up {
  border-top: 1px solid rgba(129, 135, 141, 0.3);
  border-right: 1px solid rgba(129, 135, 141, 0.3);
  border-bottom: 1px solid rgba(129, 135, 141, 0.3);
}

.input-number > span.up:after,
.input-number > span.down:after {
  line-height: 1;
}

.input-number > span.up:after {
  content: url("graphics/commerce/plus.png");
}

.input-number > span.down:after {
  content: url("graphics/commerce/minus.png");
}

.input-number > span.down:hover,
.input-number > span.up:hover {
  background: #eee;
}

.select-placeholder {
  color: #999999;
}

/* ----- select ----- */
.s-hidden {
  visibility: hidden;
  height: 0;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  height: 40px;
  margin: 0;
  width: 100%;
}

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0px 40px 0 10px;
  font-weight: normal;
  border: 1px solid rgba(129, 135, 141, 0.3);
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: black transparent transparent transparent;
  position: absolute;
  top: 18px;
  right: 10px;
}

.styledSelect:active,
.styledSelect.active {
  background-color: #efefef;
}

.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid rgba(129, 135, 141, 0.3);
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}

/* -- SELECT HOVER -- */
.options li:hover {
  background-color: #000;
  color: #fff;
}

/* INNY SELECT */
.select2-container .select2-selection--single {
  height: 40px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 9px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 50%;
  margin-top: -13px;
}

.select2-results ul,
.select2-results ul li {
  text-align: left;
  margin: 0;
}

.select2-results ul li {
  padding: 9px 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #111;
  color: #fff;
}

/* --- input type=radio, input type=checkbox --- */
input[type=checkbox] + label,
input[type=radio] + label {
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  cursor: pointer;
  margin: 0;
  line-height: 1.5;
}

input[type=checkbox] + label::before {
  content: " ";
  display: inline-block;
  vertical-align: 0.2em;
  width: 22px;
  max-width: 22px;
  min-width: 22px;
  height: 22px;
  margin-right: 10px;
  margin-top: 2px;
  background: #fff;
  border: 1px solid rgba(129, 135, 141, 0.3);
  border-radius: 2px;
  text-indent: 0.15em;
  line-height: 1;
  color: #fff;
  font-size: 20px;
}

input[type=checkbox]:checked + label::before {
  content: "✓";
  background: #feb300;
}

input[type=radio] + label::before,
input[type=radio] + label::after {
  content: "";
  display: inline-block;
  vertical-align: 0.2em;
  width: 22px;
  height: 22px;
  max-width: 22px;
  min-width: 22px;
  margin-right: 10px;
  background: #fff;
  border: 1px solid rgba(129, 135, 141, 0.3);
  border-radius: 100%;
  text-indent: 0.15em;
  line-height: 1;
  color: #fff;
  font-size: 20px;
}

input[type=radio] + label::after {
  width: 14px;
  height: 14px;
  max-width: 14px;
  min-width: 14px;
  background: #feb300;
  position: absolute;
  top: 5px;
  left: 5px;
  border: 0;
  opacity: 0;
  transition: all 300ms;
}

input[type=radio]:checked + label::before {
  content: "";
}

input[type=radio]:checked + label::after {
  opacity: 1;
}

input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.checklist.rodo label {
  font-size: 0.7rem;
}

.checklist.wrapper {
  display: block;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 10px 10px;
}

.checklist.wrapper > label {
  margin-bottom: 10px;
}

.checklist.wrapper > label:last-child {
  margin-bottom: 0;
}

/* === DISABLED === */
input[type=checkbox][disabled] + label {
  opacity: 0.8;
}

input[type=checkbox][disabled] + label:before {
  background-color: #f0f0f0;
  opacity: 0.8;
}

input[type=radio][disabled] + label {
  opacity: 0.8;
}

input[type=radio][disabled] + label:before {
  background-color: #f0f0f0;
  opacity: 0.8;
}

input[disabled=disabled] {
  background-color: #f0f0f0;
}

/* === swith toggle === */
.onoffswitch {
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #777;
  border-radius: 20px;
  display: block !important;
}

.onoffswitch-checkbox[disabled=""] + .onoffswitch-label {
  opacity: 0.6;
  pointer-events: none;
}

.onoffswitch-label:before {
  display: none !important;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Inter, tahoma, arial, sans-serif;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #04aa6d;
  color: #ffffff;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #eee;
  color: #777;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 6px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  border: 1px solid #777;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/* =============== zestawy pól ============== */
.input-combo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.input-combo > div {
  flex: 1;
  margin-right: 10px;
}

.input-combo > div:last-child {
  margin-right: 0;
}

.input-combo > div.post-code {
  flex: 0.5;
}

/* ================ Klasy specjalne ============= */
.question-label {
  display: block;
  margin-top: 20px;
}

span + .question-label {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.5em 0 0.8em 0;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 500;
  cursor: default;
}

h1 {
  font-size: 1.375rem;
}

h2 {
  font-size: 1.2rem;
}

h3 {
  font-size: 1rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 1rem;
}

h5 > a {
  font-weight: normal;
  font-size: 0.8em;
  display: inline-block;
  margin-left: 0;
  color: #ffb400;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

a {
  color: #001e28;
  text-decoration: none;
  transition: color linear 200ms;
}

a:hover {
  color: #ffb400;
  text-decoration: none;
}

h2:first-child {
  margin-top: 0;
}

.ps-image:after,
.opSlider-inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

#TOP {
  background: #001e28;
}

nav.desktop .nav-button > a {
  color: #f5f5f5;
}

#CANVAS {
  background-color: #fafbfc;
}

.container {
  padding: 0 30px;
  max-width: 100%;
}

.content > .container {
  padding-top: 30px;
  padding-bottom: 30px;
}

#START .content > .container {
  padding-top: 0;
}

.header-page {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  min-height: 60px;
}

.header-page .header-title {
  flex: 1;
  overflow: hidden;
}

.header-page .header-user-panel {
  min-width: 200px;
}

*::placeholder,
.placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
.select2-selection__placeholder {
  color: rgba(129, 135, 141, 0.5019607843) !important;
  font-size: 1rem;
  font-weight: 400;
}

.button.disabled {
  cursor: default;
  color: rgba(129, 135, 141, 0.4);
  background-color: #f6f6f9;
  pointer-events: none;
}

.button.disabled2 img {
  opacity: 20%;
}

.button.alt.disabled2 {
  color: rgba(129, 135, 141, 0.4) !important;
  background-color: #f6f6f9 !important;
}

.button.alt.disabled2:hover {
  color: rgba(129, 135, 141, 0.4) !important;
  background-color: #e2e2e2 !important;
  border: 2px solid rgba(129, 135, 141, 0.4) !important;
}

.button.disabled2 {
  color: rgba(129, 135, 141, 0.4) !important;
  background-color: #f6f6f9 !important;
}

.button.disabled2:hover {
  color: rgba(129, 135, 141, 0.4) !important;
  background-color: #e2e2e2 !important;
}

.button {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  min-width: auto;
}

.buttons {
  display: flex;
}

.buttons > * {
  flex: 1;
}

.button.alt {
  color: #001e28;
  font-weight: 500;
  border: solid 2px rgba(129, 135, 141, 0.4);
  background: transparent;
}

:hover.button.alt {
  color: #001e28;
  border-color: #ffb400;
}

.button.alt.urhere {
  color: #001e28;
  border-color: #ffb400;
}

.button.alt.disabled,
.button.cta.disabled,
.button.alt.ico-left.disabled,
.button.cta.ico-left.disabled,
.button.alt.ico-right.disabled,
.button.cta.ico-right.disabled {
  color: rgba(129, 135, 141, 0.4);
  background-color: #f6f6f9;
  border: none;
}

.button.alt.disabled .ico,
.button.cta.disabled .ico {
  height: 40px !important;
}

.button.alt.disabled .ico svg circle,
.button.cta.disabled .ico svg circle,
.button.alt.disabled .ico svg path,
.button.cta.disabled .ico svg path {
  stroke: rgba(129, 135, 141, 0.4) !important;
}

.button.ico-left.just-ico,
.button.ico-right.just-ico {
  min-width: 0;
  padding: 0;
}

.button.ico-left.just-ico .ico,
.button.ico-right.just-ico .ico {
  position: static;
}

.button.txt {
  height: 2em;
  padding: 0;
  background: none;
  color: #101010;
  min-width: 0;
  padding-right: 35px;
}

.button.txt:after {
  content: "";
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  width: 18px;
  background-image: url("graphics/svg/right-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: right 300ms;
}

.button.txt:hover:after {
  right: 0;
}

.button.cta {
  color: #001e28;
  background: #ffb400;
  min-width: -moz-min-content;
  min-width: min-content;
}

.button.file-btn {
  padding-right: 65px;
}

.button.file-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  background-image: url("graphics/download.png");
  background-color: #cc9000;
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center;
  background-origin: content-box;
}

.button.ico-left,
.button.ico-right {
  background: #ffb400;
  border: 0;
  color: #001e28;
  box-shadow: none;
  text-shadow: none;
  transition: all 300ms;
}

.button.ico-left:hover,
.button.ico-right:hover,
.button:hover,
.button.cta:hover {
  color: #001e28;
  background: #f0a900;
}

.button a:hover {
  color: #001e28;
}

.button.ico-left {
  padding-left: 53px;
}

.button.ico-right {
  padding-right: 53px;
}

.button.ico-left .ico,
.button.ico-right .ico {
  position: absolute;
  top: 0;
  padding: 5px 18px;
  box-sizing: border-box;
  height: 40px;
  width: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms;
  color: #fff;
}

.brand-image {
  height: 30px;
}

.ico.dark {
  fill: #001e28;
}

.ico.reverse {
  transform: scaleX(-1);
}

.ico.reverse .st0 {
  stroke: rgba(129, 135, 141, 0.4);
  fill: #f6f6f9;
}

.button.ico-left .ico {
  left: 0;
}

.button.ico-right .ico {
  right: 0;
}

.button.ico-left .ico i,
.button.ico-right .ico i {
  font-size: 20px;
  color: #fff;
}

.button.alt.ico-left,
.button.alt.ico-right,
.action-wrapper.candidate-panel .action-btn {
  background: transparent;
  border: solid 2px rgba(129, 135, 141, 0.4);
  color: #001e28;
  box-shadow: none;
  text-shadow: none;
  transition: all 300ms;
  font-weight: 500;
  min-width: -moz-min-content;
  min-width: min-content;
}

.button.alt:hover,
.button.alt.ico-left:hover,
.button.alt.ico-right:hover,
.action-wrapper.candidate-panel .action-btn:hover {
  background: transparent;
  border-color: #ffb400;
  color: #001e28;
  box-shadow: none;
  text-shadow: none;
  transition: all 300ms;
  font-weight: 500;
}

.button.alt.ico-left .ico i,
.button.alt.ico-right .ico i {
  color: #001e28;
}

.ico-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  box-sizing: border-box;
  min-width: 0;
}

a.ico-btn {
  text-decoration: none;
}

.ico-btn .ico {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button.alt.ico-left.status-blocked-button {
  border-color: #ff0000;
  background-color: rgba(255, 0, 0, 0.1);
  color: #f00;
}

.updated {
  font-size: 0.9rem;
  font-weight: bold;
  color: #ffb400;
}

.social-sharing-module {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}

.social-sharing-module > span.sharing-title {
  margin: 0;
  margin-right: 1.8em;
  font-size: 1.1em;
}

#copy_link_sharing {
  position: relative;
}

#copy_link_sharing:after {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #519c46;
  color: #fff;
  border-radius: 50%;
  transition: all 500ms;
  transform: scale(0);
}

#copy_link_sharing.link-copied:after {
  transform: scale(1);
}

.links ul li {
  list-style: none;
  margin-left: 0;
}

.links ul li a {
  text-decoration: none;
  transition: all 300ms;
}

.video-wrapper .mp4-video video {
  display: block;
  max-width: 100%;
}

.summary-table {
  border-top: none;
}

.summary-table .summary-item-name {
  border-top: 1px solid rgb(221, 221, 221);
  width: 20%;
}

.summary-table .summary-item-value {
  border-top: 1px solid rgb(221, 221, 221);
  width: 60%;
}

.summary-table .summary-item-hide {
  width: 20%;
}

.summary-table td.summary-item-hide {
  background: transparent;
  border: none;
}

.data-table {
  margin-top: 20px;
}

.data-table-row {
  display: flex;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.data-table-cell {
  flex: 1;
  padding: 8px;
  border-right: 1px solid #ddd;
  height: 40px;
  box-sizing: border-box;
}

.data-table-row:hover {
  background: #f5f5f5;
}

.data-table-row.head:hover {
  background: none;
}

.data-table-row:hover .data-table-cell.name > .progress {
  background: #e9e9e9;
}

.data-table-row.head > .data-table-cell {
  background: #f0f0f0;
  color: #999;
  text-align: center;
}

.data-table-row.head > .data-table-cell.btn-cell {
  background: #fff;
  border: 0;
}

.data-table-row > .data-table-cell.btn-cell {
  max-width: 40px;
  padding: 0;
  position: relative;
}

.data-table-cell.btn-cell > .button {
  margin: 0;
  border-radius: 0;
}

.data-table-row .rwd-head {
  display: none;
}

.data-table-row:last-child {
  border-bottom: 1px solid #ddd;
}

.data-table-cell:first-child {
  text-align: left;
  border-left: 1px solid #ddd;
}

.data-table-cell:last-child {
  text-align: right;
}

.data-table-cell.left {
  text-align: left;
}

.data-table-cell.center {
  text-align: center;
}

.data-table-cell.right {
  text-align: right;
}

.data-table-cell.has-input {
  position: relative;
}

.data-table-cell.has-input > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  height: 100%;
  border: 0;
}

.data-table-cell.has-input .styledSelect {
  border: 0;
  background: transparent;
  white-space: nowrap;
}

.data-table-cell.name {
  flex: 2;
  width: 100%;
  position: relative;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  text-align: left;
}

.data-table-cell.client_name {
  position: relative;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.data-table-cell.has-input {
  position: relative;
  text-align: left;
}

.btn-cell .button.alt {
  height: 40px;
  min-width: 40px;
  padding-left: 0;
  background: #c5ced4;
  border: 0;
}

.btn-cell .button.alt {
  background: #92a5ba;
}

.btn-cell .button.alt:hover {
  border: 0;
  background: #c8d2dc;
}

.side-panel,
.side-panel.hidden {
  display: block !important;
  position: fixed;
  top: 0;
  right: -1200px;
  bottom: 0;
  transition: right 600ms;
  z-index: 999;
  background: #fff;
  width: 1000px;
  box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);
  text-align: left;
}

.panel-wrapper .call-button-wrapper .button {
  margin: 0;
}

.panel-wrapper .matching-info-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 60%;
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.panel-wrapper .matching-info-wrapper > div {
  flex: 1;
  display: flex;
  align-items: center;
}

.panel-wrapper .chart-descr {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.panel-wrapper .chart-descr .progress-percent {
  color: #00c600;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.panel-wrapper .bar-char-wrapper {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 5px;
       column-gap: 5px;
  height: 50px;
  align-items: flex-end;
}

.bar-char-wrapper .bar {
  width: 10px;
  background: rgb(232, 232, 232);
}

.bar-char-wrapper .bar.bar-1 {
  height: 20%;
}

.bar-char-wrapper .bar.bar-2 {
  height: 40%;
}

.bar-char-wrapper .bar.bar-3 {
  height: 60%;
}

.bar-char-wrapper .bar.bar-4 {
  height: 80%;
}

.bar-char-wrapper .bar.bar-5 {
  height: 100%;
}

.bar-char-wrapper .bar.color {
  background: #0091c6;
}

.table .pie-wrapper {
  height: 30px;
  width: 30px;
  float: left;
  margin: 0;
  position: relative;
}

.panel-wrapper h2 {
  margin: 1.5em 0 0.8em 0;
  font-size: 1.8rem;
  line-height: 1.1;
  letter-spacing: 0px;
}

.panel-wrapper h3 {
  font-size: 1.2rem;
}

.panel-wrapper .controls {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 60px;
  padding: 0 30px 0 30px;
  box-sizing: border-box;
  background: #fff;
  border-top: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.panel-wrapper .controls > .button {
  margin-bottom: 0 !important;
}

.panel-wrapper .candidate-photo {
  border-radius: 5px;
  width: 200px;
  min-height: 250px;
  background: rgba(129, 135, 141, 0.3019607843) bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

.panel-wrapper .candidate-photo.placeholder {
  border-radius: 5px;
  width: 200px;
  min-height: 250px;
  background: rgba(129, 135, 141, 0.3019607843) bottom;
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: bottom;
}

.panel-wrapper .candidate-description {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
}

.panel-wrapper .candidate-header h2 {
  margin: 0;
  font-weight: bold;
}

.panel-wrapper .candidate-header span.subtitle.small {
  font-size: 10px;
}

.fas.fa-star {
  color: #ffb400;
}

.fas.fa-star.gray {
  color: #e6e7e8;
}

.fas.fa-star.dark-gray {
  color: rgb(129, 135, 141);
}

.cb-table table {
  table-layout: fixed;
  max-width: 1000px;
}

.cb-table table tr td,
.cb-table table tr th {
  vertical-align: middle;
}

.cb-table table tr td .button,
.cb-table table tr th .button {
  margin: 0;
}

.page-numbers {
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-numbers a,
.page-numbers span {
  display: block;
  margin: 0 20px;
  font-size: 20px;
}

.page-numbers span {
  font-size: 14px;
  min-width: 40px;
  text-align: center;
}

.page-numbers a.disabled,
.page-numbers a.disabled:hover {
  cursor: default;
  opacity: 0.9;
  filter: grayscale(100%);
  color: #ddd;
}

.page-numbers a i {
  font-size: 26px;
}

.progress-wrapper {
  position: relative;
  height: 2px;
}

.progress-wrapper .progress {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: -4px;
  margin-top: -4px;
  background: #001e28;
}

.footer-tools {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ccc;
}

.footer-tools .columns > div {
  margin-bottom: 0;
  padding-bottom: 0;
}

.footer-tools .button {
  margin-bottom: 0;
}

.footer {
  text-align: center;
}

.header.with-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 60px;
  flex-wrap: wrap;
}

.header.with-button .button {
  margin: 0;
  margin-bottom: 10px;
}

.header.with-button h2 {
  margin-bottom: 10px;
  margin-right: 30px;
}

.logo-box .thb {
  filter: grayscale(100%);
  transition: filter 600ms;
}

.logo-box:hover .thb {
  filter: grayscale(0);
}

.icon-card-lux-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-bottom: 50px;
}

.icon-card-lux-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: #fff;
}

.icon-card-lux-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.icon-card-lux-section .container {
  position: relative;
  z-index: 1;
}

.icon-card-lux-section .icon-card .content {
  color: #fff;
}

.icon-card-lux-section .icon-card h3 {
  color: #ffb400;
}

.icon-card-lux-section .icon-card .icon-wrapper {
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(90deg, #ffb400, #001e28);
  width: 120px;
  height: 120px;
  margin: 0 auto 1em auto;
}

.icon-card-lux-section .icon-card .icon-wrapper .icon {
  background: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.icon-card-lux-section .icon-card .icon-wrapper .icon img {
  width: 50%;
  height: 50%;
}

.quote-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 90px 0;
}

.quote-section .container {
  position: relative;
  z-index: 1;
}

.quote-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.quote-section h2,
.quote-section blockquote,
.quote-section p,
.quote-section span,
.quote-section a {
  color: #fff;
}

.quote-section h2 {
  text-align: center;
}

.quote-section .header {
  padding-bottom: 0;
}

.quote-section blockquote,
.quote-section span.signature {
  text-align: center;
  display: block;
}

blockquote span.signature {
  text-transform: uppercase;
}

.quote-section .slick-next,
.quote-section .slick-prev {
  display: none !important;
}

.form-wrapper {
  max-width: 100%;
  background-color: #ffffff;
}

nav.desktop .nav-button > a {
  text-transform: uppercase;
  font-size: 0.7rem;
}

nav.desktop .nav-button > a span {
  position: relative;
}

nav.desktop .nav-button > a span:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 0;
  background: #001e28;
  transition: all 300ms;
}

nav.desktop .nav-button > a:hover span:after,
nav.desktop .nav-button.urhere > a span:after {
  height: 2px;
}

.PAGE {
  padding: 0;
  min-height: initial;
}

.header-modules {
  float: right;
  height: 100%;
}

#TOP-MAIN .header-modules {
  padding-left: 30px;
  margin-left: 15px;
  position: relative;
}

#TOP-MAIN .header-modules:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  height: 14px;
  width: 1px;
  background: #ddd;
}

.header-modules .button {
  margin: 0;
  min-width: 220px;
}

.header-modules .phone-wrapper {
  margin-left: 30px;
}

.phone-wrapper .button .ico {
  padding: 10px;
}

.opSlider-control-prev,
.opSlider-control-next {
  display: none;
}

.banner-content h1,
.banner-content h2,
.banner-content .text-wrapper,
.banner-content .controls {
  text-align: left;
}

.article-section.padding-top h2:first-child {
  margin-top: 0;
}

#BOTTOM {
  padding: 100px 0;
}

#BOTTOM,
#SYSTEM-FOOT {
  background: #001e28;
}

#BOTTOM h3:first-child {
  margin-top: 0;
}

#BOTTOM,
#BOTTOM h3,
#BOTTOM p,
#BOTTOM span,
#BOTTOM a,
#BOTTOM strong {
  color: rgba(255, 255, 255, 0.8);
}

#BOTTOM .social-links {
  margin-top: 1em;
}

#BOTTOM .social-icon {
  width: 22px;
  height: 22px;
  margin-right: 20px;
}

#BOTTOM .social-icon svg path {
  fill: #fff;
}

#BOTTOM .links ul li {
  padding-bottom: 5px;
}

#BOTTOM .links ul li a:hover {
  color: white;
}

#SYSTEM-FOOT {
  border-top: 1px solid #006b8e;
}

#SYSTEM-FOOT .container {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#START h2 {
  text-align: center;
}

#START .subtitle {
  font-weight: normal;
  color: #ffb400;
}

#page-contactus .columns .contact_data h3:first-child,
#page-contactus .columns .form-wrapper h2:first-child {
  margin-top: 0;
}

#page-contactus .columns .form-wrapper h2 {
  font-size: 1.6em;
}

.company_name,
.add_company_name,
.address,
.phone,
.email,
.hours,
.add_descr,
.fax {
  display: block;
}

.company_name,
.add_company_name,
.address,
.phones-wrapper,
.emails-wrapper,
.hours,
.add_descr,
.fax {
  margin-bottom: 1em;
}

.contact-section-icon {
  overflow: hidden;
}

.contact-icon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.contact-icon .icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 0;
  margin-right: 20px;
}

.contact-icon .button {
  margin: 0;
}

.contact-icon strong {
  display: block;
  margin-bottom: 5px;
  color: #101010;
  font-family: Inter, tahoma, arial, sans-serif;
}

.contact-icon .hours {
  margin-top: 0;
}

.email-wrapper .email,
.phone-wrapper .phone {
  display: none;
}

.email-wrapper.show-email .email,
.phone-wrapper.show-phone .phone {
  display: flex;
}

.email-wrapper.show-email .button.show-btn,
.phone-wrapper.show-phone .button.show-btn {
  display: none;
}

.email-wrapper.show-email,
.phone-wrapper.show-phone {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.phone-number > a:hover {
  text-decoration: none;
}

.map iframe {
  width: 100% !important;
}

.contact-simple-layout {
  overflow: hidden;
}

.contact-simple-layout > div {
  float: left;
}

.contact-simple-layout > div h2:first-child,
.contact-layout > div h3:first-child {
  margin-top: 0;
}

.contact-simple-layout > div.contact-content {
  width: 35%;
}

.contact-simple-layout > div.contact-form {
  width: 65%;
}

.form-fields-wrapper {
  overflow: visible;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.form-fields-wrapper > .col1,
.form-fields-wrapper > .col2 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.form-fields-wrapper > .col1 {
  padding-right: 5px;
}

.form-fields-wrapper > .col2 {
  padding-left: 5px;
}

.form-fields-wrapper .input-wrapper.field-rodo {
  clear: both;
}

.form-fields-wrapper > .col2 .input-wrapper {
  height: calc(100% - 10px);
}

.form-fields-wrapper > .col2 textarea {
  min-height: 120px;
  height: 100%;
}

.form-fields-wrapper .input-wrapper input,
.form-fields-wrapper .input-wrapper textarea {
  display: block;
}

.contact-data-form-section {
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border: 1px solid #ffb400;
}

.contact-data-form-section > div {
  box-sizing: border-box;
  padding: 50px;
}

.contact-data-form-section > div.contact-col {
  background: #ffb400;
  position: relative;
  width: 40%;
}

.contact-data-form-section > div.contact-col:after {
  content: "";
  position: absolute;
  top: 60px;
  right: -10px;
  width: 20px;
  height: 20px;
  background: #ffb400;
  transform: rotate(45deg);
}

#START .contact-data-form-section > div.contact-col,
#START .contact-data-form-section > div.contact-col h2,
#START .contact-data-form-section > div.contact-col h2 .subtitle,
.contact-data-form-section > div.contact-col,
.contact-data-form-section > div.contact-col h2,
.contact-data-form-section > div.contact-col h2 .subtitle {
  color: #fff;
}

.contact-data-form-section > div.add-module-col {
  width: 60%;
}

.contact-data-form-section h2,
#START .contact-data-form-section h2,
.contact-data-form-section h3,
#START .contact-data-form-section h3 {
  margin-top: 0;
  margin-bottom: 15px;
  text-align: left;
  font-size: 2.4rem;
}

.contact-data-form-section .contact_data .button {
  min-width: 180px;
}

.contact-data-product-section {
  border: 1px solid #ddd;
  padding: 50px;
}

.contact-data-product-section > div {
  float: left;
  box-sizing: border-box;
  padding-right: 60px;
}

.contact-data-product-section > div.contact-col {
  position: relative;
  width: 35%;
}

.contact-data-product-section > div.add-module-col {
  width: 65%;
  padding-right: 0;
}

.contact-data-product-section h2,
#START .contact-data-product-section h2,
.contact-data-product-section h3,
#START .contact-data-product-section h3 {
  margin-top: 0;
  text-align: left;
  font-size: 2.6rem;
}

.contact-data-product-section .contact_data {
  padding-top: 30px;
}

.contact-data-product-section .button-style .button,
.contact-data-product-section .email-wrapper .button {
  min-width: 180px;
}

.contact-data-section .contact-box {
  padding: 50px 50px 20px 50px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  position: relative;
}

.contact-data-section .contact-box.small {
  padding-right: 50%;
}

.contact-data-section .contact-box.small .image-wrapper {
  position: absolute;
  top: -15px;
  right: 0;
  bottom: -15px;
  width: 40%;
}

.contact-data-section .contact-box.small .image-wrapper .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contact-data-section .form-fields-wrapper textarea {
  min-height: 179px;
}

.contact-data-section h2,
#START .contact-data-section h2,
.contact-data-section h3,
#START .contact-data-section h3 {
  margin-top: 0;
  text-align: left;
  font-size: 2.6rem;
}

.contact-data-section .phone-wrapper .button,
.contact-data-section .email-wrapper .button,
.contact-data-product-section .phone-wrapper .button,
.contact-data-product-section .email-wrapper .button,
.contact-data-form-section .phone-wrapper .button,
.contact-data-form-section .email-wrapper .button {
  min-width: 180px;
}

.contact-data-product-section .contact-icon,
.contact-data-form-section .contact-icon {
  align-items: center;
}

#page-notifications .table-wrapper table tr th:first-child,
#page-notifications .table-wrapper table tr td:first-child,
#page-business_cards .table-wrapper table tr th:first-child,
#page-business_cards .table-wrapper table tr td:first-child,
#contact-list-table .table-wrapper table tr th:first-child,
#contact-list-table .table-wrapper table tr td:first-child {
  width: 50px;
}

#page-candidates_contacts .action-wrapper .action-btn {
  width: auto;
}

#page-candidates_contacts .action-wrapper .action-btn::before {
  display: none;
}

#page-offer_wizard .map_window .window .close {
  background-color: #ffb400;
}
#page-offer_wizard .map_window .window > div {
  z-index: 2;
}
#page-offer_wizard .map_window .window .controls .button {
  margin-bottom: 0;
}

#candidate_panel .button.friend.active {
  background-color: #f6f6f9;
  border: none;
  position: relative;
}
#candidate_panel .friend-action-status {
  display: none;
}
#candidate_panel .candidate-buttons {
  min-width: 400px;
}
#candidate_panel #friend-window-status.show-me {
  display: block;
  left: 175px;
  top: 200px;
}
#candidate_panel table {
  table-layout: fixed;
}
#candidate_panel #friend-window-status .button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: none;
  width: 100%;
  text-align: left;
  border: none;
  margin: 0;
}
#candidate_panel #friend-window-status .button:hover {
  background-color: #fafbfc;
}
#candidate_panel #friend-window-status .button.kosz {
  color: #81878d;
}
#candidate_panel #friend-window-status .button.block {
  color: #f5002c;
}

#page-business_cards form {
  display: flex;
  gap: 20px;
  align-items: flex-end;
}
#page-business_cards .input-wrapper {
  width: 400px;
  height: auto;
  margin-bottom: auto;
}
#page-business_cards .form-wrapper {
  padding: 20px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  border-radius: 7px;
  min-height: 200px;
  min-width: 200px;
}

#page-business_cards h2,
#page-candidates_contacts h2,
#page-candidate h2 {
  margin-bottom: 0;
}

#page-notifications .first-table-item {
  position: relative;
}

#page-notifications table {
  table-layout: auto;
}

#page-notifications .table tbody tr th:last-child,
#page-notifications .table tbody tr td:last-child {
  text-align: left;
}

#page-candidate .table tbody tr td:last-child {
  text-align: left;
}

.bg-color {
  background: linear-gradient(90deg, #ffb400, #001e28);
}

.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color .subtitle,
#START .bg-color .subtitle,
.bg-color p,
.bg-color a,
.bg-color span {
  color: #fff;
}

.bg-color .green-alert,
.bg-color .red-alert,
.bg-color .yellow-alert {
  color: inherit;
}

.login-page .message.red-alert {
  background: rgba(255, 0, 61, 0.1019607843);
  border: 1px solid #f5002c;
  border-radius: 5px;
  color: #f5002c;
  font-size: 13px;
  padding: 10px 8px;
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 0;
}

#START .yellow-alert {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 250px;
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
  border: none;
  padding: 30px 15px 15px 15px !important;
}
#START .yellow-alert p, #START .yellow-alert h3 {
  margin-left: auto;
  margin-right: auto;
}
#START .yellow-alert h3 {
  margin: 12px 0;
  font-size: 16px;
  font-weight: 500;
}
#START .yellow-alert p {
  line-height: 1.6;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
}
#START .yellow-alert .button {
  margin: 0 !important;
  margin-top: 15px !important;
}

#START .notifications .yellow-alert p, #START .notifications .yellow-alert h3,
#START .deadline-card .yellow-alert p,
#START .deadline-card .yellow-alert h3 {
  max-width: 400px;
}

.user-dropdown {
  display: none;
  position: absolute;
  z-index: 100;
  right: 0px;
  left: 0;
  bottom: -20px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);
}
.user-dropdown a {
  display: block;
  padding: 10px;
}

.nav-user.active .user-dropdown {
  display: block;
}

#START .yellow-alert::before {
  display: none;
}

.yellow-alert {
  background: #F6F6F9;
  border: 1px solid rgba(117, 126, 138, 0.3019607843);
  font-weight: 500;
  border-radius: 6px;
  font-size: 15px;
  color: #81878D;
  padding: 15px;
  padding-left: 50px;
  position: relative;
  max-width: 450px;
}
.yellow-alert .button.cta {
  margin-bottom: 0;
  margin-top: 10px;
}

.yellow-alert::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 15px;
  top: 15px;
  background-image: url("graphics/svg/Info.svg");
}

.check-onscreen {
  position: relative;
}

.check-onscreen.offscreen-bottom {
  top: 100px;
  opacity: 0;
  transition: all 400ms;
}

.check-onscreen.onscreen {
  top: 0;
  opacity: 1;
  transition: all 400ms;
}

.blur-up {
  filter: blur(5px);
  transition: filter 400ms;
}

.blur-up.lazyloaded {
  filter: blur(0);
}

#SYSTEM-FOOT {
  z-index: 0;
}

.dimmed-color {
  color: #d3d3d3;
}

.breadcrumps {
  padding-bottom: 0;
  text-transform: none;
  font-size: 0.7em;
}

.timeline-horizontal {
  display: flex;
  justify-content: space-around;
  margin: 15px 0 40px 0;
}

.timeline-horizontal .item {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.timeline-horizontal .item:after,
.timeline-horizontal .item:before {
  display: block;
  position: absolute;
  content: "";
  height: 2px;
  top: 9px;
  background: #001e28;
}

.timeline-horizontal .item:after {
  right: 0;
  left: 50%;
}

.timeline-horizontal .item:before {
  left: 0;
  right: 50%;
}

.timeline-horizontal .item:last-child:after {
  content: none;
}

.timeline-horizontal .item .pointer {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 2px solid #001e28;
  background: #f4f6f9;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}

.timeline-horizontal .item .pointer-text {
  margin-top: 5px;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-align: center;
  line-height: 1.3;
}

.timeline-horizontal .item.active:before {
  background: #ffb400;
}

.timeline-horizontal .item.active:after {
  background: linear-gradient(100deg, #ffb400 0%, #001e28 100%);
}

.timeline-horizontal .item.past:after,
.timeline-horizontal .item.past:before {
  background: #ffb400;
}

.timeline-horizontal .item.past .pointer,
.timeline-horizontal .item.active .pointer {
  border-color: #ffb400;
}

.timeline-horizontal .item.active .pointer:before {
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #ffb400;
  left: 2px;
  top: 2px;
}

.timeline-recruitment-process {
  max-width: 900px;
}

table.invisible-table {
  border-left: none;
  border-top: none;
}

table.invisible-table tr td,
table.invisible-table tr th {
  padding: 0;
  text-align: left;
  border-right: none;
  border-bottom: none;
  background: transparent;
  color: #202e4b;
}

table.invisible-table tr:nth-child(odd) td {
  background: transparent;
}

table.invisible-table tr td.key .list-title {
  opacity: 0.6;
}

table.invisible-table tr td.value {
  padding-left: 15px;
}

.login-page,
.register-page {
  align-items: center;
  background-color: #e9ecef;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
}

.login-box,
.register-box {
  width: 390px;
}
.login-box h1,
.register-box h1 {
  color: white;
}

.login-box .login-card,
.register-box .login-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border-radius: 0.25rem;
  margin-bottom: 0;
}

.login-card .card-body h1 {
  line-height: 1.4;
}
.login-card .card-body p {
  color: #92aab1;
  line-height: 1.6;
}

.login-card .submit-area .button,
.login-card form .button {
  width: 100%;
  font-weight: 600;
  text-transform: none;
  font-size: 1em;
  color: black;
}

.login-card form .button {
  margin-top: 10px;
}

.login-card .card-body input,
.login-card .card-body input:active,
.login-card .card-body input:focus {
  background-color: rgba(255, 255, 255, 0.062745098);
  color: #fff;
}

.login-card input[type=text]:-webkit-autofill,
.login-card input[type=text]:-webkit-autofill:hover,
.login-card input[type=text]:-webkit-autofill:focus,
.login-card input[type=text]:-webkit-autofill:active {
  -webkit-box-shadow: none !important; /* Adjust the color as needed */
  -webkit-text-fill-color: black !important; /* Adjust the text color as needed */
}

.login-card .card-body .input-wrapper:first-child,
.login-card .card-body form .input-wrapper:first-child {
  padding: 0;
}

.login-card .forgot-pass {
  color: rgb(146, 170, 177);
}

.login-card .forgot-pass:hover {
  color: white;
}

.login-box .footer-combo p {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.main-header,
.content-wrapper {
  margin-left: 240px;
  margin-top: 0;
}

.content-wrapper {
  background-color: #fafbfc;
  overflow: hidden;
}

.dashboard-card {
  position: relative;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  width: 100%;
}

.dashboard-card.recruiters > div {
  overflow-y: hidden;
  padding-bottom: 88px;
}
.dashboard-card.recruiters ul {
  overflow-y: auto;
  height: 100%;
}
.dashboard-card.recruiters ul li {
  margin-left: 0;
}

.disabled-span {
  height: 1px;
  background-color: #ddd;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dashboard-card .card-header {
  background-color: transparent;
  padding: 10px 15px 0 20px;
  position: relative;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.dashboard-card .header-wrapper {
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.dashboard-card .header-wrapper .controls {
  text-align: right;
}

.dashboard-card .header-wrapper .controls .button {
  margin-bottom: 0;
  height: 30px;
}

.dashboard-card .header-wrapper .controls .button:last-child {
  margin-right: 0;
}

.dashboard-card .card-title {
  float: left;
  font-size: 1.1rem;
  font-weight: 400;
  margin: 0;
}

.dashboard-card .card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.dashboard-card .card-body .button {
  margin-bottom: 0;
}

.dashboard-card .overlay {
  border-radius: 0.25rem;
  align-items: center;
  background-color: #999;
  display: flex;
  justify-content: center;
  z-index: 50;
}

.dashboard-card > .loading-img,
.dashboard-card > .overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.dashboard-card .overlay > .fas {
  color: #ced4da;
}

.notifications-wrapper {
  height: 100%;
  overflow-y: auto;
}

.dashboard-card.statistics .chart-wrapper {
  width: 210px;
  height: 210px;
  margin: 0 auto;
}

.dashboard-card.statistics .stats-wrapper {
  border-bottom: none;
  border-radius: 7px;
}

.notification-item {
  position: relative;
  margin-bottom: 1em;
}

.notification-item .notification-header {
  position: relative;
}

.notification-item .notification-header h3 {
  font-size: 1.1rem;
  margin-top: 0;
  margin-bottom: 5px;
  line-height: 1.4;
}

.notification-item .notification-header {
  display: flex;
}

.notification-item .notification-header img {
  display: block;
  width: 40px;
  height: 40px;
}

.notification-item .notification-header .notification-img {
  position: relative;
  z-index: 1;
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  font-size: 1.4rem;
}

#page-notifications .notification-item .notification-header {
  font-size: 1rem;
  color: #777;
}

#page-notifications .notification-item.new .notification-header {
  font-size: 1rem;
  color: #101010;
  font-weight: 500;
}

.notification-item .notification-header .notification-alert {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 999px;
  background-color: #ffb400;
  border: 3px solid white;
  z-index: 2;
}

.notification-item .notification-header .date-wrapper {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 0.8rem;
}

.notification-item .notification-content-wrapper {
  font-size: 14px;
  padding-right: 0;
  position: relative;
  color: #81878d;
  line-height: 1.2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.notification-item .notification-content-wrapper > div.descr {
  flex: 1;
  padding-right: 15px;
}

.notification-item .notification-content-wrapper .controls {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
}

.notification-item .notification-content-wrapper .controls .button {
  height: 28px;
  margin-bottom: 0;
  margin-right: 5px;
}

.notification-item.new .notification-header h3 {
  font-weight: bold;
}

#page-notifications .action-wrapper,
#page-notifications .status-wrapper {
  width: auto;
}
#page-notifications .dashboard-card {
  border-radius: 7px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  justify-content: space-between;
  min-height: 360px;
  min-width: 300px;
}
#page-notifications .dashboard-card .controls {
  padding: 15px;
  margin: 0;
}
#page-notifications .dashboard-card .table-wrapper,
#page-notifications .dashboard-card .button.alt {
  margin: 0;
}
#page-notifications .notification-item {
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  padding: 15px;
  margin: 0;
}
#page-notifications .company-img {
  width: 26px;
  height: 26px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  border-radius: 999px;
  position: relative;
  overflow: hidden;
}

.message-note-wrapper {
  line-height: 1;
  padding-right: 20px;
}

.message-note-wrapper > span.message-count {
  position: absolute;
  top: 50%;
  right: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 50%;
  background: #ff0000;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

#page-chat_users .app-hint {
  padding-top: 50px;
  padding-bottom: 0;
}

#cometchat {
  height: calc(100vh - 100px);
}

#page-chat_users .css-bru21c {
  border: 0 !important;
}

.chat-users-wrapper {
  max-width: 500px;
}

.czat-user-wrapper {
  padding-bottom: 15px;
  padding-top: 10px;
}

.chat-user {
  padding-left: 65px;
  position: relative;
  display: block;
}

a.chat-user {
  display: block;
  text-decoration: none;
  color: #777;
}

.chat-user .user-avatar {
  position: absolute;
  top: -5px;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f5f5f5;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 50%;
}

.chat-user .user-content-wrapper {
  height: 50px;
  overflow: hidden;
}

.chat-user .user-content-wrapper h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.chat-user .user-content-wrapper .user-chat-message {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding-right: 150px;
  margin-bottom: 5px;
}

.chat-user .user-content-wrapper .user-chat-message > span {
  display: inline-block;
  margin-right: 2px;
}

.chat-user .user-content-wrapper .user-chat-message .msg {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
  font-size: 14px;
}

.chat-user .user-content-wrapper .user-chat-message .msg-dete {
  display: inline-block;
  margin-left: 10px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
}

.czat-user-wrapper.new {
  font-weight: bold;
}

.czat-user-wrapper.new a.chat-user {
  color: #000;
}

.chat-wrapper {
  display: flex;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.chat-left-panel {
  min-width: 400px;
  margin-top: 152px;
  width: 400px;
  padding: 0 20px;
  background-color: white;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #f0f0f0 transparent;
  border-right: 1px solid rgba(129, 135, 141, 0.3019607843);
}

.chat-right-panel {
  width: 100%;
  margin-top: 81px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}

.chat-user-wrapper {
  padding: 20px 10px;
  margin: 5px 0;
}

.chat-user-wrapper:hover {
  border-radius: 7px;
  background-color: #f6f6f9;
  cursor: pointer;
}
.chat-user-wrapper:hover h3 {
  cursor: pointer;
}

.chat-user {
  padding-left: 47px;
}

.chat-user .user-avatar {
  width: 35px;
  height: 35px;
  top: 0;
}

.chat-user h3 {
  font-weight: 500;
}

.chat-user .msg {
  font-weight: 400;
}

.top-tooltip.chat {
  padding: 0;
  width: 441px;
  height: 70px;
  box-sizing: border-box;
}

.chat-left-tooltip {
  padding: 0 20px;
  width: 400px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-right: 1px solid rgba(129, 135, 141, 0.3019607843);
}

.chat-right-tooltip {
  padding: 0 20px;
  height: 70px;
  box-sizing: border-box;
  min-height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
}

.chat-right-tooltip h2 {
  margin: 0;
}

.chat-right-wrapper {
  height: 100%;
  width: 100%;
}
.chat-right-wrapper .n-comments .comments-list > div {
  padding-top: 20px;
  padding-right: 10px;
  scrollbar-width: thin;
  scrollbar-color: #f0f0f0 transparent;
}

.chat-user-wrapper.new .msg {
  font-weight: 500;
  color: #001e28;
}

.chat-user-wrapper .message-count {
  font-weight: 500;
  font-size: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  right: 0;
  bottom: 10px;
  position: absolute;
  background-color: #ffb400;
  color: #001e28;
  text-align: center;
}

.n-comments {
  position: relative;
  height: calc(100vh - 152px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.n-comments .comments-list {
  overflow: hidden;
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.n-comments .comments-list > div {
  width: 100%;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  box-sizing: border-box;
  padding-bottom: 20px;
}

.n-comments .comments-list::-webkit-scrollbar {
  display: none; /* Chrome */
}

.n-comments .user-comment {
  margin-bottom: 10px;
  margin-right: 30%;
  margin-left: 15px;
  padding: 5px 12px;
  font-size: 0.9rem;
  border-radius: 0px 12px 12px 12px;
  background: #eaeaea;
  float: left;
  clear: both;
  min-width: 260px;
  max-width: 500px;
}

.n-comments .user-comment.my-comment {
  margin-left: 30%;
  margin-right: 15px;
  border-radius: 12px 0 12px 12px;
  color: #fff;
  background: #ffb400;
  float: right;
  clear: both;
}

.n-comments .user-comment-author {
  margin-left: 10px;
  opacity: 0.6;
  font-size: 0.8em;
}

.n-comments .user-comment .user-comment-date {
  margin-top: -5px;
  font-size: 0.8em;
  float: right;
  opacity: 0.6;
  text-align: right;
  vertical-align: bottom;
}

.n-comments .comment {
  display: block;
  padding-top: 12px;
}

.n-comments .comment p {
  margin: 0;
  padding: 0;
}

.n-comments .new-comment {
  padding: 30px 20px;
  width: 100%;
  position: relative;
  height: auto;
  min-height: 40px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  border-top: 1px solid rgba(129, 135, 141, 0.3019607843);
}

.n-comments .new-comment-textarea {
  width: 100%;
}

.n-comments .new-comment-controls .button {
  margin: 0;
}

.n-comments .new-comment textarea {
  height: 40px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  font-size: 0.9rem;
  border-color: rgba(117, 126, 138, 0.3019607843);
  border-radius: 5px;
  resize: none;
  overflow: hidden;
  min-height: 35px;
  max-height: 100px;
}

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

.richText .richText-editor,
.richText .richText-initial {
  height: 38px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  font-size: 0.9rem;
  border-color: #fff;
  border-radius: 5px;
  resize: none;
  overflow: hidden;
  min-height: 35px;
  max-height: 100px;
  padding: 9px 15px;
}

.richText .richText-editor p {
  margin: 0;
  padding: 0;
}

.richText .richText-toolbar {
  display: none;
}

.dashboard-card {
  border-radius: 7px;
}

.widget-user {
  background-color: #fff;
}

.widget-user .widget-user-header {
  border-radius: 7px;
  height: 135px;
  padding: 1rem;
  text-align: center;
  background-color: #17a2b8;
  color: #fff;
  box-sizing: border-box;
  margin: 1rem;
}

.widget-user .widget-user-username {
  font-size: 25px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  color: #fff;
}

.widget-user .widget-user-desc {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.widget-user .widget-user-image {
  left: 50%;
  margin-left: -45px;
  position: absolute;
  top: 80px;
}

.widget-user .widget-user-image > img {
  border: 3px solid #fff;
  height: auto;
  width: 90px;
  background: white;
  border-radius: 50%;
  box-sizing: border-box;
}

.widget-user .card-footer {
  padding: 50px 1.25rem 0.75rem;
  border-top: 0 solid rgba(0, 0, 0, 0.13);
}

.widget-user .description-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
}

.widget-user .description-wrapper > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: stretch;
}

.table-responsive {
  padding: 0 !important;
  display: block;
  width: 100%;
  overflow-x: auto;
}

.table {
  width: 100%;
  margin-bottom: 0;
  color: #777;
  background-color: white;
  border-collapse: collapse;
  border-left: none;
  border-top: none;
  max-width: initial;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  border-right: none;
  border-top: none;
  font-weight: bold;
}

.table tr th {
  background: white;
  color: rgb(119, 119, 119);
  vertical-align: middle;
}

.table tr td,
.table tr th {
  padding: 8px 15px;
  text-align: left;
  border-right: none;
  background: #fff;
  vertical-align: middle;
}

.short_title {
  width: 120px;
}

.medium_title {
  width: 200px;
}

#contact-list-table .table tr td,
#contact-list-table .table tr th {
  padding: 10px;
}

#contact-list-table .table .gender {
  width: 100px;
}

.table tbody tr:hover td,
tbody tr:hover td {
  background-color: #fafbfc;
}

.table tbody tr.cursor:hover td {
  cursor: pointer;
}

.table tbody tr td:last-child {
  text-align: end;
  text-align: -webkit-right;
}

.fa-buttons {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-column-gap: 5px;
       column-gap: 5px;
}

a.fa-button,
span.fa-button,
a.table-button,
span.table-button {
  color: white;
  background: #202e4b;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}

a.table-button,
span.table-button {
  width: auto;
}

a.fa-button:hover,
span.fa-button,
a.table-button,
span.table-button {
  color: #e6e6e6;
}

a.fa-button.no-bg,
span.fa-button.no-bg {
  color: #202e4b;
  background: transparent;
}

a.fa-button.accept,
a.button.accept,
span.button.accept,
span.fa-button.accept {
  color: #202e4b;
  background: rgb(32, 193, 161);
}

a.fa-button.refusal,
a.button.refusal,
span.button.refusal,
span.fa-button.refusal {
  color: #202e4b;
  background: rgb(220, 20, 60);
}

a.fa-button.no-bg.accept,
span.fa-button.no-bg.accept {
  color: rgb(32, 193, 161);
  background: transparent;
  font-size: 20px;
}

a.fa-button.no-bg.refusal,
span.fa-button.no-bg.refusal {
  color: rgb(220, 20, 60);
  background: transparent;
  font-size: 20px;
}

a.fa-button.handshake,
span.fa-button.handshake {
  width: 95%;
  font-size: 20px;
  color: #202e4b;
}

.fa-button.text {
  padding: 0 15px;
  width: auto;
}

.fa-button.text i {
  margin-right: 10px;
}

.mirror-reflection {
  transform: rotateY(180deg);
}

.labels-wrapper,
.labels-wraper {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 15px;
}

.label {
  box-sizing: border-box;
  border: 1px #81878D solid;
  border-radius: 20px;
  background: #fff;
  font-size: 14px !important;
  padding: 8px 50px 8px 10px;
  font-size: 1rem;
  position: relative;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

a.label {
  text-decoration: none;
  color: #777;
  transition: all 300ms;
}

a.label:hover {
  color: #5e5e5e;
  background-color: #f5f5f5;
}

.label-no-status {
  padding: 8px 10px 8px 10px;
}

.label span.label-status {
  position: absolute;
  right: 10px;
  top: 50%;
  height: 10px;
  width: 10px;
  box-sizing: border-box;
  border-radius: 100%;
  transform: translate(0, -5px);
  border: 1px solid rgb(112, 112, 112);
  background: #fff;
}

.label.editable > .ico-btn,
.label > .ico-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 100% 100% 0;
  border-left: 1px solid #707070;
  cursor: pointer;
}

.label > .ico-btn:hover {
  background: rgba(112, 112, 112, 0.3);
  color: #001e28;
}

.label.added {
  background-color: rgba(0, 255, 0, 0.1);
}

.label span.label-status.confirmed {
  background: #00ff00;
  border-color: #00ff00;
}

.label span.label-status.not-confirmed {
  background: #ff0000;
  border-color: #ff0000;
}

.label.simple {
  padding: 5px 10px;
  font-size: 10px;
}

.label.color-label {
  color: white;
  border: none;
}

.label.status-cover {
  padding: 4px 10px;
  padding-right: 30px;
}

.tablet-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 10px;
  align-items: flex-start;
  max-width: 550px;
}

.tablet-item {
  border: 1px #707070 solid;
  background: #fff;
  box-sizing: border-box;
  border-radius: 30px;
  font-size: 13px;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  width: 100%;
}

.tablet-item > div {
  position: relative;
  display: flex;
  padding: 3px 10px;
  align-items: center;
  align-content: center;
}

.tablet-item > div:not(:last-child)::after {
  content: "";
  position: absolute;
  width: 1px;
  background: #707070;
  top: 0;
  bottom: 0;
  right: 0;
}

.tablet-item .input {
  min-width: 160px;
  padding: 0;
}

.tablet-item .input input {
  height: 100%;
  max-width: 50px;
}

.styledSelect {
  border: none;
  border-radius: 0;
}

.tablet-item .name {
  flex: 1;
}

.tablet-item .name span {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tablet-item .action {
  cursor: pointer;
  padding: 3px;
  width: 35px;
  overflow: hidden;
}

.tablet-item .action:hover {
  background: rgba(112, 112, 112, 0.3);
}

.tablet-item .action:last-child:hover {
  border-radius: 0 100% 100% 0;
}

.bullet-point {
  position: relative;
  display: flex;
  align-items: center;
}

.point-holder {
  width: 110px;
  display: flex;
  justify-content: flex-end;
}

.bullet-point .point {
  display: block;
  height: 10px;
  width: 10px;
  box-sizing: border-box;
  border-radius: 100%;
  border: 1px solid rgb(112, 112, 112);
  background: rgb(255, 255, 255);
  margin-right: 30px;
}

.bullet-point span.point.green {
  background: #00ff00;
  border-color: #00ff00;
}

.bullet-point span.point.red {
  background: #ff0000;
  border-color: #ff0000;
}

.dated-tile-wrapper {
  display: flex;
  row-gap: 15px;
  flex-direction: column;
}

.dated-tile {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  border: 1px solid rgba(129, 135, 141, 0.1843137255);
  background-color: #fafbfc;
  padding: 15px;
  justify-content: space-between;
  border-radius: 7px;
}

.dated-tile .date {
  width: 110px;
}

.dated-tile .date span {
  white-space: nowrap;
  color: #81878d;
}

.dated-tile .title {
  color: #001e28;
}

.dated-tile .content .text-wrapper {
  letter-spacing: 0;
  line-height: 1.1;
}

.dated-tile-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.main-sidebar span.active,
.main-sidebar p.active {
  color: #ffffff;
  background-color: #112d36;
  border-radius: 6px;
}

.set-size {
  font-size: 10em;
}

.charts-container * {
  box-sizing: border-box;
}
.charts-container:after {
  clear: both;
  content: "";
  display: table;
}

.pie-wrapper {
  height: 50px;
  width: 50px;
  float: left;
  margin: 15px;
  position: relative;
}
.pie-wrapper * {
  box-sizing: border-box;
}
.pie-wrapper .small {
  height: 30px;
  width: 30px;
}
.pie-wrapper:nth-child(3n+1) {
  clear: both;
}
.pie-wrapper .pie {
  height: 100%;
  width: 100%;
  clip: rect(0, 50px, 50px, 25px);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .pie .half-circle {
  height: 100%;
  width: 100%;
  border: 15px solid #00c600;
  border-radius: 50%;
  clip: rect(0, 25px, 50px, 0);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .pie.small {
  clip: rect(0, 30px, 30px, 15px);
}
.pie-wrapper .pie.small .half-circle {
  clip: rect(0, 15px, 30px, 0);
  border: 4px solid #00c600;
}
.pie-wrapper .pie-label {
  background: #34495e;
  border-radius: 50%;
  bottom: 20px;
  color: #ecf0f1;
  cursor: default;
  display: block;
  font-size: 12.5px;
  left: 20px;
  line-height: 140px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 20px;
}
.pie-wrapper .pie-label .smaller {
  color: #bdc3c7;
  font-size: 0.45em;
  padding-bottom: 20px;
  vertical-align: super;
}
.pie-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 15px solid #e8e8e8;
  border-radius: 50%;
}
.pie-wrapper.small .shadow {
  border: 4px solid #e8e8e8;
}
.pie-wrapper.style-2 .label {
  background: none;
  color: #7f8c8d;
}
.pie-wrapper.style-2 .label .smaller {
  color: #bdc3c7;
}
.pie-wrapper.progress-0 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-0 .pie .left-side {
  transform: rotate(0deg);
}
.pie-wrapper.progress-0 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-1 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-1 .pie .left-side {
  transform: rotate(3.6deg);
}
.pie-wrapper.progress-1 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-2 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-2 .pie .left-side {
  transform: rotate(7.2deg);
}
.pie-wrapper.progress-2 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-3 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-3 .pie .left-side {
  transform: rotate(10.8deg);
}
.pie-wrapper.progress-3 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-4 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-4 .pie .left-side {
  transform: rotate(14.4deg);
}
.pie-wrapper.progress-4 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-5 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-5 .pie .left-side {
  transform: rotate(18deg);
}
.pie-wrapper.progress-5 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-6 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-6 .pie .left-side {
  transform: rotate(21.6deg);
}
.pie-wrapper.progress-6 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-7 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-7 .pie .left-side {
  transform: rotate(25.2deg);
}
.pie-wrapper.progress-7 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-8 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-8 .pie .left-side {
  transform: rotate(28.8deg);
}
.pie-wrapper.progress-8 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-9 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-9 .pie .left-side {
  transform: rotate(32.4deg);
}
.pie-wrapper.progress-9 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-10 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-10 .pie .left-side {
  transform: rotate(36deg);
}
.pie-wrapper.progress-10 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-11 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-11 .pie .left-side {
  transform: rotate(39.6deg);
}
.pie-wrapper.progress-11 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-12 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-12 .pie .left-side {
  transform: rotate(43.2deg);
}
.pie-wrapper.progress-12 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-13 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-13 .pie .left-side {
  transform: rotate(46.8deg);
}
.pie-wrapper.progress-13 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-14 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-14 .pie .left-side {
  transform: rotate(50.4deg);
}
.pie-wrapper.progress-14 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-15 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-15 .pie .left-side {
  transform: rotate(54deg);
}
.pie-wrapper.progress-15 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-16 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-16 .pie .left-side {
  transform: rotate(57.6deg);
}
.pie-wrapper.progress-16 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-17 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-17 .pie .left-side {
  transform: rotate(61.2deg);
}
.pie-wrapper.progress-17 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-18 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-18 .pie .left-side {
  transform: rotate(64.8deg);
}
.pie-wrapper.progress-18 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-19 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-19 .pie .left-side {
  transform: rotate(68.4deg);
}
.pie-wrapper.progress-19 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-20 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-20 .pie .left-side {
  transform: rotate(72deg);
}
.pie-wrapper.progress-20 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-21 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-21 .pie .left-side {
  transform: rotate(75.6deg);
}
.pie-wrapper.progress-21 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-22 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-22 .pie .left-side {
  transform: rotate(79.2deg);
}
.pie-wrapper.progress-22 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-23 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-23 .pie .left-side {
  transform: rotate(82.8deg);
}
.pie-wrapper.progress-23 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-24 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-24 .pie .left-side {
  transform: rotate(86.4deg);
}
.pie-wrapper.progress-24 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-25 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-25 .pie .left-side {
  transform: rotate(90deg);
}
.pie-wrapper.progress-25 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-26 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-26 .pie .left-side {
  transform: rotate(93.6deg);
}
.pie-wrapper.progress-26 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-27 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-27 .pie .left-side {
  transform: rotate(97.2deg);
}
.pie-wrapper.progress-27 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-28 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-28 .pie .left-side {
  transform: rotate(100.8deg);
}
.pie-wrapper.progress-28 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-29 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-29 .pie .left-side {
  transform: rotate(104.4deg);
}
.pie-wrapper.progress-29 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-30 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-30 .pie .left-side {
  transform: rotate(108deg);
}
.pie-wrapper.progress-30 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-31 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-31 .pie .left-side {
  transform: rotate(111.6deg);
}
.pie-wrapper.progress-31 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-32 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-32 .pie .left-side {
  transform: rotate(115.2deg);
}
.pie-wrapper.progress-32 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-33 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-33 .pie .left-side {
  transform: rotate(118.8deg);
}
.pie-wrapper.progress-33 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-34 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-34 .pie .left-side {
  transform: rotate(122.4deg);
}
.pie-wrapper.progress-34 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-35 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-35 .pie .left-side {
  transform: rotate(126deg);
}
.pie-wrapper.progress-35 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-36 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-36 .pie .left-side {
  transform: rotate(129.6deg);
}
.pie-wrapper.progress-36 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-37 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-37 .pie .left-side {
  transform: rotate(133.2deg);
}
.pie-wrapper.progress-37 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-38 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-38 .pie .left-side {
  transform: rotate(136.8deg);
}
.pie-wrapper.progress-38 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-39 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-39 .pie .left-side {
  transform: rotate(140.4deg);
}
.pie-wrapper.progress-39 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-40 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-40 .pie .left-side {
  transform: rotate(144deg);
}
.pie-wrapper.progress-40 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-41 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-41 .pie .left-side {
  transform: rotate(147.6deg);
}
.pie-wrapper.progress-41 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-42 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-42 .pie .left-side {
  transform: rotate(151.2deg);
}
.pie-wrapper.progress-42 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-43 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-43 .pie .left-side {
  transform: rotate(154.8deg);
}
.pie-wrapper.progress-43 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-44 .pie .half-circle {
  border-color: #ce1d32;
}
.pie-wrapper.progress-44 .pie .left-side {
  transform: rotate(158.4deg);
}
.pie-wrapper.progress-44 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-45 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-45 .pie .left-side {
  transform: rotate(162deg);
}
.pie-wrapper.progress-45 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-46 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-46 .pie .left-side {
  transform: rotate(165.6deg);
}
.pie-wrapper.progress-46 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-47 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-47 .pie .left-side {
  transform: rotate(169.2deg);
}
.pie-wrapper.progress-47 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-48 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-48 .pie .left-side {
  transform: rotate(172.8deg);
}
.pie-wrapper.progress-48 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-49 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-49 .pie .left-side {
  transform: rotate(176.4deg);
}
.pie-wrapper.progress-49 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-50 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-50 .pie .left-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-50 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-51 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-51 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-51 .pie .left-side {
  transform: rotate(183.6deg);
}
.pie-wrapper.progress-51 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-52 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-52 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-52 .pie .left-side {
  transform: rotate(187.2deg);
}
.pie-wrapper.progress-52 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-53 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-53 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-53 .pie .left-side {
  transform: rotate(190.8deg);
}
.pie-wrapper.progress-53 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-54 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-54 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-54 .pie .left-side {
  transform: rotate(194.4deg);
}
.pie-wrapper.progress-54 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-55 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-55 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-55 .pie .left-side {
  transform: rotate(198deg);
}
.pie-wrapper.progress-55 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-56 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-56 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-56 .pie .left-side {
  transform: rotate(201.6deg);
}
.pie-wrapper.progress-56 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-57 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-57 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-57 .pie .left-side {
  transform: rotate(205.2deg);
}
.pie-wrapper.progress-57 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-58 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-58 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-58 .pie .left-side {
  transform: rotate(208.8deg);
}
.pie-wrapper.progress-58 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-59 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-59 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-59 .pie .left-side {
  transform: rotate(212.4deg);
}
.pie-wrapper.progress-59 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-60 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-60 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-60 .pie .left-side {
  transform: rotate(216deg);
}
.pie-wrapper.progress-60 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-61 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-61 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-61 .pie .left-side {
  transform: rotate(219.6deg);
}
.pie-wrapper.progress-61 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-62 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-62 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-62 .pie .left-side {
  transform: rotate(223.2deg);
}
.pie-wrapper.progress-62 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-63 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-63 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-63 .pie .left-side {
  transform: rotate(226.8deg);
}
.pie-wrapper.progress-63 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-64 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-64 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-64 .pie .left-side {
  transform: rotate(230.4deg);
}
.pie-wrapper.progress-64 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-65 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-65 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-65 .pie .left-side {
  transform: rotate(234deg);
}
.pie-wrapper.progress-65 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-66 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-66 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-66 .pie .left-side {
  transform: rotate(237.6deg);
}
.pie-wrapper.progress-66 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-67 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-67 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-67 .pie .left-side {
  transform: rotate(241.2deg);
}
.pie-wrapper.progress-67 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-68 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-68 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-68 .pie .left-side {
  transform: rotate(244.8deg);
}
.pie-wrapper.progress-68 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-69 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-69 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-69 .pie .left-side {
  transform: rotate(248.4deg);
}
.pie-wrapper.progress-69 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-70 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-70 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-70 .pie .left-side {
  transform: rotate(252deg);
}
.pie-wrapper.progress-70 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-71 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-71 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-71 .pie .left-side {
  transform: rotate(255.6deg);
}
.pie-wrapper.progress-71 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-72 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-72 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-72 .pie .left-side {
  transform: rotate(259.2deg);
}
.pie-wrapper.progress-72 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-73 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-73 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-73 .pie .left-side {
  transform: rotate(262.8deg);
}
.pie-wrapper.progress-73 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-74 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-74 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-74 .pie .left-side {
  transform: rotate(266.4deg);
}
.pie-wrapper.progress-74 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-75 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-75 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-75 .pie .left-side {
  transform: rotate(270deg);
}
.pie-wrapper.progress-75 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-76 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-76 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-76 .pie .left-side {
  transform: rotate(273.6deg);
}
.pie-wrapper.progress-76 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-77 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-77 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-77 .pie .left-side {
  transform: rotate(277.2deg);
}
.pie-wrapper.progress-77 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-78 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-78 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-78 .pie .left-side {
  transform: rotate(280.8deg);
}
.pie-wrapper.progress-78 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-79 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-79 .pie .half-circle {
  border-color: #efe40b;
}
.pie-wrapper.progress-79 .pie .left-side {
  transform: rotate(284.4deg);
}
.pie-wrapper.progress-79 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-80 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-80 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-80 .pie .left-side {
  transform: rotate(288deg);
}
.pie-wrapper.progress-80 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-81 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-81 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-81 .pie .left-side {
  transform: rotate(291.6deg);
}
.pie-wrapper.progress-81 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-82 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-82 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-82 .pie .left-side {
  transform: rotate(295.2deg);
}
.pie-wrapper.progress-82 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-83 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-83 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-83 .pie .left-side {
  transform: rotate(298.8deg);
}
.pie-wrapper.progress-83 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-84 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-84 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-84 .pie .left-side {
  transform: rotate(302.4deg);
}
.pie-wrapper.progress-84 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-85 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-85 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-85 .pie .left-side {
  transform: rotate(306deg);
}
.pie-wrapper.progress-85 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-86 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-86 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-86 .pie .left-side {
  transform: rotate(309.6deg);
}
.pie-wrapper.progress-86 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-87 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-87 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-87 .pie .left-side {
  transform: rotate(313.2deg);
}
.pie-wrapper.progress-87 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-88 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-88 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-88 .pie .left-side {
  transform: rotate(316.8deg);
}
.pie-wrapper.progress-88 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-89 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-89 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-89 .pie .left-side {
  transform: rotate(320.4deg);
}
.pie-wrapper.progress-89 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-90 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-90 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-90 .pie .left-side {
  transform: rotate(324deg);
}
.pie-wrapper.progress-90 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-91 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-91 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-91 .pie .left-side {
  transform: rotate(327.6deg);
}
.pie-wrapper.progress-91 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-92 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-92 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-92 .pie .left-side {
  transform: rotate(331.2deg);
}
.pie-wrapper.progress-92 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-93 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-93 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-93 .pie .left-side {
  transform: rotate(334.8deg);
}
.pie-wrapper.progress-93 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-94 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-94 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-94 .pie .left-side {
  transform: rotate(338.4deg);
}
.pie-wrapper.progress-94 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-95 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-95 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-95 .pie .left-side {
  transform: rotate(342deg);
}
.pie-wrapper.progress-95 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-96 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-96 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-96 .pie .left-side {
  transform: rotate(345.6deg);
}
.pie-wrapper.progress-96 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-97 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-97 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-97 .pie .left-side {
  transform: rotate(349.2deg);
}
.pie-wrapper.progress-97 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-98 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-98 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-98 .pie .left-side {
  transform: rotate(352.8deg);
}
.pie-wrapper.progress-98 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-99 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-99 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-99 .pie .left-side {
  transform: rotate(356.4deg);
}
.pie-wrapper.progress-99 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-100 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-100 .pie .half-circle {
  border-color: #00c600;
}
.pie-wrapper.progress-100 .pie .left-side {
  transform: rotate(360deg);
}
.pie-wrapper.progress-100 .pie .right-side {
  transform: rotate(180deg);
}

.control-panel {
  display: flex;
  border-color: #001e28;
  box-sizing: border-box;
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.control-panel > div {
  flex: 1;
  padding: 0 0 30px 0;
}

.button-set .button {
  margin: 0;
}

.select2-container--default .select2-selection--single {
  background-color: transparent;
  border: none;
  border-radius: 2px;
  height: 40px;
}

.select2-search--dropdown .select2-search__field {
  height: 30px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 7px 15px;
  line-height: 1.7;
  font-size: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #ddd;
}

.select2-results__option {
  padding: 3px;
  text-align: left;
  margin-left: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 1.5em;
  top: 0;
  left: 5px;
  order: 2;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0px 40px 0 10px;
  font-weight: normal;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666;
  font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none !important;
}

.select2-container .select2-selection--single .select2-selection__rendered:after {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(graphics/select-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.select2-container--default .select2-results__option--selected {
  display: none;
}

.matching-offer-holder .progress-percent {
  margin-left: 15px;
}

.oneton_elements_to_add_wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-top: 15px;
  min-height: 200px;
}

.oneton_elements_to_add_wrapper .button {
  margin: 0;
}

span.select2 + label {
  margin-top: 10px;
}

.map_container {
  width: 100%;
  height: 0;
  transition: height 200ms linear;
  overflow: hidden;
}

.map_container.active {
  width: 100%;
  height: 500px;
}

.oneton_buttons-add-wrapper {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 10px;
  flex-wrap: wrap;
}

.oneton_buttons-add-wrapper .tablet-item,
.oneton_buttons-add-wrapper .label {
  width: 265px;
}

.oneton_buttons-add-wrapper .label > span:first-child {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.oneton_elements-navigation {
  display: flex;
  margin: 10px 0;
  border-top: 0px solid;
  border-bottom: 0px solid;
  border-color: #d5d5d5;
  padding: 10px 0;
}

/* =================== okno ========================= */
/* =================== okno ========================= */
.window-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 9999;
  background: rgba(0, 30, 40, 0.4);
  backdrop-filter: blur(8px);
  background-size: 100%;
  -webkit-backdrop-filter: blur(8px);
}

.window-overlay.show-me {
  display: flex;
}

.window-overlay .window {
  width: 90vw;
  max-width: 800px;
  height: 80vh;
  max-height: 600px;
  background: #fff;
  position: relative;
  z-index: 9999;
}

.window-overlay .window-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}

.window-overlay .window .window-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 70px;
  text-align: left;
  overflow-y: auto;
  padding: 40px 40px 0 40px;
}

.window-overlay .window.frozen-header .window-content {
  top: 80px;
}

.window-overlay .window .window-content h4 {
  margin-top: 0;
}

.window-overlay .window .window-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  box-sizing: border-box;
  padding: 0 40px;
  display: block;
}

.window-overlay .window .window-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.window-overlay .window .window-controls .button {
  margin-bottom: 0;
}

.window-overlay .window .window-content h2:first-child,
.window-overlay .window .window-content h3:first-child {
  margin-top: 0;
}

.window-overlay .window.small {
  max-width: 650px;
  height: 80vh;
  max-height: 500px;
}

.star-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.star-item .button {
  margin: 0 0 0 10px;
}

.current-lang,
.choose-lang {
  position: static;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 15px;
       column-gap: 15px;
  color: #777;
}

.current-lang img,
.choose-lang img {
  width: 30px;
}

.choose-lang-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}

.choose-lang-wrapper a.choose-lang {
  opacity: 0.6;
  font-weight: bold;
  transition: all 300ms;
}

.choose-lang-wrapper a.choose-lang:hover,
.choose-lang-wrapper a.choose-lang.urhere {
  color: #777;
  opacity: 1;
  text-decoration: underline;
}

/* --------- INPUT I CONTAINERY --------- */
.header {
  max-width: none;
  padding-bottom: 0;
  margin: 0 0;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 35px;
}

.page-header {
  background-color: #ffffff;
  height: 80px;
  box-sizing: border-box;
  max-width: 100%;
  width: calc(100% - 240px);
  padding: 0;
  position: fixed;
  top: 0;
  z-index: 999;
}

.page-header .container {
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  justify-content: space-between;
}

.page-header .status {
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 14px;
  margin-left: 20px;
  flex-grow: 0;
}

.page-header .container > div {
  display: flex;
  align-items: center;
}

.page-header .container h1 {
  margin-bottom: 0;
  overflow: hidden; /* Keep only one declaration */
  text-overflow: ellipsis;
  white-space: nowrap; /* Prevent line breaks */
  flex: 1 0 auto;
  max-width: 50vw; /* Key properties for shrinking */
}

.page-header-placeholder {
  padding-bottom: 110px;
}

.page-header-placeholder.top-tooltip-placeholder {
  padding-bottom: 152px;
}

.container.home {
  display: grid;
  justify-items: end;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: minmax(300px, 420px);
  gap: 30px 30px;
}

.header .header-title h2 {
  margin-bottom: 0;
}

.PAGE {
  margin-left: 240px;
}

.article-section.full-width-style > .container {
  margin: 0 20px;
  padding: 0 20px;
}

.user-panel {
  position: relative;
  white-space: nowrap;
  display: flex;
  box-sizing: border-box;
}

.user-panel .info {
  display: inline-block;
  padding: 5px 5px 5px 10px;
  transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
  overflow: hidden;
  white-space: nowrap;
}

.user-panel .image {
  display: inline-block;
  padding-left: 0.8rem;
}

.user-panel img {
  height: auto;
  width: 2.1rem;
  vertical-align: middle;
  border-style: none;
}

.input-container .input-header h2,
.top-tooltip .header h2 {
  font-size: 16px;
  font-weight: 500;
  color: #001E28;
  margin: 0;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 34px;
}

.input-header h2 .ico,
.header h2 .ico {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 1.6rem;
  height: 1.6rem;
  transform: translate(0, -50%);
}

.input-header h2 .ico img .header h2 .ico img {
  width: 75%;
  height: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nav-user {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1.5;
  padding: 25px 0;
  transition: width 0.3s ease-in-out;
  white-space: nowrap;
  color: #001e28;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 20px;
}
.nav-user .ico {
  transition: transform 0.3s ease;
}
.nav-user .rotated {
  transform: translateY(-50%) rotate(180deg) !important;
}

.nav-user .image-wrapper {
  width: 30px;
  height: 30px;
  background-color: #707070;
  -webkit-clip-path: circle(50%);
          clip-path: circle(50%);
}

.nav-user span {
  font-size: 15px;
  font-weight: 500;
}

.nav-user .ico {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("graphics/svg/arrow-down.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.main-sidebar {
  height: 100vh;
  min-height: 100%;
  position: fixed;
  top: 0;
  overflow-y: hidden;
  z-index: 1038;
  background-color: #001e28;
  transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
  width: 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.brand-link {
  display: flex;
  line-height: 1.5;
  height: 80px;
  align-items: center;
  box-sizing: border-box;
  padding: 10px 30px;
  transition: width 0.3s ease-in-out;
  white-space: nowrap;
  border-bottom: 1px solid #4b545c;
  color: rgba(255, 255, 255, 0.8);
}

.brand-link:hover {
  color: white;
}

.sidebar {
  overflow-x: none;
  padding: 0;
}

.sidebar a {
  color: #c2c7d0;
}

div.site-nav {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-left: 0;
  list-style: none;
  white-space: nowrap;
  position: relative;
  margin-bottom: 0;
  margin-top: 1rem;
}

.nav-treeview {
  list-style: none;
}

.nav-treeview.bottom {
  border-top: 1px solid #4b545c;
}

.nav-treeview.bottom .nav-item {
  margin: 20px 20px;
}

.nav-item {
  margin: 5px 20px;
  position: relative;
  font-weight: 500;
  font-size: 14px;
  border-radius: 6px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  height: 40px;
}

.nav-item > .nav-link {
  display: block;
  padding: 0.5rem 35px;
  position: relative;
  transition: width ease-in-out 0.3s;
  white-space: nowrap;
  margin-bottom: 0.2rem;
  color: #939ca8;
  border-radius: 6px;
  height: 40px;
}

.nav-item:focus,
.nav-item:hover,
.nav-item.active {
  background-color: #112d36;
  color: #fff;
}

.nav-link p {
  display: inline;
  margin: 0;
  white-space: normal;
}

.nav-item .nav-ico {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: auto;
}

.nav-item .message-note-wrapper .message-count {
  font-weight: 500;
  font-size: 13px;
  width: 20px;
  height: 20px;
  line-height: 40px;
  border-radius: 20px;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background-color: #ffb400;
  color: #001e28;
  text-align: center;
}

.label.status {
  background-color: rgba(238, 0, 114, 0.1490196078);
  border: none;
  color: #ee0072;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 14px;
}

.status[data-status=RECRUITMENT] {
  background-color: #ffecbf;
  color: #d09300;
}

.progress-bar[data-status=RECRUITMENT] {
  background-color: #ffb400;
}

.status[data-status=VERIFICATION] {
  background-color: #e6e7e8;
  color: #81878d;
}

.progress-bar[data-status=VERIFICATION] {
  background-color: #81878d;
}

.status[data-status=IMPLEMENTATION] {
  background-color: rgba(21, 224, 115, 0.2509803922);
  color: #0fb75c;
}

.progress-bar[data-status=IMPLEMENTATION] {
  background-color: #15e073;
}

.status[data-status=END] {
  background-color: #e6e7e8;
  color: #81878d;
}

.progress-bar[data-status=END] {
  background-color: #81878d;
}

.status[data-status=draft] {
  background-color: rgba(238, 0, 114, 0.2509803922);
  color: #ee0072;
}

.progress-bar[data-status=draft] {
  background-color: #ee0072;
}

.label.status-cover {
  padding-right: 30px;
}

.label span.label-status {
  position: absolute;
  right: 10px;
  top: 50%;
  height: 10px;
  width: 10px;
  box-sizing: border-box;
  border-radius: 100%;
  transform: translate(0, -5px);
  border: 1px solid #707070;
  background: #fff;
}

.label span.label-status.confirmed {
  background: #00ff00;
  border-color: #00ff00;
}

.label span.label-status.not-confirmed {
  background: #ff0000;
  border-color: #ff0000;
}

.side-panel,
.side-panel.hidden {
  display: block !important;
  position: fixed;
  top: 0;
  right: -1200px;
  bottom: 0;
  transition: right 600ms;
  z-index: 99999;
  background: #fff;
  width: 750px;
  text-align: left;
}

.side-panel.show-me {
  right: 0;
}

.panel-wrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 30px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.panel-wrapper .scrolable {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 20px 30px 30px;
}

.panel-wrapper .call-button-wrapper {
  border-top: 1px solid #afb5be;
  border-bottom: 1px solid #afb5be;
  margin-left: -30px;
  margin-right: -20px;
  padding: 30px 30px;
}

.panel-wrapper .call-button-wrapper .button {
  margin: 0;
}

.panel-wrapper .matching-info-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 60%;
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.panel-wrapper .matching-info-wrapper > div {
  flex: 1;
  display: flex;
  align-items: center;
}

.panel-wrapper .chart-descr {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.panel-wrapper .chart-descr .progress-percent {
  color: #00c600;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.panel-wrapper .bar-char-wrapper {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 5px;
       column-gap: 5px;
  height: 50px;
  align-items: flex-end;
}

.bar-char-wrapper .bar {
  width: 10px;
  background: rgb(232, 232, 232);
}

.bar-char-wrapper .bar.bar-1 {
  height: 20%;
}

.bar-char-wrapper .bar.bar-2 {
  height: 40%;
}

.bar-char-wrapper .bar.bar-3 {
  height: 60%;
}

.bar-char-wrapper .bar.bar-4 {
  height: 80%;
}

.bar-char-wrapper .bar.bar-5 {
  height: 100%;
}

.bar-char-wrapper .bar.color {
  background: #0091c6;
}

.table .pie-wrapper {
  height: 30px;
  width: 30px;
  float: left;
  margin: 0;
  position: relative;
}

.panel-wrapper h2 {
  margin: 1.5em 0 0.8em 0;
  margin-top: 0 !important;
  font-size: 1.8rem;
  line-height: 1.1;
  letter-spacing: 0px;
}

.panel-wrapper h3 {
  font-size: 1.2rem;
}

.panel-wrapper .controls {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 60px;
  padding: 0 30px 0 30px;
  box-sizing: border-box;
  background: #fff;
  border-top: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.panel-wrapper .controls > .button {
  margin-bottom: 0 !important;
}

.panel-wrapper .header-wrapper {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
  align-items: center;
  flex-wrap: nowrap;
}

.panel-wrapper .header-wrapper h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.panel-wrapper .candidate-description {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
}

.panel-wrapper .candidate-header h2 {
  margin: 0;
}

.panel-wrapper .candidate-header span.subtitle.small {
  font-size: 10px;
}

.panel-wrapper .candidate-buttons {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.panel-wrapper .side-panel-close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  margin: 0;
  background: rgb(246, 246, 249);
}

.bullet-points-wrapper {
  position: relative;
}

.bullet-points-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1%;
  transform: translateX(-50%);
  width: 4px;
  background-color: rgb(246, 246, 249);
  z-index: 0;
}

.bullet-point .point-holder {
  width: auto;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.bullet-point .point {
  display: block;
  height: 15px;
  width: 15px;
  position: relative;
  border: none;
  box-sizing: border-box;
  border-radius: 100%;
  background: white;
  margin-right: 30px;
  background-image: url("graphics/svg/Subtract-empty.svg");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.bullet-point:first-child .point {
  background-image: url("graphics/svg/Subtract.svg");
  z-index: 1;
}

.dated-tile-wrapper {
  display: flex;
  row-gap: 15px;
  flex-direction: column;
}

.dated-tile {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.dated-tile .date {
  width: 110px;
}

.dated-tile .date span {
  white-space: nowrap;
}

.dated-tile .content .text-wrapper {
  letter-spacing: 0;
  line-height: 1.1;
}

.badges-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.badges-wrapper .badge {
  border-radius: 7px;
}

.badge {
  position: relative;
  height: 82px;
  width: 82px;
  background: #f4f4f4;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.widget-user {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}

.widget-user > div {
  flex-shrink: 0;
}

.widget-user .widget-user-username {
  color: #001e28;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}

.widget-user .widget-user-desc {
  font-weight: 400;
  font-size: 1rem;
  color: #81878d;
  text-align: center;
}

.widget-user .widget-user-header {
  height: 40%;
  min-height: 100px;
  max-height: 170px;
  position: relative;
  margin: 15px 15px 80px 15px;
}

.widget-user .widget-user-image {
  width: 100px;
  height: 100px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  margin-left: 0;
  top: inherit;
}

.widget-user .widget-user-image > img {
  width: 100px;
}

.dashboard-card .card-header {
  padding: 1.5rem 15px 0 15px;
}

.dashboard-card .card-title {
  font-size: 1.125rem;
  color: #001e28;
}

.comapny-list {
  padding: 15px;
}

.dashboard-card .comapny-list span {
  display: block;
  margin-bottom: 10px;
  height: 40px;
  color: #001e28;
  line-height: 40px;
}

.dashboard-card .comapny-list span img {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}

.dashboard-card .button-set {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.dashboard-card .button-set .button.alt {
  margin: 0;
}

.card-body {
  box-sizing: border-box;
  margin: 15px 0;
}

.card-body table {
  min-width: 500px;
}

.card-body table tr th:first-child,
.card-body table tr td:first-child {
  padding-left: 15px;
}

.card-body.table-wrapper {
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.card-body.table-wrapper table th {
  background-color: #fff;
}

.card-body.table-wrapper table tr:last-child td {
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
}

.dashboard-card .controls {
  text-align: right;
  margin: 0 15px;
}

.dashboard-card .button {
  margin: 0 15px 15px 0;
}

.card-footer {
  box-sizing: border-box;
}

.card-footer .description-block {
  text-align: center;
}

.card-footer .description-text {
  font-size: 13px;
  font-weight: 400;
}

.card-footer .description-header {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 0.5rem;
}

.table-wrapper {
  margin: 15px 0;
  overflow: auto;
  border-radius: 7px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
}

.table-wrapper.scrolled {
  border-radius: 0;
}

.table-wrapper.scrolled-end {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

.table-wrapper table {
  max-width: 100%;
  table-layout: fixed;
  min-width: 1100px;
  text-align: left;
  border-radius: 7px;
  border: none;
}

.table-wrapper table th,
.table-wrapper table td {
  text-align: left;
  color: #81878d;
  border-right: 0;
}

.table-wrapper table td {
  background-color: #fff;
}

.table-wrapper table tr td {
  font-weight: 400;
}

.table-wrapper table td span {
  text-align: left;
  font-size: 14px;
  vertical-align: middle;
}

.table-wrapper table thead tr th {
  background-color: #f6f6f9;
  font-weight: 500;
}

.table-wrapper table tr th:first-child,
.table-wrapper table tr td:first-child {
  border-left: none;
}

.table-wrapper table tr th:last-child,
.table-wrapper table tr td:last-child {
  border-right: none;
}

.table-wrapper table tr:last-child td {
  border-bottom: none;
}

.table-wrapper table tr td {
  vertical-align: middle;
}

.table-wrapper table tr td.acceptation-wrapper > div,
.table-wrapper table tr td.action-wrapper > div,
.table-wrapper table tr td.candidate-wrapper > div {
  display: flex;
  align-items: center;
}

.table-wrapper table tr td.candidate-wrapper > div {
  width: 100%;
}

.table-wrapper table tr td .image-wrapper,
#candidate_panel .action-wrapper .image-wrapper {
  height: 25px;
  width: 25px;
  border-radius: 0;
  position: relative;
  padding: 0 5px;
}

.table-wrapper table tr td .image-wrapper img,
.table-wrapper table tr td .image-wrapper svg {
  position: absolute;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.table-wrapper table tr td.action-wrapper .image-wrapper {
  border-left: 1px solid rgba(129, 135, 141, 0.3019607843);
}

table.invisible-table {
  border-left: none;
  border-top: none;
}

table.invisible-table tr td,
table.invisible-table tr th {
  padding: 0;
  text-align: left;
  border-right: none;
  border-bottom: none;
  background: transparent;
  color: #202e4b;
}

table.invisible-table tr:nth-child(odd) td {
  background: transparent;
}

table.invisible-table tr td.key .list-title {
  opacity: 0.6;
}

table.invisible-table tr td.value {
  padding-left: 15px;
}

.table .pie-wrapper {
  height: 30px;
  width: 30px;
  float: left;
  margin: 0;
  position: relative;
}

.progress-bar.progress-0:after {
  width: 0%;
}

.progress-circle.progress-0:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-0 .round::after {
  background: #ff0000;
}

.progress-circle.progress-0 .round {
  transform: rotate(3deg);
}

.progress-bar.progress-1:after {
  width: 1%;
}

.progress-circle.progress-1:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(93.6deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-1 .round::after {
  background: #ff0000;
}

.progress-circle.progress-1 .round {
  transform: rotate(6.6deg);
}

.progress-bar.progress-2:after {
  width: 2%;
}

.progress-circle.progress-2:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-2 .round::after {
  background: #ff0000;
}

.progress-circle.progress-2 .round {
  transform: rotate(10.2deg);
}

.progress-bar.progress-3:after {
  width: 3%;
}

.progress-circle.progress-3:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-3 .round::after {
  background: #ff0000;
}

.progress-circle.progress-3 .round {
  transform: rotate(13.8deg);
}

.progress-bar.progress-4:after {
  width: 4%;
}

.progress-circle.progress-4:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-4 .round::after {
  background: #ff0000;
}

.progress-circle.progress-4 .round {
  transform: rotate(17.4deg);
}

.progress-bar.progress-5:after {
  width: 5%;
}

.progress-circle.progress-5:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-5 .round::after {
  background: #ff0000;
}

.progress-circle.progress-5 .round {
  transform: rotate(21deg);
}

.progress-bar.progress-6:after {
  width: 6%;
}

.progress-circle.progress-6:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-6 .round::after {
  background: #ff0000;
}

.progress-circle.progress-6 .round {
  transform: rotate(24.6deg);
}

.progress-bar.progress-7:after {
  width: 7%;
}

.progress-circle.progress-7:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-7 .round::after {
  background: #ff0000;
}

.progress-circle.progress-7 .round {
  transform: rotate(28.2deg);
}

.progress-bar.progress-8:after {
  width: 8%;
}

.progress-circle.progress-8:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-8 .round::after {
  background: #ff0000;
}

.progress-circle.progress-8 .round {
  transform: rotate(31.8deg);
}

.progress-bar.progress-9:after {
  width: 9%;
}

.progress-circle.progress-9:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-9 .round::after {
  background: #ff0000;
}

.progress-circle.progress-9 .round {
  transform: rotate(35.4deg);
}

.progress-bar.progress-10:after {
  width: 10%;
}

.progress-circle.progress-10:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-10 .round::after {
  background: #ff0000;
}

.progress-circle.progress-10 .round {
  transform: rotate(39deg);
}

.progress-bar.progress-11:after {
  width: 11%;
}

.progress-circle.progress-11:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-11 .round::after {
  background: #ff0000;
}

.progress-circle.progress-11 .round {
  transform: rotate(42.6deg);
}

.progress-bar.progress-12:after {
  width: 12%;
}

.progress-circle.progress-12:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-12 .round::after {
  background: #ff0000;
}

.progress-circle.progress-12 .round {
  transform: rotate(46.2deg);
}

.progress-bar.progress-13:after {
  width: 13%;
}

.progress-circle.progress-13:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-13 .round::after {
  background: #ff0000;
}

.progress-circle.progress-13 .round {
  transform: rotate(49.8deg);
}

.progress-bar.progress-14:after {
  width: 14%;
}

.progress-circle.progress-14:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-14 .round::after {
  background: #ff0000;
}

.progress-circle.progress-14 .round {
  transform: rotate(53.4deg);
}

.progress-bar.progress-15:after {
  width: 15%;
}

.progress-circle.progress-15:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-15 .round::after {
  background: #ff0000;
}

.progress-circle.progress-15 .round {
  transform: rotate(57deg);
}

.progress-bar.progress-16:after {
  width: 16%;
}

.progress-circle.progress-16:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-16 .round::after {
  background: #ff0000;
}

.progress-circle.progress-16 .round {
  transform: rotate(60.6deg);
}

.progress-bar.progress-17:after {
  width: 17%;
}

.progress-circle.progress-17:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-17 .round::after {
  background: #ff0000;
}

.progress-circle.progress-17 .round {
  transform: rotate(64.2deg);
}

.progress-bar.progress-18:after {
  width: 18%;
}

.progress-circle.progress-18:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-18 .round::after {
  background: #ff0000;
}

.progress-circle.progress-18 .round {
  transform: rotate(67.8deg);
}

.progress-bar.progress-19:after {
  width: 19%;
}

.progress-circle.progress-19:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-19 .round::after {
  background: #ff0000;
}

.progress-circle.progress-19 .round {
  transform: rotate(71.4deg);
}

.progress-bar.progress-20:after {
  width: 20%;
}

.progress-circle.progress-20:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-20 .round::after {
  background: #ff0000;
}

.progress-circle.progress-20 .round {
  transform: rotate(75deg);
}

.progress-bar.progress-21:after {
  width: 21%;
}

.progress-circle.progress-21:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(165.6deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-21 .round::after {
  background: #ff0000;
}

.progress-circle.progress-21 .round {
  transform: rotate(78.6deg);
}

.progress-bar.progress-22:after {
  width: 22%;
}

.progress-circle.progress-22:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-22 .round::after {
  background: #ff0000;
}

.progress-circle.progress-22 .round {
  transform: rotate(82.2deg);
}

.progress-bar.progress-23:after {
  width: 23%;
}

.progress-circle.progress-23:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-23 .round::after {
  background: #ff0000;
}

.progress-circle.progress-23 .round {
  transform: rotate(85.8deg);
}

.progress-bar.progress-24:after {
  width: 24%;
}

.progress-circle.progress-24:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-24 .round::after {
  background: #ff0000;
}

.progress-circle.progress-24 .round {
  transform: rotate(89.4deg);
}

.progress-bar.progress-25:after {
  width: 25%;
}

.progress-circle.progress-25:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-25 .round::after {
  background: #ff0000;
}

.progress-circle.progress-25 .round {
  transform: rotate(93deg);
}

.progress-bar.progress-26:after {
  width: 26%;
}

.progress-circle.progress-26:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(183.6deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-26 .round::after {
  background: #ff0000;
}

.progress-circle.progress-26 .round {
  transform: rotate(96.6deg);
}

.progress-bar.progress-27:after {
  width: 27%;
}

.progress-circle.progress-27:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-27 .round::after {
  background: #ff0000;
}

.progress-circle.progress-27 .round {
  transform: rotate(100.2deg);
}

.progress-bar.progress-28:after {
  width: 28%;
}

.progress-circle.progress-28:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-28 .round::after {
  background: #ff0000;
}

.progress-circle.progress-28 .round {
  transform: rotate(103.8deg);
}

.progress-bar.progress-29:after {
  width: 29%;
}

.progress-circle.progress-29:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #ff0000 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-29 .round::after {
  background: #ff0000;
}

.progress-circle.progress-29 .round {
  transform: rotate(107.4deg);
}

.progress-bar.progress-30:after {
  width: 30%;
}

.progress-circle.progress-30:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-30 .round::after {
  background: #ffb400;
}

.progress-circle.progress-30 .round {
  transform: rotate(111deg);
}

.progress-bar.progress-31:after {
  width: 31%;
}

.progress-circle.progress-31:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201.6deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-31 .round::after {
  background: #ffb400;
}

.progress-circle.progress-31 .round {
  transform: rotate(114.6deg);
}

.progress-bar.progress-32:after {
  width: 32%;
}

.progress-circle.progress-32:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-32 .round::after {
  background: #ffb400;
}

.progress-circle.progress-32 .round {
  transform: rotate(118.2deg);
}

.progress-bar.progress-33:after {
  width: 33%;
}

.progress-circle.progress-33:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-33 .round::after {
  background: #ffb400;
}

.progress-circle.progress-33 .round {
  transform: rotate(121.8deg);
}

.progress-bar.progress-34:after {
  width: 34%;
}

.progress-circle.progress-34:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-34 .round::after {
  background: #ffb400;
}

.progress-circle.progress-34 .round {
  transform: rotate(125.4deg);
}

.progress-bar.progress-35:after {
  width: 35%;
}

.progress-circle.progress-35:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-35 .round::after {
  background: #ffb400;
}

.progress-circle.progress-35 .round {
  transform: rotate(129deg);
}

.progress-bar.progress-36:after {
  width: 36%;
}

.progress-circle.progress-36:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-36 .round::after {
  background: #ffb400;
}

.progress-circle.progress-36 .round {
  transform: rotate(132.6deg);
}

.progress-bar.progress-37:after {
  width: 37%;
}

.progress-circle.progress-37:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(223.2deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-37 .round::after {
  background: #ffb400;
}

.progress-circle.progress-37 .round {
  transform: rotate(136.2deg);
}

.progress-bar.progress-38:after {
  width: 38%;
}

.progress-circle.progress-38:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-38 .round::after {
  background: #ffb400;
}

.progress-circle.progress-38 .round {
  transform: rotate(139.8deg);
}

.progress-bar.progress-39:after {
  width: 39%;
}

.progress-circle.progress-39:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-39 .round::after {
  background: #ffb400;
}

.progress-circle.progress-39 .round {
  transform: rotate(143.4deg);
}

.progress-bar.progress-40:after {
  width: 40%;
}

.progress-circle.progress-40:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-40 .round::after {
  background: #ffb400;
}

.progress-circle.progress-40 .round {
  transform: rotate(147deg);
}

.progress-bar.progress-41:after {
  width: 41%;
}

.progress-circle.progress-41:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-41 .round::after {
  background: #ffb400;
}

.progress-circle.progress-41 .round {
  transform: rotate(150.6deg);
}

.progress-bar.progress-42:after {
  width: 42%;
}

.progress-circle.progress-42:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241.2deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-42 .round::after {
  background: #ffb400;
}

.progress-circle.progress-42 .round {
  transform: rotate(154.2deg);
}

.progress-bar.progress-43:after {
  width: 43%;
}

.progress-circle.progress-43:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-43 .round::after {
  background: #ffb400;
}

.progress-circle.progress-43 .round {
  transform: rotate(157.8deg);
}

.progress-bar.progress-44:after {
  width: 44%;
}

.progress-circle.progress-44:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-44 .round::after {
  background: #ffb400;
}

.progress-circle.progress-44 .round {
  transform: rotate(161.4deg);
}

.progress-bar.progress-45:after {
  width: 45%;
}

.progress-circle.progress-45:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-45 .round::after {
  background: #ffb400;
}

.progress-circle.progress-45 .round {
  transform: rotate(165deg);
}

.progress-bar.progress-46:after {
  width: 46%;
}

.progress-circle.progress-46:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-46 .round::after {
  background: #ffb400;
}

.progress-circle.progress-46 .round {
  transform: rotate(168.6deg);
}

.progress-bar.progress-47:after {
  width: 47%;
}

.progress-circle.progress-47:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(259.2deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-47 .round::after {
  background: #ffb400;
}

.progress-circle.progress-47 .round {
  transform: rotate(172.2deg);
}

.progress-bar.progress-48:after {
  width: 48%;
}

.progress-circle.progress-48:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-48 .round::after {
  background: #ffb400;
}

.progress-circle.progress-48 .round {
  transform: rotate(175.8deg);
}

.progress-bar.progress-49:after {
  width: 49%;
}

.progress-circle.progress-49:after {
  background: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-49 .round::after {
  background: #ffb400;
}

.progress-circle.progress-49 .round {
  transform: rotate(179.4deg);
}

.progress-bar.progress-50:after {
  width: 50%;
}

.progress-circle.progress-50:after {
  background: linear-gradient(-90deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-50 .round::after {
  background: #ffb400;
}

.progress-circle.progress-50 .round {
  transform: rotate(183deg);
}

.progress-bar.progress-51:after {
  width: 51%;
}

.progress-circle.progress-51:after {
  background: linear-gradient(-86.4deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-51 .round::after {
  background: #ffb400;
}

.progress-circle.progress-51 .round {
  transform: rotate(186.6deg);
}

.progress-bar.progress-52:after {
  width: 52%;
}

.progress-circle.progress-52:after {
  background: linear-gradient(-82.8deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-52 .round::after {
  background: #ffb400;
}

.progress-circle.progress-52 .round {
  transform: rotate(190.2deg);
}

.progress-bar.progress-53:after {
  width: 53%;
}

.progress-circle.progress-53:after {
  background: linear-gradient(-79.2deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-53 .round::after {
  background: #ffb400;
}

.progress-circle.progress-53 .round {
  transform: rotate(193.8deg);
}

.progress-bar.progress-54:after {
  width: 54%;
}

.progress-circle.progress-54:after {
  background: linear-gradient(-75.6deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-54 .round::after {
  background: #ffb400;
}

.progress-circle.progress-54 .round {
  transform: rotate(197.4deg);
}

.progress-bar.progress-55:after {
  width: 55%;
}

.progress-circle.progress-55:after {
  background: linear-gradient(-72deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-55 .round::after {
  background: #ffb400;
}

.progress-circle.progress-55 .round {
  transform: rotate(201deg);
}

.progress-bar.progress-56:after {
  width: 56%;
}

.progress-circle.progress-56:after {
  background: linear-gradient(-68.4deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-56 .round::after {
  background: #ffb400;
}

.progress-circle.progress-56 .round {
  transform: rotate(204.6deg);
}

.progress-bar.progress-57:after {
  width: 57%;
}

.progress-circle.progress-57:after {
  background: linear-gradient(-64.8deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-57 .round::after {
  background: #ffb400;
}

.progress-circle.progress-57 .round {
  transform: rotate(208.2deg);
}

.progress-bar.progress-58:after {
  width: 58%;
}

.progress-circle.progress-58:after {
  background: linear-gradient(-61.2deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-58 .round::after {
  background: #ffb400;
}

.progress-circle.progress-58 .round {
  transform: rotate(211.8deg);
}

.progress-bar.progress-59:after {
  width: 59%;
}

.progress-circle.progress-59:after {
  background: linear-gradient(-57.6deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-59 .round::after {
  background: #ffb400;
}

.progress-circle.progress-59 .round {
  transform: rotate(215.4deg);
}

.progress-bar.progress-60:after {
  width: 60%;
}

.progress-circle.progress-60:after {
  background: linear-gradient(-54deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-60 .round::after {
  background: #ffb400;
}

.progress-circle.progress-60 .round {
  transform: rotate(219deg);
}

.progress-bar.progress-61:after {
  width: 61%;
}

.progress-circle.progress-61:after {
  background: linear-gradient(-50.4deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-61 .round::after {
  background: #ffb400;
}

.progress-circle.progress-61 .round {
  transform: rotate(222.6deg);
}

.progress-bar.progress-62:after {
  width: 62%;
}

.progress-circle.progress-62:after {
  background: linear-gradient(-46.8deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-62 .round::after {
  background: #ffb400;
}

.progress-circle.progress-62 .round {
  transform: rotate(226.2deg);
}

.progress-bar.progress-63:after {
  width: 63%;
}

.progress-circle.progress-63:after {
  background: linear-gradient(-43.2deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-63 .round::after {
  background: #ffb400;
}

.progress-circle.progress-63 .round {
  transform: rotate(229.8deg);
}

.progress-bar.progress-64:after {
  width: 64%;
}

.progress-circle.progress-64:after {
  background: linear-gradient(-39.6deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-64 .round::after {
  background: #ffb400;
}

.progress-circle.progress-64 .round {
  transform: rotate(233.4deg);
}

.progress-bar.progress-65:after {
  width: 65%;
}

.progress-circle.progress-65:after {
  background: linear-gradient(-36deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-65 .round::after {
  background: #ffb400;
}

.progress-circle.progress-65 .round {
  transform: rotate(237deg);
}

.progress-bar.progress-66:after {
  width: 66%;
}

.progress-circle.progress-66:after {
  background: linear-gradient(-32.4deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-66 .round::after {
  background: #ffb400;
}

.progress-circle.progress-66 .round {
  transform: rotate(240.6deg);
}

.progress-bar.progress-67:after {
  width: 67%;
}

.progress-circle.progress-67:after {
  background: linear-gradient(-28.8deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-67 .round::after {
  background: #ffb400;
}

.progress-circle.progress-67 .round {
  transform: rotate(244.2deg);
}

.progress-bar.progress-68:after {
  width: 68%;
}

.progress-circle.progress-68:after {
  background: linear-gradient(-25.2deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-68 .round::after {
  background: #ffb400;
}

.progress-circle.progress-68 .round {
  transform: rotate(247.8deg);
}

.progress-bar.progress-69:after {
  width: 69%;
}

.progress-circle.progress-69:after {
  background: linear-gradient(-21.6deg, #ffb400 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb400 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-69 .round::after {
  background: #ffb400;
}

.progress-circle.progress-69 .round {
  transform: rotate(251.4deg);
}

.progress-bar.progress-70:after {
  width: 70%;
}

.progress-circle.progress-70:after {
  background: linear-gradient(-18deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-70 .round::after {
  background: #15e073;
}

.progress-circle.progress-70 .round {
  transform: rotate(255deg);
}

.progress-bar.progress-71:after {
  width: 71%;
}

.progress-circle.progress-71:after {
  background: linear-gradient(-14.4deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-71 .round::after {
  background: #15e073;
}

.progress-circle.progress-71 .round {
  transform: rotate(258.6deg);
}

.progress-bar.progress-72:after {
  width: 72%;
}

.progress-circle.progress-72:after {
  background: linear-gradient(-10.8deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-72 .round::after {
  background: #15e073;
}

.progress-circle.progress-72 .round {
  transform: rotate(262.2deg);
}

.progress-bar.progress-73:after {
  width: 73%;
}

.progress-circle.progress-73:after {
  background: linear-gradient(-7.2deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-73 .round::after {
  background: #15e073;
}

.progress-circle.progress-73 .round {
  transform: rotate(265.8deg);
}

.progress-bar.progress-74:after {
  width: 74%;
}

.progress-circle.progress-74:after {
  background: linear-gradient(-3.6deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-74 .round::after {
  background: #15e073;
}

.progress-circle.progress-74 .round {
  transform: rotate(269.4deg);
}

.progress-bar.progress-75:after {
  width: 75%;
}

.progress-circle.progress-75:after {
  background: linear-gradient(0deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-75 .round::after {
  background: #15e073;
}

.progress-circle.progress-75 .round {
  transform: rotate(273deg);
}

.progress-bar.progress-76:after {
  width: 76%;
}

.progress-circle.progress-76:after {
  background: linear-gradient(3.6deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-76 .round::after {
  background: #15e073;
}

.progress-circle.progress-76 .round {
  transform: rotate(276.6deg);
}

.progress-bar.progress-77:after {
  width: 77%;
}

.progress-circle.progress-77:after {
  background: linear-gradient(7.2deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-77 .round::after {
  background: #15e073;
}

.progress-circle.progress-77 .round {
  transform: rotate(280.2deg);
}

.progress-bar.progress-78:after {
  width: 78%;
}

.progress-circle.progress-78:after {
  background: linear-gradient(10.8deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-78 .round::after {
  background: #15e073;
}

.progress-circle.progress-78 .round {
  transform: rotate(283.8deg);
}

.progress-bar.progress-79:after {
  width: 79%;
}

.progress-circle.progress-79:after {
  background: linear-gradient(14.4deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-79 .round::after {
  background: #15e073;
}

.progress-circle.progress-79 .round {
  transform: rotate(287.4deg);
}

.progress-bar.progress-80:after {
  width: 80%;
}

.progress-circle.progress-80:after {
  background: linear-gradient(18deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-80 .round::after {
  background: #15e073;
}

.progress-circle.progress-80 .round {
  transform: rotate(291deg);
}

.progress-bar.progress-81:after {
  width: 81%;
}

.progress-circle.progress-81:after {
  background: linear-gradient(21.6deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-81 .round::after {
  background: #15e073;
}

.progress-circle.progress-81 .round {
  transform: rotate(294.6deg);
}

.progress-bar.progress-82:after {
  width: 82%;
}

.progress-circle.progress-82:after {
  background: linear-gradient(25.2deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-82 .round::after {
  background: #15e073;
}

.progress-circle.progress-82 .round {
  transform: rotate(298.2deg);
}

.progress-bar.progress-83:after {
  width: 83%;
}

.progress-circle.progress-83:after {
  background: linear-gradient(28.8deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-83 .round::after {
  background: #15e073;
}

.progress-circle.progress-83 .round {
  transform: rotate(301.8deg);
}

.progress-bar.progress-84:after {
  width: 84%;
}

.progress-circle.progress-84:after {
  background: linear-gradient(32.4deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-84 .round::after {
  background: #15e073;
}

.progress-circle.progress-84 .round {
  transform: rotate(305.4deg);
}

.progress-bar.progress-85:after {
  width: 85%;
}

.progress-circle.progress-85:after {
  background: linear-gradient(36deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-85 .round::after {
  background: #15e073;
}

.progress-circle.progress-85 .round {
  transform: rotate(309deg);
}

.progress-bar.progress-86:after {
  width: 86%;
}

.progress-circle.progress-86:after {
  background: linear-gradient(39.6deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-86 .round::after {
  background: #15e073;
}

.progress-circle.progress-86 .round {
  transform: rotate(312.6deg);
}

.progress-bar.progress-87:after {
  width: 87%;
}

.progress-circle.progress-87:after {
  background: linear-gradient(43.2deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-87 .round::after {
  background: #15e073;
}

.progress-circle.progress-87 .round {
  transform: rotate(316.2deg);
}

.progress-bar.progress-88:after {
  width: 88%;
}

.progress-circle.progress-88:after {
  background: linear-gradient(46.8deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-88 .round::after {
  background: #15e073;
}

.progress-circle.progress-88 .round {
  transform: rotate(319.8deg);
}

.progress-bar.progress-89:after {
  width: 89%;
}

.progress-circle.progress-89:after {
  background: linear-gradient(50.4deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-89 .round::after {
  background: #15e073;
}

.progress-circle.progress-89 .round {
  transform: rotate(323.4deg);
}

.progress-bar.progress-90:after {
  width: 90%;
}

.progress-circle.progress-90:after {
  background: linear-gradient(54deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-90 .round::after {
  background: #15e073;
}

.progress-circle.progress-90 .round {
  transform: rotate(327deg);
}

.progress-bar.progress-91:after {
  width: 91%;
}

.progress-circle.progress-91:after {
  background: linear-gradient(57.6deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-91 .round::after {
  background: #15e073;
}

.progress-circle.progress-91 .round {
  transform: rotate(330.6deg);
}

.progress-bar.progress-92:after {
  width: 92%;
}

.progress-circle.progress-92:after {
  background: linear-gradient(61.2deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-92 .round::after {
  background: #15e073;
}

.progress-circle.progress-92 .round {
  transform: rotate(334.2deg);
}

.progress-bar.progress-93:after {
  width: 93%;
}

.progress-circle.progress-93:after {
  background: linear-gradient(64.8deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-93 .round::after {
  background: #15e073;
}

.progress-circle.progress-93 .round {
  transform: rotate(337.8deg);
}

.progress-bar.progress-94:after {
  width: 94%;
}

.progress-circle.progress-94:after {
  background: linear-gradient(68.4deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-94 .round::after {
  background: #15e073;
}

.progress-circle.progress-94 .round {
  transform: rotate(341.4deg);
}

.progress-bar.progress-95:after {
  width: 95%;
}

.progress-circle.progress-95:after {
  background: linear-gradient(72deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-95 .round::after {
  background: #15e073;
}

.progress-circle.progress-95 .round {
  transform: rotate(345deg);
}

.progress-bar.progress-96:after {
  width: 96%;
}

.progress-circle.progress-96:after {
  background: linear-gradient(75.6deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-96 .round::after {
  background: #15e073;
}

.progress-circle.progress-96 .round {
  transform: rotate(348.6deg);
}

.progress-bar.progress-97:after {
  width: 97%;
}

.progress-circle.progress-97:after {
  background: linear-gradient(79.2deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-97 .round::after {
  background: #15e073;
}

.progress-circle.progress-97 .round {
  transform: rotate(352.2deg);
}

.progress-bar.progress-98:after {
  width: 98%;
}

.progress-circle.progress-98:after {
  background: linear-gradient(82.8deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-98 .round::after {
  background: #15e073;
}

.progress-circle.progress-98 .round {
  transform: rotate(355.8deg);
}

.progress-bar.progress-99:after {
  width: 99%;
}

.progress-circle.progress-99:after {
  background: linear-gradient(86.4deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-99 .round::after {
  background: #15e073;
}

.progress-circle.progress-99 .round {
  transform: rotate(359.4deg);
}

.progress-bar.progress-100:after {
  width: 100%;
}

.progress-circle.progress-100:after {
  background: linear-gradient(90deg, #15e073 50%, transparent 50%, transparent), linear-gradient(270deg, #15e073 50%, #ddd 50%, #ddd);
}

.progress-circle.progress-100 .round::after {
  background: #15e073;
}

.progress-circle.progress-100 .round {
  transform: rotate(363deg);
}

.progress-circle {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  display: block;
  width: 100%;
  height: 36px;
  border-radius: 50%;
}

.progress-circle:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  z-index: 3;
}

.progress-wrapper .progress-circle:before {
  background-color: #fff;
}

tr:nth-of-type(odd) .progress-wrapper .progress-circle:before {
  background-color: #fafbfc;
}

tr:nth-of-type(even) .progress-wrapper .progress-circle:before {
  background-color: #fff;
}

.progress-circle:after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-clip-path: circle(50%);
          clip-path: circle(50%);
}

.progress-wrapper .progress_number {
  width: 100%;
  line-height: 1;
  text-align: center;
  font-size: 16px;
  margin-left: 40px;
}

.hinter-table table tr .progress-wrapper,
.progress-wrapper {
  position: relative;
  height: 37px;
  width: 180px;
  padding: 5px 20px;
}

.progress-wrapper.big {
  width: 55px;
  height: 55px;
  line-height: 55px;
}

.progress-wrapper.big .progress-circle {
  width: 55px;
  height: 55px;
}

.progress-wrapper.big .progress-circle:before {
  width: 35px;
  height: 35px;
  top: 10px;
  left: 10px;
}

.progress-wrapper.big .progress-circle::after {
  width: 55px;
  height: 55px;
}

.progress-wrapper.big .progress_number {
  margin-left: 48px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  line-height: 55px;
}

.progress-circle .round {
  font-size: 120px;
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translateX(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-clip-path: circle(50%);
          clip-path: circle(50%);
  z-index: 2;
}

.progress-circle .round::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.top-tooltip {
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  z-index: -1;
}

.top-tooltip .controls {
  padding-top: 15px;
}

.top-tooltip h2 {
  align-self: center;
  margin-bottom: 0;
}

.window.info {
  max-width: 350px;
}

.window-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 9999;
  background: rgba(0, 30, 40, 0.4);
  backdrop-filter: blur(8px);
  background-size: 100%;
  -webkit-backdrop-filter: blur(8px);
}

.window-overlay.show-me {
  display: flex;
}

.window-overlay .window > div {
  display: flex;
}

.window-overlay .window {
  border: solid 1px rgba(129, 135, 141, 0.3019607843);
  background-color: #fff;
  border-radius: 7px;
  width: auto;
  height: auto;
  min-width: 500px;
  min-height: 150px;
}

.window .window-head {
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  padding: 20px 30px 20px 20px;
  padding-right: 50px;
  justify-content: space-between;
  height: 60px;
  box-sizing: border-box;
}

.window.browser .window-head h2 {
  margin: 0;
}

.window-overlay .window-content-wrapper {
  margin-left: 0;
  padding-right: 65px;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
}

.window-overlay .content {
  color: #81878d;
  width: 100%;
}

.window-overlay .content h2 {
  margin-top: 0;
  color: #001e28;
}

.window-overlay.status .image-wrapper,
.window-overlay.error .image-wrapper {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

.window-overlay.error .image-wrapper {
  background-color: #fdccd5;
}

.window-overlay.neutral .image-wrapper {
  background-color: #f6f6f9;
}

.window-overlay.error .image-wrapper::after,
.window-overlay.status .image-wrapper::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  line-height: 1;
}

.window-overlay.error .image-wrapper::after {
  content: url("graphics/svg/error.svg");
}

.window-overlay.neutral .image-wrapper::after {
  content: url("graphics/svg/hourglass.svg");
}

.input-wrapper .error {
  color: #F5002C;
  font-size: 13px;
}

input.error, textarea.error {
  border-color: #F5002C !important;
  color: #001E28 !important;
}

#address_form_window .window {
  max-height: 660px;
}

.window-overlay .controls {
  justify-content: end;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  height: 80px;
  box-sizing: border-box;
}
.window-overlay .controls .button, .window-overlay .controls .button.cta, .window-overlay .controls .button.alt {
  width: 100%;
  margin: 0 !important;
}

.window-overlay .controls .button {
  margin-bottom: 0;
}

.window-overlay .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background-color: #f6f6f9;
  border-radius: 2px;
  cursor: pointer;
}

.window-overlay .close::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  background: url("graphics/svg/add_round.svg");
  background-position: center;
  background-repeat: no-repeat;
  rotate: 45deg;
}

#offer_preview_window {
  width: 400px;
  box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.3843137255);
}

#offer_preview_window .label {
  padding-right: 10px;
}

#offer_preview_window .close {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(0, 30, 40, 0.5254901961);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 99999;
}

#offer_preview_window .close::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  background: url("graphics/svg/add_round.svg");
  background-position: center;
  background-repeat: no-repeat;
  rotate: 45deg;
}

#offer_preview_window .close:hover {
  cursor: pointer;
}

.side-panel > div:has(.phone-panel) {
  width: 400px;
  height: calc(100% - 30px);
  padding-top: 30px;
  position: relative;
}

.side-panel .phone-panel > div {
  display: block;
}

.side-panel .phone-panel {
  width: 400px;
  height: calc(100% - 30px);
  margin-top: 30px;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
  flex-shrink: 1;
  background: #001e28;
  color: rgba(255, 255, 255, 0.5019607843);
  box-sizing: border-box;
}

.side-panel .panel-head {
  background: #001a23;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  z-index: 6;
  padding: 15px;
  height: 60px;
}

.side-panel .panel-head span {
  color: #fff;
  font-size: 1.125rem;
}

.phone-panel .offer-section {
  padding: 0 0 15px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  width: 100%;
}

.phone-panel .offer-section:has(.employer-details-tile) {
  border-top: none;
  padding-top: 20px;
}

.phone-panel .offer-section:has(.progress-wrapper) {
  padding: 15px 0;
}

.phone-panel .ico-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.phone-panel .ico-text.salary {
  align-items: flex-start;
}
.phone-panel .ico-text.salary .text-wrapper {
  color: #fff;
}

.phone-panel .salary .text-wrapper a {
  color: #ffb400;
}

.bonus-descr {
  display: none;
}

.bonus-descr.show-me {
  display: block;
}

.phone-panel .progress-wrapper {
  width: auto;
}

.phone-panel .bonus_descr .phone-panel .offer-section:has(.progress-wrapper) {
  padding: 15px 0;
}

.phone-panel .progress-wrapper .progress-circle::before {
  background-color: #001e28;
}

.phone-panel .candidate-perc-descr {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 40px;
  color: #00394c;
}

.phone-panel .progress-circle .candidate-perc {
  color: #00394c;
}

.phone-panel .progress-circle::after {
  background: #003142;
}

.phone-panel .progress-circle .round::after {
  background: #003142;
}

.phone-panel .candidate-perc-descr .candidate-perc {
  font-size: 1rem;
  margin-left: 0;
  color: #003142;
}

.phone-panel .offer-section .employer-details-tile .icon svg .st2 {
  fill: #00394c;
}

.offer-section h3,
.offer-section h2 {
  color: #ffffff;
  font-size: 1.4em;
}

.offer-section .label {
  color: #fff;
  box-sizing: border-box;
  border: 1px #fff solid;
  border-radius: 30px;
  padding: 2px 30px 2px 10px;
  font-size: 13px;
  position: relative;
  white-space: nowrap;
  background-color: transparent;
}

.employer-details-tile {
  padding-left: 80px;
  min-height: 70px;
  margin-bottom: 15px;
  position: relative;
}

.employer-details-tile .icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  border-radius: 6px;
  background-color: #001a23;
  background-color: none;
  border: 1px solid #00161e;
}

.employer-details-tile .icon-wrapper .icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 5px;
  margin: 0 auto;
  overflow: hidden;
}

.employer-details-tile .employer-details-content {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.employer-details-tile .employer-details-content h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
}

.employer-details-content .company-name,
.phone-panel .ico-text .text-wrapper,
.phone-panel .ico-text .text-wrapper .bonus-descr {
  color: rgba(255, 255, 255, 0.5019607843);
}

.phone-panel .ico-text .ico {
  width: 30px;
  height: 30px;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
}

.phone-panel .ico-text .ico i {
  color: #cbcbcb;
  font-size: 1.3rem;
}

.phone-panel .text-wrapper ul li {
  position: relative;
  padding-left: 25px;
  list-style: none;
  margin: 0;
  margin-bottom: 10px;
  text-wrap: wrap;
  word-wrap: break-word;
}

.phone-panel .text-wrapper ul li::after {
  content: "\f111";
  position: absolute;
  top: 5px;
  left: 0;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #fbb313;
  font-size: 10px;
}

.phone-panel .labels-wrapper {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 10px;
}

.map_window {
  display: none;
  position: fixed;
}

.map_window .window {
  min-width: 900px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.map_window .window > div {
  display: block;
}

.leaflet-container {
  width: 100%;
  height: 500px;
  border-radius: 6px;
}

.datepicker-wrapper,
.timepicker-wrapper {
  position: relative;
  margin-top: 5px;
}

.datepicker-active {
  background-color: transparent;
  border-color: #ffb400;
}

table.ui-datepicker-calendar {
  border: none;
  border-top: 1px solid rgba(129, 135, 141, 0.3019607843);
}

.ui-datepicker {
  display: none;
  background-color: #fff;
  border-radius: 6px;
  z-index: 1000;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1098039216);
  border-left: 0;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  background-color: #fff;
}

.ui-datepicker-title {
  color: #001e28;
}

.ui-datepicker-calendar thead th {
  padding: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  background-color: transparent;
  color: #81878d;
  border: none;
  padding: 1px;
}

.ui-datepicker-calendar tbody td {
  width: 2.5rem;
  text-align: center;
  padding: 1px;
  background: transparent;
  border: none;
  border-radius: 3px;
}

table.ui-datepicker-calendar tr:nth-child(2n+1) td {
  background: transparent;
}

.ui-datepicker-calendar tbody td a {
  display: block;
  line-height: 2rem;
  transition: 0.3s all;
  color: rgb(119, 119, 119);
  font-size: 1rem;
  text-decoration: none;
  border-radius: 3px;
  color: #001e28;
  cursor: pointer;
}

.ui-datepicker-calendar tbody td a:hover {
  background-color: #ffb400;
  color: #001e28;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
  background-color: #ffb400;
  color: #001e28;
}

.ui-datepicker-header a.ui-corner-all {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  transition: 0.3s all;
}

.ui-datepicker-header a.ui-corner-all:hover {
  background-color: #eceff1;
}

.ui-datepicker-header a.ui-datepicker-prev {
  left: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 50%;
  transform: rotate(180deg);
}

.ui-datepicker-header a.ui-datepicker-next {
  right: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 50%;
}

.ui-datepicker-header a > span {
  display: none;
}

.ui-datepicker-title {
  text-align: center;
  line-height: 2rem;
  height: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  padding-bottom: 0.25rem;
  box-sizing: border-box;
}

.ui-datepicker-week-col {
  color: #81878d;
  font-weight: 400;
  font-size: 0.75rem;
}

.ui-datepicker-unselectable {
  color: rgba(129, 135, 141, 0.7019607843);
  cursor: default;
}

.ui-datepicker-other-month {
  color: #f6f6f9;
}

.ui-timepicker-container {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 6px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1098039216);
}

.ui-timepicker {
  box-sizing: border-box;
  display: block;
  height: 205px;
  list-style: none outside none;
  margin: 0;
  text-align: left;
  padding-left: 0.4rem;
}

.ui-timepicker-viewport {
  box-sizing: content-box;
  display: block;
  height: 205px;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden; /* IE */
}

.ui-timepicker-standard {
  font-size: 0.875rem;
  /* overwrites .ui-widget-content */
  background-color: #fff;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  color: #81878d;
  /* overwrites .ui-menu */
  margin: 0;
  z-index: 10 !important;
}

.ui-timepicker-standard a {
  color: #81878d;
  display: block;
  padding: 0.2em 0.4em;
  text-decoration: none;
  border-radius: 3px;
}

.ui-timepicker-standard .ui-state-hover {
  /* overwrites .ui-state-hover */
  background-color: #f6f6f9;
  font-weight: normal;
  color: #001e28;
}

.ui-timepicker-standard .ui-menu-item {
  margin: 0;
  padding: 0;
}

.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all {
  border-radius: 0px;
}

.ui-timepicker-hidden {
  /* overwrites .ui-helper-hidden */
  display: none;
}

.ui-timepicker-no-scrollbar .ui-timepicker {
  border: none;
}

.recruitment-progress {
  background-color: #fff;
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  padding: 30px;
  position: relative;
}

.recruitment-progress .header {
  border-bottom: none;
  height: auto;
  max-width: 100%;
}

.recruitment-progress .header h2 {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.recruitment-progress .recruitment-progress-wrapper {
  max-width: 1000px;
  box-sizing: border-box;
  width: 100%;
  min-width: 650px;
  padding-right: 60px;
}

.recruitment-progress .button {
  font-weight: 500;
  border-radius: 6px;
  padding: 10px 20px;
  position: absolute;
  right: 40px;
  bottom: 20px;
}

.recruitment-progress .button::after {
  content: "";
}

.recruitment-progress-wrapper .track {
  position: relative;
  height: 6px;
  background: #f6f6f9;
  overflow: hidden;
}

.recruitment-progress-wrapper .fill {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 15%;
  height: 6px;
  background: linear-gradient(90deg, #ffb400 53.18%, #ffb400 54%, #f6f6f9 100%);
}

.recruitment-progress-wrapper .steps {
  width: 100%;
  position: relative;
  margin: 14px 0 30px;
  padding: 0;
  list-style: none;
}
.recruitment-progress-wrapper .steps [data-point="1"] {
  left: 0%;
}
.recruitment-progress-wrapper .steps [data-point="2"] {
  left: 25%;
}
.recruitment-progress-wrapper .steps [data-point="3"] {
  left: 50%;
}
.recruitment-progress-wrapper .steps [data-point="4"] {
  left: 75%;
}
.recruitment-progress-wrapper .steps [data-point="5"] {
  left: 100%;
}

.recruitment-progress-wrapper .steps .step {
  width: 100px;
  margin-left: 0px;
  position: absolute;
  display: block;
  text-align: left;
  pointer-events: none;
  cursor: default;
  top: 50%;
  transform: translateY(-50%);
}

.recruitment-progress-wrapper .step:before {
  content: "✓";
  display: block;
  border-radius: 50%;
  border: 3px solid #f6f6f6;
  width: 15px;
  height: 15px;
  line-height: 10px;
  font-size: 0.6rem;
  margin: 0 0 11px;
  text-align: center;
  background-color: white;
  color: white;
  box-sizing: border-box;
}

.recruitment-progress .step.completed::before {
  box-shadow: 0 0 0 2px white;
}

.recruitment-progress-wrapper .steps .step span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 2;
  filter: opacity(35%);
  font-weight: 500;
  color: #001e28;
}

.recruitment-progress-wrapper .steps .step span img {
  width: 22px;
  margin-right: 5px;
}

.recruitment-progress-wrapper .steps .step.active::before {
  border-color: #ffb400;
}

.recruitment-progress-wrapper .steps .step.active.completed::before {
  background-color: #ffb400;
}

.recruitment-progress-wrapper .steps .step.active span {
  filter: opacity(105%);
}

.hinter-form-container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 850px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  border-radius: 7px;
  background-color: white;
}

.hinter-form-container .step {
  display: none;
}

.hinter-form-container .step.show-me {
  display: block;
}

.hinter-form-container > div {
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
}

.hinter-form-container > div:last-child {
  border: none;
}

#step_wrapper .form-wrapper {
  padding: 0;
}

.form-steps {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  height: 50px;
  padding: 10px 20px;
}

.form-steps .form-step {
  position: relative;
  box-sizing: border-box;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #81878D;
  font-weight: 500;
  pointer-events: pointer;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.form-steps .form-step::after {
  content: "";
  background: url("graphics/svg/arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 7px;
  height: 10px;
  display: block;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translateY(-50%);
}

.form-steps .form-step:last-child:after {
  display: none;
}

.form-step.active {
  color: #001E28;
  -webkit-text-decoration: 2px underline #ffb400;
          text-decoration: 2px underline #ffb400;
  text-underline-offset: 18px;
}

.form-wrapper {
  padding: 20px;
  padding-bottom: 0;
  background-color: #ffffff;
}

.hinter-form-container .controls {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  text-align: right;
  max-width: 500px;
  margin: 0 auto;
}

.hinter-form-container .controls .button {
  margin: 0 0 20px 0;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.hinter-form-container .controls .button:first-child {
  margin-right: 0px;
}

.hinter-form-container .controls .button:last-child {
  margin-left: 0px;
  margin-right: 0;
}

.input-wrapper select {
  padding: 9px 15px 9px 10px;
  color: #001E28;
}

/* Wybór profilu w oknie */
.window.browser .window-head {
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  padding: 20px;
  padding-right: 50px;
  justify-content: space-between;
  height: 60px;
  box-sizing: border-box;
}

.window.browser .window-head input {
  margin: 0;
}

.window.browser .window-head form {
  height: 40px;
}

.window.browser .window-head .input-wrapper {
  padding-bottom: 0;
}

.window.browser .window-head .input-wrapper {
  position: relative;
}

.window.browser .window-head .input-wrapper .search-input {
  padding-left: 40px;
}

.window.browser .window-head .input-wrapper:has(.search-input)::after {
  content: url("graphics/svg/search.svg");
  position: absolute;
  width: 15px;
  height: 25px;
  left: 13px;
  top: 50%;
  transform: translate(0, -50%);
}

.window.browser {
  position: relative;
  width: 700px;
  max-width: 700px;
  min-height: 80vh;
  max-height: 750px;
  padding: 0;
}

.window.browser .panels-wrapper {
  position: absolute;
  top: 71px;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  display: block;
}

#qualification_selection_window .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#qualification_selection_window .controls .button {
  margin: 0;
}

.window.browser .pagination {
  position: absolute;
  background-color: #fff;
  left: 0;
  right: 0;
  bottom: 65px;
  padding: 15px 30px;
  padding-right: 30px;
  border-radius: 7px;
}

.window.browser .pagination a:first-child {
  margin-left: 0;
}

.window.browser .pagination a:last-child {
  margin-right: 0;
}

.window.browser .pagination .progress {
  width: calc(100% - 72px);
}

#profile_selection_window .window {
  padding: 0;
  scrollbar-color: rgba(129, 135, 141, 0.3019607843) #f6f6f9;
  scrollbar-gutter: stable both-edges;
}

#profile_selection_window .window .left-panel {
  position: absolute;
  bottom: 0;
  top: 0;
  box-sizing: border-box;
  max-width: 240px;
  padding: 0 0 0 20px;
  height: 100%;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: rgba(129, 135, 141, 0.3019607843) 1px solid;
}

#profile_selection_window .window .left-panel h2 {
  padding-top: 20px;
}

#profile_selection_window .window .left-panel div {
  height: 100%;
  display: block;
  padding-right: 10px;
  scrollbar-width: thin;
  scrollbar-color: #f0f0f0 transparent;
  overflow-y: auto;
  overflow-x: hidden;
}

#profile_selection_window .window .left-panel span {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  transition: 100ms ease-in-out;
}

#profile_selection_window .window .left-panel span:hover {
  color: #001e28;
  font-weight: 500;
}

#profile_selection_window .window .left-panel .industry_selected {
  color: #001e28;
  font-weight: 500;
}

#profile_selection_window .window .left-panel::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0 0 0 7px;
  height: 120px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

#profile_selection_window .window .left-panel .gradient-placeholder {
  height: 130px;
}

#profile_selection_window .window .right-panel {
  padding: 20px 30px;
  padding-bottom: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 240px;
  box-sizing: border-box;
  overflow-y: none;
}

#profile_selection_window .window .right-panel .profile_select {
  margin-bottom: 1rem;
}

#profile_selection_window .window .right-panel .result-wrapper {
  position: absolute;
  bottom: 55px;
  top: 55px;
  left: 0;
  right: 0;
  padding: 0 30px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #f0f0f0 transparent;
}

#qualification_selection_window .window.browser .panels-wrapper {
  position: absolute;
  top: 140px;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  display: block;
}

#qualification_selection_window form input {
  margin-top: 20px;
  margin-bottom: 10px;
}

#qualification_selection_window .left-panel {
  padding: 0 20px 0 20px;
  padding-bottom: 10px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0px;
  right: 0px;
  box-sizing: border-box;
  overflow-y: hidden;
  border-right: rgba(129, 135, 141, 0.3019607843) 1px solid;
}

#qualification_selection_window .left-panel .result-wrapper {
  position: absolute;
  bottom: 120px;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 20px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #f0f0f0 transparent;
}

#new_qualification_form .window,
#new_qualification_status .window {
  padding: 0;
}

#new_qualification_form .window-head h2,
#new_qualification_status .window-head h2 {
  margin-bottom: 0;
}

#new_qualification_form .pre-form-msg {
  font-size: 14px;
  max-width: 500px;
}

#new_qualification_form .form-fields-wrapper .input-container {
  width: 100%;
}

#new_qualification_form .form-fields-wrapper .input-wrapper > div {
  margin-bottom: 20px;
}

#new_qualification_form .form-fields-wrapper .input-wrapper > div:last-child {
  margin-bottom: 0px;
}

#new_qualification_status .window-content-wrapper {
  align-items: center;
  justify-content: center;
}

.form-status-title {
  color: #001e28;
  font-weight: 500;
}

/* --------- INPUT I CONTAINERY --------- */
.input-wrapper {
  max-width: 100%;
}

input:-webkit-autofill {
  background: transparent;
}

input:autofill {
  background: transparent;
}

input:-webkit-autofill {
  background: transparent;
}

.sub-input-info {
  font-size: 12px;
  margin-top: 5px;
}

.input-wrapper .label {
  padding: 0;
  border: none;
  font-size: 13px;
}

#step_wrapper .input-wrapper .label {
  font-size: 13px;
  color: #6B7576;
  font-weight: 400;
}

.input-wrapper input,
.input-wrapper .select,
.input-wrapper .select2-container,
.input-wrapper textarea {
  width: 100%;
  padding: 10px;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  background: #fff;
  color: rgb(101, 101, 101);
  border-radius: 6px;
  position: relative;
}

.input-wrapper .radio-wrapper {
  position: relative;
  padding-right: 10px;
  display: inline-block;
}

.input-wrapper .radio-wrapper input[type=radio] {
  position: absolute;
  opacity: 0;
  z-index: 99;
  pointer-events: auto;
  width: 15px !important;
  margin: 0.2em 0.3em;
}

.input-wrapper .radio-wrapper input[type=radio] + label {
  padding-left: 25px;
  font-weight: 500;
}

.input-wrapper .radio-wrapper input[type=radio] + label::before {
  width: 15px;
  height: 15px;
  max-width: 15px;
  min-width: 15px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.input-wrapper .radio-wrapper input[type=radio] + label::after {
  width: 9px;
  height: 9px;
  max-width: 9px;
  min-width: 9px;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
}

.input-wrapper .datepicker-wrapper input,
.input-wrapper .timepicker-wrapper input {
  margin-top: 0px;
}

.input-wrapper .datepicker,
.input-wrapper .timepicker {
  padding-right: 48px;
}

.input-wrapper .select-wrapper {
  position: relative;
}

.input-wrapper .select-wrapper ul {
  display: none;
  position: absolute;
  list-style-type: none;
  left: 0;
  bottom: -13px;
  transform: translateY(100%);
  background-color: #fff;
  z-index: 88;
  overflow: auto;
  max-height: 150px;
  border-radius: 0 0 7px 7px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  border-top: none;
  font-weight: 400;
  font-size: 14px;
}

.input-wrapper .select-wrapper.active ul {
  display: block;
  box-sizing: border-box;
}

.input-wrapper .select-wrapper ul li {
  padding: 5px 10px;
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  margin-left: 0;
  font-weight: 400;
}

.datepicker-wrapper::after,
.timepicker-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
  pointer-events: none;
}

.datepicker-wrapper::after {
  content: url("graphics/svg/Calendar.svg");
}

.timepicker-wrapper::after {
  content: url("graphics/svg/Alarmclock.svg");
}

.select2.select2-container {
  width: 100%;
}

.select2-results ul li {
  color: #81878d;
  font-size: 14px;
}

.select2-dropdown {
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1098039216);
}

.styledSelect {
  background-color: transparent;
  border: none;
  border-radius: 6px;
}

.styledSelect.active {
  background: transparent;
}

.input-wrapper .select:has(div.active),
.select2.select2-container--open {
  background-color: transparent;
  border: 1px solid #ffb400;
  border-radius: 6px;
}

.styledSelect::after,
.select2-container::after {
  content: "";
  background: url("graphics/svg/accordion-arrow-select.svg");
  border: none;
  width: 1.3333rem;
  height: 1.3333rem;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  pointer-events: none;
}

.styledSelect.active::after,
.select2-container.select2-container--open::after {
  transform: rotate(180deg) translate(0, 50%);
}

.options li:hover,
.select2-results__option:hover,
.select2-container--defaults,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted {
  background-color: #f6f6f9;
  color: #001e28;
}

.options {
  border-radius: 6px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1098039216);
}

.options li {
  padding: 9px 15px;
  color: #81878d;
  margin: 3px;
  border-radius: 3px;
}

.input-result .label {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding-right: 40px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.selected-profile .label {
  max-width: 450px;
  padding-right: 40px;
  border: 2px solid #ffb400;
  color: #001e28;
  font-weight: 500;
  background: rgba(255, 180, 0, 0.031372549);
}

.input-container .selected-profile svg path,
.input-container .selected-profile svg rect {
  stroke: #ffb400 !important;
  transition: 0.2s ease-in-out;
}

.input-container .selected-profile .remove:hover svg path,
.input-container .selected-profile .remove:hover svg rect,
.remove:hover svg path,
.remove:hover svg rect {
  stroke: #ff0000 !important;
}

.input-result .profile_select {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.input-result .label {
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 1px;
  margin-bottom: 16px;
  border: none;
  box-shadow: inset 0 0 0 1px #707070;
}

.qualification_select.selected .ico svg {
  display: none;
}

.qualification_select.selected .ico::after {
  content: url("graphics/svg/checkmark.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  text-align: center;
}

.input-result .label.add.qualification_select.selected .ico {
  rotate: 0deg;
  transition: 0ms ease-in-out;
}

.input-result .label.add.qualification_select.selected .ico:hover {
  rotate: 45deg;
}

.qualification_select.selected .ico:hover:after {
  content: url("graphics/svg/add_round_red.svg");
  transform: translate(-50%, -50%);
}

.input-result .label:hover {
  box-shadow: inset 0 0 0 2px #ffb400;
  color: #001e28;
  font-weight: 500;
  background: rgba(255, 180, 0, 0.031372549);
}

.input-result .label.selected {
  cursor: default;
  padding-right: 40px;
  color: #001e28;
  font-weight: 500;
  background: rgba(255, 180, 0, 0.031372549);
  box-shadow: inset 0 0 0 2px #ffb400;
}

.input-result .selected .ico svg path,
.input-result .selected .ico svg rect {
  fill: #ffb400 !important;
}

.selected-language,
.selected-qualification {
  margin-bottom: 20px;
}

.selected-language .label,
.selected-qualification .label {
  max-width: 500px;
  padding-right: 30px;
  min-height: 40px;
  padding-left: 30px;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.selected-language .label .styledSelect,
.selected-qualification .label .styledSelect {
  padding: 0 30px 0 10px;
  color: black;
}

.selected-language span,
.selected-qualification span {
  padding: 0px 15px;
  color: #001E28;
  text-wrap: wrap;
  display: flex;
  align-items: center;
}

.selected-language .select {
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  background-color: #F0F3F5;
  border-radius: 3px;
  height: 100%;
  margin-left: 5px;
}

.selected-qualification .select {
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  margin-right: 40px;
  background-color: #F0F3F5;
  border-radius: 3px;
}

.selected-language .select select,
.selected-qualification .select select {
  height: 30px;
  padding: 0 1rem;
  width: -moz-max-content;
  width: max-content;
}

.selected-language .label .cancel,
.selected-qualification .label .cancel {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: url("graphics/svg/cancel.svg");
  background-position: center;
  background-size: 25%;
  background-repeat: no-repeat;
  padding: 8px 10px;
  box-sizing: border-box;
}

/*.selected_qualifications_wrapper .input-result .label.add .ico{
  transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s ;
}
.selected_qualifications_wrapper .input-result .label.add.selected .ico{
  rotate: (45deg);
}*/
#qualification_selection_window #form_map, #address_form_window #form_map {
  max-height: 400px;
}
#qualification_selection_window .window, #address_form_window .window {
  max-height: 590px !important;
}
#qualification_selection_window .input-result .label, #address_form_window .input-result .label {
  margin-bottom: 10px;
}

.selected_tesks_wrapper {
  max-width: 800px;
}

.task_add_wrapper > .button {
  margin-top: 10px;
}

.task_add_wrapper .txt-btn-combo input,
.task_add_wrapper .txt-btn-combo .button {
  margin-top: 0;
}

.form-wrapper .input-wrapper .button.disabled {
  margin-top: 10px !important;
}
.form-wrapper .input-wrapper .button.disabled img {
  opacity: 30%;
}

.txt-btn-combo {
  display: flex;
  gap: 10px;
  align-items: baseline;
  opacity: 1;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.txt-btn-combo .button {
  margin-top: 10px;
  margin-right: 0;
  min-width: -moz-max-content;
  min-width: max-content;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.txt-btn-combo input {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.radio-wrapper + .txt-btn-combo {
  max-height: 65px;
}

.input-result .label.add .ico {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  z-index: 1;
  cursor: pointer;
  transition: 200ms ease-in-out;
}

.input-result .label.add.selected .ico {
  rotate: 45deg;
}

.input-result .label.add.selected .ico svg path,
.input-result .label.add.selected .ico svg rect {
  transition: 0.2s ease-in-out;
}

.input-result .label.add.selected .ico:hover svg path,
.input-result .label.add.selected .ico:hover svg rect {
  fill: #ff0000 !important;
}

.disabled input,
.disabled + .select2-container {
  background: rgba(129, 135, 141, 0.1490196078);
  pointer-events: none;
  cursor: auto;
}

.input-container.combo .sel2-wrapper {
  overflow: clip;
  max-height: 52px;
  transition: max-height 0.3s ease-in-out;
  box-sizing: border-box;
}

.input-container.combo .disabled.sel2-wrapper {
  max-height: 0;
  opacity: 0.75;
}

.txt-btn-combo.disabled {
  overflow: hidden;
  opacity: 0.75;
  max-height: 0;
}

.input-container {
  margin-bottom: 30px;
}
.input-container .button.cta {
  margin: 0;
}

.hinter-form-container .input-container {
  box-sizing: border-box;
  max-width: 500px;
  margin: 0 auto 20px auto;
  border: 1px solid rgba(107, 117, 118, 0.3019607843);
  border-radius: 7px;
  padding: 20px;
}

.input-container .input-header {
  color: #001e28;
  margin-bottom: 15px;
}

.input-container.combo .input-wrapper,
.input-container.combo .summary-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 10px;
  grid-row-gap: 15px;
  width: 100%;
  box-sizing: border-box;
}

.input-container.combo .input-wrapper.full {
  display: block;
  margin-top: 15px;
}

.input-container:not(.combo) .input-wrapper > div {
  margin-top: 15px;
}
.input-container:not(.combo) .input-wrapper > div:first-child {
  margin-top: 0;
}

.input-container .input-result {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  gap: 15px;
}

.input-container.combo .input-wrapper input,
.input-container.combo .input-wrapper .select,
.input-container.combo .input-wrapper .select2.select2-container,
.input-container.combo .input-wrapper textarea {
  width: 100%;
}

.input-container.combo .input-wrapper .form-info {
  grid-column: 1/3;
  background: #fafbfc;
  color: #001e28;
  font-weight: 500;
  font-size: 1rem;
  font-size: 16px;
  padding: 0.825em;
}

.input-container.combo .input-wrapper .full-size {
  grid-column: 1/3;
}

.input-container.combo .input-wrapper .start-new-row {
  grid-column-start: 1;
}

.input-container.list .input-wrapper {
  box-sizing: border-box;
}

.input-container.list .input-list {
  grid-area: list;
}

.input-list .list-item {
  border: 1px solid #81878d;
  border-radius: 6px;
  font-size: 14px;
  padding: 10px 100px 10px 10px;
  display: block;
  margin-bottom: 1rem;
  position: relative;
  overflow-wrap: anywhere;
  color: #001E28;
}

.list-item .remove,
.label .remove {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  cursor: pointer;
}

#page-offer_wizard .label .remove {
  top: 50%;
  transform: translateY(-50%);
}

#offer_preview_window .offer-section .label {
  text-wrap: wrap;
}

.list-item .remove img,
.label .remove svg,
.list-item .remove svg,
.label .remove img {
  rotate: 45deg;
}

.input-container.list .button {
  grid-area: button;
  align-self: flex-end;
  margin-bottom: 3px;
}

.input-container.list .txt-btn-combo {
  max-width: 800px;
  max-height: 60px;
}

.input-container.list .txt-btn-combo.disabled {
  max-height: 0;
}

.input-container.list .txt-btn-combo > div:first-child {
  flex-grow: 1;
}

.input-container.list input {
  width: 100%;
  border-color: rgba(129, 135, 141, 0.3019607843);
}

.input-container.summary {
  border-radius: 7px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  padding: 0;
}

.summary-wrapper {
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.summary-wrapper .row {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 0px;
  width: 100%;
}

.summary-wrapper .row:last-child .row-content:last-child {
  margin-bottom: 10px;
  border-bottom: none;
}

.summary-wrapper .row .row-content:last-child {
  margin-bottom: 25px;
}

.input-container.summary .input-header {
  background-color: #fafbfc;
  padding: 24px 20px;
  position: relative;
  border-radius: 7px 7px 0 0px;
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
}
.input-container.summary .input-header .button {
  margin: 0;
}

.summary-wrapper .row .row-head {
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  width: 100%;
  padding-bottom: 10px;
  margin-top: 0;
  padding-top: 0;
  font-weight: 500;
  font-size: 1rem;
  color: #001e28;
}

.summary-wrapper .row.with-grid .input-result {
  padding: 0;
  margin: 0;
  width: 100%;
  gap: 15px 15px;
}

.summary-wrapper .row.with-grid .row-head {
  border-bottom: none;
}

.summary-wrapper .row.with-grid input {
  flex-wrap: wrap;
}

.summary-wrapper .row.with-grid .row-content {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  border: none;
}

.summary-wrapper .row.with-grid .row-content > div {
  width: auto;
}

.summary-wrapper .row.with-grid .row-content.required-empty {
  padding-right: 60px;
}

.summary-wrapper .row .row-content {
  display: flex;
  padding: 7px 0;
  width: 100%;
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  box-sizing: border-box;
  align-items: center;
  font-size: 14px;
}

.summary-wrapper .row .row-content > div {
  width: 100%;
  border-collapse: collapse;
}

.input-container.summary .controls {
  border: none;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.summary-wrapper .row-content.required-empty {
  background: rgba(245, 0, 44, 0.0509803922);
  margin-left: -20px;
  margin-right: -20px;
  padding: 7px 20px;
  width: calc(100% + 40px);
  border: 1px solid #f5002c;
  border-left: none;
  border-right: none;
  position: relative;
}

.summary-wrapper .row-content.required-empty::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background: url("./graphics/svg/error.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.row-content.required-empty + .row-content.required-empty {
  border-top: none;
}

.row-content:not(.required-empty):has(+ .row-content.required-empty) {
  border-bottom: none;
}

.summary-wrapper .row-head:has(+ .required-empty) {
  border: none;
}

.summary-wrapper .row-content div:last-child {
  color: #001e28;
}

.summary-wrapper .label {
  padding: 8px 15px;
}

.summary-wrapper .input-list {
  width: 100%;
}

.summary-wrapper .input-list .list-item {
  max-width: 800px;
}

.pagination {
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination a {
  width: 22px;
  height: 22px;
  min-width: 22px;
  max-width: 22px;
  min-height: 22px;
  max-height: 22px;
  border-radius: 50%;
  border: 2px solid rgba(129, 135, 141, 0.5019607843);
  margin: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .disabled {
  cursor: default;
  opacity: 0.9;
  filter: grayscale(100%);
  border: 1px solid rgba(129, 135, 141, 0.5019607843);
}

.pagination a:not(.disabled):hover {
  border: 2px solid #ffb400;
}

.pagination .progress {
  width: 40%;
  max-width: 600px;
  position: relative;
  height: 3px;
  background: #ddd;
}

.pagination .progress .progressDot {
  content: "";
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: -4px;
  margin-top: -4px;
  background: #ffb400;
}

.stats-wrapper {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  padding: 30px;
  position: relative;
  justify-content: flex-start;
}

.stats-wrapper .header {
  width: 100%;
}

.data-wrapper {
  border-left: 1px solid rgba(129, 135, 141, 0.3019607843);
  padding: 5px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 400px;
  margin-right: 75px;
}

.stats-wrapper > .data-wrapper:not(.hidden):nth-last-child(1) {
  margin-right: 0;
}

.data-wrapper .data-count {
  font-size: 24px;
  color: #001e28;
}

.chart-wrapper {
  width: 120px;
  height: 120px;
  margin-right: 100px;
}

.chart-legend {
  margin-top: 20px;
}

.data-wrapper .stats-ico {
  border-radius: 6px;
  padding: 7.5px;
  line-height: 1;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.data-wrapper.hired .stats-ico {
  color: #00ba00;
  background-color: #d0f9e3;
}

.data-wrapper.hired .perc {
  color: #00ba00;
}

.data-wrapper.match .stats-ico {
  color: #00ba00;
  background-color: #d0f9e3;
}

.data-wrapper.match .perc {
  color: #00ba00;
}

.data-wrapper.interested .stats-ico {
  background-color: #d2eaff;
  color: #2094ff;
}

.data-wrapper.interested .perc {
  color: #2094ff;
}

.data-wrapper.not-interested .stats-ico {
  background-color: #fdccd5;
  color: #f5002c;
}

.data-wrapper.not-interested .perc {
  color: #f5002c;
}

.action-wrapper .action-btn,
.action-wrapper .action-btn > div {
  display: flex;
  align-items: center;
  color: #777;
  background: none;
  justify-content: flex-end;
}

.action-wrapper .action-btn::before {
  content: "";
  width: 1px;
  height: 30px;
  display: block;
  margin-right: 6px;
  background-color: rgba(129, 135, 141, 0.3019607843);
}

#lista-candidates .action-wrapper .action-btn {
  position: relative;
}
#lista-candidates .action-wrapper .action-btn::before {
  position: absolute;
  left: -8px;
  top: 0;
  bottom: 0;
}

#candidate_panel .action-wrapper .action-btn::before {
  display: none;
}

.action-btn > div:hover {
  background-color: #e7e7e7;
  border-radius: 6px;
  cursor: pointer;
}

.action-wrapper .action-btn .image-wrapper {
  border: none !important;
  transform: rotate(90deg);
  width: 10px;
}

.status-label,
.action-wrapper .action-btn > div {
  border-radius: 6px;
  padding: 4px 10px;
}

td.reloadme .status-label,
td.reloadme .action-wrapper .action-btn > div {
  max-width: 110px;
}

.candidate-charts .action-btn > div {
  display: flex;
  padding: 4px 10px;
  color: black;
}
.candidate-charts .action-btn > div .image-wrapper {
  display: flex;
}

.status-label span {
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
}

.status-label.niezainteresowany,
.status-label.odrzucony,
.status-label.nieprzyjety,
.status-label.rezygnacja {
  background-color: #fdccd5;
  color: #f5002c;
}

.status-label.zainteresowany,
.status-label.oczekuje {
  background-color: #d2eaff;
  color: #2094ff;
}

.status-label.zatrudniony {
  background-color: #d0f9e3;
  color: #0fb75c;
}

.status-label.itsamatch {
  background-color: #d0f9e3;
  color: #0fb75c;
}

.status-label.oczekuje span::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  background-repeat: no-repeat !important;
  background-image: url("graphics/svg/like-blue-left.svg");
}

.status-label.niezainteresowany span::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  background-repeat: no-repeat !important;
  background-image: url("graphics/svg/unlike-red-left.svg");
}

.status-label.odrzucony span::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  background-repeat: no-repeat !important;
  background-image: url("graphics/svg/unlike-red-left.svg");
  transform: scaleX(-1);
}

.status-label.zainteresowany span::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  background-repeat: no-repeat !important;
  background-image: url("graphics/svg/like-blue.svg");
}

.status-label.itsamatch span::before {
  content: "";
  width: 35px;
  height: 15px;
  display: block;
  background-repeat: no-repeat !important;
  background-image: url("graphics/svg/itsamatch.svg");
}

.status-label.rezygnacja span::before,
.status-label.nieprzyjety span::before {
  content: "";
  width: 15px;
  height: 16px;
  display: block;
  background-repeat: no-repeat !important;
  background-image: url("graphics/svg/stop.svg");
  transform: scaleX(-1);
}

.status-label.zatrudniony span::before {
  content: "";
  width: 15px;
  height: 16px;
  display: block;
  background-repeat: no-repeat !important;
  background-image: url("graphics/svg/green-check.svg");
}

.table-wrapper table tr td.action-wrapper .action-window-status,
#candidate_panel .action-window-status {
  display: none;
  position: absolute;
  width: 200px;
  z-index: 100;
  padding: 10px;
  right: 40px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);
}

#page-candidates_contacts .header-inner {
  border-bottom: 0;
}

#candidate_panel .action-wrapper .action-window-status.show-me {
  display: block;
}

.table-wrapper table tr td.action-wrapper .action-window-status.show-me {
  display: block;
}

.table-wrapper table tr td.action-wrapper .action-window-status.show-me div,
#candidate_panel .action-window-status.show-me div {
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  margin: 0;
}

#candidate_panel .action-window-status.show-me div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.table-wrapper table tr td.action-wrapper .action-window-status.show-me div:last-child,
#candidate_panel .action-wrapper .action-window-status.show-me div:last-child {
  border-bottom: none;
}

.table-wrapper table tr td.action-wrapper .action-window-status.show-me button,
#page-candidates_contacts .action-window-status.show-me a,
#candidate_panel .action-wrapper .action-window-status.show-me button {
  background: none;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 11px 10px;
  width: 100%;
  text-align: left;
}

#page-candidates_contacts .action-window-status.show-me a {
  width: auto;
}

.table-wrapper table tr td.action-wrapper .action-window-status.show-me button:not(:disabled):hover,
#candidate_panel .action-window-status.show-me button:not(:disabled):hover {
  cursor: pointer;
}

.action-window-status.show-me img {
  width: auto;
  border-radius: 0;
}

.action-window-status.show-me > div:first-child {
  padding-bottom: 5px;
}

.action-window-status.show-me > div:nth-of-type(2n) {
  padding: 5px 0;
}

.action-window-status.show-me > div:last-child {
  padding-top: 5px;
}

.action-window-status.show-me .zaakceptuj:disabled .action-icon,
.action-window-status.show-me .odrzuc:disabled .action-icon,
.action-window-status.show-me .rezygnacja:disabled .action-icon,
.action-window-status.show-me .nieprzyjety:disabled .action-icon,
.action-window-status.show-me .potwierdz:disabled .action-icon {
  opacity: 50%;
}

#page-candidates_contacts .action-window-status.show-me a:hover {
  background-color: #fafbfc;
}

.action-window-status.show-me .zaakceptuj:not(:disabled):hover {
  background-color: #fafbfc;
  color: #2094ff;
}

.action-window-status.show-me .zaakceptuj .action-icon {
  background-image: url("graphics/svg/zaakceptuj.svg");
}

.action-window-status.show-me .zaakceptuj:not(:disabled):hover .action-icon {
  background-image: url("graphics/svg/like-blue-left.svg");
}

.action-window-status.show-me .odrzuc:not(:disabled):hover,
.action-window-status.show-me .nieprzyjety:not(:disabled):hover,
.action-window-status.show-me .rezygnacja:not(:disabled):hover {
  background-color: #fafbfc;
  color: #f5002c;
}

.action-window-status.show-me .odrzuc .action-icon {
  background-image: url("graphics/svg/odrzuc.svg");
}

.action-window-status.show-me .rezygnacja .action-icon,
.action-window-status.show-me .nieprzyjety .action-icon {
  background-image: url("graphics/svg/rezygnacja.svg");
}

.action-window-status.show-me .odrzuc:not(:disabled):hover .action-icon {
  background-image: url("graphics/svg/odrzuc-h.svg");
}

.action-window-status.show-me .rezygnacja:not(:disabled):hover .action-icon,
.action-window-status.show-me .nieprzyjety:not(:disabled):hover .action-icon {
  background-image: url("graphics/svg/rezygnacja-h.svg");
}

.action-window-status.show-me .potwierdz:not(:disabled):hover {
  background-color: #fafbfc;
  color: #0fb75c;
}

.action-window-status.show-me .potwierdz .action-icon {
  background-image: url("graphics/svg/potwierdz zatrudnienie.svg");
}

.action-window-status.show-me .potwierdz:not(:disabled):hover .action-icon {
  background-image: url("graphics/svg/potwierdz zatrudnienie-h.svg");
}

.action-window-status.show-me .profil:not(:disabled):hover,
.action-window-status.show-me .historia:not(:disabled):hover {
  background-color: #fafbfc;
  color: #001e28;
}

.action-window-status.show-me .historia .action-icon {
  background-image: url("graphics/svg/historia.svg");
}

.action-window-status.show-me .profil .action-icon {
  background-image: url("graphics/svg/profil.svg");
}

.action-window-status.show-me .historia:not(:disabled):hover .action-icon {
  background-image: url("graphics/svg/historia-h.svg");
}

.action-window-status.show-me .profil:not(:disabled):hover .action-icon {
  background-image: url("graphics/svg/profil-h.svg");
}

.action-window-status.show-me .ocena:not(:disabled):hover {
  background-color: #fafbfc;
  color: #eea800;
}

.action-window-status.show-me .ocena .action-icon {
  background-image: url("graphics/svg/ocen.svg");
}

.action-window-status.show-me .ocena:not(:disabled):hover .action-icon {
  background-image: url("graphics/svg/ocen-h.svg");
}

#candidate_panel .acceptation-wrapper {
  width: 200px;
}

.main-table-wrapper {
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
  overflow-x: auto;
}

.main-table-wrapper > div:first-child {
  min-width: 1100px;
  padding-left: 14px;
  padding-right: 14px;
}

#page-recruitment .action-wrapper #page-recruitment_list h2 {
  margin-bottom: 0;
}

#page-candidates_contacts .action-wrapper,
#page-candidates_contacts .action-wrapper-head,
#page-recruitment .action-wrapper,
#page-recruitment .action-wrapper-head {
  width: 80px;
}

#page-recruitment_list .window-content-wrapper h2 {
  margin: 1.5em 0 0.8em 0;
  margin-top: 0;
}

.action-wrapper,
.action-wrapper-head {
  width: 100px;
  max-width: 100px;
}

#contact-list-table .action-wrapper-wide,
#contact-list-table .action-wrapper-head-wide {
  width: 170px !important;
  max-width: 170px !important;
}

#page-recruitment_list .status-label, #page-recruitment_list .action-wrapper .action-btn > div,
#START .home-recruitments .status-label,
#START .home-recruitments .action-wrapper .action-btn > div,
#page-business_cards .status-label,
#page-business_cards .action-wrapper .action-btn > div {
  padding-right: 5px;
}
#page-recruitment_list .image-wrapper.action,
#START .home-recruitments .image-wrapper.action,
#page-business_cards .image-wrapper.action {
  transform: none;
  opacity: 0.4;
  padding-right: 0;
  padding-left: 10px;
}
#page-recruitment_list .progress-wrapper,
#page-recruitment_list .progress-wrapper-head,
#START .home-recruitments .progress-wrapper,
#START .home-recruitments .progress-wrapper-head,
#page-business_cards .progress-wrapper,
#page-business_cards .progress-wrapper-head {
  min-width: 150px;
  max-width: 180px;
  box-sizing: border-box;
}
#page-recruitment_list .status-wrapper,
#page-recruitment_list .status-wrapper-head,
#START .home-recruitments .status-wrapper,
#START .home-recruitments .status-wrapper-head,
#page-business_cards .status-wrapper,
#page-business_cards .status-wrapper-head {
  min-width: 130px;
  max-width: 130px;
  box-sizing: border-box;
}

.table-title-action-combo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table-title-action-combo .button {
  margin-bottom: 0;
  margin-top: 0;
}

.table-title-action-combo .input-wrapper {
  padding-bottom: 0;
}

.table-title-action-combo .filter-button {
  margin-right: 0;
}

.contact-table.table-title-action-combo form {
  display: flex;
  gap: 20px;
}

.contact-table.table-title-action-combo form .input-wrapper input,
.contact-table.table-title-action-combo form .button {
  margin-top: 0;
  margin-right: 0;
}

.main-table-wrapper > div table {
  width: 100%;
}

.table-area {
  overflow: hidden;
  border-radius: 10px;
}

.table {
  border-top: 0;
  border-left: 0;
  overflow: visible;
}

table {
  width: 100%;
  max-width: 100%;
}

.action-icon {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center;
}

.seperator {
  height: 1px;
  display: block;
  width: 100%;
  background-color: rgba(129, 135, 141, 0.1843137255);
  margin: 25px 0;
}

.ocen {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}

#candidate_evaluation .modal-content {
  padding-bottom: 0;
}
#candidate_evaluation .modal-content .window-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
}
#candidate_evaluation .modal-content .window-controls .button {
  width: 100%;
  margin: 0;
}

.modal {
  display: none;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 30, 40, 0.4);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.modal.show-me {
  display: block;
  overflow: hidden;
}

.modal-content {
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 397px;
  transform: translate(-50%, -50%);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.close-button {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close-button:hover,
.close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal .close-icon {
  position: absolute;
  right: 15px;
  top: 15px;
}

.modal .candidate-photo {
  width: 65px;
  height: 65px;
  background-color: rgb(246, 246, 249);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 999px;
  margin: 0 auto;
}

.modal h2 {
  font-weight: 600;
  font-size: 1.4em;
}

.modal h3 {
  font-weight: 500;
  font-size: 1.2em;
}

.modal-rating {
  background-color: rgb(246, 246, 249);
  border-radius: 5px;
  align-items: center;
  padding: 6px 10px;
}

.modal .star-wrapper {
  margin: 1em 0;
}

.modal-rating i,
.modal-rating-text::before {
  margin-right: 5px;
}

.modal-rating-text {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: rgb(246, 246, 249);
  color: rgb(129, 135, 141);
  border-radius: 6px;
  margin: 10px 0;
}

.modal-rating-text::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url("graphics/svg/Info-2.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.modal label {
  text-align: left;
  padding: 10px 0;
}

.modal .rating-com {
  border-radius: 6px;
}

.modal textarea::-moz-placeholder {
  color: #81878d;
}

.modal textarea::placeholder {
  color: #81878d;
}

.modal-content h3,
.modal-content h2 {
  margin: 1em 0 0.8em 0;
}

.login-page {
  background-image: url("graphics/ekranLogowania.jpg");
}

.modal .star {
  font-size: 24px;
}

.reszta {
  display: none;
}

.reszta.show-me {
  display: flex;
}

.header-top {
  display: flex;
  gap: 30px;
  width: 100%;
}

.header-inner {
  padding-bottom: 15px;
  width: 100%;
  border-bottom: 1px solid rgba(129, 135, 141, 0.3);
}

.candidate-contacts {
  margin-bottom: 15px;
}

tr .key.contact-info:last-child {
  margin-bottom: 50px;
}

.flex {
  display: flex;
}

#toggle-button {
  margin-top: 15px;
  margin-bottom: 25px;
}

::-moz-placeholder {
  color: rgb(129, 135, 141);
}

::placeholder {
  color: rgb(129, 135, 141);
}

::-ms-input-placeholder {
  color: rgb(129, 135, 141);
}

.candidate-charts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

.button.link {
  -webkit-text-decoration: 1px underline #000;
          text-decoration: 1px underline #000;
  background: none;
  border: none;
  margin: 0;
  text-align: left;
  color: #000;
  font-size: 1em;
  padding: 0;
  min-width: auto !important;
  text-underline-offset: 4px;
}

.candidate-charts.candidate > div {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}

.candidate-charts.candidate > div .pie-wrapper {
  margin: 0;
}

.candidate-perc {
  color: #000;
  font-size: 1.3em;
  font-weight: 500;
  margin-left: 40px;
}

.action-wrapper.candidate-panel .action-btn {
  border-radius: 6px !important;
}

.action-wrapper.candidate-panel .action-btn .image-wrapper {
  width: 15px !important;
  padding: 0 2px !important;
}

#candidate_panel .action-wrapper.candidate-panel .action-btn:hover,
#candidate_panel .action-wrapper .action-btn > div:hover {
  background: none !important;
}

#candidate_panel .acceptation-wrapper,
#candidate_panel .action-wrapper {
  width: auto;
}

#candidate_panel .candidate-charts > div,
#candidate_panel .progress-wrapper {
  width: 100%;
}

.candidate-info > td.key {
  padding-top: 8px;
  width: 100%;
}

.candidate-info span.modal-rating {
  padding: 3px 8px;
  margin-right: 10px;
  color: rgb(129, 135, 141);
}

#candidate_panel .candidate-header h1 {
  margin: 0;
}

#candidate_panel h1 {
  font-size: 18px !important;
}

#candidate_panel .action-btn span,
.table-wrapper table td.first-table-item {
  color: #000;
}

#lista-candidates .first-table-item > div {
  display: flex;
  align-items: center;
  width: auto;
  color: #000;
  gap: 10px;
}

.image-wrapper.candidate-photo.table {
  width: 35px;
  min-width: 35px;
  min-height: 35px;
  background-color: #f5f5f5;
  height: 35px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 999px;
  padding: 0;
}

#START .notofication-body {
  padding-left: 10px;
}

.table-checkbox {
  width: 30px;
  margin: 0 auto;
}

.table-checkbox input {
  padding: 7px 0;
}

.table-checkbox input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  border: 2px solid rgba(129, 135, 141, 0.3);
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.table-checkbox input[type=checkbox]:checked {
  background-color: #ffb400;
  border-color: #ffb400;
}

.table-checkbox input[type=checkbox]:checked::before {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 0px;
  left: 4px;
}

.table-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}

.progress-container-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.progress-container {
  width: 120px;
  background-color: #e7eaef;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.progress-bar {
  height: 6px;
  width: 0;
  border-radius: 6px;
  transition: width 0.3s;
}

.filter-dropdown,
.sort-dropdown {
  display: none;
  position: absolute;
  top: 45px;
  right: 0;
  left: 0;
  background-color: white;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.filter-dropdown .dropdown-item,
.sort-dropdown .dropdown-item {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.filter-dropdown .dropdown-item:hover,
.sort-dropdown .dropdown-item:hover {
  background-color: #f1f1f1;
}

.toggle-btn {
  overflow: visible;
}

.show {
  display: block;
}

.first-table-item > a {
  display: block;
  width: 100%;
  height: 100%;
}

.status-wrapper {
  width: 150px;
}

.progress-wrapper {
  width: 200px;
}

#START .action-wrapper,
#START .status-wrapper {
  width: auto;
}
#START .dashboard-card {
  border-radius: 7px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  justify-content: space-between;
  min-height: 360px;
  min-width: 300px;
}
#START .dashboard-card .controls {
  padding: 15px;
  margin: 0;
  overflow: visible;
}
#START .dashboard-card .table-wrapper,
#START .dashboard-card .button.alt {
  margin: 0;
}
#START .notification-item {
  border-bottom: 1px solid rgba(129, 135, 141, 0.3019607843);
  padding: 15px;
  margin: 0;
}
#START .company-img {
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  border-radius: 999px;
  position: relative;
  overflow: hidden;
}

.sort-button img {
  width: 14px;
  height: 14px;
  min-height: 14px;
  min-width: 14px;
}

#START .company-img img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.dashboard-card ul {
  margin: 0;
}

.comapany-list {
  padding: 15px;
  text-decoration: none;
  list-style: none;
  width: auto;
}

a.action-btn,
.action-btn > span {
  display: flex;
}

.comapany-list a {
  margin-bottom: 5px;
  display: block;
}

.comapany-list a > li {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  height: 40px;
  border-radius: 6px;
}

.comapany-list a:hover {
  color: #001e28;
}

.comapany-list a > li:hover {
  background-color: #fafbfc;
}

.dashboard-card .controls {
  border-top: 1px solid rgba(129, 135, 141, 0.3019607843);
}

.home-recruitments .controls {
  border-top: none;
}

.recruitment-list-table .main-table-wrapper,
.home-recruitments {
  margin-bottom: 0px;
  min-height: 30vh;
}

.first-table-item.text-wrapper a {
  width: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.deadline-card {
  overflow: hidden;
}
.deadline-card .wrapper {
  display: flex;
  gap: 20px;
  padding: 20px 40px 20px 20px;
}
.deadline-card .text-wrapper {
  width: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
}
.deadline-card .deadline-legend {
  display: flex;
  gap: 20px;
}
.deadline-card .y-deadline,
.deadline-card .g-deadline {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #81878d;
  font-weight: 500;
}
.deadline-card .y-deadline::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background-color: #ffb400;
}
.deadline-card .g-deadline::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background-color: #15e073;
}
.deadline-card .deadline-left-side {
  display: flex;
  flex-direction: column;
  width: auto;
  height: 100%;
}
.deadline-card .deadline-right-side {
  width: 100%;
  height: 100%;
  position: relative;
}
.deadline-card .progress-wrapper {
  overflow: hidden;
}
.deadline-card .progress-wrapper,
.deadline-card .name-wrapper {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0;
  width: 100%;
  margin-bottom: 10px;
}
.deadline-card .progress-wrapper:last-child,
.deadline-card .name-wrapper:last-child {
  margin-bottom: 0px;
}
.deadline-card .progress-track {
  width: 100%;
  height: 6px;
  background-color: #e7eaef;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}
.deadline-card .timeline_marker,
.deadline-card .timeline_marker_2,
.deadline-card .timeline_marker_3,
.deadline-card .timeline_marker_4,
.deadline-card .timeline_marker_5,
.deadline-card .timeline_marker_start,
.deadline-card .timeline_marker_end {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(129, 135, 141, 0.2);
}
.deadline-card .timeline_marker_start {
  left: 0;
}
.deadline-card .timeline_marker_2 {
  left: 20%;
}
.deadline-card .timeline_marker_3 {
  left: 40%;
}
.deadline-card .timeline_marker_4 {
  left: 60%;
}
.deadline-card .timeline_marker_5 {
  left: 80%;
}
.deadline-card .timeline_marker_end {
  right: 0;
}
.deadline-card .timeline-v span {
  position: absolute;
  bottom: -30px;
  text-orientation: sideways;
  width: 100px;
  left: -30px;
  color: #81878d;
}
.deadline-card .timeline_marker_today {
  position: absolute;
  bottom: 0;
  top: 0;
  width: 1px;
  box-sizing: border-box;
  border-left: 2px dotted #ffb400;
}
.deadline-card .timeline_marker_today span {
  bottom: 0;
  top: -30px;
  color: #d09300;
}
.deadline-card .progress-track.color-y {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffb400;
  width: 40%;
}
.deadline-card .progress-track.color-g {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #15e073;
  width: 40%;
}

.models-tooltip {
  position: absolute;
  background: rgb(255, 255, 255);
  opacity: 1;
  color: #101010;
  padding: 10px;
  font-weight: 400;
  z-index: 1000;
  margin: 0;
  width: auto;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
}

.models-tooltip p {
  margin: 0;
  padding: 0;
}

.models-tooltip span {
  color: #81878d;
  margin: 0;
  padding: 0;
}

.first-table-item.text-wrapper {
  max-width: 350px;
}

#hinter_invitation_window .content {
  padding: 0;
}
#hinter_invitation_window .content .input-wrapper {
  padding-bottom: 0;
}

#hinter_invitation_window textarea {
  height: 100%;
  line-height: 1.6;
}

#hinter_invitation_window .input-container {
  margin-bottom: 0px;
}

#page-notifications .dashboard-card {
  min-height: 100px;
}
#page-notifications .dashboard-card :last-child {
  border-bottom: 0;
}

#page-profile_settings .dashboard-card .controls {
  border-top: none;
}

.candidate-status-progress {
  margin-bottom: 25px;
}

.candidate-status-progress > div {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}

.candidate-status-progress .candidate-status-container {
  border: 1px solid rgba(129, 135, 141, 0.3);
  border-radius: 6px;
  background-color: #fafbfd;
  padding: 10px 15px;
  color: black;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.candidate-status-progress .candidate-status-container.disabled {
  background-color: #fdfdfe;
  border: 1px solid #f0f1f1;
  color: #cad0d3;
  font-weight: 400;
  height: 33.5px;
}

.candidate-status-progress .dot {
  width: 18px;
  height: 18px;
  max-width: 18px;
  max-height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 2px solid #f0f1f1;
  background-color: white;
  border-radius: 100%;
  position: relative;
}

.candidate-status-progress .dot.active {
  border: 2px solid #ffb400;
}

.candidate-status-progress .dot.active:not(.current) {
  display: block;
  border: 2px solid #ffb400;
  background-image: url("graphics/svg/subtract.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.candidate-status-progress .dot.current::after {
  content: "";
  width: 5px;
  height: 5px;
  border: 2px solid #ffb400;
  background-color: #ffb400;
  border-radius: 100%;
  position: absolute;
  transform: translate(50%, 50%);
}

.candidate-status-progress .dot::before {
  content: "";
  width: 2px;
  height: 30px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 84%);
  background-color: rgba(129, 135, 141, 0.2);
  display: block;
  position: absolute;
}

.candidate-status-progress .dot.active:not(.current)::before {
  background-color: #ffb400;
}

.candidate-status-progress .dot.current::before {
  background-color: rgba(129, 135, 141, 0.2);
}

.candidate-status-progress > div:last-child .dot:before {
  display: none;
}

.kandydat .acceptation-wrapper.small .status-label,
.rekruter .acceptation-wrapper.small .status-label {
  width: 30px;
  height: 30px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kandydat .acceptation-wrapper.small .status-label::before,
.rekruter .acceptation-wrapper.small .status-label::before {
  width: 15px !important;
  height: 15px !important;
}

.kandydat .acceptation-wrapper.small {
  width: auto;
}
.kandydat .acceptation-wrapper.small .status-label.zatrudniony span::before {
  background-repeat: no-repeat !important;
  background-image: url("graphics/svg/like-green.svg");
}
.kandydat .acceptation-wrapper.small .status-label.zainteresowany {
  background-color: #d2eaff;
}
.kandydat .acceptation-wrapper.small .status-label.zainteresowany span::before {
  background-repeat: no-repeat !important;
  background-image: url("graphics/svg/like-blue.svg");
}
.kandydat .acceptation-wrapper.small .status-label.itsamatch {
  background-color: #d0f9e3;
}
.kandydat .acceptation-wrapper.small .status-label.itsamatch span::before {
  background-repeat: no-repeat !important;
  width: 15px;
  height: 15px;
  background-image: url("graphics/svg/like-green.svg");
}
.kandydat .acceptation-wrapper.small .status-label.empty span::before {
  width: 15px;
  height: 15px;
}

.rekruter .acceptation-wrapper.small {
  width: auto;
}
.rekruter .acceptation-wrapper.small .status-label.zatrudniony span::before {
  background-repeat: no-repeat !important;
  background-image: url("graphics/svg/like-green-left.svg");
}
.rekruter .acceptation-wrapper.small .status-label.itsamatch {
  background-color: #d0f9e3;
}
.rekruter .acceptation-wrapper.small .status-label.itsamatch span::before {
  background-repeat: no-repeat !important;
  width: 15px;
  height: 15px;
  background-image: url("graphics/svg/like-green-left.svg");
}

.rekruter .status-label.nieprzyjety span::before {
  background-image: url("graphics/svg/unlike-red-left.svg");
}
.rekruter > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rekruter .action-window-status.v3 > div {
  background-color: #f5f5f9;
  border: 1px solid rgba(129, 135, 141, 0.2);
  border-radius: 6px;
  height: 30px;
  display: flex;
  align-items: center;
}
.rekruter .action-window-status.v3 > div .action-icon {
  padding: 0 10px;
}
.rekruter .action-window-status.v3 > div .v-separator {
  width: 1px;
  height: 20px;
  background-color: rgba(117, 126, 138, 0.3);
}
.rekruter .action-window-status.v3 > div .zaakceptuj .action-icon {
  background-image: url("graphics/svg/zaakceptuj.svg");
}
.rekruter .action-window-status.v3 > div .zaakceptuj.disabled .action-icon,
.rekruter .action-window-status.v3 > div .odrzuc.disabled .action-icon {
  opacity: 10%;
}
.rekruter .action-window-status.v3 > div .odrzuc .action-icon {
  background-image: url("graphics/svg/odrzuc.svg");
}
.rekruter .action-window-status.v3 > div .odrzuc:not(.disabled):hover .action-icon {
  width: 16px;
  height: 16px;
  background-image: url("graphics/svg/unlike-red-left.svg");
  transform: scaleX(-1);
}
.rekruter .action-window-status.v3 > div .zaakceptuj:not(.disabled):hover .action-icon {
  width: 16px;
  height: 16px;
  background-image: url("graphics/svg/like-green-left.svg");
}

.kandydat-header,
.kandydat {
  width: 80px;
}

.rekruter .zaakceptuj,
.rekruter .odrzuc {
  position: relative;
  display: inline-block;
}

.rekruter a.odrzuc:not(.disabled):hover,
.rekruter a.zaakceptuj:not(.disabled):hover {
  cursor: pointer;
}

.rekruter a.odrzuc:hover,
.rekruter a.zaakceptuj:hover {
  cursor: default;
}

.rekruter .zaakceptuj:not(.disabled):hover::after {
  content: "Akceptuj";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -20%);
  background-color: white;
  color: rgb(129, 135, 141);
  padding: 5px 10px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 10;
  font-weight: 500;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.rekruter .odrzuc:not(.disabled):hover::after {
  content: "Odrzuć";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-30%, -20%);
  background-color: white;
  color: rgb(129, 135, 141);
  padding: 5px 10px;
  font-weight: 500;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

a.candidate-button:not(.disabled):hover {
  color: inherit;
}

.candidate-button.disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
}

.candidate-button.disabled:hover {
  pointer-events: none;
  cursor: default;
}

.candidate-button .action-label {
  width: auto;
  border: 1px solid rgba(129, 135, 141, 0.5);
  background-color: rgb(246, 246, 249);
  border-radius: 6px;
  display: block;
  border-radius: 6px;
  padding: 4px 10px;
}
.candidate-button .action-label span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 15px;
}
.candidate-button .action-label span::before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
}

.candidate-button .action-label.ocen span::before {
  background-image: url("graphics/svg/ocen.svg");
}

.candidate-button .action-label.rezygnacja span::before {
  background-image: url("graphics/svg/rezygnacja-gray.svg");
}

.candidate-button .action-label.odrzuc span::before {
  background-image: url("graphics/svg/odrzuc.svg");
}

.candidate-button .action-label.akceptuj span::before {
  background-image: url("graphics/svg/zaakceptuj.svg");
}

.candidate-button:not(.disabled) .action-label.rezygnacja:hover,
.candidate-button:not(.disabled) .action-label.odrzuc:hover {
  background-color: rgb(253, 204, 213);
  color: rgb(245, 0, 44);
  border: 1px solid rgb(245, 0, 44);
}

.candidate-button:not(.disabled) .action-label.ocen:hover {
  background-color: #fafbfc;
  color: #eea800;
  border: 1px solid #eea800;
}

.candidate-button:not(.disabled) .action-label.odrzuc:hover span::before {
  background-image: url("graphics/svg/odrzuc-h.svg");
}

.candidate-button:not(.disabled) .action-label.ocen:hover span::before {
  background-image: url("graphics/svg/ocen-h.svg");
}

.candidate-button:not(.disabled) .action-label.rezygnacja:hover span::before {
  background-image: url("graphics/svg/stop.svg");
}

.candidate-button:not(.disabled) .action-label.akceptuj:hover span::before {
  background-image: url("graphics/svg/like-blue.svg");
  transform: scaleX(-1);
}

.candidate-button:not(.disabled) .action-label.akceptuj:hover {
  background-color: #d2eaff;
  color: #2094ff;
  border: 1px solid #2094ff;
}

.recruiter-actions,
.candidate-status-container .acceptation-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.input-error {
  border: 1px solid red !important;
}

.input-success {
  border: 1px solid green !important;
}

.acceptation-wrapper.new .select {
  display: none;
}
.acceptation-wrapper.new .select2 {
  width: auto;
  max-width: 140px;
  border: 1px solid rgba(129, 135, 141, 0.2);
  background-color: rgb(246, 246, 249);
  border-radius: 6px;
  height: 32px;
}
.acceptation-wrapper.new .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgb(129, 135, 141);
  font-weight: 500;
}
.acceptation-wrapper.new .select-box {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.acceptation-wrapper.new .select-arrow {
  font-size: 12px;
}
.acceptation-wrapper.new .options-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: white;
  border: 1px solid #ccc;
  z-index: 10;
}
.acceptation-wrapper.new .option {
  padding: 10px;
  cursor: pointer;
}
.acceptation-wrapper.new .option:hover {
  background-color: #f0f0f0;
}

.thin-cell {
  width: 80px;
}

.name-cell {
  width: 230px;
}

.gender-cell {
  width: 120px;
}

#recruitment_candidates_wrapper .table-wrapper table,
#recruitment_candidates_wrapper .main-table-wrapper > div:first-child {
  min-width: 1400px;
}

.candidate-status-container > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wiwiw {
  width: 200px !important;
  left: -60px !important;
}

.action-window-status.v3.disable {
  opacity: 60%;
  pointer-events: none;
  cursor: default;
}

.button,
.button.alt,
.button.cta {
  height: 40px;
  padding: 10px 20px;
  font-weight: 500;
  font-size: 14px;
  gap: 8px;
}

.button.ico-left {
  padding: 10px 20px 10px 18px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 10px;
}
.button.ico-left .ico {
  position: static;
  padding: 0;
  width: auto;
  height: auto;
}

.button.ico-right {
  padding: 10px 18px 10px 20px;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.button.ico-right .ico {
  position: static;
  padding: 0;
  width: auto;
  height: auto;
}

input[type=text] {
  height: 40px;
  border-radius: 6px;
  padding: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #001e28;
  caret-color: #ffb400 !important;
  max-width: 540px;
  display: block;
}

input[type=text]:focus, textarea:focus {
  border-color: #ffb400;
  color: #001e28;
  caret-color: #ffb400 !important;
}

input[type=text]::-moz-placeholder {
  color: #81878d;
}

input[type=text]::placeholder {
  color: #81878d;
}

.button.ico-btn.send-btn {
  padding: 6px;
}

#candidate_panel .candidate-charts .action-wrapper.candidate-panel .action-btn:hover {
  background-color: #e7e7e7 !important;
  border-color: transparent !important;
}

.hinter-form-container input[type=text] {
  max-width: none;
}

.review-me {
  background-color: #F6F6F9;
  border: 1px solid rgba(129, 135, 141, 0.2);
  padding: 10px;
  margin: 0 !important;
  border-radius: 6px;
  color: #81878D;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 30px;
  box-sizing: border-box;
  max-width: 80px;
  font-size: 14px;
}
.review-me .fas.fa-star.gray {
  color: #81878D;
}

.review-me:hover {
  color: #EEA800;
  background-color: rgba(255, 180, 0, 0.1019607843);
}
.review-me:hover .fas.fa-star.gray {
  color: #EEA800;
}

.invite-alert {
  border: 2px solid transparent;
  border-radius: 8px;
  padding: 40px;
  max-width: 500px;
  text-align: center;
}

.invite-alert .icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.invite-alert h3 {
  margin: 15px 0;
  font-weight: 500;
  font-size: 18px;
  color: #001E28;
}

.invite-alert p {
  color: rgba(0, 30, 40, 0.6509803922);
  line-height: 1.4;
  font-size: 14px;
  font-weight: 500;
}

.invite-alert small {
  display: block;
  margin-top: 10px;
  color: #777;
  font-size: 12px;
}

.invite-alert.success {
  background-color: #f1fcf7;
  border-color: #31b276;
}
.invite-alert.success .icon.offer {
  background-image: url("/css/graphics/svg/success.svg");
}

.invite-alert.warning {
  background-color: #fffaf3;
  border-color: #f5b759;
}

.invite-alert.error {
  background-color: rgba(245, 0, 44, 0.0509803922);
  border-color: #F5002C;
}
.invite-alert.error .icon.offer {
  background-image: url("/css/graphics/svg/eror.svg");
}

.invite-alert .green {
  color: #199f68;
  font-weight: 600;
}

.invite-alert .red {
  color: #d32f2f;
  font-weight: 600;
}

.first-table-item a {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  overflow: visible !important;
}

.new-accepted {
  font-weight: 500;
  font-size: 10px !important;
  width: 20px;
  height: 20px;
  line-height: 40px;
  border-radius: 20px;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background-color: #ffb400;
  color: #001e28;
  text-align: center;
  display: flex;
  z-index: 10;
  align-items: center;
  justify-content: center;
}

.company-logo {
  width: 26px;
  height: 26px;
  min-width: 26px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  border-radius: 50%;
}

.tooltip-modal {
  background-color: white;
  color: #81878D;
  font-weight: 500;
  padding: 5px 12px;
  height: 30px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 15px;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  white-space: nowrap;
}

th.small,
td.small {
  max-width: 50px;
  width: 50px;
}
th.small .ico,
td.small .ico {
  width: auto;
  height: 18px;
  background-position: left !important;
  background-repeat: no-repeat !important;
}

#recruitments_wrapper table {
  table-layout: auto !important;
}

body:has(.side-panel.show-me) {
  overflow: hidden;
}

.field_required {
  color: #F5002C;
}

.additional_options {
  margin-top: 15px;
}

#page-offer_wizard .additional_options .label {
  margin-bottom: 5px;
  display: block;
}
#page-offer_wizard .additional_options input {
  display: none;
}
#page-offer_wizard .additional_options label {
  margin-bottom: 5px;
  color: #656565;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#page-offer_wizard .additional_options input[type=checkbox] + label::before {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  margin-top: 0;
  font-size: 16px;
}
#page-offer_wizard textarea {
  min-height: 140px;
  line-height: 1.6;
}

#qualification_selection_window form .input-wrapper > div, .input-wrapper:has(.search-input) > div {
  position: relative;
}

#qualification_selection_window form .input-wrapper > div::before,
.input-wrapper:has(.search-input) > div::before {
  content: "";
  background-image: url("graphics/svg/search_ico.svg");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  z-index: 1;
}

#qualification_selection_window form input,
.search-input {
  padding-left: 40px !important;
}

table tr.new {
  border-left: 3px solid #FFB400;
  box-sizing: border-box;
}
table tr.new td {
  background-color: #fff7e3;
}

table tr.new:hover td {
  background-color: #fff7e3;
}

.contact-banner {
  border-radius: 7px;
  border: 1px solid rgba(129, 135, 141, 0.3019607843);
  padding: 30px;
  position: relative;
  overflow: hidden;
  height: 220px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.contact-banner .content {
  z-index: 1;
  position: relative;
  max-width: 50%;
}
.contact-banner .content p {
  margin-top: 0.5em;
}
.contact-banner .content .button {
  margin: 0;
}
.contact-banner .bg-image {
  position: absolute;
  top: 0;
  display: block;
  right: 0;
  z-index: 0;
  width: 50%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

#page-candidates_contacts .tab-content {
  display: none;
}
#page-candidates_contacts .tab-content.active {
  display: block;
}
#page-candidates_contacts .action-window-status {
  width: -moz-max-content;
  width: max-content;
}
#page-candidates_contacts .top-tooltip {
  height: 50px;
  padding-top: 15px;
  box-sizing: border-box;
  justify-content: flex-start;
}
#page-candidates_contacts .top-tooltip .link-btn {
  position: relative;
  font-weight: 500;
  margin: 0 20px 0 0;
  text-decoration: none;
  color: #81878D;
}
#page-candidates_contacts .top-tooltip .link-btn.active {
  color: #001E28;
}
#page-candidates_contacts .top-tooltip .link-btn.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background-color: #ffb400;
}
#page-candidates_contacts .top-tooltip .link-btn:hover {
  cursor: pointer;
}
#page-candidates_contacts .page-header-placeholder.top-tooltip-placeholder {
  padding-bottom: 126px;
}

#page-candidate .top-tooltip {
  height: 70px;
  box-sizing: border-box;
}
#page-candidate .top-tooltip svg path {
  stroke: #F5002C;
}
#page-candidate .top-tooltip > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
#page-candidate .top-tooltip .button {
  margin: 0;
}
#page-candidate .page-header-placeholder.top-tooltip-placeholder {
  padding-bottom: 126px;
}

.error-message {
  display: none;
}

.empty-value .error-message {
  display: block;
  color: #ff0000;
}

.window-ico {
  margin-right: 10px;
}

#profile_selection_window .window, #industry_selection_window .window,
#hinter_invitation_window .window,
#qualification_selection_window .window {
  max-height: none;
  padding: 0;
  min-width: 450px;
  max-width: 450px;
  max-height: 640px;
}
#profile_selection_window .window .input-wrapper:has(.search-input), #industry_selection_window .window .input-wrapper:has(.search-input),
#hinter_invitation_window .window .input-wrapper:has(.search-input),
#qualification_selection_window .window .input-wrapper:has(.search-input) {
  padding-bottom: 20px;
}
#profile_selection_window .window .input-wrapper:has(.search-input) .search-input, #industry_selection_window .window .input-wrapper:has(.search-input) .search-input,
#hinter_invitation_window .window .input-wrapper:has(.search-input) .search-input,
#qualification_selection_window .window .input-wrapper:has(.search-input) .search-input {
  margin: 0;
}
#profile_selection_window .window .window-content-wrapper, #industry_selection_window .window .window-content-wrapper,
#hinter_invitation_window .window .window-content-wrapper,
#qualification_selection_window .window .window-content-wrapper {
  min-height: 440px;
  padding-bottom: 60px;
}
#profile_selection_window .window .pagination, #industry_selection_window .window .pagination,
#hinter_invitation_window .window .pagination,
#qualification_selection_window .window .pagination {
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
}
#profile_selection_window .window .pagination .progress, #industry_selection_window .window .pagination .progress,
#hinter_invitation_window .window .pagination .progress,
#qualification_selection_window .window .pagination .progress {
  max-width: none;
  width: 100%;
}

#hinter_invitation_window .window-content-wrapper {
  padding-bottom: 0 !important;
  min-height: unset !important;
}

.window-overlay .window-content-wrapper {
  padding: 20px;
  padding-bottom: 0;
}

#qualification_selection_window .window-content-wrapper {
  padding-bottom: 100px !important;
}
#qualification_selection_window .pagination {
  bottom: 60px !important;
}

.button.del {
  background-color: white;
  border: 1px solid #F5002C;
  justify-content: center;
  color: #F5002C !important;
}
.button.del .ico svg path {
  stroke: #F5002C;
}

.button.del:hover {
  border-color: #F5002C !important;
}

.button.cta.ico-right.square {
  padding: 0;
  min-width: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#welcome_recruiter_window .window {
  min-width: 400px;
  max-width: 400px;
  min-height: 550px;
}
#welcome_recruiter_window .controls {
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
#welcome_recruiter_window .controls .button {
  gap: 7px;
}
#welcome_recruiter_window .content {
  text-align: center;
  padding-top: 25px;
}
#welcome_recruiter_window .slide {
  display: none;
}
#welcome_recruiter_window .slide.active {
  display: block;
}
#welcome_recruiter_window .slide {
  position: absolute;
  top: 48%;
  left: 20px;
  right: 20px;
  max-width: 330px;
  margin: 0 auto;
}
#welcome_recruiter_window .slide h2 {
  font-size: 28px;
  line-height: 1.3;
  font-weight: 500;
  margin: 0;
  color: #001E28;
}
#welcome_recruiter_window .slide p {
  margin: 0;
  margin-top: 15px;
  color: #81878D;
  line-height: 1.6;
  font-size: 14px;
  font-weight: 400;
}
#welcome_recruiter_window .dots {
  position: absolute;
  bottom: 85px;
  left: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#welcome_recruiter_window .dots .dot {
  width: 10px;
  height: 10px;
  background-color: rgba(129, 135, 141, 0.3019607843);
  border-radius: 50%;
}
#welcome_recruiter_window .dots .dot:hover {
  cursor: pointer;
}
#welcome_recruiter_window .dots .dot.current {
  background-color: #ffb400;
}

#page-offer_wizard input[type=text], #page-offer_wizard .styledSelect, #page-offer_wizard .input-wrapper input, #page-offer_wizard .input-wrapper input, #page-offer_wizard .input-wrapper .select, #page-offer_wizard .input-wrapper .select2-container, #page-offer_wizard .select2-selection__rendered, #page-offer_wizard .input-wrapper textarea {
  font-size: 14px;
  font-weight: 400;
  color: #001E28 !important;
}

#video_error,
#video_success {
  display: none;
  font-size: 12px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.login-page .login-box {
  height: 100svh;
}
.login-page .login-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 40px 20px;
  box-sizing: border-box;
  width: -webkit-fill-available;
  margin: 0 auto;
}
.login-page .card-header img {
  height: 40px;
}
.login-page .card-body {
  width: 100%;
}
.login-page .card-body input {
  max-width: none;
  font-weight: 500;
}
.login-page .card-body input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
  font-weight: 400;
}
.login-page .card-body input::placeholder {
  color: rgba(255, 255, 255, 0.3);
  font-weight: 400;
}
.login-page .card-body .input-wrapper label {
  text-align: left;
  color: rgb(146, 170, 177);
  font-size: 14px;
  font-weight: 400;
}
.login-page .card-body .input-wrapper input:focus, .login-page .card-body .input-wrapper textarea:focus {
  border-color: white;
  caret-color: white !important;
}
.login-page .card-body .controls .button {
  margin: 0;
  margin-top: 25px;
  font-weight: 500;
}
.login-page .card-body h2 {
  color: white;
  font-weight: 500;
  font-size: 30px;
  margin: 0;
  line-height: 1.3;
  margin-bottom: 20px;
}/*# sourceMappingURL=theme.css.map */