.bg-light-grey{
	background:#f9f6f6;
}
.card i {
	color:black;
}
.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}
.btn-round {
	border-radius: 30px;
}
label{
	color:black!important;
}
form  .error{
	color:red;
  margin: 1px;
}

 .color_loop {
      animation: colorchange 30s; /* animation-name followed by duration in seconds*/
       animation-iteration-count: infinite;
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 50s; /* Chrome and Safari */
       -webkit-animation-iteration-count: infinite;
    }

    @keyframes colorchange
    {
      0%   {background: #4e73df;}
      25%  {background: #2EC4B6;}
      50%  {background: #30A9DE;}
      75%  {background: #75D701;}
      100% {background: #4e73df;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #4e73df;}
      25%  {background: #2EC4B6;}
      50%  {background: #30A9DE;}
      75%  {background: #75D701;}
      100% {background: #4e73df;}
    }

    footer{
    	bottom:0!important;
    }
    p{
      font-size: medium!important;
      width: auto !important;
    }