/*------------------------------------*\
	#OVERRIDE STLES
	This style sheet can be used for two different functions:
	1. Override specific Bootstrap styles.
	2. Add your own styles.
\*------------------------------------*/

/**
 * Padding-top is required if using .navbar-fixed-top.
 * This can be removed Remove if using .navbar-static-top.
 * The height may need to be changed if the height of you
 * navigation changes.
*/

/*@import url('assets/css/bootstrap.min.css');*/
/*@import url('assets/css/bootstrap-responsive.min.css');*/



/**
very light blue = 70A2CF
Darker version of light blue = 336FA4
Body background set in styles_JO.css
Background of menu stripe
Border color = 292A48
Menu text color 264C6E - 264C6E
Dropdown item
     Background color of dropdown/click - 121327
	 Text in dropdown list
*/



/**
 * Bootstrap requires a containing element to wrap site contents
 * and house the grid system. You may choose one of two containers.
 * Use .container for a responsive fixed width container.
 * Use .container-fluid for a full width container.

 * If using container-fluid, you may need to set a maximum width,
 * so that the container will not spread to the entire viewport.
*/

.bs-menu{margin: 0px; }

/*Customize Navbar coloring */
/* navbar */
.navbar-default {
    background-color:#70A2CF;
	border-color: #336FA4;
	color: #264C6E;
}

/* title */
/*
.navbar-default .navbar-brand {
    color: #264C6E;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: yellow;
}
*/

/* link */

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus ,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #264C6E;
    background-color: #70A2CF;
}

/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret,
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret,
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #121327;
    border-bottom-color: #121327;
}
/* mobile version */

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #336FA4;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #DDD;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #264C6E;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #264C6E;
    }
}

/**
 * Bootstrap pushes the .navbar-brand over to the left, which may not suit.
 * This can be overridden using the following rule:
*/

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
	margin-left: 30px;
	line-height: 150 px;
}

.navbar>.container-fluid {
	/*background-color:#8FB0CD; */
	background-color:Silver;
	padding-bottom: 20px;
	padding-top: 20px;
}
.navbar-collapse {
	margin-left: 50px;
}
.navbar-nav{margin-left: 10px;}
.navbar-nav>li { color:#264C6E; }




/**
 * At small screen, padding can be added around the branding
 * image so that it lines up with the navbar toggle.
 * top padding, right paddding, bottom padding, left padding
*/


.navbar-fixed-top .navbar-brand { padding: 0px 10px 25px 5px;}
.navbar-fixed-top .navbar-brand img{max-height:120px; max-width:200px; padding: 0px 0px 10px 0px;}

.navbar-nav .open .dropdown-menu>li>a{line-height:40px;}





  /*-- change navbar dropdown color --*/

  /*
  .navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #F5F9FF;
    color:#1F003D;
  }
  */
/*
 .dropdown-menu{ background-color: #F5F9FF; color:#1F003D; height: 305px;}
    .dropdown-menu li>a{color:#1F003D; }
   .dropdown-menu>li{padding:5px; border-bottom:1px solid white;border-left:1px
              solid white;border-right:1px solid white }
   .dropdown-menu li>a:hover{background:white; }
.dropdown-menu a{
    color: #1F003D;
}
*/
/*
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #F5F9FF;
    color:#1F003D;
}
*/

/*
.navbar-default .dropdown-menu {
     background-color: #F5F9FF;
     color:#1F003D;
}
*/






/**
 .dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:green;}
 .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:red;white-space:nowrap}

 * At mid to wide screen, padding can be added around the branding
 * image so that it lines up with the navigation items.
*/

.btn-primary{
font-weight: 800; font-size:150%;}
.btn-success{
font-weight: 800; font-size:150%;}

@media (min-width:1200px)
{
	.navbar-fixed-top .navbar-brand { padding: 2px 20px 10px 10px; color:#292A48;}
}