@charset "utf-8";
/* 
@font-face {
  font-family: 'calibri';
  src: url(../fonts/Calibri.eot);
  src: url(../fonts/Calibri.eot?#iefix) format("embedded-opentype"), url(../fonts/Calibri.ttf) format("truetype"), url(../fonts/Calibri.svg#svgFontName) format("svg");
}
@font-face {
  font-family: 'calibriBold';
  src: url(../fonts/Calibri-Bold.eot);
  src: url(../fonts/Calibri-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Calibri-Bold.ttf) format("truetype"), url(../fonts/Calibri-Bold.svg#svgFontName) format("svg");
} */
.row-fluid:before, .row-fluid:after {
  content: " ";
  display: table;
}
.row-fluid:after {
  clear: both;
}


.row-fluid {
  margin-left: auto;
  margin-right: auto;
}
/* responsive pp */
@media screen and (max-width: 767px) {
	.verticalcenter {
    top: 30% !important;
    left: 5% !important;
    width: 90% !important;
    padding: 11% 6%!important;
}
	.xs-padding-0{
		padding:0;
	}
	.xs-position-relative{
		position:relative !important;
	}
	.xs-margin-0{
		margin:0;
	}
	.xs-width-70{
		width:70% !important;
	}
	.xs-width-100{
		width:100% !important;
	}
	.xs-hide{
		display:none;
	}
	.xs-display-block{
		display:block!important;
	}
	.ordering-0{
		position: absolute;
	    top: 0%;
	    width: 100%;
	    height: 100%;
	}
	.ordering-1{
		position: relative;
	    top: 100%;
	    width: 100%;
	    height: 100%;
	}
}
@media screen and (max-width: 991px) {

}
/* responsive pp */
/* pp new */
.padding-3{
	padding:3%;
}
.width-30{
	width:30%;
}
.width-40{
	width:40%;
}
.width-4_5{
	width: 4.5%;
}
.margin-top-10{
	margin-top: 10%;
}
/* pp new */
/* login slider css */
.loginbodydiv{
	position: fixed;
    width: 100%;
    height: calc(100% - 76px);
}
ul.leftImageSlider {
  background: #243c7c;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  min-height: 100%;
  width: 100%;
  padding: 0 2rem;
  margin: 0 auto;
}
.rightImageSlider{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 2rem;
  margin: 0 auto;
  /* overflow: auto; */
}
ul.leftImageSlider > li:first-child {
  display: list-item;
}
ul.leftImageSlider > li {
  position: absolute;
  padding: 0 2rem;
  margin: 0 auto;
  width: auto;
  height: auto;
  height: calc(100% - 20px);   
  list-style-type:none;
  display: none;
}

@media (max-width: 1024px) {
    ul.leftImageSlider > li {
  		height: auto!important;
	}
}
ul.leftImageSlider > li.active{
	display: block;
}
ul.leftImageSlider > li > img{
   width: 100%;
   height: 100%;
   padding: 3%;
   border-radius: 0;
   border: 2px solid #fff;
}
.buttonForImagechange{
	position:absolute;
	bottom:1%;
	z-index:9;
	width:100%;
	text-align:center;
}
/* login slider css */
/* loader css */
.pageLoader {
	width: 100%;
	height: 100%;
	background: #FFF;
	display: block;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10000001;
}
.loading-logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  text-align: center;
}
.loading-logo img{
width: 100%;
}
.loading>.message>img {
    display: block;
    margin: 0% auto 6% auto;
}
@media (max-width: 768px) {
  .loading-logo img{
    width: 80% !important;
    }
}
.spinnerwave {
  font-size: 10px;
  width: 70px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
}
.spinnerwave > div {
  display: inline-block;
  width: 6px;
  height: 100%;
  margin: 2px;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinnerwave .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinnerwave .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinnerwave .rect4 {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s;
}
.spinnerwave .rect5 {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s;
}
.spinnerwave .rect6 {
  -webkit-animation-delay: -.7s;
  animation-delay: -.7s;
}
.spinnerwave .rect7 {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  100%,
  40% {
      -webkit-transform: scaleY(.4);
  }
  20% {
      -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  100%,
  40% {
      -webkit-transform: scaleY(.4);
      transform: scaleY(.4);
  }
  20% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
  }
}
.spinnerwave > div {
  background-color: #243c7c;
}
/* loader css */


.dmtimage
{
	 background-color: #fff;
  background-image: url("../images/dmt.png");
  background-position: center center;
  background-repeat: no-repeat;
  width:127px;
  height:127px;
}



.jriimaage
{
	 background-color: #fff;
  background-image: url("../images/jri1.png");
  background-position: center center;
  background-repeat: no-repeat;
  width:127px;
  height:127px;
}



.bbpsimg
{
	 background-color: #fff;
  background-image: url("../images/dmt.png");
  background-position: center center;
  background-repeat: no-repeat;
  width:127px;
  height:127px;
}
.fadeOut, .fadeIn, .animation {
  -webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.container-data.fadeIn, .content-area.fadeIn, .fadeIn {
  opacity: 1;
}
.container-data.fadeOut, .content-area.fadeOut, .fadeOut {
  opacity: 0;
}
.img-responsive {
  display: inline-block;
}
.animationtime {
  -webkit-animation-duration: 300ms;
  -webkit-animation-fill-mode: both;
  animation-duration: 300ms;
  animation-fill-mode: both;
}
#ajaxLoad {
  padding-bottom: 30px;
}
#ajaxLoad.loading, #innrePageAjaxload.loading {
  background-image: url("../images/299.gif");
  background-position: center 150px;
  background-repeat: no-repeat;
}
#innrePageAjaxload.loading {
  background-image: url("../images/inner-loader.gif");
}
a {
  color: #007fbd;
}
body {
  font-size: 14px;
  /* font-family: 'calibri'; */
  color: #000;
  overflow-y: scroll;
}
.container-1280 {
  width: 100%;
 /* max-width: 1280px;*/
  padding: 0 25px;
}
.primary-text {
  color: #3d3d3d;
}

.primary-texts {
	color:#fff;
}
.field-design .error-msg {
  color: #cc3333;
  font-size: 12px;
  float: left;
  width: 100%;
  height: 20px;
  line-height: 20px;
}
/* strong, .strong, .bold {
  font-family: 'calibriBold';
} */
input.disabled, .type-button.disabled, .listing-table-prev.disabled, .listing-table-next.disabled {
  cursor: default;
  opacity: .4;
}
.header {
  padding: 20px 0 19px 0;
}

/*S: Dropper*/
.dropper .drop, .datepicker-dropper .drop {

  /*right: 0;left: auto;*/
  top: 100%;
  background-color: #fff;
  box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.2);
  border: 1px solid #e3e3e3;
  max-height: 0;
  opacity: 1;
  margin-top: 1px;
  overflow: hidden;
  min-width: 70px;
  padding: 13px 0 8px;
  width: 100%;
  margin-top: -10px;
  visibility: hidden;
}
.dropper dt {
  padding: 0 8px;
  color: #4d5258;
  font-weight: 400;
}
.dropper .divider {
  background-color: #e5e5e5;
  height: 1px;
  margin: 9px 1px;
  overflow: hidden;
}
.datepicker-dropper.open .drop, .dropper.open .drop {
  max-height: 800px;
  z-index: 999;
  overflow: visible;
  margin-top: 3px;
  visibility: visible;
  -webkit-transition: margin-top 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: margin-top 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: margin-top 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: margin-top 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: margin-top 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.dropper .drop.caret-bg:after {
  border: 7px solid #fff;
}
.dropper .drop.caret-border:before {
  border: 7px solid #e3e3e3;
}
.dropper .drop.carret.faceupUp:before {
  top: -14px;
}
.dropper .drop.carret.faceupUp:after {
  top: -13px;
}
.dropper .drop.carret.faceupUp.carretAlignRight:after, .dropper .drop.carret.faceupUp.carretAlignRight:before {
  right: 5px;
  left: auto;
}
.drop-theme.drop {
  padding: 0;
}
.drop-theme .dropdown-menu li:not(:last-child), .drop-theme .type-button:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}
.drop-theme .dropdown-menu li, .drop-theme .type-button {
  padding: 5px 0;
}
.drop-theme .dropdown-menu li a, .drop-theme .type-button {
  color: #4d5258;
}
.drop-theme .dropdown-menu li:hover a, .drop-theme .type-button:hover {
  color: #020405;
}

