/* ================================================
  A. Table Styling Helpers 
=================================================== */
/* messaging table styles */
table tbody tr.message-read td {
  color: #999;
  background-color: #fbfbfb;
}
table tbody tr.message-unread td {
  background-color: #fff;
}
/* table header/footer styles */
table.tc-text-center-head thead th,
table.tc-text-center-head tfoot th {
  text-align: center;
}
table.tc-fs11-head thead th,
table.tc-fs11-head tfoot th {
  font-size: 12px;
}
table.tc-fs12-head thead th,
table.tc-fs12-head tfoot th {
  font-size: 12px;
}
/* special styles */
table.tc-checkbox-1 tbody td:first-child,
table.tc-checkbox-2 tbody td:nth-child(2),
table.tc-checkbox-3 tbody td:nth-child(3),
table.tc-checkbox-last tbody td:last-child {
  text-align: center;
  padding: 11px;
}
/* special styles */
table.tc-list-1 tbody td:first-child,
table.tc-list-2 tbody td:nth-child(2),
table.tc-list-3 tbody td:nth-child(3),
table.tc-list-last tbody td:last-child {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  width: 45px;
  padding: 0 10px;
  border-right: 1px solid #e5e5e5;
  background: #fdfdfd;
}
/* special styles */
table.tc-bold-1 tbody td:first-child,
table.tc-bold-2 tbody td:nth-child(2),
table.tc-bold-3 tbody td:nth-child(3),
table.tc-bold-last tbody td:last-child {
  font-weight: 600;
  text-align: right;
  font-size: 14px;
}
/* special styles */
table.tc-med-1 tbody td:first-child,
table.tc-med-2 tbody td:nth-child(2),
table.tc-med-3 tbody td:nth-child(3),
table.tc-med-last tbody td:last-child {
  font-weight: 400;
  color: #999;
}
/* special styles */
table.tc-icon-1 tbody td:first-child,
table.tc-icon-2 tbody td:nth-child(2),
table.tc-icon-3 tbody td:nth-child(3),
table.tc-icon-last tbody td:last-child {
  font-size: 18px;
  text-align: center;
  color: #999;
}
/* text colors */
table.tc-text-muted-1 tbody td:first-child,
table.tc-text-muted-2 tbody td:nth-child(2),
table.tc-text-muted-3 tbody td:nth-child(3),
table.tc-text-muted-last tbody td:last-child {
  color: #999;
}
table.tc-text-primary-1 tbody td:first-child,
table.tc-text-primary-2 tbody td:nth-child(2),
table.tc-text-primary-3 tbody td:nth-child(3),
table.tc-text-primary-last tbody td:last-child {
  color: #0073aa;
}
/* font weights */
table.tc-fw600-1 tbody td:first-child,
table.tc-fw600-2 tbody td:nth-child(2),
table.tc-fw600-3 tbody td:nth-child(3),
table.tc-fw600-last tbody td:last-child {
  font-weight: 600;
}
table.tc-fw600-1 tbody td:first-child,
table.tc-fw600-2 tbody td:nth-child(2),
table.tc-fw600-3 tbody td:nth-child(3),
table.tc-fw600-last tbody td:last-child {
  font-weight: 600;
}
/* font sizes */
table.tc-fs13-1 tbody td:first-child,
table.tc-fs13-2 tbody td:nth-child(2),
table.tc-fs13-3 tbody td:nth-child(3),
table.tc-fs13-last tbody td:last-child {
  font-size: 13px;
}
/* text aligns */
table.tc-text-left-1 tbody td:first-child,
table.tc-text-left-2 tbody td:nth-child(2),
table.tc-text-left-3 tbody td:nth-child(3),
table.tc-text-left-last tbody td:last-child {
  text-align: right;
}
table.tc-text-center-1 tbody td:first-child,
table.tc-text-center-2 tbody td:nth-child(2),
table.tc-text-center-3 tbody td:nth-child(3),
table.tc-text-center-last tbody td:last-child {
  text-align: center;
}
table.tc-text-right-1 tbody td:first-child,
table.tc-text-right-2 tbody td:nth-child(2),
table.tc-text-right-3 tbody td:nth-child(3),
table.tc-text-right-last tbody td:last-child {
  text-align: right;
}
/* vertical aligns */
table.tc-va-t-1 tbody td:first-child,
table.tc-va-t-2 tbody td:nth-child(2),
table.tc-va-t-3 tbody td:nth-child(3),
table.tc-va-t-last tbody td:last-child {
  vertical-align: top;
}
table.tc-va-m-1 tbody td:first-child,
table.tc-va-m-2 tbody td:nth-child(2),
table.tc-va-m-3 tbody td:nth-child(3),
table.tc-va-m-last tbody td:last-child {
  vertical-align: middle;
}
table.tc-va-b-1 tbody td:first-child,
table.tc-va-b-2 tbody td:nth-child(2),
table.tc-va-b-3 tbody td:nth-child(3),
table.tc-va-b-last tbody td:last-child {
  vertical-align: bottom;
}
/* table Checklist */
.table-checklist td {
  cursor: pointer;
}
.table-widget .tab-content {
  padding: 0;
  border: 0;
  overflow: hidden;
}
/* Table items (labels, badges, progress bars etc) */
.table-widget .progress {
  width: 80%;
  height: 13px;
  margin: 0;
}
.table-widget .label,
.table-widget .badge {
  margin-right: 7px;
}
/* Tables with the .table-checklist class become clickable
 * if you want text to have a line-through effect on click
 * add the .text-slash class to the element */
.table-checklist tr.task-checked {
  color: #bbbbbb;
}
.table-checklist tr.task-checked .text-slash {
  text-decoration: line-through;
}
/* Table item checked state - class added via JS */
.table-checklist tr.task-checked .label,
.table-checklist tr.task-checked .progress {
  opacity: 0.3;
}
/*==================================================
  Shared/Global Styles
==================================================== */
html {
  height: 100%;
  background: #fff;
}
body {
  width: 100%;
  height: 100%;
  min-height: 900px;
  margin: 0;
  padding: 0;
  background: #e9e9e9;
  overflow-x: hidden;
  /* Fix for webkit rendering */
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-size-adjust: 100%;
}
#main {
  position: relative;
  min-height: 100%;
  background: #eeeeee;
}
/* psuedo background */
#main:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #eeeeee;
}
#content_wrapper {
  position: relative;
  left: 0px;
  margin-left: 230px;
}
/* Transitions */
body.onload-check .navbar,
body.onload-check .navbar-branding,
body.onload-check #sidebar_left,
body.onload-check #sidebar_right,
body.onload-check #content_wrapper,
body.onload-check #topbar {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/*===============================================
   Navbar Settings
================================================= */
/* If header is fixed modify primary containers padding */
.navbar.navbar-fixed-top + #sidebar_left + #content_wrapper {
  padding-top: 60px;
}
/*===============================================
   Sidebar Settings
================================================= */
/* Fixed Sidebar */
#sidebar_left.affix {
  position: fixed;
}
/* Scrollbar for Sidebars in Fixed Positions */
#sidebar_left.affix > .sidebar-menu {
  overflow-x: hidden;
  position: absolute;
  width: 100%;
  top: 85px;
  bottom: 52px;
  transition: top 0.2s ease-in-out;
}
#sidebar_left.affix > .email-menu + .sidebar-menu {
  overflow-x: hidden;
  position: absolute;
  width: 100%;
  top: 485px;
  bottom: 52px;
  transition: top 0.2s ease-in-out;
}
/* Corrects Pseudo sidebar bg when fixed */
#sidebar_left.affix:before {
  left: 0;
}
body.sidebar-hidden #sidebar_left.affix:before,
body.sidebar-rtl #sidebar_left.affix:before {
  left: -230px;
}
/* Sidebar User Area - Hidden */
.user-info.hidden,
.user-info.hidden + .user-divider {
  display: none;
}
body.usermenu-hidden .user-info,
body.usermenu-hidden .user-info + .user-divider {
  display: none;
}
body.usermenu-hidden #sidebar_left.affix .user-info + .user-divider + .sidebar-menu,
body.usermenu-hidden #sidebar_left.affix .user-info + .user-divider + .menu-widget + .sidebar-menu {
  top: 0;
}
#sidebar_left.affix > .menu-widget.menu-widget-open + .sidebar-menu {
  top: 250px;
}
/*===============================================
  Breadcrumbs Settings
================================================= */
/* fixed state */
#topbar.affix {
  z-index: 1027;
  width: auto;
  left: 0;
  right: 0;
  margin-left: 230px;
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* match content margin to topbar height */
#topbar.affix + #content {
  margin-top: 51px;
}
#topbar.affix.alt + #content {
  margin-top: 71px;
}
/* fixed state - w/ open sidebar */
body.sb-l-o #topbar.affix {
  margin-left: 230px;
}
/* fixed state - w/ minified sidebar */
body.sb-l-m #topbar.affix {
  margin-left: 60px;
}
/* fixed state - w/ closed sidebar */
body.sb-l-c #topbar.affix {
  margin-left: 0px;
}
@media (max-width: 900px) {
  /* fixed state - w/ open sidebar */
  body.sb-l-o #topbar.affix {
    width: 100%;
    margin-left: 230px;
  }
  /* fixed state - w/ minified sidebar */
  body.sb-l-m #topbar.affix {
    width: auto;
    margin-left: 45px;
  }
  /* fixed state - w/ closed sidebar */
  body.sb-l-c #topbar.affix {
    width: 100%;
    margin-left: 0px;
  }
}
/* Prevents Demo Bug - if navbar is fixed 
 * and also hidden grant proper margin spacing */
#topbar.affix.hidden + #content {
  margin-top: 0;
}
/* Topbar/Breadcrumbs Area - Hidden */
body.hidden-breadcrumbs #topbar {
  display: none;
}
/* for preview only - no real use in development enviroment */
body.sidebar-collapsed #sidebar:before {
  width: 40px;
}
/* ==============================================
   Navbar
================================================= */
.navbar {
  z-index: 1030;
  margin-bottom: 0;
  height: 60px;
  color: #666;
  background-color: #FFF;
  border-radius: 0;
  border: 0;
  border-bottom: 0;
  box-shadow: 0 1px 0 0 #e0e0e0;
  /* Navbar shadow option - Only allowed on default white navbar */
}
.navbar.navbar-shadow {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
}
/* Navbar Nav Item Containers */
.navbar .nav {
  margin: 0;
  /* Nav Items */
  /* Nav Links */
  /* Nav Item/Link States */
  /* Nav Item - Open Dropdown */
  /* Menu Item Divider - Small Circle */
}
.navbar .nav > li {
  float: left;
}
.navbar .nav > li > a {
  color: #666;
  font-size: 13px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 59px;
  max-height: 59px;
}
.navbar .nav > li.open > a,
.navbar .nav > li:hover > a,
.navbar .nav > li:focus > a,
.navbar .nav > li.active > a,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
  color: #222;
  background-color: #f7f7f7;
}
.navbar .nav > li.dropdown.open .dropdown-menu {
  padding: 0;
  margin-top: 10px;
  border-radius: 2px;
  border-top: 3px solid transparent;
  /* Dropdown Links */
  /* Dropdown Top Arrow */
}
.navbar .nav > li.dropdown.open .dropdown-menu > a {
  font-weight: 600;
}
.navbar .nav > li.dropdown.open .dropdown-menu:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  right: 11px;
  bottom: 100%;
  border-width: 0 10px 10px;
  border-bottom-color: #0073aa;
}
.navbar .nav .menu-divider {
  color: rgba(0, 0, 0, 0.15);
  font-size: 8px;
  padding: 25px 10px;
}
/* Dropdown Helper - Item Divider */
.navbar .dropdown-menu .menu-divider {
  color: rgba(0, 0, 0, 0.2);
  font-size: 8px;
  padding: 25px 10px;
}
/* Dropdown Helper - Header Item */
.navbar .dropdown-menu > li.dropdown-header {
  padding: 8px;
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  /* Header Item - Title */
  /* Header Item - Label */
}
.navbar .dropdown-menu > li.dropdown-header .dropdown-title {
  color: #666;
  font-size: 13px;
  font-weight: 600;
  padding-left: 5px;
  line-height: 30px;
}
.navbar .dropdown-menu > li.dropdown-header .label {
  font-size: 75%;
  padding: .1em .6em .2em;
  float: right;
  height: 20px;
  line-height: 20px;
  margin-top: 5px;
  margin-right: 5px;
}
/*==========================================================
  Navbar Misc Utility Styles 
=========================================================== */
/* define height for panels with scrollers */
.scroller-navbar {
  max-height: 250px;
}
/* Negative margin helper to negate panel scroller padding */
.scroller-nm {
  margin: -12px;
}
/* Navbar Left Settings */
.navbar-left > li.dropdown.open:first-child .dropdown-menu:after,
.navbar-left > li.dropdown:first-child > .open .dropdown-menu:after {
  left: 10px;
  right: auto;
}
/*==========================================================
  Navbar Dropdown Carets
=========================================================== */
.navbar .caret {
  position: relative;
  top: -1px;
  margin-left: 3px;
}
/* Alt Caret Style */
.navbar .caret.alt {
  width: 20px;
  height: 20px;
  text-align: center;
  color: inherit;
  margin: 0;
  border: 0;
}
.navbar li.dropdown .caret.alt:after {
  opacity: 0.75;
  font-size: 14px;
  display: inline-block;
  content: "\f107";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.navbar li.dropdown.open .caret.alt:after {
  opacity: 1;
}
/*==========================================================
  Navbar Advanced Dropdown - Button Dropdowns
=========================================================== */
.navbar .navbar-btn {
  padding: 0 5px;
  /* split button mod */
  /* btn badges */
}
.navbar .navbar-btn.btn-group > .btn + .dropdown-toggle {
  border-left: 0;
}
.navbar .navbar-btn > .btn > span.ad,
.navbar .navbar-btn > .btn > span.fa,
.navbar .navbar-btn > .btn > span.glyphicon,
.navbar .navbar-btn > .btn > span.glyphicons {
  position: relative;
  top: -1px;
  font-size: 14px;
  vertical-align: middle;
}
.navbar .navbar-btn.btn-group > .btn {
  color: #888;
  border-color: rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
  background-color: rgba(0, 0, 0, 0.045);
}
.navbar .navbar-btn.btn-group > .btn:hover {
  color: #333;
  border-color: rgba(0, 0, 0, 0.2);
}
.navbar .navbar-btn.btn-group.open > .btn,
.navbar .navbar-btn.btn-group > .btn.active {
  color: #222;
}
.navbar .navbar-btn .badge {
  position: absolute;
  top: -7px;
  right: -5px;
  padding: 3px 6px;
  opacity: 0.95;
}
/* Modify buttons dropdown menus */
.navbar .nav > li.dropdown > .open .dropdown-menu {
  color: #222;
  padding: 0;
  margin-top: 25px;
  border-radius: 2px;
  border-top: 3px solid transparent;
}
.navbar .nav > li.dropdown > .open .dropdown-menu:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  right: 11px;
  bottom: 100%;
  border-width: 0 10px 10px;
  border-bottom-color: #0073aa;
}
/* Modify buttons inside contextuals navbars (bg-primary, etc) */
.navbar[class*='bg-'] .navbar-btn.btn-group > .btn {
  color: #BBB;
  color: rgba(255, 255, 255, 0.8);
  border-color: transparent;
  background-color: #f2f2f2;
  background-color: rgba(255, 255, 255, 0.2);
}
.navbar[class*='bg-'] .navbar-btn.btn-group > .btn:hover {
  color: #fff;
  color: #ffffff;
}
.navbar[class*='bg-'] .navbar-btn.btn-group.open > .btn,
.navbar[class*='bg-'] .navbar-btn.btn-group > .btn.active {
  color: #FFF;
  color: #ffffff;
}
/*==========================================================
  Navbar Dropdown Menu Helpers
=========================================================== */
/* Both the Menu Merge & the Disable Arrow Settings 
 * do not use the top margin for dropdowns */
.navbar .nav > li.dropdown.menu-merge,
.navbar .nav > li.dropdown.disable-arrow {
  /* For btn dropdowns */
  /* For normal dropdowns */
}
.navbar .nav > li.dropdown.menu-merge > .navbar-btn.open .dropdown-menu,
.navbar .nav > li.dropdown.disable-arrow > .navbar-btn.open .dropdown-menu {
  margin-top: 15px;
}
.navbar .nav > li.dropdown.menu-merge.open .dropdown-menu,
.navbar .nav > li.dropdown.disable-arrow.open .dropdown-menu {
  margin-top: 1px;
}
/* Modify for style when in contextual navbars (bg-primary, etc) */
.navbar[class*='bg-'] .nav > li.dropdown.menu-merge.open .dropdown-menu,
.navbar[class*='bg-'] .nav > li.dropdown.menu-merge > .navbar-btn.open .dropdown-menu {
  border-top: 0;
}
.navbar[class*='bg-'] .nav > li.dropdown.menu-merge.open .dropdown-menu:after,
.navbar[class*='bg-'] .nav > li.dropdown.menu-merge > .navbar-btn.open .dropdown-menu:after {
  border-bottom-color: #fafafa;
}
/* Disable Arrow Setting */
.navbar .nav > li.dropdown.disable-arrow.open .dropdown-menu:after,
.navbar .nav > li.dropdown.disable-arrow > .navbar-btn.open .dropdown-menu:after {
  display: none;
}
/* Modify for style when in contextual navbars (bg-primary, etc) */
.navbar[class*='bg-'] .nav > li.dropdown.disable-arrow.open .dropdown-menu,
.navbar[class*='bg-'] .nav > li.dropdown.disable-arrow > .navbar-btn.open .dropdown-menu {
  border-top: 0;
}
/*==========================================================
  Navbar Advanced Dropdown - Media Lists
=========================================================== */
.navbar .media-list > li.media {
  margin: 0;
  padding: 10px;
  /* Media Item - Top Border */
  /* Media Item - Image */
  /* Media Item - Heading, small */
}
.navbar .media-list > li.media + li.media {
  border-top: 1px solid #EEE;
}
.navbar .media-list > li.media > a {
  padding: 0;
  padding-right: 10px;
  display: table-cell;
}
.navbar .media-list > li.media .media-heading small {
  color: #AAA;
}
/*==========================================================
  Navbar Advanced Dropdown - List Group
=========================================================== */
.navbar .nav .list-group > li.list-group-item {
  padding: 0;
  /* List-Group Link */
  /* List-Group Label */
  /* List-Group Icon */
}
.navbar .nav .list-group > li.list-group-item > a {
  padding: 12px;
}
.navbar .nav .list-group > li.list-group-item > a .label {
  font-size: 75%;
  padding: .1em .65em .2em;
  float: right;
  height: 20px;
  line-height: 20px;
}
.navbar .nav .list-group > li.list-group-item > a .fa,
.navbar .nav .list-group > li.list-group-item > a .glyphicon,
.navbar .nav .list-group > li.list-group-item > a .glyphicons {
  padding-right: 5px;
}
/* Dropdown Header - Remove top border */
.navbar .list-group > li.dropdown-header + li.list-group-item {
  border-top: 0;
}
/* Dropdown Footer */
.navbar .dropdown-menu > li.dropdown-footer a {
  text-align: center;
  padding: 8px 10px 9px;
  border-top: 1px solid #e5e5e5;
  background-color: #fafafa;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
.navbar .dropdown-menu > li.dropdown-footer a:hover {
  background-color: #FFFEF0;
}
/*==========================================================
  Navbar Advanced Dropdown - Panels
=========================================================== */
/* Panel menu - modify spacing and remove top border */
.navbar .nav > li.dropdown {
  /* Panel Heading - remove top border */
  /* Panel menu - modify spacing and remove top border */
}
.navbar .nav > li.dropdown .panel-heading {
  border-top: 0;
}
.navbar .nav > li.dropdown .panel-menu {
  color: #666;
  padding: 9px 12px 10px;
  border-top: 0;
}
/*==========================================================
  Navbar Branding - Logo/Text
=========================================================== */
.navbar-branding {
  position: relative;
  overflow: hidden;
  float: left;
  width: 230px;
  height: 60px;
  margin-right: 10px;
  background-color: transparent;
  /* Logo */
}
.navbar-branding .navbar-brand {
  color: #666;
  height: 60px;
  line-height: 58px;
  padding: 0;
  padding-left: 18px;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.navbar-branding .navbar-brand b {
  font-weight: bold;
}
/*==========================================================
  Navbar Toggle Buttons - Collapses Sidebars
=========================================================== */
#toggle_sidemenu_l,
#toggle_sidemenu_t {
  color: #666;
  float: right;
  cursor: pointer;
  font-size: 16px;
  line-height: 58px;
  max-height: 60px;
  width: 60px;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#toggle_sidemenu_t {
  display: none;
  width: 31px;
  height: 60px;
  line-height: 58px;
  margin-left: 10px;
  background-color: rgba(0, 0, 0, 0.06);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
#toggle_sidemenu_t:hover {
  background-color: rgba(0, 0, 0, 0.09);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
#toggle_sidemenu_t .fa-caret-up {
  position: relative;
  font-size: 13px;
  border: 1px solid;
  border-top: 3px solid;
  padding: 0px 3px 1px 3px;
  margin-bottom: 2px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
body.sb-top #toggle_sidemenu_t {
  display: block;
}
/*==========================================================
  Navbar Left/Right Containers
=========================================================== */
/* Navbar Left */
.navbar-nav.navbar-left {
  float: left;
  position: relative;
  max-height: 60px;
}
.navbar-nav.navbar-left > li > a {
  padding-right: 12px;
  padding-left: 12px;
}
/* Navbar Right */
.navbar-nav.navbar-right,
.navbar-nav.navbar-right:last-child {
  float: right;
  margin: 0 15px 0 0;
}
/*==========================================================
  Navbar Forms - Specifically Search Form
=========================================================== */
.navbar-form {
  margin-top: 17px;
  margin-bottom: 17px;
}
.navbar-form.navbar-search input {
  height: 26px;
  padding: 0 12px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  box-shadow: none;
  border-radius: 20px;
  border-color: #EEE;
}
.navbar-form.navbar-search input:focus {
  background-color: #f8f8f8;
  border-color: #f0f0f0;
}
.navbar-form.navbar-search.square input {
  height: 30px;
  border-radius: 3px;
  margin-top: -2px;
  margin-bottom: -2px;
}
/*==========================================================
  Navbar UserMenu Dropdown (last dropdown item)
=========================================================== */
.navbar .dropdown.open .btn-group.open .multiselect-container.dropdown-menu {
  margin-top: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar .dropdown.open .btn-group.open .multiselect-container.dropdown-menu:after {
  display: none;
}
#user-role + .btn-group > button.multiselect {
  overflow: hidden;
  text-overflow: ellipsis;
}
#user-status + .btn-group .multiselect-container.dropdown-menu {
  right: auto !important;
  left: 0 !important;
}
#user-status + .btn-group .multiselect-container.dropdown-menu,
#user-role + .btn-group .multiselect-container.dropdown-menu {
  top: 0 !important;
  position: relative !important;
  margin-top: 9px;
  margin-bottom: 3px;
  width: 212px;
}
#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child,
#user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child,
#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child label,
#user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child label {
  cursor: pointer;
  position: relative;
}
#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child:after,
#user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child:after {
  content: "\f00d";
  font-family: "FontAwesome";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 6px;
  right: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #AAA;
  -webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child:hover:after,
