/* 

Author: Start Bootstrap - http://startbootstrap.com

'SB Admin' HTML Template by Start Bootstrap



All Start Bootstrap themes are licensed under Apache 2.0. 

For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!

*/



/* ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document! */



/* Global Styles */



body {

  margin-top: 50px;

}



#wrapper {

  padding-left: 0;

}



#page-wrapper {

  width: 100%;

  padding: 5px 15px;

}



/* Nav Messages */



.messages-dropdown .dropdown-menu .message-preview .avatar,

.messages-dropdown .dropdown-menu .message-preview .name,

.messages-dropdown .dropdown-menu .message-preview .message,

.messages-dropdown .dropdown-menu .message-preview .time {

  display: block;

}



.messages-dropdown .dropdown-menu .message-preview .avatar {

  float: left;

  margin-right: 15px;

}



.messages-dropdown .dropdown-menu .message-preview .name {

  font-weight: bold;

}



.messages-dropdown .dropdown-menu .message-preview .message {

  font-size: 12px;

}



.messages-dropdown .dropdown-menu .message-preview .time {

  font-size: 12px;

}





/* Nav Announcements */



.announcement-heading {

  font-size: 50px;

  margin: 0;

}



.announcement-text {

  margin: 0;

}



/* Table Headers */



table.tablesorter thead {

  cursor: pointer;

}



table.tablesorter thead tr th:hover {

  background-color: #f5f5f5;

}



/* Flot Chart Containers */



.flot-chart {

  display: block;

  height: 400px;

}



.flot-chart-content {

  width: 100%;

  height: 100%;

}



/* Edit Below to Customize Widths > 768px */

@media (min-width:768px) {



  /* Wrappers */



  #wrapper {

	padding-left: 225px;

  }



  #page-wrapper {

	padding: 15px 25px;

  }



  /* Side Nav */



  .side-nav {

	margin-left: -225px;

	left: 225px;

	width: 225px;

	position: fixed;

	top: 50px;

	height: 100%;

	border-radius: 0;

	border: none;

	background-color: #222222;

	overflow-y: auto;

  }




  /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */



  .side-nav>li.dropdown>ul.dropdown-menu {

	position: relative;

	min-width: 225px;

	margin: 0;

	padding: 0;

	border: none;

	border-radius: 0;

	background-color: transparent;

	box-shadow: none;

	-webkit-box-shadow: none;

  }



  .side-nav>li.dropdown>ul.dropdown-menu>li>a {

	color: #999999;

	padding: 15px 15px 15px 25px;

  }



  .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,

  .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,

  .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {

	color: #fff;

	background-color: #080808;

  }



  .side-nav>li>a {

	width: 225px;

  }



  .navbar-inverse .navbar-nav>li>a:hover,

  .navbar-inverse .navbar-nav>li>a:focus {

	background-color: #080808;

  }



  /* Nav Messages */



  .messages-dropdown .dropdown-menu {

	min-width: 300px;

  }



  .messages-dropdown .dropdown-menu li a {

	white-space: normal;

  }



}