.container {
  margin-bottom: 25px;
  padding-right: 30px;
  padding-left: 30px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.itemTitle h2 {
  color: #303030;
  text-shadow: 1px 1px 0 #ffffff;
  border-bottom: 1px solid #d1d1d1;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  padding-bottom: 10px;
}
.wide {
  width: 100%;
}
.wide.header {
  height: 102px;
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#ffffff),
    to(#dddddd)
  );
  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
  background-image: -o-linear-gradient(top, #ffffff, #dddddd);
  background-image: linear-gradient(to bottom, #ffffff, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);
  color: #6e6e6e;
  text-shadow: 0 2px 3px #ffffff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #ffffff;
}

.wide.footer {
  color: #6e6e6e;
  float: left;
  padding: 15px;
  padding-top: 30px;
  font-weight: bold;
  background: #eeeeee url(/ui/images/noise.png);
  background-image: url(/ui/images/noise.png);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(238, 238, 238);
  border-top: 1px solid #afafaf;
  -webkit-box-shadow: inset 0 5px 12px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: inset 0 5px 12px rgba(0, 0, 0, 0.13);
  box-shadow: inset 0 5px 12px rgba(0, 0, 0, 0.13);
}

.logo {
  width: 96px;
  height: 102px;
  background: url(/ui/images/logo-normal.png) 50% 0 no-repeat !important;
}

.logo-normal {
  width: 96px;
  height: 102px;
  background: url(/ui/images/logo-normal.png) 50% 0 no-repeat !important;
}

.line {
  padding-top: 20px;
  white-space: no-wrap;
  overflow: hidden;
  text-align: center;
}

.brakebox {
  float: left;
  height: 10px;
  width: 100%;
}

.main-strong {
  font-weight: bold;
}

.main-text {
  font-size: 1.2em;
}

.small-load img {
  height: 20px;
}

.menubox {
  padding: 12px;
  color: white;
  margin-bottom: 7%;
  min-height: 180px;
  position: relative;
  background: linear-gradient(
    135deg,
    rgba(76, 76, 76, 1) 0%,
    rgba(89, 89, 89, 1) 12%,
    rgba(102, 102, 102, 1) 25%,
    rgba(71, 71, 71, 1) 39%,
    rgba(44, 44, 44, 1) 50%,
    rgba(0, 0, 0, 1) 51%,
    rgba(17, 17, 17, 1) 60%,
    rgba(43, 43, 43, 1) 76%,
    rgba(28, 28, 28, 1) 91%,
    rgba(19, 19, 19, 1) 100%
  );
}

.menu-headline {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 12px;
}

a.menu-box-button {
  color: white;
  font-weight: bold;
  padding: 6px 15px;
  border-radius: 4px;
  position: absolute;
  bottom: 12px;
  right: 12px;
  text-decoration: none;
  background: #337ab7;
}

a.menu-box-button:hover {
  background: #286090;
}

.barbrake {
  border-top: 1px solid #dbdbdb;
}

.box-hilight {
  background: #e0e0e0;
  /* margin: 3% 0; */
  padding: 10px 10px;
}

.push-self-down {
  margin-bottom: 15px;
}

.box-hilight-pushdown {
  margin-bottom: 15px;
}

.big-detail {
  font-size: 1.4em;
  font-weight: bold;
}

.strongtext {
  font-weight: bold;
}

.bankaccount-info {
  border-radius: 3px;
  margin-bottom: 8px !important;
  padding: 3px;
  padding-left: 8px;
  background: linear-gradient(
    135deg,
    rgba(226, 226, 226, 1) 0%,
    rgba(219, 219, 219, 1) 50%,
    rgba(209, 209, 209, 1) 51%,
    rgba(254, 254, 254, 1) 100%
  );
}
.banktype {
  text-decoration: underline;
}
/* login page */
.link-login-help {
  margin-top: 10px;
}

.link-login-help ul {
  list-style: none;
  padding-left: 10px;
}

#form-login-forgot {
  float: left;
  margin-right: 16px;
}
#form-login-register {
  float: left;
}
/* login page end */

/* main nav */
.nopading {
  padding: 0;
}

.shadeblue {
  padding: 13px 0px;
  border: 0;
  background: linear-gradient(
    135deg,
    rgba(76, 76, 76, 1) 0%,
    rgba(89, 89, 89, 1) 12%,
    rgba(102, 102, 102, 1) 25%,
    rgba(71, 71, 71, 1) 39%,
    rgba(44, 44, 44, 1) 50%,
    rgba(0, 0, 0, 1) 51%,
    rgba(17, 17, 17, 1) 60%,
    rgba(43, 43, 43, 1) 76%,
    rgba(28, 28, 28, 1) 91%,
    rgba(19, 19, 19, 1) 100%
  );
}

.nav-ob .ob-main-nav {
  margin-left: 12px;
  padding-left: 0px;
  list-style: none;
}

nav.navbar.navbar-expand-lg.nav-ob {
  border-radius: 0;
}

.ob-main-nav li.nav-item a {
  color: white;
  padding: 0;
  font-size: 1.2em;
  margin-right: 39px;
  font-weight: bold;
}

a.nav-link.active {
  border-bottom: 3px solid;
}
.logout-button {
  margin-top: 10px;
}

.head-balance-number {
  font-size: 1.2em;
  font-weight: bold;
}

.head-balance {
  color: #4d788d;
}

.balancebox {
  display: block;
}

.balancebox {
  border: 1px solid #b2d2e1;
  border-radius: 3px;
  padding: 5px 5px;
}

.col-md-6.float-left.first-box {
  border-right: 1px solid #b2d2e1;
}

.action-bar {
  margin: 10px 0;
  padding: 10px;
  color: white;
  border-radius: 8px;
}
.action-bar a {
  color: white;
  text-decoration: none;
}
/* main end */

/* dashboard */
.accountholdername {
  font-size: 2em;
  margin-bottom: 15px;
}
.bankaccount-info {
  font-size: 0.9em;
  margin: -5px 0;
}

.menubox.markinterest {
  background: linear-gradient(
    135deg,
    rgba(199, 143, 59, 1) 0%,
    rgba(240, 191, 93, 1) 50%,
    rgba(245, 187, 12, 1) 51%,
    rgba(209, 148, 25, 1) 71%,
    rgba(158, 118, 9, 1) 100%
  );
}

.markinterest-bg {
  background: linear-gradient(
    135deg,
    rgba(199, 143, 59, 1) 0%,
    rgba(240, 191, 93, 1) 50%,
    rgba(245, 187, 12, 1) 51%,
    rgba(209, 148, 25, 1) 71%,
    rgba(158, 118, 9, 1) 100%
  );
}

.menubox.markinterest a.menu-box-button {
  background: black;
}

/* dashboard end*/

.bg-upload-title {
  padding: 25px;
  background: linear-gradient(
    135deg,
    rgba(226, 226, 226, 1) 0%,
    rgba(219, 219, 219, 1) 50%,
    rgba(209, 209, 209, 1) 51%,
    rgba(254, 254, 254, 1) 100%
  );
}
.th-column {
  padding: 5px !important;
  font-size: smaller;
}

fieldset {
  border-top: 1px solid #f0f0f0 !important;
  margin: 15px 4px;
  padding: 5px;
  position: relative;
}

legend {
  font-size: 14px;
  margin-bottom: 15px;
  width: auto;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 5px 15px 5px 15px;
  background-color: #5b5b5b;
  color: #ffffff;
}

legend.legend-x2 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
  width: auto;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 5px 15px 5px 15px;
  background-color: #fbfbfb;
  color: #020202;
}
#makeapaymentform {
  margin-top: 10px;
}
.account-from {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 8px;
  font-weight: bold;
}
a[aria-expanded="true"] .fa-chevron-right {
  display: none;
}

