.hide{
    display: none;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.form-control:disabled, .form-control[readonly]{
    background-color: #fff !important;
    opacity: 1;
}
.form-control {
    padding: .27rem .25rem;
    font-size: 12px;
}
input[type=number] {
    -moz-appearance: textfield
}
.form-control{
    padding-left: 10px;
}
.navbar-vertical.bg-white .navbar-nav > .nav-item .nav-link.active {
    box-shadow: none;
    background: #e2e3e357;
}
.navbar-vertical.navbar-expand-xs .navbar-collapse {
    display: block;
    overflow: auto;
    height: 100%;
}
.text-lg-x {
    font-size: 1.9rem !important;
    top: 0 !important;
}
.inr-sign::before {
    content: "\20A8 ";
    padding-right: 3px;
}
.bg-gradient-secondary-2 {
    background-image: linear-gradient(310deg,#b0edf0,#c3cee3);
}
.dropdown.dropdown-hover:hover > .dropdown-menu::before, .dropdown .dropdown-menu.show::before {
    top: 0px !important;
}
.nav-link.active {
    color: #4962f0 !important;
}
.active > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: linear-gradient(310deg,#4962f0,#825ee4);
    border-color: none;
}
.modal-content-xxl{    
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.navbar-vertical.navbar-expand-xs {
    z-index: 0 !important;
}
#tdFormRow, #monthWiseTable thead tr{
    z-index: 9;
    position: sticky;
    width: 100%;
    background: #fff;
    top: 0;
}
#tdFormRow  thead > tr > th {  
    background-color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 1;
}
#tdFormRow tbody {
    vertical-align: top !important;
    padding: 5px !important;
}
#tdFormRow tbody > tr > td {
    vertical-align: top !important;
    padding: 1px !important;
    border-bottom-width: 0px;
}
.t-wrp {
    height: calc(100vh - 42vh);
    overflow-y: auto;
/*    border-bottom: 2px solid #c6c6c659;*/
}
.exp-t-wrp {
    height: calc(100vh - 50vh);
    overflow-y: auto;
    /* border-bottom: 2px solid #c6c6c659; */
}
.bottom-calculation {
    position: fixed; 
    width: 98%;
    bottom: 5px;
    margin-top: 15px;
}
.bottom-calculation input[type=number] {
  text-align:right;
}
.footer-form {
	position: fixed;
	z-index: 999;
	bottom: 0;
	width: 97%;
	color: #fff;
	background-color: #fff;
	border-top: 1px solid #0000001c;
	height: 65px;
	padding-top: 15px;
}
.route-input {
    position: fixed;
    z-index: 99999;
    bottom: 89px;
    display: none
}
.modal-xxl {
    max-width: 100% !important;
    height: 100% !important;
    margin: 0;
}

/*only for sales,purchase,crnote, drnote modal*/
.modal-xxl .modal-content{
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100% !important;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
}
/*only for sales,purchase,crnote, drnote modal*/

.customer-profile {
    background: 0 0;
    box-shadow: none
}

.customer-profile .profile-top {
    background: #fff
}

.customer-profile-table {
    padding-top: 1rem
}

.error-select2 {
    border-color: #dc3545;
    padding-right: calc(1.4285714286em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.3571428571em + .1875rem);
    background-size: calc(.7142857143em + .375rem) calc(.7142857143em + .375rem)
}

.no-product-cart-banner {
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #1a1a19;
    margin-left: 25%;
    margin-right: 25%;
    border-radius: 3px
}

#loader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: #D9D9D9AB;
    display: flex;
    align-items: center;
    justify-content: center
}

#loader .loading-icon {
    width: 42px;
    height: auto;
    animation: loadingAnimation 1s infinite
}

.text-info-x{
    color: #4962f0 !important;
}

@keyframes loadingAnimation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
select, select option {text-transform:capitalize}
table#loanInfoTable{
    border:1px solid #d4d4d4;
    margin:0 auto;
    font-size:12px;
}
table#loanInfoTable td{
    padding:2px;
}
table#loanInfoTable tr:nth-child(even){
    background:#E4E4E4;
    border:1px solid #D4D4D4;
    border-left:0;
    border-right:0;
}
table#loanInfoTable tr {
    background:#D7E4FF;
}
table#loanInfoTable input{
    margin-bottom:2px !important;
    margin-top:2px;
    font-size: 13px;
    height: 29px;
}

