/* --- overwriting Bootstrap --- */

#actionform {
  display: none !important;
}

.matching {
  margin-bottom: 15px;
}

.updateinfo {
  margin-bottom: 20px;
  font-size: 12px;
}

.separator {
  margin-top: 0;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
}

.fin {
  padding-top: 8px;
  padding-bottom: 6px;
}

.fin a {
  color: black;
  font-weight: 500;
}

  .fin a:hover {
    color: #d4d4d4;
    text-decoration: none;
  }

.chart-separation {
  border-bottom: 1px solid #959595;
}

#chart-type {
  height: 250px;
}

#chart-year {
  height: 425px;
}

#chart-miles {
  height: 425px;
}

#chart-price {
  height: 500px;
}

#used-range {
  display: inline-block;
  padding: 5px;
  margin-bottom: 15px;
  color: #468847;
  font-weight: bold;
}

#used-range-start-and-end {
  display: inline-block;
}

#year-range {
  display: inline-block;
  padding: 5px;
  margin-bottom: 15px;
  color: #468847;
  font-weight: bold;
}

#year-range-start-and-end {
  display: inline-block;
}

#mile-range {
  display: inline-block;
  padding: 5px;
  margin-bottom: 15px;
  color: #468847;
  font-weight: bold;
}

#mile-range-start {
  display: inline-block;
}

#mile-range-end {
  display: inline-block;
}

#price-range {
  display: inline-block;
  padding: 5px;
  margin-bottom: 15px;
  color: #468847;
  font-weight: bold;
}

#price-range-start {
  display: inline-block;
}

#price-range-end {
  display: inline-block;
}

.searchresults {
  display: table-cell;
  padding-left: 21px;
  padding-top: 11px;
  width: 57%;
}

.filterresults {
  border-left: 1px solid #959595;
  display: table-cell;
  width: 38%;
  background: #f6f6f6;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
}

.filterbox {
  display: inline-block !important;
  margin-top: -2px !important;
  margin-right: 5px !important;
}

.filterx {
  border: 1px solid #959595;
  background: white;
  padding: 7px;
  border-radius: 4px;
  display: inline-block;
}

#xfilter {
  cursor: pointer;
  color: #bfbfbf;
  margin-left: 12px;
}

.admininfo {
  margin-top: 30px;
  margin-bottom: 20px;
  color: black;
  border-bottom: 1px solid black;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.firstinfo {
  margin-left: 50px;
  margin-top: 30px;
  color: black;
  border-bottom: 1px solid black;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.firstsearchinfo {
  margin-top: 10px;
  color: black;
  border-bottom: 1px solid black;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 20px;
}

.secondinfo {
  margin-left: 50px;
  margin-top: 10px;
  color: black;
  border-bottom: 1px solid black;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

#dmv_select {
  width: 56%;
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 15px;
}

.backbutton {
  margin-top: 10px;
  float: right;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 20px;
}

.dealerinfoheader {
  margin: 15px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.viewinventory {
  margin: 15px;
  float: right;
  font-size: 13px;
  font-weight: 400;
}

.viewinventory a {
  color: white;
}

.viewinventory a:hover {
  color: #0088cc;
}

.dealername {
  margin-bottom: 7px;
}

.dealeraddress {
  margin-bottom: 2px;
  font-size: 11px;
}

.otherdealertable {
  display: table;
  width: 100%;
}

.otherdealerheading {
  margin-bottom: 5px;
  font-size: 12px;
}

.otherdealername {
  display: table-cell;
  width: 80%;
}

.otherdealerinfo {
  display: table-cell;
  width: 20%;
  text-align: right;
}

.dealerwebsite {
  margin-bottom: 2px;
  font-size: 11px;
}

.dealernumbers {
  font-size: 14px;
}

.otherinfo {
  margin-bottom: 2px;
  font-size: 11px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 0;
}

.dmvinfo {
  margin-bottom: 2px;
  font-size: 11px;
  padding: 10px;
}

.searchbox {
  width: 99.9%;
  height: auto;
  background: white;
  display: table;
  border: 1px solid #959595;
}

.searchboxleft {
  display: inline-block;
  padding-bottom: 20px;
  width: 69.1%;
}

.isadminbox {
  float: right;
  height: 296px;
  padding-right: 42px;
  padding-left: 40px;
  background: #f6f6f6;
  border-left: 1px solid #959595;
}

.tabled {
  width: 95.9%;
  height: auto;
  background: white;
  border: 1px solid #959595;
  padding: 21px;
  display: table;
  margin-top: 20px;
}

.resultsbox {
  width: 99.9%;
  height: auto;
  background: white;
  border: 1px solid #959595;
  display: table;
  margin-top: 20px;
}

#searchnav {
  width: 300px;
  display: inline-block;
  padding-left: 10px;
  padding-top: 8px;
  margin-top: 11px;
  margin-right: -7px;
  margin-bottom: 0;
  padding-bottom: 8px;
  background: white;
  color: black;
  border: 1px solid #0079c1;
}

#searchbutton {
  margin-top: 11px;
  padding: 8px 14px;
  background: #0085D5;
  display: inline-block;
  border: 1px solid #006dae;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

#search {
  width: 65%;
  margin-left: 20px;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: -7px;
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: table-cell;
  background: white;
  color: black;
}

#homebutton {
  padding: 8px 14px;
  background: #f6f6f6;
  display: inline-block;
  border: 1px solid #cccccc;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.watchbutton {
  background: white !important;
  border: 1px solid #afafaf !important;
}

