@font-face {
  font-family: "Rubik";
  src: url("../../fonts/rubik/Rubik-Regular.woff2") format("woff2"), url("../../fonts/rubik/Rubik-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../../fonts/rubik/Rubik-Medium.woff2") format("woff2"), url("../../fonts/rubik/Rubik-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../../fonts/rubik/Rubik-Bold.woff2") format("woff2"), url("../../fonts/rubik/Rubik-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
html[data-theme=light] {
  --gray-100: #F5F8FA;
  --gray-200: #EFF2F5;
  --gray-300: #E4E6EF;
  --gray-400: #B5B5C3;
  --gray-500: #A1A5B7;
  --gray-600: #7E8299;
  --gray-700: #5E6278;
  --gray-800: #3F4254;
  --gray-900: #181C32;
  --primary: #009EF7;
  --primary-active: #0095E8;
  --primary-light: #F1FAFF;
  --primary-alert: #F1FAFF;
  --primary-alert-bd: #D8F1FF;
  --primary-alert-text: #005D91;
  --secondary: #E4E6EF;
  --secondary-active: #B5B5C3;
  --secondary-light: #F5F8FA;
  --secondary-alert: #F5F8FA;
  --secondary-alert-bd: #E4ECF2;
  --secondary-alert-text: #A4ABC9;
  --white: #FFFFFF;
  --white-active: #F5F8FA;
  --white-static: #FFFFFF;
  --black: #1B1B29;
  --black-active: #181C32;
  --black-static: #1B1B29;
  --success: #50CD89;
  --success-active: #47BE7D;
  --success-light: #E8FFF3;
  --success-alert: #E8FFF3;
  --success-alert-bd: #CFFFE6;
  --success-alert-text: #298E57;
  --info: #7239EA;
  --info-active: #5014D0;
  --info-light: #F8F5FF;
  --info-alert: #F8F5FF;
  --info-alert-bd: #E6DCFF;
  --info-alert-text: #4312AB;
  --warning: #FFC700;
  --warning-active: #F1BC00;
  --warning-light: #FFF8DD;
  --warning-alert: #FFF8DD;
  --warning-alert-bd: #FFF3C4;
  --warning-alert-text: #997700;
  --danger: #F1416C;
  --danger-active: #D9214E;
  --danger-light: #FFF5F8;
  --danger-alert: #FFF5F8;
  --danger-alert-bd: #FFDCE6;
  --danger-alert-text: #BE0E39;
  --main: #f5f8fa;
  --main-text: #181C32;
  --aside-bg-color: #FFFFFF;
  --aside-logo-color: #1A1A27;
  --aside-logo-bg-color: #FAFAFA;
  --border-color: #EFF2F5;
  --border-table-color: #F8FAFB;
  --fader: rgba(0, 0, 0, .4);
  --header-box-shadow: 0 10px 30px 0 rgb(82 63 105 / 5%);
  --code: #F1F3F8;
  --code-text: #B93993;
  --accordion-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23181C32'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
html[data-theme=dark] {
  --gray-100: #1b1b29;
  --gray-200: #2B2B40;
  --gray-300: #323248;
  --gray-400: #474761;
  --gray-500: #565674;
  --gray-600: #6D6D80;
  --gray-700: #92929F;
  --gray-800: #CDCDDE;
  --gray-900: #FFFFFF;
  --primary: #3699FF;
  --primary-active: #187DE4;
  --primary-light: #212E48;
  --primary-alert: #AFD6FF;
  --primary-alert-bd: #AFD6FF;
  --primary-alert-text: #3699FF;
  --secondary: #323248;
  --secondary-active: #474761;
  --secondary-light: #1B1B29;
  --secondary-alert: #323248;
  --secondary-alert-bd: #323248;
  --secondary-alert-text: #FFFFFF;
  --white: #1B1B29;
  --white-active: #181C32;
  --white-static: #FFFFFF;
  --black: #FFFFFF;
  --black-active: #F5F8FA;
  --black-static: #1B1B29;
  --success: #0BB783;
  --success-active: #04AA77;
  --success-light: #1C3238;
  --success-alert: #9DE2CD;
  --success-alert-bd: #9DE2CD;
  --success-alert-text: #0BB783;
  --info: #8950FC;
  --info-active: #7337EE;
  --info-light: #2F264F;
  --info-alert: #D0B9FE;
  --info-alert-bd: #D0B9FE;
  --info-alert-text: #8950FC;
  --warning: #FFA800;
  --warning-active: #EE9D01;
  --warning-light: #392F28;
  --warning-alert: #FFDC99;
  --warning-alert-bd: #FFDC99;
  --warning-alert-text: #FFA800;
  --danger: #F64E60;
  --danger-active: #EE2D41;
  --danger-light: #3A2434;
  --danger-alert: #FBB8BF;
  --danger-alert-bd: #FBB8BF;
  --danger-alert-text: #F64E60;
  --main: #151521;
  --main-text: #FFFFFF;
  --aside-bg-color: #1E1E2D;
  --aside-logo-color: #FFFFFF;
  --aside-logo-bg-color: #1A1A27;
  --border-color: #2B2B40;
  --border-table-color: #2B2B40;
  --fader: rgba(255, 255, 255, .2);
  --header-box-shadow: none;
  --code: #2B2B40;
  --code-text: #B93993;
  --accordion-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

html,
body {
  font-family: "Rubik", Helvetica, "sans-serif";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  overflow-x: hidden;
}

html.no-touch .hover-scroll-overlay-y {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
html.no-touch .hover-scroll-overlay-y::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
}
html.no-touch .hover-scroll-overlay-y::-webkit-scrollbar-track {
  background-color: transparent;
}
html.no-touch .hover-scroll-overlay-y::-webkit-scrollbar-thumb {
  background-clip: content-box;
  border-right: 0.4rem solid transparent;
  background-color: transparent;
}
html.no-touch .hover-scroll-overlay-y::-webkit-scrollbar-thumb:hover {
  overflow-y: overlay;
  background-color: transparent;
}
html.no-touch .hover-scroll-overlay-y:hover {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
html.no-touch .hover-scroll-overlay-y:hover::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
}
html.no-touch .hover-scroll-overlay-y:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
html.no-touch .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb {
  background-clip: content-box;
  border-right: 0.4rem solid transparent;
  background-color: transparent;
}
html.no-touch .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb:hover {
  overflow-y: overlay;
  background-color: var(--gray-300);
}

body {
  background-color: var(--main);
  color: var(--main-text);
}
body * {
  box-sizing: border-box;
}

.main_container {
  display: flex;
}

.aside-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 265px;
  min-height: 100vh;
  background-color: var(--aside-bg-color);
  overflow-x: hidden;
  transition: width 0.4s ease;
}
@media (max-width: 991px) {
  .aside-menu {
    width: 250px;
    transform: translateX(-250px);
    transition: transform 0.2s ease-in-out;
  }
  .aside-menu.-overflowed {
    overflow-x: visible;
  }
  .aside-menu.-show {
    transform: translateX(0);
    transition: transform 0.2s ease-in-out 0.2s;
  }
  .aside-menu.-show .aside-menu__fader {
    width: calc(100vw - 250px);
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out 0.2s;
  }
}
.aside-menu__sticky-container {
  display: flex;
  flex-direction: column;
  width: 265px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .aside-menu__sticky-container {
    width: 250px;
  }
}
.aside-menu__fader {
  display: none;
}
@media (max-width: 991px) {
  .aside-menu__fader {
    display: block;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 250px;
    width: 100vw;
    height: 100vh;
    background-color: var(--fader);
    opacity: 0;
    transform: translateX(-100%);
    transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.4s;
  }
}
.aside-menu__logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 66px;
  padding: 0 25px;
  background-color: var(--aside-logo-bg-color);
}
@media (max-width: 991px) {
  .aside-menu__logo {
    display: none;
  }
}
.aside-menu__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.aside-menu__logo a svg {
  height: 19px;
  fill: var(--aside-logo-color);
}
.aside-menu__logo a img {
  height: 38px;
  fill: var(--aside-logo-color);
}
.aside-menu__logo button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  color: var(--gray-500);
  transition: color 0.2s ease, transform 0.4s ease;
}
.aside-menu__logo button:hover {
  color: var(--primary-active);
}
.aside-menu__logo button span {
  display: flex;
}
.aside-menu__navigation ul {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.aside-menu__navigation ul:before, .aside-menu__navigation ul:after {
  content: none;
}
.aside-menu__navigation ul.nav.side-menu {
  max-height: calc(100vh - 74px);
  padding: 15px 0;
  overflow-y: auto;
}
.aside-menu__navigation ul.nav.side-menu li {
  cursor: default;
}
.aside-menu__navigation ul.nav.side-menu li > span {
  display: block;
  padding: 10px 25px;
  margin: 10px 0 0;
  background-color: var(--aside-bg-color);
  font-size: 0.85rem;
  color: var(--gray-500);
  transition: opacity 0.4s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu {
  display: block;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li {
  padding: 0;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li:before, .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li:after {
  content: none;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a {
  display: flex;
  align-items: center;
  padding: 10px 25px;
  font-size: 1rem;
  font-weight: 400;
  color: var(--gray-700);
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.4s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a .menu-item-icon {
  display: flex;
  margin-right: 0.5rem;
  color: var(--gray-500);
  transition: color 0.2s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a span.menu-item-text:first-child {
  display: flex;
  align-items: center;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a span.menu-item-text:first-child:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  margin: 0 calc(10px + 0.5rem) 0 10px;
  border-radius: 50%;
  background-color: var(--gray-400);
  transition: background-color 0.2s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a:hover, .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a:focus {
  color: var(--primary);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a:hover .menu-item-icon, .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a:focus .menu-item-icon {
  color: var(--primary);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a:hover span.menu-item-text:first-child:before, .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a:focus span.menu-item-text:first-child:before {
  background-color: var(--primary);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a .arrow {
  width: 1.715rem;
  height: 1.715rem;
  margin: 0 0 0 auto;
  background-color: transparent;
  border: none;
  border-radius: 0.425rem;
  transition: background-color 0.2s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a .arrow:after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%23A1A5B7'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a .arrow:hover {
  background-color: var(--gray-200);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a .arrow.-active:after {
  transform: rotateZ(90deg);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li > .no-link {
  display: flex;
  align-items: center;
  padding: 10px 25px;
  margin: 0;
  background-color: var(--aside-bg-color);
  font-size: 1rem;
  font-weight: 400;
  color: var(--gray-700);
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.4s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li > .no-link .menu-item-icon {
  display: flex;
  margin-right: 0.5rem;
  transition: color 0.2s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li > .no-link span.menu-item-text:first-child {
  display: flex;
  align-items: center;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li > .no-link span.menu-item-text:first-child:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  margin: 0 calc(10px + 0.5rem) 0 10px;
  border-radius: 50%;
  background-color: var(--gray-400);
  transition: background-color 0.2s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li > .no-link .arrow {
  width: 1.715rem;
  height: 1.715rem;
  margin: 0 0 0 auto;
  background-color: transparent;
  border: none;
  border-radius: 0.425rem;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li > .no-link .arrow:after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%23A1A5B7'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li > .no-link .arrow:hover {
  background-color: var(--gray-200);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li > .no-link .arrow.-active:after {
  transform: rotateZ(90deg);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li > .no-link.level-3 {
  cursor: pointer;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li > .no-link.level-3:hover {
  color: var(--primary);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li.current-page > a {
  background-color: var(--aside-logo-bg-color);
  color: var(--primary);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li.current-page > a .menu-item-icon {
  color: var(--primary);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li.current-page > .no-link.level-3 {
  color: var(--primary);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li.active > a {
  color: var(--primary);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li.active > a .menu-item-icon {
  color: var(--primary);
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a + ul.nav.child_menu {
  display: none;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a + ul.nav.child_menu li a {
  padding: 10px 25px 10px 35px;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link + ul.nav.child_menu {
  display: none;
}
.aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link + ul.nav.child_menu li a {
  padding: 10px 25px 10px 35px;
}
.aside-menu__navigation ul.nav.side-menu li.active {
  border-right: none;
  background-color: var(--aside-logo-bg-color);
}
.aside-menu__navigation ul.nav.side-menu li.active > span {
  background-color: var(--aside-logo-bg-color);
}
.aside-menu__navigation ul.nav.side-menu li.active > span:after {
  transform: rotate(90deg);
}
.aside-menu__navigation ul.nav.side-menu li.current-page {
  border-right: none;
  color: var(--primary);
}
.aside-menu.-reduced {
  width: 75px;
}
@media (max-width: 991px) {
  .aside-menu.-reduced {
    width: 250px;
  }
}
.aside-menu.-reduced .aside-menu__logo a {
  display: none;
}
.aside-menu.-reduced .aside-menu__logo button {
  color: var(--primary-active);
  transform: rotate(180deg);
}
.aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > span {
  opacity: 0;
}
@media (max-width: 991px) {
  .aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > span {
    opacity: 1;
  }
}
.aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a .menu-item-text {
  opacity: 0;
}
@media (max-width: 991px) {
  .aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a .menu-item-text {
    opacity: 1;
  }
}
.aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a .arrow {
  opacity: 0;
}
@media (max-width: 991px) {
  .aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a .arrow {
    opacity: 1;
  }
}
.aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link {
  opacity: 1;
}
.aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link .menu-item-text {
  opacity: 0;
}
@media (max-width: 991px) {
  .aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link .menu-item-text {
    opacity: 1;
  }
}
.aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link .arrow {
  opacity: 0;
}
@media (max-width: 991px) {
  .aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link .arrow {
    opacity: 1;
  }
}
.aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a + ul.nav.child_menu {
  display: none !important;
}
@media (max-width: 991px) {
  .aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a + ul.nav.child_menu {
    display: block !important;
  }
}
.aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link + ul.nav.child_menu {
  display: none !important;
}
@media (max-width: 991px) {
  .aside-menu.-reduced .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link + ul.nav.child_menu {
    display: block !important;
  }
}
.aside-menu.-reduced.-hovered {
  width: 265px;
}
.aside-menu.-reduced.-hovered .aside-menu__logo a {
  display: flex;
}
.aside-menu.-reduced.-hovered .aside-menu__navigation ul.nav.side-menu li > span {
  opacity: 1;
}
.aside-menu.-reduced.-hovered .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a span {
  opacity: 1;
}
.aside-menu.-reduced.-hovered .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a .arrow {
  opacity: 1;
}
.aside-menu.-reduced.-hovered .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link {
  opacity: 1;
}
.aside-menu.-reduced.-hovered .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link .menu-item-text {
  opacity: 1;
}
.aside-menu.-reduced.-hovered .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link .arrow {
  opacity: 1;
}
.aside-menu.-reduced.-hovered .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li a + ul.nav.child_menu.-showed {
  display: block !important;
}
.aside-menu.-reduced.-hovered .aside-menu__navigation ul.nav.side-menu li > ul.nav.child_menu li .no-link + ul.nav.child_menu.-showed {
  display: block !important;
}

.main {
  width: 100%;
  padding-left: 265px;
  transition: width 0.4s ease, padding-left 0.4s ease, margin-left 0.4s ease;
}
@media (max-width: 991px) {
  .main {
    padding-left: 0;
  }
}
.main.-extended {
  padding-left: 75px;
}
@media (max-width: 991px) {
  .main.-extended {
    padding-left: 0;
  }
}
.main .top-navigation {
  position: sticky;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 65px;
  padding: 0 30px;
  background-color: var(--aside-bg-color);
}
@media (max-width: 991px) {
  .main .top-navigation {
    padding: 0 15px;
  }
}
.main .top-navigation__mobile {
  display: none;
}
@media (max-width: 991px) {
  .main .top-navigation__mobile {
    display: flex;
    align-items: center;
  }
}
.main .top-navigation__mobile .burger {
  margin: 0 0.5rem 0 -0.5rem;
}
.main .top-navigation__mobile .burger button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}
.main .top-navigation__mobile .burger button .svg-icon {
  display: flex;
  color: var(--gray-400);
}
.main .top-navigation__mobile .logo {
  display: flex;
}
.main .top-navigation__mobile .logo svg {
  height: 19px;
  fill: var(--aside-logo-color);
}
.main .top-navigation__menu {
  display: flex;
  align-items: stretch;
}
.main .top-navigation__menu:before, .main .top-navigation__menu:after {
  content: none;
}
.main .top-navigation__menu > li {
  margin-right: 0.25rem;
}
.main .top-navigation__menu > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0.65rem 1rem;
  border-radius: 0.425rem;
  color: var(--gray-700);
  transition: background-color 0.2s ease, color 0.2s ease;
}
@media (max-width: 1199px) {
  .main .top-navigation__menu > li > a {
    width: 40px;
    height: 40px;
    padding: 0;
  }
}
.main .top-navigation__menu > li > a .svg-icon {
  display: flex;
  margin-right: 0.5rem;
  color: var(--gray-500);
  transition: color 0.2s ease;
}
@media (max-width: 1199px) {
  .main .top-navigation__menu > li > a .svg-icon {
    margin: 0;
  }
}
.main .top-navigation__menu > li > a .text {
  color: var(--gray-700);
  transition: color 0.2s ease;
}
@media (max-width: 1199px) {
  .main .top-navigation__menu > li > a .text {
    display: none;
  }
}
.main .top-navigation__menu > li > a .caret {
  margin-left: 0.5rem;
}
.main .top-navigation__menu > li > a:hover, .main .top-navigation__menu > li > a:focus, .main .top-navigation__menu > li > a.active {
  background-color: var(--aside-logo-bg-color);
  color: var(--primary);
}
.main .top-navigation__menu > li > a:hover .svg-icon, .main .top-navigation__menu > li > a:hover .text, .main .top-navigation__menu > li > a:focus .svg-icon, .main .top-navigation__menu > li > a:focus .text, .main .top-navigation__menu > li > a.active .svg-icon, .main .top-navigation__menu > li > a.active .text {
  color: var(--primary);
}
.main .top-navigation__menu > li.open > a {
  background-color: var(--aside-logo-bg-color);
}
.main .top-navigation__menu > li.theme-toggle a .svg-icon {
  margin-right: 0;
}
.main .top-navigation__menu > li.theme-toggle a .caret {
  display: none;
}
.main .top-navigation__menu > li.theme-toggle .dropdown-menu {
  width: auto;
}
.main .top-navigation__menu > li.theme-toggle .dropdown-menu li + li {
  margin-top: 0.5rem;
}
.main .top-navigation__menu > li.theme-toggle .dropdown-menu li a {
  display: flex;
}
.main .top-navigation__menu > li.theme-toggle .dropdown-menu li a .svg-icon {
  margin-right: 0.5rem;
  color: var(--gray-500);
  transition: color 0.2s ease;
}
.main .top-navigation__menu > li.theme-toggle .dropdown-menu li a .text {
  color: var(--gray-700);
  transition: color 0.2s ease;
}
.main .top-navigation__menu > li.theme-toggle .dropdown-menu li a.active {
  cursor: default;
  background-color: var(--gray-200);
}
.main .top-navigation__menu > li.theme-toggle .dropdown-menu li a.active .svg-icon, .main .top-navigation__menu > li.theme-toggle .dropdown-menu li a.active .text {
  color: var(--primary);
}
.main .top-navigation__menu > li.theme-toggle .dropdown-menu li a:hover .svg-icon, .main .top-navigation__menu > li.theme-toggle .dropdown-menu li a:hover .text, .main .top-navigation__menu > li.theme-toggle .dropdown-menu li a:focus .svg-icon, .main .top-navigation__menu > li.theme-toggle .dropdown-menu li a:focus .text {
  color: var(--primary);
}
@media (max-width: 991px) {
  .main .top-navigation__menu.-left {
    display: none;
  }
}
.main .top-navigation__menu.-right .dropdown-menu {
  top: calc(100% + 5px);
  right: 0;
  left: auto;
  min-width: 100%;
}
.main .top-navigation__menu.-right .dropdown-menu li a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.main .top-navigation__menu.-right .dropdown-menu li a .text {
  margin-right: 0.5rem;
}
.main .heading {
  position: sticky;
  z-index: 1;
  top: 65px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 55px;
  border-top: 1px solid var(--border-color);
  border-bottom: none;
  padding: 0 30px;
  background-color: var(--aside-logo-bg-color);
  box-shadow: var(--header-box-shadow);
}
@media (max-width: 991px) {
  .main .heading {
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  .main .heading {
    flex-wrap: wrap;
    height: auto;
    padding: 15px 15px 0;
  }
}
.main .heading__left {
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .main .heading__left {
    margin-right: 0.5rem;
    margin-bottom: 15px;
  }
}
.main .heading__left h2 {
  display: flex;
  align-items: center;
  margin: 0;
  float: none;
  font-size: 1.35rem;
  color: var(--gray-900);
}
.main .heading__left h2:after {
  content: "";
  display: block;
  margin: 0 1rem;
  width: 1px;
  height: 20px;
  background-color: var(--gray-300);
}
@media (max-width: 767px) {
  .main .heading__left h2:after {
    content: none;
  }
}
@media (max-width: 575px) {
  .main .heading__right {
    margin-bottom: 15px;
  }
}
.main .content {
  max-width: 1450px;
  padding: 30px 30px 0;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .main .content {
    width: 100%;
    padding: 30px 15px 0;
  }
}
@media (max-width: 767px) {
  .main .content {
    padding: 15px 0 0;
  }
}
.main .content .x_panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2rem 2.5rem;
  margin: 0;
  background-color: var(--aside-bg-color);
  border: 0;
  border-radius: 0.425rem;
}
@media (max-width: 767px) {
  .main .content .x_panel {
    padding: 15px;
  }
}
.main .content .x_title {
  padding: 0 0 1.2rem;
  margin: 0 0 1.45rem;
  border-bottom: 1px solid var(--border-color);
}
.main .content .x_title h2 {
  margin: 0;
  font-size: 2rem;
}
.main .content .x_content {
  float: none;
  padding: 0;
  margin: 0;
}
.main .content .x_content h4 {
  font-size: 1.5rem;
}
.main .select2-container--bootstrap .select2-selection {
  box-shadow: none;
}
.main .select2-container--bootstrap .select2-selection--single {
  height: auto;
  padding: 0.75rem 1rem 0.75rem 1rem;
  border: 1px solid var(--gray-300);
  border-radius: 0.425rem;
  background-color: var(--white);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--gray-700);
}
.main .select2-container--bootstrap .select2-dropdown {
  border-color: var(--gray-400);
  box-shadow: none;
}

.select2-container--bootstrap .select2-dropdown {
  border-color: var(--gray-300);
  box-shadow: none;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: var(--primary);
}

/* START Datepicker Styles */
.datepicker table tr td, .datepicker table tr th {
  width: 35px;
}

/* END Datepicker Styles */
/* High Charts Widget */
.highcharts-container svg text {
  color: var(--gray-700) !important;
  fill: var(--gray-700) !important;
}
.highcharts-container svg text .highcharts-text-outline {
  display: none;
}
.highcharts-container svg .highcharts-background {
  fill: var(--aside-bg-color);
}
.highcharts-container svg .highcharts-yaxis-grid .highcharts-grid-line {
  stroke: var(--border-color);
}
.highcharts-container svg .highcharts-xaxis .highcharts-axis-line {
  stroke: var(--border-color);
}
.highcharts-container svg .highcharts-point {
  stroke: var(--border-color);
}
.highcharts-container svg .highcharts-point.highcharts-color-0 {
  fill: var(--primary);
  stroke: var(--primary);
}
.highcharts-container svg .highcharts-point.highcharts-color-1 {
  fill: var(--gray-700);
  stroke: var(--gray-700);
}
.highcharts-container svg .highcharts-legend-item.highcharts-color-0 rect {
  fill: var(--primary);
}
.highcharts-container svg .highcharts-legend-item.highcharts-color-1 rect {
  fill: var(--gray-700);
}
.highcharts-container svg .highcharts-tooltip.highcharts-color-0 text tspan:nth-child(3) {
  fill: var(--primary) !important;
}
.highcharts-container svg .highcharts-tooltip.highcharts-color-1 text tspan:nth-child(3) {
  fill: var(--gray-700) !important;
}
.highcharts-container svg .highcharts-label-box.highcharts-tooltip-box {
  fill: var(--main);
  stroke: var(--main);
}

/* Bot Dialog */
.bot-dialog {
  background: var(--aside-bg-color);
  border: 1px solid var(--border-color);
}
.bot-dialog .bd-date {
  color: var(--main-text);
}

/* Thumbnail */
.thumbnail {
  border: 1px solid var(--border-color);
  background-color: var(--white);
}

.drop-zone {
  border-color: var(--border-color);
  transition: border-color 0.2s ease;
}
.drop-zone .drop-zone-desc {
  color: var(--gray-400);
  transition: color 0.2s ease;
}
.drop-zone:hover {
  border-color: var(--gray-300);
}
.drop-zone:hover .drop-zone-desc {
  color: var(--gray-500);
}

.file-item {
  border: 1px solid var(--border-color);
}
.file-item-preview {
  border: 1px solid var(--border-color);
}
.file-item-delete {
  background-color: var(--aside-logo-bg-color);
  color: var(--black);
}

.toggle-form-control {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.toggle-form-control .btn {
  margin-bottom: 0;
}
.toggle-form-control .btn.active {
  z-index: 0;
}

/* START Display Styles */
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-none {
  display: none !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}

@media (max-width: 1199px) {
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (max-width: 991px) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (max-width: 767px) {
  .d-md-block {
    display: block !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (max-width: 575px) {
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-stratch {
  align-items: stretch !important;
}

@media (max-width: 1199px) {
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-stratch {
    align-items: stretch !important;
  }
}
@media (max-width: 991px) {
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-stratch {
    align-items: stretch !important;
  }
}
@media (max-width: 767px) {
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-stratch {
    align-items: stretch !important;
  }
}
@media (max-width: 575px) {
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-stratch {
    align-items: stretch !important;
  }
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}

@media (max-width: 1199px) {
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
@media (max-width: 991px) {
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media (max-width: 767px) {
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media (max-width: 575px) {
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
.flex-direction-column {
  flex-direction: column !important;
}
.flex-direction-column-revers {
  flex-direction: column-reverse !important;
}
.flex-direction-row {
  flex-direction: row !important;
}
.flex-direction-row-revers {
  flex-direction: row-reverse !important;
}

@media (max-width: 1199px) {
  .flex-direction-xl-column {
    flex-direction: column !important;
  }
  .flex-direction-xl-column-revers {
    flex-direction: column-reverse !important;
  }
  .flex-direction-xl-row {
    flex-direction: row !important;
  }
  .flex-direction-xl-row-revers {
    flex-direction: row-reverse !important;
  }
}
@media (max-width: 991px) {
  .flex-direction-lg-column {
    flex-direction: column !important;
  }
  .flex-direction-lg-column-revers {
    flex-direction: column-reverse !important;
  }
  .flex-direction-lg-row {
    flex-direction: row !important;
  }
  .flex-direction-lg-row-revers {
    flex-direction: row-reverse !important;
  }
}
@media (max-width: 767px) {
  .flex-direction-md-column {
    flex-direction: column !important;
  }
  .flex-direction-md-column-revers {
    flex-direction: column-reverse !important;
  }
  .flex-direction-md-row {
    flex-direction: row !important;
  }
  .flex-direction-md-row-revers {
    flex-direction: row-reverse !important;
  }
}
@media (max-width: 575px) {
  .flex-direction-sm-column {
    flex-direction: column !important;
  }
  .flex-direction-sm-column-revers {
    flex-direction: column-reverse !important;
  }
  .flex-direction-sm-row {
    flex-direction: row !important;
  }
  .flex-direction-sm-row-revers {
    flex-direction: row-reverse !important;
  }
}
.flex-wrap-wrap {
  flex-wrap: wrap !important;
}
.flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

@media (max-width: 1199px) {
  .flex-wrap-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-wrap-xl-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 991px) {
  .flex-wrap-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-wrap-lg-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 767px) {
  .flex-wrap-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-wrap-md-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 575px) {
  .flex-wrap-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-wrap-sm-nowrap {
    flex-wrap: nowrap !important;
  }
}
/* END Display Styles */
/* START Text Styles */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0 0 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  color: var(--gray-600);
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin: 0 0 1rem;
}

a {
  color: var(--primary);
  transition: color 0.2s ease;
}
a:hover, a:focus {
  color: var(--primary-active);
}
a.text-primary:hover, a.text-primary:focus {
  color: var(--primary-active);
}

code {
  background-color: var(--code);
  color: var(--code-text);
}

.text-white {
  color: var(--white);
}
.text-dark {
  color: var(--gray-900);
}
.text-muted {
  color: var(--gray-500);
}
.text-primary {
  color: var(--primary);
}
.text-success {
  color: var(--success);
}
.text-info {
  color: var(--info);
}
.text-warning {
  color: var(--warning);
}
.text-danger {
  color: var(--danger);
}
.text-gray-100 {
  color: var(--gray-100);
}
.text-gray-200 {
  color: var(--gray-200);
}
.text-gray-300 {
  color: var(--gray-300);
}
.text-gray-400 {
  color: var(--gray-400);
}
.text-gray-500 {
  color: var(--gray-500);
}
.text-gray-600 {
  color: var(--gray-600);
}
.text-gray-700 {
  color: var(--gray-700);
}
.text-gray-800 {
  color: var(--gray-800);
}
.text-gray-900 {
  color: var(--gray-900);
}

/* END Text Styles */
/* Margin Styles */
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mt-7 {
  margin-top: 1.75rem !important;
}
.mt-8 {
  margin-top: 2rem !important;
}
.mt-9 {
  margin-top: 2.25rem !important;
}
.mt-10 {
  margin-top: 2.5rem !important;
}
.mt-11 {
  margin-top: 2.75rem !important;
}
.mt-12 {
  margin-top: 3rem !important;
}
.mt-13 {
  margin-top: 3.25rem !important;
}
.mt-14 {
  margin-top: 3.5rem !important;
}
.mt-15 {
  margin-top: 3.75rem !important;
}
.mt-16 {
  margin-top: 4rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mr-5 {
  margin-right: 1.25rem !important;
}
.mr-6 {
  margin-right: 1.5rem !important;
}
.mr-7 {
  margin-right: 1.75rem !important;
}
.mr-8 {
  margin-right: 2rem !important;
}
.mr-9 {
  margin-right: 2.25rem !important;
}
.mr-10 {
  margin-right: 2.5rem !important;
}
.mr-11 {
  margin-right: 2.75rem !important;
}
.mr-12 {
  margin-right: 3rem !important;
}
.mr-13 {
  margin-right: 3.25rem !important;
}
.mr-14 {
  margin-right: 3.5rem !important;
}
.mr-15 {
  margin-right: 3.75rem !important;
}
.mr-16 {
  margin-top: 4rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.mb-7 {
  margin-bottom: 1.75rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.mb-9 {
  margin-bottom: 2.25rem !important;
}
.mb-10 {
  margin-bottom: 2.5rem !important;
}
.mb-11 {
  margin-bottom: 2.75rem !important;
}
.mb-12 {
  margin-bottom: 3rem !important;
}
.mb-13 {
  margin-bottom: 3.25rem !important;
}
.mb-14 {
  margin-bottom: 3.5rem !important;
}
.mb-15 {
  margin-bottom: 3.75rem !important;
}
.mb-16 {
  margin-bottom: 4rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.ml-5 {
  margin-left: 1.25rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.ml-7 {
  margin-left: 1.75rem !important;
}
.ml-8 {
  margin-left: 2rem !important;
}
.ml-9 {
  margin-left: 2.25rem !important;
}
.ml-10 {
  margin-left: 2.5rem !important;
}
.ml-11 {
  margin-left: 2.75rem !important;
}
.ml-12 {
  margin-left: 3rem !important;
}
.ml-13 {
  margin-left: 3.25rem !important;
}
.ml-14 {
  margin-left: 3.5rem !important;
}
.ml-15 {
  margin-left: 3.75rem !important;
}
.ml-16 {
  margin-left: 4rem !important;
}

/* Margin Styles */
/* START Breadcrumbs Styles */
.breadcrumb {
  display: flex;
  align-items: center;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb li {
  display: flex;
  align-items: center;
}
.breadcrumb li:after {
  content: "";
  display: block;
  width: 5px;
  height: 2px;
  margin: 0 0.5rem;
  background-color: var(--gray-500);
  border-radius: var(--dft-bdrs);
}
.breadcrumb li.active {
  color: var(--gray-900);
}
.breadcrumb li.active:after, .breadcrumb li.active:before {
  content: none;
}
.breadcrumb li.active + li.active:not(:first-child):before {
  content: "";
  display: block;
  width: 5px;
  height: 2px;
  margin: 0 0.5rem;
  padding: 0;
  background-color: var(--gray-500);
  border-radius: var(--dft-bdrs);
}
.breadcrumb li a {
  color: var(--gray-500);
  transition: color 0.2s ease;
}
.breadcrumb li a:hover, .breadcrumb li a:focus {
  color: var(--primary);
}
.breadcrumb li + li:before {
  content: none;
}

/* END Breadcrumbs Styles */
/* START Table Styles */
.overflowed-x {
  overflow-x: auto;
  margin-bottom: 0.5rem;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: var(--gray-900);
  border-color: var(--border-color);
}
.table thead tr th {
  padding: 1rem 0.75rem;
  font-weight: 500;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color);
  color: var(--gray-800);
  vertical-align: top;
}
.table thead tr th:first-child {
  padding: 1rem 0.75rem 1rem 1.75rem;
}
.table thead tr th.grid-checkbox {
  padding-top: 0.9rem;
  padding-bottom: 0;
}
.table thead tr.active th {
  background-color: var(--border-table-color);
}
.table thead tr.success th {
  background-color: var(--success-light);
}
.table thead tr.info th {
  background-color: var(--info-light);
}
.table thead tr.warning th {
  background-color: var(--warning-light);
}
.table thead tr.danger th {
  background-color: var(--danger-light);
}
.table tbody tr th {
  padding: 1rem 0.75rem 1rem 1.75rem;
  border-top: none;
  border-bottom: none;
  vertical-align: top;
}
.table tbody tr th.grid-checkbox {
  padding-top: 0.9rem;
  padding-bottom: 0;
}
.table tbody tr td {
  padding: 1rem 0.75rem;
  border-top: none;
  border-bottom: none;
  vertical-align: top;
}
.table tbody tr td.grid-checkbox {
  padding-top: 0.9rem;
  padding-bottom: 0;
}
.table tbody tr td:first-child {
  padding: 1rem 0.75rem 1rem 1.75rem;
}
.table tbody tr.active th, .table tbody tr.active td {
  background-color: var(--border-table-color);
}
.table tbody tr.success th, .table tbody tr.success td {
  background-color: var(--success-light);
}
.table tbody tr.info th, .table tbody tr.info td {
  background-color: var(--info-light);
}
.table tbody tr.warning th, .table tbody tr.warning td {
  background-color: var(--warning-light);
}
.table tbody tr.danger th, .table tbody tr.danger td {
  background-color: var(--danger-light);
}
.table-no-pad thead tr th:first-child {
  padding-left: 0;
}
.table-no-pad tbody tr th {
  padding-left: 0;
}
.table-no-pad tbody tr td:first-child {
  padding-left: 0;
}
.table-bordered {
  border-width: 1px;
  border-style: solid;
}
.table-bordered-dotted {
  border-style: dotted;
  border-color: var(--gray-300);
}
.table-bordered-dashed {
  border-style: dashed;
  border-color: var(--gray-300);
}
.table-bordered thead tr th {
  border: none;
}
.table-bordered tbody tr th {
  border: none;
}
.table-bordered tbody tr td {
  border: none;
}
.table-row-bordered thead tr th {
  border-bottom: none;
}
.table-row-bordered tbody tr th, .table-row-bordered tbody tr td {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border-color);
}
.table-row-bordered-dotted tbody tr th, .table-row-bordered-dotted tbody tr td {
  border-top-style: dotted;
  border-top-color: var(--gray-300);
}
.table-row-bordered-dashed tbody tr th, .table-row-bordered-dashed tbody tr td {
  border-top-style: dashed;
  border-top-color: var(--gray-300);
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--border-table-color);
}
.table-hover tbody tr:hover {
  background-color: var(--border-table-color);
}
.table-rounded {
  border-collapse: separate;
  border-radius: 0.425rem;
}

/* END Table Styles */
/* START Form Styles */
.form-group {
  margin: 0 0 1.5rem;
}
.form-group:before, .form-group:after {
  content: none;
}
.form-group .control-label {
  padding: 0;
  margin: 0 0 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--gray-800);
}
.form-group.required .control-label, .form-group.required label.control-label {
  font-weight: 500;
}
.form-group.required .control-label:after, .form-group.required label.control-label:after {
  color: var(--danger);
}

.form-horizontal .form-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.form-horizontal .form-group label {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 0.7rem 0.95rem;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: 0.425rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--gray-700);
  appearance: none;
  box-shadow: none;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.form-control:focus {
  border-color: var(--gray-400);
  outline: none;
}
.form-control[disabled] {
  background-color: var(--gray-200);
}
.form-control-solid {
  background-color: var(--gray-100);
  border-color: var(--gray-100);
}
.form-control-solid:focus {
  background-color: var(--gray-200);
  border-color: var(--gray-200);
}

fieldset[disabled] .form-control {
  background-color: var(--gray-200);
}

.checkbox {
  display: block;
}
.checkbox label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0;
  font-size: 1.075rem;
  color: var(--gray-700);
  user-select: none;
}
.checkbox label input[type=checkbox] {
  cursor: pointer;
  position: static;
  width: 1.6em;
  height: 1.6em;
  margin: 0 0.55rem 0 0;
  float: none;
  border: none;
  border-radius: 0.425rem;
  background-color: var(--gray-300);
  background-size: 60% 60%;
  background-position: center;
  background-repeat: no-repeat;
  appearance: none;
  transition: background-color 0.2s ease, background-position 0.2s ease, border-color 0.2s ease;
}
.checkbox label input[type=checkbox]:focus {
  border: none;
  outline: none;
}
.checkbox label input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
  background-color: var(--primary);
}
.checkbox-inline {
  display: inline-flex;
  align-items: center;
  padding: 0;
  user-select: none;
}
.checkbox-inline input[type=checkbox] {
  position: static;
  margin: 0 0.55rem 0 0;
}
.checkbox-inline + .checkbox-inline {
  margin-left: 1rem;
}

.radio-inline {
  display: inline-flex;
  align-items: center;
  padding: 0;
  user-select: none;
}
.radio-inline input[type=radio] {
  position: static;
  margin: 0 0.55rem 0 0;
}
.radio-inline + .radio-inline {
  margin-left: 1rem;
}

input.input-sm {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.9rem;
}
input.input-lg {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.3rem;
}
input[type=checkbox], input[type=radio] {
  cursor: pointer;
  position: static;
  width: 1.6em;
  height: 1.6em;
  margin: 0;
  border: none;
  background-color: var(--gray-300);
}
input[type=checkbox]:focus, input[type=radio]:focus {
  border: none;
  outline: none;
}
input[type=checkbox] {
  border-radius: 0.425rem;
  background-size: 60% 60%;
  background-position: center;
  background-repeat: no-repeat;
  appearance: none;
  transition: background-color 0.2s ease, background-position 0.2s ease, border-color 0.2s ease;
}
input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
  background-color: var(--primary);
}
input[type=radio] {
  border-radius: 50%;
  background-size: contain;
  appearance: none;
  transition: background-color 0.2s ease, background-position 0.2s ease, border-color 0.2s ease;
}
input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e");
  background-color: var(--primary);
}

select, select.form-control {
  display: inline-block;
  padding: 0.75rem 3rem 0.75rem 1rem;
  border: 1px solid var(--gray-300);
  border-radius: 0.425rem;
  background-color: var(--white);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--gray-700);
  transition: border-color 0.2s ease;
}
select:focus, select.form-control:focus {
  outline: none;
  border-color: var(--gray-400);
}
select.input-sm, select.form-control.input-sm {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: auto;
  font-size: 0.9rem;
  line-height: 1.5;
}
select.input-lg, select.form-control.input-lg {
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: auto;
  font-size: 1.3rem;
  line-height: 1.5;
}

.has-success .control-label {
  color: var(--success);
}
.has-success .form-control {
  border-color: var(--success);
  transition: box-shadow 0.2s ease;
}
.has-success .form-control:focus {
  border-color: var(--success);
  box-shadow: inset 0 0 5px var(--success) !important;
}
.has-success .help-block {
  color: var(--success);
}
.has-success .checkbox label {
  color: var(--success);
}

.has-warning .control-label {
  color: var(--warning);
}
.has-warning .form-control {
  border-color: var(--warning);
  transition: box-shadow 0.2s ease;
}
.has-warning .form-control:focus {
  border-color: var(--warning);
  box-shadow: inset 0 0 5px var(--warning) !important;
}
.has-warning .help-block {
  color: var(--warning);
}
.has-warning .checkbox label {
  color: var(--warning);
}

.has-error .control-label {
  color: var(--danger);
}
.has-error .form-control {
  border-color: var(--danger);
  transition: box-shadow 0.2s ease;
}
.has-error .form-control:focus {
  border-color: var(--danger);
  box-shadow: inset 0 0 5px var(--danger) !important;
}
.has-error .help-block {
  color: var(--danger);
}
.has-error .checkbox label {
  color: var(--danger);
}

/* END Form Styles */
/* START Contextual Backgrounds */
.bg-primary {
  background-color: var(--primary-light) !important;
  color: var(--gray-900) !important;
}
.bg-success {
  background-color: var(--success-light) !important;
  color: var(--gray-900) !important;
}
.bg-info {
  background-color: var(--info-light) !important;
  color: var(--gray-900) !important;
}
.bg-warning {
  background-color: var(--warning-light) !important;
  color: var(--gray-900) !important;
}
.bg-danger {
  background-color: var(--danger-light) !important;
  color: var(--gray-900) !important;
}

/* END Contextual Backgrounds */
/* START Button Styles*/
.btn {
  cursor: pointer;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  margin: 0;
  background-color: var(--aside-bg-color);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0.425rem;
  outline: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: var(--gray-800);
  text-align: center;
  user-select: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.btn:hover, .btn:focus, .btn.focus, .btn:active, .btn:active:focus, .btn.active, .btn.active:focus, .btn.active.focus {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled:active:focus, .btn:disabled.active, .btn:disabled.active:focus, .btn:disabled.active.focus {
  border-color: transparent;
}
.btn-default {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--gray-800);
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default:active:focus, .btn-default.active, .btn-default.active:focus, .btn-default.active.focus {
  box-shadow: none;
  background-color: var(--secondary-active);
  border-color: var(--secondary-active);
  color: var(--gray-800);
}
.btn-default:disabled:hover, .btn-default:disabled:focus, .btn-default:disabled.focus, .btn-default:disabled:active, .btn-default:disabled:active:focus, .btn-default:disabled.active, .btn-default:disabled.active:focus, .btn-default:disabled.active.focus {
  box-shadow: none;
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--gray-800);
}
.btn-default:active:hover, .btn-default.active:hover, .btn-default.active:focus:hover, .btn-default.active.focus:hover {
  box-shadow: none;
  background-color: var(--secondary-active);
  border-color: var(--secondary-active);
  color: var(--gray-800);
}
.btn-primary {
  background-color: var(--primary);
  color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary.active, .btn-primary.active:focus, .btn-primary.active.focus {
  background-color: var(--primary-active);
  color: #FFFFFF;
}
.btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled:active:focus, .btn-primary:disabled.active, .btn-primary:disabled.active:focus, .btn-primary:disabled.active.focus {
  background-color: var(--primary);
  color: #FFFFFF;
}
.btn-light-primary {
  background-color: var(--primary-light);
  color: var(--primary);
}
.btn-light-primary:hover, .btn-light-primary:focus, .btn-light-primary.focus, .btn-light-primary:active, .btn-light-primary:active:focus, .btn-light-primary.active, .btn-light-primary.active:focus, .btn-light-primary.active.focus {
  background-color: var(--primary);
  color: #FFFFFF;
}
.btn-light-primary:disabled:hover, .btn-light-primary:disabled:focus, .btn-light-primary:disabled.focus, .btn-light-primary:disabled:active, .btn-light-primary:disabled:active:focus, .btn-light-primary:disabled.active, .btn-light-primary:disabled.active:focus, .btn-light-primary:disabled.active.focus {
  background-color: var(--primary);
  color: #FFFFFF;
}
.btn-success {
  background-color: var(--success);
  color: #FFFFFF;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success:active:focus, .btn-success.active, .btn-success.active:focus, .btn-success.active.focus {
  background-color: var(--success-active);
  color: #FFFFFF;
}
.btn-success:disabled:hover, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled:active:focus, .btn-success:disabled.active, .btn-success:disabled.active:focus, .btn-success:disabled.active.focus {
  background-color: var(--success);
  color: #FFFFFF;
}
.btn-info {
  background-color: var(--info);
  color: #FFFFFF;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info:active:focus, .btn-info.active, .btn-info.active:focus, .btn-info.active.focus {
  background-color: var(--info-active);
  color: #FFFFFF;
}
.btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled:active:focus, .btn-info:disabled.active, .btn-info:disabled.active:focus, .btn-info:disabled.active.focus {
  background-color: var(--info);
  color: #FFFFFF;
}
.btn-warning {
  background-color: var(--warning);
  color: #FFFFFF;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning:active:focus, .btn-warning.active, .btn-warning.active:focus, .btn-warning.active.focus {
  background-color: var(--warning-active);
  color: #FFFFFF;
}
.btn-warning:disabled:hover, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled:active:focus, .btn-warning:disabled.active, .btn-warning:disabled.active:focus, .btn-warning:disabled.active.focus {
  background-color: var(--warning);
  color: #FFFFFF;
}
.btn-danger {
  background-color: var(--danger);
  color: #FFFFFF;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger:active:focus, .btn-danger.active, .btn-danger.active:focus, .btn-danger.active.focus {
  background-color: var(--danger-active);
  color: #FFFFFF;
}
.btn-danger:disabled:hover, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled:active:focus, .btn-danger:disabled.active, .btn-danger:disabled.active:focus, .btn-danger:disabled.active.focus {
  background-color: var(--danger);
  color: #FFFFFF;
}
.btn-link {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
  color: var(--primary);
}
.btn-link:hover, .btn-link:focus, .btn-link.focus, .btn-link:active, .btn-link:active:focus, .btn-link.active, .btn-link.active:focus, .btn-link.active.focus {
  color: var(--primary-active);
  text-decoration: none;
}
.btn-group.open > .dropdown-toggle.btn.btn-default {
  background-color: var(--secondary);
  border-color: var(--secondary);
  box-shadow: none;
  color: var(--gray-800);
}
.btn-group.open > .dropdown-toggle.btn.btn-default:hover, .btn-group.open > .dropdown-toggle.btn.btn-default:focus, .btn-group.open > .dropdown-toggle.btn.btn-default.focus, .btn-group.open > .dropdown-toggle.btn.btn-default:active, .btn-group.open > .dropdown-toggle.btn.btn-default:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-default.active, .btn-group.open > .dropdown-toggle.btn.btn-default.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-default.active.focus {
  box-shadow: none;
  background-color: var(--secondary-active);
  border-color: var(--secondary-active);
  color: var(--gray-900);
}
.btn-group.open > .dropdown-toggle.btn.btn-default:disabled:hover, .btn-group.open > .dropdown-toggle.btn.btn-default:disabled:focus, .btn-group.open > .dropdown-toggle.btn.btn-default:disabled.focus, .btn-group.open > .dropdown-toggle.btn.btn-default:disabled:active, .btn-group.open > .dropdown-toggle.btn.btn-default:disabled:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-default:disabled.active, .btn-group.open > .dropdown-toggle.btn.btn-default:disabled.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-default:disabled.active.focus {
  box-shadow: none;
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--gray-900);
}
.btn-group.open > .dropdown-toggle.btn.btn-default:active:hover, .btn-group.open > .dropdown-toggle.btn.btn-default.active:hover, .btn-group.open > .dropdown-toggle.btn.btn-default.active:focus:hover, .btn-group.open > .dropdown-toggle.btn.btn-default.active.focus:hover {
  box-shadow: none;
  background-color: var(--secondary-active);
  border-color: var(--secondary-active);
  color: var(--gray-900);
}
.btn-group.open > .dropdown-toggle.btn.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-primary:hover, .btn-group.open > .dropdown-toggle.btn.btn-primary:focus, .btn-group.open > .dropdown-toggle.btn.btn-primary.focus, .btn-group.open > .dropdown-toggle.btn.btn-primary:active, .btn-group.open > .dropdown-toggle.btn.btn-primary:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-primary.active, .btn-group.open > .dropdown-toggle.btn.btn-primary.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-primary.active.focus {
  background-color: var(--primary-active);
  border-color: var(--primary-active);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-primary:disabled:hover, .btn-group.open > .dropdown-toggle.btn.btn-primary:disabled:focus, .btn-group.open > .dropdown-toggle.btn.btn-primary:disabled.focus, .btn-group.open > .dropdown-toggle.btn.btn-primary:disabled:active, .btn-group.open > .dropdown-toggle.btn.btn-primary:disabled:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-primary:disabled.active, .btn-group.open > .dropdown-toggle.btn.btn-primary:disabled.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-primary:disabled.active.focus {
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-success {
  background-color: var(--success);
  border-color: var(--success);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-success:hover, .btn-group.open > .dropdown-toggle.btn.btn-success:focus, .btn-group.open > .dropdown-toggle.btn.btn-success.focus, .btn-group.open > .dropdown-toggle.btn.btn-success:active, .btn-group.open > .dropdown-toggle.btn.btn-success:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-success.active, .btn-group.open > .dropdown-toggle.btn.btn-success.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-success.active.focus {
  background-color: var(--success-active);
  border-color: var(--success-active);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-success:disabled:hover, .btn-group.open > .dropdown-toggle.btn.btn-success:disabled:focus, .btn-group.open > .dropdown-toggle.btn.btn-success:disabled.focus, .btn-group.open > .dropdown-toggle.btn.btn-success:disabled:active, .btn-group.open > .dropdown-toggle.btn.btn-success:disabled:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-success:disabled.active, .btn-group.open > .dropdown-toggle.btn.btn-success:disabled.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-success:disabled.active.focus {
  background-color: var(--success);
  border-color: var(--success);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-info {
  background-color: var(--info);
  border-color: var(--info);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-info:hover, .btn-group.open > .dropdown-toggle.btn.btn-info:focus, .btn-group.open > .dropdown-toggle.btn.btn-info.focus, .btn-group.open > .dropdown-toggle.btn.btn-info:active, .btn-group.open > .dropdown-toggle.btn.btn-info:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-info.active, .btn-group.open > .dropdown-toggle.btn.btn-info.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-info.active.focus {
  background-color: var(--info-active);
  border-color: var(--info-active);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-info:disabled:hover, .btn-group.open > .dropdown-toggle.btn.btn-info:disabled:focus, .btn-group.open > .dropdown-toggle.btn.btn-info:disabled.focus, .btn-group.open > .dropdown-toggle.btn.btn-info:disabled:active, .btn-group.open > .dropdown-toggle.btn.btn-info:disabled:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-info:disabled.active, .btn-group.open > .dropdown-toggle.btn.btn-info:disabled.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-info:disabled.active.focus {
  background-color: var(--info);
  border-color: var(--info);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-warning {
  background-color: var(--warning);
  border-color: var(--warning);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-warning:hover, .btn-group.open > .dropdown-toggle.btn.btn-warning:focus, .btn-group.open > .dropdown-toggle.btn.btn-warning.focus, .btn-group.open > .dropdown-toggle.btn.btn-warning:active, .btn-group.open > .dropdown-toggle.btn.btn-warning:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-warning.active, .btn-group.open > .dropdown-toggle.btn.btn-warning.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-warning.active.focus {
  background-color: var(--warning-active);
  border-color: var(--warning-active);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-warning:disabled:hover, .btn-group.open > .dropdown-toggle.btn.btn-warning:disabled:focus, .btn-group.open > .dropdown-toggle.btn.btn-warning:disabled.focus, .btn-group.open > .dropdown-toggle.btn.btn-warning:disabled:active, .btn-group.open > .dropdown-toggle.btn.btn-warning:disabled:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-warning:disabled.active, .btn-group.open > .dropdown-toggle.btn.btn-warning:disabled.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-warning:disabled.active.focus {
  background-color: var(--warning);
  border-color: var(--warning);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-danger {
  background-color: var(--danger);
  border-color: var(--danger);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-danger:hover, .btn-group.open > .dropdown-toggle.btn.btn-danger:focus, .btn-group.open > .dropdown-toggle.btn.btn-danger.focus, .btn-group.open > .dropdown-toggle.btn.btn-danger:active, .btn-group.open > .dropdown-toggle.btn.btn-danger:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-danger.active, .btn-group.open > .dropdown-toggle.btn.btn-danger.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-danger.active.focus {
  background-color: var(--danger-active);
  border-color: var(--danger-active);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-danger:disabled:hover, .btn-group.open > .dropdown-toggle.btn.btn-danger:disabled:focus, .btn-group.open > .dropdown-toggle.btn.btn-danger:disabled.focus, .btn-group.open > .dropdown-toggle.btn.btn-danger:disabled:active, .btn-group.open > .dropdown-toggle.btn.btn-danger:disabled:active:focus, .btn-group.open > .dropdown-toggle.btn.btn-danger:disabled.active, .btn-group.open > .dropdown-toggle.btn.btn-danger:disabled.active:focus, .btn-group.open > .dropdown-toggle.btn.btn-danger:disabled.active.focus {
  background-color: var(--danger);
  border-color: var(--danger);
  box-shadow: none;
  color: #FFFFFF;
}
.btn-sm {
  padding: 0.5rem 1.25rem;
  font-size: 1rem;
}
.btn-lg {
  padding: 1rem 1.75rem;
  font-size: 1.3rem;
}
.btn-xs {
  padding: 0.25rem 1rem;
  font-size: 0.9rem;
}

/* END Button Styles */
/* START Dropdown Styles */
.dropdown-menu {
  top: calc(100% + 5px);
  padding: 1rem 0;
  margin: 0;
  border: 0;
  border-radius: 0.425rem;
  background-color: var(--white);
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  font-size: 1rem;
  overflow: hidden;
}
.dropdown-menu-right {
  right: 0 !important;
  left: auto !important;
}
.dropdown-menu-left {
  right: auto !important;
  left: 0 !important;
}
.dropdown-menu.datepicker {
  padding: 1rem;
}
.dropdown-menu li {
  padding: 0 1.25rem;
}
.dropdown-menu li a {
  padding: 0.65rem 1rem;
  border-radius: 0.425rem;
  color: var(--gray-800);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {
  background-color: var(--gray-200);
  color: var(--primary-active);
}
.dropdown-menu li.divider {
  margin: 1rem 0;
  border-color: var(--border-color);
}
.dropdown.open .dropdown-toggle {
  border-color: transparent;
  box-shadow: none;
}
.dropdown.open .dropdown-toggle:hover, .dropdown.open .dropdown-toggle:focus, .dropdown.open .dropdown-toggle:active {
  border-color: transparent;
  box-shadow: none;
}
.dropdown.open .dropdown-toggle.btn-default:hover, .dropdown.open .dropdown-toggle.btn-default:focus {
  background-color: var(--secondary-active);
}
/* END Dropdown Styles */
/* START Tabs Styles */
.nav {
  display: flex;
  flex-wrap: wrap;
}
.nav:before, .nav:after {
  content: none;
}
.nav.nav-tabs {
  border-bottom: 0;
}
.nav.nav-tabs > li {
  float: none;
  margin-bottom: -2px;
}
.nav.nav-tabs > li > a {
  padding: 0.5rem 1rem;
  margin: 0;
  border: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-radius: 0;
  background-color: var(--aside-bg-color);
  color: var(--gray-500);
  transition: border-bottom-color 0.2s ease;
}
.nav.nav-tabs > li > a:hover {
  background-color: var(--aside-bg-color);
  border-bottom-color: var(--primary);
}
.nav.nav-tabs > li.active > a {
  cursor: default;
  border-bottom-color: var(--primary);
}
.nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:focus {
  border: 0;
  border-bottom: 2px solid var(--primary);
  color: var(--gray-500);
}
.nav.nav-pills > li + li {
  margin-left: 0.25rem;
}
.nav.nav-pills > li > a {
  padding: 0.5rem 1rem;
  color: var(--gray-500);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.nav.nav-pills > li > a:hover {
  color: var(--primary);
  background-color: var(--primary-light);
}
.nav.nav-pills > li.active > a {
  cursor: default;
  background-color: var(--primary);
  color: var(--white-static);
}
.nav.nav-stacked {
  flex-direction: column;
}
.nav.nav-stacked > li + li {
  margin-top: 0.25rem;
  margin-left: 0;
}
.nav.nav-justified {
  display: block;
}

/* END Tabs Styles */
/* START Pagination Styles */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.pagination > li {
  display: flex;
  margin-right: 0.5rem;
}
.pagination > li:last-child {
  margin-right: 0;
}
.pagination > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.425rem;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: none;
  background-color: var(--white);
  font-weight: 500;
  font-size: 1rem;
  line-height: 0.5;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.pagination > li > a:hover, .pagination > li > a:focus {
  background-color: var(--primary-light);
  color: var(--primary-active);
}
.pagination > li.active > a {
  z-index: 0;
  background-color: var(--primary);
  color: var(--white-static);
}
.pagination > li.active > a:hover, .pagination > li.active > a:focus {
  background-color: var(--primary);
  color: var(--white-static);
}
.pagination > li.disabled > a, .pagination > li.disabled span {
  cursor: default;
  background-color: transparent;
  color: var(--gray-400);
}
.pagination > li.disabled > a:hover, .pagination > li.disabled > a:focus, .pagination > li.disabled span:hover, .pagination > li.disabled span:focus {
  cursor: default;
  background-color: transparent;
  color: var(--gray-400);
}

/* END Pagination Styles */
/* START Labels Styles */
.label {
  display: inline-flex;
  align-items: center;
  padding: 0.325rem 0.5rem;
  border-radius: 0.325rem;
  background-color: var(--white);
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1;
  color: var(--gray-800);
}
.label-default {
  background-color: var(--secondary);
  color: var(--gray-800);
}
.label-primary {
  background-color: var(--primary);
  color: #FFFFFF;
}
.label-success {
  background-color: var(--success);
  color: #FFFFFF;
}
.label-info {
  background-color: var(--info);
  color: #FFFFFF;
}
.label-warning {
  background-color: var(--warning);
  color: #FFFFFF;
}
.label-danger {
  background-color: var(--danger);
  color: #FFFFFF;
}

/* END Labels Styles */
/* START Alerts Styles */
.alert {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.425rem;
}
.alert-default {
  background-color: var(--secondary-alert);
  border-color: var(--secondary-alert-bd);
  color: var(--secondary-alert-text);
}
.alert-primary {
  background-color: var(--primary-alert);
  border-color: var(--primary-alert-bd);
  color: var(--primary-alert-text);
}
.alert-success {
  background-color: var(--success-alert);
  border-color: var(--success-alert-bd);
  color: var(--success-alert-text);
}
.alert-info {
  background-color: var(--info-alert);
  border-color: var(--info-alert-bd);
  color: var(--info-alert-text);
}
.alert-warning {
  background-color: var(--warning-alert);
  border-color: var(--warning-alert-bd);
  color: var(--warning-alert-text);
}
.alert-danger {
  background-color: var(--danger-alert);
  border-color: var(--danger-alert-bd);
  color: var(--danger-alert-text);
}

/* END Alerts Styles */
/* START Progress bars Styles */
.progress {
  height: 5px;
  margin: 0;
  border-radius: 0.425rem;
  background-color: var(--gray-200);
  box-shadow: none;
}
.progress-bar {
  float: none;
  transition: width 0.4s ease;
}
.progress-bar-primary {
  background-color: var(--primary);
}
.progress-bar-success {
  background-color: var(--success);
}
.progress-bar-info {
  background-color: var(--info);
}
.progress-bar-warning {
  background-color: var(--warning);
}
.progress-bar-danger {
  background-color: var(--danger);
}
.progress-bar-striped {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  animation: progressBar 1.4s linear infinite;
}

@keyframes progressBar {
  0% {
    background-position: -40px 0;
  }
  100% {
    background-position: 0 0;
  }
}
/* END Progress bars Styles */
/* START Panels Styles */
.panel {
  margin-bottom: 1rem;
}
.panel-default {
  border-color: var(--secondary);
  background-color: var(--secondary-light);
}
.panel-default .panel-heading {
  border-color: var(--secondary);
  background-color: var(--secondary);
  color: var(--black);
}
.panel-default .panel-body {
  color: var(--black);
}
.panel-primary {
  border-color: var(--primary);
  background-color: var(--primary-light);
}
.panel-primary .panel-heading {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white-static);
}
.panel-primary .panel-body {
  color: var(--black);
}
.panel-success {
  border-color: var(--success);
  background-color: var(--success-light);
}
.panel-success .panel-heading {
  border-color: var(--success);
  background-color: var(--success);
  color: var(--white-static);
}
.panel-success .panel-body {
  color: var(--black);
}
.panel-info {
  border-color: var(--info);
  background-color: var(--info-light);
}
.panel-info .panel-heading {
  border-color: var(--info);
  background-color: var(--info);
  color: var(--white-static);
}
.panel-info .panel-body {
  color: var(--black);
}
.panel-warning {
  border-color: var(--warning);
  background-color: var(--warning-light);
}
.panel-warning .panel-heading {
  border-color: var(--warning);
  background-color: var(--warning);
  color: var(--white-static);
}
.panel-warning .panel-body {
  color: var(--black);
}
.panel-danger {
  border-color: var(--danger);
  background-color: var(--danger-light);
}
.panel-danger .panel-heading {
  border-color: var(--danger);
  background-color: var(--danger);
  color: var(--white-static);
}
.panel-danger .panel-body {
  color: var(--black);
}

/* END Panels Styles */
/* START Modal Styles */
.modal {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.modal-content {
  background-color: var(--aside-bg-color);
  border: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.modal-header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 1.75rem;
  border-bottom-color: var(--border-color);
}
.modal-header:before, .modal-header:after {
  content: none;
}
.modal-header .close {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
  width: 2.6rem;
  height: 2.6rem;
  margin: 0 0 0 0.5rem;
  border-radius: 0.425rem;
  font-size: 0;
  line-height: 0;
  opacity: 1;
  transition: background-color 0.2s ease;
}
.modal-header .close:before, .modal-header .close:after {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 2px;
  transition: background-color 0.2s ease;
}
.modal-header .close:before {
  background-color: var(--gray-300);
  transform: rotate(135deg);
}
.modal-header .close:after {
  background-color: var(--gray-500);
  transform: rotate(45deg);
}
.modal-header .close:hover, .modal-header .close:focus {
  background-color: var(--primary-light);
}
.modal-header .close:hover:before, .modal-header .close:focus:before {
  background-color: var(--gray-500);
}
.modal-header .close:hover:after, .modal-header .close:focus:after {
  background-color: var(--primary);
}
.modal-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}
.modal-body {
  padding: 1.75rem;
}
.modal-footer {
  padding: 1.75rem;
  border-top-color: var(--border-color);
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
}

/* END Modal Styles */
/* START Accordion Styles */
.accordion {
  border: 1px solid var(--border-color);
  border-radius: 0.425rem;
  color: var(--gray-700);
}
.accordion__item + .accordion__item {
  border-top: 1px solid var(--border-color);
}
.accordion__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.5rem;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  background: var(--aside-bg-color);
  border: none;
  border-radius: 0.425rem;
  color: var(--gray-900);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.accordion__title:after {
  flex-shrink: 0;
  width: 1.15rem;
  height: 1.15rem;
  margin-left: auto;
  content: "";
  background-image: var(--accordion-arrow);
  background-repeat: no-repeat;
  background-size: 1.15rem;
  transition: transform 0.2s ease;
}
.accordion__title.-active {
  background-color: var(--aside-logo-bg-color);
  color: var(--primary);
}
.accordion__title.-active:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009EF7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion__body {
  display: none;
  padding: 1.5rem;
}
.accordion-success .accordion__title.-active {
  background-color: var(--success-alert);
  color: var(--success-alert-text);
}
.accordion-info .accordion__title.-active {
  background-color: var(--info-alert);
  color: var(--info-alert-text);
}
.accordion-warning .accordion__title.-active {
  background-color: var(--warning-alert);
  color: var(--warning-alert-text);
}
.accordion-danger .accordion__title.-active {
  background-color: var(--danger-alert);
  color: var(--danger-alert-text);
}

/* END Accordion Styles */
[data-theme=light] .sign__hello {
  background-color: #FFFADF;
}
@media (max-width: 991px) {
  [data-theme=light] .sign__hello {
    background-color: var(--white);
  }
}
[data-theme=light] .sign__hello .hello-bg {
  background: transparent url("../../metronic-assets/media/illustrations/sketchy-1/13.png") center/contain no-repeat;
}
[data-theme=light] .sign__main {
  background-color: var(--white);
}

[data-theme=dark] .sign__hello {
  background-color: var(--aside-bg-color);
}
@media (max-width: 991px) {
  [data-theme=dark] .sign__hello {
    background-color: var(--main);
  }
}
[data-theme=dark] .sign__hello .hello-bg {
  background: transparent url("../../metronic-assets/media/illustrations/sketchy-1/13-dark.png") center/contain no-repeat;
}
[data-theme=dark] .sign__main {
  background-color: var(--main);
}

.sign {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
.sign__container {
  width: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  height: 100%;
}
.sign__container.-aside {
  display: flex;
}
@media (max-width: 991px) {
  .sign__container.-aside {
    flex-direction: column;
  }
}
.sign__hello {
  display: flex;
  flex-direction: column;
  flex: 0 0 600px;
  padding: 7.25rem 2.5rem 0;
  color: var(--main-text);
  text-align: center;
}
@media (max-width: 1199px) {
  .sign__hello {
    flex: 0 0 415px;
  }
}
@media (max-width: 991px) {
  .sign__hello {
    flex: 0 0 auto;
    padding: 2.5rem 2.5rem 0;
  }
}
.sign__hello .info a {
  display: inline-flex;
  justify-content: center;
  margin-bottom: 3.5rem;
}
@media (max-width: 575px) {
  .sign__hello .info a {
    width: 100%;
    margin-bottom: 0;
  }
}
.sign__hello .info a svg {
  height: 200px;
  fill: var(--black);
}
@media (max-width: 575px) {
  .sign__hello .info a svg {
    height: 80px;
  }
}
.sign__hello .info a img {
  height: 120px;
  fill: var(--black);
}
@media (max-width: 575px) {
  .sign__hello .info a img {
    height: 55px;
  }
}
.sign__hello .info h2 {
  margin-bottom: 3rem;
  font-size: 2.25rem;
  font-weight: 500;
}
@media (max-width: 991px) {
  .sign__hello .info h2 {
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .sign__hello .info h2 {
    display: none;
  }
}
.sign__hello .info p {
  font-size: 1.5rem;
  font-weight: 400;
}
@media (max-width: 991px) {
  .sign__hello .info p {
    display: none;
  }
}
.sign__hello .hello-bg {
  height: 350px;
  margin-top: auto;
}
@media (max-width: 1199px) {
  .sign__hello .hello-bg {
    background-size: cover;
  }
}
@media (max-width: 991px) {
  .sign__hello .hello-bg {
    display: none;
  }
}
.sign__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 calc(100% - 600px);
  padding: 2.5rem 0;
}
@media (max-width: 1199px) {
  .sign__main {
    flex: 0 0 calc(100% - 415px);
  }
}
@media (max-width: 991px) {
  .sign__main {
    flex: 1 0 auto;
  }
}
@media (max-width: 575px) {
  .sign__main {
    padding: 0 0 2.5rem;
  }
}
.sign__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 auto;
  width: 500px;
  padding: 3.75rem;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .sign__form {
    flex: 0 0 auto;
  }
}
@media (max-width: 575px) {
  .sign__form {
    width: auto;
    padding: 2.5rem;
  }
}
.sign__form h1 {
  margin-bottom: 0.75rem;
  font-size: 1.75rem;
  text-align: center;
}
.sign__form .description {
  margin-bottom: 2.5rem;
  font-size: 1.25rem;
  text-align: center;
}
.sign__form .text-center {
  margin-top: 1rem;
  font-size: 1.05rem;
  font-weight: 500;
}
.sign__form .buttons-group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.sign__form .buttons-group .btn:first-child {
  margin-right: 1rem;
}
.sign__links a {
  display: inline-flex;
  padding: 0 0.5rem;
}
.sign__links a:hover {
  color: var(--primary);
}

.empty-page {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
[data-theme=light] .empty-page {
  background: transparent url("../../metronic-assets/media/illustrations/sketchy-1/14.png") bottom/contain no-repeat;
}
[data-theme=dark] .empty-page {
  background: transparent url("../../metronic-assets/media/illustrations/sketchy-1/14-dark.png") bottom/contain no-repeat;
}
.empty-page__container {
  max-width: 1590px;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  margin: 0 auto;
  padding: 2.5rem;
}
.empty-page__hello .info a svg {
  height: 60px;
  fill: var(--black);
}
@media (max-width: 575px) {
  .empty-page__hello .info a svg {
    height: 32px;
  }
}
.empty-page__main {
  flex-grow: 1;
}
.empty-page__content {
  flex-grow: 1;
  padding-bottom: 2.5rem;
}
@media (max-width: 991px) {
  .empty-page__content {
    padding-bottom: 0;
  }
}

[data-theme=light] .error {
  background: #f5f8fa url("../../images/404.svg");
}

[data-theme=dark] .error {
  background: #151521 url("../../images/404-dark.svg");
}

.error {
  min-height: 100vh;
  background-size: 50%;
}
.error__container {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
  min-height: 100vh;
  height: 100%;
}
.error__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.75rem 2.5rem;
  flex: 1 0 auto;
}
.error__main .logo:hover, .error__main .logo:focus {
  outline: none;
}
.error__main .logo svg {
  height: 40px;
  fill: var(--black);
}
.error__main h1 {
  font-size: 2.25rem;
}
.error__main .description {
  font-size: 1.35rem;
}
.error__main .error-bg {
  width: 100%;
  height: 350px;
  background: transparent url("../../metronic-assets/media/illustrations/sketchy-1/17.png") center/contain no-repeat;
}
.error__links {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem;
}
.error__links a {
  display: inline-flex;
}
.error__links a:hover {
  color: var(--primary);
}

.grid-bottom {
  flex-wrap: wrap;
  margin: 0 -10px;
}
.grid-bottom .btn-group {
  margin: 0 10px 20px;
}
@media (max-width: 1199px) {
  .grid-bottom .btn-group {
    flex: 1 0 auto;
  }
}
@media (max-width: 575px) {
  .grid-bottom .btn-group {
    flex: auto;
    width: 100%;
    text-align: center;
  }
}
.grid-bottom .summary {
  margin: 0 10px 20px;
}
@media (max-width: 1199px) {
  .grid-bottom .summary {
    flex: 0 0 auto;
  }
}
@media (max-width: 575px) {
  .grid-bottom .summary {
    display: none;
  }
}
.grid-bottom .pagination {
  margin: 0 10px 20px;
}
@media (max-width: 1199px) {
  .grid-bottom .pagination {
    justify-content: flex-start;
    flex: 1 0 50%;
  }
}
@media (max-width: 575px) {
  .grid-bottom .pagination {
    justify-content: center;
    flex: auto;
    width: 100%;
  }
}
.grid-bottom .form-group {
  flex-wrap: nowrap;
  margin: 0 10px 20px;
}
@media (max-width: 1199px) {
  .grid-bottom .form-group {
    justify-content: flex-end;
    flex: 0 0 auto;
  }
}
@media (max-width: 575px) {
  .grid-bottom .form-group {
    display: none;
  }
}