.semi-dark-layout {
  /************ Main Menu **************/ }

.semi-dark-layout .main-menu {
  background-color: #111; }

.semi-dark-layout .main-menu .shadow-bottom {
  background: linear-gradient(180deg, #111 44%, rgba(17, 17, 17, 0.51) 73%, rgba(17, 17, 17, 0)); }

.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a {
  background-color: #222 !important; }

.semi-dark-layout .main-menu-content .navigation-main {
  background-color: #fff; }

.semi-dark-layout .main-menu-content .navigation-main .navigation-header {
  color: #676d7d; }

.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  color: #b4b7bd; }

.semi-dark-layout .main-menu-content .navigation-main .nav-item.open:not(.sidebar-group-active) > a {
  background: #f1f1f1; border-radius: 15px 15px 0px 0px; color: #000 !important;
    transition: all 0.5s ease;
    /* Webkit (Safari & Chrome) */
    -webkit-transition: all 0.5s ease;
    /* Mozilla Firefox */
    -moz-transition: all 0.5s ease;
    /* Opera */
    -o-transition: all 0.5s ease;}

.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after,
.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  color: #222 !important; }

.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  background-color: #f1f1f1;    border-radius: 0px 0px 15px 15px; }

.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  color: #fff; }

.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
  background-color: transparent; }

.semi-dark-layout .main-menu-content .navigation-main .active > a {
  color: #fff !important; }

.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
.semi-dark-layout .main-menu-content .navigation-main .active i {
  color: #00e8da; }

.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
  border-radius: 4px; }

.semi-dark-layout .main-menu-content .navigation-main .menu-content {
  background-color: #111; }

.semi-dark-layout .main-menu-content .navigation-main .menu-content .active {
  z-index: 1; }

.semi-dark-layout .main-menu-content .navigation-main .menu-content .active a {
  background-color: transparent; border:none; }

.semi-dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
  /*background:linear-gradient(15deg, #2D2675 -30%, #2D2675, #6CFFAA 100%) !important;*/
  background:#000028;
  color: #fff !important; 
 font-weight: 700;}

.barBg{background:linear-gradient(15deg, #2D2675 -30%, #2D2675, #6CFFAA 100%);}

.keywords{
/*background: rgba(0,0,0,0.3);*/
background: white;
margin: 5px;
border-radius: 10px;
padding: 2vh;
/*font-size: calc(0vw + 5vh + 0vmin);*/
/*font-size: 35px;*/
font-size: 45px;
    color: black;
}

.click:hover {
    box-shadow: 0px 0px 20px 3px lightskyblue;
    background: lightskyblue !important;
}