table#loanComputedTable td{
    padding: 0;
    margin: 0;
    height: 25px;
    text-align: left;
}

table#loanComputedTable > tbody > tr:nth-child(2n+1) {
    background-color: rgba(133, 229, 251, 0.84);
    background-clip: padding-box;
}

.datepicker {
    border-radius: .375rem;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl.dropdown-menu {
    left: auto
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 20px 22px;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1)
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-top: 7px solid #fff;
    border-bottom: 0
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.datepicker table {
    margin: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.datepicker table tr td {
    border-radius: 50%
}

.datepicker table tr th {
    font-weight: 500;
    border-radius: .375rem
}

.datepicker table tr td,
.datepicker table tr th {
    font-size: .875rem;
    width: 36px;
    height: 36px;
    transition: all .15s ease;
    text-align: center;
    border: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #adb5bd
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    cursor: pointer;
    background: #fff
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    cursor: default;
    color: #dee2e6;
    background: 0 0
}

.datepicker table tr td.highlighted {
    border-radius: 0
}

.datepicker table tr td.highlighted.focused {
    background: #4962f0
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    color: #ced4da;
    background: #4962f0
}

.datepicker table tr td.today {
    background: #10c6f0;
    color: black    ;
}

.datepicker table tr td.today.focused {
    background: #fff
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
    color: #8898aa;
    background: #fff
}

.datepicker table tr td.range {
    color: #fff;
    border-radius: 0;
    background: #4962f0
}

.datepicker table tr td.range.focused {
    background: #3b53de
}

.datepicker table tr td.range.day.disabled:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
    color: #8a98eb;
    background: #324cdd
}

.datepicker table tr td.range.highlighted.focused {
    background: #cbd3da
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
    color: #dee2e6;
    background: #e9ecef
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
    color: #fff;
    background: #4962f0
}

.datepicker table tr td.day.range-start {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.datepicker table tr td.day.range-end {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.datepicker table tr td.day.range-start.range-end {
    border-radius: 50%
}

.datepicker table tr td.day.range:hover,
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:hover {
    color: #fff;
    background: #4962f0
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:hover {
    color: #fff;
    background: #4962f0;
    box-shadow: none
}

.datepicker table tr td span {
    line-height: 54px;
    display: block;
    float: left;
    width: 23%;
    height: 54px;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #e9ecef
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    cursor: default;
    color: #dee2e6;
    background: 0 0
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #8898aa
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #e9ecef
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
    visibility: hidden
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}
.input-group {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
    border-right: 1px solid #d2d6da;;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    min-width: 0;
    margin-bottom: 0;
    flex: 1 1;
    height: 33.03px;
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px;
    height: 33.03px;
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    margin-bottom: 0;
    padding: .625rem -0.75rem;
    text-align: center;
    white-space: nowrap;
    color: #adb5bd;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    background-color: #fff;
    align-items: center;
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1.75rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    font-size: .875rem;
    line-height: 1.5;
    padding: .875rem 1rem;
    border-radius: .4375rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    font-size: .75rem;
    line-height: 1.5;
    padding: .25rem .5rem;
    border-radius: .25rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.card.card-profile-bottom {
  margin-top: 4rem;
}
.text-white {
    color: #FFF !important;
}
.dataTable-table tbody td, .dataTable-table tbody th, .dataTable-table tfoot td, .dataTable-table tfoot th, .dataTable-table thead td, .dataTable-table thead th {
    vertical-align: top !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-style: unset !important;
}
.card.card-profile .card-body {
    padding: 0.25rem 1rem;
}
.dataTable-table > thead > tr > th {
    vertical-align: middle !important;
    text-align: left;
    border-bottom: 1px solid #d9d9d9;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left !important;
}
.dt-info{
    font-size: 13px;
    font-weight: 600 !important;
    color: #67748e !important;
    margin-top: 10px;
}
table#brand_table td{
    vertical-align: middle !important;
}
.table-download {
    display: inline-block;
    float: right;
    padding-right: 10px;
    color: #0059c1;
    margin-top: 12px;
    margin-right: 20px;
}

.table-download a {
    color: #0059c1;
}
.table-download a:hover {
    color: red;
}
#sidenav-collapse-main {
    height: calc(100% - 170px);
}
/*#tdFormRow .select2-container--default .select2-selection__rendered:first-child {
    color: red !important; 
}*/