@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-Light.woff2) format('woff2'),url(../fonts/OpenSans-Light.woff) format('woff'),url(../fonts/OpenSans-Light.ttf) format('truetype');font-weight:300;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-Italic.woff2) format('woff2'),url(../fonts/OpenSans-Italic.woff) format('woff'),url(../fonts/OpenSans-Italic.ttf) format('truetype');font-weight:400;font-style:italic}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-LightItalic.woff2) format('woff2'),url(../fonts/OpenSans-LightItalic.woff) format('woff'),url(../fonts/OpenSans-LightItalic.ttf) format('truetype');font-weight:300;font-style:italic}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-SemiBold.woff2) format('woff2'),url(../fonts/OpenSans-SemiBold.woff) format('woff'),url(../fonts/OpenSans-SemiBold.ttf) format('truetype');font-weight:600;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-ExtraBold.woff2) format('woff2'),url(../fonts/OpenSans-ExtraBold.woff) format('woff'),url(../fonts/OpenSans-ExtraBold.ttf) format('truetype');font-weight:800;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-Bold.woff2) format('woff2'),url(../fonts/OpenSans-Bold.woff) format('woff'),url(../fonts/OpenSans-Bold.ttf) format('truetype');font-weight:700;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-BoldItalic.woff2) format('woff2'),url(../fonts/OpenSans-BoldItalic.woff) format('woff'),url(../fonts/OpenSans-BoldItalic.ttf) format('truetype');font-weight:700;font-style:italic}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-Regular.woff2) format('woff2'),url(../fonts/OpenSans-Regular.woff) format('woff'),url(../fonts/OpenSans-Regular.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-SemiBoldItalic.woff2) format('woff2'),url(../fonts/OpenSans-SemiBoldItalic.woff) format('woff'),url(../fonts/OpenSans-SemiBoldItalic.ttf) format('truetype');font-weight:600;font-style:italic}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-ExtraBoldItalic.woff2) format('woff2'),url(../fonts/OpenSans-ExtraBoldItalic.woff) format('woff'),url(../fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');font-weight:800;font-style:italic}
body{margin:0;padding:0;font-family:'Open Sans';font-weight:400;font-style:normal;font-size:13px; color: #000;}
.common{max-width:1200px;margin:0 auto;clear:both;float:none;display:block}
div{float:left;width:100%}
a{text-decoration:none; transition: all 0.3s;}
ul{margin:0;padding:0;list-style-type:none}
h1,h2,h3,h4,h5,h6{margin:0}
img{max-width:100%}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fades-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fades-in.one {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fades-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay:1.2s;
  animation-delay: 1.2s;
}

.fades-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.top-header-area{padding:5px 0;background:#a5173d}
.top-header-menu{text-align:center;float:right;width:auto}
.top-header-menu a{font-size:13px;color:#ffe29c;border:1px solid #ffe29c;padding:7px 0;margin:0 3px;border-radius:20px;width:92px;display:inline-block; transition: all 0.3s;}
.top-header-menu{margin:30px 0}
.top-header-menu a.active, .top-header-menu a:hover{color:#fff;border-color:#fff}
.top-header-menu.after-login {
    color: #fff;
}

.top-header-menu.after-login span {
    font-weight: 600;
}
.logo{float:left;width:auto}
nav#cssmenu ul li{display:inline-block}
nav#cssmenu ul{text-align:center}
nav#cssmenu ul li a{font-size:13px;font-weight:700;color:#000;text-transform:uppercase;padding:14px 10px;display:inline-block;transition:all .3s; text-align: left;}
nav#cssmenu ul li:hover a{color:#91203e}
.navigation{background:#f6b801}
nav#cssmenu ul li:first-child a{padding-left:0}
nav#cssmenu ul li:last-child a{padding-right:0}
nav#cssmenu ul li a:after{content:"";position:absolute;top:10px;bottom:10px;right:0;width:1px;background:rgba(0,0,0,.2)}
nav#cssmenu ul li a{position:relative}
nav#cssmenu ul li:last-child a:after{display:none}
nav#cssmenu ul.menu-dashboard li a {
    padding: 14px 10px;
}

nav#cssmenu ul.menu-dashboard > li:first-child > a {
    padding-left: 0;
}

nav#cssmenu ul.menu-dashboard > li:last-child > a {
    padding-right: 0;
}
.login-page-bg {
    background: #f9f3e3 url(../images/home-bg.jpg) no-repeat top center;
}
.hero-area.home{background:url(../images/home-bg.jpg) no-repeat center/cover}
.hero-area.home.plain-bg {
    background: #f9f3e3;
	padding-top: 0;
}
.login-card{border:1px solid #f3d79d;width:auto;padding:40px;margin:30px 0;border-radius:8px;background:#fff; width: 358px;}
.login-card h1{font-size:24px;font-weight:700;color:#91203e; margin-bottom:25px;}
.login-card input.field{font-size:14px;background:#fdf4d9;outline:0;border:0;width:97%;padding:17px 0 17px 3%;border-radius:10px}
.login-card input.field::placeholder {
    color: #000;
}
.login-card p{font-size:15px}
p.forgot-new {
    margin-top: 10px;
    clear: both;
    width: 100%;
    float: left;
}
.hero-area.home.plain-bg .login-card
{min-height:443px;}
p.remember-keyboard {
    clear: both;
    width: 100%;
    float: left;
}
p.remember-keyboard,p.remember-keyboard a{font-weight:600;font-size:13px;color:#000}
p.remember-keyboard a{float:right}
p.remember-keyboard a:hover {
    color: #91203e;
}
p.remember-keyboard span{margin-left:5px}
.login-card .form-btn, .login-card input[type=submit]{font-size:15px;font-weight:700;text-transform:uppercase;background:#91203e;padding:13px 49px;border:0;color:#fff; transition: all 0.3s;cursor: pointer; -webkit-appearance: button; font-family: 'Open Sans';}
input[type=submit]{-webkit-appearance: button;}
.login-card .form-btn:hover, .login-card input[type=submit]:hover {
    background: #f6b801;
    color: #000;
}
.login-card input.final-submit {
    padding: 13px 23px;
}
.hero-area.home.plain-bg .login-card form#form_submit {
    margin-bottom: 15px;
}
.form-wrap {
    position: relative;
}

.form-wrap a.show-papssword {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    font-weight: bold;
    /* line-height: 20px; */
}
p.forgot-new a{font-size:13px;color:#91203e;text-decoration:underline}
p.forgot-new a:hover {
    color: #000;
}
.form-wrap a.show-papssword span {
    margin-left: 5px;
    color: rgba(0,0,0,0.7);
}

.form-wrap a.show-papssword img {
    margin-bottom: -3px;
}
footer.footer-area{background:#f6b801;float:left;width:100%}
.footer-links{position:relative;padding: 15px 0 15px 84px;
    width: calc(100% - 84px);}
.footer-links span.isg-logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.footer-links span.isg-logo {
    max-width: 57px;
}
.footer-links ul li{display:inline-block}
span.isg-logo{border-right:1px solid #ea9b01;padding:3px 15px 3px 0}
.footer-links ul li a{font-size:13px;color:#000; position:relative}
.footer-links ul li a:hover {
    color: #91203e;
}
.footer-links ul li a:after{content:"|";margin:0 2px}
.footer-links ul li:last-child a:after,nav#cssmenu .top-header-menu{display:none}
.navigation .toggle-menu ul{display:table;width:25px}
.navigation .toggle-menu ul li{width:100%;height:3px;background-color:#f6b801;margin-bottom:4px}
.navigation label{float:right;padding:8px 0;display:none;cursor:pointer}
.navigation input[type=checkbox]{position:absolute;top:-9999px;left:-9999px;background:0 0;display:none}
.div-row {
    margin: 0 -15px;
    float: none;
    display: inline-block;
    width: auto;
}

.div-column {
    padding: 0 15px;
}

.dashboard-left {
    width: calc(74% - 30px);
    float: left;
}
.dashboard-main {
    padding: 40px 0;
	min-height: calc(100vh - 258px);
}
.hero-area.home{min-height: calc(100vh - 191px);}
.dashboard-right {
    width: calc(25.5% - 30px);
    float: right;
}
a.acct-smmry {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background: #91203e;
    padding: 12px 24px;
    border-radius: 20px;
    margin-top: 0;
    display: inline-block;
    font-weight: bold;
    margin-left: 15px;
}
.balance-numbers {
    border: 1px solid #f3d79d;
    width: calc(100% - 42px);
    padding: 30px 20px;
}
.balance-numbers ul li {
    display: inline-block;
    font-size: 30px;
}

.balance-numbers ul li span {
    font-size: 13px;
    display: block;
    font-weight: bold;
}

.balance-numbers ul li sup {
    font-size: 15px;
}
.balance-numbers ul li.orange {
    color: #cc6600;
}
.balance-numbers ul li.green {
    color: #4caf50;
	border-right: 0;
}
.balance-numbers ul li.blue {
    color: #459fcc;
}
.balance-numbers ul li.pink {
    color: #cc72a2;
}
.balance-numbers ul li.purple {
    color: #754fa2;
}
.balance-numbers ul li.dark-green {
    color: #1c5d23;
}
.balance-numbers ul li.button a {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background: #91203e;
    padding: 12px 24px;
    border-radius: 20px;
    margin-top: 0;
    float: left;
	font-weight:bold;
}
.balance-numbers ul li {
    border-right: 1px solid #f3d79d;
      padding-right: 1.5%;
    margin-right: 1.5%;
    min-width: 30.5%;
}

.balance-numbers ul li:last-child {
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
}

.due-reward {
    width: calc(50% - 6px);
    border: 1px solid #f3d79d;
    margin-top: 6px;
    text-align: center;
	min-height: 225px;
}
.due-reward p.date {
    line-height: 39px;
    font-size: 15px;
}

.due-reward.reward {
    float: right;

}

.due-reward.due {
    margin-right: 6px;
}
.inside {
    width: auto;
    margin: 10px auto;
    float: none;
    display: inline-block;
    padding: 12px 0;
    padding-left: 130px;
    text-align: left;
}



.due-reward p {
    font-weight: bold;
    margin-bottom: 0px;
    clear: both;
    width: auto;
    margin-top: 0;
}

.due-reward h2 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 10px;
    clear: both;
    width: auto;
	line-height: 1;
}
.due-reward p.pnb_label {
    margin-bottom: 10px;
}
.due-reward a {
    text-transform: uppercase;
    font-weight: bold;
    padding: 13px 23px;
    border-radius: 20px;
    clear: both;
    /* float: left; */
    display: inline-block;
}
h2.reward-point span#s_currentBonusPoint {
    /* background: #eee; */
    /* padding: 10px; */
    background-color: #fdf4d9;
    line-height: 38px;
    padding: 0 21px;
    border-radius: 20px;
}
h2.reward-point {
    line-height: 1;
    margin-bottom: 0;
}
.due-reward.due a {
background: #91203e;
    color: #fff;
}

.due-reward.reward a {
background: #91203e;
    color: #fff;
	margin-top: 15px;
}
#s_reward_url1{margin-top: 15px;}

.due-reward.due .inside {
    background: url(../images/due.png) no-repeat left 30px;
}
.due-reward .inside > * {
    text-align: left;
}

.due-reward.reward .inside {
    background: url(../images/reward.png) no-repeat left 30px;

}
.due-reward .inside {
   width: 230px;
}
ul.card-list li {
    width: calc(33.3333333% - 6px);
    border: 1px solid #f3d79d;
    margin-top: 6px;
    text-align: center;
    margin-right: 6px;
    float: left;
    overflow: hidden;
	    border-radius: 8px;
}

ul.card-list {
    float: left;
    width: 100%;
}



ul.card-list li img {
    float: none;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    margin: 0 auto;
    display: block;
}

ul.card-list li .card-breif {
        float: right;
    width: calc(100% - 30px);
    padding: 18px 15px;
}
.card-breif p span {
    font-weight: bold;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
ul.card-list li .card-breif p br {
    display: none;
}
.card-breif p {
    text-align: center;
    margin-top: 0;
    margin-bottom: 8px;
}

.card-breif a {
    float: left;
    color: #91203e;
}
ul.card-list li img.logo-card {
    height: 50px;
    width: auto;
    /* padding-top: 10px; */
    border: 0;
    margin-bottom: 0;
}

ul.card-list li img {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.card-breif a {
    display: inline-block;
    float: none;
}



.card-breif p {
    margin-top: 0;
    min-height: 50px;
}
.dashboard-right .card-breif p {
    min-height: unset;
}
.card-breif a {
    
    color: #91203e;
}
.card-offers h2 {
    display: inline-block;
    width: auto;
	font-size:16px;
	color: #91203e;
	text-transform:uppercase;
    background: url(../images/card-offers.png) no-repeat left center;
    padding-left: 30px;
}
ul.tab li {
    display: inline-block;
}

ul.tab {
    float: right;
}

ul.tab li a {
    font-size: 15px;
    color: #000;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #000;
}

ul.tab li:last-child  a {
    margin: 0;
    padding: 0;
    border: 0;
}

ul.tab li.active a {
    color: #91203e;
}
body.bg-light {
    background: #f9f2e3;
}
.banner-dashboard {
    margin-top: 35px;
}
.card-offers ~ .banner-dashboard {
    margin-top: 12px;
}
.bg-w {
    background: #fff;
}

.dashboard-left .bg-w, .dashboard-right .bg-w, .summary-left .bg-w {
    border-radius: 8px;
	border: 1px solid #f3d79d;
}
.border-bw
{border-radius: 8px;
	border: 1px solid #f3d79d;
	background:#fff;}
.card-offers h2, ul.tab {
    margin-top: 25px;
    margin-bottom: 20px;
}
.hd2
{
    display: inline-block;
    width: auto;
    font-size: 16px;
    color: #91203e;
    text-transform: uppercase;
    padding-left: 30px;
    margin-bottom: 22px;
    }
.hd3 {
    display: inline-block;
    width: auto;
    font-size: 20px;
    color: #91203e;
    text-transform: uppercase;
    /* padding-left: 30px; */
    margin-bottom: 22px;
    font-weight: normal;
}
.warnings h2
{background: url(../images/warning.png) no-repeat left center;}
.whats-new  h2
{background: url(../images/whats-new.png) no-repeat left center;}
.whats-new, .warnings {
    border: 1px solid #f3d79d;
    padding: 30px 22px;
    width: calc(100% - 44px);
}
ul.bullets li {
    display: inline-block;
    border: 1px solid #91203e;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 3px;
}

ul.bullets li.active {
    background: #91203e;
}
ul.listing li {
    background: url(../images/bullet.png) no-repeat left 5px;
    padding-left: 18px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
	font-weight: 600;
}	
.Quick-links ul.listing li a {
    color: #a20a3a;
}
.warnings {
    margin-bottom: 40px;
}

.warnings p {
    margin: 0;
    margin-bottom: 25px;
}

ul.listing li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.footer-links.footer2 {
    padding: 10px 0;
    width: auto;
    float: none;
}

.footer-links.footer2 span.isg-logo {
    position: static;
    transform: none;
    width: auto;
    float: none;
    display: inline-block;
}

p.copyright {
    display: inline-block;
    margin: 0;
    /* float: left; */
    vertical-align: top;
    padding-top: 8px;
    padding-left: 8px;
}

.footer-links.footer2 {
    text-align: center;
}
.balance-numbers ul li.button a:hover, .due-reward.reward a:hover {
    background: #f6b801;
    color: #000;
}

.due-reward.due a:hover, a.acct-smmry:hover {
   background: #f6b801;
    color: #000;
}
.summary-left {
    width: calc(24% - 15px);
}

.summary-right {
    width: calc(73% - 16px);
    float: right;
}
.summary-menu ul li {
    padding: 11px 15px 11px 54px;
	border-bottom: 1px solid #f3d79d;
}
.summary-menu ul li:last-child{border-bottom:0;}
.summary-menu ul li a {
    color: #000;
    text-transform: uppercase;
}
.summary-menu ul li.active a {
    color: #91203e;
}
.breadcrumb ul li, .breadcrumb ul li a {
    display: inline-block;
    text-transform: uppercase;
    color: #000;
}

.breadcrumb ul li:after {content: "/";margin: 0 2px 0 6px;}

.breadcrumb ul li:last-child:after {
    display: none;
}
.summary-right-boxes ul li {
        float: left;
    font-size: 18px;
    margin-right: 0.70%;
    border-radius: 8px;
    border: 1px solid #f3d79d;
    background: #fff;
    padding: 16px;
    width: calc(25% - 4.4%);
}

.summary-right-boxes ul li span {
    display: block;
    font-size: 16px;
	margin-bottom: 5px;
}
.summary-right-boxes li.pnb_label span:first-child {
    font-weight: bold;
}
.summary-right-boxes ul li span:last-child {
    font-weight: bold;
    font-size: 18px;
}
span.data {
    font-weight: bold;
}
span.success {
    background: #daf1d6;
    border-radius: 5px;
    padding: 8px 15px;
    font-weight: 600;
    border: 1px solid #36813b;
    display: inline-block;
    color: #36813b !important;
    margin-bottom: 20px;
    font-size: 14px;
	width: calc(100% - 30px);
    text-align: center;
}
span.error
{
	background: #f9c8c7;
    border-radius: 5px;
    padding: 8px 15px;
    font-weight: 600;
    border: 1px solid #da2626;
    display: inline-block;
    color: #da2626 !important;
    margin-bottom: 20px;
    font-size: 14px;
    width: calc(100% - 30px);
    text-align: center;
}

.pnb_button{
 color: #91203e;
}
.dashboard-left .due-reward.full-width .pnb_button{min-width: 90px;display: inline-block;text-align: center;}
.pnb_label{
 color: #144274   
}

span#resendotp_msg {
    margin-top: 8px;
    display: inline-block;max-width: 100%;min-width: 100%;
}
.summary-right-boxes ul li.orange {
    color: #cc6600;
    /* display: inline-block; */
    /* margin: 0 5px; */
}

.summary-right-boxes ul li.green {
    color: #4caf50;
}

.summary-right-boxes ul li.blue {
    color: #459fcc;
}

.summary-right-boxes ul li.pink {
    color: #cc72a2;
}
.summary-right-boxes ul li.purple {
    color: #754fa2;
}
.summary-right-boxes ul li.dark-green {
    color: #1c5d23;
}

.summary-right-boxes ul {
    /* display: table; */
}

.summary-right-boxes ul li:last-child {
    margin-right: 0;
}
ul.tabs li {
    display: inline-block;
    margin-right: 35px;
}
ul.tabs {
    padding-left: 35px;
}
ul.tabs li a {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    padding-bottom: 15px;
	display: inline-block;
}

ul.tabs li.active a {
    color: #91203e;
}

.summary-tabs {
    margin-top: 30px;
}

ul.tabs li.active a {
    border-bottom: 3px solid #f6b801;
}
.summary-details ul li {
    padding: 12px 35px 12px 35px;
    width: calc(100% - 70px);
    border-bottom: 1px solid #f3d79d;
}
.summary-details ul li:last-child {
    border-bottom: 0;
}
span.head {
    width: 40%;
}

.summary-details ul li span {
    display: inline-block;
}
.progress-bar {
    height: 8px;
    background: #f9f2e3;
    border-radius: 8px;
}
span.data {
    width: 15%;
    text-align: right;
}
.summary-details ul li span.data {
    float: right;
}
span.progress {
    width: 44%;
}
.progress-bar {
    position: relative;
	overflow: hidden;
}
.progress-bar .progress {
    position: absolute;
    left: 0;
	height:100%;
}
.progress.outstanding {
    background: #f6b801;
}

.progress.available-limit {
    background: #9b354e;
}

.progress.spending-limit {
    background: #144274;
}

.progress.credit-limit {
    background: #9b354e;
}

.progress.cash-limit {
    background: #144274;
}
li.summary {background: url(../images/summary.png) no-repeat 15px center;}

li.apply-new-card {background: url(../images/apply-new-card.png) no-repeat 15px center;}

li.card-hotlist {background: url(../images/card-hotlist.png) no-repeat 15px center;}

li.limit-enhance {background: url(../images/limit-enhance.png) no-repeat 15px center;}

li.pin-generate {background: url(../images/pin-generate.png) no-repeat 15px center;}

li.register-de {background: url(../images/register-de.png) no-repeat 15px center;}
li.transaction-pref {background: url(../images/transaction-pref.png) no-repeat 15px center;}
li.transaction-limit {background: url(../images/transaction-limit.png) no-repeat 15px center;}
li.latest-statement {background: url(../images/latest-statement.png) no-repeat 15px center;}
li.unbilled-transactions {background: url(../images/unbilled-transactions.png) no-repeat 15px center;}
li.past-statement {background: url(../images/past-statement.png) no-repeat 15px center;}
li.auto-debit {background: url(../images/auto-debit.png) no-repeat 15px center; }
li.change-password {background: url(../images/change-password.png) no-repeat 15px center; }
li.last-transactions {background: url(../images/last-transactions.png) no-repeat 11px center;}
li.emi-transaction {background: url(../images/emi-trans.png) no-repeat 15px center;}
li.suppress-statement {
    background: url(../images/suppress-statement.png) no-repeat 15px center;
}
li.upgrade-card {
    background: url(../images/upgrade-card.png) no-repeat 15px center;
}
.summary-menu {
    margin-bottom: 35px;
}
.virtual-keyboard {
    text-align: center;
	margin-bottom: 10px;

}
#keyboard {
    margin: 0;
    padding: 0 30px;
    list-style: none;
    text-align: center;
	display: inline-block;
}
#keyboard li {
    display: inline-block;
    margin: 0 5px 5px 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    border: 1px solid #b2dff4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 13px;
    font-weight: normal;
    color: #d1d1d1;
	cursor: default;
}
#keyboard.active li, #keyboard.numericKeyboardActive li.number {
    border: 1px solid #91203e;
    color: #333;
}
#keyboard {
    margin: 0;
    padding: 0 30px;
    list-style: none;
    text-align: center;
    max-width: 440px;
}

#keyboard .backspace, #keyboard .clear, #keyboard .right-shift {
    width: 70px;
}
#keyboard li.divider {
    border: none;
    display: block;
    clear: both;
    background: 0 0;
    height: 5px;
}
#keyboard li .on {
    display: none;
}
#keyboard li.symbol-on .on {
    display: block;
}

#keyboard li.symbol-on .off {
    display: none;
}
input#pwd {
    font-size: 14px;
    background: #fdf4d9;
    outline: 0;
    border: 0;
    width: 97%;
    padding: 17px 0 17px 0;
    border-radius: 10px;
    margin: 30px auto;
    list-style: none;
    text-align: center;
    max-width: 440px;
    display: block;
}
.summary-details.sum_rwd_tab ul li {
    width: 50%;
    width: calc(50% - 71px);
    float: left;
    border-right: 1px solid #f3d79d;
	clear: both;
	    font-size: 15px;
}

.summary-details.sum_rwd_tab ul li span.data {
    width: 40%;
	text-align: right;
}

.summary-details.sum_rwd_tab ul li span.head {
    width: 60%;
}

.summary-details.sum_rwd_tab ul:nth-child(2) {
    clear: both;
    border-top: 2px solid #f3d79d;
}

.summary-details.sum_rwd_tab ul li:nth-child(2n+2) {
    float: right;
    border-right: 0;
	clear: none;
}
.summary-details.sum_rwd_tab ul li:nth-last-child(2) {
    border-bottom: 0;
}
input[type=checkbox]:checked~.virtual-keyboard {display:block}

span.vkboard {
    float: right;
	cursor: pointer;
}
input#v_keyboard {
 /*position: absolute; */
    top: 0;
    right: 0;
    background: 0 0;
    /* display: none; */
    /* width: 134px; */
    /* opacity: 0; */
    z-index: 999;
    cursor: pointer;
    float: left;
	margin-right: 5px;
}

p.remember-keyboard {
    position: relative;
}

p.remember-keyboard a {
    cursor: pointer;
}
.summary-menu ul li.active {
    position: relative;
}

.summary-menu ul li.active:after {content: "";width: 6px;height: 9px;background: url(../images/left-menu-active.png) no-repeat center;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.summary-details.card-hostlisting .form-inner {
    background: url(../images/card-hotlisting-bg.png) no-repeat 89% center
}
.summary-details.card-hostlisting.auto-debit .form-inner {
    background: url(../images/auto-debit-bg.png) no-repeat 89% 30px;
}
.summary-details.pin-generation .form-inner {
    background: url(../images/pin-generate-bg.png) no-repeat 89% 44px
}
.summary-details.de-register-new-card .form-inner
{background: url(../images/deregister-new-card-bg.png) no-repeat 85% center}
.summary-details.register-new-card .form-inner
{background: url(../images/register-new-card-bg.png) no-repeat 89% 30px}
.summary-details.change-password .form-inner
{background: url(../images/password-change-bg.png) no-repeat 89% 30px}
.summary-details.card-hostlisting.min-height {
    min-height: 196px;
    margin-bottom: 40px;
}
.summary-details.card-hostlisting.new-card .form-inner, .summary-details.card-hostlisting.reg-dereg .form-inner, .summary-details.card-hostlisting.limit-enhancement .form-inner {
    background-image: none;
}
.summary-details.card-hostlisting.suppress-statement-bg .form-inner {
    background: url(../images/suppress-statement-bg.png) no-repeat 85% 95px;
	min-height: 350px;
}
.summary-details.reg-dereg .form-inner
{background: url(../images/reg-dereg-bg.png) no-repeat 87% 90px;padding: 25px 25px 45px;}
.summary-details.card-hostlisting.new-card .form-inner
{background: url(../images/new-card.png) no-repeat 89% 30px;padding: 25px 25px 45px; min-height: 270px;}
.form-inner {
    padding: 25px 20px 45px;
    display: block;
    float: none;
    width: auto;
}
.summary-banner{margin-bottom:5px;}
.summary-left .form-inner{width: 100%;text-align:center;box-sizing: border-box;padding: 5px 5px 15px;float: left;}
.summary-left .download-app p.badge{font-size: 14px;margin-bottom:0;}
.form-wrap label {
    display: block;
    font-size: 15px;
    margin-bottom: 8px;
}

.summary-details.reg-dereg .form-inner {
    min-height: 400px;
}

.form-wrap select {
    font-size: 14px;
	background:url(../images/select-arrow.png) no-repeat 97% center;
    background-color: #fdf4d9;
    outline: 0;
    border: 0;
    width: 50%;
    padding: 16px 10px;
    border-radius: 10px;
	color: #000;
	-moz-appearance: none;
    -webkit-appearance: none;
	font-family: 'Open Sans';
    font-size: 14px;
	border: 1px solid #f3d79d;
}
.form-wrap.card-date .cardexpire_mm {
    max-width: 15.2%;
    margin-right: 2%;
    text-transform: uppercase;
}
.form-wrap.dob .dob_mm {
    max-width: 15.2%;
    margin-right: 2%;
    text-transform: uppercase;
    font-weight: 600;
}

.form-wrap.dob .dob_mm select {
    width: 100%;
}
.form-wrap.dob .dob_mm select, .form-wrap.card-date .cardexpire_mm select {
    margin-top: 8px;
}
.form-wrap.card-date select:last-child {
    margin-right:0;
}
input[type="date"] {
    text-transform: uppercase;
}
.form-wrap label sup {
    color: red;
}
.form-inner .form-wrap {
    margin-bottom: 20px;
}



.form-inner input.form-btn, .download-statement-big {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    background: #91203e;
    padding: 13px 42px;
    border: 0;
    color: #fff;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-appearance: button;
	font-family: 'Open Sans';
	    border-radius: 25px;
}
.download-statement-big {
    margin-left: 15px;
}
.form-inner input.form-btn.mr-btn {
    margin-right: 12px;
}
.form-inner input.form-btn:hover, .download-statement-big:hover
{background: #f6b801;
    color: #000;}
	
.form-inner .form-wrap input.field, input[type="date"].field
{font-size: 14px;
    background: #fdf4d9;
    outline: 0;
    /*border: 0;	*/
    width: 47%;
    padding: 17px 0 17px 3%;
    border-radius: 10px;
	border: 1px solid #f3d79d;
	color: #000;}
.form-wrap.otp input.field {
    width: 30%;

}
.form-wrap.otp_login input.field {
    width: 60%;
}
input[type=date]{-webkit-appearance: textfield;}
.form-inner .form-wrap input.field::placeholder {
    color: #000;
}
a.resend {
    color: #4caf50;
    font-size: 15px;
    padding: 14px 0;
    padding-left: 30px;
    margin-left: 10px;
    background: url(../images/resend.png) no-repeat left center;
}
.summary-details.pin-generation .form-inner {
    padding-bottom: 150px;
}
.summary-details.pin-generation-two .form-inner {
    padding-bottom: 45px;
}
.summary-details .form-inner p {
    margin-top: 0;
    margin-bottom: 30px;
}
.select-card {
    width: calc(100% - 42px);
    padding: 30px 20px;
	margin-bottom: 6px;
}

.select-card label {
    font-weight: bold;
    font-size: 16px;
	color: #91203e;
    text-transform: uppercase;
	min-width: 180px !important;
display: inline-block
}
.select-card select#pnb_card_no, .select-card select#pnb_period, .due-reward.due select.form-control{
    background: url(../images/select-arrow.png) no-repeat 97% center;
    background-color: #fdf4d9;
    outline: 0;
    border: 0;
    width: 46%;
    padding: 12px 2%;
    border-radius: 10px;
    color: #000;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: 'Open Sans';
    font-size: 15px;
    border: 1px solid #f3d79d;
    margin-left: 15px;
}
.select-card select#pnb_card_no
{padding: 12px 2%;}
.due-reward.due select.form-control {
    width: 100%;
    margin-left: 0;
    background-position: 95% center;
    padding: 11px 15px;
	font-size: 13px;
    /* padding-right: 15px; */
}
.due-reward.due a {
    margin-top: 15px;
}
.security-content {
    max-width: 50%;
    margin: 0 auto;
    padding: 15px;
    float: none;
    font-family: 'Open Sans';
    background: #fdf4d9;
    border: 1px solid #f3d79d;
    position: relative;
    padding-top: 42px;
	margin-top: 100px;
}

.security-content h2 {
    padding: 5px 15px;
    display: block;
    
    color: #fff;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
	padding-left: 55px;
    background: url(../images/error.png) no-repeat 15px center;
	background-color: #91203e;
}
.security-content ul li span {
    position: absolute;
    left: 0;
}.security-content {}

.security-content {}

.security-content ul li {
    padding-left: 15px;
    position: relative;
}

span {}

.security-content ul li span:after {content: ".";}

.security-content ul {
    margin-top: 15px;
}

.security-content ul li a, .security-content p a {
    color: #91203e;
    text-decoration: underline;
}
.summary-right .select-card {
    display: block;
    border-radius: 8px;
    border: 1px solid #f3d79d;
    background: #fff;
    width: calc(100% - 42px);
    padding: 20px 20px;
}
.balance-numbers ul li p {
    display: inline-block;
    width: auto;
	margin: 0;
}
.due-reward .inside {
    /* padding-top: 44px; */
    /* padding-bottom: 0; */
    min-height: 145px;
	padding-bottom: 5px;
}
.bold{font-weight:bold}

/***************************************************/
.summary-menu select {
    border: 0;
    padding: 18px 15px;
    border-radius: 8px;
    font-size: 17px;
    display: block;
    float: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select-arrow.png) no-repeat 97% center;
    background-color: #fff;
    width: 100%;
    outline: 0;
    font-weight: bold;
}
.login-card.forgot_username {
    width: 500px;
}

.login-card.forgot_username .form-wrap {
    max-width: 47%;
    float: left;
    margin-bottom: 15px;
}
.login-card.forgot_password .form-wrap
{margin-bottom: 15px;}
.login-card.forgot_username .form-wrap:nth-child(2n+2) {
    float: right;
}

.login-card.forgot_username .form-wrap label, .login-card.forgot_password .form-wrap label {
    margin-bottom: 8px;
}
.login-card.forgot_username input[type=submit], .login-card.forgot_password input[type=submit] {
    margin-top: 10px;
}
.login-card input[type=submit] + input[type=submit] {
    margin-left: 15px;
}
.reg-radio, .dereg-radio {
    display: inline-block;
    float: none;
    width: auto;
}

.reg-dereg-radio {
    margin-bottom: 40px;
	    padding-left: 18px;
}

.reg-radio {
    margin-right: 10px;
	    margin-right: 35px;
}

.reg-radio input[type="radio"], .dereg-radio input[type="radio"] {
    position: relative;
    margin: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

input[type="radio"] {}



.reg-dereg-radio label {
    margin-left: 6px;
    margin-right: 12px;
    line-height: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    padding-left: 10px;
    line-height: 22px;
}
.reg-dereg-radio label:before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    top: 0;
    left: -1.5rem;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    /* color: #fff; */
    /* border-color: #007bff; */
    /* background-color: #007bff; */
    /* border: 1px solid #e4e6ea; */
}

.reg-dereg-radio label:after {
    position: absolute;
    top: .25rem;
    left: -1.15rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
    top: 0.33rem;
    left: -19.1px;
    width: 0.75rem;
    height: 0.75rem;
    background-color: #fff;
    border-radius: 50%;
}
.reg-dereg-radio .reg-radio input:checked~label:after {
    top: 0.33rem;
    left: -19px;
}
.reg-dereg-radio input:checked~label:before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}
.reg-dereg-radio .dereg-radio input:checked~label:before {
    background: #da2626;
    border-color: #ccc;
}
.reg-dereg-radio .reg-radio input:checked~label:before {
    background: #36813b;
    border-color: #ccc;
}
.reg-dereg-radio  input {
    display: inline-block;
    vertical-align: top;
}
.form-wrap.card-date .cardexpire_mm select {
    width: 100%;
}

.form-wrap.card-date .cardexpire_mm {
    font-weight: 600;
}
.reg-radio {
    color: #36813b;
}

.dereg-radio {
    color: #da2626;
}
button.edit {
    padding: 10px 25px;
    background: #91203e;
    border: 0;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    border-radius: 20px;
    margin-top: 15px;
}
button.edit img {
    max-width: 30px;
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
}
button.edit:hover img {filter: invert(1);}

button.edit:hover {
    background: yellow;
    background: #f6b801;
    color: #000;
}

button.edit:hover span {
    color: #000 !important;
}
.summary-details ul li button.edit span {
    display: inline-block;
    line-height: 1.2;
    vertical-align: top;
    font-size: 14px;
    font-family: 'Open Sans';
	color:#fff;
}
.summary-details.profile-sm {
    padding: 20px 20px;
    margin-bottom: 6px;
	width: calc(100% - 40px);
	min-height: unset;
}

.summary-details.profile-sm ul li {
    padding: 12px 0 12px 0;
    width: calc(33.333333% - 3.5%);
    float: left;
    padding-right: 3%;
    margin-right: 4%;
    border-bottom: 0;
    border-right: 1px solid #f3d79d;
}
ul.address {
    /* float: left; */
    width: 100%;
    position: relative;
    display: flex;
    /* display: table; */
    display: grid;
    /* grid-auto-flow: column; */
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.summary-details.profile-sm ul.address li {
    padding: 12px 0 12px 0;
    width: 100%;
    /* float: left; */
    padding-right: 15px;
    /* padding-left: 4%; */
    border-bottom: 0;
    border-right: 1px solid #f3d79d;
     position: relative;
    /* height: 100%; */
    /* flex: 1; */
    /* display: table-cell; */
    /* flex-direction: column; */
    /* display: flex; */
}
.summary-details.profile-sm ul.address li {
    padding-bottom: 50px;
}
.summary-details.profile-sm ul.address li button.edit {
    position: absolute;
    bottom: 12px;
    left: 0;
}
.summary-details.profile-sm ul li:last-child {
    /* width: 32.33333333%; */
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
h3.head3 {
    font-weight: bold;
    font-size: 16px;
    color: #91203e;
    text-transform: uppercase;
}

.summary-details.profile-sm ul li span.head {
    width: auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    display: block;
    vertical-align: top;
    margin-right: 15px;
	margin-bottom: 10px;
}

.summary-details.profile-sm ul li span.name {
    display: block;
}

.summary-details.profile-sm ul li span.address {
    max-width: 300px;
      
}
.summary-details.profile-sm:last-child ul li span.address {
    min-height: unset;
}
.summary-details.profile-sm ul li span {
    font-size: 14px;
}
.form-wrap.half .part {
    float: left;
    max-width: 25%;
}

.form-wrap.half .part input.field {
    width: 94%;
}

.form-wrap.half .part:nth-child(2n) {
    /* float: right; */
}

.form-wrap.half .part:nth-child(2n) input.field {
    float: right;
}
.Switch {
	position: relative;
	display: inline-block;
	font-size: 1.6em;
	font-weight: bold;
	color: #ccc;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
	height: auto;
	padding: 4px 10px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 16px;
	background: #ececec;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.1), inset 0px 1px 3px 0px rgba(0,0,0,0.1);
	cursor: pointer;
	font-size: 16px;
	float: none;
	display: inline-block;
	width: auto;
}
body.IE7 .Switch { width: 78px; }
.Switch span {
	display: inline-block;
	width: auto;
}
.Switch span.On { color: #33d2da; }
.Switch .Toggle {
	position: absolute;
	top: 4px;
	width: 20px;
	left: 5px;
	height: 20px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 50%;
	background: #fff;
	background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
	background: linear-gradient(top, #ececec 0%, #ffffff 100%);
	box-shadow: none;
	z-index: 999;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
}
.Switch.On .Toggle {left: 10px;}
.Switch.Off .Toggle {right: 10px;left: auto;}
ul.transactions-list {
    width: 50%;
    float: left;
}
.summary-details.transactions ul.transactions-list:last-child {
    float: right;
}
.toggle-radio {
    width: auto;
    display: inline-block;
    float: none;
	
}
ul.transactions-list li {
    margin: 0 20px;
    padding: 9px 0px;
	width: calc(100% - 40px);
}
ul.transactions-list li:first-child {
    border-bottom: 0;
	min-height: 48px;
}
ul.transactions-list li span.address {
    width: calc(100% - 85px);
    font-size:16px;
}
.summary-details.transactions {
    padding-top: 20px;
    padding-bottom: 20px;
	margin-bottom: 30px;
}

.summary-details.transactions ul.transactions-list li .head {
    font-weight: bold;
    font-size: 16px;
    color: #91203e;
    text-transform: uppercase;
    width: auto;
}
.Switch.On {
    background: #f9c8c7;
    color: #da2626 !important;
    border: 1px solid #da2626;
}

.Switch.On span {
    color: #da2626 !important;
}

.Switch.disable span {
    color: #808080 !important;
}

.Switch.Off {}

.Switch.Off {
    background: #daf1d6;
    border: 1px solid #36813b;
}

.Switch.Off span {
    color: #36813b !important;
}

.Switch span {
    font-size: 12px;
}
.summary-details.transaction-limit-main .head {
    font-weight: bold;
    font-size: 16px;
    color: #91203e;
    text-transform: uppercase;
    width: 36.333333%;
    margin-bottom: 30px;
}

.summary-details.transaction-limit-main span.range-slider__value {}

.summary-details.transaction-limit-main span.range-slider__value, span.new__value {
    width: 50%;
    border-bottom: 1px solid #f3d79d;
    height: 22px;
    margin-right: 7%;
    line-height: 1;
    vertical-align: top;
    display: inline-block;
    padding-top: 5px;
	text-align:center;
}
.new-limit, .current-limit {
    width: auto;
    float: none;
    display: inline-block;
    width: 30.333333%;
    font-size: 14px;
}

span.head2 {
    margin-right: 10px;
    font-weight: bold;
    vertical-align: top;
    display: inline-block;
}
.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (73px));
    height: 5px;
    border-radius: 5px;
    background: #f8d057;
    outline: none;
    padding: 0;
    margin: 30px 0 0 0;
	border: 2px Solid #a2263e;
}
.range-slider__range::-webkit-slider-thumb {
	 appearance: none;
	 width: 15px;
	 height: 15px;
	 border-radius: 50%;
	 background: #91203e;
	 cursor: pointer;
	 transition: background 0.15s ease-in-out;
	 box-shadow: 0 0 0 3px #fff, 0 0 0 6px #f6b801;
}
.range-slider__range::-webkit-slider-thumb:hover {
	 background: #91203e;
}
 .range-slider__range:active::-webkit-slider-thumb {
	 background: #91203e;
}
 .range-slider__range::-moz-range-thumb {
	 width: 15px;
	 height: 15px;
	 border: 0;
	 border-radius: 50%;
	 background: #91203e;
	 cursor: pointer;
	 transition: background 0.15s ease-in-out;
	 box-shadow: 0 0 0 3px #fff, 0 0 0 6px #f6b801;
}
 .range-slider__range::-moz-range-thumb:hover {
	 background: #91203e;
}
 .range-slider__range:active::-moz-range-thumb {
	 background: #91203e;
}
 .range-slider__range:focus::-webkit-slider-thumb {
	 box-shadow: 0 0 0 3px #fff, 0 0 0 6px #f6b801;
}
.summary-details.transaction-limit-main ul li {
    display: inline-block;
    padding: 0 20px;
    padding-bottom: 30px;
    padding-top:20px;
    width: calc(100% - 40px);
}
.summary-details.transaction-limit-main {
    padding: 30px 0 0;
}
.summary-details.transaction-limit-main span.min {
    margin-right: 10px;
}

.summary-details.transaction-limit-main span.max {
    margin-left: 10px;
}

.summary-details.transaction-limit-main span.max, .summary-details.transaction-limit-main span.min {
    font-size: 14px;
    font-weight: bold;
}
.summary-details.update-address .form-inner
{background: url(../images/update-address.png) no-repeat 89% 90px; }
.summary-details.update-mobile .form-inner
{background: url(../images/update-mobile.png) no-repeat 89% 90px;}
.summary-details.update-email .form-inner
{background: url(../images/update-email.png) no-repeat 89% 90px;}

.summary-details.card-hostlisting.pin-generation.update-email .form-inner, .summary-details.card-hostlisting.pin-generation.update-mobile .form-inner {
    padding-bottom: 45px;
	    min-height: 300px;
}

.summary-details.card-hostlisting.pin-generation.update-email .form-inner p, .summary-details.card-hostlisting.pin-generation.update-mobile .form-inner p {
    color: #7dad14;
    border: 1px solid #7dad14;
    background-color: #f3f8ed;
    padding: .75rem 1.25rem;
    border-radius: 8px;
}
.form-wrap.expiry-date select, .login-card .form-wrap.card-date select {
    width: 48%;
    margin-right: 1%;
	padding: 16px 10px;
    border: 0;
    font-size: 14px;
}

.form-wrap.dob-date select {
    width: 31%;
    margin-right: 1%;
    
    border: 0;
    font-size: 14px;
}

.form-wrap.dob-date select:nth-child(4) {
    margin-right: 0;
}
.login-card.forgot_username .form-wrap:nth-child(odd) {
    clear: both;
}
.summary-details.update-address .form-inner .form-wrap select {
    width: 50%;
}
.login-card .form-wrap select {
    border: 0;
}
ul.nav-dropdown {
    max-height: 0;
    position: absolute;
    float: left;
    overflow: hidden;
    background: #ffc828;
    z-index: 9;
    min-width: 230px;
    text-align: left;
	transition: all 0.25s linear;
}

nav#cssmenu ul li {
    position: relative;
	transition: all 0.55s linear;
}

nav#cssmenu ul li:hover ul.nav-dropdown {
    height: auto;
    max-height: unset;
	transition: all 0.55s linear;
}

nav#cssmenu ul li ul.nav-dropdown li a {
    text-align: left;
    width: calc(100% - 36px);
    padding: 10px 18px;

}
nav#cssmenu ul li ul.nav-dropdown li a:after
{display:none;}
nav#cssmenu ul li ul.nav-dropdown li {
    display: block;
    border-bottom: 1px solid #b38600;
}

