@charset "utf-8";
/* CSS Document */
.container{max-width: 1400px;}
html, body {padding: 0;margin: 0;}
body {background: #fff;font-size: 12px;margin: 0px auto;padding: 0px;font-weight: normal;width: 100%;}
ul {margin: 0px;padding: 0px;}
li {list-style: none;margin: 0px;padding: 0px;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {margin: 0px;padding: 0px;font-weight: normal;}
a {text-decoration: none;margin: 0px;padding: 0px;font-weight: normal;}
button {border: 0px;font-weight: normal;margin: 0px;padding: 0px;}
img, input {margin: 0px;padding: 0px;}
.clear {clear: both;}
a, div, * {transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;}
html, body {height: 100%;}
*{box-sizing:border-box;}
body{font-family: 'TT Norms Pro';}
body img[src=""] {display: none;}
/******* LOGIN *******/
.login-main {/* display: flex; */height: 100vh;position: relative;overflow: auto;background: #ffffff;float: left;width: 100%;}
.login-left {max-width: 50%;width: 50%;height: fit-content;position: relative;background: white;float: left;min-height: 100%;}
.login-right {background: #4b6eaf;max-width: 50%;width: 50%;justify-content: center;display: flex;align-items: center;height: 100%;position: relative;float: right;}
.login-left-inn {width: 50%;margin: 0 auto;}
.logo-div {text-align: center;margin: 40px 0 5px 0px;}

.logo-div img{max-width:180px;}

.login-left h3 {font-size: 40px;text-transform: capitalize;color: #4b6eaf;font-weight: 500;text-align: center;margin-top: 25px;}
.login-left h3 {font-size: 40px;text-transform: capitalize;color: #4b6eaf;font-weight: 500;text-align: center;margin-top: 25px;}
a.view {position: absolute;right: 10px;bottom: 10px;}
a.view img {width: 23px;}
.login-left h4 {font-size: 22px;color: #383d47;margin: 12px 0 50px 0;text-align: center;font-weight: 400;line-height: 32px;}
.login-left form {text-align: left;} 
.login-left .form-group {margin-bottom: 18px;position: relative;padding-left: 0;float: left;width: 100%;width: 100%;
height: auto;display: flex;flex-direction: row;}
.login-main.verification .login-left .form-group{flex-direction: row;}
.social-links-for-login a.btn {background: #fff;color: #000;box-shadow: none;border-radius: 15px;padding: 14px 0;font-size: 14px;
position: relative;margin: 5px 15px 0;border: 3px solid #c1c1c1;width: 55px;float: none;display: inline-block;overflow: hidden;
height: 55px;padding: 0;text-align: center;}
.social-links-for-login a.btn i.fab {font-size: 30px;line-height: 52px;}
.login-left .form-control {border: 0;border-bottom: 1px solid #dadada;border-radius: 0;padding-left: 0;position: relative;}
input.form-control, select {height: 45px !important;font-size: 14px !important;color: #292626 !important;}
.login-left-inn .social-links-for-login button.btn {background: #fff;color: #000;box-shadow: none;border-radius: 15px;padding: 14px 0;font-size: 14px;position: relative;margin: 18px 15px 0;border: 3px solid #c1c1c1;width: 64px;float: none;
display: inline-block;overflow: hidden;height: 64px;padding: 0;text-align: center;}
.swal2-popup.swal2-modal {
    background: #4b6eaf;
}
.swal2-popup.swal2-modal *{
    color: #ffffff;
}
.swal2-popup.swal2-modal button.swal2-styled {
    background: #ffffff !important;
    color: #4b6eaf;
}
#loading-for-all {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    z-index: 999999;
  }
  
  #loading-image-for-all {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999999;
    font-size: 50px;
    /*transform: translate(-50%, -50%) !important;*/
  }
  
  
  
.ui-tooltip{
    color: #ffffff !important;
    border-radius: 5px !important;
    border-color: #fff !important;
    /* padding:8px;  */
    position:absolute;
    z-index:9999;
    max-width:300px;
    border-width:2px;
    font-size:14px;
    right: 0;
    border: 2px solid #fff;
    text-align: center;
    
}

.ui-tooltip-content {
    position: relative;
    padding: 1em;
    text-align: left;
}
.ui-tooltip img{
    padding: absolute;
    bottom: 0px;
    width: 100%;
    top: 50px;
    text-align: center;
    max-width: 20px;
    margin: auto;
}

.btn-close {
    background: transparent url("../images/Close-white.png") center/1em auto no-repeat !important;
    opacity: 1 !important;
}
body div#app select.form-control.transaction_name,body div#app input.transaction_date.datetime-local ,body div#app select.form-control.transaction_detail_name{
    padding: 1px 0 0 14px !important;
    color: #fff !important;
    font-size: 17px !important;
    border-radius: 8px;
    border: 0;
    border: 2px solid #fff;
    height: 50px !important;
    float: left;
    width: 100%;
    margin-top: -4px;
    background: transparent;
}
body div#app input.transaction_date.datetime-local {
    margin-top: unset;
}
body div#app #transaction-detail.modal input.transaction_date.datetime-local {
    width: 210px;
}


body div#app .modal.transaction-modal-popup i.calendar.fas.fa-calendar-alt{
    color: #ffffff !important;
}

body div#app select.form-control.transaction_name:focus, body div#app select.form-control.transaction_name.form-control:focus {
    background-image: none;
}

/* .ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
    border-color: #4b6eaf #ffffff !important;
    box-shadow:0 0 5px #4b6eaf !important;
}

.top .ui-tooltip-content::after {
    bottom: -10px;
    left: 47%;
    border-color: #4b6eaf transparent;
    border-width: 10px 10px 0;
    
      
}
.bottom .ui-tooltip-content::after {
    top: -10px;
    left: 47%;
    border-color: #4b6eaf #ffffff;
    border-width: 0px 10px 10px;
    
}

.right .ui-tooltip-content::after {
    top: 10px;
    left: -10px;
    border-color: transparent #4b6eaf;
    border-width: 10px 10px 10px 0;
}
.left .ui-tooltip-content::after {
    top: 10px;
    right: -10px;
    border-color: transparent #4b6eaf;
    border-width: 10px 0 10px 10px;
} */



.subscription{float: left;width: 100%;padding: 40px 0;}
.subscription-left {width: 80%;}
.subscription-left h3{font-size:50px;color:#4b6eaf;}
.subscription-left p{font-size:20px;color:#000000;font-weight:400;margin:30px 0 40px;}
.subscription-left button{background:#4b6eaf;color:#fff;font-size: 18px;padding: 14px 35px;border-radius: 8px;}
.subscription-right{background: #4b6eaf;border-radius: 30px;padding: 40px 45px;width: 100%;}
.subscription-right h3{font-size:26px;color:#fff;}
.subscription-right h3 strong{font-size:45px;font-weight:600;}
.subscription-right ul{margin:35px 0;}
.subscription-right li{font-size:17px;color:#fff;margin-bottom:25px;}
.subscription-right li:last-child{margin-bottom:0;}
.subscription-right li i{margin-right:10px;}
.subscription-right button{width: 100%;font-size:18px;color:#fff;background: #4b6eaf;border:2px solid #fff;border-radius: 8px;padding:15px 0;margin-top: 10px;}



.date-focused .control-label{
    opacity: 1;
    transform: scale(0.85) !important;
    background: #4b6eaf;
    color: #fff;
    font-weight: 500;
    z-index: 999 !important;
    top: -12px !important;
}
.fas.fa-calendar-alt{
    pointer-events: none;
}

.ui-widget-shadow{-webkit-box-shadow:0 0 5px #4b6eaf;box-shadow:0 0 5px #4b6eaf}

.ui-helper-hidden-accessible {
    display: none;
}

p.note {
    color: #4b6eaf;
    text-align: justify;
    font-size: 17px;
    width: 100%;
}

.evalidation-error.eactive {

    color: #cc0e0e;
    background: #efcdc9;
    float: left;
    width: 100%;
    margin-top: 1em;
    height: max-content;
    padding: 5px;
    border-radius: 5px;
    font-size: 15px;
}


.main-section {
    min-height: calc(100vh - 153px);
}
.main {
    min-height: calc(100vh - 154px);
}
.Transaction-history.transaction_page.transaction-inner-page {
    min-height: calc(100vh - 154px);
}
.Transaction-history {
    min-height: calc(100vh - 684px);
}
.scrollbar-2, ul.banks-list.card-list {
    font-size: 20px;
    color: #fff;
}
ul.transaction-list.Transaction-page {
    margin-top: 10px;
    padding: 0;
    font-size: 26px;
    /* text-align: center; */
}
.Transaction-history.transaction_page ul.transaction-list li {
    text-align: left;
}


.social-links-for-login button.btn i.fab.fa-apple {font-size: 36px;}
.social-links-for-login button.btn i.fab.fa-facebook-f {
    font-size: 33px;
    color: #3b5999;
}
.social-links-for-login button img.google-icon {
    left: 0;
    top: 0;
    width: 38px;
}
.form-group.form-check label {
    font-size: 16px;
    color: #6a7179;
    padding-left: 27px;
    font-weight: 500;
}
.rem input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #4b6eaf;
    border-radius: 4px;
}
.rem {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.rem input:checked~.checkmark:after {
    display: block;
}
.rem .checkmark:after {
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
}
.form-group.form-check label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
a.forgot {
    float: right;
    font-size: 17px;
    color: #6a7179;
    font-size: 16px;
    padding-left: 27px;
    font-weight: 500;
}
a.forgot:hover{
    color: #6a7179;
}
.forgot i.fas.fa-unlock-alt {
    display: inline-block;
    margin-right: 10px;
    color: #4b6eaf;
}
.login-right img {
    width: 100%;
}
.login-left.Reset_pass_page h3.reset-heading {
    float: left;
    width: 100%;
    margin-bottom: 80px;
    font-size: 40px;
    margin-top: 100px;
    text-transform: initial;
}

.login-left.Reset_pass_page .form-group {
    margin-bottom: 30px;
}
.login-left.Reset_pass_page .form-group.button-row {
    margin-top: 10px;
}
button.btn.login {
    background: #4b6eaf;
    width: 100%;
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    border-radius: 7px;
    margin-top: 15px;
    margin-bottom: 25px;
    border: 0;
}
.login-left h3.reset-heading {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
div#app main.py-4 {
    padding: 0 !important;
}
h6.or-login {
    font-size: 14px;
    color: #949292;
    padding-left: 27px;
    text-align: center;
    padding: 0;
    position: relative;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    position: relative;
}
.social-links-for-login a.btn img.google-icon {
    margin-top: 11px;
    width: 28px;
}
h6.or-login:before {
    content: '';
    height: 2px;
    width: 36%;
    left: 0;
    top: 7px;
    background: #eeeeee;
    position: absolute;
}
h6.or-login:after {
    content: '';
    height: 2px;
    width: 36%;
    right: 0;
    top: 7px;
    background: #eeeeee;
    position: absolute;
}
.social-links-for-login {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 10px;
}
.login-main.signupmain button.btn.login {
    margin-top: 0;
}

/******* LOGIN *******/


/******** FLOATING INPUT **********/
.control-label {
    font-size: 16px;
    font-weight: 400;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 22px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    line-height: 29px;
    left: 15px;
    top: -15px;
    padding: 0 6px;
}

.form-group.focused .control-label {
    opacity: 1;
    transform: scale(0.85);
    color: #4b6eaf;
    font-weight: 500;
    background: #fff;
    z-index: 999;
    top: -12px;
}
.form-control {
    align-self: flex-end;
}

.form-control::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
}

.form-control:focus::-webkit-input-placeholder {
    transition: none;
}

.form-group.focused .form-control::-webkit-input-placeholder {
    color: #bbb;
}



/* CSS from Bootstrap Start */
.form-control {
  display: block;
  width: 100%;
  height: 37px;
  padding: 6px 16px;
  font-size: 13px;
  line-height: 1.846;
  color: #666666;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #bbbbbb;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #bbbbbb;
}
.form-control::-webkit-input-placeholder {
  color: #bbbbbb;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: transparent;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control {
    padding: 0;
    border: 2px solid #dadceb;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 0px 0 #dddddd;
    box-shadow: inset 0 0px 0 #dddddd;
    font-size: 16px;
    padding: 2px 40px 2px 20px;
    border-radius: 6px;
        background-color: transparent;
}
textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus {
    -webkit-box-shadow: inset 0 0px 0 #2196f3;
    box-shadow: inset 0 0px 0 #4b6eaf;
}
textarea[disabled],
textarea.form-control[disabled],
input.form-control[disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=email][disabled],
input[type=number][disabled],
[type=text].form-control[disabled],
[type=password].form-control[disabled],
[type=email].form-control[disabled],
[type=tel].form-control[disabled],
[contenteditable].form-control[disabled],
textarea[readonly],
textarea.form-control[readonly],
input.form-control[readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=number][readonly],
[type=text].form-control[readonly],
[type=password].form-control[readonly],
[type=email].form-control[readonly],
[type=tel].form-control[readonly],
[contenteditable].form-control[readonly] {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px dotted #ddd;
}
textarea.input-sm,
textarea.form-control.input-sm,
input.form-control.input-sm,
input[type=text].input-sm,
input[type=password].input-sm,
input[type=email].input-sm,
input[type=number].input-sm,
[type=text].form-control.input-sm,
[type=password].form-control.input-sm,
[type=email].form-control.input-sm,
[type=tel].form-control.input-sm,
[contenteditable].form-control.input-sm {
  font-size: 12px;
}
textarea.input-lg,
textarea.form-control.input-lg,
input.form-control.input-lg,
input[type=text].input-lg,
input[type=password].input-lg,
input[type=email].input-lg,
input[type=number].input-lg,
[type=text].form-control.input-lg,
[type=password].form-control.input-lg,
[type=email].form-control.input-lg,
[type=tel].form-control.input-lg,
[contenteditable].form-control.input-lg {
  font-size: 17px;
}
select,
select.form-control {
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 0;
  padding-right: 0\9;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
  -webkit-background-size: 13px 13px;
          background-size: 13px;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-box-shadow: inset 0 -1px 0 #dddddd;
  box-shadow: inset 0 -1px 0 #dddddd;
  font-size: 16px;
  line-height: 1.5;
}
select::-ms-expand,
select.form-control::-ms-expand {
  display: none;
}
select.input-sm,
select.form-control.input-sm {
  font-size: 12px;
}
select.input-lg,
select.form-control.input-lg {
  font-size: 17px;
}
select:focus,
select.form-control:focus {
  -webkit-box-shadow: inset 0 -2px 0 #2196f3;
  box-shadow: inset 0 -2px 0 #2196f3;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
}
select[multiple],
select.form-control[multiple] {
  background: none;
}

.login-left .form-group.form-check {
    display: block;
}
.rem input:checked~.checkmark {
    background-color: #4b6eaf;
}
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #4b6eaf;
    border-radius: 4px;
}
.rem input:checked~.checkmark:after {
    display: block;
}

.rem .checkmark:after {
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
}
span.password-icon img {
    width: 20px;
}
.accounthave {
    float: left;
    width: 100%;
    text-align: center;
    /* position: absolute; */
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 20px 0 0px;
}
.change-password-box .form-group span.fa.fa-fw.fa-eye, .change-password-box .form-group span.fa.fa-fw {
    color: #b9c4d3;
    position: absolute;
    right: 14px;
    top: 16px;
    font-size: 20px;
}
span.password-icon {
    position: absolute;
    right: 14px;
    top: 12px;
    cursor: pointer;
}
.accounthave h6 {
    font-size: 18px;
    color: #000;
    float: left;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-bottom: 16px;
    font-weight: 400;
}
.accounthave h6 a.nav-link {
    display: inline-block;
    padding: 0;
}
.accounthave h6 a {
    color: #4b6eaf;
}
.login-main.signupmain h3 {
    margin-top: 50px;
}
.form-group.firstname {
    float: left;
    width: 48%;
}
.form-group.firstname.last {
    float: right;
}
.login-main.signupmain h3 {
    margin-top: 10px;
    margin-bottom: 20px;
}
.form-group.form-check label a {
    color: #4b6eaf;
}
/* CSS from Bootstrap End */

/* Depreciation  css start menu */


.Depreciation-left {
    float: left;
    width: 60%;
}
.Depreciation-left label {
    float: left;
    width: 100%;
    font-size: 18px;
    margin-bottom: 8px;
}
.Transaction-history.Personal_Information.transaction_page .Depreciation-left h2 {
    font-size: 30px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.Depreciation-right {
    float: left;
    width: 40%;
}
.next-year {
    float: right;
    background: #e9effc;
    margin: 0;
    padding: 20px 35px;
    border-radius: 16px;
    width: auto;
    margin-top: -20px;
    margin-bottom: 20px;
}
.next-year small {
    color: #4b6eaf;
    font-size: 20px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.Transaction-history.Personal_Information.transaction_page .next-year h2 {
    font-size: 35px;
    font-weight: 600;
    margin: 5px 0 0px;
    float: left;
    width: 100%;
}
section.center.slider {
    float: left;
    width: 100%;
}
/* Depreciation  css end menu */


/******* gagan 29-07-2021 start *******/


/******* gagan 29-07-2021 end *******/

a.navbar-brand img {
    width: 100px;
    max-width: 100px;
}
.Transaction-history.Personal_Information.Change-password  .alert-danger button.close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.Transaction-history.Personal_Information.Change-password  .alert-danger ul {
    padding: 0;
    margin: 0;
}
.form-control:focus {
    background-color: transparent !important;
}
.Transaction-history.Personal_Information.Change-password  .alert-danger strong {
    float: left;
    width: 100%;
    margin-top: -20px;
}
.Transaction-history.Personal_Information.Change-password .alert.alert-danger {
    position: relative;
    padding: 1rem 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    font-size: 15px;
}
/* naveen css start menu */
.Transaction-history.Report_all_Categories ul.transaction-list li a {
    float: left;
    width: 100%;
}
div#transaction-detail-edit h3.popup-heading {
    margin-top: 10px;
    margin-bottom: 0;
}
.Transaction-history h2 a.right-arrow {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 32px;
    background: #4b6eaf;
    text-align: center;
    color: #fff;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
}
button.menu-btn.cross-menu {
    display: none;
}
.dropbtn {
    background-color: transparent;
    color: white;
    padding: 0;
    font-size: 0;
    border: none;
    cursor: pointer;
    margin-left: 20px;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}
div#myDropdown:after {
    content: "";
    position: absolute;
    right: 12px;
    top: -9px;
    border-bottom: 9px solid #4b6eaf;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #4b6eaf;
    min-width: 350px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    right: 0;
    top: 49px;
    border-radius: 8px;
    overflow: visible;
    z-index: 99999;
}
.dropdown-content  h3 {
    float: left;
    width: 100%;
    padding: 13px 10px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 1px solid #99bbf7;
}
.dropbtn:hover, .dropbtn:focus {
    background-color: transparent;
}
ul.notification-list.transaction-list li {
    width: 100%;
    background: white;
    padding: 10px 10px;
    margin-bottom: 10px;
}
ul.notification-list.transaction-list li .right-transaction-price {
    float: right;
    color: #c03b2a;
    font-size: 14px;
    font-weight: 500;
}
ul.notification-list.transaction-list li h3 {
    color: #4b6eaf;
    text-align: left;
    padding: 0;
    border: 0;
    font-size: 18px;
}
ul.notification-list.transaction-list li span {
    color: #484848;
    font-size: 14px;
}
ul.notification-list.transaction-list li .transaction-arrow.up-arrow {
    width: 56px;
    height: 55px;
    margin-right: 10px;
    font-size: 20px;
}
ul.notification-list.transaction-list li .transaction-arrow.down-arrow {
    background: #efcdc9;
    color: #cc0e0e;
    width: 56px;
    height: 55px;
    margin-right: 10px;
    font-size: 20px;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
ul.notification-list.transaction-list {
    padding: 15px 15px 5px;
    max-height: 550px;
    overflow: auto;
}
.dropdown a:hover {background-color: #ddd;}

.dropdown .show {display: block;}

/* naveen css end menu */


.btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgb(130 138 145 / 50%) !important;
}

header#header {
    float: left;
    width: 100%;
    padding: 11px 0 10px;
    border-bottom: 2px solid #dee1e6;
}
.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    background: transparent !important;
    padding: 0;
}
.navbar-light .navbar-nav .nav-link {
    color: #4c515b;
    font-size: 20px;
    padding: 0;
    margin-left: 50px;
    position: relative;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #4b6eaf;
    font-weight: 500;
}
.navbar-light .navbar-nav .nav-link.active:after {
    position: absolute;
    height: 3px;
    left: -1.5%;
    bottom: -23px;
    background: #4b6eaf;
    width: 103%;
    content: "";
}
span.profile-img {
    height: 52px;
    width: 52px;
    border-radius: 50%;
    border: 2px solid #9a9ea5;
    overflow: hidden;
    display: inline-block;
    margin-right: 20px;
    /*float: left;
    margin-top: -12px;*/
	vertical-align: middle;
}
span.profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.navbar-light .navbar-nav a#navbarDropdown {
    color: #4b6eaf;
    font-weight: 500;
}
ul.navbar-nav.nav.nav-right {
    margin-top: 0px;
}
a {
    text-decoration: none !important;
}
div#banner {
    float: left;
    width: 100%;
    padding: 40px 0;
    display: flex;
    flex: auto;
}
.left-banner-content {
    float: left;
    width: 40%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    min-height: 450px;
}
.left-banner-content h1 {
    font-size: 48px; 
    color: #4b6eaf;   
    font-weight: 500;
}
.left-banner-content b {
    font-weight: 600;
}
.left-banner-content p {
    float: left;
    text-align: left;
    width: 100%;
    font-size: 22px;
    color: #242628;
    margin-top: 10px;
    margin-bottom: 10px;
}
.total-profit {
    float: left;
    background: #e9effc;
    margin: 0;
    padding: 22px 40px;
    border-radius: 16px;
    width: 80%;
    margin-top: 28px;
}
.left-banner-content .total-profit p {
    color: #4b6eaf;
    margin: 0 0 15px;
    font-size: 26px;
    font-weight: 500;
}
.left-banner-content .total-profit h2 {
    font-size: 50px;
    font-weight: 600;
    color: #4b6eaf;
    word-wrap: break-word;
}
.right-banner-graph {
    float: right;
    width: 50%;
}
.right-banner-graph img {
    width: 100%;
}
.Transaction-history {
    float: left;
    width: 100%;
    padding: 30px 0;
}
.Transaction-history h2 {
    font-size: 30px;
    font-weight: 500;
    color: #4b6eaf;
    margin-bottom: 25px;
    padding-top: 5px;
}
ul.transaction-list {
    float: left;
    width: 100%;
    padding: 0;
}


.right-tansction-detail span.bank-info img {
    width: 35px;
    height: 35px;
}
.right-tansction-detail span.bank-info span.bank_name {
    font-size: 18px;
    font-weight: 500;
}
div#transaction-detail-edit .date-picker-time label.control-label {
    transform: translate3d(0, 0px, 0) scale(1);
    position: initial;
    padding: 0;
    margin: 0;
}


ul.transaction-list li {
    float: left;
    width: 49%;
    border-radius: 12px;
    background: #4b6eaf;
    padding: 15px 15px;
    margin-bottom: 20px;
    min-height: 115px;
    position: relative;
}
.transaction-arrow {
    width: 85px;
    height: 80px;
    background: #dce8e7;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #75a29f;
    font-size: 39px;
    float: left;
    margin-right: 20px;
}
.right-tansction-detail {
    float: left;
    width: 60%;
    padding: 4px 0;
    color: #fff;
}
.right-tansction-detail h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    height: 31px;
    overflow: hidden;
    white-space: nowrap;
}
.right-tansction-detail span {
    color: #fff;
    font-size: 16px;
}
.right-transaction-price {
    float: right;
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    position: absolute;
    top: 15px;
    right: 15px;
}
ul.transaction-list li:nth-child(2n) {
    float: right;
}
.transaction-arrow.down-arrow {
    background: #efcdc9;
    color: #cc0e0e;
}
footer#footer {
    background: #4b6eaf;
    float: left;
    width: 100%;
    text-align: center;
    padding: 25px 0;
}
footer#footer p {
    margin: 0;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.login-main.forgot-page h4 {
    font-size: 20px;
}
.login-main.forgot-page h4 {
    font-size: 20px;
    margin: 14px 0 70px;
}
.login-main.forgot-page h3 {
    margin-top: 100px;
}
.login-main.forgot-page .accounthave h6 a {
    font-weight: 500;
}
.login-main.verification input.form-control {
    width: 55px;
    height: 55px !important;
    margin: 0 25px 0 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
.resend-div {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 11px;
    margin-top: 10px;
}
.resend-div a.resend {
    color: #4b6eaf;
}
.login-main.verification h4 {
    font-size: 20px;
    margin: 14px 0 70px;
}

span.right-arrow {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 32px;
    background: #4b6eaf;
    text-align: center;
    color: #fff;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
}
.dropdown-toggle::after {
    margin-top: 18px;
    float: right;
    border-top: .4em solid;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    right: 0;
    padding: 10px 13px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a.dropdown-item {
    font-size: 18px;
    margin: 5px 0;
    border-radius: 30px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #4b6eaf;
}
.main-section {
    float: left;
    width: 100%;
    padding: 30px 0;
    min-height: calc(100vh - 153px);
}
.connected-banks {
    float: left;
    width: 100%;
    background: #4b6eaf;
    border-radius: 14px;
    padding: 30px 40px 20px;
}
.connected-banks h2 {
    float: left;
    width: auto;
    font-size: 26px;
    color: #fff;
    font-weight: 400;
}
.connected-banks button.btn.add-new-card {
    float: right;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 29px;
    padding: 4px 13px;
}
ul.banks-list {
    float: left;
    width: 100%;
    margin-top: 12px;
    padding: 0;
}
ul.banks-list li {
    float: left;
    width: 49%;
    background: #fff;
    padding: 20px 20px;
    border-radius: 16px;
    margin-bottom: 26px;
    position: relative;
}
ul.banks-list li span.bank-logo {
    float: left;
    width: 80px;
    margin-right: 14px;
    height: 80px;
    border: 1px solid #e1dfdf;
    overflow: hidden;
    border-radius: 6px;
}
ul.banks-list li span.bank-logo img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
ul.banks-list li .bank-detail {
    float: left;
}
ul.banks-list li .bank-detail h3 {
    font-size: 19px;
    float: left;
    width: 100%;
    color: #4b6eaf;
    font-weight: 500;
    margin: -1px 0 3px;
}
ul.banks-list li .bank-detail p {
    color: #7d7c7c;
    font-size: 15px;
    margin: 0;
}

ul.banks-list li .bank-detail p.type-text{
position: absolute;
right: 20px;
bottom: 40px;
}

ul.banks-list li .bank-detail p strong{
	font-weight:600;
}
ul.banks-list li .bank-detail p.price-bank {
    color: #000;
    font-size: 16px;
    margin-top: 0px;
    font-weight: 500;
}
ul.banks-list li:nth-child(2n) {
    float: right;
}
.connected-banks.credit-cards {
    margin-top: 50px;
}
.connected-banks.credit-cards .bank-detail {
    margin-top: 0px;
}
.cst-card_type select.card_type {
    border: 1px solid #dddcdc;
    padding: 0 20px 0 10px;
    height: 38px !important;
    width: 130px;
    border-radius: 4px;
    box-shadow: none !important;
    background-position: 96% center;
}
ul.banks-list.card-list p.price-bank {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    float: right;
    margin-top: 0px !important;
    margin: 0;
}
a.notifications {
    float: right;
    margin-left: 20px;
}
a.notifications img {
    width: 22px;
}



/* The container */
.categories-checkbox {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    width: auto;
    margin: 0 2px 8px;
}

/* Hide the browser's default checkbox */
.categories-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.categories-checkbox .checkmark {
    color: #fff;
    position: initial;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #85a0d4;
    float: left;
    padding: 4px 7px;
    border-radius: 66px;
    border: 2px solid #9cb4e2;
    font-weight: 500;
}
/* On mouse-over, add a grey background color */


/* When the checkbox is checked, add a blue background */
.categories-checkbox input:checked ~ .checkmark {
    background-color: #ffffff;
    color: #4b6eaf;
    border-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.categories-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.categories-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.categories-div.transaction-cat {
    max-height: 200px;
    overflow-y: auto;
}

/* Style the checkmark/indicator */

.filter-div {
    float: left;
    width: 100%;
    margin-bottom: 0;
    position: sticky;
    top: 10px;
}
.filter-div h2 {
    color: #4b6eaf;
    font-size: 28px;
    float: left;
    font-weight: 500;
    width: 100%;
    margin-bottom: 10px;
}
span.filter-img img {
    width: 22px;
	vertical-align:top;
	margin: 10px 0px;
}
span.filter-img {
    float: left;
    margin: 0px 12px 0px 0;
	
}
.filter-main-div {
    float: left;
    width: 100%;
    padding: 15px 15px;
    background: #4b6eaf;
    max-height: calc(100vh - 80px);
    border-radius: 14px;
    overflow-y: auto;
}
.filter-main-div h3 {
    color: #fff;
    font-size: 22px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    font-weight: 500;
    margin-top: 5px;
}
button.btn.reset.apply {
    float: left;
    margin-bottom: 20px;
}
.categories-div {
    float: left;
    width: 100%;
    margin-top: 11px;
}
hr.separator {
    float: left;
    width: 100%;
    background: #fff;
    height: 2px;
    margin: 20px 0 0;
}
.categories-div.date-div label.categories-checkbox {
    width: 47%;
    text-align: center;
    margin: 0 1.5% 15px;
}
.categories-div.date-div label.categories-checkbox span.checkmark {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 9px 10px;
}
.categories-div.date-div label.categories-checkbox input:checked ~ .checkmark {
    background-color: #ffffff;
    color: #4b6eaf;
    border-color: #fff;
}
.ui.form {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.ui.form .field>label {
    font-size: 16px !important;
    color: #fff !important;
    font-weight: 500 !important;
}
i.calendar.icon {
    right: 0 !important;
    left: auto !important;
}
div#rangestart input[type="text"], div#rangeend input[type="text"] {
    padding-left: 12px !important;
    font-size: 16px !important;
}
.range-slider {
    float: left;
    width: 100%;
    position: relative;
    margin: 7px 0 20px;
}
/* The container */
.container-radio {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    width: 31%;
    margin: 0 1%;
}

/* Hide the browser's default radio button */
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.container-radio .checkmark {
    position: initial;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #4b6eaf;
    padding: 7px 20px;
    font-size: 15px;
    border-radius: 32px;
    float: left;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
}
.categories-div.datepicker-div label.container-radio {
    width: 48%;
    margin-bottom: 12px;
}


.categories-div.datepicker-div.cst-datepicker-div-month .ui.form {
    margin-top: 0;
}


/* On mouse-over, add a grey background color */


/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
    background-color: #ffffff !important;
    color: #4b6eaf;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
button.btn.reset {
    float: left;
    width: 48%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 18px;
    padding: 10px 10px;
    border-radius: 8px;
}
button.btn.reset.cancel {
    float: right;
    background: white;
    color: #4b6eaf;
}
.button-div {
    float: left;
    width: 100%;
    margin: 20px 0 3px;
}

.top-heading {
    float: right;
    width: 50%;
    text-align: right;
    margin-top: -50px;
}
.top-heading select.form-select {
    width: auto;
    display: inline-block;
    float: none;
    border: 1px solid #ccc;
    border-radius: 7px;
}
.right-side-filtered a.print {
    margin-left: 15px;
    font-size: 30px; 
    float: right;
}
a.print img {
    width: 34px;
}

 

ul.transaction-list.Transaction-page li {
    width: 100%;
    padding: 15px 15px;
    margin-bottom: 15px;
    min-height: 95px;
}
ul.transaction-list.Transaction-page li .transaction-arrow.up-arrow, ul.transaction-list.Transaction-page li .transaction-arrow.down-arrow {
    width: 60px;
    height: 60px;
}
ul.transaction-list.Transaction-page .right-tansction-detail {
    padding: 0 0 3px;
}
ul.transaction-list.Transaction-page .right-tansction-detail h3 {
    font-size: 20px;
    line-height: 21px;
    height: 22px;
}
ul.transaction-list.Transaction-page {
    margin-top: 10px;
    padding: 0;
}
a.add-transaction {
    width: 35px;
    height: 35px;
    font-size: 31px;
    display: inline-block;
    border: 2px solid #4b6eaf;
    border-radius: 40px;
    text-align: center;
    padding-top: 2px;
    line-height: 20px;
    margin: 0 13px 0 0;
    position: relative;
    top: 6px;
    font-weight: 500;
    color: #4b6eaf;
	vertical-align:top;
}
ul.transaction-inner-detail li p {
    float: right;
    width: auto;
    text-align: right;
    margin: 0;
    font-size: 16px;
}
.file-upload .file-upload-select {
    display: block;
    color: #dbdbdb;
    cursor: pointer;
    text-align: left;
    background:#5f7eb8;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    height: 70px;
    margin-top: 10px;
}
.file-upload .file-upload-select .file-select-button {
    background: #161f27;
    padding: 10px;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #fff;
    background-image: url(../images/attachment.png);
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 96% 10px;
    background-size: 20px;
}
.file-upload .file-upload-select .file-select-name {
    display: inline-block;
    padding: 10px;
}

.file-upload .file-upload-select input[type="file"] {
    display: none;
}
.modal-header {
    border-bottom: 1px solid #8fb0d2;
}
.modal .modal-content {
    background: #4b6eaf;
    /* border-color: #4b6eaf; */
    border-radius: 13px;
    overflow: hidden;
    float: left;
    width: 100%;
}
.modal-header h5#exampleModalLabel {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
}

#personal-info .btn-close{
    background: none!important;
} 

.transaction-detail-modal-main {
    FLOAT: LEFT;
    WIDTH: 100%;
}
.transaction-detail-modal-main h2 {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 47px;
    font-weight: 500;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 4px;
}

textarea.form-control.note-field::placeholder,input.form-control.reference_invoice::placeholder{
    color: #fff;
}
textarea.form-control.note-field.transaction_notes {
    color: #fff;
}

.modal-body {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}
i.fas.fa-calendar-alt {
    color: #4b6eaf;
    position: absolute;
    right: 10px;
    top: 15px;
}
.modal .modal-dialog {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    max-width: 530px;
}
.transaction-detail-modal-main p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
}
h3.popup-heading {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    float: left;
    width: 100%;
    margin-bottom: 6px;
    margin-top: 20px;
}
#transaction-detail .form-control.note-field{
	color:#fff;
}
ul.transaction-inner-detail {
    float: left;
    width: 100%;
    margin-top: 0px;
    padding: 0;
}
ul.transaction-inner-detail li {
    float: left;
    width: 100%;
    margin-bottom: 9px;
}
.transaction-detail-modal-main h2 small {
    font-weight: 500;
}
ul.transaction-inner-detail li h4 {
    float: left;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
}
.addnote-div {
    float: left;
    width: 100%;
    margin-top: 7px;
}
.addnote-div h5 {
    color: #fff;
    font-size: 16px;
    float: left;
    width: 80%;
    margin: 0;
}
.addnote-div i.fas.fa-edit {
    float: right;
    color: #fff;
    font-size: 19px;
    display: none; 
}
.transaction-detail-modal-main .addnote-div p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #a3b8e0;
    text-align: left;
    margin-top: 3px;
}
.form-floating {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 10px;
}
.form-floating>.form-select {
    padding-top: 20px;
    padding-bottom: 3px;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    color: #fff !important;
    font-size: 16px !important;
    height: 53px !important;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: 1;
    transform: scale(.95) translateY(-.6rem) translateX(.0rem);
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    color: #fff;
    font-size: 17px;
}
div#transaction-detail-edit .form-floating>label {
    top: -10px;
    left: 10px;
}
.modal-footer {
    border: 0;
    text-align: center;
    padding-top: 20px;
}
.modal-footer button.btn.btn-primary {
    margin: 0 auto;
    background: #fff;
    color: #4b6eaf;
    border: 0;
    font-weight: 500;
    padding: 6px 23px;
}
.transaction-detail-modal-main .form-floating.mb-3 input {
    padding: 1px 0 0 14px !important;
    color: #fff !important;
    font-size: 17px !important;
    border-radius: 8px;
    border: 0;
    border: 2px solid #fff;
    height: 50px !important;
    float: left;
    width: 100%;
    margin-top: -4px;
}
.transaction-detail-modal-main .form-floating>.form-control:focus~label, .transaction-detail-modal-main .form-floating>.form-control:not(:placeholder-shown)~label, .transaction-detail-modal-main .form-floating>.form-select~label {
    opacity: .95;
    transform: scale(.95) translateY(-1.5rem) translateX(.0rem);
    font-size: 15px;
}
.transaction-detail-modal-main.form-floating>label {
    padding-left: 0 !important;
    left: -1px !important;
}
.date-picker-time {
    float: left;
    width: 100%;
    margin-top: 0;
    position: relative;
}
.date-picker-time i.calendar.fas.fa-calendar-alt {
    position: absolute;
    z-index: 9999;
    right: 0;
    color: #4b6eaf;
    top: 44px;
    font-size: 17px;
    right: 10px;
}
.date-picker-time {
    float: left;
    width: 100%;
    margin-top: 10px;
    position: relative;
    margin-bottom: 0px;
}
.date-picker-time input#date-time-picker1 {
    background: #fff;
    height: 44px;
    border-radius: 5px;
    width: 100%;
    float: left;
    color: #000 !important;
    position: relative;
    border: 0;
    padding: 0 10px;
}
select option{color: #000;}
.date-picker-time label {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #fff;
    margin-bottom: 8px;
}


.Transaction-history.transaction_page ul.transaction-list li {
    float: left;
    width: 100%;
    border-radius: 12px;
    background: #4b6eaf;
    padding: 15px 15px;
    margin-bottom: 20px;
}
.Transaction-history.transaction_page i.fas.fa-print {
    font-size: 25px;
    color: #4b6eaf;
}
.Transaction-history.transaction_page span.right-arrow {
    float: right;
    width: 50px;
    height: 50px;
    background: #fff;
}
.Transaction-history.transaction_page.income_page {
    background: #4b6eaf;
}
.Transaction-history.transaction_page.income_page .right-tansction-detail span {
    color: #656565;
    font-size: 16px;
}
.Transaction-history.transaction_page.income_page i.fas.fa-print {
    font-size: 25px;
    color: #ffffff;
}
.Transaction-history.transaction_page span.right-arrow {
    background: transparent;
}
.Transaction-history.transaction_page.income_page .right-tansction-detail h3 {
    color: #000;
}
.Transaction-history.transaction_page.income_page .right-transaction-price {
    color: #000;
}
.Transaction-history.transaction_page.income_page ul.transaction-list li {
    background: #ffffff;
    width: 100%;
}
.Transaction-history.transaction_page ul.transaction-list li {
    width: 100%;
}
.Transaction-history.transaction_page.transaction-inner-page .top-heading {
    float: right;
    width: 80%;
    margin-top: 0;
}
.Transaction-history.transaction_page.transaction-inner-page h2 {
    float: left;
}
.Transaction-history.transaction_page.transaction-inner-page a.print {
    display: inline-block;
    position: relative;
    top: 0;
    font-size: 30px;
    margin-left: 15px;
    vertical-align: middle;
}
.Transaction-history.transaction_page.income_page h2 {
    color: #ffffff;
    float: left;
    width: auto;
}
.Transaction-history.transaction_page.income_page .top-heading {
    width: 80%;
    text-align: right;
    float: right;
}
.Transaction-history.transaction_page.income_page .top-heading a.add-transaction {
    border: 2px solid #ffffff;
    background: #fff;
    margin-top: -1px;
}
.Transaction-history.transaction_page.income_page a.print img {
    filter: brightness(6.2);
    margin-top: -9px;
}
.Transaction-history.transaction_page.income_page.expense_page {
    background: #4b6eaf;
}
.Transaction-history.Personal_Information.transaction_page .form-group {
    margin-bottom: 20px;
    position: relative;
    padding-left: 0;
    float: left;
    height: auto;
    display: flex;
    flex-direction: column;
    min-height: 65px;
}
.Transaction-history.Personal_Information.transaction_page .form-group {
    float: left;
    width: 40%;
    margin-left: 2rem;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info .right-tansction-detail label.control-label {
    top: -9px;
}
.Transaction-history.Personal_Information.transaction_page .form-group .form-control:disabled, .Transaction-history.Personal_Information.transaction_page .form-group .form-control[readonly] {
    background-color: #4b6eaf;
    opacity: 1;
    border-bottom: 2px solid #fff !important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(75 110 175) !important;
}
.Transaction-history.Personal_Information.transaction_page .right-tansction-detail {
    float: none;
    width:100%;
    padding: 9px 0;
    color: #fff;
}
.Transaction-history.Personal_Information.transaction_page h2 {
    font-size: 30px;
    font-weight: 500;
    color: #4b6eaf;
    margin-bottom: 20px;
}
.Transaction-history.Personal_Information.transaction_page span.user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Transaction-history.Personal_Information.transaction_page ul.transaction-list {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
}
.right-tansction-detail input:-webkit-autofill, .right-tansction-detail input:-webkit-autofill:hover, .right-tansction-detail input:-webkit-autofill:focus, .right-tansction-detail input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #4b6eaf inset !important;
    /* color: #fff !important; */
}
.Transaction-history.Personal_Information.transaction_page ul.transaction-list .right-tansction-detail input#phone {
    color: #fff !important;
}
.Transaction-history.Personal_Information.transaction_page ul.transaction-list .right-tansction-detail input {
    color: #fff !important;
    float: left;
    width: 100% !important;
    padding-right: 110px; 
}
.Transaction-history.Personal_Information.transaction_page span.user-img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 2px solid #9a9ea5;
    overflow: hidden;
    display: inline-block;
    margin-right: 20px;
    float: left;
    margin-top: -12px;
}
.Transaction-history.Personal_Information.transaction_page .container.basic_info .form-group {
    float: left;
    width: 30%;
    margin-left: 3%;
}
.income-page footer#footer {
    background: white;
}
.income-page footer#footer p {
    color: #4b6eaf;
}
.Transaction-history.Personal_Information.transaction_page .form-group.focused .control-label {
    background: transparent;
    color: #fff;
    background: #4b6eaf;
}
.Transaction-history.Personal_Information.transaction_page input {
    color: #fff !important;
    font-size: 18px !important;
    height: 58px !important;
    border-radius: 10px !important;
}
.container.Tax_Payment {
    min-height: calc(100vh - 233px);
}
button.pay-now {
    position: absolute;
    right: 13px;
    bottom: 18px;
    background: white;
    color: #4b6eaf;
    padding: 7px 16px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 15px;
}


