#pbs-navbar .navbar {
  background-color: #236192 !important;
}
#pbs-navbar .navbar-burger {
  background-color: #236192 !important;
}
#pbs-navbar .navbar-brand .navbar-item {
  background-color: #236192 !important;
}
#pbs-navbar .navbar-brand .navbar-item:hover {
  filter: brightness(95%);
}
@media  screen and (min-width: 769px) {
  #pbs-navbar .navbar-start .navbar-item {
    background-color: #236192 !important;
  }
  #pbs-navbar .navbar-start .navbar-item:hover {
    filter: brightness(95%);
  }
  #pbs-navbar .has-dropdown .navbar-link {
    background-color: #236192 !important;
  }
  #pbs-navbar .has-dropdown .navbar-link:hover {
    filter: brightness(95%);
  }
}
#pbs-login section.hero {
  background-color: #236192 !important;
}
#pbs-login button {
  background-color: #236192 !important;
}

/* Custom CSS */
.input-wrapper {
    background: transparent;
}

html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	background: #ffffff;
}
body {
	background: #ffffff;
	background-color: #ffffff !important;
}





/* tablet & browser menu style */
#menu {
    background: #4a4a49;
    box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.15);
    /*box-shadow: inset -5px 5px 10px rgba(0, 0, 0, 0.15);*/
}




/* new datatables */

.dataTables_wrapper,
.dataTables_header,
.dataTables_footer {
	color: #4a4a49;
	background: #fff url(../../../img/old-browsers/colors/bg_button-icon.png) repeat-x;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -webkit-linear-gradient(top, #fff, #fff);
	background: -moz-linear-gradient(top, #fff, #fff);
	background: -ms-linear-gradient(top, #fff, #fff);
	background: -o-linear-gradient(top, #fff, #fff);
	background: linear-gradient(top, #fff, #fff);
	}
	.dataTables_wrapper {
		position: relative;
		clear: both;
		*zoom: 1;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 0 0px #004795, inset 0 0px 0 rgba(255, 255, 255, 0.35);
		-moz-box-shadow: inset 0 0 0 0px #004795, inset 0 2px 0 rgba(255, 255, 255, 0.35);
		box-shadow: inset 0 0 0 0px #004795, inset 0 2px 0 rgba(255, 255, 255, 0.35);
	}
	.dataTables_header {
		border: 0px solid #004795;
		/* background: #F1F1F1; */
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
		-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.35);
		-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.35);
		box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.35);
	}
	.dataTables_footer {
		border: 0px solid #004795;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}

.paging_full_numbers a.paginate_button.first {
    border-left-width: 0px;
   
}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next, .paging_full_numbers a {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-weight: lighter;
    text-shadow: none;
    text-transform: none;
    padding: 0 11px;
    font-size: 13px;
    /*line-height: 28px;*/
    height: 28px;
    color: #000000;
    cursor: pointer;
    border: 0px solid #004795;
    background-position: center center !important;
    background: #ffffff;
    
}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next, .paging_full_numbers a:hover {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-weight: lighter;
    text-shadow: none;
    text-transform: none;
    padding: 0 11px;
    font-size: 13px;
    /*line-height: 28px;*/
    height: 28px;
    color: #000000;
    cursor: pointer;
    border: 0px solid #004795;
    background-position: center center !important;

    
}

.paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_active.first, .paging_full_numbers a.paginate_active.last {
    border: 0;
    padding: 1px 12px;
    background: #c9c9c9;
    
}

p:last-child, ul:last-child, ol:last-child, dl:last-child, fieldset:last-child, .fieldset:last-child {
    background-color: transparent;
    margin-bottom: 0;
}



/* Left hand side */
#shortcuts {
    background: #4d4d4f !important;
    box-shadow: inset -5px 5px 10px rgba(0, 0, 0, 0.15);
}




/* Righthand menu items */
.big-menu > li > a, li.big-menu > a 
{
color: #4d4d4f;
text-decoration: none;
font-weight: lighter;
text-shadow: none;
}


.big-menu > li > span, li.big-menu > span, .big-menu > li > a, li.big-menu > a {
color: #ffffff;
font-weight: lighter;
text-shadow: none;
}



.big-menu {
  background: #4d4d4f;
}


/* Righthand menu icon - name */
#profile {
		display: block;
		padding: 20px;
		font-size: 14px;
        text-decoration: none;
        font-weight: lighter;
        text-shadow: none;
		line-height: 14px;
		color: #ffffff;
		background: #236192;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		}
		
#profile img{
		width: 50px;
		height: auto;
}


/* Righthand logout button - name */
#access {
    background: #ffffff;
    color: #000000;
    text-shadow: none;
}

#access > li > a {
    display: block;
    height: 54px;
    padding: 4px 0;
    line-height: 54px;
    color: #000000;
}

#access > li {
    float: left;
    width: 25%;
    height: 62px;
    font-size: 26px;
    line-height: 62px;
    position: relative;
    color: #000000;  
}

#access > li > a:hover { 
    color: #9EC44D !important;
}


