@CHARSET "ISO-8859-1";

/**
 * TOGGLE CONTAINER
 */
.toggle-container
{
	background-color: #3a3a3c;
	display: inline-block;
}
.toggle-container input
{
	display: inline-block;
	height: 20px;
	width: 20px;
}
.toggle-container input:checked,
.toggle-container input:not(:checked)
{
	height: 0px;
	left: -9999px;
	position: absolute;
	width: 0px;
}

.toggle-container .toggle-item
{
	color: #FFFFFF;
	display: inline-block;
	padding: 10px 25px;
}

.toggle-container .toggle-item:hover
{
	background-color: #343436;
	cursor: pointer;
}

.toggle-container .toggle-item .fa
{
	padding: 0px;
}

.toggle-container input:checked + .toggle-item,
.toggle-container input:checked + .toggle-item:hover,
.toggle-container .toggle-item.selected,
.toggle-container .toggle-item.selected:hover
{
	background: #d15f32;
	cursor: default;
}

.toggle-container input:focus + .toggle-item
{
	box-shadow: 0 0 5px #3a3a3c;
	outline: none;
}

.toggle-container.disabled .toggle-item,
.toggle-container.disabled .toggle-item:hover
{
	background-color: #939598;
	color: #d1d3d4;
	cursor: default;
}

.toggle-container.disabled .toggle-item.selected,
.toggle-container.disabled .toggle-item.selected:hover
{
	background-color: #3a3a3c;
}

/**
 * BUTTONS
 */
.btn
{
	background: #d15f32;
	border: 1px solid #3a3a3c;
	color: #FFFFFF;
	display: inline-block;
	font-size: 100%;
	padding: 5px 15px;
	text-align: center;
	text-decoration: none;
}

.btn:hover,
.btn:focus
{
	background-color: #bc562d;
	cursor: pointer;
	text-decoration: none;
}

.btn:focus
{
	box-shadow: 0 0 5px #3a3a3c;
	outline: none;
}

.btn-disabled,
.btn.disabled
{
	color: #d1d3d4;
	background-color: #3a3a3c;
}

.btn-disabled:hover,
.btn.disabled:hover,
.btn-disabled:focus,
.btn.disabled:focus
{
	background-color: #3a3a3c;
	box-shadow: none;
	cursor: default;
}

.btn-pos
{
	background-color: #2bb673;
}

.btn-pos:hover,
.btn-pos:focus
{
	background-color: #27a568;
}

.btn-neg
{
	background-color: #be1e2d;
}

.btn-neg:hover,
.btn-neg:focus
{
	background-color: #b01c2a;
}

.btn.btn-small
{
	padding: 5px 10px;
}

.btn.btn-small .fa
{
	padding: 0px;
}

/**
 * TOGGLE SWITCH
 */
.toggle-switch
{
	height: 40px;
	width: 40px;
}
.toggle-switch:checked,
.toggle-switch:not(:checked)
{
	height: 0px;
	left: -9999px;
	position: absolute;
	width: 0px;
}

.toggle-switch + label
{
	background: #3a3a3c;
	color: #FFFFFF;
	display: inline-block;
	padding: 10px 25px;
	text-align: center;
}
.toggle-switch:checked:focus + label,
.toggle-switch:not(:checked):focus + label
{
	box-shadow: 0 0 5px #3a3a3c;
}

.toggle-switch:not(:checked) + label:hover
{
	background: #343436;
	cursor: pointer;
}

.toggle-switch:checked + label
{
	background: #d15f32;
}
label.ie8
{
	background: #d15f32;
}

/**
 * LIST TOGGLE ITEMS
 */
ul.list-toggle
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.list-toggle input:checked,
.list-toggle input:not(:checked)
{
	height: 0px;
	left: -9999px;
	position: absolute;
	width: 0px;
}

.list-toggle input + label
{
	border: 1px solid #3a3a3c;
	display: inline-block;
	margin: 2px 0px;
	padding: 5px;
	width: 100%;
}
.list-toggle input:focus + label
{
	box-shadow: 0 0 10px #3a3a3c;
	outline: none;
}

.list-toggle input:checked + label
{
	background: #d15f32;
	background: rgba(209, 95, 50, 0.5);
}