#user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child:hover:after {
  color: #0073aa;
}
/*==========================================================
  Navbar Dropdown Menu Color Settings
=========================================================== */
.navbar .nav > li.dropdown.open .dropdown-menu,
.navbar .nav > li.dropdown .open .dropdown-menu {
  border-top-color: #0073aa;
}
.navbar .nav > li.dropdown.open .dropdown-menu:after,
.navbar .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #0073aa;
}
.navbar .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #0073aa;
}
/*==========================================================
  Navbar Contextual/Skin Settings
  - Skins applied by adding a bg class to ".navbar" 
  - For example: <div class="navbar bg-primary">
=========================================================== */
.navbar.bg-primary {
  background-color: #0073aa;
}
.navbar.bg-primary .nav > li.open > a,
.navbar.bg-primary .nav > li:hover > a,
.navbar.bg-primary .nav > li:focus > a,
.navbar.bg-primary .nav > li.active > a,
.navbar.bg-primary .nav > li > a:hover,
.navbar.bg-primary .nav > li > a:focus {
  color: #FFF;
  background-color: #3078d7;
}
.navbar.bg-primary .nav > li.dropdown.open .dropdown-menu,
.navbar.bg-primary .nav > li.dropdown .open .dropdown-menu {
  border-top-color: #0073aa;
}
.navbar.bg-primary .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-primary .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #0073aa;
}
.navbar.bg-primary .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-primary .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #0073aa;
}
.navbar.bg-primary .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar.bg-primary .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar.bg-primary .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #0073aa;
}
.navbar.bg-success {
  background-color: #70ca63;
}
.navbar.bg-success .nav > li.open > a,
.navbar.bg-success .nav > li:hover > a,
.navbar.bg-success .nav > li:focus > a,
.navbar.bg-success .nav > li.active > a,
.navbar.bg-success .nav > li > a:hover,
.navbar.bg-success .nav > li > a:focus {
  color: #FFF;
  background-color: #5bc24c;
}
.navbar.bg-success .nav > li.dropdown.open .dropdown-menu,
.navbar.bg-success .nav > li.dropdown .open .dropdown-menu {
  border-top-color: #70ca63;
}
.navbar.bg-success .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-success .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #70ca63;
}
.navbar.bg-success .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-success .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #70ca63;
}
.navbar.bg-success .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar.bg-success .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar.bg-success .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #70ca63;
}
.navbar.bg-info {
  background-color: #3bafda;
}
.navbar.bg-info .nav > li.open > a,
.navbar.bg-info .nav > li:hover > a,
.navbar.bg-info .nav > li:focus > a,
.navbar.bg-info .nav > li.active > a,
.navbar.bg-info .nav > li > a:hover,
.navbar.bg-info .nav > li > a:focus {
  color: #FFF;
  background-color: #27a2cf;
}
.navbar.bg-info .nav > li.dropdown.open .dropdown-menu,
.navbar.bg-info .nav > li.dropdown .open .dropdown-menu {
  border-top-color: #3bafda;
}
.navbar.bg-info .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-info .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #3bafda;
}
.navbar.bg-info .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-info .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #3bafda;
}
.navbar.bg-info .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar.bg-info .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar.bg-info .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #3bafda;
}
.navbar.bg-warning {
  background-color: #f6bb42;
}
.navbar.bg-warning .nav > li.open > a,
.navbar.bg-warning .nav > li:hover > a,
.navbar.bg-warning .nav > li:focus > a,
.navbar.bg-warning .nav > li.active > a,
.navbar.bg-warning .nav > li > a:hover,
.navbar.bg-warning .nav > li > a:focus {
  color: #FFF;
  background-color: #f5b025;
}
.navbar.bg-warning .nav > li.dropdown.open .dropdown-menu,
.navbar.bg-warning .nav > li.dropdown .open .dropdown-menu {
  border-top-color: #f6bb42;
}
.navbar.bg-warning .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-warning .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #f6bb42;
}
.navbar.bg-warning .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-warning .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #f6bb42;
}
.navbar.bg-warning .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar.bg-warning .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar.bg-warning .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #f6bb42;
}
.navbar.bg-danger {
  background-color: #e9573f;
}
.navbar.bg-danger .nav > li.open > a,
.navbar.bg-danger .nav > li:hover > a,
.navbar.bg-danger .nav > li:focus > a,
.navbar.bg-danger .nav > li.active > a,
.navbar.bg-danger .nav > li > a:hover,
.navbar.bg-danger .nav > li > a:focus {
  color: #FFF;
  background-color: #e63f24;
}
.navbar.bg-danger .nav > li.dropdown.open .dropdown-menu,
.navbar.bg-danger .nav > li.dropdown .open .dropdown-menu {
  border-top-color: #e9573f;
}
.navbar.bg-danger .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-danger .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #e9573f;
}
.navbar.bg-danger .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-danger .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #e9573f;
}
.navbar.bg-danger .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar.bg-danger .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar.bg-danger .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #e9573f;
}
.navbar.bg-alert {
  background-color: #967adc;
}
.navbar.bg-alert .nav > li.open > a,
.navbar.bg-alert .nav > li:hover > a,
.navbar.bg-alert .nav > li:focus > a,
.navbar.bg-alert .nav > li.active > a,
.navbar.bg-alert .nav > li > a:hover,
.navbar.bg-alert .nav > li > a:focus {
  color: #FFF;
  background-color: #8362d6;
}
.navbar.bg-alert .nav > li.dropdown.open .dropdown-menu,
.navbar.bg-alert .nav > li.dropdown .open .dropdown-menu {
  border-top-color: #967adc;
}
.navbar.bg-alert .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-alert .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #967adc;
}
.navbar.bg-alert .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-alert .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #967adc;
}
.navbar.bg-alert .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar.bg-alert .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar.bg-alert .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #967adc;
}
.navbar.bg-system {
  background-color: #37bc9b;
}
.navbar.bg-system .nav > li.open > a,
.navbar.bg-system .nav > li:hover > a,
.navbar.bg-system .nav > li:focus > a,
.navbar.bg-system .nav > li.active > a,
.navbar.bg-system .nav > li > a:hover,
.navbar.bg-system .nav > li > a:focus {
  color: #FFF;
  background-color: #30a487;
}
.navbar.bg-system .nav > li.dropdown.open .dropdown-menu,
.navbar.bg-system .nav > li.dropdown .open .dropdown-menu {
  border-top-color: #37bc9b;
}
.navbar.bg-system .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-system .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #37bc9b;
}
.navbar.bg-system .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-system .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #37bc9b;
}
.navbar.bg-system .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar.bg-system .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar.bg-system .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #37bc9b;
}
.navbar.bg-dark {
  background-color: #3b3f4f;
}
.navbar.bg-dark .nav > li.open > a,
.navbar.bg-dark .nav > li:hover > a,
.navbar.bg-dark .nav > li:focus > a,
.navbar.bg-dark .nav > li.active > a,
.navbar.bg-dark .nav > li > a:hover,
.navbar.bg-dark .nav > li > a:focus {
  color: #FFF;
  background-color: #2e313d;
}
.navbar.bg-dark .nav > li.dropdown.open .dropdown-menu,
.navbar.bg-dark .nav > li.dropdown .open .dropdown-menu {
  border-top-color: #3b3f4f;
}
.navbar.bg-dark .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-dark .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #3b3f4f;
}
.navbar.bg-dark .nav > li.dropdown.open .dropdown-menu:after,
.navbar.bg-dark .nav > li.dropdown .open .dropdown-menu:after {
  border-bottom-color: #3b3f4f;
}
.navbar.bg-dark .nav > li .dropdown-toggle + .dropdown-menu > .active > a,
.navbar.bg-dark .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,
.navbar.bg-dark .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #3b3f4f;
}
/* If Navbar has a contextual class we need to modify 
 * several elements so there are not color conflictions
 */
.navbar[class*='bg-'] {
  border-bottom-color: transparent;
  box-shadow: none;
  /* Disable navbar shadow option for navbar bgs */
}
.navbar[class*='bg-'] .navbar-brand {
  color: #fff;
}
.navbar[class*='bg-'] .nav > li > a {
  color: #fff;
  color: rgba(255, 255, 255, 0.9);
}
.navbar[class*='bg-'] .nav > li.open > a {
  color: #fff;
  color: #ffffff;
}
.navbar[class*='bg-'] .caret.caret-tp {
  border-top-color: rgba(255, 255, 255, 0.3);
}
.navbar[class*='bg-'] #toggle_sidemenu_l,
.navbar[class*='bg-'] #toggle_sidemenu_l:hover,
.navbar[class*='bg-'] #toggle_sidemenu_l:focus {
  color: #FFF;
}
.navbar[class*='bg-'] #toggle_sidemenu_t {
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.navbar[class*='bg-'] #toggle_sidemenu_t:hover,
.navbar[class*='bg-'] #toggle_sidemenu_t:focus {
  color: #ffffff;
}
.navbar[class*='bg-'] .navbar-search input,
.navbar[class*='bg-'] .navbar-search input:focus {
  border-color: transparent;
}
.navbar[class*='bg-'] .navbar-search.alt input {
  color: #BBB;
  color: rgba(255, 255, 255, 0.8);
  background-color: #BBB;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}
.navbar[class*='bg-'] .navbar-search.alt input:focus {
  border-color: transparent;
}
.navbar[class*='bg-'].navbar-shadow {
  border-bottom: 1px solid transparent;
  box-shadow: none;
}
/*==========================================================
  Navbar Bug Fixes - Added via Update v1.2.
=========================================================== */
/* Modify whitespace for user menu dropdown - Firefox alignment bug fix */
.navbar .navbar-right > li:last-child > .dropdown-menu > li > a {
  white-space: inherit;
}
/*==========================================================
  Navbar Responsive Settings - Added via Update v1.2.
=========================================================== */
@media (max-width: 900px) {
  .navbar .navbar-right:last-child {
    margin-right: 5px;
  }
  .navbar .navbar-right > li:last-child > a > img {
    margin-right: 5px !important;
  }
  .navbar .navbar-right > li:last-child > a > span {
    display: none;
  }
  .navbar .navbar-right > li:last-child > a > span.caret {
    display: inline-block;
  }
  .navbar-form.navbar-search {
    padding: 18px 8px;
    font-size: 16px;
    margin: 0;
    cursor: pointer;
    width: auto;
    float: left;
  }
  .navbar-form.navbar-search .form-group {
    margin: 0 !important;
  }
  .navbar-form.navbar-search:after {
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    position: relative;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-rendering: auto;
    transform: translate(0, 0);
  }
  .navbar-form.navbar-search input {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 60px;
    margin: 0;
    font-size: 24px;
    color: #AAA;
    border-radius: 0;
    border: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .navbar-form.navbar-search.square input {
    height: 62px;
  }
  .navbar-form.navbar-search input:focus,
  .navbar.bg-light .navbar-form.navbar-search input:focus {
    background-color: #FFF;
  }
  .navbar-form.navbar-search.search-open input {
    z-index: 1040;
    opacity: 1 !important;
    visibility: visible;
    top: 0;
    color: #666 !important;
    border-bottom: 0;
    background-color: #FFF !important;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02) !important;
  }
  .navbar-form.navbar-search.search-open input:focus {
    border-bottom-color: #DDD;
  }
  .navbar-form.navbar-search .search-remove {
    display: none;
    z-index: 1040;
    position: absolute;
    color: #AAA;
    top: 0;
    right: 0;
    height: 60px;
    line-height: 59px;
    padding-left: 15px;
    padding-right: 25px;
  }
  .navbar-form.navbar-search .search-remove:after {
    position: relative;
    content: "\e014";
    font-family: 'Glyphicons Halflings';
    text-align: center;
    font-size: 20px;
  }
  .navbar-form.navbar-search.search-open .search-remove:hover {
    color: #ee7f6d;
  }
}
/* Force Navbar Dropdowns to float and
 * to occupy 100% width at low resolutions 
 */
@media (max-width: 599px) {
  .sb-l-m .navbar > .navbar-right,
  .navbar .navbar-nav > li.dropdown,
  .navbar .navbar-nav > li.dropdown .navbar-btn {
    position: static !important;
  }
  .navbar .navbar-right:last-child {
    margin-right: 0;
  }
  .navbar .nav > li.dropdown.open .dropdown-menu:after,
  .navbar .nav > li.dropdown > .open .dropdown-menu:after {
    display: none;
  }
  .navbar-left .dropdown-menu,
  .navbar-right .dropdown-menu,
  .navbar-left .open .dropdown-menu,
  .navbar-right .open .dropdown-menu {
    z-index: 1000;
    margin-top: 0 !important;
    float: left;
    position: absolute;
    top: 100%;
    left: -1px;
    min-width: 101%;
    list-style: none;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
  #user-status + .btn-group .multiselect-container.dropdown-menu,
  #user-role + .btn-group .multiselect-container.dropdown-menu {
    top: 34px !important;
    position: absolute !important;
    right: 0;
    left: auto;
  }
}
/*==========================================================
  Widget Modifications for Navbar Dropdown Use
=========================================================== */
/* Timeline Widget */
.navbar .nav > li.dropdown .timeline-list li.timeline-item {
  padding: 18px 70px 18px 45px;
}
.navbar .nav > li.dropdown .timeline-list li.timeline-item .timeline-icon {
  left: 9px;
  top: 12px;
}
.navbar .nav > li.dropdown .timeline-list li.timeline-item:after {
  left: 21px;
  top: 0;
}
.navbar .nav > li.dropdown .timeline-list li.timeline-item .timeline-desc {
  letter-spacing: 0;
}
.navbar .nav > li.dropdown .timeline-list li.timeline-item .timeline-date {
  font-size: 11px;
  right: 8px;
  top: 17px;
}
/* Chat Widget */
.navbar .nav > li.dropdown .chat-widget .media-left {
  padding-right: 10px;
}
.navbar .nav > li.dropdown .chat-widget .media-right {
  padding-left: 10px;
}
.navbar .nav > li.dropdown .chat-widget .media-left img,
.navbar .nav > li.dropdown .chat-widget .media-right img {
  max-width: 35px;
  border-radius: 2px;
  border: 0;
}
.navbar .nav > li.dropdown .chat-widget .media-body {
  padding: 5px;
  background-color: #fafafa;
}
.navbar .nav > li.dropdown .chat-widget .media-status:after {
  font-size: 9px;
}
/* Alerts Widget */
.navbar .nav > li.dropdown .alerts-widget .media {
  position: relative;
}
.navbar .nav > li.dropdown .alerts-widget .media-left {
  vertical-align: middle;
  padding-right: 11px;
  border-right: 1px dashed #DDD;
}
.navbar .nav > li.dropdown .alerts-widget a.media-left {
  color: #AAA;
  font-size: 18px;
}
.navbar .nav > li.dropdown .alerts-widget .media-body {
  font-size: 12px;
  font-weight: 400;
  padding-left: 13px;
}
.navbar .nav > li.dropdown .alerts-widget .media-heading {
  margin-bottom: 3px;
}
.navbar .nav > li.dropdown .alerts-widget .media-right {
  position: absolute;
  right: 0;
  top: -3px;
  text-align: right;
}
.navbar .nav > li.dropdown .alerts-widget .media-right .btn.btn-xs {
  font-size: 11px;
  padding: 0px 5px;
}
.navbar .nav > li.dropdown .alerts-widget .media-right .media-response {
  font-size: 10px;
  font-weight: 400;
  margin-bottom: 2px;
}
.navbar .nav > li.dropdown .alerts-widget .media-right .media-response.single {
  font-size: 11px;
  padding-top: 10px;
}
/* ==============================================
   Content Trays
     A. Trays
     B. Tray Sizes
     C. Tray Bin
     D. Misc Tray Helpers
     E. Tray Navigation
     F. Tray Hover Settings
=================================================
   A. Content Trays
================================================= */
/*tray table layout*/
#content.table-layout {
  padding: 0;
}
#content.table-layout > div,
#content.table-layout > section {
  vertical-align: top;
  padding: 25px 20px 50px;
}
#content.table-layout > aside {
  vertical-align: top;
}
/*trays*/
.tray-left,
.tray-right {
  position: relative;
  width: 300px;
  min-height: 100%;
 /*  padding: 15px;

  border-right: 1px solid #DDD;
  background: #f5f5f5;*/
}
/*Right tray*/
.tray-right {
 /* border-left: 1px solid #DDD;*/
  border-right: 0;
}
/*Top tray*/
.tray-top {
  position: relative;
  width: 100%;
  min-height: 150px;
  border-bottom: 1px solid #DDD;
  background-color: #f2f2f2;
  padding: 15px;
}
.tray-top.light {
  background-color: #fafafa;
}
/*===============================================
   B. Tray Sizes
================================================= */
.tray200 {
  width: 200px;
}
.tray240 {
  width: 240px;
}
.tray270 {
  width: 270px;
}
.tray290 {
  width: 290px;
}
.tray300 {
  width: 300px;
}
.tray320 {
  width: 320px;
}
.tray350 {
  width: 350px;
}
.tray400 {
  width: 400px;
}
/* affixed tray widths - we subtract 1px to make
 * sure the parent left/right border is display */
.tray200 .tray-nav.affix {
  width: 199px;
}
.tray200 .tray-nav.affix {
  width: 239px;
}
.tray270 .tray-nav.affix {
  width: 269px;
}
.tray290 .tray-nav.affix {
  width: 289px;
}
.tray300 .tray-nav.affix {
  width: 299px;
}
.tray320 .tray-nav.affix {
  width: 319px;
}
.tray350 .tray-nav.affix {
  width: 349px;
}
.tray400 .tray-nav.affix {
  width: 399px;
}
/*===============================================
   C. Tray Bin
================================================= */
/* tray bin - great for organizing buttons and links
 * negative margin added to counter parent tray padding
 */
.tray-bin {
  min-height: 65px;
  padding: 7px;
  margin: 0 -15px 15px;
  border: 1px dashed #CCC;
  background: #eee;
}
.tray-bin.stretch {
  border-left: 0;
  border-right: 0;
}
/*If navbar has a contextual bg we make menu links white*/
.tray-bin div[class*='col-'] {
  padding-left: 5px;
  padding-right: 5px;
}
/*traybin divider text. Used primarily in li navs*/
.tray-bin .nav-label {
  text-align: center;
  font-size: 12px;
  color: #999999;
  padding-left: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
}
/*===============================================
   D. Misc Tray Helpers
================================================= */
/* often used as first title in tray */
.tray-title {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0 5px 15px;
  border-bottom: 1px solid #e5e5e5;
}
/* Icon list commonly seen in tray header */
.icon-list {
  margin: 20px 0 30px;
  font-size: 14px;
  padding-left: 5px;
  list-style: none;
}
.icon-list li + li {
  padding-top: 10px;
}
/*===============================================
   E. Tray Navigation
================================================= */
/* tray navigation - negative margin added
 * to counter parent tray padding
 */
