/* ========================================================================
     Component: media-queries
 ========================================================================== */
/* ========================================================================
   Component: layout
 ========================================================================== */
body,
.wrapper > section {
  background-color: #2a2a2a;
  margin-bottom: 0 !important;
}

.wrapper > .aside {
  background-color: #444444;
}

/* ========================================================================
   Component: top-navbar
 ========================================================================== */
.topnavbar {
  font-size: 13px;
  background-color: #1d1d1d;
}
.topnavbar .navbar-header {
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #1d1d1d 0%, #1d1d1d 100%);
  background-image: -o-linear-gradient(left, #1d1d1d 0%, #1d1d1d 100%);
  background-image: linear-gradient(to right, #1d1d1d 0%, #1d1d1d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1D1D1D', endColorstr='#FF1D1D1D', GradientType=1);
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-header {
    background-image: none;
  }
}
.topnavbar .navbar-nav > li > a {
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-nav > li > a {
    padding: 19.5px 15px;
  }
}
.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
  color: #e9e9e9;
}
.topnavbar .navbar-nav > li > a:hover,
.topnavbar .navbar-nav > .open > a:hover {
  color: #48c488;
}
.topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
  color: #fff;
}
.topnavbar .navbar-nav > .active > a, .topnavbar .navbar-nav > .active > a:hover, .topnavbar .navbar-nav > .active > a:focus,
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .open > a:focus {
  background-color: transparent;
}
.topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
  color: #e9e9e9;
}
.topnavbar .nav-wrapper {
  background-color: #1d1d1d;
  background-image: -webkit-linear-gradient(left, #1d1d1d 0%, #1d1d1d 100%);
  background-image: -o-linear-gradient(left, #1d1d1d 0%, #1d1d1d 100%);
  background-image: linear-gradient(to right, #1d1d1d 0%, #1d1d1d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1D1D1D', endColorstr='#FF1D1D1D', GradientType=1);
  color: #fff;
  font-size: 12px;
}
.topnavbar .nav-wrapper .fa {
  font-size: 15px;
}
.topnavbar .nav-wrapper .user-name {
  padding-top: 22px;
  margin-right: 10px;
}
.topnavbar .nav-wrapper .user-image {
  margin-top: 17px;
  padding-right: 15px;
  border-right: 1px solid #e9e9e9;
}
.topnavbar .nav-wrapper .user-image .img-thumbnail {
  width: 28px;
  height: 28px;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #fff;
}
.topnavbar .nav-wrapper .navbar-button {
  padding: 6px 6px 0 0;
}
@media only screen and (min-width: 768px) {
  .topnavbar .nav-wrapper .navbar-button {
    padding: 17px 0 0 15px;
  }
}
.topnavbar .nav-wrapper .navbar-button .btn {
  background-color: #35A46E;
  padding: 4px 16px;
  border-radius: 15px;
  font-size: 12px;
}
.topnavbar .nav-wrapper .navbar-button .btn:hover {
  background-color: #226a47;
  color: #fff;
}
.topnavbar .nav-wrapper .icon-signout {
  margin-right: 10px;
}
.topnavbar .nav-wrapper .dropdown {
  color: #505050;
}

@media only screen and (min-width: 768px) {
  .topnavbar {
    background-color: #1d1d1d;
    background-image: -webkit-linear-gradient(left, #1d1d1d 0%, #1d1d1d 100%);
    background-image: -o-linear-gradient(left, #1d1d1d 0%, #1d1d1d 100%);
    background-image: linear-gradient(to right, #1d1d1d 0%, #1d1d1d 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1D1D1D', endColorstr='#FF1D1D1D', GradientType=1);
  }
  .topnavbar .navbar-nav > .open > a, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > .open > a:focus {
    -moz-box-shadow-bottom: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-box-shadow-bottom: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
  }
  .topnavbar .navbar-nav > li > a,
  .topnavbar .navbar-nav > .open > a {
    color: #e9e9e9;
  }
  .topnavbar .navbar-nav > li > a:hover,
  .topnavbar .navbar-nav > .open > a:hover {
    color: #48c488;
  }
  .topnavbar .navbar-nav > li > a:focus,
  .topnavbar .navbar-nav > .open > a:focus {
    color: #fff;
  }
}
/* ========================================================================
   Component: sidebar
 ========================================================================== */
.sidebar {
  background-color: #444444;
}
.sidebar .nav-heading {
  color: #919DA8;
}
.sidebar .nav > li > a,
.sidebar .nav > li > .nav-item {
  color: #e9e9e9;
}
.sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover,
.sidebar .nav > li > .nav-item:focus,
.sidebar .nav > li > .nav-item:hover {
  background-color: #1d1d1d;
  border-left-color: #00d96f;
  color: #00d96f;
}
.sidebar .nav > li > a > em,
.sidebar .nav > li > .nav-item > em {
  color: inherits;
}
.sidebar .nav > li.active,
.sidebar .nav > li.active > a,
.sidebar .nav > li.active .nav, .sidebar .nav > li.open,
.sidebar .nav > li.open > a,
.sidebar .nav > li.open .nav {
  background-color: #323232;
  color: #00d96f;
}
.sidebar .nav > li.active > a > em, .sidebar .nav > li.open > a > em {
  color: #00d96f;
}
.sidebar .nav > li.active {
  border-left-color: #00d96f;
}

.sidebar-subnav {
  background-color: #444444;
}
.sidebar-subnav > .sidebar-subnav-header {
  color: #e9e9e9;
}
.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
  color: #e9e9e9;
}
.sidebar-subnav > li > a:focus, .sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > .nav-item:hover {
  background-color: #1d1d1d;
  color: #00d96f;
}
.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item {
  color: #00d96f !important;
}
.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after {
  border-color: #00d96f;
  background-color: #00d96f;
}

/* ========================================================================
   Component: offsidebar
 ========================================================================== */
.offsidebar {
  border-left: 1px solid greyscale(#cccccc);
  background-color: #fff;
  color: #505050;
}

/* ========================================================================
   Content: panels
 ========================================================================== */
.widget {
  margin-bottom: 10px !important;
}

.panel, .panel-transparent {
  -moz-box-shadow-bottom: 4px 4px 6px #222222;
  -webkit-box-shadow-bottom: 4px 4px 6px #222222;
  box-shadow: 4px 4px 6px #222222;
}
.panel.panel-default, .panel-transparent.panel-default {
  -moz-box-shadow-bottom: 4px 4px 6px #222222;
  -webkit-box-shadow-bottom: 4px 4px 6px #222222;
  box-shadow: 4px 4px 6px #222222;
}

.panel-login {
  background-color: #fff !important;
}

.panel-darker {
  background-image: url(/desk/app/img/panel-darker-bg.jpg);
  background-position: right bottom;
  background-size: cover;
}
.panel-darker.panel-blue {
  color: #fff;
}
.panel-darker.panel-blue > .panel-wrapper {
  height: 100%;
  background-color: rgba(60, 98, 120, 0.8);
}
.panel-darker.panel-green {
  color: #fff;
}
.panel-darker.panel-green > .panel-wrapper {
  height: 100%;
  background-color: rgba(57, 109, 84, 0.8);
}
.panel-darker.panel-purple {
  color: #fff;
}
.panel-darker.panel-purple > .panel-wrapper {
  height: 100%;
  background-color: rgba(79, 79, 79, 0.8);
}
.panel-darker.panel-pink {
  color: #fff;
}
.panel-darker.panel-pink > .panel-wrapper {
  height: 100%;
  background-color: rgba(151, 76, 79, 0.8);
}
.panel-darker.panel-yellow {
  color: #fff;
}
.panel-darker.panel-yellow > .panel-wrapper {
  height: 100%;
  background-color: rgba(132, 120, 75, 0.8);
}

.panel-gradient .panel-heading {
  background-color: transparent !important;
}
.panel-gradient ::-webkit-scrollbar {
  background-color: transparent;
  border-radius: 10px;
  width: 5px;
}
.panel-gradient ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.6);
}
.panel-gradient ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}
.panel-gradient.panel-blue {
  background-color: #5c92e2;
  background: -webkit-gradient(linear, left top, left bottom, from(#5c92e2), to(#4067bd));
  background: -webkit-linear-gradient(top, #5c92e2, #4067bd);
  background: -moz-linear-gradient(top, #5c92e2, #4067bd);
  background: -ms-linear-gradient(top, #5c92e2, #4067bd);
  background: -o-linear-gradient(top, #5c92e2, #4067bd);
  color: #fff;
}
.panel-gradient.panel-green {
  background-color: #61b35b;
  background: -webkit-gradient(linear, left top, left bottom, from(#61b35b), to(#509982));
  background: -webkit-linear-gradient(top, #61b35b, #509982);
  background: -moz-linear-gradient(top, #61b35b, #509982);
  background: -ms-linear-gradient(top, #61b35b, #509982);
  background: -o-linear-gradient(top, #61b35b, #509982);
  color: #fff;
}
.panel-gradient.panel-purple {
  background-color: #6a5cbf;
  background: -webkit-gradient(linear, left top, left bottom, from(#6a5cbf), to(#4e2abb));
  background: -webkit-linear-gradient(top, #6a5cbf, #4e2abb);
  background: -moz-linear-gradient(top, #6a5cbf, #4e2abb);
  background: -ms-linear-gradient(top, #6a5cbf, #4e2abb);
  background: -o-linear-gradient(top, #6a5cbf, #4e2abb);
  color: #fff;
}
.panel-gradient.panel-pink {
  background-color: #f3535b;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3535b), to(#e72831));
  background: -webkit-linear-gradient(top, #f3535b, #e72831);
  background: -moz-linear-gradient(top, #f3535b, #e72831);
  background: -ms-linear-gradient(top, #f3535b, #e72831);
  background: -o-linear-gradient(top, #f3535b, #e72831);
  color: #fff;
}
.panel-gradient.panel-gray {
  background-color: #e4e3e3;
  background: -webkit-gradient(linear, left top, left bottom, from(#e4e3e3), to(#bcbcbb));
  background: -webkit-linear-gradient(top, #e4e3e3, #bcbcbb);
  background: -moz-linear-gradient(top, #e4e3e3, #bcbcbb);
  background: -ms-linear-gradient(top, #e4e3e3, #bcbcbb);
  background: -o-linear-gradient(top, #e4e3e3, #bcbcbb);
  color: #7e7e7e;
}
.panel-gradient.panel-gray ::-webkit-scrollbar {
  background-color: transparent;
  border-right: 3px solid transparent;
  border-radius: 10px;
  width: 5px;
}
.panel-gradient.panel-gray ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(126, 126, 126, 0.6);
}
.panel-gradient.panel-gray ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #7e7e7e;
}
.panel-gradient.panel-orange {
  background-color: #fe9802;
  background: -webkit-gradient(linear, left top, left bottom, from(#fe9802), to(#ff5a19));
  background: -webkit-linear-gradient(top, #fe9802, #ff5a19);
  background: -moz-linear-gradient(top, #fe9802, #ff5a19);
  background: -ms-linear-gradient(top, #fe9802, #ff5a19);
  background: -o-linear-gradient(top, #fe9802, #ff5a19);
  color: #fff;
}

/* ========================================================================
   LEGENDS overrides
 ========================================================================== */
.legend .panel-blue,
.legend .panel-green {
  background: #CD1907;
  color: #fff;
}

.legend .panel-icon {
  color: #E98271;
}

.legend .img-thumbnail {
  padding: 5px;
  background-color: #CD1907;
  border: 1px solid #CD1907;
}

/* ========================================================================
   Content: icons
 ========================================================================== */
.info-icon {
  font-size: 14px !important;
  color: #138dd4;
  margin-right: 3px;
}

.monthly-event-highlight {
  color: blue !important;
  font-weight: bold;
}

.bigger-cb {
  width: 15px;
  height: 15px;
}

.modal-footer, .modal-header {
  background-color: #f8f8f8;
}

.modal-header {
  box-shadow: #d5d5d5 0px 0px 10px 0px;
}

.btn-blue {
  background-color: #138dd4 !important;
}
.btn-blue:hover {
  background-color: rgba(60, 98, 120, 0.8) !important;
  border-color: rgba(60, 98, 120, 0.8) !important;
}