nav#cssmenu ul li ul.nav-dropdown li:last-child {
    border: 0;
}
nav#cssmenu ul ul.nav-dropdown li:hover a {
    background: #91203e;
    color: #fff;
}
p.d-block {
    margin: 0;
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.summary-details {
    min-height: 290px;
    margin-bottom: 30px;
}
.summary-details.tabcontent {
    min-height: unset;
}
.table-outer {
    float: none;
    display: block;
    margin: 0;
    width: auto;
}
table.table-responsive {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}
table.table-responsive {
    width: 100%;
    /* text-align: center; */
}
.text-center {
    text-align: center;
}
table.table-responsive tr td, table.table-responsive tr th {
    border: 0;
    margin: 0;
    border-bottom: 1px solid #f3d79d;
    /* border-right: 1px solid #f3d79d; */
    padding: 7px 5px;
}

table.table-responsive tr {
    width: 100%;
 
}

table.table-responsive tr th {
    font-size: 14px;
	background:#fbefcc
}
a.view-statement, a.download-statement {
    text-decoration: none;
    color: #000;
    color: #fff;
    padding: 2px 5px;
    line-height: 1;
    border-radius: 5px;
	display:inline-block;
}
a.download-statement {
    background: #91203e;
}a.view-statement {
    background: #cc6600;
}

.summary-details.past-statement table.table-responsive tr td {
    padding: 9px 5px;
}

table.table-responsive tr td:last-child, table.table-responsive tr th:last-child {
    border-right: 0;
}

table.table-responsive tr:last-child td {
    border-bottom: 0;
}
.summary-right-boxes.three {
    margin-bottom: 8px;
}

.summary-right-boxes.three ul li {
    width: calc(33.3333333333% - 38px);
    margin-right: 6px;
}
.summary-right-boxes.three ul li:last-child {
    margin-right: 0;
}
.summary-right-boxes.six ul li {
    padding: 8px;
    width: calc(17.0% - 26px);
    font-size: 16px;
    margin-right: 6px;
}
.summary-right-boxes.six ul li:last-child {
    margin-right: 0;
}

.summary-right-boxes.six ul li span {
    font-size: 14px;
    line-height: 1.3;
}

.summary-right-boxes.six {
    text-align: center;
    margin-top: -22px;
}
table.table-responsive.text-center.statement tr td, table.table-responsive.text-center.statement tr th {
    padding: 7px 12px;
	text-align:left
}
table.table-responsive tr:nth-child(2n+1) td {
    background: #fffbee;
}

.summary-details.past-statement table.table-responsive tr td:last-child {
    text-align: right;
    padding-right: 15px;
    width: 20%;
}

.summary-details.past-statement table.table-responsive tr td:first-child, .summary-details.past-statement table.table-responsive tr th:first-child {
    text-align: left;
    padding-left: 20px;
}

.summary-details.past-statement table.table-responsive tr th:first-child {
    border-radius: 8px 0 0 0;
}

.summary-details.past-statement table.table-responsive tr th:last-child {border-radius: 0 8px 0 0;}

.summary-details.past-statement table.table-responsive tr td:nth-last-child(2) {
    width: 20%;
}
table.table-responsive.text-center.statement tr th:nth-last-child(2),table.table-responsive.text-center.statement tr td:nth-last-child(2) {
    text-align: right;
}

table.table-responsive.text-center.statement tr th:last-child,table.table-responsive.text-center.statement tr td:last-child {text-align: center;}
table.table-responsive tr:last-child td:first-child {
    border-radius: 0 0 0 8px;
}

table.table-responsive tr:last-child td:last-child {
    border-radius: 0 0 8px 0;
}
.loader-dim
{width:20px; height:20px;}
.select-card-inner.form-inner label
{margin-right: 15px;}
.select-card-inner.form-inner .form-btn
{margin-top: 15px; margin-right: 8px; }
.select-card-inner.form-inner{padding:0;}
.summary-details.last-statement-bg span.success {
    width: auto;
    margin: 20px;
}
.summary-details.last-statement-bg table.table-responsive.text-center.statement tr th:nth-last-child(2), .summary-details.last-statement-bg table.table-responsive.text-center.statement tr td:nth-last-child(2)
{text-align:right;}
.md-modal{position:fixed;top:50%;left:50%;width:50%;max-width:90%;width:auto;height:auto;max-height:550px;z-index:9999999999;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%); opacity:0;}

