input[type=submit],
div.ui-datepicker button.ui-state-default,
.akyla-widget-button
{
	background-color: white;
	border-radius: 2px;
	border-width: 1px;
	border-style: solid;
	display:inline-block;
	font-size: 13px;
	font-weight:normal;
	padding: 8px 12px;
	text-decoration:none;
	vertical-align : middle;
	position : relative; /*** Magical number 148 has hereby been slain */
	*display : inline;
	zoom : 1;
	text-align : left;
	line-height: 16px;
	margin-right : 8px;

	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

input[type=submit]:hover,
div.ui-datepicker button.ui-state-default:hover,
.akyla-widget-button:hover
{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

input[type=submit]:active, div.ui-datepicker button.ui-state-default:active, .akyla-widget-button:active,
input[type=submit].pressed:active, .akyla-widget-button.pressed:active
{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

input[type=submit].pressed, .akyla-widget-button.pressed
{
	box-shadow: 0 10px 25px rgba(0,0,0,0.19), 0 6px 18px rgba(0,0,0,0.23);
}

input[type=submit].pressed:hover, .akyla-widget-button.pressed:hover
{
	box-shadow: 0 10px 22px rgba(0,0,0,0.19), 0 6px 10px rgba(0,0,0,0.23);
}

input[type=submit]:active, .akyla-widget-button:active,
input[type=submit]:focus, .akyla-widget-button:focus
{
	outline: none;
}

/*** Magical number 148 has hereby been slain */
.akyla-widget-button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


button.akyla-widget-button > img,
.akyla-widget-button > i.fa,
.akyla-widget-button > i.flaticon
{
	vertical-align : top;
	margin : 0px 10px 0px 0px;
	font-size: 16px;
	display: inline-block;
	width: 16px;
	text-align: center;
}

div.button-holder, div.formSubmitDiv
{
	position : relative;
	z-index : 4;
}

div.button-holder > div > button,
div.button-holder > div > div.button,
div.button-holder > div > form,
div.button-holder > div > a.akyla-widget-button
{
	float: left;
	margin-bottom: 30px;
}

div.button-holder > div:after
{
	content: '';
	display: block;
	clear: both;
}

body input[type=submit][disabled],
body button.akyla-widget-button[disabled],
body .akyla-widget-button[disabled],
body .akyla-widget-button[disabled] > i.fa,
body .akyla-widget-button[disabled] > i.flaticon
{
	color: rgba(0,0,0,0.54);
	border-color: rgba(0,0,0,0.12);
}

body input[type=submit][disabled]:hover,
body button.akyla-widget-button[disabled]:hover,
body .akyla-widget-button[disabled]:hover
{
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/**
 * width < 600px
 * 2 columns, action bar hidden, stream hidden.
 * Phone portait, small phone landscape.
 */
@media all and (max-width:  599px) and (orientation: portrait), (max-width:  799px) and (orientation: landscape)
{
	div.button-holder > div > button,
	div.button-holder > div > div.button,
	div.button-holder > div > form
	{
		margin-bottom: 15px;
	}

	div.button-holder > div > form.actionform
	{
		display: none;
	}
}