.user_image_circle input[type="file"].custom {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}
.user_image_circle .h-12.w-12.rounded-full.overflow-hidden.bg-gray-100 {
    float: left;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 2px solid #fff;
    overflow: hidden;
}
.user_image_circle .file-input.flex.items-center path {
    fill: #fff;
}
.user_image_circle {
    float: left;
    width: 160px;
}
.user_image_circle .file-input.flex.items-center {
    position: relative;
    float: left;
}
.user_image_circle .flex.items-center.edit.icon {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    text-align: center;
}
.user_image_circle .ml-5.rounded-md.shadow-sm {
    margin: 0;
    box-shadow: none !important;
    margin-left: 12px !important;
    margin-top: 8px !important;
}
.user_image_circle .h-12.w-12.rounded-full.overflow-hidden {
    float: left;
    width: 100%;
    height: 100%;
}
.user_image_circle img.h-12.w-12.object-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user_image_circle div#err {
    position: absolute;
    left: 0;
    bottom: -38px;
    line-height: 18px;
    top: auto;
    width: 100% !important;
}

.user_image_circle .items-center {
    align-items: center;
}
.user_image_circle .flex {
    display: flex;
}
.user_image_circle .duration-150 {
    transition-duration: 150ms;
}

.user_image_circle .ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.user_image_circle .transition {
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
}
.user_image_circle .text-gray-700 {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74,85,104,var(--text-opacity));
}
.Transaction-history.Personal_Information.transaction_page.personal_info h2 {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.Transaction-history.Personal_Information.transaction_page.personal_info ul.transaction-list li {
    padding: 30px 30px 0;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .right-tansction-detail {
    float: right;
    width: 85%;
    padding: 9px 0;
    color: #fff;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .form-group {
    float: left;
    width: 46%;
    margin-left: 3%;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .form-group {
    margin-bottom: 45px;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info .right-tansction-detail {
    width: 100%;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info li {
    padding-left: 0;
}

.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents h2 {
    float: left;
    width: auto;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .float-right-add-doc h3 {
    font-size: 22px;
    font-weight: 500;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .float-right-add-doc h3 a.add-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #4b6eaf;
    text-align: center;
    color: #fff;
    font-size: 31px;
    border-radius: 60px;
    margin-left: 14px;
    line-height: 35px;
}
.float-right-add-doc {
    float: right;
    margin-top: 15px;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li {
    padding: 20px 25px 10px;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-detail {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-detail label {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 0;
}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-detail p {
    font-size: 25px;
    color: #fff;
    font-weight: 500;
    float: left;
    width: 100%;
    margin-top: 2px;
    
}
.document-name {
    float: left;
    width: 80%;
}
a.btn.download {
    float: right;
    background: #fff;
    padding: 9px 23px;
    border-radius: 9px;
    font-size: 22px;
    color: #4b6eaf;
    font-weight: 500;
}

.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-detail.summary p {
    font-weight: 400;
    font-size: 18px;
}
.button-save-div {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 0;
}
.button-save-div button.btn.download.save {
    color: #fff;
    float: none;
    background: #4b6eaf;
    padding: 9px 38px;
    border-radius: 7px;
}


/* --------------gagan  css start 15-07-2021 ------------*/


.Transaction-history.Personal_Information.transaction_page.Depreciation .container.basic_info .form-group {
    float: left;
    width: 46%;
    margin-left: 2rem;
}
.Transaction-history.Personal_Information.transaction_page.Depreciation .form-group.description {
    width: 94.5% !important;
}
.Transaction-history.Report_all_Categories .right-tansction-detail span {
    color: #000;
    font-size: 20px;
	padding-left: 10px;
}
.Transaction-history.Report_all_Categories .right-tansction-detail h5 {
    color: #000;
	font-weight:400;
}
.Transaction-history.Personal_Information.transaction_page.Depreciation {
    padding: 70px 0 0;
}
.Transaction-history.Report_all_Categories.Depreciation_btm {
    padding: 0 0 70px;
}
.container.Tax_Payment .Transaction-history {
    float: right;
    width: 50%;
    padding:0;
}

.container.Tax_Payment ul.transaction-list li{
	padding:0;
}

.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page .container.basic_info .form-group {
    float: left;
    width: 95%;
    margin-left: 15px;
    margin-bottom: 32px;
}
.container.Tax_Payment .total-profit {
    float: left;
    background: #fff;
    margin: 0;
    padding: 32px 40px 22px;
    border-radius: 16px;
    width: 80%;
    margin-top: 0;
    /* border: 2px solid #4b6eaf; */
    text-align: center;
	background:#4b6eaf;
}
.Transaction-history.Personal_Information.transaction_page .right-tansction-detail .form-floating {
    width: 94%;
    margin: 10px auto 25px;
    float: none;
}
.container.Tax_Payment .left-banner-content p {
    text-align: center;
	color:#fff;
	font-weight:400;
}
.container.Tax_Payment .left-banner-content {
    min-height: auto;
    width: 50%;
}
.container.Tax_Payment .left-banner-content .total-profit h2 {
    font-size: 50px;
    font-weight: 400;
    color: #fff; 
}
.container.Tax_Payment .right-tansction-detail h4 {
    text-align: center;
    margin-bottom: 30px;
}
.container.Tax_Payment button.Pay_now {
    background: #fff;
    padding: 10px 30px;
    color: #4b6eaf;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 20px;
}
.container.Tax_Payment button.View_details {
    background: #4b6eaf;
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 20px;
	font-weight:500;
}
.Transaction-history.Report_all_Categories ul.transaction-list li {
    float: left;
    width: 49%;
    border-radius: 12px;
    background: #ffffff;
    padding: 15px 15px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
.Transaction-history.Report_all_Categories ul.transaction-list {
    float: left;
    width: 100%;
    background: #4b6eaf;
    padding: 20px 20px 10px;
    border-radius: 20px;
}
.Transaction-history.Report_all_Categories.Depreciation_btm .button-save-div {
    margin-top: 30px;
}
/* .Transaction-history.Report_all_Categories li.expense .right-transaction-price {
    color: #83ABA8 !important;
} */
.Transaction-history.Report_all_Categories .right-transaction-price {
    float: right;
    font-size: 20px;
    font-weight: 400;
    color: #C44C3D;
    margin-top: 10px;
	font-weight:500;
}
.Transaction-history.Report_all_Categories li.lft_spc {
    float: right !important;
}
.Transaction-history.Personal_Information.transaction_page.Depreciation ul.transaction-list li {
    padding-top: 30px;
    padding-bottom: 20px;
}
.Transaction-history.Personal_Information.transaction_page.Depreciation .form-group.focused .control-label {
    background: #4b6eaf;
    color: #fff;
}
.Transaction-history.Personal_Information.transaction_page.Depreciation input {
    border: 2px solid #fff;
    color: #fff !important;
    font-size: 17px !important;
    height: 51px !important;
    border-radius: 10px !important;
    background: #4b6eaf !important;
}
.Transaction-history.Report_all_Categories.Depreciation_btm ul.transaction-list li.expense .right-transaction-price {
    color: #4b6eaf !important;
    font-weight: 500;
}
.Transaction-history.Report_all_Categories.Depreciation_btm ul.transaction-list li.lft_spc .right-transaction-price {
    color: #4b6eaf !important;
    font-weight: 500;
}
.container.Tax_Payment .total-profit button {
    margin: 40px 20px 20px;
	 background: #fff;
    color: #4b6eaf;
	font-weight: 500;
}
.container.Tax_Payment .left-banner-content .total-profit h2 {
    font-size: 50px;
    font-weight: 500;
    color: #fff;
    float: left;
    width: 100%;
    margin-top: 20px;
}

#addDepreciation .form-control.calculate-depreciation{padding-left:20px;}
#addDepreciation .form-group {
  min-height: 85px;
}

/* --------------gagan  css end 15-07-2021 ------------*/
.balance-div {
    float: left;
    width: 100%;
    border-radius: 11px;
    border: 3px solid #4b6eaf;
    padding: 25px;
    position: relative;
    background: #f8faff;
}
.balance-div .left-balance-detail {
    float: left;
    width: 62%;
}
.balance-div .left-balance-detail small {
    color: #010101;
    font-size: 22px;
    font-weight: 500;
    float: left;
    width: 100%;
    margin-bottom: 3px;
}
.balance-div .left-balance-detail h2 {
    font-size: 35px;
    font-weight: 600;
    color: #010101;
    float: left;
    width: 95%;
    margin-top: 3px;
    overflow: hidden;
   text-overflow: ellipsis; 
}
.balance-div.income-div {
    border-color: #75a29f;
    background: #f3f7f6;
}
.balance-div.income-div h2 {
    color: #719c98;
}
.balance-div.income-div small {
    color: #719c98;
}
.balance-div.expense-div {
    border-color: #c03b2a;
    background: #fefbfb;
}
.balance-div.expense-div h2 {
    color: #be3f2e;
}
.balance-div.expense-div small {
    color: #be3f2e;
}
.main {
    float: left;
    width: 100%;
    padding: 40px 0;
    min-height: calc(100vh - 154px); 
}

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }

.slick-inner {
    float: left;
    width: 100%;
    background: #4b6eaf;
    border-radius: 14px;
}
.category-img img {
    width: auto;
    margin: 0 auto;
}
.category-img {
    float: left;
    width: 100%;
    text-align: center;
    margin: 9px 0;
    min-height: 80px;
}
.category-img img {
    max-height: 80px;
}
.slick-inner h3 {
    font-size: 18px;
    text-align: center;
    float: left;
    width: 100%;
    padding: 0 6px 13px;
    color: #fff;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-inner hr.slider-sep {
    float: none;
    width: 94%;
    margin: 0px auto 12px;
    background: #a5b7d7;
    overflow: hidden;
    height: 2px;
}
.slick-inner p {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 18px;
    color: #fff;
    margin-bottom: 11px;
}
.category-top-div {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
}
.category-top-div h3 {
    font-size: 30px;
    font-weight: 500;
    color: #4b6eaf;
    float: left;
    margin-bottom: 20px;
}
.category-top-div button.btn.see-all {
    background: #4b6eaf;
    float: right;
    color: #fff;
    font-weight: 500;
    padding: 7px 20px;
    border-radius: 6px;
}
ul.slick-dots {
    display: none;
}
 ul.tabs{
      margin: 0px;
      padding: 0px;
      list-style: none;
    }
    ul.tabs li.current {
        background: #4b6eaf;
        color: #fff;
        border-bottom: 3px solid #e6ebf5;
    }
ul.tabs li {
    background: none;
    color: #4b6eaf;
    display: inline-block;
    padding: 12px 45px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 12px 12px 0px 0px;
    border-bottom: 3px solid #dee4ef;
    background: #dee4ef;
    font-weight: 500;
    margin: 0 6px 0 0;
}

.tab-content {
    display: none;
    background: #4b6eaf;
    padding: 35px 10px;
    float: left;
    border-radius: 0 12px 12px 12px;
    width: 100%;
}
ul.report_income_list.expenses-list span {
    color: #c03b2a;
}
.total-btm-div.expense-total span {
    color: #c03b2a;
}
    .tab-content.current{
      display: inherit;
    }
    .report-tabs {
    float: left;
    width: 100%;
    margin-top: 30px!important; 
    z-index: 9;
	position: relative;
}
ul.report-list {
    float: left;
    width: 100%;
}
ul.report-list li {
    float: left;
    width: 30%;
    margin: 0 1.5%;
    background: white;
    border-radius: 9px;
}
ul.report-list li h3 {
    float: left;
    width: 100%;
    padding: 15px 0px;
    text-align: center;
    font-size: 22px;
    color: #4b6eaf;
    font-weight: 500;
    border-bottom: 2px solid #d0daec;
}
ul.report_income_list {
    float: left;
    width: 100%;
    padding: 20px 15px 0;
    /* padding: 0 0; */
}
ul.report_income_list li {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 16px;
    color: #505969;
}
ul.report_income_list li p {
    font-size: 16px;
    color: #505969;
    float: left;
}
ul.report_income_list li span {
    float: right;
    color: #668e8b;
}
 

.report_income_list_sub_category.children-category.active {
    padding-left: 30px;
  }
  .report_income_list_sub_category.children-category.active li {
    list-style: disc;
  }
  .report_income_list_sub_category.children-category.active li p{
      font-size: 14px;
      margin-bottom: 10px;
  }
  .report_income_list_sub_category.children-category.active li span{
    font-size: 14px;
}

.report_expense_list_sub_category.children-category.active {
    padding-left: 30px;
  }
  .report_expense_list_sub_category.children-category.active li {
    list-style: disc;
  }
  .report_expense_list_sub_category.children-category.active li p{
      font-size: 14px;
      margin-bottom: 10px;
      width: 75%;
      word-wrap: break-word;
  }
  .report_expense_list_sub_category.children-category.active li span{
    font-size: 14px;
}


.total-btm-div {
    margin: 0 auto;
    width: 93%;
    border-top: 2px solid #adb3bd;
    overflow: hidden;
    padding: 14px 0 3px;
    font-size: 16px;
}
.total-btm-div p {
    font-weight: 500;
    float: left;
}
.total-btm-div span {
    float: right;
    color: #668e8b;
    font-weight: 500;
}
.tab-content ul.report-list.income-list > li {
    min-height: 345px;
}
div#Transaction ul.transaction-list li {
    background: #fff;
}
div#Transaction ul.transaction-list li .right-tansction-detail h3 {
    color: #4b6eaf;
    font-size: 24px;
}
div#Transaction ul.transaction-list li .right-tansction-detail span {
    color: #242424;
}
div#Transaction ul.transaction-list .transaction-arrow.up-arrow {
    width: 80px;
    height: 75px;
}
div#Transaction ul.transaction-list .right-transaction-price {
    color: #75a29f;
}
div#Transaction ul.transaction-list li.expenses-list .right-transaction-price {
    color: #cc0e0e;
}
div#Transaction ul.transaction-list li .transaction-arrow.down-arrow {
    width: 80px;
    height: 75px;
}
button.btn.sell-all {
    float: right;
    background: white;
    color: #4b6eaf;
    padding: 7px 20px;
    border-radius: 5px;
    font-weight: 500;
}
button.btn.sell-all {
    float: right;
    background: white;
    color: #4b6eaf;
    padding: 7px 20px;
    border-radius: 5px;
    font-weight: 500;
    margin: 10px 0 0;
}
div#Transaction {
    padding: 35px 30px;
}
div#chart {
    float: left;
    width: 100%;
    text-align: center;
}
div#chart img {
    max-width: 610px;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light .dropdown #dropdownMenuButton1 {
    background: transparent;
    border: 0;
    color: #4b6eaf;
    font-size: 20px;
    padding: 0;
    font-weight: 500;
    margin-left: 30px;
    /*margin-top: 10px;*/
}
#personal-info .modal-dialog {
    max-width: 540px;
    width: 100%;
}
#personal-info .modal-dialog button.btn-close {
    color: #fff !important;
    opacity: 1;
}
#personal-info .modal-dialog button.btn-close {
    color: #fff !important;
    opacity: 1;
    background: none;
    font-size: 44px;
    padding: 0;
    margin: -30px 0 0 0;
}
select#selectCtrl {
    background-size: 20px;
    background-position: 97% center;
    margin-top: 12px;
    background-image: url(../images/download.png);
}
select#selectCtrl {
    background-size: 20px;
    background-position: 97% center;
    margin-top: 12px;
    background-image: url(../images/download.png);
    height: 50px !important;
    color: #fff !important;
    font-size: 18px !important;
}
.personal-info-main {
    float: left;
    width: 100%;
    position: relative;
}
.personal-info-main .form-group {
    float: left;
    width: 100%;
    position: relative;
}
.personal-info-main .form-group label.control-label {
    background: #4b6eaf;
    color: #fff;
    top: 0;
}
.personal-info-main .form-floating {
    margin-top: 35px;
}
.personal-info-main .form-floating textarea#floatingTextarea {
    height: 100px;
    background: transparent !important;
    color: #fff;
    font-size: 17px;
    padding: 13px 20px;
}

