/* CSS Document */
html {
  position: relative;
  min-height: 100%; }

body {
  /*margin-bottom: 60px;*/
  /*height: 100vh;*/ }

#brand {
  padding-top: 0; }

.dropdown-menu {
  border-radius: 0; }

.navbar .nav-link {
  /*color: #000 !important;*/ }
.navbar .container {
  /*border-bottom: 1px solid #000;*/ }

#main-header {
  /*background-color: #00cc99;*/
  background-color: #d7d2cb; }

.breadcrumb {
  background: none; }
  .breadcrumb .breadcrumb-item {
    color: rgba(0, 0, 0, 0.5); }
  .breadcrumb .breadcrumb-item::before {
    color: rgba(0, 0, 0, 0.5); }
  .breadcrumb .active {
    color: #FFFFFF; }

.alert {
  margin-bottom: 0; }

#main-container {
  background-color: #fff; }
  #main-container a {
    color: #000 !important; }
  #main-container .text-muted {
    color: #868e96 !important; }

.btn {
  border-radius: 0; }

.table thead th, .table td {
  border: none; }

.table a {
  color: #000 !important; }

.form-control {
  border-radius: 0; }

.list-group-item, .list-group-item:first-child, .list-group-item:last-child {
  border-radius: 0; }

.card, .card-header:first-child, .card-header:last-child, .card-img {
  border-radius: 0; }

.card-img-overlay {
  background-color: rgba(0, 0, 0, 0.5); }

.card-img::after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.card-header a {
  color: #000 !important; }

.card-overlay-content {
  position: absolute;
  bottom: 0;
  margin-bottom: 1em; }

.hideShowPassword-toggle {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25; }

#categories .card-collection {
  border: 3px solid white; }

.card-hoz {
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* Make an auto-hiding scroller for the 3 people using a IE */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* Remove the default scrollbar for WebKit implementations */ }
  .card-hoz::-webkit-scrollbar {
    display: none; }

#main-footer {
  font-size: 0.75em;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  line-height: 30px; }

.form-text {
  word-break: break-all; }

.card-header {
  white-space: normal; }

.plots-group {
  overflow-y: scroll;
  height: 250px; }

.btn-primary, .btn-success {
  background-color: #d7d2cb !important;
  border-color: #d7d2cb !important;
  color: #000 !important; }

[data-cms-url] {
  cursor: pointer; }

select {
  height: auto !important; }