.drop-options {
	background:#fff;
	color:#323232;
	height:0;
	opacity:0;
	overflow-y:scroll;
	padding:0 16px;
	transition:opacity .4s,height .4s,padding .4s;
}

.drop-options ul li {
	cursor:pointer;
}

.drop-placeholder {
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	background:0 0;
	border-bottom:2px solid #dcdcdc;
	color:#007398;
	cursor:pointer;
	display:block;
	font-size:1.25rem;
	padding-bottom:8px;
	transition:border-bottom .4s,background .4s,color .4s;
	user-select:none;
	width:100%;
}

.drop-placeholder:after {
	border:2px solid #b9b9b9;
	content:url(../images/arrow_down.svg);
	float:right;
	height:32px;
	padding:3px 0 0 5px;
	position:relative;
	top:-4px;
	width:32px;
}

.drop-select {
	border:30px solid rgba(220,220,220,0);
	border-top:10px solid rgba(220,220,220,0);
	box-sizing:content-box;
	height:0;
	left:-30px;
	padding-top:0;
	position:absolute;
	transition:border .4s,border-bottom .4s;
	width:100%;
	z-index:1000;
}

.drop-select select {
	display:none;
}

.drop-select-wrapper {
	height:3.5rem;
	position:relative;
}

.drop-select.active {
	border:30px solid rgba(220,220,220,.5);
	border-top:10px solid rgba(220,220,220,.5);
	height:auto;
	left:-30px;
	padding-top:0;
	position:relative;
}

.drop-select.active .drop-options {
	display:inherit;
	height:248px;
	opacity:1;
	padding:16px 16px 12px;
	position:relative;
}

.drop-select.active .drop-placeholder {
	background:rgba(220,220,220,.5);
	border-bottom:2px solid #e9711c;
	color:#323232;
}

.drop-select.active .drop-placeholder:after {
	background:#e9711c;
	border:2px solid #e9711c;
	content:url(../images/arrow_up.svg);
	padding:1px 0 0 6px;
}

.els-no-select {
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	user-select:none;
}

.els-radio-horz {
	float:left;
	margin-bottom:20px;
	width:auto;
}

.els-radio-vert {
	margin-bottom:20px;
	width:100%;
}

.rangeinput {
	margin-top:60px;
	padding-bottom:30px;
	position:relative;
	width:100%;
}

.rangeinput p {
	color:#000;
	font-size:1rem;
	margin-top:5px;
}

.rangeinput p.left {
	float:left;
	text-align:left;
	width:50%;
}

.rangeinput p.right {
	float:right;
	text-align:right;
	width:50%;
}

.slider-range {
	background:#dcdcdc;
	border-radius:20px;
	cursor:pointer;
}

.slider-range .ui-slider-range {
	background:#e9711c;
	border-radius:20px;
	height:7px;
	position:relative;
}

.slider-range .ui-slider-range-min {
	background:#e9711c;
	border-radius:20px;
	height:7px;
	position:relative;
}

.slider-range-min {
	background:#dcdcdc;
	border-radius:20px;
	cursor:pointer;
}

.slider-range-min .ui-slider-range {
	background:#e9711c;
	border-radius:20px;
	height:7px;
	position:relative;
}

.slider-range-min .ui-slider-range-min {
	background:#e9711c;
	border-radius:20px;
	height:7px;
	position:relative;
}

.text-input label {
	bottom:-40px;
	color:#007398;
	cursor:pointer;
	display:block;
	font-size:1.25rem;
	height:30px;
	margin:0;
	position:relative;
	transition:bottom .2s ease-out,font-size .2s ease-out;
}

.text-input label.active {
	bottom:-20px;
	font-size:1em;
}

.text-input label.disabled {
	color:#dcdcdc;
}

.toggle {
	width:inherit;
}

.toggle+label.t-label {
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	cursor:pointer;
	display:block;
	margin-bottom:16px;
	outline:0;
	position:relative;
	user-select:none;
	width:inherit;
}

.toggle-small input.toggle+label.t-label {
	height:18px;
	width:40px;
}

.tooltip {
	background:0 0;
	padding:3px;
	position:absolute;
	width:66px;
}

.tooltip.active {
	background:#ebebeb;
	border-bottom:2px solid #e9711c;
	padding:3px;
	width:auto;
}

.tooltip.active:after {
	border-color:transparent;
	border-left-color:transparent;
	border-right:0;
	border-style:solid;
	border-top-color:#ebebeb;
	border-width:12px;
	bottom:-24px;
	content:"";
	height:0;
	left:54px;
	position:absolute;
	width:0;
}

.tooltip.active:before {
	border-color:transparent;
	border-right:0;
	border-style:solid;
	border-top-color:#e9711c;
	border-width:12px;
	bottom:-26px;
	content:"";
	height:0;
	position:absolute;
	right:1px;
	width:0;
}

.tooltip.right.active {
	background:#ebebeb;
	border-bottom:2px solid #e9711c;
	padding:3px;
	width:auto;
}

.tooltip.right.active:after {
	border-color:transparent;
	border-left:0;
	border-left-color:transparent;
	border-style:solid;
	border-top-color:#ebebeb;
	border-width:12px;
	bottom:-24px;
	content:"";
	height:0;
	left:0;
	position:absolute;
	width:0;
}

.tooltip.right.active:before {
	border-color:transparent;
	border-left:0;
	border-style:solid;
	border-top-color:#e9711c;
	border-width:12px;
	bottom:-26px;
	content:"";
	height:0;
	left:1px;
	position:absolute;
	width:0;
}

.tooltip.right:after {
	border-right:1px solid #ccc;
	content:"";
	height:0;
	left:33px;
	position:relative;
	width:1px;
}

