html .content.app-content {
  padding: calc(2rem + 4.45rem + 1.3rem) 2rem 0; }

html .content.app-content.show-overlay .content-overlay {
  z-index: 10;
  opacity: 1; }

html .content.app-content.show-overlay .content-overlay ~ .header-navbar-shadow {
  display: none; }

html .content.app-content .content-overlay {
  position: fixed;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(34, 41, 47, 0.5);
  cursor: pointer;
  transition: all 0.7s, z-index 0s;
  z-index: -1; }

html .content.app-content .content-area-wrapper {
  display: flex;
  position: relative;
  overflow: hidden; }

html .content.app-content .content-area-wrapper .content-wrapper,
html .content.app-content .content-area-wrapper .content-body {
  height: 100%; }

html .content .body-content-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease; }

html .content .body-content-overlay.show {
  visibility: visible;
  transition: all 0.3s ease;
  opacity: 1;
  background-color: rgba(34, 41, 47, 0.2);
  border-radius: 0.1785rem; }

html .content .content-wrapper .content-header-title {
  font-weight: 500;
  color: #636363;
}
html[dir=ltr] html .content .content-wrapper .content-header-title {
  padding-right: 1rem;
  border-right: 1px solid #d6dce1; 
}
html[dir=rtl] html .content .content-wrapper .content-header-title {
  padding-left: 1rem;
  border-left: 1px solid #d6dce1; 
}
html .content .content-wrapper .content-header-right .dropdown-toggle::after {
  display: none; }

html[dir=ltr] html .content .content-wrapper .content-header-right .dropdown-toggle i,
html[dir=ltr] html .content .content-wrapper .content-header-right .dropdown-toggle svg {
  margin-right: 0; }
html[dir=rtl] html .content .content-wrapper .content-header-right .dropdown-toggle i,
html[dir=rtl] html .content .content-wrapper .content-header-right .dropdown-toggle svg {
  margin-left: 0; 
}
html .content .content-wrapper .content-header-right .btn-icon {
  padding: 0.8rem; }

html .content .content-wrapper .content-header-right .btn-icon i,
html .content .content-wrapper .content-header-right .btn-icon svg {
  height: 1rem;
  width: 1rem; }

html .navbar-floating.footer-static .app-content .content-area-wrapper,
html .navbar-floating.footer-static .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 1) + 4.45rem + 3.35rem + 1.3rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 1) + 4.45rem + 3.35rem + 1.3rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-floating.footer-static .app-content .content-area-wrapper,
  html .navbar-floating.footer-static .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
 1.3rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
 1.3rem + 0rem
 )); } }

html .navbar-floating.footer-hidden .app-content .content-area-wrapper,
html .navbar-floating.footer-hidden .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 2) + 4.45rem + 0rem + 1.3rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 2) + 4.45rem + 0rem + 1.3rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-floating.footer-hidden .app-content .content-area-wrapper,
  html .navbar-floating.footer-hidden .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
 1.3rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
 1.3rem + 0rem
 )); } }

html .navbar-floating.footer-fixed .app-content .content-area-wrapper,
html .navbar-floating.footer-fixed .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 2) + 4.45rem + 3.35rem + 1.3rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 2) + 4.45rem + 3.35rem + 1.3rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-floating.footer-fixed .app-content .content-area-wrapper,
  html .navbar-floating.footer-fixed .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
 1.3rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
 1.3rem + 0rem
 )); } }

html .navbar-hidden .app-content {
  padding: 2rem 2rem 0 2rem !important; }

html .navbar-hidden.footer-static .app-content .content-area-wrapper,
html .navbar-hidden.footer-static .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 1) + 0rem + 3.35rem + 0rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 1) + 0rem + 3.35rem + 0rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-hidden.footer-static .app-content .content-area-wrapper,
  html .navbar-hidden.footer-static .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 1) - calc(0.8rem * 1)) + 0rem + 3.35rem +
 0rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 1) - calc(0.8rem * 1)) + 0rem + 3.35rem +
 0rem + 0rem
 )); } }

html .navbar-hidden.footer-hidden .app-content .content-area-wrapper,
html .navbar-hidden.footer-hidden .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 2) + 0rem + 0rem + 0rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 2) + 0rem + 0rem + 0rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-hidden.footer-hidden .app-content .content-area-wrapper,
  html .navbar-hidden.footer-hidden .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 0rem + 0rem +
 0rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 0rem + 0rem +
 0rem + 0rem
 )); } }

