.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  position: fixed;
  top: 0px;
  width: 300px;
  height: 100%;

/*kw  color: #e1ffff;
  background-color: #2e353d; */
/*kw*/
  color: #032465;
  background-color:rgba(240, 240, 251, 0.9);   /*background-color: #F0F0FB;*/
  box-shadow: 3px 3px 5px #031B4A;
/*   -webkit-box-shadow: 0px 0px 5px 5px rgba(3, 36, 101, 0.30);
	   -moz-box-shadow: 0px 0px 5px 5px rgba(3, 36, 101, 0.30);
	        box-shadow: 0px 0px 5px 5px rgba(3, 36, 101, 0.30);  */

}
.nav-side-menu .brand {
/*kw  background-color: #23282e; 
  line-height: 50px; */
  display: block;
  text-align: center;
  font-size: 14px;
  /*kw */
  line-height: 80px;
 /*background-color: #F0F0FB; kommt von nav-side-menu*/
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }

}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {   
  font-family: FontAwesome;
  content: "\f078"; 
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;

/*kw*/
/*kw  font-family: 'Glyphicons Halflings';
  content: "\e259"; */

} 

.nav-side-menu ul .active,
.nav-side-menu li .active {
/*kw  border-left: 3px solid #d19b3d;  
  background-color: #4f5b69; */
/*kw*/
    border-left: 6px solid #A20A15;
    background-color: #032465;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
/*kw  color: #d19b3d; */
/*kw */
  color: #ffffff; 

/*  border-right: 25px solid;
  text-align:right;
  background-image: radial-gradient(circle,#E5585A, #A20A15 ); */
  background:             linear-gradient(to right, #A20A15 60%,  #E5585A); /*Standard*/
  background-image:-webkit-linear-gradient(right  , #A20A15 60%,  #E5585A);
  background-image:    -moz-linear-gradient(left  , #A20A15 60%,  #E5585A);
  background-image:         o-linear-gradient(left, #A20A15 60%,  #E5585A);
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
/*kw  color: #d19b3d; */
/*kw 
  color: #ffffff;  
  background-color: #A20A15; */
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  border: none;
  line-height: 28px;
/*kw  background-color: #181c20;
  border-bottom: 1px solid #23282e; */
  margin-left: 0px;
/*kw*/
  background-color: #053697;
  border-bottom: 1px outset #F0F0FB;
  color:#ffffff;
  background:             linear-gradient(to right, #053697 60%,  #387BFF); /*Standard*/
  background-image:-webkit-linear-gradient(right  , #053697 60%,  #387BFF);
  background-image:    -moz-linear-gradient(left  , #053697 60%,  #387BFF);
  background-image:         o-linear-gradient(left, #053697 60%,  #387BFF);   

}
/*submenu pfeil*/
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
/*kw*/
  background-image: radial-gradient(circle,#E5585A, #A20A15 );
  color:#FFFFFF;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105"; 
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
/*kw*/
/*kw   font-family: 'Glyphicons Halflings';
  content: "\e258"; */

}
.nav-side-menu li {
  padding-left: 0px;
/*kw  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e; */
  /*kw*/
  color: #ffffff; text-shadow: 1px 1px 1px #919191, -1px -1px 0px #000000;
  background-color: #032465;
  border-left: 6px solid #032465;
  border-bottom: 1px outset #F0F0FB;
/*  background-image: radial-gradient(circle,#0000FF, #000058 );   */

  background:             linear-gradient(to right, #032465 ,#042B78, #063CA7, #0858F8); /*Standard*/
  background-image:-webkit-linear-gradient(right  , #032465 ,#042B78, #063CA7, #032465);
  background-image:    -moz-linear-gradient(left  , #032465 , #042B78, #0858F8);
  background-image:        o-linear-gradient(left , #032465 ,#042B78, #063CA7, #0858F8);
}
.nav-side-menu li a {
  text-decoration: none;
  color: #ffffff;
  color: #ffffff; text-shadow: 1px 1px 1px #919191, -1px -1px 0px #000000;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
/*kw  border-left: 3px solid #d19b3d;  
  background-color: #4f5b69;  */
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
/*kw*/
    background-color: #A20A15; 
    border-left: 3px solid #A20A15;
    background-image: radial-gradient(circle,#FE4C4C, #A20A15 ); 
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
/*kw    background-color: #ffffff;  */
    color: #000;
    width: 40px;
    text-align: center;
/*kw*/
    background-color: #032465;
    color:#ffffff;
    padding-top:10px;
    padding-bottom:10px;

  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }

 /*kw  */
.jumbotron {
   margin-left:0;
   margin-top:0;
}
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
body {
  margin: 0px;
  padding: 0px;
}