﻿.header-mylt .nav-primary li.active a, .header-mylt .nav-more-wrap li.active a { position:relative; }
.header-mylt .nav-primary li a:hover, .header-mylt .nav-primary li a:focus, .header-mylt .nav-more-wrap a { text-decoration:none !important;}
.header-mylt .nav-primary li.active a:after, .header-mylt .nav-more-wrap li.active a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#00698d;}
.introjs-helperLayer { background:#999 !important}
.introjs-helperNumberLayer { width:30px; height:30px;}

.shopbtn { text-align:right;}
.shopbtn .btn.btn-primary { background-color: #337ab7; border-color: #2e6da4;  color: #fff; }
.toplogo {position:relative; width: 100%; float: left; margin-bottom:24px;}
.toplogo:after { content:''; position:absolute; left:15px; bottom:4px; width:100px; height:4px; background:#ccc; }
.shopbtn .btn.btn-primary:hover, .shopbtn .btn.btn-primary:focus{background-color: #286090; border-color: #204d74;}
.btn-group .btn.is-active { box-shadow:none;}
.MyTeamName .btn {font-weight:bold;}
table > thead > tr:first-child > th { white-space:nowrap}
.table tr.round-title > td { background:#00698d !important; color:#fff; }
#pg { padding-top:124px;
}
.pro-group {
  margin-bottom: 10px;
}
.img-dir {
	margin: -10px 0 0 0;
	padding-left: 20px;
	float: left;
}

.InboxCountLink {
    margin-left: 4px;
}


@media only screen and (max-width:767px){
    .shopbtn { text-align:left}
    .toplogo {padding-top:8px; margin-bottom:26px;}
    .toplogo img{ margin-bottom:1.5em; }
    .toplogo:after {bottom:-6px;}
    .header-mylt.mobile-menu { left:13px;right:auto;}
    #pg { padding-top:60px;}
    .table tr.round-title > td { width:100%;display:table-row;}
    .header-mylt .mobile-menu {right: auto;left:13px;}
    .offcanvas .header-mylt .mobile-menu { left: auto; z-index: 100; right: 17%; /*right: 13px;*/}
    .introjs-helperNumberLayer{top: 0;}
    .introjs-tooltipReferenceLayer{left: 15px !important;}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  #pg {
    padding-top: 60px;
  }
}

.policynotification-div {
    background-color: lightcoral;
    color: white;
    text-align: center;
    top: 0;
    width: 100%;
    position:absolute;
}

.policynotification-div a {
    color: white;
}

@media only screen and (max-width:767px) {
    .policynotification-div {
        position: inherit;
    }
}

@media screen and (max-width: 480px) {
    .offcanvas .header-mylt .mobile-menu {
        right: 17%;
    }
}