/* ========================================================================
 * bootstrap-tour - v0.11.0
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2015 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the MIT License (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://opensource.org/licenses/MIT
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=80);
}
.tour-step-backdrop {
  position: relative;
  z-index: 1101;
}
.tour-step-backdrop {
    z-index: 1101 !important;
}
.tour-step-backdrop > td {
  position: relative;
  z-index: 1101;
}
.tour-step-background {
  position: absolute !important;
  z-index: 1100;
  background: inherit;
  border-radius: 6px;
}
.popover[class*="tour-"] {
  z-index: 1102;
}
.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
  overflow: hidden;
}
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: right;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default;
}
.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}
.popover[class*="tour-"].orphan .arrow {
  display: none;
}




/* CSS ADDED BY VISHAL ON 08/06/2022 */
: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;
}

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;
}



/*PAGE CSS*/
.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;
}

.aside-before-tour {
    z-index: 1101 !important;
    padding-top: 0px !important;
    margin-top: 53px !important;
}

.tour-tour-element .Filter_label {
    color: #2b2c2c !important;
}

.tour-step-backdrop .create-black::placeholder,
.tour-step-backdrop .create-black {
    color: #000 !important;
}

.tour-step-backdrop #upgradeClientMultipleDiv,
.tour-step-backdrop #upgradeClientMultipleDiv_details {
    background: #fff !important;
    border-radius: 0 0 10px 10px !important;
}

.popover-navigation button.disabled {
    display: none !important;
}

    .popover-navigation button.disabled[data-role='prev'] + button {
        border-top-left-radius: 3px !important;
        border-bottom-left-radius: 3px !important;
    }

.aside-before-tour .box-body {
    overflow-y: unset !important;
}

/*css added by vishal content 14-01-2022*/
.ellipsis_float_walkthrough{
    float: left !important;
    padding-right: 0px !important;
}
.walkthrough-btn {
    padding: 15px 15px !important;
    color: #0c8ccd !important;
    border-radius: 0px !important;
}

    .walkthrough-btn:hover,
    .walkthrough-btn:active,
    .walkthrough-btn:focus {
        background-color: #0c8ccd !important;
        color: #ffffff !important;
    }