@font-face {
	font-family: 'Gilroy-Regular';
	src: url('/static/fonts/gilroy-regular.eot'); /* IE 9 Compatibility Mode */
	src: url('/static/fonts/gilroy-regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/static/fonts/gilroy-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('/static/fonts/gilroy-regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/static/fonts/gilroy-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/static/fonts/gilroy-regular.svg#gilroy-regular') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
	font-family: 'Gilroy-SemiBold';
	src: url('/static/fonts/gilroy-semibold.eot'); /* IE 9 Compatibility Mode */
	src: url('/static/fonts/gilroy-semibold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/static/fonts/gilroy-semibold.woff2') format('woff2'), /* Super Modern Browsers */
		url('/static/fonts/gilroy-semibold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/static/fonts/gilroy-semibold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/static/fonts/gilroy-semibold.svg#gilroy-semibold') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
	font-family: 'ALSSiriusMed-Medium';
	src: url('/static/fonts/ALSSiriusMed-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --app-color-main: #414141;
    --app-color-red: #FF4123;
    --app-color-red-hover: #FF4123;
    --app-color-grey-8: #888888;
    --app-color-grey-9: #9f9f9f;
    --app-color-grey-a: #aeaeae;
    --app-color-grey-b: #bcbcbc;
    --app-color-grey-1: #d8d8d8;
    --app-color-grey-2: #f6f6f6;
    --app-heading-font: 'ALSSiriusMed-Medium', 'Gilroy-SemiBold', sans-serif;
    /*--app-text-font: 'Gilroy-Regular', sans-serif;*/

    --bs-body-font-family: 'Gilroy-Regular', sans-serif;
    --bs-link-color-rgb: 255,65,35;
    --bs-link-hover-color-rgb: 255,65,35;


  /*--bs-btn-border-color: #0d6efd;*/
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--app-color-red);
  --bs-btn-border-color: var(--app-color-red);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--app-color-red-hover);
  --bs-btn-hover-border-color: var(--app-color-red-hover);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--app-color-red);
  --bs-btn-active-border-color: var(--app-color-red);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--app-color-red);
  --bs-btn-disabled-border-color: var(--app-color-red);
}

.btn:hover {
  color: white;
  background-color: var(--app-color-red-hover);
  border-color: var(--app-color-red-hover);
}

/*avatar-background: rgba(255, 65, 35, 0.05)*/
/*  info-bg: rgba(255, 65, 35, 0.1)*/
/*secondary-hover: rgba(255, 65, 35, 0.1)*/

a {
    text-decoration: none
}

body {
    /*font-family: var(--app-text-font);*/
}

header {
    background-color: white;
    border-bottom: 1px solid var(--app-color-grey-1);
    font-family: var(--app-heading-font);
}

header .links {
    display: table;
    border-spacing: .25rem;
}

header .links a {
    border-radius: .25rem;
    color: var(--app-color-main);
    display: table-cell;
    background-color: var(--app-color-grey-2);
    height: 2rem;
    text-decoration: none;
    font-size: .875rem;
    width: 2rem;
    padding: .25rem;
    text-align: center;
    vertical-align: middle;
}

header .links a:hover {
    background-color: var(--app-color-grey-1);
}

header .links.lk-link img {
    margin-bottom: .125rem;
}

header .links.lk-link span {
    white-space: nowrap;
    padding: 0 .5rem;
}

header .phones {
    white-space: nowrap;
}

header .phones a {
    color: var(--app-color-main);
    text-decoration: none;
}

header .phones a:hover {
    color: var(--app-color-main);
    text-decoration: none;
}

header .navbar-brand img {
    display: block;
}

header .navbar-brand span {
    display: block;
    font-size: .75rem;
    margin-top: .25rem;
}

header .navbar-collapse {
    flex-grow: 0;
}

header .navbar-nav {
  align-items: center;
}

/*.bd-navbar {*/
/*  padding: .75rem 0;*/
/*  background-color: white;*/
/*  box-shadow: 0 .5rem 1rem #00000026, inset 0 -1px #ffffff26;*/
/*}*/

main {
    background-color: white;
    border-radius: .5rem;
}

main h1 {
    font-family: var(--app-heading-font);
    padding: 1rem 0;
}

@media (min-width: 1200px) {
    main h1 {
        padding: 1.5rem 0;
    }
}


main h2 {
    font-family: var(--app-heading-font);
    padding-top: 3rem;
    padding-bottom: 1rem;
}

main h2 mark {
    background-color: var(--app-color-red);
    border-radius: .5rem;
    color: white;
}

main ol.big-numbers li::marker {
    color: var(--app-color-red);
    font-size: 2rem;
    font-weight: 900;
    font-family: var(--app-heading-font);
}

footer ul {
    list-style: none;
    padding: 1rem 0;
}



/*.card.management {*/
/*    background-color: var(--app-color-grey-2);*/
/*    border: 0;*/
/*    font-weight: bold;*/
/*    font-size: 1.1rem;*/
/*    margin-bottom: .5rem;*/
/*}*/

/*.card.management .card-body>*:first-child {*/
/*    margin-bottom: 0.25rem;*/
/*}*/

/*.card.management .card-body>*:nth-child(3) {*/
/*    margin-top: 1.25rem;*/
/*}*/

/*.card.management .card-body>*:last-child {*/
/*    margin-bottom: 0;*/
/*}*/


/*.card.management span.marker i {*/
/*    color: white;*/
/*    font-size: 1rem;*/
/*    vertical-align: sub;*/
/*}*/

/*   new   */
@media screen and (min-width: 960px) {
  .card.management {
      display: inline-block;
      vertical-align: top;
      width: 23rem;
  }
}

