:root {
  --grey: #2d2d2d;
  --med-grey: #666666;
  --light-grey: #cccccc;
  --red: #f35863;
  --blue: #4a7dfd;
  --skyblue: #3cb9e9;
  --purple: #7a45bf;
  --green: #6ec35d;
  --bg-brand: #007262 !important;
  --bg-brand-hover: #1e9484 !important;
  --bg-brand-hover-secondary: #004c52 !important;
  --bg-brand-secondary: #004c52 !important;
  --bg-brand-disable: #303f40 !important;
}
html.reverse-new-task #main .main-background{
  flex-direction: column-reverse;
  margin-bottom: 16px;
}
/* * Body  * */
body {
  background-color: var(--bg-primary) !important;
}
html {
  overflow: hidden;
}
::-webkit-scrollbar {
  width: 6px !important;
}
::-webkit-scrollbar-track {
  border-radius: 0px !important;
}
::-webkit-scrollbar-thumb {
  border-radius: 0px !important;
  background: var(--bg-scrollbar) !important;
}
.keyboardNavigation .listItem:focus {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0) !important;
}
html.side-bar-hidden .leftColumn {
  display: none !important;
}
html.side-bar-hidden #container.leftColumn-overlaid #app {
  padding-left: 0px !important;
}
@media all and (max-width: 620px) {
  .leftColumn,
  #owaToDoButton,
  #todoWhatsNewBtn {
    display: none !important;
  }
  #container.leftColumn-overlaid #app {
    padding-left: 0px !important;
  }
}
/* * Sidebar * */
.listItem,
.listItem-container.active .emoji.medium {
  background-color: transparent !important;
}
.listItem,
.listItem .listItem-icon,
.emoji {
  background-color: transparent !important;
}
.sidebar-footer {
  display: none;
}
.ms-Panel-navigation,
.editableContent .edit {
  background: var(--bg-tertiary);
  color: var(--font-color-secondary);
}
/* * Notifications * */
#root #container #app #notifications {
  z-index: 10;
}
#root #container #app #notifications .notificationToast {
  background: var(--bg-primary-transparent) !important;
  backdrop-filter: blur(5px);
}
#root
  #container
  #app
  #notifications
  .notificationToast
  .notificationToast-cancelButton {
  color: var(--red) !important;
}
#root #container #app #notifications .notificationToast button {
  border-color: var(--bg-tertiary);
}
/* * Main Container * */
.backgroundLines {
  display: none;
}
#main .addTask * {
  background-color: transparent !important;
}
#main .add-task input,
#baseAddInput-addTask {
  background-color: transparent !important;
}
/* * Modals * */
.modal .modal-content {
  color: var(--font-color-primary) !important;
}
.button.gray {
  background: var(--bg-tertiary) !important;
  color: var(--font-color-secondary) !important;
}
.button.red {
  background: var(--bg-danger, var(--font-color-warning)) !important;
  color: var(--font-color-danger, var(--font-color-primary)) !important;
}
.ms-Callout-container .ms-Tooltip * {
  background: var(--bg-secondary);
  color: var(--font-color-primary);
}
.ms-Callout-container .ms-Callout:after {
  background: var(--bg-secondary);
  color: var(--font-color-primary);
  inset: -5px;
}
.ms-Callout-container .ms-Callout-beak,
.ms-Callout-beakCurtain {
  background: var(--bg-secondary);
  color: var(--font-color-primary);
}
/* * Settings Panel * */
.sortable-lists li input {
  color: var(--font-color-secondary) !important;
}
.o365cs-base .o365sx-neutral-lighterAlt-background {
  background: var(--bg-primary) !important;
}
.o365sx-neutral-dark-font {
  color: var(--font-color-primary) !important;
}
#FlexPane_Overflow_Container #O365fpcontainerid {
  border-color: var(--bg-secondary) !important;
}
/* * Suggestions Panel * */
.ms-Panel-main {
  background: var(--bg-tertiary) !important;
}
.details {
  background: var(--bg-secondary) !important;
}
/* * Navbar & Search * */
#Region_3 #todoHelpBtn_container,
#todoWhatsNewBtn_container {
  display: none;
}
.o365cs-base .o365sx-button {
  color: var(--font-color-brand) !important;
  background-color: var(--bg-primary) !important;
}
#root #container #O365_NavHeader {
  background: transparent;
}
#root #container #O365_NavHeader .searchToolbar i {
  color: var(--font-color-brand) !important;
}
#root #container #O365_NavHeader .searchToolbar-icon:hover {
  background: var(--bg-tertiary) !important;
}
#root #container #O365_NavHeader .searchToolbar-input[type="text"] {
  color: var(--font-color-primary);
  background: var(--bg-tertiary) !important;
}
#root #container #O365_NavHeader .searchToolbar {
  color: var(--font-color-secondary) !important;
  background: var(--bg-tertiary) !important;
  border-color: var(--blue) !important;
}
#root #container #O365_NavHeader .searchToolbar input {
  outline: none;
}
#root #container #O365_NavHeader .searchToolbar input::placeholder {
  color: var(--font-color-primary) !important;
}
#root #container #O365_NavHeader div {
  background: transparent;
}
#root #container .o365header.is-consumer {
  background: #00000033 !important;
}
#O365_HeaderLeftRegion,
#O365_HeaderRightRegion {
  display: none;
}
#CenterRegion #owaBranding_container {
  display: none;
}
#CenterRegion {
  background-color: var(--bg-primary) !important;
}
