/*====================================================
*
* Buttons
*
====================================================*/

.btn,
button {
	font-family: 'Roboto', helvetica, arial, univers, sans-serif;
	font-size: 15px;
	
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	
	color: #333;
	background-color: #ececec;
	border-color: #ddd;
	
	padding: 10px 24px;
	
	width: 100%;
	max-width: 260px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn:hover {
	color: #333;
	background-color: #f3f3f3;
	border-color: #d0d0d0;
}

.btn-primary:active,
.btn-primary.focus,
.btn-primary:focus {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	
    outline: none !important;
	-webkit-appearance: none !important;
}

.btn-default {
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px;
	
	color: #333;
	background-color: #ececec;
	border-color: #d0d0d0;
	
	width: 100%;
	max-width: 260px;
	
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;	
}

.btn-default:hover {
	color: #333;
	background-color: #f3f3f3;
	border-color: #d0d0d0;
}

.btn-primary,
.btn-primary.active {
	color: #fff;
	background-color: #335092;
	border-color: #335092;
}

.btn-primary:hover,
.btn-primary.active:hover,
.btn-primary:focus,
.btn-primary.focus {
	color: #fff;
	background-color: #5370b2;
	border-color: #335092;
}

.btn-squared {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*font-size: 16px;
	font-weight: 500;*/
	height: auto;
	line-height: 1.5em;
	padding: 8px 16px;
	position: relative;
	text-transform: none;
	width: auto;
	min-width: 0;
}

.btn-squared.btn-small {
	padding: 6px 16px;
}

.btn-squared.btn-xsmall {
	padding: 4px 12px;
}


/**
* Disabled button
*/
.btn.disabled,
.btn:disabled,
.btn.disabled:hover,
.btn:disabled:hover {
	color: #222 !important;
	background-color: #ccc !important;
	border-color: #aaa !important;
	cursor: text !important;
	opacity: 0.65 !important;
}


/** 
* Button widths 
*/
.btn-xnarrow {
	width: 100%;
	max-width: 140px;
}

.btn-narrow {
	width: 100%;
	max-width: 200px;
}

.btn-normal {
	width: 100%;
	max-width: 260px;
}

.btn-wide {
	width: 100%;
	max-width: 320px;
}

.btn-xwide {
	width: 100%;
	max-width: 380px;
}


/**
* .btn.dropdown-toggle
*/
.btn.dropdown-toggle .caret {
	margin-left: 5px;
}

.btn.dropdown-toggle + ul.dropdown-menu {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 1px solid #bbb;
	padding: 0;
}

.btn.dropdown-toggle + ul.dropdown-menu > li {
	
}

.btn.dropdown-toggle + ul.dropdown-menu > li > a {
	border-top: 1px dotted #ddd;
	padding: 8px 16px;
}

.btn.dropdown-toggle + ul.dropdown-menu > li:first-child > a {
	border: none;
}


/**
* Button Icons
*/
.btn .glyphicon,
.btn i, 
.btn-large i, 
.btn-floating i, 
.btn-large i, 
.btn-flat i {
    font-size: 1em;
    line-height: inherit;
	margin-left: 3px;
	margin-right: 3px;
}

.btn .material-icons,
button .material-icons {
	display: inline-block;
	font-size: 1.4em;
	line-height: 1em;
	vertical-align: middle;
}


/**
* Buttons sizes
*/
.btn-sm,
.btn-small {
	font-size: 15px;
	width: auto;
	min-width: 0;
	padding: 6px 24px;
}

.btn-xsm,
.btn-xsmall {
	font-size: 15px;
	width: auto;
	min-width: 0;
	padding: 4px 18px;
}

.btn-sm .glyphicon,
.btn-small .glyphicon,
.btn-sm i,
.btn-small i {
	font-size: 1em;
}

.btn-lg,
.btn-large {
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px;
	
	padding: 12px 24px;
}

.btn-xl,
.btn-xlg,
.btn-xlarge {
	-moz-border-radius: 36px;
	-webkit-border-radius: 36px;
	border-radius: 36px;
	
	padding: 16px 36px;
}



/**
* Button colors
*/

/* test colors */
.btn-baseline {
	color: #fff;
	background-color: #ffa600;
	border-color: #ffa600;
}

.btn-baseline:hover {
	color: #fff;
	background: #ffb610;
	border-color: #ffa600;
}

.btn-postinjury {
	color: #fff;
	background: #76a9a9;
	border-color: #76a9a9;
}

.btn-postinjury:hover {
	color: #fff;
	background: #86b9b9;
	border-color: #76a9a9;
}


/* other colors */
.btn-light-gray {
	color: #333;
	background-color: #e9e9e9;
	border-color: #ccc;
}

.btn-light-gray:hover {
	color: #333;
	background-color: #f6f6f6;
	border-color: #ccc;
}

.btn-gray {
	color: #fff;
	background-color: #888;
	border-color: #808080;
}

.btn-gray:hover {
	color: #fff;
	background-color: #999;
	border-color: #808080;
}

.btn-dark-gray,
.btn-darkgray {
	color: #fff;
	background-color: #707070;
	border-color: #666;
}

.btn-dark-gray:hover,
.btn-darkgray:hover {
	color: #fff;
	background-color: #808080;
	border-color: #666;
}

.btn-green {
	color: #fff;
	background-color: #0b6;
	border-color: #094;
}

.btn-green:hover {
	color: #fff;
	background-color: #0a5;
	border-color: #094;
}

.btn-blue-green {
	color: #fff;
	background: #76a9a9;
	border-color: #76a9a9;
}

.btn-blue-green:hover {
	color: #fff;
	background: #86b9b9;
	border-color: #76a9a9;
}

.btn-light-blue,
.btn-info {
	color: #335092;
	background-color: #c2cbdf;
	border-color: #c2cbdf;
}

.btn-light-blue:hover,
.btn-info:hover {
	color: #335092;
	background-color: #e1e5ef;
	border-color: #c2cbdf;
}

.btn-orange {
	color: #fff;
	background-color: #ffa600;
	border-color: #ffa600;
}

.btn-orange:hover {
	color: #fff;
	background: #ffb610;
	border-color: #ffa600;
}

.btn-red {
	color: #fff;
	background-color: #d43f3a;
	border-color: #d43f3a;
}

.btn-red:hover {
	color: #fff;
	background-color: #e44f4a;
	border-color: #d43f3a;
}

.btn-white {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.btn-white:hover {
	color: #333;
	background-color: #f3f3f3;
	border-color: #bbb;
}