body {
  background-color: #212121;
  color: #fafafa;
}
.logo {
  fill: #fafafa;
}
.modal {
  background-color: rgba(0, 0, 0, 0.5);
  color: #424242;
}
.modal-body,
.modal-content {
  background-color: #fafafa;
}
#loadingScreen {
  /*Just for Theming Colors*/
  background-color: #212121;
  color: #fafafa;
}
.addNewCard {
  color: #fafafa;
}
#EditorContainer {
  margin-top: 20px;
  background-color: #fafafa;
}
.close {
  color: #424242;
}
.close:hover {
  color: #212121;
}

#CardModal {
  color: #fafafa;
}
.content::-webkit-scrollbar {
  width: 6px;
  background-color: #fafafa;
}
.content::-webkit-scrollbar-thumb {
  background-color: #424242;
}

.content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

#lhs_frame {
  background-color: #424242;
}

#center_frame {
  background-color: #e0e0e0;
}

#rhs_frame {
  background-color: #424242;
}
.texteditor {
  color: #424242;
}

.logo-top {
  fill: #424242;
}
.logo-bottom {
  fill: #e0e0e0;
}

#saveAlert {
  background-color: #fafafa;
  color: #212121;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=0, Color=#585858)"; /*IE 8*/
  -moz-box-shadow: 0 0 20px 6px rgba(88, 88, 88, 0.5); /*FF 3.5+*/
  -webkit-box-shadow: 0 0 20px 6px rgba(88, 88, 88, 0.5); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 0 20px 6px rgba(88, 88, 88, 0.5); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color=#585858); /*IE 5.5-7*/
}

#wordCount {
  background-color: #fafafa;
  color: #212121;
}

#navsystem {
  background-color: #424242;
}

.navbtn {
  background: #424242;
  color: #fafafa;
}
.navbtn:hover {
  background: #212121;
  color: #fafafa;
}

.sideBtn {
  background: #616161;
  color: #fafafa;
}
.sideBtn:hover {
  background: #212121;
  color: #fafafa;
}

.sidebar-nav {
}

.sidebar-nav li {
  color: #fafafa;
}

.sidebar-nav > li > i {
}

.sidebar-nav li:hover {
  color: #fafafa;
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
}

.sidebar-nav > .sidebar-brand {
}

.sidebar-nav > .sidebar-brand a {
  color: #eeeeee;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fafafa;
  background: none;
}

.deleteButton {
  color: #fff;
}
.deleteCard {
  color: #212121;
}

.wmcard {
  color: #212121;
  border: 1px solid #616161;
  background-color: #fafafa;
  /*    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=0, Color=#585858)";/*IE 8*/
  /*  -moz-box-shadow: 0 0 20px 6px rgba(88,88,88,0.5);/*FF 3.5+*/
  /*  -webkit-box-shadow: 0 0 20px 6px rgba(88,88,88,0.5);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  /*  box-shadow: 0 0 20px 6px rgba(88,88,88,0.5);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  /*  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color=#585858); /*IE 5.5-7*/
}

.markAsDone {
  background-color: #424242;
  color: #fafafa;
}
.markAsDone .smallButtons {
  color: #fafafa;
}
.markAsDone .deleteCard {
  color: #fafafa;
}

.smallButtons {
  color: #212121;
}