/* General Layout */
body {
	background-color: #dce0d3;
}

div.content {
	padding-top: 6rem;
}

.gd-content {
	padding-top: 5rem;
}

.gd-footer {
	font-size:.750rem;
	text-align:center;
}

input:invalid {
	background: hsl(5, 30%, 80%)
}

.toolbar {
    float: left;
}

.login-form {
  width: 340px;
  margin: 50px auto;
}

.login-form form {
  background-color: #f5f5f5;
  padding: 30px;
}

.login-form input{
  margin-bottom: 10px;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.marquee-container {
   width: 100%;
   background-color: #f8f9fa;
   padding: 15px 0;
 }

 .marquee-content {
   display: flex;
   animation: marquee 10s linear infinite;
 }

 .marquee-item {
   flex: 0 0 auto;
   padding: 0 20px;
   font-size: 1.2rem;
   color: #495057;
 }

 @keyframes marquee {
   0% {
     transform: translateX(100%);
   }

   100% {
     transform: translateX(-100%);
   }
 }