.personal-info-main  .form-floating>label {
    position: absolute;
    top: 7px;
    left: 11px;
    height: 32px;
    padding:2px 10px;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    color: #fff;
    font-size: 18px;
}
.personal-info-main .form-floating>.form-control:focus~label, .personal-info-main .form-floating>.form-control:not(:placeholder-shown)~label, .personal-info-main .form-floating>.form-select~label {
    transform: scale(0.90) translateY(-1.4rem) translateX(.0rem);
    background: #4b6eaf;
    opacity: 1;
}


.uploader {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    float: left;
    margin-top: 26px;
    background: white;
    padding: 20px 20px;
    border-radius: 21px;
}
.uploader label {
    float: left;
    clear: both;
    width: 100%;
    padding: 0;
    text-align: center;
    background: #fff;
    border-radius: 14px;
    border: 3px dashed #b3b3b3;
    transition: all 0.2s ease;
    user-select: none;
    height: 220px;
    padding-top: 0;
}
.uploader label img#file-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.uploader #start div {
    font-size: 22px;
    font-weight: 500;
    color: #000;
}

 .uploader label.hover {
     border: 3px solid #454cad;
     box-shadow: inset 0 0 0 6px #eee;
}
 .uploader label.hover #start i.fa {
     transform: scale(0.8);
     opacity: 0.3;
}
.uploader #start {
    float: left;
    clear: both;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.uploader .uploaded-img {
    height: 152px;
    width: 100%;
    margin-top: 0;
    float: left;
}
 .uploader #start.hidden {
     display: none;
}
 .uploader #start i.fa {
     font-size: 50px;
     margin-bottom: 1rem;
     transition: all 0.2s ease-in-out;
}
 .uploader #response {
     float: left;
     clear: both;
     width: 100%;
}
 .uploader #response.hidden {
     display: none;
}
 .uploader #response #messages {
     margin-bottom: 0.5rem;
}
 .uploader #file-image {
     display: inline;
     margin: 0 auto 0.5rem auto;
     width: auto;
     height: auto;
     max-width: 180px;
}
 .uploader #file-image.hidden {
     display: none;
}
 .uploader #notimage {
     display: block;
     float: left;
     clear: both;
     width: 100%;
}
 .uploader #notimage.hidden {
     display: none;
}
 .uploader progress, .uploader .progress {
     display: inline;
     clear: both;
     margin: 0 auto;
     width: 100%;
     max-width: 180px;
     height: 8px;
     border: 0;
     border-radius: 4px;
     background-color: #eee;
     overflow: hidden;
}
 .uploader .progress[value]::-webkit-progress-bar {
     border-radius: 4px;
     background-color: #eee;
}
 .uploader .progress[value]::-webkit-progress-value {
     background: linear-gradient(to right, #393f90 0%, #454cad 50%);
     border-radius: 4px;
}
 .uploader .progress[value]::-moz-progress-bar {
     background: linear-gradient(to right, #393f90 0%, #454cad 50%);
     border-radius: 4px;
}
 .uploader input[type="file"] {
     display: none;
}
 .uploader div {
     margin: 0 0 0.5rem 0;
     color: #5f6982;
}
.uploader .btn {
    display: inline-block;
    margin: 0.5rem 0.5rem 1rem 0.5rem;
    clear: both;
    font-family: inherit;
    font-weight: 500;
    font-size: 22px;
    text-decoration: none;
    text-transform: initial;
    border: none;
    border-radius: 0.2rem;
    outline: none;
    padding: 0 0;
    height: auto;
    line-height: initial;
    color: #4b6eaf;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    background: transparent;
    border-color: transparent;
    cursor: pointer;
}
.Transaction-history.Personal_Information.Change-password {
    min-height: calc(100vh - 153px);
}
.Transaction-history.Personal_Information.Change-password .alert.alert-success {
    float: left;
    width: 100%;
  }

  .Transaction-history.Personal_Information.Change-password .alert.alert-success p{
    margin-bottom: 0; 
  }
  

.change-password-box {
    margin: 40px auto 40px;
    max-width: 500px;
    float: none;
    overflow: hidden;
    background: #4b6eaf;
    border-radius: 14px;
    padding: 50px 40px 10px;
    width: 95%;
}
.change-password-box .form-group {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.change-password-box .form-group input.form-control {
    color: #fff !important;
    height: 52px !important;
}
.change-password-box .form-group label.control-label {
    color: white;
    top: -10px;
}
.change-password-box span.password-icon {
    position: absolute;
    right: 14px;
    top: 16px;
}
.change-password-box .form-group.focused .control-label {
    opacity: 1;
    transform: scale(0.85);
    color:#ffffff;
    font-weight: 500;
    background: #4b6eaf;
    z-index: 999;
    top: -12px;
}
button.btn.update-pass {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 7px;
    height: 48px; 
    color: #4b6eaf;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 20px;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px traparent inset !important;
}
/*Change text in autofill textbox*/
input:-webkit-autofill{
    -webkit-text-fill-color: #000 !important;
}

.Transaction-history.Personal_Information.Change-password h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #4b6eaf;
    font-weight: 500;
    margin-bottom: 20px;
}
 .change-password-box.change_color {
    margin: 40px auto 40px;
    max-width: 640px;
    float: none;
    overflow: hidden;
    background: #4b6eaf;
    border-radius: 14px;
    padding: 40px 30px 10px;
    width: 95%;
}
   .Transaction-history.Personal_Information.Change-password h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #4b6eaf;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 20px;
}
      /* The container */
.mode-select {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    width: 29%;
    margin: 0 6.5% 0 0;
    height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* Hide the browser's default radio button */
.mode-select input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0;
}

/* Create a custom radio button */
.mode-select .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    border: 2px solid #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    opacity: 0.7;
}

