body {
  color: #34495e; }

h1, h2 {
  font-size: 1.5em;
  margin: 0 0 16px 0; }

a {
  color: #358ed7;
  cursor: pointer; }

a:hover {
  text-decoration: none; }

.text-disable {
  font-style: italic; }

.btn-outline-primary {
  color: #358ed7 !important;
  border: 1px solid #358ed7; }

.btn-outline-primary:hover {
  color: #fff !important;
  border: 1px solid #358ed7;
  background: #358ed7; }

.btn-primary {
  background: #358ed7;
  border: 1px solid #358ed7; }

.btn-primary:hover {
  background: #2F6B9B;
  border: 1px solid #2F6B9B; }

.table {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd; }

.table td, .table th {
  vertical-align: middle;
  border-top: 1px solid #ddd; }

.table thead th {
  border-bottom: 1px solid #ddd; }

.table thead th.sorting {
  color: #358ed7; }

.table-striped tbody tr:nth-of-type(odd) {
  background: #fff; }

.table-striped tbody tr:nth-of-type(even) {
  background: #f6f6f6; }

.table-striped th {
  background: #fff;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #ddd; }

.page-link {
  border: none;
  color: #358ed7;
  padding: .2rem .6rem;
  margin: 0 .2rem;
  border-radius: 2px; }

.page-item.active .page-link {
  background: #358ed7; }

.form-box {
  border: 1px solid #ddd;
  padding: 16px;
  margin-bottom: -1px; }
  .form-box .form-group {
    max-width: 600px; }
    .form-box .form-group .form-check-label {
      font-weight: bold;
      margin-bottom: 8px; }

.form-box:nth-of-type(even) {
  background: #f6f6f6; }

.funliday-logo {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/logo-funliday-white.png) no-repeat;
  background-size: 100%;
  margin-right: 8px;
  position: relative;
  top: 0.2em; }

/*-------------- sidebar --------------*/
#sidebar {
  width: 250px;
  position: fixed;
  top: 0;
  left: -250px;
  height: 100vh;
  height: 100dvh;
  z-index: 9999;
  background: #3D5B74;
  color: #fff;
  overflow-y: auto; }
  #sidebar .toggle span {
    padding: 2px 8px;
    margin: 0 8px;
    display: inline-block;
    cursor: pointer; }
  #sidebar .toggle.dev span.dev {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px; }
  #sidebar .toggle.production span.production {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px; }

#sidebar.active {
  left: 0; }

.navbar {
  display: block;
  padding: 0;
  overflow: hidden;
  margin-bottom: 40px;
  text-align: center;
  position: relative; }
  .navbar button {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2em; }
  .navbar button {
    color: #666;
    margin-right: 8px;
    padding: 12px 8px;
    line-height: 1; }
  .navbar button:hover {
    color: #333; }
  .navbar h3 {
    line-height: 1.25; }
    .navbar h3 .funliday-logo {
      background: #3D5B74 url(../images/logo-funliday-white.png) no-repeat center center;
      background-size: 80%;
      border-radius: 4px; }
    .navbar h3 a {
      color: #3D5B74; }

@media (min-width: 768px) {
  #sidebar.active {
    left: 0; }
  html.sidebar-active .navbar {
    display: none; } }

#dismiss {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  display: block;
  border-radius: .25rem; }

#dismiss:hover {
  background: #fff;
  color: #7386D5; }

#sidebar .sidebar-header {
  padding: 16px;
  text-align: center; }
  #sidebar .sidebar-header a {
    color: #fff; }

#sidebar ul p {
  color: #fff;
  padding: 8px; }

#sidebar ul li a {
  padding: 8px 16px;
  display: block;
  color: #fff; }

#sidebar ul li a:hover {
  background: rgba(255, 255, 255, 0.1); }

#sidebar ul li.active > a, a[aria-expanded="true"] {
  color: #fff;
  background: rgba(255, 255, 255, 0.1); }

#sidebar ul li a i {
  display: inline-block;
  width: 24px;
  text-align: center; }

#sidebar ul li {
  position: relative; }

#sidebar ul li .set-default-page {
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s;
  color: rgba(255, 255, 255, 0.4); }

#sidebar ul li:hover .set-default-page {
  opacity: 1; }

#sidebar ul li .set-default-page:hover {
  color: #fff; }

#sidebar ul li .set-default-page.is-default {
  opacity: 1;
  color: #ffc107; }

a[data-toggle="collapse"] {
  position: relative; }

#content {
  width: 100%;
  padding: 16px;
  min-height: 100vh;
  position: absolute;
  top: 0;
  right: 0; }

