.bg-white {
  background-color: #ffffff !important;
}
.bg-grey {
  background-color: #eeeeee !important;
}
.bg-black {
  background-color: #555555 !important;
}
.bg-red {
  background-color: #f75353 !important;
}
.bg-green {
  background-color: #51d466 !important;
}
.bg-lblue {
  background-color: #32c8de !important;
}
.bg-blue {
  background-color: #609cec !important;
}
.bg-orange {
  background-color: #f78153 !important;
}
.bg-yellow {
  background-color: #fcd419 !important;
}
.bg-purple {
  background-color: #cb79e6 !important;
}
.bg-rose {
  background-color: #ff61e7 !important;
}
.bg-brown {
  background-color: #d08166 !important;
}
/* Border color classes */
.br-white {
  border: 1px solid #ffffff !important;
}
.br-grey {
  border: 1px solid #eeeeee;
}
.br-black {
  border: 1px solid #555555;
}
.br-red {
  border: 1px solid #f75353;
}
.br-green {
  border: 1px solid #51d466;
}
.br-lblue {
  border: 1px solid #32c8de;
}
.br-blue {
  border: 1px solid #609cec;
}
.br-orange {
  border: 1px solid #f78153;
}
.br-yellow {
  border: 1px solid #fcd419;
}
.br-purple {
  border: 1px solid #cb79e6;
}
.br-rose {
  border: 1px solid #ff61e7;
}
.br-brown {
  border: 1px solid #d08166;
}
/* Button classes */
.btn {
	border-radius: 2px;
	position: relative;
}
.btn.btn-no-border {
	border: 0px !important;
}

/* General CSS */
.ui-259{
	position:fixed;
	bottom:0px;
	right:0px;
}
/* List */
.ui-259 .ui-list{
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: 0px;
	opacity: 0;
}
/* Icons */
.ui-259 .ui-list a{
	position:relative;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	margin: 2px auto;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.ui-259 .ui-list a span{
	font-size:smaller;
	position:absolute;
	left:-60px;
	background-color:#111;
	color:#fff;
	height:18px;
	line-height:18px;
	margin-top:6px;
	padding-left:8px;
	padding-right:8px;
	
}
/* Button */
.ui-259 a.ui-btn{
	position: absolute;
	bottom:10px;
	right: 10px;
	width: 53px;
	height: 53px;
	line-height: 53px;
	border-radius: 100%;
	text-align: center;
	font-size: 32px;
	color: #fff;
	font-weight: 600;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration:none;
}
.ui-259 a.active{
	transform: rotate(45deg);
	text-decoration:none;
}