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

body.popup {
  margin-top: 10px;
}

#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;
  }
    ul.nav.navbar-nav.top-nav li a {
		padding: 15px;
	}

  /* Nav Messages */

  .messages-dropdown .dropdown-menu {
	min-width: 300px;
  }

  .messages-dropdown .dropdown-menu li a {
	white-space: normal;
  }

}

/*************************
 * CV3 Styles
 * **********************/
.cv3-hide {
  display:none;
}

.cv3-actions {
  text-align:right;
  font-size:15px;
}

.alert-red-text,
.delete-tooltip {
  color:#c00;
}

.form-control.form-control-inline {
  display: inline-block;
  width: auto;
}
/* Secondary & Tertiary Side Nav */
.side-nav {
      top: 51px;
      background-color: #ccc;
}

.side-nav > li > ul > li > ul,
.side-nav > li > ul {
      list-style: none;
      background-color: #e3e3e3;
      padding-top: 5px;
      padding-bottom: 10px;
      padding-left: 30px;
}
.side-nav > li > ul > li > ul {
      padding-left: 20px;
}

.side-nav > li > ul > li > ul > li > a,
.side-nav > li > ul > li > a {
      color: #4f4f4f;
}

.side-nav > li > a {
      color: #4f4f4f;
      padding: 5px 15px;
}

.side-nav .staging > a {
  color: #a94442;
}

.side-nav .live > a {
  color: #3c763d;
}

.side-nav > li > a:hover,
.side-nav > li > a:focus {
  color: #ffffff;
  background-color: #737373;
}

.side-nav > .active > a,
.side-nav > .active > a:hover,
.side-nav > .active > a:focus {
  color: #ffffff;
  background-color: #737373
}

.side-nav > .disabled > a,
.side-nav > .disabled > a:hover,
.side-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}

.side-nav > .open > a,
.side-nav > .open > a:hover,
.side-nav > .open > a:focus {
  color: #ffffff;
  background-color: #080808;
}

.table-responsive thead > tr > th > a,
.table-responsive thead > tr > td > a,
.table-responsive thead {
  color: #737373;
}

.well-cv3-table {
  background-color: transparent;
  border: 2px solid #ccc;
  padding: 3px;
}

#toggle-expand-all,
#toggle-collapse-all {
  margin-bottom: 10px;
}

.panel-title .badge {
  color: #428bca;
  background-color: #fff;
}

.badge-danger {
  background-color: #d9534f;
}


/****************************************
 * OLD CV3 STYLES TO MAKE SURE THINGS WORK TILL ALL IS CONVERTED
 * SHOULD BE ABLE TO BE DELETED ONCE CONVERTED.
 * ***************************************/
th.headerRow {
  color:#FFF;
  font-weight:normal;
}

table.edit-customer-group input[type="radio"], input[type="checkbox"] {margin-top: -2px !important;vertical-align: middle !important;}
table.edit-customer-group td {vertical-align: middle !important;}
table.edit-customer-group td.pt5 {padding-top: 5px;}
table.report-search td {vertical-align: middle !important;}

.cv3-sub-header {
  background-color:#F9F9F9; color:#333333;
}