ul.tray-nav {
  margin: 15px -15px;
}
/* item link */
ul.tray-nav li a {
  width: 100%;
  padding: 11px 15px 11px 30px;
  color: #999;
  font-size: 13px;
  background: #f2f2f2;
  border-top: 1px solid #DDD;
}
/* item icon */
ul.tray-nav li a .fa {
  padding-right: 18px;
}
/* active item  */
ul.tray-nav li.active a {
  color: #666;
  background: #fbfbfb;
  transition: all 0.3s ease;
}
/* active item icon */
ul.tray-nav li.active a .fa {
  color: #0073aa;
}
/*Tray nav style option - Arrow*/
/* active item bottom border */
ul.tray-nav.tray-nav-arrow li.active:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 1px;
  left: 0;
  border-bottom: 1px solid #DDD;
}
ul.tray-nav.tray-nav-arrow li.active a:before,
ul.tray-nav.tray-nav-arrow li.active a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 20px solid;
  border-left-color: #fbfbfb;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  transition: all 0.3s ease;
}
ul.tray-nav.tray-nav-arrow li.active a:before {
  border-left-color: #888;
}
/* item hover */
ul.tray-nav.tray-nav-arrow li:hover a:after {
  border-left-color: #f8f8f8;
}
/*settings for arrows when used on a right aligned tray (.tray-right)*/
/* active item bottom border */
.tray-right ul.tray-nav.tray-nav-arrow li.active:before {
  width: 100%;
  left: auto;
  right: 0;
}
.tray-right ul.tray-nav.tray-nav-arrow li.active a:before,
.tray-right ul.tray-nav.tray-nav-arrow li.active a:after {
  left: auto;
  right: 100%;
  border-right: 20px solid;
  border-left-color: transparent;
  border-right-color: #fbfbfb;
}
.tray-right ul.tray-nav.tray-nav-arrow li.active a:before {
  border-left-color: transparent;
  border-right-color: #888;
}
/* item hover */
.tray-right ul.tray-nav.tray-nav-arrow li:hover a:after {
  border-left-color: transparent;
  border-right-color: #f8f8f8;
}
/*Tray nav style option - Bordered*/
.tray-nav.tray-nav-border li {
  position: relative;
}
.tray-nav.tray-nav-border li a {
  font-size: 14px;
  padding: 12px 15px 12px 23px;
}
.tray-nav.tray-nav-border li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #CCC;
}
.tray-nav.tray-nav-border li.active:after {
  background: #0073aa;
}
.tray-nav.tray-nav-border li:hover:after {
  background: #999;
}
/*modifcation for right side trays (.tray-right)*/
.tray-right .tray-nav.tray-nav-border li:after {
  left: 0;
  right: auto;
}
/*border skin contextuals*/
.tray-nav.tray-nav-border li.active.nav-primary:after {
  background: #0073aa;
}
.tray-nav.tray-nav-border li.active.nav-success:after {
  background: #70ca63;
}
.tray-nav.tray-nav-border li.active.nav-info:after {
  background: #3bafda;
}
.tray-nav.tray-nav-border li.active.nav-warning:after {
  background: #f6bb42;
}
.tray-nav.tray-nav-border li.active.nav-danger:after {
  background: #e9573f;
}
.tray-nav.tray-nav-border li.active.nav-alert:after {
  background: #967adc;
}
.tray-nav.tray-nav-border li.active.nav-system:after {
  background: #37bc9b;
}
.tray-nav.tray-nav-border li.active.nav-dark:after {
  background: #3b3f4f;
}
/* Tray elements fixed settings */
.tray-nav.affix,
.tray .tray-affix {
  top: 55px;
}
#topbar.affix + #content .tray-nav.affix,
#topbar.affix + #content .tray .tray-affix {
  top: 115px;
}
/* tray-nav animation helper class */
.tray-nav[data-nav-animate] li {
  display: none;
}
.tray-nav[data-nav-animate] li.animated {
  display: block;
}
/*===============================================
   F. Tray Hover Settings

   At <1000 window width javascript will add a 
   "tray-rescale" class to the document body. This
   will shift the menu over out of sight and
   expand it only when the user hovers over the 
   portion that's still visible
================================================= */
body.tray-rescale {
  overflow-x: hidden;
}
body.tray-rescale.sb-r-o .tray-center {
  padding-right: 20px !important;
}
body.tray-rescale.sb-r-o .tray-left,
body.tray-rescale.sb-r-o .tray-right {
  display: none;
}
body.tray-rescale .tray-left,
body.tray-rescale .tray-right {
  position: absolute;
  z-index: 1;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body.tray-rescale .tray-left,
body.tray-rescale .tray-right {
  right: -275px;
}
body.tray-rescale .tray-left {
  border-left: 1px solid #DDD;
}
/* adjust center tray to fill window width add needed
 padding to offset the partially hidden tray */
body.tray-rescale .tray-center {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right: 58px !important;
}
body.tray-rescale .tray-top + .tray-center {
  padding-right: inherit !important;
}
/* adjust depending on tray size */
body.tray-rescale .tray.tray200 {
  right: -155px;
}
body.tray-rescale .tray.tray225 {
  right: -180px;
}
body.tray-rescale .tray.tray250 {
  right: -205px;
}
body.tray-rescale .tray.tray270 {
  right: -225px;
}
body.tray-rescale .tray.tray290 {
  right: -245px;
}
body.tray-rescale .tray.tray300 {
  right: -255px;
}
body.tray-rescale .tray.tray320 {
  right: -275px;
}
body.tray-rescale .tray.tray350 {
  right: -305px;
}
body.tray-rescale .tray.tray400 {
  right: -355px;
}
/* on hover open the menus */
body.tray-rescale .tray-left:hover,
body.tray-rescale .tray-right:hover {
  opacity: 1;
  z-index: 999;
}
body.tray-rescale .tray-left:hover,
body.tray-rescale .tray-right:hover {
  right: 0px;
}
/* adjust any bootstrap affix settings if they exist */
/* Disable completely on resolutions <600 */
@media (max-width: 600px) {
  body.tray-rescale .tray-left,
  body.tray-rescale .tray-right {
    display: none;
  }
  body.tray-rescale .tray-center {
    padding-right: 13px !important;
  }
  body.tray-rescale #content.table-layout > div,
  body.tray-rescale #content.table-layout > section {
    padding: 10px 13px 40px !important;
  }
}
.tray-scroller {
  min-height: 500px;
}
.tray-left .tray-scroller {
  margin-right: -16px;
}
.tray-center .tray-scroller {
  margin-right: -20px;
  padding-right: 5px;
}
.tray-right .tray-scroller {
  margin-right: -13px;
}
.tray-scroller .scroller-handle {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.tray-scroller:hover .scroller-handle {
  opacity: 1;
}
/* ==============================================
   LEFT SIDEBAR
    A. Sidebar Default/Open State
    B. Sidebar Active Item Borders
    C. Sidebar Misc Elements
    D. Sidebar Widgets/Menus
    E. Sidebar Minified State
    F. Sidebar Default Color Settings
    G. Sidebar Light Color Settings
    H. Sidebar Nano Plugin Settings
    I. Sidebar Responsive Settings
=================================================
  A. Default Open State
================================================= */
/* Sidebar Container */
#sidebar_left {
  color: #fff;
  font-size: 13px;
  position: absolute;
  top: 0;
  left: 0;
  width: 230px;
  min-height: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
}
/* Sidebar Content Container */
.sidebar-left-content {
  height: 100%;
}
/* Sidebar-Menu */
.sidebar-menu {
  padding-bottom: 20px;
}
/* Sidebar-Menu Top Level Items */
.sidebar-menu > li {
  margin: 0;
}
.sidebar-menu > li:first-child {
  padding-top: 4px;
}
/* Sidebar Menu Links */
/* Sidebar-Menu Top Level Links */
.sidebar-menu > li > a {
  padding: 0;
  line-height: 35px;
  height: 35px;
  overflow: hidden;
}
/* Sidebar-Menu Top Level - Icon */
.sidebar-menu > li > a > span:nth-child(1) {
  float: left;
  top: 0;
  line-height: 35px;
  width: 38px;
  font-size: 13px;
  text-align: center;
  padding-left: 13px;
}
/* Sidebar-Menu Top Level - Title */
.sidebar-menu > li > a > span:nth-child(2) {
  font-weight: 600;
  padding-left: 6px;
}
/* Sidebar-Menu Top Level - Tray(holds labels,etc) */
.sidebar-menu li > a > .sidebar-title-tray {
  position: absolute;
  right: 13px;
  top: 8px;
}
/* Sidebar-Menu Top Level - Label */
.sidebar-menu li > a > .sidebar-title-tray .label {
  padding: .0em .4em .2em;
  font-size: 11px;
}
/* Sidebar-Menu Top Level - Caret */
.sidebar-menu li > a > span.caret {
  position: absolute;
  top: 45%;
  right: 13px;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
/* Open Menu Item Caret - we simply flip the carets border */
.sidebar-menu li > a.menu-open > span.caret {
  border-top: 0;
  border-bottom: 5px solid;
}
/* Sidebar-Menu Sub Level */
.sidebar-menu > li > ul {
  clear: both;
  display: none;
  width: 230px;
  height: auto;
}
.sidebar-menu li > a.menu-open + ul {
  display: block;
}
/* Sidebar-Menu Sub Level Items */
.sidebar-menu > li > ul > li > a {
  padding: 11px 20px 11px 30px;
}
/* Sidebar-Menu Sub Level - first and last items */
.sidebar-menu > li > ul > li:first-child > a {
  padding-top: 14px;
}
.sidebar-menu > li > ul > li:last-child > a {
  padding-bottom: 17px;
}
/* Sidebar-Menu Sub Level Item - Title */
.sidebar-menu > li > ul > li > a > span:nth-child(1) {
  margin-right: 10px;
  font-size: 11px;
}
/* Sidebar-Menu Sub Level Item - Label */
.sidebar-menu > li > ul > li > a > span.label {
  float: right;
  line-height: 17px;
}
/* Sidebar-Menu Multi-level (submenu inside a submenu and so on) */
.sidebar-menu > li > ul > li ul {
  clear: both;
  display: none;
  width: 230px;
  height: auto;
}
/* Sidebar-Menu Multi-level - Links */
.sidebar-menu > li > ul > li > ul li a {
  padding: 9px 12px 9px 30px;
}
.sidebar-menu > li > ul > li > ul li:last-child a {
  padding-bottom: 13px;
}
/* Sidebar-Menu Multi-level - Label(xs) */
.sidebar-menu > li > ul > li > ul li a .label.label-xs {
  float: right;
  line-height: 17px;
}
/*===============================================
  B. Sidebar-Menu Active Item Borders
================================================= */
/* Top Level - Active Item Border */
.sidebar-menu > li > a.menu-open:after,
.sidebar-menu > li.active > a:after,
.sidebar-menu > li:hover > a:after,
.sidebar-menu > li:focus > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background: #AAA;
}
.sidebar-menu > li > ul > li.active > a:after
{
right: 0;
    border: 8px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #f1f1f1;
    top: 50%;
    margin-top: -8px;
  
}
/* Sub Level - Active Item Border */
.sidebar-menu > li > ul > li > a.menu-open:after,
.sidebar-menu > li > ul > li.active > a:after,
.sidebar-menu > li > ul > li:hover > a:after,
.sidebar-menu > li > ul > li:focus > a:after {
 
}
/* Multi Level - Active Item Border */
.sidebar-menu > li > ul > li > ul > li.active > a:after,
.sidebar-menu > li > ul > li > ul > li:hover > a:after,
.sidebar-menu > li > ul > li > ul > li:focus > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5%;
  height: 90%;
  width: 3px;
  background: #999;
}
/*===============================================
  C. Sidebar Misc
================================================= */
/* Sidebar labels */
.sidebar-menu .sidebar-label {
  text-transform: uppercase;
  color: #70829a;
  font-weight: 600;
  padding-left: 18px;
  padding-bottom: 3px;
  font-size: 12px;
}
/* Sidebar Project Links */
/* Sidebar Progress Bars */
.sidebar-menu .sidebar-stat .progress {
  clear: both;
  background-color: #AAA;
  background-color: rgba(0, 0, 0, 0.15);
}
/* Sidebar Progress Bars Titles */
.sidebar-menu .sidebar-stat > a {
  height: auto;
  overflow: visible;
}
/* Sidebar Toggle Button */
.sidebar-toggle-mini {
  width: 35px;
  height: 32px;
  padding: 7px 0;
}
.sidebar-toggle-mini a {
  display: block;
  position: absolute;
  right: 0;
  text-align: center;
  padding: 6px 6px 5px;
  background: rgba(0, 0, 0, 0.15);
}
.sidebar-toggle-mini span {
  position: relative;
  color: #999;
  font-size: 16px;
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sidebar-toggle-mini:hover span {
  color: #EEE;
}
/*===============================================
  C. Sidebar "top" - Horizontal Menu 
     Activated by adding the ".sidebar-top"
     class to the "#sidebar_left" element
================================================= */
body.sb-top .navbar + #sidebar_left + #content_wrapper,
body.sb-top .navbar.navbar-static-top + #sidebar_left + #content_wrapper {
  margin-left: 0;
  padding-top: 55px;
}
body.sb-top .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper {
  margin-left: 0;
  padding-top: 115px;
}
body.sb-top #toggle_sidemenu_r {
  display: none !important;
}
body.sb-top #topbar-dropmenu {
  top: 0;
}
body.sb-top #topbar.affix {
  margin-left: 0;
}
body.sb-top.boxed-layout #topbar.affix {
  width: 1140px !important;
  margin-left: 0;
  margin-right: 0;
  left: auto;
  right: auto;
}
body.sb-top.boxed-layout.sb-r-o #topbar.affix {
  width: 840px!important;
}
body.sb-top .navbar-nav.navbar-right,
body.sb-top .navbar-nav.navbar-right:last-child {
  margin-right: 0;
}
body.sb-top .navbar-branding {
  width: 160px;
}
body.sb-top #sidebar_left {
  overflow: visible;
  z-index: 1028;
  width: 100%;
  min-height: 0;
  margin-top: 60px;
  padding: 0;
  border: 0;
}
body.sb-top #sidebar_left .sidebar-toggle-mini,
body.sb-top #sidebar_left .sidebar-menu .sidebar-label,
body.sb-top #sidebar_left .sidebar-menu li > ul > li > ul > li .label,
body.sb-top #sidebar_left .sidebar-menu .sidebar-title-tray {
  display: none !important;
}
body.sb-top #sidebar_left .sidebar-menu {
  padding-bottom: 0;
}
body.sb-top #sidebar_left .sidebar-menu > li {
  float: left;
}
body.sb-top #sidebar_left .sidebar-menu > li:first-child {
  padding-top: 0;
}
body.sb-top #sidebar_left .sidebar-menu > li > a {
  overflow: visible;
  color: #bbbbbb;
  padding: 0 18px;
  height: 55px;
  line-height: 55px;
}
body.sb-top #sidebar_left .sidebar-menu > li.active > a,
body.sb-top #sidebar_left .sidebar-menu > li:hover > a,
body.sb-top #sidebar_left .sidebar-menu > li > a.menu-open,
body.sb-top #sidebar_left .sidebar-menu > li > a:hover,
body.sb-top #sidebar_left .sidebar-menu > li > a:focus {
  color: inherit;
  background-color: #282d33;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
body.sb-top #sidebar_left .sidebar-menu > li.active > a {
  color: #ffffff !important;
}
body.sb-top #sidebar_left .sidebar-menu > li > a > .sidebar-title {
  font-weight: 400;
}
body.sb-top #sidebar_left .sidebar-menu > li > a > span:nth-child(1) {
  width: auto;
  padding-left: 0;
  padding-right: 5px;
  line-height: 55px;
}
body.sb-top #sidebar_left .sidebar-menu li > a > span.caret {
  color: #858483;
  position: relative;
  top: 0;
  right: 0;
  margin-left: 5px;
}
body.sb-top #sidebar_left .sidebar-menu > li > ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 195px;
  height: auto;
  border-left: 0;
  padding-bottom: 2px;
  overflow: hidden;
}
body.sb-top #sidebar_left .sidebar-menu > li > ul > li {
  overflow: hidden;
}
body.sb-top #sidebar_left .sidebar-menu > li > ul > li > a {
  padding: 8px 15px 8px 15px;
}
body.sb-top #sidebar_left .sidebar-menu > li > ul > li > a.menu-open:after,
body.sb-top #sidebar_left .sidebar-menu > li > ul > li.active > a:after,
body.sb-top #sidebar_left .sidebar-menu > li > ul > li:hover > a:after,
body.sb-top #sidebar_left .sidebar-menu > li > ul > li:focus > a:after {
  left: 1px;
  width: 3px;
}
body.sb-top #sidebar_left .sidebar-menu > li > ul > li ul {
  width: 195px;
}
body.sb-top #sidebar_left .sidebar-menu > li > ul > li > a .caret {
  position: absolute;
  top: 15px;
  right: 10px;
}
body.sb-top #sidebar_left .sidebar-menu > li > ul > li > ul > li a {
  padding: 8px 15px 8px 20px;
}
body.sb-top #sidebar_left .sidebar-menu > li > ul > li > ul > li.active > a:after,
body.sb-top #sidebar_left .sidebar-menu > li > ul > li > ul > li:hover > a:after,
body.sb-top #sidebar_left .sidebar-menu > li > ul > li > ul > li:focus > a:after {
  left: 1px;
  width: 3px;
}
body.sb-top #sidebar_left .sidebar-menu li > ul > li > a.menu-open + ul {
  display: block !important;
}
body.sb-top #sidebar_left.sidebar-light {
  border-right: 0;
  -webkit-box-shadow: 0 1px 0 #DDD;
  box-shadow: 0 1px 0 #DDD;
}
body.sb-top #sidebar_left.sidebar-light .sidebar-menu > li > a > span:nth-child(2) {
  color: #888;
}
body.sb-top #sidebar_left.sidebar-light .sidebar-menu > li.active > a,
body.sb-top #sidebar_left.sidebar-light .sidebar-menu > li:hover > a,
body.sb-top #sidebar_left.sidebar-light .sidebar-menu > li > a.menu-open,
body.sb-top #sidebar_left.sidebar-light .sidebar-menu > li > a:hover,
body.sb-top #sidebar_left.sidebar-light .sidebar-menu > li > a:focus {
  background-color: #f2f2f2;
}
body.sb-top #sidebar_left.sidebar-light .sidebar-menu > li > ul {
  top: 99%;
  border: 0;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
body.sb-top #sidebar_left.sidebar-light .sidebar-menu li > ul > li > a {
  padding: 9px 15px 8px 17px;
}
body.sb-top.sb-top-sm .navbar + #sidebar_left + #content_wrapper,
body.sb-top.sb-top-sm .navbar.navbar-static-top + #sidebar_left + #content_wrapper {
  padding-top: 45px;
}
body.sb-top.sb-top-sm .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper {
  padding-top: 105px;
}
body.sb-top.sb-top-sm #sidebar_left {
  height: 45px;
}
body.sb-top.sb-top-sm #sidebar_left .sidebar-menu > li > a {
  height: 45px;
  line-height: 45px;
  padding: 0 16px;
}
body.sb-top.sb-top-sm #sidebar_left .sidebar-menu > li > a > span:nth-child(1) {
  font-size: 12px;
  line-height: 45px;
}
body.sb-top.sb-top-lg .navbar + #sidebar_left + #content_wrapper,
body.sb-top.sb-top-lg .navbar.navbar-static-top + #sidebar_left + #content_wrapper {
  padding-top: 75px;
}
body.sb-top.sb-top-lg .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper {
  padding-top: 135px;
}
body.sb-top.sb-top-lg #sidebar_left {
  height: 75px;
}
body.sb-top.sb-top-lg #sidebar_left .sidebar-menu > li > a {
  height: 75px;
  line-height: inherit;
  text-align: center;
  padding: 0 10px;
}
body.sb-top.sb-top-lg #sidebar_left .sidebar-menu > li > a > span:nth-child(1) {
  width: 100%;
  font-size: 20px;
  line-height: 40px;
  padding-top: 4px;
}
body.sb-top.sb-top-lg #sidebar_left .sidebar-menu > li > a > .sidebar-title {
  padding-left: 0;
}
body.sb-top.sb-top-collapsed #sidebar_left {
  top: -110px;
}
body.sb-top.sb-top-collapsed .navbar + #sidebar_left + #content_wrapper,
body.sb-top.sb-top-collapsed .navbar.navbar-static-top + #sidebar_left + #content_wrapper {
  padding-top: 0px;
}
body.sb-top.sb-top-collapsed .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper {
  padding-top: 60px;
}
body.sb-top.sb-top-collapsed #toggle_sidemenu_t .fa-caret-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.sb-top.sb-top-collapsed .navbar[class*='bg-'] #toggle_sidemenu_t .fa-caret-up {
  color: #FFF;
}
@media (max-width: 1100px) {
  body.sb-top #content_wrapper {
    margin-left: 0 !important;
    left: 0 !important;
  }
}
@media (max-width: 900px) {
  body.sb-top #sidebar_left {
    top: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: auto !important;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  body.sb-top #sidebar_left .sidebar-menu > li {
    float: none;
    width: 100%;
  }
  body.sb-top #sidebar_left .sidebar-menu > li > a {
    height: 45px !important;
    line-height: 45px !important;
    padding: 0 16px !important;
    text-align: left !important;
  }
  body.sb-top #sidebar_left .sidebar-menu > li > a > span:nth-child(1) {
    width: auto !important;
    font-size: 12px !important;
    line-height: 45px !important;
    padding: 0 !important;
  }
  body.sb-top #sidebar_left .sidebar-menu > li > a > .sidebar-title {
    padding-left: 8px !important;
  }
  body.sb-top #sidebar_left .sidebar-menu > li > ul,
  body.sb-top #sidebar_left .sidebar-menu > li > ul > li ul {
    position: relative;
    width: auto;
  }
  body.sb-top #sidebar_left.sidebar-light {
    border-right: 0;
    -webkit-box-shadow: 0 1px 0 #DDD;
    box-shadow: 0 1px 0 #DDD;
  }
  body.sb-top #sidebar_left.sidebar-light .sidebar-menu > li > ul {
    border: 0;
    box-shadow: none;
  }
  body.sb-top #sidebar_left.sidebar-light .sidebar-menu li > ul > li > a {
    padding: 9px 15px 8px 17px;
  }
  body.sb-top .navbar-branding {
    width: 0;
    display: none;
  }
  body.sb-top #toggle_sidemenu_t {
    width: 44px;
  }
  body.sb-top .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper {
    padding-top: 60px !important;
  }
  body.sb-top.sb-top-collapsed #sidebar_left {
    visibility: visible !important;
    opacity: 1 !important;
  }
}
@media (min-width: 901px) {
  body.sb-top .sidebar-menu > li > a.menu-open + ul {
    display: none;
  }
  body.sb-top .sidebar-menu > li:hover > a + ul {
    z-index: 1;
    display: block !important;
  }
}
/*===============================================
  D. Sidebar Widgets
================================================= */
/* Widget Wrapper */
.sidebar-widget {
  position: relative;
  padding: 8px 13px;
  height: 51px;
  /* Author Widget */
  /* Menu Widget - A Slide-Down Menu. Hidden by default */
}
.sidebar-widget + .sidebar-widget {
  margin-top: 18px;
}
.sidebar-widget.author-widget {
  margin-top: 15px;
}
.sidebar-widget.author-widget .media-left img {
  max-width: 40px;
  border: 2px solid #888;
  border-radius: 50%;
}
.sidebar-widget.author-widget .media-links a {
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 2px;
  color: #70829a;
  font-size: 12px;
  text-decoration: none;
}
.sidebar-widget.author-widget .media-links a:hover {
  color: #FFF;
}
.sidebar-widget.author-widget .media-body {
  padding-left: 3px;
  color: #FFF;
}
.sidebar-widget.author-widget.menu-widget-open .media-links a.sidebar-menu-toggle {
  color: #FFF;
}
.sidebar-widget.menu-widget {
  display: none;
  position: relative;
  left: 0;
  top: 0;
  height: 130px;
  width: 100%;
  padding: 10px;
  background-color: #282d33;
  border-top: 1px solid #24282d;
  border-bottom: 1px solid #24282d;
  /* Menu Links */
  /* Menu Title(hidden) */
  /* Menu Icons */
}
.sidebar-widget.menu-widget a {
  position: relative;
  display: block;
  padding: 12px 5px 12px;
  margin-bottom: 3px;
  transition: all 0.2s ease;
}
.sidebar-widget.menu-widget a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.sidebar-widget.menu-widget a h5 {
  display: none;
}
.sidebar-widget.menu-widget a span {
  color: #dddddd;
  font-size: 24px;
  transition: all 0.3s ease;
}
.sidebar-widget.menu-widget a:hover span {
  color: #f6bb42;
}
.sidebar-widget.search-widget {
  height: 40px;
  padding: 8px 6px;
  background-color: #282d33;
  border-top: 1px solid #24282d;
  border-bottom: 1px solid #24282d;
}
.sidebar-widget.search-widget input,
.sidebar-widget.search-widget .input-group-addon {
  color: #70829a;
  height: 22px;
  padding: 3px;
  font-size: 14px;
  border-color: transparent;
  background-color: transparent;
}
.sidebar-widget.search-widget input {
  padding-left: 0px;
  border-left: 0;
}
.sidebar-widget.search-widget input::-webkit-input-placeholder {
  color: #70829a;
}
.sidebar-widget.search-widget input::-moz-placeholder {
  color: #70829a;
}
.sidebar-widget.search-widget input:-moz-placeholder {
  color: #70829a;
}
.sidebar-widget.search-widget input:-ms-input-placeholder {
  color: #70829a;
}
body.sb-l-m .author-widget .media-body,
body.sb-l-m .author-widget .media-heading {
  display: none;
}
body.sb-l-m .author-widget .media-left img {
  max-width: 30px;
}
@media (max-width: 900px) {
  body.sb-l-m .author-widget {
    padding: 8px 7px;
  }
}
/*====================================================
  E. Sidebar Minified State
====================================================== */
/* Sidebar Minified State */
body.sb-l-m #sidebar_left {
  z-index: 1028;
  overflow: visible;
  width: 60px;
  height: 100%;
  left: 0;
  background-color: #30363e;
}
body.sb-l-m #sidebar_left:before {
  width: 60px;
}
/* Hide Multiple Sidebar Elements */
body.sb-l-m .sidebar-header,
body.sb-l-m #sidebar_left .sidebar-title,
body.sb-l-m #sidebar_left .sidebar-label,
body.sb-l-m #sidebar_left .sidebar-title-tray,
body.sb-l-m #sidebar_left .caret,
body.sb-l-m #sidebar_left .sidebar-proj,
body.sb-l-m #sidebar_left .sidebar-stat {
  display: none;
}
/* Only Icon is showing - Modify Padding to fit */
body.sb-l-m .sidebar-menu > li {
  padding: 7px 0;
}
/* Menu will be converted to on:hover - It requires overflow */
body.sb-l-m .sidebar-menu > li > a {
  overflow: visible;
}
/* Sidebar-Menu Top Level - Icon */
body.sb-l-m .sidebar-menu > li > a > span:nth-child(1) {
  color: #ccc;
  left: -1px;
  width: 60px;
  font-size: 18px;
  padding-left: 0;
}
/* Sidebar-Menu Top Level - Title */
body.sb-l-m .sidebar-menu > li > a > .sidebar-title {
  position: absolute;
  left: 60px;
  top: -4px;
  width: 180px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  padding-left: 15px;
  border-left: 1px solid #222;
  background-color: transparent;
}
/* Menus have been converted to show only on:hover. Hide by default */
body.sb-l-m .sidebar-menu > li > a.menu-open + ul {
  display: none;
}
/* Menus have been converted. We display them on:hover */
body.sb-l-m .sidebar-menu > li:hover > a + ul,
body.sb-l-m .sidebar-menu > li:hover > a > .sidebar-title,
body.sb-l-m .sidebar-menu > li:hover > ul .caret {
  display: block !important;
}
/* Sidebar-Menu Sub Level */
body.sb-l-m .sidebar-menu > li > ul {
  position: absolute;
  left: 60px;
  top: 38px;
  width: 180px;
  height: auto;
  border-left: 1px solid #222;
  padding-bottom: 7px;
  overflow: hidden;
}
/* Sidebar-Menu Multi Level */
body.sb-l-m .sidebar-menu > li > ul > li {
  overflow: hidden;
}
body.sb-l-m .sidebar-menu > li > ul > li ul {
  width: 180px;
}
/* Sidebar-Menu Sub Level - Link Padding */
body.sb-l-m .sidebar-menu li > ul > li > a {
  padding: 8px 15px 8px 15px;
}
/* Sidebar-Menu Multi Level - Link Padding */
body.sb-l-m .sidebar-menu li > ul > li > ul > li a {
  padding: 8px 15px 8px 20px;
}
/* Sidebar-Menu Sub/Multi Level - Caret Position */
body.sb-l-m .sidebar-menu li > ul > li > a > span.caret,
body.sb-l-m .sidebar-menu li > ul > li > a.menu-open > span.caret {
  top: 7px;
}
/* Adjust Primary Content Container - Sidebar Minified */
body.sb-l-m #content_wrapper {
  margin-left: 60px;
}
/* Primary Content Container - Sidebar Hidden */
body.sb-l-c.sb-l-m #content_wrapper {
  margin-left: 0;
}
/* Adjust Navbar Logo/Branding - Sidebar Minified */
body.sb-l-m .navbar-branding {
  width: 60px;
}
/* Adjust Navbar Logo/Branding - Sidebar Hidden */
body.sb-l-m .navbar-brand {
  display: none;
}
/*=======================================================
  F. Sidebar Default Color Settings
========================================================= */
/* Sidebar Container */
#sidebar_left {
  background-color: #30363e;
}
/* Menu Item - Label Color */
.sidebar-menu .sidebar-label {
  color: #70829a;
}
/* Menu item Caret */
.sidebar-menu li > a > span.caret {
  color: #858483;
}
/* Open Menu item Caret */
.sidebar-menu li > a.menu-open > span.caret {
  color: #ffffff;
}
/* Top Level Menu Item - Text Color */
.sidebar-menu > li > a {
  color: #ffffff;
}
/* Top Level Menu Item - BG Color:hover */
.sidebar-menu > li > a:hover,
.sidebar-menu > li > a:focus,
.sidebar-menu > li > a:active {
  color: inherit;
  background-color: transparent;
}
/* Top Level Item - Border Color:hover */
.sidebar-menu > li:hover > a:after,
.sidebar-menu > li:focus > a:after {
  background: transparent;
}
/* Top Level Active Menu Item - BG/Text Color */
.sidebar-menu > li.active > a {
  color: #ffffff;
  background-color: #282d33;
}
/* Top Level Active Menu Item - Icon Color */
.sidebar-menu > li.active > a > span:nth-child(1) {
  color: #0073aa;
}
/* Top Level Active Item - Border Color */
.sidebar-menu > li.active > a:after,
.sidebar-menu > li > a.menu-open:after {
  background: transparent;
}
/* Sub-Menu Item - BG Color */
.sidebar-menu > li > ul {
  background-color: #282d33;
}
/* Sub-Menu Item - BG Color:hover */
.sidebar-menu > li > ul > li > a {
  color: #bbbbbb;
}
/* Sub-Menu Item - BG Color:hover */
.sidebar-menu > li > ul > li > a:hover, .sidebar-menu > li > ul > li > a.active, .sidebar-menu > li > ul > li > a:focus{
 background-color: #191e23;
    color: #00b9eb;
}
/* Sub-Menu Item - Border Color:hover */
.sidebar-menu > li > ul > li:hover > a:after,
.sidebar-menu > li > ul > li:focus > a:after {
  background: #ddd;
}
/* Sub-Menu Active Item - BG/Text Color */
.sidebar-menu > li > ul > li.active > a {
  color: #ffffff;
   background-color: #0073aa;
}
/* Sub-Menu Active Item - Icon Color 
.sidebar-menu > li > ul > li.active > a > span:nth-child(1),
.sidebar-menu > li > ul > li > a.menu-open > span:nth-child(1) {
  color: #0073aa;
}*/
/* Sub-Menu Active Item - Border Color */
.sidebar-menu > li > ul > li.active > a:after,
.sidebar-menu > li > ul > li > a.menu-open:after {
  background: #0073aa;
}
/* Multi-Menu Item - BG Color */
.sidebar-menu > li > ul > li ul {
  background-color: #22262c;
}
/* Multi-level Item - BG Color:hover */
.sidebar-menu > li > ul > li > ul > li > a {
  color: #bbbbbb;
}
/* Multi-level Item - BG Color:hover */
.sidebar-menu > li > ul > li > ul > li > a:hover,
.sidebar-menu > li > ul > li > ul > li > a:focus {
  color: inherit;
  background-color: transparent;
}
/* Multi-level Active Item - Border Color:hover */
.sidebar-menu > li > ul > li > ul > li:hover > a:after,
.sidebar-menu > li > ul > li > ul > li:focus > a:after {
  background: #967adc;
}
/* Multi-level Active Item - BG/Text Color */
.sidebar-menu > li > ul > li > ul > li.active > a {
  color: #ffffff;
  background: transparent;
}
/* Multi-level Active Item - Icon Color */
.sidebar-menu > li > ul > li > ul > li.active > a > span:nth-child(1),
.sidebar-menu > li > ul > li > ul > li > a.menu-open > span:nth-child(1) {
  color: #ffffff;
}
/* Multi-level Active Item - Border Color */
.sidebar-menu > li > ul > li > ul > li.active > a:after {
 
      right: 0;
    border: 8px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #f1f1f1;
    top: 50%;
    margin-top: -8px;
}
/* Minified Sidebar - Title */
body.sb-l-m .sidebar-menu > li > a > .sidebar-title {
  background-color: #282d33;
}
/* Minified Sidebar - Active Icon */
body.sb-l-m .sidebar-menu > li.active > a > span:nth-child(1) {
  color: #0073aa;
}
/*=======================================================
  G. Sidebar Light Color Settings
     Applied via class to "#sidebar" 
     eg: <aside id="sidebar_left" class="sidebar-light">
========================================================= */
#sidebar_left.sidebar-light {
  color: #666;
  background-color: #fafafa;
  border-right: 1px solid #DDD;
}
#sidebar_left.sidebar-light .sidebar-menu .sidebar-label {
  color: #AAA;
  font-size: 11px;
  font-weight: 500;
}
#sidebar_left.sidebar-light .sidebar-menu li > a > span.caret {
  color: #BBB;
}
#sidebar_left.sidebar-light .sidebar-menu li > a.menu-open > span.caret {
  color: #999;
}
#sidebar_left.sidebar-light .sidebar-menu > li a {
  color: #888;
}
#sidebar_left.sidebar-light .sidebar-menu > li > a:hover,
#sidebar_left.sidebar-light .sidebar-menu > li > a:focus,
#sidebar_left.sidebar-light .sidebar-menu > li > a:active {
  background-color: transparent;
}
#sidebar_left.sidebar-light .sidebar-menu > li > a > span:nth-child(1) {
  color: #888;
}
#sidebar_left.sidebar-light .sidebar-menu > li > a > span:nth-child(2) {
  color: #555;
  font-weight: 500;
  letter-spacing: 0.4px;
}
#sidebar_left.sidebar-light .sidebar-menu > li.active > a > span:nth-child(1) {
  color: #0073aa;
}
#sidebar_left.sidebar-light .sidebar-menu > li > ul {
  background-color: #f2f2f2;
  box-shadow: 0 1px 0 #e5e5e5 inset, 0 -1px 0 #e5e5e5 inset;
}
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a:hover,
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a:focus {
  background-color: transparent;
}
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li.active > a > span:nth-child(1),
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a.menu-open > span:nth-child(1) {
  color: #0073aa;
}
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li ul {
  background-color: #eaeaea;
  box-shadow: 0 1px 0 #d9d9d9 inset, 0 -1px 0 #d9d9d9 inset;
}
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li > a:hover,
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li > a:focus {
  background-color: transparent;
}
#sidebar_left.sidebar-light .sidebar-menu > li > a.menu-open:after,
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a.menu-open:after {
  background: transparent;
}
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a.menu-open:after,
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li > a.menu-open:after {
  background: #3bafda;
}
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li.active > a:after,
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li:hover > a:after,
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li:focus > a:after {
  background: #967adc;
}
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li.active > a > span.caret {
  color: #AAA;
}
#sidebar_left.sidebar-light .sidebar-menu .sidebar-stat .progress {
  background-color: #ddd;
}
#sidebar_left.sidebar-light .sidebar-toggle-mini a {
  background-color: #f7f7f7;
  border-color: #eaeaea;
}
#sidebar_left.sidebar-light.light {
  background-color: #fff;
}
#sidebar_left.sidebar-light.light .sidebar-menu > li > ul {
  background-color: #fbfbfb;
}
#sidebar_left.sidebar-light.light .sidebar-menu > li > ul > li ul {
  background-color: #f5f5f5;
}
#sidebar_left.sidebar-light .sidebar-widget.author-widget .media-body {
  color: #666;
}
#sidebar_left.sidebar-light .sidebar-widget.author-widget .media-links a {
  color: #999;
}
#sidebar_left.sidebar-light .sidebar-widget.author-widget .media-links a:hover {
  color: #555;
}
#sidebar_left.sidebar-light .sidebar-widget.author-widget.menu-widget-open .media-links a.sidebar-menu-toggle {
  color: #555;
}
#sidebar_left.sidebar-light .sidebar-widget.menu-widget {
  background-color: #f2f2f2;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