.md-hide{visibility:hidden; opacity:0;}
.md-overlay.hide{visibility: hidden;
    opacity: 0;
    z-index: 9999999999;}
    
.md-show{visibility:visible; opacity:1;}
.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:rgba(0,0,0,.8);-webkit-transition:all .3s;transition:all .3s}
.md-show~.md-overlay{opacity:1;visibility:visible}
.md-content{color:#333;background:#fff}
.md-effect-1 .md-content{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:0;-webkit-transition:all .3s;transition:all .3s;line-height:1; border:1px solid #fff;}
.md-effect-1 .md-content.confirmation-modal {
    border: 0;
}
.md-show.md-effect-1 .md-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
#md-close,#md-close2{position: absolute;
    right: 0px;
    top: 0;
    padding: 0;
    width: 47px;
    height: 47.2px;
    border-radius: 0;
    text-align: center;
    line-height: 0;
    background: #f6b801;
    color: #000;
    font-size: 24px;
    cursor: pointer;
    outline: 0;
    border: 0px solid #fff;}
.md-overlay.show{visibility: visible;
    opacity: 1;
    z-index: 9999999999;}
.content_wrap {
    padding: 15px;
    width: calc(100% - 30px);
}
.md-content .content_wrap {
	max-height: 500px;
    overflow-y: scroll;
}
.content_wrap h3 {
    font-weight: bold;
    font-size: 16px;
    color: #91203e;
    margin-bottom: 15px;
}

.content_wrap ul {
    margin-bottom: 15px;
}

.content_wrap ul.listing li, .content_wrap ul li {
	background: url(../images/bullet.png) no-repeat;
    background-position: left 12px;
    padding-left: 18px;
    padding-bottom: 12px;
    padding-top: 8px;
    line-height: 1.2;
    border-bottom: 1px solid #dddddd;
    font-weight: normal;
    margin-bottom: 3px;
}
.content_wrap p{
	line-height: 1.2;
    font-weight: normal;
}
.md-trigger, .modal-statement-close {
    background: #91203e;
    padding: 12px 24px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    outline: 0;
    border: 0;
    margin-top: 15px;
    display: inline-block;
    text-transform: uppercase;
	font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    background: #91203e;
    padding: 13px 42px;
}
.md-trigger:hover {
    background: #f6b801;
    color: #000;
}
.md-close:hover {
    background: #f6b801;
    color: #000;
}
.modal-statement-close {
    margin-bottom: 20px;
	    cursor: pointer;
}
.slick-dots {
	text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
}
.slick-dots li button {
    display:none;
}
.slick-dots li.slick-active button {
    background-color: #91203e;
}

.hero-area.home .card-offers .md-trigger {
    background: #91203e;
    color: #fff;
}
.hero-area.home .card-offers .md-trigger:hover {
    background: #f6b801;
    color: #000;
}
.dashboard-main .div-row {
    display: block;
}
ul.card-list ul.slick-dots li {
    width: auto;
    border: 0;
    display: inline-block;
    float: none;
}
.slick-dots{margin-top:15px;clear: both;
    float: left;
    width: 100%;}
ul.card-list ul.slick-dots li, .slick-dots li {
    display: inline-block;
    border: 1px solid #91203e;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 3px;
	padding:0;
}

ul.card-list ul.slick-dots li.slick-active, .slick-dots li.slick-active {
    background: #91203e;
}
ul.bullets.slick-slide {
    text-align: center;
    display: inline-block;
    float: none;
}

ul.slider.responsive2 .slick-slide {
    border: 1px solid #eee;
    text-align: center;
	border: 1px solid #f3d79d;
	border-radius: 8px;
	padding:0 0 18px 0;
	overflow: hidden;
}

ul.slider.responsive2 .slick-slide p {
    padding: 0 15px;
    float: none;
    display: block;
    margin-bottom: 12px;
}

ul.slider.responsive2 .slick-slide a {
    display: inline-block;
    margin-bottom: 10px;
}

ul.slider.responsive2 .slick-slide img.logo-card {
    float: none;
    display: inline-block;
    margin-bottom: 0;
}

ul.slider.responsive2 .slick-slide img {
    margin-bottom: 10px;
}

img.logo-card {}

ul.slider.responsive2 .slick-slide p br {
    display: none;
}
.download-app .row {
    margin: 0;
}

.download-app .row .col-md-6 {
    max-width: calc(50% - 30px);
    padding: 0 15px;
    text-align: center;
}
.download-app  p.badge {
    display: inline-block;
    background: #91203e;
    padding: 10px 10px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
	border-radius: 20px;
}

.download-app img {
    width: 100% !important;
    max-width: 300px;
    height: auto !important;
}
tbody#emi_transaction_data select {
    background: url(../images/select-arrow.png) no-repeat 80% center;
    background-color: #fdf4d9;
    outline: 0;
    border: 0;
    /* width: 46%; */
    padding: 5px 10px;
    padding-right: 20px;
    border-radius: 10px;
    color: #000;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: 'Open Sans';
    font-size: 15px;
    border: 1px solid #f3d79d;
    /* margin-left: 15px; */
	background-size: 10px;
}
tbody#emi_transaction_data button {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background: #91203e;
    padding: 8px 15px;
    border: 0;
    color: #fff;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-appearance: button;
    font-family: 'Open Sans';
    border-radius: 8px;
}
.summary-details.emi-transaction-details ul li label {
    /* font-size: 15px; */
    margin-bottom: 0;
    /* font-weight: bold; */
    /* font-size: 16px; */
    /* color: #91203e; */
    text-transform: uppercase;
    width: 271px;
    display: inline-block;
}
.summary-details.emi-transaction-details ul {
    margin-bottom: 30px;
}
.summary-details.emi-transaction-details .form-inner{background:transparent;     padding: 0;}
.summary-details.emi-transaction-details .form-inner input.form-btn {
    margin-left: 35px;
    margin-bottom: 35px;
}
.tooltip.tooltip-new {
    position: relative;
    opacity: 1;
    display: inline-block;
    vertical-align: bottom;
	cursor:pointer;
}

