.btn-info-background{
	background-color: #2cabe3;
	color: #fff;
}
.btn-info-background:hover{
	background-color: #fff;
	color: #2cabe3;
	border: solid 1px #2cabe3;
}


.btn-danger-background{
	background-color: #ff7676;
	color: #fff;
}
.btn-danger-background:hover{
	background-color: #fff;
	color: #ff7676;
	border: solid 1px #ff7676;
}

.btn-warning-background{
	background-color: #f1b753;
	color: #fff;
}
.btn-warning-background:hover{
	background-color: #fff;
	color: #f1b753;
	border: solid 1px #f1b753;
}

.btn-success-boder{
	border: solid 1px #8bc475;
	color: #8bc475;
	background-color: #fff;
}
.btn-success-boder:hover{
	border: solid 1px #8bc475;
	color: #fff;
	background-color: #8bc475;
}

.btn-success:hover{
	border: solid 1px #8bc475;
	color: #8bc475;
	background-color: #fff;
}

.btn-primary:hover{
	border: solid 1px #236db8;
	color: #236db8;
	background-color: #fff;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 0px 0;
    border-radius: 3px;
    font-size: 22px;
    line-height: 1.2;
}

.btn-purple{
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #8e44ad;
}
.btn-purple.focus, .btn-purple:focus, .btn-purple:hover {
    color: #fff;
    background-color: #8e44ad;
}
.btn-purple-back{
	background-color: #8e44ad;
}

.btn-orange{
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #e67e22;
}
.btn-orange.focus, .btn-orange:focus, .btn-orange:hover {
    color: #fff;
    background-color: #e67e22;
}
.btn-orange-back{
	background-color: #e67e22;
}
.btn-grey{
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #7f8c8d;
}
.btn-grey.focus, .btn-grey:focus, .btn-grey:hover {
    color: #fff;
    background-color: #7f8c8d;
}
.btn-grey-back{
	background-color: #7f8c8d;
}

.btn-fb {
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #3b5998;
}

.btn-fb.focus, .btn-fb:focus, .btn-fb:hover {
    color: #fff;
    background-color: #3b5998;
}

.btn-myspace{
	box-shadow: 0 0 2px #ccc;
	color: #043d99;
	
}

.btn-myspace.focus, .btn-myspace:focus, .btn-myspace:hover {
    color: #fff;
	background-color: #043d99;
	
}

.btn-tw {
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #1DA1F2;
}

.btn-tw.focus, .btn-tw:focus, .btn-tw:hover {
    color: #fff;
    background-color: #1DA1F2;
}

.btn-yelp {
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #c41200 ;
}

.btn-yelp.focus, .btn-yelp:focus, .btn-yelp:hover {
    color: #fff;
    background-color: #c41200;
}

.btn-in {
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #0e76a8;
}

.btn-in.focus, .btn-in:focus, .btn-in:hover {
    color: #fff;
    background-color: #0e76a8;
}

.btn-pinit {
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #c8232c;
}

.btn-pinit.focus, .btn-pinit:focus, .btn-pinit:hover {
    color: #fff;
    background-color: #c8232c;
}

.btn-utube {
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #FF0000;
}

.btn-utube.focus, .btn-utube:focus, .btn-utube:hover {
    color: #fff;
    background-color: #FF0000;
}

.btn-blogger{
	box-shadow: 0 0 2px #ccc;
	color: #fc4f08;
	
}

.btn-blogger.focus, .btn-blogger:focus, .btn-blogger:hover {
    color: #fff;
	background-color: #fc4f08;
}

.btn-gplus {
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #db4a39 ;
}

.btn-gplus.focus, .btn-gplus:focus, .btn-gplus:hover {
    color: #fff;
    background-color: #db4a39 ;
}

.btn-insta {
	box-shadow: 0 0 2px #ccc;
	background-color: #fff;
	color: #3f729b;
}

.btn-insta.focus, .btn-insta:focus, .btn-insta:hover {
    color: #fff;
    background-color: #3f729b;
}

