@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300);

body {
	margin:0;
	padding:0;
}
.bar-wrapper {
	background-color:#f5f5f5;
	height: 100px;
	text-align:center;
}
i.fa{
    text-decoration:none!important;
}
.icon-wrapper {
	text-align:center;	
}

.icon-wrapper a,
.icon-wrapper a p,
.icon-wrapper i {
    color: #454545;
}
.icon-wrapper a:active {
    text-decoration: none!important;
}
.icon-wrapper a:hover p {
    text-decoration: none!important;
    color: #555;
}

.icon-wrapper-single {
	display:inline-block;
	margin:15px;
	text-align:center;
}

.icon-wrapper-single + p:hover{
    text-decoration: none!important;
    background-color: rgba(183,202,241,1.00);
}


.icon-wrapper-single i {
	color:#555555;	/* this was #000 causing the secondard nav icons to appear black on some pages- travel and performance */
}

.icon-wrapper-single a {
	list-style-type:none;
    text-decoration: none!important;
}

.icon-wrapper-single a i:hover,
.icon-wrapper-single a p:hover{
	color:#555555;
    text-decoration: none!important;
    
}

.icon-wrapper-single a i:active,
.icon-wrapper-single a p:active{
	color:#466972;
    text-decoration: none!important;
    
}

.icon-wrapper-single p {
	text-align: center;
/*	text-transform: uppercase;*/
	font-size: .75em;
	color:#000;
	font-family:roboto, "Trebuchet MS", sans-serif;
	margin: 5px 0;
}


div.bar-wrapper .fa {
    position: relative;
    display: table-cell;
    width: 60px;
    /*height: 36px;*/
    text-align: center;
    vertical-align: middle;
    /*font-size:;*/
    opacity: 0.6;
    text-decoration: none!important;
    
}


/*.main-menu:hover,nav.main-menu.expanded {
width:250px;
overflow:visible;
}*/

.main-menu {
background:rgba(251, 251, 251, 0.85);
border-right:1px solid #e5e5e5;
position:absolute;
top:211px;
bottom:0;
height:25%;
left:0;
width:60px;
/*overflow:hidden;
-webkit-transition:width .05s linear;
transition:width .05s linear;
-webkit-transform:translateZ(0) scale(1,1);
transform:translateZ(0) scale(1,1);*/
z-index:1000;
}

.main-menu>ul {
margin:7px 0;
}

.main-menu li {
position:relative;
display:block;
width:250px;
}

.main-menu li>a {
position:relative;
display:table;
border-collapse:collapse;
border-spacing:0;
color:#49575a;
 font-family: arial;
font-size: 14px;
text-decoration:none;
-webkit-transform:translateZ(0) scale(1,1);
transform:translateZ(0) scale(1,1);
-webkit-transition:all .1s linear;
transition:all .1s linear;
  
}

.main-menu .nav-icon {
position:relative;
display:table-cell;
width:60px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;
}

.main-menu .nav-text {
position:relative;
display:table-cell;
vertical-align:middle;
width:190px;
font-family: 'Titillium Web', sans-serif;
}

.main-menu>ul.logout {
position:absolute;
left:0;
bottom:0;
}

.no-touch .scrollable.hover {
overflow-y:hidden;
}

.no-touch .scrollable.hover:hover {
overflow-y:auto;
overflow:visible;
}

a:hover,a:focus {
text-decoration:none;
}

nav {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}

nav ul,nav li {
outline:0;
margin:0;
padding:0 15px 0 15px;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
	font-size: 18px;
}
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:#fff;
background-color:#7893ae;
}
.area {
float: left;
background: #e2e2e2;
width: 100%;
height: 100%;
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
}

/*
div.icon-wrapper > .active {
	background-color:rgba(70, 105, 114, 0.25);padding:5px;
	border-radius:15px;
}*/