body {
  background: #d1d7da;
  color: #585858;
}
body#listing_page {
  overflow-y: hidden;
}
hr {
  color: rgba(39,43,45,.1);
}
.form-control,
p, a, div,
label, select, button {
  font-size: 14px!important;
  line-height: 20px!important;
}
.hidden {
  display: none;
}
.visible {
  display: block;
}
.color_blue {
  color: #30abe5;;
}
a {
  text-decoration: unset;
  color: #4a5ca8;
}
.bg-color,
.btn-guesty,
.btn-guesty:hover {
  background-color: #10275B;
  margin: auto 5px;
  color: #FFF;
}
.greyBtn,
.border-dark {
  color: #585858;
  text-transform: uppercase;
  font-size: 12px!important;
}
.border-dark {
  border-color: #585858!important;
}
.accordion-item,
.greyBG {
  background-color: #f4f6f7;
}
.accordion-button {
  padding: 0.6rem;
}
.table {
  background-color: #fff;
}
.table>:not(caption)>*>* {
  padding: 0.5rem;
}
img,
table th,
table td,
.cat_side_menu li {
  cursor: pointer;
}
.columns_2 {
  columns: 2;
}
.ml-auto {
  margin-left: auto;
}
#navbarNavDropdown .nav-link.active {
  border-bottom: 2px solid #206cff;
  color: #206cff;
}
.navbar {
  padding: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
#navbarNavDropdown {
  justify-content: center;
}
#navbarNavDropdown .nav-link {
  color: rgb(0 0 0 / 89%);
  font-size: 1rem!important;
}
.navbar-fixed,
.navbar-fixed-menu {
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
}
.navbar-fixed-menu {
  top: 70px;
}
.form-group {
  padding: 8px 0;
}
.main-content {
  margin-top: 125px;
  padding: 0.2rem 1rem 1rem 1rem;
  background: #d1d7da;
}
.sidenav-fixed {
  height: 80%;
  width: 25%;
  position: fixed;
  z-index: 1;
  top: 125px;
  left: 25px;
  overflow-x: hidden;
  padding-top: 20px;
}
.cat_side_menu .displayCat,
.cat_side_menu .displayCat ul {
  background: transparent;
  border: unset;
  padding: 0;
}
.cat_side_menu .displayCat ul li {
  margin-bottom: 0.3rem;
}
.cat_side_menu .displayCat ul.sub-category {
  padding-left: 10px;
  margin: 0;
}
.cat_side_menu .displayCat ul li.active span {
  text-decoration: underline;
  color: #2971a4;
}

/* LOGIN */
#login-page {
  width: 550px;
  height: 550px;
  margin: 6rem auto;
  padding: 5rem;
  border: 1px solid #dedede;
  background: #fff;
}
.pwd-eye-icon {
  float: right;
  margin-left: -25px;
  margin-top: -30px;
  margin-right: 10px;
  position: relative;
  z-index: 2;
}

/* SEARCH BAR */
.searchBar {
  display: flex;
}
.searchBar .form-control {
  padding-left: 2.375rem;
}
.searchBar .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
.searchBar button {
  visibility: hidden;
}

/* USERS */
.user_table .btn-actions button {
  margin-right: 10px;
}

/* MODAL */
.modal-open #filtersBlock,
.modal-open .listings_table .guesty_table {
  position: unset;
}
.modal-title,
.saveModal label,
.filterBlock strong {
  color: #30abe5;
  font-weight: unset;
  text-transform: uppercase;
}

/* LISTINGS */
.filterOptions .checkbox-dropdown-div,
#filterSelect {
  border: 1px solid #e4e8e9;
}
#filtersBlock {
  position: fixed;
  width: 97.9%;
  z-index: 1;
  padding: 1rem 2rem;
}
.listings_table .guesty_table {
  position: relative;
  top: 9rem;
}
.guesty_table {
  padding: 1rem 2rem;
  height: auto;
  background-color: #fff;
  overflow: auto;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}
