/*
 * #Buttons
 */

/*
 * Default button
 */

button,
.rwd__btn,
a.rwd__btn {
	display: inline-block;
	overflow: hidden;
	margin: 0 5px 5px 0;
	border: 1px solid #ccc;
	outline: 0;
	padding: 5px 10px;
	background-color: transparent;
	color: #000;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	font-size: 1rem;
	cursor: pointer;
	transition: all 0.3s ease 0s;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

/*
 * Default button:hover
 */

button:hover,
.rwd__btn:hover {
	border-color: #888;
}

/*
 * Default button:focus
 */

button:focus,
.rwd__btn:focus {
	border-color: #52d7fa;
	box-shadow: 0 0 5px #52d7fa;
}

/*
 * Default button:active
 */

button:active,
.rwd__btn:active {
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25);
}

/*
 * Default Disabled button
 */

/*
 * Disabled
 */

button[disabled],
button[disabled]:hover,
input[disabled],
input[disabled]:hover,
.rwd__btn.rwd__btn_disabled {
	border-color: #eee;
	color: #ccc;
	cursor: not-allowed;
}

a.rwd__btn.rwd__btn_disabled {
	pointer-events: none;
}

/*
 * Primary button
 */

.rwd__btn.rwd__btn_primary {
	border-color: #00adef;
	background: #00adef;
	color: #fff;
}

/*
 * Primary button:hover
 */

.rwd__btn.rwd__btn_primary:hover {
	border-color: #0080b1;
	background: #0080b1;
	color: #fff;
}

/*
 * Primary button - outline
 */

.rwd__btn.rwd__btn_primary.rwd__btn_outline {
	background: transparent;
	color: #00adef;
}

/*
 * Primary button:hover - outline
 */

.rwd__btn.rwd__btn_primary.rwd__btn_outline:hover {
	background: #0080b1;
	color: #fff;
}

/*
 * Disabled Primary button
 */

.rwd__btn_primary[disabled],
.rwd__btn_primary[disabled]:hover,
.rwd__btn.rwd__btn_primary.rwd__btn_disabled {
	border-color: #cdfef1;
	background: #cdfef1;
	color: #fff;
}

/*
 * Disabled Primary button - outline
 */

.rwd__btn_primary.rwd__btn_outline[disabled],
.rwd__btn_primary.rwd__btn_outline[disabled]:hover,
.rwd__btn.rwd__btn_primary.rwd__btn_outline.rwd__btn_disabled {
	border-color: #cdfef1;
	background: transparent;
	color: #cdfef1;
}

/*
 * Info button
 */

.rwd__btn.rwd__btn_info,
.rwd__btn.rwd__btn_blue {
	border-color: #3cf;
	background: #3cf;
	color: #fff;
}

/*
 * Info button:hover
 */

.rwd__btn.rwd__btn_info:hover,
.rwd__btn.rwd__btn_blue:hover {
	border-color: #1ac6ff;
	background: #1ac6ff;
	color: #fff;
}

/*
 * Info button - outline
 */

.rwd__btn.rwd__btn_info.rwd__btn_outline,
.rwd__btn.rwd__btn_blue.rwd__btn_outline {
	background: transparent;
	color: #3cf;
}

/*
 * Info button:hover - outline
 */

.rwd__btn.rwd__btn_info.rwd__btn_outline:hover,
.rwd__btn.rwd__btn_blue.rwd__btn_outline:hover {
	background: #1ac6ff;
	color: #fff;
}

/*
 * Disabled Info button
 */

.rwd__btn_info[disabled],
.rwd__btn_info[disabled]:hover,
.rwd__btn_blue[disabled],
.rwd__btn_blue[disabled]:hover,
.rwd__btn.rwd__btn_info.rwd__btn_disabled,
.rwd__btn.rwd__btn_blue.rwd__btn_disabled {
	border-color: #cdfef1;
	background: #cdfef1;
	color: #fff;
}

/*
 * Disabled Info button - outline
 */

.rwd__btn_info.rwd__btn_outline[disabled],
.rwd__btn_info.rwd__btn_outline[disabled]:hover,
.rwd__btn_blue.rwd__btn_outline[disabled],
.rwd__btn_blue.rwd__btn_outline[disabled]:hover,
.rwd__btn.rwd__btn_info.rwd__btn_outline.rwd__btn_disabled,
.rwd__btn.rwd__btn_blue.rwd__btn_outline.rwd__btn_disabled {
	border-color: #cdfef1;
	background: transparent;
	color: #cdfef1;
}

/*
 * Success button
 */

.rwd__btn.rwd__btn_success,
.rwd__btn.rwd__btn_green {
	border-color: #0c0;
	background: #0c0;
	color: #fff;
}

/*
 * Success button:hover
 */

.rwd__btn.rwd__btn_success:hover,
.rwd__btn.rwd__btn_green:hover {
	border-color: #00b300;
	background: #00b300;
	color: #fff;
}

/*
 * Success button - outline
 */

.rwd__btn.rwd__btn_success.rwd__btn_outline,
.rwd__btn.rwd__btn_green.rwd__btn_outline {
	background: transparent;
	color: #0c0;
}

/*
 * Success button:hover - outline
 */

.rwd__btn.rwd__btn_success.rwd__btn_outline:hover,
.rwd__btn.rwd__btn_green.rwd__btn_outline:hover {
	background: #00b300;
	color: #fff;
}

/*
 * Disabled Success button
 */

.rwd__btn.rwd__btn_success.rwd__btn_disabled,
.rwd__btn.rwd__btn_green.rwd__btn_disabled {
	border-color: #00b300;
	background: #00b300;
	color: #fff;
}

/*
 * Disabled Success button
 */