.tooltip.tooltip-new:before {
    content: attr(data-text); /* here's the magic */
    position:absolute;
    top: 50%;
    transform:translateY(-50%);
    left: 100%;
    margin-left:22px;
    min-width: 246px;
    padding:10px;
    font-size: 13px;
    border-radius: 5px;
    background: #f6b801;
    color: #000;
    text-align:center;
    display:none;
	transition:all 0.5s;
}

.tooltip.tooltip-new img {
    max-width: 20px !important;
    margin-left: 10px;
    display: inline-block;
    vertical-align: bottom;
}

.tooltip.tooltip-new:after {content: "";position: absolute;left: 100%;margin-left: 4px;top: 50%;transform:translateY(-50%);border: 10px solid #f6b801;border-color: transparent #f6b801 transparent transparent;display:none;}
.tooltip.tooltip-new:hover:after, .tooltip.tooltip-new:hover:before{display:block; transition:all 0.5s;}
.summary-details.reg-dereg .form-inner .form-wrap label {
    font-size: 14px;
    margin-bottom: 12px;
}

.summary-details.reg-dereg .form-inner .form-wrap select {
    margin-top: 0;
	padding-left: 10px;
	background-position: 93% center;
}
.pnbloader {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.pnbloader::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
h2.head-1 {
    padding: 14px 15px;
    display: block;
    color: #fff;
    margin: 0;
    /* position: absolute; */
    left: 0;
    top: 0;
    right: 0;
    /* padding-left: 55px; */
    
    background-color: #91203e;
}

div#confirmation {
    text-align: center;
    overflow: auto;
    padding: 30px;
    width: calc(100% - 60px);
    font-size: 16px;
	padding-bottom: 0;
}
div#confirmation .form-inner input.form-btn {
    margin: 0px 6px;
}
 .pnbloader{
	 height: 45px !important;
    width: 45px !important;

 }
 .form-wrap .error-msg {
    clear: both;
    display: block;
}
.form-wrap.expiry-date select, .login-card .form-wrap.card-date select {
    background-position: 94% center;
}

