/* 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;
   font-size: 15px;
}
.login-form form {
   margin-bottom: 15px;
   background: #f7f7f7;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
   padding: 30px;
}
.login-form h2 {
   margin: 0 0 15px;
}

.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%);
   }
 }