@charset "utf-8";
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body{
	padding-top: 24px;
	padding-bottom: 25px;
	/*padding-bottom: 40px;*/
    margin-top: 0px;
}
#extra{
	visibility: hidden;
    height: 1px;
    width: 1px;
}
.error-red {
	color: #FF0000;
}
.text-blue{
	color:#0071bc;
}
.text-green{
	color:#05c500;
}
.bg-blue{
	background-color:#0071bc;
}
.bg-green{
	background-color:#05c500;
}
.border-blue{
	border-color:#0071bc;
}
.border-green{
	border-color:#05c500;
}

.table-lgrey{--bs-table-bg:#d9d9d9;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#d9d9d9;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:#000;border-color:#fff}
.table-mgrey{--bs-table-bg:#bfbfbf;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#bfbfbf;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#fff}
.table-dgrey{--bs-table-bg:#7f7f7f;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#fff;--bs-table-active-bg:#7f7f7f;--bs-table-active-color:#fff;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#fff;color:#fff;border-color:#fff}
.table-lblue{--bs-table-bg:#dae3f3;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#dae3f3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#fff}
.table-dblue{--bs-table-bg:#b4c7e7;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#b4c7e7;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#fff}
.table-lgreen{--bs-table-bg:#e2f0d9;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#e2f0d9;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#fff}
.table-dgreen{--bs-table-bg:#c5e0b4;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#c5e0b4;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#fff}
.table-lred{--bs-table-bg:#efd3d2;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#efd3d2;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#fff}
.table-dred{--bs-table-bg:#dfa7a5;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfa7a5;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#fff}
.table-lorange{--bs-table-bg:#f8cbad;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#f8cbad;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#fff}
.table-dorange{--bs-table-bg:#f4b183;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#f4b183;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#fff}
.table-white{--bs-table-bg:#fff;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#fff;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#dfe0e1}

/* -----------------------------------*/
/* --------->>> SIDEBAR <<<-----------*/
/* -----------------------------------*/
.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}
#side_bar {
  top: 0px;
    margin-top: 0px;
	padding-top: 0px;
    min-width: 200px;
    max-width: 200px;
    background: #fff;
    color: #000;
    transition: all 0.3s;
    border-right: 1px solid #ddd;
}
#side_bar.active {
    margin-left: -200px;
}
#side_bar .sidebar-header {
    padding: 20px;
    background: #fff;
}
#side_bar ul.components {
  top: 0px;
    margin-top: 0px;
	padding-top: 0px;
    padding: 20px 0;
}
#side_bar ul p {
    color: #fff;
    padding: 10px;
}
#side_bar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    border-bottom: 1px solid #ddd;
}
#side_bar ul li a:hover {
    color: #000;
    background: #ccc;
}
#side_bar ul li.active>a,
a[aria-expanded="true"] {
    color: #000;
    background: #f8f9fa;
}
a[data-bs-toggle="collapse"] {
    position: relative;
}
.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #fff;
}
ul.CTAs {
    padding: 20px;
}
ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
a.download {
    background: #fff;
    color: #000;
}
a.article,
a.article:hover {
    background: #fff !important;
    color: #fff !important;
}
/* -----------------------------------*/
/* --------->>> CONTENT <<<-----------*/
/* -----------------------------------*/
#content {
    width: 100%;
    padding: 5px 10px 10px 10px;
    min-height: 100vh;
    transition: all 0.3s;
}

/* -----------------------------------*/
/* --------->>> SIDEBAR <<<-----------*/
/* -----------------------------------*/

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}