.form-wrap.dob-date select {
    background-position: 90% center;
}
.error-msg.valid_content, .error-msg.invalid_content{
    /* position: relative; */
    /* right: -10px; */
    /* clear: both; */
    /* float: left; */
    display: inline-block;
    width: 15px;
    vertical-align: top;
    height: auto;
    line-height: 53px;
    position: absolute;
    bottom: 32px;
    left: 102%;
}
.form-wrap.valid-field input {
    border: 1px solid #4caf50;
}
.form-wrap.invalid-field input {
     border: 1px solid red;
}

.sticky-social {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
}

.sticky-social ul li a .fa {
    width: 32px;
    margin: 4px 7px;
    height: 32px;
    border-radius: 50%;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
	position:relative;
	    
		transition: all 0.3s;
}
.sticky-social ul li a .fa:after {content: "";/* width: 100%; *//* height: 100%; */position: absolute;border: 2px solid transparent;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;}

.sticky-social ul li a:hover .fa:after {
    /* border-color: #f6b801; */
}
.sticky-social ul li a .fa.fa-facebook {
    background: #3a589b;
    color: #fff;
}

.sticky-social ul li a .fa.fa-twitter {
    background: #1cb7eb;
    color: #fff;
}

.sticky-social ul li a .fa.fa-linkedin {
    background: #007ab9;
    color: #fff;
}

.sticky-social ul li a .fa.fa-instagram {
	background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: #fff;
}

.sticky-social ul li a .fa.fa-youtube {
	background: #ff0000;
    color: #fff;
}
.sticky-social ul li a .fa:hover {
    /* 
    font-size: 22px;
    line-height: 35px; */
}
.announcement-text-home {
    background: #f3d79d;
    padding: 10px 0;
}

.announcement-text-home p, .announcement-text-home a{
    margin: 0;
    line-height: 1;
    font-weight: 600;
	color:#000;
} 
.hero-area.home .card-offers {
    width: calc(100% - 580px);
    /* margin-left: 50px; */
    margin: 30px 0;
    margin-left: 30px;
    float: left;
    padding: 25px 30px 5px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #f3d79d;
}
.hero-area.home .card-list.slider {
    overflow: hidden;
	margin-left:-10px;
    width: calc(100% + 10px);
}
.hero-area.home ul.card-list li
{margin: 6px 0 0 10px;}
ul.card-list.slider li img {
    height: 160px;
}

ul.card-list.slider li img.logo-card {
    height: 50px;
}
.hero-area.home .card-offers h2 {
    margin-bottom: 10px;
    margin-top: 0;
    color: #fff;
    background: url(../images/card-offers-white.png) no-repeat left center;
    background-color: #91203e;
    width: auto;
    display: block;
    padding: 10px 10px 10px 45px;
    background-position: 15px center;
    border-radius: 8px;
}
.hero-area.home .card-offers ul.card-list ul.slick-dots li, .hero-area.home .card-offers .slick-dots li {
    /* border-color: #fff; */
}

.hero-area.home .card-offers ul.card-list ul.slick-dots li.slick-active, .hero-area.home .card-offers .slick-dots li.slick-active {
    /* background: #fff !important; */
}
.card-breif p span {
    font-size: 16px;
}
input#add_doc_file::-webkit-file-upload-button {
    visibility: hidden;
}

input#add_doc_file:before {
    content: 'Select Document';
    display: inline-block;
    background: transparent !important;
    border: 1px solid #91203e;
    border-radius: 3px;
    padding: 10px 13px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
    color: #91203e;
}

input#add_doc_file {
        background: transparent;
    border: 0;
    padding: 17px 2px;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 5px;
}
.home-Whats-new {
    width: 388px;
    max-width: 100%;
    border: 1px solid #f3d79d;
    /* width: auto; */
    padding: 20px 25px;
    /* margin: 50px 0; */
    border-radius: 8px;
    background: #fff;
}
.home-Whats-new ul li {
    border-color: #f3d79d;
}
.home-Whats-new h2.hd2 {
   display: block;
     line-height: 1.5;
    background: url(../images/whats-new.png) no-repeat left center;
  
}
.home-important-links .hd2
{background: url(../images/important-links-icon.png) no-repeat left center;}

.Quick-links .hd2
{background: url(../images/quick-links-icon.png) no-repeat left center;}
.home-bottom-right {
    width: calc(100% - 520px);
    margin-left: 30px;
    margin-bottom: 50px;
}

.home-bottom-right > div {
       width: calc(47.3% - 30px);
    float: left;
    padding: 20px 15px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #f3d79d;
}

.home-bottom-right > div:last-child {
    float: right;
}



.home-important-links ul li {
    padding-bottom: 6px;
    margin-bottom: 6px;
	background: url(../images/bullet-grey.png) no-repeat left 5px;
	border-color: #f3d79d;
}

.home-important-links ul li a {
    color: #000;
}

ul.listing.no-bullet li {
    background: transparent;
    padding-left: 0;
	border-color: #f3d79d;
	
}

ul.listing.no-bullet li a {
    color: #a20a3a;
}


.hero-area.home.plain-bg .login-card .form-wrap.valid-field:after {
    top: 19px;
}

.hero-area.home.plain-bg .login-card .form-wrap.invalid-field:after {
    top: 19px;
}

.whats-new {
    width: 250px;
}
.Quick-links, .home-Whats-new {
    max-height: 215px;
    height: 300px;
}
.form-inner .form-wrap.input-field {
    width: calc(50% + 27px);
}
.form-inner .form-wrap.input-field input.field {
    width: calc(100% - 40px);
    /* display: block; */
    margin: 0;
}
.form-inner .form-wrap.input-field.valid-field:after
{right: -5px;}
.form-wrap.input-field .valid_content {
    right: -27px;
}
.summary-details.card-hostlisting.pin-generation.update-email .form-inner .form-wrap.otp {
    clear: both;
}

.summary-details.card-hostlisting.pin-generation.update-email .form-inner  input.form-btn {
    float: left;
    margin-bottom: 30px;
	clear: both;
}
.summary-details.card-hostlisting.pin-generation.update-mobile .form-inner .form-wrap.otp {
    clear: both;
}