html .navbar-hidden.footer-fixed .app-content .content-area-wrapper,
html .navbar-hidden.footer-fixed .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 2) + 0rem + 3.35rem + 0rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 2) + 0rem + 3.35rem + 0rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-hidden.footer-fixed .app-content .content-area-wrapper,
  html .navbar-hidden.footer-fixed .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 0rem + 3.35rem +
 0rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 0rem + 3.35rem +
 0rem + 0rem
 )); } }

html .navbar-static .main-menu {
  top: 0; }

html .navbar-static .content {
  min-height: calc(100% - calc(4.45rem + 3.35rem)); }

html .navbar-static .app-content {
  padding: 2rem 2rem 0 2rem; }

html .navbar-static.footer-static .app-content .content-area-wrapper,
html .navbar-static.footer-static .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 1) + 4.45rem + 3.35rem + 0rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 1) + 4.45rem + 3.35rem + 0rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-static.footer-static .app-content .content-area-wrapper,
  html .navbar-static.footer-static .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
 0rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
 0rem + 0rem
 )); } }

html .navbar-static.footer-hidden .app-content .content-area-wrapper,
html .navbar-static.footer-hidden .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 2) + 4.45rem + 0rem + 0rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 2) + 4.45rem + 0rem + 0rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-static.footer-hidden .app-content .content-area-wrapper,
  html .navbar-static.footer-hidden .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
 0rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
 0rem + 0rem
 )); } }

html .navbar-static.footer-fixed .app-content .content-area-wrapper,
html .navbar-static.footer-fixed .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-static.footer-fixed .app-content .content-area-wrapper,
  html .navbar-static.footer-fixed .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
 0rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
 0rem + 0rem
 )); } }

html .navbar-sticky .app-content {
  padding: calc(2rem + 4.45rem) 2rem 0 2rem; }

html .navbar-sticky.footer-static .app-content .content-area-wrapper,
html .navbar-sticky.footer-static .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 1) + 4.45rem + 3.35rem + 0rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 1) + 4.45rem + 3.35rem + 0rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-sticky.footer-static .app-content .content-area-wrapper,
  html .navbar-sticky.footer-static .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
 0rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
 0rem + 0rem
 )); } }

html .navbar-sticky.footer-hidden .app-content .content-area-wrapper,
html .navbar-sticky.footer-hidden .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 2) + 4.45rem + 0rem + 0rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 2) + 4.45rem + 0rem + 0rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-sticky.footer-hidden .app-content .content-area-wrapper,
  html .navbar-sticky.footer-hidden .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
 0rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
 0rem + 0rem
 )); } }

html .navbar-sticky.footer-fixed .app-content .content-area-wrapper,
html .navbar-sticky.footer-fixed .app-content .kanban-wrapper {
  height: calc(
 100vh -
 calc(
 calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 0rem
 ));
  height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 0rem
 )); }

@media (max-width: 575.98px) {
  html .navbar-sticky.footer-fixed .app-content .content-area-wrapper,
  html .navbar-sticky.footer-fixed .app-content .kanban-wrapper {
    height: calc(
 100vh -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
 0rem + 0rem
 ));
    height: calc(
 var(--vh, 1vh) * 100 -
 calc(
 calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
 0rem + 0rem
 )); } }

html .navbar-static .nav.header-navbar .navbar-container,
html .navbar-sticky .nav.header-navbar .navbar-container {
  padding-left: 1.6rem;
  padding-right: 1.6rem; }


html .navbar-static .nav.header-navbar .navbar-container .search-input .search-list.show,
html .navbar-sticky .nav.header-navbar .navbar-container .search-input .search-list.show {
  width: 98%;}
html[dir=ltr] html .navbar-static .nav.header-navbar .navbar-container .search-input .search-list.show,
html[dir=ltr] html .navbar-sticky .nav.header-navbar .navbar-container .search-input .search-list.show {left: 1%; }
html[dir=rtl] html .navbar-static .nav.header-navbar .navbar-container .search-input .search-list.show,
html[dir=rtl] html .navbar-sticky .nav.header-navbar .navbar-container .search-input .search-list.show {right: 1%; }