#sidebar_left.sidebar-light .sidebar-widget.menu-widget a span {
  color: #777;
}
#sidebar_left.sidebar-light .sidebar-widget.search-widget {
  background-color: #f2f2f2;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
body.sb-l-m #sidebar_left.sidebar-light {
  background-color: #FAFAFA;
}
body.sb-l-m #sidebar_left.sidebar-light.light {
  background-color: #FFF;
}
body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > a > .sidebar-title,
body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > ul {
  border: 1px solid #DDD;
  border-top: 0;
  background-color: #f8f8f8;
  left: 59px;
  box-shadow: none;
}
body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > a > .sidebar-title {
  border-top: 1px solid #DDD;
}
/*==================================================
  H. Sidebar "Nano Scroller" Settings (Core Plugin)
==================================================== */
#sidebar_left.nano.affix {
  padding-bottom: 0;
}
#sidebar_left.affix.nano .tooltip {
  z-index: 9999 !important;
}
/* If the sidebar is minified we disable nanoscroll via css
 * otherwise nano scroll hides popout menus and the scroll is
 * needed to see submenus with many items */
body.sb-l-m #sidebar_left.nano {
  position: absolute;
}
body.sb-l-m #sidebar_left.nano > .nano-content {
  overflow: visible;
  right: 0 !important;
}
/* If the sidebar is minified and in mobile mode we hard disable
 * the entire plugin via a display !important */
body.sb-l-m.mobile-view .nano > .nano-pane {
  display: none !important;
}
/*==========================================================
  I. Sidebar Responsive Settings - Added via Update v1.2.
     If window <900px create even smaller minified sidebar
=========================================================== */
@media (max-width: 900px) {
  /* Sidebar Minified State */
  body.sb-l-m #sidebar_left {
    width: 45px;
  }
  body.sb-l-m #sidebar_left:before {
    width: 45px;
  }
  /* Sidebar-menu Top Level - Icon */
  body.sb-l-m .sidebar-menu > li > a > span:nth-child(1) {
    left: -1px;
    width: 45px;
    font-size: 18px;
  }
  /* Sidebar-menu Top Level - Title */
  body.sb-l-m .sidebar-menu > li > a > .sidebar-title {
    position: absolute;
    left: 45px;
    top: -4px;
    width: 180px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    padding-left: 15px;
    border-left: 1px solid #222;
    background-color: #282d33;
  }
  /* Sidebar-menu Sub Level */
  body.sb-l-m .sidebar-menu > li > ul {
    position: absolute;
    left: 45px;
    top: 38px;
    width: 180px;
    height: auto;
    border-left: 1px solid #222;
    padding-bottom: 7px;
    overflow: hidden;
  }
  /* Sidebar-menu Multi Level */
  body.sb-l-m .sidebar-menu > li > ul > li ul {
    width: 180px;
  }
  /* Sidebar-menu Sub Level - Link Padding */
  body.sb-l-m .sidebar-menu li > ul > li > a {
    padding: 8px 20px 8px 20px;
  }
  /* Sidebar-menu Multi Level - Link Padding */
  body.sb-l-m .sidebar-menu li > ul > li > ul > li a {
    padding: 8px 20px 8px 35px;
  }
  /* Adjust Primary Content Container - Sidebar Minified */
  body.sb-l-m #content_wrapper {
    margin-left: 45px;
  }
  /* Adjust Primary Content Container - Sidebar Hidden */
  body.sb-l-c.sb-l-m #content_wrapper {
    margin-left: 0;
  }
  /* Adjust Navbar Logo/Branding - Hide Logo */
  body.sb-l-o .navbar-brand,
  body.sb-l-m .navbar-brand {
    display: none;
  }
  /* Adjust Navbar Logo/Branding - Adjust Width */
  body.sb-l-o .navbar-branding,
  body.sb-l-m .navbar-branding {
    max-width: 45px;
    margin-right: 5px;
  }
  /* Adjust Navbar Toggle - Sidebar Open */
  body.sb-l-o .navbar #toggle_sidemenu_l {
    transform: rotate(90deg);
  }
  /* Adjust Navbar Toggle - Sidebar Minified */
  body.sb-l-o.sb-l-m .navbar #toggle_sidemenu_l {
    transform: rotate(0deg);
  }
  /* Adjust Navbar Toggle - Sidebar Open + Minified */
  body.sb-l-o .navbar #toggle_sidemenu_l,
  body.sb-l-m .navbar #toggle_sidemenu_l {
    width: 45px;
  }
  /* Hide sidebar user menu button when the sidebar is
    collapsed. As it's not accessible in this mode*/
  .sb-l-o .navbar .sidebar-menu-toggle,
  .sb-l-c .navbar .sidebar-menu-toggle {
    margin-left: 10px;
    display: none;
  }
  #toggle_sidemenu_r {
    margin-top: 4px;
  }
  body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > a > .sidebar-title,
  body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > ul {
    left: 44px;
  }
}
/* ==============================================
   Right Sidebar
     A. Default Closed State
     B. Sidebar Right Panel Menu
     C. Nano Sidebar Scroller Settings
=================================================
  A. Default Closed State
================================================= */
#sidebar_right {
  position: absolute;
  top: 0;
  width: 300px;
  height: 100%;
  padding-top: 60px;
  right: -300px;
  border-left: 1px solid #ddd;
  background: #f8f8f8;
}
#sidebar_right.affix {
  position: fixed;
}
#sidebar_right .sidebar-right-header {
  width: 100%;
  height: 59px;
  padding: 4px 10px 4px 20px;
}
#sidebar_right .sidebar_right_content a:hover {
  text-decoration: none;
}
/*===============================================
   B. Sidebar Right Panel Menu
================================================= */
.title-divider {
  border-bottom: 1px solid #e8e8e8;
  padding: 0 5px 9px 5px;
}
#sidebar_right .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#sidebar_right .panel-heading {
  height: 51px;
  min-height: 51px;
  overflow: hidden;
}
#sidebar_right .panel-tabs li a {
  padding: 17px 18px;
  border-right: 1px solid transparent;
}
#sidebar_right .panel-tabs li:first-child a {
  border-left: 1px solid transparent;
}
/*===============================================
  C. Nano Sidebar Scroller Settings
================================================= */
#sidebar_right.nano > .nano-pane {
  background: rgba(0, 0, 0, 0.07);
}
#sidebar_right.nano > .nano-pane > .nano-slider {
  background: #444;
  background: #CCC;
}
/* ==============================================
    Sidebar Actions
     A. Sidebar Left Toggle
     B. Sidebar Right Toggle
     C. Left Sidebar Minified Helper
     D. Mobile Menu Modifications
=================================================
  A. Sidebar Left Toggle
================================================= */
/*left sidebar open*/
.sb-l-o #sidebar_left {
  left: 0;
  overflow: hidden;
}
.sb-l-o #content_wrapper {
  margin-left: 230px;
}
/*left sidebar closed*/
.sb-l-c #sidebar_left {
  left: -230px;
  overflow: hidden;
}
.sb-l-c #content_wrapper {
  margin-left: 0;
}
/* Adjust navbar branding when closed */
.sb-l-c .navbar-branding {
  width: 60px;
}
.sb-l-c .navbar-brand {
  display: none;
}
/*====================================================
  B. Sidebar Right Toggle
====================================================== */
/*Sidebar Right Open */
.sb-r-o #sidebar_right {
  right: 0;
}
.sb-r-o #content_wrapper {
  margin-right: 300px;
}
/*Sidebar Right Closed*/
.sb-r-c #sidebar_right {
  right: -300px;
}
.sb-r-c #content_wrapper {
  margin-right: 0;
}
/*====================================================
  C. Left Sidebar Minified Helper
====================================================== */
.sb-l-c.sb-l-m #sidebar_left {
  left: -60px;
}
/*hide sidebar user menu button when the sidebar is
collapsed. As it's not accessible in this mode*/
.sb-l-m .navbar .sidebar-menu-toggle,
.sb-l-c .navbar .sidebar-menu-toggle {
  margin-left: 10px;
  display: none;
}
/*===============================================
  D. Mobile Menu Modifications
================================================= */
/* At less than 1100px we collapse any open sidebars via 
Media Queries. Theme Javscript will also add a a
".mobile-view" class so that you can do any needed 
manipulation using an html class aswell */
@media (max-width: 1100px) {
  /* Sidebar Left Open/Default */
  #content_wrapper,
  .sb-l-o #content_wrapper {
    margin-left: 0;
    left: 230px;
  }
  /* Sidebar Left Minified */
  .sb-l-m #content_wrapper {
    left: 0;
  }
  /* Sidebar Left Closed */
  .sb-l-c #content_wrapper {
    margin-left: 0;
    left: 0;
  }
  /* Sidebar Right Open */
  .sb-r-o #content_wrapper {
    margin-right: 0;
    left: -300px;
  }
}
/* ==============================================
   Topbar
     A. Topbar
     B. Topbar Dropdown Menu
     C. Topbar Alternate Style
     D. Topbar Navigation - List
     E. Topbar Responsive Settings
=================================================
  A. Topbar
================================================= */
#topbar {
  z-index: 2;
  position: relative;
  width: 100%;
  min-height: 51px;
  padding: 10px 21px;
  background: #fafafa;
  border-bottom: 1px solid #e0e0e0;
}
#topbar .topbar-right {
  float: right;
}
/* Topbar Breadcrumbs */
.breadcrumb {
  float: left;
  position: relative;
  padding: 1px 25px 0 0;
  margin-bottom: 0;
  font-size: 12px;
  border-radius: 0;
  background-color: transparent;
}
.breadcrumb > li {
  color: #888;
}
.breadcrumb > li.crumb-active > a {
  color: #555;
  font-size: 18px;
}
/*Toggle sidemenu button*/
#toggle_sidemenu_r i.fa,
#toggle_sidemenu_r span.glyphicon,
#toggle_sidemenu_r span.glyphicons {
  margin-top: 2px;
}
/* toggle sidemenu button (when menu is open) */
body.sb-r-o #toggle_sidemenu_r i.fa,
body.sb-r-o #toggle_sidemenu_r span.glyphicon,
body.sb-r-o #toggle_sidemenu_r span.glyphicons {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  color: #999;
}
/* Toggle Right Sidebar - Badge */
.badge.badge-hero {
  position: relative;
  top: -12px;
  margin-left: -10px;
  padding: 2px 5px;
  font-size: 11px;
}
/*===============================================
   B. Topbar - Alternate Style
      Requires ".alt" class on #topbar
================================================= */
#topbar.alt {
  min-height: 70px;
  padding: 20px 22px;
  background: #e7e7e7;
  border-bottom: 1px solid #ddd;
}
#topbar.alt .breadcrumb {
  font-size: 14px;
}
/*===============================================
   C. Topbar Dropmenu
================================================= */
#topbar-dropmenu {
  z-index: 9999;
  overflow: hidden;
  display: none;
  position: relative;
  top: 1px;
  padding: 17px 20px 10px;
  height: auto;
  width: 100%;
  background: url("../../../img/patterns/topbar-bg.jpg") repeat -60px top;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset;
}
#topbar-dropmenu:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}
.navbar[class*='bg-'] + #sidebar_left + #content_wrapper > #topbar-dropmenu {
  top: 0;
}
.topbar-menu .metro-tile {
  opacity: 0;
  display: block;
  color: #FFF;
  height: 95px;
  position: relative;
  padding: 15px 5px 0;
  margin-bottom: 8px;
  border-radius: 4px;
  text-align: center;
  background: rgba(255, 255, 255, 0.25);
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.topbar-menu .metro-tile:hover,
.topbar-menu .metro-tile:focus,
.topbar-menu .metro-tile:active {
  color: #fff;
  background: rgba(255, 255, 255, 0.4);
}
.topbar-menu .metro-tile span:first-child {
  font-size: 44px;
}
.topbar-menu .metro-tile .metro-title {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 11px;
  font-weight: 600;
}
/* Topbar Menu Modal */
.metro-modal {
  z-index: 9998;
  cursor: pointer;
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
/* if topbar is fixed we force it relative upon topbar
 * dropmenu open as it will create scrolling problems */
#topbar-dropmenu.topbar-menu-open + #topbar.affix {
  position: relative !important;
  margin-left: auto !important;
}
/*===============================================
   D. Topbar Dropdown Menu - Alternate Style
      Requires ".alt" class on #topbar-dropmenu
      and bg classes on all ".metro-tiles"
================================================= */
#topbar-dropmenu.alt {
  z-index: 1025;
  padding: 17px 20px 10px;
  background: #DDD;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
}
#topbar-dropmenu.alt:before {
  display: none;
}
#topbar-dropmenu.alt .topbar-menu > div {
  opacity: 0.85;
}
#topbar-dropmenu.alt .topbar-menu .metro-tile {
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
#topbar-dropmenu.alt .topbar-menu .metro-tile:hover,
#topbar-dropmenu.alt .topbar-menu .metro-tile:focus,
#topbar-dropmenu.alt .topbar-menu .metro-tile:active {
  color: #fff;
  background: inherit;
}
#topbar-dropmenu.alt .topbar-menu .metro-tile .metro-title {
  bottom: 7px;
  font-size: 12px;
}
/*===============================================
   D. Topbar List Navigation
================================================= */
#topbar .nav.nav-list-topbar {
  margin: -10px 15px;
}
#topbar .nav.nav-list-topbar li a {
  padding: 16px 14px 12px;
}
#topbar .nav.nav-list-topbar li.active a {
  border-bottom: 3px solid #0073aa;
}
/*===============================================
   E. Topbar Settings - Responsive
================================================= */
@media (max-width: 815px) {
  #topbar {
    padding: 10px 6px 10px 14px;
  }
  #topbar.alt {
    min-height: 40px;
    padding: 10px 6px 10px 14px;
  }
  #topbar .topbar-dropdown {
    display: none !important;
  }
  #topbar.affix.alt + #content {
    margin-top: 40px;
  }
}
@media (max-width: 700px) {
  #topbar .breadcrumb {
    font-size: 14px;
    padding-top: 5px;
    padding-left: 2px;
  }
  #topbar .breadcrumb .crumb-active {
    display: none;
  }
  #topbar .breadcrumb > li.crumb-active + li:before {
    display: none;
  }
}
/* ==============================================
   Page Footer
================================================= */
#content-footer {
  color: #AAA;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 44px;
  padding: 12px 15px;
  background-color: #f8f8f8;
  border-top: 1px solid #DDD;
  -webkit-transition: margin 0.2s ease;
  transition: margin 0.2s ease;
}
#content-footer b {
  color: #888;
}
#content-footer .footer-meta {
  padding-right: 30px;
}
#content-footer .footer-return-top {
  text-align: center;
  position: absolute;
  top: -3px;
  right: 5px;
  width: 25px;
  height: 25px;
  background-color: #eaeaea;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#content-footer .footer-return-top span {
  position: relative;
  top: 3px;
  color: #AAA;
  font-size: 12px;
  -webkit-transition: all 0.23s ease;
  transition: all 0.2s ease;
}
#content-footer .footer-return-top:hover {
  cursor: pointer;
  background-color: #e2e2e2;
}
#content-footer .footer-return-top:hover span {
  color: #666;
}
/* Fixed Setting */
#content-footer.affix {
  z-index: 1;
  position: fixed;
  margin-left: 230px;
}
/* Match Sidebar States */
body.sb-l-c #content-footer.affix {
  margin-left: 0;
}
body.sb-l-m #content-footer.affix {
  margin-left: 60px;
}
@media (max-width: 900px) {
  body.sb-l-m #content-footer.affix {
    margin-left: 45px;
  }
}
/* ================================================
   PAGES - In Order
      A. UI Animations Page
	  B. FAQ Page
	  C. Gallery.html
	  D. Calendar.html
	  E. Message Pages
	  F. Editors.html
	  G. External Pages
	  H. Invoice.html
	  I. Timeline.html
	  J. Map Pages
	  K. Profile.html
	  L. Error Pages
	  M. Ecommerce Pages // Added update v1.3
	  N. Search Result Page // Added update v1.4

 * This file is reserved for changes done on
 * a per-page basis. To create independent
 * page layouts an additional class was added 
 * to the pages body. For example ui-animations.html
 * has an extra body class of ".ui-animations-page"
 
 * Note: Pages not listed here were made using
 * 100% reusable styles placed in theme.css
=================================================
  A. UI Animations Page
================================================= */
body.ui-animations-page #mac_wire {
  margin-top: 2.5%;
  margin-left: 3.5%;
  position: fixed;
  max-width: 440px;
}
body.ui-animations-page.svg-fill #mac_wire svg path:first-child {
  fill-opacity: 1;
  fill: #ccc;
  stroke: #999;
  stroke-width: 1px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
