/* Minification failed. Returning unminified contents.
(6729,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(6730,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 01/12/14
 * Copyright 2014 Admin Designs
===================================================  
   Table of Contents
===================================================  
  I. SHARED STYLES
	  A. Global
	  B. Helper Classes
	  C. Typography
	  D. Animations
 II. PRIMARY COMPONENTS
      A. Header
	  B. Sidebar
	  C. Breadcrumbs/Topbar
III. STARDOM PANELS
	  A. Heading
	  B. Titles
	  C. Panel - Menu Addon
	  D. Panel - Sidemenu Addon
	  E. Panel - Body Searchbar Addon
	  F. Panel Tabs
	  G. Panel Accordion 
	  H. Alternate Styles
 IV. THEME ELEMENTS
	  A. Icons
	  B. Labels
	  C. Badges
	  D. Alerts
	  E. Buttons
	  F. Progress Bars
	  G. Sliders
	  H. Field Elements
      I. Tables
	  J. Pricing Tables
	  K. Tabs
	  L. Paginations
	  M. Bootstrap Modals
	  N. Custom Modals
	  O. Boostrap Popover
  V. WIDGETS
	  A. Table Widget
	  B. Chat Widget
	  C. Messenger Widget
	  D. Calendar Widget
	  E. Timeline Widget
 VI. STARDOM COLOR SYSTEM
      A. Badges
	  B. Progress Bars
	  C. Slider Bars
	  D. Text
	  E. Buttons
VII. Layout Settings
===================================================
  I. SHARED STYLES
	 A. Global
	 B. Helper Classes
	 C. Typography
	 D. Animations
===================================================
  A. Global
=================================================== */
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans',Helvetica, Arial, sans-serif;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  font-size-adjust: 100%;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.475;
  background-color: #FFF; }

#main {
  width: 100%;
  position: relative; }

#content {
  margin-left: 240px;
  display: block;
  min-height: 100%;
  position: relative; }

#content:after {
  content: "";
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  display: block;
  z-index: -2;
  background-color: #e8e8e8;
  -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.33) inset;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.33) inset; }

/* Bootstraps ".container" class has been changed to a fluid full 
 * width container. It's also used as the primary wrapper for 
 * our page content. To maintain typical bootstrap usability 
 * we apply the wrapper styles only to the direct child of #content. 
 * This insures it's only used once and can again be used elsewhere */
.container {
  width: 100%; }

#content > .container {
  max-width: 1665px !important;
  padding: 35px 35px 50px 45px; }

/*===============================================
  B. Class Helpers
================================================= */
.padding-none { padding: 0 !important }
.padding { padding: 10px !important }
.padding-sm { padding: 5px !important }
.padding-lg { padding: 22px !important }
.padding-top-none { padding-top: 0 !important }
.padding-top { padding-top: 14px !important }
.padding-top-sm { padding-top: 5px !important }
.padding-top-lg { padding-top: 22px !important }
.padding-right-none { padding-right: 0 !important }
.padding-right { padding-right: 14px !important }
.padding-right-sm { padding-right: 5px !important }
.padding-right-lg { padding-right: 22px !important }
.padding-bottom-none { padding-bottom: 0 !important }
.padding-bottom { padding-bottom: 14px !important }
.padding-bottom-sm { padding-bottom: 5px !important }
.padding-bottom-lg { padding-bottom: 22px !important }
.padding-left-none { padding-left: 0 !important }
.padding-left { padding-left: 14px !important }
.padding-left-sm { padding-left: 5px !important }
.padding-left-lg { padding-left: 22px !important }
.margin-none { margin: 0 !important }
.margin { margin: 14px !important }
.margin-sm { margin: 5px !important }
.margin-lg { margin: 22px !important }
.margin-top-none { margin-top: 0 !important }
.margin-top { margin-top: 14px !important }
.margin-top-lg { margin-top: 22px !important }
.margin-top-sm { margin-top: 5px !important }
.margin-right-none { margin-right: 0 !important }
.margin-right { margin-right: 14px !important }
.margin-right-lg { margin-right: 22px !important }
.margin-right-sm { margin-right: 5px !important }
.margin-bottom-none { margin-bottom: 0 !important }
.margin-bottom { margin-bottom: 14px !important }
.margin-bottom-lg { margin-bottom: 22px !important }
.margin-bottom-sm { margin-bottom: 5px !important }
.margin-left-none { margin-left: 0 !important }
.margin-left { margin-left: 14px !important }
.margin-left-lg { margin-left: 22px !important }
.margin-left-sm { margin-left: 5px !important }
.border-left-none { border-left: none !important }
.border-right-none { border-right: none !important }
.border-bottom-none { border-bottom: none !important }
.border-top-none { border-top: none !important }
.border-none { border: none !important }

.inline-object {
  display: inline-block !important; }

/* Useful for centering columns that don't
 * occupy an entire body/container */
.center-column {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block; }

/* Useful for emphasizing a disabled input */
.option-disabled {
  opacity: 0.6; }

/*===============================================
  C. Typography
================================================= */
ul, ol {
  padding-left: 30px; }

li {
  margin-bottom: 7px; }

