﻿/*@media (max-width: 2000px) {
            .vl-width-lg {
                width: 978px!important;
            }
}

@media (max-width: 1200px) {
            .vl-width-md {
               width: 780px!important;
            }
}*/
/*@media (max-width:920px) {
    .popoverTour {
     max-width: 200px!important;
     font-size: 12px!important;
     }
    .cSMwidth {
        width: 200px!important;
    }
    .btnTour {
    font-size: 0.7em!important;
    }
    .TourEnd{
    font-size: 12px!important;
    }
    .pullTour-right {
    margin-left: 30px!important;
    }
    [class*='tour-'].orphan.popover {
    position: fixed;
    margin-top: -50px;
}
}*/
@media (min-width:1200px) {
        .popover[class*="tour-"].orphan {
          margin-top: -100px;
        }
}
.popover.right {
    margin-left: 10px!important;
}
.popover.top {
    margin-bottom: 10px!important;
}
.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.5!important;
  filter: alpha(opacity=50)!important;
}
.tour-step-backdrop {
  position: relative;
  z-index: 1101;
  background: inherit;
  /*to disable everything except tour step with backdrop*/
  pointer-events:none!important;
  cursor:default!important;
}
.tour-step-background {
  /*opacity: 0.99!important;
  filter: alpha(opacity=99);
  z-index: 1100;*/
  position: absolute!important;
  background: inherit;
  border-radius: 3px!important;
  pointer-events:none ;
  cursor:default;
  box-shadow: 3px 3px 5px #333;
}
.popover[class*="tour-"] {
  z-index: 1100;
  box-shadow: 3px 3px 5px #333!important;
  position: relative;
}
.popover[class*="tour-"] .popover-navigation {
  padding: 9px 9px!important;
}
.popover-content[class*="tour-"] {
  padding: 9px 5px!important;
}
.tourTitleColor {
    background-color: #35456d!important;
    padding: 8px 14px!important;
}
.titleText {
text-align: center;
color: white;
}
.tourContentColor {
    background-color: #f3fbff;
}
.pullTour-right {
margin-left: 70px;
}
.pullEnd-bottom {
margin-top: 17px;
}
.btnTour {
/*background-color: #d9534f;*/
font-family: open_sansregular,sans-serif!important;
font-size: 14px;
font-size: 1em!important;
text-transform: none!important;
}
.cwidth {
width: 276px!important;
max-height:1000px!important;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
.fadeTour {
  pointer-events:none ;
  cursor:default;
  opacity: 1;
  filter: alpha(opacity=100);
}
.SortForTour{
    position: absolute;
    left: 15px;
    top: 30px;
    z-index:1101!important;
    transition:opacity .5s linear;
    box-shadow: 3px 3px 5px #333;
    }
.tourStartLM {
    color:black!important;
    font-size:16px!important;
}
.tourStartXS {
    color:black!important;
    font-size:12px!important;
}
.wayfLG {
    border:none!important;
    background:none!important;
    position:absolute!important;
    margin-top: -22px!important;
    margin-left: -95px!important;
}
/*.wayfSM {
    position: absolute!important;
    margin-top: -58px!important;
    margin-left: -35px!important;
    min-width: 300px!important;
}*/
.wayfXS {
    margin-top: -33px;
    margin-left: -18px;
    /*position: absolute!important;
    margin-top: -58px!important;
    margin-left: -160px!important;
    min-width: 550px;*/
}
.saveQuitTourLG {
    position: absolute!important;
    margin-top: 0px!important;
    margin-left: -71px;
    transition:opacity -0.15s linear!important;
}
@media (max-width:768px) {
    .saveQuitTourLG {
        position: absolute!important;
        margin-top: 0px!important;
        margin-left: -53px!important;
        transition: opacity -0.15s linear!important;
    }
    .canclTourLG {
        position: absolute!important;
        margin-top: 0px!important;
        margin-left: -30px!important;
    }
    .nxtTourLG {
        position: absolute!important;
        margin-top: 0px!important;
        margin-left: -22px!important;
    }
    .submtTourLG {
        position: absolute!important;
        margin-top: 0px!important;
        margin-left: -70px!important;
    }
    .saveContnueTourLG {
        position: absolute!important;
        margin-top:0px!important;
        margin-left: -69px!important;
    }
    .sbmtPOCtourLG {
    position: absolute!important;
    margin-top:0px!important;
    margin-left: -43px!important;
	}
	
	.cwidth {
	font-size:11px !important;
	}

}
.canclTourLG {
    position: absolute!important;
    margin-top: 0px!important;
    margin-left: -40px;
}
.nxtTourLG {
    position: absolute!important;
    margin-top: 0px!important;
    margin-left: -29px;
}
.submtTourLG {
    position: absolute!important;
    margin-top: 0px!important;
    margin-left: -96px;
}
.POCopenTourlg {
    position:absolute!important;
    margin-top: -30px!important;
    margin-left:-20px!important;
    max-width:100px!important;
    min-width: 50px!important;
    font-size:15px!important;
}
.POCopenTourxs {
    position:absolute!important;
    margin-top: 20px!important;
    margin-left:-100px!important;
    min-width:220px!important;
    font-size:12px!important;
}
.saveContnueTourLG {
    position: absolute!important;
    margin-top:0px!important;
    margin-left: -94px;
}
.sbmtPOCtourLG {
    position: absolute!important;
    margin-top:0px!important;
    margin-left: -58px;
}
.chckTourLG {
    position:absolute!important;
    margin-top:20px!important;
    margin-left:0px!important;
    font-size:12px!important;
}
.chckTourxs {
    position:absolute!important;
    margin-top:20px!important;
    margin-left:-100px!important;
    min-width:220px!important;
    font-size:12px!important;
}
.posRelative {
position:relative!important;
/*overflow:scroll!important;*/
}
.marl-0 {
    margin-left: 0px !important;
}

.marHmTourBtn {
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.marHmTourDiv {
    margin-top: 7px !important;
    margin-left: 15px !important;
}
