/* === OnsenUI overrides === */

/* ** ** ** ** ** ** ** ** ** */

/* ** ** ** ** ** ** ** ** ** */

/* ¡¡NATIVE STYLES OVERRIDE!! */

/* ** ** ** ** ** ** ** ** ** */

/* == Navigation bar styles override == */

textarea {
  font-family: -apple-system, 'Roboto', 'Noto', 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
}

.select-input {
  font-size: 1em;
}

.toolbar__title {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ** Spaces in lists ** */

.list.isolated {
  margin-top: 15px;
  border-bottom: 2px solid #ccc;
}

.page__background,
.page--material__background {
  background-color: #eae8e9;
}

/* Remove underbar in inputs. For example, on Android material when the
input is inside a list-item */

.input-nounderbar .text-input--material {
  background-image: none;
}

.input-nounderbar .select-input--material {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxMCA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c2VsZWN0LWFsbG93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InNlbGVjdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imlvcy1zZWxlY3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTguMDAwMDAwLCAtMTE0LjAwMDAwMCkiIGZpbGw9IiM3NTc1NzUiPgogICAgICAgICAgICA8ZyBpZD0ibWVudS1iYXItKy1vcGVuLW1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMy4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJtZW51LWJhciI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9InNlbGVjdC1hbGxvdyIgcG9pbnRzPSI3NSAxNCA4MCAxOSA4NSAxNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
}

/*Text placeholder text size responsive*/

.text-input__label {
  font-size: 1em;
}

/* <<¡¡NATIVE STYLES OVERRIDE!!>> */

/* ** ** ** ** ** ** ** ** ** */

/* ** ** ** ** ** ** ** ** ** */

/* Disable button */

.disabled {
  pointer-events: none;
  opacity: 0.4;
}

/* Display tour view modal as full page */

/* This is now unused, isnt it? */

.modal__tourView[isopen='true'] .modal__content .page[status-bar-fill]>.page__content {
  top: 0;
}

.modal__content {
  text-align: left;
}

.node-page .main-info,
.separated-box {
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
}

.node-page .main-info {
  margin-top: 5px;
}

.node-page .isolated-list-container {
  margin-top: 15px;
}

.node-page .main-info p {
  margin-top: 0;
  margin-bottom: 0;
  /* By default the navigator adds 15px of margin. */
}

.node-page .main-info:empty {
  /*border: none;*/
  display: none;
}

.node-page .padded-entry:first-child,
.node-page .padded-entry+.padded-entry {
  padding: 15px 15px 0;
}

.node-page .padded-entry:last-child {
  padding: 15px;
}

.node-page .padded-entry:only-child {
  padding: 15px;
}

.entities-list.isolated {
  border-bottom: 0;
}

.separated-box {
  margin-top: 15px;
}

.node-page .body p+p,
.entity.fixed .body p+p {
  margin-top: 0.75em;
}

/* Popover fix on iOS. */

.popover__container {
  position: relative;
}

/* Center carousel vertically when fullscreen */

ons-carousel[fullscreen] {
  margin: auto;
}

/* Avoid scroll when carousel is fullscreen */

.page.carousel-fullscreen .page__content {
  overflow: hidden;
}

.entities-list,
.entity-list:last-child {
  border: none;
}

.entities-list .entity+.entity {
  padding: 15px 0;
}

.entity.fixed {
  border-top: 1px solid #ccc;
  border-bottom: 3px solid #ccc;
  padding-bottom: 15px;
  background-color: #fff;
}

.entity.fixed .box-info {
  background: #fff;
}

.entity.fixed .body {
  padding: 15px 0 0;
}

.entity.fixed>ons-row:only-child {
  padding: 15px 0;
}

.entity.fixed .related-group {
  padding: 15px 0 0;
}

.entity .entity--address-row,
.entity .entity--booking-row {
  padding: 15px;
}

.entity .entity--audio-row {
  padding: 6px 15px 7px 5px;
}

.entity .entity--share-love-row {
  padding: 6px 15px 7px 10px;
}

.entity .entity--map-row {
  padding: 15px 0;
}

.entity .entity--imagecarousel-row {
  padding: 15px;
}

.entity .entity--tag-row {
  padding: 15px 15px 5px;
}

.entity .entity--body-row {
  padding: 0 15px;
}

.entity.fixed .body+.entity--booking-row,
.entity.fixed .body+.entity--address-row,
.entity.fixed .body+.entity--imagecarousel-row,
.entity.fixed .body+.entity--map-row,
.entity.fixed .body+.entity--tag-row {
  padding: 0 15px 15px;
}

.entity.fixed .padded-entry {
  padding: 0 15px;
}

.entity.fixed>ons-row:last-child {
  padding-bottom: 15px !important;
}

/* event added to calendar */

.toolbar-button.calendar-added,
.toolbar-button.alert-favourited {
  color: rgba(255, 193, 7, 0.81);
}

.toolbar-button.active {
  color: #5198db;
}

.toolbar--material .toolbar-button.active {
  color: #009688;
}

.page.events-page .toolbar__right.toolbar--material__right:not(:empty) {
  min-width: auto;
}

.page.events-page .toolbar__right:not(:empty):not(.toolbar--material__right) {
  width: 44%;
}

.page.events-page .toolbar__left:not(:empty):not(.toolbar--material__left) {
  width: 44%;
}

/*** Waterfall Events ***/

.page.waterfall .page__background {
  background-color: #ccc;
}

.waterfall .bucketColumn {
  background: #ccc;
}

/* Remove list borders as noborder modififer is not working with LazyList */

.list.bucketColumn {
  border: none;
}

/* Remove padding from calendar drop row */

.drop .list-item__center {
  padding: 0;
  align-items: baseline;
}

.drop.list-item {
  background: #fff;
}

/* vh fallback */

.waterfall--year {
  font-size: 34px;
}

.waterfall--month {
  font-size: 1.6rem;
}

.waterfall--day {
  font-size: 1.6rem;
}

@media (max-width: 370px) {
  .waterfall--month {
    font-size: 1.4rem;
  }

  .waterfall--day {
    font-size: 1.3rem;
  }
}

/*>> Waterfall Events <<*/

/* Calendar list events */

.calendar-event-list {
  background: #eae8e9;
  padding-bottom: 14px;
}

.calendar-event-list-container {
  background: #fff;
  border-top: 2px solid #ccc;
  border-bottom: 3px solid #ccc;
}

.calendar-event-list.with-tags,
.calendar-event-list.with-entity {}

.calendar-event-list+.calendar-event-list {}

.calendar-event-list .list-item__center:first-child {
  background-image: none;
}

.calendar-event-list.without-entity.without-tags {}

.calendar-event-list.without-entity.without-tags .list-item__center,
.calendar-event-list.without-entity.without-tags .list-item--chevron:before {
  background-image: none;
}

.calendar-event-list .entity-item {
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-image: -webkit-linear-gradient(90deg, #ccc, #ccc 50%, transparent 0);
  background-image: -webkit-linear-gradient(bottom, #ccc, #ccc 50%, transparent 0);
  background-image: linear-gradient(0deg, #ccc, #ccc 50%, transparent 0);
}

/*>> Calendar list events <<*/

/*** List animation ***/

.slide-fade-row-enter {
  opacity: 0.01;
}

.slide-fade-row-enter.slide-fade-row-enter-active {
  opacity: 1;
  transition: opacity 0.4s ease-in;
}

.slide-fade-row-leave {
  opacity: 1;
}

.slide-fade-row-leave.slide-fade-row-leave-active {
  opacity: 0.01;
  transition: opacity 0.08s ease-in;
}

/*>> List animation <<*/

/* >> List footer padding */

.list .list__footer {
  padding: 15px;
}

.list.list--material .list__footer {
  padding: 8px 16px;
}

/* << End list footer padding */

/* Patch OnsenUI List.
	Remove this patch when the bug get fixed.
*/

.list-item--mylongdivider {
  border-bottom: 1px solid #ccc;
  border-bottom: none;
  -webkit-background-size: 100% 1px;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-image: -webkit-linear-gradient(90deg, #ccc, #ccc 100%);
  background-image: -moz-linear-gradient(90deg, #ccc, #ccc 100%);
  background-image: -o-linear-gradient(90deg, #ccc, #ccc 100%);
  background-image: linear-gradient(0deg, #ccc, #ccc 100%);
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .list-item--mylongdivider {
    background-image: -webkit-linear-gradient(90deg, #ccc, #ccc 50%, transparent 50%);
    background-image: -moz-linear-gradient(90deg, #ccc, #ccc 50%, transparent 50%);
    background-image: -o-linear-gradient(90deg, #ccc, #ccc 50%, transparent 50%);
    background-image: linear-gradient(0deg, #ccc, #ccc 50%, transparent 50%);
  }
}

/* End patch OnsenUI List*/

.page.carousel-fullscreen .page__background {
  background-color: #000;
  -webkit-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}

.quicklinks--page .toolbar__right {
  min-width: 118px;
}

/* .alertPage .toolbar__right {
  min-width: 137px;
} */

.alerts--list .list-item__center {
  height: 100%;
  width: 100%;
  padding: 0;
}

.alerts--list .item__body {
  max-height: 80;
  max-height: -webkit-calc(1.2em * 3);
  max-height: calc(1.2em * 3);
}

.incidences-page .text-input,
.user-page .text-input {
  font-size: 1em;
  width: inherit;
}

.incidences-page ons-select {
  width: 100%;
  display: flex;
}

.incidences-page .select-input {
  flex: 1;
}

.incidences-page .select-input--material {
  background-image: none;
}

.takephoto-container {
  background-color: #bbb;
}

#splashscreen,
#tour {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 20000;
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
}

#tour {
  z-index: 19990;
  display: none;
}

@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0.5;
  }

  to {
    opacity: 1;
  }
}

.appointments-list .date.highlighted {
  font-weight: bold;
  color: #00c5cc;
}

.appointments-list .date.depreciated {
  /*font-weight: bold;*/
  color: #ababab;
}

#survey-panel-container .table-view {
  background-color: #f2f2f2;
}

#slotPicker-panel .icon:before {
  font-family: Ratchicons;
}

#survey-panel-container .table-view {
  background-color: #f2f2f2;
}

#slotPicker-panel .icon:before {
  font-family: Ratchicons;
}

.slot-table-view .table-view-cell {
  padding: 21px 65px 21px 15px;
}

.slot-table-view .table-view-cell>a:not(.btn) {
  margin: -21px -65px -21px -15px;
}

::-webkit-input-placeholder {
  color: #aaa;
}

.slot-pill {
  background-color: #262d35;
}

.Tappable-active.slot-pill {
  background-color: rgba(0, 0, 0, 0.7);
}

.sidebar .page__background {
  background-color: #575757;
}

.sidebar .table-view-cell {
  background-color: #575757;
}

.zoomTouchableArea:after {
  content: '';
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
}

.player-controls input[type='range']::-webkit-slider-thumb:not(.range--material) {
  width: 20px;
  height: 20px;
  background-color: #272727;
  border-color: #202020;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 1px 3px 5px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  -webkit-appearance: none;
}

.player-controls input[type='range']::-webkit-slider-thumb:after {
  /* create a larger (but hidden) hit area */
  position: absolute;
  top: -20px;
  left: -20px;
  padding: 30px;
  content: ' ';
}

/* === Leaflet styles override === */

/* Pop up */

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background-color: rgba(0, 0, 0, 0.8);
}

.leaflet-popup-content-wrapper {
  border-radius: 4px;
  color: #fff;
}

.leaflet-popup-content {
  margin: 4px 8px;
  text-align: center;
}

.leaflet--marker-text {
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

.leaflet-pane.leaflet-marker-pane .lock-icon svg {
  fill: #fff;
}

/* === Entities Map === */

.map-filter-category-list::-webkit-scrollbar-track,
.map-filter-category-list::-webkit-scrollbar-thumb,
.map-filter-category-list::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0 !important;
  height: 0 !important;
}

/* === Search bar overrides === */

.region-toolbar-search .region-searchbar {
  background-color: #ccc;
}

.region-searchbar .searchbar-search-icon {
  color: #fff;
}

.region-searchbar .searchbar-input {
  color: #fff;
}

.region-searchbar .searchbar-input::-webkit-input-placeholder {
  color: #999;
}

/* === Rich Menu styles === */

.rich-menu .list-item {
  padding: 0;
}

.rich-menu .list-item__center {
  padding: 0;
}

.rich-menu .list-item:first-child {
  box-shadow: none;
}

.rich-menu .list:first-child {
  border-bottom: 1px solid #ccc;
}

.rich-menu .list+.list {
  border-bottom: 1px solid #ccc;
}

.rich-menu .list-item--chevron:before {
  content: initial;
}

.rich-menu .list .list {
  border-bottom: none;
}

.rich-menu .list+.list>.list-item {
  border-top: 0;
}

.rich-menu .list-item:first-child:not(:last-child) {
  border-top: 1px solid #ccc;
}

.rich-menu .depth-0 .list {
  background-color: #f4f2f3;
}

.rich-menu .depth-1 .list {
  background-color: #e7e7e7;
}

/* === Misc styles === */

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;
    top: -1px;
    z-index: 33333;
  }
}

.list-header {
  /* bg color from .page__background */
  background: #eae8e9;
}

.taxonomy-carousel::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

.taxonomy-carousel::-webkit-scrollbar-thumb {
  background: transparent;
}

.taxonomy-carousel .taxonomy-button::after {
  display: block;
  content: attr(datatitle);
  font-weight: bold;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}

.draggable-item-container {
  /*will-change: transform;*/
  position: absolute;
  pointer-events: auto;
  transform-origin: 50% 50% 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #fff;
}

.table-box+.table-box {
  margin-top: 25px;
}

.table-box tbody::after {
  content: '';
  display: block;
  height: 15px;
}

.table-box tbody th::after {
  content: '';
  border-bottom: 2px solid rgb(204, 204, 204);
}

.table td {
  padding: 8px;
}

.segementedcontrol .container {
  background-image: linear-gradient(0deg, #ddd, #ddd 100%);
}

.segementedcontrol .container:last-child {
  background-image: none;
}

.segementedcontrol .control {
  color: rgb(143, 143, 143);
}

.segementedcontrol .control.active {
  color: #000;
  background-color: #E2E2E3;
}

/* Admin styles */

.page.admin .toolbar {
  background-color: rebeccapurple;
}

.page.admin .toolbar--material__center,
.page.admin .toolbar--material__left,
.page.admin .toolbar--material__right,
.page.admin .toolbar__left,
.page.admin .toolbar__title,
.page.admin .toolbar__right {
  color: #fff;
}

.page.admin .back-button__icon,
.page.admin .toolbar-button,
.page.admin .back-button {
  color: #fff;
  fill: #fff;
}

.page.admin .toolbar .segment__button:not(.segment--material__button) {
  color: #fff;
  border: 1px solid #fff;
}

.page.admin :checked+.segment__button:not(.segment--material__button) {
  background-color: #fff;
  color: #000;
}

.horizontal-divider {
  background-image: linear-gradient(#ccc, #ccc), linear-gradient(#ccc, #ccc);
  background-size: 100% 1px, 100% 1px;
  background-repeat: no-repeat;
  background-position: bottom, top;
  background-color: #fff;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx),
(min-resolution: 192dpi) {

  .list-item--material__center,
  .list-item--material__left:empty {
    background-image: linear-gradient(0deg, #eee, #eee 50%, rgba(0, 0, 0, 0.2) 0);
  }

  .list-item--material__right {
    background-image: linear-gradient(0deg, #eee, #eee 50%, rgba(0, 0, 0, 0.2) 0);
  }
}

.entities-map-page .leaflet-bottom.leaflet-right .leaflet-control {
  margin-bottom: 40px;
}

/* form a {
  color: inherit;
} */

iframe {
  width: 100%;
}


html[onsflag-iphonex-portrait] .dialog .toolbar,
html[onsflag-iphonex-portrait] .modal .toolbar,
html[onsflag-iphonex-portrait] .tabbar--top__content .toolbar,
html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content .toolbar {
  top: 0;
  -webkit-box-sizing: initial;
  box-sizing: initial;
  padding-top: 44px;
}

html[onsflag-iphonex-portrait] .dialog .bottom-bar,
html[onsflag-iphonex-portrait] .modal .bottom-bar,
html[onsflag-iphonex-portrait] .page-with-bottom-toolbar>.page__content .bottom-bar,
html[onsflag-iphonex-portrait] .tabbar__content:not(.tabbar--top__content) .bottom-bar {
  bottom: 0;
  -webkit-box-sizing: initial;
  box-sizing: initial;
  padding-bottom: 34px;
}

@media (orientation: portrait) {
  html[onsflag-iphonex-portrait] .modal .toolbar:not(.toolbar--cover-content)+.page__background+.page__content {
    top: 88px;
  }
}

/* .toolbar .right {
  min-width: auto;
  max-width: none;
} */