a.button, input[type="submit"] {
	text-transform: none;
	border-radius: 10px !important;
	font-size: 1em !important;
	color: #1b4e8e !important;
	font-weight: bold;
	border: none;
	box-shadow: 2px 2px 2px 0px #555, 0px 0px 0px 1px #777;
}

a.button.active, input[type="submit"].active {
    background-color: #f0f4f6 !important;
}
a.button.active:hover, input[type="submit"].active:hover {
    background-color: #eaedf0 !important;
}

a.button.navigation, input[type="submit"].navigation {
    background-color: #1b4e8e;
	color: white !important;
	box-shadow: 2px 2px 2px 0px #555;
}
a.button.navigation:hover, input[type="submit"].navigation:hover {
    background-color: #38659f;
}

a.button.action, input[type="submit"].action {
	color: white !important;
	background-color: #206CB6;
	box-shadow: 2px 2px 2px 0px #555;
}
a.button.action:hover, input[type="submit"].action:hover {
    background-color: #2879c8;
}

a.button.alt, input[type="submit"].alt {
    background-color: #d6baac;
	color: #1b4e8e !important;
	box-shadow: 2px 2px 2px 0px #555;
}
a.button.alt:hover, input[type="submit"].alt:hover {
    background-color: #d6c2b7;
}

a.button.edit, input[type="submit"].edit {
    background-color: #ffa6d1;
	color: #1b4e8e !important;
	box-shadow: 2px 2px 2px 0px #555;
}
a.button.edit:hover, input[type="submit"].edit:hover {
    background-color: #f2cce0;
}

a.button.delete, input[type="submit"].delete {
    background-color: #adc2d5;
	color: #1b4e8e !important;
	box-shadow: 2px 2px 2px 0px #555;
}
a.button.delete:hover, input[type="submit"].delete:hover {
    background-color: #c8d3dc;
}

a.button.admin, input[type="submit"].admin {
    /*background-color: #036b83;*/ /* tummanvihreä */
    background-color: #b74600; /* tumma oranssi / ruskea */
	color: #FFFFFF !important;
    box-shadow: 2px 2px 2px 0px #555;
}
a.button.admin:hover, input[type="submit"].admin:hover {
    /*background-color: #04748c;*/ /* tummanvihreä */
    background-color: #cc4e00; /* tumma oranssi / ruskea */
}

a.button.important, input[type="submit"], input[type="submit"].important {
    background-color: #fcd669;
	color: #1b4e8e !important;
	box-shadow: 2px 2px 2px 0px #555;
}
a.button.important:hover, input[type="submit"]:hover, input[type="submit"].important:hover {
    background-color: #ffe28f;
}

table th {
    padding: 0.75em;
}

span.accesslink {
    border-radius: 5px;
}

.button.small {
    font-size: 0.85em !important;
}

@media screen and (max-width: 480px)
{
    input[type="submit"], input[type="reset"], input[type="button"], .button {
        padding: 0 1.25em;
    }
}