/* Forms */



::-webkit-input-placeholder {
   color: #888!important;font-style:italic!important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #888!important;font-style:italic!important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #888!important; font-style:italic!important;
}

:-ms-input-placeholder {  
   color: #888!important;font-style:italic!important;  
}

input[type="radio"]+label,input[type="checkbox"]+label {display:inline-block}

label.styled {display:inline-block;margin:0.25rem 0.5rem 0.25rem 0;cursor:pointer;clear:none;color:inherit}
label.styled input {visibility:hidden;position:absolute;margin:0}
label.styled span {color:inherit;display:inline-block;font-weight:normal;font-size:1rem}
label.styled span:before {font-family:FontAwesome,'FontAwesome';width:1.2rem;display:inline-block;}
label.styled input[type='radio']+span:before {content:'\f1db';}
label.styled input[type='checkbox']+span:before {content:'\f096';}
label.styled input[type='radio']:checked+span {font-weight:500}
label.styled input[type='radio']:checked+span:before {content:'\f192';width:1.2rem;color:green}	
label.styled input[type='checkbox']:checked+span {font-weight:500}
label.styled input[type='checkbox']:checked+span:before {content:'\f046';width:1.2rem;color:green}
.label,label {display:block;clear:both;margin:0.25rem 0 0 0;font-size: 0.9rem;font-weight:500;color: #777}
label.required:after {content:' *';font-size:0.8rem;vertical-align:top;}
span.value {display:inline-block;vertical-align:middle;margin:0.25rem 0}

button,.button,input:not([type="checkbox"]):not([type="radio"]),textarea,select {
	padding:0.2rem 0.2rem;border: 1px solid rgba(0,0,0,0.3);font: inherit;vertical-align:middle;
	max-width:100%!important;box-shadow: 1px 1px 2px rgba(0,0,0,0.05) inset;border-radius:2px;display:inline-block;
	margin:0.25rem 0;box-sizing: border-box;
}

select {
	padding:0;
}
select[multiple] {background-image:none;}
option {padding:0.1rem 0.5rem}
option[selected] {background-color: #999;font-weight:600;color:#fff;}

input[disabled],option[disabled],select[disabled],textarea[disabled] {font-style:italic; color: #aaa}

input[type="checkbox"],input[type="radio"] {
	margin:0;padding:0;display:inline-block; vertical-align:-2px;height:0.8rem
}
input[type="file"]
{
	padding:1px!important
}

input[type="number"] {width:48px}
textarea {width:100%;}

button,.button,input[type="button"],input[type="submit"],input[type="reset"]
{
	background-color: #ed1b24; width:auto;text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	min-width:1px!important;box-shadow: 1px 2px 7px rgba(250,250,250,0.3) inset !important;
	padding-left:1rem!important;padding-right:1rem!important;text-decoration:none;
	text-align:center;color:#fff;transition: background-color 0.2s;
}


button:focus,.button:focus,input:focus,textarea:focus,select:focus {outline: 1px solid rgba(110,40,140,0.3)!important;}

button::-moz-focus-inner,
.button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {border:0;}

button.reset,.button.reset,input[type="reset"] {
	background-color: #ddd!important;color:#666!important;text-shadow: 1px 1px 1px rgba(255,255,255,0.5)!important;
}

input[type="reset"]:active,button.reset:hover,.button.reset:hover,input[type="reset"]:hover {opacity:1!important;cursor:pointer;}

input[type=submit].delete,.button.delete {background-color: #e55}

button:active,.button:active,input[type="button"]:active,input[type="submit"]:active,
button:hover,.button:hover,input[type="button"]:hover,input[type="submit"]:hover
{
	background-color: #0a5c8c!important;cursor:pointer;color:#fff;
}
.button.small {font-size:0.85rem;padding:0}

input+output {font-size:0.9rem;width:2rem;display:inline-block;color: #aaa;}

input[type=range] {
    -webkit-appearance: none;
    height:2rem;
	border:none!important;
	box-shadow:none!important;
	width:calc(100% - 2.25rem);
}

input[type=range]:focus {
    outline: none!important;
}

/* Slidertrack */
input[type=range]::-webkit-slider-runnable-track {
    margin:5px 0;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range].changed::-webkit-slider-runnable-track {
	background: #f8a11c;
}

input[type=range]::-moz-range-track {
    height: 7px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range].changed::-moz-range-track {
	background: #f8a11c;
}

input[type=range]::-ms-track {
    
    height: 7px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent;
}

input[type=range].changed::-ms-track {
	background: #f8a11c;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range]::-ms-fill-lower {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}

/* Sliderthumb */

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    background: #f8a11c;
    margin-top:-6px;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    background: #f8a11c;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

input[type=range]::-ms-thumb {
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    background: #f8a11c;
	border: 1px solid rgba(0,0,0,0.2);
	margin-top:0px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

input[type=range]:active::-webkit-slider-thumb {
	background-color: #f8d150;
}

input[type=range]:active::-moz-range-thumb {
	background-color: #f8d150;
}

input[type=range]:active::-ms-thumb {
	background-color: #f8d150;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}




form:not(.changed) input[type="reset"] {opacity:0.5};
*.changed:not(form) {border-color: orange!important}

input#quicksearch {background: url(/images/icons/search.png) no-repeat right center #fff;padding-right:1.4rem!important}
input[type='search'] {background: url(/images/icons/search.png) right center no-repeat #fff}


@media screen and (max-width: 768px) {
	/*.button,input:not([type=radio]):not([type=checkbox]),select,textarea {width:100%!important;box-sizing: border-box}*/ 
	
}