.rwd__btn_success[disabled],
.rwd__btn_success[disabled]:hover,
.rwd__btn_green[disabled],
.rwd__btn_green[disabled]:hover,
.rwd__btn.rwd__btn_success.rwd__btn_disabled,
.rwd__btn.rwd__btn_green.rwd__btn_disabled {
	border-color: #cfc;
	background: #cfc;
	color: #fff;
}

/*
 * Disabled Success button - outline
 */

.rwd__btn_success.rwd__btn_outline[disabled],
.rwd__btn_success.rwd__btn_outline[disabled]:hover,
.rwd__btn_green.rwd__btn_outline[disabled],
.rwd__btn_green.rwd__btn_outline[disabled]:hover,
.rwd__btn.rwd__btn_success.rwd__btn_outline.rwd__btn_disabled,
.rwd__btn.rwd__btn_green.rwd__btn_outline.rwd__btn_disabled {
	border-color: #cfc;
	background: transparent;
	color: #cfc;
}

/*
 * Warning button
 */

.rwd__btn.rwd__btn_warning,
.rwd__btn.rwd__btn_orange {
	border-color: #f93;
	background: #f93;
	color: #fff;
}

/*
 * Warning button:hover
 */

.rwd__btn.rwd__btn_warning:hover,
.rwd__btn.rwd__btn_orange:hover {
	border-color: #ff8c1a;
	background: #ff8c1a;
	color: #fff;
}

/*
 * Warning button - outline
 */

.rwd__btn.rwd__btn_warning.rwd__btn_outline,
.rwd__btn.rwd__btn_orange.rwd__btn_outline {
	background: transparent;
	color: #f93;
}

/*
 * Warning button:hover - outline
 */

.rwd__btn.rwd__btn_warning.rwd__btn_outline:hover,
.rwd__btn.rwd__btn_orange.rwd__btn_outline:hover {
	background: #ff8c1a;
	color: #fff;
}

/*
 * Disabled Warning button
 */

.rwd__btn_warning[disabled],
.rwd__btn_warning[disabled]:hover,
.rwd__btn_orange[disabled],
.rwd__btn_orange[disabled]:hover,
.rwd__btn.rwd__btn_warning.rwd__btn_disabled,
.rwd__btn.rwd__btn_orange.rwd__btn_disabled {
	border-color: #ffe6cc;
	background: #ffe6cc;
	color: #fff;
}

/*
 * Disabled Warning button - outline
 */

.rwd__btn_warning.rwd__btn_outline[disabled],
.rwd__btn_warning.rwd__btn_outline[disabled]:hover,
.rwd__btn_orange.rwd__btn_outline[disabled],
.rwd__btn_orange.rwd__btn_outline[disabled]:hover,
.rwd__btn.rwd__btn_warning.rwd__btn_outline.rwd__btn_disabled,
.rwd__btn.rwd__btn_orange.rwd__btn_outline.rwd__btn_disabled {
	border-color: #ffe6cc;
	background: transparent;
	color: #ffe6cc;
}

/*
 * Error button
 */

.rwd__btn.rwd__btn_error,
.rwd__btn.rwd__btn_red {
	border-color: #f00;
	background: #f00;
	color: #fff;
}

/*
 * Error button:hover
 */

.rwd__btn.rwd__btn_error:hover,
.rwd__btn.rwd__btn_red:hover {
	border-color: #e60000;
	background: #e60000;
	color: #fff;
}

/*
 * Error button - outline
 */

.rwd__btn.rwd__btn_error.rwd__btn_outline,
.rwd__btn.rwd__btn_red.rwd__btn_outline {
	background: transparent;
	color: #f00;
}

/*
 * Error button:hover - outline
 */

.rwd__btn.rwd__btn_error.rwd__btn_outline:hover,
.rwd__btn.rwd__btn_red.rwd__btn_outline:hover {
	background: #e60000;
	color: #fff;
}

/*
 * Disabled Error button
 */

.rwd__btn_error[disabled],
.rwd__btn_error[disabled]:hover,
.rwd__btn_red[disabled],
.rwd__btn_red[disabled]:hover,
.rwd__btn.rwd__btn_error.rwd__btn_disabled,
.rwd__btn.rwd__btn_red.rwd__btn_disabled {
	border-color: #fcc;
	background: #fcc;
	color: #fff;
}

/*
 * Disabled Error button - outline
 */

.rwd__btn_error.rwd__btn_outline[disabled],
.rwd__btn_error.rwd__btn_outline[disabled]:hover,
.rwd__btn_red.rwd__btn_outline[disabled],
.rwd__btn_red.rwd__btn_outline[disabled]:hover,
.rwd__btn.rwd__btn_error.rwd__btn_outline.rwd__btn_disabled,
.rwd__btn.rwd__btn_red.rwd__btn_outline.rwd__btn_disabled {
	border-color: #fcc;
	background: transparent;
	color: #fcc;
}

/*
 * 100% width (responsive)
 */

.rwd__btn.rwd__btn_full {
	width: 100%;
}

/*
 * Round
 */

.rwd__btn_round {
	border-radius: 3px;
}

.rwd__btn_round_20 {
	border-radius: 20px;
}

/*
 * Weights
 */

.rwd__btn_bold {
	font-weight: 700;
}

/*
 * Sizes
 */

.rwd__btn.rwd__btn_xsmall {
	line-height: 1;
	font-size: 70%;
}

.rwd__btn.rwd__btn_small {
	line-height: 1.25;
	font-size: 85%;
}

.rwd__btn.rwd__btn_large {
	line-height: 1.75;
	font-size: 125%;
}

.rwd__btn.rwd__btn_xlarge {
	line-height: 2;
	font-size: 150%;
}