/* On mouse-over, add a grey background color */


/* When the radio button is checked, add a blue background */
.mode-select input:checked ~ .checkmark {
    border-color: #ffffff;
    color: #fff;
    opacity: 1;
}
.mode-div {
    float: left;
    width: 100%;
    position: relative;
}
.mode-div label.mode-select:last-child {
    margin: 0;
}
.change-password-box.change_color h5 {
    color: #fff;
    font-size: 22px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.change-password-box.change_color h6 {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    color: #fff;
    font-size: 18px;
}
.mode-select .checkmark img {
    margin-bottom: 10px;
}
.mode-div.color-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    align-content: space-between;
    margin-top: 60px;
    margin-bottom: 30px;
}
.mode-div.color-select .mode-select {
    /* display: block; */
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 46px;
    margin: 0;
    height: 46px;
}
.mode-div.color-select .mode-select .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    border: 2px solid #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    opacity: 1;
    border-radius: 50px;
}
.mode-div.color-select .mode-select span.checkmark:after {
    left: 9px;
    top: 4px;
    width: 12px;
    height: 23px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    margin-top: -6px;
    display: none;
}

.mode-div.color-select input:checked ~ .checkmark:after {
  display: block;
}
.mode-div.color-select .mode-select.red .checkmark {
    background: #db0a20;
}
.mode-div.color-select label.mode-select.blue .checkmark {
    background: #2e54ff;
}
.mode-div.color-select label.mode-select.black .checkmark {
    background: #262729;
}
.mode-div.color-select label.mode-select.seegreen .checkmark {
    background: #32bea6;
}
.mode-div.color-select label.mode-select.navy .checkmark {
    background: #4d34e5;
}
.mode-div.color-select label.mode-select.gray .checkmark {
    background: #5d7987;
}
.mode-div.color-select label.mode-select.cyan .checkmark {
    background: #23c8d2;
}
.mode-div.color-select label.mode-select.pink .checkmark {
    background: #d24dde;
}
.mode-div.color-select label.mode-select.purple .checkmark {
    background: #870793;
}
.mode-main-div {
    float: left;
    width: 100%;
    margin: 30px 0 50px;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
}
.mode-main-div img {
    /* float: left; */
    margin: -2px 10px 0 0;
    max-width: 32px;
}
.btn.download.save.btn-primary.changefont-color.change-color-btn {
    float: left;
    width: 100%;
    background: #fff;
    padding: 13px 0px;
    font-size: 20px; 
    color: #4b6eaf;
    font-weight: 500;
    border-radius: 7px;
    margin: 0 0 40px;
}
.btn-check:focus+.btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 0rem rgb(130 138 145 / 50%) !important;
}
.dropdown a:hover {
    background-color: #4b6eaf;
}
#transaction-detail-edit .transaction-detail-modal-main .form-floating>.form-control:focus~label, 
#transaction-detail-edit .transaction-detail-modal-main .form-floating>.form-control:not(:placeholder-shown)~label, 
#transaction-detail-edit .transaction-detail-modal-main .form-floating>.form-select~label {
    opacity: .95;
    transform: scale(1) translateY(-1.4rem) translateX(.0rem);
    font-size: 15px;
    background: #4b6eaf;

}
div#transaction-detail-edit .form-floating>label {
    top: 5px;
    left: 10px;
    padding: 0 5px;
    height: auto;
}
div#transaction-detail-edit .date-picker-time {
    margin-bottom: 13px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input:-moz-autofill,
input:-moz-autofill:hover, 
input:-moz-autofill:focus, 
input:-moz-autofill:active, input:autofill{
    -moz-box-shadow: 0 0 0 30px white inset !important;
}
.login-right img {
    width: 70%;
}
span#taxid {
    position: absolute;
    left: 0;
    bottom: -23px;
}
.dropdown-menu.show li a:hover {
    color: #fff;
    border-radius: 32px;
}
.dropdown-menu.show li a{
    border-radius: 32px;
}
.dropdown-menu.show li a:hover {
    color: #fff;
    border-radius: 32px;
}
div#rangestart i.fa.fa-calendar {
    position: absolute;
    right: 12px;
    bottom: 17px;
    font-size: 20px;
}
.ui.calendar .ui.table tr .link i.far {
    color: #4b6eaf;
}
.ui.calendar .ui.table tr .link i.far {
    color: #4b6eaf;
}

.ui.calendar .ui.table tr .link {
    cursor: pointer;
    color: #242424;
}
input#password.is-invalid {
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 34px) center !important;
}



.document-img {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}
.document-img a {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border: 2px solid #92aad5;
    border-radius: 4px;
    float: left;
}
.document-img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dropdown-menu.show {
    display: block;
    padding: 0.5rem 0.5rem;
}
.col-md-8.transaction-outer h2.heading {
    float: left;
    width: 50% !important;
    max-width: 50% !important;
    color: #4b6eaf;
    font-size: 28px;
    margin: 5px 0;
}
button.btn.back-btn {
    color: #fff;
    background: #4b6eaf;
    font-size: 18px;
    position: absolute;
    left: 20px;
    top: 20px;
}
input::-ms-reveal,
      input::-ms-clear {
        display: none;
      }
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    padding: 0 !important;
}
.form-floating>.form-select {
    padding-top: 0.625rem !important;
    padding-bottom: 0 !important;
}
.login-main.signupmain .login-left .form-group {
    flex-direction: column;
}
.Transaction-history.Personal_Information.transaction_page .container.basic_info .form-group span#msg {
    position: absolute;
    bottom: 0;
    font-size: 15px;
    top: 55px;
    padding: 3px 5px;
}

.Transaction-history.Personal_Information.transaction_page #first_name-error {
    position: absolute;
    bottom: 0;
    font-size: 15px;
    top: 58px;
    padding: 3px 5px;
}

.Transaction-history.Personal_Information.transaction_page #lastname-error{
    position: absolute;
    bottom: 0;
    font-size: 15px;
    top: 58px;
    padding: 3px 5px;
}

.Transaction-history.Personal_Information.transaction_page #tax-payer-error{
    position: absolute;
    bottom: 0;
    font-size: 15px;
    top: 58px;
    padding: 3px 5px; 
}

.Transaction-history.Personal_Information.transaction_page #ein-error{
    position: absolute;
    bottom: 0;
    font-size: 15px;
    top: 58px;
    padding: 3px 5px; 
}

.Transaction-history.Personal_Information.transaction_page .container.basic_info .form-group span#msg {
    position: absolute;
    bottom: 0;
    font-size: 15px;
    top: 53px;
    padding: 3px 5px;
}


 


.Transaction-history.Personal_Information.transaction_page .evalidation-error.eactive{margin: 0;}

.transaction-detail-modal-main .form-floating>label {
    padding-top: 6px;
    padding-bottom: 0;
}

.transaction-detail-modal-main .form-floating label {
    top: 5px;
    margin: 0;
    padding: 1px 4px;
    left: 10px;
    background: #4b6eaf;
    height: auto;
}
.transaction-detail-modal-main .form-floating>.form-control:not(:placeholder-shown)~label {
    padding: 1px 4px !important;
}
div#transaction-detail-edit .bank-info {
    float: left;
    width: 100%;
    margin: 15px 0 10px;
}
div#transaction-detail-edit .bank-info h3.popup-heading {
    font-size: 18px;
    margin-bottom: 3px;
}
div#transaction-detail-edit div.bank-info img {
    padding: 5px;
    margin-left: -5px;
    width: 37px;
    height: 37px;
}
div#transaction-detail-edit .categories-div {
    margin-top: 0;
}
div#transaction-detail-edit h3.popup-heading {
    margin-bottom: 11px;
}
ul.transaction-inner-detail li:nth-child(2) h4 {
    margin-top: 6px;
    float: left;
    line-height: 30px;
    margin-bottom: 0;
}
div#transaction-detail-edit .addnote-div .form-floating {
    float: left;
    width: 100%;
    margin-top: 20px;
}
div#transaction-detail-edit .addnote-div .form-floating label {
    padding: 0 0px !important;
    left: 0;
    top: 11px;
}
div#transaction-detail-edit .addnote-div .form-floating label {
    padding: 0 0px !important;
    left: 0;
    top: 11px;
}
.form-select:focus {
    border-color: #fdfdfd;
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
}
.social-links-for-login a.btn i.fab.fa-facebook-f {
    color: #4b6eaf;
}



div#verification .modal-content {
    background: #fff;
    border-color: #fff;
}
div#verification .modal-content .modal-header {
    padding: 0;
    border: 0;
}
.verification-div {
    float: left;
    width: 100%;
    padding:30px;
}
.verification-div h3 {
    font-size: 22px;
    margin-top: 28px;
    text-transform: capitalize;
    color: #4b6eaf;
    font-weight: 500;
    text-align: left;
    margin: 0px 0 8px;
}
  div#verification .modal-header {
    padding: 0;
    border: 0;
  }
  div#verification .modal-header button.close {
    top: 2px;
    position: absolute;
    right: 10px;
    font-size: 35px;
        z-index: 99;
  }
  .verification-div h4 {
    font-size: 17px;
    text-transform: capitalize;
    color: #202124;
    font-weight: 400;
    text-align: left;
    margin: 4px 0 20px;
}
  div#verification .modal-dialog {
    max-width: 540px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }
  div#verification .modal-dialog .modal-content {
    border-radius: 16px;
    padding: 0;
  }
  .verification-div .form-group {
    margin-bottom: 18px;
  }
  .verification-div .form-group {
    margin-bottom: 16px;
    position: relative;
    padding-left: 0;
    float: left;
    width: 100%;
    width: 100%;
    height: auto;
    display: flex;
  flex-direction: column;
}
  .verification-div input.form-control {
    width: 100%;
    height: 50px !important;
    margin: 0 0px 0 0;
    font-size: 15px;
    float: left;
}
.verification-div .form-group form {
    float: left;
    width: 100%;
}
.verification-div .form-group form input#verification2 {
    margin-bottom: 10px;
}
.verification-div .resend-div {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0;
}
  .verification-div button.btn.login {
    background: #4b6eaf;
    width: auto;
    color: #fff;
    font-size: 18px;
    padding: 6px 28px;
    margin-top: 0;
    margin-bottom: 11px;
}
  .verification-div .resend-div a.resend {
    color: #4b6eaf;
  }
  div#verification .modal-content .modal-body {
    padding: 0;
}
div#recaptcha-container {
    float: left;
    width: 100%;
}


/******** contact us page css start **********/ 

