/* Light */
body {
  background-color: #fff;
  color: #333;
}
a,
.a {
  color: #08c;
}
a:hover {
  color: #005580;
}
select,
input[type="text"],
input[type="number"] {
  color: #555;
}
input[type="text"],
input[type="number"] {
  background-color: #fff;
  border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="number"]:focus {
  border-color: #52a8ec;
  box-shadow: inset 0 0 2px #52a8ec;
}
select {
  background-color: #fff;
  border: 1px solid #ccc;
}
input:-moz-placeholder {
  color: #999;
}
input:-ms-input-placeholder {
  color: #999;
}
input::-webkit-input-placeholder {
  color: #999;
}
input[disabled] {
  background-color: #eee;
}
.error input[type="text"],
.error input[type="number"] {
  color: #b94a48;
  border-color: #953b39;
}
.error input[type="text"]:focus,
.error input[type="number"]:focus {
  box-shadow: inset 0 0 2px #953b39;
}
tr.success td {
  background-color: #dff0d8;
}
tr.warning td {
  background-color: #fcf8e3;
}
tbody th,
tbody td {
  border-top: 1px solid #ddd;
}
.divider {
  background-color: #d4d4d4;
}
.well {
  background-color: #fff;
  border: 1px solid #e3e3e3;
}
.close {
  color: #000;
  text-shadow: 0 1px 0 #fff;
}
.close:hover {
  color: #000;
}
.btn {
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(#fff, #e6e6e6);
  background-image: linear-gradient(#fff, #e6e6e6);
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.btn:hover,
.btn:active,
.btn.active {
  background-color: #e6e6e6;
}
.btn.active,
.btn:active {
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.125);
}
.btn-success,
.btn-info,
.btn-danger,
.btn-inverse {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-success {
  background-color: #5bb75b;
  background-image: -webkit-linear-gradient(#62c462, #51a351);
  background-image: linear-gradient(#62c462, #51a351);
  border-color: #51a351;
}
.btn-success:hover,
.btn-success:active,
.btn-success.active {
  background-color: #51a351;
}
.btn-inverse {
  background-color: #898989;
  background-image: -webkit-linear-gradient(#969696, #7d7d7d);
  background-image: linear-gradient(#969696, #7d7d7d);
  border-color: #888;
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active {
  background-color: #7d7d7d;
}
.btn-info {
  background-color: #49afcd;
  background-image: -webkit-linear-gradient(#5bc0de, #2f96b4);
  background-image: linear-gradient(#5bc0de, #2f96b4);
  border-color: #2f96b4;
}
.btn-info:hover,
.btn-info:active,
.btn-info.active {
  background-color: #2f96b4;
}
.btn-danger {
  background-color: #da4f49;
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(#ee5f5b, #bd362f);
  border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active {
  color: #fff;
  background-color: #bd362f;
}
.nav .a {
  background-color: #f9f9f9;
}
.nav .a:hover,
.nav .active .a,
.nav .active .a:hover {
  color: #fff;
  background-color: #08c;
  background-image: -webkit-linear-gradient(#08c, #0077b3);
  background-image: linear-gradient(#08c, #0077b3);
}
.navbar-inner {
  background-color: #fafafa;
  background-image: -webkit-linear-gradient(#fff, #f2f2f2);
  background-image: linear-gradient(#fff, #f2f2f2);
  border-bottom: 1px solid #d4d4d4;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.modal-backdrop {
  background-color: #000;
}
.modal {
  background-color: #fff;
}
.modal-header {
  border-bottom: 1px solid #eee;
}
.modal-footer {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}
.popover {
  background-color: #fff;
}
.modal,
.popover,
.well {
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.label {
  background-color: #999;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.label-info {
  background-color: #3a87ad;
}
.progress {
  background-color: #f3f3f3;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.icon-white {
  color: #fff;
}
.datepicker .day:hover,
.datepicker span:hover {
  background: #ddd;
}
.datepicker .old,
.datepicker .new {
  color: #999;
}
.datepicker .active,
.datepicker .active:hover {
  background-color: #08c;
  color: #fff;
}
.datepicker thead tr:first-child th:hover {
  background: #eee;
}
.item-bg,
.item-bg.item-read-only {
  border-color: #bbb;
  background: #f7f7f7;
  background: -webkit-linear-gradient(#f7f7f7 0%, #f1f1f1 50%, #dadada 51%, #f0f0f0 100%);
  background: linear-gradient(#f7f7f7 0%, #f1f1f1 50%, #dadada 51%, #f0f0f0 100%);
}
.item-value.item-backdrop,
.item-backdrop .value {
  background-color: rgba(0, 0, 0, 0.15);
}
.item-color {
  box-shadow: 0 0 1px 1px #bbb;
}
.slider .progress {
  border: 1px #ccc solid;
}
.slider-value span {
  border: 1px #ccc solid;
  background-color: #fff;
}
.toggler {
  border: 1px solid #ddd;
}
.toggler .btn-bg {
  background-color: #999;
}
.toggler .btn-success {
  background-color: #5bb75b;
}
.btn-color,
.schedulers .value-color {
  border-color: #bbb;
}
.menu {
  background-color: rgba(255, 255, 255, 0.9);
}
.disabled .a,
.disabled .a:hover,
.disabled .a:active {
  background: #eaeaea !important;
  color: #555;
}
.navbar .current {
  color: #0081c2;
}
.navbar .previous {
  color: #5bb75b;
}
.navbar .separator {
  color: #999;
}
.trends .sidebar,
.schedulers .sidebar {
  background-color: #f0f0f0;
}
.sidebar-menu {
  border-right: 1px #d4d4d4 solid;
}
.sidebar-edit {
  border-left: 1px #d4d4d4 solid;
}
.sidebar-calendar {
  border-left: 1px #d4d4d4 solid;
}
.flotr-datagrid-container {
  background-color: #fff;
}
.touch .nav {
  background-color: #fff;
  border: 1px #d0d0d0 solid;
}
.modal-close {
  background-color: #000;
  border: 2px solid #fff;
  color: #fff;
}
.overlay {
  background-color: #fff;
}
.control-list {
  background-color: #fff;
  border: 1px solid #d0d0d0;
}
.control-item {
  border-top: 1px solid #d0d0d0;
  background-color: #f7f7f7;
}
.control-item:active {
  background-color: #f2f2f2;
}
.control-item:nth-child(odd) {
  border-right: 1px solid #ddd;
}
.control-value {
  color: #333;
}
.plan-header {
  background-color: #f7f7f7;
}
.control-inner {
  border-top: 1px #ddd solid;
}
.control-vselect .a {
  background-color: #eee;
}
.dygraph-legend,
.flotr-legend {
  background-color: #fff !important;
}
.flotr-labels,
.flotr-legend-label {
  color: #333;
}
.flotr-legend {
  border: 1px #bbb solid;
}
.flotr-legend-color-box > div {
  border: 1px #ccc solid;
}
.flotr-grid-color {
  background-color: #ccc;
}
/* Dark */
body.dark {
  background-color: #2f2f2f;
  color: #fff;
}
.dark a,
.dark .a {
  color: #fff;
}
.dark a:hover {
  color: #fff;
}
.dark select,
.dark input[type="text"],
.dark input[type="number"] {
  color: #eee;
}
.dark input[type="text"],
.dark input[type="number"] {
  background-color: #171717;
  border: 1px solid #111;
  box-shadow: none;
}
.dark input[type="text"]:focus,
.dark input[type="number"]:focus {
  background-color: #272727;
  box-shadow: inset 0 0 0 1px #52a8ec;
}
.dark select {
  background-color: #111;
  border: 1px solid #111;
}
.dark input:-moz-placeholder {
  color: #aaa;
}
.dark input:-ms-input-placeholder {
  color: #aaa;
}
.dark input::-webkit-input-placeholder {
  color: #aaa;
}
.dark input[disabled] {
  background-color: #111;
}
.dark .error input[type="text"],
.dark .error input[type="number"] {
  color: #b94a48;
  box-shadow: inset 0 0 0 1px #953b39;
}
.dark tr.success td {
  background-color: #dff0d8;
}
.dark tr.warning td {
  background-color: #fcf8e3;
}
.dark td.value {
  color: #333;
}
.dark tbody th,
.dark tbody td {
  border-top: 1px solid #777;
}
.dark .divider {
  background-color: #777;
}
.dark .well {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
}
.dark .close {
  color: #fff;
  opacity: 0.6;
  text-shadow: none;
}
.dark .close:hover {
  opacity: 0.8;
}
.dark .btn {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #555;
  background-image: -webkit-linear-gradient(#666, #444);
  background-image: linear-gradient(#666, #444);
  border: 1px solid #222;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.dark .btn:hover,
.dark .btn:active,
.dark .btn.active {
  background-color: #444;
}
.dark .btn.active,
.dark .btn:active {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
  background-image: none;
}
.dark .btn-success,
.dark .btn-info,
.dark .btn-danger,
.dark .btn-inverse {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.dark .btn-success {
  background-color: #5bb75b;
  background-image: -webkit-linear-gradient(#62c462, #51a351);
  background-image: linear-gradient(#62c462, #51a351);
  border-color: #51a351;
}
.dark .btn-success:hover,
.dark .btn-success:active,
.dark .btn-success.active {
  background-color: #51a351;
}
.dark .btn-inverse {
  background-color: #898989;
  background-image: -webkit-linear-gradient(#969696, #7d7d7d);
  background-image: linear-gradient(#969696, #7d7d7d);
  border-color: #888;
}
.dark .btn-inverse:hover,
.dark .btn-inverse:active,
.dark .btn-inverse.active {
  background-color: #7d7d7d;
}
.dark .btn-info {
  background-color: #49afcd;
  background-image: -webkit-linear-gradient(#5bc0de, #2f96b4);
  background-image: linear-gradient(#5bc0de, #2f96b4);
  border-color: #2f96b4;
}
.dark .btn-info:hover,
.dark .btn-info:active,
.dark .btn-info.active {
  background-color: #2f96b4;
}
.dark .btn-danger {
  background-color: #da4f49;
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(#ee5f5b, #bd362f);
  border-color: #bd362f #bd362f #802420;
}
.dark .btn-danger:hover,
.dark .btn-danger:active,
.dark .btn-danger.active {
  color: #fff;
  background-color: #bd362f;
}
.dark .nav .a {
  background-color: #414141;
}
.dark .nav .a:hover,
.dark .nav .active .a,
.dark .nav .active .a:hover {
  color: #fff;
  background-color: #08c;
  background-image: -webkit-linear-gradient(#08c, #0077b3);
  background-image: linear-gradient(#08c, #0077b3);
}
.dark .navbar-inner,
.dark .plan-header {
  background-color: #363636;
  background-image: -webkit-linear-gradient(#444, #292929);
  background-image: linear-gradient(#444, #292929);
  border-bottom-color: #030303;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.dark .modal-backdrop {
  background-color: #000;
}
.dark .modal {
  background-color: #444;
}
.dark .modal-header {
  border-bottom: 1px solid #222;
}
.dark .modal-footer {
  background-color: #333;
}
.dark .popover,
.dark .well {
  background-color: #444;
}
.dark .modal,
.dark .popover,
.dark .well {
  border: 1px solid #222;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.dark .label {
  background-color: #999;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.dark .label-info {
  background-color: #3a87ad;
}
.dark .progress {
  background-color: #111;
}
.dark .icon-white {
  color: #fff;
}
.dark .datepicker .day:hover,
.dark .datepicker span:hover {
  background: #444;
}
.dark .datepicker .old,
.dark .datepicker .new {
  color: #999;
}
.dark .datepicker .active,
.dark .datepicker .active:hover {
  background-color: #08c;
  color: #fff;
}
.dark .datepicker thead tr:first-child th:hover {
  background: #444;
}
.dark .item-color {
  box-shadow: 0 0 1px 1px #333;
}
.dark .slider .progress {
  border: 1px #000 solid;
}
.dark .slider-value span {
  border: 1px #222 solid;
  background-color: #555;
  color: #fff;
}
.dark .toggler {
  border: 1px solid #222;
}
.dark .toggler .btn-bg {
  background-color: #999;
}
.dark .toggler .btn-success {
  background-color: #5bb75b;
}
.dark .btn-color {
  border-color: #333;
}
.dark .menu {
  background-color: rgba(68, 68, 68, 0.9);
}
.dark .disabled .a,
.dark .disabled .a:hover,
.dark .disabled .a:active {
  background: #333 !important;
  color: #aaa;
}
.dark .navbar .current {
  color: #0081c2;
}
.dark .navbar .previous {
  color: #5bb75b;
}
.dark .navbar .separator {
  color: #999;
}
.dark.trends .sidebar,
.dark.schedulers .sidebar {
  background-color: #222;
}
.dark .sidebar-menu {
  border-right: 1px #333 solid;
}
.dark .sidebar-edit {
  border-left: 1px #333 solid;
}
.dark .sidebar-calendar {
  border-left: 1px #333 solid;
}
.dark .flotr-datagrid-container {
  background-color: #2f2f2f;
}
.touch .dark .nav {
  background-color: #444;
  border: 1px #333 solid;
}
.dark .modal-close {
  background-color: #000;
  border: 2px solid #fff;
  color: #fff;
}
.dark .overlay {
  background-color: #111;
}
.dark .control-list {
  background-color: #444;
  border: 1px solid #222;
}
.dark .control-item {
  border-top: 1px solid #222;
  background-color: #444;
}
.dark .control-item:active {
  background-color: #555;
}
.dark .control-item:nth-child(odd) {
  border-right: 1px solid #222;
}
.dark .control-value {
  color: #bbb;
}
.dark .control-inner {
  border-top: 1px #333 solid;
}
.dark .dygraph-legend,
.dark .flotr-legend {
  background-color: #444 !important;
}
.dark .flotr-labels,
.dark .flotr-legend-label,
.dark .dygraph-axis-label {
  color: #ccc;
}
.dark .flotr-legend {
  border: 1px #222 solid;
}
.dark .flotr-legend-color-box > div {
  border: 1px #555 solid;
}
.dark .flotr-grid-color {
  background-color: #555;
}