body.ui-animations-page.svg-fill #mac_wire svg path:last-child {
  fill-opacity: 1;
  fill: #555;
  stroke: #555;
  stroke-width: 3px;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}
body.ui-animations-page .tray-center:after {
  opacity: 0;
  position: fixed;
  content: "\f04b";
  font-family: "FontAwesome";
  font-size: 46px;
  color: #3bafda;
  bottom: 10px;
  padding-left: 20px;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
body.ui-animations-page.animation-running .tray-center:after {
  opacity: 0.75;
}
body.ui-animations-page.animation-running .btn.btn-alt {
  opacity: 0.5;
}
body.ui-animations-page.animation-running .btn.btn-alt.item-checked {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
/*===============================================
  C. Gallery Page
================================================= */
body.gallery-page #mix-container {
  padding: 15px;
  text-align: justify;
  font-size: 0.1px;
}
body.gallery-page #mix-container:after {
  content: "";
  display: inline-block;
  width: 100%;
}
body.gallery-page #mix-container .mix,
body.gallery-page #mix-container .gap {
  display: none;
  vertical-align: top;
  width: 23.5%;
  margin-bottom: 20px;
}
body.gallery-page #mix-container .gap {
  display: inline-block;
}
body.gallery-page #mix-container .mix .panel {
  margin: 0;
}
body.gallery-page #mix-container .mix .panel img {
  cursor: pointer;
}
body.gallery-page .fail-message {
  display: none;
  text-align: center;
  font-size: 22px;
  color: #999;
  margin-top: 50px;
}
body.gallery-page .fail .fail-message {
  display: block;
}
@media (max-width: 1350px) {
  body.gallery-page #mix-container .mix,
  body.gallery-page #mix-container .gap {
    width: 31.5%;
  }
}
@media (max-width: 750px) {
  body.gallery-page #mix-container .mix,
  body.gallery-page #mix-container .gap {
    width: 48%;
  }
}
/*===============================================
  D. Calendar Page
================================================= */
body.calendar-page .fc-title-clone {
  font-size: 20px;
  text-align: center;
  margin: 8px 0 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E7E7E7;
}
body.calendar-page .tray-left .ui-datepicker {
  background: none;
  margin: 0;
  border: 0;
}
body.calendar-page .tray-left .ui-datepicker-header {
  display: none;
}
body.calendar-page .tray-left .ui-datepicker td {
  padding: 8px 5px;
}
body.calendar-page .tray-left .ui-datepicker td span,
body.calendar-page .tray-left .ui-datepicker td a {
  background: #DDD;
  padding: .50em .20em;
}
body.calendar-page .tray-left #compose-event-btn {
  cursor: pointer;
  position: relative;
  top: 1px;
  padding-left: 8px;
  color: #888;
  font-size: 16px;
}
body.calendar-page .tray-center .fc-toolbar .fc-center h2 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
}
@media (max-width: 900px) {
  body.calendar-page .fc-toolbar .fc-center {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
@media (max-width: 600px) {
  body.calendar-page .fc-view-container {
    margin-bottom: 30px;
  }
  body.calendar-page .fc-toolbar .fc-button {
    padding: 4px 8px;
  }
  body.calendar-page .fc-toolbar .fc-right {
    float: left;
    margin-left: 10px;
  }
  body.calendar-page .fc-toolbar .fc-center {
    float: left;
    width: 100%;
  }
  body.calendar-page .fc-toolbar .fc-center h2 {
    float: none;
    text-align: center;
  }
  body.calendar-page .fc-title-clone {
    display: none;
  }
  body.calendar-page #external-events {
    padding: 15px 10px 10px;
    background: #e8e8e8;
    border: 1px solid #ccc;
  }
}
/*===============================================
  E. Messages Page
================================================= */
body.messages-page .message-menu {
  padding: 10px 15px;
  background-color: #FFF;
  border-bottom: 1px solid #EEE;
}
body.messages-page .compose-btn {
  font-weight: 600;
  margin-top: 2px;
  margin-bottom: 12px;
  padding: 11px 15px;
}
body.messages-page .nav-messages li a {
  color: #AAA;
}
body.messages-page .nav-messages li.active a,
body.messages-page .nav-messages li:hover a,
body.messages-page .nav-messages li:focus a {
  color: #666;
}
body.messages-page .message-view {
  padding: 20px;
}
body.messages-page .message-view h3.subject {
  margin-top: 0;
  font-size: 17px;
}
body.messages-page .message-view hr {
  border-color: #EEE;
}
body.messages-page .message-reply .note-editor .note-toolbar {
  background: #fcfcfc;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding-top: 7px;
  padding-bottom: 14px;
}
body.messages-page .message-reply .note-editor .note-toolbar .btn-group:first-child {
  margin-left: 0;
}
body.messages-page .message-reply .note-editor .btn-default {
  padding: 5px 10px 6px;
}
body.messages-page .message-reply .note-editor .note-editable {
  font-size: 14px;
  padding: 15px 10px;
}
body.messages-page #message-table > tbody > tr {
  cursor: pointer;
}
body.messages-page #message-table > tbody > tr.highlight > td {
  background-color: #FFFEF0;
}
body.messages-page .quick-compose-form {
  display: none;
}
body.messages-page .dockmodal-header .title-text {
  font-size: 15px;
}
body.messages-page .dockmodal-body {
  padding: 0;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
body.messages-page .dockmodal-footer {
  background-color: #f3f3f3;
  padding: 7px 10px 8px;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
body.messages-page .dockmodal-body .quick-compose-form {
  display: block;
}
body.messages-page .dockmodal-body .quick-compose-form input.form-control {
  border: 0;
  border-bottom: 1px solid #EEE;
}
body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-editable {
  background: #f9f9f9;
}
body.messages-page .popped-out .dockmodal-body .quick-compose-form .note-editor .note-editable {
  background: #fff;
}
body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-editable:focus,
body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-editable:active {
  background: #fff;
}
body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-toolbar {
  padding: 0 4px 9px;
}
body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-statusbar .note-resizebar {
  display: none;
}
@media (max-width: 1020px) {
  body.messages-page.tray-rescale #content.table-layout .tray-center {
    padding-right: 65px !important;
  }
  /* creates a mini message tray, expands it on user hover */
  body.messages-page .message-tray {
    height: 175px;
    overflow: hidden;
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease;
  }
  /* set to the height of your message menu */
  body.messages-page .message-tray:hover {
    height: 665px;
  }
}
@media (max-width: 600px) {
  body.messages-page.tray-rescale #content.table-layout .tray-center {
    padding: 0px !important;
  }
}
/*===============================================
  F. Editors Page
================================================= */
body.editors-page .panel .panel-heading {
  border-bottom-color: #CCC;
}
/*===============================================
  G. External Pages - login, register,
  screenlock, coming-soon, forgotpw
================================================= */
body.external-page {
  min-height: 0;
  overflow: auto;
}
body.external-page #main {
  overflow: hidden;
  background: url("../../../img/patterns/backgrounds/1.jpg") no-repeat top center #2d494d;
}
body.external-page #main:before {
  display: none;
}
body.external-page #canvas-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
body.external-page #content .admin-form {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 8%;
}
body.external-page #content .panel {
  box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.3);
}
body.external-page #content .panel-heading {
  padding: 32px 10px 15px;
}
body.external-page .login-links {
  font-size: 15px;
  color: #DDD;
}
body.external-page .login-links a {
  color: #DDD;
  font-weight: 300;
}
body.external-page .login-links a.active {
  color: #FFF;
  font-weight: 600;
}
body.external-page .login-links a:hover,
body.external-page .login-links a:focus {
  color: #FFF;
  text-decoration: none;
}
body.external-page .coming-soon-title {
  text-align: center;
  color: #FFF;
  font-size: 40px;
  font-weight: 400;
  margin-top: 70px;
  margin-bottom: 20px;
}
/*===============================================
  G. External Pages (ALT) - login, register,
  screenlock, coming-soon, forgotpw
// ================================================= */
body.external-page.external-alt #main {
  background: #f4f4f4;
}
body.external-page.external-alt #content .admin-form {
  margin-top: 5%;
}
body.external-page.external-alt #content .panel {
  box-shadow: none;
}
body.external-page.external-alt #content .panel .section-divider span {
  color: #AAA;
}
body.external-page.external-alt .login-links,
body.external-page.external-alt .login-links a {
  color: #999;
  font-size: 13px;
  text-align: center;
}
body.external-page.external-alt .login-links a {
  color: #555;
  font-weight: 600;
}
body.external-page.external-alt .login-links a.active {
  color: #0073aa;
}
body.external-page.external-alt .confirmation-header .fa-check {
  font-size: 32px;
  background: #eee;
  border: 1px solid #DDD;
  border-radius: 50%;
  padding: 6px;
  margin-right: 9px;
  position: relative;
}
body.external-page.external-alt .meta-links.alt {
  padding-bottom: 6px;
}
body.external-page.external-alt .meta-links.alt a,
body.external-page.external-alt .meta-links.alt span {
  color: #AAA;
}
/*===============================================
  H. Invoice.html
================================================= */
body.invoice-page #invoice-info {
  margin-bottom: 15px;
}
body.invoice-page .table-condensed tbody tr td:last-child {
  text-align: right;
  padding-right: 15px;
}
body.invoice-page #invoice-summary {
  margin: 0;
}
body.invoice-page #invoice-summary thead th:first-child {
  text-align: right;
  width: 200px;
  padding-right: 55px;
}
body.invoice-page #invoice-summary thead th:last-child {
  width: 50px;
  font-weight: 400;
}
body.invoice-page #invoice-summary tbody tr td {
  border-top: 0;
}
body.invoice-page #invoice-summary tbody tr td:first-child {
  text-align: right;
  width: 200px;
  padding-right: 55px;
}
body.invoice-page #invoice-summary tbody tr:last-child td {
  background: #fafafa;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  height: 24px;
  line-height: 24px;
}
body.invoice-page .invoice-buttons {
  position: absolute;
  left: 15px;
  bottom: 10px;
}
/*===============================================
  I. Timeline.html
================================================= */
body.timeline-page #main {
  min-height: 1400px;
}
body.timeline-page #content {
  padding: 8px 35px 50px 35px;
}
#timeline {
  position: relative;
}
#timeline:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  margin-left: -2px;
  height: 100%;
  content: "";
  background: #ddd;
}
#timeline .timeline-divider {
  position: relative;
  margin: 10px 0 45px;
  z-index: 3;
}
#timeline .timeline-divider .divider-label {
  position: relative;
  width: 110px;
  margin: 0 auto;
  padding: 5px;
  text-align: center;
  border: 1px solid #DDD;
  color: #777;
  font-weight: 600;
  background: #FFF;
}
#timeline .timeline-divider .divider-label:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  top: 100%;
  background: #0073aa;
}
#timeline .panel {
  position: relative;
  z-index: 11;
  overflow: visible;
  margin-bottom: 30px;
}
#timeline .panel:before,
#timeline .panel:after {
  content: "";
  z-index: 2;
  position: absolute;
  top: 10px;
  left: 99.8%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #fafafa;
}
#timeline .panel:after {
  z-index: 1;
  border-left-color: #666;
}
#timeline .right-column .panel:before,
#timeline .right-column .panel:after {
  top: 10px;
  right: 99.8%;
  left: auto;
  border-width: 8px 12px 8px 0;
  border-color: transparent #fafafa transparent transparent;
}
#timeline .right-column .panel:after {
  border-right-color: #666;
}
#timeline > .row > .left-column .timeline-item {
  padding-right: 30px;
}
#timeline > .row > .right-column .timeline-item {
  padding-left: 30px;
}
#timeline > .row > .right-column {
  margin-top: 80px;
}
@media (max-width: 770px) {
  #timeline > .row > .left-column .panel {
    margin-right: 0;
  }
  #timeline > .row > .right-column .panel {
    margin-left: 0;
  }
  #timeline > .row .panel:before {
    display: none;
  }
  #timeline > .row .panel:after {
    display: none;
  }
}
#timeline .tab-content {
  min-height: 0;
}
#timeline .map {
  width: 100%;
  height: 275px;
}
#timeline #timeline-image-form .fileupload-preview {
  text-align: center;
}
#timeline #timeline-image-form .fileupload-preview img {
  max-height: 200px;
}
#timeline .timeline-icon {
  z-index: 1;
  position: absolute;
  right: -18px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 20px;
  color: #FFF;
  text-align: center;
  border-radius: 50%;
  background: #eeeeee;
  box-shadow: 0 0 0 5px #eeeeee;
}
#timeline .right-column .timeline-icon {
  right: auto;
  left: -18px;
}
#timeline.timeline-single {
  margin-left: 6%;
  max-width: 750px;
}
#timeline.timeline-single:after {
  left: 0;
}
#timeline.timeline-single > .row > .col-sm-6 {
  width: 100%;
  padding-left: 65px;
}
#timeline.timeline-single > .row > .right-column {
  margin-top: 0;
}
#timeline.timeline-single > .row > .right-column .timeline-item,
#timeline.timeline-single > .row > .left-column .timeline-item {
  padding-left: 0;
  padding-right: 0;
}
#timeline.timeline-single .timeline-divider .divider-label {
  margin-left: -55px;
}
#timeline.timeline-single .timeline-icon {
  left: -8px;
  right: auto;
}
#timeline.timeline-single .panel:before,
#timeline.timeline-single .panel:after {
  right: 99.8%;
  left: auto;
  border-width: 8px 12px 8px 0;
  border-color: transparent #fafafa transparent transparent;
}
#timeline.timeline-single .panel:after {
  border-right-color: #666;
}
/*===============================================
  J. Map Pages - Full, Vector
================================================= */
.maps-full-page,
.maps-vector-page {
  /*responsive expanding header styles*/
}
.maps-full-page #main,
.maps-vector-page #main,
.maps-full-page #content_wrapper,
.maps-vector-page #content_wrapper,
.maps-full-page #content,
.maps-vector-page #content,
.maps-full-page .map,
.maps-vector-page .map {
  height: 100%;
  min-height: 0;
}
.maps-full-page #content,
.maps-vector-page #content {
  padding: 1px;
  max-width: 1920px !important;
}
.maps-full-page .map,
.maps-vector-page .map {
  height: 100% !important;
}
.maps-full-page .expanding-header,
.maps-vector-page .expanding-header {
  overflow: hidden;
  z-index: 999;
  position: absolute;
  top: 20px;
  left: 30px;
  width: 550px;
  height: 43px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.maps-full-page .expanding-header.collapsed,
.maps-vector-page .expanding-header.collapsed {
  width: 48px;
  overflow: hidden;
}
.maps-full-page .expanding-header .map-header-icon,
.maps-vector-page .expanding-header .map-header-icon {
  cursor: pointer;
  width: 47px;
  padding: 10px 13px;
  color: #FFF;
  font-size: 22px;
  float: left;
  margin-right: 10px;
}
.maps-full-page .expanding-header .flag-sm,
.maps-vector-page .expanding-header .flag-sm {
  cursor: pointer;
}
.maps-full-page .expanding-header input.form-control,
.maps-vector-page .expanding-header input.form-control {
  min-width: 250px;
}
@media (max-width: 800px) {
  .maps-full-page .expanding-header,
  .maps-vector-page .expanding-header {
    display: none;
  }
}
.maps-full-page .expanding-header {
  top: 24px;
  left: 90px;
}
/*===============================================
  K. Profile.html
================================================= */
body.profile-page #content .tab-block .nav-tabs > li > a {
  padding: 9px 35px;
}
/*===============================================
  L. Error Pages - 404, 500 (plus alt pages)
================================================= */
body.error-page #main:before {
  background: #F5F5F5;
}
body.error-page #return-arrow {
  top: 75px;
  padding-top: 0;
}
body.error-page .error-title {
  font-size: 140px;
  font-weight: 800;
  color: #0073aa;
  text-align: center;
  padding-top: 60px;
  margin-bottom: 20px;
  line-height: 120px;
}
body.error-page .error-subtitle {
  font-weight: 400;
  text-align: center;
  font-size: 40px;
  color: #AAA;
  margin-bottom: 80px;
}
body.error-page .mid-section {
  position: relative;
  width: 100%;
  height: 215px;
  background: #FFF;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
body.error-page .mid-content {
  position: relative;
  max-width: 680px;
  margin: 0 auto;
  padding: 50px 20px 35px;
}
body.error-page .mid-content input {
  color: #AAA;
  height: 55px;
  border-radius: 1px;
  padding: 10px 20px;
  border: 0;
  font-size: 16px;
  border: 1px solid #EEE;
  border-left: 5px solid #0073aa;
  background: #FBFBFB;
}
body.error-page .error-page.alt .error-title {
  padding-top: 110px;
}
body.error-page #search-widget {
  background: #f1f1f1;
}
body.error-page .error-icon {
  font-size: 80px;
  position: relative;
  top: -10px;
}
body.error-page .error-text {
  font-size: 120px;
  text-align: center;
  text-shadow: 0 2px #FFF;
  color: #888;
  width: 100%;
}
/*===============================================
  M. Ecommerce Page - Added update v1.3
================================================= */
.ecommerce-page {
  /* fileupload field styling */
  /*select filter dropdowns - psuedo placeholder */
  /* creates extra spacing for first timeline item */
  /* bg-light style of bootstrap-tags input */
}
.ecommerce-page .fileupload .thumbnail {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.ecommerce-page .fileupload .thumbnail:empty {
  min-height: 150px;
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}
.ecommerce-page .fileupload .thumbnail:empty:before {
  content: "";
  position: absolute;
  display: block;
  top: 6px;
  right: 6px;
  bottom: 6px;
  left: 6px;
  z-index: 0;
  background-color: #EEE;
}
.ecommerce-page .admin-form select option {
  color: black !important;
}
.ecommerce-page .empty {
  color: #BBB !important;
}
.ecommerce-page ol.timeline-list li.timeline-item:first-child:after {
  top: -25px;
  height: 140%;
}
.ecommerce-page input.bg-light + .bootstrap-tagsinput,
.ecommerce-page input.bg-light + .bootstrap-tagsinput .tag:hover,
.ecommerce-page input.bg-light + .bootstrap-tagsinput .tag:focus {
  background-color: #FAFAFA;
}
/*===============================================
  N. Search Results Page - Added update v1.4
================================================= */
.search-results-page .search-result + .search-result {
  margin-top: 31px;
  padding-top: 20px;
  border-top: 1px dashed #DDD;
}
.search-results-page .search-result h3,
.search-results-page .search-result > a {
  display: block;
  margin-bottom: 5px;
}
.search-results-page ul.result-meta {
  list-style: none;
  padding-left: 0;
  margin-left: -5px;
  margin-bottom: 5px;
}
.search-results-page ul.result-meta > li {
  position: relative;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.search-results-page ul.result-meta > li + li {
  padding-left: 12px;
}
.search-results-page ul.result-meta > li + li:after {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.search-results-page ul.result-meta > li > a {
  font-size: 13px;
  color: #999;
}
/*===============================================
  O. Bootstrap Timeout Page - Added update v1.4
================================================= */
#session-timeout-dialog .modal-dialog {
  width: 102%;
  height: 100%;
  background: rgba(255, 255, 255, 0.93);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15%;
  text-align: center;
  border-radius: 1px;
}
#session-timeout-dialog .modal-content {
  background: none;
  box-shadow: none;
  border: 1px solid #DDD;
  width: 600px;
  margin: 0 auto;
}
#session-timeout-dialog .modal-header {
  background-color: #f6f6f6;
}
#session-timeout-dialog .modal-body {
  padding: 30px 20px;
  font-size: 16px;
  background-color: #fff;
}
#session-timeout-dialog .modal-footer {
  text-align: center;
  background-color: #f6f6f6;
}
/*==================================================
  Theme Skin - Controlled by skin settings.less
==================================================== */
/* BACKGROUND CONTEXTUALS
 */
.bg-primary {
  background-color: #0073aa !important;
  color: #f5f8fd;
}
a.bg-primary:hover {
  background-color: #276ecc !important;
}
.bg-primary .text-muted {
  color: #c5dcfa;
}
.bg-primary .text-darken {
  color: #276ecc;
}
.bg-primary.light {
  background-color: #649ae1 !important;
}
.bg-primary.lighter {
  background-color: #75a5e4 !important;
}
.bg-primary.dark {
  background-color: #3078d7 !important;
}
.bg-primary.darker {
  background-color: #276ecc !important;
}
.bg-primary .open > a,
.bg-primary .open > a:hover,
.bg-primary .open > a:focus {
  color: #ffffff;
}
.bg-success {
  background-color: #70ca63 !important;
  color: #fcfefb;
}
a.bg-success:hover {
  background-color: #4fbb3f !important;
}
.bg-success .text-muted {
  color: #d6f5d1;
}
.bg-success .text-darken {
  color: #4fbb3f;
}
.bg-success.light {
  background-color: #85d27a !important;
}
.bg-success.lighter {
  background-color: #93d789 !important;
}
.bg-success.dark {
  background-color: #5bc24c !important;
}
.bg-success.darker {
  background-color: #4fbb3f !important;
}
.bg-success .open > a,
.bg-success .open > a:hover,
.bg-success .open > a:focus {
  color: #ffffff;
}
.bg-info {
  background-color: #3bafda !important;
  color: #e7f5fa;
}
a.bg-info:hover {
  background-color: #2494be !important;
}
.bg-info .text-muted {
  color: #b6e6f8;
}
.bg-info .text-darken {
  color: #2494be;
}
.bg-info.light {
  background-color: #55badf !important;
}
.bg-info.lighter {
  background-color: #66c1e2 !important;
}
.bg-info.dark {
  background-color: #27a2cf !important;
}
.bg-info.darker {
  background-color: #2494be !important;
}
.bg-info .open > a,
.bg-info .open > a:hover,
.bg-info .open > a:focus {
  color: #ffffff;
}
.bg-warning {
  background-color: #f6bb42 !important;
  color: #ffffff;
}
a.bg-warning:hover {
  background-color: #f4a911 !important;
}
.bg-warning .text-muted {
  color: #fff0d2;
}
.bg-warning .text-darken {
  color: #f4a911;
}
.bg-warning.light {
  background-color: #f7c65f !important;
}
.bg-warning.lighter {
  background-color: #f8cd73 !important;
}
.bg-warning.dark {
  background-color: #f5b025 !important;
}
.bg-warning.darker {
  background-color: #f4a911 !important;
}
.bg-warning .open > a,
.bg-warning .open > a:hover,
.bg-warning .open > a:focus {
  color: #ffffff;
}
.bg-danger {
  background-color: #e9573f !important;
  color: #fef7f6;
}
a.bg-danger:hover {
  background-color: #dc3519 !important;
}
.bg-danger .text-muted {
  color: #fdccc4;
}
.bg-danger .text-darken {
  color: #dc3519;
}
.bg-danger.light {
  background-color: #ec6f5a !important;
}
.bg-danger.lighter {
  background-color: #ee7f6d !important;
}
.bg-danger.dark {
  background-color: #e63f24 !important;
}
.bg-danger.darker {
  background-color: #dc3519 !important;
}
.bg-danger .open > a,
.bg-danger .open > a:hover,
.bg-danger .open > a:focus {
  color: #ffffff;
}
.bg-alert {
  background-color: #967adc !important;
  color: #ffffff;
}
a.bg-alert:hover {
  background-color: #7652d1 !important;
}
.bg-alert .text-muted {
  color: #f5f2fd;
}
.bg-alert .text-darken {
  color: #7652d1;
}
.bg-alert.light {
  background-color: #a992e2 !important;
}
.bg-alert.lighter {
  background-color: #b6a2e7 !important;
}
.bg-alert.dark {
  background-color: #8362d6 !important;
}
.bg-alert.darker {
  background-color: #7652d1 !important;
}
.bg-alert .open > a,
.bg-alert .open > a:hover,
.bg-alert .open > a:focus {
  color: #ffffff;
}
.bg-system {
  background-color: #37bc9b !important;
  color: #cef1e8;
}
a.bg-system:hover {
  background-color: #2b957a !important;
}
.bg-system .text-muted {
  color: #9eeeda;
}
.bg-system .text-darken {
  color: #2b957a;
}
.bg-system.light {
  background-color: #48c9a9 !important;
}
.bg-system.lighter {
  background-color: #58ceb1 !important;
}
.bg-system.dark {
  background-color: #30a487 !important;
}
.bg-system.darker {
  background-color: #2b957a !important;
}
.bg-system .open > a,
.bg-system .open > a:hover,
.bg-system .open > a:focus {
  color: #ffffff;
}
.bg-dark {
  background-color: #3b3f4f !important;
  color: #9fa4b7;
}
a.bg-dark:hover {
  background-color: #252832 !important;
}
.bg-dark .text-muted {
  color: #717eb2;
}
.bg-dark .text-darken {
  color: #252832;
}
.bg-dark.light {
  background-color: #484d61 !important;
}
.bg-dark.lighter {
  background-color: #51566c !important;
}
.bg-dark.dark {
  background-color: #2e313d !important;
}
.bg-dark.darker {
  background-color: #252832 !important;
}
.bg-dark .open > a,
.bg-dark .open > a:hover,
.bg-dark .open > a:focus {
  color: #ffffff;
}
.bg-light {
  background-color: #FAFAFA;
  color: #666;
}
a.bg-light:hover {
  background-color: #e8e8e8 !important;
}
.bg-light .text-muted {
  color: #999;
}
.bg-light .text-darken {
  color: #222;
}
.bg-light.light {
  background-color: #FEFEFE;
}
.bg-light.lighter {
  background-color: #FFF;
}
.bg-light.dark {
  background-color: #F2F2F2;
}
.bg-light.darker {
  background-color: #E7E7E7;
}
.bg-white {
  background-color: #FAFAFA;
  color: #666;
  background-color: #FFF !important;
}
a.bg-white:hover {
  background-color: #ededed !important;
}
.bg-white .text-muted {
  color: #999;
}
.bg-white .text-darken {
  color: #222;
}
.bg-white.light {
  background-color: #FEFEFE;
}
.bg-white.lighter {
  background-color: #FFF;
}
.bg-white.dark {
  background-color: #F2F2F2;
}
.bg-white.darker {
  background-color: #E7E7E7;
}
/* BADGES CONTEXTUALS
 * linked labels get darker on :hover
 */