@media (min-width: 768px) {
  html.sidebar-active #content {
    padding-left: 266px; } }

.overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  transition: all 0.5s ease-in-out; }

.overlay.active {
  display: block;
  opacity: 1; }

html.sidebar-active .overlay {
  z-index: 9998; }

@media (min-width: 768px) {
  .overlay.active {
    display: none; } }

/*-------------- overview --------------*/
html.overview .overview-box {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center; }
  html.overview .overview-box h2 {
    text-align: left;
    height: 2em; }
  html.overview .overview-box a {
    font-size: 6em; }
  html.overview .overview-box p {
    height: 32px; }

/*-------------- review --------------*/
html.review #language, html.edit #language, html.new-places-review #language {
  width: 160px; }

html.review .location .form-group, html.edit .location .form-group, html.new-places-review .location .form-group {
  max-width: 100%; }

html.review .location-map, html.edit .location-map, html.new-places-review .location-map {
  width: 100%;
  height: 400px;
  background: #ddd;
  position: relative; }
  html.review .location-map #location-map-content, html.edit .location-map #location-map-content, html.new-places-review .location-map #location-map-content {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

html.review .modal-body .location-map, html.edit .modal-body .location-map, html.new-places-review .modal-body .location-map {
  height: 200px; }

html.review .modal-body .open-hours, html.review .modal-body p, html.edit .modal-body .open-hours, html.edit .modal-body p, html.new-places-review .modal-body .open-hours, html.new-places-review .modal-body p {
  font-size: 80%;
  color: #6c757d; }

html.review .modal-body label, html.edit .modal-body label, html.new-places-review .modal-body label {
  font-weight: bold; }

html.review #suggested-tel-value, html.edit #suggested-tel-value, html.new-places-review #suggested-tel-value {
  width: auto;
  display: inline-block; }

html.review ul.open-hours, html.edit ul.open-hours, html.new-places-review ul.open-hours {
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
  font-style: italic; }
  html.review ul.open-hours .open-hours-day, html.edit ul.open-hours .open-hours-day, html.new-places-review ul.open-hours .open-hours-day {
    display: inline-block;
    width: 100px; }

html.review p.title, html.edit p.title, html.new-places-review p.title {
  font-weight: bold;
  margin-bottom: 0; }

html.review .review-form, html.edit .review-form, html.new-places-review .review-form {
  margin-bottom: 80px; }

html.review .open-hours-list-day, html.edit .open-hours-list-day, html.new-places-review .open-hours-list-day {
  margin-top: 16px;
  border-bottom: 1px solid #ddd;
  position: relative; }
  html.review .open-hours-list-day .open-hours-time-row, html.edit .open-hours-list-day .open-hours-time-row, html.new-places-review .open-hours-list-day .open-hours-time-row {
    margin-bottom: 8px; }
  html.review .open-hours-list-day .open-hours-input, html.edit .open-hours-list-day .open-hours-input, html.new-places-review .open-hours-list-day .open-hours-input {
    width: 140px;
    text-align: center;
    display: inline-block; }
  html.review .open-hours-list-day .open-hours-time-remove, html.edit .open-hours-list-day .open-hours-time-remove, html.new-places-review .open-hours-list-day .open-hours-time-remove {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.2);
    margin-left: 4px; }
  html.review .open-hours-list-day .open-hours-time-remove:hover, html.edit .open-hours-list-day .open-hours-time-remove:hover, html.new-places-review .open-hours-list-day .open-hours-time-remove:hover {
    color: rgba(0, 0, 0, 0.6); }
  html.review .open-hours-list-day .form-check-label, html.edit .open-hours-list-day .form-check-label, html.new-places-review .open-hours-list-day .form-check-label {
    font-weight: normal; }
  html.review .open-hours-list-day p.title, html.edit .open-hours-list-day p.title, html.new-places-review .open-hours-list-day p.title {
    margin-bottom: 8px; }
  html.review .open-hours-list-day .open-hours-time-row, html.review .open-hours-list-day p.open-hours-time-add, html.review .open-hours-list-day .form-check, html.edit .open-hours-list-day .open-hours-time-row, html.edit .open-hours-list-day p.open-hours-time-add, html.edit .open-hours-list-day .form-check, html.new-places-review .open-hours-list-day .open-hours-time-row, html.new-places-review .open-hours-list-day p.open-hours-time-add, html.new-places-review .open-hours-list-day .form-check {
    margin-left: 16px; }
  html.review .open-hours-list-day .open-hours-time-add, html.edit .open-hours-list-day .open-hours-time-add, html.new-places-review .open-hours-list-day .open-hours-time-add {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #358ed7;
    cursor: pointer; }

