/*
body
{
  margin:0px;
  padding:0px;
  font-family: "Open Sans", arial;
  background: silver;
}
.logo{}

.settings 
{
  height:73px;
  float:left;
  background-repeat:no-repeat;
  width:250px;
  margin:0px;
  text-align: center;
  font-size:20px;
  font-family: 'Strait', sans-serif;
}

.hover 
{
  height:73px;
  float:left;
  background-image:url();
  background-repeat:no-repeat;
  width:255px;
  margin:0px;
}

.fa-lg 
{
  font-size: 1em;
}

.fa 
{
  position: relative;
  display: table-cell;
  width: 55px;
  height: 36px;
  text-align: center;
  top:12px; 
  font-size:20px;
}

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

.main-menu 
{
  background:#eee;
  border-right:1px solid #e5e5e5;
  position:absolute;
  top:0;
  bottom:0;
  height:100%;
  left:0;
  width:35px;
  overflow:hidden;
  -webkit-transition:width .2s linear;
  transition:width .2s linear;
  -webkit-transform:translateZ(0) scale(1,1);
  box-shadow: 1px 0 15px rgba(0, 0, 0, 0.07);
  opacity:1;
z-index: 99999;
}

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

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

}

.main-menu li>a 
{
  position:relative;
  width:255px;
  display:block;
  border-collapse:collapse;
  border-spacing:0;
  color:#244e81;
  font-size: 14px;
  text-decoration:none;
  -webkit-transform:translateZ(0) scale(1,1);
  -webkit-transition:all .14s linear;
  transition:all .15s linear;
  border-top:1px solid #F0F0F0;
/*  box-shadow:inset 0 1px 1px #FAFAFA;*/
  text-shadow: 1px 1px 1px  #fff;  
padding: 10px;
}

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

.main-menu .nav-text  
{
  position:relative;
/*  display:table-cell;*/
  vertical-align:middle;
  padding-left: 5px;
  width:190px;
/*    font-weight: bold;*/
        font-size: 15px;
}

.main-menu .share {}

.main-menu .fb-like 
{
  left: 180px;
  position:absolute;
  top: 15px;
}

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


.main-menu > ul.logout i ,
.main-menu > ul i 
{
    width: 12px;
}

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

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

a:hover,a:focus 
{
  text-decoration:none;
  border-left:0px solid #F7F7F7;
}

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;
}

.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: #cb132d;
  text-shadow: 0px 0px 0px; 
}

.area 
{
  float: left;
  background: #e2e2e2;
  width: 100%;
  height: 100%;
}