main .card.management h1 {
    padding: 0;
}

.card.management {
    background-color: var(--app-color-grey-2);
    /*border: 0;*/
    /*font-weight: bold;*/
    /*font-size: 1.1rem;*/
    margin-bottom: .5rem;
}

.card.management h1 {
    font-family: var(--app-heading-font);
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.card.management div+div {
    margin-top: .5rem;
}

.card.management small {
    color: grey;
    font-size: .8125rem;
    font-weight: normal;
}

.card.management span.marker {
    margin-top: 1.5rem;
    color: white;
    background-color: var(--app-color-red);
    font-size: .8125rem;
    padding: .5rem 0.75rem;
    border-radius: .25rem;
}

.card.management i {
    color: grey;
    font-size: 1rem;
}

.daily-routine-table th {
    color: var(--app-color-red);
    font-size: 1.5rem;
    font-weight: bold;
    white-space: nowrap;
}

.daily-routine-table tr {
    vertical-align: middle;
}

/*body {*/
/*    position: relative;*/
/*    height: 100%;*/
/*}*/

.app-link {
    color: var(--app-color-main);
    text-decoration: none;
}

.app-link:hover {
    color: var(--app-color-red);
}

.btn-menu {
    border: 1px solid var(--app-color-grey-1);
}

.btn-menu:hover {
    background-color: white;
    border-color: var(--app-color-grey-1);
    color: var(--app-color-main);
}


.offcanvas-body {
    margin-top: 2rem;
}

.offcanvas-body ul, section.main .sidebar ul {
    background-color: var(--app-color-grey-2);
    border-radius: .5rem;
    padding: 2rem 1rem;
    list-style: none;
}

.offcanvas-body ul li, section.main .sidebar ul li {
    padding: .125rem .5rem;
}

.offcanvas-body ul li.selected, section.main .sidebar ul li.selected {
    position: relative;
}

.offcanvas-body ul li.selected::after {
    position: absolute;
    left: -1rem;
    bottom: .7rem;
    content: "";
    border-bottom: 1px solid var(--app-color-red);
    height: 1rem;
    width: 1rem;
}

.offcanvas-body ul li.selected::before {
    position: absolute;
    left: -1rem;
    top: .8125rem;
    content: "";
    border-top: 1px solid var(--app-color-red);
    height: 1rem;
    width: 1rem;
}

.offcanvas-body ul li a, section.main .sidebar ul li a {
    color: var(--app-color-main);
    text-decoration: none;
}

.offcanvas-body ul li a:hover, section.main .sidebar ul li a:hover {
    color: var(--app-color-red-hover);
}


.offcanvas-footer {
    border-top: 1px solid var(--app-color-grey-1);
    /*background-color: white;*/
    padding-top: 1rem;
}

.offcanvas-footer ul {
    list-style: none;
}


.offcanvas-footer .links {
    display: table;
    border-spacing: .25rem;
}

.offcanvas-footer .links a {
    border-radius: .25rem;
    color: var(--app-color-main);
    display: table-cell;
    background-color: var(--app-color-grey-2);
    height: 2rem;
    text-decoration: none;
    font-size: .875rem;
    width: 2rem;
    padding: .25rem;
    text-align: center;
    vertical-align: middle;
}

.offcanvas-footer .links a:hover {
    background-color: var(--app-color-grey-1);
}

.offcanvas-footer .links.lk-link img {
    margin-bottom: .125rem;
}

.offcanvas-footer .links.lk-link span {
    white-space: nowrap;
    padding: 0 .5rem;
}

.offcanvas-footer .phones {
    margin: 1rem 0;
    white-space: nowrap;
}

.offcanvas-footer .phones a {
    color: var(--app-color-main);
    text-decoration: none;
}

.offcanvas-footer .phones a:hover {
    color: var(--app-color-main);
    text-decoration: none;
}

.offcanvas-footer .navbar-brand img {
    display: block;
}

.offcanvas-footer .navbar-brand span {
    display: block;
    font-size: .75rem;
    margin-top: .25rem;
}

.offcanvas-footer .navbar-collapse {
    flex-grow: 0;
}

.offcanvas-footer .navbar-nav {
  align-items: center;
}

.offcanvas-footer .copyright {
    margin-top: 1rem;
    font-size: .75rem;
}


table small {
    color: var(--app-color-grey-8);
}

/*   new   */
@media screen and (max-width: 960px) {
    .table-grid tr {
        display: grid;
    }
    .table-grid tr a {
        display: inline-block;
        white-space: nowrap;
    }
}

.table-grid .marker {
    white-space: nowrap;
}



section.main {
    background-color: white;
    background-image: url("/static/img/pattern.svg");
    background-position: top center;
    background-size: 100% auto;
    background-repeat: repeat;
    min-height: 87vh;
}

section.main .sidebar ul {
    font-size: 1.1rem;
    padding: 2rem;
    white-space: nowrap;
}


section.main .sidebar ul li.selected::after {
    position: absolute;
    left: -2rem;
    bottom: .7rem;
    content: "";
    border-bottom: 2px solid var(--app-color-red);
    height: 2rem;
    width: 2rem;
}

section.main .sidebar ul li.selected::before {
    position: absolute;
    left: -2rem;
    top: .8125rem;
    content: "";
    border-top: 2px solid var(--app-color-red);
    height: 2rem;
    width: 2rem;
}


.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2025;
}

footer {
    background-color: var(--app-color-grey-2);
}

footer .release {
    color: var(--app-color-grey-1);
    font-size: .8725rem;
    text-align: right;
}