.select-none {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.middle-button, .small-button {
	background: #8da5be;
    background: -webkit-linear-gradient(#a8c0d9, #8da5be);
    background: -moz-linear-gradient(#a8c0d9, #8da5be);
    background: -o-linear-gradient(#a8c0d9, #8da5be);
	background: linear-gradient(#a8c0d9, #8da5be);
    border: none;
    border-radius: 2mm;
	box-sizing: border-box;
    color: #fff;
    cursor: pointer;
	display: inline-block;
	font-size: 12pt;
	margin: 0 1mm 1mm;
	overflow: hidden;
	padding: 1mm 2mm 1.5mm;
	text-align: center;
	text-decoration: none;
	width: 50mm;
}

.small-button {
	font-size: 10.5pt;
	/*height: 7mm;*/
	padding: 1mm 1mm 1.5mm;
}

.middle-button:hover, .small-button:hover,
.middle-button:focus, .small-button:focus {
	background: #ff5c03;
    background: -webkit-linear-gradient(#ff7b33, #ff5c03);
    background: -moz-linear-gradient(#ff7b33, #ff5c03);
    background: -o-linear-gradient(#ff7b33, #ff5c03);
	background: linear-gradient(#ff7b33, #ff5c03);
	color: #fff;
}

.middle-button.disable, .small-button.disable,
.middle-button.disable:hover, .small-button.disable:hover,
.middle-button.disable:focus, .small-button.disable:focus,
.middle-button[disabled], .small-button[disabled] {
	background: #d1d1d1;
    background: -webkit-linear-gradient(#e5e5e5, #d1d1d1);
    background: -moz-linear-gradient(#e5e5e5, #d1d1d1);
    background: -o-linear-gradient(#e5e5e5, #d1d1d1);
	background: linear-gradient(#e5e5e5, #d1d1d1);
	color: #878787;
	cursor: not-allowed;
	pointer-events: none;
}

@media screen and (max-width: 1200px) {
	.middle-button {
		font-size: 11pt;
		height: 9mm;
		padding: 2mm;
		width: 44mm;
	}

	.small-button {
		font-size: 9.5pt;
		height: 6mm;
		padding: 0.5mm 1mm 1mm;
		width: 44mm;
	}
}