.notebutton {
  background: white !important;
  border: 1px solid #afafaf !important;
}

.watchingbutton {
  background: #0085D5 !important;
  border: 1px solid #0079c1 !important;
}

.notedbutton {
  background: #0085D5 !important;
  border: 1px solid #0079c1 !important;
}

.updatebutton {
  background: #0085D5 !important;
  border: 1px solid #0079c1 !important;
}

#loginbutton {
  margin-top: -35px;
  margin-bottom: 20px;
  background: white;
  border: 1px solid #cccccc;
  color: black;
  text-shadow: none;
  text-decoration: none;
}

#registerbutton {
  margin-top: 10px;
  margin-bottom: 20px;
  background: white;
  border: 1px solid #cccccc;
  color: black;
  text-shadow: none;
  text-decoration: none;
}

#otherbutton {
  margin-top: 10px;
  background: white;
  border: 1px solid #cccccc;
  color: black;
  text-shadow: none;
  text-decoration: none;
}

#editnotebutton {
  background: white;
  border: 1px solid #cccccc;
  color: black;
  text-shadow: none;
  text-decoration: none;
}

#deletenotebutton {
  background: white;
  border: 1px solid #cccccc;
  color: black;
  text-shadow: none;
  text-decoration: none;
}

#writenotebutton {
  background: white;
  border: 1px solid #cccccc;
  color: black;
  text-shadow: none;
  text-decoration: none;
}

#backnotebutton {
  background: white;
  border: 1px solid #cccccc;
  color: black;
  text-shadow: none;
  text-decoration: none;
}

.alignbutton {
  text-align: right;
}

#notetext {
  display: none;
}

#notepad {
  border-bottom: 1px solid #959595;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
  background: #f6f6f6;
  padding: 15px;
  display: none;
}

.noteborder {
  border: 1px solid #cccccc;
  padding: 10px;
  background: white;
  margin-bottom: 10px;
  border-radius: 4px;
}

#txt {
  padding: 10px;
  margin-bottom: 10px;
}

#viewnotebutton {
  margin-top: 10px;
}

.watchtext {
  color: white;
  text-shadow: none;
  margin: 0;
  font-weight: 200;
}

.containerbar1 {
  width: 100%;
  background: #eeeeee;
}

.containerbar2 {
  width: 100%;
  background: #eeeeee;
  margin-bottom: 5px;
}

.progressbar {
  background: #0088cc;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 12px;
}

.progressbarregion {
  background: #00b33c;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 12px;
}

.progresslegend {
  background: #0088cc;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 12px;
}

.progresslegendregion {
  background: #00b33c;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 12px;
}

#map-canvas {
  height: 300px;
}

#map-hide {
  height: 300px;
  display: none;
}

#map-canvas-multiple {
  height: 300px;
}

#map-canvas-multiple img {
  max-width: none;
  height: 100%;
}

.topBox {
  display: table;
  width: 100%;
  background: white;
  border-bottom: 1px solid #959595;
  padding-top: 20px;
  padding-bottom: 20px;
}

.viewBox {
  display: table;
  width: 100%;
}

.logo {
  margin-right: 20px;
}

.logoBox {
  display: inline-block;
  vertical-align: top;
}

.dataBox {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #eeeeee;
  display: inline-block;
  vertical-align: top;
  float: right;
}

.watchBox {
  display: inline-block;
  vertical-align: top;
  float: right;
}

