/*************************
Buttons 
***************************/
/* Clean */
.svlag-button {
	display: inline-block;
	padding: 0px 12px;
	border-radius: 2px;
	font-size: 0.9em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	height: 31px;
	line-height: 31px;
	cursor: pointer;
	vertical-align: center;
	border: 0;
	font-family: "Roboto", sans-serif;
	color: #247bb4;
	background: #fff;
}

	.svlag-button:link,
	.svlag-button:visited,
	.svlag-button:active,
	.svlag-button:hover {
		text-decoration: none;
		color: #247bb4;
	}

	.svlag-button:hover {
		box-shadow: inset 0 100px 0 0 rgba(0,0,0,0.05)
	}

	.svlag-button:active {
		box-shadow: inset 0 100px 0 0 rgba(0,0,0,0.15)
	}

/* Button utility classes */
.svlag-button-wide {
	width: 100%;
}

.svlag-button-lg {
	height: 42px;
	line-height: 42px;
}


/* Disabled */
.svlag-button.disabled,
.svlag-button:disabled {
	opacity: 0.4;
	background: #ccc !important;
	color: #666 !important;
	cursor: default;
}



/* CTA:
        Blue call to action : Let user know what button to click */
.svlag-button-cta {
	background: #298ccd;
	color: #fff;
}

	.svlag-button-cta:link, .svlag-button-cta:visited {
		background: #298ccd;
		color: #fff;
	}

	.svlag-button-cta:hover {
		background: #298ccd;
		color: #dfeef8;
	}



/* Normal:
        Bordered white button */
.svlag-button-bordered {
	background: #fff;
	outline: 1px solid #f1f1f1;
	box-shadow: 0 3px 6px -1px rgba(0,0,0,0.1)
}

	.svlag-button-bordered:link, .svlag-button-bordered:visited {
		color: #666;
	}

	.svlag-button-bordered:hover {
		background: #f9f9f9;
		box-shadow: 0 2px 4px rgba(0,0,0,0.15);
	}

	.svlag-button-bordered:active {
		background: #fff;
		box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	}


.svlag-button-light {
	color: #666;
	background-color: #FFF;
}
.svlag-button-light:hover {
	color: #666;
}

/* Danger:
        Red delete/discard action */
.svlag-button-danger {
	background: #d9534f;
	color: #fff;
}

	.svlag-button-danger:link,
	.svlag-button-danger:visited {
		background: #d9534f;
		color: #fff;
	}

	.svlag-button-danger:hover {
		background: #c9302c;
	}


/* Text:
        No styling only the text */
.svlag-button-danger-text,
.svlag-button-danger-text:link,
.svlag-button-danger-text:visited {
	background: #fff;
	color: #d9534f;
}

	.svlag-button-danger-text:hover {
		background: #d9534f;
		color: #fff;
	}


/* Icon:
       if icon is present */
.svlag-button i.fa {
	margin-right: 3px;
}