/*E: Dropper*/

/*Header*/
a.user {
  color: #3d3d3d;
}
.user-dropper .user-pic, .user-dropper .user-name.button-text {
  display: inline-block;
  text-transform:capitalize;
}
.user-dropper .user-pic {
  width: 32px;
  height: 32px;
}
.user-dropper .user-drop {
  right: 0;
  top: 0;
  background-color: #fff;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 /*     box-shadow: 0 10px 6px -6px rgba(225, 226, 226, 1);
  -webkit-box-shadow: 0 10px 6px -6px rgba(225, 226, 226, 1);
     -moz-box-shadow: 0 10px 6px -6px rgba(225, 226, 226, 1);
    -ms-box-shadow: 0 10px 6px -6px rgba(225, 226, 226, 1);
     -o-box-shadow: 0 10px 6px -6px rgba(225, 226, 226, 1);*/
  box-shadow: 0 6px 5px -6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 6px 5px -6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 6px 5px -6px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 6px 5px -6px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 6px 5px -6px rgba(0, 0, 0, 0.2);
  border: 1px solid #e5e9ee;
  max-height: 0;
  opacity: 0;
  left: 0;
  overflow: hidden;
  z-index: 999;    /*transform: scale(0.8);*/

  /*-webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
     -moz-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
     -o-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
      transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);*/
}
.user-dropper.open .user-drop {
  max-height: 800px;
  opacity: 1;
  top: 100%;
  overflow: visible;
  margin-top: 23px;
  transform: scale(1);    /*z-indeX:999;*/
}
.user-dropper .user-drop.caret-bg:after {
  border: 7px solid #fff;
}

/*map with .content-bg*/
.user-dropper .user-drop.caret-border:before {
  border: 7px solid #e5e9ee;
}

/*map with .default-border*/
.user-dropper .user-drop.carret.faceupUp:before {
  top: -14px;
}

/*double of border-width */
.user-dropper .user-drop.carret.faceupUp:after {
  top: -13px;
}

/*double of border-width - 1*/

/*Header*/

.help-ico {
  display: inline-block;
  font-size: 10px;
  height: 17px;
  line-height: 16px;
}
html, body, .page-bg, .container-bg {
  background-color: #FFF;
}
.container-bg {
  background:#FFF;
 /* background-repeat: repeat-x;*/
  background-position: 0 0;
}
/* .header-bg {
  background-color: #fff;
} */
.content-bg, .content-bg, .popup, .popup-header, .popup-footer {
  background-color: #fff;
}
.light-blue-bg {
  /*background-color: #ddebf2;
    background: url(../images/loginbg.jpg) no-repeat center;*/
 
}


.grey_bg, .popup-header {
  background-color: #253d7c;
}
.grey_bg_text {
  color: #fff;
}
.field-border, .border {
  border: 1px solid #AEB4C3;
}
.border-black {
  border: 1px solid #000000;
}
.popup-header, .popup-footer {
  border-color: #e5e9ee;
}
.container-data {
  padding: 20px 5px;
}
.title-text {
  color: #000000;
  font-size: 20px;
}
.semi-title-text {

    color: #fff;
    font-size: 18px;

}

.semii-title-text {

    color: #000;
    font-size: 18px;

}


.semii-title-text {
  color: #000;
  font-size: 18px;
}
.popup-header .semi-title-text {
  display: inline-block;
  font-size: 20px;
  line-height: normal;    /*margin: 7px 0 0;*/
}
.sub-title-text {
  color: #000;
  font-size: 16px;
}
.link-text {
  color: #243c7b;
}
.primary_link, a.primary_link:link, a.primary_link:visited, a.primary_link:hover, a.primary_link:active {
  color: #007fbd;
}

/*Button Themes*/

/*primary button*/
.theme.type-button .ico, .theme.type-button {
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
}
.theme.type-button, .theme.type-button:hover, .theme.type-button:focus, .theme.type-button:active {
  background-color: #243c7b;
}
.theme.type-button.field-border {
  border-color: #243c7b !important;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
 
}