.list-toggle input + label:hover
{
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

/**
 * REMOVABLE LIST
 */
ul.list-remove
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.list-remove input:checked,
.list-remove input:not(:checked)
{
	display: none;
}

.list-remove input + label
{
	display: inline-block;
	margin: 2px 0px;
	padding: 5px;
	width: 100%;
}

.list-remove input + label:hover:before
{
	color: #FFFFFF;
	content: "\f068";
	font-family: FontAwesome;
	font-size: 80%;
	margin: 0px 5px;
}

.list-remove input + label:hover
{
	background: #be1e2d;
	background: rgba(190, 30, 45, 0.5);
	color: #FFFFFF;
	cursor: pointer;
}

/**
 * TOGGLE BUTTONS
 */
input[type=checkbox].btn-toggle:checked,
input[type=checkbox].btn-toggle:not(:checked),
input[type=radio].btn-toggle:checked,
input[type=radio].btn-toggle:not(:checked)
{
	height: 0px; /* invisible while still being focusable */
	position: absolute; /* so it doesn't affect the flow of the page */
	width: 0px;
	left: -9999px;
}

.btn-toggle + label
{
	background: #be1e2d;
	margin: 2px 0px;
	padding: 5px 15px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* build on .btn:focus */
.btn-toggle:focus + .btn
{
	box-shadow: 0 0 5px #3a3a3c;
	outline: none;
}

.btn-toggle + label .fa
{
	padding-right: 15px;
}

.btn-toggle + label .fa:before
{
	content: '\f00d';
}

.btn-toggle:not(:checked) + label:hover,
.btn-toggle:not(:checked):focus + label,
.btn-toggle:not(:checked) + label:focus
{
	background: #b01c2a;
	cursor: pointer;
}

.btn-toggle:checked + label
{
	background: #2bb673;
}

.btn-toggle:checked + label:hover,
.btn-toggle:checked:focus + label,
.btn-toggle:checked + label:focus
{
	background: #27a568;
	cursor: pointer;
}

.btn-toggle:checked + label .fa:before
{
	content: '\f00c';
}
input.ie8
{
	/* visible, but far away */
	position: absolute;
	left: -9999px;
}


/**
 * STANDARD INPUTS
 */
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number]
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea
{
	display: block;
	font: inherit;
	font-size: 100%;
	height: 50px;
	margin: 0px;
	padding: 12px 10px;
	width: 100%;
}

input.error, 
textarea.error, 
select.error,
.pretty-file.error .filename
{
	border-color: #be1e2d;
	border-style: solid;
	color: #be1e2d;
}

input:focus, 
textarea:focus, 
select:focus
{
	outline: none;
	border-color: #3a3a3c;
	border-style: solid;
	box-shadow: 0 0 10px #3a3a3c;
}

input[type=range]:focus
{
	border: 0px;
	box-shadow: none;
}

label.input-tl
{
	color: #939598;
	font-size: 80%;
	margin-left: 4px;
	position: absolute;
	
	/* .no-sel */
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/**
 * PRETTY FILE UPLOAD
 */
.pretty-file
{
	display: none;
}

.pretty-file .filename
{
	display: inline-block;
	word-wrap: break-word;
}

.js .pretty-file
{
	display: block;
}

/**
 * GENERAL FORM STYLES
 */
.full
{
	display: block;
	width: 100%;
}

.half
{
	display: inline-block;
	width: 50%;
}

.third
{
	display: inline-block;
	width: 33%;
	width: calc(100% / 3);
}

.quarter
{
	display: inline-block;
	width: 25%;
}

/**************************************************/

/* Traditional Style Checkboxes */

input[type=checkbox].chk-trad-1:checked,
input[type=checkbox].chk-trad-1:not(:checked)
{
	left: -999px;
	position: fixed;
	top: 0px;
}

input[type=checkbox].chk-trad-1,
input[type=checkbox].chk-trad-1 + label
{
	font-size: 100%;
}

input[type=checkbox].chk-trad-1 + label
{
	display: inline-block;
	margin: 5px 5px 5px 0px;
	padding: 5px 10px;
}

input[type=checkbox].chk-trad-1:focus + label,
input[type=checkbox].chk-trad-1 + label:hover
{
	background: #e5e5e5;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

input[type=checkbox].chk-trad-1:checked + label:BEFORE,
input[type=checkbox].chk-trad-1:not(:checked) + label:BEFORE
{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-align: left;
	text-rendering: auto;
	width: 1.28571429em;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

input[type=checkbox].chk-trad-1:checked + label:BEFORE
{
	content: "\f046"; /* fa-check-square-o */
}

input[type=checkbox].chk-trad-1:not(:checked) + label:BEFORE
{
	content: "\f096"; /* fa-square-o */
}

.multi-select,
.single-select
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.js .multi-select.condensed input[type=checkbox]:not(:checked),
.js .multi-select.condensed input[type=checkbox]:not(:checked) + label,
.js .multi-select.condensed .group-heading
{
	display: none;
}

.js .multi-select.condensed input[type=checkbox]:checked + label:BEFORE,
.js .multi-select.condensed input[type=checkbox]:not(:checked) + label:BEFORE
{
	content: "";
	width: 0px;
}

.js .multi-select.condensed input[type=checkbox]:focus:checked + label:BEFORE,
.js .multi-select.condensed input[type=checkbox]:focus:not(:checked) + label:BEFORE,
.js .multi-select.condensed input[type=checkbox]:checked + label:hover:BEFORE,
.js .multi-select.condensed input[type=checkbox]:not(:checked) + label:hover:BEFORE
{
	content: "\f068"; /* fa-minus */
	width: 1.28571429em;
}

.js .multi-select.condensed input[type=checkbox]:focus:checked + label,
.js .multi-select.condensed input[type=checkbox]:focus:not(:checked) + label,
.js .multi-select.condensed input[type=checkbox]:checked + label:hover,
.js .multi-select.condensed input[type=checkbox]:not(:checked) + label:hover
{
	background: rgba(190, 30, 45, 0.5);
	color: #FFFFFF;
}

.js .single-select.condensed li
{
	display: none;
}

/**************************************************/
