driver-js-dynamic-wrapper/dist/style.css

A wrapper around driver.js to make handling dynamic elements become simpler

div#driver-popover-item {
  color: #2d2d2d;
  min-width: 250px;
  max-width: 300px;
  z-index: 1000000000;
  background: #fff;
  border-radius: 5px;
  margin: 0;
  padding: 15px;
  display: none;
  position: absolute;
  box-shadow: 0 1px 10px #0006;
}

div#driver-popover-item .driver-popover-tip {
  content: "";
  border: 5px solid #fff;
  position: absolute;
}

div#driver-popover-item .driver-popover-tip.bottom {
  border-color: #fff #0000 #0000;
  bottom: -10px;
}

div#driver-popover-item .driver-popover-tip.bottom.position-center {
  left: 49%;
}

div#driver-popover-item .driver-popover-tip.bottom.position-right {
  right: 20px;
}

div#driver-popover-item .driver-popover-tip.left {
  border-color: #0000 #fff #0000 #0000;
  top: 10px;
  left: -10px;
}

div#driver-popover-item .driver-popover-tip.left.position-center {
  top: 46%;
}

div#driver-popover-item .driver-popover-tip.left.position-bottom {
  top: auto;
  bottom: 20px;
}

div#driver-popover-item .driver-popover-tip.right {
  border-color: #0000 #0000 #0000 #fff;
  top: 10px;
  right: -10px;
}

div#driver-popover-item .driver-popover-tip.right.position-center {
  top: 46%;
}

div#driver-popover-item .driver-popover-tip.right.position-bottom {
  top: auto;
  bottom: 20px;
}

div#driver-popover-item .driver-popover-tip.top {
  border-color: #0000 #0000 #fff;
  top: -10px;
}

div#driver-popover-item .driver-popover-tip.top.position-center {
  left: 49%;
}

div#driver-popover-item .driver-popover-tip.top.position-right {
  right: 20px;
}

div#driver-popover-item .driver-popover-tip.mid-center {
  display: none;
}

div#driver-popover-item .driver-popover-footer {
  margin-top: 10px;
  display: block;
}

div#driver-popover-item .driver-popover-footer button {
  text-shadow: 1px 1px #fff;
  color: #2d2d2d;
  cursor: pointer;
  zoom: 1;
  background-color: #f1f1f1;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  outline: 0;
  padding: 3px 10px;
  font: 11px / 1.3 sans-serif;
  text-decoration: none;
  display: inline-block;
}

div#driver-popover-item .driver-popover-footer button.driver-disabled {
  color: gray;
  cursor: default;
  pointer-events: none;
}

div#driver-popover-item .driver-popover-footer .driver-close-btn {
  float: left;
}

div#driver-popover-item .driver-popover-footer .driver-btn-group, div#driver-popover-item .driver-popover-footer .driver-close-only-btn {
  float: right;
}

div#driver-popover-item .driver-popover-title {
  zoom: 1;
  margin: 0 0 5px;
  font: 700 19px / 1.5 sans-serif;
  display: block;
  position: relative;
}

div#driver-popover-item .driver-popover-description {
  color: #2d2d2d;
  zoom: 1;
  margin-bottom: 0;
  font: 400 14px / 1.5 sans-serif;
}

.driver-clearfix:after, .driver-clearfix:before {
  content: "";
  display: table;
}

.driver-clearfix:after {
  clear: both;
}

.driver-stage-no-animation {
  outline: 5000px solid #000000bf;
  -o-transition: none !important;
  background: none !important;
  transition: none !important;
}

div#driver-page-overlay {
  width: 100%;
  height: 100%;
  zoom: 1;
  filter: alpha(opacity= 75);
  opacity: .75;
  background: #000;
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100002 !important;
}

div#driver-highlighted-element-stage, div#driver-page-overlay {
  -o-transition: all .3s;
  transition: all .3s;
  top: 0;
  left: 0;
}

div#driver-highlighted-element-stage {
  height: 50px;
  width: 300px;
  background: #fff;
  border-radius: 2px;
  display: none;
  position: absolute;
  z-index: 100003 !important;
}

.driver-highlighted-element {
  z-index: 100004 !important;
}

.driver-position-relative {
  position: relative !important;
}

.driver-fix-stacking {
  z-index: auto !important;
  opacity: 1 !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  -o-filter: none !important;
  filter: none !important;
  perspective: none !important;
  -ms-perspective: none !important;
  -o-perspective: none !important;
  transform-style: flat !important;
  -ms-transform-style: flat !important;
  -webkit-transform-box: border-box !important;
  -moz-transform-box: border-box !important;
  -ms-transform-box: border-box !important;
  -o-transform-box: border-box !important;
  transform-box: border-box !important;
  will-change: unset !important;
  transform: none !important;
}



/*# sourceMappingURL=style.css.map */