/**
 * 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:auto;
	display:block;
	font-weight:bold;
	border:0;
}
label {
	font-weight:bold;
}
.checkbox_container label {
  font-weight: 300;
}

.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,select {
	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:0px;
	-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: 20px 25px 20px 24px;
	margin-bottom:0;
	text-align:center;
	vertical-align:middle;
	line-height:16px;
	font-size:1em;
	font-weight: 300;
	width: auto;
	min-width: 200px;
	color:#000;
	cursor:pointer;
	border:1px solid #ccc;
	border-radius: 50px;
	background-color:#ececec;
	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: transparent !important;
	background-image: none !important;
}
button.submit:active,.button:active {
	background-color:#e6e6e6;
	background-position:0 -30px !important;
}

a.button  { text-decoration: none; }

a.button::after, button.submit::after {
    content: "\f105" !important;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1em;
	padding-left: 10px;
}

/**
 * White buttons
 */
button.submit.white,.button.white {
	background-color:#fff;
	border-color:#fff;
	color:#000 !important;
}
button.submit.white:active,.button.white:active {
	background-color:#000;color:#fff !important;
}
button.submit.white:hover,.button.white:hover { color: #000 !important;color:#fff !important; }


/**
 * Blue buttons
 */
button.submit.blue,.button.blue {
	background-color:#2f96b4;
	border-color:#2f96b4;
	color:#fff !important;
}
button.submit.blue:active,.button.blue:active {
	background-color:#2e95b3;
}
button.submit.blue:hover,.button.blue:hover { color: #2f96b4 !important; }

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

/**
 * Green buttons
 */
button.submit.green,.button.green {
	background-color:#55AF30;
	border-color:#55AF30;
	color:#fff !important;
}
button.submit.green:active,.button.green:active {
	background-color:#95c22e;
}
button.submit.green:hover,.button.green:hover { color: #55AF30 !important; }



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

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

/* Ghost Buttons */
ghostbutton.submit,.ghostbutton {
	display:inline-block;
	padding: 20px 25px 20px 24px;
	margin-bottom:0;
	text-align:center;
	text-decoration: none;
	vertical-align:middle;
	line-height:16px;
	font-size:16px;
	font-weight: 500;
	width: auto;
	color:#5a5a5a;
	cursor:pointer;
	border:1px solid #5a5a5a;
	border-radius: 50px;
	background-color:transparent;
	transition: all 0.4s ease 0s;
}
ghostbutton.submit.small,.ghostbutton.small {
	padding: 10px 30px 10px 30px;
	font-size:1em;
	width: auto;
}

ghostbutton.submit:hover,.ghostbutton:hover {
	text-decoration:none;
	background-color: #5a5a5a;
	color: #fff;
}
ghostbutton.submit:active,.ghostbutton:active {
	background-color:#5a5a5a;
}


/**
 * white ghostbuttons
 */
ghostbutton.submit.white,.ghostbutton.white { border:1px solid #fff; color:#fff; }
ghostbutton.submit.white:active,.ghostbutton.white:active { background-color: #fff; color: #000; }
ghostbutton.submit.white:hover,.ghostbutton.white:hover { background-color: #fff; color: #000; }



/**
 * Blue ghostbuttons
 */
ghostbutton.submit.blue,.ghostbutton.blue {	border:1px solid #2f96b4; color:#2f96b4; }
ghostbutton.submit.blue:active,.ghostbutton.blue:active { background-color:#2f96b4; color: #fff; }
ghostbutton.submit.blue:hover,.ghostbutton.blue:hover { background-color:#2f96b4; color: #fff;}
	
/**
 * Yellow ghostbuttons
 */
ghostbutton.submit.yellow,.ghostbutton.yellow { border:1px solid #ffdd00; color: #ffdd00; }
ghostbutton.submit.yellow:active,.ghostbutton.yellow:active { background-color:#ffdd00;	color: #fff; }
ghostbutton.submit.yellow:hover,.ghostbutton.yellow:hover { background-color:#ffdd00; color: #fff; }

/**
 * Green ghostbuttons
 */
ghostbutton.submit.green,.ghostbutton.green { border:1px solid #95c22e;	color: #95c22e; }
ghostbutton.submit.green:active,.ghostbutton.green:active { background-color: #95c22e; color:#fff; }
ghostbutton.submit.green:hover,.ghostbutton.green:hover { background-color: #95c22e; color:#fff; }



/**
 * Orange ghostbuttons
 */
ghostbutton.submit.orange,.ghostbutton.orange {	border:1px solid #db640f; color: #db640f !important; margin-top: 15px;}
ghostbutton.submit.orange:active,.ghostbutton.orange:active { background-color:#db640f; color: #fff !important;}
ghostbutton.submit.orange:hover,.ghostbutton.orange:hover { background-color:#db640f; color: #fff !important; }

/**
 * Red ghostbuttons
 */
ghostbutton.submit.red,.ghostbutton.red { border:1px solid #e90b00;	color: #e90b00; }
ghostbutton.submit.red:active,.ghostbutton.red:active { background-color:#e90b00; color: #fff;}
ghostbutton.submit.red:hover,.ghostbutton.red:hover { background-color:#e90b00; color: #fff; }