/*------------------------------------------------------------------------------
  Branding Colours
------------------------------------------------------------------------------*/

.fg-mint-light {
  color:            #7bfcde;
}

.bg-mint-light {
  background-color: #7bfcde;
}

.fg-mint-dark {
  color:            #008080;
}

.bg-mint-dark {
  background-color: #008080;
}

.fg-mint-blue {
  color:            #00264d;
}

.bg-mint-blue {
  background-color: #00264d;
}

a {
  color:            #008080;
}

.btn-success {
  background-color: #49d7b6;
  border-color:     #49d7b6;
  color:            #ffffff;
}

.btn-success:hover {
  background-color: #33c2a1;
  border-color:     #33c2a1;
  color:            #ffffff;
}



/*------------------------------------------------------------------------------
  Bulk Search
------------------------------------------------------------------------------*/
#bulk_search,
#big_bulk_search {
  overflow:         visible;
}

#bulk_search ul {
  border-radius:    0.25rem;
  box-shadow:       0rem 1rem 1rem #000000;
}

#big_bulk_search ul {
  margin-top:       10px;
  border-radius:    0.25rem;
  box-shadow:       0rem 0.5rem 1rem #000000;
}

#bulk_search li,
#big_bulk_search li {
  display:          block;
  padding:          0.5rem 1.2rem 0.3rem 1.2rem;
  font-size:        0.9rem;
  text-decoration:  none;
  user-select:      none;
  overflow:         hidden;
  text-overflow:    ellipsis;
  white-space:      nowrap;
}

#big_bulk_search li:hover,
#big_bulk_search li.hover {
  background-color: #007bff;
  color:            #ffffff;
}

@media (min-width: 576px) {

  #bulk_search li {
    padding:          0.2rem 0.5rem 0.1rem 0.5rem;
  }

}



/*------------------------------------------------------------------------------
  Side Menu
------------------------------------------------------------------------------*/

body {
  margin-left:      0rem;
  transition:       margin-left 0.2s;
}

#side_menu .icon,
#top_bar .icon {
  font-size:        1.2rem;
  vertical-align:   -0.05rem;
}


.dropdown .popup_menu {
  background-color: #7bfcde;
  color:            #00264d;
  border:           0px solid #7bfcde;
  border-radius:    0.25rem;
  padding:          0rem;
  font-size:        0.9rem;
  right:            -0.5rem;
}

#side_menu {
  overflow:         hidden;
  position:         fixed;
  z-index:          100;
  top:              0px;
  left:             0px;
  width:            0rem;
  height:           100%;
  transition:       width 0.2s;
  background-color: #7bfcde;
  color:            #00264d;
}

#side_menu_scrollbar_container {
  height:           100%;
  width:            15rem;
  overflow-y:       scroll;
}

#side_menu_container {
  width:            14rem;
}

#side_menu_button {
  padding:          0px;
  width:            5rem;
  text-align:       left;
}

.popup_menu .menu_group {
  display:          block;
  margin:           0.7rem 0.3rem;
  padding-bottom:   0.6rem;
  border:           0px solid #ffffff;
  border-radius:    0.25rem;
  text-decoration:  none;
  background-color: #ffffff;
  color:            #00264d;
  overflow:         hidden;
}

.dropdown .menu_group {
  margin:           0rem;
}

.popup_menu .menu_head {
  margin-bottom:    0.6rem;
  padding:          0.2rem 0.4rem 0rem 0.4rem;
  text-decoration:  none;
  background-color: #00264d;
  color:            #ffffff;
  font-weight:      bold;
  text-align:       center;
}

.popup_menu .menu_item {
  display:          block;
  padding:          0.5rem 1.2rem 0.3rem 1.2rem;
  text-decoration:  none;
  color:            #00264d;
}

.popup_menu .menu_item.active {
  color:            #008080;
  text-decoration:  none;
}

.popup_menu .menu_item:hover {
  color:            #ffffff;
  background-color: #007bff;
  text-decoration:  none;
}

body #side_menu {
  width:            0rem;
}

