@charset "UTF-8";

/******************wrappers****************/
.appwrapper {}

.appheader {
  background: #D02128;
  background: linear-gradient(90deg, rgb(208, 33, 40) 40%, rgb(34, 60, 119) 100%);
  box-shadow: -1px 1px 3px #888;
  padding: 16px;
  transition: all 0.4s ease 0s;
} 

.bodywrapper {}

.contentwrap {
  height: calc(100% - 40px);
  padding-left: 220px;
  transition: all 0.4s ease 0s;
  z-index: 1;
}

.landingcontentwrap {
  height: 100%;
  width: 100%;
}

/* special view for mailbox etc., */

.subnav {
  float: left;
  left: 0px;
  background: #f5f5f5;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: all 0.4s ease 0s;
  z-index: -1;
  width: 220px;
  /*padding-right: 20px;*/
}

.footerwrap {
  background: #D02128;
  background: linear-gradient(90deg, rgb(208, 33, 40) 40%, rgb(34, 60, 119) 100%);
  font-size: 14px;
  height: 60px;
  left: 0;
  color: #fff;
  line-height: 60px;
  padding: 0 10px;
  position: absolute;
  width: 100%;
}

/* style for module header */
.moduleheader {
  height: 46px;
  background: #233c76;
  padding: 0px 10px;
  position: relative;
  z-index: 3;
  box-shadow: inset 0 -8px 9px 0px #112145;
  display: flex;
  align-items: center;
}

.moduleheader h3 {
  font-weight: 400;
  margin: 0px;
  font-size: 20px;
  color: #fff;
  padding: 4px;
}

.moduleheader h3 span.ico {
  margin-top: -6px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-size: 20px 20px;
  vertical-align: middle;
  margin-right: 5px;
}

.moduleheader_hold {
  margin-top: 7px;
}

.moduleheader_hold .btn {
  margin-top: -8px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
  line-height: 9px;
}

.moduleheader_hold .btn .fa {
  font-size: 18px;
}

.moduleheader_hold .shownav {
  margin-right: 10px;
}

/*common header */
.common_header {
  height: 41px;
  background: #efefef;
  width: 100%;
}

.common_contentwrap {
  background: #fff;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  transition: all 0.4s ease 0s;
}

/* header styles */
.appheader h1 {
  margin: 0;
  width: 200px;
}

.appheader h1 span {
  background: url(/Corporate/themes/images/brand/logo-cbc4910bba85e5d725a0b10dd78445c8.svg) no-repeat 0px 5px;
  background-size: 135px auto;
  height: 49px;
  display: block;
  text-indent: -999px;
  overflow: hidden;
}

.header_cntrl {
  height: 49px;
  vertical-align: middle;
}

.header_cntrl .btn,
.header_cntrl .user_profile {
  margin-top: 0px;
  margin-right: 5px;
  margin-left: 5px;
  position: relative;
}

/*.header_cntrl > .btn:last-child{margin-right:0px;border:soild 3px #333}*/
.header_cntrl .btn.hasbadge .badge {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #d9534f;
  color: #fff;
}

.header_cntrl .user_profile a .user_image,
.header_cntrl .user_profile a.profile-capsule .user_image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
}

/* Profile capsule alignment inside header */
.header_cntrl .user_profile {
  display: flex;
  align-items: center;
  height: 49px;
}

