/* General Buttons */
:root {
	--button-border: #2b8bc6;
	--button-color: #fbfbfb;
	--button-border-after: #187dbc;
	--button-gradient-from: #4eb5e5;
	--button-gradient-to: #389ed5;

	--button-border: #0a848a;
	--button-color: #fbfbfb;
	--button-border-after: #12878d;
	--button-gradient-from: #3ea9af;
	--button-gradient-to: #198e94;

	/* WARNING */
	--button-warning-gradient-from: #E9C46A;
	--button-warning-gradient-to: #E76F51;
	--button-warning-border: #F4A261;
	--button-warning-color: #FFF;
	--button-warning-border-after: #F4A261;

	/* DANGER */
	--button-danger-gradient-from: #EF7674;
	--button-danger-gradient-to: #DA344D;
	--button-danger-border: #EC5766;
	--button-danger-color: #FFF;
	--button-danger-border-after: #EC5766;
}
.inside-bidmate button {
	min-width: 130px;
	width: auto;
	padding-right: 45px;
	height: 40px;
	background: linear-gradient(to bottom, var(--button-gradient-from) 0%,var(--button-gradient-to) 100%); /* W3C */
	border: none;
	border-radius: 5px;
	position: relative;
	border-bottom: 4px solid var(--button-border);
	color: var(--button-color);
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	font-size: 15px;
	text-align: left;
	text-indent: 5px;
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2);
	cursor: pointer;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
}
.inside-bidmate button[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}
.inside-bidmate button.button.warning {
	background: linear-gradient(to bottom, var(--button-warning-gradient-from) 0%,var(--button-warning-gradient-to) 100%); /* W3C */
	border-bottom: 4px solid var(--button-warning-border);
	color: var(--button-warning-color);
}

.inside-bidmate button.button.warning:after {
	border-top: 20px solid var(--button-warning-border-after);
	border-bottom: 20px solid var(--button-warning-border-after);
	border-left: 16px solid transparent;
	border-right: 20px solid var(--button-warning-border-after);
}


/* DANGER */

.inside-bidmate button.button.danger {
	background: linear-gradient(to bottom, var(--button-danger-gradient-from) 0%,var(--button-danger-gradient-to) 100%); /* W3C */
	border-bottom: 4px solid var(--button-danger-border);
	color: var(--button-danger-color);
}

.inside-bidmate button.button.danger:after {
	border-top: 20px solid var(--button-danger-border-after);
	border-bottom: 20px solid var(--button-danger-border-after);
	border-left: 16px solid transparent;
	border-right: 20px solid var(--button-danger-border-after);
}

.inside-bidmate button.button.white {
	background: linear-gradient(to bottom, #FFF 0%,#e1e1e1 100%); /* W3C */
	border-bottom: 4px solid #e1e1e1;
	color: #222;
	text-shadow: none;
}

.inside-bidmate button.button.white:after {
	border-top: 20px solid #ccc;
	border-bottom: 20px solid #ccc;
	border-left: 16px solid transparent;
	border-right: 20px solid #ccc;
}

.inside-bidmate button.button.full {
	width: 100%;
	text-align: center;
}

.inside-bidmate button.button.xl {
	font-size: 28px;
	height: 80px;
}

.inside-bidmate button.button.xl:after {
	border-top-width: 40px;
	border-bottom-width: 40px;
}

.inside-bidmate button[disabled="disabled"] {
	opacity: 0.5;
	cursor: not-allowed;
}
.inside-bidmate button:active {
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
	top: 1px;
}

.inside-bidmate button:after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-top: 20px solid var(--button-border-after);
	border-bottom: 20px solid var(--button-border-after);
	border-left: 16px solid transparent;
	border-right: 20px solid var(--button-border-after);
	position: absolute;
	opacity: 0.6;
	right: 0;
	top: 0;
	border-radius: 0 5px 5px 0;
}

/* Button pointing left */

.inside-bidmate button.back {
	text-align: right;
	padding-right: 12px;
	box-sizing: border-box;
}
.inside-bidmate button.back:after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-top: 20px solid var(--button-border-after);
	border-bottom: 20px solid var(--button-border-after);
	border-right: 16px solid transparent;
	border-left: 20px solid var(--button-border-after);
	position: absolute;
	opacity: 0.6;
	left: 0;
	top: 0;
	border-radius: 5px 0 0 5px;
}

/* Single buttons */

.inside-bidmate button.site {
	width: 40px;
	text-align: center;
	text-indent: 0;
}
.inside-bidmate button.site:after{
	display: none;
}