* {box-shadow: none; outline:none!important }
h1,h2,h3,h4,h5,h6{color:#000000;}
ul,li{list-style: none; }
a{ cursor: pointer;}


/**********Forget Password*****************/
.bg-none1{background:none !important; color: #e20b17  !important; margin: 14px 0 50px !important;}
.btn-plan1 { color:#ffffff !important; vertical-align:top; padding:16px 24px !important; border-radius:initial; display:inline-block !important; font-size:14px; background:#e40100 !important; text-transform: uppercase;}

.btnForgotPwd{ background: none !important; margin: 0px !important; width:100% !important; color: #e20b17 !important; vertical-align: top; padding: 16px 24px !important; border-radius: initial; display: inline-block !important; font-size: 14px; text-align:center; letter-spacing:2px; text-transform: uppercase; text-decoration: none!important; }

/***********************Airtel Body CSS Start***********************/


.user-details{/*padding-top: 60px;*/}
.user-details span{font-size: 14px; text-transform: uppercase;}
.user-details h4{font-size: 46px; line-height: 1;}
.user-details p{font-size: 20px;}
.user-details p i{font-size:15px !important; -webkit-text-stroke: 0.2px; vertical-align:baseline; padding-right: 5px;}
.user-details a {padding-top:15px; float: right;}

@keyframes rightLeft { 0% {right:20px;}50% {right:0;}100% {right:20px;}}


.balance-background{display: block;  background-color: #a30000;  width: 100%; padding: 50px 0px;}
.balance-background p{font-size: 37px; color: #ffffff; line-height: normal }
.balance-background span{color: #ef8d07; font-size: 37px; display: block; padding-top:20px;}
.balance-background span i{ font-size: 27px;     vertical-align: baseline;}
.balance-background a{color:#ffffff !important;}

.balance-background label{font-size: 11px; color: #c86666; text-transform: uppercase;}
.balance-background  .label-value {font-size: 25px !important; color: #ffffff;}


/*********************************************************** Balance css *********************************/
.equal-height-container{max-width:100%; margin:0 auto; display:flex;}
.equal-height-container .first{background:#06C; padding:20px; width:52%;}
.equal-height-container .first .first-a{width:520px;}
.equal-height-container .second{background:#0F9; padding:20px; width:48%; display:flex;}
.equal-height-container .second .second-a{ flex:1;}
.equal-height-container .second.second-b{ flex:1;}
/*********************************************************** Banlance css end ****************************/


/********************************** FORGOT PASSWORD ******************************/

.main-content .col-md-20{width:20%;}
.left_load_money{background:#f6f6f6; padding:100px 40px 0px 40px; height:100%; bottom:0px;}
.close-top{top:30px !important; right:40px !important; z-index: 10;}
.bankuser{float:left; font-size:16px;}
.col-md-20{width:20% !important;}
.mob_gray{padding:0px;}
.form_gapping{padding:50px 90px 0 90px;}
.pop_head_gap{padding:0px 100px 50px;}
.bank-circle{width:100%; float:left; margin-bottom:30px; text-align:center;}
.bank-circle div{border: 1px solid #7b7b7b; border-radius: 50%; color: #222; display:inline-block; height: 100px; transition: all 0.3s ease-in-out 0s; width:100px; text-align:center; overflow: hidden; line-height: 100px;/* margin-left:15%; margin-right:15%;*/}
.bank-circle div img{width:70%;}
.bank-circle:hover div{border: 1px solid #e40100; color: #e40100; cursor:pointer;}
.bank-circle.active div{border: 1px solid #e40100; color: #e40100; cursor:pointer;}
.bank-circle p{color:#000; font-size:16px; text-align:center; padding:10px 0px; text-transform:capitalize; width:100%;}
.bank-circle p small{color:#9e9e9e; font-size:12px; text-align:center; padding:5px 0px; float:left; text-transform:capitalize; width:100%;}
.bank-circle:hover p{color: #e40100; cursor:pointer;}
.bank-circle.active p{color: #e40100; cursor:pointer;}
.row-height {display:table; table-layout: fixed; height: 100%; width: 100%;}
.row-height .col-height {display:table-cell; height:100%; float:none;}
.fr {float:right !important;}
.fl {float:left !important;}
.fs-overlay .circle {float:left; margin:0 5px;}
.fs-overlay span {padding:0 !important;}



.full-overlay {position: relative; background: #fff;}
.regis-wrap{ position:relative;}
.regis-wrap h5{ position:relative;}
.success-msg{ position:relative;}
.success-msg input{border-bottom: 1px solid #31852f !important;}
.success-msg p {color: #31852f;font-size: 11px;margin-bottom: -15px;margin-top: 0;}

.clmn-size40{ width:40%;}
.btn.btn-go { width:42px;height: 25px;position: absolute;right:-1px;top:7px; font-size:12px;line-height: 21px; z-index:1;}
.form-group span{ padding:0 !important;}
.form-group .cell {display: table-cell;vertical-align: bottom;width: 100%;}
.form-group .cell {display: table-cell;vertical-align: bottom;width: 100%;}
.date-icon-wrap {cursor: pointer;padding: 0 0 0 10px;position: absolute;right: 0;top: 7px;width: 20px;z-index: 1;}
.date-icon-wrap i{ font-size:20px;}
.question-icon{ width:24px; height:24px; position:absolute;right:0; top:7px; display:inline-block; background: url(../images/question-icon.png) no-repeat center; z-index:1;}
.alt-message{ position:absolute; right:0; top:0; color:#9f9f9f; font-size:14px; padding:5px 15px; background:#ededed; border:1px solid #d5d5d5;border-radius: 5px; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.2); z-index:1;}
.regis-wrap h5.red-color{ color:#f0444b}
.regis-wrap p.text-wrap{ font-size:20px; color:#000; margin:25px 0 0 0; line-height:28px;}

.table-content{ position:relative; border:1px solid #b6b6b6;}
.table-content .plan-col{ margin-top:0px !important; background:#f1f1f1 !important; text-align:center;}
.table-content .plan-col p{font-size:14px !important;}
.table-content .plan-col .col-xs-3,.table-content .plan-col .col-sm-3, .table-content .plan-col .col-md-3 {border:1px solid #b6b6b6;}

.transaction-table{ position:relative; margin:15px 0 0 0; text-align:left; overflow:auto;}
.transaction-table .table{margin-bottom:0;max-width: 100%;width: 100%; border:1px solid #b6b6b6;}
.transaction-table .table thead{ background:#f1f1f1; color:#000; font-size:14px; text-transform:uppercase;}
.transaction-table .table thead th{vertical-align: middle;border:1px solid #b6b6b6 !important; white-space:nowrap; font-size:12px; text-align:center; font-weight:400 !important; padding:8px 3px !important}
.transaction-table .table tbody{ background:#fff;}
.transaction-table .table tbody td{ font-size:14px;border:1px solid #b6b6b6 !important; color:#858585;white-space:nowrap;text-align:center;padding:8px 3px !important}
.transaction-table .table tbody td i{ font-size:22px;}
.regular{ font-weight:400;}
.regis-wrap .form_gapping{padding:100px 90px  50px 90px;}

.regis-wrap.col-height{ vertical-align:top}
.display-content-550.fr{ float:none !important;}
.display-content-550.fl{ float:none !important}
.display-content-680.fr{ float:none !important;}





/*----------------------------- add money css end -----------------------------------*/	







.payment_pop{padding:20px;}
.modal-content{background:none !important;}
.date_pic{margin:5px 0 0; cursor:pointer !important; float:right; max-width:30px;}
.cont_new{border-bottom:1px solid #dddddd;}
.cont_new .mannual_input{ width:92%; border-bottom:0px;}
.error_center{text-align:center; color:#e40100;}
.error_loader{width:20px; text-align:center;}
.error_redirect{padding:15px 0px; text-align:center;}
.error_no_top_padd{padding-top:0px !important;}



/*sambit*/

/*.payment_pop{padding: 20px; box-shadow:0px 2px 27px 0px #000; border: 1px solid #f6f6f6;}*/
.cont-height{margin-bottom:16px; margin-right:auto; margin-left:auto; position:relative;display: inline-block; width: 100%; height:60px; }
.bank-login{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 75px !important;}
.lh-0{line-height: 0 !important;}
.p-50{padding: 50px;}
.bgBackgray {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  -webkit-backface-visibility: hidden;
  -webkit-animation: dialog-fadein 0.5s;
  animation: dialog-fadein 0.5s;
}
.pointer{
  cursor:pointer;
}
.app-modal-window .modal-dialog {
  width: auto;
}
/*sambit*/

/****************************************** FORGOT PASSWORD **************************************/


.bg-dark-red{ background:#a30000;}
.bg-light-red{ background:#e40000;}
.clm1,.clm2{ color:#fff; font-size:29px; line-height:40px; padding:40px 0 35px}
.clm1 .know-more{ color:#fff !important; font-size:14px; line-height:normal;padding-top:75px !important;}
.clm2 .know-more{ color:#fff !important; font-size:14px; line-height:normal;padding-top:40px !important;}
.clm1 i{ font-size:150px; color:#fff; text-align:center;}
.clm2 i{ font-size:140px; color:#fff; text-align:center;}

.clm1 .left-space,.clm2 .left-space{ padding-left:35px !important;}
.clm1 .image-space,.clm2 .image-space{margin-top:80px;text-align: center;}

.icon-hover{transition: all 0.5s ease 0s;}
.clm1:hover .icon-hover,.clm2:hover .icon-hover,.right-wrap-box:hover .icon-hover{transform:scale(1.08);}

.right-box{text-align:left}
.right-wrap-box{ position:relative; padding:36px 0 60px 40px !important;}
.grey-bg{ background:#eff0f4;}
.right-wrap-box p{ color:#000; font-size:26px; line-height:34px;margin: 0 0 30px;}
.right-wrap-box p span{ color:#713d96;}
.right-wrap-box p span i{ font-size:18px; vertical-align:inherit;}
.right-wrap-box i{ font-size:90px; color:#713d96; text-align:center;}
.right-wrap-box .recharge-now{color:#713d96 !important; font-size:14px; line-height:normal; padding-right:0px !important;padding-top:70px !important;}


.saving-graph-wrap{ position:relative; padding:0px 0 0 30px; text-align: left;}
.saving-graph-wrap h2{ font-size:36px; color:#000;}
.saving-graph-wrap h2 span{color:#e40000;}
.saving-graph-wrap h1{font-size:55px; color:#000;margin-bottom: 20px;}
.saving-graph-wrap h1 i{font-size:40px;vertical-align: inherit;}

.saving-grid-content{ position:relative; padding:0; margin:35px 30px 0 30px;}
.saving-grid-content li{ border-top:1px solid #e5e5e5; padding:40px 10px; font-size:22px;}
.saving-grid-content li:hover{ background:#e5e5e5}
.saving-grid-content li:first-child{ border-top:1px solid #e5e5e5;}
.saving-grid-content li:last-child{ border-bottom:1px solid #e5e5e5;}
.saving-grid-content li p{ position:relative}
.saving-grid-content li p i{ margin:0 20px 0 0; font-size:24px;}
.saving-grid-content li p span{ color:#999999; display:inline-block; vertical-align:top;}
.saving-grid-content li p span.amount{ float:right; color:#000;}
.saving-grid-content li p span.amount i{ font-size:16px; vertical-align: initial; margin:0;}








.main-content{padding:60px 40px 30px ;}
.main-content .circle {cursor: pointer; display: table; float: left; width: 100px; height: 100px; border: 1px solid #000000; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.main-content .circle a{display: table-cell; font-size: 14px; vertical-align: middle; padding: 0px 15px; text-align: center; line-height: 1.5; color: #000000;}
.main-content .circle:hover, .main-content .circle.active{background-color: #e40001; color:#ffffff; border: none;}
.main-content .circle a:hover{color: #ffffff; cursor: pointer;}
.main-content .circle.active a{ color: #fff; }
.main-content .col-md-2{width: 13.5%;}
.main-content .col-sm-2{width: 13.5%;}
.main-content span{font-size: 14px; text-align: center; display: table-cell; padding: 35px 10px;}
.main-content .col-md-1{width: 5%;}
.main-content .col-sm-1{width: 5%;}



/***********************Airtel Body CSS End***********************/

/***********************recent Transaction CSS Start***********************/

.frequent { width:100%; border:1px solid #ddd; margin: 0px; padding:0px;}
.frequent ul {margin: 0px; padding: 0px;}
.frequent ul li a {display: block; padding: 10px; border-bottom: 1px solid #ddd;}
.frequent ul li a:hover {display: block; background: #f6f6f6;}
.frequent ul li a p {color: #000; font-size: 14px; margin: 0px; padding: 0px;}
.frequent ul li a span {color: #000; font-size: 16px; margin: 0px; padding: 0px;}
#footer{ width:100%!important;m }

.frequent ul li:last-child > a {border-bottom:none;}
/***********************recent Transaction CSS End***********************/


/*Common Classes*/
.mt-0{margin-top: 0;}
.ml-0{margin-left: 0;}
.mr-0{margin-right: 0;}
.p-t-0{padding-top:0px !important;}
.p-b-0{padding-bottom:0px !important;}
.m-25{margin:25px 0;}
.mt-35{margin-top:35px !important;}
.bg-gray{background:#f6f6f6 !important;}
.mobile-view{display: none !important;}

.btn { border-radius:0; text-decoration:none!important; padding:8px 25px; margin:0 2px;  border:none;   }
.btn-sm { font-size:14px; padding:2px 10px 5px;}
.btn.btn-def { background:#d4d4d4; color:#9f9f9f;}
.btn.btn-black { background:#000; color:#fff }
.btn.btn-black:hover, .btn.btn-black:focus { background:#000!important; color:#fff!important }
.btn.btn-red-border { background:none; padding:6px 25px; border:2px solid #e20b17; color:#e20b17 }
.btn.btn-red-border:hover, .btn.btn-red-border:focus { border-color:#c3151b!important; color:#c3151b!important }

.btn-plan { color:#ffffff !important; vertical-align:top; padding:16px 24px !important; border-radius:initial; display:inline-block !important; font-size:14px; background:#e40100 !important; text-transform: uppercase;}
.btn-gray { color:#a6a6a6 !important; vertical-align:top; padding:16px 24px !important; border-radius:initial; display:inline-block !important; font-size:14px; background:#d4d4d4 !important; text-transform: uppercase;}
.btn-plan:hover { background:#c3151d !important}
.bg-none{background:none; color: #e20b17  !important; margin: 14px 0 50px !important;}
.bg-none:hover{background:none !important; color: #e20b17  !important;}
.cont { margin-bottom:43px; margin-left:auto; margin-right:auto; position:relative }

.label-login {color:#999; font-size:12px; font-weight:400; pointer-events:none; left:5px; top:10px; display: inline-block !important;}
.label-login span{display: inline-block; padding: 0;}

.icon_alert {font-size:16px; letter-spacing:5px; position:relative; line-height:0!important; color:#ee8d06; margin:0 0 0 5px; }
.error-msg{margin-top: 0px; font-size: 11px; color: #ee8d06; margin-bottom: -15px;}

.input-login {-webkit-appearance:none; display:block; color:#636363; width:100%; border:none; border-radius:0; border-bottom:1px solid #9f9f9f; font-size:16px; font-weight: 100; }
.input-login::-moz-placeholder {color:#c6c6c6; opacity:1;}
.input-login:-ms-input-placeholder {color:#ececec;}
.input-login::-webkit-input-placeholder {color:#ececec;}

.clmn-size {width: 34%;}
.clmn-space {left: 35px;  position: relative;}

.select-c::after {  background:rgba(0, 0, 0, 0) url(../images/icon_dd.png) right center no-repeat;  content:"";  height:10px;  pointer-events:none;  position:absolute;  right:2px;  text-align:center; top:15px;  width:22px;  z-index:2;}

.errspan { color:#000; float:left; font-size:13px; margin-left:0; margin-top:-25px; position:relative; z-index:2 }

.main_wrapper { max-width: 1366px;}

.link-a { color:#7c4d9e; font-size:14px; top:5px; right:0; position:absolute; text-decoration:none!important; z-index:1; }
.link-a:hover { color:navy; }

.link-arrow {white-space: nowrap; color:#e20b17!important; display:inline-block; padding-top:0px; position:relative; text-decoration:none!important; text-transform:uppercase;   }
.link-arrow i { position:absolute; right:20px; margin:auto; font-size: 21px; vertical-align: text-bottom;}
.link-arrow:hover i { animation-duration:1s; animation-fill-mode:both; animation-name:rightLeft; }


@keyframes rightLeft { 0% {right:20px;}50% {right:0;}100% {right:20px;}}


/*common Classes End*/

/*----------------------------- Thank you css -----------------------------------*/
.logo{padding:20px 77px; margin:0 auto; max-width:1366px;}
.logo a img{width:90px;}
.sucmessage .top_52{padding-top:0px;}
.sucmessage .top_60{padding-top:0px;}
.sucmessage{padding:26px 0px 0px 0px; width:570px; float:right;}
.sucmessage p{font-size:72px; line-height:72px; padding:35px 0 65px 0px; margin:0px;}
.sucmessage p span{font-size:72px; color:#008300; white-space:nowrap; display:block;}
.gray_container .mailright{text-align:right;}
.th_color_container{width:50%;}
.th_color_container .gray_container{background:#f6f6f6; display:block; float:left; width:100%; padding:28px 45px 30px 60px}
.th_color_container .red_container{background:#e40000; display:block; float:left; width:100%; padding:60px 115px 50px 60px;}
.gray_container h2{font-size:36px; line-height:48px;}
.gray_container .gray_inner{width:570px;}
.gray_container a{padding:0 15px;}
.gray_container p span{font-size:11px; color:#979797; text-transform:uppercase; display:block;}
.gray_container p{font-size:16px; color:#000; padding:18px 0 0px 0px; line-height:24px;}
.gray_container .rsamount{padding:0px; font-size:24px; line-height:24px; margin:0px; padding-top:24px;}
.red_container .yellow_inner p{font-size:34px; line-height:40px; color:#fff; white-space:normal;}
.red_container .yellow_inner p span{font-size:34px; line-height:45px; color:#000; white-space:nowrap; display:block;}
.red_container img{padding-top:36px;}
.footer{background:#333; padding-bottom:0px; padding-top:0px !important;}
.footer .footerleftpadd{padding:30px 77px;}
.footer p{font-size:12px; color:#fff; margin:0px; line-height:42px;}
.footer a{padding:0 30px;}
.footer .rightali{text-align:right;}
.footer .rightgap{padding-right:0px;}
.mailright{margin-top:10px;}
/**************************** Link style *********************************/

/*----------------------------- Thank you css -----------------------------------*/

/*----------------------------- Unsuccessfull css -----------------------------------*/

.yello_color{color:#b25200 !important;}
.th_color_container .yellow_container{background:#fdc400; display:block; float:left; width:100%; padding:36px 115px 36px 60px;}
.th_color_container .yellow_container h2{padding-bottom:14px; font-size:36px;}
.th_color_container .yellow_inner{width:570px;}
.th_color_container .yellow_inner img{margin-top:-15px; padding-left:20px;}
.th_color_container .yellow_container p{font-size: 16px; color: #000000; letter-spacing: 0.1px; line-height: 24px;}
.gray_container_bottom{background:#f6f6f6; padding:42px 0px;}
.gray_container_bottom .left_cont{width:570px; float:right;}
.gray_container_bottom .left_cont h2{font-size:36px;}
.gray_container_bottom .right_cont{width:570px; padding:0px;}
.right_cont li{padding:7px 0px;}
.right_cont.listing_lineheight a{line-height:32px !important;}
.right_cont.listing_lineheight a span{ position:relative; right:-60px; bottom:0px;}
.right_cont.listing_lineheight a span img{ top:8px;}
.right_cont .listing_lineheight img{padding-top:10px;}
.right_cont .bottomlinks{padding-top:0px !important; text-transform:capitalize; white-space:normal; !important; font-size:16px;}
/*----------------------------- Unsuccessfull css end -----------------------------------*/

/*----------------------------- pending css -----------------------------------*/
.gray_color{color:#979797 !important;}
.black_color{color:#000000 !important;}
/*----------------------------- pending css end -----------------------------------*/

/*----------------------------- Transition History css -----------------------------------*/
.th_table tr th{border-bottom:0px; color:#7f7f7f; font-size:12px; font-weight:normal;  border-bottom:0px solid #ddd !important; padding: 10px !important;}
.th_table tr td{color:#000; font-size:14px; font-weight:normal; border-top:1px solid #ddd !important; padding:18px 10px !important; }
.th_table tbody tr:hover{background:#f6f6f6;}
.th_table tbody tr td:nth-child(2){width:30%;}
.center_table{width:100%; margin:0 auto; padding-top:0px;}
.page{ margin:0 auto; width:100%; text-align:center;}

.accst-background{display: block;  background-color: #f6f6f6;  width: 100%; padding: 50px 0px;}
.accst-_no_background{display: block;  background-color: #fff;  width: 100%; padding: 50px 0px;}
.accst-background h2 {font-size: 24px; line-height:10px; white-space:nowrap;}
.accst-background a { padding: 0 15px;}
.accst-background p {color: #000; font-size: 18px; line-height: 23px; padding: 25px 0 0;}
.accst-background p a {color: #e40100; font-size: 14px;}
.accst-background .mailright{text-align:right;}
.accst-background p span {color: #000; display: block; font-size: 14px; text-transform: uppercase;}
.accst-background .edit{padding:45px 0px 0 0px; display:block;}
.page .seemore{padding:50px 0px; float:right; font-size:14px;}



.pagination_new {
  display:inline-block;
  margin:0px 0px; 
  padding:0px;}
  /* line 10, airtel/assets/scss/standard/_pagination_new.scss */
  .pagination_new > li {
    display: inline; }
    /* line 12, airtel/assets/scss/standard/_pagination_new.scss */
    .pagination_new > li > a,
    .pagination_new > li > span {
      position: relative;
      float: left;
      padding: 12px 10px;
      line-height: 1.5;
      font-size:14px;
      text-decoration: none;
      color: #8f8f8f;
      background-color: #fff;
      margin-left: -1px; }
      /* line 25, airtel/assets/scss/standard/_pagination_new.scss */
      .pagination_new > li:first-child > a,
      .pagination_new > li:first-child > span {
        margin-left: 0;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px; }
        /* line 32, airtel/assets/scss/standard/_pagination_new.scss */
        .pagination_new > li:last-child > a,
        .pagination_new > li:last-child > span {
          border-bottom-right-radius: 0px;
          border-top-right-radius: 0px; }
          /* line 41, airtel/assets/scss/standard/_pagination_new.scss */
          .pagination_new > li > a:hover, .pagination_new > li > a:focus{
            z-index: 2;
            color: #e40000;
            border-color: #ddd;
          }
          .pagination_new > li{ position:relative;}
          .pagination_new > li > a:hover:after, .pagination_new > a:focus:after, .pagination_new > .active > a:focus:after{ content:"."; color:red; font-size:40px; position:absolute; top:-36px; left:10px;}
          .pagination_new li:first-child > a:hover:after, .pagination_new li:last-child > a:hover:after{ content:"" !important;}
          /* line 52, airtel/assets/scss/standard/_pagination_new.scss */
          .pagination_new > .active > a, .pagination_new > .active > a:hover {
            z-index: 3;
            color: #8f8f8f;
            border-color: #E40000;
            cursor: default; }
            /* line 64, airtel/assets/scss/standard/_pagination_new.scss */
            .pagination_new > .disabled > span,
            .pagination_new > .disabled > span:hover,
            .pagination_new > .disabled > span:focus,
            .pagination_new > .disabled > a,
            .pagination_new > .disabled > a:hover,
            .pagination_new > .disabled > a:focus {
              color: #EBEBEB;
              background-color: #fff;
              border-color: #ddd;
              cursor: not-allowed; }

              /* line 5, airtel/assets/scss/standard/mixins/_pagination_new.scss */
              .pagination_new-lg > li > a,
              .pagination_new-lg > li > span {
                padding: 17px 40px;
                font-size: 20px;
                line-height: 1.3333333; }
                /* line 12, airtel/assets/scss/standard/mixins/_pagination_new.scss */
                .pagination_new-lg > li:first-child > a,
                .pagination_new-lg > li:first-child > span {
                  border-bottom-left-radius: 6px;
                  border-top-left-radius: 6px; }
                  /* line 18, airtel/assets/scss/standard/mixins/_pagination_new.scss */
                  .pagination_new-lg > li:last-child > a,
                  .pagination_new-lg > li:last-child > span {
                    border-bottom-right-radius: 6px;
                    border-top-right-radius: 6px; }

                    /* line 5, airtel/assets/scss/standard/mixins/_pagination_new.scss */
                    .pagination_new-sm > li > a,
                    .pagination_new-sm > li > span {
                      padding: 12px 25px;
                      font-size: 12px;
                      line-height: 1.58; }
                      /* line 12, airtel/assets/scss/standard/mixins/_pagination_new.scss */
                      .pagination_new-sm > li:first-child > a,
                      .pagination_new-sm > li:first-child > span {
                        border-bottom-left-radius: 3px;
                        border-top-left-radius: 3px; }
                        /* line 18, airtel/assets/scss/standard/mixins/_pagination_new.scss */
                        .pagination_new-sm > li:last-child > a,
                        .pagination_new-sm > li:last-child > span {
                          border-bottom-right-radius: 3px;
                          border-top-right-radius: 3px; }
                          /*----------------------------- Transition History css end -----------------------------------*/


                          /********************************payments & recharges Start************************************/

                          .pnr {padding:30px 0;}
                          .pnr  h4{padding:0 15px 20px; font-size: 24px;  text-transform: capitalize;}
                        .pnr  .circle_area{/*width:14%;*/}
                        .pnr  .icon-circle i{border: 1px solid #232323; border-radius: 50%; color: #222; display: inline-block; font-size: 3.5rem; height: 100px; line-height: 100px; transition: all 0.3s ease-in-out 0s; width:100px; text-align:center;}
                        .pnr  .icon-circle:hover i{border: 1px solid #e40100; color: #e40100; cursor:pointer;}
                        .pnr  .icon-circle.active i{border: 1px solid #e40100; color: #e40100; cursor:pointer;}
                        .pnr  .icon-circle p{color:#232323; font-size:14px; text-align:center; padding:10px 0px; text-transform:capitalize; width:100px; font-family: "Tondo", "Helvetica Neue", Helvetica, Arial, sans-serif;}
                        .pnr  .icon-circle:hover p{color: #e40100; cursor:pointer; }
                        .pnr  .icon-circle.active p{color: #e40100; }
                        .error-msg { /*shiv*/ margin-top:0px; font-size:11px;/*shiv*/ color:#ee8d06; margin-bottom:0px;}
                        .alert-msg input.input-login { border-bottom:1px solid #ee8d06!important; border-bottom:1px solid #ee8d06!important }

                        .cont { margin-bottom:18px; margin-right:auto; margin-left:auto; position:relative;display: inline-block; width: 100%;}
                        .cont .cardcheck_cvv { padding: 0px !important;}
                        .plan { padding:5px 10px; font-size:12px; /*shiv*/ margin-top:23px;/*shiv*/ position:relative; border-style:dashed; border-width:1px; border-color:#96b93a; display:inline-block; width: 100%; position: relative;}
                        .plan span { color:#008300;}
                        .plan p { margin:0; font-size:14px; padding-right:25px; }
                        .plan i { font-size:15px; position: absolute; right:10px; top:10px; color: #008300;}
                        .icon_alert { font-size:15px; color:#ee8d06; margin-left:3px;letter-spacing:5px; position:relative; line-height:0!important;}
                        .link-a { color:#e40000; text-transform: uppercase; font-size:12px; top:5px; right:0; position:absolute; text-decoration:none!important; /*shiv */z-index:1}
                        .link-a:hover { color:navy; }

                        #showPass2,
                        #showPass{
                          cursor: pointer;
                        }
                        
                        #getOtp{
                          color: #e40000;
                          cursor: pointer;
                        }
                        .f_connect, .g_connect, .m_connect{
                          padding:3px 8px 3px 5px;
                          font-size: 12px;
                          border-radius: 4px;
                          border-width: 1px;
                          border-style:solid;
                          display: inline-block;
                          color: #fff !important;
                          white-space: nowrap;
                          position: relative;
                          margin-right: 10px;
                        }
                        .f_connect:hover, .g_connect:hover, .m_connect:hover{
                          opacity: 0.8;
                        }
                        .f_connect:before, .g_connect:before, .m_connect:before{
                          content: "";
                          position: absolute;
                          height: 100%;
                          width: 1px;
                          margin-top: -3px;
                          margin-left: 30px;
                          background: #333;
                          opacity: 0.2;
                        }
                        .f_connect>img, .g_connect>img, .m_connect>img{
                          margin-right: 12px;
                        }
                        .f_connect{
                          background: #3b589c;
                          border-color: #314d96;
                        }
                        .g_connect{
                          background: #eaeaea;
                          border-color: #d3cdcd;
                          color: #333 !important;
                        }
                        .m_connect{
                          background: #57557a;
                          border-color: #424169;
                        }
                        @media screen and (max-width: 767px) {
                          .social-inner{
                            display: flex;
                            justify-content: center;
                          }
                        }
                        @media screen and (max-width: 320px) {
                          .f_connect, .g_connect, .m_connect{
                            margin-right: 3px;
                          }
                          .f_connect:before, .g_connect:before, .m_connect:before{
                            margin-left: 24px;
                          }
                          .f_connect>img, .g_connect>img, .m_connect>img{
                            margin-right: 5px;
                            width: 20px;
                          }
                        }
                        /*** Browse Plans ***/
                        .recharge-plan { background-color: #fff !important; box-shadow:1px 1px 2px 2px #e8e8e8;  position:relative; overflow:auto; z-index:2;}
                        .recharge-plan h6 { padding:6px 15px; font-size:23px; margin: 10px 0; }
                        .recharge-plan p { font-size:14px; font-weight: 100; }
                        .recharge-plan ul.nav-tabs {overflow-x:auto; overflow-y: hidden}
                        .recharge-plan ul.nav-tabs li{ width:150px; font-size:14px;  }
                        .recharge-plan ul.nav-tabs li a {padding-left:10px; padding-right:10px;}
                        .browser li{display: table-cell;}
                        .slide { display:inline-block; border-bottom:1px solid #ebebeb; width:100%; font-size:17px; background:#f6f6f6 }
                        .slide p { white-space:nowrap; font-size:17px}
                        .plan-col {border-bottom:1px solid #ebebeb; margin-top:6px; padding-bottom:6px; font-weight: 100; }
                        .plan-col p { margin:5px 0; overflow-wrap: break-word; font-weight: 100;}

                        .rec-pad { padding-left:0!important; padding-right:0!important }

                        .i-t-0 { top:35px; color:#000!important }
                        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top:1px solid #ddd; line-height:2; padding:8px; vertical-align:top; position:relative; padding-left:0px }

                        .marg-space-btn { margin-top:40px; padding-bottom:50px; position:absolute; right:-85px }
                        .btn.btn-plan2 { width:100px; border-radius:5px; padding:8px; border:1px solid #e40000; color:#e40000; font-size:12px; background:#fff }
                        .btn.btn-rec { display:inline-block; float:right; margin:20px 0 70px; position:relative; right:70px }
                        .icon-close { font-size:20px; position:absolute; top:10px; color:#000000; right:10px; line-height:0!important }
                        .icon-close a { text-decoration:none!important; position:absolute; text-decoration:none!important; position:absolute }
                        .icon_cros { font-size:25px; right:0; position:absolute; top:-3px; font-weight:700; line-height:0!important; }
                        .icon-close a:hover { color:#e20b17; color:#e20b17 }

                        /** Browse Plans **/


                        .recharge-plan-slider{ padding-bottom:20px;}
                        .plan .icon-close{ top:0px !important; right:0px !important;}
                        .cust-detail h6 { color:#000; text-transform:none; font-size:15px; }
                        .cust-detail p { font-size:15px; float:left; color:#858585; margin-top:8px; text-transform:none }
                        .cust-detail label { font-size:16px; color:#858585;text-transform: uppercase;white-space: nowrap;width: 100%; margin-bottom:15px; }
                        .m-t-36 {margin-top: 36px;}

                        /********************************payments & recharges ENd************************************/

                        /** Manage Account CSS Start**/
                        .saved-cards {margin-top:30px;}
                        .nav-tabs.nav-account li { width:220px;}
                        .mng-ac h5{ font-weight: 400;}
                        .mng-ac dl dt { font-size:12px; color:#858585; font-weight: 100; margin-bottom: 10px; }
                        .mng-ac dl dd { font-size:17px; color:#000; }
                        .mng-ac .edit {position:relative; cursor: pointer}
                        .mng-ac .edit a.edit {display:none;position: relative}
                        .mng-ac .edit a.edit i {position:absolute; top:-18px;}
                        .mng-ac .edit:hover a.edit {display:inline-block; position: relative;}
                        .mng-ac .edit:hover a.edit:hover {color:#e40000; text-decoration: none; transition: all 0.5s;}
                        .saved-cards .plan-col .slide p { font-size: 12px; white-space: normal;}
                        .saved-cards .plan-col {margin-top:0; padding-bottom: 0;}
                        .saved-cards .plan-col .slide {border-bottom:none;}
                        .saved-cards .alias {font-size:18px;}
                        .saved-cards a.card-action {margin-right:20px; display: inline-block}
                        .saved-cards a.card-action i.active {color:#e40000}
                        .payment-methods .add-payment a{font-size:16px; color:#E40000; line-height: 35px}
                        .payment-methods .add-payment a i{float:left}
                        .payment-methods .add-payment a:hover {text-decoration:none;}
                        /** Manage Account CSS End**/


                        /*full screen overlay Start */
                        .fs-overlay {margin:10px; padding-top:100px; position: relative; background: #fff; box-shadow:1px 1px 2px 2px #e8e8e8; padding-left: 40px;  padding-right: 40px;}
                        .fs-overlay .icon-close {font-size:30px; position:absolute; top:-70px; right:30px;}
                        .fs-overlay .icon-close:hover {text-decoration:none;}
                        .fs-overlay h3 { line-height: 1.4;}
                        .fs-overlay .verify-email { line-height:30px;}
                        .fs-overlay .verify-email a {color:#e40000; text-decoration: underline}
                        .fs-overlay .verify-email a i {text-decoration:none; font-size:18px !important}
                        .fs-overlay .checkboxes .text-lowercase { text-transform:none !important;}
                        .fs-overlay .checkboxes .cardcheck { padding: 10px !important;}
                        .fs-overlay .checkboxes .cardcheck_text { padding: 5px !important;}
                        .fs-overlay .card-type {position:absolute; top:5px; right:0; width:28px; height: 20px; background-size: contain;}
                        .fs-overlay .card-type.visa {background:url(../images/visa_icon.png); background-size: contain}
                        .fs-overlay .card-type.master {background:url(../images/master_icon.png);}
                        .overlay-pop{height: 580px; overflow-y:scroll;}
                        /*full screen overlay  End */



                        /* Generated by Glyphter (http://www.glyphter.com) on  Mon Dec 05 2016*/
                        @font-face {
                          font-family: 'Glyphter';
                          src: url('../fonts/pb_icon/Glyphter.eot');
                          src: url('../fonts/pb_icons/Glyphter.eot?#iefix') format('embedded-opentype'),
                          url('../fonts/pb_icons/Glyphter.woff') format('woff'),
                          url('../fonts/pb_icons/Glyphter.ttf') format('truetype'),
                          url('../fonts/pb_icons/Glyphter.svg#Glyphter') format('svg');
                          font-weight: normal;
                          font-style: normal;
                        }
                        [class*='icn-']:before{
                          display: inline-block;
                          font-family: 'Glyphter';
                          font-style: normal;
                          font-weight: normal;
                          line-height: 1;
                          -webkit-font-smoothing: antialiased;
                          -moz-osx-font-smoothing: grayscale
                        }
						
						
@font-face {
    font-family: 'glyphter-new-font';
    src: url('../fonts/glyphter-new-font.eot');
    src: url('../fonts/glyphter-new-font.eot?#iefix') format('embedded-opentype'),
         url('../fonts/glyphter-new-font.woff') format('woff'),
         url('../fonts/glyphter-new-font.ttf') format('truetype'),
         url('../fonts/glyphter-new-font.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icn-']:before{
	display: inline-block;
   font-family: 'glyphter-new-font';
   font-style: normal;
/*   font-weight: normal;*/
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

[class*=" icn-"], [class^=icn-] {
font-family: 'glyphter-new-font';
display:inline-block;
vertical-align:middle;
line-height:1;
font-weight:400;
font-style:normal;
speak:none;
text-decoration:inherit;
text-transform:none;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
						
						
						
.icn-add_payment:before{content:'\0041';}
.icn-Cashback:before{content:'\0042';}
.icn-edit:before{content:'\0043';}
.icn-Imps:before{content:'\0044';}
.icn-insurance:before{content:'\0045';}
.icn-Insurance_premium:before{content:'\0046';}
.icn-interesr_rate:before{content:'\0047';}
.icn-landline:before{content:'\0048';}
.icn-manage_wallet:before{content:'\0049';}
.icn-map:before{content:'\004a';}
.icn-merchant_transaction:before{content:'\004b';}
.icn-message:before{content:'\004c';}
.icn-mpin:before{content:'\004d';}
.icn-neft:before{content:'\004e';}
.icn-payment:before{content:'\004f';}
.icn-perpaid:before{content:'\0050';}
.icn-please_wait:before{content:'\0051';}
.icn-postpaid:before{content:'\0052';}
.icn-print:before{content:'\0053';}
.icn-search:before{content:'\0054';}
.icn-sorry:before{content:'\0055';}
.icn-thankyou:before{content:'\0056';}
.icn-water:before{content:'\0057';}
.icn-arrow_up:before{content:'\0058';}
.icn-electricity:before{content:'\0059';}
.icn-costa_coffee:before{content:'\005a';}
.icn-calender:before{content:'\0061';}
.icn-download:before{content:'\0062';}
.icn-data-card:before{content:'\0063';}
.icn-cash_withdrawal:before{content:'\0064';}
.icn-DTH:before{content:'\0065';}
.icn-favourite:before{content:'\0066';}
.icn-delete:before{content:'\0067';}
.icn-cash_deposit:before{content:'\0068';}
.icn-fund_transfer:before{content:'\0069';}
.icn-favourite_fill:before{content:'\006a';}
.icn-gas:before{content:'\006b';}
.icn-gift:before{content:'\006c';}
.icn-details:before{content:'\006d';}
.icn-profile:before{content:'\006e';}
.icn-headphone:before{content:'\006f';}
.icn-delivery_car:before{content:'\0070';}
.icn-arrow_down:before{content:'\0071';}




.balance-fix{ display:inline-block !important; padding-top:0px !important;vertical-align: middle;}
.add-btn{ float:right; position:relative; border:3px solid #fff; padding:10px 20px; text-transform:uppercase; white-space:nowrap}
.add-btn:hover{background:#FFF; color:#e40000 !important;}






/************************************************ DT STYLE START FROM HERE ***************************************************/

.DT-inner_heading { font-size:20px;margin-bottom:35px; }
.common-dt-wrapper { position: relative; }
.main-heading-grid { position:relative; padding-left:0px; }
.main-heading-grid li { border-bottom:1px solid #ebebeb; list-style-type:none; }
.main-heading-grid li:hover { background:#ebebeb; }
.main-heading-grid li.active { background:#ebebeb; }
.main-heading-grid li a { display:block; padding:20px 0; text-decoration:none; }
.main-heading-grid li .clm1 { width:90px; text-align:center; padding:7px 0 0 0; }
.main-heading-grid li .clm2 { line-height:normal; padding:0;}
.main-heading-grid li .clm1, .main-heading-grid li .clm2 { display:table-cell; vertical-align:top;  }
.main-heading-grid li .clm2 h2 { color: #6f6f6f; font-size:24px; line-height:normal; margin-bottom:10px; }
.main-heading-grid li .clm2 p { color:#9e9e9e; font-size:18px; }
.main-heading-grid li i { color:#9e9e9e; font-size:40px; }
.main-heading-grid li i.icon-receiveMoney, .main-heading-grid li i.icon-cashDeposit { color:#9e9e9e; font-size:50px; }
.main-heading-grid li:hover h2 { color: #000; }
.main-heading-grid li:hover p { color: #6f6f6f; }
.main-heading-grid li:hover i { color: #6f6f6f; }
.DT-main-heading-grid { position:relative; padding:0px; }
.DT-main-heading-grid li { border:1px solid #ebebeb; list-style-type:none; margin-bottom:8px; }
.DT-main-heading-grid li:hover { background:#ebebeb; }
.DT-main-heading-grid li.active { color:#000; background:url(../img/right_direction_arrow_hover.png) right center no-repeat #ebebeb; }
.DT-main-heading-grid li a { display:block; padding:5px 0; text-decoration:none; }
.DT-mpin_list p { display:block; padding:10px 10px 10px 20px; text-decoration:none; margin-bottom:0px !important; background:url(../img/right_direction_arrow.png) right center no-repeat;  font-size:20px !important; color:#6f6f6f; }
.DT-mpin_list p:hover { color:#6f6f6f; padding:10px 10px 10px 20px; background:url(../img/right_direction_arrow_hover.png) right center no-repeat;  font-size:20px !important; color:#000; margin-bottom:0px !important; }
.common-dt-wrapper h3 { color: #000; font-size: 24px; margin: 0 0 25px; }
.common-dt-wrapper p { color: #9e9e9e; font-size: 18px; margin: 0 0 10px; }
.form-wrapper { margin: 0; position: relative; }
.form-wrapper form { display: inline-block; margin: 0 auto; width: 100%; }
.form-wrapper form .field { display: inline-block; width: 100%; }
.inner-list-grid li a { background: #ebebeb none repeat scroll 0 0; color: #000; display: block; font-size: 18px; padding: 20px 42px 20px 20px; position: relative; }
.common-dt-wrapper .btn-primary { background: #e40000 none repeat scroll 0 0 !important; color: #fff !important; display: inline-block; padding: 8px 30px !important; }
.inner-list-grid li a { background: #ebebeb none repeat scroll 0 0; color: #000; display: block; font-size: 18px; padding: 20px 42px 20px 20px; position: relative; }
.form-wrapper form .field { width:100%; display:inline-block; }
.form-wrapper form .field label { width:100%; margin:0 0 5px 0; }
.form-wrapper form .field label.text-field { font-size:14px; color:#959595; text-transform:uppercase; }
.form-wrapper form .field .input-mob { width:100% }
.form-wrapper form .field .input-mob:after { background:#fff }
.form-wrapper form .field .ff-wrapper { margin:0 0 30px 0; width:90% }
.form-wrapper form .field .ff-wrapper .button-wrap { width:100%; margin-top:20px; }
.form-wrapper form .field .ff-wrapper .button-wrap .button { width:100%; text-align:center }
.form-wrapper form .field .ff-wrapper .info-text { text-align:center; margin-top:20px; }
.form-wrapper form .field .ff-wrapper .info-text p { color:#343434 }
.form-wrapper form .field .ff-wrapper .info-text p:first-child { color:#888; margin-bottom:5px; }
.form-wrapper form .field .ff-wrapper .info-text p a { color:#343434; text-decoration:underline }
.form-wrapper form .field .ff-wrapper input.readonly { border:0px !important }
.form-wrapper form .field .ff-wrapper input.black-bor { border-color:#000 !important }
.form-wrapper form .field .ff-wrapper { display: inline-block; position: relative; vertical-align: middle; }
.form-wrapper form .field .ff-wrapper input, .form-wrapper form .field .ff-wrapper select { height:36px }
.form-wrapper form .field .ff-wrapper input, .form-wrapper form .field .ff-wrapper textarea { border-bottom:1px solid #cacaca; border-top:0; border-left:0; border-right:0; font-weight:400; color:#000; transition: all 0.2s ease-in-out 0s; font-size:20px; margin:0; background: #FFF; border-radius: 0px; display: inline-block; padding:0; position: relative; vertical-align: middle; z-index: 1; width:100%; box-sizing: border-box; }

.form-wrapper form .field .ff-wrapper input:focus, .form-wrapper form .field .ff-wrapper input:hover, .form-wrapper form .field .ff-wrapper select:focus, .form-wrapper form .field .ff-wrapper select:hover, .form-wrapper form .field .ff-wrapper textarea:focus, .form-wrapper form .field .ff-wrapper textarea:hover { border-color:#723f96; }
.f-w-95 { width:95% !important; }
.form-control { box-shadow:0 0px 0px rgba(0, 0, 0, 0.075) inset }
.form-wrapper form .field .ff-wrapper .buttonText { color:#e40000; font-size:18px; border:0; }
.form-wrapper form .field .ff-wrapper .icon-span-filestyle { display:none; }
.form-wrapper form .field .ff-wrapper .btn-default { border:0px; margin: 0; padding: 9px 0; }
.form-wrapper form .field .ff-wrapper .btn-default:hover { background:transparent }
.form-wrapper form .field .ff-wrapper .input-group-btn { width:80px; position:absolute; top:0; right:0; }
.form-wrapper form .field .ff-wrapper .input-group { display:inline-block; width:100%; }
.DT-request_main { display:inline-block;  vertical-align: top; padding:0 30px; width:100%; }
.DT-request_main h2 { color: #6f6f6f; font-size: 21px; margin-bottom:24px; padding:0px; line-height:normal; }
.DT-request_main .DT-list_con h4 {  color:#858585; font-size:13px; text-transform:uppercase; margin:0; padding:0; }
.DT-request_main .DT-list_con p {  color:#000; font-size:13px; text-transform:uppercase; }
.DT-viewdetail_E {  color:#e40100; padding:8px 20px; border:none; background:none; }
.DT-viewdetail_D {  color:#858585; padding:8px 20px; border:none; background:none; }
.DT-button_cont { width:100%; padding:0 10px; margin-top:25px; }
.DT-open_E { color:#fff; background:#e40100; padding:8px 20px; border:none; }

.DT-close_E { color:#fff; background:rgba(0, 128, 0, 0.65); padding:8px 20px; border:none; }
.DT-open_D { color:#9f9f9f; background:#d4d4d4; padding:8px 20px; border:none; }
.m-b-15 { margin-bottom:15px !important; }
.m-t-15 { margin-top:15px !important; }
.help-row-grid { display:inline-block; width:100%; position:relative; padding:0; }
.help-row-grid li { position:relative; border-bottom:1px solid #ebebeb; padding:20px 40px; list-style-type:none; }
.help-row-grid li .active { background:#ebebeb; }
.help-row-grid li h3 { font-size:24px; color:#000; margin: 0 0 5px; }
.help-row-grid li h3 span { float:right; color:#6f6f6f; font-size: 18px; text-transform: uppercase; }
.help-row-grid li:hover { background:#ebebeb; }
.gerybg-light { background:#f6f6f6; }
.gerybg { background:#ebebeb; }
.redbg { background:#e40000; }
.gark-gery { background:#d6d6d6 !important; }
.gark-gery:hover { background:#d6d6d6 !important; }
.color-dark-gery { color:#6f6f6f !important; }
.text-btn {  font-size: 18px; text-transform: uppercase; color:#54bfff; }
.text-btn:hover { color:#54bfff; }
.sub-detail-grid { position:relative; margin:20px 0; padding:0; }
.sub-detail-grid li { margin:0 4% 0 0; padding:0; border-bottom:0px; display:inline-block; font-size:18px;color:#9e9e9e; }
.sub-detail-grid li:hover { margin-top:0px; border-bottom:0px; }
.status-open { position:relative; float:right; color:#e40000 !important; text-transform:uppercase; }
.status-close { position:relative; float:right; color:#96b93a !important; text-transform:uppercase; }
.current-status { position:relative; display:inline-block; width:100%; color:#6f6f6f; margin: 0 0 10px 0; font-size:18px; }
.current-status span { color:#e40000 !important; text-transform:uppercase; margin:0 0 0 5px; }
.chat-box-white { position:relative; background: #fff; border:1px solid #b4b4b4; padding:20px 40px; margin:30px 0 0 0; }
.chat-box-white:after, .chat-box-white:before { bottom: 100%; right:50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.chat-box-white:after { border-bottom-color: #fff; border-width:15px; margin-right: -15px; }
.chat-box-white:before { border-bottom-color: #b4b4b4; border-width:17px; margin-right: -17px; }
.chat-box-grey { position:relative; background: #f6f6f6; padding:20px 40px; margin:30px 0 0 0; }
.chat-box-grey:after, .chat-box-grey:before { bottom: 100%; left:50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.chat-box-grey:after { border-bottom-color: #f6f6f6; border-width:15px; margin-left: -15px; }
.chat-box-grey:before { border-bottom-color: #f6f6f6; border-width:15px; margin-left: -15px; }
.chat-box-white h3, .chat-box-grey h3 { font-size:24px; color:#000; margin: 0 0 5px !important; }
.chat-box-white h3 span, .chat-box-grey h3 span { float:right; color:#6f6f6f;font-size: 18px; text-transform: uppercase; }
.chat-area { position:relative; }
.chat-area p { font-size:18px; color:#6f6f6f !important; padding:0 0 5px 0; }
.time-wrap { text-align:right; color:#6f6f6f; font-size: 18px; text-transform: uppercase; }
.common-dt-wrapper { position:relative; }
.common-dt-wrapper h1 { color: #000; display: inline-block; font-size: 36px; margin: 0 0 25px; width: 100%; }
.common-dt-wrapper h3 { color:#000; font-size:24px; margin: 0 0 25px; }
.common-dt-wrapper p { color:#9e9e9e; font-size:18px; margin: 0 0 10px; }
.common-dt-wrapper .btn-primary { display:inline-block; background:#e40000 !important; padding:8px 30px !important; color:#fff !important; }
.common-dt-wrapper .btn-primary:focus, .common-dt-wrapper .btn-primary:hover, .common-dt-wrapper .small:focus, .common-dt-wrapper .small:hover { background:#ba0f09 !important; border-color:#ba0f09 !important; }
.form-wrapper form .field .ff-wrapper .icn-search { position:absolute; right:0; bottom:10px; text-align:right; width:60px; font-size:24px; color:#6f6f6f; display:inline-block; background:#fff; border:0; z-index:1; }
.DT-custome_width { width:50%; }
.DT-inner-list-grid { position:relative; list-style-type:none; padding: 0; }
.DT-nner-list-grid li { position:relative; border:1px solid #ebebeb; margin:10px 0; }
.DT-inner-list-grid li a { display:block; position:relative; padding:20px 42px 20px 20px; color:#000; font-size:18px; background:#ebebeb; text-decoration:none; }
.DT-inner-list-grid li:hover a { background:#dedede; color:#000; }
.DT-inner-list-grid li a i { position:absolute; right:15px; top:0; bottom:0; margin:auto 0; vertical-align: middle; height:24px; }
.DT-inner-list-grid li a i.icon-arrowDown { font-size:24px; }
.DT-inner-list-grid li a i.icon-arrowDown.up { -ms-transform:rotate(-179deg); -webkit-transform:rotate(-179deg); transform:rotate(-179deg) }
.show-wrap-content { position:relative; display:inline-block; padding:10px 20px 0 20px; }
.DT_special_list { border:1px solid #ebebeb; margin:10px 0px; }
.btn-outline, .outline-small { margin-right:10px; background:#fff; line-height: normal; border:1px solid #e40000; color:#e40000; padding:8px 30px; border-radius:0px; font-size:20px; text-transform:uppercase; transition: all 0.5s ease 0s; }
.btn-outline:focus, .btn-outline:hover, .outline-small:focus, .outline-small:hover { border-color:#ba0f09 !important; color:#ba0f09; }
.btn-outline strong, .btn-primary strong, .small strong, .outline-small strong {}
.DT_outline_btn { background:#fff !important; padding:8px 30px !important; width:22% !important; float:left; color:#e40000 !important; }
.DT_outline_btn:hover { color:#ba0f09 !important; }
.thankyou-wrapper { position:relative; padding:30px 0 0; max-width:450px; margin: 0 auto; }
.thankyou-wrapper p.gery18-text { color:#959595; font-size:18px; padding:20px 0 10px; text-transform: inherit; }
.thankyou-wrapper p.gery18-text strong { font-size:18px; font-weight:700; }
.thankyou-wrapper ul { display:table; width:100%; position:relative; padding:0 0 0 7%; text-align:left; }
.thankyou-wrapper li { display:table-cell; vertical-align:middle; }
.thankyou-wrapper li.fixwith { width:110px; }
.thankyou-wrapper li i { font-size:96px; color:#167414; }
.thankyou-wrapper li span { font-size:24px; color:#167414; text-align:right; }
.thankyou-wrapper li p { line-height: 56px; font-size:56px;}
.thankyou-wrapper p { font-size:36px; color:#167414; }
.thankyou-wrapper p strong { font-size:36px;}
.thankyou-wrapper p .rupee { font-size:30px; font-weight:700; }
.thankyou-wrapper p .text-gery, .thankyou-wrapper p .text-black {  width:280px; display: inline-block; color:#6f6f6f; text-transform:uppercase; text-align:right; font-size:18px; }
.thankyou-wrapper p .text-black { text-transform:inherit !important; font-size:24px; margin:0 0 0 30px; color:#000; text-align:left !important; }
.thankyou-wrapper p .rupee { font-size:22px; }
.unsuccessfull-message { position:relative; text-align:center; }
.unsuccessfull-message span { font-size:36px; color:#e40000; }
.unsuccessfull-message p { font-size:48px; color:#e40000; }
.unsuccessfull-message p strong { font-weight:700; }
.DT-areaheight{height:30px !important;}
.DT_rightaling{text-align:right;}

.bg-none{background:none; margin: 0px !important; color: #e20b17  !important;}

.button:hover, .btn:hover, .btn:focus, .button:focus, .bg-none:hover, .bg-none:focus{
background: #a30000!important;
border-color: #a30000!important;
}

.color-black.bg-none:hover , .color-black.bg-none:focus{ color:#000!important}
.color-white.bg-none:hover , .color-white.bg-none:focus{ color:#fff!important}


.m-t-0{margin-top: 0px !important;}
/************************************************ DT STYLE END FROM HERE ***************************************************/

.fullwidth{ width:100% !important;}

.btn-primery { color:#fff !important; vertical-align:top; padding:16px 24px !important; display:inline-block !important;font-size:14px; background:#e40100 !important; text-transform: uppercase;}
.btn-primery:hover { background:#c3151d !important}

.btn-primery-text { color:#c3151d !important; vertical-align:top; padding:16px 24px !important; display:inline-block !important; font-size:14px; background:#fff !important; text-transform: uppercase;}
.btn-primery-text:hover { background:#fff !important;color:#ba0f09 !important}

.btn-primery-grey { color:#000 !important; vertical-align:top; padding:16px 24px !important; display:inline-block !important; font-size:14px; background:#f0f0f0 !important; text-transform: uppercase;}
.btn-primery-grey:hover { background:#f0f0f0 !important;color:#000 !important}

.upload-wrap{ position:relative;border-bottom:1px solid #cacaca; width:100%;}
.upload-wrap:hover,.upload-wrap:focus{ border-color:#723f96;}

.upload-text-btn{position: absolute;right: 0;top: 0;width: 80px !important; color: #e40000 !important;font-size: 18px !important;text-transform:uppercase; cursor:pointer;}

.fr{ float:right !important; display:inherit !important}




/*----------------------------- add money css -----------------------------------*/

.main-content .col-md-20{width:20%;}
.left_load_money{background:#f6f6f6; padding:100px 40px 0px 40px; height:100%; bottom:0px;}
.close-top{top:30px !important; right:40px !important; z-index: 10;}
.bankuser{float:left; font-size:16px;}
.col-md-20{width:20% !important;}
.mob_gray{padding:0px;}
.form_gapping{padding:50px 90px 0 90px;}
.pop_head_gap{padding:100px 100px 50px;}
.bank-circle{width:100%; float:left; margin-bottom:30px; text-align:center;}
.bank-circle div{border: 1px solid #7b7b7b; border-radius: 50%; color: #222; display:inline-block; height: 100px; transition: all 0.3s ease-in-out 0s; width:100px; text-align:center; overflow: hidden; line-height: 100px;/* margin-left:15%; margin-right:15%;*/}
.bank-circle div img{width:70%;}
.bank-circle:hover div{border: 1px solid #e40100; color: #e40100; cursor:pointer;}
.bank-circle.active div{border: 1px solid #e40100; color: #e40100; cursor:pointer;}
.bank-circle p{color:#000; font-size:16px; text-align:center; padding:10px 0px; text-transform:capitalize; width:100%;}
.bank-circle p small{color:#9e9e9e; font-size:12px; text-align:center; padding:5px 0px; float:left; text-transform:capitalize; width:100%;}
.bank-circle:hover p{color: #e40100; cursor:pointer;}
.bank-circle.active p{color: #e40100; cursor:pointer;}
.row-height {display:table; table-layout: fixed; height: 100%; width: 100%;}
.row-height .col-height {display:table-cell; height:100%; float:none;}
.fr {float:right !important;}
.fl {float:left !important;}
.fs-overlay .circle {float:left; margin:0 5px;}
.fs-overlay span {padding:0 !important;}



.full-overlay {position: relative; background: #fff;}
.regis-wrap{ position:relative;}
.regis-wrap h5{ position:relative;}
.success-msg{ position:relative;}
.success-msg input{border-bottom: 1px solid #31852f !important;}
.success-msg p {color: #31852f;font-size: 11px;margin-bottom: -15px;margin-top: 0;}

.clmn-size40{ width:40%;}
.btn.btn-go { width:42px;height: 25px;position: absolute;right:-1px;top:7px; font-size:12px;line-height: 21px; z-index:1;}
.form-group span{ padding:0 !important;}
.form-group .cell {display: table-cell;vertical-align: bottom;width: 100%;}
.form-group .cell {display: table-cell;vertical-align: bottom;width: 100%;}
.date-icon-wrap {cursor: pointer;padding: 0 0 0 10px;position: absolute;right: 0;top: 7px;width: 20px;z-index: 1;}
.date-icon-wrap i{ font-size:20px;}
.question-icon{ width:24px; height:24px; position:absolute;right:0; top:7px; display:inline-block; background: url(../images/question-icon.png) no-repeat center; z-index:1;}
.alt-message{ position:absolute; right:0; top:0; color:#9f9f9f; font-size:14px; padding:5px 15px; background:#ededed; border:1px solid #d5d5d5;border-radius: 5px; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.2); z-index:1;}
.regis-wrap h5.red-color{ color:#f0444b}
.regis-wrap p.text-wrap{ font-size:20px; color:#000; margin:25px 0 0 0; line-height:28px;}

.table-content{ position:relative; border:1px solid #b6b6b6;}
.table-content .plan-col{ margin-top:0px !important; background:#f1f1f1 !important; text-align:center;}
.table-content .plan-col p{font-size:14px !important;}
.table-content .plan-col .col-xs-3,.table-content .plan-col .col-sm-3, .table-content .plan-col .col-md-3 {border:1px solid #b6b6b6;}

.transaction-table{ position:relative; margin:15px 0 0 0; text-align:left; overflow:auto;}
.transaction-table .table{margin-bottom:0;max-width: 100%;width: 100%; border:1px solid #b6b6b6;}
.transaction-table .table thead{ background:#f1f1f1; color:#000; font-size:14px; text-transform:uppercase;}
.transaction-table .table thead th{vertical-align: middle;border:1px solid #b6b6b6 !important; white-space:nowrap; font-size:12px; text-align:center; font-weight:400 !important; padding:8px 3px !important}
.transaction-table .table tbody{ background:#fff;}
.transaction-table .table tbody td{ font-size:14px;border:1px solid #b6b6b6 !important; color:#858585;white-space:nowrap;text-align:center;padding:8px 3px !important}
.transaction-table .table tbody td i{ font-size:22px;}
.regular{ font-weight:400;}
.regis-wrap .form_gapping{padding:100px 90px  50px 90px;}

.regis-wrap.col-height{ vertical-align:top}
.display-content-550.fr{ float:none !important;}
.display-content-550.fl{ float:none !important}
.display-content-680.fr{ float:none !important;}





/*----------------------------- add money css end -----------------------------------*/	







.payment_pop{padding:20px;}
.modal-content{background:none !important;}
.date_pic{margin:5px 0 0; cursor:pointer !important; float:right; max-width:30px;}
.cont_new{border-bottom:1px solid #dddddd;}
.cont_new .mannual_input{ width:92%; border-bottom:0px;}
.error_center{text-align:center; color:#e40100;}
.error_loader{width:20px; text-align:center;}
.error_redirect{padding:15px 0px; text-align:center;}
.error_no_top_padd{padding-top:0px !important;}



/*sambit*/

/*.payment_pop{padding: 20px; box-shadow:0px 2px 27px 0px #000; border: 1px solid #f6f6f6;}*/
.cont-height{margin-bottom:16px; margin-right:auto; margin-left:auto; position:relative;display: inline-block; width: 100%; height:60px; }
.bank-login{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 75px !important;}
.lh-0{line-height: 0 !important;}
.p-50{padding: 50px;}
.bgBackgray {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  -webkit-backface-visibility: hidden;
  -webkit-animation: dialog-fadein 0.5s;
  animation: dialog-fadein 0.5s;
}
.pointer{
  cursor:pointer;
}
.app-modal-window .modal-dialog {
  width: auto;
}
/*sambit*/










/***************************************** Calender Css Start ************************************************/
.accst-background .dropdown-menu{width:290px !important;}
.cont_new .dropdown-menu{width:290px !important;}
.accst-background .btn-default{padding:12px 4px !important; background:none !important;}
.cont_new .btn-default{padding:12px 4px !important; background:none !important;}
.accst-background .btn:active, .btn.active{padding:12px 4px !important; background:#e40100 !important; color:#fff !important;}
/*.disabled.btn, .btn[disabled]{background:#fff !important;}*/
.cont_new .btn:active, .btn.active{padding:12px 4px !important; background:#e40100 !important; color:#fff !important;}
/*.disabled.btn, .btn[disabled]{background:#fff !important;}*/
.ng-isolate-scope table{width:286px !important;}
/*.ng-binding{font-size:11px !important; }*/
.accst-background .button:hover, .btn:hover, .btn:focus, .button:focus {background: #e40100; color: #000; }
.accst-background .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle{background:#e40100;}
.cont_new .button:hover, .btn:hover, .btn:focus, .button:focus {background: #e40100; color: #000; }
.cont_new .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle{background:#e40100;}
.text-info{color:#fff !important;}
.accst-background .btn-default {letter-spacing: 1px !important; padding:10px 5px !important; font-size: 16px !important;}
.cont_new .btn-default {letter-spacing: 1px !important; padding:10px 5px !important; font-size: 12px !important;}
@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
}
.glyphicon-chevron-left::before {
    content: "";
}
.glyphicon-chevron-right::before {
    content: "";
}
/***************************************** Calender Css End ************************************************/
.divscroll{overflow: scroll; height: 350px;}


.pt-30{padding-top: 30px !important;}





/*----------------------------- radio button css start -----------------------------------*/ 
.radio_cont {width: 150px; float: left; margin: 0px; padding: 0px;}
.radio_cont label{font-size: 12px; line-height: 28px;}
.radio_cont label span{ vertical-align: top;}
.radio_cont input[type=radio]:not(old){display: none;}
.radio_cont input[type=radio]:not(old) + label > .radial{display: inline-block; width: 16px; height: 16px; margin: 0.25em 0.5em 0.25em 0em;border: 0.0625em solid rgb(192,192,192);  padding: 8px !important; border-radius: 50px; background:#fff;}
.radio_cont input[type=radio]:not(old):checked +  label > .radial > .radial{margin:3px auto; display: block; width: 8px; height: 8px; border-radius: 50px; background: #e40100; padding: 5px !important; margin: -5px -5px;}
/*----------------------------- radio button css end -----------------------------------*/



.cont .ddmminput{width: 40px; float: left;}
.cont .ddmmforwordslash{width: 26px; color:#f6f6f6; text-align: center; float: left; display: block;  line-height: 35px; }


.common-dt-wrapper .dynamic_para{width: 100%; padding: 30px 0px;}
.common-dt-wrapper .dynamic_para h3{font-size: 15px; line-height: normal;}




.bank_breadcrumb {
  position: relative;
  background: none;
  margin: 30px 0px;
  padding: 0;
}

.bank_breadcrumb ul {
  margin: 0px;
  padding: 0px;
  float: left;
}
.bank_breadcrumb li {
  display: inline-block;
  font-size: 18px;
  color: #000;
}
.bank_breadcrumb li a {
  color: #9e9e9e;
  margin: 0 5px 0 0;
}

.file_fullwidth{width: 100%; float: right !important; text-align: right; margin: 5px 0px;}








/**************************===================== Registeration clasees ====================***********************************/

.regis-wrap{ position:relative;}
.regis-wrap h5{ position:relative;}
.regis-wrap h5.red-color{ color:#f0444b}
.regis-wrap p.text-wrap{ font-size:20px; color:#000; margin:25px 0 0 0; line-height:28px;}
.regis-wrap .form_gapping{padding:100px 90px  50px 90px;}
.regis-wrap.col-height{ vertical-align:top}









/**************************===================== Saving Account Payment Bank ====================***********************************/
.saving_ac_bank_globle{padding:100px;}
.saving_ac_calender{float:right; margin-top:-25px;}
.red_text{color:#e40100 !important; cursor:pointer !important;}
.saving_ac_cont .circle {cursor: pointer; display: table; width: 100px; height: 100px; border: 1px solid #000000; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.fs_mob_h4{font-size:30px; line-height:40px;}
.saving_ac_cont{margin-bottom:30px;}
.saving_ac_cont .circle a{display: table-cell; font-size: 14px; vertical-align: middle; padding: 0px 15px; text-align: center; line-height: 1.5; color: #000000;}
.saving_ac_cont .circle:hover, .saving_ac_cont .circle.active{background-color: #e40001; color:#ffffff; border: none;}
.saving_ac_cont .circle a:hover{color: #ffffff; cursor: pointer;}
.saving_ac_cont .circle.active a{ color: #fff; }





/**************************===================== New pop-up for enter mpin ====================***********************************/
.enter_mpin_pop{font-size:80px; line-height:70px !important;}
.forgot_mpin{margin-top: 0px; font-size: 12px; color: #707070; margin-bottom: -15px;}
.forgot_mpin:hover{color:#707070;}
.forgot_mobile{ color:#f0444b; margin-top: 0px; font-size: 12px; margin-bottom: -15px;}
.forgot_mobile:hover{ color:#f0444b;}
.l-h-55{line-height:55px !important;}
.entermpin input.input-login { border-bottom:1px solid #ee8d06!important; border-bottom:1px solid #ee8d06!important }
.forgot_mpin_afteralert{float:left; padding:12px 0px;}
.locatemob{color:#E40000; font-size:12px; text-align:left; padding:0px !important;}
.custpadd i{font-size:40px;}
.custpadd a{padding:7px 0px; float:left; color:#000;}
.sorry{padding:26px 0px 0px 90px; width:570px;}
.sorry p{font-size:60px; line-height:60px; padding:25px 0 25px 0px; margin:0px;}
.sorry p span{font-size:60px; color:#008300; white-space:nowrap; display:block;}
.sorry p span.grey_color{color:#000;}
.th_color_container .gray_container, .cust_box{background:#f6f6f6; display:block; float:left; width:100%; padding:35px 45px 35px 60px}
.free_delivery_bottom{display:inline-block; padding-right:20px;}
.free_delivery_bottom i{font-size:20px; padding-right:12px;}
.anchor_font{font-size:95%;}



.reg-otp .left-block .title-left .text-in-black{font-family: Tondo-Light;
font-size: 80px;
color: #000000;
letter-spacing: -0.81px;
line-height: 80px;
}

section article, .container, .loading-inner .container{position: relative; width: auto;max-width: 1170px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
section article{padding-top:10px; padding-bottom:10px;}

.reg-otp article {
    padding-left: 0;
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.reg-otp .left-block .title-left{font-family: "Tondo", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 36px;color: #000000;letter-spacing: -0.11px;line-height: 40px;}
.reg-otp .left-block .title-left .text-in-black{font-family: "Tondo", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 80px;color: #000000;letter-spacing: -0.81px;line-height: 80px;}
.reg-otp .left-block .title-left .para-left{font-family: Tondo-Light;font-size: 16px;color: #000000;letter-spacing: 0.1px;line-height: 25px;}
.reg-otp .resend-otp{font-family: Tondo-Light;font-size: 16px;color: #E40000;letter-spacing: 1.39px;line-height: 24px;}
.reg-otp input[type="text"] {width:169px !important;}
#login{ padding-bottom:12px;}
@media (max-width: 767px) {
	.faq .panel-default > .panel-heading h5 {font-size: 16px;width: auto;}
.reg-otp .left-block .title-left .text-in-black{font-size: 48px;line-height: 48px;}
.reg-otp .submit-otp .text-in-red{font-size: 45px;}
.reg-otp .submit-otp .text-in-black{font-size: 45px;}
.login-wrapper .ff-wrapper{ display:block; }

#regOtpDiv .container-fluid{  margin-right: -15px; padding: 0 15px 0 0; }
#regOtpDiv article{ padding:0; }
}
@media (max-width: 407px) {
.reg-otp .left-block .title-left .text-in-black{font-size: 45px;line-height: 45px;}
.reg-otp .left-block .title-left .para-left{font-size: 14px;}
.reg-otp .submit-otp .text-in-red{font-size: 40px;}
.reg-otp .submit-otp .text-in-black{font-size: 40px;}
}

@media (max-width: 395px) {
.reg-otp .left-block .title-left .text-in-black{font-size: 31px;line-height: 31px;}
.reg-otp .left-block .title-left .para-left{font-size: 14px;}
.reg-otp .submit-otp .text-in-red{font-size: 35px;}
.reg-otp .submit-otp .text-in-black{font-size: 35px;}
}
@media (max-width: 304px) {
.reg-otp .left-block .title-left .text-in-black{font-size: 30px;line-height: 30px;}
.reg-otp .submit-otp .text-in-red{font-size: 35px;}
.reg-otp .submit-otp .text-in-black{font-size: 35px;}
}
@media (max-width: 290px) {
.reg-otp .left-block .title-left .text-in-black{font-size: 29px;line-height: 29px;}
.reg-otp .left-block .title-left .para-left{font-size: 13px;}
.reg-otp .submit-otp .text-in-red{font-size: 33px;}
.reg-otp .submit-otp .text-in-black{font-size: 33px;}
}
@media (max-width: 240px) {
.reg-otp .left-block .title-left .text-in-black{font-size: 20px;line-height: 20px;}
.reg-otp .left-block .title-left .para-left{font-size: 12px;}
.reg-otp .submit-otp .text-in-red{font-size: 25px;}
.reg-otp .submit-otp .text-in-black{font-size: 25px;}
}


.reg-otp .left-block .title-left p{ font-family: Tondo;
font-size: 16px;
line-height: 26px;
font-weight: 100;
color: #000;
background: #f6f6f6;}