/**
 * CSS needed to accomodate bootstrap css for existing elements
 *
 * @author Natalie Ash
 **/
.ui-widget-overlay
{
    z-index: 2000 !important ;
}

.ui-dialog
{
    z-index: 2001 !important ;
}

li.cx5_testimonial_full_item div.cx5_testimonial_comments.hidden
{
    visibility: visible;
    display: block;
}

/* @version 20170710 nna - override box-sizing: border-box that bootstrap uses by default */
* {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/* @version 20170712 nna 394273 - inventory search vehicle information overrides */
.resultspecs .label {
	padding: 0;
	color: #000000;
	font-size: inherit;
	text-align: left;
	}

/* @version 20170712 nna 394283 - dropdown menu need to allow wrap on the text*/
.jqueryslidemenu ul li ul li a {
	white-space: normal;
}

/* @version 20170712 nna 394284 - above change for * conflicts with how the select box needs to be sized on this form */
#ce_pl_form_wrapper form select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.jqueryslidemenu .menu_holder {
	display: block;
}

/* @version 2018.07.20 sb Ticket #472536 - Menu gap on certain production sites */
.jqueryslidemenu ul.navbar-nav ul.dropdown-menu {
	position: absolute;
	margin: 0;
	padding: 0;
}

.jqueryslidemenu ul li ul {
	border: none;
	background: none;
}

.jqueryslidemenu ul li ul li a {
	width: 100%;
	box-sizing: border-box;
}

/* @version 2018.07.31 sb Ticket #472175 - Mobile Menu drop-down navigation no longer accordians (just shows overlay of page options) */
@media only screen and (max-width: 660px) {
	.jqueryslidemenu {
		width: 100% !important;
	}
	
    .jqueryslidemenu ul.navbar-nav ul.dropdown-menu {
		position: relative;
	}
	
	.jqueryslidemenu ul li ul li a {
		width:100% !important;
	}
	
	.jqueryslidemenu ul li ul li {
		padding-left: 0 !important;
		width: 100% !important;
	}
	
	.jqueryslidemenu .dropdown-menu {
		width: 100%;
	}
	
}

/* @version 2018.08.01 sb Ticket #417219 - Rebuild the Slideshow plugin so it's completely responsive and include transition options */
.carousel-caption {
	position: absolute;
    max-width: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
	left: 0;
	bottom: 5%;
}

/* @version 2018.09.05 sb Ticket #477852 - If Specific Locations Are Set To Push To Website - Have Blank As Option */
.criteria_slideout label {
	display: inline;
}

/* @version 2019.10.07 sb Ticket #566567, CE5 - Replace JQueryUI Dialog with Bootstrap Modals */
.btn{
    white-space: initial;
}
div.modal-header{
    display: block;
}
h4.modal-title{
    background-color: inherit;
    color: inherit;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: initial;
}
h4.modal-title:hover{
    background-color: inherit;
    cursor: default;
    color: inherit;
}

/* @version 2019.11.20 sb Ticket #574717, CE5 - Replace JQueryUI Slider and Tabs */
.slider.slider-horizontal{
    clear: both;
}