$Hard: #fff;
$Soft: #333;
$Detail: #222;
$Unfocused: #999;
$White: #eee;

@import "_base";

body {
  background-color: $Soft;
  color: #777;
}

.btn {
  //background-color: $Unfocused !important;
  color: white !important;
  //border: none !important;

  &:hover {
    //color: $Detail !important;
    //background-color: $Hard !important;
    //border: none !important;
  }
}
.btn-danger {
  &:hover {
    background-color: #992329 !important;
    color: white !important;
  }
}
.btn-default, .btn-app {
  color: #444 !important;
}

.box, .panel {
  border: 1px solid $Hard !important;
}

a {
  color: $Unfocused !important;
  &:hover {
    color: $Hard !important;
  }
}

@media (min-width: 1200px) {
  a {
    span.visible-lg {
      display: none !important;
    }
  }
}

.main-footer {
  border-top: none !important;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  background-color: $Soft !important;
  color: $Hard !important;
}
.nav-tabs-custom {
  border: 1px solid $Hard;
  background: none;

  .tab-content {
    background: none;
  }
}

.nav-tabs {
  border: none !important;

  li {
    border: none;
    &:hover {
      background: $Detail;
      border: none;
      border-bottom: none;
      a {
        background: none;
      }
    }
  }
  li.active {
    border: none;
    a {
      color: $Soft !important;
      background-color: $Hard !important;
      border: none !important;
    }
  }
}


/**
 * Calendar
 */
.calendar {
  td.today {
    background-color: #515142;
  }
}


.panel-body {
  .preview {
    background: none;
    &:before {
      background: linear-gradient(transparent 0px, $Soft) !important;;
    }
  }
}