/* The Gaff - ResDiary widget theme override.
 * Replaces the default pink/blue palette with a dark canvas and gold accent.
 */

#rd-widget-root,
#rd-mini-widget-root {
  --gaff-bg: #0e0e0e;
  --gaff-fg: #f2efe9;
  --gaff-accent: #c9a227;
  --gaff-accent-light: #e5bc3b;
  --gaff-accent-dim: #8a6e1c;
  --gaff-muted: #a39e95;
  --gaff-surface: #161b1b;
  --gaff-surface-2: #1f2525;
  --gaff-border: rgba(242, 239, 233, 0.12);
}

/* --------------------------------------------------------------------------
   Global widget shell
   -------------------------------------------------------------------------- */

#rd-widget-root,
#rd-mini-widget-root,
#rd-widget-root .rd-widget-content,
#rd-mini-widget-root .rd-widget-content {
  background-color: var(--gaff-bg) !important;
  color: var(--gaff-fg) !important;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
}

#rd-widget-root .general-text,
#rd-mini-widget-root .general-text,
#rd-widget-root .widget-screen,
#rd-mini-widget-root .widget-screen {
  color: var(--gaff-fg) !important;
}

#rd-widget-root .rd-widget-content,
#rd-mini-widget-root .rd-widget-content {
  border-radius: 5px;
}

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */

#rd-widget-root .btn-default,
#rd-mini-widget-root .btn-default,
#rd-widget-root .btn-primary,
#rd-mini-widget-root .btn-primary {
  background-color: var(--gaff-accent) !important;
  color: var(--gaff-bg) !important;
  border-color: var(--gaff-accent) !important;
  border-radius: 5px;
  font-weight: 500;
}

#rd-widget-root .btn-default:hover,
#rd-mini-widget-root .btn-default:hover,
#rd-widget-root .btn-default:focus,
#rd-mini-widget-root .btn-default:focus,
#rd-widget-root .btn-primary:hover,
#rd-mini-widget-root .btn-primary:hover,
#rd-widget-root .btn-primary:focus,
#rd-mini-widget-root .btn-primary:focus {
  background-color: var(--gaff-accent-light) !important;
  border-color: var(--gaff-accent-light) !important;
}

#rd-widget-root .btn-default.disabled,
#rd-mini-widget-root .btn-default.disabled,
#rd-widget-root .btn-default[disabled],
#rd-mini-widget-root .btn-default[disabled],
#rd-widget-root .btn-default.disabled:focus,
#rd-mini-widget-root .btn-default.disabled:focus,
#rd-widget-root .btn-default[disabled]:focus,
#rd-mini-widget-root .btn-default[disabled]:focus,
#rd-widget-root .btn-default.disabled:active,
#rd-mini-widget-root .btn-default.disabled:active,
#rd-widget-root .btn-default[disabled]:active,
#rd-mini-widget-root .btn-default[disabled]:active,
#rd-widget-root .btn-default.disabled:hover,
#rd-mini-widget-root .btn-default.disabled:hover,
#rd-widget-root .btn-default[disabled]:hover,
#rd-mini-widget-root .btn-default[disabled]:hover {
  background-color: var(--gaff-surface-2) !important;
  color: var(--gaff-muted) !important;
  border-color: var(--gaff-border) !important;
}

/* --------------------------------------------------------------------------
   Booking summary / venue info panels
   -------------------------------------------------------------------------- */

#rd-widget-root .view-selected-options,
#rd-mini-widget-root .view-selected-options,
#rd-widget-root .panel-booking,
#rd-mini-widget-root .panel-booking,
#rd-widget-root .restaurant-info,
#rd-mini-widget-root .restaurant-info {
  background-color: var(--gaff-bg) !important;
  color: var(--gaff-fg) !important;
  border-color: var(--gaff-border) !important;
  border-radius: 5px;
}

#rd-widget-root .booking-info,
#rd-mini-widget-root .booking-info,
#rd-widget-root .restaurant-address,
#rd-mini-widget-root .restaurant-address {
  color: var(--gaff-fg) !important;
}