.badge-default {
  background-color: #777777;
}
.badge-default[href]:hover,
.badge-default[href]:focus {
  background-color: #5e5e5e;
}
.badge-primary {
  background-color: #0073aa;
}
.badge-primary[href]:hover,
.badge-primary[href]:focus {
  background-color: #276ecc;
}
.badge-success {
  background-color: #70ca63;
}
.badge-success[href]:hover,
.badge-success[href]:focus {
  background-color: #4fbb3f;
}
.badge-info {
  background-color: #3bafda;
}
.badge-info[href]:hover,
.badge-info[href]:focus {
  background-color: #2494be;
}
.badge-warning {
  background-color: #f6bb42;
}
.badge-warning[href]:hover,
.badge-warning[href]:focus {
  background-color: #f4a911;
}
.badge-danger {
  background-color: #e9573f;
}
.badge-danger[href]:hover,
.badge-danger[href]:focus {
  background-color: #dc3519;
}
.badge-alert {
  background-color: #967adc;
}
.badge-alert[href]:hover,
.badge-alert[href]:focus {
  background-color: #7652d1;
}
.badge-system {
  background-color: #37bc9b;
}
.badge-system[href]:hover,
.badge-system[href]:focus {
  background-color: #2b957a;
}
.badge-dark {
  background-color: #3b3f4f;
}
.badge-dark[href]:hover,
.badge-dark[href]:focus {
  background-color: #252832;
}
/* LABELS CONTEXTUALS
 */
.label-muted {
  background-color: #aaaaaa;
}
.label-muted[href]:hover,
.label-muted[href]:focus {
  background-color: #919191;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #0073aa;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #276ecc;
}
.label-success {
  background-color: #70ca63;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #4fbb3f;
}
.label-info {
  background-color: #3bafda;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #2494be;
}
.label-warning {
  background-color: #f6bb42;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #f4a911;
}
.label-danger {
  background-color: #e9573f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #dc3519;
}
.label-alert {
  background-color: #967adc;
}
.label-alert[href]:hover,
.label-alert[href]:focus {
  background-color: #7652d1;
}
.label-system {
  background-color: #37bc9b;
}
.label-system[href]:hover,
.label-system[href]:focus {
  background-color: #2b957a;
}
.label-dark {
  background-color: #3b3f4f;
}
.label-dark[href]:hover,
.label-dark[href]:focus {
  background-color: #252832;
}
/* BUTTON CONTEXTUALS
 */
.btn-default {
  color: #666666;
  background-color: #f0f0f0;
  border-color: rgba(0, 0, 0, 0.1);
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #666666;
  background-color: #eaeaea;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #f0f0f0;
  border-color: #dddddd;
}
.btn-default .badge {
  color: #f0f0f0;
  background-color: #666666;
}
.btn-default.btn-gradient {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.09);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
}
.btn-default.light {
  background-color: #FAFAFA;
}
.btn-default.light:hover,
.btn-default.light:focus,
.btn-default.light:active,
.btn-default.light.active,
.open > .dropdown-toggle.btn-default.light {
  background-color: #ececec;
}
.btn-default.dark {
  background-color: #e8e8e8;
}
.btn-default.dark:hover,
.btn-default.dark:focus,
.btn-default.dark:active,
.btn-default.dark.active,
.open > .dropdown-toggle.btn-default.dark {
  background-color: #e1e1e1;
}
.btn-primary {
  color: #ffffff;
  background-color: #0073aa;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #2a74d6;
  border-color: rgba(0, 0, 0, 0.05);
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #0073aa;
  border-color: #0073aa;
}
.btn-primary .badge {
  color: #0073aa;
  background-color: #ffffff;
}
.btn-primary.light {
  background-color: #649ae1;
}
.btn-primary.light:hover,
.btn-primary.light:focus,
.btn-primary.light:active,
.btn-primary.light.active,
.open > .dropdown-toggle.btn-primary.light {
  background-color: #3078d7;
}
.btn-primary.dark {
  background-color: #3078d7;
}
.btn-primary.dark:hover,
.btn-primary.dark:focus,
.btn-primary.dark:active,
.btn-primary.dark.active,
.open > .dropdown-toggle.btn-primary.dark {
  background-color: #266ac3;
}
.btn-success {
  color: #ffffff;
  background-color: #70ca63;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #56c046;
  border-color: rgba(0, 0, 0, 0.05);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #70ca63;
  border-color: #70ca63;
}
.btn-success .badge {
  color: #70ca63;
  background-color: #ffffff;
}
.btn-success.light {
  background-color: #85d27a;
}
.btn-success.light:hover,
.btn-success.light:focus,
.btn-success.light:active,
.btn-success.light.active,
.open > .dropdown-toggle.btn-success.light {
  background-color: #5bc24c;
}
.btn-success.dark {
  background-color: #5bc24c;
}
.btn-success.dark:hover,
.btn-success.dark:focus,
.btn-success.dark:active,
.btn-success.dark.active,
.open > .dropdown-toggle.btn-success.dark {
  background-color: #4cb33d;
}
.btn-info {
  color: #ffffff;
  background-color: #3bafda;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #269dc9;
  border-color: rgba(0, 0, 0, 0.05);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #3bafda;
  border-color: #3bafda;
}
.btn-info .badge {
  color: #3bafda;
  background-color: #ffffff;
}
.btn-info.light {
  background-color: #55badf;
}
.btn-info.light:hover,
.btn-info.light:focus,
.btn-info.light:active,
.btn-info.light.active,
.open > .dropdown-toggle.btn-info.light {
  background-color: #27a2cf;
}
.btn-info.dark {
  background-color: #27a2cf;
}
.btn-info.dark:hover,
.btn-info.dark:focus,
.btn-info.dark:active,
.btn-info.dark.active,
.open > .dropdown-toggle.btn-info.dark {
  background-color: #228eb6;
}
.btn-warning {
  color: #ffffff;
  background-color: #f6bb42;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #f4ae1d;
  border-color: rgba(0, 0, 0, 0.05);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f6bb42;
  border-color: #f6bb42;
}
.btn-warning .badge {
  color: #f6bb42;
  background-color: #ffffff;
}
.btn-warning.light {
  background-color: #f7c65f;
}
.btn-warning.light:hover,
.btn-warning.light:focus,
.btn-warning.light:active,
.btn-warning.light.active,
.open > .dropdown-toggle.btn-warning.light {
  background-color: #f5b025;
}
.btn-warning.dark {
  background-color: #f5b025;
}
.btn-warning.dark:hover,
.btn-warning.dark:focus,
.btn-warning.dark:active,
.btn-warning.dark.active,
.open > .dropdown-toggle.btn-warning.dark {
  background-color: #efa50b;
}
.btn-danger {
  color: #ffffff;
  background-color: #e9573f;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #e5391d;
  border-color: rgba(0, 0, 0, 0.05);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #e9573f;
  border-color: #e9573f;
}
.btn-danger .badge {
  color: #e9573f;
  background-color: #ffffff;
}
.btn-danger.light {
  background-color: #ec6f5a;
}
.btn-danger.light:hover,
.btn-danger.light:focus,
.btn-danger.light:active,
.btn-danger.light.active,
.open > .dropdown-toggle.btn-danger.light {
  background-color: #e63f24;
}
.btn-danger.dark {
  background-color: #e63f24;
}
.btn-danger.dark:hover,
.btn-danger.dark:focus,
.btn-danger.dark:active,
.btn-danger.dark.active,
.open > .dropdown-toggle.btn-danger.dark {
  background-color: #d33218;
}
.btn-alert {
  color: #ffffff;
  background-color: #967adc;
}
.btn-alert:hover,
.btn-alert:focus,
.btn-alert:active,
.btn-alert.active,
.open > .dropdown-toggle.btn-alert {
  color: #ffffff;
  background-color: #7e5cd4;
  border-color: rgba(0, 0, 0, 0.05);
}
.btn-alert:active,
.btn-alert.active,
.open > .dropdown-toggle.btn-alert {
  background-image: none;
}
.btn-alert.disabled,
.btn-alert[disabled],
fieldset[disabled] .btn-alert,
.btn-alert.disabled:hover,
.btn-alert[disabled]:hover,
fieldset[disabled] .btn-alert:hover,
.btn-alert.disabled:focus,
.btn-alert[disabled]:focus,
fieldset[disabled] .btn-alert:focus,
.btn-alert.disabled:active,
.btn-alert[disabled]:active,
fieldset[disabled] .btn-alert:active,
.btn-alert.disabled.active,
.btn-alert[disabled].active,
fieldset[disabled] .btn-alert.active {
  background-color: #967adc;
  border-color: #967adc;
}
.btn-alert .badge {
  color: #967adc;
  background-color: #ffffff;
}
.btn-alert.light {
  background-color: #a992e2;
}
.btn-alert.light:hover,
.btn-alert.light:focus,
.btn-alert.light:active,
.btn-alert.light.active,
.open > .dropdown-toggle.btn-alert.light {
  background-color: #8362d6;
}
.btn-alert.dark {
  background-color: #8362d6;
}
.btn-alert.dark:hover,
.btn-alert.dark:focus,
.btn-alert.dark:active,
.btn-alert.dark.active,
.open > .dropdown-toggle.btn-alert.dark {
  background-color: #704acf;
}
.btn-system {
  color: #ffffff;
  background-color: #37bc9b;
}
.btn-system:hover,
.btn-system:focus,
.btn-system:active,
.btn-system.active,
.open > .dropdown-toggle.btn-system {
  color: #ffffff;
  background-color: #2e9e83;
  border-color: rgba(0, 0, 0, 0.05);
}
.btn-system:active,
.btn-system.active,
.open > .dropdown-toggle.btn-system {
  background-image: none;
}
.btn-system.disabled,
.btn-system[disabled],
fieldset[disabled] .btn-system,
.btn-system.disabled:hover,
.btn-system[disabled]:hover,
fieldset[disabled] .btn-system:hover,
.btn-system.disabled:focus,
.btn-system[disabled]:focus,
fieldset[disabled] .btn-system:focus,
.btn-system.disabled:active,
.btn-system[disabled]:active,
fieldset[disabled] .btn-system:active,
.btn-system.disabled.active,
.btn-system[disabled].active,
fieldset[disabled] .btn-system.active {
  background-color: #37bc9b;
  border-color: #37bc9b;
}
.btn-system .badge {
  color: #37bc9b;
  background-color: #ffffff;
}
.btn-system.light {
  background-color: #48c9a9;
}
.btn-system.light:hover,
.btn-system.light:focus,
.btn-system.light:active,
.btn-system.light.active,
.open > .dropdown-toggle.btn-system.light {
  background-color: #30a487;
}
.btn-system.dark {
  background-color: #30a487;
}
.btn-system.dark:hover,
.btn-system.dark:focus,
.btn-system.dark:active,
.btn-system.dark.active,
.open > .dropdown-toggle.btn-system.dark {
  background-color: #298d74;
}
.btn-dark {
  color: #ffffff;
  background-color: #3b3f4f;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  color: #ffffff;
  background-color: #2b2e39;
  border-color: rgba(0, 0, 0, 0.05);
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #3b3f4f;
  border-color: #3b3f4f;
}
.btn-dark .badge {
  color: #3b3f4f;
  background-color: #ffffff;
}
.btn-dark.light {
  background-color: #484d61;
}
.btn-dark.light:hover,
.btn-dark.light:focus,
.btn-dark.light:active,
.btn-dark.light.active,
.open > .dropdown-toggle.btn-dark.light {
  background-color: #2e313d;
}
.btn-dark.dark {
  background-color: #2e313d;
}
.btn-dark.dark:hover,
.btn-dark.dark:focus,
.btn-dark.dark:active,
.btn-dark.dark.active,
.open > .dropdown-toggle.btn-dark.dark {
  background-color: #21232c;
}
/* ALT BUTTON CONTEXTUALS
 */
.btn.btn-alt.btn-default {
  border-left-color: #AAA;
}
.btn.btn-alt.btn-primary {
  border-left-color: #0073aa;
}
.btn.btn-alt.btn-success {
  border-left-color: #70ca63;
}
.btn.btn-alt.btn-info {
  border-left-color: #3bafda;
}
.btn.btn-alt.btn-warning {
  border-left-color: #f6bb42;
}
.btn.btn-alt.btn-danger {
  border-left-color: #e9573f;
}
.btn.btn-alt.btn-alert {
  border-left-color: #967adc;
}
.btn.btn-alt.btn-system {
  border-left-color: #37bc9b;
}
.btn.btn-alt.btn-dark {
  border-left-color: #3b3f4f;
}
/* CHECKBOX/RADIO CONTEXTUALS
 */
.radio-custom.radio-primary label:before,
.checkbox-custom.checkbox-primary label:before {
  border-color: #649ae1;
}
.radio-custom.radio-primary input[type=radio]:checked + label:after,
.radio-custom.radio-primary input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-primary input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-primary input[type=radio]:checked + label:after {
  background-color: #649ae1;
  color: #649ae1;
}
.checkbox-custom.fill.checkbox-primary label:before {
  background-color: #649ae1;
}
.radio-custom.radio-success label:before,
.checkbox-custom.checkbox-success label:before {
  border-color: #85d27a;
}
.radio-custom.radio-success input[type=radio]:checked + label:after,
.radio-custom.radio-success input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-success input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-success input[type=radio]:checked + label:after {
  background-color: #85d27a;
  color: #85d27a;
}
.checkbox-custom.fill.checkbox-success label:before {
  background-color: #85d27a;
}
.radio-custom.radio-info label:before,
.checkbox-custom.checkbox-info label:before {
  border-color: #55badf;
}
.radio-custom.radio-info input[type=radio]:checked + label:after,
.radio-custom.radio-info input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-info input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-info input[type=radio]:checked + label:after {
  background-color: #55badf;
  color: #55badf;
}
.checkbox-custom.fill.checkbox-info label:before {
  background-color: #55badf;
}
.radio-custom.radio-warning label:before,
.checkbox-custom.checkbox-warning label:before {
  border-color: #f7c65f;
}
.radio-custom.radio-warning input[type=radio]:checked + label:after,
.radio-custom.radio-warning input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-warning input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-warning input[type=radio]:checked + label:after {
  background-color: #f7c65f;
  color: #f7c65f;
}
.checkbox-custom.fill.checkbox-warning label:before {
  background-color: #f7c65f;
}
.radio-custom.radio-danger label:before,
.checkbox-custom.checkbox-danger label:before {
  border-color: #ec6f5a;
}
.radio-custom.radio-danger input[type=radio]:checked + label:after,
.radio-custom.radio-danger input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-danger input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-danger input[type=radio]:checked + label:after {
  background-color: #ec6f5a;
  color: #ec6f5a;
}
.checkbox-custom.fill.checkbox-danger label:before {
  background-color: #ec6f5a;
}
.radio-custom.radio-alert label:before,
.checkbox-custom.checkbox-alert label:before {
  border-color: #a992e2;
}
.radio-custom.radio-alert input[type=radio]:checked + label:after,
.radio-custom.radio-alert input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-alert input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-alert input[type=radio]:checked + label:after {
  background-color: #a992e2;
  color: #a992e2;
}
.checkbox-custom.fill.checkbox-alert label:before {
  background-color: #a992e2;
}
.radio-custom.radio-system label:before,
.checkbox-custom.checkbox-system label:before {
  border-color: #48c9a9;
}
.radio-custom.radio-system input[type=radio]:checked + label:after,
.radio-custom.radio-system input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-system input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-system input[type=radio]:checked + label:after {
  background-color: #48c9a9;
  color: #48c9a9;
}
.checkbox-custom.fill.checkbox-system label:before {
  background-color: #48c9a9;
}
.radio-custom.radio-dark label:before,
.checkbox-custom.checkbox-dark label:before {
  border-color: #484d61;
}
.radio-custom.radio-dark input[type=radio]:checked + label:after,
.radio-custom.radio-dark input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-dark input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-dark input[type=radio]:checked + label:after {
  background-color: #484d61;
  color: #484d61;
}
.checkbox-custom.fill.checkbox-dark label:before {
  background-color: #484d61;
}
.radio-custom.radio-light label:before,
.checkbox-custom.checkbox-light label:before {
  border-color: #eee;
}
.radio-custom.radio-light input[type=radio]:checked + label:after,
.radio-custom.radio-light input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-light input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-light input[type=radio]:checked + label:after {
  background-color: #666;
  color: #666 !important;
}
.checkbox-custom.fill.checkbox-light label:before {
  background-color: #eee;
}
.radio-custom.radio-disabled label:before,
.checkbox-custom.checkbox-disabled label:before {
  border-color: #b9b9b9;
}
.radio-custom.radio-disabled input[type=radio]:checked + label:after,
.radio-custom.radio-disabled input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-disabled input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-disabled input[type=radio]:checked + label:after {
  background-color: #b9b9b9;
  color: #b9b9b9;
}
.checkbox-custom.fill.checkbox-disabled label:before {
  background-color: #b9b9b9;
}
/* LISTGROUP CONTEXTUALS
 * Add modifier classes to change text and background color on individual items.
 * Organizationally, this must come after the `:hover` states.
 */
.list-group-item-primary {
  color: #1f57a1;
  border-color: #97bbeb;
  background-color: #caddf5;
}
a.list-group-item-primary {
  color: #1f57a1;
}
a.list-group-item-primary .list-group-item-heading {
  color: inherit;
}
a.list-group-item-primary:hover,
a.list-group-item-primary:focus {
  color: #1f57a1;
  background-color: #dbe8f8;
}
a.list-group-item-primary.active,
a.list-group-item-primary.active:hover,
a.list-group-item-primary.active:focus {
  color: #fff;
  background-color: #0073aa;
  border-color: #0073aa;
}
.list-group-item-success {
  color: #3f9532;
  border-color: #afe1a8;
  background-color: #d9f1d5;
}
a.list-group-item-success {
  color: #3f9532;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3f9532;
  background-color: #e7f6e4;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #70ca63;
  border-color: #70ca63;
}
.list-group-item-info {
  color: #1c7393;
  border-color: #88cfe9;
  background-color: #bce4f2;
}
a.list-group-item-info {
  color: #1c7393;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #1c7393;
  background-color: #cdebf6;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #3bafda;
  border-color: #3bafda;
}
.list-group-item-warning {
  color: #c88a0a;
  border-color: #fadb9a;
  background-color: #fdf0d4;
}
a.list-group-item-warning {
  color: #c88a0a;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #c88a0a;
  background-color: #fef7e8;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #f6bb42;
  border-color: #f6bb42;
}
.list-group-item-danger {
  color: #bc2d16;
  border-color: #f4ab9f;
  background-color: #fadbd6;
}
a.list-group-item-danger {
  color: #bc2d16;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #bc2d16;
  background-color: #fcebe8;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #e9573f;
  border-color: #e9573f;
}
.list-group-item-alert {
  color: #542fb2;
  border-color: #c6b7ec;
  background-color: #ece7f9;
}
a.list-group-item-alert {
  color: #542fb2;
}
a.list-group-item-alert .list-group-item-heading {
  color: inherit;
}
a.list-group-item-alert:hover,
a.list-group-item-alert:focus {
  color: #542fb2;
  background-color: #f9f7fd;
}
a.list-group-item-alert.active,
a.list-group-item-alert.active:hover,
a.list-group-item-alert.active:focus {
  color: #fff;
  background-color: #967adc;
  border-color: #967adc;
}
.list-group-item-system {
  color: #206d5a;
  border-color: #77d7c0;
  background-color: #a7e5d6;
}
a.list-group-item-system {
  color: #206d5a;
}
a.list-group-item-system .list-group-item-heading {
  color: inherit;
}
a.list-group-item-system:hover,
a.list-group-item-system:focus {
  color: #206d5a;
  background-color: #b7eadd;
}
a.list-group-item-system.active,
a.list-group-item-system.active:hover,
a.list-group-item-system.active:focus {
  color: #fff;
  background-color: #37bc9b;
  border-color: #37bc9b;
}
.list-group-item-dark {
  color: #3b3f4f;
  border-color: #999eb3;
  background-color: #bcbfcd;
}
a.list-group-item-dark {
  color: #3b3f4f;
}
a.list-group-item-dark .list-group-item-heading {
  color: inherit;
}
a.list-group-item-dark:hover,
a.list-group-item-dark:focus {
  color: #3b3f4f;
  background-color: #c8cbd6;
}
a.list-group-item-dark.active,
a.list-group-item-dark.active:hover,
a.list-group-item-dark.active:focus {
  color: #fff;
  background-color: #3b3f4f;
  border-color: #3b3f4f;
}
/* PANEL CONTEXTUALS
 */
