@import "exponent.less";

/* override standard bootstrap styling for use in Exponent */

input[type="color"] {
	height: 34px !important;
	width: 50px !important;
    padding : .25rem;
}

.was-validated input[type="color"] {
    width: 90px !important;
}

//input[type="image"] {
//    width : 16px;
//}

//select, textarea {
//	width: auto !important;
//}

textarea {
	width: auto;
}

//input[type="text"], input[type="password"] {
//	width : auto!important;
//}

//input[type="search"] {
//	width : 160px;
//}

//input.text, input.password {
input.password {
	width: 200px;
	vertical-align: top;
}

input[type="file"] {
	height: 150% !important;
}

.datetime.date input[type="text"] {
	width: 60px;
}

.datetime.date select {
	width: 120px;
}

//.datetime-control .form-group {
//	display: inline-block;
//}

.datetime.date.time select {
	width: 80px;
}

.has-feedback .datetime.date .form-control {
    padding-right: 0;
}

.color-control.has-feedback .form-control {
    padding-right: 12px;
}

.control.calendar-control input.text {
	width: 120px;
}

label.form-check-inline {
    display: block;
}

//.control.calendar-control input.timebox,
//.control .datetime input.timebox {
//	width : 30px;
//}

//.control.calendar-control select,
//.control .datetime select {
.control.calendar-control select {
	width: 60px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	margin-left: 0;
	margin-right: 5px;
	height: inherit;
	width: inherit;
//	margin-top: 0;
/*  bootstrap 3.2.0 fix */
	float: left;
	display: inline-block;
	position: relative;
	//margin-top: 0;
}

.exp-skin .radio input[type="radio"],
.exp-skin .checkbox input[type="checkbox"] {
/*  bootstrap 3.2.0 fix */
	float: left;
	display: inline-block;
	position: relative;
	margin-top: 3px;
}

.exp-skin .radiogroup.control .radio,
.exp-skin .checkbox.control {
/*  bootstrap 3.2.0 fix */
	margin-left: 20px;
}

.exp-skin .checkbox input[type="checkbox"] {
/*  bootstrap 3.2.0 fix */
	margin-top: -3px;
}

.radio, .checkbox {
	padding-left: 0px;
}

input.radio, input.checkbox {
	float: none;
	margin-right: 2px;
}

.radiogroup.control .radio.control {
	margin-top: 0;
	margin-bottom: 0;
}

//input[type="number"] {
//	margin-bottom : 2px !important;
//	width         : 60px;
//}

//.range-control.control {
//	width : 214px;
//}

//li [class^="fa-"],
//li [class*=" fa-"],
//li .fa-lg[class^="fa-"],
//li .fa-lg[class*=" fa-"] {
//	width: auto;
//}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
	color: #b94a48;
	border: 1px solid #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
	border-color: #e9322d;
	box-shadow: 0 0 2px #ce1a15;
	-moz-box-shadow: 0 0 2px #ce1a15;
	-webkit-box-shadow: 0 0 2px #ce1a15;
}

.control span.required,
.control.required span.required {
	color : #ff0000;
}

.has-feedback i.form-control-feedback {
    top: 36px;
}

.checkbox.has-feedback i.form-control-feedback {
    top: 4px;
}

/* buttons */
a.fa-sort,
.container-chrome ul li a.fa-sort {
	background: url("../images/rerank.png") no-repeat scroll 0 50% transparent;
	background: none;
}

//.awesome, .awesome:visited {
/*background : linear-gradient(to bottom, #FFFFFF, #E6E6E6) repeat-x;*/
//	color : inherit;
//}

.control .radio label,
.control.checkbox label {
	margin-bottom: 0px !important;
	margin-right: 5px;
	padding-top: 10px;
	padding-left: 0;
}

.radio.radio-inline {
	margin-top: 0;
}

.add-to-cart-btn,
.add-to-cart-btn a,
.add-to-cart-btn button {
//	line-height: 2.4;
}

.add-to-cart-btn.input button {
	padding-left: 45px;
}

.add-to-cart-btn input[type="text"] {
	width: 24px;
//	z-index: 999;
	color: #000000;
	background: white;
	margin-top: 8px;
}

.alt-body {
	padding: 4px;
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.alt-item {
	padding: 8px;
	border: 1px solid #999;
	background: #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.alt-control {
	margin-bottom: 10px;
}

.alt-control .control {
	margin-bottom: 0;
	padding-bottom: 0;
}

.text-control select[multiple] {
	height: 200px;
	//	width  : 500px;
}

//.text-control {
//	margin-bottom: 5px
//}

//.label {
//	color: #000000;
//}

input.tagit-hidden-field {
	display: none !important;
}

.seatsContainer .form-control,
.product-options .form-control {
	width: inherit;
	display: inline;
	margin-left: 5px;
}

.seatsContainer .form-group {
	margin-bottom: 0;
}

.seatStatus {
	height: auto!important;
}

.additional.thumbnails img.thumbnail {
	margin-bottom: 0;
}

.tagpicker .bootstrap-tagsinput {
	width: 100%;
}

.tagpicker label {
	display: block;
}

.datetime-control .bootstrap-datetimepicker-widget {
	border: #ccc solid 1px;
	.border-radius(4px)
}