body {
  font-size: .875rem;
}

h1 {
	padding:.3em 0 .4em 0;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
  background-color: #f0f2f4;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

.icon {
	font-size:16px;
}

.icon-control {
	cursor:pointer;
}

.table-responsive {
	min-height:500px;
}

/* Stupid autofill */
.form-label-group input:-webkit-autofill ~ label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 12px;
    color: #777;
}

.card-category .card-title .edit {
	visibility:hidden;
}

.card-category .card-title:hover .edit {
	visibility:visible;
	cursor:pointer;
}

.edit-title input[type="text"] {
	width:200px;
	border:none;
	border-bottom:1px solid #ccc;
}

.draggable-item {
	/*cursor:grab;*/
}

.attribute-form {
	margin-top:10px;
	padding:3px 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
	
}

.attribute-form input {
	width:150px;
	border:none;
	line-height:20px;
	padding:3px 5px;
}

.attribute-form input:focus {
	outline:none;
}

.attribute-list{
	display:inline;
}

.attribute-list span{
	display:inline-block;
	font-size:12px;
	font-weight:normal;
	margin:3px;
	padding:3px 10px;
	cursor:pointer;
}

.available-attributes {
	position:absolute;
	left:-3000px;
	margin-top:10px;
	background-color:#fff;
	width:750px;
	padding:5px 0;
	z-index:99999;
}

.available-attributes a,
.available-attributes a:hover, 
.available-tags a,
.available-tags a:hover 
{
	display:inline-block;
	text-decoration:none;
	color:#000;
	font-size:14px;
	line-height:25px;
	padding-left:10px;
	width:170px;
}

.available-attributes a:hover,
.available-attributes a.selected {
	background-color:#eee;
}

.available-attributes p {
	margin:10px 0 0 10px;
}

.available-attributes .attribute-category {
	margin:5px 10px 0 10px;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:bold;
}

.favorite-item .fa-star {
	cursor:pointer;
	visibility:hidden;
}

.favorite-item:hover .fa-star {
	visibility:visible;
}

.navbar.bg-dark {
	background-color:#000 !important;
}