.listings_table tr:hover td {
  cursor: pointer;
  color: #30abe5;
  background-color: #f5f6f7;
}
.filter_fields {
  border-radius: 1em;
  background: #7a8489;
  padding: 0rem 0.5rem;
}
.saveOptions,
.firstFilter,
.secondFilter,
.filterSearch,
.filterOptions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkbox-dropdown-div {
  width: 300px;
  border: 1px solid #aaa;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  position: relative;
  cursor: pointer;
}
.checkbox-dropdown-div .accordion-button {
  padding: 0.3rem;
  width: 95%;
}
.checkbox-dropdown-div>div {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%; 
  border: inherit;
  border-top: none;
  left: -1px; 
  right: -1px; 
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  height: 300px;
  overflow: scroll;
  overflow-x: hidden;
  pointer-events: none; 
}
.checkbox-dropdown-div.is-active>div {
  opacity: 1; 
  background: #f4f6f7;
  pointer-events: auto;
}
.checkbox-dropdown-div ul {
  list-style: none;
  padding-left: 1rem;
}
.checkbox-dropdown-list li input {
  margin-right: 8px;
}
th span,
.filterCond {
  display: flex;
  align-items: center;
}
.filterFields {
  height: 400px;
  overflow-y: scroll;
}

/* EDIT LISTING */
.edit_listing_table {
  overflow-x: hidden;
}
.edit_listing_table label {
  font-weight: 600;
}
.edit_listing_table .form-field {
  margin: 1rem;
  padding: 1rem;
  background: #fff;
}
.edit_listing_table .form-switch {
  display: inline-table;
  padding-left: 3.5em;
}
button.accordion-button {
  background-color: #e8edff;
  margin: 5px auto;
}

/* AMENITIES */
.amenitiesLegend,
.amenitiesLegend div,
.amenities-check,
.amenitiesDiv {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.amenities {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 2px 4px;
}
.amenities.included {
  background: #ccc;
}
.amenitiesLegend .amenities.ru,
.active .included.ru {
  background-color: #59c7de;
}
.amenitiesLegend .amenities.airbnb,
.active .included.airbnb {
  background-color: #fd5c63;
}
.amenitiesLegend .amenities.booking,
.active .included.booking {
  background-color: #243c69;
}
.amenitiesLegend .amenities.ta,
.active .included.ta {
  background-color: #00b087;
}
.amenitiesLegend .amenities.homeaway,
.active .included.homeaway {
  background-color: #0f6db7;
}

/* CUSTOM FIELDS */
.menu_table .nav li {
  margin-bottom: 5px;
  padding: 10px 20px 10px 0px;
}
.menu_table .nav li a {
  color: #000;
  text-decoration: unset;
}
.menu_table .nav li a.show {
  color: #0f6db7;
  text-decoration: underline;
}
.editFieldBtn, .editFieldBtn:hover,
.editCatBtn, .editCatBtn:hover {
  float: right;
  clear: both;
  margin-top: -6.5rem;
}
.addOptDiv {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  margin: 5px auto;
  border-radius: 0.25rem;
}
.addOptDiv input.form-control {
  border: unset;
}

/* CATEGORIES */
.rootCat {
  padding: 5px 0;
}
.rootCat label {
  padding-left: 5px;
}
.catModal ul {
  margin: unset;
  padding: 1px 15px;
}
.catModal li,
.displayCat ul {
  list-style: none;
}
.cardCategory {
  display: none;
}
.cardCategory.visible {
  display: block;
  padding: 0.5rem;
  margin: 0.5rem 0 0 1rem;
  background: #ebf1ff;
  width: 350px;
}
#displayCat {
  width: 470px;
  padding: 1rem 1rem 1rem 0;
}
#displayCat li button {
  float: right;
}
.displayCategories input,
.catModal .cardCategory,
.catModal .btn-cta,
.cat_side_menu .cardCategory,
.cat_side_menu input,
.cat_side_menu .displayCat .btn-cta {
  display: none!important;
}
.catModal ul.category>li.lastList input,
.displayCat ul>li.lastList span {
  margin-left: 10px;
}
ul.category li {
  cursor: pointer;
  padding-bottom: 0.5rem;
}
ul.category li.open::before {
  content: '\F282';
}
ul.category li::before {
  font-family: 'Bootstrap-icons';
  content: "\F285";
  color: #999;
}
.displayCat .btn-cta {
  margin-left: 10px;
  padding: 1px 3px;
  font-size: 12px;
}
ul.category li.lastList::before {
  content: " ";
  white-space: pre;
}

/* FIXED TABLE HEADER */
.fixedTable tbody {
  display: block;
  height: 500px;
  overflow: auto;
}
.fixedTable thead, 
.fixedTable tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
table.fixedTable ::-webkit-scrollbar {
  width: 8px;
}
table.fixedTable ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey; 
  border-radius: 8px;
}
table.fixedTable ::-webkit-scrollbar-thumb {
  background: #10275b; 
  border-radius: 8px;
}
table.fixedTable ::-webkit-scrollbar-thumb:hover {
  background: #09142f; 
}