.leftColumn {
  display: table-cell;
  vertical-align: top;
  padding-right: 20px;
  width: 65%;
}

.rightColumn {
  display: table-cell;
  vertical-align: top;
  width: 35%;
}

.blockme {
  display: table;
  width: 100%;
}

.blockme1 {
  display: table-cell;
  width: 15%;
}

.blockme2 {
  display: table-cell;
}

.statsBox1 {
  background: white;
  border-left: 1px solid #959595;
  border-bottom: 1px solid #959595;
  border-right: 1px solid #959595;
  display: table;
  table-layout: fixed;
  margin-bottom: 20px;
  width: 99.7%;
}

.legend {
  display: table-cell;
  width: 48.25%;
}

.type {
  display: table-cell;
  width: 48.25%;
}

.year {
  display: table-cell;
  padding-left: 15px;
  width: 48.25%;
}

.miles {
  display: table-cell;
  width: 48.25%;
}

.price {
  display: table-cell;
  padding-left: 15px;
  width: 48.25%;
}

.mapBox {
  border: 1px solid #959595;
  background: white;
  padding: 10px;
}

.mapBoxOther {
  border-left: 1px solid #959595;
  border-bottom: 1px solid #959595;
  border-right: 1px solid #959595;
  background: white;
  padding: 10px;
}

.otherBox {
  border-left: 1px solid #959595;
  border-bottom: 1px solid #959595;
  border-right: 1px solid #959595;
  background: white;
}

.trendBox {
  background: white
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-left: 1px solid #959595;
  border-bottom: 1px solid #959595;
  border-right: 1px solid #959595;
}

#inputBox {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 19px;
  padding-right: 19px;
}

.selectBar {
  background: white;
  border-top: 1px solid #959595;
  padding-top: 10px;
}

#dropbox {
  width: 415px;
}

.box {
  border: 1px solid #959595;
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.loginBox {
  margin-top: 20px;
  margin-bottom: 60px;
  padding-top: 40px;
  padding-left: 25px;
  padding-right: 25px;
  background: white;
  border: 1px solid #959595;
}

.emailPasswordBox {
  padding-top: 40px;
  margin-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  background: white;
  border: 1px solid #959595;
}

.passwordBox {
  padding-top: 40px;
  margin-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  background: white;
  border: 1px solid #959595;
}

.userform {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.logSize {
  text-align: left;
  font-size: 15px;
  color: black;
  padding-bottom: 10px;
}

.regSize {
  text-align: right;
  font-size: 13px;
  padding-bottom: 10px;
}

.forSize {
  text-align: left;
  font-size: 13px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.emailSize {
  text-align: left;
  font-size: 15px;
  color: black;
}

.emailSmallSize {
  text-align: left;
  font-size: 11.5px;
  color: black;
  padding-bottom: 20px;
}

.passwordSize {
  text-align: left;
  font-size: 15px;
  color: black;
  padding-bottom: 15px;
}

.regSizeLink {
  cursor: pointer;
  text-align: right;
  font-size: 13px;
  color: #0088cc;
  padding-bottom: 10px;
}

#hideReg {
  display: none;
  margin: 0;
}

#hideLog {
  display: block;
  margin: 0;
}

.hideReg {
  display: none;
}

.hideLog {
  display: block;
}

.logBox {
  display: inline-block;
}

.regBox {
  display: inline-block;
}

.nextstepbox {
  width: 99.9%;
  height: auto;
  background: white;
  display: table;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #959595;
}

.nextstepinfo {
  color: black;
  border-bottom: 1px solid black;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 0;
}

.displayinlineblock {
  display: inline-block;
}

.moveRight {
  text-align: right;
}

.moveCenter {
  text-align: center;
}

.moveLeft {
  text-align: left;
}

.textblack {
  color: black;
}

.zeromargin {
  margin: 0;
}

#seegraphs {
  cursor: pointer;
}

.dashboard_content {
  width             : 100%;
  sheight            : 100%;
  background        : white;
  display           : table;
  border            : 1px solid #959595;
  padding-bottom    : 50px;
}

.dashboard_section_label {
  margin-left       : 30px;
  margin-top        : 20px;
  margin-bottom     : 20px;
  color             : black;
  border-bottom     : 1px solid black;
  font-size         : 16px;
  font-weight       : 500;
}

#selector_dropdown {
  width             : 100%;
  display           : inline-block;
  margin-top        : 20px;
  margin-left       : 30px;
}

.dashboard_chart {
    width           : 100%;
    margin-top      : 30px;
}