/* Padding below the footer and lighter body text */


/* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
}

    /* Flip around the padding for proper display in narrow viewports */
    .navbar-wrapper > .container {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-wrapper .navbar {
        padding-right: 0px;
        padding-left: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

        .navbar-wrapper .navbar .container {
            width: auto;
            margin-left: 0px;
        }


/* mobile version */

.navbar-margin {
    margin-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
}
  
.navbar-default {
        background-color: #2c99ce;
        color: #fff !important;
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff !important;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #fff;
        background: #1c6ba5; 
      /*  margin-left :10px;  */
    }
    .navbar-default .navbar-nav > .dropdown > a .caret {
        color: #fff !important;
    }

   .navbar-default .navbar-nav > .dropdown > .dropdown-menu > li > a {
        padding: 17px 45px 15px 15px;
        font-size: 12px;
        border-bottom:1px solid #ddd; 
		  color: #fff !important;
    }

    .navbar-default .navbar-nav > .dropdown > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > .dropdown > .dropdown-menu > li > a:focus {
        background-color: #1c6ba5;
        color: #fff;
        padding: 17px 45px 15px 15px;
        font-size: 12px;
    }

.navbar-default .navbar-toggle {
    border-color: #fff;
    text-transform: uppercase;
    background-color: #2c99ce;
    color: #fff;
    font-weight: bold;
}
toggle
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-:focus {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

     



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
        }
}


@media (min-width: 768px) {
    /* Navbar positioning foo */
    .navbar-wrapper {
        margin-top: 20px;
    }

        .navbar-wrapper .container {
            padding-right: 15px;
            padding-left: 15px;
        }

        .navbar-wrapper .navbar {
            padding-right: 0;
            padding-left: 0;
        }
}



@media (min-width: 992px) {

    /* menu */
    .navbar-margin {
        margin-bottom: 20px;
        padding-left: 0px;
        margin-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }
    /* menu */

    .navbar-default {
        text-transform: uppercase;
        font-size: 12px;
        background-color: #2c99ce !important;
        color: #fff;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: bold;
    }

    .navbar-default .navbar-nav > li > a {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
        padding-top: 15px !important;
        min-height: 50px !important;
        color: #fff;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #fff;
        background: #fff;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
        padding-top: 15px !important;
        min-height: 50px !important;
    }

    .navbar-default .navbar-nav > .dropdown > a .caret
     {
        color: #fff;
    }

    .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret
     {
      color: #fff;
    }


    /*  new   hover */

    /*.navbar-default .navbar-nav > .open > dropdown, .navbar-default .navbar-nav > .open > li, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > .active 
    {
   
        background: #f8f8f8 !important;
        color: #5691bc !important;
    }*/

    .navbar-default .navbar-nav > .open > a .caret {
        color: #5691bc !important;
    }

    .navbar-default .navbar-nav > .open > .dropdown-menu {
        display: none;
    }

    .navbar-default .navbar-nav .dropdown:hover, .navbar-default .navbar-nav .dropdown:focus {
        color: #fff;
        background: #1c6ba5;
    }

    .navbar-default .navbar-nav .dropdown:hover > a {
          color: #fff;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #fff;
        background: #1c6ba5; /*    background: rgba(22, 108, 165, 0.9);         color: #fff; */
    }

    .navbar-default .navbar-nav .dropdown:hover .dropdown-menu, .navbar-default .navbar-nav .dropdown > a:hover .dropdown-menu {
        display: block !important;
        color: #21285f;
        background: #fff;
        font-size: 12px;
    }   
    .navbar-default .navbar-nav > .dropdown > .dropdown-menu > li > a {
        padding: 17px 45px 15px 15px;
        font-size: 12px;
        border-bottom:1px solid #ddd; 
		  color: #21285f !important;
    }

    .navbar-default .navbar-nav > .dropdown > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > .dropdown > .dropdown-menu > li > a:focus {
        background-color: #1c6ba5;
         color: #fff!important;
        padding: 17px 45px 15px 15px;
        font-size: 12px;
    }


    /* end menu */


}