html.review .toggle-edit-open-hours, html.edit .toggle-edit-open-hours, html.new-places-review .toggle-edit-open-hours {
  float: right;
  font-size: 14px;
  color: #358ed7;
  cursor: pointer; }

html.review .form-btns, html.edit .form-btns, html.new-places-review .form-btns {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  margin: 0;
  box-sizing: 100%;
  padding: 16px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  z-index: 500; }
  html.review .form-btns .btn, html.edit .form-btns .btn, html.new-places-review .form-btns .btn {
    margin-right: 16px; }
  html.review .form-btns .btn:last-child, html.edit .form-btns .btn:last-child, html.new-places-review .form-btns .btn:last-child {
    margin-right: 0; }

html.review-places form {
  margin-bottom: 80px; }

html.review-places .nav-tabs {
  margin-bottom: 16px; }

html.review-places .language-tabs .nav-link {
  color: #358ed7; }

html.review-places .language-tabs .nav-link.active {
  color: #34495e; }

html.review-places #suggested-website-value, html.review-places #suggested-facebook-value, html.review-places #suggested-twitter-value {
  margin-bottom: 16px; }

html.review-places .form-btns {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  margin: 0;
  box-sizing: 100%;
  padding: 16px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  z-index: 500; }
  html.review-places .form-btns .btn {
    margin-right: 16px; }
  html.review-places .form-btns .btn:last-child {
    margin-right: 0; }

/*-------------- new-places-review --------------*/
html.new-places-review .btn-primary.btn-lg {
  margin-bottom: 40px; }

/*-------------- search-log --------------*/
html.search-log .header {
  position: relative;
  z-index: 500;
  top: 0;
  background: #fff;
  padding-top: 16px;
  width: 100%; }

html.search-log .table-search-log {
  margin-top: 0; }
  html.search-log .table-search-log thead, html.search-log .table-search-log tbody, html.search-log .table-search-log tr, html.search-log .table-search-log td, html.search-log .table-search-log th {
    display: block;
    width: 100%;
    overflow: hidden; }
  html.search-log .table-search-log tbody {
    height: 600px;
    overflow-y: auto; }
    html.search-log .table-search-log tbody th, html.search-log .table-search-log tbody td {
      float: left;
      overflow: hidden; }
  html.search-log .table-search-log thead th, html.search-log .table-search-log thead td {
    float: left;
    overflow: hidden; }

html.search-log .location-map {
  width: 100%;
  height: 200px;
  background: #ddd;
  top: auto;
  bottom: 0;
  right: 0; }
  html.search-log .location-map #location-map-content {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

html.search-log table a {
  color: #358ed7 !important; }

html.search-log table a.google {
  background: #358ed7;
  color: #fff !important;
  margin-right: 4px;
  border-radius: 4px;
  padding: 2px 4px; }

@media (min-width: 768px) {
  html.search-log .location-map {
    width: calc( 50% - 144px);
    height: 600px;
    top: 114px;
    right: 16px;
    position: fixed; } }

/*-------------- heatmap --------------*/
html.heatmap .nav-tabs {
  margin-bottom: 16px; }

html.heatmap .search-date .form-group {
  display: inline-block; }
  html.heatmap .search-date .form-group .btn-primary {
    margin-left: 8px;
    position: relative;
    top: -2px; }

html.heatmap .search-date span {
  margin: 0 8px;
  text-align: center;
  line-height: 36px; }

html.heatmap #heatmap-area-map, html.heatmap #heatmap-attraction-map {
  width: 100%;
  height: 600px;
  background: #ccc; }

/*-------------- attractions --------------*/
html.attractions .btn-primary.btn-lg {
  margin-bottom: 40px; }

html.attractions .nav-tabs {
  margin-bottom: 40px; }

html.attractions .language-tabs {
  margin-bottom: 16px; }
  html.attractions .language-tabs .nav-link {
    color: #358ed7; }
  html.attractions .language-tabs .nav-link.active {
    color: #34495e; }

html.attractions .form-inline {
  margin-bottom: 40px; }
  html.attractions .form-inline .btn {
    margin-right: 4px; }

html.attractions .form-group {
  margin-bottom: 0;
  margin-right: 8px; }

html.attractions .attraction-form {
  margin-bottom: 80px; }

html.attractions .segmentation-list {
  overflow: hidden;
  margin: 16px 0 0 0;
  padding: 0; }
  html.attractions .segmentation-list li {
    list-style: none;
    float: left;
    background: #fff;
    border: #ccc 1px solid;
    padding: 2px 8px;
    border-radius: 2px;
    margin-right: 4px;
    margin-bottom: 4px;
    font-size: 14px; }
    html.attractions .segmentation-list li i {
      color: #34495e;
      padding: 4px;
      transform: scale(0.8); }

html.attractions .form-btns {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  margin: 0;
  box-sizing: 100%;
  padding: 16px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }

html.attractions .original-name {
  font-size: 14px;
  color: #6c757d; }

html.attractions #suggested-website-value, html.attractions #suggested-facebook-value, html.attractions #suggested-twitter-value {
  margin-bottom: 16px; }

html.attractions #attractions-map {
  width: 100%;
  height: 600px;
  background: #ccc;
  position: relative; }
  html.attractions #attractions-map .leaflet-right {
    width: 100%; }
  html.attractions #attractions-map .btn-primary {
    position: absolute;
    top: 0;
    right: 0; }

html.attractions-new form {
  margin-bottom: 8em; }

html.attractions-new .form-box .form-group {
  max-width: 100%; }

html.attractions-new .location-map {
  width: 100%;
  height: 400px;
  background: #ddd;
  position: relative; }
  html.attractions-new .location-map #location-map-content {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

html.attractions-new .btns .btn-outline-primary {
  margin-right: 16px; }

/*-------------- review-photos --------------*/
html.review-photos .photo-review-form {
  margin-bottom: 80px; }
  html.review-photos .photo-review-form img {
    max-width: 600px; }

/*-------------- discover --------------*/
html.discover .discover-preview {
  width: 375px;
  border: 1px solid #ccc;
  float: left;
  margin-right: 32px; }
  html.discover .discover-preview section.hero .discover-preview-title, html.discover .discover-preview section.grid .discover-preview-title, html.discover .discover-preview section.add .discover-preview-title {
    padding: 8px 16px;
    background: #f4f4f4;
    overflow: hidden;
    line-height: 1; }
    html.discover .discover-preview section.hero .discover-preview-title h4, html.discover .discover-preview section.grid .discover-preview-title h4, html.discover .discover-preview section.add .discover-preview-title h4 {
      font-size: 16px;
      margin: 0;
      font-weight: bold;
      float: left; }
      html.discover .discover-preview section.hero .discover-preview-title h4 a.add-grid, html.discover .discover-preview section.grid .discover-preview-title h4 a.add-grid, html.discover .discover-preview section.add .discover-preview-title h4 a.add-grid {
        color: #34495e; }
    html.discover .discover-preview section.hero .discover-preview-title a, html.discover .discover-preview section.grid .discover-preview-title a, html.discover .discover-preview section.add .discover-preview-title a {
      float: right; }
  html.discover .discover-preview section.hero a.edit-entry, html.discover .discover-preview section.grid a.edit-entry, html.discover .discover-preview section.add a.edit-entry {
    text-align: right;
    display: block;
    margin-bottom: 1em; }
  html.discover .discover-preview section.hero .discover-preview-content {
    padding: 16px; }
    html.discover .discover-preview section.hero .discover-preview-content .hero-list {
      color: #000; }
      html.discover .discover-preview section.hero .discover-preview-content .hero-list ul {
        margin: 0;
        padding: 0; }
        html.discover .discover-preview section.hero .discover-preview-content .hero-list ul li {
          list-style: none;
          margin-bottom: 16px; }
        html.discover .discover-preview section.hero .discover-preview-content .hero-list ul li:last-child {
          margin-bottom: 0; }
      html.discover .discover-preview section.hero .discover-preview-content .hero-list .user-info {
        margin-bottom: 8px;
        overflow: hidden; }
        html.discover .discover-preview section.hero .discover-preview-content .hero-list .user-info .user-avatar {
          float: left;
          width: 40px;
          border-radius: 20px;
          margin-right: 8px; }
        html.discover .discover-preview section.hero .discover-preview-content .hero-list .user-info .user-info-details span {
          display: block;
          font-size: 12px; }
        html.discover .discover-preview section.hero .discover-preview-content .hero-list .user-info .user-info-details .user-id {
          font-weight: bold; }
      html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-info {
        position: relative; }
        html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-info .journal-info-cover {
          height: 0;
          padding-top: 66.6666%;
          position: relative;
          overflow: hidden;
          border-radius: 2px; }
          html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-info .journal-info-cover img {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            transform: translateY(-50%); }
        html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-info .journal-info-details {
          position: absolute;
          width: 100%;
          bottom: 0;
          left: 0;
          z-index: 2;
          box-sizing: border-box;
          padding: 16px;
          background-image: url(../images/mask_cover.png);
          background-repeat: repeat-x;
          background-size: 10px 100%;
          color: #fff; }
          html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-info .journal-info-details .journal-info-day {
            font-size: 14px;
            line-height: 1;
            margin-bottom: 2px; }
          html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-info .journal-info-details .journal-info-title {
            font-size: 18px;
            font-weight: bold;
            line-height: 1.1; }
      html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-count {
        overflow: hidden;
        margin-top: 4px;
        font-size: 14px;
        line-height: 24px; }
        html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-count .journal-count-users {
          float: left;
          position: relative;
          top: -2px;
          margin-right: 20px; }
          html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-count .journal-count-users li {
            display: inline-block;
            margin-right: -12px; }
            html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-count .journal-count-users li img {
              width: 24px;
              border: 2px solid #fff;
              border-radius: 12px; }
        html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-count b {
          margin-right: 4px; }
        html.discover .discover-preview section.hero .discover-preview-content .hero-list .journal-count .journal-publish-time {
          float: right;
          color: #999; }
  html.discover .discover-preview section.grid .discover-preview-content {
    padding: 16px; }
    html.discover .discover-preview section.grid .discover-preview-content .grid-list ul {
      margin: 0;
      padding: 0;
      overflow: hidden; }
      html.discover .discover-preview section.grid .discover-preview-content .grid-list ul li {
        list-style: none;
        margin-bottom: 8px;
        float: left;
        width: 100px;
        border-radius: 2px;
        overflow: hidden;
        position: relative;
        margin-right: 8px; }
        html.discover .discover-preview section.grid .discover-preview-content .grid-list ul li .grid-cover {
          width: 100%;
          height: 0;
          padding-top: 140%;
          position: relative; }
          html.discover .discover-preview section.grid .discover-preview-content .grid-list ul li .grid-cover img {
            position: absolute;
            top: 50%;
            left: 50%;
            height: 100%;
            transform: translate(-50%, -50%); }
        html.discover .discover-preview section.grid .discover-preview-content .grid-list ul li .grid-info {
          position: absolute;
          width: 100%;
          bottom: 0;
          left: 0;
          z-index: 2;
          box-sizing: border-box;
          padding: 8px;
          background-image: url(../images/mask_cover.png);
          background-repeat: repeat-x;
          background-size: 10px 100%;
          font-size: 12px;
          color: #fff; }
          html.discover .discover-preview section.grid .discover-preview-content .grid-list ul li .grid-info .grid-title {
            font-weight: bold;
            line-height: 1.1;
            margin-bottom: 2px; }
            html.discover .discover-preview section.grid .discover-preview-content .grid-list ul li .grid-info .grid-title a {
              color: #fff; }

html.discover .discover-list ul {
  margin: 0;
  padding: 0; }
  html.discover .discover-list ul li {
    list-style: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 8px;
    border-bottom: 1px solid #ccc; }
    html.discover .discover-list ul li span.discover-list-id {
      display: inline-block;
      width: 80px; }
    html.discover .discover-list ul li span.discover-list-privacy {
      display: inline-block;
      width: 90px; }
  html.discover .discover-list ul li:hover {
    background: #f4f4f4; }

html.discover.editors-pick form.add-article {
  background: #f4f4f4;
  padding: 8px 16px 0 16px;
  margin-bottom: 40px; }

html.discover.add-grid form.no-format, html.discover.add-grid .table, html.discover.edit-entry form.no-format, html.discover.edit-entry .table, html.discover.edit-grid form.no-format, html.discover.edit-grid .table, html.edit-grid-details form.no-format, html.edit-grid-details .table, html.edit-grid-member form.no-format, html.edit-grid-member .table {
  margin-bottom: 8em; }

html.discover.add-grid .form-box, html.discover.edit-entry .form-box, html.discover.edit-grid .form-box, html.edit-grid-details .form-box, html.edit-grid-member .form-box {
  padding: 0;
  border: none;
  background: #fff;
  margin-top: 40px; }
  html.discover.add-grid .form-box .title, html.discover.edit-entry .form-box .title, html.discover.edit-grid .form-box .title, html.edit-grid-details .form-box .title, html.edit-grid-member .form-box .title {
    font-weight: bold; }

html.discover.add-grid form.add-entry, html.discover.add-grid form.add-detail, html.discover.edit-entry form.add-entry, html.discover.edit-entry form.add-detail, html.discover.edit-grid form.add-entry, html.discover.edit-grid form.add-detail, html.edit-grid-details form.add-entry, html.edit-grid-details form.add-detail, html.edit-grid-member form.add-entry, html.edit-grid-member form.add-detail {
  background: #f4f4f4;
  padding: 8px 16px 0 16px;
  margin: 40px 0; }

html.discover.add-grid .form-btns, html.discover.edit-entry .form-btns, html.discover.edit-grid .form-btns, html.edit-grid-details .form-btns, html.edit-grid-member .form-btns {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  margin: 0;
  box-sizing: 100%;
  padding: 16px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  z-index: 500; }
  html.discover.add-grid .form-btns .btn, html.discover.edit-entry .form-btns .btn, html.discover.edit-grid .form-btns .btn, html.edit-grid-details .form-btns .btn, html.edit-grid-member .form-btns .btn {
    margin-right: 16px; }
  html.discover.add-grid .form-btns .btn:last-child, html.discover.edit-entry .form-btns .btn:last-child, html.discover.edit-grid .form-btns .btn:last-child, html.edit-grid-details .form-btns .btn:last-child, html.edit-grid-member .form-btns .btn:last-child {
    margin-right: 0; }

html.edit-grid-details .title {
  margin-bottom: 0; }

html.edit-grid-details .cover-list {
  margin: 0;
  padding: 0;
  overflow: hidden; }
  html.edit-grid-details .cover-list li {
    list-style: none;
    float: left;
    text-align: center;
    margin-right: 16px;
    margin-bottom: 32px; }
    html.edit-grid-details .cover-list li .form-check-input {
      position: relative;
      margin: 0 0 4px 0; }
    html.edit-grid-details .cover-list li .cover-img {
      width: 100px;
      height: 140px;
      position: relative;
      overflow: hidden; }
      html.edit-grid-details .cover-list li .cover-img img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }

html.cities #city-map, html.cities #city-map-detail {
  width: 100%;
  height: 600px;
  background: #ccc;
  position: relative;
  margin-bottom: 40px; }
  html.cities #city-map .leaflet-right, html.cities #city-map-detail .leaflet-right {
    width: 100%; }
  html.cities #city-map .btn-primary, html.cities #city-map-detail .btn-primary {
    position: absolute;
    top: 0;
    right: 0; }

html.cities-details .city-name-form {
  margin-bottom: 8em; }
  html.cities-details .city-name-form .btns {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    margin: 0;
    box-sizing: 100%;
    padding: 16px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
    html.cities-details .city-name-form .btns .btn-outline-primary {
      margin-right: 16px; }

@media (max-width: 768px) {
  html.discover .discover-preview {
    float: none; } }

/*-------------- ads manager --------------*/
html.ads-manager label, html.ads-manager p.title {
  font-weight: bold;
  margin-bottom: 8px; }

html.ads-manager .ad-select {
  margin-bottom: 80px; }
  html.ads-manager .ad-select select {
    width: auto; }

html.ads-manager .ads-list {
  margin-top: 16px; }

html.ads-manager .startdate-input, html.ads-manager .enddate-input {
  display: inline-block;
  width: auto;
  margin: 0 8px; }

html.ads-manager .startdate-input {
  margin-left: 0; }

html.ads-manager .ad-content {
  margin-bottom: -16px; }
  html.ads-manager .ad-content input, html.ads-manager .ad-content textarea, html.ads-manager .ad-content .custom-file {
    margin-bottom: 24px; }

html.ads-manager form {
  margin-bottom: 8em; }

html.ads-manager .form-btns {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  margin: 0;
  box-sizing: 100%;
  padding: 16px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  z-index: 500; }
  html.ads-manager .form-btns .btn {
    margin-right: 16px; }
  html.ads-manager .form-btns .btn:last-child {
    margin-right: 0; }

html.ads-manager .detail-group {
  margin-bottom: 24px; }

html.ads-manager .ad-preview {
  margin-bottom: 40px; }

html.ads-manager .ad-place-explorer {
  overflow: hidden;
  width: 343px;
  box-sizing: border-box;
  padding: 16px 8px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  position: relative; }
  html.ads-manager .ad-place-explorer .ad-left {
    float: left;
    width: calc( 100% - 106px); }
    html.ads-manager .ad-place-explorer .ad-left .title {
      font-size: 14px;
      color: #000; }
    html.ads-manager .ad-place-explorer .ad-left .sponser {
      font-size: 12px;
      color: #000;
      margin: 8px 0; }
    html.ads-manager .ad-place-explorer .ad-left .description {
      font-size: 12px;
      color: #666; }
  html.ads-manager .ad-place-explorer .ad-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
    html.ads-manager .ad-place-explorer .ad-right .img {
      width: 90px; }
      html.ads-manager .ad-place-explorer .ad-right .img img {
        width: 100%; }

html.ads-manager .ad-banner {
  width: 343px;
  background: #000; }
  html.ads-manager .ad-banner .img {
    margin: 0 auto;
    width: 320px; }
    html.ads-manager .ad-banner .img img {
      width: 100%; }

html.ads-manager .ad-discover-home {
  width: 343px; }
  html.ads-manager .ad-discover-home .user-info {
    overflow: hidden;
    font-size: 12px;
    color: #000;
    margin-bottom: 8px; }
    html.ads-manager .ad-discover-home .user-info .avatar {
      width: 40px;
      float: left;
      margin-right: 4px;
      border-radius: 20px;
      overflow: hidden; }
      html.ads-manager .ad-discover-home .user-info .avatar img {
        width: 100%;
        display: block; }
    html.ads-manager .ad-discover-home .user-info .username {
      font-weight: bold; }
  html.ads-manager .ad-discover-home .cover {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 66.666%;
    overflow: hidden;
    border-radius: 2px; }
    html.ads-manager .ad-discover-home .cover .title-group {
      position: absolute;
      z-index: 2;
      bottom: 0;
      left: 0;
      background-image: url(../images/mask_cover.png);
      background-repeat: repeat-x;
      background-size: 10px 100%;
      color: #fff;
      width: 100%; }
      html.ads-manager .ad-discover-home .cover .title-group .subtitle {
        margin: 16px 16px 4px 16px;
        font-size: 12px; }
      html.ads-manager .ad-discover-home .cover .title-group .title {
        margin: 0 16px 16px 16px;
        font-size: 18px; }
    html.ads-manager .ad-discover-home .cover .img {
      z-index: 1;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      html.ads-manager .ad-discover-home .cover .img img {
        width: 100%; }

/*-------------- modal --------------*/
.modal-body .btns {
  margin: 16px 0; }
  .modal-body .btns .btn {
    margin-right: 8px; }
  .modal-body .btns .btn:last-child {
    margin-right: 0; }

/*# sourceMappingURL=main.css.map */