.tooltip:after {
	border-left:1px solid #ccc;
	content:"";
	height:0;
	left:30px;
	position:relative;
	width:1px;
}

.ui-slider .ui-slider-handle {
	-ms-touch-action:none;
	cursor:pointer;
	height:15px;
	margin-left:-8px;
	margin-top:-5px;
	outline:0;
	position:absolute;
	touch-action:none;
	width:15px;
	z-index:2;
}

.ui-state-default {
	background:#fff;
	border:3px solid #e9711c;
	border-radius:30px;
}

.ui-widget-content .ui-state-default {
	background:#fff;
	border:3px solid #e9711c;
	border-radius:30px;
}

.ui-widget-header .ui-state-default {
	background:#fff;
	border:3px solid #e9711c;
	border-radius:30px;
}

body {
	padding:40px;
}

button {
	border-radius:0;
}

form {
	max-width:700px; /* Modified by Mohan Raj.V to fix width issue in search user screen */
	position:relative;
}

input {
	border-radius:0;
}

input.els_textinput {
	background:0 0;
	border:none;
	border-bottom:2px solid #dcdcdc;
	color:#505050;
	display:inline-block;
	font-family:NexusSans;
	font-size:1.25em;
	height:100%;
	padding-bottom:3px;
	transition:border-bottom .4s ease-out;
	width:100%;
}

input.els_textinput.warning {
	border-bottom:solid 2px #C83727;
}

input.slider {
	background:0 0;
	border:none;
	color:#000;
	font-family:NexusSans;
	font-size:1rem;
	height:25px;
	margin:0 0 -3px;
	padding:0;
	text-align:center;
	width:60px;
}

input.toggle+label.t-label {
	border:2px solid #b9b9b9;
	border-radius:60px;
	height:24px;
	margin-right:1rem;
	padding:2px;
	transition:border .4s;
	width:48px;
}

input.toggle+label.t-label:after {
	background:#b9b9b9;
	border-radius:52px;
	bottom:4px;
	content:"";
	display:block;
	height:8px;
	left:6px;
	position:absolute;
	top:6px;
	transition:margin .2s,background .2s,top .2s,width .2s,height .2s;
	width:8px;
}

.toggle-small input.toggle+label.t-label:after {
	height:4px;
	top:5px;
	width:4px;
}

input.toggle+label.t-label:before {
	background-color:none;
	border-radius:60px;
	bottom:2px;
	content:"";
	display:block;
	left:2px;
	position:absolute;
	right:2px;
	top:2px;
	transition:background .4s;
}

.toggle-small input.toggle+label.t-label:before {
	bottom: 1px;
}

.toggle-small input.toggle:checked+label.t-label:after {
	height:8px;
	margin-left:16px;
	top:3px;
	width:8px;
}

input.toggle+label.t-label:hover {
	border:2px solid #505050;
}

input.toggle:checked+label.t-label:after {
	background-color:#e9711c;
	height:12px;
	margin-left:23px;
	top:4px;
	width:12px;
}

input:disabled {
	border-bottom:dotted 2px #dcdcdc;
}

input:focus {
	border-bottom:2px solid #505050;
	color:#000;
	outline:0;
}

input[type=checkbox] {
	left:-999999px;
	position:absolute;
}

input[type=checkbox]:checked+label.c-label:after {
	background-color:#e9711c;
}

input[type=radio] {
	left:-999999px;
	position:absolute;
}

input[type=radio]:checked+label.r-label:after {
	background-color:#e9711c;
}

label+[type=email] {
	margin-top:0!important;
}

label.c-label {
	cursor:pointer;
	display:inline-block;
	font-size:1.25rem;
	margin-right:15px;
	padding-left:30px;
	position:relative;
}

label.c-label:after {
	background-color:transparent;
	content:"";
	display:inline-block;
	height:12px;
	left:6px;
	margin-right:10px;
	position:absolute;
	top:6px;
	transition:background-color .3s ease;
	width:12px;
}

label.c-label:before {
	background-color:#fff;
	border:2px solid #b9b9b9;
	content:"";
	display:inline-block;
	height:24px;
	left:0;
	margin-right:10px;
	position:absolute;
	top:0;
	transition:border-color .3s ease;
	width:24px;
}

label.c-label:hover:before {
	border:2px solid #505050;
}

label.r-label {
	cursor:pointer;
	display:inline-block;
	font-size:1.25rem;
	margin-right:15px;
	padding-left:30px;
	position:relative;
	transition:.2s opacity ease;
}

label.r-label:after {
	background-color:transparent;
	border-radius:50%;
	content:"";
	display:inline-block;
	height:12px;
	left:6px;
	margin-right:10px;
	position:absolute;
	top:6px;
	transition:background-color .3s ease;
	width:12px;
}

label.r-label:before {
	border:2px solid #b9b9b9;
	border-radius:50%;
	content:"";
	display:inline-block;
	height:24px;
	left:0;
	margin-right:10px;
	position:absolute;
	top:0;
	transition:.3s border ease;
	width:24px;
}

label.r-label:hover:before {
	border:2px solid #505050;
}

select {
	border-radius:0;
}

span.w-message {
	color:#C83727;
	display:block;
	font-size:1rem;
	padding-top:8px;
}

textarea {
	border:none;
	border-bottom:2px solid #dcdcdc;
	border-radius:0;
	font-size:1.25rem;
	font-family: NexusSans;
	color:#505050;
	height:100px;
	margin-bottom:15px;
	max-height:400px;
	overflow:hidden;
	padding:13px 0 0;
	resize:none;
	transition:height .3s ease;
	width:100%;
}

textarea:focus {
	border-bottom:2px solid #505050;
	outline:0;
	transition:height .3s ease!important;
}