#rd-widget-root table.table.table-confirmation tr,
#rd-mini-widget-root table.table.table-confirmation tr {
  background-color: var(--gaff-bg) !important;
  color: var(--gaff-fg) !important;
}

/* --------------------------------------------------------------------------
   Promotions list
   -------------------------------------------------------------------------- */

#rd-widget-root .list-group.list-group-promotion .list-group-item,
#rd-mini-widget-root .list-group.list-group-promotion .list-group-item {
  background-color: var(--gaff-bg) !important;
  color: var(--gaff-fg) !important;
  border-color: var(--gaff-border) !important;
}

#rd-widget-root .list-group.list-group-promotion .list-group-item.active,
#rd-mini-widget-root .list-group.list-group-promotion .list-group-item.active,
#rd-widget-root .list-group.list-group-promotion .list-group-item:hover,
#rd-mini-widget-root .list-group.list-group-promotion .list-group-item:hover {
  background-color: var(--gaff-accent) !important;
  color: var(--gaff-bg) !important;
}

/* --------------------------------------------------------------------------
   Form inputs / dropdowns
   -------------------------------------------------------------------------- */

#rd-widget-root .drop-fill-in,
#rd-mini-widget-root .drop-fill-in,
#rd-widget-root .form-control,
#rd-mini-widget-root .form-control {
  color: var(--gaff-fg) !important;
  background-color: var(--gaff-surface) !important;
  border: 1px solid var(--gaff-border) !important;
  border-radius: 5px;
}

#rd-widget-root .drop-fill-in .search-control,
#rd-mini-widget-root .drop-fill-in .search-control,
#rd-widget-root .drop-fill-in .input-group-addon,
#rd-mini-widget-root .drop-fill-in .input-group-addon {
  color: var(--gaff-fg) !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#rd-widget-root .drop-fill-in:focus,
#rd-mini-widget-root .drop-fill-in:focus,
#rd-widget-root .form-control:focus,
#rd-mini-widget-root .form-control:focus,
#rd-widget-root .StripeElement--focus,
#rd-mini-widget-root .StripeElement--focus {
  border-color: var(--gaff-accent) !important;
  box-shadow: 0 0 10px rgba(201, 162, 39, 0.35) !important;
}

#rd-widget-root .drop-fill-in.form-control[readonly],
#rd-mini-widget-root .drop-fill-in.form-control[readonly] {
  background-color: var(--gaff-surface) !important;
}

#rd-widget-root .has-error .help-block,
#rd-mini-widget-root .has-error .help-block,
#rd-widget-root .text-danger,
#rd-mini-widget-root .text-danger,
#rd-widget-root .table-return-notice,
#rd-mini-widget-root .table-return-notice {
  color: var(--gaff-accent) !important;
}

#rd-widget-root ::-webkit-input-placeholder,
#rd-mini-widget-root ::-webkit-input-placeholder,
#rd-widget-root :-ms-input-placeholder,
#rd-mini-widget-root :-ms-input-placeholder,
#rd-widget-root ::-moz-placeholder,
#rd-mini-widget-root ::-moz-placeholder,
#rd-widget-root .form-control::-webkit-input-placeholder,
#rd-mini-widget-root .form-control::-webkit-input-placeholder,
#rd-widget-root .form-control:-ms-input-placeholder,
#rd-mini-widget-root .form-control:-ms-input-placeholder,
#rd-widget-root .form-control::-moz-placeholder,
#rd-mini-widget-root .form-control::-moz-placeholder {
  color: var(--gaff-muted) !important;
  opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   Date picker
   -------------------------------------------------------------------------- */

#rd-widget-root .datepicker-inline,
#rd-mini-widget-root .datepicker-inline,
#rd-widget-root .datepicker-inline-mini,
#rd-mini-widget-root .datepicker-inline-mini,
#rd-widget-root .bootstrap-datetimepicker-widget,
#rd-mini-widget-root .bootstrap-datetimepicker-widget,
#rd-widget-root .datepicker,
#rd-mini-widget-root .datepicker,
#rd-widget-root .datepicker-dropdown,
#rd-mini-widget-root .datepicker-dropdown,
#rd-widget-root .datepicker-days,
#rd-mini-widget-root .datepicker-days,
#rd-widget-root .datepicker-months,
#rd-mini-widget-root .datepicker-months,
#rd-widget-root .datepicker-years,
#rd-mini-widget-root .datepicker-years,
#rd-widget-root .datepicker-decades,
#rd-mini-widget-root .datepicker-decades {
  background-color: var(--gaff-bg) !important;
  color: var(--gaff-fg) !important;
  border-color: var(--gaff-border) !important;
  border-radius: 5px;
}

#rd-widget-root .datepicker table,
#rd-mini-widget-root .datepicker table,
#rd-widget-root .bootstrap-datetimepicker-widget table,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table {
  background-color: var(--gaff-bg) !important;
}

/* Month/year and day-of-week headers - white, non-rollover */
#rd-widget-root .datepicker .datepicker-switch,
#rd-mini-widget-root .datepicker .datepicker-switch,
#rd-widget-root .bootstrap-datetimepicker-widget .picker-switch,
#rd-mini-widget-root .bootstrap-datetimepicker-widget .picker-switch,
#rd-widget-root .datepicker table thead tr:first-child th,
#rd-mini-widget-root .datepicker table thead tr:first-child th,
#rd-widget-root .datepicker table .dow,
#rd-mini-widget-root .datepicker table .dow,
#rd-widget-root .bootstrap-datetimepicker-widget table .dow,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table .dow {
  color: var(--gaff-fg) !important;
  background-color: transparent !important;
}

/* Available day cells - white text on dark background (non-rollover) */
#rd-widget-root .datepicker table td.day,
#rd-mini-widget-root .datepicker table td.day,
#rd-widget-root .bootstrap-datetimepicker-widget table td.day,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table td.day {
  color: var(--gaff-fg) !important;
  background-color: var(--gaff-surface-2) !important;
  border-radius: 0 !important;
}

/* Today highlight - still readable, subtle gold outline */
#rd-widget-root .datepicker table td.day.today,
#rd-mini-widget-root .datepicker table td.day.today,
#rd-widget-root .bootstrap-datetimepicker-widget table td.day.today,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table td.day.today {
  color: var(--gaff-fg) !important;
  background-color: var(--gaff-surface-2) !important;
  box-shadow: inset 0 0 0 1px var(--gaff-accent) !important;
}

/* Disabled / out-of-range days - muted */
#rd-widget-root .datepicker table td.day.disabled,
#rd-mini-widget-root .datepicker table td.day.disabled,
#rd-widget-root .bootstrap-datetimepicker-widget table td.day.disabled,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table td.day.disabled,
#rd-widget-root .datepicker table td.day.old,
#rd-mini-widget-root .datepicker table td.day.old,
#rd-widget-root .bootstrap-datetimepicker-widget table td.day.old,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table td.day.old,
#rd-widget-root .datepicker table td.day.new,
#rd-mini-widget-root .datepicker table td.day.new,
#rd-widget-root .bootstrap-datetimepicker-widget table td.day.new,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table td.day.new,
#rd-widget-root .datepicker table td.old,
#rd-mini-widget-root .datepicker table td.old,
#rd-widget-root .datepicker table td.new,
#rd-mini-widget-root .datepicker table td.new {
  color: var(--gaff-muted) !important;
  background-color: var(--gaff-surface) !important;
}

/* Rollover / selected / focus - white square with black text (preserve current behavior) */
#rd-widget-root .datepicker table td.day:hover,
#rd-mini-widget-root .datepicker table td.day:hover,
#rd-widget-root .bootstrap-datetimepicker-widget table td.day:hover,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table td.day:hover,
#rd-widget-root .datepicker table td.day:focus,
#rd-mini-widget-root .datepicker table td.day:focus,
#rd-widget-root .bootstrap-datetimepicker-widget table td.day:focus,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table td.day:focus,
#rd-widget-root .datepicker table td.day.active,
#rd-mini-widget-root .datepicker table td.day.active,
#rd-widget-root .bootstrap-datetimepicker-widget table td.day.active,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table td.day.active,
#rd-widget-root .datepicker table td.day.active:hover,
#rd-mini-widget-root .datepicker table td.day.active:hover,
#rd-widget-root .bootstrap-datetimepicker-widget table td.day.active:hover,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table td.day.active:hover,
#rd-widget-root .datepicker table td.day.today:hover,
#rd-mini-widget-root .datepicker table td.day.today:hover,
#rd-widget-root .bootstrap-datetimepicker-widget table td.day.today:hover,
#rd-mini-widget-root .bootstrap-datetimepicker-widget table td.day.today:hover {
  color: var(--gaff-bg) !important;
  background-color: var(--gaff-fg) !important;
  box-shadow: none !important;
}

/* Prev / next arrows */
#rd-widget-root .datepicker .prev,
#rd-mini-widget-root .datepicker .prev,
#rd-widget-root .datepicker .next,
#rd-mini-widget-root .datepicker .next,
#rd-widget-root .bootstrap-datetimepicker-widget .prev,
#rd-mini-widget-root .bootstrap-datetimepicker-widget .prev,
#rd-widget-root .bootstrap-datetimepicker-widget .next,
#rd-mini-widget-root .bootstrap-datetimepicker-widget .next,
#rd-widget-root .datepicker .datepicker-switch,
#rd-mini-widget-root .datepicker .datepicker-switch,
#rd-widget-root .bootstrap-datetimepicker-widget .picker-switch,
#rd-mini-widget-root .bootstrap-datetimepicker-widget .picker-switch {
  color: var(--gaff-fg) !important;
}

#rd-widget-root .datepicker .prev:hover,
#rd-mini-widget-root .datepicker .prev:hover,
#rd-widget-root .datepicker .next:hover,
#rd-mini-widget-root .datepicker .next:hover,
#rd-widget-root .bootstrap-datetimepicker-widget .prev:hover,
#rd-mini-widget-root .bootstrap-datetimepicker-widget .prev:hover,
#rd-widget-root .bootstrap-datetimepicker-widget .next:hover,
#rd-mini-widget-root .bootstrap-datetimepicker-widget .next:hover,
#rd-widget-root .datepicker .datepicker-switch:hover,
#rd-mini-widget-root .datepicker .datepicker-switch:hover,
#rd-widget-root .bootstrap-datetimepicker-widget .picker-switch:hover,
#rd-mini-widget-root .bootstrap-datetimepicker-widget .picker-switch:hover {
  background-color: var(--gaff-surface) !important;
}

/* --------------------------------------------------------------------------
   Dropdown lists
   -------------------------------------------------------------------------- */

#rd-widget-root .drop-list,
#rd-mini-widget-root .drop-list,
#rd-widget-root .drop-list li,
#rd-mini-widget-root .drop-list li {
  background-color: var(--gaff-surface) !important;
  color: var(--gaff-fg) !important;
}

#rd-widget-root .drop-list li:hover,
#rd-mini-widget-root .drop-list li:hover,
#rd-widget-root .drop-list .selected,
#rd-mini-widget-root .drop-list .selected,
#rd-widget-root .drop-list .selected:hover,
#rd-mini-widget-root .drop-list .selected:hover,
#rd-widget-root .drop-list .selected:focus,
#rd-mini-widget-root .drop-list .selected:focus {
  background-color: var(--gaff-surface-2) !important;
  color: var(--gaff-accent) !important;
}

/* --------------------------------------------------------------------------
   Venue selector
   -------------------------------------------------------------------------- */

#rd-widget-root .venue-selector .header,
#rd-mini-widget-root .venue-selector .header,
#rd-widget-root .venue-selector .venue,
#rd-mini-widget-root .venue-selector .venue,
#rd-widget-root .venue-selector .lc-menu,
#rd-mini-widget-root .venue-selector .lc-menu,
#rd-widget-root .venue-selector .venue-name,
#rd-mini-widget-root .venue-selector .venue-name,
#rd-widget-root .venue-selector .venue-address,
#rd-mini-widget-root .venue-selector .venue-address {
  background-color: var(--gaff-bg) !important;
  color: var(--gaff-fg) !important;
}

#rd-widget-root .venue-selector .header .btn,
#rd-mini-widget-root .venue-selector .header .btn {
  color: var(--gaff-fg) !important;
  background-color: var(--gaff-surface) !important;
}

#rd-widget-root .venue-selector .city-header,
#rd-mini-widget-root .venue-selector .city-header {
  background-color: var(--gaff-surface) !important;
  color: var(--gaff-fg) !important;
}

#rd-widget-root .venue-selector .venue:not(:first-child),
#rd-mini-widget-root .venue-selector .venue:not(:first-child) {
  border-top: solid 1px var(--gaff-border) !important;
}

#rd-widget-root .venue-selector .venue .btn-choose-venue,
#rd-mini-widget-root .venue-selector .venue .btn-choose-venue,
#rd-widget-root .venue-selector .venue:hover,
#rd-mini-widget-root .venue-selector .venue:hover,
#rd-widget-root .venue-selector .city-header .city,
#rd-mini-widget-root .venue-selector .city-header .city {
  color: var(--gaff-accent) !important;
}

#rd-widget-root .venue-selector .venue:hover,
#rd-mini-widget-root .venue-selector .venue:hover,
#rd-widget-root .venue-selector .lc-menu li:hover,
#rd-mini-widget-root .venue-selector .lc-menu li:hover {
  background-color: var(--gaff-surface-2) !important;
}

/* --------------------------------------------------------------------------
   Wrapper links / misc
   -------------------------------------------------------------------------- */

#rd-widget-root .rd-widget-wrapper .wrapper-action-button,
#rd-mini-widget-root .rd-widget-wrapper .wrapper-action-button,
#rd-widget-root .rd-widget-wrapper .wrapper-username-text,
#rd-mini-widget-root .rd-widget-wrapper .wrapper-username-text,
#rd-widget-root .wrapper-action-button,
#rd-mini-widget-root .wrapper-action-button {
  color: var(--gaff-accent) !important;
}

#rd-widget-root a,
#rd-mini-widget-root a {
  color: var(--gaff-accent) !important;
  text-decoration: none;
}

#rd-widget-root a:hover,
#rd-mini-widget-root a:hover,
#rd-widget-root a:focus,
#rd-mini-widget-root a:focus {
  color: var(--gaff-accent-light) !important;
  text-decoration: underline;
}

#rd-widget-root .text-primary,
#rd-mini-widget-root .text-primary,
#rd-widget-root .text-info,
#rd-mini-widget-root .text-info,
#rd-widget-root .text-warning,
#rd-mini-widget-root .text-warning,
#rd-widget-root .text-success,
#rd-mini-widget-root .text-success {
  color: var(--gaff-accent) !important;
}

#rd-widget-root .text-danger,
#rd-mini-widget-root .text-danger,
#rd-widget-root .alert-danger,
#rd-mini-widget-root .alert-danger {
  color: var(--gaff-accent) !important;
}

#rd-widget-root .bg-primary,
#rd-mini-widget-root .bg-primary,
#rd-widget-root .bg-info,
#rd-mini-widget-root .bg-info,
#rd-widget-root .bg-warning,
#rd-mini-widget-root .bg-warning,
#rd-widget-root .bg-success,
#rd-mini-widget-root .bg-success {
  background-color: var(--gaff-accent) !important;
  color: var(--gaff-bg) !important;
}

#rd-widget-root .bg-danger,
#rd-mini-widget-root .bg-danger {
  background-color: var(--gaff-accent-dim) !important;
  color: var(--gaff-fg) !important;
}

#rd-widget-root .alert,
#rd-mini-widget-root .alert,
#rd-widget-root .well,
#rd-mini-widget-root .well,
#rd-widget-root .modal-content,
#rd-mini-widget-root .modal-content,
#rd-widget-root .popover,
#rd-mini-widget-root .popover {
  background-color: var(--gaff-surface) !important;
  color: var(--gaff-fg) !important;
  border-color: var(--gaff-border) !important;
}

#rd-widget-root .modal-header,
#rd-mini-widget-root .modal-header,
#rd-widget-root .modal-footer,
#rd-mini-widget-root .modal-footer,
#rd-widget-root .popover-title,
#rd-mini-widget-root .popover-title {
  border-color: var(--gaff-border) !important;
  color: var(--gaff-fg) !important;
}

#rd-widget-root .close,
#rd-mini-widget-root .close {
  color: var(--gaff-fg) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#rd-widget-root .close:hover,
#rd-mini-widget-root .close:hover,
#rd-widget-root .close:focus,
#rd-mini-widget-root .close:focus {
  color: var(--gaff-accent) !important;
}

#rd-widget-root .label-default,
#rd-mini-widget-root .label-default,
#rd-widget-root .badge,
#rd-mini-widget-root .badge {
  background-color: var(--gaff-surface-2) !important;
  color: var(--gaff-fg) !important;
}

#rd-widget-root .label-primary,
#rd-mini-widget-root .label-primary,
#rd-widget-root .badge-primary,
#rd-mini-widget-root .badge-primary {
  background-color: var(--gaff-accent) !important;
  color: var(--gaff-bg) !important;
}

#rd-widget-root .progress-bar,
#rd-mini-widget-root .progress-bar {
  background-color: var(--gaff-accent) !important;
}

#rd-widget-root hr,
#rd-mini-widget-root hr {
  border-top-color: var(--gaff-border) !important;
}

#rd-widget-root .nav-tabs,
#rd-mini-widget-root .nav-tabs,
#rd-widget-root .nav-tabs>li>a,
#rd-mini-widget-root .nav-tabs>li>a,
#rd-widget-root .nav-tabs>li.active>a,
#rd-mini-widget-root .nav-tabs>li.active>a {
  background-color: var(--gaff-bg) !important;
  color: var(--gaff-fg) !important;
  border-color: var(--gaff-border) !important;
}

#rd-widget-root .nav-tabs>li.active>a,
#rd-mini-widget-root .nav-tabs>li.active>a,
#rd-widget-root .nav-tabs>li>a:hover,
#rd-mini-widget-root .nav-tabs>li>a:hover {
  color: var(--gaff-accent) !important;
}

#rd-widget-root .panel-default,
#rd-mini-widget-root .panel-default,
#rd-widget-root .panel-default>.panel-heading,
#rd-mini-widget-root .panel-default>.panel-heading,
#rd-widget-root .panel-footer,
#rd-mini-widget-root .panel-footer {
  background-color: var(--gaff-surface) !important;
  color: var(--gaff-fg) !important;
  border-color: var(--gaff-border) !important;
}

#rd-widget-root .table-striped>tbody>tr:nth-of-type(odd),
#rd-mini-widget-root .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: var(--gaff-surface) !important;
  color: var(--gaff-fg) !important;
}

#rd-widget-root .table>thead>tr>th,
#rd-mini-widget-root .table>thead>tr>th,
#rd-widget-root .table>tbody>tr>td,
#rd-mini-widget-root .table>tbody>tr>td {
  border-color: var(--gaff-border) !important;
  color: var(--gaff-fg) !important;
}

#rd-widget-root .checkbox,
#rd-mini-widget-root .checkbox,
#rd-widget-root .radio,
#rd-mini-widget-root .radio,
#rd-widget-root .checkbox label,
#rd-mini-widget-root .checkbox label,
#rd-widget-root .radio label,
#rd-mini-widget-root .radio label {
  color: var(--gaff-fg) !important;
}

