/* Light theme CSS */
html,
body {
  background-color: #ffffff;
  color: #444444;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #eaeaea;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #dadada;
}

.winHeaderTitle,
.macHeaderTitle {
  color: #384859;
}

.lineNo {
  color: #c8c8c8;
}

.activeLine > div {
  color: #7a7a7a;
}

.input {
  color: #444444;
}

.ruler {
  border-bottom: 1px solid #f1f1f1;
}

.errTitle,
.syntaxError {
  color: #b10e0e;
}

.plotButton {
  color: inherit;
}

.msgBox {
  color: #006699;
}

.divider::before {
  background-color: #eaeaea !important;
}
.divider:hover::before {
  background-color: #b7d5e6 !important;
}

.output > span::selection {
  background-color: rgba(231, 243, 255, 0.98) !important;
  color: inherit;
}

.answer:hover {
  background: rgb(245, 245, 245);
}

.action,
.noAction,
.noAction:hover {
  color: #607d8b;
}

.actionDivider {
  border-right: 1px solid #eaeaea;
}

.pageName {
  color: #687e89;
}

.pageListHeader,
.pageListItem {
  border-bottom: 1px solid #eaeaea;
  background-color: #ffffff;
}

.pageListItemDrag {
  border: 1px solid #eaeaea;
}

.pageListItem:hover {
  background-color: #f9f9f9;
}

.activePage {
  background-color: #f5f5f5;
}

.drop-parent-icon,
.pageListSort {
  color: #607d8b;
}

.drop-parent-icon:hover,
.pageListSort:hover {
  color: #4682b4;
}

.deletePageButton:hover {
  color: #b10e0e;
}

.deleteAllPagesButton:hover {
  color: #b10e0e !important;
}

.renamePageButton:hover,
.dupPageButton:hover,
.exportPageButton:hover,
.sortListItem:hover {
  color: #005cc5;
}

.sortListDivider {
  border-top-color: #eaeaea !important;
}

.dialog-about-title {
  color: #162e44;
}

.dialog-about-links {
  border-top: 1px solid #eaeaea;
}

.dialogAboutUpdateStatus {
  color: #666666;
}

/* Settings menu items */
#dialogSettings h3 {
  color: #1d3f5c;
}

#dialogSettings .settingMod,
#dialogSettings .settingModToggle {
  color: #dd9359;
}

.precision,
.expLower,
.expUpper {
  border: 1px solid #e5e5e5;
  color: #333333;
}

.subSwitchIcon {
  color: #999;
}

.textBox {
  color: #666666;
}

.slider:before {
  background-color: white;
}

.slider.round:before {
  background-color: #ffffff;
}

.lastUpdated {
  color: #999999;
}

.resetSizeButton {
  color: #666666;
}

/* Plot */
text {
  fill: #444444;
}

/* UIkit Overrides */
.uk-text-secondary {
  color: #1d3f5c !important;
}

.uk-modal {
  background-color: rgba(0, 0, 0, 0.6);
}

.uk-button-default {
  border-color: #c9dcef;
}

.uk-button-default:focus,
.uk-button-default:hover {
  border-color: #8eb3d8;
}

.uk-button-danger,
.uk-button-danger:focus {
  border-color: #c9dcef;
  background-color: #ffffff;
  color: #bd2e2e;
}

.uk-button-danger:hover {
  border-color: #bd2e2e;
  background-color: #ffffff;
  color: #bd2e2e;
}

.uk-button-danger:active {
  background-color: #ffffff;
}

.uk-button-danger:disabled:hover {
  border-color: #e5e5e5;
  background-color: transparent;
  color: #999999;
}

.uk-select {
  color: #444444;
}

.uk-notification-message {
  border: 1px solid #efefef;
}

.uk-notification-message-primary {
  color: #2196f3;
}

.uk-tooltip {
  background-color: #eeeeee;
  color: #000;
}

.uk-offcanvas-bar {
  border-right: 1px solid #eaeaea;
  background: #fff;
  color: #333;
}

.uk-offcanvas-bar a {
  color: #607d8b;
}

.uk-offcanvas-bar a:hover {
  color: #0f6ecd;
}

.uk-offcanvas-bar .uk-close {
  color: #333;
}

.uk-offcanvas-bar .uk-close:hover {
  color: #4682b4;
}

/* CodeMirror Overrides */
.CodeMirror-linenumber {
  color: #ccc;
}

.CodeMirror-cursor:before {
  background: black;
}

.cm-s-numara .CodeMirror-selected {
  background: #c9e0f7 !important;
}

.cm-s-numara .CodeMirror-linenumber {
  background-color: #ffffff !important;
}

.cm-s-numara .CodeMirror-hscrollbar,
.cm-s-numara .CodeMirror-scrollbar-filler,
.cm-s-numara .CodeMirror-gutter-filler {
  background-color: #ffffff !important;
}

.cm-s-numara .CodeMirror-dialog-top {
  background-color: #ffffff !important;
}

.cm-s-numara .CodeMirror-matchingbracket {
  color: #999999 !important;
}

.CodeMirror-hint:hover {
  background-color: #f1f1f1 !important;
  color: initial !important;
}

li.CodeMirror-hint-active {
  background-color: #f1f1f1;
  color: initial !important;
}

.CodeMirror-placeholder {
  color: #eaeaea !important;
}

.dialogUdfu .CodeMirror {
  border: 1px solid #eaeaea !important;
}

.cm-s-default {
  border: 1px solid #eaeaea;
}

/* Color picker */
.clr-field button,
.colorInput {
  border: 1px solid #eaeaea;
}

.colorInput {
  color: #333333;
}

.colorHR {
  border-bottom: 1px solid #eaeaea;
}
