.qButtons {
	margin-top: 14px;
	margin-bottom: -10px;
}

.qButtons .btn-group {
	margin-bottom: 10px;
	margin-right: 10px;
}

.qButton {
	background: #4b8df8;
	color: #fff;
	display: inline-block;
	position: relative;
	height: 58px;
	padding: 0px 14px 0px 14px;
	border: 1px solid #4b8df8;
	text-align: left;
	text-decoration: none;
	margin:0px;
}

.qButton:last-child{
	margin-right: 0px;
}

.qButton .icon{
	font-size: 32px;
	height: 32px;
	position: absolute;
	top: 20px;
}

.qButton big{
	display: block;
	font: 14px arial;
	font-weight: normal;
	padding-left: 45px;
	padding-top: 12px;
}

.qButton small{
	display: block;
	padding-left: 45px;
	font: 11px arial;
	padding-top: 1px;
}

.qButton:hover{
	background-color: #fff;
	color: #4b8df8;
	text-decoration: none;
}


.qButton:focus,
.qButton:visited,
.qButton:active{
	color: #fff;
	text-decoration: none!important;
}

.qButtons .btn-group.open .dropdown-toggle{
	box-shadow: none;
}
.qButtons .btn-group .dropdown-menu {
	border-radius: 0px;
	padding: 0px;
	margin: 1px 0px;
	border: 0px;
}

.qButtons .dropdown-menu li a { 
	background: #fff;
	border-top: 1px solid #4b8df8;
	border-left: 1px solid #4b8df8;
	border-right: 1px solid #4b8df8;
	padding: 10px 10px; 
	font-size: 12px; 
	font-weight: bold;
}

.qButtons .dropdown-menu li:last-child a { 
	border-bottom: 1px solid #4b8df8;
}

.qButtons .dropdown-menu li a .ico{
	font-size: 16px;
	margin-right: 7px;
	width: 16px;
	display: inline-block;
	position: relative;
	left: -1px;
	top: 1px;
}

.qButtons .dropdown-menu li a span.subtitle{
	display: block;
	font-size: 11px;
	font-weight: normal;
}

.qButtons .dropdown-menu li a span.subtitle.has-icon{
	padding-left: 23px;
}

.qButton.no-subtitle big{
	padding-top: 20px;
}

/*Default color*/
.qButtons .btn-group.open .qButton,
.qButton:hover {
	background-color: #fff;
	color: #4b8df8;
}

.qButtons .dropdown-menu{
	border-color: #4b8df8;	
}

.qButtons .dropdown-menu li:last-child a,
.qButtons .dropdown-menu li a {
	border-color: #4b8df8;	
}

.qButtons .dropdown-menu a {
	color: #4b8df8;	
}

.qButtons .dropdown-menu a.active,
.qButtons .dropdown-menu a:hover{
	background-color: #4b8df8;	
	color: #fff;
}

/* DarkBlue */
.qButton.DarkBlue{
	background-color: #1b56b8;
	border-color: #1b56b8;
}

.qButtons .btn-group.open .qButton.DarkBlue,
.qButton.DarkBlue:Hover{
	background-color: #fff;
	color: #1b56b8;
}

.qButtons .dropdown-menu.DarkBlue{
	border-color: #1b56b8;	
}

.qButtons .dropdown-menu.DarkBlue li:last-child a,
.qButtons .dropdown-menu.DarkBlue li a {
	border-color: #1b56b8;	
}

.qButtons .dropdown-menu.DarkBlue a{
	color: #1b56b8;	
}

.qButtons .dropdown-menu.DarkBlue a.active,
.qButtons .dropdown-menu.DarkBlue a:hover{
	background-color: #1b56b8;	
	color: #fff;
}

.qButton.DarkBlue{
	background-color: #1b56b8;
	border-color: #1b56b8;
}

.qButton.DarkBlue:hover{
	background-color: #fff;
	color: #1b56b8;
}

/* Orange */
.qButton.Orange{
	background-color: #ff6c00;
	border-color: #ff6c00;
}

.qButtons .btn-group.open .qButton.Orange,
.qButton.Orange:Hover{
	background-color: #fff;
	color: #ff6c00;
}

.qButtons .dropdown-menu.Orange{
	border-color: #ff6c00;	
}

.qButtons .dropdown-menu.Orange li:last-child a,
.qButtons .dropdown-menu.Orange li a {
	border-color: #ff6c00;	
}

.qButtons .dropdown-menu.Orange a{
	color: #ff6c00;	
}

.qButtons .dropdown-menu.Orange a.active,
.qButtons .dropdown-menu.Orange a:hover{
	background-color: #ff6c00;	
	color: #fff;
}

.qButton.Orange{
	background-color: #ff6c00;
	border-color: #ff6c00;
}

.qButton.Orange:Hover{
	background-color: #fff;
	color: #ff6c00;
}

/* Orange */
.qButton.Green{
	background-color: #28b779;
	border-color: #28b779;
}

.qButtons .btn-group.open .qButton.Green,
.qButton.Green:Hover{
	background-color: #fff;
	color: #28b779;
}

.qButtons .dropdown-menu.Green{
	border-color: #28b779;	
}

.qButtons .dropdown-menu.Green li:last-child a,
.qButtons .dropdown-menu.Green li a {
	border-color: #28b779;	
}

.qButtons .dropdown-menu.Green a{
	color: #28b779;	
}

