/* =============== SECTIONS STYLING ================= */
/* brown theme*/
body[data-active-color="brown"] {
  /* Pagination*/
  /* sidebar*/
  /* Primary Navigation and button*/ }
  body[data-active-color="brown"] div.panel-primary .panel-heading a,
  body[data-active-color="brown"] div.panel-primary .panel-heading a:active,
  body[data-active-color="brown"] div.panel-primary .panel-heading a:hover,
  body[data-active-color="brown"] div.panel-primary .panel-heading a[aria-expanded=true] {
    color: #ffffff; }
  body[data-active-color="brown"] div.panel-default .panel-heading a:active,
  body[data-active-color="brown"] div.panel-default .panel-heading a:hover,
  body[data-active-color="brown"] div.panel-default .panel-heading a[aria-expanded=true] {
    color: #795548 !important; }
  body[data-active-color="brown"] .panel.panel-primary .panel-heading {
    background: #795548; }
  body[data-active-color="brown"] .text-primary {
    color: #795548; }
  body[data-active-color="brown"] a {
    color: #795548; }
    body[data-active-color="brown"] a:focus, body[data-active-color="brown"] a:hover {
      color: #64483e;
      text-decoration: none; }
    body[data-active-color="brown"] a.text-info:focus, body[data-active-color="brown"] a.text-info:hover {
      color: #00bcd4; }
  body[data-active-color="brown"] .icon.icon-primary {
    color: #795548; }
  body[data-active-color="brown"] .card .content-primary,
  body[data-active-color="brown"] .card .header-primary {
    background: linear-gradient(60deg, #b88572, #835c4e);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(121, 85, 72, 0.6); }
  body[data-active-color="brown"] .panel.panel-default .panel-heading a:active, body[data-active-color="brown"] .panel.panel-default .panel-heading a:hover, body[data-active-color="brown"] .panel.panel-default .panel-heading a[aria-expanded=true] {
    color: #795548; }
  body[data-active-color="brown"] .alert.alert-primary {
    background-color: #795548; }
  body[data-active-color="brown"] .section-primary {
    background: #cb8f79;
    background: -webkit-linear-gradient(60deg, #cb8f79, #a9715c);
    background: -o-linear-gradient(60deg, #cb8f79, #a9715c);
    background: -moz-linear-gradient(60deg, #cb8f79, #a9715c);
    background: linear-gradient(60deg, #cb8f79, #a9715c); }
  body[data-active-color="brown"][data-filter-color=primary]:after {
    background: rgba(121, 85, 72, 0.56);
    background: -webkit-linear-gradient(60deg, rgba(121, 85, 72, 0.56), rgba(121, 85, 72, 0.95));
    background: -o-linear-gradient(60deg, rgba(121, 85, 72, 0.56), rgba(121, 85, 72, 0.95));
    background: -moz-linear-gradient(60deg, rgba(121, 85, 72, 0.56), rgba(121, 85, 72, 0.95));
    background: linear-gradient(60deg, rgba(121, 85, 72, 0.56), rgba(121, 85, 72, 0.95)); }
  body[data-active-color="brown"] .panel.panel-default .panel-heading a {
    color: #3C4858; }
    body[data-active-color="brown"] .panel.panel-default .panel-heading a:active, body[data-active-color="brown"] .panel.panel-default .panel-heading a:hover, body[data-active-color="brown"] .panel.panel-default .panel-heading a[aria-expanded=true] {
      color: #795548; }
  body[data-active-color="brown"] .nav-pills > li.active > a {
    background-color: #795548;
    color: #ffffff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(121, 85, 72, 0.6); }
    body[data-active-color="brown"] .nav-pills > li.active > a:focus, body[data-active-color="brown"] .nav-pills > li.active > a:hover {
      background-color: #795548;
      color: #ffffff;
      box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(121, 85, 72, 0.6); }
  body[data-active-color="brown"] .nav-tabs {
    background: #795548;
    border: 0;
    border-radius: 3px;
    padding: 0 15px; }
  body[data-active-color="brown"] .pagination > .active > a,
  body[data-active-color="brown"] .pagination > .active > a:focus,
  body[data-active-color="brown"] .pagination > .active > a:hover,
  body[data-active-color="brown"] .pagination > .active > span,
  body[data-active-color="brown"] .pagination > .active > span:focus,
  body[data-active-color="brown"] .pagination > .active > span:hover {
    background-color: #795548;
    border-color: #795548;
    color: #ffffff;
    box-shadow: 0 4px 5px 0 rgba(121, 85, 72, 0.14), 0 1px 10px 0 rgba(121, 85, 72, 0.12), 0 2px 4px -1px rgba(121, 85, 72, 0.2); }
  body[data-active-color="brown"] .sidebar.sidebar-primary ul li > a:focus,
  body[data-active-color="brown"] .sidebar.sidebar-primary ul li > a:focus,
  body[data-active-color="brown"] .sidebar.sidebar-primary ul li.active > a {
    color: #ffffff;
    background-color: #795548;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(121, 85, 72, 0.4); }
  body[data-active-color="brown"] .btn.btn-primary,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary {
    box-shadow: 0 2px 2px 0 rgba(121, 85, 72, 0.14), 0 3px 1px -2px rgba(121, 85, 72, 0.2), 0 1px 5px 0 rgba(121, 85, 72, 0.12); }
  body[data-active-color="brown"] .btn.btn-purple,
  body[data-active-color="brown"] .btn.btn-purple.active,
  body[data-active-color="brown"] .btn.btn-purple.active:focus,
  body[data-active-color="brown"] .btn.btn-purple.active:hover,
  body[data-active-color="brown"] .btn.btn-purple:active,
  body[data-active-color="brown"] .btn.btn-purple:active:focus,
  body[data-active-color="brown"] .btn.btn-purple:active:hover,
  body[data-active-color="brown"] .btn.btn-purple:focus,
  body[data-active-color="brown"] .btn.btn-purple:hover,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-purple,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-purple.active,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-purple.active:focus,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-purple.active:hover,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-purple:active,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-purple:active:focus,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-purple:active:hover,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-purple:focus,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-purple:hover,
  body[data-active-color="brown"] .open > .btn.btn-purple.dropdown-toggle,
  body[data-active-color="brown"] .open > .btn.btn-purple.dropdown-toggle:focus,
  body[data-active-color="brown"] .open > .btn.btn-purple.dropdown-toggle:hover,
  body[data-active-color="brown"] .open > .navbar .navbar-nav > li > a.btn.btn-purple.dropdown-toggle,
  body[data-active-color="brown"] .open > .navbar .navbar-nav > li > a.btn.btn-purple.dropdown-toggle:focus,
  body[data-active-color="brown"] .open > .navbar .navbar-nav > li > a.btn.btn-purple.dropdown-toggle:hover,
  body[data-active-color="brown"] .btn.btn-primary,
  body[data-active-color="brown"] .btn.btn-primary.active,
  body[data-active-color="brown"] .btn.btn-primary.active:focus,
  body[data-active-color="brown"] .btn.btn-primary.active:hover,
  body[data-active-color="brown"] .btn.btn-primary:active,
  body[data-active-color="brown"] .btn.btn-primary:active:focus,
  body[data-active-color="brown"] .btn.btn-primary:active:hover,
  body[data-active-color="brown"] .btn.btn-primary:focus,
  body[data-active-color="brown"] .btn.btn-primary:hover,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary.active,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary.active:focus,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary.active:hover,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary:active,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary:active:focus,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary:active:hover,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary:focus,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary:hover,
  body[data-active-color="brown"] .open > .btn.btn-primary.dropdown-toggle,
  body[data-active-color="brown"] .open > .btn.btn-primary.dropdown-toggle:focus,
  body[data-active-color="brown"] .open > .btn.btn-primary.dropdown-toggle:hover,
  body[data-active-color="brown"] .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle,
  body[data-active-color="brown"] .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus,
  body[data-active-color="brown"] .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
    background-color: #795548;
    color: #ffffff; }
  body[data-active-color="brown"] .btn.btn-primary:active,
  body[data-active-color="brown"] .btn.btn-primary:focus,
  body[data-active-color="brown"] .btn.btn-primary:hover,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary:active,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary:focus,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(121, 85, 72, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(121, 85, 72, 0.2); }
  body[data-active-color="brown"] .btn.btn-primary.btn-simple,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple {
    background-color: transparent;
    color: #795548;
    box-shadow: none; }
  body[data-active-color="brown"] .btn.btn-primary.btn-simple:active,
  body[data-active-color="brown"] .btn.btn-primary.btn-simple:focus,
  body[data-active-color="brown"] .btn.btn-primary.btn-simple:hover,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:active,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:focus,
  body[data-active-color="brown"] .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:hover {
    background-color: transparent;
    color: #795548; }
  body[data-active-color="brown"] .dropdown-menu li a:active,
  body[data-active-color="brown"] .dropdown-menu li a:focus,
  body[data-active-color="brown"] .dropdown-menu li a:hover {
    background-color: #795548;
    color: #ffffff; }
  body[data-active-color="brown"] .dropdown-menu .divider {
    margin: 5px 0; }
  body[data-active-color="brown"] .navbar.navbar-primary,
  body[data-active-color="brown"] .navbar.navbar-primary .dropdown-menu li > a:focus,
  body[data-active-color="brown"] .navbar.navbar-primary .dropdown-menu li > a:hover,
  body[data-active-color="brown"] .navbar.navbar-primary .dropdown-menu .active > a {
    background-color: #795548;
    color: #ffffff; }
  body[data-active-color="brown"] .navbar.navbar-primary {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(121, 85, 72, 0.46); }
  body[data-active-color="brown"] .navbar.navbar-primary .dropdown-menu li > a:focus,
  body[data-active-color="brown"] .navbar.navbar-primary .dropdown-menu li > a:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(121, 85, 72, 0.4); }
  body[data-active-color="brown"] .navbar .dropdown-menu li > a:focus,
  body[data-active-color="brown"] .navbar .dropdown-menu li > a:hover,
  body[data-active-color="brown"] .navbar.navbar-default .dropdown-menu li > a:focus,
  body[data-active-color="brown"] .navbar.navbar-default .dropdown-menu li > a:hover {
    color: #ffffff;
    background-color: #795548;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(121, 85, 72, 0.4); }
  body[data-active-color="brown"] .dropdown-menu li > a:focus,
  body[data-active-color="brown"] .dropdown-menu li > a:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(121, 85, 72, 0.4); }
  body[data-active-color="brown"] .navbar.navbar-primary .dropdown-menu li > a:focus, body[data-active-color="brown"] .navbar.navbar-primary .dropdown-menu li > a:hover {
    color: #ffffff;
    background-color: #795548;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(121, 85, 72, 0.4); }
  body[data-active-color="brown"] .navbar.navbar-primary .dropdown-menu .active > a {
    background-color: #795548;
    color: #ffffff; }

/*# sourceMappingURL=skins.css.map */