:root {
  --primary-color: rgba(0, 70, 154, 1);
  --primary-color-lighter: rgba(0, 82, 179, 1);
  --primary-color-darker: rgba(0, 47, 103, 1);
  --blue-primary-color: rgba(103, 149, 204, 1);
  --blue-primary-color-darker: rgb(84, 138, 203);
  --ids-card-border-color: rgba(190, 211, 253, 1);
  --light-blue-color: rgba(226, 235, 255, 1);
  --bright-blue-color: rgba(30, 84, 194, 1);
  --primary-font-color: rgba(79, 79, 79, 1);
  --subtitle-font-color: rgba(50, 50, 52, 1);
  --birthday-color: rgba(255, 147, 30, 1);
  --vacation-color: rgba(19, 148, 0, 1);
  --sick-leave-color: var(--blue-primary-color);
  --business-trip-color: var(--primary-color);
}

@font-face {
  font-weight: 800;
  font-family: "Open Sans";
  src: url("/bitrix/fonts/opensans-extrabold.woff");
}
@font-face {
  font-weight: 700;
  font-family: "Open Sans";
  src: url("/bitrix/fonts/opensans-bold.woff");
}
@font-face {
  font-weight: 600;
  font-family: "Open Sans";
  src: url("/bitrix/fonts/opensans-semibold.woff");
}
@font-face {
  font-weight: 400;
  font-family: "Open Sans";
  src: url("/bitrix/fonts/opensans-regular.woff");
}
@font-face {
  font-weight: 300;
  font-family: "Open Sans";
  src: url("/bitrix/fonts/opensans-light.woff");
}
.btn-outline-primary {
  --bs-btn-color: var(--primary-color);
  --bs-btn-border-color: var(--primary-color);
  --bs-btn-hover-bg: var(--primary-color);
  --bs-btn-hover-border-color: var(--primary-color);
  --bs-btn-disabled-color: var(--primary-color);
  --bs-btn-disabled-border-color: var(--primary-color);
  --bs-btn-active-bg: var(--primary-color);
}

.primary-font-color {
  color: var(--primary-font-color);
}

.btn-light {
  border-color: rgb(225, 225, 225);
}

a {
  color: var(--primary-color);
  text-decoration: none;
}
a :focus {
  color: var(--primary-color-darker);
}
a:hover, a:focus, a:active {
  text-decoration: none;
}
a.hover-underlined:hover {
  cursor: pointer;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 1px !important;
}

.text-primary {
  color: var(--primary-color) !important;
}
.text-primary.a:hover {
  color: var(--primary-color-darker);
}

.bg-primary {
  background-color: var(--primary-color);
}
.bg-primary.a:hover {
  background-color: var(--primary-color-darker);
}

blockquote {
  font-size: 14px;
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: rgb(0, 58, 129);
  color: rgb(255, 255, 255);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-color: var(--primary-color-darker);
  border-color: rgb(0, 31, 67);
}
.btn-primary.disabled, .btn-primary.active, .btn-primary:disabled, .btn-primary.active {
  background-color: var(--primary-color);
  border-color: rgb(0, 58, 129);
}
.btn-primary .badge {
  color: var(--primary-color);
}

body {
  color: var(--primary-font-color);
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .container.short {
    padding: 0 80px;
  }
}
@media (min-width: 1400px) {
  .container.short {
    padding: 0 100px;
  }
}

[data-employee-id] {
  cursor: pointer;
}

.page-title {
  color: var(--primary-color);
  font-size: clamp(30px, 2.95vw, 40px);
  font-weight: 600;
  line-height: 130%;
}
@media (max-width: 575px) {
  .page-title {
    text-align: center;
  }
}

.page-description {
  font-size: 16px;
}
.page-description--with-margin-bottom {
  margin-bottom: 30px;
}

.ids-card {
  background-color: rgb(255, 255, 255);
  border: 1px solid var(--ids-card-border-color);
  border-radius: 12px;
  overflow: hidden;
}

.ids-link {
  color: var(--link-color);
}
.ids-link:hover, .ids-link:active, .ids-link:focus {
  text-decoration: 1px underline;
  text-underline-offset: 1px;
}

.ids-button {
  border: none;
  align-items: center;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  justify-content: center;
  height: 36px;
  transition: scale 0.3s;
}
.ids-button:hover, .ids-button:active, .ids-button:focus {
  cursor: pointer;
  filter: brightness(95%);
}
.ids-button:active {
  scale: 0.95;
}
.ids-button--white {
  background-color: rgb(255, 255, 255);
  color: var(--blue-primary-color);
}
.ids-button--bright-blue {
  background-color: var(--bright-blue-color);
  color: rgb(255, 255, 255);
}
.ids-button--blue {
  background-color: var(--light-blue-color);
  color: var(--bright-blue-color);
}
html.dark-mode .ids-button--blue {
  color: rgb(255, 255, 255);
}
.ids-button--big {
  font-weight: 600;
  height: 60px;
}
@media (max-width: 991px) {
  .ids-button {
    font-size: 16px;
  }
  .ids-button--big {
    height: 55px;
  }
}

/*# sourceMappingURL=template_styles.css.map */