.panel-primary.panel-border {
  border-color: #0073aa;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #0073aa;
  border-color: #0073aa;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0073aa;
}
.panel-primary > .panel-heading .badge {
  color: #0073aa;
  background-color: #ffffff;
}
.panel-primary > .panel-heading > .panel-title {
  color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0073aa;
}
.panel-primary > .panel-body.fill {
  color: #FFF;
  border-color: #82ade7;
  background-color: #82ade7;
}
.panel-primary > .panel-body.border {
  border: 3px solid #0073aa;
}
.panel-success.panel-border {
  border-color: #70ca63;
}
.panel-success > .panel-heading {
  color: #ffffff;
  background-color: #70ca63;
  border-color: #70ca63;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #70ca63;
}
.panel-success > .panel-heading .badge {
  color: #70ca63;
  background-color: #ffffff;
}
.panel-success > .panel-heading > .panel-title {
  color: #ffffff;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #70ca63;
}
.panel-success > .panel-body.fill {
  color: #FFF;
  border-color: #9ddb94;
  background-color: #9ddb94;
}
.panel-success > .panel-body.border {
  border: 3px solid #70ca63;
}
.panel-info.panel-border {
  border-color: #3bafda;
}
.panel-info > .panel-heading {
  color: #ffffff;
  background-color: #3bafda;
  border-color: #3bafda;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3bafda;
}
.panel-info > .panel-heading .badge {
  color: #3bafda;
  background-color: #ffffff;
}
.panel-info > .panel-heading > .panel-title {
  color: #ffffff;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #3bafda;
}
.panel-info > .panel-body.fill {
  color: #FFF;
  border-color: #73c6e5;
  background-color: #73c6e5;
}
.panel-info > .panel-body.border {
  border: 3px solid #3bafda;
}
.panel-warning.panel-border {
  border-color: #f6bb42;
}
.panel-warning > .panel-heading {
  color: #ffffff;
  background-color: #f6bb42;
  border-color: #f6bb42;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f6bb42;
}
.panel-warning > .panel-heading .badge {
  color: #f6bb42;
  background-color: #ffffff;
}
.panel-warning > .panel-heading > .panel-title {
  color: #ffffff;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f6bb42;
}
.panel-warning > .panel-body.fill {
  color: #FFF;
  border-color: #f9d281;
  background-color: #f9d281;
}
.panel-warning > .panel-body.border {
  border: 3px solid #f6bb42;
}
.panel-danger.panel-border {
  border-color: #e9573f;
}
.panel-danger > .panel-heading {
  color: #ffffff;
  background-color: #e9573f;
  border-color: #e9573f;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e9573f;
}
.panel-danger > .panel-heading .badge {
  color: #e9573f;
  background-color: #ffffff;
}
.panel-danger > .panel-heading > .panel-title {
  color: #ffffff;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e9573f;
}
.panel-danger > .panel-body.fill {
  color: #FFF;
  border-color: #f08b7a;
  background-color: #f08b7a;
}
.panel-danger > .panel-body.border {
  border: 3px solid #e9573f;
}
.panel-alert.panel-border {
  border-color: #967adc;
}
.panel-alert > .panel-heading {
  color: #ffffff;
  background-color: #967adc;
  border-color: #967adc;
}
.panel-alert > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #967adc;
}
.panel-alert > .panel-heading .badge {
  color: #967adc;
  background-color: #ffffff;
}
.panel-alert > .panel-heading > .panel-title {
  color: #ffffff;
}
.panel-alert > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #967adc;
}
.panel-alert > .panel-body.fill {
  color: #FFF;
  border-color: #bfaeea;
  background-color: #bfaeea;
}
.panel-alert > .panel-body.border {
  border: 3px solid #967adc;
}
.panel-system.panel-border {
  border-color: #37bc9b;
}
.panel-system > .panel-heading {
  color: #ffffff;
  background-color: #37bc9b;
  border-color: #37bc9b;
}
.panel-system > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #37bc9b;
}
.panel-system > .panel-heading .badge {
  color: #37bc9b;
  background-color: #ffffff;
}
.panel-system > .panel-heading > .panel-title {
  color: #ffffff;
}
.panel-system > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #37bc9b;
}
.panel-system > .panel-body.fill {
  color: #FFF;
  border-color: #64d2b6;
  background-color: #64d2b6;
}
.panel-system > .panel-body.border {
  border: 3px solid #37bc9b;
}
.panel-dark.panel-border {
  border-color: #3b3f4f;
}
.panel-dark > .panel-heading {
  color: #ffffff;
  background-color: #3b3f4f;
  border-color: #3b3f4f;
}
.panel-dark > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3b3f4f;
}
.panel-dark > .panel-heading .badge {
  color: #3b3f4f;
  background-color: #ffffff;
}
.panel-dark > .panel-heading > .panel-title {
  color: #ffffff;
}
.panel-dark > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #3b3f4f;
}
.panel-dark > .panel-body.fill {
  color: #FFF;
  border-color: #575d75;
  background-color: #575d75;
}
.panel-dark > .panel-body.border {
  border: 3px solid #3b3f4f;
}
/* PROGRESS BAR CONTEXTUALS
 */
