.navbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none; }

.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0; }
/* ---------------------------------------------------
 SIDEBAR STYLE
 ----------------------------------------------------- */
#sidebar, #filterbar {
  width: 300px;
  width: 80vw;
  position: fixed;
  top: 0;
  left: -310px;
  left: -82vw;
  height: 100vh;
  z-index: 1999;
  background: #fff;
  transition: all 0.3s;
  overflow-y: scroll;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none; }

#sidebar::-webkit-scrollbar {
  width: 0 !important; }

#filterbar::-webkit-scrollbar {
  width: 0 !important; }

#sidebar.active, #filterbar.active {
  left: 0; }

.overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1998;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

.overlay.active {
  display: block;
  opacity: 1; }

#sidebar .sidebar-header, #filterbar .filterbar-header {
  padding: 20px;
  background: #fff;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

#sidebar ul.components {
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

#sidebar ul p {
  color: #fff;
  padding: 10px; }

#sidebar ul li a {
  padding: 10px 20px 10px 20px;
  font-size: 1.1em;
  display: block;
  color: black;
  transition: all ease 0.02s; }

#sidebar ul li a:hover {
  color: #e4a924;
  /* color: action */
  text-decoration: none;
  background: #fff; }

#sidebar ul li.active > a, a[aria-expanded="true"] {
  color: #000;
  background: #f4f5f5; }

a[data-toggle="collapse"] {
  position: relative; }

ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  background: #f4f5f5;
  color: #000; }

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: #7386d5; }

a.article, a.article:hover {
  background: #6d7fcc !important;
  color: #fff !important; }

.horizontal-scroll-list {
  white-space: nowrap;
  overflow-x: auto;
  margin-bottom: 0px; }

.horizontal-scroll-item {
  display: inline-block;
  float: none; }
/* ---------------------------------------------------
 CONTENT STYLE
 ----------------------------------------------------- */
#content {
  width: 100%;
  padding: 20px;
  min-height: 100vh;
  transition: all 0.3s;
  position: absolute;
  top: 0;
  right: 0; }

.decorated {
  overflow: hidden;
  text-align: left; }

.decorated > span {
  position: relative;
  display: inline-block;
  margin-left: 30px; }

.decorated > span:before, .decorated > span:after {
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  width: 100vw;
  /* half of limiter*/
  margin: 0 15px; }

.decorated > span:before {
  right: 100%; }

.decorated > span:after {
  left: 100%; }

@keyframes flickerAnimation {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@-o-keyframes flickerAnimation {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

.lazy {
  -webkit-animation: flickerAnimation 0.5s infinite;
  -moz-animation: flickerAnimation 0.5s infinite;
  -o-animation: flickerAnimation 0.5s infinite;
  animation: flickerAnimation 0.5s infinite; }

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }