/* COLOURS */
.accessible-hidden, #timesheets-app table.timesheet td.receipts input, .sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute !important;
}

.tmpl-button-custom, .wp-core-ui input.button-primary,
.wrap .page-title-action,
#search-submit, a.button.button-custom, button.button.button-custom, label.button.button-custom, #language-switcher input.button {
  background-color: #d65b28;
  color: #fff;
  text-transform: uppercase;
  border: none;
  border-radius: 25px;
  padding: 5px 20px;
  font-size: 1rem;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
}
.tmpl-button-custom.small, .wp-core-ui input.small.button-primary,
.wrap .small.page-title-action,
.small#search-submit, a.small.button.button-custom, button.small.button.button-custom, label.small.button.button-custom, #language-switcher input.small.button {
  padding: 3px 12px;
  font-size: 0.8rem;
}
.tmpl-button-custom:hover, .wp-core-ui input.button-primary:hover,
.wrap .page-title-action:hover,
#search-submit:hover, a.button.button-custom:hover, button.button.button-custom:hover, label.button.button-custom:hover, #language-switcher input.button:hover, .tmpl-button-custom:focus, .wp-core-ui input.button-primary:focus,
.wrap .page-title-action:focus,
#search-submit:focus, a.button.button-custom:focus, button.button.button-custom:focus, label.button.button-custom:focus, #language-switcher input.button:focus {
  background-color: #88181a;
  color: #fff;
}

body, #wpwrap, #login {
  background-color: #fff !important;
}

#login h1 a, .login h1 a {
  background-image: url("/wp-content/plugins/admin-app/images/logo.png");
  width: 320px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 30px;
}

.login #login_error,
.login .message {
  border-left-color: #88181a;
}

#loginform {
  border-color: rgba(136, 24, 26, 0.3);
}

#language-switcher input.button {
  padding: 3px 12px;
  font-size: 0.8rem;
}

#adminmenuback,
#adminmenuwrap,
#adminmenu,
#adminmenu .wp-submenu,
#wpadminbar {
  background-color: #88181a;
}

#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item {
  background: #b32022;
  color: #fff;
}

#wpadminbar .menupop .ab-sub-wrapper {
  background-color: #b32022;
  color: #fff;
}
#wpadminbar .menupop .ab-sub-wrapper a {
  color: #fff !important;
}
#wpadminbar .menupop .ab-sub-wrapper a .username {
  color: #fff !important;
}

#adminmenu {
  margin-top: 0;
}

#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.current a.menu-top, #adminmenu .wp-menu-arrow, #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow div {
  background: #d65b28;
}

#adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
  background-color: #b32022;
  color: #fff;
}

#adminmenu a:hover, #adminmenu li.menu-top > a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-submenu a:focus {
  color: #fff;
  box-shadow: none;
}

#adminmenu div.wp-menu-image:before,
#adminmenu a:hover div.wp-menu-image:before {
  color: #fff;
}

#collapse-button {
  color: #fff;
}
#collapse-button:hover, #collapse-button:focus {
  color: #d65b28;
}

#toplevel_page_logo_based_menu {
  width: 100%;
  height: 80px;
  background-color: #fff;
  background-image: url("/wp-content/plugins/admin-app/images/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#toplevel_page_logo_based_menu:hover, #toplevel_page_logo_based_menu:focus {
  background-color: #fff !important;
}
#toplevel_page_logo_based_menu > a,
#toplevel_page_logo_based_menu > a > div.wp-menu-image {
  display: none;
}

.wrap h1 {
  font-weight: 700;
  text-transform: uppercase;
}

a, .wp-core-ui .button-link {
  color: #88181a;
}
a:hover, .wp-core-ui .button-link:hover {
  color: #1c305c;
}

#search-submit {
  padding: 3px 12px;
  font-size: 0.8rem;
}

.wp-list-table .quick-edit-row .inline-edit-wrapper .inline-edit-col-left .inline-edit-date,
.wp-list-table .quick-edit-row .inline-edit-wrapper .inline-edit-col-left .inline-edit-group {
  display: none;
}

#submitdiv {
  border: none;
  box-shadow: none;
}
#submitdiv .postbox-header {
  border: none;
}
#submitdiv #major-publishing-actions {
  background: none;
}
#submitdiv #misc-publishing-actions .misc-pub-post-status,
#submitdiv #misc-publishing-actions .misc-pub-visibility {
  display: none;
}

#message.updated.notice a {
  display: none;
}

#edit-slug-box {
  display: none;
}

#preview-action {
  display: none;
}

.vdp-datepicker__calendar .cell.selected {
  background-color: #88181a !important;
  color: #fff;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border-color: #88181a !important;
}

.acf-switch.-on {
  background: #88181a !important;
  border-color: #88181a !important;
}

.acf-switch .acf-switch-on {
  text-shadow: #88181a 0 1px 0 !important;
}

.acf-switch:hover, .acf-switch.-focus {
  border-color: #88181a;
  background: #fff;
  color: #88181a;
}

.acf-switch.-on .acf-switch-slider {
  border-color: #88181a !important;
}

ul.reports {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 2rem -1rem;
}
ul.reports li {
  margin: 0 1rem;
}

#project-users table {
  margin-bottom: 1rem;
}
#project-users table.add-project-user, #project-users table.project-user-rates {
  width: 100%;
}
#project-users table.add-project-user select {
  width: 100%;
}
#project-users table.project-user-rates {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
#project-users table.project-user-rates th, #project-users table.project-user-rates td {
  border: 1px solid #ccc;
  padding: 5px;
}
#project-users table.project-user-rates th {
  background-color: #88181a;
  border-color: #88181a;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
}
#project-users table.project-user-rates td {
  border-color: rgba(136, 24, 26, 0.3);
}
#project-users table.project-user-rates td.add-delete {
  text-align: center;
}
#project-users table.project-user-rates td .field-value {
  display: block;
  font-size: 15px;
}

#timesheets-app .select-user {
  display: block;
  margin-bottom: 1rem;
}
#timesheets-app .select-user span {
  display: block;
  margin-bottom: 0.25rem;
}
#timesheets-app .select-user select {
  width: 25rem;
  max-width: 100%;
}
#timesheets-app table.timesheet {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
#timesheets-app table.timesheet th, #timesheets-app table.timesheet td {
  border: 1px solid #ccc;
  padding: 5px;
  vertical-align: top;
}
#timesheets-app table.timesheet th {
  background-color: #88181a;
  border-color: #88181a;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
}
#timesheets-app table.timesheet td {
  border-color: rgba(136, 24, 26, 0.3);
}
#timesheets-app table.timesheet td span.field-value {
  display: block;
  font-size: 15px;
}
#timesheets-app table.timesheet td.units .inner {
  display: flex;
  align-items: center;
}
#timesheets-app table.timesheet td.units .inner .project-unit {
  font-weight: bold;
  text-transform: uppercase;
  cursor: default;
}
#timesheets-app table.timesheet td.units .inner .project-unit:not(:empty) {
  margin-left: 0.5rem;
}
#timesheets-app table.timesheet td.receipts {
  text-align: center;
}
#timesheets-app table.timesheet td.receipts ul {
  margin-top: 0;
}
#timesheets-app table.timesheet td.receipts ul:empty {
  margin: 0;
}
#timesheets-app table.timesheet td.receipts ul li {
  display: flex;
  justify-content: space-between;
}
#timesheets-app table.timesheet td.receipts ul li button.delete {
  background-color: #fff;
  color: #d65b28;
  border: 1px solid #d65b28;
  text-transform: uppercase;
  cursor: pointer;
}
#timesheets-app table.timesheet td.receipts ul li button.delete:hover, #timesheets-app table.timesheet td.receipts ul li button.delete:focus {
  background-color: #88181a;
  border-color: #88181a;
  color: #fff;
}
#timesheets-app table.timesheet td.add-delete {
  text-align: center;
}