html .footer-fixed .content.app-content {
  padding-bottom: 3.35rem !important; }

html [data-col='1-column'] .header-navbar {
  width: 100%;}
html[dir=ltr] html [data-col='1-column'] .header-navbar {
  left: 0 !important; }
html[dir=rtl] html [data-col='1-column'] .header-navbar {
  right: 0 !important; }
html [data-col='1-column'] .header-navbar.floating-nav {
  width: calc(
 100vw - (100vw - 100%) - calc(2rem * 2)) !important; }

html [data-col='1-column'] .content,
html [data-col='1-column'] .footer {
  margin-left: 0px !important; }

html [data-col='1-column'].horizontal-layout .header-navbar {
  width: 100% !important; }

html [data-col='1-column'].horizontal-layout .app-content {
  padding: calc(2rem + 4.45rem + 1.3rem) 2rem 0 2rem !important; }

html [data-col='1-column'].horizontal-layout.footer-fixed .app-content {
  padding: calc(2rem + 4.45rem + 1.3rem) 2rem 3.35rem 2rem !important; }

html .blank-page .content {
  margin-left: 0; }

html .blank-page .content.app-content {
  overflow: overlay;
  overflow-x: hidden;
  padding: 0 !important;
  transition: none; }

html .blank-page .content.app-content .header-navbar-shadow {
  display: none; }

html .blank-page .content-wrapper {
  padding: 0 !important; }

html .blank-page .content-wrapper .flexbox-container {
  display: flex;
  align-items: center;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  justify-content: center; }

html .pace .pace-progress {
  background: #7367f0; }

.app-content.center-layout {
  overflow: hidden; }

/*
* Col 3 layout for detached and general type
*/
@media (min-width: 992px) {
  body .content-right {
    width: calc(100vw - (100vw - 100%) - 260px);}
    html[dir=ltr] body .content-right {float: right; }
    html[dir=rtl] body .content-right {float: left; }

  body .content-left {
    width: calc(100vw - (100vw - 100%) - 260px);
    float: left; }
     html[dir=ltr] body .content-left {float: left; }
    html[dir=rtl] body .content-left {float: right; }

  body .content-detached {
    width: 100%; }
     html[dir=ltr] body .content-detached.content-right {
      float: right;
      margin-left: -260px; }
    html[dir=rtl] body .content-detached.content-right {
      float: left;
      margin-right: -260px;
    }
  html[dir=ltr] body .content-detached.content-right .content-body {
    margin-left: calc(260px + 2rem); }
  html[dir=rtl] body .content-detached.content-right .content-body {
    margin-right: calc(260px + 2rem); }
  html[dir=ltr] body .content-detached.content-left {
    float: left;
    margin-right: -260px; }
  html[dir=rtl] body .content-detached.content-left {
    float: right;
    margin-left: -260px; }
  html[dir=ltr] body .content-detached.content-left .content-body {
    margin-right: calc(260px + 2rem); }
  html[dir=rtl] body .content-detached.content-left .content-body {
    margin-left: calc(260px + 2rem); }
  .sidebar-right.sidebar-sticky {
    
    width: 260px !important;
    margin-top: 5.7rem; } 
    html[dir=ltr] .sidebar-right.sidebar-sticky {
      float: right !important;
     margin-left: -260px;
    }
    html[dir=rtl] .sidebar-right.sidebar-sticky {
      float: left !important;
     margin-right: -260px;
    }
  
  }

@media (max-width: 767.98px) {
  html body .app-content {
    padding: calc(2rem - 0.8rem + 4.45rem + 1.3rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important; }
  html body.navbar-static .app-content {
    padding: calc(2rem - 0.8rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important; }
  html body.navbar-sticky .app-content {
    padding: calc(2rem - 0.8rem + 4.45rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important; }
  html body.navbar-hidden .app-content {
    padding: calc(2rem - 0.8rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important; } }

@media (max-width: 767.98px) {
  .navbar-static .app-content .header-navbar .navbar-container,
  .navbar-sticky .app-content .header-navbar .navbar-container {
    padding-left: 1rem;
    padding-right: 0.5rem; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html.full-screen {
    width: 100%; }
  html.full-screen .content.app-content {
    height: 100%;
    overflow: scroll;
    overflow-x: hidden; } }