html {
	background-color: #222222;
	font-family: var(--tds-fonts-combined--medium);
}

.black {
	background-color: #222222;
}

a {
color:#e0fff5;
}

.sidebar ul li a.active  {
    background-color: #222222;
    color:#e0fff5;
}

#page-wrapper,#wrapper {
    background: #222222;
    min-height: 1200px;
}
.tsla-header {
    padding-bottom: 9px;
    margin: 9px 0 20px;
    border-bottom: 1px solid #eee;
}


.modelimg {
	width:100%;
    margin-left: 36px;
    margin-top: 9px;
    transform:scale(1.8);
   }

.navbar-default {
    background-color: #222222;
}

.tsla-large {
    font-size: 18px;
}

@media (min-width: 768px) {
.tsla-large {
    font-size: 27px;
}
}
.dropdown-menu .divider {
	height: 17px;
    background-color: #080808;
    font-weight: bold;
 }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	list-style: none;
    background: #222222
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    background: #222222;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #c74557;
}

.select2-container--default .select2-results__option[aria-selected=false] {
    background-color: #222222;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: white;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #222222 1px;
    outline: 0;
    background: #222222;
}

.chicklet {
    height: 48px;
    width: 48px;
}

.color_selected{
    border: white;
    border-style: dotted;
}

.menutext {
	color:#e0fff5;
    margin-left: 26px;
    margin-right: 18px;
}

.select2-container--default .select2-selection--multiple {
    background-color: #222222;
}

.country_select {
	color:#222222;
    font-size: large;
}

.model_select,.status_select {
	color:#222222;
}

.archive_select{
	color:#222222;
    font-size: large;

}

#lpriceSlider .slider-selection {
	background: #BABABA;
}

.slider.slider-horizontal {
    width: 90%;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #5fce63;
}

.model_pulldown {
	width: 36%;
	margin-left: 27px;
}

.panel-footer {
    color: black;
}

.ajaximg {
	margin-top: -4px;
	height:50px;
	padding-top:0px;
}

.ajaximg_large {
	height:130px;
	margin-top: -4px;
	border-radius: 30px 30px 30px 30px;
}

.cardtext{
	font-size:14pt;
    margin-left: -10px;
   }

.panel {
	border-radius: 30px 30px 00px 00px;
}
.panel-heading {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}




.roundcheckbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 9px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

/* Hide the browser's default checkbox */
.roundcheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;

border-radius: 15px;
}

/* On mouse-over, add a grey background color */
.roundcheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.roundcheckbox input:checked ~ .checkmark {
  background-color: #f32121;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.roundcheckbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.roundcheckbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ms_new,.ms_used,.mx_new,.mx_used,.m3_new,.m3_used{
	display: none;
}

.col {
	overflow: hidden;
	padding-left: 1px;
}

.panel-primary {
    border-color: #b73333;
}


.hide {
	display:none;

}
.dirty {
	display:none;
}

.number {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin: 0 20px 0 0;
    float: right;
    padding: 3px 5px 2px;
}

.rednumber {
    background-color: #e80d0d;
    color: #fff;
}
.bluenumber {
    background-color: #0d79e8ba;
    color: #fff;
}
.whitenumber {
    background-color: #ffffff;
    color: #000;
}
.greennumber {
    background-color: green;
    color: #fff;
}
.yellownumber {
    background-color: #f1f522;
    color: #000;
}

.numberfonts {
	font-size: 80%;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin: 0 20px 0 0;
    padding: 3px 5px 2px;
	}
@media (min-width: 768px) {
	.numberfonts {
		font-size: 100%;
	}
}


.page-header {
   border-bottom: black;
}

.logoimg {
  width: 31%;
}
.globalheader {
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 20px;
    line-height: 0px;
   }
.navbar-brand {
	color: red;
}
@media (min-width: 768px) {
	.globalheader {
		font-family: 'Raleway', sans-serif;
		font-weight: bold;
		color: red;
		font-size: 35px;
		line-height: 45px;
	}
	.logoimg {
	  width: 16%;
      vertical-align: super;
	}
	.navbar-brand {
	color: red;
}
}
.medium {font-size:18px;}

.dropdown-alert,.dropdown-narrow {
	width:250px  !important;
}
.dropdown_country {
	width:320px  !important;
}