@import "exponent.less";

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

input[type="color"] {
	height  : 24px;
	width   : 20px;
	padding : 0;
}

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

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

textarea {
	width : auto;
}

select:focus {
	border-color       : rgba(82, 168, 236, 0.8);
	outline            : 0;
	outline            : thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow    : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow         : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

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;
}

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

//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;
}

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

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

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

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

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

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

.radio input[type="radio"], .checkbox input[type="checkbox"] {
	margin-left  : 0;
	margin-right : 5px;
}

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

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

.radiogroup label {
    padding-right: 8px;
}

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

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

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

/* buttons */
a.icon-sort, .container-chrome ul li a.icon-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;
}

.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 : 60px;
	min-height: 34px;
}

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

.qty-discount input[type="text"], .qty-discount select {
	width : 60px;
	margin-left: 10px;
	margin-right: 10px;
}

.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
}

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

.seatsContainer label {
	display: inline;
}

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

.seatStatus {
	height: auto!important;
}

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

.tagpicker label {
	display: block;
}

.buttongroup.control.form-group {
    margin-top: 20px;
}