/**
 * Framework7 Twitter Dark Mode 1.0
 * Complete New Theme for Framework7 to bring a Dark Mode that looks like the native twitter app dark mode!
 *
 *
 * https://s0n1c.tk/TDM/
 *
 * Copyright 2016, @S0n1c_Dev
 * S0n1c
 * https://s0n1c.tk/
 *
 * Licensed under MIT
 *
 * Released on: August, 2016
 *
 *
 * simple colors
 *
 * #c4d2e7 = page content
 *
 * #8b9dc3 = all items
 *
 * #3b5998 = nav and tab
 */

.layout-FBM .body {
background-color: #c4d2e7;
}

.layout-FBM .navbar,
.navbar.layout-FBM,
.layout-FBM .subnavbar,
.subnavbar.layout-FBM {
  background-color: #3b5998 !important;
  color: #fff;
}
.layout-FBM .navbar:after,
.navbar.layout-FBM:after,
.layout-FBM .subnavbar:after,
.subnavbar.layout-FBM:after {
  background-color: #3b5998;
}
.layout-FBM .toolbar,
.toolbar.layout-FBM {
  background-color: #3b5998;
  color: #fff;
}
.layout-FBM .toolbar:before,
.toolbar.layout-FBM:before {
  background-color: #3b5998;
}
.layout-FBM .picker-modal .toolbar {
  background-color: #3b5998;
}
.layout-FBM .popover .picker-modal .toolbar {
  background: none;
}
.layout-FBM .picker-calendar-week-days {
  color: #fff;
  background-color: #c4d2e7;
}
.layout-FBM .popover .picker-modal .picker-center-highlight:before,
.layout-FBM .picker-modal.picker-modal-inline .picker-center-highlight:before {
  background-color: #c4d2e7;
}
.layout-FBM .popover .picker-modal .picker-center-highlight:after,
.layout-FBM .picker-modal.picker-modal-inline .picker-center-highlight:after {
  background-color: #c4d2e7;
}
.layout-FBM .popover .picker-modal .picker-item.picker-selected,
.layout-FBM .picker-modal.picker-modal-inline .picker-item.picker-selected {
  color: #fff;
}
.layout-FBM .popover .picker-modal .picker-calendar-week-days,
.layout-FBM .picker-modal.picker-modal-inline .picker-calendar-week-days {
  color: #fff;
}
.layout-FBM .popover .picker-modal .picker-calendar-day,
.layout-FBM .picker-modal.picker-modal-inline .picker-calendar-day {
  color: #fff;
}
.layout-FBM .popover .picker-modal .picker-calendar-day.picker-calendar-day-prev,
.layout-FBM .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-prev,
.layout-FBM .popover .picker-modal .picker-calendar-day.picker-calendar-day-next,
.layout-FBM .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-next {
  color: #777;
}
.layout-FBM .popover .picker-modal .picker-calendar-day.picker-calendar-day-disabled,
.layout-FBM .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-disabled {
  color: #555;
}
.layout-FBM .popover .picker-modal .picker-calendar-day.picker-calendar-day-today span,
.layout-FBM .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-today span {
  background: #c4d2e7;
}
.layout-FBM .popover .picker-modal .picker-calendar-day.picker-calendar-day-has-events span:after,
.layout-FBM .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-has-events span:after {
  background: #c4d2e7;
}
.layout-FBM .popover .picker-modal .picker-calendar-week-days:after,
.layout-FBM .picker-modal.picker-modal-inline .picker-calendar-week-days:after,
.layout-FBM .popover .picker-modal .picker-calendar-row:after,
.layout-FBM .picker-modal.picker-modal-inline .picker-calendar-row:after {
  background-color: #c4d2e7;
}
.layout-FBM .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
.layout-FBM .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
.layout-FBM .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before,
.layout-FBM .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
  background-color: #c4d2e7;
}
.layout-FBM .popover .picker-modal .toolbar:after {
  background-color: #c4d2e7;
}
.layout-FBM .photo-browser .navbar,
.layout-FBM .views .view[data-page="photo-browser-slides"] .navbar,
.layout-FBM .photo-browser .toolbar,
.layout-FBM .views .view[data-page="photo-browser-slides"] .toolbar {
  color: #000;
  background: rgba(247, 247, 247, 0.95);
}
.layout-FBM .photo-browser-dark .navbar,
.layout-FBM .photo-browser-dark .toolbar {
  background: rgba(30, 30, 30, 0.8);
  color: #fff;
}
.layout-FBM .tabbar a:not(.active) {
  color: #fff;
}
.layout-FBM .page,
.layout-FBM .login-screen-content,
.layout-FBM .popup,
.page.layout-FBM,
.layout-FBM .panel,
.panel.layout-FBM {
  background-color: #c4d2e7;
  color: #ddd;
}
.layout-FBM .content-block-title {
  color: #fff;
}
.layout-FBM .content-block,
.content-block.layout-FBM {
  color: #bbb;
}
.layout-FBM .content-block-inner {
  background: #8b9dc3;
  color: #ddd;
}
.layout-FBM .content-block-inner:before {
  background-color: #393939;
}
.layout-FBM .content-block-inner:after {
  background-color: #393939;
}
.layout-FBM .list-block ul,
.list-block.layout-FBM ul {
  background: #8b9dc3;
}
.layout-FBM .list-block ul:before,
.list-block.layout-FBM ul:before {
  background-color: #393939;
}
.layout-FBM .list-block ul:after,
.list-block.layout-FBM ul:after {
  background-color: #393939;
}
.layout-FBM .list-block.inset ul,
.list-block.layout-FBM.inset ul {
  background: #8b9dc3;
}
.layout-FBM .list-block.notifications > ul,
.list-block.layout-FBM.notifications > ul {
  background: none;
}
.layout-FBM .autocomplete-dropdown {
  background: #1c1d1f;
}
.layout-FBM .autocomplete-dropdown .list-block b {
  color: #fff;
}
.layout-FBM .card {
  background: #8b9dc3;
}
.layout-FBM .card-header:after {
  background-color: #8b9dc3;
  color: #fff;
}
.layout-FBM .card-footer {
  color: #fff;
}
.layout-FBM .card-footer:before {
  background-color: #8b9dc3;
}
.layout-FBM .popover,
.popover.layout-FBM {
  background: rgba(0, 0, 0, 0.8);
}
.layout-FBM .popover .popover-angle:after,
.popover.layout-FBM .popover-angle:after {
  background: rgba(0, 0, 0, 0.8);
}
.layout-FBM .popover .list-block ul,
.popover.layout-FBM .list-block ul {
  background: none;
}
.layout-FBM .actions-popover .list-block ul:before {
  background-color: #393939;
}
.layout-FBM .actions-popover .list-block  ul:after {
  background-color: #393939;
}
.layout-FBM .actions-popover .actions-popover-label:after {
  background-color: #393939;
}
.layout-FBM li.sorting {
  background-color: #29292f;
}
.layout-FBM .swipeout-actions-left a,
.layout-FBM .swipeout-actions-right a {
  background-color: #444;
}
.layout-FBM .item-inner:after,
.layout-FBM .list-block ul ul li:last-child .item-inner:after {
  background-color: #393939;
}
.layout-FBM .item-after {
  color: #bbb;
}
html:not(.watch-active-state) .layout-FBM .item-link:active,
html:not(.watch-active-state) .layout-FBM label.label-checkbox:active,
html:not(.watch-active-state) .layout-FBM label.label-radio:active,
.layout-FBM .item-link.active-state,
.layout-FBM label.label-checkbox.active-state,
.layout-FBM label.label-radio.active-state {
  background-color: #29292f;
}
.layout-FBM .item-link.list-button:after {
  background-color: #393939;
}
.layout-FBM .list-block-label {
  color: gray;
}
.layout-FBM .item-divider,
.layout-FBM .list-group-title {
  background: #c4d2e7 !important;
  color: #fff !important;
}
.layout-FBM .item-divider:before,
.layout-FBM .list-group-title:before {
  background-color: #393939;
}
.layout-FBM .searchbar {
  background: #8b9dc3;
}
.layout-FBM .searchbar:after {
  background-color: #8b9dc3;
}
.layout-FBM .list-block input[type="text"],
.list-block.layout-FBM input[type="text"],
.layout-FBM .list-block input[type="password"],
.list-block.layout-FBM input[type="password"],
.layout-FBM .list-block input[type="email"],
.list-block.layout-FBM input[type="email"],
.layout-FBM .list-block input[type="tel"],
.list-block.layout-FBM input[type="tel"],
.layout-FBM .list-block input[type="url"],
.list-block.layout-FBM input[type="url"],
.layout-FBM .list-block input[type="date"],
.list-block.layout-FBM input[type="date"],
.layout-FBM .list-block input[type="datetime-local"],
.list-block.layout-FBM input[type="datetime-local"],
.layout-FBM .list-block input[type="number"],
.list-block.layout-FBM input[type="number"],
.layout-FBM .list-block select,
.list-block.layout-FBM select,
.layout-FBM .list-block textarea,
.list-block.layout-FBM textarea {
  color: #fff;
}
.layout-FBM .label-switch .checkbox {
  background-color: #3b5998 !important;
}
.layout-FBM .label-switch .checkbox:before {
  background-color: #1c1d1f;
}
.layout-FBM .range-slider input[type="range"]:after {
  background: #1c1d1f;
}
.layout-FBM .range-slider input[type="range"]::-ms-thumb {
  border: none;
}

.layout-FBM .modal-inner {
	background-color: #3b5998;
	color: white;
}
.layout-FBM .modal-button  {
	background-color: #3b5998;
}
.layout-FBM .modal-text-input {
	background-color: #c4d2e7;
	color: white;
}

.layout-FBM .button {
	margin-left: 20%;
	margin-right: 20%

}

.layout-FBM .button .button-fill {
	background: #3b5998 !important;
	color: #a2b0c2 !important;
	border: none !important;
}

.layout-FBM .searchbar input[type="search"] {
	background-color: #c4d2e7;
	color: white;
}