a {
  color: #666666; }

a:hover {
  color: #d9534f; }

a:focus {
  outline: none; }

p {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 22px;
  font-weight: 400; }

p.small, p small {
  font-size: 13px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: inherit;
  text-rendering: optimizelegibility;
  margin-bottom: 10px; }

h1 {
  font-size: 30px;
  line-height: 45px; }

h2 {
  font-size: 24px;
  line-height: 36px; }

h3 {
  font-size: 18px;
  line-height: 27px; }

h4, h5, h6 {
  line-height: 18px; }

h4 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 11px;
  color: #999999;
  text-transform: uppercase; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  color: #999999; }

.semi-bold {
  font-weight: 600; }

/* Dividers */
hr {
  margin: 35px 0;
  border-top: 1px solid #DDD; }

hr.alt {
  border-top: 1px dashed #cccccc; }

hr.short {
  margin: 20px 0; }

hr.tall {
  margin: 55px 0; }

/* Specialty Header - Also a Divider */
.page-header {
  text-shadow: 0 1px #FFF;
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); }

/*===============================================
  D. Animations
================================================= */
/* used in conjuction with "data-animate" 
 * attr to create a delayed page animation
 * read docs for more info on proper use*/
.animated-delay {
  opacity: 0; }

.sparkline-delay {
  height: 0;
  display: block;
  line-height: 40px; }

/* ==============================================
   II. PRIMARY COMPONENTS
      A. Header
	  B. Sidebar
	  C. Breadcrumbs/Topbar
=================================================
  A. Header
================================================= */
.navbar {
  z-index: 1030;
  margin-bottom: 0;
  border-radius: 0;
  min-height: 51px;
  background-color: #FFF;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.navbar-brand {
  width: 200px;
  padding: 10px 20px; }

.navbar-brand .navbar-logo {
  max-width: 110px;
  float: left; }

/* Header Buttons */
.header-btns {
  padding: 10px; }

.header-btns > div {
  display: inline-block;
  position: relative;
  margin-right: 5px; }

.header-btns > div > button {
  color: #666;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f5f5f4;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, white 1%, whitesmoke 100%);
  background-image: linear-gradient(to bottom, #ffffff 1%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.header-btns > div > button:hover {
  color: #0094d2; }

.header-btns .user-menu > .btn:first-child {
  border-radius: 3px 0 0 3px; }

.header-btns .user-menu > .btn:last-child {
  border: 0; }

/* Header Button Dropdowns */
.header-btns ul.dropdown-menu {
  margin-top: 17px;
  width: 300px;
  background: #f5f5f5;
  list-style: none;
  left: 0;
  padding: 0;
  border: 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); }

/* Positions individual button dropdowns */
.messages-menu ul.dropdown-menu {
  margin-left: -45px; }

.tasks-menu ul.dropdown-menu {
  width: 430px;
  margin-left: -240px; }

.user-menu ul.dropdown-menu {
  width: 250px;
  margin-left: -120px; }

.alerts-menu ul.dropdown-menu {
  width: 300px;
  margin-left: -70px; }

/* Header Menu Dropdown - Header */
.header-btns .dropdown-header {
  padding: 12px 20px;
  margin: 0;
  z-index: 999;
  font-size: 14px;
  font-weight: 700;
  color: #555;
  background: #FFF;
  position: relative;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); }

/* Header Menu Dropdown - Items */
.dropdown-menu ul.dropdown-items {
  padding: 0;
  list-style: none; }

ul.dropdown-items > li {
  padding: 10px 14px;
  margin: 0;
  border-bottom: 1px solid #DDD;
  z-index: 888;
  position: relative;
  cursor: pointer;
  font-size: 13px; }

.user-menu ul.dropdown-items > li {
  padding: 8px 14px; }

ul.dropdown-items > li:hover {
  background: #eeeeee; }

ul.dropdown-items > li:last-child {
  border-bottom: 0; }

ul.dropdown-items > li a:hover {
  background: transparent;
  text-decoration: none;
  color: #666; }

/* Header Menu Dropdown - Footer */
.header-btns .dropdown-footer {
  padding: 11px 20px;
  margin: 0;
  z-index: 999;
  font-size: 11px;
  color: #999;
  background: #FFF;
  text-align: center;
  position: relative;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 -2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 -2px 3px rgba(0, 0, 0, 0.05); }

.header-btns .dropdown-footer a {
  color: #428bca; }

.header-btns .dropdown-footer a:hover {
  background: transparent; }

.header-btns .dropdown-footer i.fa {
  padding-left: 3px; }

/* Header Menu Dropdown - Top Directional Arrow */
.header-btns .menu-arrow {
  position: absolute;
  top: -12px;
  left: 10%;
  overflow: hidden; }

.header-btns .menu-arrow .menu-arrow-up {
  background: url(/img/form/menu-arrow-up.png) no-repeat top left;
  width: 25px;
  height: 14px;
  display: block; }

.messages-menu .menu-arrow {
  left: 20%; }

.alerts-menu .menu-arrow {
  left: 27%; }

.tasks-menu .menu-arrow {
  left: 59%; }

.user-menu .menu-arrow {
  left: 69%; }

/* Header Menu Dropdown - Item contents */
/* Item Avatar */
.header-btns .item-avatar {
  width: 45px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #CCC; }

/* Item Icon */
.header-btns .item-icon {
  width: 40px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  text-align: center;
  color: #888; }

.tasks-menu .item-icon {
  width: 30px; }

/* Item Message */
.header-btns .item-message {
  width: 200px;
  display: inline-block;
  vertical-align: middle; }

.user-menu .item-message {
  width: 170px; }

.tasks-menu .item-message {
  width: 215px; }

/* Item Label */
.header-btns .item-label {
  width: 80px;
  display: inline-block; }

/* Item Checkbox */
.header-btns .item-checkbox {
  position: absolute;
  right: 20px;
  top: 14px; }

/* User Dropdown Menu */
.user-menu .dropdown-lockout {
  width: 59%;
  float: left;
  font-size: 13px;
  padding: 11px 0 11px 15px;
  background: #fff;
  border-top: 1px solid #bbb; }

.user-menu .dropdown-signout {
  width: 41%;
  float: left;
  padding: 11px 5px 11px 15px;
  background: #fff;
  border-left: 1px dashed #ccc;
  border-top: 1px solid #bbb; }

/* User Dropdown Menu - Signout Buttons */
.user-menu .dropdown-lockout .fa, .user-menu .dropdown-signout .fa {
  padding-right: 7px;
  font-size: 20px;
  color: #888;
  vertical-align: top; }

/* Dropdown Checklist Toggle - The Task menu is a clickable checklist */
.task-checked > div:not(.item-checkbox) {
  opacity: 0.4; }

/* add a text line through effect on any clickable checklist by adding ".text-slash" */
.task-checked .text-slash {
  text-decoration: line-through; }

/*===============================================
   B. SideMenu
================================================= */
/* SIDEBAR ALTERNATE STYLES */
/* Flat White */
#sidebar.sidebar-alt-white ul.sidebar-nav > li > a {
  background: #FFF;
  border-color: #ddd; }

#sidebar.sidebar-alt-white ul.sub-nav {
  background: #f8f8f8;
  border-color: #ddd; }

/* Flat Grey */
#sidebar.sidebar-alt-grey:before {
  background: #f2f2f2; }

#sidebar.sidebar-alt-grey ul.sidebar-nav > li > a {
  background: #f2f2f2;
  border-color: #ddd; }

#sidebar.sidebar-alt-grey ul.sub-nav {
  background: #f8f8f8;
  border-color: #ddd; }

/*===============================================
   C. Topbar/Breadcrumbs
================================================= */
#topbar {
  z-index: 1023;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 52px;
  max-height: 52px;
  padding-left: 20px;
  border-left: 1px solid #d2d2d2;
  border-bottom: 1px solid #CCC;
  background: url(/img/patterns/8.png) repeat top left; }

.breadcrumb {
  float: left;
  padding: 0;
  padding-top: 16px;
  margin-bottom: 0;
  border-radius: 0;
  font-size: 14px;
  background-color: transparent; }

/* ================================================
   III. PANELS
	  A. Heading
	  B. Titles
	  C. Panel Addon - Menu
	  D. Panel Addon - Sidemenu
	  E. Panel Addon - Body Searchbar
	  F. Panel Tabs
	  G. Panel Accordion 
	  H. Alternate Styles
===================================================
  A. Heading - Bootstrap Panels are a vital element
  in thisheme. Reading the Stardom Docs to better 
  understand this component is recommended
=================================================== */
/* Overflow is hidden by default. Helper class to reverse */
.panel.panel-visible, .panel-heading.panel-visible {
  overflow: visible !important; }

.panel {
  position: relative;
  margin-bottom: 35px;
  overflow: hidden;
  border-color: #c9c9c9;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33); }

.panel-heading {
  overflow: hidden;
  position: relative;
  height: 57px;
  padding: 10px 20px 9px;
  color: #666;
  border-bottom: 1px solid #c9c9c9;
  font-size: 14px;
  font-weight: 700;
  line-height: 33px;
  border-radius: 3px 3px 0 0;
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.panel-title {
  float: left;
  padding-top: 1px;
  font-size: 14px;
  text-shadow: 0 1px #ffffff; }

/* Helpful for wrapping form components in
 * when placing them in the header. Otherwise
 * they can break the title with their width */
.panel-heading .panel-field {
  max-width: 140px; }

/*===============================================
  B. Titles
================================================= */
/* Used as a divider between panel content */
.panel-body-title {
  margin-bottom: 20px;
  padding: 10px 0 15px;
  color: #666;
  border-bottom: 1px solid #DDD;
  line-height: 18px; }

/* Used as small text in panel header and footers */
.panel-title-sm {
  padding-right: 5px;
  color: #888;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 0 1px #ffffff; }

/*===============================================
  C. Panel Addon - Menu
  -----------------------------------------------
  Typically placed under the panel header 
  and used to hold buttons or menus 
================================================= */
.panel-menu {
  padding: 10px 13px;
  background-color: #eee;
  border-bottom: 1px solid #C9c9c9; }

.panel-heading + .panel-menu {
  -webkit-box-shadow: 0 5px 5px -4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 5px 5px -4px rgba(0, 0, 0, 0.15) inset; }

.panel-menu .btn-default.btn-gradient.active {
  background-color: #FFF;
  color: #39b1d5;
  box-shadow: none; }

/*===============================================
  D. Panel Addon - Sidemenu
  -----------------------------------------------
  A side column great for housing an
  extra nav list. When used its sibling
  panel body (content) is modified 
================================================= */
.panel-sidemenu + .panel-body {
  position: relative;
  float: left;
  width: 70%;
  margin: 40px 3.5% 100px;
  padding: 0; }

/* Sidemenu and content are both floated. 
 * to create equal heights we expand the sidemenu 
 * with padding and allow its parent container 
 * to catch the overflow */
.panel-sidemenu {
  position: relative;
  float: left;
  width: 23%;
  height: 100%;
  padding: 5px;
  background-color: #f6f6f6;
  border-right: 1px solid #CCC;
  margin-bottom: -2000px;
  padding-bottom: 2000px; }

.panel-sidemenu ul.nav {
  margin-top: 30px;
  padding-left: 30px; }

.panel-sidemenu ul.nav li {
  margin-bottom: 4px;
  list-style: none; }

.panel-sidemenu ul.nav li.nav-title {
  padding: 10px 0;
  color: #777;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 0 1px #FFF; }

.panel-sidemenu ul.nav li.nav-title:hover {
  color: #777777; }

.panel-sidemenu ul.nav li a {
  padding: 5px 0;
  color: #888; }

.panel-sidemenu ul.nav .divider {
  width: 80%;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background: #e2e2e2; }

/* Sidemenu is hidden on small devices */
@media (max-width: 1000px) {
  .panel-sidemenu {
    display: none; }

  .panel-sidemenu + .panel-body {
    width: 93%;
    margin: 40px 3.5% 100px; } }
/*===============================================
  E. Panel Addon - Body Searchbar
  -----------------------------------------------
  Useful anywhere but in this theme it is 
  only used or seen inside a panel body 
================================================= */
.search-widget {
  position: relative; }

#search-widget {
  height: 85px;
  margin-bottom: 50px;
  padding: 20px 25px;
  background: #f4f7fa;
  border: 1px solid #d8dee6;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset; }

.search-bar-widget {
  float: left;
  width: 82%;
  min-height: 43px;
  padding: 9px 12px 9px 40px; }

#search-widget .search-widget-icon {
  position: absolute;
  top: 14px;
  left: 15px;
  color: #999;
  font-size: 16px; }

#search-widget button {
  float: left;
  width: 16%;
  margin-left: 2%;
  padding: 10px;
  font-weight: 600; }

/* PANEL TAB CORRECTION */
/* If you want a panel-like footer inside a tababble
 * area you need to wrap the content in a ".tab-body"
 * class. See timeline.html for an example(event panel) */
.tab-body {
  padding: 20px 20px 15px; }

.tab-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

/*===============================================
  F. PANEL TABS
  -----------------------------------------------
  Panel Tab Navigation must be placed inside
  ".panel-heading" see Stardom Docs for example 
================================================= */
.panel-tabs {
  float: right;
  margin-top: -10px; }

.panel-tabs > li {
  float: left;
  margin-bottom: -1px; }

.panel-tabs > li > a {
  line-height: 1.428571429;
  border-radius: 0;
  padding: 19px 15px 17px;
  border: 1px solid transparent;
  border-right: 1px solid #DDD;
  font-size: 12px;
  color: #777; }

.panel-tabs > li > a:hover {
  background-color: transparent; }

.panel-tabs > li:first-child > a {
  border-left: 1px solid #dddddd; }

/* hover and active states */
.panel-tabs > li.active > a, .panel-tabs > li.active > a:hover, .panel-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background: #ffffff;
  padding: 19px 15px 21px; }

/*===============================================
  G. Panel Accordion 
  -----------------------------------------------
  Created with Bootstrap Panels
================================================= */
.accordion.panel-group .panel {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.accordion.panel-group .panel + .panel {
  margin-top: 10px; }

/* Accordion Header */
.accordion .panel-heading a {
  text-decoration: none;
  display: block; }

/* Accordion Toggle Arrow States */
.accordion .accordion-toggle-icon i:first-child {
  display: block; }

.accordion .accordion-toggle-icon i:last-child {
  display: none; }

.accordion .collapsed .accordion-toggle-icon i:first-child {
  display: none; }

.accordion .collapsed .accordion-toggle-icon i:last-child {
  display: block; }

/* Accordion Widget - Alt Size, Small */
.accordion.accordion-sm .panel-heading {
  padding: 0 20px;
  height: 40px;
  line-height: 40px; }

.accordion.accordion-sm .accordion-toggle-icon i:first-child, .accordion.accordion-sm .accordion-toggle-icon i:last-child {
  line-height: 40px; }

/* Accordion Widget - Alt Style, White */
.accordion.accordion-alt.panel-group .panel {
  border-color: #DDD;
  box-shadow: none; }

.accordion.accordion-alt.panel-group .panel > .panel-heading {
  background-color: #FFF;
  padding: 0 20px;
  height: 45px;
  line-height: 43px;
  font-size: 14px;
  box-shadow: none; }

.accordion.accordion-alt.panel-group .panel > .panel-heading > a {
  color: #444;
  font-weight: 400; }

.accordion.accordion-alt.panel-group .panel > .panel-heading > a.collapsed {
  color: #888888; }

.accordion.accordion-alt.panel-group .panel > .panel-heading > a.collapsed:hover {
  color: #444444; }

.accordion.accordion-alt .accordion-toggle-icon i:first-child, .accordion.accordion-alt .accordion-toggle-icon i:last-child {
  color: #BBB;
  line-height: 45px;
  font-size: 15px;
  min-width: 26px; }

.accordion.accordion-alt.panel-group .panel .panel-body {
  background-color: #fcfcfc;
  padding: 20px 30px;
  line-height: 22px; }

/*===============================================
  H. Alternate Styles
================================================= */
/* Minimal - Style */
.panel.panel-alt {
  border-color: #DDD;
  box-shadow: none;
  background: #FFF; }

.panel.panel-alt > .panel-heading {
  height: 45px;
  padding: 0 20px;
  background-color: #FFF;
  font-size: 14px;
  line-height: 43px;
  box-shadow: none; }

.panel.panel-alt .panel-body {
  padding: 20px 30px;
  background-color: #fcfcfc;
  line-height: 22px; }

/* ==============================================
   IV. THEME ELEMENTS
	  A. Icons
	  B. Labels
	  C. Badges
	  D. Alerts
	  E. Buttons
	  F. Progress Bars
	  G. Sliders
	  H. Field Elements
      I. Tables
	  J. Pricing Tables
	  K. Tabs
	  L. Paginations
	  M. Bootstrap Modals
	  N. Custom Modals
	  O. Boostrap Popover
=================================================
  A. ICONS - See Documentation For More Info
================================================= */
/* Some font libraries have large file sizes. 
* We optionally can attach .wf-loading to the 
* body tag and have the fonts only visible after 
* they are fully loaded or cached. Prevents rough
* icon flash and is currently used only on index.html */
.wf-loading .glyphicons,
.wf-loading .glyphicon,
.wf-loading .imoon,
.wf-loading .fa,
.wf-loading .iconsweets {
  opacity: 0 !important; }

/* Icon Transitions */
.glyphicon, .glyphicons,
.imoon, .fa, .iconsweets {
  opacity: 1;
  transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in; }

/* Glyphicon Pro and Halfling */
.glyphicons-2x, .glyphicon-2x {
  font-size: 2em; }

.glyphicons-3x, .glyphicon-3x {
  font-size: 3em; }

.glyphicons-4x, .glyphicon-4x {
  font-size: 4em; }

.glyphicons-5x, .glyphicon-5x {
  font-size: 5em; }

/* Icomoon Font Icons */
.imoon-2x {
  font-size: 2em; }

.imoon-3x {
  font-size: 3em; }

.imoon-4x {
  font-size: 4em; }

.imoon-5x {
  font-size: 5em; }

/* IconSweets2 Font Icons */
.iconsweets-2x {
  font-size: 2em; }

.iconsweets-3x {
  font-size: 3em; }

.iconsweets-4x {
  font-size: 4em; }

.iconsweets-5x {
  font-size: 5em; }

/* Buttons with Icons 
* Cross browser problems were creating problems when
* an icon was given a larger font size than its sibling
* text. To fix Line height, vertical align, and top
* positioning have been redefined */
.btn .glyphicon, .btn .glyphicons {
  top: -1px;
  vertical-align: middle;
  line-height: 0;
  font-size: 1.1em; }

/* A Helper Class to Align Icons Right in Control-forms */
span.field-icon-right,
i.field-icon-right {
  position: absolute;
  right: 10px;
  top: 8px; }

/* Widget Specific Icon Styling 
* ALL elements which use icons have been
* moved from their respective positions
* and placed here for easy icon styling */
/* Header Button Icons */
.header-btns > div > button > .glyphicon,
.header-btns > div > button > .glyphicons,
.header-btns > div > button > .fa,
.header-btns > div > button > .imoon,
.header-btns > div > button > .iconsweets {
  font-size: 1.25em; }

/* Special on-hover styles for user dropdown menu */
.user-menu ul.dropdown-items > li:hover .glyphicon {
  color: #d9534f; }
.user-menu ul.dropdown-items > li:last-child:hover .glyphicon {
  color: #888; }
.user-menu ul.dropdown-items > li:last-child > div:hover .glyphicon {
  color: #d9534f; }

/* Panel Heading Icon */
.panel-heading .panel-title .glyphicon,
.panel-heading .panel-title .glyphicons {
  padding-right: 8px;
  font-size: 16px;
  top: 2px; }

/* Sidebar Toggle Icon */
.sidebar-toggle .glyphicon,
.sidebar-toggle .glyphicons {
  top: 2px; }

/* Breadcrumb "Home" Icon */
.breadcrumb .glyphicon,
.breadcrumb .glyphicons {
  color: #777;
  font-size: 12px;
  top: 0; }

/* Panel Sidemenu Icons */
.panel-sidemenu ul.nav li a:hover {
  background: none; }

.panel-sidemenu ul.nav li .fa {
  width: 28px;
  color: #BBB;
  font-size: 18px; }

.panel-sidemenu ul.nav li:hover, .panel-sidemenu ul.nav li:hover .fa {
  Color: #5bc0de; }

.panel-sidemenu ul.nav li.active, .panel-sidemenu ul.nav li.active .fa {
  color: #5bc0de; }

/* Panel Tabs Icons */
.panel-tabs li .glyphicon,
.panel-tabs li .glyphicons,
.panel-tabs li .fa {
  font-size: 14px; }

.panel-tabs .imoon,
.panel-tabs .iconsweets {
  font-size: 14px;
  vertical-align: middle; }

/* Mildly styles a font awesome based icon group
 * used in occasionaly in panel heading. Look at 
 * message widget on index.html for example */
.mini-action-icons .fa {
  position: relative;
  top: 2px;
  padding-right: 10px;
  color: #777;
  font-size: 16px;
  cursor: pointer; }

/* Pricing Table Icons */
.pricing-tables .pricing-icons li .fa-times {
  color: #e74a4a; }

.pricing-tables .pricing-icons li .fa-ellipsis-h {
  color: #555555; }

/* Tab Navigation Icons */
.nav-tabs li .fa {
  font-size: 14px; }

.nav-tabs li .fa.fa-caret-down {
  font-size: 12px; }

/* Accordion Widget Toggle Arrows */
.accordion .accordion-toggle-icon i.fa {
  float: left;
  line-height: 36px;
  min-width: 31px;
  padding-right: 5px;
  font-size: 18px; }

/* Timeline Widget Icons */
.timeline-widget span.glyphicons {
  z-index: 11;
  position: relative;
  top: 2px;
  width: auto;
  padding: 6px;
  font-size: 18px;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 2px #AAA;
  box-shadow: 1px 1px 2px #AAA;
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

/*===============================================
  B. Labels
================================================= */
.label {
  padding: .3em .7em .4em;
  font-size: 84%;
  font-weight: 600; }

/* Label Shapes - ".label" required */
.label.label-rounded {
  padding: .2em 0.85em .3em;
  border-radius: 1em; }

/* Label Sizes - ".label" required */
.label-sm {
  padding: .2em .6em .3em;
  font-size: 75%; }

.label-lg {
  padding: .4em .9em .5em;
  font-size: 95%; }

label.error {
  color: #d9534f;
  font-size: 12px;
  font-weight: 600; }

/*===============================================
  C. Badges
================================================= */
.badge {
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 600; }

/* Badge Sizes - ".badge" required */
.badge-sm {
  padding: 2px 6px;
  font-size: 11px; }

.badge-lg {
  padding: 4px 8px; }

/*===============================================
  D. Alerts
================================================= */
/* Alert Sizes */
.alert {
  font-size: 14px; }

.alert-sm {
  padding: 8px 35px 8px 15px; }

.alert-lg {
  padding: 25px 35px 25px 15px;
  font-size: 16px; }

/* Alert Dismiss Icon */
.alert-dismissable .close {
  color: #666666; }

/*===============================================
  E. Buttons
================================================= */
/* Button Settings */
.btn {
  color: white;
  outline: none;
  line-height: 1.47; }

.btn:focus {
  color: white; }

.btn-link {
  color: #444444; }

.btn-link:hover {
  color: #444444; }

/* Button Sizes */
.btn-sm {
  line-height: 1.5; }

.btn-lg {
  line-height: 1.33; }

/* Button Shapes */
.btn-square {
  border-radius: 0; }

/* Button Colors 
* These are only colors that follow Bootstraps
* color scheme. Stardom includes many more colors
* are at end of this doc */
.btn-success.btn-gradient {
  border-color: #3f9d00;
  background-color: #44ab00; }

.btn-info.btn-gradient {
  border-color: #269abc;
  background-color: #14abd8; }

.btn-primary.btn-gradient {
  background-color: #0088cc; }

.btn-warning.btn-gradient {
  background-color: #f28900; }

.btn-danger.btn-gradient {
  background-color: #d3332e; }

.btn-default.btn-gradient {
  background-color: #f0f0f0; }

/* Adds a custom "Alert"(purple) button to 
 * the Bootstrap button lineup */
.btn-alert {
  background-color: #7857ca; }

.btn-alert.btn-gradient {
  background-color: #5d3ab5; }

.btn-alert .caret {
  border-top-color: white; }

/* Button Hover effect */
.btn:hover {
  color: #FFF;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%); }

.btn-gradient:hover {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%); }

/* Button Gradients 
 * Gradients are created using a transparent gradient 
 * overlay. This way you can transform any element 
 * with a background color into a gradient without 
 * having to use additional colors */
.btn-gradient {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: "";
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); }

/*===============================================
  F. Progress Bars
================================================= */
.progress {
  height: 18px;
  background-color: #f1f1f1;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }

.progress-bar {
  line-height: 18px; }

/* Progress Bar Sizes - ".progress" always required */
.progress.progress-sm {
  height: 12px; }

.progress.progress-sm .progress-bar {
  line-height: 12px; }

.progress.progress-lg {
  height: 28px; }

.progress.progress-lg .progress-bar {
  line-height: 28px; }

/*===============================================
  G. Sliders
================================================= */
/* Slider Container */
.ui-rangeSlider .ui-rangeSlider-bar {
  margin: 5px 0;
  height: 20px;
  background-color: #6390a7; }

/* Slider Inner bar */
.ui-rangeSlider .ui-rangeSlider-innerBar {
  height: 24px;
  margin: 3px 0;
  background-color: #FFF;
  border: 1px solid #CCC;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset; }

/* Slider Label */
.ui-rangeSlider-label {
  border: 0;
  box-shadow: none;
  background: none;
  background-image: none; }

.ui-rangeSlider-label-value {
  position: relative;
  top: -8px;
  min-width: 40px;
  min-height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  background: #fafafa;
  background-image: none;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }

.ui-rangeSlider-label:after {
  content: "\f0d7";
  width: 100%;
  position: absolute;
  bottom: 0;
  margin: 0 -6px;
  color: #f8f8f8;
  font-family: FontAwesome;
  font-size: 18px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }

/* Slider Input Label */
input.ui-editRangeSlider-inputValue {
  border: 1px solid #DDD;
  width: 2.2em; }

/* Slider Handles */
.ui-rangeSlider .ui-rangeSlider-handle {
  background: none; }

.ui-rangeSlider .ui-rangeSlider-handle-inner {
  background: url(/img/form/slider-knob.png) no-repeat center top;
  width: 22px;
  height: 24px; }

.ui-rangeSlider-leftHandle .ui-rangeSlider-handle-inner {
  margin-left: -10px; }

.ui-rangeSlider-rightHandle .ui-rangeSlider-handle-inner {
  margin-left: -4px; }

/* Slider Arrows */
.ui-rangeSlider-arrow {
  margin: 6px 0; }

.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow {
  left: -13px !important; }

.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow {
  right: -13px !important; }

/*===============================================
  H. Field Elements
================================================= */
/* Alternate Text Field Style - Gradient */
.text-field-alt {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  min-height: 40px;
  border-radius: 1px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

/* Default Select List */
select {
  cursor: pointer; }

/* Boostrap Input Groups */
.input-group-addon {
  min-width: 40px; }

/* Bootstrap Help Block */
.help-block {
  margin-top: 7px;
  color: #888; }

/* Checkboxes and Radios */
div.checker, div.checker span, div.checker input {
  cursor: pointer; }

div.checker, div.radio {
  margin-right: 3px; }

label .checker, label .radio, .form-horizontal label .checker, .form-horizontal label .radio {
  padding-top: 0; }

.radio-inline, .checkbox-inline {
  padding-left: 5px;
  vertical-align: top; }

/* JQuery UI Spinner */
.ui-spinner-input {
  color: inherit;
  min-height: 36px; }

.ui-spinner-button {
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 16px;
  height: 50%;
  padding: 0;
  margin: 0;
  font-size: .5em;
  text-align: center; }

.input-group .ui-spinner .form-control:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -2px;
  top: 50%;
  left: 0;
  text-indent: 0; }

.ui-spinner-up .ui-icon {
  margin-top: -6px; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* needed to correct false icon sprite pos */
  background-position: -65px -16px; }

/*===============================================
  I. Tables
================================================= */
/* Table first item changes */
.table tbody > tr:first-child > td {
  border-top: 0; }

/* Table-striped item changes */
.table-striped > tbody > tr:nth-child(even) > td {
  background-color: #f8f8f8;
  border-bottom: 1px dashed #c9c9c9;
  padding: 13px 8px; }

.table-striped > tbody > tr:nth-child(odd) > td {
  background-color: #FFF;
  border-bottom: 1px dashed #c9c9c9;
  padding: 13px 8px; }

/*===============================================
  J. Pricing Tables
================================================= */
/* Regular Pricing Plan */
.pricing-tables .pricing-plan {
  padding: 0 0 20px 0;
  margin: 30px -16px 20px -16px;
  border: 1px solid #CCC;
  background-color: #f6f6f6;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

/* Pricing Table Title */
.pricing-tables .pricing-title {
  padding: 25px 5px 20px;
  border-bottom: 1px solid #DDD; }

.pricing-tables .pricing-title h3 {
  margin-bottom: 0;
  font-weight: 200;
  text-transform: none;
  font-size: 26px;
  color: #555; }

/* Pricing Table Cost Figure */
.pricing-info {
  margin: 20px 0; }

.pricing-info .currency-sign {
  color: #333;
  font-size: 26px;
  font-weight: 200;
  display: inline-block;
  vertical-align: top;
  margin-left: -20px;
  padding-left: 5px;
  padding-top: 6px; }

.pricing-info h2 {
  display: inline-block;
  margin-bottom: 0;
  color: #444;
  font-size: 54px;
  font-weight: 600; }

.pricing-info h6 {
  color: #888;
  font-weight: 200;
  margin: 4px 0 0; }

/* Pricing Table Item Features */
.pricing-features ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #DDD; }

.pricing-features li {
  padding: 10px 0;
  border-bottom: 1px solid #DDD;
  background-color: #FFF;
  color: #999;
  margin: 0; }

.pricing-tables .pricing-features li b {
  font-weight: 600; }

.pricing-tables .pricing-features li i.fa {
  font-size: 15px;
  color: #777;
  padding-right: 8px; }

/* Pricing Table Icons */
.pricing-tables .pricing-icons ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.pricing-tables .pricing-icons li {
  padding: 10px 0;
  border-bottom: 1px solid #DDD;
  background-color: #FFF;
  font-size: 18px;
  margin: 0; }

/* Pricing Table Sign Up Button*/
.pricing-tables a.btn {
  margin-top: 25px;
  padding: 8px 26px; }

/* Hero Pricing Plan Modifications */
.hero-plan {
  z-index: 10; }

.hero-plan .pricing-plan {
  background-color: #f6f6f6;
  padding: 0 0 20px 0;
  margin: 0 -17px 20px -17px;
  border-bottom: 1px solid #BBB;
  -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.2); }

.hero-plan .pricing-plan .pricing-title {
  color: #FFF;
  margin: -1px -1px 0 -1px; }

.hero-plan .pricing-plan .pricing-title h3 {
  color: #FFF;
  font-weight: 600; }

.hero-plan .pricing-plan .pricing-subtitle {
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 4px;
  font-weight: 600; }

.hero-plan .pricing-plan a.btn {
  margin: 40px 0 20px; }

/*===============================================
  K. Tabs
================================================= */
/* TAB CONTAINER */
.tab-block {
  position: relative; }

.tab-block .tab-content {
  overflow: auto;
  background-color: #FFF; }

/* TAB CONTENT PANEL */
.tab-content {
  position: relative;
  z-index: 10;
  min-height: 170px;
  padding: 16px 12px;
  border: 1px solid #CCC; }

/* TAB NAVIGATION */
.nav-tabs {
  position: relative;
  top: 1px; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.nav-tabs > li > a {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  position: relative;
  z-index: 9;
  padding: 12px 16px;
  margin-right: -1px;
  font-weight: 700;
  color: #777;
  font-size: 12px;
  text-shadow: 0 1px #ffffff;
  border-color: #CFCFCF;
  border-radius: 0; }

.nav-tabs > li:first-child > a {
  margin-left: 0; }

/* TAB NAVIGATION STATES */
.nav-tabs > li > a:hover {
  color: #428bca;
  border-color: #CFCFCF; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  cursor: default;
  position: relative;
  z-index: 12;
  color: #555555;
  background: #FFF;
  border-color: #CFCFCF;
  border-bottom: 1px solid #FFF; }

/* open state for dropdown menus in nav 
 * containers. Also a direct bootstrap override */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  color: #428bca;
  border-color: #CFCFCF; }

/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.nav-tabs > li.active > a, .tabs-border .nav-tabs > li.active > a {
  margin-top: -1px;
  border-top: 2px solid #428bca; }

/* TAB NAVIGATION - ALT STYLE: BACKGROUND */
.tabs-bg.nav {
  background: #f5f5f5;
  border: 1px solid #CCC;
  padding: 10px 10px 0; }

/* TABS - NAVIGATION BELOW */
.tabs-below {
  position: relative;
  top: -1px; }

.tabs-below > li {
  float: left;
  margin-top: -1px; }

.tabs-below > li > a {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  position: relative;
  z-index: 9;
  margin-right: -1px;
  padding: 12px 16px;
  font-size: 12px;
  color: #777;
  font-weight: 700;
  border: 1px solid #CFCFCF;
  text-shadow: 0 1px #ffffff; }

/* TAB NAVIGATION STATES */
.tabs-below > li.active > a, .tabs-below > li.active > a:hover, .tabs-below > li.active > a:focus {
  cursor: default;
  position: relative;
  z-index: 12;
  color: #555555;
  background: #FFF;
  border-color: #CFCFCF;
  border-top: 1px solid #FFF; }

/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.tabs-below > li.active > a, .tabs-border .tabs-below > li.active > a {
  margin-bottom: -1px;
  border-bottom: 2px solid #428bca; }

/* TAB NAVIGATION - ALT STYLE: BACKGROUND */
.tabs-bg.tabs-below {
  background: #f5f5f5;
  border: 1px solid #CCC;
  padding: 0 10px 10px; }

/* TABS - NAVIGATION LEFT */
.tabs-left {
  float: left; }

.tabs-left > li {
  float: none;
  margin: 0 -1px -1px 0; }

.tabs-left > li > a {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  padding: 12px 16px;
  color: #777;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 0 1px #ffffff;
  border: 1px solid transparent;
  border-color: #CFCFCF; }

/* TAB NAVIGATION STATES */
.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {
  color: #555;
  border-color: #CCC #FFF #CCC #CCC;
  cursor: default;
  position: relative;
  z-index: 12;
  background: #FFF; }

/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.tabs-left > li.active > a, .tabs-border .tabs-left > li.active > a {
  margin-left: -1px;
  border-left: 2px solid #428bca; }

/* WELL TABS - GREY MICRO NAV TABS */
.well-tabs {
  position: relative; }

.well-tabs li {
  float: left;
  margin: 4px 6px; }

.well-tabs li:first-child {
  margin-left: 0; }

.well-tabs li a {
  background: #f0f0f0;
  border-radius: 4px;
  border: 1px solid #DDD;
  font-size: 11px;
  font-weight: 600;
  color: #888;
  padding: 6px 8px;
  line-height: 15px; }

.well-tabs li a:hover, .well-tabs li.active a {
  background-color: #FFF; }

/* Same style but inversed colors */
.well-tabs-inverse li a {
  background: transparent;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 11px;
  font-weight: 600;
  color: #888;
  padding: 6px 8px;
  line-height: 15px; }

.well-tabs-inverse li a:hover, .well-tabs-inverse li.active a {
  background-color: #f0f0f0;
  border: 1px solid #ddd; }

/*===============================================
  L. Paginations
================================================= */
/* MINI PAGERS */
.pager {
  margin: 5px 0;
  cursor: pointer; }

.pager li > a, .pager li > span {
  font-size: 14px; }

.pager.pager-sm li > a, .pager.pager-sm li > span {
  font-size: 12px; }

.pager.pager-lg li > a, .pager.pager-lg li > span {
  font-size: 16px; }

/* PAGINATIONS */
.pagination {
  margin: 5px 0;
  cursor: pointer; }

/* ROUNDED PAGINATION */
.pagination-rounded > li:first-child > a {
  border-radius: 50% 0 0 50%; }

.pagination-rounded > li:last-child > a {
  border-radius: 0 50% 50% 0; }

/* ALT STYLE */
.pagination-alt > li > a {
  margin: 0 4px;
  border-radius: 2px;
  font-weight: 600;
  color: #666;
  text-shadow: 0 1px #FFF;
  padding: 4px 11px;
  border-color: #ccc;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, white 1%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #ffffff 1%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.pagination-alt > li.active > a {
  background-color: #555;
  background-image: none;
  border-color: #444; }

/* SIZES FOR ALT STYLE */
.pagination-alt.pagination-sm > li > a {
  margin: 0 3px;
  font-weight: 700;
  padding: 4px 9px; }

.pagination-alt.pagination-lg > li > a {
  margin: 0 5px;
  padding: 4px 13px; }

/* pagination-alt fixes */
.pagination-alt.pagination-sm > li:first-child > a, .pagination-alt.pagination-lg > li:first-child > a {
  margin-left: 0; }

/*===============================================
  M. Bootstrap Modals
================================================= */
/* Modal sizes - element always requires
 * default ".modal-dialog" class */
.modal-dialog-sm {
  width: auto; }

@media screen and (min-width: 768px) {
  .modal-dialog {
    padding-top: 50px; }

  .modal-dialog-sm {
    width: 425px; } }
/* Modal Header */
.modal-header {
  position: relative;
  height: 52px;
  padding: 10px 20px 9px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  text-shadow: 0 1px #ffffff;
  line-height: 31px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #c9c9c9;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.05);
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.modal-header .modal-title {
  line-height: 31px; }

.modal-header .close {
  margin-top: 6px; }

/* Modal Body */
/* Modal Footer */
.modal-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

/*===============================================
  N. Custom Modals
================================================= */
/* Login Form Modal */
#formModal .modal-content {
  width: 400px;
  margin: 0 auto;
  position: relative; }

#formModal .modal-header .modal-title {
  line-height: 35px; }

#formModal .modal-header button {
  margin-top: 6px; }

#formModal .modal-footer button {
  margin-top: 0; }

#formModal .modal-body {
  padding: 15px 20px 0 20px; }

#formModal #login-avatar {
  margin: 15px 20px 25px;
  padding-bottom: 25px;
  border-bottom: 1px dashed #DDD; }

#formModal #login-avatar img {
  display: block;
  margin: 0 auto;
  padding: 5px;
  border: 2px solid #DDD; }

#formModal .login-alert {
  font-size: 13px;
  padding: 9px 13px; }

/*===============================================
  O. Boostrap Popover
================================================= */
.popover {
  z-index: 1100; }

/* ================================================
   V. WIDGETS
	  A. Table Widget
	  B. Chat Widget
	  C. Messenger Widget
	  D. Calendar Widget
	  E. Timeline Widget
===================================================
  A. Table Widget
  -------------------------------------------------
  This is a multi-purpose widget. Apply it to
  any table to access table  styles. Commonly
  inside a panel.
=================================================== */
.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; }

/*===============================================
  B. Chat Widget
  -----------------------------------------------
  Created with Panels. Activate by adding
  ".chat-panel" to panel wrapper (".panel")
================================================= */
.chat-panel .media-img img {
  max-width: 70px;
  margin-right: 8px;
  border: 1px solid #CCC; }

.chat-panel .media-heading {
  color: #777;
  font-weight: 600; }

.chat-panel .media-timestamp {
  color: #999;
  font-size: 11px;
  font-weight: 400;
  line-height: 10px; }

.chat-panel .media-content {
  padding: 10px 15px;
  color: #777;
  line-height: 25px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, white 1%, #f3f3f3 100%);
  background-image: linear-gradient(to bottom, #ffffff 1%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.media, .media .media {
  margin-top: 20px; }

/*===============================================
  C. Messenger Widget
  -----------------------------------------------
   Not to be confused with the comments widget. 
   unlike the comments Widget this has a listing 
   of online and offline site users.
================================================= */
/* Messenger user list table */
.message-widget .table tbody > tr > td {
  padding: 10px 8px;
  border-top: 1px dashed #c9c9c9;
  vertical-align: middle; }

.message-widget .table tbody > tr:first-child > td {
  border-top: 0; }

.message-widget .avatar {
  width: 15%; }

.message-widget .avatar img {
  min-width: 50px;
  max-width: 50px; }

/*===============================================
  D. Calendar Widget
================================================= */
#calendar {
  position: relative; }

.external-event {
  margin: 10px 0;
  padding: 7px;
  color: #FFF;
  cursor: pointer;
  border-radius: 3px;
  background-color: #368d0d;
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border: 1px solid #CCC;
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.fc-header .fc-button {
  height: 35px;
  padding: 5px 10px;
  background-color: #f7f7f7;
  color: #666;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  border: 1px solid #CCC;
  text-shadow: 0 1px #ffffff;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, white 1%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #ffffff 1%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.fc-header-left {
  position: absolute;
  top: -61px;
  right: 167px;
  width: auto; }

.fc-header-right {
  position: absolute;
  top: -61px;
  right: 0;
  width: auto; }

.fc-button.fc-state-down, .fc-button.fc-state-active {
  background-color: #EEE;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-event {
  margin: 4px;
  background-color: #368d0d;
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.fc-header-left .fc-button, .fc-header-right .fc-button {
  margin-left: 0; }

.fc-header-title {
  margin: 10px 0 20px; }

.fc-grid .fc-day-header {
  border: 0;
  border-bottom: 1px solid #DDD; }

.fc-grid .fc-day-number {
  font-size: 14px;
  font-weight: 600; }

.fc-state-highlight {
  background-color: #f8f8f8; }

.fc-event-inner {
  padding: 7px; }

/*===============================================
  E. Timeline Widget - Not Timeline Page
================================================= */
.timeline-widget {
  position: relative;
  margin: 4px 0 0;
  padding: 0;
  list-style: none; }

.timeline-icon {
  z-index: 11;
  position: relative;
  float: left;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  margin-right: 10px;
  padding-top: 1px;
  padding-right: 1px;
  border-radius: 50%;
  background: #DDD;
  -webkit-box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #ffffff inset;
  box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #ffffff inset; }

.timeline-widget .media {
  position: relative;
  font-size: 14px;
  min-height: 60px;
  padding-bottom: 15px;
  margin: 0; }

.timeline-widget .media:after {
  position: absolute;
  top: 0;
  left: 20px;
  width: 8px;
  height: 100%;
  content: "";
  z-index: 10;
  background: #DDD;
  -webkit-box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #f5f5f5 inset;
  box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #f5f5f5 inset; }

.timeline-widget .media:last-child:after {
  display: none;
  content: ""; }

.timeline-widget .date {
  padding-left: 5px;
  color: #888;
  font-size: 12px; }

.timeline-widget .media-body {
  padding-top: 10px; }

/* ============================================== 
   VI. STARDOM COLOR SYSTEM
      A. Badges
	  B. Progress Bars
	  C. Slider Bars
	  D. Text
	  E. Buttons 
  
  * The Stardom Color System has two variations
  * of every color. A Light shade and a dark
  * shade. To create a gradient we set the 
  * elements background-color to the dark shade
  * and then apply a gradient overlay
================================================= 
  A. Badges
================================================= */
/* COLORS FOR BADGES - BOOTSTRAP THEMED */
.badge-default { background-color: #999999 }
.badge-primary { background-color: #428bca }
.badge-success { background-color: #5cb85c }
.badge-info { background-color: #5bc0de }
.badge-warning { background-color: #f0ad4e }
.badge-danger { background-color: #d9534f }
.badge-alert { background-color: #7857ca }
.badge-inverse,
.label-inverse { background-color: #444444 }

/* COLORS FOR BADGES - CUSTOM THEMED */
.badge-grey { background-color: #666666 }
.badge-dark { background-color: #777777 }
.badge-blue { background-color: #35b5d7 }
.badge-teal { background-color: #4fbdc8 }
.badge-green { background-color: #6db54b }
.badge-purple { background-color: #bb7ea6 }
.badge-maroon { background-color: #b94fb5 }
.badge-pink { background-color: #ef679d }
.badge-ruby { background-color: #e33459 }
.badge-red { background-color: #e4151d }
.badge-orange { background-color: #e94216 }
.badge-yellow { background-color: #f0c92f }

/*===============================================
  B. Progress Bars
================================================= */
.progress-bar-alert { background-color: #7857ca }
.progress-bar-grey { background-color: #666666 }
.progress-bar-dark { background-color: #777777 }
.progress-bar-blue { background-color: #35b5d7 }
.progress-bar-teal { background-color: #4fbdc8 }
.progress-bar-green { background-color: #6db54b }
.progress-bar-purple { background-color: #bb7ea6 }
.progress-bar-maroon { background-color: #b94fb5 }
.progress-bar-pink { background-color: #ef679d }
.progress-bar-ruby { background-color: #e33459 }
.progress-bar-red { background-color: #e4151d }
.progress-bar-orange { background-color: #e94216 }
.progress-bar-yellow { background-color: #f0c92f }

/*===============================================
  C. Slider Bars
================================================= */
/* take note of where color class is applied */
.ui-rangeSlider.slider-alert .ui-rangeSlider-bar { background-color: #7857ca }
.ui-rangeSlider.slider-grey .ui-rangeSlider-bar { background-color: #666666 }
.ui-rangeSlider.slider-dark .ui-rangeSlider-bar { background-color: #777777 }
.ui-rangeSlider.slider-blue .ui-rangeSlider-bar { background-color: #35b5d7 }
.ui-rangeSlider.slider-teal .ui-rangeSlider-bar { background-color: #4fbdc8 }
.ui-rangeSlider.slider-green .ui-rangeSlider-bar { background-color: #6db54b }
.ui-rangeSlider.slider-purple .ui-rangeSlider-bar { background-color: #bb7ea6 }
.ui-rangeSlider.slider-maroon .ui-rangeSlider-bar { background-color: #b94fb5 }
.ui-rangeSlider.slider-pink .ui-rangeSlider-bar { background-color: #ef679d }
.ui-rangeSlider.slider-ruby .ui-rangeSlider-bar { background-color: #e33459 }
.ui-rangeSlider.slider-red .ui-rangeSlider-bar { background-color: #e4151d }
.ui-rangeSlider.slider-orange .ui-rangeSlider-bar { background-color: #e94216 }
.ui-rangeSlider.slider-yellow .ui-rangeSlider-bar { background-color: #f0c92f }

/*======================================================
  D. Text
========================================================
* NOTE: Colors past this point use a much larger and 
* different naming system. These colors are only used on 
* vital theme elements to prevent unnecessary CSS bloat.
* But they still allow for unparralleled customization.
--------------------------------------------------------*/
.text-blue { color: #35b5d7 }
.text-blue2 { color: #3093c7 }
.text-blue3 { color: #4f96b4 }
.text-blue4 { color: #287bab }
.text-blue5 { color: #1c5b86 }
.text-blue6 { color: #205066 }
.text-blue7 { color: #21334b }
.text-green { color: #6db54b }
.text-green2 { color: #6db54b }
.text-green3 { color: #71aa61 }
.text-green4 { color: #417447 }
.text-green5 { color: #47741a }
.text-red { color: #e4151d }
.text-red2 { color: #d10011 }
.text-red3 { color: #bf0d14 }
.text-red4 { color: #930b1f }
.text-purple { color: #bb7ea6 }
.text-purple2 { color: #7a5067 }
.text-purple3 { color: #89264f }
.text-purple4 { color: #462b4c }
.text-orange { color: #e94216 }
.text-orange2 { color: #f56333 }
.text-orange3 { color: #fb7e2a }
.text-orange4 { color: #ff802c }
.text-yellow { color: #f0c92f }
.text-yellow2 { color: #e1bc4a }
.text-creme { color: #feda83 }
.text-creme2 { color: #fae3b4 }
.text-creme3 { color: #d3c27b }
.text-brown { color: #b29579 }
.text-brown2 { color: #7b5d3a }
.text-brown3 { color: #563330 }
.text-dark5 { color: #1e1c1f }
.text-dark4 { color: #323232 }
.text-dark3 { color: #494949 }
.text-dark2 { color: #666666 }
.text-dark { color: #777777 }
.text-light7 { color: #aaaaaa }
.text-light6 { color: #bbbbbb }
.text-light5 { color: #cccccc }
.text-light4 { color: #dddddd }
.text-light3 { color: #e5e5e5 }
.text-light2 { color: #f0f0f0 }
.text-light { color: white }
.text-alert { color: #7857ca }

/*==========================================================
  E. Buttons
============================================================
* These elements were designed to function using only the 
* background-color style which makes it perfectly acceptable 
* to use them on any element which requires a background.
* They have only been given "btn" names to conform to typical
* bootstrap html styling. Feel free to change them!
------------------------------------------------------------*/
.btn-blue { background-color: #35b5d7 }
.btn-blue2 { background-color: #3093c7 }
.btn-blue3 { background-color: #4f96b4 }
.btn-blue4 { background-color: #287bab }
.btn-blue5 { background-color: #1c5b86 }
.btn-blue6 { background-color: #205066 }
.btn-blue7 { background-color: #21334b }
.btn-green { background-color: #6db54b }
.btn-green2 { background-color: #6db54b }
.btn-green3 { background-color: #71aa61 }
.btn-green4 { background-color: #417447 }
.btn-green5 { background-color: #47741a }
.btn-red { background-color: #e4151d }
.btn-red2 { background-color: #d10011 }
.btn-red3 { background-color: #bf0d14 }
.btn-red4 { background-color: #930b1f }
.btn-purple { background-color: #bb7ea6 }
.btn-purple2 { background-color: #7a5067 }
.btn-purple3 { background-color: #89264f }
.btn-purple4 { background-color: #462b4c }
.btn-orange { background-color: #e94216 }
.btn-orange2 { background-color: #f56333 }
.btn-orange3 { background-color: #fb7e2a }
.btn-yellow { background-color: #f0c92f }
.btn-yellow2 { background-color: #e1bc4a }
.btn-creme { background-color: #feda83 }
.btn-creme2 { background-color: #fae3b4 }
.btn-creme3 { background-color: #d3c27b }
.btn-brown { background-color: #b29579 }
.btn-brown2 { background-color: #7b5d3a }
.btn-brown3 { background-color: #563330 }
.btn-dark5 { background-color: #1e1c1f }
.btn-dark4 { background-color: #323232 }
.btn-dark3 { background-color: #494949 }
.btn-dark2 { background-color: #666666 }
.btn-dark { background-color: #777777 }
.btn-light7 { background-color: #aaaaaa }
.btn-light6 { background-color: #bbbbbb }
.btn-light5 { background-color: #cccccc }
.btn-light4 { background-color: #dddddd }
.btn-light3 { background-color: #e5e5e5 }
.btn-light2 { background-color: #f0f0f0 }
.btn-light { background-color: white }

/* BUTTONS - GRADIENT FORM
* These elements were designed to function using only the
* background-color style which makes it perfectly acceptable 
* to use them on any element which requires a background.
* They have only been given "btn" names to conform to typical
* bootstrap html styling. Feel free to change them!
----------------------------------------------------------*/
.btn-blue.btn-gradient { background-color: #008aaf }
.btn-blue2.btn-gradient { background-color: #0070ab }
.btn-blue3.btn-gradient { background-color: #066b95 }
.btn-blue4.btn-gradient { background-color: #005789 }
.btn-blue5.btn-gradient { background-color: #00416d }
.btn-blue6.btn-gradient { background-color: #043a53 }
.btn-blue7.btn-gradient { background-color: #09203f }
.btn-green.btn-gradient { background-color: #368d0d }
.btn-green2.btn-gradient { background-color: #368d0d }
.btn-green3.btn-gradient { background-color: #33881b }
.btn-green4.btn-gradient { background-color: #00520a }
.btn-green5.btn-gradient { background-color: #274d00 }
.btn-red.btn-gradient { background-color: #eb050e }
.btn-red2.btn-gradient { background-color: #d10011 }
.btn-red3.btn-gradient { background-color: #a6050b }
.btn-red4.btn-gradient { background-color: #930b1f }
.btn-purple.btn-gradient { background-color: #9c457e }
.btn-purple2.btn-gradient { background-color: #6a254b }
.btn-purple3.btn-gradient { background-color: #71002f }
.btn-purple4.btn-gradient { background-color: #36143e }
.btn-orange.btn-gradient { background-color: #f93e0d }
.btn-orange2.btn-gradient { background-color: #fe561f }
.btn-orange3.btn-gradient { background-color: #ff7214 }
.btn-yellow.btn-gradient { background-color: #fac908 }
.btn-yellow2.btn-gradient { background-color: #e9bb2d }
.btn-creme.btn-gradient { background-color: #ffd266 }
.btn-creme2.btn-gradient { background-color: #fedd9a }
.btn-creme3.btn-gradient { background-color: #bca339 }
.btn-brown.btn-gradient { background-color: #99714b }
.btn-brown2.btn-gradient { background-color: #6c4517 }
.btn-brown3.btn-gradient { background-color: #4f1a16 }
.btn-dark5.btn-gradient { background-color: #151416 }
.btn-dark4.btn-gradient { background-color: #2c2c2c }
.btn-dark3.btn-gradient { background-color: #333333 }
.btn-dark2.btn-gradient { background-color: #444444 }
.btn-dark.btn-gradient { background-color: #555555 }

/* COLOR MODIFICATIONS SPECIFICALLY FOR BUTTONS
* Any variations to buttons were placed below so that
* the above classes contain only color styles. This
* allows the styles to be used on any element rather 
* than just "Text" or "Buttons" as their name suggest
----------------------------------------------------------*/
.btn-creme { border-color: #f5c348 }
.btn-creme2 { border-color: #f7ca5c }
.btn-light6 { border-color: #e5e5e5 }
.btn-light7 { border-color: #eeeeee }

.btn-light, .btn-light2, .btn-light3, .btn-light4, .btn-light5, .btn-light6, .btn-light7, .btn-default {
  color: #555555; }

.btn-light:focus, .btn-light2:focus, .btn-light3:focus, .btn-light4:focus, .btn-light5:focus, .btn-light6:focus, .btn-light7:focus, .btn-default:focus {
  color: #555555; }

.btn-light.btn-gradient, .btn-light2.btn-gradient, .btn-light3.btn-gradient, .btn-light4.btn-gradient, .btn-light5.btn-gradient, .btn-light6.btn-gradient, .btn-light7.btn-gradient, .btn-default.btn-gradient {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: "";
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.btn-creme:focus, .btn-creme2:focus, .btn-yellow:focus, .btn-yellow2:focus {
  color: #ca8f00; }

.btn-creme, .btn-creme2, .btn-yellow, .btn-yellow2 {
  color: #ca8f00;
  font-weight: 600;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.55); }

.btn-yellow:hover, .btn-yellow2:hover, .btn-creme:hover, .btn-creme2:hover, .btn-creme3:hover, .btn-light:hover, .btn-light2:hover, .btn-light3:hover, .btn-light4:hover, .btn-light5:hover, .btn-light6:hover, .btn-light7:hover, .btn-default:hover {
  color: #555555; }

/*===============================================
  VII. Layout Settings
================================================= */
body.hidden-breadcrumbs #topbar {
  display: none; }

body.hidden-searchbar #sidebar-search {
  display: none; }

/* fixed elements */
#sidebar.affix, #topbar.affix {
  position: fixed; }

body.hidden-searchbar #sidebar.affix {
  top: 0; }

/* give top padding to an element if its sibling is fixed 
 * this compensates for the change in height */
header.navbar-fixed-top + #main {
  padding-top: 50px; }

#topbar.affix + .container {
  padding-top: 87px; }

/* for preview only - no real use in development enviroment */
body.hidden-breadcrumbs.fixed-breadcrumbs #content > .container {
  padding-top: 35px; }

body.sidebar-collapsed #sidebar:before {
  width: 40px; }

/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
   I. Pages - In Order
      A. Dashboard.html
	  B. 404/500.html
	  C. Coming-soon.html
	  D. Screenlock.html
	  E. Login.html
	  F. Profile.html
	  G. Invoice-page.html
	  H. Gallery.html
	  I. Validation.html
	  J. Upload-tools.html
	  K. Index.html
	  L. Sketchpad.html
	  M. Messages.html
	  N. Timeline.html
	  O. "Minimal" Pages

 * 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 login.html
 * has an extra body class of ".login-page"
 
 * Note: Pages not listed here were made using
 * 100% reusable styles placed in theme.css
================================================= 
 A. Dashboard.html - Animated Index.html
================================================= */
body.index-load {
  background-color: #FDC162;
  overflow: hidden; }

body.index-load .navbar {
  z-index: 9999; }

body.index-load #main {
  overflow: hidden; }

body.index-load .navbar, body.index-load #main {
  display: none; }

body.index-load #sidebar.refresh {
  background: #FFF; }

body.index-load #content.refresh {
  background-color: #e8e8e8;
  -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.33) inset;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.33) inset; }

body.index-load #page-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FDC162;
  z-index: 9998;
  text-align: center; }

body.index-load #page-loader span {
  position: relative;
  color: rgba(0, 0, 0, 0.1);
  height: auto;
  width: auto;
  top: 35%;
  font-size: 13em; }

body.index-load .sparkline-delay {
  display: none; }

/*===============================================
  B. 404/500.html
================================================= */
/* Error search bar */
body.error-page #search-widget {
  background: #f1f1f1; }

/* Error text */
body.error-page .error-icon {
  color: #ee4e3c;
  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%; }

/*===============================================
  C. Coming-soon.html
================================================= */
body.coming-soon-page {
  background: #f6f6f6; }

body.coming-soon-page #main {
  background: url(/img/patterns/coming-soon-bg.jpg) no-repeat center -60px; }

body.coming-soon-page #page-logo {
  width: 250px;
  margin: 50px auto 80px; }

body.coming-soon-page .cntSeparator {
  margin: 27px 18px; }

body.coming-soon-page .panel {
  width: 600px;
  margin: 0 auto;
  position: relative; }

body.coming-soon-page .panel-title {
  font-size: 17px;
  float: none; }

body.coming-soon-page .panel-body {
  padding: 40px 26px; }

/*===============================================
  D. Screenlock.html
================================================= */
body.screenlock-page {
  background: url(/img/patterns/5.png) repeat top left #f6f6f6; }

body.screenlock-page #page-logo {
  width: 250px;
  margin: 50px auto 80px; }

body.screenlock-page .panel {
  width: 500px;
  margin: 0 auto;
  position: relative; }

body.screenlock-page .login-info {
  margin: 20px 0;
  font-size: 13px; }

body.screenlock-page .login-info .login-name b {
  font-size: 14px; }

body.screenlock-page .login-info .login-email {
  padding-top: 8px;
  font-size: 12px;
  color: #AAA; }

body.screenlock-page .login-avatar {
  padding: 6px 20px 25px 10px;
  margin-right: 20px;
  border-right: 1px dashed #DDD;
  float: left; }

body.screenlock-page .login-avatar img {
  display: block;
  margin: 0 auto;
  padding: 5px;
  border: 2px solid #DDD; }

body.screenlock-page .login-alert {
  padding-top: 15px;
  margin: 5px 0;
  border-top: 1px dashed #DDD;
  clear: both; }

body.screenlock-page .login-alert .alert {
  font-size: 13px;
  padding: 7px 13px;
  margin-bottom: 0; }

/*===============================================
  E. Login.html
================================================= */
body.login-page {
  background: url(/img/patterns/5.png) repeat top left #f6f6f6; }

body.login-page #page-logo {
  width: 250px;
  margin: 50px auto 80px; }

body.login-page .panel {
  width: 400px;
  margin: 0 auto;
  position: relative; }

body.login-page .login-avatar {
  margin: 15px 20px 25px;
  padding-bottom: 25px;
  border-bottom: 1px dashed #DDD; }

body.login-page .login-avatar img {
  display: block;
  margin: 0 auto;
  padding: 5px;
  border: 2px solid #DDD; }

body.login-page .login-alert {
  font-size: 13px;
  padding: 9px 13px; }

/*===============================================
  F. Profile.html
================================================= */
/* User widget info */
body.profile-page ul.profile-info {
  margin-top: 10px;
  margin-bottom: 20px; }

body.profile-page ul.profile-info li {
  color: #999;
  font-size: 13px; }

body.profile-page ul.profile-info li i.fa {
  padding-right: 12px; }

body.profile-page .console-btn {
  margin-bottom: 0; }

/* User widget */
body.profile-page .profile-data {
  font-size: 13px;
  padding-top: 7px; }

body.profile-page .profile-data .profile-name b {
  font-size: 14px; }

body.profile-page .profile-data .profile-email {
  padding-top: 8px;
  font-size: 12px;
  color: #AAA; }

body.profile-page #profile-avatar {
  border-right: 1px dashed #DDD; }

body.profile-page #profile-avatar img {
  display: block;
  margin: 0 auto;
  padding: 5px;
  border: 2px solid #DDD;
  max-height: 140px; }

/* User widget footer buttons */
body.profile-page .profile-panel .panel-footer {
  padding: 20px 16px 16px;
  text-align: center;
  border-color: #CCC; }

/*===============================================
  G. Invoice.html
================================================= */
/* Invoice title */
body.invoice-page #invoice-title {
  margin-bottom: 60px; }

/* invoice logo */
body.invoice-page #invoice-title .invoice-logo {
  width: 180px;
  margin: 13px auto; }

/* Invoice info boxes */
body.invoice-page #invoice-info {
  border-bottom: 1px dashed #DDD;
  margin-bottom: 30px;
  padding-bottom: 10px; }

body.invoice-page #invoice-info ul {
  margin-bottom: 5px; }

body.invoice-page #invoice-info ul li {
  margin-bottom: 0px; }

/* Invoice table */
body.invoice-page .table-condensed tbody tr td:last-child {
  text-align: right;
  padding-right: 15px; }

/* Summary table */
body.invoice-page #invoice-summary {
  margin: 0; }

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

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

/* Summary table last row */
body.invoice-page #invoice-summary tbody tr:last-child td {
  background: #f8f8f8;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  height: 35px;
  line-height: 35px; }

/* Bottom of page invoice buttons */
body.invoice-page .invoice-buttons {
  position: absolute;
  left: 15px;
  bottom: 10px; }

/* Panel sidemenu overrides */
body.invoice-page .panel-sidemenu {
  width: 18%; }

body.invoice-page .panel-sidemenu + .panel-body {
  width: 75%;
  margin: 40px 3.5% 60px; }

@media (max-width: 1000px) {
  body.invoice-page .panel-sidemenu {
    display: none; }

  body.invoice-page .panel-sidemenu + .panel-body {
    width: 93%;
    margin: 40px 3.5% 100px; } }
/*===============================================
  H. Gallery.html
================================================= */
/* GALLERY.HTML */
body.gallery-page .panel-menu .tab-content {
  padding: 0;
  border: 0;
  min-height: 0;
  background: transparent; }

/* DYNAMIC-GALLERY.HTML */
/* Additional Classes applied to Jquery FileUploader 
 * to enable sorting and filtering on images */
body.dynamic-gallery-page .mixitups {
  overflow: auto;
  display: block;
  position: relative; }

body.dynamic-gallery-page #Grid {
  font-size: 0;
  text-align: left; }

/* Image Preview After Upload */
body.dynamic-gallery-page #Grid li.template-download,
body.dynamic-gallery-page #Grid li.template-upload {
  display: inline-block;
  position: relative;
  width: 18%;
  margin: 0 1%;
  height: 160px;
  padding: 0;
  max-height: 160px;
  overflow: hidden;
  margin-bottom: 25px;
  opacity: 1; }

body.dynamic-gallery-page #Grid li.template-download a,
body.dynamic-gallery-page #Grid li.template-upload a {
  display: block; }

body.dynamic-gallery-page #Grid li.template-download a img,
body.dynamic-gallery-page #Grid li.template-upload a img {
  display: block;
  max-width: 100%;
  border: 1px solid #CCC; }

body.dynamic-gallery-page #Grid li.template-download .image-buttons {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.55); }

body.dynamic-gallery-page #Grid li.template-download:hover .image-buttons {
  display: block; }

/* Image Preview Before Upload */
body.dynamic-gallery-page #Grid li.template-upload .upload-preview {
  border-top: 2px solid #CCC; }

body.dynamic-gallery-page #Grid li.template-upload canvas {
  max-width: 100%; }

body.dynamic-gallery-page #Grid li.template-upload .preview-progress {
  width: 100%; }

body.dynamic-gallery-page #Grid li.template-upload .preview-progress p.size {
  position: absolute;
  left: 0;
  font-weight: 600;
  width: 100%;
  text-align: center; }

body.dynamic-gallery-page #Grid li.template-upload .preview-progress .progress {
  height: 21px;
  margin: 0; }

body.dynamic-gallery-page #Grid li.template-upload .preview-buttons {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.55); }

/* jQuery UI placeholder */
body.dynamic-gallery-page #Grid .placeholder {
  position: relative;
  display: inline-block;
  font-size: 0;
  width: 18%;
  height: 160px;
  padding: 0;
  margin: 0 1%;
  margin-bottom: 25px;
  overflow: hidden;
  background: #DDD; }

/*===============================================
  I. Validation.html
================================================= */
body.validation-page label.error {
  font-weight: 600;
  color: #d9534f;
  font-size: 12px;
  margin: 6px 0 0 2px; }

/*===============================================
  J. Upload-tools.html
================================================= */
body.upload-tools-page #fileupload .progress {
  margin-bottom: 0;
  width: 100%;
  min-width: 75px; }

body.upload-tools-page #fileupload table td {
  vertical-align: middle; }

/* Keeps preview image from becoming to large */
body.upload-tools-page #fileupload table td .preview canvas {
  max-height: 60px; }

/* Aligns action buttons to right */
body.upload-tools-page #fileupload table td:last-child {
  text-align: right; }

/*===============================================
  K. Index.html
================================================= */
.console-btn {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  margin-bottom: 20px;
  padding: 10px 10px 10px 15px;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  border-radius: 3px;
  text-shadow: 0 1px #fff;
  border: 1px solid #d2d2d2; }

.console-btn:hover .console-icon {
  color: #d9534f; }

.console-btn .console-icon {
  height: 40px;
  display: inline-block;
  vertical-align: top;
  font-size: 30px; }

.console-btn .console-text {
  display: inline-block;
  padding-top: 3px; }

.console-btn .console-title {
  font-size: 17px;
  line-height: 20px;
  font-weight: 500;
  color: #555; }

.console-btn .console-subtitle {
  font-size: 12px;
  color: #888; }

.console-filter {
  float: right;
  width: 77%;
  padding-top: 4px;
  margin-right: 5%; }

/* Dividers for console icons - Options: Left, right, Bottom */
.console-btn .console-icon.divider-right {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #DDD;
  position: relative; }

.console-btn .console-icon.divider-right:after {
  content: "";
  margin-right: -2px;
  border-right: 1px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%; }

.console-btn .console-icon.divider-left {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #DDD; }

.console-btn .console-icon.divider-bottom {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DDD; }

/* Console Button Alt Style - Block Icon, best used without divider */
.console-btn.console-block .console-icon {
  display: block;
  height: auto; }

.console-btn.console-block .console-text {
  display: block;
  padding: 0; }

/* Console Button Alt Style - No BG */
.console-btn.console-alt {
  border: 0;
  background: none;
  box-shadow: none;
  padding: 5px 8px; }

.console-btn.console-alt .console-icon {
  font-size: 20px; }

.console-btn.console-alt .console-text {
  padding: 0; }

.console-btn.console-alt .console-title {
  font-size: 14px; }

.console-btn.console-alt .console-badge .badge {
  position: absolute;
  top: -5px;
  right: 20px;
  text-shadow: none; }

/* CHART ICONS */
.chart-btn {
  padding-top: 8px; }

.chart-btn .chart-icon {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 40px;
  margin-bottom: 10px; }

.chart-btn .chart-text {
  display: inline-block;
  vertical-align: top; }

.chart-btn .chart-title {
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  color: #555; }

.chart-btn .chart-subtitle {
  font-size: 15px;
  color: #888;
  text-align: left; }

/* MESSAGE WIDGET */
body.dashboard .message-widget {
  margin-top: 20px; }

/*===============================================
  L. Sketchpad.html
================================================= */
body.sketchpad-page .wPaint-menu-holder {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45); }

body.sketchpad-page .chat-panel .media-img img {
  max-width: 50px;
  margin-right: 6px; }

body.sketchpad-page .chat-panel .media-content {
  padding: 6px 12px; }

body.sketchpad-page .chat-panel .media-timestamp {
  margin-bottom: 5px; }

/*===============================================
  M. Messages.html
================================================= */
body.messages-page .panel-menu {
  padding: 10px 20px; }

body.messages-page .panel-menu button {
  margin-right: 8px; }

body.messages-page .panel-menu button:last-child {
  margin-right: 0px; }

body.messages-page .messenger-header-actions .search-bar {
  max-width: 150px;
  position: relative;
  top: 2px;
  margin-right: 4px; }

body.messages-page .email-menu .table tbody > tr > td {
  padding: 10px 8px;
  border-top: 1px dashed #c9c9c9;
  vertical-align: middle; }

body.messages-page .email-menu .table tbody > tr:first-child > td {
  border-top: 0; }

body.messages-page .email-menu .table-striped > tbody > tr:nth-child(even) > td {
  background: #f8f8f8; }

body.messages-page .email-menu .table-striped > tbody > tr:nth-child(odd) > td {
  background: white; }

body.messages-page .email-menu-avatar {
  width: 15%; }

body.messages-page .email-menu-avatar img {
  min-width: 50px;
  max-width: 50px; }

body.messages-page .email-menu-message {
  color: #555;
  font-size: 13px;
  line-height: 17px; }

body.messages-page .email-menu-date {
  font-size: 11px;
  text-align: right; }

body.messages-page .email-date {
  color: #888;
  font-size: 11px; }

body.messages-page .email-message {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed #c9c9c9; }

body.messages-page .email-message p {
  font-size: 15px; }

body.messages-page .email-avatar {
  max-width: 70px;
  margin-top: 12px;
  margin-right: 20px;
  border: 2px solid #CCC; }

/*===============================================
  N. Timeline.html
================================================= */
body.timeline-page #main {
  min-height: 1400px; }

#timeline {
  position: relative; }

/* Timeline Spine */
#timeline:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 8px;
  height: 100%;
  content: "";
  background: #ddd;
  -webkit-box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #f5f5f5 inset;
  box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #f5f5f5 inset; }

/* Timeline Date Button/Label */
.timeline-divider {
  position: relative;
  margin: 10px 0 45px;
  z-index: 3; }

.timeline-divider .divider-label {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  min-width: 100px;
  width: 10%;
  margin: 0 auto;
  padding: 5px 5px;
  text-align: center;
  border: 1px solid #CCC;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

/* Timeline Content Panels */
#timeline .panel {
  position: relative;
  cursor: move;
  z-index: 11;
  overflow: visible; }

/* Timeline Spine Circle */
#timeline > .row .panel:before {
  position: absolute;
  top: 16px;
  right: -64px;
  width: 26px;
  height: 26px;
  content: "";
  z-index: 3;
  border-radius: 50%;
  background: #d2d2d2;
  -webkit-box-shadow: 1px 0 1px #999 inset,-1px 0 1px #ffffff inset;
  box-shadow: 1px 0 1px #999 inset,-1px 0 1px #ffffff inset; }

#timeline > .row .panel:after {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  position: absolute;
  top: 22px;
  right: -57px;
  width: 14px;
  height: 14px;
  content: "";
  z-index: 4;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

#timeline > .row > .right-column .panel:before {
  top: 14px;
  left: -57px; }

#timeline > .row > .right-column .panel:after {
  top: 20px;
  left: -52px; }

#timeline > .row > .right-column .panel .panel-heading:before {
  left: -23px; }

#timeline > .row > .right-column .panel .panel-heading:after {
  left: -19px; }

#timeline > .row > .left-column .panel.dragging:before,
#timeline > .row > .left-column .panel.dragging:after,
#timeline > .row > .right-column .panel.dragging:before,
#timeline > .row > .right-column .panel.dragging:after {
  display: none; }

/* Timeline Panel Positioning */
#timeline > .row > .left-column .panel {
  margin-right: 32px; }

#timeline > .row > .right-column .panel {
  margin-left: 32px; }

#timeline > .row > .right-column {
  margin-top: 60px; }

#timeline .ui-sortable-disabled .panel {
  cursor: auto; }

/* Timeline Responsive Styles */
@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; }

/* form creation styles */
#timeline .map {
  width: 100%;
  height: 300px;
  border: 1px solid #AAA; }

#timeline-image-form .fileupload-preview {
  text-align: center; }

#timeline-image-form .fileupload-preview img {
  max-height: 200px; }

#timeline div.checker input {
  vertical-align: top; }

/* JQuery sortable placeholder */
#timeline .ui-sortable {
  min-height: 150px;
  min-width: 300px; }

#timeline .ui-sortable-placeholder {
  visibility: visible !important;
  margin-bottom: 35px;
  background: #DDD;
  border: 1px solid #bbb;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px #BBB inset, 1px 1px 0px #fff;
  box-shadow: 0 1px 3px #BBB inset, 1px 1px 0px #fff; }

#timeline .ui-sortable-placeholder * {
  visibility: hidden; }

/*===============================================
  O. "Minimal" Pages
 ------------------------------------------------
  * Pages classified as "minimal" are those
  * which do not have sidebar or header. 
  * This simply adjusts the background.
================================================= */
body.minimal {
  background: #f4f4f4; }

@charset "IBM437";
/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
   VI. DEMO PAGES
	 A. Markitup
	 B. Jvector Maps
	 C. Flot Charts
	 D. Form Switch
	 E. Tags Manager
	 F. Ckeditor
	 G. Mixitup
	 H. Colorpicker/Datepicker
	 I. Dropzone
	 J. Gmap
	 K. Chosen
	 L. Elfinder
	 M. Form Wizard
	 N. DataTables
	 O. TreeView
	 P. Nestable
	 Q. Uniform (includes ALL plugin styles)
	  
 * This file contains small changes EXCEPT
 * for the UNIFORM Plugin. All of the plugins
 * styles have been placed in this stylesheet 
 * as the plugin is used sitewide.
================================================= 
 A. Markitup Editor
================================================= */
/* Container */
.markItUp {
  width: 100%;
  margin: 0; }

/* Header */
.markItUpHeader {
  min-height: 43px;
  padding: 8px 20px 0px;
  background: #eee;
  border: 1px solid #CCC;
  border-bottom: 0; }

.markItUpButton {
  padding: 4px;
  background: #FFF;
  border: 1px solid #CCC; }

.markItUpHeader ul .markItUpSeparator {
  height: 25px; }

/* Textarea */
.markItUpEditor {
  border-color: #ccc;
  width: 100%;
  height: 250px; }

/* Footer */
.markItUpFooter {
  height: 15px; }

/*===============================================
  B. Jvector Maps
================================================= */
.jvectormap-label {
  position: absolute;
  display: none;
  border: solid 1px #CDCDCD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #292929;
  color: white;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 3px; }

.jvectormap-zoomin, .jvectormap-zoomout {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: #287bab;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  cursor: pointer;
  position: absolute;
  left: 15px;
  padding: 3px;
  width: 30px;
  height: 25px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  border: 1px solid transparent;
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }

.jvectormap-zoomin {
  top: 10px;
  left: auto;
  right: 20px; }

.jvectormap-zoomout {
  top: 10px;
  left: auto;
  right: 60px; }

/*===============================================
  C. Flot Charts
================================================= */
/* Shared Flot and Sparkline tooltip */
.jqstooltip, #flotTip {
  color: #fff;
  width: auto !important;
  height: auto !important;
  padding: 2px 6px !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  border: 0 !important;
  border-radius: 3px; }

/*===============================================
  D. Formswitch
================================================= */
.has-switch {
  border-radius: 0;
  border-color: #c9c9c9; }

.has-switch span.switch-left, .has-switch span.switch-right {
  border: 2px solid #FFF;
  border-radius: 0;
  padding-top: 2px;
  padding-bottom: 2px; }

.has-switch label {
  width: 32%;
  margin-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(../vendor/plugins/uniform/themes/default/images/grip.png) center center no-repeat, -webkit-linear-gradient(top, #fcfcfc 0%, #dddddd 100%);
  background: url(../vendor/plugins/uniform/themes/default/images/grip.png) center center no-repeat, linear-gradient(to bottom, #fcfcfc 0%, #dddddd 100%); }

/*===============================================
  E. Tags Manager
================================================= */
.tm-tag {
  margin-right: 8px; }

.tag-container {
  margin-top: 15px; }

/*===============================================
  F. Ckeditor 
================================================= */
/* fixes Bootstrap style confliction */
.cke_toolbar_break {
  clear: none !important;
  display: block !important; }

/*===============================================
  G. Mixitup
================================================= */
#Grid {
  position: relative;
  padding-left: 0;
  margin: 0;
  font-size: 0.1px;
  text-align: justify;
  overflow: hidden; }

#Grid:after {
  display: inline-block;
  width: 100%;
  content: ''; }

#Grid .mix {
  position: relative;
  display: none;
  width: 19%;
  margin-bottom: 20px;
  padding: 0;
  opacity: 0;
  overflow: hidden; }

#Grid li a {
  display: block; }

#Grid li a img {
  max-width: 100%;
  border: 1px solid #DDD; }

#Grid .gap {
  display: inline-block;
  width: 19%; }

/* jQuery UI placeholder */
#Grid .placeholder {
  position: relative;
  display: inline-block;
  width: 19%;
  height: 161px;
  vertical-align: top;
  background: #DDD; }

#Grid .placeholder::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: 1px solid #BBB;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px #BBB inset, 1px 1px 0 #FFF;
  box-shadow: 0 1px 3px #BBB inset, 1px 1px 0 #FFF; }

/*===============================================
  H. Colorpicker/Datepicker
================================================= */
.colorpicker {
  padding: 6px 12px;
  min-width: 0; }

.datepicker {
  padding: 6px 12px; }

/*===============================================
  I. Dropzone
================================================= */
.dropzone {
  min-height: 405px; }

.dropzone .dz-default.dz-message {
  background-image: none;
  width: 100%;
  height: 100%;
  top: 23%;
  margin-left: 0px;
  margin-top: -23px;
  text-align: center;
  left: 0; }

.dropzone .dz-default.dz-message span {
  display: inline-block;
  text-align: center; }

.dropzone .dz-default.dz-message span.main-text {
  font-size: 28px;
  font-weight: 400;
  color: #666; }

.dropzone .dz-default.dz-message span.main-text b {
  font-size: 40px;
  color: #444; }

.dropzone .dz-default.dz-message span.sub-text {
  font-size: 20px;
  color: #888; }

.dropzone .dz-default.dz-message i.fa {
  font-size: 100px;
  display: block;
  color: #428bca;
  margin-bottom: 15px; }

.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
  cursor: pointer; }

/* Demonstration Purposes ONLY */
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none !important; }

/*===============================================
  J. Gmap
================================================= */
/* Inline Map Pagination Styles */
.map .pagination {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  width: 96%;
  margin: 11px;
  -webkit-box-shadow: 0 2px 4px #999;
  box-shadow: 0 2px 4px #999; }

.map .pagination .display {
  display: inline-block;
  width: 84%;
  height: 40px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  text-align: center;
  line-height: 40px;
  text-shadow: 0 1px #FFF; }

.map .pagination .btn {
  width: 8%;
  height: 40px;
  cursor: pointer;
  border-radius: 0;
  vertical-align: top;
  border: 0; }

.map .pagination .back-btn {
  float: left;
  border-right: 1px solid #ccc;
  background: url("../vendor/plugins/gmap/images/arrow_left_12x12.png") no-repeat 50% 50%; }

.map .pagination .fwd-btn {
  float: right;
  border-left: 1px solid #ccc;
  background: url("../vendor/plugins/gmap/images/arrow_right_12x12.png") no-repeat 50% 50%; }

.map .checker {
  margin-right: 8px; }

/* Map Styling Helper Classes */
.map-shadow {
  -webkit-box-shadow: 0 2px 3px #999;
  box-shadow: 0 2px 3px #999; }

.map-gradient {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.map-rounded {
  border-radius: 4px; }

/*===============================================
  K. Chosen
================================================= */
/* Single Select List */
.chosen-container-single .chosen-single {
  border-color: #c9c9c9;
  box-shadow: none;
  height: 35px;
  line-height: 32px; }

.chosen-container-single .chosen-drop {
  padding: 5px; }

/* Multi Select List */
.chosen-container-multi .chosen-choices {
  cursor: pointer;
  border-radius: 4px;
  border-color: #c9c9c9;
  background-clip: padding-box;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, white 1%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom, #ffffff 1%, #f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  cursor: pointer;
  height: 35px;
  line-height: 32px; }

.chosen-container-multi.chosen-container-active .chosen-choices {
  box-shadow: none;
  background-repeat: repeat-x;
  background-clip: padding-box;
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.chosen-container-multi.chosen-container-active .chosen-drop {
  padding: 8px 5px;
  -webkit-box-shadow: 0 0 8px #999;
  box-shadow: 0 0 8px #999; }

/*===============================================
  L. Elfinder
================================================= */
/* fixes a compatability problem with Jquery
 * and Bootstrap CSS libraries */
.elfinder .elfinder-button {
  box-sizing: content-box; }

/* wrapper */
.ui-widget-content {
  border-color: #BBB; }

/* header */
.elfinder-toolbar {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  padding: 15px 10px 14px;
  border-bottom: 1px solid #BBB; }

/* header search */
.elfinder .elfinder-button-search {
  margin: 0px 4px; }

.elfinder-button-search input {
  border-radius: 4px;
  padding: 4px 20px;
  border-color: #ccc;
  height: 29px;
  width: 202px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.elfinder-rtl .elfinder-button-search .ui-icon-search, .elfinder-ltr .elfinder-button-search .ui-icon-close {
  right: 3px; }

/* side menu */
.elfinder .elfinder-navbar {
  padding: 15px 10px;
  background: #f6f6f6; }

/* menu list */
.elfinder-navbar .ui-state-active,
.elfinder-disabled .elfinder-navbar .ui-state-active,
.elfinder-ltr .elfinder-navbar-subtree {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 5px;
  cursor: pointer; }

/* content */
.elfinder-cwd-wrapper {
  padding-top: 10px; }

/* footer */
.elfinder .elfinder-statusbar {
  background: #f5f5f5;
  padding: 13px 10px;
  border-top: 1px solid #BBB; }

/* preview modal */
.elfinder-quicklook {
  padding: 15px;
  border: 1px solid #bbb;
  border-radius: 0; }

.elfinder-quicklook-titlebar {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  padding: 8px;
  font-size: 13px;
  color: #666;
  height: 35px;
  border-bottom: 1px solid #BBB;
  border-radius: 0; }

.elfinder-quicklook-title {
  color: #666; }

/*===============================================
  M. Form Wizard
================================================= */
.wizard-wrapper {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-bottom: 40px;
  padding-left: 50px;
  border-bottom: 1px dashed #c9c9c9; }

ul.wizard-steps {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none; }

ul.wizard-steps li {
  position: relative;
  display: inline-block;
  width: 19%;
  text-align: center; }

ul.wizard-steps li a {
  position: relative;
  top: 15px;
  color: #888;
  font-size: 18px;
  font-weight: 600;
  text-shadow: 0 1px #ffffff; }

ul.wizard-steps li .wizard-icon {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding: 5px;
  background: #DDD;
  border-radius: 50%;
  z-index: 11;
  -webkit-box-shadow: 1px 0 1px #AAA inset;
  box-shadow: 1px 0 1px #AAA inset; }

ul.wizard-steps li .wizard-icon .fa {
  position: relative;
  width: 40px;
  height: 40px;
  font-size: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #CCC;
  border-radius: 50%;
  line-height: 38px;
  z-index: 11;
  -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1); }

ul.wizard-steps li:after {
  position: absolute;
  top: 36%;
  left: 50%;
  width: 100%;
  height: 8px;
  background-color: #DDD;
  content: "";
  z-index: 10;
  -webkit-box-shadow: 0 1px 1px #aaaaaa inset, 0 -1px 1px rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 1px #AAA inset, 0 -1px 1px #f5f5f5 inset; }

ul.wizard-steps li:last-child:after {
  display: none;
  content: ""; }

/* Wizard Step States */
ul.wizard-steps li.active .wizard-icon i {
  color: #0094d2;
  transition: all ease-in-out 2s; }

ul.wizard-steps li.passed .wizard-icon i {
  color: #fff;
  background: #0094d2;
  transition: all ease-in-out 2s; }

ul.wizard-steps li.passed.active .wizard-icon i {
  background-color: #0094d2;
  color: #fff; }

/*===============================================
  N. DataTables
================================================= */
table.dataTable {
  font-size: 13px;
  margin-top: 15px; }

/* Datatable Header */
table.dataTable thead th {
  border-bottom: 1px solid #dddddd; }

/* Datatable Sorted Rows */
table.dataTable tr.odd td.sorting_1 {
  background-color: white; }

table.dataTable tr.even td.sorting_1 {
  background-color: #f8f8f8; }

/* Datatable Filters Menu Container */
.dt-panelmenu {
  min-height: 52px;
  margin: -15px -15px 10px; }

/* DataTables Search Bar Filter */
div.dataTables_filter input {
  width: 270px;
  line-height: 1.428571429;
  padding: 3px 8px;
  color: #999;
  outline: none;
  background: #FFF;
  max-height: 30px;
  height: 29px;
  border-radius: 4px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

div.dataTables_filter input[placeholder] {
  font-weight: 400; }

/* DataTables Dropdown Filter */
.dataTables_length {
  display: none; }

@media (min-width: 768px) {
  .dataTables_length {
    display: block; } }
.dataTables_length .chosen-container {
  margin: 0 5px; }

div.dataTables_length label {
  color: #999;
  font-weight: 600; }

.dataTables_length .chosen-container-single .chosen-single {
  height: 30px;
  line-height: 28px;
  color: #888;
  background: #FFF; }

/* DataTables Dropdown Filter Arrow Icon */
.dataTables_length .chosen-container-single .chosen-single div {
  top: 3px; }

/* Datatable Result Counter */
div.dataTables_info {
  padding-top: 10px;
  color: #999; }

/* Datatable Footer */
.datatables-footer {
  margin-top: 10px; }

/* Datatable Pagination */
.datatables-footer .pagination {
  margin: 0; }

.datatables-footer .pagination {
  padding-top: 2px; }

table.dataTable > thead > tr > th, table.dataTable > tbody > tr > th, table.dataTable > tfoot > tr > th, table.dataTable > thead > tr > td, table.dataTable > tbody > tr > td, table.dataTable > tfoot > tr > td {
  vertical-align: middle; }

/* DATATABLES PLUGIN STYLES - TABLETOOLS */
/* TableTools Container */
div.DTTT_container {
  position: absolute;
  float: none;
  right: 0;
  top: -45px; }

/* TableTools Buttons */
div.DTTT_container .DTTT_button {
  font-size: 1em;
  color: #777 !important;
  padding: 5px 10px;
  margin-right: 5px;
  border-radius: 3px;
  border: 1px solid #CCC;
  box-shadow: none; }

div.DTTT_container .DTTT_button:last-child {
  margin-right: 0px; }

div.DTTT_container .DTTT_button:hover {
  color: #333;
  border-color: #AAA;
  box-shadow: none; }

/*===============================================
  O. TreeView
================================================= */
ul.dynatree-container {
  font-family: 'Open Sans',Helvetica, Arial, sans-serif;
  border: none;
  background-color: transparent; }

ul.dynatree-container ul {
  margin-left: 20px; }

span.dynatree-folder {
  position: relative;
  margin: 5px;
  padding: 8px 5px 8px 8px;
  border-radius: 6px;
  border: 1px solid #CCC;
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

span.dynatree-folder + ul .dynatree-node {
  margin: 7px 5px;
  padding: 8px 5px 8px 12px; }

span.dynatree-folder + ul li {
  position: relative; }

span.dynatree-folder + ul li:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 49%;
  height: 1px;
  width: 22px;
  border-bottom: 1px solid #CCC; }

span.dynatree-folder + ul li:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  height: 100%;
  width: 1px;
  border-left: 1px solid #CCC; }

span.dynatree-folder + ul li:last-child:after {
  height: 53%; }

ul.dynatree-container a {
  font-weight: 600;
  color: #666;
  text-shadow: 0 1px #FFF;
  outline: none;
  border: none; }

ul.dynatree-container a:hover,
ul.dynatree-container .dynatree-active a {
  outline: none;
  border: none;
  background: transparent; }

span.dynatree-connector {
  display: none; }

/* Alternate Tree Style - Minimal. Uses class "tree-alt" */
.tree-alt span.dynatree-folder {
  position: relative;
  margin: 5px;
  padding: 5px 3px 5px 5px;
  border: none;
  background: none; }

.tree-alt ul.dynatree-container ul {
  margin-left: 30px; }

.tree-alt span.dynatree-folder + ul .dynatree-node {
  margin: 5px 3px;
  padding: 6px 3px 6px 9px; }

/* Modifies size of alt style when in Panel Side Menu */
.panel-sidemenu .tree-alt span.dynatree-folder {
  margin-left: 0;
  padding-left: 0; }

.panel-sidemenu .tree-alt span.dynatree-folder + ul .dynatree-node {
  padding: 3px 3px 3px 6px; }

/* Demonstration Styles - Colored Folders */
.tree-alt-bg span.dynatree-folder {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: "";
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); }

.tree-alt-bg span.dynatree-folder a.dynatree-title {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }

.tree-alt-bg.tree-color1 span.dynatree-folder {
  background-color: #0088cc; }

.tree-alt-bg.tree-color2 span.dynatree-folder {
  background-color: #44ab00; }

.tree-alt-bg.tree-color3 span.dynatree-folder {
  background-color: #14abd8; }

.tree-alt-bg.tree-color4 span.dynatree-folder {
  background-color: #f28900; }

.tree-alt-bg.tree-color5 span.dynatree-folder {
  background-color: #d3332e; }

.tree-alt-bg.tree-color6 span.dynatree-folder {
  background-color: #5d3ab5; }

/* Demonstration Styles - Tab Tree Content */
.tree-content-example .tab-pane {
  display: none; }

.tree-content-example .tab-pane img {
  float: left;
  width: 47%;
  max-width: 47%;
  margin: 1.5%;
  padding: 2px;
  border: 3px solid #CCC; }

/* DRAG AND DROP SUPPORT */
/* Helper object */
div.dynatree-drag-helper a {
  border: 1px solid gray;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  opacity: 0.8; }

span.dynatree-drag-helper-img {
  /*	position: relative;
  	left: -16px;	*/ }

div.dynatree-drag-helper {
  /*  border-color: green;
  	background-color: red; */ }

div.dynatree-drop-accept span.dynatree-drag-helper-img {
  background-position: -32px -112px; }

div.dynatree-drag-helper.dynatree-drop-reject {
  border-color: red; }

div.dynatree-drop-reject span.dynatree-drag-helper-img {
  background-position: -16px -112px; }

/* Drop marker icon */
#dynatree-drop-marker {
  width: 24px;
  position: absolute;
  background-position: 0 -128px;
  margin: 0; }

#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before {
  width: 64px;
  background-position: 0 -144px; }

#dynatree-drop-marker.dynatree-drop-copy {
  background-position: -64px -128px; }

#dynatree-drop-marker.dynatree-drop-move {
  background-position: -64px -128px; }

/* Source node while dragging */
span.dynatree-drag-source {
  /* border: 1px dotted gray; */
  background-color: #e0e0e0; }

span.dynatree-drag-source a {
  color: gray; }

/* Target node while dragging cursor is over it */
span.dynatree-drop-target {
  /*border: 1px solid gray;*/ }

span.dynatree-drop-target.dynatree-drop-accept a {
  /*border: 1px solid green;*/
  background-color: #3169C6 !important;
  color: white !important;
  /* @ IE6 */
  text-decoration: none; }

span.dynatree-drop-target.dynatree-drop-reject {
  /*border: 1px solid red;*/ }

/*===============================================
  P. Nestable
================================================= */
.dd {
  position: relative;
  display: block;
  margin: 10px 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 20px; }

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }

.dd-list .dd-list {
  padding-left: 30px; }

.dd-collapsed .dd-list {
  display: none; }

.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px; }

/* Default Color */
.dd-handle {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ccc;
  cursor: pointer;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: "";
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); }

.dd-handle:hover {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%); }

.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold; }

.dd-item > button:before {
  content: '+';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0; }

.dd-item > button[data-action="collapse"]:before {
  content: '-'; }

.dd-placeholder,
.dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5; }

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999; }

.dd-dragel > .dd-item .dd-handle {
  margin-top: 0; }

.dd-dragel .dd-handle {
  background: #888;
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }

/* Nestable Extras */
.nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd; }

#nestable-menu {
  padding: 0;
  margin: 20px 0; }

#nestable-output,
#nestable2-output {
  width: 100%;
  height: 7em;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: Consolas, monospace;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

/* Alternate Colors */
.nestable-white .dd-handle {
  color: #666;
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.nestable-white .dd-handle:hover {
  color: #666; }

.nestable-grey .dd-handle {
  background-color: #323232; }

.nestable-grey .dd-item > button:before {
  color: #fff; }

.nestable-blue .dd-handle {
  background-color: #0066ad; }

.nestable-blue .dd-item > button:before {
  color: #fff; }

.nestable-green .dd-handle {
  background-color: #5cb85c; }

.nestable-green .dd-item > button:before {
  color: #fff; }

.dd-hover > .dd-handle {
  background: #2ea8e5 !important; }

/* Nestable Draggable Handles */
.dd3-content {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ccc;
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.dd3-content:hover {
  color: #2ea8e5;
  background: #fff; }

.dd-dragel > .dd3-item > .dd3-content {
  margin: 0; }

.dd3-item > button {
  margin-left: 30px; }

.dd3-handle {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: #323232;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  border: 1px solid #aaa;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.dd3-handle:before {
  content: '≡';
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #fff;
  font-size: 20px;
  font-weight: normal; }

.dd3-handle:hover {
  background: #ddd; }

/*===============================================
  Q. Uniform
================================================= */
/* General settings */
div.selector span {
  display: block;
  display: block;
  width: 100%;
  height: 26px;
  padding-right: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-position: right 0;
  line-height: 26px;
  cursor: pointer; }

div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("/img/form/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }

div.uploader span.filename {
  display: block;
  float: left;
  width: 85px;
  height: 24px;
  margin: 2px 0 2px 2px;
  padding: 0 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
  line-height: 24px; }

div.uploader span.filename {
  color: #777;
  border-right: solid 1px #bbbbbb;
  font-size: 11px; }

div.uploader span.action {
  display: inline;
  float: left;
  width: 82px;
  height: 28px;
  text-align: center;
  background-position: right -409px;
  line-height: 28px;
  overflow: hidden;
  cursor: pointer; }

div.uploader span.action {
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-shadow: white 0px 1px 0px; }

div.selector select {
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

div.selector select {
  position: absolute;
  top: 2px;
  left: 0px;
  width: 100%;
  height: 22px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none; }

div.uploader input {
  position: absolute;
  float: right;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  cursor: default; }

div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
  outline: 0; }

div.selector span {
  color: #666;
  text-shadow: 0 1px 0 white; }

div.button span {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  height: 22px;
  margin-left: 13px;
  padding: 8px 15px 0 2px;
  text-align: center;
  *display: inline;
  zoom: 1;
  line-height: 22px;
  background-position: right -521px; }

div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

div.button a, div.button button, div.button input {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.01;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01; }

div.selector, div.checker, div.button, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as: focus to remove browser styles */ }

div.checker span.checked {
  background-position: -76px -260px; }

div.radio span.checked {
  background-position: -72px -279px; }

div.checker input {
  display: -moz-inline-box;
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  *display: inline;
  zoom: 1; }

div.checker, div.checker span, div.checker input {
  width: 19px;
  height: 19px; }

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  *display: inline;
  zoom: 1;
  background-position: 0 -260px; }

div.radio input {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  *display: inline;
  zoom: 1; }

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  *display: inline;
  zoom: 1;
  background-position: 0 -279px; }

div.radio, div.radio span, div.radio input {
  width: 18px;
  height: 18px; }

.highContrastDetect {
  width: 0px;
  height: 0px;
  background: url("/img/form/bg-input.png") repeat-x 0 0; }

/* Input & Textarea */
input.uniform-input, select.uniform-multiselect, textarea.uniform {
  padding: 3px;
  background: url("/img/form/bg-input.png") repeat-x 0 0;
  outline: 0; }

input.uniform-input, input.uniform-input:focus {
  background-color: white; }

input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active {
  background: url("/img/form/bg-input-focus.png") repeat-x 0 0; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
/* Select */
div.checker input, input[type="search"], input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

div.selector {
  position: relative;
  height: 26px;
  padding: 0 0 0 10px;
  background-position: 0 -130px;
  line-height: 26px;
  overflow: hidden; }

div.selector.fixedWidth {
  width: 190px; }

div.selector.fixedWidth span {
  width: 155px; }

div.selector.active {
  background-position: 0 -156px; }

div.selector.active span {
  background-position: right -26px; }

div.selector.hover, div.selector.focus {
  background-position: 0 -182px; }

div.selector.hover span, div.selector.focus span {
  background-position: right -52px; }

div.selector.hover.active, div.selector.focus.active {
  background-position: 0 -208px; }

div.selector.hover.active span, div.selector.focus.active span {
  background-position: right -78px; }

div.selector.disabled, div.selector.disabled.active {
  background-position: 0 -234px; }

div.selector.disabled span, div.selector.disabled.active span {
  background-position: right -104px; }

div.selector.disabled span, div.selector.disabled.active span {
  color: #bbbbbb; }

/* Checkbox */
div.checker {
  position: relative; }

div.checker.active span {
  background-position: -19px -260px; }

div.checker.active span.checked {
  background-position: -95px -260px; }

div.checker.hover span, div.checker.focus span {
  background-position: -38px -260px; }

div.checker.hover span.checked, div.checker.focus span.checked {
  background-position: -114px -260px; }

div.checker.hover.active span, div.checker.focus.active span {
  background-position: -57px -260px; }

div.checker.hover.active span.checked, div.checker.focus.active span.checked {
  background-position: -133px -260px; }

div.checker.disabled, div.checker.disabled.active {
  background-position: -152px -260px; }

div.checker.disabled span.checked, div.checker.disabled.active span.checked {
  background-position: -171px -260px; }

/* Radio */
div.radio {
  position: relative; }

div.radio.active span {
  background-position: -18px -18px -279px; }

div.radio.active span.checked {
  background-position: -90px -279px; }

div.radio.hover span, div.radio.focus span {
  background-position: -36px -36px -279px; }

div.radio.hover span.checked, div.radio.focus span.checked {
  background-position: -108px -279px; }

div.radio.hover.active span, div.radio.focus.active span {
  background-position: -54px -279px; }

div.radio.hover.active span.checked, div.radio.focus.active span.checked {
  background-position: -126px -279px; }

div.radio.disabled span, div.radio.disabled.active span {
  background-position: -144px -279px; }

div.radio.disabled span.checked, div.radio.disabled.active span.checked {
  background-position: -162px -279px; }

/* Uploader */
div.uploader {
  position: relative;
  width: 190px;
  height: 28px;
  background-position: 0 -297px;
  cursor: pointer;
  overflow: hidden; }

div.uploader.active span.action {
  background-position: right -465px; }

div.uploader.hover, div.uploader.focus {
  background-position: 0 -353px; }

div.uploader.hover span.action, div.uploader.focus span.action {
  background-position: right -437px; }

div.uploader.hover.active span.action, div.uploader.focus.active span.action {
  background-position: right -493px; }

div.uploader.disabled, div.uploader.disabled.active {
  background-position: 0 -325px; }

div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
  color: #aaa;
  border-color: #ddd; }

div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  color: #aaaaaa; }

div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  background-position: right -381px; }

/* Buttons */
div.button {
  position: relative;
  height: 30px;
  background-position: 0 -641px;
  cursor: pointer;
  /* Keep buttons barely visible so they can get focus */ }

div.button.active {
  background-position: 0 -671px; }

div.button.active span {
  background-position: right -551px;
  cursor: default; }

div.button.hover, div.button.focus {
  background-position: 0 -701px; }

div.button.hover span, div.button.focus span {
  background-position: right -581px; }

div.button.hover span, div.button.focus span {
  color: #555555; }

div.button.disabled, div.button.disabled.active {
  background-position: 0 -731px; }

div.button.disabled span, div.button.disabled.active span {
  color: #bbbbbb; }

div.button.disabled span, div.button.disabled.active span {
  background-position: right -611px;
  cursor: default; }

/* INPUT & TEXTAREA */
input.uniform-input, select.uniform-multiselect, textarea.uniform {
  color: #777;
  border-top: solid 1px #aaaaaa;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  border-left: solid 1px #aaaaaa;
  font-size: 12px;
  font-weight: normal;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover, select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  border-color: #999; }

/* PRESENTATION */
/* Buttons */
/* Select */
div.selector {
  font-size: 12px; }

/* Checker */
div.checker {
  margin-right: 5px; }

/* Radio */
div.radio {
  margin-right: 3px; }

/* Uploader */

/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
   VI. DEMO PAGES
      A. Customizer.html
	  B. Upload-tools.html
	  C. Timeline.html
	  D. Sliders.html
	  E. Portlets.html
	  F. Maps.html
	  G. Gallery.html
	  H. Dynamic-gallery.html
	  I. Forms.html
	  J. Elements.html
	  K. Charts.html
	  L. Animations.html
	  M. Buttons.html
	  N. 404/500.html
	  O. Icons.html
	  P. Global Changes
	  
 * This file is reserved for changes required only
 * for the themes demo. These styles may be vital
 * to Stardoms 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. Customizer.html
================================================= */
#skin-menu {
  display: block; }

#rawr {
  background: #333; }

#skin-toolbox {
  position: fixed;
  top: 220px;
  right: -182px;
  width: 180px;
  height: 390px;
  border-radius: 5px 0 0 5px;
  border: 3px solid #f0ad4e;
  z-index: 999;
  overflow: visible !important;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, white 1%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #ffffff 1%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.skin-toolbox-toggle {
  position: absolute;
  top: 30px;
  left: -43px;
  width: 40px;
  height: 43px;
  border-right: 0;
  border-radius: 3px 0 0 3px;
  cursor: pointer;
  line-height: 49px;
  border: 1px solid #e69b2f;
  text-shadow: 1px -1px #cb7f12;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #fead3c 1%, #f88c00 100%);
  background-image: linear-gradient(to bottom, #fead3c 1%, #f88c00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fead3c', endColorstr='#f88c00',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.skin-toolbox-toggle .fa {
  padding-left: 7px;
  color: #fff;
  font-size: 28px; }

.skin-option {
  float: left;
  width: 22px;
  height: 22px;
  margin: 5px;
  padding: 3px;
  background-color: #dadada;
  border: 1px solid #CCC;
  -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 white;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 white; }

.skin-color {
  width: 14px;
  height: 14px;
  border: 1px solid #CCC;
  background: #FFF;
  cursor: pointer; }

.skin-toolbox-panel {
  padding: 20px 13px 0; }

.skin-toolbox-panel .form-group {
  margin-bottom: 8px; }

.skin-toolbox-panel label {
  font-size: 11px; }

.skin-option.active {
  border: 1px solid #f0ad4e; }

#customizer-link {
  font-size: 14px; }

/*===============================================
  B. Upload-tools.html
================================================= */
body.upload-tools-page .dropzone {
  min-height: 405px; }

body.upload-tools-page .panel-body {
  min-height: 300px; }

/*===============================================
  C. Timeline.html
================================================= */
body.timeline-page .panel-clone {
  display: none; }

/*===============================================
  D. Sliders.html
================================================= */
.slider-example .form-horizontal .col-md-9 {
  margin-top: 65px; }

.slider-example .form-horizontal .col-md-2 {
  margin-top: 62px;
  margin-right: 20px; }

.slider-example .form-horizontal .form-group.first .col-md-9 {
  margin-top: 45px; }

.slider-example .form-horizontal .form-group.first .col-md-2 {
  margin-top: 42px; }

.slider-example .form-horizontal .form-group:last-child {
  margin-bottom: 40px; }

/*===============================================
  E. Portlets.html
================================================= */
body.portlets-page .panel .tab-content {
  padding: 0;
  border: 0;
  min-height: 95px; }

body.portlets-page #accordion {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
  margin-bottom: 35px; }

/*===============================================
  F. Maps.html
================================================= */
body.maps-page .map {
  width: 100%;
  height: 400px; }

body.maps-page .panel-menu button {
  margin-right: 8px;
  min-height: 35px;
  min-width: 75px; }

body.maps-page .panel-menu button:last-child {
  margin-right: 0px;
  min-height: 35px; }

/*===============================================
  G. Gallery.html
================================================= */
body.gallery-page {
  overflow: scroll; }

/*===============================================
  H. Dynamic-gallery.html
================================================= */
body.dynamic-gallery-page {
  overflow: scroll;
  min-height: 1600px; }

/*===============================================
  I. Forms.html
================================================= */
body.forms-page .make-switch {
  margin-right: 10px;
  margin-bottom: 6px; }

body.forms-page #focusedInput {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); }

/*===============================================
  J. Elements.html
================================================= */
body.elements-page .panel button {
  margin-right: 6px;
  margin-bottom: 8px; }

body.elements-page .panel .btn-group button {
  margin-right: 0;
  margin-bottom: 0; }

body.elements-page .btn-block {
  border-radius: 0; }

/*===============================================
  K. Charts.html
================================================= */
body.charts-page .panel-menu label {
  font-size: 13px;
  font-weight: 600;
  color: #888;
  margin-right: 5px; }

body.charts-page .legend table tr td {
  padding: 5px 10px 5px 5px; }

/*===============================================
  L. Animations.html
================================================= */
.animate-me-btns a {
  margin: 5px 5px 7px; }

.animate-me-btns .tab-content {
  border: 0;
  padding-bottom: 30px; }

/*===============================================
  M. Buttons.html
================================================= */
body.buttons-page .panel button {
  margin-right: 6px;
  margin-bottom: 8px; }

body.buttons-page .panel .btn-group {
  margin-right: 5px; }

body.buttons-page .panel .btn-group button {
  margin-right: 0;
  margin-bottom: 8px; }

body.buttons-page .panel .btn-group-vertical button {
  margin-right: 0;
  margin-bottom: 0; }

body.buttons-page .social-buttons-panel button {
  margin: 10px; }

body.buttons-page .zocial, a.zocial {
  min-height: 32px;
  margin: 8px; }

body.buttons-page .zocial.icon {
  min-height: 28px; }

body.buttons-page .zocial.icon.facebook:before {
  padding-right: 5px; }

/*===============================================
  N. 404/500.html
================================================= */
.icon-option-menu li a {
  cursor: pointer; }

.icon-option-menu li a i {
  padding-right: 6px;
  color: #777; }

/*===============================================
  O. Icons.html
================================================= */
#icon-nav.affix {
  top: 80px; }

#icon-nav ul {
  width: 220px; }

#icon-nav li:hover span {
  color: #444; }

#icon-nav li.active span {
  color: #428bca; }

.panel-body .page-header {
  color: #428bca;
  font-size: 18px; }

#glyphicons-icon-list,
#glyphicon-icon-list,
#imoon-icon-list,
.fa-icon-list {
  font-size: 12px;
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden; }

#glyphicons-icon-list li,
#glyphicon-icon-list li,
#imoon-icon-list li,
.fa-icon-list li {
  float: left;
  width: 25%;
  height: 100px;
  padding: 5px;
  line-height: 1.4;
  text-align: center; }

#glyphicons-icon-list .glyphicons,
#glyphicon-icon-list .glyphicon,
#imoon-icon-list .imoon,
.fa-icon-list .fa {
  display: block;
  margin: 5px auto 15px;
  font-size: 24px; }

#glyphicons-icon-list li:hover,
#glyphicon-icon-list li:hover,
#imoon-icon-list li:hover,
.fa-icon-list li:hover {
  color: #428bca; }

/*===============================================
  P. Global Changes
================================================= */

/* Disables hover effect for multi-level menu */
ul.sidebar-nav ul#sideEight.sub-nav > li > a:hover { background-color: transparent; }

.panel-tabs > li > a:hover {
  background-color: #f2f2f2; }

#return-arrow {
  color: #555;
  padding-left: 15px;
  padding-top: 15px;
  position: fixed;
  opacity: 0.4;
  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; }

#return-arrow:hover i.fa {
  opacity: 0.7; }

/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=======================================================
   VI. BOXED-LAYOUT STYLES
      A. Global
	  B. NavBar
	  C. Sidebar
	  D. Container
	  E. Column Adjustments
-------------------------------------------------------	  
 * This file contains changes needed alter the page
 * layout of every page from fullwidth to boxed-layout
 * It's activated by adding the  "boxed-layout" class
 * to the pages body tag. The Main content is changed 
 * to 1150px wide. If window is <1150px we return to
 * a fluid 100% width layout.
=======================================================
 A. Global
======================================================= */
body.boxed-layout {
  background: #f9f9f9; }

body.boxed-layout #main {
  width: 1150px !important;
  margin: 0 auto; }

@media (max-width: 1150px) {
  body.boxed-layout #main,
  body.boxed-layout .navbar {
    width: 100% !important; } }
/* The background for Stardoms main content 
 * is usually added with the psuedo selector 
 * ":after" on "#content". For boxed layout we 
 * move this to #main and hide "#content:after" 
 * This prevents a sidebar transition bug */
body.boxed-layout #content:after {
  display: none; }

body.boxed-layout #main:after {
  content: "";
  position: fixed;
  width: 1152px;
  top: 0;
  bottom: 0;
  display: block;
  z-index: -2;
  margin-left: -1px;
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  background: #e8e8e8; }

/*===============================================
  B. Navbar
================================================= */
body.boxed-layout .navbar {
  width: 1150px !important;
  margin: 0 auto !important;
  box-shadow: none;
  border-bottom: 1px solid #c9c9c9; }

/*===============================================
  C. Sidebar
================================================= */
body.boxed-layout #sidebar-search {
  box-shadow: none; }

body.boxed-layout #sidebar:before {
  margin-left: 1px;
  border-right: 1px solid #CCC; }

/*===============================================
  D. Container
================================================= */
@media (min-width: 1450px) {
  #content > .container {
    padding: 35px 30px 50px 30px; } }
/*===============================================
  E. COLUMN ADJUSTMENTS - IMPORTANT
================================================= 
 * IMPORTANT - Many pages have had the width of 
 * their columns completely altered. All pages 
 * requiring the same column adjustments have
 * been grouped together and then listed in a 
 * directory(see below). Percentages listed 
 * below refer to the columns new width.
* ---------------------------------------------
   PAGES REQUIRING 100% COLUMNS(in order):
   * DASHBOARD.HTML
   * CHARTS.HTML 
   * TABS.HTML 
   * FORMS.HTML 
   * EDITORS.HTML 
   * MAPS.HTML 
   * ELEMENTS.HTML 
   * VALIDATION.HTML 
   * WIZARD.HTML 
   * PRICING-TABLES.HTML 
   * FILE-MANAGERS.HTML 
   * UPLOAD-TOOLS.HTML 
   * DYNAMIC-GALLERY.HTML 
   * IMAGE-TOOLS.HTML 
   * INVOICE-PAGE.HTML
   * WIDGETS.HTML
   * FAQ.HTML
   * GALLERY.HTML
   * TIMELINE.HTML
--------------------------------------------------
 * Notes: Most columns were targeted using the
 * direct descendant CSS operator as to not effect
 * other columns used further down the page. If 
 * you have changed a columns default Stardom 
 * HTML you will need to update this.
-------------------------------------------------*/
body.boxed-layout.dashboard .container > .row > .col-md-4,
body.boxed-layout.dashboard .container > .row > .col-md-8,
body.boxed-layout.charts-page .container > .row > .col-md-6,
body.boxed-layout.tabs-page .container > .row > .col-md-6,
body.boxed-layout.forms-page .container > .row > .col-md-6,
body.boxed-layout.editors-page .container > .row > .col-md-6,
body.boxed-layout.maps-page .container > .row > .col-md-6,
body.boxed-layout.elements-page .container > .row > .col-md-6,
body.boxed-layout.validation-page .container > .row > .col-md-6,
body.boxed-layout.wizard-page .container > .row > .col-md-10.col-md-offset-1,
body.boxed-layout.pricing-tables-page .container > .row > .col-md-10.col-md-offset-1,
body.boxed-layout.file-manager-page .container > .row > .col-lg-10.col-lg-offset-1,
body.boxed-layout.upload-tools-page .container > .row > .col-md-6,
body.boxed-layout.dynamic-gallery-page .container > .row > .col-md-10.col-md-offset-1,
body.boxed-layout.image-tools-page .container > .row > .col-md-6,
body.boxed-layout.invoice-page .container > .row > .col-lg-11,
body.boxed-layout.widgets-page .container > .row > .col-lg-8,
body.boxed-layout.widgets-page .container > .row > .col-lg-4,
body.boxed-layout.faq-page .container > .row > .col-lg-10,
body.boxed-layout.gallery-page .container > .row > .col-md-10,
body.boxed-layout.timeline-page #timeline {
  width: 100%;
  float: none;
  margin-left: 0; }

/* ---------------------------------------
   PAGES REQUIRING 90% COLUMNS(in order):
   * EDITABLE.HTML
   * XEDIT.HTML
   * PROFILE.HTML
----------------------------------------*/
body.boxed-layout.editable-page .container > .row .col-md-10.col-md-offset-1,
body.boxed-layout.xedit-page .container > .row .col-md-8,
body.boxed-layout.profile-page .container > .row > .col-lg-4,
body.boxed-layout.profile-page .container > .row > .col-lg-8 {
  width: 90%;
  float: none;
  margin: 0 auto; }

/* ----------------------------------------
   PAGES REQUIRING 50% COLUMNS(in order):
   * PORTLETS.HTML 
   * TYPOGRAPHY.HTML 
------------------------------------------*/
@media (min-width: 1200px) {
  body.boxed-layout.portlets-page .container > .row > .col-lg-4.col-sm-6,
  body.boxed-layout.typography-page .container > .row > .col-lg-3 {
    width: 50%;
    float: left; } }
/* -----------------------------------------
	PAGES REQUIRING A CUSTOM LAYOUT(in order):
    * SKETCHPAD.HTML - 92%
	* MESSAGES.HTML - 85%
	* ICONS.HTML - 80% + 20% COLUMN
-------------------------------------------*/
body.boxed-layout.sketchpad-page .container > .row > .col-lg-7 {
  width: 92%;
  margin-left: 7%; }

body.boxed-layout.messages-page .container > .row > .col-lg-4,
body.boxed-layout.messages-page .container > .row > .col-lg-8 {
  width: 85%;
  float: none;
  margin: 0 auto; }

body.boxed-layout.icons-page .container > .row > .col-md-9 {
  width: 80%;
  margin-left: 0;
  float: left; }

body.boxed-layout.icons-page .container > .row > .col-md-3 {
  width: 20%;
  float: left; }

/* ----------------------------------------
 * All column changes have been listed 
 * above. The styles below are for pages 
 * which require adjustments to individual 
 * elements(buttons, backgrounds, etc)
/* ----------------------------------------
   PAGES LISTED BELOW INCLUDE(in order):
   * DASHBOARD/INDEX.HTML
   * TIMELINE.HTML
   * GALLERY.HTML
   * MESSAGES.HTML
   * PROFILE.HTML
   * FAQ.HTML
   * DATATABLES.HTML
   * ICONS.HTML
   * ANIMATIONS.HTML
   * SKETCHPAD.HTML
   * WIDGETS.HTML
   * INVOICE-PAGE.HTML
   * MINIMAL(login, screenlock, etc)
-----------------------------------------*/
/* DASHBOARD.HTML / INDEX.HTML */
body.boxed-layout.dashboard .message-widget {
  margin-top: 0; }

body.boxed-layout.dashboard .console-btn-5,
body.boxed-layout.dashboard #timeline-widget,
body.boxed-layout.dashboard #console-search-btn {
  display: none !important; }

@media (min-width: 1368px) {
  body.boxed-layout.dashboard #console-btns .row > div {
    width: 25%;
    float: left; } }
/* TIMELINE.HTML */
body.boxed-layout.timeline-page #timeline .panel-menu .glyphicons {
  display: none; }

/* GALLERY.HTML */
body.boxed-layout.gallery-page .container > .row .placeholder {
  height: 50px; }

/*  MESSAGES.HTML  */
body.boxed-layout.messages-page .container > .row > .col-lg-4 .panel {
  margin-bottom: 20px; }

body.boxed-layout.messages-page .container > .row table tr:nth-of-type(3),
body.boxed-layout.messages-page .container > .row table tr:nth-of-type(4),
body.boxed-layout.messages-page .container > .row table tr:nth-of-type(5) {
  display: none; }

/* PROFILE.HTML */
body.boxed-layout.profile-page .container > .row > .col-lg-4 .panel {
  margin-bottom: 20px; }

body.boxed-layout.profile-page .container > .row .console-btn {
  margin-bottom: 0; }

body.boxed-layout.profile-page .container > .row .profile-panel .panel-footer {
  padding: 10px 16px 4px; }

/* FAQ.HTML */
body.boxed-layout.faq-page .faq-panel > .panel-sidemenu {
  display: none; }

body.boxed-layout.faq-page .faq-panel > .panel-body {
  width: 93%;
  margin: 30px 3.5% 40px; }

body.boxed-layout.faq-page .faq-panel > .panel-body #search-widget {
  margin-bottom: 30px; }

/* DATATABLES.HTML */
body.boxed-layout.datatables-page table th:nth-of-type(2),
body.boxed-layout.datatables-page table td:nth-of-type(2),
body.boxed-layout.datatables-page table td:nth-of-type(4),
body.boxed-layout.datatables-page table th:nth-of-type(4) {
  display: none !important; }

/* ICONS.HTML */
body.boxed-layout.icons-page #icon-nav ul {
  width: 110%; }

body.boxed-layout.icons-page #icon-nav ul .console-icon {
  display: none; }

@media (max-width: 1150px) {
  body.boxed-layout.icons-page #icon-nav {
    right: 0; } }
/* ANIMATIONS.HTML */
body.boxed-layout.animations-page .container > .row #animate-me-panel {
  position: fixed;
  max-width: 350px; }

/* SKETCHPAD.HTML */
body.boxed-layout.sketchpad-page .container > .row > .col-lg-4 {
  display: none !important;
  width: 0; }

/* WIDGETS.HTML */
body.boxed-layout.widgets-page .container > .row #timeline-widget {
  display: block !important; }

body.boxed-layout.widgets-page .container > .row .timeline-widget {
  width: 370px;
  margin: 0 auto; }

/* INVOICE-PAGE.HTML */
body.boxed-layout.invoice-page .container > .row > .col-lg-11 .panel-sidemenu {
  display: none; }

body.boxed-layout.invoice-page .container > .row > .col-lg-11 #invoice-item {
  width: 95%;
  margin: 40px 2.5% 60px; }

/*  MINIMAL PAGE
  - coming-soon, login, screen-lock
----------------------------------------*/
body.boxed-layout.coming-soon-page {
  background: #f7f7f7; }

body.boxed-layout.login-page,
body.boxed-layout.screenlock-page {
  background: url(/img/patterns/5.png) repeat top left #f6f6f6; }

body.boxed-layout.coming-soon-page #main:after,
body.boxed-layout.login-page #main:after,
body.boxed-layout.screenlock-page #main:after {
  display: none; }

#content.print-content {
        margin-left:100px;
        margin-right:100px;
}

#content.print-content.bene_form_input {
    margin-left:240px;
    margin-right:0;
}
/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
 * This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
================================================= */
/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/
/* Navbar bottom border disabled by default */
.navbar {
  border-bottom: 1px solid transparent; }

/* Header button states - text colors */
.header-btns > div > button:focus {
  color: #666; }

.header-btns > div > button:hover {
  color: #0094d2; }

/* Sidebar menu item states - background colors */
/* top level*/
/* Submenu item level */
/* Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
-----------------------------------------------*/

.td-alert {
    margin-top:-4px;
    margin-bottom: 0px;
}

.nav.panel-tabs.small-tabs li a{
    padding: 4px 5px 7px;

}

.panel-body {
    /*min-height: 780px;*/
}

.form-of {
    position: absolute;
    right: -6px;
    top: 7px;
    z-index: 1;
}

.form-note {
    float: right;
    font-size: x-small;
}

.form-dub-p {
    margin-top: -7px;
}

.comp-image {
    width: 100%;
    max-height: 150px;

}

.sys-log {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 350px;
}


.table-log tr th, .table-log tr td{
    padding: 3px;
}

.active-look
{
    color: #555555;
    cursor: default;
    background: #ffffff;
}

ul.sidebar-nav li.active-look > a .glyphicons
{
    color: #d9534f;
}


@media (max-width: 1348px)
{
      ul.nav.panel-tabs li a{
         padding: 19px 7px 21px;
      }
}




@media (max-width: 626px)
{
    .panel-heading.heading-tabs
    {
        height: 70px;
        
    }

    ul.nav.panel-tabs li a{

    }

    ul.nav.panel-tabs {
        margin-top: 0px;
        /*float: left;*/
    }

}



u {
    cursor: help;
}


.form-control.has-warning
{
    box-shadow:none;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.form-control.has-success
{
    box-shadow:none;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.form-control.has-error
{
    box-shadow:none;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}


.min20pct {
    width: 20%;
}




/*

@media (max-width: 965px)
{
    .panel-heading.heading-tabs {

    }
    .nav.panel-tabs
    {

    }
    ul.nav.panel-tabs li a{
         padding: 7px 5px 7px;
    }
}


}*/

.boxed-layout #content {
    margin-top: 15px;
}

.margin-left-neg {
    margin-left: -10px;
}




.econ-wrap {
    max-height: 420px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 382px;
}


.margin-left-neg-md {
    margin-left: -12px;
}


.idx-footer {
    /*float: right;*/
    margin-top: 5%;

    vertical-align: middle;

}

    .idx-footer table
    {
        margin-right: auto;
        margin-left: auto;
        width: 320px;
    }




    #sidebar {
      margin-top: 34px;
}

    #sidebar.special-sidebar {
        margin-top: 50px;
    }




li a.accordion-toggle.menu-open.no-link {
    padding: 0;
}

.fill-width {
    width: 100%;
}

.rpt-input.underline
{
    border-bottom: #E4E4E4 thin solid;
}

.rpt-title {
    /*color: #000;*/
    border-bottom: #000 2px solid;
}

.rpt-title.underline
{
    border-bottom: #E4E4E4 1px solid;
}

.form-control.small {
    height: 28px;
    padding: 3px 6px;
    font-size: 12px;
}
.text-xs
{ font-size: 10px;}

.text-black {
     color: #000;
}

.input-group.rpt-control {
    max-width: 150px;
}

.input-group-addon.small
{
    min-width: 20px;
    padding: 3px 4px;
}



/*@media print
{
    #invoice-item
    {
        margin: 0;
    }

    #invoice-item.container
    {
       margin: 0;
    }

    .rpt-print
    {
        margin: 0;
    }

    .container
    {
        padding: 0;
    }

    #invoice
    {
        width: 1000px;

    }
}*/

td.addr-col {
    width:25%
}

img.consentform {
    max-width: 800px;
}
.page-break {
    page-break-after: always;
}
/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
   VI. RESPONSIVE STYLES
      A. Header
	  B. Content
	  C. Sidebar
	  D. Dashboard.html
	  	  
* These styles control various aspects of the
* site which benefit from being responsive 
================================================= 
 A. Header
================================================= */
@media (max-width: 565px) {
  .navbar-brand {
    /*display: none;*/ 

  } }
@media (max-width: 665px) {
  #topbar .breadcrumb {
    float: none;
      text-align: left;
      font-size: x-small;
} 
.wizard-wrapper {
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-bottom: 1px dashed #c9c9c9;
}

ul.wizard-steps li a {
position: relative;
top: 10px;
color: #888;
font-size: 14px;
font-weight: 600;
text-shadow: 0 1px #ffffff;
}

.panel-title {
float: left;
padding-top: 1px;
font-size: 11px;
text-shadow: 0 1px #ffffff;
}
p {
    margin-top: 1px;
}

h6.margin-left-neg {
    font-size: 8px;
}

}
      h6.margin-left-neg
    {
        font-size: 8px;
    }


/*===============================================
  B. Content
================================================= */
#content,
#content:after,
body.sidebar-collapsed #content,
body.sidebar-collapsed #content:after {
  margin-left: 40px;
  left: 0px;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out; }

#content > .container {
  /*padding: 25px 13px 50px 15px;*/ 
   padding: 10px 10px 10px 10px;
}

/*===============================================
  C. Sidebar
================================================= */



#sidebar.affix
{ height: 100%;  
  
}

#sidebar.affix > #sidebar-search + #sidebar-menu {
  top: 52px;
  bottom: 52px; }

#sidebar.affix > #sidebar-menu,
#sidebar.affix > #sidebar-search.hidden + #sidebar-menu {
  overflow: visible;
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 100%; }

/* Sidebar Column */
#sidebar,
body.sidebar-collapsed #sidebar {
  width: 40px;
  position: absolute;
  z-index: 1024;
  background: #FFF;
  transition: width .1s ease-out;
  -webkit-transition: width .1s ease-out; }

#sidebar:before,
body.sidebar-collapsed #sidebar:before {
  content: "";
  position: fixed;
  width: 40px;
  top: 0;
  bottom: 0;
  display: block;
  z-index: -2;
  background: #fff;
  transition: width .1s ease-out;
  -webkit-transition: width .1s ease-out; }

/* Sidebar Search Form */
#sidebar-search,
body.sidebar-collapsed #sidebar-search {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  position: relative;
  overflow: hidden;
  padding: 12px 13px 0 12px;
  height: 52px;
  max-height: 52px;
  border-bottom: 1px solid #d2d2d2; }

#sidebar-search form,
body.sidebar-collapsed #sidebar-search form {
  display: none;
  position: relative;
  max-width: 170px;
  float: left; }

#sidebar-search form input.search-bar,
body.sidebar-collapsed #sidebar-search form input.search-bar {
  padding: 3px 8px;
  height: 29px;
  max-height: 30px;
  color: #999;
  font-size: 14px;
  outline: none;
  background: #fff; }

#sidebar-search form .field-icon-right {
  display: none;
  color: #AAA;
  font-size: 14px;
  top: 6px; }

/* Sidebar Collapse Toggle Button */
.sidebar-toggle,
body.sidebar-collapsed .sidebar-toggle {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  margin-right: -6px;
  width: 28px;
  cursor: pointer;
  float: right;
  height: 28px;
  line-height: 25px;
  font-size: 17px;
  color: #AAA;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #ddd; }

/* Sidebar Navigation Menu */
ul.sidebar-nav li {
  margin: 0; }

ul.sidebar-nav li a {
  color: #777777; }

ul.sidebar-nav li.active a {
  color: #d9534f;
    font-weight: bold;
}

ul.sidebar-nav li.active-look a {
  color: #d9534f;
    font-weight: bold;
}

ul.sidebar-nav > li > a,
body.sidebar-collapsed ul.sidebar-nav > li > a {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  display: block;
  text-decoration: none;
  color: #777;
  line-height: 45px;
  min-height: 45px;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border-bottom: 1px solid #c9c9c9;
  box-shadow: none; }

/* Side Nav Icon */
ul.sidebar-nav > li > a .glyphicons,
body.sidebar-collapsed ul.sidebar-nav > li > a .glyphicons {
  width: 40px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 18px;
  float: left;
  margin-right: 10px;
  padding-right: 4px;
  margin-left: 2px;
  top: 0; }

ul.sidebar-nav li.active > a .glyphicons {
  color: #d9534f; }

/* Align Title and Submenu together */
ul.sidebar-nav .sidebar-title,
ul.sidebar-nav ul.sub-nav,
body.sidebar-collapsed ul.sidebar-nav .sidebar-title,
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav {
  border: 1px solid #ccc; }

/* Side Nav Title */
ul.sidebar-nav > li > a .sidebar-title,
body.sidebar-collapsed ul.sidebar-nav > li > a .sidebar-title {
  display: none;
  position: absolute;
  z-index: 9999;
  width: 200px;
  left: 40px;
  top: -1px;
  text-indent: 20px;
  height: 46px;
  background: #CCC;
  border: 1px solid #AAA;
  text-shadow: none; }

/* Side Nav Item Hovers */
/* primary-menu item hover - disabled */
ul.sidebar-nav > li > a:hover,
body.sidebar-collapsed ul.sidebar-nav > li > a:hover {
  /* background: #EEE; */ }

/* sub-menu item hover */
ul.sidebar-nav ul.sub-nav > li > a:hover {
  background-color: #EEE; }

/* Sub-Menu */
ul.sidebar-nav ul.sub-nav,
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav {
  display: none;
  position: absolute;
  z-index: 9999;
  width: 200px;
  left: 40px;
  border: 1px solid #c9c9c9;
  border-top: 0;
  background-color: #fafafa; }

ul.sidebar-nav ul.sub-nav > li > a,
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav > li > a {
  padding: 12px 20px 12px 20px; }

/* Sub Nav Icon */
ul.sidebar-nav ul.sub-nav li span.glyphicons,
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav li span.glyphicons {
  margin-right: 12px;
  min-width: 15px;
  min-height: 15px;
  float: left; }

ul.sidebar-nav ul.sub-nav > li > a:hover span.glyphicons,
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav > li > a:hover span.glyphicons {
  color: #d9534f; }

/* Side Nav Caret */
ul.sidebar-nav > li > a span.caret,
body.sidebar-collapsed ul.sidebar-nav > li > a span.caret {
  display: none;
  position: absolute;
  top: 45%;
  right: 10px;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

/* Side Nav caret state - we simply flip caret(border) */
ul.sidebar-nav > li > a.menu-open span.caret,
body.sidebar-collapsed ul.sidebar-nav > li > a.menu-open span.caret {
  border-top: 0;
  border-bottom: 5px solid; }

/* Side Nav active caret state */
ul.sidebar-nav > li.active > a span.caret,
body.sidebar-collapsed ul.sidebar-nav > li.active > a span.caret {
  color: #d9534f; }

/* Open both menu title and Sub-menu on hover */
ul.sidebar-nav > li:hover > ul,
ul.sidebar-nav > li:hover > a,
ul.sidebar-nav > li:hover > a > .sidebar-title,
body.sidebar-collapsed ul.sidebar-nav > li:hover > ul,
body.sidebar-collapsed ul.sidebar-nav > li:hover > a,
body.sidebar-collapsed ul.sidebar-nav > li:hover > a > .sidebar-title {
  display: block; }

/*  THIRD LEVEL NAVIGATION */
/* Third Level Nav Caret */
ul.sidebar-nav ul.sub-nav > li > a span.caret {
  position: absolute;
  right: 0;
  margin: 8px 12px 5px; }

/* Side Nav caret state - we simply flip caret(border) */
ul.sidebar-nav ul.sub-nav > li > a.menu-open span.caret {
  border-top: 0;
  border-bottom: 5px solid; }

/* Multi Level Nav Sub-Menu */
ul.sidebar-nav ul.sub-nav > li > ul.sub-nav {
  border-top: 1px solid #CCC;
  left: -1px; }

ul.sidebar-nav ul.sub-nav > li > .accordion-toggle.menu-open + ul.sub-nav {
  display: block; }

ul.sidebar-nav ul.sub-nav > li > ul.sub-nav li a {
  padding: 7px 10px 9px 22px; }

/* Third Level Nav Sub-Menu */
ul.sidebar-nav ul.sub-nav > li > ul.sub-nav {
  background: #f2f2f2; }

/* Fourth Level Nav Sub-Menu */
ul.sidebar-nav ul.sub-nav > li > ul.sub-nav > li > ul.sub-nav {
  background: #fafafa; }

/* Fifth Level Nav Sub-Menu */
ul.sidebar-nav ul.sub-nav > li > ul.sub-nav > li > ul.sub-nav > li > ul.sub-nav {
  background: #f2f2f2; }

/* SIDEBAR OPEN STATE */
/* Sidebar Fixed Settings */
body.sidebar-persist #sidebar.affix > #sidebar-menu,
body.sidebar-persist #sidebar.affix > #sidebar-search.hidden + #sidebar-menu {
  overflow: auto; }

/* Primary Content */
body.sidebar-persist #content {
  left: 190px;
  margin-left: 40px;
  position: relative;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out; }

body.sidebar-persist #content:after {
  left: 190px;
  margin-left: 40px; }

/* Sidebar Column */
body.sidebar-persist #sidebar {
  width: 230px;
  -webkit-transition: width .1s ease-out;
  transition: width .1s ease-out; }

body.sidebar-persist #sidebar:before {
  width: 230px;
  -webkit-transition: width .1s ease-out;
  transition: width .1s ease-out; }

/* Sidebar Search Form */
body.sidebar-persist #sidebar-search form {
  width: 165px;
  display: block; }

/* Sidebar Collapse Toggle Button */
body.sidebar-persist .sidebar-toggle {
  margin-right: 0px; }

/* Side Nav Icon */
body.sidebar-persist ul.sidebar-nav > li > a .glyphicons {
  border-right: 1px solid #c9c9c9; }

/* Side Nav Title */
body.sidebar-persist ul.sidebar-nav > li > a .sidebar-title {
  display: block;
  top: -1px;
  text-indent: 20px;
  height: 46px;
  background: transparent;
  border-color: transparent; }

/* Side Nav Sub-menu */
body.sidebar-persist ul.sidebar-nav ul.sub-nav {
  display: none;
  width: auto;
  position: relative;
  left: 0;
  border: 0;
  background-color: #fafafa; }

body.sidebar-persist ul.sidebar-nav > li > ul.sub-nav {
  border-bottom: 1px solid #c9c9c9; }

body.sidebar-persist ul.sidebar-nav li:hover ul {
  display: none; }

body.sidebar-persist .accordion-toggle.menu-open + .sub-nav {
  display: block; }

body.sidebar-persist ul.sidebar-nav ul.sub-nav > li > a,
body.sidebar-persist ul.sidebar-nav ul.sub-nav > li:last-child a,
body.sidebar-persist ul.sidebar-nav ul.sub-nav > li > ul.sub-nav li:last-child a {
  padding-left: 35px; }

/* Side Nav Caret */
body.sidebar-persist ul.sidebar-nav > li > a span.caret {
  display: block; }

/* Multi Level Nav Sub-Menu */
body.sidebar-persist ul.sidebar-nav ul.sub-nav > li > ul.sub-nav {
  left: 0px; }

/* SIDEBAR STATE ON LARGE RESOLUTIONS */
@media (min-width: 998px) {
  /* Sidebar Fixed Settings */
  #sidebar.affix > #sidebar-menu,
  #sidebar.affix > #sidebar-search.hidden + #sidebar-menu {
    overflow-x: auto; }

  body.sidebar-collapsed #sidebar.affix > #sidebar-menu,
  body.sidebar-collapsed #sidebar.affix > #sidebar-search.hidden + #sidebar-menu {
    overflow: visible; }

  /* Primary Content */
  #content {
    margin-left: 200px; }

  #content:after {
    margin-left: 40px;
    left: 160px; }

  #content > .container {
    /*padding: 25px 30px 50px 30px;*/ 
    padding: 5px 5px 5px 5px;

  }

  /* Sidebar Column */
  #sidebar {
    width: 200px; }

  #sidebar:before {
    width: 200px; }

  /* Sidebar Search Form */
  #sidebar-search form {
    max-width: 140px;
    display: block; }

  /* Sidebar Collapse Toggle Button */
  .sidebar-toggle {
    margin-right: 0; }

  ul.sidebar-nav > li > a .glyphicons {
    border-right: 1px solid #c9c9c9; }

  /* Side Nav Title */
  ul.sidebar-nav > li > a .sidebar-title {
    display: block;
    top: -1px;
    text-indent: 20px;
    height: 46px;
    background: transparent;
    border-color: transparent;
    width: 160px; }

  /* Sub-menu */
  ul.sidebar-nav ul.sub-nav {
    display: none;
    width: auto;
    position: relative;
    left: 0;
    border: 0;
    background-color: #fafafa; }

  ul.sidebar-nav > li > ul.sub-nav {
    border-bottom: 1px solid #c9c9c9; }

  ul.sidebar-nav li:hover ul {
    display: none; }

  .accordion-toggle.menu-open + .sub-nav {
    display: block; }

  ul.sidebar-nav ul.sub-nav > li > a,
  ul.sidebar-nav ul.sub-nav > li:last-child a {
    padding-left: 25px; }

  /* Side Nav Caret */
  ul.sidebar-nav > li > a span.caret {
    display: block; }

  /* Multi Level Menu Items */
  ul.sidebar-nav ul.sub-nav > li > ul.sub-nav {
    left: 0px; }

  ul.sidebar-nav ul.sub-nav > li > ul.sub-nav li a,
  ul.sidebar-nav ul.sub-nav > li > ul.sub-nav li:last-child a {
    padding-left: 26px; }

  /* COLLAPSED STATE AT 1200 RESOLUTIONS */
  body.sidebar-collapsed ul.sidebar-nav > li > a .glyphicons {
    border-right: 0; }

        h6.margin-left-neg
    {
        font-size: 12px;
            margin-left: 8px;
    }
}


@media (min-width: 1450px) {
  #content {
    margin-left: 240px; }

  #content:after {
    margin-left: 40px;
    left: 200px; }

  #content > .container {
    padding: 35px 35px 50px 45px; }

  #sidebar {
    width: 240px; }

  ul.sidebar-nav > li > a .sidebar-title {
    width: 190px; }

  #sidebar:before {
    width: 240px; }

  #sidebar-search form {
    max-width: 175px; }

  /* Sub Menu Level Items */
  ul.sidebar-nav ul.sub-nav > li > a,
  ul.sidebar-nav ul.sub-nav > li:last-child a {
    padding-left: 25px; }

  /* Multi Level Menu Items */
  ul.sidebar-nav ul.sub-nav > li > ul.sub-nav li a,
  ul.sidebar-nav ul.sub-nav > li > ul.sub-nav li:last-child a {
    padding-left: 26px; } }
/*========================================================
  D. Dashboard.html
----------------------------------------------------------
  The frontpage console buttons are fluid which makes
  them an asthetic challenge because they contain text
  So we hide the search bar by default and only show it
  on extra large screens (typical desktops 1368px and up)
========================================================== */
#console-btns #console-search-btn {
  display: none; }

@media (min-width: 1368px) {
  #console-btns .row > div {
    width: 16.666666666666664%; }

  #console-btns #console-search-btn {
    display: block;
    width: 33.33333333333333%; } }


@media print {

    .hidden-print {
        display: none !important;
    }

    #sidebar {
        width: 0 !important;
        display: none !important;
        position: relative !important;
    }

    #sidebar:before {
        width: 0 !important;
        position:relative !important;
        display: none !important;
    }

    html {
        margin: 0;
        padding: 0;
    }

    hr {
        margin: 10px 0;
    }

    body {
        margin: 0;
        padding: 0;
        color: #000;
        width: 1000px;
        background: #fff;
    }

    .navbar {
        display: none !important;
    }

    .scroll_indicator {
        display: none;
    }

    @page {
        /*size:12in 18.118in;*/
        margin: 0.5cm 1cm 0.5cm 0.8cm;
        padding: 0;
    }

    .col-sm-4 {
        width: 30%;
        float: left;
    }

    .col-sm-8 {
        width: 70%;
        float: left;
    }

    #m_view {
        width: 1000px;
        position: relative;
        overflow: hidden !important;
    }

    #main {
        width: 1000px;
        position: relative;
        background: #fff;
    }

    .bene_form_input {
    }

     #content.print-content {
        margin-left:100px;
        margin-right:100px;
    }

    #content:after {
        position: relative;
        width: 100%;
        display: block;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left:0 !important;
        left:0 !important;
    }

    .boxed-layout #content {
        margin: 0 !important;
    }

    body.boxed-layout #main:after {
        border: none;
        background: transparent;
    }



    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .form_title_print_center {
        display: block;
        text-align: center;
        width: 100%;
    }

    #topbar {
        display: none;
    }

    .modal-lg {
        width: 1000px;
    }

    .modal-dialog {
        padding: 0;
    }

    .modal-body {
        padding: 0;
    }

    .modal-content {
        background-color: #fff;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-clip: padding-box;
        outline: 0;
    }

    .panel {
        position: relative;
        margin-bottom: 0;
        overflow: hidden;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .panel.panel-alt {
            border: solid 1px #ddd;
            margin-bottom: 15px;
        }

    [class*=' col-'] {
        padding: 0;
    }

    .panel-footer {
        display: none;
    }

    .modal-header .close {
        display: none;
    }

    .navbar {
        background-color: #FFF;
        border-bottom: none;
        -webkit-box-shadow: none);
        box-shadow: none);
    }

    .modal-footer {
        border: none;
        display: none;
    }

    * {
        background-color: #ffffff !important;
    }

    .break-avoid {
        page-break-inside: avoid;
    }

    .break-before {
        margin-top: 5%;
        page-break-before: always;
    }
}