body{
    color:#323232;
    background: #f7f7f7;
  } 

footer{
  background: #ebebeb;
  color: #000;
  }

header{
      /* background: #fed23b;
       box-shadow: 0px 2px 3px 0px #ccc; 
      border-bottom: 1px solid #ccc; */
      background-image: linear-gradient(to right, #622c91, #eb4e3f);
  }

  header>div:last-child>div:nth-child(5)>a{
    color: #fff;
    background:#184363;
   
}

header>div:last-child>div:nth-child(5)>a:hover{
    box-shadow: 0px 0px 0px 3px #184363;
}



.activeli>div{
  
    background: #ffd23b;
    color: #000!important;
    /*box-shadow: 0 12px 20px -10px rgba(255,152,0,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(255,152,0,.2);*/
    /* background-color: #ff9800; */
    width: auto;
    /* margin: 10px 15px 0; */
    display: block;
    /* padding: 10px 15px; */
    position: relative;
    transition: all 300ms linear;
    /* font-family: "Roboto", "Helvetica", "Arial", sans-serif; */
    font-weight: 300;
    line-height: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px 3px 0px 0px;
}

.sidebarul>li>div:hover{
    /*background: #205177;
    color: #ffd23b !important;*/
      /* background: #205177; */
    /* color: #ffd23b !important; */
    background: #ffd23b;
    color: #000!important;
    box-shadow: 0 12px 20px -10px rgba(255,152,0,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(255,152,0,.2);
    /* background-color: #ff9800; */
    width: auto;
    /* margin: 10px 15px 0; */
    display: block;
    /* padding: 10px 15px; */
    position: relative;
    transition: all 300ms linear;
    /* font-family: "Roboto", "Helvetica", "Arial", sans-serif; */
    font-weight: 300;
    line-height: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px 3px 0px 0px;
}
.submenuul>li:active
    {
       /*background: #205177;
    color: #ffd23b !important;*/
      /* background: #205177; */
    /* color: #ffd23b !important; */
    background: #ffd23b;
    color: #000!important;
    box-shadow: 0 12px 20px -10px rgba(255,152,0,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(255,152,0,.2);
    /* background-color: #ff9800; */
    width: auto;
    /* margin: 10px 15px 0; */
    display: block;
    /* padding: 10px 15px; */
    position: relative;
    transition: all 300ms linear;
    /* font-family: "Roboto", "Helvetica", "Arial", sans-serif; */
    font-weight: 300;
    line-height: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px 3px 0px 0px; 
    }

.submenuul>li:hover{
    color: #1183d9;
}