.summary-details.card-hostlisting.pin-generation.update-mobile .form-inner  input.form-btn {
    float: left;
    margin-bottom: 30px;
	clear: both;
}
.summary-details.card-hostlisting.pin-generation.update-email .form-inner .form-wrap.otp, .summary-details.card-hostlisting.pin-generation.update-mobile .form-inner .form-wrap.otp, .summary-details.card-hostlisting.pin-generation.pin-generation-two .form-inner .form-wrap.otp, .summary-details.card-hostlisting.set-limit-otp .form-inner .form-wrap.otp, .summary-details.reg-dereg.reg-dereg-otp .form-inner .form-wrap.otp, .summary-details.transactions.tabcontent-new .form-inner .form-wrap.otp  {
   max-width: calc(33% + 27px);
}
.summary-details.card-hostlisting.pin-generation.update-email .form-inner .form-wrap.otp input.field, .summary-details.card-hostlisting.pin-generation.update-mobile .form-inner .form-wrap.otp input.field, .summary-details.card-hostlisting.pin-generation.pin-generation-two .form-inner .form-wrap.otp input.field, .summary-details.card-hostlisting.set-limit-otp .form-inner .form-wrap.otp input.field, .summary-details.reg-dereg.reg-dereg-otp .form-inner .form-wrap.otp input.field, .summary-details.transactions.tabcontent-new .form-inner .form-wrap.otp input.field {
        width: 58%;
}
.summary-details.card-hostlisting.pin-generation.update-email .form-inner .form-wrap.otp label, .summary-details.card-hostlisting.pin-generation.update-mobile .form-inner .form-wrap.otp label {
    margin-bottom: 12px;
}
.summary-details.card-hostlisting.pin-generation.update-address .form-inner .form-wrap.otp {
   max-width: calc(33% + 27px);
}
.summary-details.card-hostlisting.pin-generation.update-address .form-inner .form-wrap.otp input.field {
        width: 58%;
}
.summary-details.card-hostlisting.pin-generation.update-address .form-inner .form-wrap.otp label {
    margin-bottom: 12px;
}
/* .summary-details.card-hostlisting.pin-generation.update-address .form-inner input.form-btn {
    float:left; clear:both;
} */
.tabs-inside ul.tabs {
    padding: 0;
	margin-bottom:20px;
}

.tabs-inside ul.tabs li {
    width: auto;
    margin: 0;
    padding: 0 15px;
    border: 0;
}

.tabs-inside ul.tabs li a {
    padding: 0;
    padding-bottom: 10px;
}

.tabs-inside ul.tabs li:first-child {
    padding-left: 0;
}
.new-limit-field input[type="text"] {
    background-color: #fdf4d9;
    font-size: 14px;
    background: #fdf4d9;
    outline: 0;
    border: 0;
    /* width: 97%; */
    padding: 17px 3%;
    border-radius: 10px;
	margin-bottom: 15px;
    margin-right: 15px;
}
.new-limit-field span.note {
    font-weight: 600;
    font-size: 13px;
	    color: #91203e;
}
.new-limit-field span.head2 {
   font-size: 14px;
    line-height: 50px;
    font-weight: bold;
}
#transaction-limit-main{display:none;}
.save-btn{display:none;padding-top:10px;}
.transaction_btn{font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background: #91203e;
    padding: 10px 25px;
    border: 0;
    color: #fff;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-appearance: button;
    font-family: 'Open Sans';
    border-radius: 20px;
    margin-right: 10px;}

.range-slider__range{width: 100% !important;}
.loader{width:15px;display:none;}
div#confirmation.transaction-limit-confirm {
    padding: 0;
    width: 100%;
	width: 900px;
	background: url(../images/undertaking.png) no-repeat 600px 50px;
    background-size: 290px;
}

div#confirmation.transaction-limit-confirm p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
	font-weight: bold;
	    text-align: justify;
}
div#confirmation.transaction-limit-confirm .table-outer span {
    font-size: 17px;
    line-height: 1.5;
    margin: 0;
    font-weight: bold;
    color: #91203e;
}
.transaction_btn
{transition: all 0.3s;}
.transaction_btn:hover{background: #f6b801; color: #000;}
div#confirmation.transaction-limit-confirm .form-inner {
    padding-right: 30%;
    text-align: left;
	padding-bottom: 0 !important;

}
div#confirmation.transaction-limit-confirm .md-trigger, div#confirmation.transaction-limit-confirm .modal-statement-close {
    float: left;
    margin-left: 20px;
}

.disable-limit {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
    /*background: #d3d3d3 !important;*/
    /*color: #fff;*/
}

.enable-limit {
    opacity: 1;
    pointer-events: auto;
    cursor: "";
}


button.pnbButtonDisable {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
    background: #d3d3d3 !important;
    color: #fff;
}

button.pnbSubmitEnable {
    pointer-events: auto;
}

input.pnbButtonDisable {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
    background: #d3d3d3 !important;
    color: #fff;
}

input.pnbSubmitDisable {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

input.pnbSubmitEnable {
    pointer-events: auto;
}

.login-card input[type=submit].pnbSubmitDisable:hover {
    background: #91203e !important;
    color: #fff;
}
.head2 {
    font-size: 17px;
    font-weight: 600;
}
.summary-right-boxes ul li span.rs {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}
.summary-right-boxes.six ul li span.rs
{font-size: 14px;}
.summary-right-boxes ul li span.rs ~ span {
    display: inline-block;
}
nav#cssmenu ul li:last-child ul.nav-dropdown {
    right: 0;
}
.summary-details.profile-sm ul.address li p span.address {
    display: block;
}

.summary-details.profile-sm ul.address li p {
    min-height: 95px;
}
.summary-details ul.listing.note li, ul.listing.note li {
    padding: 0;
    padding-left: 0;
    border-bottom: 0px solid #dddddd;
    margin-bottom: 5px;
    padding-bottom: 0;
    font-weight: normal;
    background: transparent;
}

p.mt-30, .summary-details .form-inner p.mt-30 {
    margin-top: 30px;
    margin-bottom: 10px;
}
tbody#unbilled_transaction_data tr td:nth-last-child(2), tbody#unbilled_transaction_data tr th:nth-last-child(2) {
    text-align: right;
}

#dom_trans_form, #spend_trans_form{width:100%;}
.summary-details  ul#dom_trans_form li span.head , .summary-details  ul#spend_trans_form li span.head , .summary-details  ul#inter_trans_form li span.head {
    font-weight: bold;
    font-size: 16px;
    color: #91203e;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 30px;
}
.summary-details  ul#dom_trans_form li , .summary-details  ul#spend_trans_form li , .summary-details  ul#inter_trans_form li {
    display: inline-block;
    padding: 0 20px;
    padding-bottom: 30px;
    padding-top: 20px;
    width: calc(100% - 40px);
}
.summary-details  ul#dom_trans_form span.max, .summary-details  ul#spend_trans_form span.max, .summary-details  ul#dom_trans_form span.min, .summary-details  ul#inter_trans_form span.max, .summary-details  ul#inter_trans_form span.min, .summary-details  ul#spend_trans_form span.min {
    font-size: 14px;
    font-weight: bold;
	color: #000
}

.summary-details  ul#dom_trans_form span.min, .summary-details  ul#spend_trans_form span.min, .summary-details  ul#inter_trans_form span.min {
    margin-right: 10px; position: absolute; top: 0;
}

.summary-details  ul#dom_trans_form span.max, .summary-details  ul#spend_trans_form span.max, .summary-details  ul#inter_trans_form span.max {
    margin-left: 10px; position: absolute; top: 0; right: 0;
}
.switch-limit a{    padding: 5px 10px;background: #91203e;color: #fff; border-radius: 10px; margin:0px 0 0 10px}
ul.transactions-list.spend-limit{width:100%; border-top: 1px solid #f3d79d; margin: 20px 0 0 0; padding: 20px 0 0 0; }
.summary-details.transactions ul.transactions-list.spend-limit li .head {color: #000; font-size: 20px}
.new-limit-field{float: left; width: 55%;  position: relative;}
.new-limit {float: right;  width: 20%}
.current-limit {float: left;  width: 20%}
.new-limit span.head2, .current-limit span.head2{font-size: 14px; font-weight: 400;}
.new-limit input{background: #fdf4d9; border: 1px solid #f3d79d; color: #000; border-radius:5px; padding: 10px; width: 110px; font-size: 16px; font-weight: bold;}
.summary-details ul li span.current_val {display:block; font-size: 16px; font-weight: bold;}

.form-inner.set-limit-otp .form-wrap{margin-bottom: 0px; background: #fff; float: left; width: 100%; box-sizing: border-box; border: 1px solid #f3d79d; border-radius: 8px; padding : 25px 20px 25px 20px}
.form-inner.set-limit-otp{padding:0}
ul.transactions-list.spend-limit li span.address{width:auto}
span.pnb_label2 {
    color: #91203e;
    margin-right: 5px;
}

span.pnb_label2, #reward_date {
    font-size: 26px;
}
.due-reward h2.mb-0 {
    margin-bottom: 0 !important;
    margin-top: 10px !important;
}
.summary-details.pin-generation.pin-generation-two .form-inner {
    min-height: 290px;
    background-position: 89% 115px;
}
.summary-details.reg-dereg.reg-dereg-otp.pin-generation.pin-generation-two .form-inner {
    min-height: 460px;
}
.summary-details.pin-generation.pin-generation-two .form-inner .form-wrap {
    float: none;
    clear: both;
}
div#otp_div.set-limit-otp {
    min-height: unset;
}

div#otp_div.set-limit-otp .form-inner {
    background: transparent;
}
.card-types .card-breif ul li {
    border: 0;
    width: auto;
    text-align: left;
    display: block;
    float: none;
    padding: 0;
    padding-left: 20px;
    position: relative;
	    border-bottom: 1px solid #eee;
    border-radius: 0;
    padding-bottom: 10px;
}

.card-types .card-breif h3 {
    text-align: left;
    margin-bottom: 20px;
	    color: #91203e;
}

.card-types .card-breif ul {
    counter-reset: list;
}

.card-types .card-breif ul li:before {
    counter-increment: list-number;
    content: counter(list-number);
    counter-increment: list;
    content: counters(list, ".") ". ";
    position: absolute;
    left: 0;
}

.card-types .card-breif {
    padding: 0;
}
ul.card-list.slider.card-types {
    overflow: hidden;
}
.card-types li.slick-slide {
    padding: 0;
	margin: 0 1px;

}
.card-types .card-breif p.note {
    text-align: left;
}

.card-types .card-breif p.note br {
    display: block;
}
.card-types .card-img {
    margin-top: 20px;
}
.card-types li.slick-slide {
    border:1px solid #f3d79d !important
}
.summary-details.card-hostlisting.no-background .form-inner {
    background: none;
}
.card-types .card-breif ul.a-list {
    counter-reset: listStyle;
}

.card-types .card-breif ul.a-list li {
    counter-increment: listStyle;
}

.card-types .card-breif ul.a-list li:before {
    content: counter(listStyle, lower-alpha) ". ";
}
ul.card-list li .card-breif p {
    text-align: left;
    min-height: unset;
    margin-bottom: 20px;
}

.card-types .card-breif ul.listing, .card-types .card-breif ul.head-text {
    counter-reset: none;
}

.card-types .card-breif ul.listing li:before, .card-types .card-breif ul.head-text li:before {
    content: "";
}

.card-types .card-breif ul.listing li {
    font-weight: normal;
}

.card-types .card-breif ul.listing {
    margin-bottom: 15px;
}

ul.card-list li .card-breif p.bold {
    margin-bottom: 10px;
}
.card-types .card-breif ul.head-text li {
    padding-left: 0;
}

.card-types .card-breif ul.head-text li strong {
    min-width: 200px;
    display: inline-block;
	vertical-align:top;
}
.card-types .card-breif ul.head-text li {
    border-bottom: 1px solid #eee;
    border-radius: 0;
    padding-bottom: 10px;
}

p.bold-red {
    background: #91203e;
    color: #fff;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 1;
}

.card-types .card-breif ul.head-text {
    margin-bottom: 20px;
}

.card-types .card-breif ul.head-text li:last-child , .card-types .card-breif ul li:last-child{
    border-bottom: 0;
}
.card-types .card-breif ul.head-text li span {
    max-width: calc(100% - 210px);
}
small.note {
    color: red;
}
.single-note {
    width: auto;
    display: block;
    float: none;
    padding: 30px;
}

.summary-details.note {
    min-height: unset;
}

.single-note .mt-30 {
    margin-top: 0;
}
.summary-right-boxes.six ~ .summary-details.note {
    margin-top: 8px;
}
.summary-details.past-statement ~ .summary-details.note {
    margin-top: -22px;
}
a.blue-link {
    color: #4285f4;
    text-decoration: underline;
}
.summary-details.card-hostlisting.succ_msg .form-inner, .summary-details.card-hostlisting.err_msg .form-inner {
    background-position: 89% 85px;
    min-height: 250px;
}
.login-card.login-process {
    padding-bottom: 250px;
    background: #FFF url(../images/pin-generate-bg.png) no-repeat center 120px;}
	
.due-reward.full-width {
    width: auto; padding:30px 20px;
    display: block;
    clear: both;
    float: none;
    margin-bottom: 6px;
    min-height: unset;
}

.due-reward.full-width .inside {
    width: 83%;
    min-height: 120px;
    background-position: left center;
}

.due-reward.full-width .inside .middle-content { position:relative; padding:0px 25px; width:auto !important; margin-right: 0; margin-top: 45px !important; }
.due-reward.full-width .inside .middle-content:after { content: ''; height: 100%; border-left:1px solid #f3d79d; position: absolute; left: 0; top: 4px; z-index: 1; }
.due-reward.full-width .inside .middle-content:before { content: ''; height: 100%; border-right:1px solid #f3d79d; position: absolute; right: 0; top: 4px; z-index: 1; }
.due-reward.full-width .inside .last-btn { min-height: auto; line-height: normal; float:right; margin-top: 25px !important; margin-right: 0 !important;padding:0 61px 0 87px;}

.due-reward.full-width .inside > * {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0 !important;
    line-height: 94px;
    margin-bottom: 0 !important;
    margin-right: 10px;
    width: auto;
    float: none;
}

.due-reward.full-width .inside > a {
    line-height: 1.5;
}
.summary-details.reward-page ul li {
    width: calc(50% - 71px);
    float: left;
    border-right: 1px
 solid #f3d79d;
    clear: both;
    font-size: 15px;
}

.summary-details.reward-page ul li:nth-child(2n+2) {
    float: right;
    border-right: 0;
    clear: none;
}

.summary-details.reward-page ul li span.head {
    width: 60%;
}

.summary-details.reward-page ul li span.data {
    width: 40%;
    text-align: right;
}

.summary-details.reward-page {
    min-height: unset;
}

.summary-details.reward-page ul li:nth-last-child(2) {
    border-bottom: 0;
}

.summary-details.reward-page ul li:last-child {
    border-bottom: 0;
}
.due-reward.full-width .inside .club1 > * {
    width: auto;
    display: block;
    line-height: unset;
    margin-top: 0 !important;
    line-height: 1;
}

.due-reward.full-width .inside .club1 {
    line-height: normal;
    margin-right: 25px; margin-top: 25px !important;
}
.summary-details.transactions.tabcontent-new {
    min-height: unset;
	margin-bottom: 0;
}

.summary-details.transactions.tabcontent-new ul.transactions-list.spend-limit {
    margin: 0;
    border-top: 0;
    padding: 0;
}
.summary-details.transactions ul.transactions-list.spend-limit li .head {
    font-weight: bold;
    font-size: 16px;
    color: #91203e;
    text-transform: uppercase;
}

.summary-details.transactions.tabcontent-new input[type="button"], .summary-details.transactions.tabcontent-new input[type="submit"] {
    margin-left: 20px;
    clear:both;
}
.summary-details.transactions.tabcontent-new input[type="submit"] {
    clear: both;
    float: left;
}
span.head ~ .toggle-radio {
    margin-bottom: -3px;
}
.summary-details.transactions.tabcontent-new ul li {
    padding-bottom: 0 !important;
}
div#spending_form span.address {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 16px;
}
div#main-outer-transaction-limit > .summary-details {
    padding: 0;
    border: 0;
}

div#main-outer-transaction-limit input[type="button"], div#main-outer-transaction-limit input[type="submit"] {
    margin-left: 20px;
}
div#main-outer-transaction-limit > div#otp_div.set-limit-otp .form-inner {
    padding-top: 0;
    padding-bottom: 0;
}
div#main-outer-transaction-limit > div#otp_div {
    margin-bottom: 0;
}
div#main-outer-transaction-limit > .summary-details ul#dom_trans_form li:last-child, div#main-outer-transaction-limit > .summary-details ul#inter_trans_form li:last-child  {
    padding-bottom: 0;
}
div#emi_transaction.table-outer {
    max-height: 226px;
    overflow-y: auto;
}
.summary-details.emi-transaction-details {
    min-height: 226px;
	margin-bottom: 6px;
}
.summary-details.emi-transaction-details ul li {
    width: calc(50% - 71px );
    float: left;
	    border-right: 1px solid #f3d79d;
}
.summary-details.emi-transaction-details .form-inner input.form-btn {
    clear: both;
    float: left;
	margin-bottom: 20px;
}
.summary-details.emi-transaction-details ul li label {
    width: 50%;
}