#rd-widget-root .checkbox input[type=checkbox],
#rd-mini-widget-root .checkbox input[type=checkbox],
#rd-widget-root .radio input[type=radio],
#rd-mini-widget-root .radio input[type=radio] {
  accent-color: var(--gaff-accent) !important;
}

#rd-widget-root .dropdown-menu,
#rd-mini-widget-root .dropdown-menu,
#rd-widget-root .dropdown-menu>li>a,
#rd-mini-widget-root .dropdown-menu>li>a {
  background-color: var(--gaff-surface) !important;
  color: var(--gaff-fg) !important;
}

#rd-widget-root .dropdown-menu>li>a:hover,
#rd-mini-widget-root .dropdown-menu>li>a:hover,
#rd-widget-root .dropdown-menu>li>a:focus,
#rd-mini-widget-root .dropdown-menu>li>a:focus,
#rd-widget-root .dropdown-menu>.active>a,
#rd-mini-widget-root .dropdown-menu>.active>a {
  background-color: var(--gaff-surface-2) !important;
  color: var(--gaff-accent) !important;
}

#rd-widget-root .tooltip-inner,
#rd-mini-widget-root .tooltip-inner {
  background-color: var(--gaff-accent) !important;
  color: var(--gaff-bg) !important;
}

#rd-widget-root .tooltip-arrow,
#rd-mini-widget-root .tooltip-arrow {
  border-top-color: var(--gaff-accent) !important;
}

#rd-widget-root .table-bordered,
#rd-mini-widget-root .table-bordered,
#rd-widget-root .table-bordered>tbody>tr>td,
#rd-mini-widget-root .table-bordered>tbody>tr>td,
#rd-widget-root .table-bordered>tbody>tr>th,
#rd-mini-widget-root .table-bordered>tbody>tr>th,
#rd-widget-root .table-bordered>thead>tr>td,
#rd-mini-widget-root .table-bordered>thead>tr>td,
#rd-widget-root .table-bordered>thead>tr>th,
#rd-mini-widget-root .table-bordered>thead>tr>th {
  border-color: var(--gaff-border) !important;
}

#rd-widget-root .pagination>li>a,
#rd-mini-widget-root .pagination>li>a,
#rd-widget-root .pagination>li>span,
#rd-mini-widget-root .pagination>li>span {
  background-color: var(--gaff-surface) !important;
  color: var(--gaff-fg) !important;
  border-color: var(--gaff-border) !important;
}

#rd-widget-root .pagination>li>a:hover,
#rd-mini-widget-root .pagination>li>a:hover,
#rd-widget-root .pagination>li.active>a,
#rd-mini-widget-root .pagination>li.active>a {
  background-color: var(--gaff-accent) !important;
  color: var(--gaff-bg) !important;
  border-color: var(--gaff-accent) !important;
}

#rd-widget-root .glyphicon,
#rd-mini-widget-root .glyphicon,
#rd-widget-root .rd-icons,
#rd-mini-widget-root .rd-icons {
  color: var(--gaff-accent) !important;
}

#rd-widget-root .glyphicon-calendar,
#rd-mini-widget-root .glyphicon-calendar,
#rd-widget-root .glyphicon-user,
#rd-mini-widget-root .glyphicon-user,
#rd-widget-root .glyphicon-time,
#rd-mini-widget-root .glyphicon-time {
  color: var(--gaff-accent) !important;
}

/* --------------------------------------------------------------------------
   Document body background so the canvas never flashes white
   -------------------------------------------------------------------------- */

body {
  background-color: var(--gaff-bg) !important;
}


/* OEM: remove ResDiary branding from inside the widget */
#rd-widget-root .logo-panel,
#rd-mini-widget-root .logo-panel,
#rd-widget-root .custom-logo,
#rd-mini-widget-root .custom-logo {
  display: none !important;
}

#rd-widget-root .text-muted,
#rd-mini-widget-root .text-muted,
#rd-widget-root .help-block,
#rd-mini-widget-root .help-block {
  color: var(--gaff-muted) !important;
}