.red a{
  background-color: red !important;
  border-radius: 20px;
}
.yellow a{
  background-color: yellow !important;
  border-radius: 20px;
}
.green a{
  background-color: green !important;
  border-radius: 20px;
}
.white a{
  background-color: white !important;
}
.lime a{
  background-color: DodgerBlue !important;
  border-radius: 30px;
  color:black;
  font-size:20px;
font-weight: bold;
}

.ui-datepicker{
   background: linear-gradient( yellow,orange,DodgerBlue) ;
 border-radius: 10px;
}
.ui-datepicker-header{
  background-color:DodgerBlue;
}
.ui-datepicker-next:hover {
   background-color: DodgerBlue;
   
}

.ui-datepicker-prev:hover {
   background-color: DodgerBlue;  
}

.customProfil {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  ##background-color:DodgerBlue;
  font-size: 20px;
  line-height: 30px;
}
.customBackground{
   background-color:DodgerBlue;
	  background: -webkit-linear-gradient(yellow 20%, dodgerBlue,orange 20%,dodgerBlue,dodgerBlue);
	 ##   background: linear-gradient(to right,dodgerBlue,orange,yellow,orange,dodgerBlue,orange,yellow,orange,dodgerBlue,orange,dodgerBlue,orange,dodgerBlue,orange,yellow,orange,dodgerBlue,orange,dodgerBlue);

}
.footerStyle{
	height: 200px; background-color:green;
}
.goldText{
 background-color:orange;	
}
.itemBackground{
	background-color:DarkOrange;
}
.customBackgroundIndexDIV{
	 background-color:DodgerBlue;
}

.navItemsStyle{
	bs-gutter-x:0;
}
.cardStyle{
	border:none;
	birder-radius:0px;
}
.form-control{
	border: 2px solid black;
	border-radius: 0px 0px;
}
.form-control:focus{
	color:black;
	border-color:black;
	box-shadow:0 0 0 0rem black;
}
.btn{
	border: 2px solid black;
	border-radius: 0px 0px;
}
.btn:hover{
	border: 2px solid black;
	border-radius: 0px 0px;
	 background-color:DodgerBlue;
}