@import url('./driver.min.css');
div#driver-popover-item {
  background: transparent;
  color: #fff;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  
}
/* div#driver-popover-item .driver-popover-tip.top {
  display: none;
} */
div#driver-popover-item .driver-popover-tip {
  position: static;
}
div#driver-popover-item .driver-popover-title {
  width: 150px;
  font-weight: 100;
  font: 14px/normal sans-serif;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn {
  position: fixed;
  float: none;
  top: 100px;
  right: 100px;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 20px;
  text-shadow:0 0 0 #fff;
  border-radius: 20px;
}
div#driver-popover-item .driver-popover-footer .driver-prev-btn {
  background-color: transparent;
  color: #fff;
  padding: 8px 20px;
  width: 80px;
  text-shadow:0 0 0 #fff;
  border-radius: 20px;
}
div#driver-popover-item .driver-popover-footer .driver-next-btn {
  background:linear-gradient(to right, #2B8AEC,#2533F5);
  color: #fff;
  padding: 8px 20px;
  width: 80px;
  text-shadow:0 0 0 #fff;
  border-radius: 20px;
  border: transparent;
}

/* first-step-popover-class */
div#driver-popover-item.first-step-popover-class {
  max-width: 563px;
}
div#driver-popover-item.first-step-popover-class .driver-popover-tip.left {
  background: url("../images/step_first.png") no-repeat;
  border-color: transparent;
  width: 263px;
  height: 131px;
}
div#driver-popover-item.first-step-popover-class .driver-popover-title {
  margin-left: 263px;
}
div#driver-popover-item.first-step-popover-class .driver-popover-description {
  margin-left: 263px;
  width: 350px;
  color: #fff;
}
div#driver-popover-item.first-step-popover-class .driver-popover-footer .driver-prev-btn {
  display: none!important;
}
div#driver-popover-item.first-step-popover-class .driver-popover-footer .driver-next-btn {
  margin: 30px 0 0 336px;
}
div#driver-popover-item.first-step-popover-class .driver-popover-footer .driver-btn-group  {
  float: none;
}

/* second-step-popover-class */
div#driver-popover-item.second-step-popover-class {
  max-width: 376px;
}

div#driver-popover-item.second-step-popover-class .driver-popover-tip.right {
  background: url("../images/step_second.png") no-repeat;
  border-color: transparent;
  width: 263px;
  height: 131px;
  margin-top: 50px;
  margin-left: 71px;
}

div#driver-popover-item.second-step-popover-class .driver-popover-title {
  margin-top: 10px;
}
div#driver-popover-item.second-step-popover-class .driver-popover-description {
  width: 350px;
  color: #fff;
}
div#driver-popover-item.second-step-popover-class .driver-popover-footer {
  margin-top: 30px;
}
div#driver-popover-item.second-step-popover-class .driver-popover-footer .driver-btn-group {
  float: none;
}
div#driver-popover-item.second-step-popover-class .driver-popover-footer .driver-prev-btn {
  margin: 0 50px 0 -82px;
}
div#driver-popover-item.second-step-popover-class .driver-popover-footer .driver-next-btn {
  margin: 0;
}

/* third-step-popover-class */
div#driver-popover-item.third-step-popover-class {
  max-width: 500px;
}
div#driver-popover-item.third-step-popover-class .driver-popover-tip.left {
  background: url("../images/step_third.png") no-repeat;
  border-color: transparent;
  width: 263px;
  height: 131px;
  margin-top: -75px;
  margin-left: -16px;
}
div#driver-popover-item.third-step-popover-class .driver-popover-title {
  margin-top: -200px;
  margin-left: 290px;
}
div#driver-popover-item.third-step-popover-class .driver-popover-description {
  width: 350px;
  margin-left: 290px;
  color: #fff;
}
div#driver-popover-item.third-step-popover-class .driver-popover-footer {
  margin-top: 30px;
}
div#driver-popover-item.third-step-popover-class .driver-popover-footer .driver-prev-btn {
  margin: 0 50px 0 -234px;
}
div#driver-popover-item.third-step-popover-class .driver-popover-footer .driver-next-btn {
  margin: 0;
}


/* fourth-step-popover-class */
div#driver-popover-item.fourth-step-popover-class {
  max-width: 460px;
}
div#driver-popover-item.fourth-step-popover-class .driver-popover-tip.right {
  background: url("../images/step_fourth.png") no-repeat;
  border-color: transparent;
  width: 271px;
  height: 160px;
  margin-top: -131px;
  margin-left: -40px;
}
div#driver-popover-item.fourth-step-popover-class .driver-popover-title {
  width: 230px;
  margin-left: -200px;
  margin-top: -22px;
}
div#driver-popover-item.fourth-step-popover-class .driver-popover-footer .driver-btn-group {
  display: none;
}

/* fifth-step-popover-class */
div#driver-popover-item.fifth-step-popover-class {
  max-width: 460px;
}
div#driver-popover-item.fifth-step-popover-class .driver-popover-tip.right {
  background: url("../images/step_fourth.png") no-repeat;
  border-color: transparent;
  width: 271px;
  height: 160px;
  margin-top: -188px;
  margin-left: -43px;
}
div#driver-popover-item.fifth-step-popover-class .driver-popover-title {
  margin-top: -31px;
  margin-left: -271px;
}
div#driver-popover-item.fifth-step-popover-class .driver-popover-description {
  width: 300px;
  margin-left: -271px;
  color: #fff;
}
div#driver-popover-item.fifth-step-popover-class .driver-popover-footer .driver-btn-group {
  float: none;
}
div#driver-popover-item.fifth-step-popover-class .driver-popover-footer .driver-next-btn {
  display: block!important;
  margin-left: -200px;
  margin-top: 30px;
}

/* sixth-step-popover-class */
div#driver-popover-item.sixth-step-popover-class {
  max-width: 460px;
}
div#driver-popover-item.sixth-step-popover-class .driver-popover-tip.right {
  background: url("../images/step_second.png") no-repeat;
  border-color: transparent;
  width: 263px;
  height: 131px;
  margin-top: -84px;
  margin-left: 113px;
}
div#driver-popover-item.sixth-step-popover-class .driver-popover-description {
  width: 320px;
  color: #fff;
}
div#driver-popover-item.sixth-step-popover-class .driver-popover-footer .driver-prev-btn {
  display: inline-block!important;
  color: #fff;
  margin-right: 30px;
}
div#driver-popover-item.sixth-step-popover-class .driver-popover-footer  .driver-next-btn {
  display: inline-block!important;
  width: 90px;
}
div#driver-popover-item.sixth-step-popover-class .driver-popover-footer {
  margin-top: 30px;
}
div#driver-popover-item.sixth-step-popover-class .driver-popover-footer .driver-btn-group {
  float: none;
}