@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --theme-primary-color: #990000;
    --sidebar-backgoud-color: #333333;
    --content-background-color: #ffffff;
}
* {
    font-family: 'Nunito Sans', sans-serif !important;
}
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}
a {
    color: var(--theme-primary-color);
}
a strong {
    color: var(--theme-primary-color);
}
a .fas {
    color: inherit;
}
.color-green {
    color: #01e56a !important;
}
.zw-stage11-app-v2.login-layout .login-content {
    background-image: url("../images/loginbg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    padding: 0 30%;
}
.zw-stage11-app-v2.login-layout .form-content {
    min-height: 65vh;
}
.zw-stage11-app-v2.login-layout .login-content p,
.zw-stage11-app-v2.login-layout .login-content b {
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
}
.zw-stage11-app-v2.login-layout .form-content {
    max-width: 550px;
    margin: 0 auto;
}
.zw-stage11-app-v2.login-layout .form-content form label {
    color: #4A4A4A;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
}
.zw-stage11-app-v2.login-layout .login-footer p,
.zw-stage11-app-v2.login-layout .login-footer a {
    /*color: #000000;*/
    color: #999999;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    text-decoration: none;
}
.zw-stage11-app-v2.login-layout .login-footer a:hover {
    text-decoration: underline;
}
.zw-stage11-app-v2.login-layout .form-content .user-login p,
.zw-stage11-app-v2.login-layout .form-content .user-login a {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}
.zw-stage11-app-v2 .footer {
    background: #F2EEE6;
}
.zw-stage11-app-v2 .stage11-header .page-title h1 {
    color: #262626;
    font-size: 25px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 500;
}
.zw-stage11-app-v2 input[type="checkbox"]:checked::after {
    content: none;
}
.zw-stage11-app-v2 input[type="checkbox"]:not(.form-check-input),
.zw-stage11-app-v2 input[type="radio"] {
    border-color: #605e57;
}
.zw-stage11-app-v2 input[type="text"],
.zw-stage11-app-v2 input[type="email"],
.zw-stage11-app-v2 input[type="password"],
.zw-stage11-app-v2 select,
.zw-stage11-app-v2 input[type="number"],
.zw-stage11-app-v2 textarea,
.zw-stage11-app-v2 .selection {
    border: 1px solid rgba(151, 151, 151, .6);
    box-shadow: inset 0 0 1px 0 #4A4A4A;
    border-radius: 5px !important;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    padding: 5px 10px;
}
.zw-stage11-app-v2 .selection .selected span {
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
}
.zw-stage11-app-v2 .selection {
    padding-right: 25px
}
.zw-stage11-app-v2 input[type="radio"][disabled],
.zw-stage11-app-v2 input[type="checkbox"][disabled],
.zw-stage11-app-v2 input[type="text"].secondary,
.zw-stage11-app-v2 input[type="text"][disabled],
.zw-stage11-app-v2 input[type="email"].secondary,
.zw-stage11-app-v2 input[type="email"][disabled],
.zw-stage11-app-v2 input[type="password"].secondary,
.zw-stage11-app-v2 input[type="password"][disabled],
.zw-stage11-app-v2 select.secondary,
.zw-stage11-app-v2 input[type="number"].secondary {
    border: 1px solid rgba(151, 151, 151, .6);
    box-shadow: inset 0 0 1px 0 rgba(101, 99, 92, .6);
    color: #4A4A4A;
}
.zw-stage11-app-v2 select {
    padding-left: 10px;
    min-height: 30px;
    height: auto;
    line-height: 20px;
}
.zw-stage11-app-v2 input[type='number'] {
    -moz-appearance:textfield;
}
.zw-stage11-app-v2 input::-webkit-outer-spin-button,
.zw-stage11-app-v2 input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.zw-stage11-app-v2 .form-text {
    font-style: italic;
}
.zw-stage11-app-v2 .date-range-input {
    border: 1px solid rgba(151, 151, 151, .6);
    border-radius: 5px;
    box-shadow: inset 0 0 1px 0 rgba(101, 99, 92, .6);
    color: #4A4A4A;
}
.zw-stage11-app-v2 .date-range-input {
    border-color: rgba(151, 151, 151, .6) !important;
}
.zw-stage11-app-v2 .date-range-input input,
.zw-stage11-app-v2 .date-range-input input.secondary {
    border: none;
    box-shadow: none;
    background: transparent;
}
.zw-stage11-app-v2 .date-range-input span {
    color: #4A4A4A;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
}
.custom-table th {
    font-family: 'Nunito Sans', sans-serif !important;
    color: #4A4A4A !important;
    font-size: 13px !important;
    letter-spacing: 0;
    line-height: 17px;
    text-transform: none !important;
    font-weight: 600 !important;
    vertical-align: middle;
}
.custom-table td {
    color: #262626 !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0;
    line-height: 18px;
}
.custom-table a {
    color: var(--theme-primary-color);
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 17px;
}
.card-tabs .nav {
    border-color: #F2EEE6;
}
.card-tabs .nav .active::before {
    height: 2px;
    bottom: 0;
}
.card-tabs .nav a {
    text-transform: none;
    color: #262626;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}
.transaction-form .form-group {
    margin-bottom: 5px;
}
.zw-stage11-app-v2 table.table.clients-settings-table th {
    color: #4A4A4A;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
}
.zw-stage11-app-v2 table .asc-order-arrows i {
    color: #4A4A4A;
}
.zw-stage11-app-v2 table.table td {
    border-bottom-width: 2px;
    border-bottom-color: #ECECEC;
    color: #262626;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}
.zw-stage11-app-v2 .combined-tables .table-header p {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
}
.zw-stage11-app-v2 .combined-tables .table-header a {
    color: var(--theme-primary-color);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}
.sidebar .nav ul li.active {
    background: #35b7de !important;
    border-color: #35b7de !important;
}
.sidebar .nav ul li:hover {
    background: rgba(53, 183, 222, .8);
    border-color: rgba(53, 183, 222, .8);
}
.zw-stage11-app-v2 .stage11-header.login-header .header-content {
    background-color: var(--content-background-color);
}
.zw-stage11-app-v2 .app-register .stage11-header.login-header .header-content {
    background-color: #ECECEC;
}
.zw-stage11-app-v2 .app-register .stage11-header {
    padding-top: 0;
}
.sidebar .logo img {
    max-width: 200px;
    padding-left: 0;
}
.sidebar .logo img.logo-lg {
    top: -10px;
}
body.sidebar-collapsed .sidebar .logo-sm {
    max-width: 45px;
    margin-left: 10px;
}
.border-bottom {
    border-bottom: 2px solid #F2EEE6 !important;
}
.border-right {
    border-right: 2px solid #F2EEE6 !important;
}
.border-left {
    border-left: 2px solid #F2EEE6 !important;
}
.zw-stage11-app-v2 .dashboard-grid .credit-limit-card .bottom-separator > :last-of-type {
    border-bottom: 0 !important;
}
.zw-stage11-app-v2 #deposit .box-title,
.zw-stage11-app-v2 #withdraw .box-title,
.zw-stage11-app-v2 #upload_invoices form fieldset legend,
.zw-stage11-app-v2 .provider-form form fieldset legend,
.zw-stage11-app-v2 .provider-form .providers h2,
.zw-stage11-app-v2 #upload_invoices form .legend,
.zw-stage11-app-v2 form.add-new-debtor fieldset legend,
    /*.zw-stage11-app-v2 form.add-new-borrower-contact fieldset legend,*/
.zw-stage11-app-v2 form.user-settings-edit fieldset legend,
.zw-stage11-app-v2 form.forgot-password fieldset legend,
.zw-stage11-app-v2 .invest-strategy-wrapper fieldset legend,
.zw-stage11-app-v2 form.create-contact fieldset legend {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
    padding-bottom: 10px;
}
.zw-stage11-app-v2 .transaction-form label {
    color: #4A4A4A;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: right;
    margin: 0 !important;
}
.zw-stage11-app-v2 .transaction-form.withdraw label {
    width: 150px;
}
.zw-stage11-app-v2 .transaction-form input,
.zw-stage11-app-v2 .transaction-form textarea {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 17px;
    margin: 0 !important;
    margin-left: 15px !important;
}
.zw-stage11-app-v2 .transaction-form .form-group {
    margin-bottom: 21px;
}
.zw-stage11-app-v2 #upload_invoices form label,
.zw-stage11-app-v2 .provider-form form label,
.zw-stage11-app-v2 form.add-new-debtor label,
.zw-stage11-app-v2 form.add-new-borrower-contact label,
.zw-stage11-app-v2 form.create-contact label {
    color: #4A4A4A;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 17px;
    margin-bottom: 7px;
}
.zw-stage11-app-v2 #upload_invoices form input:read-only,
.zw-stage11-app-v2 .transaction-form form input:read-only,
.zw-stage11-app-v2 .transaction-form form input:disabled {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    color: #262626;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 17px;
}
.zw-stage11-app-v2 #upload_invoices form #invoice_details input:read-only,
.zw-stage11-app-v2 .transaction-form form #invoice_details input:read-only,
.zw-stage11-app-v2 .transaction-form form #invoice_details input:disabled {
    background: #e9ecef;
    border: 1px solid rgba(151, 151, 151, .6);
    padding: 5px 10px;
}
.zw-stage11-app-v2 .amount-limit-box p:last-of-type {
    color: #262626;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 17px;
}
.zw-stage11-app-v2 .dashboard.invest-strategy label.custom-control-label input[type="checkbox"] {
    border: 2px solid #979797;
}
.zw-stage11-app-v2 .dashboard.invest-strategy label.custom-control-label input[type="checkbox"]:checked {
    border-color: var(--theme-primary-color);
}
@media screen and (max-width: 767px) {
    .border-sm-right {
        border-right: 0 !important;
        border-bottom: 2px solid #F2EEE6 !important;
    }
}

.zw-stage11-app-v2 .dashboard.transactions .modal label {
    width: auto;
    font-size: 18px;
    font-weight: bold;
}
.zw-stage11-app-v2 .dashboard.transactions .modal input#otp {
    font-size: 18px;
    font-weight: bold;
    width: 200px !important;
    height: auto;
}