.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #2e3e4e;
  opacity: 0.97;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#modal-box-content .panel-heading {
    padding: 67px 15px 0;
}
.introjs-fixParent {
  z-index: auto !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th{
  z-index: 9999998 !important;
}

#intro-block-layer{
  z-index: 9999999; /* higher than introjs-showElement */
}


.introjs-relativePosition {
  position: relative;
}

.introjs-helperLayer {
  position: absolute;
  z-index: 99999999;
  border: 3px solid #fff;
  transition: opacity 1s ease-in;
}

.introjs-helperNumberLayer {
  display: none;
  position: absolute;
  top: -14px;
  left: -14px;
  z-index: 9999999999 !important;
  font-family: Arial, verdana, tahoma;
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #333; /* Old browsers */
  width: 24px;
  height:24px;
  line-height: 20px;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  /* border: 5px solid white; */
  content:'';
  position: absolute;
}
.introjs-arrow.bottom {
  bottom: -7px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
  display: none!important;
}
.introjs-arrow.left {
  left: -23px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
  display: none!important;
}
.introjs-arrow.top {
  top: -7px;
  border-top-color:white;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
  display: none!important;
}
.introjs-arrow.right {
  right: -23px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
  display: none!important;
}
#ajaxModal0.unit-trust-alert-guide .modal-dialog,#modal-box-content .modal-dialog{width:550px}
#ajaxModal0.unit-trust-alert-guide .panel,#modal-box-content .panel{margin-bottom:0}
#ajaxModal0.unit-trust-alert-guide .disclaimer_content,#modal-box-content .disclaimer_content{padding:5px;font-size:12px}
#ajaxModal0.unit-trust-alert-guide .table-list,#modal-box-content  .table-list{margin:5px}
.dropdown-menu > li >span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.dropdown-menu > li > span {
    padding: 5px 15px;
}
.dropdown-menu > li > span {
    clear: both;
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.42857;
    padding: 3px 20px;
    text-align: left;
    white-space: nowrap;
}
.introjs-tooltip {
  color: #fff;
  position: absolute;
  padding: 10px 14px;
  min-width: 350px;
  max-width: 350px;
  background-color: white;
  margin-top: -3px; /* to align with the border of the helper */

  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -ms-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;

  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

.introjs-tooltipbuttons {
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
 */
 .introjs-button {
  display: inline-block;
  padding: 2px 6px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0.2em;
  outline: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #ccc !important;
  background-color: #222633;
  border-color: #222633;
}

.introjs-button:focus,
.introjs-button:active {

}

.introjs-skipbutton {
  margin-right: 5px;
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
}


.introjs-bullets ul {
  clear: both;
  margin-bottom: 10px;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-tooltiptext{
  color:#595959;
  font-size: 18px;
  /*line-height: 18px;*/
}

.introjs-tooltiptext h1{
  font-weight: bold;
  font-size: 30px;
  font-weight: 700;
}

.intro-action-bar{
  margin-top: 20px;
}


.scrollable.intro-scroll-disabled{
  overflow-y:hidden;
}

.intro-z-up{
  z-index: 9999998!important; /* lower than #intro-block-layer */
}


.intro-position-absolute{
  position: absolute!important;
}

/*
* background color
*/
.intro-bg-white{
  background-color: white!important;
}

.intro-bg-gray-opacity{
  background-color: #2e3e4e!important;
}

.intro-overflow-visible{
  overflow: visible!important;
}

.intro-overflow-hidden{
  overflow: hidden!important;
}

.intro-display-block{
  display: block!important;
}


/*********************************
* For desktop
**********************************/


/*********************************
* For tablet
**********************************/
html.tablet body{
  min-height: 600px;
  position: relative;
}

/*********************************
* For phone devices
**********************************/
html.phone{
}

html.phone body{
  min-height: 600px;
  position: relative;
}

html.phone .introjs-helperLayer{

}

html.phone  .introjs-tooltip{
  background: transparent;
}
html.phone .introjs-tooltiptext{
  color:white;
}


/*********************************
* Generic Main Menu for all pages
* This will solve the opacity problem
* in tablet and mobile
**********************************/
html.phone .avatar img{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

html.phone .nav-main>li>a>i{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
html.phone .nav-main>li>a>span{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}


html.phone .nav-main.introjs-showElement li>a>i{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
html.phone .introjs-showElement .nav-main li>a>i{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
html.phone .nav-main.introjs-showElement li>a>span{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
html.phone .introjs-showElement .nav-main li>a>span{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


html.phone .nav-main>li>a.introjs-showElement>i{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
html.phone .nav-main>li>a.introjs-showElement>span{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

html.phone .nav-main>li.introjs-showElement>a>span{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

html.phone .nav-main>li.introjs-showElement>a>i{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


html.phone .nav-main .nav > li{
  width: 100%;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

html.phone .introjs-showElement .nav-main .nav li{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


html.phone .nav-main .nav > li.introjs-showElement{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}






html.tablet .avatar img{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

html.tablet .nav-main>li>a>i{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

html.tablet .nav-main>li>a>span{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
html.tablet .nav-main.introjs-showElement>li>a>i{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
html.tablet .introjs-showElement .nav-main>li>a>i{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
html.tablet .nav-main.introjs-showElement>li>a>span{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
html.tablet .introjs-showElement .nav-main>li>a>span{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



html.tablet .nav-main>li>a.introjs-showElement>i{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
html.tablet .nav-main>li.introjs-showElement>a>i{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
html.tablet .nav-main>li>a.introjs-showElement>span{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
html.tablet .nav-main>li.introjs-showElement>a>span{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



html.tablet ul.intro-display-block{
  display: block!important;
}

html.tablet .nav-main .nav > li{
  width: 100%;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}


html.tablet .nav-main .nav > li.introjs-showElement{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}




/*********************************
* Page specific styling
**********************************/

/*
* account_summary_guide.html
*/
.doc-buttons .btn-default.intro-bg-white{
  background-color: white!important;
}


html.tablet.intro-account-summary-guide.intro-step-3 .introjs-tooltip{
  min-width: 240px;
  width: 240px;
}



/*
* simplified_navigation_guide.html
*/
html.intro-simplified-navigation-guide.intro-step-8 #header{
  z-index: 9999998!important;
  background-color: #586571!important;
}

html.intro-simplified-navigation-guide.intro-step-8 #header>div{
  opacity: .1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}



/*
* fund_transfer_guide.html
*/


/*
* bill_payment_guide.html
*/



/*
* cashier_order_guide.html
*/


/*
* demand_draft_guide.html
*/



/*
* overseas_transfer_guide.html
*/



/*
* mobile_cash_guide.html
*/


/*
* smart_click_guide.html
*/

/*
* shortcut_guide
*/
html.phone.intro-shortcut-guide.intro-step-3 #shortcut-table{
  display: block!important;
  z-index: 9999998!important;
  background-color: #586571!important;
  border-color: #586571!important;
}
html.phone.intro-shortcut-guide.intro-step-3 #shortcut-table .table-responsive{
  border: none;
}
html.phone.intro-shortcut-guide.intro-step-3 #shortcut-table .nav-tabs li{
  background-color: #586571!important;
  border: none!important;
}
html.phone.intro-shortcut-guide.intro-step-3 #shortcut-table .nav-tabs li a{
  background-color: #586571!important;
  border: none!important;
}

html.phone.intro-shortcut-guide.intro-step-3 #shortcut-table #form-footer{
  visibility: hidden;
}

/*
* apply_savings_current_guide.html
*/
html.tablet.apply-savings-current-guide nav.nav-primary ul > li.active > ul.nav.force-open {
  display: block!important;
  z-index: 9999998;
}

/*
* manage_otp_guide.html
*/
html.tablet.manage-otp-guide nav.nav-primary ul > li.active > ul.nav.force-open {
  display: block!important;
  z-index: 9999998 !important;
}

/*
* manage_estatement_guide.html
*/
html.tablet.intro-fund-transfer-guide nav.nav-primary li.active li.introjs-fixParent {
  display: block!important;
  z-index: 9999998 !important;
  opacity: 1;
}
html.phone.intro-fund-transfer-guide nav.nav-primary li.active li.introjs-fixParent {
  display: block!important;
  z-index: 9999998 !important;
  opacity: 1;
}

html.tablet.tour-guide nav.nav-primary li.active li.introjs-fixParent {
  display: block!important;
  z-index: 9999998 !important;
  opacity: 1;
}
html.phone.tour-guide nav.nav-primary li.active li.introjs-fixParent {
  display: block!important;
  z-index: 9999998 !important;
  opacity: 1;
}

/*
* manage_uinialerts_guide.html
*/
html.tablet.manage-unialerts-guide nav.nav-primary ul > li.active > ul.nav.force-open {
  display: block!important;
  z-index: 9999998;
}
html.tablet.manage-unialerts-guide nav.nav-primary ul > li.active > ul.nav.force-open li.introjs-fixParent,
html.phone.manage-unialerts-guide nav.nav-primary ul > li.active > ul.nav.force-highlight li.active {
  opacity: 1;
}

/*
* e-statement_guide.html
*/
html.tablet.estatement-guide nav.nav-primary ul > li.active > ul.nav.force-open {
  display: block!important;
  z-index: 9999998;
}
html.tablet.estatement-guide nav.nav-primary ul > li.active > ul.nav.force-open li.introjs-fixParent,
html.phone.estatement-guide nav.nav-primary ul > li.active > ul.nav.force-highlight li.active {
  opacity: 1;
}


/*
* customize_your_view_guide.html
*/
html.intro-customize-your-view-guide .header.bg-white .nav a.introjs-showElement { color: #fff;}
html.intro-customize-your-view-guide.tour-guide #customise-widgets.introjs-showElement { background: transparent;}
html.intro-customize-your-view-guide.tour-guide .introjs-helperLayer.moveLeft .introjs-tooltip { margin-left: -100px;}

html.intro-customize-your-view-guide.tour-guide.intro-step-2 #widget-01-sec {
  z-index: 9999998;
}
html.intro-customize-your-view-guide.intro-step-2 #widget-01-sec .panel-default,
html.intro-customize-your-view-guide.intro-step-3 #widget-01-sec .panel-default,
html.intro-customize-your-view-guide.intro-step-2 #customise-widgets{
  z-index: 9999998;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
html.intro-customize-your-view-guide.intro-step-2 #widget-01-sec .panel-default#panel-gold {
  z-index: 9999998;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background-color: transparent;
}
html.intro-customize-your-view-guide.intro-step-2 #widget-01-sec .panel-default#panel-gold .panel-collapse {
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  background-color: transparent;
}
html.intro-customize-your-view-guide .ajaxModal {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
  display: block;
}

html.intro-customize-your-view-guide .modal-backdrop {
  display: none;
}
html.intro-customize-your-view-guide #ajaxModal0 .modal-dialog {
  margin-top: -140px;
}
html.intro-customize-your-view-guide #ajaxModal1 .modal-dialog {
  margin-top: -200px;
}
html.intro-customize-your-view-guide.intro-step-5 #ajaxModal0 ,
html.intro-customize-your-view-guide.intro-step-7 #ajaxModal1 {
  z-index: 1000000!important;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
html.intro-customize-your-view-guide .modal-dialog:before {
  content:"";
  position: absolute;
  background: #334150;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
html.intro-what-if-guide .modal-dialog:before {
  content:"";
  position: absolute;
  background: #334150;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  opacity: 0.7;
  filter: alpha(opacity=90);
}
html.intro-what-if-guide .modal-dialog.modal-scrollable{height:100%}
html.intro-customize-your-view-guide.intro-step-5 .modal-backdrop,
html.intro-customize-your-view-guide.intro-step-7 .modal-backdrop {
  display: block;
}
html.intro-customize-your-view-guide.intro-step-5 #ajaxModal0 #checkbox-custom-guide ,
html.intro-customize-your-view-guide.intro-step-7 #ajaxModal0 #checkbox-custom-guide-2 {
  z-index: 9999999!important;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: white!important;
}
/*
* customize_your_view_currency_converter_guide.html
*/
html.intro-customize-your-view-guide .header.bg-white .nav a.introjs-showElement { color: #fff;}
html.intro-customize-your-view-guide-2 #customise-widgets.introjs-showElement { background: transparent;}
html.intro-customize-your-view-guide-2 .introjs-helperLayer.moveLeft .introjs-tooltip { margin-left: -100px;}

html.intro-customize-your-view-guide-2.intro-step-2 #widget-01-sec{
  z-index: 9999998;
}
html.intro-customize-your-view-guide-2.intro-step-2 #widget-01-sec .panel-default{
  z-index: 9999998;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

html.intro-customize-your-view-guide-2.intro-step-2 #widget-01-sec .panel-default#widget-01-panel{
  z-index: 9999998;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background-color: transparent;
}

html.intro-customize-your-view-guide-2.intro-step-2 #widget-01-sec .panel-default#widget-01-panel .accordion-toggle{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  background-color: transparent;
}

html.intro-customize-your-view-guide-2.intro-step-2 #widget-01-sec #customise-widgets{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  background-color: transparent;
}

html.intro-mobile-cash-guide.intro-step-3 #mobile-cash-tab { width: 210px; margin-top: -5px; margin-left: -3px;}
html.intro-favorites-guide.intro-step-3 #favorite-tab a { margin-left: -10px; }

html.precious-metal.intro-step-2 .introjs-helperLayer .introjs-tooltip { bottom: 0}
html.apply-savings-current-guide.intro-step-2 .introjs-helperLayer .introjs-tooltip { bottom: 0}
html.intro-change-address-guide.intro-step-3 .introjs-helperLayer .introjs-tooltip { width: 220px; min-width: 0;}

html.intro-change-address-guide.intro-step-2 .avatar img{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

html.intro-change-address-guide.intro-step-2 #name-box{
 opacity: 0.1;
 filter: alpha(opacity=10);
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

html.intro-change-address-guide.intro-step-2 .nav-main>li>a>i{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

html.intro-change-address-guide.intro-step-2 .nav-main>li>a>span{
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

html.intro-change-address-guide.intro-step-2 #profile-nav{
  border: none;
  background-color: #586571!important;
}
html.intro-change-address-guide.intro-step-2 #profile-nav li{
 background-color: #586571!important;
}
html.intro-change-address-guide.intro-step-2 #profile-nav li.divider{
 background-color: #586571!important;
}
html.intro-change-address-guide.intro-step-2 #profile-nav li#profile-nav-my-profile{
 background-color: white!important;
}

.intro-customize-your-view-guide-2.intro-step-1 #btn-sidebar { color: #fff;f}


html.phone.account-summary-light-guide .introjs-helperLayer {
  border: none !important;
}
html.phone.account-summary-light-guide .introjs-tooltip {
  top: -300px !important;
  left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html.phone.account-summary-light-guide #btn-apply {
  outline: 3px solid #fff;
}


.intro-customize-your-view-guide-2.intro-step-1 #btn-sidebar { color: #fff;}

.intro-bill-payment-guide #billing-org-col { padding: 5px;}

html.phone.intro-fund-transfer-enter-details-local-bank-guide.intro-step-2 .introjs-tooltip { right: 0 !important; top: 100% !important;}




html.phone.intro-mobile-cash-guide .introjs-helperLayer.no-border {
  border: none;
}
html.phone.manage-otp-guide.intro-step-2 .introjs-overlay {
  opacity: 0.1 !important;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
html.phone .nav-main .nav > li.introjs-fixParent { opacity: 0.9}
.nav.nav-main > li .contact { padding:50px 20px 0;}
.nav.nav-main > li .contact h4 { font-size: 18px; font-weight: bold;}
.nav.nav-main > li .contact p { margin-bottom: 0;}
.nav.nav-main > li .contact p img { width: 25px;}
.nav.nav-main > li .contact a:hover { color: #106CCD}
.header-md .navbar-brand img {
  width: 222px;
  height: 28px;
  position: absolute;
  z-index: 99999999;
}

.over-textbox{
  position: absolute;
    right: 4px;
    top: 4px;
    z-index: 9;
}
  @media screen and (max-width : 768px) {
#ajaxModal0.unit-trust-alert-guide .modal-dialog, #modal-box-content .modal-dialog{width:94%;margin:160px 3% 2% 3%}
#ajaxModal0.unit-trust-declare .modal-dialog{width:94% !important;margin:160px 3% 2% 3% !important;}
#ajaxModal0.unit-trust-declare .modal-content{left:0 !important}
    }