body{
  margin:0 auto;
  padding:0; 
  list-style-type:none; 
  text-decoration:none;   
  font-family: 'Biennale' !important;
  font-style: normal;
  font-weight: normal;
}

@font-face {
    font-family: 'Biennale Bold It';
    src: url('../fonts/Biennale-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale Heavy It';
    src: url('../fonts/Biennale-HeavyIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale Thin It';
    src: url('../fonts/Biennale-ThinIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('../fonts/Biennale-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale SemiBold It';
    src: url('../fonts/Biennale-SemiBoldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('../fonts/Biennale-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale Book';
    src: url('../fonts/Biennale-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale Light It';
    src: url('../fonts/Biennale-LightIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale Hair';
    src: url('../fonts/Biennale-Hair.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale Medium It';
    src: url('../fonts/Biennale-MediumIt.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('../fonts/Biennale-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale Book It';
    src: url('../fonts/Biennale-BookIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('../fonts/Biennale-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale It';
    src: url('../fonts/Biennale-RegularIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('../fonts/Biennale-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('../fonts/Biennale-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale Black It';
    src: url('../fonts/Biennale-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('../fonts/Biennale-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale Hair It';
    src: url('../fonts/Biennale-HairIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale UltraLight It';
    src: url('../fonts/Biennale-UltraLightIt.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('../fonts/Biennale-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale Ultra';
    src: url('../fonts/Biennale-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}





.main-home .col_icon {
  float: left;
  text-align: center;
}
.header .logo {
  margin: 32px 2px 27px 0;
  text-align: center;
}
/*.header .phone p:before{
  content:"\f095";
  font-size:17px;
  color:#17354C;
  font-family: fontawesome;
}
.header .mail p:before{
  content:"\f199";
  font-size:17px;
  color:#17354C;
  font-family: fontawesome;
}*/
.header .phone p a{
  font-weight: bold;
  font-size:16px;
  color:#4d4d4d;
  line-height:23px;
}
.header .mail p a{
  font-weight: bold;
  font-size:16px;
  color:#4d4d4d;
  line-height:23px;
}
.header .phone p {
  margin: 0 0 14px;
}
.header .phone p a i {
  margin: 0 4px 0 0;
}
.header .mail p a i, .header .phone p a i {
  color: #17354C;
  font-size: 20px;
}
.header .phone p a:hover, .header .mail p a:hover {
  color:#17354C;
  text-decoration:none;
}
.header .col-md-4 {
  display: table;
  height: 160px;
}
.header .phone, .header .mail {
  display: table-cell;
  vertical-align: bottom;
}
.header .mail{text-align:right;}
.header .phone{text-align:left;}
.header .mail > p {
  margin: 0 0 16px;
}
.header {
  margin-bottom: 24px;
  display:inline-block;
  width:100%;
}
.header .row {
  position: relative;
}
.header::after {
  border-bottom: 1px solid #9a9a9a;
  bottom: 24px;
  content: "";
  display: block;
  left: 15px;
  position: absolute;
  right: 15px;
}
.login_img img {
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  margin: 0 0 0 1px;
  max-width: 100%;
}
.loginfrm {
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  padding: 20px;
  text-align:center;
  display:inline-block;
  width: 100%;
}
.loginfrm h3 {
  border-bottom: 2px solid #4d4d4d;
  color: #17354C;
  display: inline-block;
  float: none;
  font-weight: bold;
  font-size: 25px;
  line-height: 25px;
  margin: 0 0 18px 3px;
  padding: 0 0 5px;
  text-align: center;
}
.loginfrm h3 i {
  margin: 0 7px 0 0;
}
label {
  color: #4d4d4d;
  cursor: auto;
  display: block;
  font-weight: 500;
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 3px;
  text-align: left;
}
input[type="text"], input[type="password"] {
  background-color: #ffffff;
  border: 1px solid #9a9a9a;
  border-radius: 7px;
  box-sizing: border-box;
  color: #4d4d4d;  
  font-size: 14px;
  height: 35px;
  line-height: 18px;
  padding: 1px 10px 0;
  width: 100%;
}
.loginfrm .loginform .form-group {
  margin: 0 0 26px;
}
input[type="text"]:focus, input[type="password"]:focus {
  border: 1px solid #17354C !important;
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(0, 173, 239, 0.6) !important;*/
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(23, 53, 76, 0.6) !important;
  outline-color: inherit;
  outline-style: none;
  outline-width: medium;
}
input[type="submit"], input[type="button"], button.btn {
  background-color: #17354C;
  border-radius: 7px;
  color: #ffffff;
  float: left;  
  font-weight: 500;
  font-size: 18px;
  height: 40px;
  line-height: 18px;
  margin: -6px 0 2px;
  width: 100px;
  cursor:pointer;
  border:1px solid #17354C;
  outline:none !important;
  outline-color:inherit;
}
input[type="submit"]:hover, input[type="button"]:hover, button.btn:hover{
  background-color:#fff;
  color:#17354C;
  border:1px solid #17354C;
}
.loginfrm form input[type="reset"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #4d4d4d;
  cursor: pointer;
  float: right;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  margin: -8px 0 2px;
  outline-color: inherit;
  outline-style: none;
  outline-width: medium;
  padding: 0;
}
.loginfrm form input[type="reset"]:hover{
  color:#17354C;
}
form label.error {
  color: #ff0000;
  font-weight: normal;
  font-size: 14px;
  margin: 0;
}
.main-login-container {
  margin: 0 0 32px;
}
.footer {
  background-color: #e8e8e8;
  padding: 17px 0 7px 0;
  text-align: center;
}
.footer h6 {
  color: #101010;  
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 9px;  
}
.footer p {
  color: #4d4d4d;  
  font-size: 12px;
  line-height: 19px;
  margin: 0 0 10px;  
}
img{max-width:100%;}
.main-home .col_icon h1 a {
  color: #4d4d4d;
  display: inline-block;  
  font-size: 20px;
  line-height: 25px;
  margin: 11px 0 10px;
}
.main-home .col_icon h1 a:hover{
  color: #17354C;
  text-decoration:none;
}
.main-home .col_icon h1{margin:0;}
.main-home .col_icon.loan_simulatorcls {
  width: 31.2%;
}
.main-home .col_icon.system_detailcls {
  width: 38%;
}
.main-home .col_icon.Income_desccls {
  width: 30.4%;
}
.main-home {
  margin: 0 0 82px;
}
.header_again .header_detail {
  background-color: #16354c;
  display: inline-block;
  width: 100%;
}
.header_again .phonemail {
  float: left;
  width: 50%;
}
.header_again .abouthelp {
  float: right;
  width: 50%;
}
.header_again .phonemail span a{  
  font-size:14px;
  color:#fff;
  line-height:21px;
}
.header_again .phonemail span a:hover{color:#d9d9de; text-decoration: none;}
.header_again .abouthelp ul {
  float: right;
  list-style-type: none;
  margin: -3px 0 0;
  padding: 0;
}
.header_again .abouthelp ul li{
  display:inline;
  position:relative;
}
.header_again .abouthelp ul li:not(:last-child) {
  margin-right: 8px;
  padding-right: 13px;
}
.header_again .abouthelp ul li:not(:last-child)::after {
  border-right: 1px solid #ffffff;
  bottom: 3px;
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 4px;
}
.header_again .header_detail {
  background-color: #16354c;
  display: inline-block;
  padding: 8px 0 4px;
  width: 100%;
}
.header_again .header_menu {
  background-color: #d9d9de;
  display: inline-block;
  width: 100%;
}
.header_again .phonemail span.header_phone a i {
  font-size: 17px;
  margin: 0 5px 0 0;
}
.header_again .phonemail span.header_mail a i {
  font-size: 17px;
  margin: 0 5px 0 0;
}
.header_again .phonemail span.header_phone {
  padding: 0 9px 0 0;
}
.header_again .abouthelp ul li a {
  color: #ffffff;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
}
.header_again .abouthelp ul li:hover a {text-decoration:none; color:#d9d9de;}
.header_menu .header_logo {
  float: left;
  /*margin: 9px 0 8px;*/
  margin: 20px 0 10px;
}
.header_menu .menu1 {
  float: right;
}
.safari .header_menu .menu1 {
  margin-bottom: -4px;
}
.header_menu .menu1 nav.navbar {
  margin: 39px 0 0;
  padding: 0;
  border:0;
  min-height:auto;
}
.header_menu .menu1 ul.nav li a {
  background-color: #16354c;
  border-left: 1px solid #16354c;
  border-top: 1px solid #16354c;
  border-right: 0;
  border-bottom: 0;
  color: #ffffff;
  display: inline-block;
  font-weight: 500;
  font-size:16px;
  /*padding: 12px 9px 9px 7px;*/
  padding: 13px 5px 5px;
  width:100%;
  height:46px;
}
.header_menu .menu1 ul.nav li:hover a, .header_menu .menu1 ul.nav li.active a {
  color: #000000;
  background-color: #fff;
  text-decoration:none;
  border-bottom: 0;
}
.ie .header_menu .menu1 ul.nav li.graph a i {
  background: rgba(0, 0, 0, 0) url("../images/chart-icon.png") no-repeat scroll center center;
  font-size: 0;
  height: 15px;
  margin: 0 3px 0 2px;
  vertical-align: 13px;
  width: 19px;
}
.ie .header_menu .menu1 ul.nav li.graph:hover a i, .ie .header_menu .menu1 ul.nav li.graph.active a i {
  background: rgba(0, 0, 0, 0) url("../images/chart-icon-black.png") no-repeat scroll center center;
}
/*.header_menu .menu1 ul.nav li.standard a {
  padding: 12px 28px 9px 26px;
}
.header_menu .menu1 ul.nav li.home a {
  padding: 12px 37px 9px;
}
.header_menu .menu1 ul.nav li.income a {
  padding: 12px 23px 9px;
}
.header_menu .menu1 ul.nav li.customer a {
  padding: 12px 49px 9px;
}*/
/*.header_menu .menu1 ul.nav {
  margin: 39px 0 0;
}*/
.header_menu .menu1 ul.nav {
  display: table;
  margin: 0;
}
.header_menu .menu1 ul.nav li {
  border: 0 none;
  box-shadow: none;
  display: table-cell;
  height: 46px;
  text-align: center;
  vertical-align: middle;
  width: 190px;
}
.header_menu .menu1 ul.nav li.graph {
  width: 198px;
}
.header_menu .menu1 ul.nav li.standard {
  width: 197px;
}
.header_menu .menu1 ul.nav li.home {
  width: 197px;
}
.header_menu .menu1 ul.nav li.income {
  width: 197px;
}
.header_menu .menu1 ul.nav li.customer {
  width: 197px;
}
.header_menu .menu1 ul.nav li a i {
  margin: 0 3px;
}
.header_menu .menu1 ul.nav li.home a i, .header_menu .menu1 ul.nav li.income a i, .header_menu .menu1 ul.nav li.customer a i {
  margin: 0 4px 0 3px;
}
.customerform {
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  padding: 16px 20px 15px 19px;
  position: relative;
}
form.customerfrm {
  margin: 30px 0 33px;
}
form.customerfrm label {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
form.customerfrm input[type="text"] {
  background-color: #ffffff;
  height: 30px;
}
select::-ms-expand {
  display: none;
}
form select {
  border: 1px solid #9a9a9a;
  border-radius: 4px;
  height: 30px;
  padding: 1px 7px 0;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance:none;
  background: url(../images/select-arr.png) no-repeat 97.3% center;
  outline:none;
  outline-color:inherit;  
  font-size:14px;
  color:#4d4d4d;
}
.positionfrm {
  bottom: 75px;
  left: 135px;
  position: absolute;
}
.positionfrm form {
  float: left;
}
.positionfrm form:not(:last-child) {
  margin: 0 10px 0 0;
}
.customerform .btndiv > a {
  float: left;
}
.customerform .printsavecls {
  display: inline-block;
  margin: 0 0 0 210px;
}
.customerform input[type="submit"], .customerform input[type="button"], .customerform input[type="reset"], .positionfrm input[type="submit"], .positionfrm input[type="button"] {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  height: 35px;
  line-height: 18px;
  margin: 0;
  padding: 8px 0;
  width: 90px;
}
.customerform input[type="submit"]:hover, .customerform input[type="button"]:hover, .positionfrm input[type="submit"]:hover, .positionfrm input[type="button"]:hover {
  background-color: #fff;
  border: 1px solid #4d4d4d;
  color: #4d4d4d;
}
.customerform input[value="Save"] {
  margin-left: 10px;
  background-color: #17354C;
  border: 1px solid #17354C;
}
.customerform input[value="Save"]:hover {
  background-color: #fff;
  color: #17354C;
  border: 1px solid #17354C;
}
.customerform .col-md-12.btndiv {
  margin: 5px 0 26px;
  position: relative;
}
form.customerfrm .col-md-4 {
  margin: -5px 0 0;
}
form.customerfrm .col-md-4 .form-group {
  margin: 0 0 30px;
}
form.customerfrm .col-md-4 {
  margin: -5px 0 0;
  text-align: center;
}
form.customerfrm .col-md-4 img {
  margin: 0 2px 0 0;
}
.header_menu .menu1 .mobile_menu {
  display: none;
}
.customcodediv label {
  color: #4d4d4d;
  cursor: auto;
  display: block;
  font-weight:500;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-align: left;
}
.customcodediv {
  margin: 26px 0 0;
  text-align: center;
}
.customcodediv input[type="text"] {
  background-color: #ffffff;
  height: 30px;
}
.customcodediv .form-group {
  margin: 0 0 30px;
}
.customcodediv > img {
  margin: 0 2px 0 0;
}
.customlist_imgdiv {
  margin: 29px 0 30px;
  text-align: center;
}
.customlist_imgdiv > img {
  margin: 0 1px 0 0;
}
.customer-list.customerform {
  margin: 30px 0 33px;
  padding: 16px 20px 29px 19px;
}
.customer-list table th {
  border-left:0;
  border-right:0;
  border-top: 1px solid #17354C;
  border-bottom: 1px solid #17354C;
  color: #4d4d4d;
  font-weight:500;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 0 9px;
  text-transform:capitalize;
}
.customer-list table {
  border: 1px solid #dddddd;
  margin: 0 0 0;
}
.customer-list .customlisttbl {margin: 0 0 24px; overflow-x: auto;}
.customer-list table td{
  border:0;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
  font-size:14px;
  color: #4d4d4d;
  padding: 7px 0 3px;
  cursor: pointer;
}
.customer-list table td a{color: #4d4d4d;}
.customer-list .button {
  float: right;
  margin: 0 0 17px;
  text-align: right;
  width: 100%;
}
.customer-list input[type="submit"], .customer-list input[type="button"] {
  font-family: "Biennale" !important;
  border-radius: 7px;
  color: #ffffff;
  float: none;
  font-weight:500;
  font-size: 18px;
  line-height: 18px;
  /*padding: 3px 2px 0 0;*/
  text-transform: capitalize;
}
.customer-list input[type="button"] {
  margin: 0 0 0 6px;
}
.customer-list input[type="reset"]:hover {
  background-color: #ffffff;
  border: 1px solid #4d4d4d;
  color: #4d4d4d;
}
.customer-list .customerlistform {
  display: inline-block;
  width: 100%;
}
.customer-list table th.radiobtn {
  width: 43px;
}
.customer-list table th.code {
  width: 68px;
}
.customer-list table th.fname {
  width: 105px;
}
.customer-list table th.sname {
  width: 94px;
}
.customer-list table th.term {
  width: 66px;
}
.customer-list table th.hcamount {
  width: 111px;
}
.customer-list table th.stdamount {
  width: 117px;
}
.customer-list table th.lastmodifed {
  width:124px; 
}
.customer-list table td.radiobtn {
  padding: 8px 4px 7px 0;
  text-align: center;
  position:relative;
}
.customer-list table td.code {
  padding: 7px 0 3px 2px;
}
.customer-list table td.term {
  padding: 7px 0 3px 4px;
}
.customer-list table td.stdamount {
  padding: 7px 0 3px 1px;
}
.customer-list table td.lastmodifed {
  padding: 7px 0 3px 3px;
}
.customer-list table td.radiobtn input[type="radio"] {
  opacity: 0;
  position: absolute;
}
.customer-list table td.radiobtn input[type="radio"]:checked + .rdround::before {
  background-color: #17354C;
  border-radius: 100%;
  content: "";
  height: 8px;
  left: 50%;
  margin: -4px 0 0 -4px;
  position: absolute;
  top: 50%;
  width: 8px;
}
.customer-list table td.radiobtn .rdround {
  border: thin solid #17354C;
  border-radius: 100%;
  display: block;
  height: 14px;
  left: 12px;
  position: absolute;
  width: 14px;
  /*top: 8px;*/
  top: 50%;
  transform: translateY(-50%);
}
.customer-list .customerlistform label {
  font-size: 14px;
  margin: 0 0 1px;
}
.customer-list .customerlistform input[type="text"], .customer-list .customerlistform input[type="password"]{
  height:30px;
}
.customer-list .customerlistform .form-group {
  margin: 0 0 15px;
}
.customer-list .customerlistform .col-md-12 {
  margin-top: 15px;
}
.customer-list .customerlistform input[value="Save"] {
  margin: 0;
}
.customer-list .customerlistform .col-md-12 input.btn:not(:last-child) {
  margin-right: 6px;
}
.customer-list .customerlistform .col-md-12 .form-group {
  margin: 0;
}
.customer-list .customerlistform > form {
  margin: 0;
}
.customer-list .customerlistform .col-md-12 input.btn:disabled {
  opacity: 1;
}
.customer-list .customerlistform .col-md-12 input.btn:disabled {
  color: #666666;
  opacity: 1;
}
.customer-list .customerlistform .col-md-12 input[value="Save"]:disabled {
  /*color: #0cb9d6;*/
  color: #d9d9de;
}
.customer-list .customerlistform .col-md-12 input.btn:disabled:hover {
  background-color: #4d4d4d;
}
.customer-list .customerlistform .col-md-12 input[value="Save"]:disabled:hover {
  background-color: #17354C;
}
.modal-dialog .modal-body form.popupfrm  {
  display: inline-block;
  padding: 20px 0 0;
  text-align: center;
  width: 100%;
}
.modal-body form.popupfrm  input, .modal-body form.popupfrm  button.btn {
  display: inline-block;
  float: none;
  margin: 0 0px 20px 0;
  padding: 1px 0 0;
  vertical-align: top;
  width: 120px;
}
.modal-body form.popupfrm  input:hover, .modal-body form.popupfrm  button.btn:hover{ border: 1px solid #17354C;}
.modal-body form.popupfrm input{
  margin: 0 10px 20px 0;
}
.customerform .col-md-6:nth-child(2n+1) {
  /*clear: both;*/
}
.customerform .form-group {
  margin-bottom: 17px;
}
.successmsg {
  color: #3aba3a;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
}
.menu-icon {
  display: none;
}
.errormsg {
  color: #ff0000;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  margin: 0;
}
.mobile_menu {
  display: none;
}
.clear {
  clear: both;
}
.homecredit-left label, .standardln label {
  font-size: 14px;
  margin: 0 0 1px;
}
.homecredit-left {
  display: inline-block;
  margin: 28px 0 0;
  width: 100%;
}
.homecredit-left input[type="text"] {
  height: 30px;
  background-color: #fff;
  box-shadow: none;
  color: #000;
}
.safari .homecredit-left input[type="text"]{
  color: #000;
}
.safari .homecredit-left input[type="text"]::-webkit-input-placeholder { 
    color: #000;
    opacity: 1;
}
.safari .homecredit-left input[type="text"]:disabled {
  color : #000 !important;
}
.homecredit-left .form-group {
  margin: 0 0 16px;
}
.homecredit-left input[type="button"], .standardln input[type="submit"], .standardln input[type="button"] {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  height: auto;
  margin: 14px 0 20px;
  padding: 7px 14px 5px 13px;
  width: auto;
  color:#fff;
}
.homecredit-left input[type="button"]:hover, .standardln input[type="submit"]:hover, .standardln input[type="button"]:hover{
  color:#4d4d4d;
  background-color: #fff;
}
.homecredit-left input[type="button"]:nth-child(1) {
  margin: 14px 11px 20px 0;
}
.homecredit-right {
  margin: 30px 1px 30px 0;
  text-align: center;
}
.homecredittbl {
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  margin: 11px 0 33px;
  padding: 21px 20px 20px 19px;
}
.homecredittbl table {
  width: 100%;
  border: 1px solid #dddddd;
  margin: 0;
  border-top:0;
}
.homecredittbl table th {
  border-left:0;
  border-right:0;
  border-top: 1px solid #17354C;
  border-bottom: 1px solid #17354C;
  color: #4d4d4d;
  font-weight:500;
  font-size: 14px;  
  padding: 10px 10px 9px 0;
}
.homecredittbl table td{
  border:0;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
  font-size:14px;
  color: #4d4d4d;
  padding: 7px 10px 3px 0;
}
.homecredittbl table td:nth-child(1) {
 padding: 7px 10px 3px 11px;
}
.homecredittbl table th.trans_date {
  padding: 10px 10px 9px 12px;
  width: 179px;
}
.homecredittbl table th.type {
  width: 181px;
}
.homecredittbl table th.debit {
  width: 121px;
}
.homecredittbl table th.credit {
  width: 111px;
}
.homecredittbl table th.balance {
  width: 136px;
}
.homecredittbl table td.trans_date {
  width: 183px;
}
.homecredittbl table td.type {
  width: 190px;
}
.homecredittbl table td.debit {
  background: rgba(0, 0, 0, 0) url("../images/dollar-symbol.png") no-repeat scroll left center;
  padding: 7px 30px 3px 0;
  text-align: right;
  width: 128px;
}
.homecredittbl table td.credit {
  width: 115px;
  background: rgba(0, 0, 0, 0) url("../images/dollar-symbol.png") no-repeat scroll left center;
  padding: 7px 25px 3px 0;
  text-align: right;
}
.homecredittbl table td.balance {
  width: 128px;
  background: rgba(0, 0, 0, 0) url("../images/dollar-symbol.png") no-repeat scroll left center;
  padding: 7px 30px 3px 0;
  text-align: right;
}
/*.homecredittbl table td.trans_date {
  width: 179px;
}
.homecredittbl table td.type {
  width: 181px;
}
.homecredittbl table td.debit {
  width: 121px;
}
.homecredittbl table td.credit {
  width: 111px;
}
.homecredittbl table td.balance {
  width: 136px;
}*/

.popupcontent > span {
  color: #4d4d4d;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
}
.modal-content .balance > label {
  display: inline-block;
  margin: 5px 5px 5px 0;
}
.modal-body form.popupfrm.homecredit-popup input[type="text"]:nth-child(2) {
  margin-right: 5px;
}
.popupcontent {
  margin: 0 0 30px;
}
.modal-body form.popupfrm input[type="text"] {
  margin: 0 0 20px;
  padding:1px 10px 0;
  height:35px;
}
.popupfrm.homecredit-popup .Doyou {
  color: #4d4d4d;
  font-weight:500;
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 10px;
}
form.popupfrm.homecredit-popup input[type="submit"], form.popupfrm.homecredit-popup button.btn {
  height: auto;
  padding: 7px 14px 5px 13px;
  width: auto;
}
.standardln {
  display: inline-block;
  margin: 28px 0 0;
  width: 100%;
}
.standardln input[type="text"] {
  height: 30px;
}
.standardln .form-group {
  margin-bottom: 16px;
}
.repayment .repyament-txt, .repayment .repayment-select {
  display: inline-block;
  float: left;
  width: 50%;
}
.form-group.repayment {
  display: inline-block;
  width: 100%;
}
.repayment .repayment-select {
  padding-left: 9px;
}
.repayment .repyament-txt {
  padding-right: 6px;
}
.repayment .repayment-select select {
  background: rgba(0, 0, 0, 0) url("../images/select-arr-single.png") no-repeat scroll 94.7% center;
  border-radius: 6px;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 14px;
  padding: 3px 5px 0;
}
.standardln input[type="submit"] {
  margin: 14px 11px 20px 0;
}
.incomeexpensecls .customlisttbl > label {
  font-size: 14px;
  margin: 0 0 14px;
}
.incomeexpensecls .customer-list.customerform {
  margin: 0 0 20px;
  padding: 17px 20px 20px 19px;
}
.incomeexpensecls .customer-list.customerform table select {
  border: 0 none;
  height: auto;
  margin: 0 0 0 -2px;
  padding: 0;
  text-transform: capitalize;
  width: 100%;
}
.incomeexpensecls .customer-list.customerform table select.error{color:#4d4d4d;}
.incomeexpensecls .customer-list.customerform table select option {
  padding: 0;
}
.incomeexpensecls .customer-list.customerform table input[type="text"] {
  border: 0 none;
  height: auto;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
  border-radius:0;
}
.incomeexpensecls .customer-list.customerform table input[type="text"]:focus {
  border: 0 none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #ddd !important;
  outline-color: inherit;
  outline-style: none;
  outline-width: medium;
}
.incomeexpensecls .customer-list.customerform table td {
  padding: 8px 10px 3px 0;
  vertical-align: top;
}
.incomeexpensecls .customer-list table th.radiobtn {
  width: 43px;
}
.incomeexpensecls .customer-list table th.Detail {
  width: 238px;
}
.incomeexpensecls .customer-list table th.frequency {
  width: 176px;
}
.incomeexpensecls .customer-list table th.Amount {
  width: 167px;
}
.incomeexpensecls .customer-list table th.Date {
  width: 104px;
}
.incomeexpensecls .customer-list.customerform table td.frequency select {
  background: rgba(0, 0, 0, 0) url("../images/select-arr.png") no-repeat scroll 89% center;
  margin: 0 0 0 -4px;
}
.chrome .incomeexpensecls .customer-list.customerform table td.frequency select { 
  margin: 0 0 0 -1px;
}
.incomeexpensecls .customer-list.customerform table td select {
  background: rgba(0, 0, 0, 0) url("../images/select-arr.png") no-repeat scroll 93% center;
}
.incomeexpensecls .customer-list.customerform table td.Amount span.doller::before {
 /*content:"\f155";
 font-family:fontawesome;
 color:#4d4d4d;
 font-size:14px;*/
  /*background:url(../images/dollar.svg) no-repeat center center;
  background-size:cover;
  width:15px;
  height:15px; 
  content: "";
  display: inline-block;*/ 
}
.incomeexpensecls .customer-list.customerform table td.Amount input[type="text"] {
  background: rgba(0, 0, 0, 0) url("../images/dollar-symbol.png") no-repeat scroll left 1px;
  padding-left: 13px;
  text-align: right;
  width: 100px;
}
.safari .incomeexpensecls .customer-list.customerform table td.Amount input[type="text"] {
  background: rgba(0, 0, 0, 0) url("../images/dollar-symbol.png") no-repeat scroll left 3px;
}
.incomeexpensecls .customerform .tbl {
  margin: 0 0 17px;
}
.incomeexpensecls .customer-list .tblbtn input[type="button"], .incomeexpensecls .customer-list .tblbtn input[type="submit"] {
  margin: 0 7px 0 0;
}
.incomeexpensecls .customer-list .customlisttbl {
  margin: 0;
  overflow: inherit;
}
.incomeexpensecls .tblbtn .form-group {
  margin: 0;
}
.incomeexpensecls {
  margin: 30px 0;
}
.incomeexpensecls .cashbox .customlisttbl > label, .incomeexpensecls .monthlycardbox .customlisttbl > label {
  margin: 0 0 18px;
}
.incomeexpensecls .customerform.monthlycardbox .tbl {
  margin: 0 0 20px;
}
.btnprintsave input[type="button"], .btnprintsave input[type="submit"] {
  height: auto;
  margin: 0;
  padding: 7px 15px 5px;
  width: auto;
}
.btnprintsave input[type="button"] {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  color: #ffffff;
  margin: 0 10px 3px 0;
  padding: 7px 23px 5px;
}
.btnprintsave input[type="button"]:hover {
  background-color: #fff;
  color: #4d4d4d;
}
.incomeexpensecls .customer-list.monthlycardbox table th.radiobtn {
  width: 27px;
}
.incomeexpensecls .customer-list.monthlycardbox table th.Detail {
  width: 256px;
}
.incomeexpensecls .customer-list.monthlycardbox table th.Amount {
  width: 167px;
}
.fa-copyright::before {
  font-size: 12px;
}
.incomeexpensecls .customer-list.customerform.monthlycardbox table td.Detail select {
  background: rgba(0, 0, 0, 0) url("../images/select-arr.png") no-repeat scroll 95% center;
}
.btnprintsave {
  display: inline-block;
  width: 100%;
}
.graphbar label {
  font-size: 14px;
}
.graphbar {
  margin: 28px 0 0;
}
.graphbar label {
  font-size: 14px;
  margin: 0 0 1px;
}
.graphbar input[type="text"] {
  height: 30px;
}
.graphbar .form-group {
  margin-bottom: 17px;
}
.graphbar input[type="submit"], .graphbar input[type="button"] {
  background-color: #4d4d4d;
  color:#fff;
  border: 1px solid #4d4d4d;
  height: auto;
  margin: 0 10px 0 0;
  padding: 7px 15px 5px;
  width: auto;
}
.graphbar input[type="submit"]:hover, .graphbar input[type="button"]:hover {
  background-color: #fff;
  color:#4d4d4d;
}
.graphbar input.active[type="submit"] {
  background-color: #17354C;
  color:#fff;
  border: 1px solid #17354C;
}
.graphbar input.active[type="submit"]:hover {
  background-color: #fff;
  color:#17354C;
}
form.btnfrm {
  display: inline-block;
  margin: 14px 0 31px;
  width: 100%;
}
.graphbar input.line[type="submit"] {
  padding: 7px 14px 5px;
}
.graphbar input.print[type="button"] {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  padding: 7px 14px 5px 13px;
}
.graphbar input.print[type="button"]:hover{
  background-color: #fff;
  color: #4d4d4d;
}
.main-bar-container.graphcls {
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  display: inline-block;
  margin: 0 0 33px;
  padding: 14px 10px 10px;
  text-align: center;
  width: 100%;
}
.main-bar-container.graphcls #barchart_material {
  margin: 0 auto;
}
.incomeexpense_desc label {
  font-size: 14px;
}
.system-box {
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  display: inline-block;
  margin: 0 0 20px;
  width: 100%;
}
.systemicondiv {
  margin: 29px 2px 30px 0;
  text-align: center;
}
form.system_detailsfrm {
  margin: 30px 0 0;
}
form.system_detailsfrm .system-box h4 {
  border-bottom: 1px solid #9a9a9a;
  color: #4d4d4d;
  font-weight:500;
  font-size: 14px;
  line-height: 25px;
  margin: 0;
  padding: 14px 19px 12px;
}
form.system_detailsfrm .system-box label {
  color: #4d4d4d;
  cursor: auto;
  display: block;
  font-weight: 500;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 1px;
  text-align: left;
}
form.system_detailsfrm .system-box .systemboxfrm {
  display: inline-block;
  padding: 17px 19px 20px;
  width: 100%;
}
form.system_detailsfrm .system-box .systemboxfrm input[type="text"] {
  height: 30px;
}
.chrome form.system_detailsfrm .system-box .systemboxfrm input[type="text"] {
  line-height:33px;
}
.systemboxfrm .form-group {
  margin-bottom: 16px;
}
form.system_detailsfrm .system-box .systemboxfrm .persentage input[type="text"] {
  width: 94.5%;
}
form.system_detailsfrm .system-box .systemboxfrm .persentage {
  background: rgba(0, 0, 0, 0) url("../images/persentage.png") no-repeat scroll right 31px;
}
.system-box.capital {
  margin: 1px 0 20px;
}
.saveexitbtn {
  display: inline-block;
  margin: 1px 0 33px;
  width: 100%;
}
.saveexitbtn input[type="submit"] {
  height: 35px;
  margin: 0;
  padding: 2px 0 0;
  width: 89px;
}
.saveexitbtn input[type="submit"]:nth-child(1) {
  margin: 0 10px 0 0;
}
.saveexitbtn input[type="submit"]:nth-child(2) {
  background-color:#4d4d4d;
  border:1px solid #4d4d4d;
  color:#fff;
}
.saveexitbtn input[type="submit"]:nth-child(2):hover {
  background-color:#fff;
  border:1px solid #4d4d4d;
  color:#4d4d4d;
}
.customer-list.customerform.incomeexpense_desc {
  margin: 0;
  padding: 17px 20px 20px 19px;
}
.income-expense-msg {
  margin: 30px 0 33px;
}
.incomeexpense_desc label {
  font-size: 14px;
  margin: 0 0 4px;
}
.incomeexpense_desc .customlisttbl table td input[type="text"] {
  border: 0 none;
  height: auto;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
  border-radius:0;
}
.ie1 .incomeexpense_desc .customlisttbl table td input[type="text"] {
  line-height:18px;
  height:20px;
}
.incomeexpense_desc .customlisttbl table td input[type="text"]:focus {
  border: 0 none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #ddd !important;
  outline-color: inherit;
  outline-style: none;
  outline-width: medium;
}
.incomeexpense_desc .customlisttbl table td select {
  background: rgba(0, 0, 0, 0) url("../images/select-arr.png") no-repeat scroll 93.8% center;
  border: 0 none;
  height: auto;
  margin: 0 0 0 -5px;
  padding: 0;
  text-transform: capitalize;
  width: 100%;
}
.incomeexpense_desc .customlisttbl table td select {
  background: rgba(0, 0, 0, 0) url("../images/select-arr.png") no-repeat scroll 91.5% center;
  margin: 0 0 0 -1px;
}
.incomeexpense_desc .customlisttbl table td {
  padding: 8px 10px 3px 0;
  vertical-align: top;
}
.ie1 .incomeexpense_desc .customlisttbl table td {
  padding: 8px 10px 2px 0 !important;
}
.incomeexpense_desc .customlisttbl table th.description {
  width: 403px;
}
.incomeexpense_desc .customlisttbl table th.type {
  width: 282px;
}
.incomeexpense_desc .customlisttbl table td.description.description {
  padding: 8px 10px 3px 2px;
}
.incomeexpense_desc .customlisttbl .tbl {
  margin: 0 0 20px;
}
.customerform.incomeexpense_desc .iedesc_btn input[value="Save"] {
  background-color: #17354C;
  border: 1px solid #17354C;
  margin-left: 0px;
  color:#fff;
}
.customerform.incomeexpense_desc .iedesc_btn input[value="Save"]:hover {
  background-color: #fff;
  color:#17354C;
}
.customerform.incomeexpense_desc .iedesc_btn input[type="submit"]:not(:last-child) {
  margin: 0 7px 0 0;
}
.customer-list.incomeexpense_desc .customlisttbl {
  margin: 0;
  overflow-x: inherit;
}
form.system_detailsfrm .system-box label.error {
  color: #ff0000;
  font-weight: normal;
  font-size: 14px;
  margin: 0; 
}
.graphcls svg {
  border-radius: 10px;
}
.graphcls h4 {
  color: #4d4d4d;
  font-weight:500;
  font-size: 14px;
  line-height: 25px;
  margin: 0 0 10px;
}
.sucess {
  color: #34b434;
  font-weight:500;
  font-size: 14px;
  line-height: 25px;
}
.admin_logo {
  border-bottom: 1px solid #9a9a9a;
  margin: 45px 0 30px;
  padding: 0 0 20px;
  text-align: center;
}
ul.account {
  border: 1px solid #17354C;
  list-style-type: none;
  margin: 0 0 30px;
  padding: 0;
}
ul.account li a {
  color: #17354C;
  display: inline-block;
  font-weight:500;
  font-size: 15px;
  padding: 10px 10px 9px;
  text-transform: capitalize;
  width: 100%;
}
ul.account li.active a {
  color: #fff;
  background-color:#17354C;
}
ul.account li:hover a {text-decoration:none;}
ul.account li:not(:last-child) a {
  border-bottom: 1px solid #17354C;
}
form.changepassfrm input[type="submit"] {
  display: inline-block;
  margin: 10px 0 0;
}
form.changepassfrm {
  display: inline-block;
  margin: 0;
  width: 100%;
}
label.error {
  color: #ff0000;
  font-weight: normal;
  font-size: 14px;
  margin: 0;
}
.loginfrm.loginformcls form {
  display: inline-block;
  width: 100%;
}
.loginfrm.loginformcls {
  margin: 25% 0 0;
}
.loginfrm.loginformcls form .form-group {
  display: inline-block;
  width: 100%;
}
.loginfrm.loginformcls form .form-group:last-child {
  margin: 0;
}
.loginfrm.loginformcls form .form-group input[type="submit"] {
  margin: 10px 0 0;
}
.changepassdiv {
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  display: inline-block;
  margin: 0 0 60px;
  padding: 30px 0;
  text-align: center;
  width: 100%;
}
.changepassdiv .col-md-7 {
  display: inline-block;
  float: none;
}
form.aboutpageform .aboutcls > h3, form.aboutpageform .helpcls > h3 {
  color: #17354C;
  font-weight:500;
  font-size: 20px;
  line-height: 23px;
  margin: 0 0 15px;
  text-transform: capitalize;
}
form.aboutpageform .helpcls, form.aboutpageform .aboutcls {
  display: inline-block;
  margin: 0 0 30px;
  width: 100%;
}
form.aboutpageform .helpcls{margin:0;}
form.aboutpageform, .help-pages-main {
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  margin: 0 0 30px;
  padding: 25px 20px;
}
.help-pages-main01 {
    min-height: 355px;
}
form.aboutpageform .aboutcls input[type="submit"], form.aboutpageform .helpcls input[type="submit"] {
  margin: 20px 0 0;
}
.other_setcls {
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  display: inline-block;
  margin: 0 0 40px;
  padding: 25px 20px;
  width: 100%;
}
.other_setcls p {
  color: #4d4d4d;
  font-weight: normal;
  font-size: 15px;
  line-height: 21px;
  text-transform: capitalize;
}
.other_setcls form .col-md-4 {
  margin: 0 0 20px;
}
textarea {
  background-color: #ffffff;
  border: 1px solid #9a9a9a;
  border-radius: 7px;
  box-sizing: border-box;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 14px;
  height: 100px;
  line-height: 18px;
  padding: 10px;
  width: 100%;
}
.other_setcls form input[type="submit"], .other_setcls form {
  margin: 0;
}
.success_msg {
  color: #31b131;
  font-weight:500;
  font-size: 15px;
  line-height: 23px;
  margin: 0 0 10px;
  text-transform: capitalize;
}
.other_setcls form .col-md-4 > img {
  border: 1px solid #cccccc;
  margin: 10px 0 0;
}
input[type="file"] {
  border: 1px solid #9a9a9a;
  border-radius: 7px;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 14px;
  height: 30px;
  width: 100%;
}
.error .success {
  color: #3aba3a;
}
.other_setcls input[type="text"] {
  height: 30px;
}
.aboutpagecls > p, .helppagecls > p {
  color: #4d4d4d;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  margin: 0 0 20px;
}
.helppagecls, .aboutpagecls {
  margin: 30px 0;
}
.helppagecls > p a,
.helppagecls ul li strong a {
  color: #17354C;
  font-weight: 600;
}
form.homecredit-popup2 .popupcontent > span {
  font-weight: bold;
  font-size: 18px;
}
form.homecredit-popup2 .balance h4 {
  font-weight:500;
  font-size: 14px;
  line-height: 21px;
}
.modal-body form.popupfrm.homecredit-popup2 input[type="radio"] {
  float: left;
  margin: 4px 10px 0 0;
  vertical-align: top;
  width: auto;
}
form.homecredit-popup2 .balance.inputradio > label {
  float: left;
  text-align: left;
  vertical-align: top;
}
form.homecredit-popup2 .balance.inputradio {
  display: inline-block;
  float: none;
}
.modal-body form.popupfrm.homecredit-popup2 input{vertical-align:middle; margin:0 10px 0 0;}
form.homecredit-popup2 .balance {
  margin: 0 0 20px;
}
form.homecredit-popup2 .popup-button .btn.btn-default {
  margin: 0 5px 0 0;
}
.main-bar-container.graphcls > h6 {
  color: #0a4d77;
  font-weight:500;
  font-size: 10px;
  margin: 10px 50px 10px 0;
}
.simplemsg-popup .popupcontent {
  text-align: center;
}
.simplemsg-popup button {
  display: inline-block;
  float: none;
  margin: 0 auto;
}
.simplemsg-popup .modal-body {
  text-align: center;
}
form.homecredit-popup2 .balance > label {
  display: inline-block;
  margin: 0 10px 0 0;
}
form.customerfrm .amount input[type="text"] {
  background: rgba(0, 0, 0, 0) url("../images/dollar-symbol.png") no-repeat scroll 10px center;
  padding-left: 25px;
}

.helppagecls {
    min-height: 380px;
}
.help-main h2 {
    float: left;
  margin-top: 0;
}
.help-main > a {
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d;
    color: #fff;
    float: right;
    height: 35px;
    line-height: 18px;
    margin: 0;
    padding: 8px 0;
    text-align: center;
    width: 90px;
  font-weight: 500;
    font-size: 18px;
  text-align:center;
  border-radius: 7px;
}
.help-main-list > ul {
    margin-top: 10px;
    padding-left: 0;
}
.form-group.add-new-page {
    text-align: right;
}
.help-main-list > ul li {
  list-style:none;
  font-weight: 500;
  font-size:18px;
  color:#17354C;
  margin-bottom:5px;
}
.help-main-list > ul li a {
  color:#17354C;
}
.help-main {
    border-bottom: 1px solid #999;
}
.admin_logo img, .header .logo a img {
  max-height:110px;
  max-width:197px;
}
.header_logo a img {
  max-height: 68px;
  /*max-width: 122px;*/
  max-width: 150px;
}
.usersdiv .customer-list.customerform {
  margin: 0 0 50px;
}
.usersdiv .customer-list table th.name {
  width: 12%;
}
.usersdiv .customer-list table th.usernm {
  width: 9%;
}
.usersdiv .customer-list table th.phone {
  width: 10%;
}
.usersdiv .customer-list table th.mobile {
  width: 10%;
}
.usersdiv .customer-list table th.pager {
  width: 6%;
}
.usersdiv .customer-list table th.fax {
  width: 8%;
}
.usersdiv .customer-list table th.hmloaninterest {
  width: 13%;
}
.usersdiv .customer-list table th.stdloaninterest {
  width: 13%;
}
.usersdiv .customer-list table th.monthly-fee {
  width: 5%;
}
.usersdiv .customer-list table th.semi-fee {
  width: 5%;
}
.usersdiv .customer-list table th.user-logo {
  width: 14%;
}
.usersdiv .customer-list table th.radiobtn {
  width: 5%;
}
.usersdiv .customer-list table th {
  padding-left: 5px;
  padding-right: 5px;
}
.usersdiv .customer-list table td {
  padding: 8px 5px 8px 0;
}
.userfrm form.changepassfrm .form-group {
  display: inline-block;
  width: 100%;
}
.userfrm form input[type="button"], .userfrm form input[type="submit"] {
  margin: 0;
}
.userfrm form.changepassfrm .form-group.btn-frm {
  margin: 0 0 15px;
  width: 89%;
}
.userfrm form.frm-btn {
  display: inline-block;
  float: none;
}
.userfrm .form-group.btn-frm input[type="button"] {
  margin: 0 10px 0 0;
}
.userfrm form.frm-btn.selt input[type="submit"] {
  margin: 0 5px 0 0;
}
.changepassdiv.userfrm .col-md-7 {
  position: relative;
}
.userfrm form.frm-btn.selt {
  bottom: 1px;
  left: 29.8%;
  position: absolute;
}
.userfrm form.frm-btn.dlt {
  bottom: 1px;
  left: 51.5%;
  position: absolute;
}
.userfrm .form-group.btn-frm input[type="button"], .userfrm form.frm-btn input[type="submit"] {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  color:#fff;
}
.userfrm .form-group.btn-frm input[type="button"]:hover, .userfrm form.frm-btn input[type="submit"]:hover {
  background-color: #fff;
  color:#4d4d4d;
}
.userfrm form.changepassfrm .form-group.btn-frm input[type="submit"] {
  float: right;
}
.income-expence-desc .income-expense-msg {
  margin: 0 0 50px;
}
.usersdiv .customer-list table td.radiobtn .rdround {
  left: 7px;
  top: 51px;
}



/*--------------------------------------Responsive------------------------------------------*/

@media screen and (max-width:1200px){
.header .col-md-4 {
  height: auto;
  max-width: 100%;
  text-align: center;
  width: 100%;
  display: inline-block;
  width: 100%;
  flex: auto;
}
.header .phone, .header .mail {
    text-align: center;
    display: block;
}
.header .phone p {
  margin: 20px 0;
  text-align: center;
}
.header .logo {
  margin: 20px 0;
}
.header .mail p {
  text-align: center;
}
.header_menu .header_logo {
  float: none;
  text-align: center;
  width: 100%;
}
.header_menu .menu1 ul.nav {
  margin: 10px 0 0;
}
.header_menu .menu1 ul.nav li.customer {
  width: 190px;
}
.customer-list table th.radiobtn {
  width: 180px;
}
.customer-list table th.code {
  width: 80px;
}
.customer-list table th.fname {
  width: 120px;
}
.customer-list table th.sname {
  width: 100px;
}
.customer-list table th.hcamount {
  width: 130px;
}
.customer-list table th.stdamount {
  width: 200px;
}
.customer-list table th.lastmodifed {
  width: 210px;
}
.customer-list table th {
  padding: 12px 10px 12px 0;
}
.header_menu .menu1 nav.navbar {
  margin: 0;
}
.header .col-md-4.col-md-push-4 {
  left: 0;
}
.header .col-md-4.col-md-pull-4 {
  right: 0;
}
.header_menu .menu1 ul.nav li.graph {
  width: 220px;
}
.homecredittbl{ overflow-x: auto;}
/*.homecredittbl table th.trans_date {
  width: 190px;
}
.homecredittbl table th.type {
  width: 217px;
}
.homecredittbl table th.debit {
  width: 130px;
}
.homecredittbl table th.credit {
  width: 111px;
}
.homecredittbl table th.balance {
  width: 125px;
}
.homecredittbl table td.trans_date {
    width: 208px;
}*/
.homecredittbl tbody, .homecredittbl thead {
    display: inline-block;
    width: 676px;
}
.homecredittbl table th.balance {
    width: 118px;
}
.standardln .homecredittbl tbody, .standardln .homecredittbl thead {
    display: inline-block;
    width: 720px;
}
.standardln .homecredittbl table th.balance {
    width: 130px;
    padding-left: 10px;
}
.tbl {
  overflow-x: auto;
}
.incomeexpensecls .customer-list.customerform table td.Detail select {
  width: 160px;
}
.incomeexpensecls .customer-list.customerform table td.Date input[type="text"] {
  width: 150px;
}
.incomeexpensecls .customer-list.customerform table td.frequency select {
  width: 160px;
}
.incomeexpensecls .customer-list.customerform table td.Amount input[type="text"] {
  width: 150px;
}
.incomeexpensecls .customer-list table th.radiobtn {
  padding: 12px 20px;
}
.incomeexpensecls .customer-list.customerform.monthlycardbox table td.Detail select {
  width: 100%;
}
.incomeexpensecls .customer-list.customerform.monthlycardbox table td.Amount input[type="text"] {
  width: 100%;
}
.incomeexpensecls .customer-list.customerform table td.Amount input[type="text"] {
  background: rgba(0, 0, 0, 0) url("../images/dollar-symbol.png") no-repeat scroll left 4px;
}
.incomeexpense_desc .customlisttbl table th.radiobtn {
  width: 43px;
}
.incomeexpense_desc .customlisttbl table th.description {
  width: 250px;
}
.incomeexpense_desc .customlisttbl table th.type {
  width: 250px;
}
.incomeexpense_desc .customlisttbl table td.description input[type="text"] {
  width: 240px;
}
.incomeexpense_desc .customlisttbl table td.type select {
  width: 240px;
}
.safari .header_menu .menu1 {
    margin-bottom: -1px;
}
.userfrm form.frm-btn.selt, .userfrm form.frm-btn.dlt {
  bottom: auto;
  position: inherit;
  left: auto;
}
.userfrm form.changepassfrm .form-group.btn-frm {
  margin: 0 0 15px;
  width: auto;
}
}
@media screen and (max-width:1024px){
.usersdiv .customer-list table th.radiobtn {
  padding: 20px;
}
}
@media screen and (max-width:991px){
.main-login-container .col-md-6 {
  flex: 1 1 auto;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
  width: 100%;
}
.main-home .col_icon.loan_simulatorcls {
  width: 33.33%;
  padding:0 15px;
}
.main-home .col_icon.system_detailcls {
  width: 33.33%;
  padding:0 15px;
}
.main-home .col_icon.Income_desccls {
  width: 33.33%;
  padding:0 15px;
}
.main-home .row {
  margin: 0 -30px;
}
.header_menu .menu1 ul.nav li {
  height: 70px;
}
.header_menu .menu1 ul.nav li a {
  display: table-cell;
  height: 70px;
  vertical-align: middle;
  width: 162px !important;
}
form.customerfrm .col-md-8 {
  flex: 1 1 auto;
  max-width: 100%;
  width: 100%;
}
form.customerfrm .col-md-4 {
  flex: 1 1 auto;
  margin: 20px 0 0;
  max-width: 100%;
}
.customlistdivcls .col-md-8, .customlistdivcls .col-md-4 {
  flex: 1 1 auto;
  max-width: 100%;
  width: 100%;
}
.customlist_imgdiv {
  margin: 0 0 30px;
}
.header_menu .menu1 ul.nav li.income {
  width: 175px;
}
.customcodediv {
  margin: 26px 0 30px;
}
.systemicondiv {
  margin: 0 0 30px;
}
.changepassdiv .col-md-7 {
  width: 100%;
}
.changepassdiv {
  padding: 30px 25px;
}
.other_setcls form .col-md-4 {
  float: left;
  width: 33.3333%;
}
}
@media screen and (max-width:768px){
.mobile_menu {
  display: block;
}
.offset-2{margin-left:0;}
.header_menu .menu1 .mobile_menu {
  display: block;
}
.header_menu .menu1 ul.nav {
  display: none;
}
.menu-icon {
  display: block;
  float:right;
}
.mobile_menu {
  display: inline-block;
  width: 100%;
}
.header_menu a.icon {
  color: #ffffff;
  float: right;
  font-weight: 600;  
  /*font-size: 40px;*/
  font-size:0;
  position: absolute;
  right: 10px;
  /*top: 32px;*/
  top: 24px;
  text-decoration:none;
  background: url(../images/text.svg) no-repeat center center;
  width:30px;
  height:30px;
  background-size: cover;
}
.header_menu a.icon.closeicon{
  background: url(../images/delete.svg) no-repeat center center;
  background-size: cover;
}
.header_menu .mobile_menu a.icon:hover{text-decoration:none;}
.header_menu .menu1 {
  display: inline-block;
  float: none;
  width: 100%;
  display:none;
}
.header_menu .header_logo {
  float: left;
  margin: 15px 0;
  width: auto;
}
.header_menu nav.navbar {
  position: inherit;
}
.header_again .header_menu {
  position: relative;
}
.topnav a:not(:first-child) {display: none;}
.mobile_menu .topnav {
  display: none;
  -webkit-transition: all .9s ease-in-out;
  transition: all .9s ease-in-out;
}
.mobile_menu .topnav.responsive {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #ffffff;
  display: block;
  list-style-type: none;
  margin: 10px 0 20px;
  padding: 0;
  -webkit-transition: all .9s ease-in-out;
  transition: all .9s ease-in-out;
}
.mobile_menu .topnav.responsive a {
  color: #17354C;
  display: block;
  float: none;
  font-weight: normal;
  font-size: 16px;
  padding: 10px 15px;
  text-align: left;
}
.mobile_menu .topnav.responsive a:hover{text-decoration:none; color:#fff; background-color: #17354C;}
.mobile_menu .topnav.responsive li:not(:last-child) a{
  border-bottom: 1px solid #17354C;
}
.header_again .phonemail {
  float: none;
  text-align: center;
  width: 100%;
}
.header_again .phonemail span.header_phone, .header_again .phonemail span.header_mail {
  display: block;
  margin: 0 0 10px;
  padding: 0;
}
.header_again .abouthelp {
  float: none;
  text-align: center;
  width: 100%;
}
.header_again .abouthelp ul {
  float: none;
}
.header_again .header_detail {
  padding: 15px 0;
}
.customerform .printsavecls {
  margin: 0 0 0 194px;
}
.customerform input[value="Save"] {
  margin-left: 5px;
}
.positionfrm {
  left: 129px;
  bottom:42px;
}
.positionfrm form:not(:last-child) {
  margin: 0 5px 0 0;
}
.customcodediv {
  margin: 0 0 30px;
}
.customer-list table th.radiobtn {
  padding: 12px 40px 12px 0;
}
.customer-list table td.radiobtn, .customer-list table td.code, .customer-list table td.fname, .customer-list table td.sname, .customer-list table td.term, .customer-list table td.hcamount, .customer-list table td.stdamount, .customer-list table td.lastmodifed {
  padding: 8px 10px 8px 0;
}
.customer-list .customerlistform .col-md-12 input.btn {
  display: inline-block;
  float: none;
  margin-bottom: 10px;
}
.customer-list .customerlistform .col-md-12 .form-group {
  text-align: center;
}
.customer-list table td.radiobtn .rdround{top: 10px;}
.header_menu .menu1 nav.navbar {
  margin: 0;
}
.mobile_menu .topnav.responsive li a i {
  margin: 0 10px 0 0;
}
.mobile_menu .topnav.responsive li.home a i {
  margin: 0 15px 0 0;
}
.mobile_menu .topnav.responsive li.standard a i {
  margin: 0 12px 0 0;
}
.mobile_menu .topnav.responsive li.income a i {
  margin: 0 17px 0 3px;
}
.mobile_menu .topnav.responsive li.customer a i {
  margin: 0 17px 0 0;
}
.incomeexpensecls .customer-list.customerform.monthlycardbox table td.Detail select {
  width: 300px;
}
.incomeexpensecls .customer-list.customerform.monthlycardbox table td.Amount input[type="text"] {
  width: 250px;
}
.incomeexpensecls .customer-list table td.radiobtn .rdround {
  top: 10px;
}
}
@media screen and (max-width:600px){
.modal-content .balance > label {
  display: block;
  margin: 0;
  text-align: center;
}
.modal-body form.popupfrm.homecredit-popup input[type="text"] {
  width: 100%;
}
.incomeexpensecls .customer-list.customerform table td.Amount input[type="text"] {
  background: rgba(0, 0, 0, 0) url("../images/dollar-symbol.png") no-repeat scroll left 1px;
}
.other_setcls form .col-md-4 {
  float: none;
  width: 100%;
}
.modal-body form.popupfrm.homecredit-popup2 input[type="text"] {
  margin: 0 0 10px;
}
}
@media screen and (max-width:575px){
  .main-home .col_icon.loan_simulatorcls {
  width: 100%;
}
.main-home .col_icon.system_detailcls {
  width: 100%;
}
.main-home .col_icon.Income_desccls {
  width: 100%;
}
.main-home .col_icon h1 a {
  margin: 11px 0 25px;
}
.main-home {
  margin: 0 0 30px;
}
.customerform .printsavecls {
  display: inline-block;
  margin: 10px 0 0;
  text-align: center;
  width: 100%;
}
.printsavecls input[type="submit"], .printsavecls input[type="button"] {
  display: inline-block;
  float: none;
}
.customerform .btndiv > a {
  display: inline-block;
  float: none;
  margin: 0 176px 0 0;
}
.positionfrm {
  bottom: 87px;
  left: 43.3%;
}
.customerform .col-md-12.btndiv {
  text-align: center;
}
.customerform input[value="Save"] {
  margin-left: 5px;
}
form.system_detailsfrm .system-box .systemboxfrm input[type="text"]{
 line-height:33px;    
}
}
@media screen and (max-width:480px){
.customerform .btndiv > a {
  margin: 0 0 40px;
}
.positionfrm {
  bottom: 87px;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 185px;
}
.customerform .btndiv > a {
  margin: 0 0 45px;
}
.repayment .repyament-txt, .repayment .repayment-select {
  float: none;
  padding: 0;
  width: 100%;
}
.repayment .repayment-select select {
  background: rgba(0, 0, 0, 0) url("../images/select-arr-single.png") no-repeat scroll 98% center;
  margin: 10px 0 0;
}
.tblbtn {
  text-align: center;
}
.incomeexpensecls .customer-list .tblbtn input[type="button"], .incomeexpensecls .customer-list .tblbtn input[type="submit"] {
  display: inline-block;
  float: none;
  margin: 0 7px 10px 0;
}
.btnprintsave {
  text-align: center;
}
.btnprintsave input[type="button"], .btnprintsave input[type="submit"] {
  display: inline-block;
  float: none;
}
.iedesc_btn {
  text-align: center;
}
.customerform.incomeexpense_desc .iedesc_btn input[type="submit"] {
  display: inline-block;
  float: none;
  margin: 0 10px 10px 0 !important;
}
form.homecredit-popup2 .balance .clear {
  display: block;
}
}
@media screen and (min-width:768px) and (max-width:991px){
.customerform .printsavecls {
  display: inline-block;
  margin: 10px 0 0;
  text-align: center;
  width: 100%;
}
.printsavecls input[type="submit"], .printsavecls input[type="button"] {
  display: inline-block;
  float: none;
}
.customerform .btndiv > a {
  display: inline-block;
  float: none;
  margin: 0 227px 0 0;
}
.positionfrm {
  bottom: 87px;
  left: 42.1%;
}
.customerform .col-md-12.btndiv {
  text-align: center;
}
.customerform input[value="Save"] {
  margin-left: 5px;
}
}

.fa-line-chart::before {
   content:"\f201";
}


.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #17354C !important;
  background: #17354C !important;
  font-weight: normal;
  color: #ffffff !important;
}

.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
  border: 1px solid #17354C !important;
  background: #17354C !important;
  color: #ffffff !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #bdbec7 !important;
    background: #d9d9de !important;
    font-weight: normal;
    color: #17354C !important;
}