.contact {float: left;width: 100%;padding: 40px 0;}
.contact-left{background: #4b6eaf;border-radius: 30px;padding: 30px;width: 92%;min-height: 580px;}
.contact-left h3{font-size: 32px;color: #fff;font-weight: 500;}
.contact-left h4{font-size: 18px;color: #fff;font-weight: 400;margin: 15px 0 30px;}
.contact-left ul{margin: 0;padding: 0;}
.contact-left li span i{color:#fff;}
.contact-left li p{font-size: 16px;color: #fff;margin: 0;display: inline-block;vertical-align: top;width: 80%;}  
.contact-left li p b{font-size: 18px;font-weight: 500;}
.contact-left li p strong{margin-top: 12px;display: block;font-weight: normal;}
.contact-left li {margin-bottom: 25px;}
.contact-left li span i {width: 32px;}  

.contact-right{border:2px solid #4b6eaf;border-radius: 30px;padding: 30px;float: left;width: 100%;}
.contact-right h3{font-size: 32px;color: #000000;font-weight: 500;}
.contact-right h4{font-size: 18px;color: #000000;font-weight: 400;margin: 15px 0 30px;}
.contact-right .form-group {float: left;width: 100%;margin-bottom: 30px;position: relative;}
.contact-right .form-group input.form-control {color: #000 !important;height: 55px !important;border:2px solid #4b6eaf;}
.contact-right .form-group textarea.form-control {color: #000 !important;min-height: 155px !important;border:2px solid #4b6eaf;padding-top: 10px;}
.contact-right .form-group label.control-label {color: #000;top: -10px;}
.contact-right span.password-icon {position: absolute;right: 14px;top: 16px;}
.contact-right .form-group.focused .control-label {opacity: 1;transform: scale(0.85);color:#000;font-weight: 500;background: #fff;
z-index: 999;top: -12px;}
.contact-right .form-group .get-started{font-size: 20px;color: #fff;background: #4b6eaf;width: 100%;border:0;border-radius: 6px;padding: 15px 0;}
.contact-right .form-group span.error{font-size: 1rem;font-weight: 400;color: red;}
.contact-right .form-group span.invalid-feedback{font-size: 1rem;font-weight: 400;color: red;}

.contact-right .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{box-shadow: none;}

/******** contact us page css close **********/


/******** baljinder side css issue fix **********/

.check {display: block;position: relative;padding-left: 28px;cursor: pointer;font-size: 17px;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none;color:#fff;font-weight:500;margin-right: 35px;margin-bottom:0;}
.check input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.check .checkmark {position: absolute;top: 3px;left: 0;height: 20px;width: 20px;background-color: #4b6eaf;border:2px solid #fff;}
.check input:checked ~ .checkmark {background-color: #4b6eaf;}
.checkmark:after {content: "";position: absolute;display: none;}
.check input:checked ~ .checkmark:after {display: block;}
.check .checkmark:after {left: 5px;top: 0px;width: 7px;height: 12px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

#transaction-detail .categories-div.date-div.transcation-rd {margin-top: 0;}
#transaction-detail .form-control.reference_invoice{color:#fff!important;}

.right-banner-graph .chart-main {width: 100%;height: 450px;position: relative;}
.right-banner-graph .chart-main #chartContainer{overflow: auto;}

.right-banner-graph .chart-main .canvasjs-chart-container .canvasjs-chart-canvas{height: auto;}
.right-banner-graph .chart-main h1{font-size:30px;width: 100%;}

body div#app span.total-profit-loss-amount {width: 100%;}
.right-banner-graph .chart-main select.graph-select{position: absolute;top: 20px;right: 20px;margin-top: 0;}

.right-banner-graph .chart-main .canvasjs-chart-tooltip div{color: #679e99 !important;color: #679e99 !important;
border-radius: 10px 10px 10px 0 !important;
box-shadow: none !important;}
.right-banner-graph .chart-main .canvasjs-chart-tooltip span {color: #679e99 !important;} 

.container.Tax_Payment .container.basic_info li{background:#fff;}
.container.Tax_Payment .right-tansction-detail h4{color:#4b6eaf;font-size:30px;text-align:left;padding-left:15px;}
.container.Tax_Payment .right-tansction-detail .form-floating > .form-select{border-bottom: 2px solid #4b6eaf;}
.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page input{border: 2px solid #4b6eaf;}
.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page .form-group.focused .control-label{color: #4b6eaf;
background: #fff;}
.container.Tax_Payment .form-floating > label{color:#4b6eaf;opacity:1;}
.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page ul.transaction-list .right-tansction-detail input{color:#4b6eaf!important;} 
.container.Tax_Payment .form-floating select:focus{box-shadow:none;}
.container.Tax_Payment .right-tansction-detail .form-floating > .form-select{color:#4b6eaf!important;}
.container.Tax_Payment button.pay-now{background: #4b6eaf;color:#fff;font-size:13px;}
.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page .container.basic_info .form-group{width:47%;}

.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page .form-group{position:relative;}
 
.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page .form-group span.check {position: absolute;top: 22px;right: -10px;} 
.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page .form-group span.check img{max-width:20px;}
.container.Tax_Payment .form-group.check {width: 100% !important;}
.form-group.check label{color: #4b6eaf;font-weight:500;padding-left:35px;font-size:20px;margin-bottom:0;} 
.container.Tax_Payment .check .checkmark{top: 5px;}
.container.Tax_Payment .left-banner-content p.note{width: 80%;font-size: 17px;color: #4b6eaf;margin-bottom: 10px;margin-top: 25px;text-align: justify;}
.container.Tax_Payment .left-banner-content p.note b{font-weight: 600;}

#tax-detail .modal-dialog {width: 650px; } 
#tax-detail .transaction-detail-modal-main h3{text-align:center;font-size:25px;color:#fff;font-weight:400;margin:10px 0 0;} 
#tax-detail .transaction-detail-modal-main h2{margin-bottom:25px;}
#tax-detail .form-group{position:relative;width: 100%;}
#tax-detail .form-group.focused .control-label {opacity: 1;transform: scale(0.85);color: #fff;font-weight: 500;background: #4b6eaf;z-index: 999;top: -12px;}
#tax-detail .control-label {color: #fff;} 
#tax-detail input.form-control{color: #fff!important;border:2px solid #fff;} 
#tax-detail ul {padding: 0;float: left;width: 100%;margin: 10px 0;}
#tax-detail li{font-size:20px;color:#fff;font-weight:500;margin-bottom: 10px;} 
#tax-detail li h4{display:inline-block;font-weight:400;margin:0;font-size:20px;width:25%;} 
#tax-detail .upload-file{background:#fff;border-radius:18px;float:left;width:100%;padding: 20px;} 
#tax-detail .upload-inner{border:2px dashed #d4d4d4;padding:35px 0;border-radius:18px;} 
#tax-detail .upload-btn-wrapper {position: relative;overflow: hidden;display: block;text-align: center;}
#tax-detail .upload-btn{width:100%;text-align:center;background: none;font-size:22px;color:#4d4d4d;font-weight:500;
margin-top:15px;}
#tax-detail .upload-btn strong{color:#4b6eaf;font-weight:500;}
#tax-detail .upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0;} 
#tax-detail .modal-footer{border:0;} 
#tax-detail .modal-footer button.btn.btn-primary{padding: 10px 30px;} 
#tax-detail .modal-header{border-bottom: 2px solid #6f8bbf;} 
.login-main.forgot-page .invalid-feedback {position: absolute;bottom: 0;top: 42px;font-weight: normal;}
.login-main.forgot-page .invalid-feedback strong{font-weight:500;}
.login-left.Reset_pass_page .invalid-feedback{position: absolute;bottom: 0;top: 42px;font-weight: normal;} 
.login-left.Reset_pass_page .invalid-feedback strong{font-weight:500;} 
.login-left-inn .form-group{margin-bottom:30px;}
.login-left-inn .invalid-feedback{position: absolute;bottom: 0;top: 40px;font-weight: normal;} 
.login-left-inn .invalid-feedback strong{font-weight:500;}  
.login-main.forgot-page .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{box-shadow: none;}
.login-left.Reset_pass_page .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{box-shadow: none;}

.Transaction-history.Personal_Information.transaction_page.personal_info .personal-info-bg {background: #4b6eaf;float: left;padding: 30px 30px;width: 100%;border-radius: 12px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .start-date{background:none;border: 2px solid #dadceb;padding-left: 10px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .start-date:focus{outline: none;}


#transaction-detail .transc-type-checkbox {display: block;position: relative;padding-left: 28px;margin-bottom: 0;cursor: pointer;font-size: 17px;-webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none;user-select: none;color: #fff;margin-right: 35px;}
#transaction-detail .transc-type-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
#transaction-detail .transc-type-checkbox .checkmark {position: absolute;top: 3px;left: 0;height: 20px;width: 20px;border: 2px solid #fff;background: none;border-radius: 20px;}
#transaction-detail .transc-type-checkbox input:checked ~ .checkmark {background-color: none;}
#transaction-detail .transc-type-checkbox .checkmark:after {content: "";position: absolute;display: none;}
#transaction-detail .transc-type-checkbox input:checked ~ .checkmark:after {display: block;}
#transaction-detail .transc-type-checkbox .checkmark:after {left: 4px;top: 4px;width: 8px;height: 8px;border: solid white;border-top-width: medium;border-right-width: medium;border-top-width: medium;border-right-width: medium;border-radius: 20px;background: none;} 
#transaction-detail-edit .transc-type-checkbox {display: block;position: relative;padding-left: 28px;margin-bottom: 0;cursor: pointer;font-size: 17px;-webkit-user-select: none;-moz-user-select: none;
    -ms-user-select: none;user-select: none;color: #fff;margin-right: 35px;}
#transaction-detail-edit .transc-type-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
#transaction-detail-edit .transc-type-checkbox .checkmark {position: absolute;top: 3px;left: 0;height: 20px;width: 20px;border: 2px solid #fff;background: none;border-radius: 20px;} 
#transaction-detail-edit .transc-type-checkbox input:checked ~ .checkmark {background-color: none;}
#transaction-detail-edit .transc-type-checkbox .checkmark:after {content: "";position: absolute;display: none;}
#transaction-detail-edit .transc-type-checkbox input:checked ~ .checkmark:after {display: block;}
#transaction-detail-edit .transc-type-checkbox .checkmark:after {left: 4px;top: 4px;width: 8px;height: 8px;border: solid white;border-top-width: medium;border-right-width: medium;border-radius: 20px;background: none;} 


.filter-main-div .mCSB_scrollTools .mCSB_draggerContainer {width: 4px;background: #404C60;border-radius: 12px;}
.filter-main-div .mCSB_inside > .mCSB_container {margin-right: 5px;}
.filter-main-div .mCSB_scrollTools .mCSB_draggerRail{background: #404C60;}

.connected-banks.change-color .mCSB_scrollTools .mCSB_draggerContainer {width: 4px;background: #404C60;border-radius: 12px;}
.connected-banks.change-color .mCSB_scrollTools .mCSB_draggerRail{background: #404C60;}
#header .dropdown-menu.show{left: auto;right: 0;z-index: 9999;}

.report-list.income-list .mCSB_scrollTools .mCSB_draggerContainer {width: 4px;background: #c8c8c8;border-radius: 12px;}
.report-list.income-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #4b6eaf;;}
.report-list.income-list .mCSB_scrollTools .mCSB_draggerRail{background: #c8c8c8;}
.categories-div.transaction-cat{padding-right: 15px;}  

.Transaction-history.Personal_Information.transaction_page.personal_info ul.transaction-list li .document-img a{width:100px;height: 100px;border: 0;}

.Transaction-history.Personal_Information.transaction_page ul.transaction-list a.btn.download{display: inline-block;font-size: 16px;margin-left: 10px;}

.document-img{margin-bottom: 0;width:130px;height: 130px;border-radius: 12px;overflow: hidden;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-img a {width: 100%;height: 100%;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-img a img {width: 100%;height: 100%;
object-fit: cover;}

.document-data {width: 88%;display: inline-block;padding-left: 25px;}
.document-data .document-name{width:auto;}

.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-detail label{font-size: 20px;font-weight: 500;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-detail p{font-size: 15px;font-weight: 400;margin: 0;}

.form-control.address{color:#fff;}
.form-control.address::-webkit-input-placeholder { /* Edge */color: #fff;}
.form-control.address:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;}
  
.right-tansction-detail .form-control.address::placeholder {color: #fff;}
.right-tansction-detail .input.address2 {margin-top: 32px;}

.Transaction-history.Personal_Information.transaction_page.personal_info .alert-success{float: left;width: 100%;}
.Transaction-history.Personal_Information.transaction_page.personal_info .alert.alert-success ul {margin: 0;padding: 0;}

#transaction-detail .mCSB_scrollTools .mCSB_draggerContainer { width: 4px;background: #404C60;border-radius: 12px;}
#transaction-detail-edit .mCSB_scrollTools .mCSB_draggerContainer { width: 4px; background: #404C60;border-radius: 12px;}

.categories-div.datepicker-div.cst-datepicker-div-month .rangedate-calander {height: 40px;font-size: 13px !important;}

#delete_bank  .modal-dialog {margin: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) !important;max-width: 530px;width:500px;}
#delete_bank  .modal-dialog .modal-body h3{text-align: center;font-size: 25px;font-weight: 500;margin-top: 5px;color: #fff;}
#delete_bank  .modal-dialog .modal-body h4{text-align: center;font-size: 18px;font-weight: 400;color: #fff;margin: 25px 0 10px;}
#delete_bank .modal-footer {border: 0;width: 100%;text-align: center;display: block;}
#delete_bank .modal-footer button.btn.btn-primary{margin: 0 8px;padding: 8px 32px;}
#delete_bank .modal-header h5#exampleModalLabel{width:100%;text-align: center;}
.right-tansction-detail .calendar.fas.fa-calendar-alt.changefont-color {color: #fff;font-size: 20px;position: absolute;top: 51px;right: 18px;}

#transaction-detail .categories-checkbox .checkmark{height: auto;}

/* .scroller { 
    height: 300px;
    scrollbar-color: #2c5092 #6c90d3;
    scrollbar-width: thin;
    overflow: auto;
  }
  
  .scroller::-webkit-scrollbar {
    width: 10px;
  }
   
  .scroller::-webkit-scrollbar-track {
    background:#6c90d3;
  }
   
  .scroller::-webkit-scrollbar-thumb {
    background-color: #2c5092;
    
  } */
  /* ul.banks-list li:nth-child(2n){margin-right: 10px;} */

 
 
.scrollbar-1::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.scrollbar-1::-webkit-scrollbar-track {
    background-clip: content-box;
    border: 2px solid transparent;
}
.scrollbar-1::-webkit-scrollbar-thumb {
    background-color: #ff7f00;
}
.scrollbar-1::-webkit-scrollbar-thumb:hover {
    background-color: #e67200;
}
.scrollbar-1::-webkit-scrollbar-corner, .scrollbar-1::-webkit-scrollbar-track {
    background-color: #b0b7c4;
}
.scrollbar-2 {
    scrollbar-width: thin;
    scrollbar-color: #262729 #bbbbbb;
    overflow-x: hidden!important;
}


.scrollbar-2::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.scrollbar-2::-webkit-scrollbar-track {
    background-color: #bbb;
}
.scrollbar-2::-webkit-scrollbar-thumb {
    background-color: #008aff;
}
.scrollbar-2::-webkit-scrollbar-track, .scrollbar-2::-webkit-scrollbar-thumb {
    border-radius: 12px;
}
 
.scrollbar-2[class^="scrollbar"] {
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 8px;
}
/* [class^="scrollbar"] div {
    height: 400px;
    width: 200%;
    padding: 4rem;
    background-image: linear-gradient(130deg, #c8c8c8 0%, #fefefe 100%);
} */
 
 
  

#view-tax-detail .modal-dialog {width: 750px;max-width: 750px;}
#view-tax-detail .modal-content{background: #bdd7ee;border: 0;border-radius: 4px;}
.popup-logo img {max-width: 190px;}
#view-tax-detail .popup-logo {display: inline-block;margin: 5px 0;}
#view-tax-detail .top-text{float: right;width:68%;margin-bottom: 5px;}
#view-tax-detail .top-text h3{font-size: 18px;color: #fff;margin-bottom: 2px;background: #1f4e78;padding: 6px 0;text-align: center;position: relative;}
#view-tax-detail .top-text h3 i {position: absolute;right: 10px;}
#view-tax-detail .top-text .form-group{margin-bottom: 3px;}
#view-tax-detail .top-text .form-control{background: #fff;border: 0;height: 38px!important;padding: 0px 10px;} 
#view-tax-detail .top-text .form-control:focus{background: #fff!important;outline: none;border: 0;}
#view-tax-detail .top-text .form-group label {font-size: 14px;margin-bottom: 3px;font-weight: 500;color: #000;}
#view-tax-detail tr.head {border: 0;background: #1f4e78;color: #fff;}
#view-tax-detail .table thead th{font-weight: 500;font-size: 15px;}
#view-tax-detail .table > tbody tr {background: #fff;}
#view-tax-detail .table > tbody tr:nth-child(even) {background-color: #f2f2f2;}

#view-tax-detail .table > tbody tr.total-income-row{background: #bdd7ee;}
#view-tax-detail .table > tbody tr.total-expense-row{background: #bdd7ee;}

#view-tax-detail .table > tbody tr td {font-size: 13px;width: 50%;}
#view-tax-detail .table > tbody tr td span {width: 6px;height: 6px;background: #000;display: inline-block;border-radius: 20px;margin-right: 8px;}
#view-tax-detail .table > tbody tr td.cat_name{padding-left: 10px;}
#view-tax-detail .table thead th{border-bottom: 0;}
#view-tax-detail .table th, .table td{border-top: 0;} 
#view-tax-detail .table th.amount {text-align: right;}
#view-tax-detail .table > tbody tr td b{font-weight: 600;}
#view-tax-detail .table {border: 1px solid #ddd;margin-bottom: 0;}
#view-tax-detail .table tr.bg {border: 0;background: #1f4e78!important;color: #fff;}
#view-tax-detail .note{background: #fff;padding: .5rem .5rem;}
#view-tax-detail .note h4 {font-size: 15px;color: #000;margin-bottom: 3px;}
#view-tax-detail .note p{font-size: 14px;color: #4B4B4B;margin: 0;}
#view-tax-detail .table > tbody tr td b.right{float: right;margin-right: 10px;}
#view-tax-detail .modal-body {position: relative;}
#view-tax-detail .btn-close {position: relative;top: 0;right: 15px;opacity: 1;padding: 0;}
.login-left.Reset_pass_page input#password.is-invalid{background-size: 17px;}
.alert.alert-success{font-size: 17px;} 
#view-tax-detail .modal-title{color: #1f4e78;padding: 12px 0;}
#view-tax-detail .modal-header{position: relative;padding: 10px 12px;}
#view-tax-detail .modal-header .btn-close .fa-print {right: 35px;position: relative;top: 0;}
#view-tax-detail .btn-close:focus{outline: none;box-shadow: none;}

.Transaction-history.Report_all_Categories ul.transaction-list li{min-height: 80px;}
.Transaction-history.Report_all_Categories .right-tansction-detail{padding: 0;}
.Transaction-history.Report_all_Categories .right-tansction-detail h5{margin: 0;}
.Transaction-history.Report_all_Categories  h2{float: left;}
.Transaction-history.Report_all_Categories .top-heading{margin-top: 12px;}

.Transaction-history.Report_all_Categories .top-heading .hide-category {display: inline-block;position: relative;padding-left: 30px;margin-bottom: 0;cursor: pointer;font-size: 16px;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-right: 20px;}
.Transaction-history.Report_all_Categories .top-heading .hide-category input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.Transaction-history.Report_all_Categories .top-heading .checkmark {position: absolute;top: 0;left: 0;height: 22px;width: 22px;background-color: #fff;}
.Transaction-history.Report_all_Categories .top-heading .hide-category input:checked ~ .checkmark {background-color: #4b6eaf;}
.Transaction-history.Report_all_Categories .top-heading .checkmark:after {content: "";position: absolute;display: none;}
.Transaction-history.Report_all_Categories .top-heading .hide-category input:checked ~ .checkmark:after {display: block;}
.Transaction-history.Report_all_Categories .top-heading .hide-category .checkmark:after {left: 6px;top: 3px;width: 6px;height: 10px;border: solid white;border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);transform: rotate(45deg);}
.Transaction-history.Report_all_Categories a.add-transaction{float: right;top: -5px;}
.Transaction-history.Report_all_Categories label.hide_category_with_zero_value{margin: 0;}

.balance-div.income-div .next-arrow img {max-width: 32px;}
.balance-div.expense-div .next-arrow img {max-width: 32px;}
.balance-div.changefont-color .left-balance-detail{width:75%;}
.balance-div.income-div .next-arrow {position: absolute;right: 0;right: 12px;bottom: 12px;}
.balance-div.expense-div .next-arrow {position: absolute;right: 0;right: 12px;bottom: 12px;}

div#Transaction ul.transaction-list li.expense-li .right-transaction-price{color:#c03b2a;}

#rangestartamount input{padding-left: 10px !important;}
#rangeendamount input {padding-left: 10px !important;}



/* .is_subcategory.parent span.action-for-subcat::before{  width: 0; height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent;
border-top: 6px solid #212529;content: "";position: absolute;top: 10px;left: 10px;} */

.Transaction-history.Personal_Information.transaction_page.Depreciation select option{color:#fff;font-size: 14px;}

#transaction-detail .categories-div{margin-top: 0;}
#transaction-detail ul.transaction-inner-detail li h4.heading {font-size: 21px;}
#transaction-detail .depreciation-details li {margin-bottom: 0 !important;}
#transaction-detail ul.transaction-inner-detail li h4{margin: 0;}
#transaction-detail h3.popup-heading{margin-bottom: 0;}
#transaction-detail a.add-transaction, #transaction-detail-edit a.add-transaction{height: auto;border: 0;}
#transaction-detail h3.popup-heading.detail {margin-bottom: 10px;}

.is_subcategory.parent p.paction-for-subcat{position: relative;}
.is_subcategory.parent p.paction-for-subcat::after{width: 0; height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent;
border-top: 6px solid #212529;content: "";position: absolute;top: 10px;right: -20px;} 
.alert.alert-success a{color: #4b6eaf;}
#category-update .categories-div.date-div.transcation-rd{width:100%;}


.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
.transaction-arrow.depreciation-arrow.up-arrow{background: #DBE2EF;} 
.transaction-arrow.depreciation-arrow.up-arrow img {width: 40px;}   
div#Transaction ul.transaction-list .transaction-arrow.up-arrow img{width: 40px;}  

/* #Chart .chart-main.change-color {width: 700px;margin: auto;} */
.report-tabs ul.report-list{padding-left: 0;}
.report-tabs div#Report {padding: 35px 30px;}
.report-tabs div#Chart {padding: 35px 30px;}
.chart-main.change-color {background: #fff !important;width: 85%;margin: auto;}
.report-tabs .alert.alert-success{text-align: left;}
.form-control.is-invalid, .was-validated .form-control:invalid{background-image: none!important;}
.login-main.signupmain #msg span{float: right;font-size: .875em;}
.Transaction-history.Personal_Information.transaction_page .form-floating > label{border: 0;}
#transaction-detail .form-control:focus{border-color: inherit!important;}
#transaction-detail-edit .form-control{height: auto;}
#personal-info .alert-danger{color: #cc0e0e;background: #efcdc9;font-size: 15px;}
#transaction-detail input.form-control{color: #fff!important;}
.main-section.transaction-main-page .right-side-filtered .top-heading select.form-select{color:#000!important;}
.Transaction-history.transaction_page.transaction-inner-page .top-heading select.form-select{color:#000!important;}
.filter-main-div.change-color.scrollbar-2 .ui.form.custom-date-range .range-start-placeholder {width: 70%;}
.filter-main-div.change-color.scrollbar-2 .ui.form.custom-date-range .range-end-placeholder{width: 70%;}

.term-main h2{font-size:32px;font-weight:500;color: #4b6eaf;} 
.term{margin:30px 0;}
.term h3{font-size:20px;font-weight:500;}
.term p{font-size:17px;font-weight:400;margin:15px 0;}
.term p b{font-weight:500;}
.term p a{color:#026eb5;text-decoration:underline;}
.term ul{margin:0;}
.term li{font-size:16px;list-style:disc;margin-bottom:10px;}
.notification-count{background: #fc001d;color: #fff;padding: 0;border-radius: 30px;width: 22px;height: 22px;position: absolute;top: -6px;
right: -12px;font-size: 11px;  text-align: center;font-weight: 500;border: 2px solid #fff;pointer-events: none;}

#transaction-detail label.categories-checkbox.changecheckbox.is_subcategory.parent::after, #transaction-detail-edit label.categories-checkbox.changecheckbox.is_subcategory.parent::after, #transaction_filter_form label.categories-checkbox.changecheckbox.is_subcategory.parent::after {
width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #ffffff;content: "";position: absolute;
top: 10px;margin-left: 8px;}
.categories-checkbox.changecheckbox.is_subcategory.parent{padding-bottom: 0;}
.login-main.forgot-page .login-left{display: flex;align-items: center;align-items: center;}    
.Transaction-history.Report_all_Categories .category-list-action i{font-size: 22px !important;}

#transaction-detail .categories-checkbox.changecheckbox.is_subcategory.parent{padding-bottom: 8px;margin-bottom: 0;} 
#transaction-detail-edit .categories-checkbox.changecheckbox.is_subcategory.parent{padding-bottom: 8px;margin-bottom: 0;}  
#paynow .evalidation-error.eactive{margin-bottom: 15px;margin-top: 2px;}

#pl-statement-confirm .close{font-size: 30px;font-weight: 500;color: #fff;opacity: 1;}

#pl-statement-confirm .modal-body p {text-align: center;font-size: 22px;}
#pl-statement-confirm .btn.changefont-color.financial-year {background: #fff;color: #000;font-weight: 500;width: 250px;padding: 12px 0;
line-height:normal;height:auto;font-size: 16px; border-radius: 40px;}
#pl-statement-confirm .form-control.btn.changefont-color.close-financial{background: #fff;color: #000;font-weight: 500;width: 250px;
padding: 12px 0;line-height:normal;height:auto;font-size: 16px;border-radius: 40px;}
#pl-statement-confirm .form-control.btn.changefont-color.financial-year {margin: 15px 0;}
#pl-statement-confirm .modal-header {text-align: center;display: block;}
#pl-statement-confirm .modal-dialog{width:450px;}
#pl-statement-confirm .modal-body{padding: 15px 10px;text-align: center;}
#transaction-detail ul.transaction-inner-detail li h4.margin{margin:10px 0;} 
#transaction-detail ul.transaction-inner-detail li h4.margin{margin:10px 0;}  



/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}  

  
 #transaction-detail-edit .calendar.fas.fa-calendar-alt.changefont-color {
  width: 25px;
  height: 25px;
  background: #262729;
  margin-right: -5px;
  color:#fff !Important;
}

.calendar.fas.fa-calendar-alt.changefont-color{
  width: 25px;
  height: 25px;
  background: #262729;
  margin-right: -3px;
  color:#fff !Important;	
} 

.Transaction-history.Personal_Information.transaction_page.Depreciation  ul.transaction-list .right-tansction-detail input {padding-right: 5px;}

body div#app select.form-control.transaction_name, body div#app input.transaction_date.datetime-local, body div#app select.form-control.transaction_detail_name:focus{box-shadow:none;outline:none;}


.Transaction-history.Personal_Information.transaction_page.personal_info .start-date.datetime-local{padding: 2px 10px 2px 20px !important;}

body div#app .Transaction-history.Personal_Information.transaction_page.personal_info i.calendar.fas.fa-calendar-alt.changefont-color.change-color {
    color: #fff !important;
}

.filter-main-div .go-button.btn {
  width: 100%;
  background: #fff!important;
  padding: 10px 0;
  margin: auto;
  display: block;
  font-weight:500;
  border-radius: 30px;
}

#delete-bank .modal-header {
  text-align: center;
  display: block;
} 
#delete-bank h4 {
  text-align: center;
} 
#delete-bank .modal-footer{
text-align: center;
display: block;	
}
#delete-bank .modal-footer button.btn.btn-primary {
  margin: 0 5px;
} 
#delete-bank label{font-size:18px;}
#delete-bank span.bank-delete-error{color: red!important;display: block;font-size:18px;} 


#delete-card .modal-header {
  text-align: center;
  display: block;
} 
#delete-card h4 {
  text-align: center;
} 
#delete-card .modal-footer{
text-align: center;
display: block;	
}
#delete-card .modal-footer button.btn.btn-primary {
  margin: 0 5px;
} 
#delete-card label{font-size:18px;}
#delete-card span.card-delete-error{color: red!important;display: block;font-size:18px;} 
 

.Transaction-history.transaction_page ul.transaction-list li .right-payment-price{float:right;}
.Transaction-history.transaction_page ul.transaction-list li .right-payment-price p {
  color: #fff;
  font-size: 17px;
}
.Transaction-history.transaction_page ul.transaction-list li .right-payment-price p span {
  display: block;
  color: #e68d3d;
}
.Transaction-history.transaction_page ul.transaction-list li .right-payment-price p span.payment-status-draft{
	color:#75898f;
} 
.Transaction-history.transaction_page ul.transaction-list li .right-payment-price p span.payment-status-paid{
	color:#149c45;
} 
.Transaction-history.transaction_page ul.transaction-list li .right-payment-price p span.payment-status-past{
	color:#d8201e;
} 
.payment-options {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px;
  margin-bottom:20px
}
.payment-options img {
  max-width: 150px;
}
.payment-options  .form-check.form-switch {
  float: right;
  margin: 12px 0;
}

.invoiceAddDetails .form-control{
padding: 1px 0 0 14px !important;
  color: #fff !important;
  font-size: 17px !important;
  border-radius: 8px;
  border: 0;
  border: 2px solid #fff;
  height: 50px !important;
  background: transparent !important;	
}
.invoiceAddDetails .desc{
	width:100%;
	font-size: 17px;
	padding-left: 15px;
}
.invoiceAddDetails .desc::placeholder {
  color: #fff;
  opacity: 1;
}

.invoiceAddDetails .desc::-ms-input-placeholder {
  color: #fff;
}

.invoiceAddDetails .form-control::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

.invoiceAddDetails .form-control::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff;
}
.paymet-methods {
  margin-bottom: 15px;
  
}
.paymet-methods label.changecheckbox.categories-checkbox{width:auto;margin-right:10px;margin-top:6px;}
.invoiceAddDetails .paymet-methods input {
  display: inline-block;
  margin-right:10px;
}
.invoiceAddDetails .paymet-methods img {
  max-width: 100px;
  border-radius: 8px;
} 
.transaction-detail-modal-main.paymentDetails input{
	height:45px;
}
.invoiceAddDetails .form-group.item {
  width: 20%;
  display: inline-block;
  margin-right: 10px;
} 
.invoiceAddDetails .form-group.item.price {
  width: 23%;
}
.invoiceAddDetails .tax.form-control {
  width: 50%;
  float: right;
}
.invoice-tax p {
  display: inline-block;
} 
.invoice-tax .tax.form-control{
	width: 80%;
}
.invoice-tax .percentage-input {
  width: 30%;
  float: right;
}
.invoice-tax p{
  padding: 8px 0;	
}
.invoice-tax .percentage-input p {
  margin: 0;
  padding: 8px 0;
}
.invoice-total {
  margin-top: 10px;
}
.invoice-total p {
  display: inline-block;
} 
.invoice-total p.total-amount {
  float: right;
}
.fa.fa-plus.add-item-plus {
font-size: 15px;
  background: #fff !important;
  color: #000;
  width: 25px;
  height: 25px;
  border-radius: 40px;
  vertical-align: top;
  margin: 4px 10px;
  text-align: center;
  padding: 5px 0;
} 
.fa.fa-plus.edit-item-plus{
  font-size: 16px;
  padding-left: 5px; 
}

.percentage-input .editTax.form-control{
	width: 80%;
}
.invoice-tax .percentage-input p {
  display: inline-block;
  float: left;
  margin-right: 5px;
}
.edit-total-amount {
  float: right;
}
textarea.desc{
  color:#fff;
}
textarea.editNote {
  width: 100%;
  color:#fff;
}

.Transaction-history.transaction_page.transaction-inner-page.invoice-page .top-heading{
	width:auto;
}
.Transaction-history.transaction_page.transaction-inner-page.invoice-page h2{
	margin-right:50px;
}
.Transaction-history.transaction_page.transaction-inner-page.invoice-page h2 a{
font-size: 28px;
  font-weight: 500;
}
.changefont-color.active {
  border-bottom: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
}
 
#payment-details .modal-content {
  width: 400px;
}
#payment-details .modal-content textarea[disabled], textarea.form-control[disabled], input.form-control[disabled], input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="number"][disabled], [type="text"].form-control[disabled], [type="password"].form-control[disabled], [type="email"].form-control[disabled], [type="tel"].form-control[disabled], [contenteditable].form-control[disabled], textarea[readonly], textarea.form-control[readonly], input.form-control[readonly], input[type="text"][readonly], input[type="password"][readonly], input[type="email"][readonly], input[type="number"][readonly], [type="text"].form-control[readonly], [type="password"].form-control[readonly], [type="email"].form-control[readonly], [type="tel"].form-control[readonly], [contenteditable].form-control[readonly]{
border-bottom: 1px solid #fff;	
}
#payment-details .modal-content .form-group input {
  width: 100%;
  height: 40px;
  color: #fff;
  padding-left:15px;
}
#payment-details .modal-content .form-group input::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

#payment-details .modal-content .form-group input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}

#add-details .modal-content {
  width: 400px;
}
#add-details .modal-content .form-group input {
  width: 100%;
  height: 40px;
  color: #fff;
  padding-left:15px;
}

#add-details input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#add-details input[type=number] {
  -moz-appearance: textfield;
}
.payment-options .fa.fa-info.payment-info {
  font-size: 18px;
}
#add-invoice .invoice-item-section {
  float: left;
  margin-top: 15px;
}

 
#add-invoice .date-picker-time.form-group.invoice-add-date label{
position: relative;
  left: 0;
  margin: 0 0 15px;
  font-size: 18px;
}
#add-invoice .date-picker-time i.calendar.fas.fa-calendar-alt{
	top:60px;
}

#update-invoice .invoice-item-section {
  float: left;
  margin-top: 15px;
}

 
#update-invoice .date-picker-time.form-group.invoice-add-date label{
position: relative;
  left: 0;
  margin: 0 0 15px;
  font-size: 18px;
}
#update-invoice .date-picker-time i.calendar.fas.fa-calendar-alt{
	top:60px;
}
.fa.fa-plus.edit-item-plus {
font-size: 15px;
  background: #fff !important;
  color: #000;
  width: 25px;
  height: 25px;
  border-radius: 40px;
  vertical-align: top;
  margin: 4px 10px;
  text-align: center;
  padding: 5px 0;
} 
#add-invoice label.categories-checkbox.changecheckbox.is_subcategory.parent::after{
	margin-left:10px;
}
#update-invoice label.categories-checkbox.changecheckbox.is_subcategory.parent::after{
	margin-left:10px;
}
.date-picker-time.form-group.invoice-add-date{
	margin-top:-10px;
}
.invoiceAddDetails .editNote {
  width: 100%;
  font-size: 17px;
  padding-left: 15px;
  color: #fff;
}
.invoiceAddDetails .editNote::placeholder {
  color: #fff;
  opacity: 1;
}

.invoiceAddDetails .editNote::-ms-input-placeholder {
  color: #fff;
}
.select-category-heading {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.add-category-btn{
  color:#fff;
  font-weight: 500;
  color: #ffffff;
 width: max-content;
  font-size: 18px;
  float:right;
}
.add-category-btn:hover{
	color:#fff;
}
#category-add .categories-div.date-div.transcation-rd{
	width:100%;
} 
#category-add .form-floating.mb-3.form-group .form-control.transaction_name.category_name{
background: transparent!important;	
}
#category-add .file-upload .file-upload-select input[type="file"] {
display: block;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
}

.categories-div.transaction-cat{
	margin-top:0;
}
 
#invoice-preview .preview-name {
  font-size: 16px;
} 
#invoice-preview .transaction-detail-modal-main p{
	text-align: left;
}
#invoice-preview .preview-amount-due {
  background: #2f2f2f;
  margin: 15px 0;
  border-radius:10px;
  padding:15px;
}
#invoice-preview .preview-amount-due p {
  font-size: 15px;
}
#invoice-preview .amount-due-section {
  border-bottom: 1px solid #4b4b4b;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
#invoice-preview .amount-due-section h3 {
  font-size: 23px;
}
#invoice-preview .preview-issued-on {
  width: 45%;
  display: inline-block;
} 
#invoice-preview .preview-due-on{
  width: 45%;
  display: inline-block;
}
#invoice-preview .preview-current-date{
  font-size: 20px;	
} 
#invoice-preview .preview-due-date{
  font-size: 20px;	
}
#invoice-preview .preview-issued-for {
  margin: 10px 0 0;
}
#invoice-preview .preview-issued-for h3 {
  margin: 0;
}
#invoice-preview .preview-issued-for .preview-email {
  font-size: 22px;
}
#invoice-preview .preview-description{
  background: #2f2f2f;
  margin: 10px 0;
  border-radius: 10px;
  padding: 8px 15px 50px;
}
#invoice-preview .preview-invoice-category {
  margin-top: 15px;
}
#invoice-preview .preview-invoice-items {
  padding: 10px 0 0;
}
#invoice-preview .preview-item {
  display: block;
  margin-bottom:5px;
}
#invoice-preview .preview-item-left {
  display: inline-block;
}
#invoice-preview .preview-item-total {
  display: inline-block;
}
#invoice-preview .preview-item-total {
  float: right;
  margin: 22px 0 0px; 
}
#invoice-preview .preview-total {
  padding: 15px 0;
  border-top: 1px solid #4b4b4b;
  margin: 15px 0;
}
.preview-tax-price {
  margin: 10px 0;
}
#invoice-preview .preview-subtotal p {
  display: inline-block;
}
#invoice-preview .preview-subtotal p.preview-subtotal-price {
  float: right;
}
#invoice-preview .preview-tax-price p {
  display: inline-block;
}
#invoice-preview .preview-tax-price p.preview-tax {
   float: right;
}
#invoice-preview .preview-total-price-section {
  background: #2f2f2f;
  padding:10px;
  border-radius: 0 0 10px 10px;
}
#invoice-preview .preview-total-price-section p{
 display: inline-block;	
}
#invoice-preview .preview-total-price-section p.preview-total-price {
  float: right;
}

