/* ========================================================================
   Component: layout
 ========================================================================== */
body,
.wrapper > section {
  background-color: #f5f7fa;
}

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

/* ========================================================================
   Component: top-navbar
 ========================================================================== */
.topnavbar {
  background-color: #fff;
}

.topnavbar .navbar-header {
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #6F63B8 0%, #7266ba 100%);
  background-image: -o-linear-gradient(left, #6F63B8 0%, #7266ba 100%);
  background-image: linear-gradient(to right, #6F63B8 0%, #7266ba 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff564aa3', endColorstr='#ff7266ba', GradientType=1);
}

@media only screen and (min-width: 768px) {
  .topnavbar .navbar-header {
    background-image: none;
  }
}

.topnavbar .navbar-nav > li > .navbar-text {
  color: #6F63B8;
}

.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
  color: #6F63B8;
}

.topnavbar .navbar-nav > li > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
  color: #312a5d;
}

.topnavbar .navbar-nav > .active > a,
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .active > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .active > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
  background-color: transparent;
}

.topnavbar .navbar-nav > li > [data-toggle="navbar-search"] {
  color: #fff;
}

.topnavbar .nav-wrapper {
  background-color: #6F63B8;
  background-image: linear-gradient(to right, #6F63B8 0%, #6F63B8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff564aa3', endColorstr='#ff7266ba', GradientType=1);
}

@media only screen and (min-width: 768px) {
  .topnavbar {
    background-color: #6F63B8;
    background-image: -webkit-linear-gradient(left, #6F63B8 0%, #7266ba 100%);
    background-image: -o-linear-gradient(left, #6F63B8 0%, #7266ba 100%);
    background-image: linear-gradient(to right, #6F63B8 0%, #7266ba 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff564aa3', endColorstr='#ff7266ba', GradientType=1);
  }

  .topnavbar .navbar-nav > .open > a,
  .topnavbar .navbar-nav > .open > a:hover,
  .topnavbar .navbar-nav > .open > a:focus {
    box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
  }

  .topnavbar .navbar-nav > li > .navbar-text {
    color: #fff;
  }

  .topnavbar .navbar-nav > li > a,
  .topnavbar .navbar-nav > .open > a {
    color: #fff;
  }

  .topnavbar .navbar-nav > li > a:not(:has(img)):hover,
  .topnavbar .navbar-nav > .open > a:not(:has(img)):hover,
  .topnavbar .navbar-nav > li > a:not(:has(img)):focus,
  .topnavbar .navbar-nav > .open > a:not(:has(img)):focus {
    color: #312a5d;
    background-color: #eee;
  }
  
}

/* ========================================================================
   Component: sidebar
 ========================================================================== */
.sidebar {
  background-color: #3a3f51;
}

.sidebar .nav-heading {
  color: #919da8;
}

.sidebar .nav > li > a,
.sidebar .nav > li > .nav-item {
  color: #e1e2e3;
}

.sidebar .nav > li > a:focus,
.sidebar .nav > li > .nav-item:focus,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > .nav-item:hover {
  color: #6F63B8;
}

.sidebar .nav > li > a > em,
.sidebar .nav > li > .nav-item > em {
  color: inherits;
}

.sidebar .nav > li.active,
.sidebar .nav > li.open,
.sidebar .nav > li.active > a,
.sidebar .nav > li.open > a,
.sidebar .nav > li.active .nav,
.sidebar .nav > li.open .nav {
  color: #6F63B8;
}

.sidebar .nav > li.active > a > em,
.sidebar .nav > li.open > a > em {
  color: #6F63B8;
}

.sidebar .nav > li.active {
  border-left-color: #6F63B8;
}

.sidebar-subnav {
  background-color: #3a3f51;
}

.sidebar-subnav > .sidebar-subnav-header {
  color: #e1e2e3;
}

.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
  color: #e1e2e3;
}

.sidebar-subnav > li > a:focus,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:hover {
  color: #6F63B8;
}

.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item {
  color: #6F63B8;
}

.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after {
  border-color: #6F63B8;
  background-color: #6F63B8;
}

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

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 13px;
}

.content-wrapper > h3,
.content-wrapper > .content-heading {
  margin: -20px;
  margin-bottom: 7px;
  padding: 10px;
}

.master-font {
  font-size: 11px;
  font-family: Sans-serif !important;
  letter-spacing: 0.03em;
}

.data {
  color: white !important;
  height: 28px;
}

table.calendar {
  border-left: 1px solid #999 !important;
}

tr.calendar-row {
}

td.calendar-day {
  min-height: 80px !important;
  font-size: 11px !important;
  position: relative !important;
}

* html div.calendar-day {
  height: 80px !important;
}

td.calendar-day:hover {
  background: white !important;
}

td.calendar-day-np {
  background: white !important;
  min-height: 80px !important;
}

* html div.calendar-day-np {
  height: 80px !important;
}

td.calendar-day-head {
  background: #fafafa !important;
  font-weight: bold !important;
  text-align: center !important;
  width: 140px !important;
  padding: 3px !important;
  border-bottom: 1px solid #999 !important;
  border-top: 1px solid #999 !important;
  border-right: 1px solid #999 !important;
}

div.day-number {
  background: white !important;
  padding: 0px !important;
  color: #333 !important;
  width: 100%;
  text-align: right !important;
  font-family: sans-serif;
  font-size: 14px;
}

/* shared */
td.calendar-day,
td.calendar-day-np {
  width: 140px !important;
  height: 100px;
  padding: 5px !important;
  border-bottom: 1px solid #999 !important;
  border-right: 1px solid #999 !important;
}

.content-heading {
  color: #5a5d63 !important;
}