/*JQueryUI autocomplete menu items*/
.ui-widget .ui-menu-item{
	text-align: left;
}
.align-right{
	text-align: end;
}
.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.required_holder{
	position: relative;
}

.required_holder span.required::before {
	position: absolute;
	left: -10px;
	content:" * ";
	color: #bb4444;
}

.required_holder span.required.high::before{
	top: -12px;
}

.required_holder span.required.height_0::before{
	top: 0;
}

.required_holder span.required.height_1::before{
	top: -1px;
}

.required_holder span.required.height_2::before{
	top: -2px;
}

.required_holder span.required.height_3::before{
	top: -3px;
}
.required_holder span.required.height_4::before{
	top: -4px;
}
.required_holder span.required.height_5::before{
	top: -5px;
}
.required_holder span.required.height_6::before{
	top: -6px;
}
.required_holder span.required.height_7::before{
	top: -7px;
}
.required_holder span.required.height_8::before{
	top: -8px;
}
.required_holder span.required.height_9::before{
	top: -9px;
}
.required_holder span.required.height_10::before{
	top: -10px;
}
.required_holder span.required.height_11::before{
	top: -11px;
}
.required_holder span.required.height_12::before{
	top: -12px;
}

/*styling for the growable headliners and supporting acts widgets*/
.growable_widget li{
	list-style-type: none;
}

.growable_widget{
	list-style-type: none;
}

.growable_widget li.bulletless{
	list-style-type: none;
	margin-top: 5px;
	padding:5px;
}
#add_variations_input_group{
	margin: 4px;
}

.ts-input-group-icon{
	width: 13px;
}

/*Fixes a Bootstrap bug where the Trent Richardson datetimepicker appears underneath other elements*/
#ui-datepicker-div{
	position: relative;
	z-index: 5000 !important;
	/*I don't know why the number 101 is needed, only that it seems to fix the problem*/
}

.ui-menu{
	position: relative;
	z-index: 100;
}

.ui-autocomplete {
	position: relative;
	cursor: default;
	z-index:101 !important;
}

#pricing_levels_holder {
    margin-bottom: 50px;
	padding-left: 0;
}
#pricing_levels_holder li.pricing_level {
    margin-left:30px;
}
#pricing_levels_holder li.pricing_level {
	list-style-type: none;
	position: relative;
	margin-bottom: 30px;
	border-left:10px solid #47A447;
	padding:20px;
	background-color:#fefefe;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#pricing_levels_holder .ui-state-highlight, #sections_holder .ui-state-highlight{
	border: thin blue solid;
}

#pricing_levels_holder .handle, #sections_holder .handle{
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: 0.5;
	background: url(/_images/grab_mesh.png);
	width: 10px;
	z-index: 1;
}

#pricing_levels_holder .handle:hover, #sections_holder .handle:hover{
	cursor: grab;
}

#pricing_levels_holder .info_area, #sections_holder .info_area{
	margin-left: 10px;
	display: block;
	padding: 10px;
}

#pricing_levels_holder .main_area{

}

#pricing_levels_holder .show_outline, #sections_holder .show_outline{
	border: thin blue solid;
	border-radius: 4px;
}

#pricing_levels_holder li, #sections_holder li{
	list-style-type: none;
	margin: 0;
}

#pricing_levels_holder .taskbar button, #sections_holder .taskbar button{
	/*border: thin #888888 solid;*/
	background: #bbbbbb;
	margin-right: 1px;
}

#pricing_levels_holder .taskbar button:hover, #sections_holder .taskbar button:hover{
	border: thin blue solid;
}

#pricing_levels_holder .taskbar .move_down .fa, #sections_holder .taskbar .move_down .fa{
	position: relative;
	top: -3px;
}

#pricing_levels_holder .taskbar .move_up .fa, #sections_holder .taskbar .move_up .fa{
	position: relative;
	bottom: -3px;
}

.price_level_buttons.has-error button {
	border-color:#A94442 !important;
	background-color: #f8eeee !important;
	color:#A94442 !important;
}

.has-error {
	border-color:#A94442 !important;
	background-color: #f8eeee !important;
	color:#A94442 !important;
}

.has-error:focus {
	background-color: #ffffff !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 0, 0, 0.6) !important;
}


.category{
	border: 0;
	display: inline;
	margin-top: 4px;
	margin-right: 4px;
}

.category_selected{
	background-color: rgb(71, 164, 71);
}

.category_unselected{
	background: #a0a0a0;
}

.category_unselected:hover{
	background: #aaaaaa;
}

.category_unselected:focus{
	background: #aaaaaa;
}

#display_window .category_icon_remove{
	display: none;
}

.category_icon_select{
	color: #ffffff;
	display: none;
}

.category_icon_remove{
	color: #ffffff;
}


#display_window li.ui-state-default{
	background-color: #ffffff;
}

#display_window li.ui-state-active{
	background-color: #a0a0a0;
	border: 1px solid #c5c5c5;
}

#display_window li.ui-state-hover{
	outline: #ff0000;
}

#display_window .ui-tabs-anchor{
	background: none;
	color: #000000;
	outline: none;
	border: none;
}

._draggable:hover{
	cursor: grab;
}