#invoice-preview .preview-notes{
	background: #2f2f2f;
  margin: 10px 0;
  border-radius: 10px;
  padding: 8px 15px 50px;
}
#invoice-preview .preview-payment-section {
  margin: 20px 0;
} 
#invoice-preview .preview-payments img {
  max-width: 100px; 
  border-radius: 8px;
  margin-right: 0;
  margin-bottom:15px; 
}
#invoice-preview .preview-payment-section p {
  margin: 0 0 10px;
}
#invoice-preview .modal-dialog{
	width:530px;
}
.yellow-preview {
  font-size: 14px;
  background: #e68d3d;
  padding: 4px 12px;
  border-radius: 30px;
  margin-left: 10px;
  vertical-align: top;
}
 
.Transaction-history.transaction_page.transaction-inner-page.invoice-page .right-payment-price p {
  text-align: right;
} 
#trial-user-modal .transaction-detail-modal-main strong {
  margin: 0 0 15px;
  display: block;
  font-size: 24px;
  text-align: center;
  font-weight: 400;
}
#trial-user-modal .transaction-detail-modal-main p{
	padding:0 10px;
}
#trial-user-modal .modal-footer {
  text-align: center;
  display: block;
}
#trial-user-modal .modal-footer button.btn.btn-primary{
	margin:0 20px;
}
#buy-subscription-modal .transaction-detail-modal-main {
  text-align: center;
}
#buy-subscription-modal .modal-footer button.btn.btn-primary{
	margin:0 20px;
}
#buy-subscription-modal .modal-footer {
  text-align: center;
  display: block;
}
#buy-subscription-modal .transaction-detail-modal-main strong{
  font-weight: 400;
}


#download-receipt-confirm .modal-body.scrollbar-2 {
  text-align: center;
  padding-bottom: 0;
}
#download-receipt-confirm #exampleModalLabel {
  text-align: center;
  display: block;
  width: 100%;
}

#download-receipt-confirm button {
  background: #fff;
  color: #000;
  font-weight: 500;
  width: 250px;
  padding: 12px 0;
  line-height: normal;
  height: auto;
  font-size: 16px;
  border-radius: 40px;
  margin: 0 0 12px;
}
#view-download-receipt-detail .modal-dialog {
  width: 300px;
  text-align: center;
}
#view-download-receipt-detail .recepit-confirmation button{
	  background: #fff;
  color: #000;
  font-weight: 500;
  width: 250px;
  padding: 12px 0;
  line-height: normal;
  height: auto;
  font-size: 16px;
  border-radius: 40px;
}
#view-download-receipt-detail .modal-body{
	padding: 30px 0;
}
.transc-type-checkbox.dimCheckbox {
  opacity: .4;
}

.bank-relogin
{
  position: absolute;
  right: 20px;
  bottom: 10px;
  left: auto;
}
.bank-relogin a
{
  font-size: 13px;
  padding: 2px 12px;
}
ul.banks-list li.expired-bank
{
  opacity: .8;
}

.login-left.Reset_pass_page .invalid-feedback{
	position: relative;
	top:0;
}

 
/******** baljinder side css issue fix **********/




 
 




/******** RESONSIVE **********/