.progress-bar-default {
  background-color: #999999;
}
.progress-bar-default.light {
  background-color: #a2a2a2;
}
.progress-bar-default.dark {
  background-color: #909090;
}
.progress-striped .progress-bar-default {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-primary {
  background-color: #0073aa;
}
.progress-bar-primary.light {
  background-color: #5993df;
}
.progress-bar-primary.dark {
  background-color: #3b7fd9;
}
.progress-striped .progress-bar-primary {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-success {
  background-color: #70ca63;
}
.progress-bar-success.light {
  background-color: #7ccf70;
}
.progress-bar-success.dark {
  background-color: #64c556;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #3bafda;
}
.progress-bar-info.light {
  background-color: #4ab5dd;
}
.progress-bar-info.dark {
  background-color: #2ca9d7;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f6bb42;
}
.progress-bar-warning.light {
  background-color: #f7c153;
}
.progress-bar-warning.dark {
  background-color: #f5b531;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #e9573f;
}
.progress-bar-danger.light {
  background-color: #eb654f;
}
.progress-bar-danger.dark {
  background-color: #e7492f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-alert {
  background-color: #967adc;
}
.progress-bar-alert.light {
  background-color: #a188e0;
}
.progress-bar-alert.dark {
  background-color: #8b6cd8;
}
.progress-striped .progress-bar-alert {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-system {
  background-color: #37bc9b;
}
.progress-bar-system.light {
  background-color: #3ec7a5;
}
.progress-bar-system.dark {
  background-color: #33ae90;
}
.progress-striped .progress-bar-system {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-dark {
  background-color: #3b3f4f;
}
.progress-bar-dark.light {
  background-color: #434759;
}
.progress-bar-dark.dark {
  background-color: #333745;
}
.progress-striped .progress-bar-dark {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* SWITCH CONTEXTUALS 
 */
div.switch.switch-primary input:checked + label {
  background-color: #0073aa;
}
div.switch.switch-success input:checked + label {
  background-color: #70ca63;
}
div.switch.switch-info input:checked + label {
  background-color: #3bafda;
}
div.switch.switch-warning input:checked + label {
  background-color: #f6bb42;
}
div.switch.switch-danger input:checked + label {
  background-color: #e9573f;
}
div.switch.switch-alert input:checked + label {
  background-color: #967adc;
}
div.switch.switch-system input:checked + label {
  background-color: #37bc9b;
}
div.switch.switch-dark input:checked + label {
  background-color: #3b3f4f;
}
/* TABLE BG CONTEXTUALS
 * Exact selectors below required to override `.table-striped`
 * and prevent inheritance to nested tables.
 */
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  color: #a9a9a9;
  border-color: #ffffff;
  background-color: #ffffff;
}
.table > thead > tr.active + tr > th,
.table > tbody > tr.active + tr > th,
.table > tfoot > tr.active + tr > th,
.table > thead > tr.active + tr > td,
.table > tbody > tr.active + tr > td,
.table > tfoot > tr.active + tr > td {
  border-top: 1px solid #ffffff;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #ffffff;
}
.table > thead > tr > td.default,
.table > tbody > tr > td.default,
.table > tfoot > tr > td.default,
.table > thead > tr > th.default,
.table > tbody > tr > th.default,
.table > tfoot > tr > th.default,
.table > thead > tr.default > td,
.table > tbody > tr.default > td,
.table > tfoot > tr.default > td,
.table > thead > tr.default > th,
.table > tbody > tr.default > th,
.table > tfoot > tr.default > th {
  color: #b3b3b3;
  border-color: #ffffff;
  background-color: #ffffff;
}
.table > thead > tr.default + tr > th,
.table > tbody > tr.default + tr > th,
.table > tfoot > tr.default + tr > th,
.table > thead > tr.default + tr > td,
.table > tbody > tr.default + tr > td,
.table > tfoot > tr.default + tr > td {
  border-top: 1px solid #ffffff;
}
.table-hover > tbody > tr > td.default:hover,
.table-hover > tbody > tr > th.default:hover,
.table-hover > tbody > tr.default:hover > td,
.table-hover > tbody > tr:hover > .default,
.table-hover > tbody > tr.default:hover > th {
  background-color: #ffffff;
}
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
  color: #1f57a1;
  border-color: #97bbeb;
  background-color: #caddf5;
}
.table > thead > tr.primary + tr > th,
.table > tbody > tr.primary + tr > th,
.table > tfoot > tr.primary + tr > th,
.table > thead > tr.primary + tr > td,
.table > tbody > tr.primary + tr > td,
.table > tfoot > tr.primary + tr > td {
  border-top: 1px solid #97bbeb;
}
.table-hover > tbody > tr > td.primary:hover,
.table-hover > tbody > tr > th.primary:hover,
.table-hover > tbody > tr.primary:hover > td,
.table-hover > tbody > tr:hover > .primary,
.table-hover > tbody > tr.primary:hover > th {
  background-color: #dbe8f8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  color: #3f9532;
  border-color: #afe1a8;
  background-color: #d9f1d5;
}
.table > thead > tr.success + tr > th,
.table > tbody > tr.success + tr > th,
.table > tfoot > tr.success + tr > th,
.table > thead > tr.success + tr > td,
.table > tbody > tr.success + tr > td,
.table > tfoot > tr.success + tr > td {
  border-top: 1px solid #afe1a8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #e7f6e4;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  color: #1c7393;
  border-color: #88cfe9;
  background-color: #bce4f2;
}
.table > thead > tr.info + tr > th,
.table > tbody > tr.info + tr > th,
.table > tfoot > tr.info + tr > th,
.table > thead > tr.info + tr > td,
.table > tbody > tr.info + tr > td,
.table > tfoot > tr.info + tr > td {
  border-top: 1px solid #88cfe9;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #cdebf6;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  color: #c88a0a;
  border-color: #fadb9a;
  background-color: #fdf0d4;
}
.table > thead > tr.warning + tr > th,
.table > tbody > tr.warning + tr > th,
.table > tfoot > tr.warning + tr > th,
.table > thead > tr.warning + tr > td,
.table > tbody > tr.warning + tr > td,
.table > tfoot > tr.warning + tr > td {
  border-top: 1px solid #fadb9a;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #fef7e8;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  color: #bc2d16;
  border-color: #f4ab9f;
  background-color: #fadbd6;
}
.table > thead > tr.danger + tr > th,
.table > tbody > tr.danger + tr > th,
.table > tfoot > tr.danger + tr > th,
.table > thead > tr.danger + tr > td,
.table > tbody > tr.danger + tr > td,
.table > tfoot > tr.danger + tr > td {
  border-top: 1px solid #f4ab9f;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #fcebe8;
}
.table > thead > tr > td.alert,
.table > tbody > tr > td.alert,
.table > tfoot > tr > td.alert,
.table > thead > tr > th.alert,
.table > tbody > tr > th.alert,
.table > tfoot > tr > th.alert,
.table > thead > tr.alert > td,
.table > tbody > tr.alert > td,
.table > tfoot > tr.alert > td,
.table > thead > tr.alert > th,
.table > tbody > tr.alert > th,
.table > tfoot > tr.alert > th {
  color: #542fb2;
  border-color: #c6b7ec;
  background-color: #ece7f9;
}
.table > thead > tr.alert + tr > th,
.table > tbody > tr.alert + tr > th,
.table > tfoot > tr.alert + tr > th,
.table > thead > tr.alert + tr > td,
.table > tbody > tr.alert + tr > td,
.table > tfoot > tr.alert + tr > td {
  border-top: 1px solid #c6b7ec;
}
.table-hover > tbody > tr > td.alert:hover,
.table-hover > tbody > tr > th.alert:hover,
.table-hover > tbody > tr.alert:hover > td,
.table-hover > tbody > tr:hover > .alert,
.table-hover > tbody > tr.alert:hover > th {
  background-color: #f9f7fd;
}
.table > thead > tr > td.system,
.table > tbody > tr > td.system,
.table > tfoot > tr > td.system,
.table > thead > tr > th.system,
.table > tbody > tr > th.system,
.table > tfoot > tr > th.system,
.table > thead > tr.system > td,
.table > tbody > tr.system > td,
.table > tfoot > tr.system > td,
.table > thead > tr.system > th,
.table > tbody > tr.system > th,
.table > tfoot > tr.system > th {
  color: #206d5a;
  border-color: #77d7c0;
  background-color: #a7e5d6;
}
.table > thead > tr.system + tr > th,
.table > tbody > tr.system + tr > th,
.table > tfoot > tr.system + tr > th,
.table > thead > tr.system + tr > td,
.table > tbody > tr.system + tr > td,
.table > tfoot > tr.system + tr > td {
  border-top: 1px solid #77d7c0;
}
.table-hover > tbody > tr > td.system:hover,
.table-hover > tbody > tr > th.system:hover,
.table-hover > tbody > tr.system:hover > td,
.table-hover > tbody > tr:hover > .system,
.table-hover > tbody > tr.system:hover > th {
  background-color: #b7eadd;
}
.table > thead > tr > td.dark,
.table > tbody > tr > td.dark,
.table > tfoot > tr > td.dark,
.table > thead > tr > th.dark,
.table > tbody > tr > th.dark,
.table > tfoot > tr > th.dark,
.table > thead > tr.dark > td,
.table > tbody > tr.dark > td,
.table > tfoot > tr.dark > td,
.table > thead > tr.dark > th,
.table > tbody > tr.dark > th,
.table > tfoot > tr.dark > th {
  color: #3b3f4f;
  border-color: #999eb3;
  background-color: #bcbfcd;
}
.table > thead > tr.dark + tr > th,
.table > tbody > tr.dark + tr > th,
.table > tfoot > tr.dark + tr > th,
.table > thead > tr.dark + tr > td,
.table > tbody > tr.dark + tr > td,
.table > tfoot > tr.dark + tr > td {
  border-top: 1px solid #999eb3;
}
.table-hover > tbody > tr > td.dark:hover,
.table-hover > tbody > tr > th.dark:hover,
.table-hover > tbody > tr.dark:hover > td,
.table-hover > tbody > tr:hover > .dark,
.table-hover > tbody > tr.dark:hover > th {
  background-color: #c8cbd6;
}
/* TEXT COLOR CONTEXTUALS
 */
.text-white {
  color: #ffffff;
}
a.text-white:hover {
  color: #808080;
}
.text-white-light {
  color: #ffffff;
}
.text-white-lighter {
  color: #ffffff;
}
.text-white-dark {
  color: #f6f6f6;
}
.text-white-darker {
  color: #ececec;
}
.text-muted {
  color: #999999;
}
a.text-muted:hover {
  color: #191919;
}
.text-muted-light {
  color: #a2a2a2;
}
.text-muted-lighter {
  color: #acacac;
}
.text-muted-dark {
  color: #909090;
}
.text-muted-darker {
  color: #868686;
}
.text-primary {
  color: #0073aa;
}
a.text-primary:hover {
  color: #061221;
}
.text-primary-light {
  color: #5993df;
}
.text-primary-lighter {
  color: #6a9ee2;
}
.text-primary-dark {
  color: #3b7fd9;
}
.text-primary-darker {
  color: #2a74d6;
}
.text-success {
  color: #70ca63;
}
a.text-success:hover {
  color: #0f220c;
}
.text-success-light {
  color: #7ccf70;
}
.text-success-lighter {
  color: #8ad480;
}
.text-success-dark {
  color: #64c556;
}
.text-success-darker {
  color: #56c046;
}
.text-info {
  color: #3bafda;
}
a.text-info:hover {
  color: #030e13;
}
.text-info-light {
  color: #4ab5dd;
}
.text-info-lighter {
  color: #5bbce0;
}
.text-info-dark {
  color: #2ca9d7;
}
.text-info-darker {
  color: #269dc9;
}
.text-warning {
  color: #f6bb42;
}
a.text-warning:hover {
  color: #362503;
}
.text-warning-light {
  color: #f7c153;
}
.text-warning-lighter {
  color: #f8c867;
}
.text-warning-dark {
  color: #f5b531;
}
.text-warning-darker {
  color: #f4ae1d;
}
.text-danger {
  color: #e9573f;
}
a.text-danger:hover {
  color: #250904;
}
.text-danger-light {
  color: #eb654f;
}
.text-danger-lighter {
  color: #ed7561;
}
.text-danger-dark {
  color: #e7492f;
}
.text-danger-darker {
  color: #e5391d;
}
.text-alert {
  color: #967adc;
}
a.text-alert:hover {
  color: #211245;
}
.text-alert-light {
  color: #a188e0;
}
.text-alert-lighter {
  color: #ae98e4;
}
.text-alert-dark {
  color: #8b6cd8;
}
.text-alert-darker {
  color: #7e5cd4;
}
.text-system {
  color: #37bc9b;
}
a.text-system:hover {
  color: #000000;
}
.text-system-light {
  color: #3ec7a5;
}
.text-system-lighter {
  color: #4ecbac;
}
.text-system-dark {
  color: #33ae90;
}
.text-system-darker {
  color: #2e9e83;
}
.text-dark {
  color: #3b3f4f;
}
a.text-dark:hover {
  color: #000000;
}
.text-dark-light {
  color: #434759;
}
.text-dark-lighter {
  color: #4b5065;
}
.text-dark-dark {
  color: #333745;
}
.text-dark-darker {
  color: #2b2e39;
}
.text-tp {
  color: rgba(0, 0, 0, 0.2);
}
a.text-tp:hover {
  color: rgba(0, 0, 0, 0.3);
}
/* BLOCKQUOTE CONTEXTUALS
 */
blockquote.blockquote-primary {
  border-color: #0073aa;
}
blockquote.blockquote-success {
  border-color: #70ca63;
}
blockquote.blockquote-info {
  border-color: #3bafda;
}
blockquote.blockquote-warning {
  border-color: #f6bb42;
}
blockquote.blockquote-danger {
  border-color: #e9573f;
}
blockquote.blockquote-alert {
  border-color: #967adc;
}
blockquote.blockquote-system {
  border-color: #37bc9b;
}
blockquote.blockquote-dark {
  border-color: #3b3f4f;
}
/* DROPCAP CONTEXTUALS
 */
.dropcap.dropcap-default:first-letter {
  color: #666;
}
.dropcap.dropcap-primary:first-letter {
  color: #0073aa;
}
.dropcap.dropcap-success:first-letter {
  color: #70ca63;
}
.dropcap.dropcap-info:first-letter {
  color: #3bafda;
}
.dropcap.dropcap-warning:first-letter {
  color: #f6bb42;
}
.dropcap.dropcap-danger:first-letter {
  color: #e9573f;
}
.dropcap.dropcap-alert:first-letter {
  color: #967adc;
}
.dropcap.dropcap-system:first-letter {
  color: #37bc9b;
}
.dropcap.dropcap-dark:first-letter {
  color: #111;
}
.dropcap.dropcap-muted:first-letter {
  color: #AAA;
}
.dropcap.dropcap-fill:first-letter {
  color: #FFF;
}
.dropcap.dropcap-fill.dropcap-default:first-letter {
  color: #444;
  background-color: #f0f0f0;
}
.dropcap.dropcap-fill.dropcap-primary:first-letter {
  background-color: #0073aa;
}
.dropcap.dropcap-fill.dropcap-success:first-letter {
  background-color: #70ca63;
}
.dropcap.dropcap-fill.dropcap-info:first-letter {
  background-color: #3bafda;
}
.dropcap.dropcap-fill.dropcap-warning:first-letter {
  background-color: #f6bb42;
}
.dropcap.dropcap-fill.dropcap-danger:first-letter {
  background-color: #e9573f;
}
.dropcap.dropcap-fill.dropcap-alert:first-letter {
  background-color: #967adc;
}
.dropcap.dropcap-fill.dropcap-system:first-letter {
  background-color: #37bc9b;
}
.dropcap.dropcap-fill.dropcap-dark:first-letter {
  background-color: #3b3f4f;
}
.dropcap.dropcap-fill.dropcap-muted:first-letter {
  color: #888;
  background-color: #f0f0f0;
}
/* ALERT CONTEXTUALS
 */
.alert-primary {
  background-color: #6c9fe3;
}
.alert-primary.alert-border-right {
  border-right-color: #2567bf;
}
.alert-primary.alert-border-top {
  border-top-color: #2567bf;
}
.alert-primary.alert-border-bottom {
  border-bottom-color: #2567bf;
}
.alert-primary.alert-border-left {
  border-left-color: #2567bf;
}
.alert-primary.light {
  background-color: #8ab3e8;
}
.alert-primary.dark {
  background-color: #3d81da;
}
.alert-primary.pastel {
  color: #2363b6;
  background-color: #caddf5;
  border-color: rgba(0, 0, 0, 0.1);
}
.alert-primary.pastel .alert-link {
  color: #2363b6;
}
.alert-primary.pastel.alert-micro {
  border-color: #75a5e4;
}
.alert-primary.pastel .close {
  color: #2363b6;
}
.alert-primary.pastel .close:hover {
  color: #2363b6;
}
.alert-success {
  background-color: #8cd481;
}
.alert-success.alert-border-right {
  border-right-color: #4aaf3c;
}
.alert-success.alert-border-top {
  border-top-color: #4aaf3c;
}
.alert-success.alert-border-bottom {
  border-bottom-color: #4aaf3c;
}
.alert-success.alert-border-left {
  border-left-color: #4aaf3c;
}
.alert-success.light {
  background-color: #a4dd9c;
}
.alert-success.dark {
  background-color: #66c658;
}
.alert-success.pastel {
  color: #47a839;
  background-color: #d9f1d5;
  border-color: rgba(0, 0, 0, 0.1);
}
.alert-success.pastel .alert-link {
  color: #47a839;
}
.alert-success.pastel.alert-micro {
  border-color: #93d789;
}
.alert-success.pastel .close {
  color: #47a839;
}
.alert-success.pastel .close:hover {
  color: #47a839;
}
.alert-info {
  background-color: #5dbde0;
}
.alert-info.alert-border-right {
  border-right-color: #218ab1;
}
.alert-info.alert-border-top {
  border-top-color: #218ab1;
}
.alert-info.alert-border-bottom {
  border-bottom-color: #218ab1;
}
.alert-info.alert-border-left {
  border-left-color: #218ab1;
}
.alert-info.light {
  background-color: #7bc9e6;
}
.alert-info.dark {
  background-color: #2eaad8;
}
.alert-info.pastel {
  color: #2084a9;
  background-color: #bce4f2;
  border-color: rgba(0, 0, 0, 0.1);
}
.alert-info.pastel .alert-link {
  color: #2084a9;
}
.alert-info.pastel.alert-micro {
  border-color: #66c1e2;
}
.alert-info.pastel .close {
  color: #2084a9;
}
.alert-info.pastel .close:hover {
  color: #2084a9;
}
.alert-warning {
  background-color: #f8c969;
}
.alert-warning.alert-border-right {
  border-right-color: #eba10b;
}
.alert-warning.alert-border-top {
  border-top-color: #eba10b;
}
.alert-warning.alert-border-bottom {
  border-bottom-color: #eba10b;
}
.alert-warning.alert-border-left {
  border-left-color: #eba10b;
}
.alert-warning.light {
  background-color: #f9d58b;
}
.alert-warning.dark {
  background-color: #f5b633;
}
.alert-warning.pastel {
  color: #e19b0b;
  background-color: #fdf0d4;
  border-color: rgba(0, 0, 0, 0.1);
}
.alert-warning.pastel .alert-link {
  color: #e19b0b;
}
.alert-warning.pastel.alert-micro {
  border-color: #f8cd73;
}
.alert-warning.pastel .close {
  color: #e19b0b;
}
.alert-warning.pastel .close:hover {
  color: #e19b0b;
}
.alert-danger {
  background-color: #ed7764;
}
.alert-danger.alert-border-right {
  border-right-color: #ce3118;
}
.alert-danger.alert-border-top {
  border-top-color: #ce3118;
}
.alert-danger.alert-border-bottom {
  border-bottom-color: #ce3118;
}
.alert-danger.alert-border-left {
  border-left-color: #ce3118;
}
.alert-danger.light {
  background-color: #f19384;
}
.alert-danger.dark {
  background-color: #e74b31;
}
.alert-danger.pastel {
  color: #c52f17;
  background-color: #f9cfc8;
  border-color: rgba(0, 0, 0, 0.1);
}
.alert-danger.pastel .alert-link {
  color: #c52f17;
}
.alert-danger.pastel.alert-micro {
  border-color: #ee7f6d;
}
.alert-danger.pastel .close {
  color: #c52f17;
}
.alert-danger.pastel .close:hover {
  color: #c52f17;
}
.alert-alert {
  background-color: #b09ae4;
}
.alert-alert.alert-border-right {
  border-right-color: #6d46ce;
}
.alert-alert.alert-border-top {
  border-top-color: #6d46ce;
}
.alert-alert.alert-border-bottom {
  border-bottom-color: #6d46ce;
}
.alert-alert.alert-border-left {
  border-left-color: #6d46ce;
}
.alert-alert.light {
  background-color: #c6b7ec;
}
.alert-alert.dark {
  background-color: #8c6ed9;
}
.alert-alert.pastel {
  color: #663dcc;
  background-color: #f6f3fc;
  border-color: rgba(0, 0, 0, 0.1);
}
.alert-alert.pastel .alert-link {
  color: #663dcc;
}
.alert-alert.pastel.alert-micro {
  border-color: #b6a2e7;
}
.alert-alert.pastel .close {
  color: #663dcc;
}
.alert-alert.pastel .close:hover {
  color: #663dcc;
}
.alert-system {
  background-color: #50ccad;
}
.alert-system.alert-border-right {
  border-right-color: #288971;
}
.alert-system.alert-border-top {
  border-top-color: #288971;
}
.alert-system.alert-border-bottom {
  border-bottom-color: #288971;
}
.alert-system.alert-border-left {
  border-left-color: #288971;
}
.alert-system.light {
  background-color: #6cd4ba;
}
.alert-system.dark {
  background-color: #34b091;
}
.alert-system.pastel {
  color: #26816a;
  background-color: #a7e5d6;
  border-color: rgba(0, 0, 0, 0.1);
}
.alert-system.pastel .alert-link {
  color: #26816a;
}
.alert-system.pastel.alert-micro {
  border-color: #58ceb1;
}
.alert-system.pastel .close {
  color: #26816a;
}
.alert-system.pastel .close:hover {
  color: #26816a;
}
.alert-default {
  color: #888;
  background-color: #f0f0f0;
}
.alert-default .alert-link {
  color: #777;
}
.alert-default.alert-border-right {
  border-right-color: #cfcfcf;
}
.alert-default.alert-border-top {
  border-top-color: #cfcfcf;
}
.alert-default.alert-border-bottom {
  border-bottom-color: #cfcfcf;
}
.alert-default.alert-border-left {
  border-left-color: #cfcfcf;
}
.alert-default.pastel,
.alert-default.light {
  background-color: #fdfdfd;
  border-color: rgba(0, 0, 0, 0.15);
}
.alert-default.dark {
  background-color: #e6e6e6;
}
.alert-dark {
  background-color: #626984;
}
.alert-dark.alert-border-right {
  border-right-color: #1f2129;
}
.alert-dark.alert-border-top {
  border-top-color: #1f2129;
}
.alert-dark.alert-border-bottom {
  border-bottom-color: #1f2129;
}
.alert-dark.alert-border-left {
  border-left-color: #1f2129;
}
.alert-dark.pastel,
.alert-dark.light {
  color: #676e89;
  background-color: #d0d3dc;
}
.alert-dark.pastel .alert-link,
.alert-dark.light .alert-link {
  color: #51566c;
}
.alert-dark.dark {
  background-color: #4a4f63;
}
/* DROPDOWNS - ACTIVE ITEM CONTEXTUALS
 */
.dropdown-toggle.btn-primary + .dropdown-menu > .active > a,
.dropdown-toggle.btn-primary + .dropdown-menu > .active > a:hover,
.dropdown-toggle.btn-primary + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #0073aa;
}
.dropdown-toggle.btn-success + .dropdown-menu > .active > a,
.dropdown-toggle.btn-success + .dropdown-menu > .active > a:hover,
.dropdown-toggle.btn-success + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #70ca63;
}
.dropdown-toggle.btn-info + .dropdown-menu > .active > a,
.dropdown-toggle.btn-info + .dropdown-menu > .active > a:hover,
.dropdown-toggle.btn-info + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #3bafda;
}
.dropdown-toggle.btn-warning + .dropdown-menu > .active > a,
.dropdown-toggle.btn-warning + .dropdown-menu > .active > a:hover,
.dropdown-toggle.btn-warning + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #f6bb42;
}
.dropdown-toggle.btn-danger + .dropdown-menu > .active > a,
.dropdown-toggle.btn-danger + .dropdown-menu > .active > a:hover,
.dropdown-toggle.btn-danger + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #e9573f;
}
.dropdown-toggle.btn-alert + .dropdown-menu > .active > a,
.dropdown-toggle.btn-alert + .dropdown-menu > .active > a:hover,
.dropdown-toggle.btn-alert + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #967adc;
}
.dropdown-toggle.btn-system + .dropdown-menu > .active > a,
.dropdown-toggle.btn-system + .dropdown-menu > .active > a:hover,
.dropdown-toggle.btn-system + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #37bc9b;
}
.dropdown-toggle.btn-dark + .dropdown-menu > .active > a,
.dropdown-toggle.btn-dark + .dropdown-menu > .active > a:hover,
.dropdown-toggle.btn-dark + .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #3b3f4f;
}
/*====================================================
  Nav Pill Contextuals - Active Item
====================================================== */
/* pills primary */
.nav-pills.nav-primary > li.active > a,
.nav-pills.nav-primary > li.active > a:hover,
.nav-pills.nav-primary > li.active > a:focus {
  background-color: #0073aa;
}
/* pills success */
.nav-pills.nav-success > li.active > a,
.nav-pills.nav-success > li.active > a:hover,
.nav-pills.nav-success > li.active > a:focus {
  background-color: #70ca63;
}
/* pills info */
.nav-pills.nav-info > li.active > a,
.nav-pills.nav-info > li.active > a:hover,
.nav-pills.nav-info > li.active > a:focus {
  background-color: #3bafda;
}
/* pills warning */
.nav-pills.nav-warning > li.active > a,
.nav-pills.nav-warning > li.active > a:hover,
.nav-pills.nav-warning > li.active > a:focus {
  background-color: #f6bb42;
}
/* pills danger */
.nav-pills.nav-danger > li.active > a,
.nav-pills.nav-danger > li.active > a:hover,
.nav-pills.nav-danger > li.active > a:focus {
  background-color: #e9573f;
}
/* pills alert */
.nav-pills.nav-alert > li.active > a,
.nav-pills.nav-alert > li.active > a:hover,
.nav-pills.nav-alert > li.active > a:focus {
  background-color: #967adc;
}
/* pills system */
.nav-pills.nav-system > li.active > a,
.nav-pills.nav-system > li.active > a:hover,
.nav-pills.nav-system > li.active > a:focus {
  background-color: #37bc9b;
}
/* pills dark */
.nav-pills.nav-dark > li.active > a,
.nav-pills.nav-dark > li.active > a:hover,
.nav-pills.nav-dark > li.active > a:focus {
  background-color: #3b3f4f;
}
/*====================================================
  Tab Block Contextuals - Active Item Border
====================================================== */
/* tabs primary */
/* tabs top */
.tab-block .tabs-border.nav-tabs.tabs-primary > li.active > a {
  border-top-color: #0073aa;
}
/* tabs left */
.tab-block .tabs-border.tabs-left.tabs-primary > li.active > a {
  border-left-color: #0073aa;
}
/* tabs right */
.tab-block .tabs-border.tabs-right.tabs-primary > li.active > a {
  border-right-color: #0073aa;
}
/* tabs bottom */
.tab-block .tabs-border.tabs-below.tabs-primary > li.active > a {
  border-bottom-color: #0073aa;
}
/* panel tabs */
.panel-tabs.panel-tabs-border.tabs-primary > li.active > a {
  border-top-color: #0073aa;
}
/* tabs success */
/* tabs top */
.tab-block .tabs-border.nav-tabs.tabs-success > li.active > a {
  border-top-color: #70ca63;
}
/* tabs left */
.tab-block .tabs-border.tabs-left.tabs-success > li.active > a {
  border-left-color: #70ca63;
}
/* tabs right */
.tab-block .tabs-border.tabs-right.tabs-success > li.active > a {
  border-right-color: #70ca63;
}
/* tabs bottom */
.tab-block .tabs-border.tabs-below.tabs-success > li.active > a {
  border-bottom-color: #70ca63;
}
/* panel tabs */
.panel-tabs.panel-tabs-border.tabs-success > li.active > a {
  border-top-color: #70ca63;
}
/* tabs info */
/* tabs top */
.tab-block .tabs-border.nav-tabs.tabs-info > li.active > a {
  border-top-color: #3bafda;
}
/* tabs left */
.tab-block .tabs-border.tabs-left.tabs-info > li.active > a {
  border-left-color: #3bafda;
}
/* tabs right */
.tab-block .tabs-border.tabs-right.tabs-info > li.active > a {
  border-right-color: #3bafda;
}
/* tabs bottom */
.tab-block .tabs-border.tabs-below.tabs-info > li.active > a {
  border-bottom-color: #3bafda;
}
/* panel tabs */
.panel-tabs.panel-tabs-border.tabs-info > li.active > a {
  border-top-color: #3bafda;
}
/* tabs warning */
/* tabs top */
.tab-block .tabs-border.nav-tabs.tabs-warning > li.active > a {
  border-top-color: #f6bb42;
}
/* tabs left */
.tab-block .tabs-border.tabs-left.tabs-warning > li.active > a {
  border-left-color: #f6bb42;
}
/* tabs right */
.tab-block .tabs-border.tabs-right.tabs-warning > li.active > a {
  border-right-color: #f6bb42;
}
/* tabs bottom */
.tab-block .tabs-border.tabs-below.tabs-warning > li.active > a {
  border-bottom-color: #f6bb42;
}
/* panel tabs */
.panel-tabs.panel-tabs-border.tabs-warning > li.active > a {
  border-top-color: #f6bb42;
}
/* tabs danger */
/* tabs top */
.tab-block .tabs-border.nav-tabs.tabs-danger > li.active > a {
  border-top-color: #e9573f;
}
/* tabs left */
.tab-block .tabs-border.tabs-left.tabs-danger > li.active > a {
  border-left-color: #e9573f;
}
/* tabs right */
.tab-block .tabs-border.tabs-right.tabs-danger > li.active > a {
  border-right-color: #e9573f;
}
/* tabs bottom */
.tab-block .tabs-border.tabs-below.tabs-danger > li.active > a {
  border-bottom-color: #e9573f;
}
/* panel tabs */
.panel-tabs.panel-tabs-border.tabs-danger > li.active > a {
  border-top-color: #e9573f;
}
/* tabs alert */
/* tabs top */
.tab-block .tabs-border.nav-tabs.tabs-alert > li.active > a {
  border-top-color: #967adc;
}
/* tabs left */
.tab-block .tabs-border.tabs-left.tabs-alert > li.active > a {
  border-left-color: #967adc;
}
/* tabs right */
.tab-block .tabs-border.tabs-right.tabs-alert > li.active > a {
  border-right-color: #967adc;
}
/* tabs bottom */
.tab-block .tabs-border.tabs-below.tabs-alert > li.active > a {
  border-bottom-color: #967adc;
}
/* panel tabs */
.panel-tabs.panel-tabs-border.tabs-alert > li.active > a {
  border-top-color: #967adc;
}
/* tabs system */
/* tabs top */
.tab-block .tabs-border.nav-tabs.tabs-system > li.active > a {
  border-top-color: #37bc9b;
}
/* tabs left */
.tab-block .tabs-border.tabs-left.tabs-system > li.active > a {
  border-left-color: #37bc9b;
}
/* tabs right */
.tab-block .tabs-border.tabs-right.tabs-system > li.active > a {
  border-right-color: #37bc9b;
}
/* tabs bottom */
.tab-block .tabs-border.tabs-below.tabs-system > li.active > a {
  border-bottom-color: #37bc9b;
}
/* panel tabs */
.panel-tabs.panel-tabs-border.tabs-system > li.active > a {
  border-top-color: #37bc9b;
}
/* tabs dark */
/* tabs top */
.tab-block .tabs-border.nav-tabs.tabs-dark > li.active > a {
  border-top-color: #3b3f4f;
}
/* tabs left */
.tab-block .tabs-border.tabs-left.tabs-dark > li.active > a {
  border-left-color: #3b3f4f;
}
/* tabs right */
.tab-block .tabs-border.tabs-right.tabs-dark > li.active > a {
  border-right-color: #3b3f4f;
}
/* tabs bottom */
.tab-block .tabs-border.tabs-below.tabs-dark > li.active > a {
  border-bottom-color: #3b3f4f;
}
/* panel tabs */
.panel-tabs.panel-tabs-border.tabs-dark > li.active > a {
  border-top-color: #3b3f4f;
}
/* ==============================================
   Boxed Layout - Coming Soon
=================================================
  A. Boxed Settings
================================================= */
@media (min-width: 1140px) {
  body.boxed-layout {
    background-color: transparent !important;
    background-image: url("../../../img/patterns/noise.png");
    background-repeat: repeat;
  }
  body.boxed-layout .navbar {
    width: 1140px !important;
    margin: 0 auto;
  }
  body.boxed-layout .navbar-nav.navbar-right,
  body.boxed-layout .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }
  body.boxed-layout #main {
    overflow: hidden;
    width: 1140px !important;
    margin: 0 auto;
  }
  body.boxed-layout #main:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #eee;
    margin: 0 auto;
    width: 1142px;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
  }
  body.boxed-layout #main:after {
    z-index: -1;
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f8f8f8;
  }
  body.boxed-layout #content_wrapper {
    margin-top: 0px;
  }
  body.boxed-layout .navbar.navbar-fixed-top + #main > #content_wrapper {
    margin-top: 60px;
  }
  body.boxed-layout.sb-top #sidebar_left.affix {
    width: 1140px;
  }
  body.boxed-layout #sidebar_left.affix {
    left: auto;
  }
  body.boxed-layout #sidebar_left.nano > .nano-content {
    padding-top: 0;
  }
  body.boxed-layout.sb-l-c #sidebar_left,
  body.boxed-layout.sb-l-c.sb-l-m #sidebar_left {
    left: -230px;
  }
  body.boxed-layout #sidebar_right {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  body.boxed-layout.sb-r-o #sidebar_right {
    display: block;
  }
  body.boxed-layout #topbar.affix {
    width: 910px !important;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  body.boxed-layout.sb-r-o #topbar.affix {
    width: 780px !important;
  }
  body.boxed-layout.sb-l-m #topbar.affix {
    width: 1080px !important;
  }
  body.boxed-layout.sb-l-c #topbar.affix {
    width: 1140px !important;
  }
  body.boxed-layout.sb-l-m.sb-r-o #topbar.affix {
    width: 780px !important;
  }
  body.boxed-layout.sb-l-c.sb-r-o #topbar.affix {
    width: 840px !important;
  }
  body.boxed-layout #topbar-dropmenu {
    top: 0;
  }
  body.boxed-layout .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper > #topbar-dropmenu {
    top: 1px;
  }
  body.boxed-layout.sb-top .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper > #topbar-dropmenu {
    top: 0;
  }
}
@media (max-width: 1140px) {
  body.boxed-layout .navbar.navbar-fixed-top + #main {
    margin-top: 60px;
  }
  body.boxed-layout.sb-l-o .navbar + #main > #sidebar_left.nano > .nano-content {
    padding-top: 60px;
  }
  body.boxed-layout.sb-l-m .navbar + #main > #sidebar_left.nano > .nano-content {
    padding-top: 0;
  }
}
/* ==============================================
   III. DEMO PAGES
	  - Global Changes
	  
 * This file is reserved for changes required only
 * for the themes demo. These styles may be vital
 * to themes appearance but often times will not
 * be useful in a true production environment.
 
 * For example each slider in sliders.html has a
 * margin of 65px, a large number only needed 
 * because six sliders have been stacked on top 
 * of each other. This would most likely not 
 * happen in a real enviroment.
================================================= 
 A. Global/Shared
================================================= */
.ajax-loading {
  overflow-y: scroll;
}
.panel-tabs > li > a:hover {
  background-color: #f2f2f2;
}
#return-arrow {
  color: #555;
  padding-left: 15px;
  padding-top: 15px;
  position: fixed;
  opacity: 0.7;
  cursor: pointer;
  display: block;
  z-index: 1050;
}
#return-arrow i.fa {
  float: left;
  padding-top: 2px;
}
#return-arrow span {
  float: left;
  padding-left: 15px;
  padding-top: 0px;
  font-size: 16px;
}
#return-arrow:hover {
  opacity: 1;
}
/*===============================================
  timeline.html/timeline-single.html
================================================= */
body.timeline-page .panel-clone {
  display: none;
}
/*===============================================
  pages-calendar-page.html
================================================= */
.calendar-page .tray-left {
  padding: 15px 18px;
}
.calendar-page .tray-left .fc-event {
  margin-left: 2px;
  margin-right: 2px;
  background: #FFF;
}
/*===============================================
  ui-icons.html
================================================= */
.icon-demo-list {
  font-size: 12px;
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}
.icon-demo-list li {
  float: left;
  width: 20%;
  height: 100px;
  padding: 5px;
  line-height: 1.4;
  text-align: center;
}
.icon-demo-list li:hover {
  color: #0073aa;
}
.icon-demo-list li span {
  display: block;
  margin: 5px auto 15px;
  font-size: 24px;
}
.iconsweets-list li span {
  font-size: 32px;
}
.stateface-list li span {
  font-size: 36px;
}
/*===============================================
  Skin Toolbox
================================================= */
#skin-toolbox {
  z-index: 999;
  overflow: visible !important;
  position: fixed;
  top: 120px;
  right: -230px;
  width: 230px;
  -webkit-transition: right 0.1s ease-in-out;
  -moz-transition: right 0.1s ease-in-out;
  transition: right 0.1s ease-in-out;
}
#skin-toolbox.toolbox-open {
  right: 0;
}
#skin-toolbox .panel-heading {
  cursor: pointer;
  margin-right: 30px;
  border: 1px solid #DDD;
  width: 274px;
  height: 47px;
  line-height: 42px;
  right: 44px;
  font-size: 14px;
}
#skin-toolbox .panel-heading .panel-title {
  padding-left: 40px;
}
#skin-toolbox .panel-body {
  border: 1px solid #DDD;
  border-top: 0;
  padding: 23px;
}
#skin-toolbox .panel-icon {
  font-size: 22px;
  padding-right: 20px;
  padding-left: 6px;
}
/*===============================================
  Source Code Viewer 
================================================= */
.bs-component {
  position: relative;
}
#source-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  font-weight: 600;
}
#source-modal {
  /* source code modal styles */
  /* highlight js styles */
}
#source-modal .modal-header {
  background-color: #fafafa;
}
#source-modal .btn-clipboard {
  letter-spacing: 0.5px;
}
#source-modal .hljs {
  padding: 10px 13px;
}
/*===============================================
  AdminDock Example Page
================================================= */
/* Demo styles */
#dock-content > div {
  display: none;
}
#dock-content > div.active-content {
  display: block;
}
#dock-content .active-content .modal-placeholder {
  position: relative;
  visibility: visible;
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 20px;
}
#dock-content .active-content .modal-placeholder:before {
  content: "It's been sent to AdminDock!";
}
#dock-content .active-content .modal-placeholder:after {
  content: "\f0a7";
  font-family: "FontAwesome";
  font-size: 30px;
  position: relative;
  top: 3px;
  padding-left: 20px;
  color: #999;
}
/*===================================================
   PRINT STYLES - Designed soley for Invoice Page
   Problems will arise if you attempt to use
   these styles globally
=====================================================*/
@media print {
  .invoice-page {
    /* Reset + Hide Primary Page Components */
    /* Modify Primary Container */
    /* Shorten and center page */
    /* Remove all Panel Borders */
    /* Hide Image Logo and reveal Text logo */
    /* Modify Invoice Container */
    /* Modify Invoice Panels */
    /* Modify Invoice Panels */
  }
  .invoice-page header.navbar,
  .invoice-page #sidebar_left,
  .invoice-page #sidebar_right,
  .invoice-page #topbar,
  .invoice-page #skin-toolbox,
  .invoice-page .panel-heading,
  .invoice-page .invoice-buttons {
    display: none !important;
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    outline: 0;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
  }
  .invoice-page #content_wrapper {
    background: 0;
    margin: 0 auto !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    transition: none;
  }
  .invoice-page #content {
    padding: 0;
    background: none;
  }
  .invoice-page #content_wrapper:after {
    margin: 0;
    display: none;
  }
  .invoice-page #main {
    width: 1100px !important;
    margin: 0 auto !important;
  }
  .invoice-page .panel,
  .invoice-page .panel-body {
    border: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
  .invoice-page .invoice-logo {
    display: none !important;
  }
  .invoice-page .invoice-logo-text {
    display: block !important;
    visibility: visible !important;
  }
  .invoice-page .table-layout > .col-md-10 {
    width: 100% !important;
    padding: 0 !important;
  }
  .invoice-page #invoice-info {
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
    background-color: #ddd;
  }
  .invoice-page #invoice-info > .col-md-4 {
    float: none;
    display: inline-block;
    width: 32%;
    padding: 0;
    margin: 0;
  }
  .invoice-page #invoice-info > .col-md-4:nth-child(2) {
    text-align: center;
  }
  .invoice-page #invoice-info > .col-md-4:last-child {
    text-align: right;
    position: relative;
    top: 8px;
  }
  .invoice-page #invoice-info > .col-md-4 .panel-body {
    padding: 10px;
  }
}
/* ==============================================
    RESPONSIVE STYLES
      A. Content
	  B. Topbar
	  	  
* These styles control various aspects of the
* site which benefit from being responsive 
================================================= 
  A. Content
================================================= */
#content {
  padding: 15px 8px 40px 11px;
}
/* content padding on large resolutions */
@media (min-width: 1100px) {
  #content {
    padding: 25px 20px 50px 21px;
  }
}
/* Adds top padding to md columns as a spacer
 * when they are mobile stacked */
@media (max-width: 991px) {
  #content .col-md-2 + .col-md-2,
  #content .col-md-2 + .col-md-4,
  #content .col-md-2 + .col-md-6,
  #content .col-md-4 + .col-md-2,
  #content .col-md-4 + .col-md-4,
  #content .col-md-4 + .col-md-6,
  #content .col-md-6 + .col-md-2,
  #content .col-md-6 + .col-md-4,
  #content .col-md-6 + .col-md-6 {
    padding-top: 10px;
  }
}
@media (max-width: 815px) {
  #content .panel .panel-body {
    overflow: hidden !important;
    min-width: 0 !important;
  }
}
/*tab sidebar*/
.sid_bvijay .tab-content {
    background: #fdfdfd;
    border: 1px solid #ddd !important;
    background-color: #fdfdfd;
    padding: 5px 17px !important;
    margin-top: -1px;
    /*height: 250px;*/
    overflow: auto;
}

ul.product_cata li.active {
    border: 1px solid #ddd;
    border-bottom-color: #fdfdfd;
    background-color: #fdfdfd;
}
ul.product_cata li a {
    color: #32373c;
    text-decoration: none;
}
ul.product_cata li {
    display: inline-block;
    font-size: 14px;
    padding: 3px 5px 6px;
}
ul.product_cata {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sid_bvijay .tab-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sid_bvijay .tab-content ul li {
    display: block;
    padding: 4px 0;
}