:root {
    /*--popover-bg: #0c8ccd;
    --textColor: #ffffff;*/
    --popover-bg: #ffffff;
    --textColor: #000000;
    --contentColor: #5e5e5e;
}

#startTourBtn {
  margin-top: 20px;
}

/* Onboarding Walkthrough */
.popover-title {
    padding: 15px 15px 0px 15px;
    margin: 0;
    font-size: 16px;
    border-radius: 10px 10px 0 0;
    background-color: var(--popover-bg);
    border-bottom: unset;
    color: var(--textColor);
    font-weight: 600;
}

.popover-content {
    padding: 15px;
    background-color: var(--popover-bg);
    color: var(--contentColor);
}

.popover[class*="tour-"] .popover-navigation {
    padding: 9px 14px;
    overflow: hidden;
    background-color: var(--popover-bg);
    color: var(--textColor);
    border-radius: 0 0 10px 10px;
}

.popover.bottom>.arrow {
    top: -10px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
}

.popover{
    max-width: 400px;
    border: unset;
    background-color: transparent;
}
.tour-step-backdrop {
    z-index: 1101 !important;
}

button[data-role="end"] {
    background-color: #686a6c !important;
    color: #fff !important;
}
button[data-role="prev"],
button[data-role="next"] {
    background-color: #0c8ccd !important;
    color: #fff !important;
}
.sidebar-before-tour {
    padding-top: 0px !important;
    margin-top: 50px !important;
}
.header-before-tour {
    margin-bottom: -50px !important;
    position: relative !important;
}
.header-before-tour,
.navbar-static-before-tour {
    z-index: unset !important;
}