@media only screen and (max-width: 1440px){
	
/******** 1400 copied start **********/
.container {max-width: 1200px;padding: 0 30px;}
ul.banks-list li .bank-detail {float: left;margin-left: 11px !important;}
.Transaction-history.transaction_page.transaction-inner-page.invoice-page h2 a{font-size:22px;}
.right-tansction-detail h3 {float: left;width: 100%;font-size: 22px;font-weight: 500;margin-bottom:0px;}
.transaction-arrow {width: 55px;height: 55px;background: #dce8e7;border-radius: 9px;display: flex;align-items: center;justify-content: center;color: #75a29f;
font-size: 22px;float: left;margin-right: 20px;}
ul.notification-list.transaction-list li .transaction-arrow.down-arrow{font-size: 20px;}
.dropdown-toggle::after {margin-top: 20px;}
button.pay-now {padding: 5px 14px;font-size: 13px;bottom: 20px;}
.Transaction-history.Report_all_Categories .right-tansction-detail h5 {color: #000;font-size: 18px;}
.Transaction-history.Report_all_Categories .right-tansction-detail span {color: #000;font-size: 18px;margin-left: 5px;}
.Transaction-history.Report_all_Categories .right-transaction-price {font-size: 18px;}
div#Transaction ul.transaction-list li .transaction-arrow.down-arrow {width: 55px;height: 55px;font-size: 22px;}
button.btn.download {font-size: 16px;}
.Transaction-history.Personal_Information.transaction_page input {color: #fff !important;font-size: 18px !important;height: 50px !important;border-radius: 10px !important;}
.slick-slide {margin: 0px 15px;}
div#Transaction ul.transaction-list .transaction-arrow.up-arrow {width: 55px;height: 55px;font-size: 22px;}
.Transaction-history.Personal_Information.transaction_page h2 {font-size: 26px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .button-save-div {padding: 0;}
.container.Tax_Payment .left-banner-content .total-profit h2 {font-size: 40px;margin-top: 15px;}
.container.Tax_Payment .total-profit button {margin: 20px 20px 20px;}
ul.banks-list li {padding: 10px 10px;border-radius: 14px;margin-bottom: 18px;}
ul.banks-list li .bank-detail h3 {font-size: 14px;float: left;width: 100%;color: #4b6eaf;font-weight: 500;margin: 0px 0 3px;}
span.filter-img img {width: 20px;}
.container-radio .checkmark {padding: 4px 20px;font-size: 14px;}
.filter-div h2 {font-size: 24px;margin-bottom: 10px;}
.filter-div h2 img{vertical-align:top;}
.balance-div {padding: 10px 12px;}
.balance-div .left-balance-detail h2 {font-size: 28px;margin-top: 0px;}
.category-top-div h3 {font-size: 24px;font-weight: 500;color: #4b6eaf;float: left;margin-bottom: 20px;}
.balance-div.income-div .balance-right-icon img{margin-right: 50px;}
.balance-div.income-div .next-arrow img {max-width: 30px;}
.balance-div.expense-div .balance-right-icon img{margin-right: 50px;}
.balance-div.expense-div .next-arrow img {max-width: 30px;}
.category-top-div button.btn.see-all {background: #4b6eaf;float: right;color: #fff;font-weight: 500;padding: 5px 14px;border-radius: 6px;font-size: 12px;}
.balance-div .left-balance-detail small {font-size: 20px;font-weight: 500;float: left;width: 100%;margin-bottom: 3px;}

.balance-right-icon img {width: 18%;float: right;}
.left-banner-content {width: 50%;}
.right-banner-graph img {width: 100%;margin-top: 1rem;  }
ul.transaction-list.Transaction-page li {width: 100%;padding: 10px 10px;margin-bottom: 15px;    }
.right-tansction-detail span {color: #fff;font-size: 14px;top: 18px;}

.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page .form-group span.check{top: 18px;}

.navbar-light .navbar-nav .nav-link.active:after {position: absolute;height: 3px;left: -1.5%;bottom: -11px;background: #4b6eaf;width: 103%;content: "";}
ul.banks-list li span.bank-logo {float: left;}
.report-tabs ul.tabs li{font-size: 18px;} 
.report-tabs ul.report-list li h3{font-size: 18px;}
.connected-banks.credit-cards .bank-detail {margin-top: 0px;}
span.bank-logo img {width: 65%;}
ul.banks-list li .bank-detail p.price-bank {color: #000;font-size: 14px;margin-top: 0;font-weight: 500;}
ul.banks-list li .bank-detail p {color: #7d7c7c;font-size: 14px;margin: 0;}
button.dropbtn img {width: 70%;}
.main-section {float: left;width: 100%;padding: 40px 0;}
ul.banks-list.card-list p.price-bank {margin-top: 6px !important;font-size: 14px;}
.categories-checkbox input:checked ~ .checkmark {font-size: 12px;}
.categories-checkbox .checkmark {font-size: 12px;}
.top-heading select.form-select {width: 150px;display: inline-block;float: none;border: 1px solid #ccc;border-radius: 7px;font-size: 12px !important;padding: 5px 10px;
height: 40px !important;} 
a.print img {width: 30px;}
.filter-main-div h3 {font-size: 18px;}
.calculate-header-box-value {color: #ffffff;font-size: 14px;font-weight: 500;}
.money-value span.money-item {float: left;margin: 0;color: #fff;font-size: 12px;position: absolute;left: 0;}
button.btn.reset {float: left;width: 48%;border: 2px solid #fff;color: #fff;font-size: 16px;padding: 5px 10px;border-radius: 8px;}
/******** 1400 copied end **********/
.login-left-inn {width: 71%;margin: 0 auto;}
.navbar-light .navbar-nav .nav-link {font-size: 17px;}
nav.navbar.navbar-expand-lg.navbar-light.bg-light .dropdown #dropdownMenuButton1 {font-size: 16px;}
.connected-banks h2 {font-size: 18px;}
.connected-banks button.btn.add-new-card {float: right;color: #fff;border: 2px solid #fff;border-radius: 29px;padding: 4px 13px;font-size: 12px;}
ul.transaction-list.Transaction-page li .transaction-arrow.up-arrow, ul.transaction-list.Transaction-page li .transaction-arrow.down-arrow {width: 55px;height: 55px;font-size: 18px;}
ul.transaction-list.Transaction-page li .transaction-arrow.up-arrow, ul.transaction-list.Transaction-page li .transaction-arrow.up-arrow {width: 55px;height: 55px;
font-size: 18px;}
.Transaction-history.transaction_page.income_page ul.transaction-list li {background: #ffffff;width: 100%;padding: 10px 10px;margin-bottom: 10px;}
.right-transaction-price {float: right;font-size: 16px;color: #fff;font-weight: 500;margin-top: 15px;}
div#banner {float: left;width: 100%;padding: 30px 0;display: flex;flex: auto;}
.Transaction-history h2 {font-size: 24px;font-weight: 500;color: #4b6eaf;margin-bottom: 35px;}
.logo-div img {WIDTH: 200PX;}
.logo-div {text-align: left;margin: 37px 0 15px 0px;}
.login-left h3 {font-size: 35px;margin-top: 38px;}
.login-left h4 {font-size: 25px;color: #383d47;margin: 10px 0 27px 0;}
/*.login-left .form-group {
        margin-bottom: 18px;
}*/
h6.or-login {margin-top: 0px;margin-bottom: 0px;}
.login-left-inn .social-links-for-login button.btn {margin: 8px 15px 0;width: 57px;height: 57px;}
.social-links-for-login {margin-bottom: 30px;margin-top: 20px;}
button.btn.login {border-radius: 7px;}
.login-main.signupmain h3 {margin-top: 22px;margin-bottom: 20px;}
.login-right img {width: 74%;}
.right-banner-graph {float: right;width: 38%;}
.left-banner-content h1 {font-size: 30px;}
.left-banner-content p {font-size: 18px;margin-top: 4px;margin-bottom: 4px;}
.left-banner-content .total-profit h2 {font-size:28px;}
.left-banner-content .total-profit p {color: #4b6eaf;margin: 0 0 5px;font-size: 20px;}
.total-profit {padding: 18px 30px;border-radius: 16px;margin-top: 18px;}
.left-banner-content {min-height: 360px;}
.Transaction-history {padding: 40px 0 60px;}
.right-tansction-detail {padding: 0px 0 4px;}
ul.transaction-list.Transaction-page .right-tansction-detail h3 {font-size: 16px;margin-bottom: 3px;}
footer#footer {padding: 19px 0;}
footer#footer p {font-size: 12px;letter-spacing: 1.3px;}
div#Transaction ul.transaction-list li .right-tansction-detail h3 {color: #4b6eaf;font-size: 19px;}
.login-left.Reset_pass_page h3.reset-heading {font-size: 35px;margin-bottom: 60px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .right-tansction-detail {float: right;width: 83%;}
h6.or-login {margin-bottom: 0px;}
button.btn.login {margin-top: 5px;margin-bottom: 30px;}
.social-links-for-login a.btn {width: 57px;height: 57px;}
.social-links-for-login a.btn img.google-icon {width: 29px;}
.social-links-for-login a.btn i.fab {font-size: 29px;line-height: 50px;}
.login-left-inn {width: 58%;margin: 0 auto;}
.login-left h4 {font-size: 26px;margin: 12px 0 35px 0;}
.login-left h3 {font-size: 40px;margin-top: 39px;}


/******** bank page css start **********/
.banks-list {max-height: 230px;} 
.scroller { height: 230px;}
.right-tansction-detail .calendar.fas.fa-calendar-alt.changefont-color{top: 48px;right: 15px;font-size: 16px;}
/******** bank page css close **********/

/******** tax page css start **********/
.transaction-list input.Select-Federal-Withholdings{display: none;}

/******** tax page css close **********/
.chart-main.change-color{width:98%;}

.container.Tax_Payment .left-banner-content{width:45%;}
.container.Tax_Payment .Transaction-history{width:55%;}


}


@media only screen and (max-width: 1439px){
.login-left h3 {font-size: 28px;margin-top: 20px;}
.login-left h4 {font-size: 20px;margin: 5px 0 19px 0;}
button.btn.login {border-radius: 7px;margin-top: 0;margin-bottom: 20px;}
.social-links-for-login {margin-bottom: 10px;margin-top: 5px;}
.login-left-inn .social-links-for-login button.btn {margin: 8px 9px 0;width: 50px;height: 50px;border-radius: 10px;}
.social-links-for-login button img.google-icon {width: 28px;}
.social-links-for-login button.btn i.fab.fa-apple {font-size: 30px;}
.social-links-for-login button.btn i.fab.fa-facebook-f {font-size: 23px;color: #3b5999;}
.logo-div img {WIDTH: 120PX;}
 .logo-div {text-align: center;margin: 27px 0 5px 0px;}
.container {max-width: 1200px;padding: 0 30px;}
.left-banner-content {min-height: 300px;}
.connected-banks.credit-cards {margin-top: 40px;}
.login-left.Reset_pass_page h3.reset-heading {font-size: 28px;margin-bottom: 60px;}
.login-main.verification h4 {font-size: 20px;margin: 14px 0 50px;}
.accounthave{padding: 10px 0 0px;}
.login-left-inn .form-group{margin-bottom: 30px;}

}

@media only screen and (max-width: 1366px){
.document-data {width: 87%;}
 
    
}


@media only screen and (max-width: 1280px){
.left-banner-content h1 {font-size: 32px;}
.total-profit {padding: 13px 22px;border-radius: 16px;margin-top: 15px;}
.left-banner-content .total-profit h2 {font-size: 34px;}
.left-banner-content .total-profit p {font-size: 20px;}
.left-banner-content {min-height: 300px;}
.Transaction-history h2 {font-size: 28px;margin-bottom: 22px;}
span.right-arrow {margin-top: 4px;}
ul.transaction-list li {padding: 10px 10px;margin-bottom: 16px;}
ul.transaction-list.Transaction-page li .transaction-arrow.up-arrow, ul.transaction-list.Transaction-page li .transaction-arrow.down-arrow {width: 65px;height: 60px;
margin-right: 14px;font-size: 28px;}
.right-tansction-detail h3 {font-size: 21px;margin-bottom: 1px;}
.right-transaction-price {font-size: 19px;margin-top: 15px;}
.Transaction-history {padding: 25px 0 40px;}
.navbar-light .navbar-nav .nav-link.active::after {bottom: -30px;}
.Transaction-history.Report_all_Categories.Depreciation_btm .button-save-div {margin-top: 20px;padding-bottom: 0;}
.Transaction-history.Report_all_Categories .right-tansction-detail span {color: #000;font-size: 18px;}
.Transaction-history.Report_all_Categories .right-transaction-price {font-size: 17px;color: #C44C3D;padding: 0 0;}
.Transaction-history.Report_all_Categories .right-tansction-detail h5 {color: #000;font-size: 18px;}
.container-radio .checkmark {padding: 6px 10px;font-size: 16px;}
.categories-checkbox .checkmark {padding: 4px 4px;font-weight: 500;font-size: 12px;}
range-slider {float: left;width: 100%;}
.login-left-inn {width: 76%;margin: 0 auto;}
.accounthave h6 {font-size: 16px;}
.social-links-for-login a.btn {border-radius: 11px;margin: 18px 10px 0;width: 56px;height: 56px;padding: 0;text-align: center;}
.social-links-for-login a.btn img.google-icon {margin-top: 11px;width: 28px;}
.social-links-for-login a.btn i.fab {font-size: 29px;line-height: 49px;}
.login-left h3 {margin-bottom: 0;}
.login-left-inn {width: 60%;margin: 0 auto;}
.login-left h4 {font-size:20px;}

.categories-div .category-img img{max-width: 70px;}
.container.Tax_Payment button.View_details{font-size: 17px;}


}



@media only screen and (max-width: 1199px){
	/* Gagan css start */
	
	
	/* Gagan css end */
.left-banner-content {min-height: 250px;width: 54%;}
div#banner {padding: 40px 0 30px;}
.Transaction-history h2 {font-size: 25px;margin-bottom: 22px;}
div#Transaction ul.transaction-list li .transaction-arrow.down-arrow{width: 60px;height: 55px;margin-right: 13px;font-size: 22px;}
.right-tansction-detail h3 {font-size: 20px; margin-bottom: 0px;}
.right-tansction-detail {padding: 3px 0;}
.right-transaction-price {font-size: 19px;margin-top: 5px;}
.navbar-light .navbar-nav .nav-link {margin-left: 23px;}
.navbar-brand img { width: 181px;}
.navbar-light .navbar-nav .nav-link.active::after {bottom: -27px;}
.left-banner-content .total-profit h2 {font-size: 30px;}
.left-banner-content h1 {font-size: 30px;}
.left-banner-content {min-height: 233px;width: 54%;}
ul.banks-list li span.bank-logo img {width: 100%;}
ul.banks-list li .bank-detail h3 {font-size: 18px;margin: -1px 0 2px;}
ul.banks-list li .bank-detail p {font-size: 13px;margin: 0;}
ul.banks-list li .bank-detail p.price-bank {color: #000;font-size: 14px; margin-top: 0;font-weight: 500;}
.Transaction-history.Personal_Information.transaction_page.Depreciation .container.basic_info .form-group {float: left;width: 47%;margin-left: 1rem;}
.Transaction-history.Personal_Information.transaction_page.Depreciation .form-group.description {width: 96% !important;}
.Transaction-history.Report_all_Categories ul.transaction-list li {float: left;width: 49%;border-radius: 10px;background: #ffffff;padding: 11px 12px;margin-bottom: 17px;}
.Transaction-history.Report_all_Categories.Depreciation_btm .right-tansction-detail {width:69%;}
.Transaction-history.Personal_Information.transaction_page.personal_info .right-tansction-detail {float: right;width: 82%;}
.user_image_circle .h-12.w-12.rounded-full.overflow-hidden.bg-gray-100 {float: left;width: 130px;height: 130px;}
.user_image_circle {float: left;width: 140px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info .right-tansction-detail label.control-label {
top: -12px;}
.document-img a {width: 120px;height: 120px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-detail.summary p {margin-bottom: 3px;}
.login-main.verification h4 {font-size: 15px; margin: 14px 0 40px;line-height: 24px;}
.login-main.verification input.form-control {width: 50px;height: 50px !important;margin: 0 15px 0 0;}
.resend-div {font-size: 16px;}

.right-banner-graph {width: 42%;}
.right-banner-graph .chart-main h1 {font-size: 25px;}
.chart-main h1 span {font-size: 22px;}
.Transaction-history h2 a.right-arrow{margin-top: 0;}
.document-data {width: 84%;padding-left: 20px;}
.Transaction-history.transaction_page ul.transaction-list li{padding: 0;}
.Transaction-history.transaction_page.transaction-inner-page ul.transaction-list li{padding: 15px;}

#Chart .canvasjs-chart-canvas {width: 100% !important;height: auto !important;}
.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page .container.basic_info .form-group{width:100%;}


}

@media only screen and (max-width: 1024px){
	/* Gagan css start */
.balance-right-icon img {width: 25%;}
.balance-div .left-balance-detail h2 {font-size: 32px;}
.balance-div {padding: 20px 20px;}
.slick-inner h3 {font-size: 14px;min-height: 45px;}
.slick-inner p {font-size: 16px;}
.slick-inner hr.slider-sep {margin: 0px auto 5px;}
.slick-inner p {margin-bottom: 5px;}
.slick-slide img {display: block;width: 50%;}
.slick-slide {margin: 0px 10px;}
.user_image_circle {float: left;width: 100px;}

	/* Gagan css end */
.Transaction-history.Personal_Information.transaction_page.personal_info .right-tansction-detail {width: 82%;}	
.login-left-inn {width: 80%;margin: 0 auto;}

.balance-div.income-div .balance-right-icon img {margin-right: 20px;}
.balance-div.expense-div .balance-right-icon img {margin-right: 20px;}


}


@media only screen and (max-width: 1024px){
.document-data {width: 85%;}

}


@media only screen and (max-width: 991px){
	
/* naveen css start 7/27/2021 */
button.menu-btn.cross-menu {display: block;}
.btn-check:focus+.btn-secondary, .btn-secondary:focus {box-shadow: 0 0 0 0rem rgb(130 138 145 / 50%) !important;}
.collapse.navbar-collapse.nav.navbar-demo {left: auto;width: 260px;transition: right 0.5s;height: 100%;background: #4b6eaf;position: fixed;right: -260px;top: 0;
display: block;z-index: 999;}
.collapse.navbar-collapse.nav.navbar-demo.open-nav {right: 0;z-index: 9999;}

ul.navbar-nav.nav.nav-right {float: left;width: 100%;}
.collapse.navbar-collapse.nav.navbar-demo ul.navbar-nav.nav.nav-right li {padding: 0px 20px;border-bottom: 1px solid #6b8cc7;margin: 0;}
.collapse.navbar-collapse.nav.navbar-demo li.nav-item a {color: #fff;font-size: 20px;border: 0;padding:10px 13px;}
.collapse.navbar-collapse.nav.navbar-demo .nav-link.active::after {position: absolute;height: 0px;left: 0;bottom: -3px;background: #4b6eaf;width: 100%;content: "";}
button.menu-btn.cross-menu {position: absolute;top: 5px;right: 15px;background-color: unset;border: 0;font-size: 26px;display: block;padding: 0;color: #fff;outline: none;
}
ul.navbar-nav.nav.nav-right {float: left;width: 100%;margin-top: 31px;}
nav.navbar.navbar-expand-lg.navbar-light.bg-light .dropdown.notification-drop {right: 45px;top: 12px;}
	/* naveen css end 7/27/2021 */
	

.navbar-light .navbar-toggler-icon {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAAxCAYAAACMPmT+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGMERENTY2RTk1NDExRUI5QkMyRDJEQzRCNDg5MkJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGMERENTY3RTk1NDExRUI5QkMyRDJEQzRCNDg5MkJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUYwREQ1NjRFOTU0MTFFQjlCQzJEMkRDNEI0ODkyQkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUYwREQ1NjVFOTU0MTFFQjlCQzJEMkRDNEI0ODkyQkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6qI4AiAAABHUlEQVR42uyYvw7BUBhHr8boceoBzIo3IbUysvIoRM3MUm+D+fqufIb7pxglPSf5LTrdk6bV0xlOd0YZyUpZX9Yz7eEuq2Ub2dH9kOmFlewgG7RMiNHzunNX6sF0ZYVsYcCoh4u7U+a48CidlBwPHnmGg4iOk3LFg0ftpGzx4LHN9FW0xsUL56F6P1OWsonsLHu0TMRDzz1WD6//KW8OOp601losBPBKRgpSkIIUpCDlL+gWsz0WPtwprtGeZDeZbdFueu4ilEKjpdE2QqNtgEabgEabKgc02hgabQIabQCNVqHR/vSkpdHylYwUpCAFKUj5B8iRX+4UcmQghRxJjmyEHNkAOTIBOTL1kUyOjCFHJiBHBpAjlShHPgUYAFXMwG6XWyv/AAAAAElFTkSuQmCC");
}
.navbar-light .navbar-toggler {color: rgba(0,0,0,.55);border-color: rgba(0,0,0,.1);border: 0;color: #4b6eaf;padding: 0;margin-top: -10px;}
ul.navbar-nav.nav.nav-right {margin-top: 40px;width: 100%;}
.navbar-light .navbar-nav .nav-link {padding: 0;margin-left: 0;}
ul.navbar-nav.nav.nav-right li {margin: 6px 0;}
.navbar-light .navbar-nav .nav-link.active::after {position: absolute;height: 3px;left: 0;bottom: -3px;background: #4b6eaf;width: 100%;content: "";}
.navbar-light .navbar-toggler {color: rgba(0,0,0,.55);border-color: rgba(0,0,0,.1);border: 0;color: #4b6eaf;padding: 0;margin-top: 0;position: absolute;right: 0;
top: 8px;}
.navbar-toggler:focus {box-shadow: 0 0 0 0rem;}
a.notifications {float: right;margin-left: 20px;margin-right: 54px;margin-top: 1px;position: absolute;right: 0;top: 17px;}
nav.navbar.navbar-expand-lg.navbar-light.bg-light .dropdown {float: right;position: absolute;right: 76px;top: 0;}
.left-banner-content h1 {font-size: 25px;}
.left-banner-content p {font-size: 16px;margin-top: 0px;margin-bottom: 0px;}
.left-banner-content .total-profit h2 {font-size: 27px;}
.left-banner-content .total-profit p {font-size: 17px;}
.left-banner-content {min-height: 186px;width: 54%;}
.right-tansction-detail h3 {font-size: 17px;margin-bottom: 0px;}
.right-tansction-detail span {color: #fff;font-size: 14px;}
.right-transaction-price {font-size: 16px;margin-top: 12px;}
div#Transaction ul.transaction-list .transaction-arrow.up-arrow {width: 50px;height: 50px;margin-right: 13px;font-size: 22px;border-radius: 7px;}
div#Transaction ul.transaction-list li .transaction-arrow.down-arrow {width: 50px;height: 50px;margin-right: 13px;font-size: 22px;}
.total-profit {padding: 11px 18px;border-radius: 10px;margin-top: 15px;}
span.right-arrow {margin-top: 0;}
.connected-banks {padding: 20px 20px 5px;}
.connected-banks h2 {font-size: 23px;}
ul.banks-list li {padding: 12px 12px;border-radius: 11px;margin-bottom: 16px;}
ul.banks-list li .bank-detail h3 {font-size: 16px;}
ul.banks-list li .bank-detail p {font-size: 12px;}
.Transaction-history.Report_all_Categories.Depreciation_btm .right-tansction-detail {width: 68%;}
.Transaction-history.Report_all_Categories .right-tansction-detail span {color: #000;font-size: 15px;}
.Transaction-history.Report_all_Categories .right-tansction-detail h5 {color: #000;font-size: 15px;}
.Transaction-history.Report_all_Categories.Depreciation_btm .right-transaction-price {font-size: 13px;}
.Transaction-history.Report_all_Categories ul.transaction-list li {float: left;width: 49%;border-radius: 10px;background: #ffffff;padding: 11px 12px;margin-bottom: 17px;
min-height: 49px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .right-tansction-detail {width: 80%;}
.main-section.transaction-main-page .col-md-4, .main-section.transaction-main-page .col-md-8 {flex: 0 0 auto;width: 100%;margin-bottom: 20px;}
nav.navbar.navbar-expand-lg.navbar-light.bg-light .dropdown #dropdownMenuButton1 { margin-top: 0px;}
span.profile-img { margin-right: 10px;}
ul.banks-list li {float: left;width: 100%;}
.login-left-inn {width: 80%; margin: 0 auto;}

.collapse.navbar-collapse.nav.navbar-demo li.nav-item a{font-size: 15px;padding: 12px 0;}
button.menu-btn.cross-menu i{font-weight: 300;}
.collapse.navbar-collapse.nav.navbar-demo li.nav-item a{color:#fff!important;}

.document-data {width: 78%;}
.Transaction-history.Personal_Information.transaction_page ul.transaction-list a.btn.download {font-size: 14px;margin-left: 8px;}
.Transaction-history.Personal_Information.transaction_page ul.transaction-list{margin-bottom: 0;}

.container.Tax_Payment button.View_details{font-size: 16px;}
.container.Tax_Payment .total-profit{width:90%;}
.container.Tax_Payment .total-profit button {
  margin: 20px 0 20px;}

}


@media only screen and (max-width: 820px){

.login-left-inn {width: 85%;}
.right-banner-graph {width: 45%;}
.right-banner-graph .chart-main h1 {font-size: 20px;}
.chart-main h1 span {font-size: 15px;}
.right-banner-graph .chart-main select.graph-select {width: 110px;padding: 8px;}

.balance-right-icon img {width: 20%;}
.balance-div .left-balance-detail h2 {font-size: 28px;}
ul.report-list{padding: 0;}
ul.report_income_list{padding: 5px;}
ul.report_income_list li p{font-size: 14px;margin-bottom: 10px;}
ul.report_income_list li span{font-size: 12px;}
.total-btm-div p{font-size: 13px;}
.total-btm-div span{font-size: 13px;}
.report-tabs ul.report-list li h3{font-size: 16px;}
.balance-div.income-div .next-arrow img {max-width: 25px;}
.balance-div.expense-div .next-arrow img {max-width: 25px;}
.Transaction-history.transaction_page.transaction-inner-page.single-category-page .top-heading{width:75%!important;}
.Transaction-history.transaction_page.transaction-inner-page.single-category-page .category-list-action i.fa.fa-pencil{font-size: 18px!important;padding: 2px;}
.contact-left{width:98%;}
.balance-div .left-balance-detail small{font-size: 17px;}
#expense .Transaction-history.transaction_page.transaction-inner-page .top-heading{width: auto;}




}


@media only screen and (max-width: 768px){
	
/* Gagan css start */
.user_image_circle .h-12.w-12.rounded-full.overflow-hidden.bg-gray-100 {float: left;width: 100px;height: 100px;}
.user_image_circle {float: left;width: 90px;}
.button-save-div {padding: 10px 0;}
.document-name {float: left;width: 70%;}
.slick-slide {margin: 0px 6px;}
/* ul.report_income_list li p {font-size: 14px;width: 110px;} */
ul.report_income_list li {font-size: 14px;}
.total-btm-div p {font-size: 14px;width: 110px;margin-bottom: 5px;}
.tab-content ul.report-list.income-list > li {min-height: 320px;}
.balance-div .left-balance-detail small {font-size: 16px;}
.balance-div .left-balance-detail h2 {font-size: 26px;}
.balance-div { padding: 10px 10px;}
/* Gagan css end */
	
.logo-div img {WIDTH: 150PX;}
.login-left h3 {font-size: 24px;margin-top: 20px;}
.login-left h4 {font-size: 17px;margin: 5px 0 19px 0;line-height: 19px;}
.login-left .form-group {margin-bottom: 16px;}
button.btn.login {margin-bottom: 19px;height: 40px;padding: 0 0;}
h6.or-login::before {width: 28%;}
h6.or-login::after {width: 28%;}
.accounthave h6 {font-size: 16px;color: #000;}
.login-main.forgot-page h3 {margin-top: 30px;}
.login-main.forgot-page h4 {font-size: 16px;margin: 9px 0 25px;line-height: 22px;}
.login-main.forgot-page .login-right {bottom: 0;}
.user_image_circle {float: left;width: 120px;margin-top: 10px;}
.user_image_circle .h-12.w-12.rounded-full.overflow-hidden.bg-gray-100 {float: left;width: 120px;height: 120px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info li { padding-left: 15px;}
.Transaction-history.Personal_Information.transaction_page .container.basic_info .form-group {width: 48%;margin-left: 2%;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info .right-tansction-detail .date-picker {width: 48%;height: 72px;max-height: 72px;background: white;position: relative;overflow: hidden;transition: all 0.3s 0s ease-in-out;float: left;margin-left: 2%;margin-top: -11px;margin-bottom: 30px;
padding-top: 10px;background: transparent;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info .right-tansction-detail .date-picker.open {max-height: 400px;height: 400px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info .right-tansction-detail .date-picker .input {width: 100%;height: 63px;
font-size: 0;cursor: pointer;background: #4b6eaf;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info .right-tansction-detail .date-picker .input .result {width: 100%;
height: 59px;line-height: 50px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info .right-tansction-detail .date-picker .input .result label {position: absolute;top: -15px;left: 20px;color: #fff;background: #4b6eaf;padding: 0 5px;font-weight: 500;}

.form-group.form-check label{font-size: 15px;}
a.forgot{font-size: 15px;}

.tab-content{padding: 20px 5px;}
.tab-content ul.report-list.income-list > li{width:47%;margin-bottom: 15px;}
ul.report_income_list li span{font-size: 14px;}
#view-tax-detail-calculate .modal-dialog{width: 92%;}

.report-tabs .total-btm-div p{width: auto;}


}


@media only screen and (max-width: 767px){

.Transaction-history.Report_all_Categories ul.transaction-list li {float: left;width: 100%;}
.col-md-4 {flex: 0 0 auto;width: 33.33333333%;}
.Transaction-history.Personal_Information.transaction_page.Depreciation .form-group.description {width: 95% !important;}
.Transaction-history.Personal_Information.transaction_page.Depreciation .container.basic_info .form-group {width: 46%;}
.Transaction-history.transaction_page.income_page ul.transaction-list li {background: #ffffff;width: 100%;margin-bottom: 14px;padding: 10px 10px;}
.Transaction-history h2 {font-size: 20px;margin-bottom:25px;margin-top: 9px;}
.Transaction-history.transaction_page.income_page .top-heading {width: 70%;margin-bottom: 20px;}

}


@media only screen and (max-width: 480px){

button.navbar-toggler.menu-btn {
  z-index: 999 !important;
}	
	
header#header .navbar-brand{margin-right:0;}	
/* Gagan css start */
.modal .modal-dialog{width:92%;}
.modal-dialog .modal-content {width: 100%;margin: 0 auto;}
.Transaction-history.transaction_page.transaction-inner-page .top-heading {float: right;width: 70%;}
.Transaction-history.Personal_Information.transaction_page input {color: #fff !important;font-size: 16px !important;
height: 50px !important;border-radius: 10px !important;}
.Transaction-history h2 a.right-arrow {margin-top:0;}
.dropdown.notification-drop button.dropbtn {top: 55px;position: absolute;float: right;margin-right: 10px;right: 0;margin-top: 1px;}
.notification-count{top: 38px;right: -2px;}
#header .dropdown-item{font-size: 14px;}
.dropdown-toggle::after {margin-top: 10px;}
.dropdown-content {top: 85px;right: -6px;}
.left-banner-content {width: 100%;}
.dropdown.notification-drop button.dropbtn img {width: 80%;}
span.right-arrow {margin-top: -5px;}
.col-md-4 {width:100%;}
.balance-right-icon img {width: 10%;float: right;}
.main {padding: 20px 0;}
.modal-dialog {margin: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) !important;max-width: 589px;
width: 345px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .right-tansction-detail {float: left;width: 100%;}
.document-name {float: left;width: 50%;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-detail p {
font-size: 16px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li .document-detail.summary p{font-size: 16px;}
button.btn.download {font-size: 16px;padding: 6px 15px;}
.user_image_circle {float: none;width: 120px;text-align: center;margin: 0 auto;}
.Transaction-history.Personal_Information.transaction_page .container.basic_info .form-group {float: left;width: 100%;
margin-left: 3%;}
.user_image_circle .file-input.flex.items-center {position: relative;float: none;margin: 0 auto 25px;width: auto;}
ul.transaction-list .date-picker {width: 100%;}
.user_image_circle .h-12.w-12.rounded-full.overflow-hidden.bg-gray-100 {margin: 0 auto;}
.Transaction-history.Personal_Information.transaction_page h2 {font-size: 20px;margin-bottom: 15px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .form-group {float: left;width: 100%;margin-left: 0;}
.slick-track {width: 3500px !important;}
ul.tabs li {padding: 10px 20px;font-size: 16px;}
ul.tabs li.current {font-size: 16px;}
ul.report-list li {width: 97%;min-width: 97%;margin-bottom: 10px;}
ul.report_income_list li p {font-size: 15px;width: 100%;margin: 0;}
/* .slick-slide {width: 125px !important;} */
.balance-div {margin-bottom: 10px;}
.transaction-arrow {width: 50px !important;height: 50px !important;margin-right: 10px;font-size: 16px;border-radius: 4px;}
div#Transaction {padding: 20px 10px;}
div#Transaction ul.transaction-list li .right-tansction-detail h3 {font-size: 20px;}
div#chart img {max-width: 100%;}

ul.report_income_list li p.paction-for-subcat{width: auto;} 
.report_income_list_sub_category.children-category.active li{margin-bottom: 0;}
#Transaction .right-tansction-detail span.bank-info span.bank_name{font-size: 15px;}

/* Gagan css end */
.login-right {max-width: 100%;width: 100%;height: auto;padding: 10px 0;}
.login-right img {width: 64%;}
.login-left {max-width: 100%;width: 100%;min-height: auto;}
.login-left-inn {width: 82%;margin: 0 auto;}
.accounthave {position: initial;padding: 0px 0 10px;}
.form-group.form-check label {font-size: 14px;padding-left: 24px;}
a.forgot {font-size: 14px;}
.forgot i.fas.fa-unlock-alt {margin-right: 6px;}
.accounthave h6 {font-size: 14px;}
.logo-div img {WIDTH: 140PX;}
.logo-div {text-align: center;margin: 17px 0 0px 0px;}
.login-main.forgot-page .login-right img {width: 58%;}
.right-banner-graph {float: right;width: 100%;}
.container.Tax_Payment .left-banner-content {min-height: 186px;width: 100%;text-align: center;margin: -20px 0 20px;flex-direction: inherit;}
.left-banner-content h1 {font-size: 25px;text-align: center;float: left;width: 100%;}
.left-banner-content p {font-size: 16px;margin-top: 0px;margin-bottom: 0px;text-align: center;float: left;width: 100%;}
.total-profit {padding: 11px 18px;border-radius: 10px;margin-top: 15px;width: 260px;margin: 14px auto 10px;}
ul.transaction-list li {width: 100%;padding: 12px 12px;margin-bottom: 13px;}
.container.Tax_Payment .Transaction-history {padding: 25px 0 20px;width: 100%;}
.navbar-brand img {width: 85px !important;}
.navbar-brand {float: left;width: 100%;text-align: center;min-height: 100px;}
nav.navbar.navbar-expand-lg.navbar-light.bg-light .dropdown #dropdownMenuButton1 {margin-left: 0;}
nav.navbar.navbar-expand-lg.navbar-light.bg-light .dropdown {top: 70px;left: 0px;margin: 0;}
span.profile-img {margin-right: 10px;float: left;margin-top: -12px;}
a.notifications {top: 60px;}
.navbar-light .navbar-toggler {right: -3px;top: 65px;}
.login-main.verification .login-right {position: absolute;bottom: 0;}
.login-main.verification .login-left {min-height: 490px;display: flex;align-content: center;justify-content: center;flex-direction: column;}
.login-main.verification .login-left .logo-div {position: absolute;top: 4px;}
.login-main.verification h4 {font-size: 18px;margin: 14px 0 40px;line-height: 24px;}
.login-main.verification .btn.login {margin-top: 20px;}
.login-main.forgot-page .login-left {min-height: 490px;display: flex;align-content: center;justify-content: center;flex-direction: column;}
.login-main.forgot-page .login-left .logo-div {position: absolute;top: 4px;left:0;right:0;}
.main-section {padding: 30px 0;}
ul.banks-list li {padding: 12px 12px;border-radius: 11px;margin-bottom: 16px;width: 100%;position: relative;}
ul.banks-list li .fa.fa-trash{font-size: 20px!important;}
.connected-banks button.btn.add-new-card {float: right;color: #fff;border: 2px solid #fff;border-radius: 29px;padding: 3px 10px;
font-size: 13px;}
.connected-banks h2 {font-size: 20px;}
.Transaction-history.Personal_Information.transaction_page.Depreciation .form-group.description {width: 100% !important;
margin: 0 0 10px 0 !important;}
.Transaction-history.Personal_Information.transaction_page.Depreciation #date_of_placed{padding-top: 3px;} 

ul.banks-list li .bank-detail p.type-text {right: 15px;bottom: 40px;}


.Transaction-history.Personal_Information.transaction_page.Depreciation .container.basic_info .form-group {width: 100%;
margin: 0 0 15px 0 !important;}
.Transaction-history.Personal_Information.transaction_page.Depreciation ul.transaction-list li {padding-top: 10px;padding-bottom: 0px;}
.Transaction-history.Personal_Information.transaction_page.Depreciation {padding: 40px 0 0;}
.Transaction-history.Report_all_Categories.Depreciation_btm .button-save-div {margin-top: 0px;padding-bottom: 0;}
.button-save-div button.btn.download.save {color: #fff;float: none;background: #4b6eaf;padding: 9px 28px;border-radius: 7px;
font-size: 17px;}
.Transaction-history.Report_all_Categories.Depreciation_btm {padding: 0 0 40px;}
.container {max-width: 1400px;padding: 0 20px;}
ul.transaction-list.Transaction-page li .transaction-arrow.up-arrow, ul.transaction-list.Transaction-page li .transaction-arrow.down-arrow {margin-right: 10px;font-size: 16px;border-radius: 4px;}
.right-tansction-detail h3 {font-size: 15px;margin-bottom: 0px;}
.Transaction-history.transaction_page.income_page .right-tansction-detail span {color: #656565;font-size: 13px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info .right-tansction-detail .date-picker {width: 100%;}
footer#footer p {font-size: 13px;letter-spacing: 1.3px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .float-right-add-doc h3 a.add-icon {width: 34px;
height: 34px;font-size: 27px;margin-left: 3px;line-height: 30px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .float-right-add-doc h3 {font-size: 16px;font-weight: 500;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info.documents li {padding: 14px 17px 0px;}
.document-name {float: left;width: 54%;}
.Transaction-history.Personal_Information.transaction_page.personal_info ul.transaction-list li {padding: 25px 15px 0;}
.Transaction-history.Personal_Information.transaction_page.personal_info .container.basic_info li {padding-left: 5px;}
div#Transaction ul.transaction-list .right-transaction-price {color: #75a29f;width:20%;text-align: right;}
.change-password-box {margin: 40px auto 40px;max-width: 500px;float: none;overflow: hidden;background: #4b6eaf;border-radius: 14px;padding: 27px 20px 0px;width: 95%;}
.change-password-box.change_color {padding: 30px 20px 10px;}
.mode-select {font-size: 18px;height: 105px;}
.mode-select .checkmark img {width: 35px;}
.mode-div.color-select .mode-select {width: 30px;margin: 0;height: 30px;}
.mode-div.color-select .mode-select span.checkmark:after {left: 9px;top: 7px;width: 7px;height: 14px;border: solid white;
border-width: 0 3px 3px 0;margin-top: -3px;}
.mode-main-div {margin: 10px 0 50px;}
.mode-div.color-select {margin-top: 43px;}
.change-password-box.change_color h6 {font-size: 17px;}
.col-md-8.transaction-outer h2.heading {float: left;width: 100% !important;max-width: 100% !important;color: #4b6eaf;
font-size: 20px;margin: 0;}
.col-md-8.transaction-outer a.print{margin-left: 5px;}
.top-heading {float: right;width: 90%;text-align: right;margin-top: -32px !important;}
a.add-transaction {width: 32px;height: 32px;font-size: 28px;padding-top: 4px;line-height: 15px;margin: 0px 5px 0 0;position: relative;top: 5px;}
.Transaction-history.transaction_page.transaction-inner-page a.print{margin-left: 5px;}
ul.transaction-list.Transaction-page li {min-height: 85px;}
ul.banks-list li .bank-detail{width:55%;}
ul.banks-list li span.bank-logo{padding: 0;}
ul.banks-list li .cst-card_type{float: left!important;}
.cst-card_type select.card_type{height: 32px !important;width: 110px;margin-top: 3px;}
ul.banks-list li .cst-card_type i {position: absolute;top: 10px;right: 20px;}
span.profile-img{width:45px;height: 45px;}

.two.fields .field.go-button-outer label{display: none;}
.container-radio .checkmark{font-size: 14px;}
#header .dropdown-menu.show {left: 0;right: auto;}

ul.report_income_list li p{width:70%;}
.categories-div{padding: 0 25px;}
.categories-div.transaction-cat{padding-left: 0;}
.categories-div.datepicker-div {padding: 0;}
.categories-div.date-div {padding: 0;}
.col-md-8.transaction-outer {margin-top: 15px;}


.Transaction-history.Personal_Information.transaction_page.personal_info .form-group{margin-bottom: 20px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .right-tansction-detail{padding: 5px 8px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .personal-info-bg{padding: 20px 8px;}
.Transaction-history.Personal_Information.transaction_page .container.basic_info .form-group{margin-left: 0;}

.document-img{width:100px;height: 100px;}
.document-data {width: 100%;padding: 0;}
.Transaction-history.Personal_Information.transaction_page ul.transaction-list a.btn.download {margin-left: 0;float: left;margin-right: 10px;margin-top: 10px;width:46%;} 

.float-right-add-doc{margin-top: 5px;}
.Transaction-history.Personal_Information.transaction_page h2.changefont-color{margin-top: 5px;} 
#personal-info .modal-dialog{width: 92%;}
#personal-info .personal-info-main .form-floating {margin-top: 15px;}
#personal-info .uploader #start div{font-size: 18px;margin: 0;}
#personal-info #file-upload-btn {font-size: 17px;}
#personal-info .uploader label{height: 170px;}
#personal-info #start img {max-width: 28%;}

.container.Tax_Payment .total-profit{width:100%;}
.container.Tax_Payment .left-banner-content{flex-direction: column;}
.container.Tax_Payment .left-banner-content p.note{width:100%;}

.container.Tax_Payment .right-tansction-detail h4{padding-left: 0;}
.Transaction-history.Personal_Information.transaction_page .right-tansction-detail .form-floating{margin-left: 0;}
.container.Tax_Payment .Transaction-history.Personal_Information.transaction_page .container.basic_info .form-group{margin-left: 0;}

#pay-now .modal-body button.btn.payBtn{width:65%;}

#view-tax-detail .modal-dialog {width: 94%;}
#view-tax-detail .modal-body li p{font-size: 16px;}

.Transaction-history.transaction_page.transaction-inner-page .top-heading{width: inherit!important;margin-top: -55px !important;}

#delete_bank .modal-dialog{width:92%;}
#delete_bank .modal-dialog .modal-body h3{font-size: 22px;}
#delete_bank .modal-dialog .modal-body h4{font-size: 16px;margin: 20px 0 0;}

.balance-div.income-div .balance-right-icon img {margin-right: 0;}
.balance-div.expense-div .balance-right-icon img {margin-right: 0;}
.balance-div.income-div .next-arrow{bottom: 5px;}
.balance-div.expense-div .next-arrow{bottom: 5px;}
.balance-div.income-div .next-arrow img {max-width: 20px;}
.balance-div.expense-div .next-arrow img {max-width: 20px;}

#view-tax-detail i.fas.fa-print.hide_on_print{left: 85%;font-size: 20px!important;}
#view-tax-detail .popup-logo{display: block;margin: 0px 0 15px;text-align: center;}
#view-tax-detail .top-text{width:100%;}
#view-tax-detail .col-sm-6 {width: 50%;}

.Transaction-history.transaction_page.transaction-inner-page.single-category-page .top-heading{width: 100% !important;margin-top: 0px !important;}
.Transaction-history.transaction_page.transaction-inner-page.single-category-page .top-heading select.form-select{position: absolute;top: 5px;right: 10px;}

.Transaction-history.Personal_Information.transaction_page.Depreciation li{padding: 15px;}

.Transaction-history.Personal_Information.transaction_page #first_name-error{position: relative;top: 5px;}
.Transaction-history.Personal_Information.transaction_page #lastname-error{position: relative;top: 5px;}
.Transaction-history.Personal_Information.transaction_page #tax-payer-error{position: relative;top: 5px;}
.Transaction-history.Personal_Information.transaction_page #ein-error{position: relative;top: 5px;}

#Chart #chartContainer{overflow: auto;}
#Chart .canvasjs-chart-canvas {width: 700px !important;}

.contact-left {width: 100%;margin-bottom:30px;}

#transaction-detail-edit .transaction-type-resn-manual-depreciation{width:100%;}
#transaction-detail-edit button.transc-type-res.form-control.btn{width:100%;}

#view-tax-detail-calculate .modal-body li{font-size: 15px;}
#view-tax-detail-calculate .modal-body li strong{width:60%;}

#tax-detail .modal-dialog {width: 92%;}
#tax-detail li h4{width: 40%;font-size: 18px;}
#tax-detail li{font-size: 18px;} 

.left-banner-content .total-profit h2{text-align: center;}
#connected-banks .scrollbar-2{max-height: initial;} 

.Transaction-history.Report_all_Categories.Depreciation_btm li span{padding-left: 0;margin-left: 0;font-size: 14px;}
.Transaction-history.Report_all_Categories .top-heading{width: auto;margin-top: 5px !important;}
.Transaction-history.Report_all_Categories  h2{margin-top: 0;font-size: 15px;}
.Transaction-history.Report_all_Categories .top-heading .hide-category{margin-right: 5px;font-size: 14px;padding-left: 25px;}
.Transaction-history.Report_all_Categories .right-transaction-price{font-size: 15px;margin-top: 0;}

#category-add .modal-content, #category-update .modal-content{width: 100%;}
#category-add .modal-content {width: 100% !important;} 

.report-tabs div#Report {padding: 15px;}
 

}


@media only screen and (max-width: 413px){
.right-banner-graph .chart-main h1{font-size: 20px;}    
.balance-right-icon img {width: 12%;float: right;}
div#Transaction ul.transaction-list .right-transaction-price {color: #75a29f;width: 26%;text-align: right;}
button.btn.reset {padding: 5px 0px;}
ul.banks-list li span.bank-logo {width: 46px;}
.connected-banks h2 {font-size: 18px;}
/* .connected-banks h2 { */
    /* font-size: 18px; */
    /* width: 100%; */
/* } */
/* .connected-banks button.btn.add-new-card { */
    /* padding: 3px 10px; */
    /* font-size: 14px; */
    /* margin-top: 12px; */
/* } */
ul.banks-list li {padding: 8px 8px;border-radius: 9px;margin-bottom: 16px;width: 100%;}
ul.banks-list li span.bank-logo {width: 46px;margin-right: 8px;height: 45px;}
ul.banks-list li .bank-detail h3 {font-size: 15px;}
ul.banks-list li .bank-detail p {font-size: 11px;}
ul.banks-list li .bank-detail p.price-bank {font-size: 12px;}
.connected-banks.credit-cards .bank-detail {width: 49%;margin-top: 2px;}
ul.banks-list.card-list p.price-bank {font-size: 14px;margin-top: 3px !important;}
footer#footer p {font-size: 13px;letter-spacing: 0px;}
.container {max-width: 1400px;padding: 0 15px;}
nav.navbar.navbar-expand-lg.navbar-light.bg-light .dropdown #dropdownMenuButton1 {margin-left: 0;font-size: 16px;}
span.profile-img {margin-right: 10px;float: left;margin-top: -6px;height: 42px;width: 42px;}

ul.banks-list li .bank-detail p.type-text {bottom: 12px;}

/* .connected-banks button.btn.add-new-card { */
    /* padding: 3px 10px; */
    /* font-size: 14px; */
    /* margin-top: 12px; */
    /* float: left; */
/* } */
.top-heading select.form-select {width: 126px;}
.Transaction-history.transaction_page.income_page .top-heading a.add-transaction {border: 2px solid #ffffff;
background: #fff;margin-top: -1px;width: 30px;height: 30px;font-size: 26px;margin: 0 5px 0 0;line-height: 15px;}
.top-heading select.form-select {width: 115px;display: inline-block;float: none;border: 1px solid #ccc;border-radius: 7px;
padding-right: 17px;background-size: 16px 12px;background-position: right .35rem center;}
a.print img {width: 28px;}
a.print {margin-left: 7px;}
.right-transaction-price {font-size: 14px;margin-top: 12px;}
.document-name {float: left;width: 100%;}
button.btn.download {font-size: 16px;float: left;}
ul.tabs li {padding: 10px 10px;font-size: 16px;} 
/* ul.report_income_list li span {float: right;color: #668e8b;width: 100%;margin-top: 1px;font-weight: 500;} */
/* .total-btm-div p {font-size: 14px;width: 100%;margin-bottom: 5px;} */
/* .total-btm-div span {width: 100%;} */
.mode-div.color-select .mode-select {width: 26px;margin: 0;height: 26px;}
.mode-select {font-size: 15px;height: 85px;}
.mode-select .checkmark img {width: 32px;margin-bottom: 2px;}
button.btn-apply {margin: 0 0 20px;}
.top-heading select.form-select {width: 135px;padding: 5px;}
a.print img {width: 23px;}
.col-md-8.transaction-outer h2.heading {font-size: 18px;} 

#pay-now .modal-body button.btn.payBtn{width:75%;}

#view-tax-detail .modal-body li strong{width:60%;} 
#view-tax-detail .modal-body{padding: 10px;}
#view-tax-detail .modal-body li p {font-size: 14px;}

#delete_bank .modal-header h5#exampleModalLabel{font-size: 20px;}
#delete_bank .modal-dialog .modal-body h3 {font-size: 18px;}
#delete_bank .modal-dialog .modal-body h4 {font-size: 14px;}

 

}


@media only screen and (max-width: 320px){
.login-left-inn {width: 90%;margin: 0 auto;}
.login-main.forgot-page h3 {margin-top: 20px;}
.login-main.forgot-page h4 {font-size: 14px;margin: 9px 0 15px;line-height: 19px;}
button.btn.login {margin-bottom: 10px;}
.login-main.verification h4 {font-size: 16px;margin: 10px 0 16px;line-height: 20px;}
.resend-div {font-size: 18px;font-weight: 500;margin-bottom: 1px;margin-top: 10px;}
.login-left h3 {font-size: 24px;margin-top: -20px;}
.login-main.forgot-page h3 {margin-top: 0;}
.navbar-light .navbar-toggler {right: 0;top: 56px;}
.connected-banks {padding: 15px 15px 5px;}
ul.banks-list li .bank-detail {float: left;width: 65%;margin-left: 5px !important;}
footer#footer p {font-size: 12px;letter-spacing: 0px;}
.Transaction-history.Personal_Information.transaction_page h2 {font-size: 18px;margin-bottom: 15px;}
.Transaction-history.Personal_Information.transaction_page.personal_info .float-right-add-doc h3 {font-size: 17px;font-weight: 500;}
.Transaction-history.Personal_Information.transaction_page.personal_info .float-right-add-doc h3 a.add-icon {width: 31px;height: 31px;display: inline-block;background: #4b6eaf;text-align: center;color: #fff;font-size: 25px;border-radius: 60px;margin-left: 3px;line-height: 29px;}
.container-radio .checkmark {padding: 6px 5px;font-size: 16px;}
.textarea.form-control.note-field.transaction_notes {color: #fff;padding-left: 10px;}
.addnote-div textarea.form-control.note-field.transaction_notes {color: #fff !important;padding-left: 10px;}

.textarea.form-control.note-field.transaction_notes {color: #fff;padding-left: 10px;}
.addnote-div textarea.form-control.note-field.transaction_notes {color: #fff !important;padding-left: 10px;}

.connected-banks h2 {font-size: 15px;}
.connected-banks button.btn.add-new-card{font-size: 12px;}
ul.banks-list li span.bank-logo{width:40px;height: 40px;}

#pay-now .modal-body button.btn.payBtn{width:95%;}
.transaction-list .form-group.check label{font-size: 17px;padding-left: 30px;}

#delete_bank .modal-header h5#exampleModalLabel {font-size: 18px;}
#delete_bank .modal-dialog .modal-body h3 {font-size: 16px;}



}


#transaction-detail label.categories-checkbox.changecheckbox.is_subcategory.parent:after,#transaction-detail-edit label.categories-checkbox.changecheckbox.is_subcategory.parent:after, #transaction_filter_form label.categories-checkbox.changecheckbox.is_subcategory.parent:after{
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    content: "";
    position: absolute;
    top: 10px;
}


.file-upload {
    border: 2px solid #dadceb;
    border-radius: 6px;
}

/* li.income .right-transaction-price {
    color: #83ABA8 !important;
}

li.expense .right-transaction-price, li.depreciation .right-transaction-price {
    color: #C44C3D !important;
} */


li .right-tansction-detail span.bank-info {
    float: left;
    width: 100% !important;
}


.Transaction-history ul#transaction-list li, body#report  ul#transaction-list li{
    height: 125px;
}


input::-webkit-date-and-time-value{
    margin-top: 0.5em;
    text-align: left;
} 

span.cat-note{
    font-size: 14px;
}