.qButtons .dropdown-menu.Green a.active,
.qButtons .dropdown-menu.Green a:hover{
	background-color: #28b779;	
	color: #fff;
}

.qButton.Green{
	background-color: #28b779;
	border-color: #28b779;
}

.qButton.Green:hover {
	background-color: #fff;
	color: #28b779;
}

/* PINK */
.qButton.Pink{
	background-color: #852b99;
	border-color: #852b99;
}

.qButtons .btn-group.open .qButton.Pink,
.qButton.Pink:Hover{
	background-color: #fff;
	color: #852b99;
}

.qButtons .dropdown-menu.Pink{
	border-color: #852b99;	
}

.qButtons .dropdown-menu.Pink li:last-child a,
.qButtons .dropdown-menu.Pink li a {
	border-color: #852b99;	
}

.qButtons .dropdown-menu.Pink a{
	color: #852b99;	
}

.qButtons .dropdown-menu.Pink a.active,
.qButtons .dropdown-menu.Pink a:hover{
	background-color: #852b99;	
	color: #fff;
}

/* GRAY */
.qButton.Gray{
	background-color: #959595;
	border-color: #959595;
}

.qButtons .btn-group.open .qButton.Gray,
.qButton.Gray:Hover{
	background-color: #fff;
	color: #959595;
}

.qButtons .dropdown-menu.Gray{
	border-color: #959595;	
}

.qButtons .dropdown-menu.Gray li:last-child a,
.qButtons .dropdown-menu.Gray li a {
	border-color: #959595;	
}

.qButtons .dropdown-menu.Gray a{
	color: #959595;	
}

.qButtons .dropdown-menu.Gray a.active,
.qButtons .dropdown-menu.Gray a:hover{
	background-color: #959595;	
	color: #fff;
}

.qButton.Gray{
	background-color: #959595;
	border-color: #959595;
}

.qButton.Gray:Hover{
	background-color: #fff;
	color: #959595;
}

/* RED */
.qButton.Red{
	background-color: #b01313;
	border-color: #b01313;
}

.qButtons .btn-group.open .qButton.Red,
.qButton.Red:Hover{
	background-color: #fff;
	color: #b01313;
}

.qButtons .dropdown-menu.Red{
	border-color: #b01313;	
}

.qButtons .dropdown-menu.Red li:last-child a,
.qButtons .dropdown-menu.Red li a {
	border-color: #b01313;	
}

.qButtons .dropdown-menu.Red a{
	color: #b01313;	
}

.qButtons .dropdown-menu.Red a.active,
.qButtons .dropdown-menu.Red a:hover{
	background-color: #b01313;	
	color: #fff;
}

.qButton.Red{
	background-color: #b01313;
	border-color: #b01313;
}

.qButton.Red:hover{
	background-color: #fff;
	color: #b01313;
}

/* LightGreen */
.qButton.LightGreen{
	background-color: #8cbe29;
	border-color: #8cbe29;
}

.qButtons .btn-group.open .qButton.LightGreen,
.qButton.LightGreen:Hover{
	background-color: #fff;
	color: #8cbe29;
}

.qButtons .dropdown-menu.LightGreen{
	border-color: #8cbe29;	
}

.qButtons .dropdown-menu.LightGreen li:last-child a,
.qButtons .dropdown-menu.LightGreen li a {
	border-color: #8cbe29;	
}

.qButtons .dropdown-menu.LightGreen a{
	color: #8cbe29;	
}

.qButtons .dropdown-menu.LightGreen a.active,
.qButtons .dropdown-menu.LightGreen a:hover{
	background-color: #8cbe29;	
	color: #fff;
}


.qButton.LightGreen{
	background-color: #8cbe29;
	border-color: #8cbe29;
}

.qButton.LightGreen:hover{
	background-color: #fff;
	color: #8cbe29;
}

/* Yellow */
.qButton.Yellow{
	background-color: #ffb849;
	border-color: #ffb849;
}

.qButtons .btn-group.open .qButton.Yellow,
.qButton.Yellow:Hover{
	background-color: #fff;
	color: #ffb849;
}

.qButtons .dropdown-menu.Yellow{
	border-color: #ffb849;	
}

.qButtons .dropdown-menu.Yellow li:last-child a,
.qButtons .dropdown-menu.Yellow li a {
	border-color: #ffb849;	
}

.qButtons .dropdown-menu.Yellow a{
	color: #ffb849;	
}

.qButtons .dropdown-menu.Yellow a.active,
.qButtons .dropdown-menu.Yellow a:hover{
	background-color: #ffb849;	
	color: #fff;
}

.qButton.Yellow{
	background-color: #ffb849;
	border-color: #ffb849;
}

.qButton.Yellow:hover{
	background-color: #fff;
	color: #ffb849;
}


.qButton.Help{
	background-color: #9b69ff;
	border-color: #9b69ff;
}

.qButton.Help:hover{
	background-color: #fff;
	color: #9b69ff;
}


.qButton.Purple{
	background-color: #9b69ff;
	border-color: #9b69ff;
}

.qButton.Purple:hover{
	background-color: #fff;
	color: #9b69ff;
}


@media (max-width:600px){
	.qButtons .btn-group  {
		width: 50%;
		margin-right: 0px;
		padding-right: 10px;
		float: left;
	}

	.qButtons .btn-group:nth-child(even) {
		padding-right: 0px;
	}
	.qButtons .btn-group .qButton {
		width: 100%;
	}
}