.summary-details.emi-transaction-details ul li span.data {
    width: 50%;
}
.summary-details.emi-transaction-details ul li:nth-child(2n+2) {
    border-right: 0;
}
.summary-details.emi-transaction-details ul {
    margin-bottom: 0;
    display: block;
    float: left;
	    border-bottom: 1px solid #f3d79d;
		border-top: 1px solid #f3d79d;
}
.summary-details.emi-transaction-details p.head {
    font-weight: bold;
    font-size: 16px;
    color: #91203e;
    text-align: center;
    text-transform: uppercase;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #91203e #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
	border-radius:20px;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #91203e;
    border-radius: 10px;
    border: 0px solid #ffffff;
  }
  
span#otp_err_msg, #resendotp_msg, #resendEmailOTP_msg, #emailOTP_err_msg {
    min-width: 420px;
    display: inline-block;
    /* max-width: 100%; */
} 
.form-wrap label~a.show-papssword {
    margin-top: 14px;
}
.form-inner .form-wrap.input-field label~a.show-papssword {
    right: 45px;
    margin-top: 14px;
}
.upload-file-note{margin:-12px 0 15px 0;color:#91203e;}
@media only screen and (max-width:1024px){.common{padding:0 15px;width:auto}
nav#cssmenu ul li a{padding:10px 26px}
nav#cssmenu ul.menu-dashboard li a {
    padding: 10px 8px;
}
.summary-right-boxes.six ul li span {
    font-size: 13px;
    
}
}@media only screen and (min-width:991px) and (max-width:1100px){.due-reward.full-width .inside .last-btn{padding: 0 5px 0 0;}}
@media only screen and (max-width:991px){.common{padding:0 15px}
.top-header-area .top-header-menu{display:none}
.logo{width:calc(100% - 45px)}
.navigation{position:relative}
.navigation label{display:inline-block;position:absolute;right:15px;top:-70px}
nav#cssmenu .top-header-menu{display:block;background:#91203e;padding:10px 0;margin:0; margin-top: 15px;width: 100%;}
.navigation nav{display:none;position:absolute;right:0;top:0;background-color:#f6b801;padding:0;z-index:99}
input[type=checkbox]:checked~nav{display:block}
nav#cssmenu ul li{width:100%}
nav#cssmenu .top-header-menu a{margin-bottom:5px}
nav#cssmenu ul li a:after{left: 8px;
    right: 8px;top:auto;bottom:0;width:auto;height:0px}
nav#cssmenu ul li a{width:100%;padding:10px 0}
.dashboard-left .bg-w, .dashboard-right .bg-w {
    max-width: 100%;
}
.dashboard-right .warnings {
    width: calc(100% - 44px) !important;
}
.dashboard-right .whats-new {
    width: calc(100% - 44px) !important;
}
.div-column.dashboard-right {
    margin-top: 15px;
}
.div-column.dashboard-left, .div-column.dashboard-right {
    width: calc(100% - 30px);
}
ul.card-list li {
    position: relative;
}

.summary-right {
    width: calc(72% - 16px);
    float: right;
}
.summary-right-boxes ul li {
    width: calc(50% - 40px);
    margin-bottom: 6px;
}
ul.tabs li {
    margin-right: 18px;
}
.summary-details.sum_rwd_tab ul li {
    width: calc(50% - 31px);
    padding: 12px 15px 12px 15px;
}

.summary-details ul li span {
    vertical-align: top;
}
.balance-numbers ul li {
    padding-right: 5px;
    margin-right: 5px;
}

.summary-details.card-hostlisting .form-inner, .summary-details.reg-dereg .form-inner, .summary-details.card-hostlisting.new-card .form-inner, .summary-details.card-hostlisting.suppress-statement-bg .form-inner, .summary-details.card-hostlisting.auto-debit .form-inner, .summary-details.pin-generation.pin-generation-two .form-inner, .summary-details.card-hostlisting.succ_msg .form-inner, .summary-details.card-hostlisting.err_msg .form-inner {
    padding-top: 200px;
    background-position: center 25px;
    background-size: auto 150px;
}
.summary-details.emi-transaction-details .form-inner {
    padding-top: 0;
}
 .summary-details.card-hostlisting.reg-dereg .form-inner, .summary-details.card-hostlisting.limit-enhancement .form-inner {
    padding-top: 25px;
}
.form-wrap select, .form-inner .form-wrap input.field {
    width: 70%;
}
.form-wrap.otp input.field {
    width: 47%;
}
.form-wrap.card-date .cardexpire_mm {
    max-width: 35.5%;
}
.security-content {
    max-width: 60%;
}
.summary-details.card-hostlisting.min-height {
    min-height: 290px;
}
.form-wrap.dob .dob_mm {
    max-width: 23%;
}
.form-wrap.half .part {
    float: left;
    max-width: 37%;
}
.summary-details.transaction-limit-main .head {
    width: 100%;
}
.summary-details.transaction-limit-main .head {
    width: 100%;
}

.new-limit, .current-limit {
    width: 48%;
}

.summary-details.transaction-limit-main span.range-slider__value, span.new__value {
    width: 44%;
}

.new-limit {
    margin-bottom: 20px;
}
ul.transactions-list li span.address {
    min-width: unset;
    width: calc(100% - 90px);
}
ul.nav-dropdown {
    height: auto;
    max-height: unset;
}
ul.nav-dropdown {
    position: static;
	width: 100%;
}
nav#cssmenu ul li ul.nav-dropdown li a {
    text-align: center;
}
nav#cssmenu ul li ul.nav-dropdown li a {
    text-align: left;
	    width: auto;
    display: block;
}

nav#cssmenu ul.menu-dashboard li a {
    width: calc(100% - 16px);
    padding: 10px 8px !important;
    text-align: left;
}

