/*COLOR THEME */ 
    .navbar-default {
      background-color: #8892BF;
      border-color: #8892BF;
      background-image: linear-gradient( #8892BF,  #4F5B93 90%, #9C9);
    }
    h1,h2,h3,h4,h5,h6{color:#4F5B93;}
   /*COLOR THEME */ 
    .btn-success{
        background-image: linear-gradient(#69B369, #9C9 100%, #699934);
        border-color: #69B369;
    }
    .btn-success:hover {
        background-image: linear-gradient(#69B369, #9C9 50%, #8892BF);
        border-color: #69B369;
    }
    .btn-warning, .panel-warning{
      background-image: linear-gradient(#4F5B93, #8892BF 99%, #9C9);
      background-color: #8892BF;
      border-color: #8892BF;
      color:#ffffff;
    }
    .btn-warning:hover {
      background-image: linear-gradient(#4F5B93, #8892BF 50%, #9C9);
      background-color: #8892BF;
      border-color: #FFF2FF;
    }
    .btn-warning:focus {
      border-color: #FFF2FF;
    }
    .navbar {
      margin-bottom: 1em;
      border-radius: 0;
      border-width:0;
      background-color: #8892BF;
      border-color: #8892BF;
    }
    .active  a, ul>li>a:hover {
        background-image: linear-gradient(#69B369, #9C9 85%, #8892BF);
        border-color: #69B369;
    }
   
   
   
   
    .row.content {height: 450px;}
    .sidenav {
      padding-top: 20px;
      /*background-color: #1a1a1a; /*#f1f1f1*/ 
      height: 100%;
    }

    /* Set black background color, white text and some padding */
    footer {
      background-color: #1a1a1a;
      color: white;
      padding: 15px;
    }

    .myContent {
      border-radius:.25em;
      /*height:100%;
      background-color:#333333; */
    }

    hr { border: solid gray 1px; }

    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
    }

    /*
    body {
      background-color:#1a1a1a;
    }
    */

    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;}
    }