a[aria-expanded="false"] .fa-chevron-down {
  display: none;
}
.form-group.required .control-label:after {
  content: " *";
  color: red;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-bottom: 20px;
}
.bankaccount-block {
  margin-bottom: 5px;
  margin-right: 0;
  margin-left: 0;
  padding: 5px;
  font-size: 0.9em;
  background: linear-gradient(
    135deg,
    rgba(226, 226, 226, 1) 0%,
    rgba(219, 219, 219, 1) 50%,
    rgba(209, 209, 209, 1) 51%,
    rgba(254, 254, 254, 1) 100%
  );
}
.bankaccount-block .img-block {
  padding-right: 0px;
}
.bankaccount-block .image {
  opacity: 1;
  display: block;
  height: auto;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.bankaccount-block .img-block:hover .image {
  opacity: 0.3;
}
.bankaccount-block .middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.bankaccount-block .text {
  background-color: #4caf50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.bankaccount-block .img-block:hover .middle {
  opacity: 1;
}
.margin-buttom {
  margin-bottom: 25px;
}
.margin-top {
  margin-top: 20px;
}

.receive-page h3 {
  font-weight: bold;
  margin-bottom: 3px;
  margin-top: 7px;
}

.receive-page .main-text.detail {
  margin-bottom: 8px;
  font-size: 1em;
}

.col-md-9.bank-info {
  padding-left: 2px;
}

.card-v-name {
  position: absolute;
  bottom: 8%;
  left: 9%;
  font-weight: bold;
}

.card-v-expire {
  position: absolute;
  bottom: 22.5%;
  left: 44%;
  font-weight: bold;
  font-size: 0.8em;
}

.card-v-pan {
  position: absolute;
  bottom: 35%;
  left: 10%;
  font-weight: bold;
  font-size: 1.2em;
}

.list-group-item>.badge {
  float: right;
  background-color: #337ab7;
}

.swift{
  color: #fff;
  background: linear-gradient( 
    135deg
    , rgba(199, 143, 59, 1) 0%, rgba(240, 191, 93, 1) 50%, rgba(245, 187, 12, 1) 51%, rgba(209, 148, 25, 1) 71%, rgba(158, 118, 9, 1) 100% );

}
.swift:hover{
  color: #fff;
  background: linear-gradient( 
    135deg
    , rgba(199, 143, 59, .8) 0%, rgba(240, 191, 93, .8) 50%, rgba(245, 187, 12, .8) 51%, rgba(209, 148, 25, .8) 71%, rgba(158, 118, 9, .8) 100% );

}

.payee-count {
  color: #fff;
  font-size: 21px;
}

.swift .payee-count {
  color: #fff;
}

a.payee-manager-link{
  text-decoration: none;
}

.payee-manager:hover{
  background-color: #286090;
  border-color: #204d74;
}
.payee-manager{
  color: #fff;
  border: 0;
  box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 34%);
  background-color: #337ab7;
  margin-bottom: 20px;
  margin-top: 10px;
}

.payee-manager>.panel-body{
  position: relative;
}

.payee-header{
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.payee-card-right{
  position: absolute;
  right: 20px;
  top: 24px;
}