nav#cssmenu ul li ul.nav-dropdown li {
    border: 0;
}
li.has-dropdown > a:before {
    content: "";
    /* border-left: 20px solid transparent; */
    /* border-right: 20px solid transparent; */
    /* border-top: 20px solid #f00; */
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate( 
45deg
 );
    -webkit-transform: rotate( 
45deg
 );
    position: absolute;
    right: 8px;
}
.summary-right-boxes.three ul li {
    padding: 10px;
    width: calc(33.3333333333% - 26px);
}
.summary-right-boxes.six ul li {
    width: calc(33.7% - 26px);
}
.md-content {
    color: #333;
    /* background: #fff; */
    
}
.hero-area.home .card-offers {
    margin-left: 20px;
    width: calc(100% - 525px);
}
.home-Whats-new
{max-width: 100%;
    float: none;
    display: block;
    width: auto;}
	.home-bottom-right {
    max-width: 100%;
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
    margin-top: 30px;
}
.home-bottom-right > div {
    margin-bottom: 30px;
}
ul.address {
    gap: 20px;
}
.summary-details.profile-sm ul.address li {
    padding-right: 8px;
}
.summary-details.card-hostlisting.no-background .form-inner {
    padding-top: 25px;
}
.table-outer#unbilled_transaction {
    overflow-x: scroll;
}
.table-outer#unbilled_transaction table.table-responsive.statement {
    min-width: 900px;
}
.download-statement-big {
    margin-left: 0;
    margin-top: 15px;
}
}
@media only screen and (min-width:768px) and (max-width:992px){
.due-reward.full-width .inside .middle-content{padding: 0px 12px;}
.due-reward.full-width .inside .club1{margin-right: 12px;}
.due-reward.full-width .inside .last-btn{margin-right: 25px !important;}.due-reward.full-width .inside .last-btn{padding: 0 9px 0 35px;}

}
@media only screen and (max-width:767px){.dashboard-left .due-reward.full-width .pnb_button{min-width: auto;font-size: 15px;}.due-reward.full-width .inside .last-btn{padding: 0;}.due-reward.full-width a {padding: 8px 11px;margin-top: 11px !important;}
.due-reward.full-width .inside{box-sizing: border-box;width: 100%;margin: 0;}
.due-reward h2 {font-size: 20px;}
.due-reward a{padding: 13px 15px;}
.due-reward.full-width .inside .middle-content{margin-top: 15px !important;}
span.pnb_label2, #reward_date {font-size: 17px;}
.due-reward.full-width .inside .last-btn,.due-reward.full-width .inside .club1{margin-top: 0 !important;}
.due-reward.full-width .inside .middle-content{padding: 0px 10px;}
	.login-card{width: calc(100% - 40px) !important;
    padding: 20px;
    clear: both;
    display: inline-block;
    margin: 30px auto;
    float: none;}
.hero-area.home.plain-bg .login-card {
    min-height: unset;
}
.hero-area.home{background-size: auto 280px;
    background-position: 67% top;
    /* background: #f9f3e3; */
    padding-top: 300px;
	background-color: #f9f3e3}
nav#cssmenu .top-header-menu a{margin-bottom:5px}
.footer-links span.isg-logo{position:static;width:100%;text-align:center;transform:none;border-right:0;border-bottom:1px solid #ea9b01;float:left;padding:15px 0; max-width: unset;}
.footer-links span.isg-logo img {
    max-width: 57px;
}
.footer-links{width:calc(100% - 20px);padding:10px;text-align:center}
.footer-links ul{padding:15px 0;float:left;width:100%}
.due-reward, ul.card-list li {
    width: calc(100% - 15px);
}

ul.tab li a {
    margin-right: 5px;
    padding-right: 5px;
}

.balance-numbers ul li {
    border-right: 0;
    border-bottom: 1px solid #f3d79d;
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.balance-numbers ul li:last-child {
    border: 0;
    margin: 0;
    padding: 0;
}
.inside
{padding-left: 85px;
text-align: left;
margin-left: 15px;
background-size: 68px !important;}
.summary-right-boxes ul li {
    width: calc(50% - 40px);
    margin-bottom: 6px;
}

ul.tabs li {
    margin-right: 10px;
	margin-bottom: 5px;
}

.summary-left, .summary-right {
    width: calc(100% - 30px);
}

.summary-right-boxes ul li {
    width: calc(100% - 36px);
}

ul.tabs {
    padding-left: 0;
}

ul.tabs li a {
    font-size: 13px;
}

.summary-details ul li {
    padding: 12px 15px 12px 15px;
    width: calc(100% - 30px);
}
ul.transactions-list li {
    padding: 12px 0;
}
span.head {
    width: 50%;
}

span.progress {
    width: 100%;
    margin-top: 8px;
}
.breadcrumb {
    margin-bottom: 20px;
}
.summary-banner {
    margin-top: 20px;
    text-align: center;
}
#keyboard {
    max-width: 100%;
    padding: 0;
}
input#pwd {
    width: calc(100% - 60px);
}
.summary-details.sum_rwd_tab ul li {
    width: calc(100% - 30px);
    border-right: 0;
}
.summary-details.sum_rwd_tab ul li:nth-last-child(2) {
    border-bottom: 1px solid #f3d79d;
}
.form-wrap select, .summary-details.update-address .form-inner .form-wrap select {
    width: 100%;
}
.form-wrap.card-date .cardexpire_mm {
    max-width:47.5%;
}

.form-inner .form-wrap input.field
{width: 97%;}
.form-wrap.otp input.field {
    width: 60%;
}
.select-card select#pnb_card_no, .select-card select#pnb_period {
    margin-left: 0;
    width: 100%;
    margin-top: 10px;
}
.security-content {
    max-width: 80%;
}
a.acct-smmry {
    margin-top: 15px;
    margin-left: 0;
    clear: both;
    float: left;
}
.summary-details.card-hostlisting.min-height {
    min-height: 150px;
    margin-bottom: 0;
}
.form-wrap.dob .dob_mm {
    max-width: 31%;
}

.form-wrap.dob .dob_mm:last-child {
    margin-right: 0;
}
.form-wrap.half .part {
    max-width: 50%;
}
.summary-details.transaction-limit-main .head {
    width: 100%;
}

.new-limit, .current-limit {
    width: 50%%;
}
.new-limit-field{width: 98%;}
.new-limit {}

.new-limit {
    margin-bottom: 20px;
}
ul.transactions-list {
    width: 100%;
}

ul.transactions-list li span.address {
    width: calc(100% - 90px);
    min-width: unset;
}
.summary-details.profile-sm ul li {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f3d79d;
}

.summary-details.profile-sm ul li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}
.balance-numbers ul li:last-child {
    border-bottom: 1px solid #f3d79d;
}

.balance-numbers ul:last-child li:last-child {
    border-bottom: 0;
}
.summary-details.profile-sm ul li span.address {
    min-height: unset;
}
.login-card.forgot_username .form-wrap {
    max-width: unset;
}
.form-wrap.card-date select {
    max-width: 48%;
    margin-right: 2%;
}

.form-wrap.card-date select:nth-child(3) {
    margin-right: 0;
}
table.table-responsive.text-center.statement tr th:nth-child(2), table.table-responsive.text-center.statement tr td:nth-child(2) {
    display: none;
}
table.table-responsive.text-center.statement tr td {
    padding: 5px;
}
table.table-responsive.text-center.statement tr th {
    padding: 7px 5px;
}
.summary-right-boxes.three ul li span {
    font-size: 15px;
}

.summary-right-boxes.three ul li {
    width: calc(100% - 20px);
}

.summary-right-boxes.six ul li {
        width: calc(50% - 21px);
}
.summary-right-boxes.six ul li:nth-child(2n+2) {
    margin-right: 0;
}
.summary-right-boxes.six ul li {
    min-height: 65px;
}
.summary-details.past-statement table.table-responsive tr td:nth-last-child(2), .summary-details.past-statement table.table-responsive tr td:last-child {
    width: auto;
	text-align: center;
}
.download-app .row .col-md-6 {
    max-width: unset;
    width: calc(100% - 30px);
}

.download-app .form-inner {
    float: left;
	padding: 25px 0px 45px;
}

.download-app .row {
    margin: 0;
}
.md-modal {
    width: 80%;
}
.summary-details.emi-transaction-details ul li label {
    margin-bottom: 8px;
}
.summary-details.emi-transaction-details .form-inner input.form-btn {
    margin-left: 15px;
    margin-bottom: 35px;
}
div#confirmation input.form-btn {
    margin-top: 15px;
}
.hero-area.home .card-offers {
  width: calc(100% - 40px);
    float: none;
    padding: 20px;
    margin: 0 0 30px;
    display: inline-block;
}
.home-Whats-new
{max-width: 100%;
    float: none;
    display: block;
    width: auto;}
	.home-bottom-right {
    max-width: 100%;
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
    margin-top: 30px;
}

.home-bottom-right > div, .home-bottom-right > div:last-child {
    width: auto;
    float: none;
    display: block;
    margin-bottom: 30px;
}
.form-inner .form-wrap.input-field {
    width: 100%;
}
.summary-details.card-hostlisting.pin-generation.update-email .form-inner .form-wrap.otp, .summary-details.card-hostlisting.pin-generation.update-mobile .form-inner .form-wrap.otp {
    width: 100%;
    max-width: 92%;
}

.summary-details.card-hostlisting.pin-generation.update-email .form-inner .form-wrap.otp input.field, .summary-details.card-hostlisting.pin-generation.update-mobile .form-inner .form-wrap.otp input.field {
    width: 55%;
}
.dashboard-main .div-row {
    width: auto;
}
div#confirmation.transaction-limit-confirm {
    max-width: 100%;
	background:none;
}

div#confirmation.transaction-limit-confirm .form-inner {
    padding: 20px;
    padding-top: 200px;
	background: url(../images/undertaking.png) no-repeat center 30px;
    background-size: auto 150px;

}
.due-reward {
    width: 100%;
    margin: 0;
    margin-top: 6px;
}
ul.address {
    display: inline-block;
}
.sticky-social {
    position: static;
    text-align: center;
    transform: none;
    width: 100%;
    background: #f3d79d;
    padding: 8px 0px;
    float: left;
    height: 32px;
}

.sticky-social ul li {
    display: inline-block;
}
.sticky-social ul li a .fa {
    margin: 0 3px;
}
.dashboard-main {
    padding: 10px 0 30px;
}
.summary-right ul.tabs li {
    width: 33.33333%;
    margin-right: 0;
    float: left;
    margin-bottom: 10px;
	text-align: center;
}
.tabs-inside ul.tabs li {
    padding: 0 0;
}
.new-limit-field input[type="text"] {
    display: block;
}
div#confirmation.transaction-limit-confirm .form-inner {
    float: left;
}
.select-card-inner.form-inner .form-btn, .form-inner input.form-btn.mr-btn
{padding: 13px 40px;}
p.copyright
{padding-top: 16px;}
.summary-details.pin-generation .form-inner {
    padding-bottom: 40px;
}
.form-wrap.card-date .cardexpire_mm select
{    max-width: unset;}
.summary-details.profile-sm ul.address li {
    border-right: 0;
    padding-right: 0;
    border-bottom: 1px solid #f3d79d;
}
.summary-menu {
    margin-bottom: 20px;
}
.login-card.forgot_username input[type=submit], .login-card.forgot_password input[type=submit] {
    padding: 13px 40px;
}
.card-types .card-breif ul.head-text li strong {
    display: block;
}

.card-types .card-breif ul.head-text li span {
    max-width: unset;
}
.summary-details.card-hostlisting.no-background .form-inner {
    padding-top: 25px;
}
.summary-details.card-hostlisting.pin-generation.update-email .form-inner .form-wrap.otp, .summary-details.card-hostlisting.pin-generation.update-mobile .form-inner .form-wrap.otp, .summary-details.card-hostlisting.pin-generation.pin-generation-two .form-inner .form-wrap.otp, .summary-details.card-hostlisting.set-limit-otp .form-inner .form-wrap.otp, .summary-details.reg-dereg.reg-dereg-otp .form-inner .form-wrap.otp, .summary-details.transactions.tabcontent-new .form-inner .form-wrap.otp {
    max-width: calc(90% - 27px);
}
.summary-details.emi-transaction-details ul li {
    width: calc(100% - 30px);
    border-right: 0;
}
span#otp_err_msg, #resendotp_msg, #resendEmailOTP_msg, #emailOTP_err_msg {
    min-width: 280px;
    max-width: 100%;
}
}


@media only screen and (min-width:1025px){
.top-header-area {height: 90px;}
.leftbluelink.title { text-shadow: none; font-size: 15pt; font-weight: 700 !important; color: #970702; font-family: Arial, Helvetica, sans-serif !important; }
}

/*04-05-2021 For validations mark - Akash*/

.form-wrap.invalid-field:after {
    content:"";
  position: absolute; 
  /*content: '✖';*/
  padding-left: 5px;
  color:red;
  background-image: url(../images/incorrect.png);
  background-repeat: no-repeat;
  width: 15px;
    height: 15px;
	    right: -25px;
    top: 51px;
}

.form-wrap.valid-field:after {
    content:"";
  position: absolute;
  /*content: '✓';*/
  padding-left: 5px;
  color:green;
  background-image: url(../images/correct.png);
  background-repeat: no-repeat;
    width: 15px;
    height: 15px;
	    right: -25px;
    top: 51px;
}
.form-wrap.otp_login.valid-field:after {
    top: 22px;
}
.form-wrap.valid-field span#err_cardno {
    font-size: 0;
}

/*04-05-2021 For validations mark - Akash*/

.form-wrap.otp.valid-field .resend, .form-wrap.otp_login.valid-field .resend, .form-wrap.otp_login.invalid-field .resend
{
	margin:0; float:right;
}
.form-wrap.otp.valid-field:after {
   content:"";
    position: absolute;
    /*content: '✓';*/
    padding-left: 5px;
    color:green;
    background-image: url(../images/correct.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    left: calc(58% + 18px);
    top: 51px;
}
.form-wrap.otp.invalid-field:after {
   content:"";
    position: absolute;
    /*content: '✓';*/
    padding-left: 5px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    left: calc(58% + 18px);
    top: 51px;
}
.form-wrap.otp.invalid-field .resend
{margin:0; float:right;}
.form-wrap.otp_login.valid-field:after {
    left: calc(60% + 17px);
}
.form-wrap.otp_login.invalid-field:after 
{left: calc(60% + 17px);}
.form-wrap.otp_login.invalid-field:after 
{left: calc(60% + 17px);top: 22px;}


/* .due-reward.due .mk-pymnt-btn {margin-top: 29px;}
span.pnb_label2.as-txt {font-size: 20px; color: #244f7e;}
#reward_date.as-reward-date	{display: block;} */
.due-reward.reward #s_reward_url1.as-reward-btn {margin-top: 27px;}

.captcha-img {display: flex;}
.captcha-img #captchaContainer{background:url(../images/pnb-captcha-texture.jpg) no-repeat 0 0!important;text-align:center;font-size: 16px;padding:13px 0px 15px 10px !important;border-radius: 10px;margin-right: 13px;}
.captcha-img .form-wrap.otp_login input.field{width: 95%;box-sizing: border-box;padding-left: 11px;}
.captcha-img a.resend{margin: 0 36px 0 0;background-position: 0 10px;}
.captcha-img #captchaContainer img{width: 90px;max-width: unset;}
@media only screen and (max-width:767px){
.captcha-img a.resend {margin: 0 12px 0 0;}
.captcha-img #captchaContainer{padding:18px 0px 11px 8px !important;}
.captcha-img #captchaContainer img{width: 52px;} 

}