@import "bootstrap/custom.bootstrap.import.less";

@main-color: #2185D0;
.color-white { color: #fff; }

@import "helpers.import.less";
@import "theme.import.less";
@import "typography.import.less";
@import "lists.import.less";
@import "table.import.less";


@import "navigation.import.less";
@import "collections-dashboard.import.less";
@import "database-dashboard.import.less";
@import "documents.import.less";
@import "documents-filter.import.less";
@import "tree-view.import.less";
@import "pagination.import.less";
@import "connection-page.import.less";
@import "console.import.less";
@import "collections-lists.import.less";
@import "db-themes.import.less";
@import "footer.import.less";

html, body, #react-root, #simple-layout {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.my-navbar {
  border-radius: 0;
  margin-bottom: 0;

  .navbar-form {
    padding: 0;
  }

  li.dropdown:hover > a {
    text-decoration: underline;;
  }

  a.navbar-brand:hover {
    text-decoration: underline;;
  }
}

#background-loader {
  font-size: 19px;
}


.list-group-item {
	border: none;
}


.vertical-center {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


////////////////////////////////////////////
.dropdown-menu {
  padding: 5px 15px;
}
.dropdown-menu>li a {
  display: block;
  padding: 3px 0;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  margin-right: 15px;

  &:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
  }
}
.dropdown-menu>li i {
  cursor: pointer;
}

.modal-open {
  overflow-x: auto;
  overflow-y: auto;
}


.filter-dropdown.dropdown-menu>li a {
  display: inline-block;

  &:hover {
    color: #262626;
    text-decoration: underline;
    background-color: transparent;
  }
}