@charset "utf-8";
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body{
	padding-top: 56px;
	padding-bottom: 25px;
	/**/
}
#extra{
	visibility: hidden;
    height: 1px;
    width: 1px;
}
a {
	color:#337ab7;
}

.error-red {
	color: #FF0000;
}
.text-heading-blue{
	color:#0071bc;
}
.text-heading-green{
	color:#05c500;
}
.text-d42-green{
	color:#05c500;
}
.text-d42-blue{
	color:#0071bc;
}
.bg-grey{
	background-color:#eeeeee;
}
.bg-d42-blue{
	background-color:#0071bc;
}
.border-d42-blue{
	border-color:#0071bc;
}


/* -----------------------------------*/
/* --------->>> 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 0px 10px 0px;
    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;
}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
.logodata {
	/*font-family: 'Libre Barcode 128 Text', cursive;*/
	font-family: 'Ubuntu', sans-serif;
	/*font-size: 40px;*/
	color:#05c500;
}
.logo42 {
	/*font-family: 'Libre Barcode 128 Text', cursive;*/
	font-family: 'Ubuntu', sans-serif;
	/*font-size: 40px;*/
	color:#0071bc;
}
/* -----------------------------------*/
/* ---------->>> BUTTONS <<<----------*/
/* -----------------------------------*/

.btn-d42-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0071bc;
  --bs-btn-border-color: #0071bc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0071bc;
  --bs-btn-disabled-border-color: #0071bc;
}


.btn-d42-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: #05c500;
  --bs-btn-border-color: #05c500;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #05c500;
  --bs-btn-disabled-border-color: #05c500;
}