.header_cntrl .user_profile a.profile-capsule {
  display: flex !important;
  align-items: center;
  height: 42px;
  padding: 3px 15px 3px 3px;
  background: rgba(255, 255, 255, 1);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  border-radius: 25px;
  gap: 10px;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.header_cntrl .user_profile a.profile-capsule .profile-name {
  font-size: 14px;
  line-height: 1.2;
}

.header_cntrl .user_profile a.profile-capsule .role-badge {
  font-size: 11px;
}

/* Co - Branding Style */
.corp_nme {}

.corp_nme span {
  margin-right: 5px;
  margin-left: 5px;
  display: block;
}

.corp_nme img {
  float: right;
  width: 50px;
  height: 50px;
}

.user_profile .dropbox:before {
  color: #fff;
  content: "\f0d8";
  position: absolute;
  font-family: FontAwesome;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -22px;
  right: 10px;
  text-shadow: 0px -1px #ccc;
  font-size: 26px;
}

.user_profile>.dropdown-menu {
  top: 52px !important;
  right: 0 !important;
  left: auto !important;
  padding: 0px;
  border-radius: 30px;
  animation-duration: 0.7s;
  animation-fill-mode: both;
  animation-name: flipInY;
}

.user_profile .dropdown-menu .dropbox {
  width: 299px;
  position: relative;
}

.user_profile .dropdown-menu .dropbox .list-group {
  margin: 0px;
}
  .list-group-item {
    border-radius: 16px;
  }


.user_profile .dropdown-menu .urser_image_lg {
  height: 96px;
  width: 96px;
  position: relative;
}

.user_profile .dropdown-menu .urser_image_lg img {
  height: 96px;
  width: 96px;
}

.user_profile .dropdown-menu .urser_image_lg span {
  display: block;
  padding: 4px 0px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: absolute;
  bottom: 0px;
  color: #fff;
  font-size: 80%;
}

.dropbox .list-group .list-logout {
  background: #ce181e;
}

.dropbox .list-group .list-logout {
  color: #fff;
}

.user_profile .dropdown-menu .dropbox .list-group .list-group-item:first-child {
  border-top: none;
}

.apphome_btn {
  padding: 5px 8px 5px 5px;
  height: auto;
  display: inline-block;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  position: relative;
  color: #65a500;
  border-radius: 4px;
}

.apphome_btn.active {
  color: #022C47;
  background: #fff;
}
.apphome_btn.active:hover {
  color: #022C47;
  background: #fff;
  text-decoration: none;
}

.apphome_btn.active:after {
  color: #eee;
  content: "\f0d7";
  position: absolute;
  font-family: FontAwesome;
  position: absolute;
  width: 15px;
  height: 10px;
  bottom: -9px;
  right: 45%;
  text-shadow: 0px 1px #ccc;
  font-size: 26px;
  line-height: 8px;
  overflow: hidden;
}

.apphome_btn.active i {
  color: #ce181e;
}

/* sub navigation */
.subnav ul {
  margin: 0px;
  padding: 0px;
}

.subnav ul li {
  /*width: 200px;*/
  list-style: none;
  padding-left: 6%;
  position: relative;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #e4e4e4;
  border-left: 5px solid transparent;
  padding-right: 5px;
}

.subnav ul li:first-child {
  border-top: 0px;
}

.subnav ul li.active {
  background: #dee2e3;
  border-left: 5px #ce181e solid;
  border-top-color: #dee2e3;
}

.subnav ul li.active a {
  color: #ce181e;
}

.subnav ul li a {
  display: block;
  color: #00377a;
  padding: 7px 2px;
  text-decoration: none;
}

.subnav ul li a:hover {
  color: #ce181e;
}

.subnav ul li .badge {
  text-shadow: none;
}

.subnav ul li .photo {
  background: #eeeeee;
  border-radius: 19px;
  display: table-cell;
  height: 40px;
  overflow: hidden;
}

.subnav ul li .photo img {
  height: 40px;
  width: 40px;
}

.subnav ul li p {
  margin: 0px;
}

.subnav ul li p.small {
  color: #888;
}

.subnav ul li .nme {
  display: table-cell;
  padding-left: 4px;
  vertical-align: middle;
}

.subnav ul li p.amt .num {
  font-size: 1.2em;
  color: #419b0f;
}

.subnav ul li p.amt .cur {
  margin-right: 3px;
  color: #666;
  font-size: 80%;
}

.subnav .singlelist ul li a {
  padding: 14px 2px;
}

.subnav .singlelist ul li ul li {
  padding-left: 0px;
  border: none;
}

.subnav ul li ul {
  margin: 0;
  padding: 0;
  background: #f5f5f5;
}

.subnav .singlelist ul li ul li a {
  color: #75798b;
  font-size: 13px;
  padding: 5px 14px 5px 10px !important;
  border-radius-left-top: 10px;
}

.subnav .singlelist ul li ul li.active a {
  color: #d9534f !important;
}

/*********************APP widget ***************/
.app_widget {
  background: #fff;
  color: #fff;
  padding: 5px;
  box-sizing: padding-box;
  height: 150px;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 3px;
  /*box-shadow: 0px 0px 1px #a2a8a9 inset;*/
}

.app_widget a {
  text-decoration: none;
}

.app_widget .row {
  margin: 0 -5px;
  position: relative;
  padding-top: 20px;
  height: 120px;
}

.app_widget .row .info {
  padding: 0px 5px;
}

.app_widget h4 {
  background: #ce181e;
  margin: -5px -5px 0;
  font-weight: 400;
  padding: 3px 4px;
}

.app_widget .ico {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0px;
  opacity: 1;
  background-size: 80px 80px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-filter: invert(10%);
  -moz-filter: invert(10%);
  -o-filter: invert(10%);
  -ms-filter: invert(10%);
  filter: invert(10%);
}

.app_widget .date {
  position: absolute;
  width: 142px;
  display: inline-block;
  padding: 0 5px;
  background: rgba(0, 0, 0, 0.1);
  color: #2f353f;
  margin-top: -20px;
  margin-left: -5px;
  border-bottom-right-radius: 20px;
}

.app_widget .date .yy {
  font-size: 10px;
}

.app_widget .date .time {
  font-size: 10px;
}

.app_widget .options {
  color: #fff;
  display: inline-block;
  margin-top: -26px;
  padding: 4px;
  text-align: center;
  width: 23px;
}

.app_widget .options span {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
}

.app_widget p.hd {
  margin: 0px;
  color: #7d838d;
}

.app_widget p.lead {
  margin: 0px;
  color: #2f353f;
}

.app_widget p {
  color: #2f353f;
}

.app_widget.accounts {
  background: #fff;
}

.app_widget.accounts .ico {
  background-image: url(/Corporate/themes/images/common/accounts-de7b79ce4c2d46e197c24a1b27107baa.png);
}

.app_widget.forecast {
  background: #fff;
}

.app_widget.forecast .ico {
  background-image: url(/Corporate/themes/images/common/forecast-8700cc056b27305ee66270963db75232.png);
}

.app_widget.trade {
  background: #fff;
}

.app_widget.trade .ico {
  background-image: url(/Corporate/themes/images/common/trade-f36ff8e0131e34b96e94b959e9f6345b.png);
}

.app_widget.admin {
  background: #fff;
}

.app_widget.admin .ico {
  background-image: url(/Corporate/themes/images/common/admin-0393b567fec1c4a2b271eaae2d37183d.png);
}

.app_widget.payments {
  background: #fff;
}

.app_widget.payments .ico {
  background-image: url(/Corporate/themes/images/common/payments-222cf87b15b32499b29571838c33ff90.png);
}

.app_widget.loans {
  background: #fff;
}

.app_widget.loans .ico {
  background-image: url(/Corporate/themes/images/common/loans-117759aed0948e134b45867a53a9a46c.png);
}

.app_widget.receivables {
  background: #fff;
}

.app_widget.receivables .ico {
  background-image: url(/Corporate/themes/images/common/receivables-74d873c3351cb4c3be4734bb75f22b3f.png);
}

.app_widget.liquidity {
  background: #fff;
}

.app_widget.liquidity .ico {
  background-image: url(/Corporate/themes/images/common/liquidity-f817891ae2e8cc32ad6704b2ceef7be4.png);
}

.app_widget.forex {
  background: #fff;
}

.app_widget.forex .ico {
  background-image: url(/Corporate/themes/images/common/forex-8623292cf465c0b31b48d64d1594f5e2.png);
}

.app_widget.creditcards {
  background: #fff;
}

.app_widget.creditcards .ico {
  background-image: url(/Corporate/themes/images/common/creditcards-ff9a0a7d55fb2b03462adf6fe5163b99.png);
}

.app_widget.limits {
  background: #f6f6f6;
}

.app_widget.limits .ico {
  background-image: url(/Corporate/themes/images/common/creditcards-ff9a0a7d55fb2b03462adf6fe5163b99.png);
}

.app_widget.gst {
  background: #fff;
}

.app_widget.gst .ico {
  background-image: url(/Corporate/themes/images/common/gst-6609e06cfdb8459518236b4060972bed.png);
}

.app_widget.sadad {
  background: #f6f6f6;
}

.app_widget.sadad .ico {
  background-image: url(/Corporate/themes/images/common/sadad-f4e38176d30c0951de9a9b9c9623bed7.png);
}

.app_widget.moi {
  background: #f6f6f6;
}

.app_widget.moi .ico {
  background-image: url(/Corporate/themes/images/common/moi-06d315abca3b975d3cb4768f7014809c.png);
}

.app_widget.intrest {
  background: #fff;
}

.app_widget.intrest .ico {
  background-image: url(/Corporate/themes/images/common/Interest-Rate-e21f1fe9112f013b7633934a2fe562e6.png);
}

/************ app icon specific style ***************/
.app.app_widget {
  height: 178px;
  padding: 0px;
}

.app.app_widget h4 {
  background: rgba(0, 0, 0, 0.2);
  padding: 11px 2px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
  margin: 0;
}

.app.app_widget .ico {
  background-size: 100px 100px;
  display: block;
  height: 100px;
  margin: 40px auto 5px;
  opacity: 1;
  position: relative;
  width: 100px;
}

.app.app_widget .btn {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.progress-bar-wrap {
  background: rgba(0, 0, 0, 0.6);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  margin: 1px;
  padding: 65px 10px;
  bottom: 20px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  height: 100%;
  text-align: center;
}

.progress-bar-wrap .progress {
  height: 10px;
}

/*******  App Widget Extended ********/

.app_widget.for_gst {
  background: #fff;
  color: #fff;
  padding: 5px;
  box-sizing: padding-box;
  height: 150px;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0px 0px 1px #a2a8a9 inset;
}

/************* Footer styles ******************/
.footerwrap .copyrights {
  color: #fff;
  font-size: 12px;
  margin: 0px 10px;
}

.footerwrap .userfullLinks {
  margin-left: 10px;
}

.footerwrap .userfullLinks a {
  color: #fff;
  font-size: 12px;
  padding: 6px 0px;
}

.footerwrap .userfullLinks a:after {
  content: "|";
  margin-left: 5px;
}

/***************** Icons normal *************************/
.moduleheader h3 span.accounts {
  background-image: url(/Corporate/themes/images/common/accounts-de7b79ce4c2d46e197c24a1b27107baa.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.payments {
  background-image: url(/Corporate/themes/images/common/payments-222cf87b15b32499b29571838c33ff90.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.admin {
  background-image: url(/Corporate/themes/images/common/admin-0393b567fec1c4a2b271eaae2d37183d.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.trade {
  background-image: url(/Corporate/themes/images/common/trade-f36ff8e0131e34b96e94b959e9f6345b.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.loans {
  background-image: url(/Corporate/themes/images/common/loans-117759aed0948e134b45867a53a9a46c.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.receivable {
  background-image: url(/Corporate/themes/images/common/receivables-74d873c3351cb4c3be4734bb75f22b3f.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.forecast {
  background-image: url(/Corporate/themes/images/common/forecast-8700cc056b27305ee66270963db75232.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.liquidity {
  background-image: url(/Corporate/themes/images/common/liquidity-f817891ae2e8cc32ad6704b2ceef7be4.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.admin {
  background-image: url(/Corporate/themes/images/common/admin-0393b567fec1c4a2b271eaae2d37183d.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.forex {
  background-image: url(/Corporate/themes/images/common/forex-8623292cf465c0b31b48d64d1594f5e2.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.creditcard {
  background-image: url(/Corporate/themes/images/common/creditcards-ff9a0a7d55fb2b03462adf6fe5163b99.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.limits {
  background-image: url(/Corporate/themes/images/common/limits-ff9a0a7d55fb2b03462adf6fe5163b99.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.gst {
  background-image: url(/Corporate/themes/images/common/gst-6609e06cfdb8459518236b4060972bed.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.sadad {
  background-image: url(/Corporate/themes/images/common/sadad-f4e38176d30c0951de9a9b9c9623bed7.png);
  background-repeat: no-repeat;
}

.moduleheader h3 span.moi {
  background-image: url(/Corporate/themes/images/common/moi-06d315abca3b975d3cb4768f7014809c.png);
  background-repeat: no-repeat;
}

/*************** common page styles **********************/
.module-title {
  font-size: 24px;
  letter-spacing: -1px;
}

.well-in-well {
  background: #fff;
}

.jqstooltip {
  /* fix for sparkline chart tooltip */
  width: auto !important;
  height: auto !important;
}

.amt-pos {
  color: #3c763d;
}

.amt-neg {
  color: #a94442;
}

.semi-bold {
  font-weight: 400;
}

.lead .small {
  font-size: 70%;
}

.panel-heading.tab-holer {
  padding: 0px;
  border-bottom: 0px;
  height: 41px;
}

/*.panel-heading.tab-holer{padding:0px;border-bottom:0px; height :41px; width:200px;  overflow-x: auto;
    overflow-y: hidden;  -webkit-overflow-scrolling: touch;}
.panel-heading.tab-holer .nav-tabs{display: table; width:100%;}
.panel-heading.tab-holer .nav-tabs li{display:table-cell; text-align:center; float:none; white-space:nowrap;}*/
/*************** Account styles **********************/
.total-pos {
  margin-top: 3px;
  margin-bottom: 3px;
}

.total-neg {
  margin-top: 3px;
  margin-bottom: 3px;
}

.summary-box {
  position: relative;
}

.summary-box:hover {
  border: 1px solid #66afe9;
  -webkit-box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0 0 8px #66afe9;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0 0 8px #66afe9;
  -webkit-transition:
    border linear 0.2s,
    box-shadow linear 0.2s;
  -o-transition:
    border linear 0.2s,
    box-shadow linear 0.2s;
  transition:
    border linear 0.2s,
    box-shadow linear 0.2s;
}

.summary-box .nick,
.summary-box .tags {
  margin-bottom: 0px;
}

.summary-box .alias {}

.summary-box .amt-pos {
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-bottom: 2px;
}

.summary-box .amt-neg {
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-bottom: 2px;
}

.summary-box a {
  color: #333;
  text-decoration: none;
  display: block;
  width: 100%;
}

/*.inlinegraph{ display:inline-block; position:absolute; right:0px; bottom:0px;opacity:0.8;}*/
.inlinegraph {
  display: block;
  opacity: 0.8;
}

.summary-acc-fav {
  position: absolute;
  right: 5px;
  top: 0px;
  z-index: 1;
}

.accStmt_mobile {}

.accStmt_mobile ul li {
  padding: 4px;
}

.accStmt_mobile ul li p {
  margin-bottom: 0px;
}

.accStmt_mobile ul li p .cur {
  padding-right: 4px;
  font-size: 80%;
}

.accStmt_mobile ul li p.amt .type {
  font-size: 12px;
  font-weight: bold;
}

/**************** Icons 2x *******************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {}

/***************************** At portrait view************/
@media (max-width: 840px) {
  .titleBar h4 {
    display: block !important;
  }

  .titleBar h4 small {
    display: block !important;
  }

  .appheader {
    box-shadow: 2px 1px 2px #888;
    transition: all 0.4s ease 0s;
  }

  .subnav {
    left: -220px;
  }

  .mnuactive .subnav {
    left: 0px;
    z-index: 2;
  }

  .mnuactive .contentwrap.partview .subnav {
    margin-left: 60px;
    transition: all 0.4s ease 0s;
  }

  .contentwrap.partview {
    padding-left: 0px;
    transition: all 0.4s ease 0s;
  }

  .contentwrap {
    padding-left: 0;
  }

  /*.content{z-index: 0;}*/
  .mnuactive .subnav-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #333;
    opacity: 0.5;
    z-index: 1;
  }

  .appheader button.mnutoggle {
    display: block !important;
  }
}

@media (max-width: 670px) {
  .bodywrapper {
    bottom: 0px;
  }

  .header_cntrl .user_profile {
    margin-right: 0px;
  }

  .cust-chosen .chosen-single span {
    font-size: 16px;
  }
}

/*Custom Panel Styles */
.cust_panel {
  margin-bottom: 10px;
}

.cust_panel .panel-heading {
  padding: 10px;
  border-bottom: 0px;
}

.cust_panel .panel-title {
  font-size: 1em;
}

.cust_panel label {
  border: none;
  border-bottom: 2px #ccc solid;
  padding: 5px;
  margin: 0px;
}

.cust_panel .panel-body {
  padding: 0px;
}

.cust_panel .list-group label {
  width: 100%;
  display: inline-block;
}

.cust_panel .list-group.localTrans label {
  /*background:#ffffbe;*/
}

.cust_panel .list-group.withinShb label {
  /*background:#deffff;*/
}

.cust_panel .list-group.ownAcc label {
  /*background:#ffffd8;*/
}

.cust_panel .list-group.international label {
  /*background:#f2f2f2;*/
}

.cust_panel .list-group label.btn-primary {
  background: #ffffe4;
  border: none;
}

.cust_panel .list-group p.lbl {
  color: #666;
  font-size: 0.9em;
  display: inline-block;
}

.cust_panel .list-group span.ref {
  background: #ddd;
  border: 1px solid #bbb;
  border-radius: 5px !important;
  color: #222;
  display: inline;
  font-size: 0.79em;
  padding: 2px;
}

.cust_panel .list-group span.nme {
  color: #2d3e50;
  width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  /*display:inline-block;*/
  font-size: 1.1em;
}

.cust_panel .list-group a {
  color: #555;
  text-decoration: none;
}

.cust_panel .list-group .list-group-item .glyphicon {
  top: 15px;
}

.cust_panel .list-group p {
  margin: 0px;
  width: 92%;
  margin-bottom: 5px;
}

.cust_panel .list-group p .status {
  font-weight: bold;
  font-size: 0.9em;
}

.cust_panel.no-arr .list-group p {
  margin: 0px;
  width: 98%;
}

.cust_panel .list-group p small {
  color: #666;
}

.cust_panel .list-group p small.cur {
  color: #444;
  font-weight: bold;
  display: block;
  text-align: right;
}

.cust_panel .list-group .list-group-item p span.amt {
  font-size: 1.1em;
  color: #419b0f;
  font-weight: bold;
  position: relative;
  clear: right;
}

.list-group-item p span.amt .amtlbl {
  font-size: 70%;
  position: absolute;
  right: 0px;
  top: -10px;
  color: #666;
  font-weight: bold;
  white-space: nowrap;
}

.cust_panel .list-group .list-group-item {
  padding: 5px;
}

.cust_panel .list-group .overlay {
  color: #fff !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  text-align: center;
}

.cust_panel .list-group .overlay p {
  padding: 0px;
  width: 100%;
  position: absolute;
  top: 35%;
  /*transform:translateY(-50%);*/
}

.cust_panel .list-group .overlay p a {
  color: #fff;
}

.cust_panel .list-group .overlay .glyphicon {
  top: 0px;
}

.cust_panel .list-group .list-group-item.active p {
  color: #444;
}

.cust_panel .list-group label p.hilit {
  background: #ecf0f1;
  margin-top: 5px;
}

.cust_panel .list-group .list-group-item p span.amt span.cur {
  color: #444;
  font-weight: bold;
  font-size: 0.78em;
  padding-right: 4px;
}

.cust_panel .list-group .list-group-item .bene {
  margin: 0px 5px 5px 0px;
}

.cust_panel.form-control {
  padding: 0px;
  height: auto;
}

.cust_panel label input[type="radio"],
.selectHolder label input[type="radio"] {
  display: none;
}

/***history icon**/
.cust_panel .list-group .list-group-item .history {
  color: #ccc;
  display: none;
  text-align: center;
  outline: none;
  font-size: 16px;
  margin-top: 2px;
}

.cust_panel .list-group .list-group-item.active .history {
  display: block;
}

/***************Payment History ***************/
.trans {
  transition: all 0.4s ease 0s;
}

.phistory {
  border: 0px;
}

.phistory li {
  display: inline-block;
  width: 100%;
  padding: 2px 5px;
  border: 0px;
  border-bottom: solid 1px #efefef;
}

.phistory li .dte {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #999;
}

.summary-acc-fav {
  z-index: 1;
  margin: 0px;
}

.plimit li {
  border: 0px;
  border-bottom: solid 1px #efefef;
  margin-bottom: 0px;
  padding: 2px 5px;
}

.plimit li .amt-pos {
  margin-bottom: 6px;
}

/* Custom Tab */
.cust_tab .tab-content {
  margin-top: -1px;
}

.cust_tab .nav-tabs {
  border-bottom: 0;
}

/* Secure Image */
.secureImg {
  float: left;
  margin: 0 0 0 15px;
  position: relative;
  cursor: pointer;
}

.secureImg .control {
  top: -32px;
  left: 5px;
}

.secureImg .control--radio .control__indicator {
  border-radius: 10%;
}

.secureImg .control--radio .control__indicator:after {
  top: -1px;
  left: 5px;
  width: 8px;
  height: 8px;
  content: "\2713";
  background: none;
  font-weight: bold;
}

/* Profile Page */
.profile {
  background: #f5f5f5;
  margin-bottom: 0;
  display: block;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.profile table {
  margin: 15px 0 0 0;
}

.profile h3 {
  margin: 5px 0 10px 0;
}

.profileImg {
  display: inline-block;
  position: relative;
}

.profileImg span {
  display: block;
  padding: 4px 0px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: absolute;
  bottom: 0px;
  color: #fff;
  font-size: 80%;
}

.profileImg input {
  position: absolute;
  bottom: 0px;
  opacity: 0;
}

/*Mailbox*/
.mailbox .panel-heading.collapsed .action_btns {
  display: none;
}

.mailbox .inbox-header {
  background: #00377a;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
}

/*Notification*/
.notification .list-group-item {
  background: #f2f2f2;
  border-left: 5px #717d7d solid;
}

.notification .list-group-item h5 {
  font-weight: bold;
}

.notification .list-group-item.read {
  background: rgba(242, 245, 245, 0.8);
  font-weight: normal;
}

.notification .list-group-item.read h5 {
  font-weight: normal;
}

.notification_border .list-group-item {
  border-left: 5px #000 solid;
}

/* .notification .list-group-item:nth-child(1n) {
	border-left: 5px #C60 solid;
}
.notification .list-group-item:nth-child(2n) {
	border-left: 5px #d16587 solid;
}
.notification .list-group-item:nth-child(3n) {
	border-left: 5px #29a5ad solid;
}
.notification .list-group-item:nth-child(4n) {
	border-left: 5px #739e73 solid;
} */
/* Drag and Drop Widgets */
.handle {
  cursor: move;
  cursor: -webkit-grabbing;
}

.chosen_wid {
  border: 2px #4a6491 dashed;
  padding: 0px;
  border-radius: 5px;
  margin: 0px;
  height: 155px;
}

.ghost {
  opacity: 0.4;
}

/*Ajax Loader Style*/
.ajax-loader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
  height: 100%;
}

.spinner {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  text-align: center;
  box-shadow: 1px 1px 10px #555;
}

/********************esaf custom**************/
.cust_widget {
  margin-top: -8px;
}

.footerwrap {
  position: fixed;
  bottom: 0;
  border-top: 1px solid #d2d6de;
  margin-top: 10px;
}

.footer_link {
  margin-left: 14px;
}

.footer_link a {
  color: #333;
}

.login_note {
  background: #fff;
}

.login_note_title {
  padding: 10px 20px;
  color: #d01820;
  border-bottom: 1px solid #dedede;
}

.login_note_content {
  padding: 16px 20px 14px 20px;
  background: #f5f5f5;
}

.pagewrapper {
  margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .footerwrap {
    position: relative;
    font-size: 12px;
    text-align: center;
  }
}

.cust_tab .nav-tabs {
  background: #ce181e;
}

.cust_tab .nav-tabs>li>a {
  color: #fff;
}

.cust_tab .nav-tabs>li.active>a,
.cust_tab .nav-tabs>li.active>a:focus,
.cust_tab .nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover {
  color: #555;
  border-color: #ce181e;
  box-shadow: 0 3px 0 #ce181e inset;
}

.userProfile .btn-info {
  background: #00377a;
  border-color: #00377a;
}

.mailbox .list-group-item.unread {
  background: #fff;font-weight: bold;
}

/*Select All Button Styles for message*/
.mailbox .checkinput.selectall {
  width: 105px;
  height: 35px;
  text-align: right;
  background: #eee;
  margin-left: 0;
  padding: 6px;
}

.mailbox .checkinput.selectall:after {
  left: 8px;
  top: 5px;
  bottom: 4px;
  right: 5px;
}

.mailbox .selectall:after {
  padding: 4px 6px !important;
}

.mailbox .checkinput {
  padding: 8px 0px 3px 30px;
}

.mailbox .row_content {
  margin-left: -45px;
}

.mailbox .row_content a {
  color: #555;
}

@media (max-width: 992px) {
  .mailbox .row_content {
    margin-left: -25px;
  }
}

.icon {
  background: url(/Corporate/themes/images/common/icons-app-9f050dcae2395acf9f11754307d3bea3.svg) 0 0 no-repeat;
  background-size: 1344px 1344px;
  display: inline-block;
  height: 32px;
  width: 32px;
  vertical-align: middle;
}

.icon-accessibility {
  background: url(../../images/common/accessibility.svg) no-repeat center;
  background-size: 33px 33px;
  display: inline-block;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  filter: brightness(0) invert(1);
}

.icon.icon-persoanlize {
  background-position: -33px -128px;
}

.icon.icon-repeat {
  background-position: -33px -607px;
}

.icon.icon-bag {
  background-position: -609px -704px;
}

.icon.icon-card {
  background-position: -895px -704px;
}

.icon.icon-notification {
  background-position: -416px -32px;
  filter: brightness(0) invert(1);
}

.icon.icon-has-notification {
  background-position: -512px -32px;
  filter: brightness(0) invert(1);
}

.icon.icon-email {
  background-position: -704px -31px;
  filter: brightness(0) invert(1);
}

.icon.icon-has-email {
  background-position: -801px -31px;
  filter: brightness(0) invert(1);
}

.icon.icon-setting {
  background-position: -608px -32px;
  filter: brightness(0) invert(1);
}

.icon.icon-logout {
  background-position: -895px -32px;
}

.page-title-wrap {
  border-bottom: 1px solid #ced4da;
  padding: 1.5rem 0;
  margin: 0 0 1.5rem;
  align-items: center;
}

.dashboard {
  padding: 0 1.5rem;
}


.chart-container {
  width: 100%;
  max-width: 360px;
  margin: 1.8rem auto;
}

#myChart {
  width: 100% !important;
  height: 118px !important;
  height:118px;
  width: 360px;
  
}

.dashboard .left-col {
  width: 75%;
}

.dashboard .right-col {
  background-color: #F5F6F8;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;

}

.right-col .dicgc {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  position: static;
  margin: auto;
  padding: 15px;
  width: 100%;
}

.right-col .dicgc img {
  max-width: 120px;
  height: auto;
  margin: 0;
  float: none;
}

.dashboard .page-subtitle {
  font-size: 12px;
  color: #888;
  margin-bottom: 2px;
}

.dashboard .page-title {
  font-size: 24px;
  font-weight: 600;
  color: #022C47;
}

.dashboard .left-col,
.dashboard .right-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}


.dashboard .assests .title {
  color: #fff;
}

.dashboard .assests .date-time {
  font-size: 11px;
  color: #fff;
}

.dashboard .assests-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.assests-title .icon {
  filter: brightness(0) invert(1);
}

.dashboard .date-time {
  font-size: 11px;
  color: #666E74;
}

.widget-right {
  margin-bottom: 16px;
}

.widget-right a {
  color: none;
  text-decoration: none;
}

.dashboard .widget-right .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.dashboard .title {
  font-weight: 500;
  margin: 0;
  color: #022C47;
  font-size: 18px;
}

.dashboard .widget-right .payments,
.dashboard .widget-right .loan {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 0.5px solid #CCD7E580;
  border-radius: 8px;
  margin-bottom: 18px;
  padding: 1.5rem;
  background: #FDFDFE;
  background: linear-gradient(180deg, #FDFDFE 40%, #F5F6F8 100%);
  height: 300px;
 
}

.dashboard .widget-right .outstanding-amnt {
  display: flex;
  padding-top: 1.5rem;
  align-items: center;
  margin-bottom: 110px; 
}
.dashboard .widget-right .outstanding-amnt .title {
  color: #666E74;
  font-size: 12px;
 
  
}
.dashboard .widget-right .outstanding-amnt .amount {
  font-size: 28px;
  margin: 0.5rem 0;
  color: #00377B;
  margin-bottom: 110px;
  
}

.dashboard .widget-right .outstanding-amnt .authorized-payment {
 background-color: #f2a335;
  color: #00214a;
  border: none;
  border-radius: 50px;
  padding: 1px 16px;
  font-size: 16px;
  font-weight: 500;
  width: fit-content;
  height: auto;
  position: absolute;
  left: 2.9rem;
  bottom: 3rem;
  margin-bottom: 30px;
  
}

.dashboard .widget-right .outstanding-amnt div {
  margin-left: 1.5rem;
}

.dashboard .admin {
  width: 100%;
  border: 1px solid #CED4DA;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 0;
}

.dashboard .admin .admin-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard .admin .admin-title {
  font-weight: 500;
  margin-bottom: 0;
  color: #00377B;
}

.dashboard .admin-header .view-all {
  background-color: rgba(245, 246, 248, 1);
  padding: 1rem;
  border-radius: 8px;
  text-decoration: none;
  color: #000;
  margin-right: 10px;
}

.dashboard .admin-header .notification {
  background-color: #CE181E;
  color: #fff;
  border-radius: 50%;
  padding: 5px;
  text-align: center;
  width: 30px;
  height: 30px;
  display: inline-block;
}

.pending-approvals .approval-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(245, 246, 248, 1);
  padding: 1.5rem;
  margin-top: 1rem;
  border-radius: 8px;
}

.pending-approvals .ul {
  padding: 0;
  margin-bottom: 0;
}

.pending-approvals .ul .approval-list .approval-title {
  font-weight: 600;
  margin-bottom: 0;
  color: #00377B;
}

.pending-approvals .approval-list .reject-btn {
  color: #CE181E;
  background-color: #fff;
}

.pending-approvals .approval-list .authorize-btn {
  color: #fff;
  background-color: #CE181E;
}

.pending-approvals .approval-list .authorize-btn,
.reject-btn {
  padding: 0.5rem;
  border-radius: 4px;
  border: 1px solid #CE181E;
}


.dashboard .right-col .last-login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
}

.sliderBanner {
  width: 100%;
  
  overflow: hidden;
}

.swiper-slide {
  padding: 4px;
  width: 650px;
  margin-right: 10px;
}

.swiper-slide img {
	width: 10%;
	height: 10%;
	object-fit: cover;
}

#slide-img-1 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#slide-img-2 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#loader-img {
    width: auto;
    height: auto;
    object-fit: unset;
}
.sliderBannerWrap .swiper {
  --swiper-navigation-size: 18px;
  --swiper-theme-color: #00377B;
}

.sliderBannerWrap .swiper-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.sliderBannerWrap .sliderBanner-prev,
.sliderBannerWrap .sliderBanner-next,
.sliderBannerWrap .swiper-pagination {
  position: static !important;
  margin: 0;
  width: auto;
  height: auto;
  background-color: transparent;
  
}

/* Give sliderBanner-prev/next the swiper arrow look */
.sliderBannerWrap .sliderBanner-prev,
.sliderBannerWrap .sliderBanner-next {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}


.sliderBannerWrap .sliderBanner-prev::after {
  content: 'prev';
  font-family: swiper-icons;
  font-size: 16px !important;
  color: #333 !important;
  font-weight: bold;
}

.sliderBannerWrap .sliderBanner-next::after {
  content: 'next';
  font-family: swiper-icons;
  font-size: 16px !important;
  color: #333 !important;
  font-weight: bold;
}



  


.sliderBannerWrap .swiper-pagination {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.sliderBannerWrap .swiper-pagination-bullet-active {
  background-color: #00377B !important;
}

.right-col .current-interest {
  /* border: 1px solid #CCD7E580; */
  background: #EBEEF0 linear-gradient(180deg, #EBEEF0 20%, #99AFCA 100%);
  padding: 1.5rem;
  margin: 0.5rem 0;
  border-radius: 8px;
  position: relative;
}
.right-col .current-interest .icons {
  width: 87px;
  height: 87px;
  display: inline-block;
  background-image: url(/Corporate/themes/images/common/percent-8f27756ee9a9fe218aa2723962ba76ad.png);
  background-repeat: no-repeat;
  background-position: center right;
  position: absolute;
  bottom: 0;
  right: 0;
}

.right-col .current-interest .title {
  font-weight: 500;
  margin-bottom: 0;
  color: #022C47;
  font-size: 24px;
  letter-spacing: 1px;
}

.right-col .current-interest span {
  font-weight: 500;
  margin-bottom: 0;
  color: #666E74;
  font-size: 12px;
  letter-spacing: 1px;
}

.right-col .current-interest .current-rate-btn {
  padding: 0.5rem;
  border-radius: 4px;
  border: 1px solid #CE181E;
  color: #fff;
  background-color: #CE181E;
  margin-top: 1.5rem;
  padding: 6px 12px;
  display: inline-block;
  text-decoration: none;
}

.right-col .dicgc-org {
  text-align: center;
  margin-bottom: 2rem;
}

.right-col .dicgc-org p {
  margin-bottom: 0;
  font-weight: 700;
  color: #00377B;
}

.right-col .dicgc-org a {
  color: #666E74;
}

.assets_bottom {
  width: 100%;
  float: left;
  display: flow-root;
}

.account_div {
  width: 50%;
  background-image: url(/Corporate/themes/images/common/accounts_dash-b0041dd092cc945ac312d773f21e0259.png);
  background-repeat: no-repeat;
  background-position: center right;
  float: left;
  background-color: #0000001A;
  padding: 2%;
  border-radius: 10px;
  background-size: contain;
}

.deposit_div {
  width: 48%;
  background-image: url(/Corporate/themes/images/common/deposits-58b7173dbff503859c63070f0e5d0fc6.png);
  background-repeat: no-repeat;
  background-position: center right;
  float: left;
  background-color: #0000001A;
  padding: 2%;
  border-radius: 10px;
  margin: 0 0 0 2%;
  background-size: contain;
}

.acc_header {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
}

.account_dot {
  width: 12px;
  height: 12px;
  background-color: #FCE8CC;
  display: inline-block;
  margin-right: 5px;
  border-radius: 4px;
}

.deposit_dot {
  width: 12px;
  height: 12px;
  background-color: #EF8C02;
  display: inline-block;
  margin-right: 5px;
  border-radius: 4px;
}

.assets_bottom .amt {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  margin: 0;
}

.payment_icon {
  background: url(/Corporate/themes/images/common/payments_icon-a77dffe808786f8a3fbacc2661f396be.png) no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 8px;
}

.loan_icon {
  background: url(/Corporate/themes/images/common/loan_icon-c8195b3c0c45ec71d4365bfd0c93c0cc.png) no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 8px;
}
.header_cntrl .hasbadge {
  margin-top: 10px;
  margin-right: 12px;
  margin-left: 12px;
  position: relative;
}
.header_cntrl .hasbadge .badge {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #d9534f;
  color: #fff;
}
.logout_cont{
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #ABCDEA;
  border-radius: 50%;
  padding: 8px;
  margin: 0 0 0 12px;
}
.dashboard_icon {
  background: url(/Corporate/themes/images/common/dashboard-fcdb46364bc782a154668e70cad0169e.png) no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 1px;
}
.dashboad_outer{
  display: flex;
}

.brand_logo{
  width: 80px;
  height: auto;
  border-radius: 50%;
}

.accessibility .row {
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;

}

.line_height .line-height-range {
  accent-color: #CE181E;
  width: 120px;
  margin-left: 136px;
}

@media (max-width: 990px) {
  .dashboad_outer{
    display: flex;
    flex-direction: column;
  }
  .appheader h1{
    width: 150px;
  }
  .apphome_btn{
    padding: 5px;
  }
  .apphome_btn.active:after{
    right: 33%;
  }
}
@media (max-width: 425px) {
  .account_div{
    width: 98%;
    margin-bottom: 10px;
  }
  .deposit_div{
    width: 98%;
  }

  .pending-approvals .approval-list {
    display: block;
  }

  .admin_left {
    width: 100%;
    margin-bottom: 10px;
  }
  .admin_right{
    width: 100%;
    text-align: right;
  }
}


/* Dark Theme Overrides */

html[data-theme="dark"] .moduleheader {
  background: #1e1e1e;
  box-shadow: inset 0 -8px 9px 0px #111;
}

html[data-theme="dark"] .moduleheader_hold .btn {
  background-color: #2c2c2c;
  border-color: #444;
  color: #e0e0e0;
}

html[data-theme="dark"] .common_header {
  background: #1e1e1e;
}

html[data-theme="dark"] .common_contentwrap {
  background: #121212;
}

html[data-theme="dark"] .subnav {
  background: #1a1a1a;
}

html[data-theme="dark"] .subnav ul li {
  border-top-color: #222;
  border-bottom-color: #111;
}

html[data-theme="dark"] .subnav ul li.active {
  background: #2c2c2c;
  border-top-color: #2c2c2c;
}

html[data-theme="dark"] .subnav ul li a,
html[data-theme="dark"] .subnav ul li p,
html[data-theme="dark"] .subnav ul li .nme,
html[data-theme="dark"] .subnav ul li p.amt .cur {
  color: #e0e0e0;
}

html[data-theme="dark"] .subnav ul li.active a {
  color: #66afe9;
}

html[data-theme="dark"] .subnav ul li ul {
  background: #1e1e1e;
}

html[data-theme="dark"] .subnav .singlelist ul li ul li a {
  color: #ccc;
}

html[data-theme="dark"] .app_widget {
  background: #1e1e1e;
  color: #e0e0e0;
}

html[data-theme="dark"] .app_widget .date {
  background: rgba(255, 255, 255, 0.1);
  color: #e0e0e0;
}

html[data-theme="dark"] .app_widget p.hd,
html[data-theme="dark"] .app_widget p.lead,
html[data-theme="dark"] .app_widget p {
  color: #e0e0e0;
}

html[data-theme="dark"] .app_widget.accounts,
html[data-theme="dark"] .app_widget.forecast,
html[data-theme="dark"] .app_widget.trade,
html[data-theme="dark"] .app_widget.admin,
html[data-theme="dark"] .app_widget.payments,
html[data-theme="dark"] .app_widget.loans,
html[data-theme="dark"] .app_widget.receivables,
html[data-theme="dark"] .app_widget.liquidity,
html[data-theme="dark"] .app_widget.forex,
html[data-theme="dark"] .app_widget.creditcards,
html[data-theme="dark"] .app_widget.gst,
html[data-theme="dark"] .app_widget.intrest,
html[data-theme="dark"] .app_widget.for_gst {
  background: #2c2c2c;
}

html[data-theme="dark"] .app_widget.limits,
html[data-theme="dark"] .app_widget.sadad,
html[data-theme="dark"] .app_widget.moi {
  background: #1e1e1e;
}

html[data-theme="dark"] .app.app_widget h4 {
  background: rgba(0, 0, 0, 0.6);
}

html[data-theme="dark"] .footerwrap {
  border-top: none;
}

/* Premium Dark Theme Extensions */

html[data-theme="dark"] .dashboard .right-col {
  background-color: #161618 !important;
}

html[data-theme="dark"] .dashboard .right-col .last-login {
  color: #e0e0e0;
}

html[data-theme="dark"] .dashboard .right-col .last-login h5 {
  color: #ffffff;
}

html[data-theme="dark"] .dashboard .right-col .last-login span {
  color: #a0a5aa;
}

html[data-theme="dark"] .right-col .current-interest {
  background: #1a2736 linear-gradient(180deg, #1a2736 20%, #0f1924 100%) !important;
  border: 1px solid #283747 !important;
}

html[data-theme="dark"] .right-col .current-interest .title {
  color: #ffffff !important;
}

html[data-theme="dark"] .right-col .current-interest span {
  color: #b0bec5 !important;
}

html[data-theme="dark"] .sliderBannerWrap {
  background-color: #1e1e1e !important;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #333 !important;
}

html[data-theme="dark"] .sliderBannerWrap img {
  opacity: 0.8 !important;
}

html[data-theme="dark"] .sliderBannerWrap .sliderBanner-prev::after,
html[data-theme="dark"] .sliderBannerWrap .sliderBanner-next::after {
  color: #e0e0e0 !important;
}

html[data-theme="dark"] .dashboard .widget-right .payments,
html[data-theme="dark"] .dashboard .widget-right .loan {
  background: #1e1e1e !important;
  background: linear-gradient(180deg, #1e1e1e 40%, #151515 100%) !important;
  border: 1px solid #444444 !important;
  color: #e0e0e0 !important;
}

html[data-theme="dark"] .dashboard .widget-right .payments .header .title,
html[data-theme="dark"] .dashboard .widget-right .loan .header .title {
  color: #ffffff !important;
}

html[data-theme="dark"] .dashboard .widget-right .payments .header .date-time,
html[data-theme="dark"] .dashboard .widget-right .loan .header .date-time {
  color: #a0a5aa !important;
}

html[data-theme="dark"] .dashboard .widget-right .outstanding-amnt .title {
  color: #a0a5aa !important;
}

html[data-theme="dark"] .dashboard .widget-right .outstanding-amnt .amount {
  color: #ffffff;
}

html[data-theme="dark"] .dashboard .admin {
  border-color: #333 !important;
  background-color: #1c1c1e !important;
}

html[data-theme="dark"] .dashboard .admin .admin-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .dashboard .admin-header span {
  color: #a0a5aa !important;
}

html[data-theme="dark"] .dashboard .admin-header .view-all {
  background-color: #2c2c2e !important;
  color: #90caf9 !important;
}

html[data-theme="dark"] .dashboard .admin-header .view-all:hover {
  background-color: #3a3a3c !important;
}

html[data-theme="dark"] .pending-approvals .approval-list {
  background-color: #252528 !important;
  border: 1px solid #333 !important;
}

html[data-theme="dark"] .pending-approvals .ul .approval-list .approval-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .pending-approvals .approval-list span {
  color: #a0a5aa !important;
}

html[data-theme="dark"] .pending-approvals .approval-list .reject-btn {
  background-color: #2c2c2e !important;
  color: #ff8a80 !important;
  border-color: #ff8a80 !important;
}

html[data-theme="dark"] .pending-approvals .approval-list .reject-btn:hover {
  background-color: #ff8a80 !important;
  color: #121212 !important;
}

html[data-theme="dark"] .pending-approvals .approval-list .authorize-btn {
  background-color: #d32f2f !important;
  color: #ffffff !important;
  border-color: #d32f2f !important;
}

html[data-theme="dark"] .pending-approvals .approval-list .authorize-btn:hover {
  background-color: #c62828 !important;
}

html[data-theme="dark"] .apphome_btn.active {
  color: #ffffff !important;
  background: #2c2c2e !important;
  border-color: #444 !important;
}

html[data-theme="dark"] .apphome_btn.active::after {
  color: #2c2c2e !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .dashboard .page-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .icon-persoanlize,
html[data-theme="dark"] .icon-repeat {
  filter: invert(100) brightness(2);
}

html[data-theme="dark"] .page-title-wrap {
  border-color: #444444;
}

html[data-theme="dark"] .payment_icon,
html[data-theme="dark"] .loan_icon {
  filter: invert(100) brightness(2);
}

html[data-theme="dark"] .footerwrap .userfullLinks a {
  color: #ffffff;
}

html[data-theme="dark"] .dashboard_icon {
  filter: invert(100) brightness(2);
}

html[data-theme="dark"] .mailbox .list-group-item,
html[data-theme="dark"] .notification .list-group-item,
html[data-theme="dark"] .user_profile .dropdown-menu .dropbox .list-group .list-group-item:first-child,
html[data-theme="dark"] .profile {
  background-color: #2c2c2e;
  color: #fff;
  border-color: #555555;
}

html[data-theme="dark"] a.list-group-item .list-group-item-heading,
html[data-theme="dark"] button.list-group-item .list-group-item-heading,
html[data-theme="dark"] .list-group-item-text {
  color: #fff;
}

html[data-theme="dark"] .img-thumbnail {
  border-color: #555555;
  background-color: #2c2c2e;
}

html[data-theme="dark"] .sliderBannerWrap .swiper-pagination-bullet {
  opacity: 1;
  background-color: #555555;
}

html[data-theme="dark"] .sliderBannerWrap .swiper-pagination-bullet-active {
  background-color: #CE181E !important;
}

/* ============================================
   Dashboard Slider — sliderDashboardWrap
   ============================================ */

/* Outer wrapper: reserve space for left/right arrows */
.sliderDashboardWrap {
  position: relative;
  padding: 0 44px;
  margin-bottom: 24px;
  
}
 /* Swiper container */
.sliderDashboard {
  width: 100%;
  overflow: hidden;
  
}

/* Each slide must stretch to match tallest neighbour */
.sliderDashboard .swiper-wrapper {
  align-items: stretch;
}

.sliderDashboard .swiper-slide {
  height: auto;
  display: flex;
  align-self: stretch;
}

/* Card inside each slide fills full slide height */
.sliderDashboard .swiper-slide>div {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* ---- Slide Arrow Buttons ---- */
.sliderDashboard-prev,
.sliderDashboard-next {
  position: absolute;
  top: calc(50% - 36px);
  transform: none;
  width: 36px;
  height: 36px;
  background-color: #ffffff;
  border: 1.5px solid #00377b;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: background 0.2s, border-color 0.2s;
 
}


.sliderDashboard-prev {
  left: 0;
}

.sliderDashboard-next {
  right: 0;
}

/* Chevron arrows via CSS border trick */
.sliderDashboard-prev::after,
.sliderDashboard-next::after {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #555;
  border-right: 2px solid #555;
}

.sliderDashboard-prev::after {
  transform: rotate(-135deg);
  margin-left: 3px;
}

.sliderDashboard-next::after {
  transform: rotate(45deg);
  margin-right: 3px;
}

/* Disabled state */
.sliderDashboard-prev.swiper-button-disabled,
.sliderDashboard-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

/* ---- Pagination dots ---- */
.sliderDashboard-pagination {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  margin-top: 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
}

.sliderDashboard-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #ced4da;
  opacity: 1;
  border-radius: 50%;
  margin: 0;
  transition: all 0.3s ease;
}

.sliderDashboard-pagination .swiper-pagination-bullet-active {
  background: #00377b;
  border-radius: 4px;
}

/* ============================================
   Card Styles (inside slider)
   ============================================ */

/* My Assets card */
.sliderDashboard .swiper-slide .assests,
.dashboard .assests {
  background: url(/Corporate/themes/images/common/accounts-366a37d698aab41e6dc3dd2c671bf8ec.svg) no-repeat center center;
  background-size: cover;
  border-radius: 30px;
  padding: 1.5rem;
  color: #fff;
  display: flow-root;
  
  
 
}

/* Payments card */
.sliderDashboard .swiper-slide .payments,
.dashboard .payments {
  background: url(/Corporate/themes/images/common/Payments-d14d055ecaedb84a1272581645c89b37.svg) no-repeat center center;
  background-size: cover;
  border-radius: 30px;
  padding: 1.5rem;
  color: #ffffff;
  display: flow-root;
 
  
}

/* Loan card */
.sliderDashboard .swiper-slide .loan,
.dashboard .loan {
  background: url(/Corporate/themes/images/common/Payments-d14d055ecaedb84a1272581645c89b37.svg) no-repeat center center;
  background-size: cover;
  border-radius: 30px;
  padding: 1.5rem;
  color: #ffffff;
  display: flow-root;
 
}

.dashboard .payments .header,
.dashboard .loan .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 12px;
 
}

.dashboard .payments .header .title,
.dashboard .loan .header .title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}

.dashboard .payments .header .date-time,
.dashboard .loan .header .date-time {
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
}

.dashboard .payments .header .icon,
.dashboard .loan .header .icon {
  filter: brightness(0) invert(1);
}

.dashboard .payments .outstanding-amnt,
.dashboard .loan .outstanding-amnt {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  color: #ffffff;
  margin-top: 26px;
  padding: 0;
}

.dashboard .payments .outstanding-amnt div,
.dashboard .loan .outstanding-amnt div {
  margin-left: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dashboard .payments .outstanding-amnt .title,
.dashboard .loan .outstanding-amnt .title {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}

.dashboard .payments .outstanding-amnt .amount,
.dashboard .loan .outstanding-amnt .amount {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}

.payment_icon,
.loan_icon {
  background-color: #ffffff;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 58px;
  border-radius: 12px;
  flex-shrink: 0;
  margin-top: 26px;
}

.payment_icon {
  background-image: url(/Corporate/themes/images/common/payments_icon-a77dffe808786f8a3fbacc2661f396be.png);
}

.loan_icon {
  background-image: url(/Corporate/themes/images/common/loan_icon-c8195b3c0c45ec71d4365bfd0c93c0cc.png);
}

.dashboard .payments .authorized-payment {
  background-color: #f2a335;
  color: #00214a;
  border: none;
  border-radius: 50px;
  padding: 1px 16px;
  font-size: 16px;
  font-weight: 500;
  width: fit-content;
  height: auto;
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  
  
}

.dashboard .payments .authorized-payment span {
  color: #fff;
}

/* Payment Dateline Design Custom Overrides */
.dashboard .admin {
  background: #ffffff;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.dashboard .admin .admin-title {
  font-size: 16px;
  font-weight: 500;
  color: #022C47;
  margin-top: 0;
}

.dateline-card {
  background-color: #f5f6f8;
  border: none;
  border-radius: 8px;
  padding: 16px 24px;
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 49px;
}

.dateline-card .admin_left {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}

.dateline-card .admin_right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.dateline-card .approval-title {
  font-size: 14px;
  font-weight: 600;
  color: #00377b;
  margin: 0;
}

.dateline-card .expires-text {
  font-size: 12px;
  color: #666e74;
}

.dateline-card .status-badge.pending {
  background-color: #f2a335;
  color: #ffffff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
}

.dateline-card .ref-num {
  font-size: 11px;
  color: #666e74;
}

.dateline-card .amount-text {
  font-size: 16px;
  font-weight: 700;
  color: #00377b;
}

.dateline-card .action-buttons {
  display: flex;
  gap: 8px;
}

.dateline-card .authorize-btn-outline,
.dateline-card .reject-btn-outline {
  padding: 2px 8px;
  font-size: 14px;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  height: auto;
  display: inline-block;
}

.dateline-card .authorize-btn-outline {
  border: 1px solid #3cb379;
  color: #3cb379;
}

.dateline-card .authorize-btn-outline:hover {
  background-color: #3cb379;
  color: #ffffff;
}

.dateline-card .reject-btn-outline {
  border: 1px solid #ce181e;
  color: #ce181e;
}

.dateline-card .reject-btn-outline:hover {
  background-color: #ce181e;
  color: #ffffff;
}

/* Header User Profile Section Overrides */
.cust_user_popup {
  margin-top: 5px;
}

.logout_cont {
  margin-top: 5px;
}

.profile-capsule {
  background: #ffffff;
  border: 1.5px solid #ABCDEA;
  border-radius: 25px;
  padding: 3px 15px 3px 3px;
  display: flex;
  align-items: center;
  height: 42px;
  padding: 3px 15px 3px 3px;
  background: rgba(255, 255, 255, 1);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  border-radius: 25px;
  gap: 10px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.profile-capsule:hover {
  box-shadow: 0 2px 8px rgba(0, 55, 123, 0.1);
  border-color: #00377b;
}

.profile-capsule .user_image {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0;
  padding: 0;
}

.profile-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.profile-name {
  color: #00377b;
  line-height: 1.2;
}

.profile-roles {
  display: flex;
  gap: 4px;
  margin-top: 2px;
}

.profile-roles .role-badge {
  padding: 1px 9px;
  line-height: 1.3;
}

.retry{
  margin-top: 32px;
}
.retry p{
    font-size: 16px;
}
.retry .btn {
    font-weight: 600;
    padding:4px 16px 5px 16px;
    border-radius: 8px;
    border:none;
  }
.retry .icon{
  background-size: 1000px 1000px;
  height: 18px;
  width: 18px;
  margin-right: 4px;
}
.retry .icon.icon-repet{
  background-position: -28px -456px;
}
.errormsg{
  justify-content: center !important;
  flex-direction: column;
  gap: 6px;
 
}
.errormsg h4{
      color: #00377B;
      font-size: 18px;
      font-weight: 600;
      margin: 0;
  }
.errormsg  p{
    margin-bottom: 0;
    font-size: 12px;
    color: #666e74;
  }



/* Dark Theme Overrides for New Elements */

/* Dark theme — keep header capsule transparent glass look, don't override to white */
html[data-theme="dark"] .header_cntrl .user_profile a.profile-capsule {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

html[data-theme="dark"] .header_cntrl .user_profile a.profile-capsule .profile-name {
  color: #ffffff !important;
}

html[data-theme="dark"] .header_cntrl .user_profile a.profile-capsule .role-badge {
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Dark theme — dateline card */
html[data-theme="dark"] .dateline-card {
  background-color: #252528 !important;
}

html[data-theme="dark"] .dateline-card .approval-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .dateline-card .expires-text {
  color: #a0a5aa !important;
}

html[data-theme="dark"] .dateline-card .ref-num {
  color: #a0a5aa !important;
}

html[data-theme="dark"] .dateline-card .amount-text {
  color: #7dd3fc !important;
}

html[data-theme="dark"] .dateline-card .authorize-btn-outline {
  background-color: transparent !important;
  border-color: #3cb379 !important;
  color: #3cb379 !important;
}

html[data-theme="dark"] .dateline-card .authorize-btn-outline:hover {
  background-color: #3cb379 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .dateline-card .reject-btn-outline {
  background-color: transparent !important;
  border-color: #ff6b6b !important;
  color: #ff6b6b !important;
}

html[data-theme="dark"] .dateline-card .reject-btn-outline:hover {
  background-color: #ff6b6b !important;
  color: #ffffff !important;
}

/* Dark theme — slider cards keep their gradient, just ensure text is white */
html[data-theme="dark"] .dashboard .assests,
html[data-theme="dark"] .dashboard .payments,
html[data-theme="dark"] .dashboard .loan {
  background-image: none !important;
}

html[data-theme="dark"] .dashboard .assests {
  background-color: #1e3a5f !important;
}

html[data-theme="dark"] .dashboard .payments {
  background-color: #5c1010 !important;
}

html[data-theme="dark"] .dashboard .loan {
  background-color: #1a3060 !important;
}

html[data-theme="dark"] .dashboard .assests *,
html[data-theme="dark"] .dashboard .payments *,
html[data-theme="dark"] .dashboard .loan * {
  color: #ffffff !important;
}

html[data-theme="dark"] .dashboard .payments .authorized-payment,
html[data-theme="dark"] .dashboard .loan .authorized-payment {
  background-color: #d4881c !important;
}

html[data-theme="dark"] .dashboard .payments .authorized-payment span,
html[data-theme="dark"] .dashboard .loan .authorized-payment span {
  color: #ffffff !important;
}

/* Dark theme — sliderDashboard nav arrows */
html[data-theme="dark"] .sliderDashboard-prev,
html[data-theme="dark"] .sliderDashboard-next {
  background-color: #2c2c2e !important;
  border-color: #444 !important;
}

html[data-theme="dark"] .sliderDashboard-prev::after,
html[data-theme="dark"] .sliderDashboard-next::after {
  color: #ffffff !important;
}

html[data-theme="dark"] .sliderDashboard-pagination .swiper-pagination-bullet {
  background: #555 !important;
}

html[data-theme="dark"] .sliderDashboard-pagination .swiper-pagination-bullet-active {
  background: #7dd3fc !important;
}



header_cntrl .user_profile a .user_image,
.header_cntrl .user_profile a.profile-capsule .user_image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
}

/* Profile capsule alignment inside header */
.header_cntrl .user_profile {
  display: flex;
  align-items: center;
  height: 49px;
}

.header_cntrl .user_profile a.profile-capsule {
  display: flex !important;
  align-items: center;
  height: 42px;
  padding: 3px 15px 3px 3px;
  background: rgba(255, 255, 255, 1);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  border-radius: 25px;
  gap: 10px;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.header_cntrl .user_profile a.profile-capsule .profile-name {
  font-size: 14px;
  line-height: 1.2;
}

.header_cntrl .user_profile a.profile-capsule .role-badge {
  font-size: 11px;
}
.payment_icon, .loan_icon

 {
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    flex-shrink: 0;
    margin-bottom: 15px;
}

.position-relative {
    position: relative;
}
.form-control-feedback {
    pointer-events: auto !important;
    cursor: pointer;
}
.profile-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.header_cntrl .user_profile a.profile-capsule {
    display: flex !important;
    align-items: center;
    height: 49px;
    padding: 3px 15px 3px 3px;
    background: rgba(255, 255, 255, 1);
    border: 1.5px solid rgba(255, 255, 255, 0.35);
    border-radius: 25px;
    gap: 10px;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.profile-capsule {
    background: #ffffff;
    border: 1.5px solid #ABCDEA;
    border-radius: 25px;
    padding: 3px 15px 3px 3px;
    display: flex;
    align-items: center;
    gap: 10px;
}