.new1 {

    margin-top: 14px;

}
.theme2.type-button .ico, .theme2.type-button {
  color: #393f4a;
  font-size: 15px;
  text-transform: Capitalize;
}
.theme2.type-button, .theme2.type-button:hover, .theme2.type-button:focus, .theme2.type-button:active {
  background-color: #fff;
}
.theme2.type-button.field-border {
  border-color: #e5e9ee;
}
.theme2.active.type-button .ico, .theme2.active.type-button {
  color: #FFFFFF;
  font-size: 15px;
  text-transform: Capitalize;
}
.theme2.active.type-button, .theme2.active.type-button:hover, .theme2.active.type-button:focus, .theme2.active.type-button:active {
  background-color: #2c343f;
}
.theme2.active.type-button.field-border {
  border-color: #2c343f;
}
.theme3.type-button .ico, .theme3.type-button {
  color: #5a6d80;
  font-size: 15px;
  text-transform: Capitalize;
}
.theme3.type-button, .theme3.type-button:hover, .theme3.type-button:focus, .theme3.type-button:active {
  background-color: #fff;
}
.theme3.type-button.field-border {
  border-color: #dfe6e8;
}
.theme4.type-button .ico {
  background-color: #f4f4f4;
  color: #9aa6b7;
}
.theme5.type-button {
  background-color: #d8e3e9;
}
.theme-ico.type-button .ico, .theme-ico.type-button {
  color: #2e2c28;
  font-size: 14px;
  text-transform: uppercase;
}
.theme-ico.type-button, .theme-ico.type-button:hover, .theme-ico.type-button:focus, .theme-ico.type-button:active {
  background-color: transparent;
}
.theme-ico.type-button.field-border {
  border-color: transparent;
}
.theme-ico-white.type-button .ico, .theme-ico-white.type-button {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
.theme-ico-white.type-button, .theme-ico-white.type-button:hover, .theme-ico-white.type-button:focus, .theme-ico-white.type-button:active {
  background-color: transparent;
}
.theme-ico-white.type-button.field-border {
  border-color: transparent;
}
.theme-ico-dark.type-button .ico, .theme-ico-dark.type-button {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
}

/*.theme-ico-dark.type-button,
.theme-ico-dark.type-button:hover,
.theme-ico-dark.type-button:focus,
.theme-ico-dark.type-button:active{background-color:transparent;}
.theme-ico-dark.type-button.field-border{border-color:transparent;}*/
.theme-link.type-button .ico, .theme-link.type-button {
  color: #007fbd;
  font-size: 16px;
  text-decoration: underline;
}
.theme-link.type-button, .theme-link.type-button:hover, .theme-link.type-button:focus, .theme-link.type-button:active {
  background-color: transparent;
}
.theme-link.type-button.field-border {
  border-color: transparent;
}
.theme-link-green.type-button {
  background-color: transparent;
  cursor: pointer;
  text-align: left;
}
.theme-link-green.type-button:hover, .theme-link-green.type-button:focus, .theme-link-green.type-button:active {
  background-color: #transparent;
}
.theme-link-green.type-button {
  color: #20b99c;
}
.theme-link-grey.type-button {
  background-color: transparent;
  cursor: pointer;
  text-align: left;
}
.theme-link-grey.type-button:hover, .theme-link-grey.type-button:focus, .theme-link-grey.type-button:active {
  background-color: #transparent;
}
.theme-link-grey.type-button {
  color: #95a7b7;
}
.drop-theme.drop {
  padding: 0;
}
.drop-theme .dropdown-menu li:not(:last-child), .drop-theme .type-button:not(:last-child) {
  border-bottom: 1px solid #d5dbe4;
}
.drop-theme .dropdown-menu li, .drop-theme .type-button {
  padding: 5px 0;
}
.drop-theme button.type-button {
  background-color: transparent;
}
.drop-theme .dropdown-menu li a, .drop-theme .type-button {
  color: #4d5258;
}
.drop-theme .dropdown-menu li:hover a, .drop-theme .type-button:hover {
  color: #020405;
}
.type-button.type-coupon {
  background-color: #daeff9;
  border-color: #4a8abf;
  border-style: dashed;
  color: #161c22;
  float: right;
  font-size: 13px;
  line-height: 17px;
}
.full-float.navigationBar {
    /* border: 1px solid #000; */
    margin-top: 17px;
}


/*Button Themes*/

/*Navigation*/
.navigation {
  background:#243c7b;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
}
.navigation a {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
 /* margin-right: 40px;*/
 padding:2px 20px !important;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.navigation a img {
  margin: 17px 7px 0 0;
  float: left;
  vertical-align: top;
}
.navigation a span {
  padding: 17px 0;
  line-height: 24px;
  float: left;
  position: relative;
  color: #fff;
}
.navigation a span:after {
  border-bottom: 4px solid #fff;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
  width: 0%;
  -webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[rel="dashboard"] .navigation a.dashboard img.static, 
body[rel="dmr"] .navigation a.dmr img.static, 
body[rel="jri"] .navigation a.jri img.static, 
body[rel="AepsuserInfo"] .navigation a.AepsuserInfo img.static,
body[rel="Travelportal"] .navigation a.Travelportal img.static,
body[rel="cardtopup"] .navigation a.cardtopup img.static,
body[rel="Insurance"] .navigation a.Insurance img.static,
body[rel="transactions"] .navigation a.transactions img.static,
body[rel="agent"] .navigation a.payments img.static, 
body[rel="bbps"] .navigation a.bbps img.static,
body[rel="Reports"] .navigation a.Report img.static,
body[rel="chargesInfo"] .navigation a.chargesInfo img.static,
body[rel="settlements"] .navigation a.settlements img.static,
body[rel="complaints"] .navigation a.complaints img.static,
body[rel="demandinfo"] .navigation a.demandsheet img.static,
body[rel="onboard"] .navigation a.agentonboardnew img.static,

 .navigation a:hover img.static, .navigation a img.hover {
  display: none;
}
body[rel="dashboard"] .navigation a.dashboard img.hover, 
body[rel="dmr"] .navigation a.dmr img.hover, 
body[rel="jri"] .navigation a.jri img.hover, 
body[rel="AepsuserInfo"] .navigation a.AepsuserInfo img.hover,
body[rel="Travelportal"] .navigation a.Travelportal img.hover,
body[rel="cardtopup"] .navigation a.cardtopup img.hover,
body[rel="Insurance"] .navigation a.Insurance img.hover,
body[rel="transactions"] .navigation a.transactions img.hover,
body[rel="agent"] .navigation a.payments img.hover, 
body[rel="bbps"] .navigation a.bbps img.hover,
body[rel="Reports"] .navigation a.Report img.hover,
body[rel="chargesInfo"] .navigation a.chargesInfo img.hover,
body[rel="settlements"] .navigation a.settlements img.hover, 
body[rel="complaints"] .navigation a.complaints img.hover, 
body[rel="CashCollection"] .navigation a.CashCollection img.hover, 
body[rel="demandinfo"] .navigation a.demandsheet img.hover, 
body[rel="onboard"] .navigation a.agentonboardnew img.hover, 

.navigation a img.static, .navigation a:hover img.hover {
  display: inline-block;
}
body[rel="dashboard"] .navigation a.dashboard span:after,
body[rel="dmr"] .navigation a.dmr span:after,
body[rel="jri"] .navigation a.jri span:after,
body[rel="AepsuserInfo"] .navigation a.AepsuserInfo span:after,
body[rel="Travelportal"] .navigation a.Travelportal span:after,
body[rel="cardtopup"] .navigation a.cardtopup span:after,
body[rel="Insurance"] .navigation a.Insurance span:after,
body[rel="Reports"] .navigation a.Report span:after,
 body[rel="transactions"] .navigation a.transactions span:after, 
 body[rel="agent"] .navigation a.payments span:after, 
 body[rel="bbps"] .navigation a.bbps span:after,
 body[rel="chargesInfo"] .navigation a.chargesInfo span:after,
 body[rel="settlements"] .navigation a.settlements span:after,
  body[rel="CashCollection"] .navigation a.CashCollection span:after,
   body[rel="demandinfo"] .navigation a.demandsheet span:after,
      body[rel="onboard"] .navigation a.agentonboardnew span:after,
   
  body[rel="complaints"] .navigation a.complaints span:after {
  width: 100%;
}

/*Navigation*/

/*Select drop down*/
.btn-group.bootstrap-select > .btn, .btn-group.bootstrap-select > .dropdown-menu, .btn-group.bootstrap-select > .popover {
  color: #4c4c4c;
  font-size: 15px;ss
}
.dropdown-menu > li > a {
  color: #aaa;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
  color: #4c4c4c;
  background-color: transparent;
  outline: inherit;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  background-color: #ffffff;
  border: 1px solid #e5e9ee;
}
.btn-group.bootstrap-select > .btn .select-ico {
  font-size: 14px;
  color: #808080;
}

/*Select drop down*/

/*Payment Page*/
.navigationBar a.navigationBarLink.active, .navigationBar a.navigationBarLink:hover {
  color: #e3714d;
}
.navigationBar a.navigationBarLink {
  color: #171717;
  font-size: 12px;
  display: inline-block;
  width: 100%;
  font-weight: 600;
}
.navigationBar a.navigationBarLink.type-button[class*="-size_xl"], .navigationBar a.navigationBarLink.type-button[class*="-size_xl"] .ico, .navigationBar a.navigationBarLink.type-button[class*="-size_xl"], .navigationBar a.navigationBarLink.type-button[class*="-size_xl"] .ico:before {
  line-height: 50px;
}
.card-type .cards {
  right: 7px;
  top: 7px;
}
.cvv .cards {
  right: 3px;
  top: 2px;
  cursor: pointer;
}
.cvv-info {
  background-color: #fff;
  color: #666;
  display: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin-top: 4px;
  padding: 8px;
  position: absolute;
  right: -4px;
  top: 100%;
  width: 200px;
  z-index: 9;
}
.cvv-info strong {
  font-family: Arial, Helvetica, sans-serif;
}
.cvv .cards:hover .cvv-info {
  display: block;
}

/*.cvv-bg-img{background-image:url('../images/mobilepay/cvv.png');background-repeat:no-repeat;background-position:calc(100% - 7px) 2px}*/
.emi-duration span.content-text {
  margin-bottom: 5px;
  font-weight: bold;
}
.emi-duration table.emi-table.border {
  width: 100%;
  border-width: 1px 1px 0 0;
}
.emi-duration table.emi-table td.border {
  width: auto;
  border-width: 0 0 1px 1px;
  padding: 5px 2px 5px 7px;
  text-align: left;
  vertical-align: top;
}
.emi-duration table.emi-table td.border br {
  display: none;
}
.error-patch {
  background-color: #fed2d3;
  border: 1px solid #e3a4ab;
  padding: 8px;
  color: #cc3333;
  font-size: 12px;
}
span.cr-radio-inner:before {
  height: 10px;
  width: 10px;
}
label.cr-radio-outer.box-theme span.cr-radio-inner:before {
  background-color: #35a8e0;
  border-color: #fff;
  border-width: 3px;
  bottom: 3px;
  left: 1px;
  right: 3px;
  top: 3px;
}
.bank-checkbox > label {
  width: 100%;
  text-align: center;
  height: 40px;
}
.bank-checkbox * {
  cursor: pointer;
}
.bank-checkbox span.cr-checkbox-inner:before, .bank-checkbox span.cr-radio-inner:before {
  top: 13px;
}
.bank-checkbox span.cr-checkbox-inner:after, .bank-checkbox span.cr-radio-inner:after {
  top: 11px;
  left: 4px;
}
.bank-checkbox label.cr-checkbox-outer.box-theme span.cr-checkbox-inner:before {
  top: 12px;
  left: 5px;
}
.bank-checkbox label.cr-radio-outer.box-theme span.cr-radio-inner:before {
  top: 12px;
  left: 5px;
}

/*Payment Page*/

/*Left Nav Ico*/
.navigationBar a.navigationBarLink span.button-text {
  padding-left: 0;
}
.navigationBar a.navigationBarLink i.ico {
  height: 43px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
}
.ico-data-card i.ico {
  background-image: url("../images/data_card.png");
}
.ico-dth i.ico {
  background-image: url("../images/dth.png");
}
.ico-education i.ico {
  background-image: url("../images/education.png");
}
.ico-electricity i.ico {
  background-image: url("../images/electricity.png");
}
.ico-gas i.ico {
  background-image: url("../images/gas.png");
}
.ico-mobile i.ico {
  background-image: url("../images/mobile.png");
}
.ico-gas i.ico {
  background-image: url("../images/gas.png");
}
.ico-insurance i.ico {
  background-image: url("../images/insurance.png");
}
.ico-landline i.ico {
  background-image: url("../images/landline.png");
}
.ico-water i.ico {
  background-image: url("../images/water.png");
}
.ico-lpg i.ico {
  background-image: url("../images/lpg.png");
}
.ico-loan i.ico {
  background-image: url("../images/loan.png");
}
.ico-fasttag i.ico {
  background-image: url("../images/fastag.png");
}
/* .ico-checktransaction i.ico {
  background-image: url("../images/mobile.png");
} */

.ico-complaint i.ico {
  background-image: url("../images/complante-registration-small.png");
}

.ico-complaintTracking i.ico {
  background-image: url("../images/complaint-tracking.png");
}

.ico-data-card:hover i.ico, .active.ico-data-card i.ico {
  background-image: url("../images/data_card_active.png");
}
.ico-dth:hover i.ico, .active.ico-dth i.ico {
  background-image: url("../images/dth_active.png");
}
.ico-education:hover i.ico, .active.ico-education i.ico {
  background-image: url("../images/education_active.png");
}
.ico-electricity:hover i.ico, .active.ico-electricity i.ico {
  background-image: url("../images/electricity_active.png");
}
.ico-gas:hover i.ico, .active.ico-gas i.ico {
  background-image: url("../images/gas_active.png");
}
.ico-fasttag:hover i.ico, .active.ico-fasttag i.ico {
  background-image: url("../images/fastag_active.png");
}
.ico-mobile:hover i.ico, .active.ico-mobile i.ico {
  background-image: url("../images/mobile_active.png");
}
.ico-gas:hover i.ico, .active.ico-gas i.ico {
  background-image: url("../images/gas_active.png");
}
.ico-insurance:hover i.ico, .active.ico-insurance i.ico {
  background-image: url("../images/insurance_active.png");
}
.ico-landline:hover i.ico, .active.ico-landline i.ico {
  background-image: url("../images/landline_active.png");
}
.ico-water:hover i.ico, .active.ico-water i.ico {
  background-image: url("../images/water_active.png");
}
.ico-lpg:hover i.ico, .active.ico-lpg i.ico {
  background-image: url("../images/lpg_active.png");
}
.ico-loan:hover i.ico, .active.ico-loan i.ico {
  background-image: url("../images/loan_active.png");
}

/* .ico-checktransaction:hover i.ico, .active.ico-checktransaction i.ico {
  background-image: url("../images/mobile_active.png");
} */

.ico-complaint:hover i.ico, .active.ico-complaint i.ico {
  background-image: url("../images/complante-registration1.png");s
}

.ico-complaintTracking:hover i.ico, .active.ico-complaintTracking i.ico {
  background-image: url("../images/complaint-tracking1.png");
}
/*popup*/
.notification-popup {
  max-width: 500px;
  width: 100%;
  display: none;
}

/*Popup common css*/
.popup-header, .popup-footer {
  padding: 20px;
  min-height: 50px;
}
.popup-content {
  padding: 20px;
}
.popup.popup-corner-close .popup-close {
  right: 10px;
  top: 17px;
  color: #a6a6a6;
}

/*.popup,.popup-header,.popup-footer {background-color: #fff;}*/

/*.popup-header,.popup-footer {border-color: #e5e9ee;}*/
.popup-header {
  padding: 17px 40px 17px 20px;
}
.slideUpInOut {
  -webkit-animation-name: slideUpOut;
  animation-name: slideUpOut;
}
.popup_visible .slideUpInOut {
  -webkit-animation-name: slideUpIn;
  animation-name: slideUpIn;
}
@-webkit-keyframes slideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(-200%);
  }
}
@keyframes slideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateY(-200%);
  }
}
@-webkit-keyframes slideUpIn {
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%);
  }
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(-200%);
  }
}
@keyframes slideUpIn {
  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateY(0%);
  }
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateY(-200%);
  }
}