body.sidebar_small.sidebar #side_menu,
#side_menu_container {
  width:            14rem;
}

#sidebar_close,
#sidebar_open {
  display:          none;
}

body.sidebar_small #sidebar_open,
body.sidebar_small.sidebar #sidebar_close {
  display:          inline;
}


@media (min-width: 576px) {

  body.sidebar_small.sidebar #side_menu,
  #side_menu_container {
    width:            12rem;
  }

  .popup_menu .menu_group {
    padding-bottom:   0.4rem;
  }

  .popup_menu .menu_head {
    margin-bottom:    0.4rem;
  }

  .popup_menu .menu_item {
    padding:          0.1rem 0.5rem 0rem 0.5rem;
  }

}


@media (min-width: 992px) {

  body #side_menu,
  body.sidebar_large.sidebar #side_menu,
  body.sidebar_small.sidebar #side_menu {
    width:            0rem;
  }

  body.sidebar_large #side_menu {
    width:            12rem;
  }

  body.sidebar_large.sidebar {
    margin-left:      0rem;
  }

  body.sidebar_large {
    margin-left:      13rem;
  }

  body.sidebar_large #top_bar {
    margin-left:      -1rem;
  }

  body.sidebar_large.sidebar #top_bar {
    margin-left:      0rem;
  }

  #sidebar_close,
  #sidebar_open,
  body.sidebar_small #sidebar_open,
  body.sidebar_small.sidebar #sidebar_close {
    display:          none;
  }

  body.sidebar_large.sidebar #sidebar_open,
  body.sidebar_large #sidebar_close {
    display:          inline;
  }

}



/*------------------------------------------------------------------------------
  Map
------------------------------------------------------------------------------*/

#map {
  height:           60vh;
}

#map div.marker {
  font-size:        0.9rem;
  text-align:       center;
  transform:        translateY(50%);
}

#map div.marker img {
  margin-bottom:    0.2rem;
}

#map a.content {
  display:          block;
  text-decoration:  none !important;
  font-size:        0.9rem;
  text-align:       center;
}



/*------------------------------------------------------------------------------
  Ratings
------------------------------------------------------------------------------*/

.card-body .h-rating {
  font-size:        1.5rem;
  line-height:      1.5rem;
  margin-bottom:    0.6rem;
}

td .h-rating {
  font-size:        1.5rem;
  line-height:      2rem;
}

.btn-rating-bad,
.btn-rating-neutral,
.btn-rating-good {
  width:            2rem;
  height:           2rem;
  font-size:        0px;
  padding:          1.25rem 1rem;
  mask-position:    center;
  mask-repeat:      no-repeat;
  mask-size:        70%;
}

.btn-rating-bad {
  background-color: #6c757d;
  mask-image:       url('/framework/plugins/fontawesome/current/svgs/light/frown.svg');
  padding-left:     1.7rem;
}

.btn-rating-neutral {
  background-color: #6c757d;
  mask-image:       url('/framework/plugins/fontawesome/current/svgs/light/meh.svg');
  padding-left:     1.35rem;
  padding-right:    1.35rem;
}

.btn-rating-good {
  background-color: #6c757d;
  mask-image:       url('/framework/plugins/fontawesome/current/svgs/light/smile.svg');
  padding-right:    1.7rem;
}

.btn-rating-bad.selected, .btn-rating-bad.active,
.btn-rating-neutral.selected, .btn-rating-neutral.active,
.btn-rating-good.selected, .btn-rating-good.active {
  mask-size:        90%;
}

.btn-rating-bad.selected, .btn-rating-bad.active {
  background-color: #dc3545;
  mask-image:       url('/framework/plugins/fontawesome/current/svgs/duotone/frown.svg');
}
.btn-rating-neutral.selected, .btn-rating-neutral.active {
  background-color: #000000;
  mask-image:       url('/framework/plugins/fontawesome/current/svgs/duotone/meh.svg');
}
.btn-rating-good.selected, .btn-rating-good.active {
  background-color: #49d7b6;
  mask-image:       url('/framework/plugins/fontawesome/current/svgs/duotone/smile.svg');
}