body {
    font-size: 13px;
    line-height: 1.6;
    color: #222;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    background: #F3EEF4;
}

.btn-main{
    color: #fff;
    background-color: #813C8D;
    border-color: #813C8D;
}

.btn-main-outline{
    color: #813C8D;
    background-color: #fff;
    border-color: #813C8D;
}
.selected{
    color: #fff!important;
    background-color: #813C8D!important;
    border-color: #813C8D!important;
}

.btn-main-outline:hover{
    color: #fff;
    background-color: #813C8D;
    border-color: #fff;
}

.bg-gray{
    background-color: #F6F6F6;
}

.border-main{
    border-color: #813C8D!important;
}

.read-only-white {
    background-color: #fff !important;
}

.text-main{
    color: #813C8D!important;
}

.error {
    color: red;
}

.floating {
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.my-float {
	margin-top:16px;
}