/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2016 Leo Feyer
 *
 * @license LGPL-3.0+
 */

/**
 * Since fieldset borders are removed in the reset style sheet, adjust the
 * legends accordingly
 */
legend {
	width:100%;
	display:block;
	font-weight:bold;
	border:0;
}

.formbody {
    padding-left: 2px;
}

/**
 * Text fields and textareas
 */
input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],
input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),textarea {
	width:100%;
	display:inline-block;
	padding:10px 10px;
	margin-bottom: 20px;
	background:#fff;
	border:1px solid #ccc;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:6px;
	-moz-box-shadow:inset 0 1px 1px #eee;
	-webkit-box-shadow:inset 0 1px 1px #eee;
	box-shadow:inset 0 1px 1px #eee;
	-moz-transition:all .15s linear;
	-webkit-transition:all .15s linear;
	-o-transition:all .15s linear;
	transition:all .15s linear;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,
input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus {
	outline:0;
	background:#fcfcfc;
	border:1px solid #2d4e87;
}

/**
 * Fix some width and height settings
 */
input[type="file"] {
	cursor:pointer;
}
select,input[type="file"] {
	display:block;
}
input[type="file"],input[type="image"],button.submit,input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {
	width:auto;
}
textarea,select[multiple],select[size] {
	height:auto;
}

/**
 * Checkboxes and radio buttons
 */
input[type="radio"],input[type="checkbox"] {
	margin:0 3px 0 0;
}
input[type="radio"],input[type="checkbox"],label {
	vertical-align:middle;
}

/**
 * Handle disabled and read-only
 */
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
	cursor:not-allowed;
	background:#eee;
}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {
	background:transparent;
}

/**
 * Buttons
 */
button.submit,.button {
	display:inline-block;
	padding: 14px 25px 14px 25px;
	margin-bottom:0;
	text-align:center;
	vertical-align:middle;
	line-height:16px;
	font-size:1em;
	font-weight: 300;
	width: auto;
	background-color: #626d75;
	color:#fff;
	cursor:pointer;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	transition: all 0.4s ease 0s;
}
button.submit.small,.button.small {
	padding: 10px 20px 10px 20px;
	font-size:1em;
	width: auto;
}
button.submit:hover,.button:hover {
	text-decoration:none;
	background-color: #404040;
	color:#fff;
}
button.submit:active,.button:active {
	background-color:#404040;
}

a.button  { text-decoration: none; }

h1 .button, h2 .button , h3 .button, h4 .button, h5 .button, h6 .button {
    padding: 25px 40px;
}

/*
a.button::after, button.submit::after {
    content: "\f105" !important;
    display: inline-block;
    font-family: FontAwesome;
	font-size: 1em;
	padding-left: 10px;
}
*/



/**
 * Blue buttons
 */
button.submit.blue,.button.blue {
	background-color:#00a9ec;
	color:#fff !important;
}
button.submit.blue:active,.button.blue:active {
	background-color:#0183b6;
}
button.submit.blue:hover,.button.blue:hover { background-color: #0183b6; }

/**
 * Yellow buttons
 */
button.submit.yellow,.button.yellow {
	background-color:#f8df35;
	color:#000 !important;
}
button.submit.yellow:active,.button.yellow:active {
	background-color:#e9cb01;
}
button.submit.yellow:hover,.button.yellow:hover { background-color: #e9cb01; }

/**
 * Green buttons
 */
button.submit.green,.button.green {
	background-color:#009f3c;
	color:#fff !important;
}
button.submit.green:active,.button.green:active {
	background-color:#006b28;
}
button.submit.green:hover,.button.green:hover { background-color: #006b28; }



/**
 * Orange buttons
 */
button.submit.orange,.button.orange {
	background-color:#ea7f2d;
	color:#fff !important;
}
button.submit.orange:active,.button.orange:active {
	background-color:#e46301;
}
button.submit.orange:hover,.button.orange:hover { background-color: #e46301; }

/**
 * Red buttons
 */
button.submit.red,.button.red {
	background-color:#db0000;
	color:#fff !important;
}
button.submit.red:active,.button.red:active {
	background-color:#be322b;
}
button.submit.red:hover,.button.red:hover { background-color: #db0000; }


/**
 * Lightorange buttons
 */
button.submit.lightorange,.button.lightorange {
	background-color:rgb(249, 176, 0);
	color:#fff !important;
}
button.submit.lightorange:active,.button.lightorange:active {
	background-color:rgb(225, 161, 5);
}
button.submit.lightorange:hover,.button.lightorange:hover { background-color: rgb(225, 161, 5); }