.view-recalls header{height: 0; margin-bottom: 100px}
/* .view-recalls .recalls{text-align: center}
.view-recalls .recalls input{width: 100%} */
.view-recalls .recalls .left{text-align: left}
.view-recalls .recalls .hint{cursor: pointer; position: relative}
.view-recalls .recalls .underline{border-bottom: 1px solid}
.view-recalls .recalls .underline.red{border-bottom: 2px solid #c4172c}
.view-recalls .recalls .vin{margin-right: 30px}
.view-recalls .recalls .search-again{color:#111190; cursor:pointer}
.view-recalls .recalls .no-recall{margin: 20px; background: url(../../../../../content/dam/kia/us/owners/image/feature/recall/check-green.png) no-repeat 23% top;}
/* .view-recalls .recalls .recall-detail{background: #eee; margin-bottom: 20px} */
.view-recalls .recalls .recall-detail h5{margin-top:20px; margin-bottom: 0px}
/* .view-recalls .recalls .vinHintPopup{border: 3px solid grey; position:absolute; z-index: 1000; background: #eee; margin-top: 5px; margin-left: -20px; text-align: center; padding: 10px;} */
.view-recalls .recalls .vinHintPopup button{width: 100%; color: #fff; background: #000; border:none}
.view-recalls .recalls .vinHintPopup span{float:right; width:14px; height:14px; background: url(../../../../../content/dam/kia/us/owners/image/feature/recall/lightbox-close.png); cursor:pointer;}

.view-pre-login .page-content .contain {width: 100%; max-width: 100%;}
.container {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
.searchComponent .searchInput {
  height: 350px;
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.searchComponent .searchInput .mainFrame {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.searchComponent .searchInput .mainFrame h2 {
  color: #FFFFFF;
  font: 600 32px "KIA", sans-serif;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: center;
}
.searchComponent .searchInput .mainFrame p {
  color: #FFFFFF;
  padding: 0 35px;
}
.view-recalls .recalls{text-align: center; margin: 40px auto; max-width: 1025px;}
.view-recalls .recalls .clearIcon {
  color: #b2b2b2;
  font-size: 28px;
  right: 30px;
  position: relative;
  cursor: pointer;
}
.view-recalls .recalls .right{text-align: right}
.view-recalls .recalls .vin-info .no-padding{padding: 0}
.view-recalls .recalls .vin-input{padding: 5px 10px}
.view-recalls .recalls .disclaimer1{margin-top:40px}
/* .view-recalls .recalls .search-vin h3 {display: inline-block} */
.view-recalls .recalls .recall-desc {margin: 40px -16px}
.view-recalls .recalls .icon-info {
  color: #383434;
  font-style: normal;
  height: 18px;
  font-weight: bold;
  line-height: 18px;
  width: 18px;
  vertical-align: bottom;
  border-radius: 100%;
  border: 1px solid #383434;
  text-align: center;
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
  /* right: 0; */
  transform: translateY(-50%);
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 3px;
  font-size: 10px;
  left: 10px;
}
.view-recalls .recalls .icon-info.top {
  top: 3px;
}
.view-recalls .recalls .no-recall p {
  margin-bottom: 0;
}
.view-recalls .recalls .recall-detail{background: #eee; margin-bottom: 20px; border-radius: 10px;}
.view-recalls .recalls .vinHintPopup{border: 3px solid grey; position:absolute; z-index: 14; background: #eee; margin-top: 5px; margin-left: -20px; text-align: center; padding: 10px; width: 360px;}
.view-recalls .recalls .search-vin .vinHintPopup { display: inline-block; margin-top: 30px; margin-left: -190px;}
.faqMainTabTitle {
  height: 48px;
  background-color: #F7F7F7;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.view-recalls .recalls .nav-tabs,
.dropDownWrapper {
  margin-bottom: 20px;
}
.view-recalls .recalls .nav-tabs>li {
  margin-bottom: 0;
  text-align: left;
  padding: 0 34px;
}
.view-recalls .recalls .nav-tabs>li:first-child {
  padding-left: 0;
}
.view-recalls .recalls .nav-tabs>li:last-child {
  padding-right: 0;
}
.view-recalls .recalls .nav-tabs>li>a {
  color: #A1A1A1;
  padding: 0;
  height: 80px;
  display: table-cell;
  vertical-align: bottom;
}
.view-recalls .recalls .nav-tabs>li.active>a,
.view-recalls .recalls .nav-tabs>li.active>a:focus,
.view-recalls .recalls .nav-tabs>li.active>a:hover {
  color: #000;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 2px solid #000;
}
.view-recalls .recalls .dropDownWrapper select {
  width:100%;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid #DFE3E4;
  box-shadow: 0px 4px 8px rgb(0 0 0 / 20%);
  border-radius: 7.57804px;
  outline:0px;
  padding: 10px;
  font: 600 14px 'KIA', sans-serif;
  line-height: 20px;
  color: #05141F;
}
.dtmRecallSubmit {
  border: 1px solid #05141F;
  color: #fff;
  border-radius: 0;
  margin: 0 0px;
  background-color: #05141F;
  padding: 5px 10px;
}
.dtmRecallSubmit.appointment {
  height: 50px;
}
.dtmRecallSubmit.disabled {
  background-color: #3c3c3c;
}
.dtmRecallSubmit.focus, .dtmRecallSubmit:focus, .dtmRecallSubmit:hover {
  color: #fff;
}

@media (max-width: 767px) {
  .view-recalls .recalls{margin: 20px 40px 40px}
  /* .view-recalls .recalls .recall-desc {margin: 40px} */
  .dtmRecallSubmit {width: 85px;padding: 4px;}
  .dtmRecallSubmit.appointment {width: 100%; margin-top: 10px;}
  .view-recalls .recalls .vin{margin-right: 0}
  .view-recalls .recalls .vin-info .left.no-padding { padding-left: 20%;}
  .view-recalls .recalls .vin-input{width: 90%;}
  /* .view-recalls .recalls .vin-info .no-padding { text-align: center;} */
  /* .view-recalls .recalls .vin-info .year { margin-left: -57px;} */
  .view-recalls .recalls .clearIcon {
    top: 2px;
  }
	.view-recalls .recalls .vinHintPopup{width: auto; margin-left:0px; margin-right: 15px}
  .view-recalls .recalls .search-vin .vinHintPopup { display: block; margin-top: 5px; margin-left:0px;}
}

@media (max-width: 900px) and (min-width: 820px) {
	.view-recalls .recalls .no-recall{margin: 20px; background: url(../../../../../content/dam/kia/us/owners/image/feature/recall/check-green.png) no-repeat 20% top;}
}

@media (max-width: 899px) and (min-width: 700px) {
	.view-recalls .recalls .no-recall{margin: 20px; background: url(../../../../../content/dam/kia/us/owners/image/feature/recall/check-green.png) no-repeat 15% top;}
}

@media (max-width: 699px) and (min-width: 620px) {
	.view-recalls .recalls .no-recall{margin: 20px; background: url(../../../../../content/dam/kia/us/owners/image/feature/recall/check-green.png) no-repeat 10% top;}
}

@media (max-width: 619px) and (min-width: 560px) {
	.view-recalls .recalls .no-recall{margin: 20px; background: url(../../../../../content/dam/kia/us/owners/image/feature/recall/check-green.png) no-repeat 5% top;}
}

@media (max-width: 559px){
	.view-recalls .recalls .no-recall{margin: 20px; background: url(../../../../../content/dam/kia/us/owners/image/feature/recall/check-green.png) no-repeat 0% top;}
    .view-recalls .recalls .no-recall span{margin-left: 15px}
}