.ui-menu-item {
	background: rgb(215, 215, 215);
	;
	border: 1px solid white;
	list-style-type: none;
	cursor: pointer;
}

.ui-menu-item:hover {
	background: rgb(200, 200, 200);
}

.ui-autocomplete {
	padding-left: 0;
	margin-top: 5px;
}

div.form-group {
	padding: 2px 2px 2px 2px;
	margin-top: -11px;
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	margin-top: 3px;
}

input#from {
	width: 50% !important;
	float: left;
}

input#to {
	width: 50% !important;
	float: left;
}

select#LMIN {
	width: 50% !important;
	float: left;
}

select#LMAX {
	width: 50% !important;
	float: left;
}

select#KA1 {
	width: 33% !important;
	float: left;
}

select#KA2 {
	width: 33% !important;
	float: left;
}

select#KA3 {
	width: 33% !important;
	float: left;
}

input {
	width: 100% !important;
}

select {
	width: 100% !important;
	border-radius: 0px !important;
}

input#amount {
	border: 0;
	color: #f6931f;
	font-weight: bold;
	FONT-SIZE: large;
	BACKGROUND: #eeeeee;
}

div label input {
	margin-right: 100px;
}

body {
	font-family: sans-serif;
	width: auto;
}

#ck-button {
	margin: 4px;
	background-color: #EFEFEF;
	border-radius: 4px;
	border: 1px solid #D0D0D0;
	overflow: auto;
	float: left;
}

#ck-button:hover {
	background: red;
}

#ck-button label {
	float: left;
	width: 4.0em;
}

#ck-button label span {
	text-align: center;
	padding: 3px 0px;
	display: block;
}

#ck-button label input {
	position: absolute;
	top: -20px;
}

#ck-button input:checked+span {
	background-color: #911;
	color: #fff;
}

span.ui-slider-handle.ui-corner-all.ui-state-default {
	background: yellow;
	width: 32px;
}

span#select2-ST-container {
	color: #FF9800;
	font-size: 19pt;
}

input {
	width: 100% !important;
}

body {
	background-color: transparent;
}

.jf-form {
	margin-top: 28px;
}

.jf-form>form {
	margin-bottom: 32px;
}

.jf-option-box {
	display: none;
	margin-left: 8px;
}

.jf-hide {
	display: none;
}

.jf-disabled {
	background-color: #eeeeee;
	opacity: 0.6;
	pointer-events: none;
}

div.form-group {
	padding: 2px 2px 2px 2px;
}

.mainDescription {
	margin-bottom: 10px;
}

.responsive img {
	width: 100%;
}

p.error,
p.validation-error {
	padding: 5px;
}

p.error {
	margin-top: 10px;
	color: #a94442;
}

p.server-error {
	font-weight: bold;
}

div.thumbnail {
	position: relative;
	text-align: center;
}

div.thumbnail.selected p {
	color: #ffffff;
}

div.thumbnail .glyphicon-ok-circle {
	position: absolute;
	top: 16px;
	left: 16px;
	color: #ffffff;
	font-size: 32px;
}

.jf-copyright {
	color: #888888;
	display: inline-block;
	margin: 16px;
	display: none;
}

.form-group.required .control-label:after {
	color: #dd0000;
	content: "*";
	margin-left: 6px;
}

.submit .btn.disabled,
.submit .btn[disabled] {
	background: transparent;
	opacity: 0.75;
}


/* for image option with span text */

.checkbox label>span,
.radio label>span {
	display: block;
}

.form-group.inline .control-label,
.form-group.col-1 .control-label,
.form-group.col-2 .control-label,
.form-group.col-3 .control-label {
	display: block;
}

.form-group.inline div.radio,
.form-group.inline div.checkbox {
	display: inline-block;
}

.form-group.col-1 div.radio,
.form-group.col-1 div.checkbox {
	display: block;
}

.form-group.col-2 div.radio,
.form-group.col-2 div.checkbox {
	display: inline-block;
	width: 48%;
}

.form-group.col-3 div.radio,
.form-group.col-3 div.checkbox {
	display: inline-block;
	width: 30%;
}

.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.container.jf-form {
	width: 100%;
}