/*popup*/

/*footer*/
.footer {
  padding: 27px;
  max-height:76px;
}
.pciDss {
  margin-top: -15px;
  line-height: 36px;
}

/*footer*/

/*onfocus Animation*/

.onfocusShow.animation {
  -webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.onfocusShow {
  opacity: 0;
  margin-top: 16px;
  height: 0;
  overflow: hidden;
}
.focused .onfocusShow {
  opacity: 1;
  margin-top: 0px;
  height: auto;
  overflow: visible;
}
.focused .onfocusShow:nth-child(1) {
  transition-delay: 50ms;
}
.focused .onfocusShow:nth-child(2) {
  transition-delay: 100ms;
}
.focused .onfocusShow:nth-child(3) {
  transition-delay: 150ms;
}
.focused .onfocusShow:nth-child(4) {
  transition-delay: 200ms;
}
.focused .onfocusShow:nth-child(5) {
  transition-delay: 250ms;
}
.focused .onfocusShow:nth-child(6) {
  transition-delay: 300ms;
}

/*onfocus Animation*/

/*Transaction Page*/

body.transactions #ajaxLoad {
  position: relative;
  overflow: hidden;
}

/*Listing Table*/
.listing-table.listing-table-wrap {
  position: relative;
  z-index: 0;
}
.listing-table .listing-table-data table {
  width: 100%;
  min-width: 960px;
}
.listing-table table thead {
  position: relative;
  white-space: nowrap;
}
.listing-table table tbody tr {
  border-bottom: 1px solid #e5e9ee;
}
.listing-table th, .listing-table td {
  font-weight: normal;
  padding: 12px 0px 12px 10px;
  vertical-align: middle;
  height: 50px;
}
.listing-table .listing-table-data td {
  padding: 12px 10px 10px 10px;
}
.listing-table .listing-table-data td:first-child {
  padding-left: 30px;
}

