/**
 * Tison Paint Theme Customization
 * Colors based on tisonpaint.vn branding:
 * Primary Blue: #007cba
 * Dark Blue: #006ba1
 * Purple: #7a00df
 * White: #ffffff
 */

/* Navigation Bar - White Background */
.navbar-default {
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
}

/* Navigation Links */
.navbar-default .navbar-nav > li > a {
  color: #0f172a;
  font-weight: 500;
}

/* Active/Hover State */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #007cba;
  background: #f0f9ff;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #007cba;
  background: #f0f9ff;
}

/* Login Button - Blue */
.navbar-default .navbar-nav > li.customers-nav-item-login > a {
  background: #007cba !important;
  color: #ffffff !important;
}

.navbar-default .navbar-nav > li.customers-nav-item-login > a:hover,
.navbar-default .navbar-nav > li.customers-nav-item-login > a:active {
  background: #006ba1 !important;
}

/* Form Elements */
.form-control:focus {
  border-color: #007cba;
  box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1);
}

/* Primary Buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #007cba !important;
  border-color: #007cba !important;
}

/* Links */
a {
  color: #007cba;
}

a:hover,
a:focus {
  color: #006ba1;
}

/* Alert Boxes */
.alert-primary {
  background-color: #007cba;
  border-color: #007cba;
  color: white;
}

/* Tabs */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #007cba;
  border-top: 3px solid #007cba;
}

/* Progress Bars */
.progress-bar {
  background-color: #007cba;
}

/* Badge */
.badge {
  background-color: #007cba;
}

/* Table Hover */
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f0f9ff;
}

/* Calendar */
#calendar .fc-day-grid-container .fc-day-number {
  color: #007cba;
}

/* Mobile Menu Toggle */
.navbar-default .navbar-toggle {
  border-color: #007cba;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #007cba;
}