/* ======================================================
   Mandrin Clinic Admin/Login Brand Theme
   Palette from client image:
   Gray #C1C1C1 | Dark Blue #131C47 | Beige #DAB075
   This file is loaded after Bootstrap/admin CSS and uses
   !important because many old pages contain inline colors.
====================================================== */
:root {
  --brand-gray: #C1C1C1;
  --brand-dark-blue: #131C47;
  --brand-beige: #DAB075;
  --brand-white: #ffffff;
  --brand-light: #f7f7f7;
}

html,
body {
  background-color: var(--brand-gray) !important;
  color: var(--brand-dark-blue) !important;
}

.container,
.container-fluid,
#page-wrapper,
.panel,
.panel-body,
.modal-content {
  background-color: rgba(255, 255, 255, 0.72) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1[style],
h2[style],
h3[style],
h4[style],
h5[style],
label,
p,
.table,
.table td {
    color: var(--brand-dark-blue) !important;
}

a,
a:focus {
  color: var(--brand-dark-blue) !important;
}

a:hover {
  color: var(--brand-beige) !important;
  text-decoration: none;
}

hr,
hr[style] {
  border-color: var(--brand-beige) !important;
}

.navbar,
.navbar-fixed-top,
.navbar-default,
.navbar-inverse {
  background-color: var(--brand-dark-blue) !important;
  border-color: var(--brand-dark-blue) !important;
  box-shadow: 0 4px 15px rgba(19, 28, 71, 0.18);
}

.navbar a,
.navbar .navbar-brand,
.navbar .navbar-font-size,
.navbar .glyphicon,
.navbar-nav > li > a {
  color: var(--brand-white) !important;
}

.navbar a:hover,
.navbar a:focus,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
  background-color: var(--brand-beige) !important;
  color: var(--brand-dark-blue) !important;
}

.dropdown-menu {
  background-color: var(--brand-white) !important;
  border: 1px solid rgba(19, 28, 71, 0.12) !important;
  border-top: 4px solid var(--brand-beige) !important;
}

.dropdown-menu > li > a {
  color: var(--brand-dark-blue) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--brand-gray) !important;
  color: var(--brand-dark-blue) !important;
}

.btn,
a.btn,
button,
input[type="submit"],
input[type="button"],
.btn-primary,
.btn-success,
.btn-info,
.btn-warning {
  background-color: var(--brand-dark-blue) !important;
  border-color: var(--brand-dark-blue) !important;
  color: var(--brand-white) !important;
  border-radius: 12px !important;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
}

.btn:hover,
a.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover {
  background-color: var(--brand-beige) !important;
  border-color: var(--brand-beige) !important;
  color: var(--brand-dark-blue) !important;
}

.btn-danger,
.btn-secondary,
a.btn-danger,
a.btn-secondary {
  background-color: var(--brand-beige) !important;
  border-color: var(--brand-beige) !important;
  color: var(--brand-dark-blue) !important;
}

button:disabled,
.btn:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled {
  background-color: var(--brand-gray) !important;
  border-color: var(--brand-gray) !important;
  color: var(--brand-dark-blue) !important;
  cursor: not-allowed;
  opacity: 0.8;
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.form-control {
  background-color: var(--brand-white) !important;
  border: 2px solid var(--brand-beige) !important;
  color: var(--brand-dark-blue) !important;
  border-radius: 7px !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--brand-dark-blue) !important;
  box-shadow: 0 0 0 3px rgba(218, 176, 117, 0.25) !important;
  outline: none !important;
}

.table > thead > tr > th,
.table th,
.table-modern th,
tr[style*="background-color:yellow"],
tr[style*="background-color: yellow"],
tr[style*="background-color:orange"],
tr[style*="background-color: orange"],
tr[style*="background-color:lightgreen"],
tr[style*="background-color: lightgreen"],
tr[style*="background-color:lightblue"],
tr[style*="background-color: lightblue"] {
  background-color: var(--brand-dark-blue) !important;
  color: var(--brand-white) !important;
  border-color: var(--brand-beige) !important;
}

.panel-heading,
.panel-primary > .panel-heading,
.panel-green > .panel-heading,
.panel-yellow > .panel-heading,
.panel-red > .panel-heading,
.bg-blue,
.bg-green,
.bg-gold,
.bg-red,
.dashboard-card {
  background: var(--brand-dark-blue) !important;
  background-color: var(--brand-dark-blue) !important;
  color: var(--brand-white) !important;
}

.dashboard-number,
.dashboard-title,
.dashboard-card h1,
.dashboard-card h2,
.dashboard-card h3,
.dashboard-card p {
  color: var(--brand-white) !important;
}

.panel-modern,
.treatments-cards,
.form,
.center {
  background-color: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(19, 28, 71, 0.12) !important;
}

.img-rounded {
  border: 4px solid var(--brand-beige) !important;
}

.glyphicon {
  color: inherit;
}

.btn .glyphicon,
button .glyphicon,
a.btn .glyphicon {
  color: inherit !important;
}

span[style*="color:blue"],
span[style*="color: blue"],
span[style*="color:green"],
span[style*="color: green"],
span[style*="color:orange"],
span[style*="color: orange"] {
  color: var(--brand-beige) !important;
}

small,
.help-block {
  color: var(--brand-dark-blue) !important;
}