/*.listing-table .listing-table-data th,
.listing-table .listing-table-data td{display:none;opacity:0;}*/
.listing-table .listing-table-data th.table-cell:last-child, .listing-table .listing-table-data td.table-cell:last-child {
  padding-right: 15px;
}
.listing-table .listing-table-data th.table-cell:first-child {
  border-radius: 4px 0 0 4px;
}
.listing-table .listing-table-data th.table-cell:last-child {
  border-radius: 0 4px 4px 0;
}
.listing-table .listing-table-data th.table-cell, .listing-table .listing-table-data td.table-cell {
  display: table-cell;
  white-space: nowrap;
}
.listing-table .listing-table-data th.eff, .listing-table .listing-table-data td.eff {
  opacity: 1;
  -webkit-transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.listing-table-wrap {
  padding: 0 15px;
}
.listing-table-data {
  display: block;
  overflow: auto;
}
_::-moz-svg-foreign-content, :root .listing-table th {
  height: 25px;
}
_::-moz-svg-foreign-content, :root .listing-table td {
  height: 26px;
}
_::-moz-svg-foreign-content, :root .listing-table .listing-table-fixed th {
  height: 25px;
}
_::-moz-svg-foreign-content, :root .listing-table .listing-table-fixed td {
  height: 25px;
}

/*.listing-table .listing-table-data th:first-child{width:300px;}
.listing-table .listing-table-data th:last-child,
.listing-table .listing-table-data td:last-child{padding-right:40px;}*/
.listing-table .listing-table-data td:first-child {

  /*padding-left:25px;*/

  position: relative;
}
.listing-table tbody tr.m-hover, .listing-table tbody tr.m-hover:hover {
  background-color: #f6f7f9;
}
.listing-table tbody tr.m-hover td, .listing-table tbody tr.m-hover:hover td {
  background-color: transparent;
}
.overflow-ellipsis {
  width: 10em;
  display: inline-block;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listing-table .icheckbox_minimal.disabled {
  opacity: 0.4;
}
.listing-table .listing-table-data th:first-child {
  width: 250px;
}
.listing-table .listing-table-data th:nth-child(6) {
  width: 10em;
}
.risk-status-bar .risk-status {
  position: relative;
  padding-left: 10px;
}
.risk-status td:first-child:before, .risk-status-bar .risk-status:before {
  content: "";
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 10px;
  right: auto;
  border: 4px solid transparent;
  height: 7px;
  width: 7px;
  border-radius: 5px;
  margin-top: -3px;
}
.risk-status.goAhead td:first-child:before, .risk-status-bar .risk-status.goAhead:before {
  border-color: #33a60b;
}
.risk-status.noRisk td:first-child:before, .risk-status-bar .risk-status.noRisk:before {
  border-color: #dbdbdb;
}
.risk-status.lowRisk td:first-child:before, .risk-status-bar .risk-status.lowRisk:before {
  border-color: #e9a002;
}
.risk-status.highRisk td:first-child:before, .risk-status-bar .risk-status.highRisk:before {
  border-color: #c60c02;
}
.risk-status.inProcess td:first-child:before, .risk-status-bar .risk-status.inProcess:before {
  border-color: #aaaaa9;
  border-width: 1px;
  height: 8px;
  width: 8px;
}
.risk-status-bar .risk-status:before {
  left: 6px;
}
.field-design > label {
  margin-bottom: 5px;
  display: inline-block;
}
.popup .field-design > label {
  margin-bottom: 0;
}
.table-bot .perPage-select .field {
  width: 50px;
}
.table-bot .perPage-select.field-label-left {
  padding-left: 72px;
}
.paggination .field-label-left > label.title {
  margin-left: -72px;
  width: 72px;
  padding-right: 3px;
  text-align: left;
}
.paggination .field-design {
  width: auto;
}
.paggination .field-label-left {
  padding-left: 80px;
}
.paggination .field-label-left > label.title {
  margin-left: -80px;
  width: 80px;
}
.paggination .field {
  width: 50px;
}
.paggination .type-button {
  margin-left: -1px;
}
.paggination-btn .type-button {
  color: #5a6d80;
}
.paggination .type-button.current {
  background-color: #ebeef2;
  color: #040609;
  cursor: default;
}
.paggination-btn .type-button.activate .ico, .paggination-btn .type-button.activate, .paggination-btn .type-button:first-child, .paggination-btn .type-button:last-child {
  color: #31373d;
}
.refund-slideover {

  /*overflow: hidden; */
  position: absolute;
  left: 110%;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 99;
  background-color: #fff;
  padding-bottom: 30px;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.refund-open .refund-slideover {
  left: 0;
  opacity: 1;
}
.listing {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.refund-open .listing {
  opacity: 0;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.if-refund-open, .refund-open .if-refund-closed {
  display: none;
}
.refund-open .if-refund-open {
  display: inline-block;
}
.table-title {
  margin: 20px 0 10px;
}
.table-type1, .table-type2 {
  width: 100%;
  word-break: break-all;
}
.table-type1 td:first-child {
  width: 30%;
  min-width: 125px;
}
.table-type1 td:last-child {
  width: 70%;
}
.table-type2 td li, .table-type1 td, .table-type2 td {
  padding: 5px 0;
  vertical-align: top;
}
.table-type2 td li {
  margin-left: 13px;
  list-style: none;
  position: relative;
}
.table-type2 td li:before {
  content: "\f111";
  font-family: FontAwesome, icomoon;
  font-size: .5em;
  margin: 5px 0 0 -14px;
  position: absolute;
}
.table-type2 th {
  position: relative;
  padding: 10px 0;
  font-weight: 400;
}
.table-type2 th:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: -100px;
  right: -100px;
  border-bottom: 1px solid #d5dbe4;
}

/*changed start*/
.daterangepicker .calendar-table {
  margin: 10px;
}
.daterangepicker.ltr {
  right: 0 !important;
}
.daterangepicker .ranges {
  float: none;
  clear: both;
  text-align: right;
}
.daterangepicker .ranges .applyBtn {
  background: #1abb9c;
  margin-right: 12px;
}
.daterangepicker .ranges .cancelBtn {
  background: #d3d6e4;
}
.daterangepicker .calendar.left .calendar-table, .daterangepicker .calendar.right .calendar-table {
  border: 1px solid #dce1e6;
}
.daterangepicker .calendar.left .daterangepicker_input, .daterangepicker .calendar.right .daterangepicker_input {
  margin: 10px;
  padding: 0;
}
.container-fluid .daterangepicker:before, .daterangepicker:after {
  display: none;
}
.container-fluid .datepicker-dropper .drop {
  width: 506px;
}
.container-fluid .daterangepicker.dropdown-menu {
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
  position: static;
}
.container-fluid .daterangepicker .calendar {

  /*width: -webkit-calc(100% - 15px);
  width: -moz-calc(100% - 15px);
  width: -o-calc(100% - 15px);
  width: calc(100% - 15px);*/
  max-width: 237px;
  max-width: 258px;
}
.container-fluid .daterangepicker .calendar .input-mini {
  padding: 0 0 0 7px;
}
.container-fluid .daterangepicker .calendar.left, .container-fluid .daterangepicker .calendar {
  margin: 0 10px;
}
.container-fluid .daterangepicker .calendar.right .calendar-table, .container-fluid .daterangepicker .calendar.left .calendar-table, .container-fluid .daterangepicker .calendar-table {
  border: 1px solid #dce1e6;
}
.container-fluid .daterangepicker, .container-fluid .daterangepicker .input-mini.active, .container-fluid .daterangepicker td, .container-fluid .daterangepicker th, .container-fluid .daterangepicker td.start-date, .container-fluid .daterangepicker td.end-date, .container-fluid .daterangepicker td.start-date.end-date, .container-fluid .daterangepicker .calendar-table, .container-fluid .daterangepicker .input-mini {
  border-radius: 0;
}
.container-fluid .daterangepicker td, .daterangepicker th {
  height: 25px;
}
.container-fluid .daterangepicker .input-mini {
  border: 1px solid #dce1e6 !important;
}
.container-fluid .daterangepicker .calendar-table {
  margin-top: 5px;
}
.container-fluid .daterangepicker .ranges {
  float: right;
  margin: 10px 10px 0;
}
.container-fluid .daterangepicker .ranges .type-button {
  margin-left: 10px;
}
.container-fluid .daterangepicker .calendar.right .calendar-table, .daterangepicker .calendar.left .calendar-table {
  padding: 5px;
}
.container-fluid .daterangepicker .left .daterangepicker_input {
  padding: 0;
}
.container-fluid .daterangepicker .daterangepicker_input .field-design {
  display: inline-block;
  float: none;
}
.container-fluid .daterangepicker .daterangepicker_input .field-design.field-label-left {
  padding-left: 90px;
}
.container-fluid .daterangepicker .daterangepicker_input .field-design.field-label-left > label.title {
  margin-left: -90px;
  width: 90px;
  text-align: center;
}
.container-fluid .datepicker-dropper.datepicker-single .drop {
  width: auto;
}
.container-fluid .datepicker-drop-slide .daterangepicker .daterangepicker_input, .container-fluid .datepicker-single .datepicker-drop .daterangepicker .daterangepicker_input {
  display: none;
}

/*changed end*/
.show-tick.bootstrap-select.btn-group .dropdown-menu li a i.check-mark, .show-tick.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
  display: inline-block;
  position: absolute;
  left: 7px;
  right: auto;
  width: 15px;
  height: 15px;
  margin: 2px 0 0;
}
.show-tick .dropdown-menu > li > a {
  padding: 3px 7px 3px 30px;
}
.show-tick.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
  border: 1px solid #bbb;
}
.show-tick.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
  border-color: #479ccf;
}
.show-tick.bootstrap-select.btn-group .dropdown-menu li a i.check-mark:before, .show-tick.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark:before {
  content: "";
  background-image: url(../images/check-box-checked-2.png);
  background-position: 0 0;
  display: block;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  width: 13px;
  height: 13px;
  -webkit-transition: all .2s ease 0;
  -moz-transition: all .2s ease 0;
  -ms-transition: all .2s ease 0;
  -o-transition: all .2s ease 0;
  transition: all .2s ease 0;
}
.show-tick.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.cr-checkbox-theme1 span.cr-checkbox-inner:after {
  border: 1px solid #c4cedc;
  border-radius: 0px;
  height: 13px;
  width: 13px;
  top: 2px;
}
.cr-checkbox-theme1 span.cr-checkbox-inner:before {
  left: 1px;
  top: 3px;
  background-image: url("../images/check-box-checked-2.png");
  content: "";
  background-position: center center;
  height: 11px;
  width: 11px;
  border: 1px solid transparent;
}
label.cr-checkbox-outer.cr-checkbox-theme1 input[type="checkbox"]:checked + span.cr-checkbox-inner:after {
  border-color: #479ccf;
}
.payment_method .fatch_bill, .fatch_bill .payment_method {
  display: none;
}
.payment_method .payment_method, .fatch_bill .fatch_bill {
  display: inline-block;
}
.bill-amount-list .full-float.border:last-child {
  border: 0;
}
.bill-amount-list span.cr-checkbox-inner:after, .bill-amount-list span.cr-radio-inner:after {
  top: 5px;
  border-width: 1px;
}
.bill-amount-list span.cr-checkbox-inner:before, .bill-amount-list span.cr-radio-inner:before {
  top: 6px;
  left: 1px;
}
.bill-amount-list .full-float > .row .cr-checkbox-outer > input {
  margin-left: -25px;
}
.bill-amount-list .full-float > .row .cr-checkbox-outer {
  padding-left: 30px;
}
.navigationBar-hr {
    margin: -20px -20px 0px -20px;
    min-height: 68px;
    text-align: center;
    font-weight: 600;
}
.pageTitle-btn {
  height: 67px;
  line-height: 67px !important;
}
.complaints.navigationBar-hr a.navigationBarLink span.button-text {
  padding: 12px 15px 13px;
}
.transactions.navigationBar-hr a.navigationBarLink span.button-text {
  padding: 0 15px;
}
.complaints.navigationBar-hr a.navigationBarLink.active {
  background-color: #fff;
}
.complaints.navigationBar-hr a.navigationBarLink.active, .complaints.navigationBar-hr a.navigationBarLink:hover {
  color: #16a7e5;
}
.complaints.navigationBar-hr a.navigationBarLink.active:first-child {
  border-width: 0 1px 0 0;
}
.complaints.navigationBar-hr a.navigationBarLink.active:nth-child(2) {
  border-width: 0 1px 0;
}
.complaints.navigationBar-hr a.navigationBarLink {
  width: auto;
  color: #000000;
  font-size: 18px;
  float: left;
  border-width: 0px;
  margin-bottom: -1px;
}
.bbps-logo {
  max-width: 103px;
}
.pay_peceipt_print_page {
  max-width: 296px;
  background-color: #fff;
}
.pay_peceipt_print_page .semi-title-text, .pay_peceipt_print_page {
  font-size: 10px;
}
.pay_peceipt_print_page .bbps-logo {
  width: 112px;
  height: 30px;
  max-width: 100%;
}
.pay_peceipt_print_page td {
  padding: 5px;
}
.pay_peceipt_print_page table:nth-child(1) tr:nth-child(1) td {
  padding-top: 8px;
  padding-bottom: 9px;
}
.pay_peceipt_print_page table:last-child td:nth-child(2) {
  font-size: 11px;
  padding-left: 0;
}
.pay_peceipt_print_page table:last-child td {
  border-top: 1px solid #e5e9ee;
}
.pay_peceipt_print_page table:last-child tr:nth-child(odd) td {
  background-color: #efefef;
}
.login-bg {
    background-color: #243c7c;
}
.login-page .footer {
  bottom: 0;
  right: 0;
  left: 0;
  top: auto;
  position: fixed;
  text-align: center;
  background-color: #fff;
      z-index: 999;
}

/* img.newlogoooo {
      margin-left: 115px;
    margin-bottom: 21px;
} */

.login-page.content-bg {
  background-color: transparent;
  overflow: auto;
  overflow-x: hidden;
  background: url(../images/) no-repeat;
  width:100%;
  background-color: #243c7c;
  height: auto;
  
}

.images-dash {
        margin-top: -230px;
}
.login-page .field-design > label {
  margin-bottom: 0;
}
.login-page .field-design[class*="-size_md"] label.title {
  line-height: 15px;
}
.login-page .field-design label.title {
  font-size: 15px;
  height: 15px;
  position: relative;
}
.login-page .field-design label.title .eff {
  bottom: calc(-100% - 5px);
  position: absolute;
}
.login-page .field-design.focused label.title .eff {
  bottom: 0;
  font-size: 13px;
}
.login-page .field-design input {
  position: relative;
  z-index: 1;
  background-color: transparent;
  color: #000000;
  font-size: 18px;
  padding-left: 0;
}
.login-page .bootstrap-select.btn-group .btn .filter-option {
  margin-left: 0;
}
.login-page .field-design label.title .eff {
  -webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.login-page.forgotPass-msg .login, .login-page.forgotPass-msg .forgotPass, .login-page.forgotPass-msg .resetPass, .login-page.forgotPass .login, .login-page.forgotPass .forgotPass-msg, .login-page.forgotPass .resetPass, .login-page.resetPass .forgotPass, .login-page.resetPass .forgotPass-msg, .login-page.resetPass .login, .login-page.login .forgotPass, .login-page.login .forgotPass-msg, .login-page.login .resetPass {
  display: none;
}
.login-page.forgotPass .forgotPass, .login-page.forgotPass-msg .forgotPass-msg, .login-page.resetPass .resetPass, .login-page.login .login {
  display: block;
}

/*#customer_info-popup{max-width:520px;}
.login-page{background-color:#fff;}
.login-popup{max-width:321px;display: inline-block;box-shadow: unset;}
.login-popup .popup-header{padding:12px 20px;min-height:0;}

.login-page{overflow:auto;}
.login-page .form-header a.type-button{color:#808080;border-width:2px;}

.login-page .form-header a.type-button.active,
.login-page.login a.type-button.login-btn,
.login-page.signup a.type-button.signup-btn{color:#007fbd;border-color:#007fbd;}

.login-page.forgotPass .not-forgotPass,
.login-page.forgotPass .login,
.login-page.forgotPass .signup,
.login-page.signup .login,
.login-page.signup .forgotPass,
.login-page.login .signup,
.login-page.login .forgotPass{display:none;}

.login-page.forgotPass .forgotPass,
.login-page.signup .not-forgotPass,
.login-page.login .not-forgotPass,
.login-page.signup .signup,
.login-page.login .login{display:block;}

.login-page .field-design > label{margin-bottom:0;}
.login-page .field-design[class*="-size_md"] label.title{line-height:15px;}

.login-page .field-design label.title {font-size: 15px;height: 15px;position: relative;}
.login-page .field-design label.title .eff {bottom: calc(-100% - 5px);position: absolute;}
.login-page .field-design.focused label.title .eff {bottom: 0;font-size:13px;}
.login-page .field-design input{position:relative;z-index:1;background-color:transparent;color:#000000;font-size:17px;padding-left:0;}
.login-page .bootstrap-select.btn-group .btn .filter-option{margin-left:0;}

.login-page .field-design label.title .eff{
-webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1); 
-webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
 -moz-transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
 -o-transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
 -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
 -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);}

.login-page .field-design[class*="-size_md"] .type-button,
.login-page .field-design[class*="-size_md"] .ico:before,
.login-page .field-design[class*="-size_md"] .ico {line-height: 26px;}  
.login-page .field-design input[type="password"] {padding: 4px 7px 3px;}    */

/*settlements page 02/04/2018*/
.deposite-balance-wrapper {
  text-align: center;
}
.deposite-balance-wrapper .deposite-balance {
  margin: 20px auto 0px;
  padding: 12px 30px;
  display: inline-block;
  border: 1px solid #22a7f4;
  border-radius: 30px;
}
.deposite-balance-wrapper .deposite-balance label {
  font-size: 18px;
  color: #000;
  margin-right: 10px;
}
.deposite-balance-wrapper .deposite-balance span {
  display: inline-block;
  color: #0687d2;
  font-size: 18px;
}
.deposit-list {
  padding: 0 15px 15px;
}
.deposit-list h4 {
  font-size: 15px;
  color: #000;
  color: #363636;
  padding-top: 6px;
}
.deposit-list .list-head h4 {
  padding: 10px;
  background-color: #ecf2f5;
}
.deposit-list h4:first-child {
  padding-left: 50px;
}
.deposit-list .list-data {
  margin-top: 25px;
  padding-bottom: 35px;
  border-bottom: 1px solid #dae0e4;
}
.deposit-list .success {
  color: #179909;
}
.deposit-list .failed {
  color: #d93300;
}
.deposit-list .list-data .data > span {
  display: table-cell;
  position: relative;
}
.deposit-list .list-data .data > span::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: -2px;
  left: 8px;
}
.deposit-list .list-data .data > span.up::after {
  background: url(../images/up.png) no-repeat;
  background-position: top right;
}
.deposit-list .list-data .data > span.down::after {
  background: url(../images/down.png) no-repeat;
  background-position: top right;
}
.deposit-list .list-data .data > span.plus::after {
  background: url(../images/plus.png) no-repeat;
  background-position: top right;
}
.deposit-list .list-data .data > span.minus::after {
  background: url(../images/minus.png) no-repeat;
  background-position: top right;
}
.deposit-list .list-data .data > ul {
  display: table-cell;
  vertical-align: top;
  padding-top: 6px;
  list-style: none;
  padding-left: 10px;
}
.deposit-list .list-data .data > ul li {
  font-size: 15px;
}
.deposit-list .list-data .data > ul li strong {
  font-family: 'calibri';
  color: #000;
  display: inline-block;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
.deposit-list .list-data .data > ul li span {
  color: #5d646c;
  font-size: 15px;
  line-height: 22px;
}
.deposit-list .list-head [class*="col-"] {
  padding: 0;
}

/*account info*/
.account-info-data .single-data {
  padding: 0px 20px 0;
}
.account-info-data .single-data .data-title {
  padding: 0 0 8px;
  border-bottom: 1px solid #dae0e4;
}
.account-info-data .single-data .data-title h4 {
  font-size: 18px;
  color: #000;
}
.account-info-data .single-data .data-title span {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 12px;
}
.account-info-data .single-data .details-list {
  margin-top: 25px;
}
.account-info-data .single-data .details-list table tr td {
  font-size: 14px;
  padding-bottom: 12px;
  color: #5d646c;
  display: inline-block;
}
.account-info-data .single-data .details-list table tr td{
  width: 12%;
}
.account-info-data .single-data .details-list table tr td span {
  color: #000;
}

/*dashboard page 23/04/2018*/
.deposit-balance {
  padding: 20px;
  color: #2c343f;
}
.deposit-balance img, .deposit-balance span, .deposit-balance strong {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.deposit-balance img:first-child {
  margin-right: 10px;
}
.deposit-balance span {
  font-size: 18px;
  margin-right: 5px;
}
.deposit-balance strong {
  font-size: 26px;
  font-weight: 600;
}
.filter-graph {
  padding: 20px;
}
.filter-graph .graph-nav .filter-link {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
  color: #000;
  line-height: 44px;
  padding: 0 30px;
  border: 1px solid #dae0e4;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.4s;
}
.filter-graph .graph-nav .filter-link input[name="daterange"] {
  border: 0;
  width: 100%;
  background: transparent;
  margin-bottom: 0;
  cursor: pointer;
}
.filter-graph .graph-nav .filter-link:last-child {
  margin-right: 0;
}
.filter-graph .graph-nav .filter-link.active, .filter-graph .graph-nav .filter-link:hover {
  background: #00b9f5;
  color: #fff;
  border-color: #00b9f5;
  transition: all 0.4s;
}
.filter-graph .graph-detail {
  margin-top: 30px;
}
.filter-graph .graph-detail .graph-div {
  padding: 20px;
  border: 1px solid #e9e9e9;
}
.filter-graph .graph-detail .graph-div h4 {
  font-size: 22px;
  color: #4c4c4c;
  margin: 0;
}
.filter-graph .graph-detail .other-bill-details .fetch-paid {
  margin-bottom: 20px;
}
.filter-graph .graph-detail .other-bill-details .fetch-paid ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 0;
}
.filter-graph .graph-detail .other-bill-details .fetch-paid ul li {
  display: inline-block;
  width: 50%;
  border: 1px solid #e0e0e0;
  padding: 20px;
  font-size: 14px;
  color: #808080;
  text-transform: uppercase;
}
.filter-graph .graph-detail .other-bill-details .fetch-paid ul li label {
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 4px;
}
.filter-graph .graph-detail .other-bill-details .fetch-paid ul li span {
  display: block;
  font-size: 22px;
  font-weight: 600;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 0;
  margin-top: 10px;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers .icon {
  display: inline-block;
  padding: 25px;
  vertical-align: top;
  height: 100%;
  text-align: center;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers .icon img {
  display: inline-block;
  vertical-align: middle;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers.tsuccess {
  background: #71cddd;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers.tsuccess .icon {
  background: #60baca;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers.tfail {
  background: #d89090;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers.tfail .icon {
  background: #c97979;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers.treverse {
  background: #8dcd76;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers.treverse .icon {
  background: #77b95f;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers .number {
  display: inline-block;
  padding: 20px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers .number label {
  font-weight: normal;
  line-height: 20px;
}
.filter-graph .graph-detail .other-bill-details .detailed-numbers .number span {
  display: block;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 4px;
}
.deposite-balance-wrapper + .col-lg-12 {
  position: relative;
  z-index: 2;
}
.complaint-list {
  display: none;
}
.complaint-list .listing-table .listing-table-data td:first-child {
  padding: 12px 0px 10px 10px;
}





.heading h4 {
    background-color: #edeff5;
    padding: 4px;
    color: #000;
    font-weight: 601;
    font-size: 21px;
    text-align: center;
    text-transform: uppercase;
}


.headingaccount h4 {
    color: #000;
    font-weight: 601;
    font-size: 30px;
}
/* .aeps h4 {
    background-color: #243c7b;
    padding: 13px;
    border-radius: 7px;
    color: #fff;
    font-weight: 601;
    font-size: 21px;
    text-align: center;
    text-transform: uppercase;
} */



@media screen and (max-width: 991px) {
 	.marquenew{
 		margin-top:250px;"
 	}
 
}


.btn-info {
	border: none;
}


input#custParam {
    border: none;
}

.headingrecharge{
	color: #fff; 
	background: #243c7b; 
	padding: 10px; 
	font-weight: 600; 
	box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
 
.mobileheading tr th {
    text-align: center;
    background-color: #243c7b;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}
.mobileheadings tr th{
	text-align: center;
   
    color: #000;
    font-weight: 600;
    
}
	
 .mobileheadingss{
	
      background-color: #0ce9e0;
   
  }
    
.mobileheadingss tr th{
	text-align: center;
      background-color: #0ce9e0;
    color: #000;
    
    
}


.mobilenetwork tr td {
    text-align: center;
}

.note {
    text-align: center;
    color: #000;
}


/*page not found*/
.page-not-found {
  padding: 80px 20px;
  text-align: center;
}
.page-not-found .data h4 {
  font-size: 25px;
  color: #5d646c;
  display: inline-block;
  margin-bottom: 15px;
  padding-bottom: 18px;
  position: relative;
}
.page-not-found .data p {
  color: #5d646c;
  font-size: 16px;
  line-height: 18px;
}
.page-not-found .data {
  margin-top: 20px;
}
.page-not-found .data h4:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 78px;
  height: 4px;
  background: #00b9f5;
  border-radius: 5px;
}
.filter-graph .graph-nav .filter-link input#apply {
  height: 0px;    /* display: none; */
  line-height: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.loading {
	z-index: 9999999999999!important;
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 8;
  background: rgb(255, 255, 255);
}
.semi-title-text-inner {
  font-size: 14px;
}
.loading .logo {
  margin-bottom: 12px;
}
.loading h2 {
  font-size: 18px;
  font-weight: bold;
}
.loading span {
  font-size: 14px;
}
.loading {
  background-image: none;
  text-align: center;
}
.loading .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard .container-fluid .datepicker-dropper.datepicker-single .drop , .transactions .container-fluid .datepicker-dropper.datepicker-single .drop {
  width: 530px !important;
}
.drp-buttons .drp-selected {
  display: none;
}
.daterangepicker .drp-buttons .btn.applyBtn {
  background: #1abb9c;
  margin-right: 12px;
  color: #fff;
  font-weight: normal;
}
.daterangepicker .drp-buttons .btn.cancelBtn {
  background: #d3d6e4;
  font-weight: normal;
  float: right;
}
.container-fluid .daterangepicker .ranges {
  display: none;
}
.field-design[class*="-size_lg"] .daterangepicker select {
  height: 24px;
  border: 1px solid #000;
  margin: 1px;
}

.fieldh
{
	border: none;
	text-align: center;
}

.info-color-dark {
    background: red;
    padding:10px;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
.mand
{
	color: red;
}


.alert-success
{
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/* .error-msg
{
	padding: 10px;
} */

.customerParam
{
	background: #fff;
}


input[readonly] {
  pointer-events: none;
}

#billFetchPayForm,#hiddenForm
{
	display: none;
}
.paddingTBR_only
{
	color:#FFF;
	background-color: #253d7c;
}

.retailerlogin

{
	color: red;
	padding-top: 10px;
	
}

.title-bg
{
	color: #fff ;
    background: #243c7b ;
}


/* Login page*/

.login-page.satya-content-bg{
    background-color: transparent;
  overflow: auto;
  overflow-x: hidden;
  background: url(../images/) no-repeat;
  width:100%;
 /*  background-color: #FED9C9; */
  height: 100%;
}

.satya-line-text{
    color: #EA5906;
}

.satya-theme.satya-type-button, .satya-theme.satya-type-button:hover, .satya-theme.satya-type-button:focus, .satya-theme.satya-type-button:active {
  background-color: #fed9c9;
}

.satya-theme.satya-type-button {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
}

 a.satyalink{
    color: #017F38;
} 
span.button-text.font18.satya-dslogin a {
    color: #017f38;
}

.satya-theme.type-button.field-border {
  border-color: #fed9c9 !important;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
 
}
.satya-mad{
    color: #ea5906;
}

.fortiesnav
{
	background:#00a951;
}

.subMenuIcon{
    margin: 5% 0 0 -44px;
    width: 28px;
    float: left;
}