@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css';
@import 'https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700,900,900italic';
@import 'bootstrap/bootstrap.less';


@font-face{
	font-family:'Dharma Gothic';
	src:url(../fonts/DharmaGothicE-BoldItalic.eot);
	src:url(../fonts/DharmaGothicE-BoldItalic.otf),
	url(../fonts/DharmaGothicE-BoldItalic.woff2),
	url(../fonts/DharmaGothicE-BoldItalic.woff),
	url(../fonts/DharmaGothicE-BoldItalic.ttf);
	font-weight:700;
	font-style:italic
}
@font-face{
	font-family:'Dharma Gothic';
	src:url(../fonts/DharmaGothicE-ExBoldItalic.eot);
	src:url(../fonts/DharmaGothicE-ExBoldItalic.otf),
	url(../fonts/DharmaGothicE-ExBoldItalic.woff2),
	url(../fonts/DharmaGothicE-ExBoldItalic.woff),
	url(../fonts/DharmaGothicE-ExBoldItalic.ttf)
}
@font-face{
	font-family:'United Sans';
	src:url(../fonts/UnitedSansMedium.otf)
}
@font-face{
	font-family:'United Sans';
	src:url(../fonts/UnitedSansBold.otf);
	font-weight:700
}
@font-face{
	font-family:'United Sans';
	src:url(../fonts/UnitedSansBlack.otf);
	font-weight:900
}
@font-face{
	font-family:'United Sans Condensed';
	src:url(../fonts/UnitedSansHeavyCd.otf);
	font-weight:800
}
@font-face{
	font-family:'United Sans Condensed';
	src:url(../fonts/UnitedSansBoldCd.otf)
}

body {
	font-family: "United Sans", Arial, Helvetica, sans-serif;
	background: white;
	@media( min-width: @screen-md-min ) {
		background: #eaeaea;
	}
}

legend {
	font-family: "Dharma Gothic", "United Sans", Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 700;
	border-color: #dadada;
	text-transform: uppercase;	
	background: #e9eaea;
	box-sizing: content-box;
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px;
	font-size: 37px;
	@media( min-width: @screen-md-min ) {
		background: none;
		border: none;
		margin: 0;
		padding: 0;
	}
	p {
		font-family: "United Sans", Arial, Helvetica, sans-serif;		
		font-size: 14px;
		font-weight: 400;
		font-style: normal;
	}
}
.legend-count {
	vertical-align: top;
	font-size: 60%;
	line-height: 2em;
	@media( min-width: @screen-md-min ) {
		display: none;		
	}
}

.form-control {
	border-radius: 0;
	box-shadow: none;
	
	&:focus {
		border-color: red;
		box-shadow: none;
	}

	@media( max-width: @screen-md-max ) {
		border-top: none;
		border-left: none;
		border-right: none;
	}
}

select.form-control {
  background-image: 
	linear-gradient(#cccccc, #cccccc),
  	url(../images/arrow.png);
  background-position: 93% top, 98% center;
  background-size: 2px 100%, 16px 9px;
  background-repeat: no-repeat;
  -webkit-appearance:none;
  -moz-appearance:none;
  &:focus {
	  background-image: 
		linear-gradient(@brand-primary, @brand-primary),
	  	url(../images/arrow.png);	  
  }
}

@media( min-width: @screen-md-min ) {
	.form-fieldset {
		background-image: radial-gradient(at bottom, #f1f1f1, #e9eaea);
		padding: 3em 0;
	}
}

.form-request-controls {
	padding: 4em 0;
}
.checkbox-fancy {
	display: inline-block;
	input {
		display: none;
	}
	input:checked + label {
		background: @brand-primary;			
		color: white;
	}

	label {
		cursor: pointer;
		border: 1px solid @brand-primary;
		color: @brand-primary;
		display: inline-block;
		width: 2em;
		height: 2em;
		border-radius: 100px;
		text-align: center;
		* {
			line-height: 2em;			
		}
		
	}
}
.dropzone {
	display: block;
    border: none;
    padding: 0;
    background: none;
    margin: 3em 0;
    label {
	    display: block;
	    text-align: center;
    }
    .glyphicon {
	    font-size: 5em;
	    /* TK changed upload icon from white to light gray */
	    color: lightgray;
	    /* TK changed upload icon from white to light gray */
	    margin-bottom: 0.5em;
    }
}
.dropzone-area {
    border: 3px dashed rgba(0, 0, 0, 0.3);
	background: #eaeaea;
    border-radius: 20px;
	width: 100%;
	/* TK Changed padding from 3m and added padding-bottom */
	padding: 0em;
	padding-bottom: 1em;
	/* TK Changed padding from 3m and added padding-bottom */
	box-sizing: border-box;
	text-align: center;
	label {
		display: block;
	}
}

.label-text {
	&:extend(.sr-only);
}