#access > li > a:after {
					position: absolute;
					content: ' ';
					left: 4px;
					right: 4px;
					bottom: 4px;
					height: 1px;
					background: #236192;
					border-bottom: 1px solid #236192;
					-webkit-box-shadow: 0 0 5px 2px rgb(239, 121, 26), 0 -2px 10px rgba(239, 121, 26, 0.75);
					-moz-box-shadow: 0 0 5px 2px rgb(239, 121, 26), 0 -2px 10px rgba(239, 121, 26, 0.75);
					box-shadow: 0 0 5px 2px rgb(239, 121, 26), 0 -2px 10px rgba(239, 121, 26, 0.75);
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					filter: alpha(opacity=0);
					-khtml-opacity: 0;
					-moz-opacity: 0;
					opacity: 0;
					}



/* Righthand top menu header */
#menu header {
    padding: 11px 12px;
    color: #000000;
    text-transform: uppercase;
    font-weight: lighter;
    text-shadow: none;
    font-family: Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana;
    background: #ffffff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}


/* top right hand open menu */
#open-menu {
    top: 0;
    right: 0;
    padding: 10px 8px 8px;
    background: transparent;
    color: white;
}

.user-icon img {
	width: 40px !important;
	height: auto !important;}



/********************************************************/
/*                  Title bar                           */
/********************************************************/

#title-bar {
	height: 40px;
	line-height: 38px;
	text-align: center;
	padding: 0 10px;
	background: #236192 url(http://www.exponential-e.com/images/brand/logo.png) no-repeat left 20px;
	background-position:left;
	}
	.fixed-title-bar > #title-bar {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	.with-shortcuts #title-bar {
		padding-left: 43px;
		}
		.reversed.with-shortcuts #title-bar {
			padding-left: 10px;
			padding-right: 43px;
		}
	.with-menu #title-bar {
		padding-right: 92px;
		}
		.reversed.with-menu #title-bar {
			padding-right: 10px;
			padding-left: 92px;
		}
	.reversed.with-shortcuts.with-menu #title-bar {
		padding-right: 43px;
		padding-left: 92px;
	}
	#title-bar h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight:200 !important;
		color: white;
		line-height: 36px;
		font-stretch:expanded !important;
		margin: 0;
		font-size: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.glow:before,
	#title-bar:before {
		display: block;
		content: ' ';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: none !important;
		pointer-events: none;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	
/********************************************************/
/*             Generic gradients - main             */
/********************************************************/
	
.silver-bg,
.drop-down,
.wrapped, .boxed {
	background: #ffffff !important;
	color: #666666;
	border-color: #cccccc;
	}
	a.silver-bg:hover {
		color: #666666;
		background: #e8e9ee !important;
	}
	
	
/********************************************************/
/*           Standard tabs colour & hover               */
/********************************************************/	
	
a {
	text-decoration: none;
	}
	a:hover {
		color: #9ec44d !important;
		
	}


table.hover tr:hover, table tr.hover:hover, table tr td.hover:hover {
  background-color: #236192 !important; color: #fff;
}		

/********************************************************/
/*                  Small Icons (logout etc.)           */
/********************************************************/
	
.green,
.green-color .color {
	color: #236192 !important;
	}
	.icon-green:before {
		color: #236192;
	}
	

.orange,
.orange-color .color {
	color: #9ec44d !important;
	}
	.icon-orange:before {
		color: #9ec44d;
	}


/********************************************************/
/*                  Tabs                                */
/********************************************************/	

	.standard-tabs > .tabs > li.active > a {
    margin-left: -13px;
    margin-right: -13px;
    padding: 6px 12px 7px;
    border: 1px solid #cccccc;
    border-bottom: 0;
    background: white;
    color: #a7cf34 !important;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}


/********************************************************/
/*                  Generic drop-downs                  */
/********************************************************/

.drop-down > span, .drop-down > a {
    white-space: nowrap;
    line-height: 16px;
    cursor: pointer;
    color: #4d4d4f !important;
}


.no-touch .drop-down > span:hover, .no-touch .drop-down > a:hover, .drop-down > .selected,
	:hover > .button-icon { 
		background: #236192 !important;
		/*! -webkit-background-size: 100% 100%; */
		/*! -moz-background-size: 100% 100%; */
		/*! -o-background-size: 100% 100%; */
		/*! background-size: 100% 100%; */
		/*! background: -webkit-gradient(linear, left top, left bottom, from(#0089c3), to(#003d86)); */
		/*! background: -webkit-linear-gradient(top, #0089c3, #003d86); */
		/*! background: -moz-linear-gradient(top, #0089c3, #003d86); */
		/*! background: -ms-linear-gradient(top, #0089c3, #003d86); */
		/*! background: -o-linear-gradient(top, #0089c3, #003d86); */
		/*! background: linear-gradient(top, #0089c3, #003d86); */
		/*! border-color: #004795; */
	}




/* Media Queries */
        @media screen and (max-width: 600px) {
		
		#title-bar {
			background: #236192 !important}
		
			
		}