.body {
    font-size: 13px;
    color: #A6A6A6;
}
.header .toggle-sidebar-left {
    background: #40B88D;
}
.pointer {
    cursor: pointer;
}
.nav-active {
    color: white;
}
.sidebar-nav-link:hover {
    cursor: pointer;
    color: white;
}
.sidebar-nav-menu {
    font-size: 15px
}

ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 #40B88D inset;
}

.userbox .dropdown-menu a:hover {
    background: #40B88D;
}

/* firefox - remove +- from number */
input[type=number] {
    -moz-appearance: textfield;
}

/**
  Remove Focus from Buttons and Accordions
 */
.accordion-button:focus {
    box-shadow: none;
}
.btn:focus {
    box-shadow: none;
}
.form-check-input:focus {
    box-shadow: none;
}
.page-link:focus {
    box-shadow: none;
}

/**
  Pagination
 */
html.dark .page-link {
    background: #2E3236;
    border-color: #2E3236;
    border-radius: 4px;
    color: #6D6D6D;
}
html.dark .page-link:hover {
    background: #2E3236;
    border-color: #2E3236;
    border-radius: 4px;
    color: white;
}
html.dark .page-link:focus {
    background: #2E3236;
    border-color: #2E3236;
    color: white;
}
html.dark .page-link-selected {
    color: #40B88D;
}


/**
    Buttons
 */
.btn-success {
    background-color: #40B88D;
    border-color: #40B88D #40B88D #388038;
    color: white;
}

.btn-success:hover, .btn-success.hover {
    background-color: #18906E;
    border-color: #18906E #18906E #18906E;
    color: white;
}

.btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 3px rgba(71, 164, 71, 0.5);
    color: white;
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #40B88D;
    border-color: #40B88D #40B88D #388038;
}

.btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
    background-color: #18906E;
    background-image: none;
    border-color: #388038 #388038 #285d28;
}

.progress .progress-bar-success {
    background-color: #40B88D;
}

.btn-danger {
    background-color: #FA8585;
    border-color: #FA8585 #FA8585 #a82824;
    color: white;
}

.btn-danger:hover, .btn-danger.hover {
    background-color: #db5b57;
    border-color: #db5b57 #db5b57 #db5b57;
    color: white;
}

.btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 3px rgba(210, 50, 45, 0.5);
    color: white;
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: #FA8585;
    border-color: #FA8585 #FA8585 #a82824;
}

.btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
    background-color: #b32b26;
    background-image: none;
    border-color: #a82824 #a82824 #7e1e1b;
}

.show > .btn-danger.dropdown-toggle {
    background-color: #b32b26;
    background-image: none;
    border-color: #a82824 #a82824 #7e1e1b;
}


/**
  Button Status
 */
.btn-status-danger {
    background: rgba(250, 133, 133, 0.15);
    border-color: rgba(250, 133, 133, 0.15) rgba(250, 133, 133, 0.15) rgba(250, 133, 133, 0.15);
    color: #FA8585;
}

.btn-status-danger:hover, .btn-status-danger.hover {
    cursor: default;
    background: rgba(250, 133, 133, 0.15);
    border-color: rgba(250, 133, 133, 0.15) rgba(250, 133, 133, 0.15) rgba(250, 133, 133, 0.15);
    color: #FA8585;
}

.btn-status-secondary {
    background: rgba(235, 255, 0, 0.1);
    border-color: rgba(235, 255, 0, 0.1) rgba(235, 255, 0, 0.1) rgba(235, 255, 0, 0.1);
    color: #EBFF00;
}

.btn-status-secondary:hover, .btn-status-secondary.hover {
    cursor: default;
    background: rgba(235, 255, 0, 0.1);
    border-color: rgba(235, 255, 0, 0.1) rgba(235, 255, 0, 0.1) rgba(235, 255, 0, 0.1);
    color: #EBFF00;
}

.btn-status-success {
    background: rgba(64, 184, 141, 0.2);
    border-color: rgba(64, 184, 141, 0.2) rgba(64, 184, 141, 0.2) rgba(64, 184, 141, 0.2);
    color: #40B88D;
}

.btn-status-success:hover, .btn-status-success.hover {
    cursor: default;
    background: rgba(64, 184, 141, 0.2);
    border-color: rgba(64, 184, 141, 0.2) rgba(64, 184, 141, 0.2) rgba(64, 184, 141, 0.2);
    color: #40B88D;
}

.btn-status-warning {
    background: rgba(58, 128, 233, 0.2);
    border-color: rgba(58, 128, 233, 0.2) rgba(58, 128, 233, 0.2) rgba(58, 128, 233, 0.2);
    color: #3A80E9;
}

.btn-status-warning:hover, .btn-status-warning.hover {
    cursor: default;
    background: rgba(58, 128, 233, 0.2);
    border-color: rgba(58, 128, 233, 0.2) rgba(58, 128, 233, 0.2) rgba(58, 128, 233, 0.2);
    color: #3A80E9;
}


/**
  Button Status Size
 */
.btn-status-xs {
    cursor: default;
    border-radius: 6px;
    width: 35px;
}

.btn-status-sm {
    cursor: default;
    border-radius: 6px;
    width: 80px;
}

.btn-status-xl {
    cursor: default;
    border-radius: 6px;
    width: 130px;
}

.btn-status-xl-thin {
    cursor: default;
    border-radius: 6px;
    width: 120px;
    height: 26px;
}


/**
 Cards
 */
html.dark .card-header {
    background: #272B2F;
}
html.dark .card-body {
    background: #272B2F;
}
.card-body-box {
    margin-left: 24px;
    margin-right: 24px;
}
html.dark .card-body-dark {
    border-radius: 8px;
    background: #2E3236;
}
html.dark .card-footer {
    background: #272B2F;
    border-top-color: #191c21;
}


/**
 Checkbox
 */
.form-check .form-check-input:checked {
    border-color: #40B88D;
    background-color: #40B88D;
}


/**
  Text Colors
 */
html.dark .dark-text-white {
    color: white;
}

html.dark .text-dark-white {
    color: white;
}

.text-card-icon {
    font-size: 24px;
}
html.dark .text-card-icon {
    color: #A6A6A6;
}
html.dark .text-card-icon:hover {
    color: white;
}
html.dark .text-card-icon-active {
    font-size: 24px;
    color: white;
}
html.dark .text-card-icon-danger {
    font-size: 24px;
    color: #b32b26;
}

.text-default {
    color: #40B88D;
}

.text-default-26 {
    color: #40B88D;
    font-size: 26px;
}

.text-spinner {
    color: #40B88D;
    font-size: 36px;
}

.table-td-header {
    font-size: 12px;
    color: #A6A6A6;
}
.table-td-href {
    font-size: 13px;
    color: #A6A6A6;
}
.table-td-href:hover {
    color: white;
}
.table-td-text {
    font-size: 13px;
    color: #A6A6A6;
}
.table-td-text-active {
    font-size: 13px;
    color: white;
}
.table-td-text-active:hover {
    color: white;
}

.text-status {
    font-size: 10px;
    font-weight: 600;
}

.text-card-header {
    color: white;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}

.text-data-title {
    color: #A6A6A6;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 15px;
}

.text-data-label {
    color: #7E7E7E;
    font-weight: 400;
    font-size: 13px;
    padding-bottom: 10px;
}
.text-data-label-10 {
    color: #7E7E7E;
    font-weight: 400;
    font-size: 13px;
    margin-top: 10px;
    padding-bottom: 10px;
}
.text-data-value {
    color: #A6A6A6;
    font-weight: 400;
    font-size: 13px;
    padding-bottom: 10px;
}
.text-data-value-10 {
    color: #A6A6A6;
    font-weight: 400;
    font-size: 13px;
    margin-top: 10px;
    padding-bottom: 10px;
}
.text-data-secondary {
    color: #6D6D6D;
    padding-bottom: 10px;
}
.text-data-details {
    color: #6D6D6D;
    font-size: 10px;
}

/**
 Tables
 */
html.dark .table-tr:last-child
{
    border-bottom: 0.13rem solid white;
}



/*************/
/*** LOGIN ***/
/*************/
.login-box {
    display: flex;
    flex-direction: column;
    padding: 60px 80px 80px;
    gap: 100px;

    height: 612px;

    background: #24282C;
    border-radius: 24px;
}
.login-header {
    color: white;
    font-weight: 500;
    font-size: 32px;
    line-height: 56px;
}
.btn-login {
    width: 100%;
}



/*****************/
/*** DASHBOARD ***/
/*****************/
.home-container-img {
    float: left;
    height: 40px;
    width: 40px;
}
.home-container-name {
    font-size: 16px;
    margin-left: 60px;
}
.home-container-details {
    font-size: 10px;
    margin-left: 60px;
}
.home-price {
    font-size:16px;
    color: #A6A6A6;
}



/****************/
/*** CUSTOMER ***/
/****************/

.accordion-item {
    background: #2E3236;
    border-color: #2E3236;
}
.accordion-button:not(.collapsed) {
    background: #2E3236;
    color: #A6A6A6;
}
.accordion-button.collapsed {
    background: #2E3236;
    color: #A6A6A6;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}



/***************/
/*** REPORTS ***/
/***************/

.balance-card-body {
    border-radius: 24px;
    width: 240px;
}

.reports-card-body {
    border-radius: 24px;
    width: 318px;
}
html.dark .reports-card-body {
    background: linear-gradient(180deg, #2E3236 0%, rgba(46, 50, 54, 0) 210.58%);
}
.reports-orders-count {
    padding-top: 10px;
}



/*************/
/*** TIERS ***/
/*************/

.tier-img {
    height: 140px;
    width: 140px;
}
.tier-name {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
}
.tier-verified {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
}
.tier-verified-icon {
    color: #40B88D;
    margin-top: -40px;
    margin-left: 58px;
    line-height: 40px;
}


/**
  TRANSACTIONS
 */

.btn-customer-search {
    background: #363A3E;
    color: white;
}
.btn-customer-search:hover, .btn-customer-search.hover {
    color: white;
}

.btn-customer-select {
    background: #363A3E;
    border-radius: 6px;
    color: white;
    width: 80px;
}
.btn-customer-select:hover, .btn-customer-select.hover {
    color: white;
}

.btn-cancel {
    background: #363A3E;
    border-radius: 8px;
    color: white;
}
.btn-cancel:hover, .btn-cancel.hover {
    color: white;
}
.btn-cancel-danger {
    background: #363A3E;
    border-radius: 8px;
    color: #FA8585;
}
.btn-cancel-danger:hover, .btn-cancel-danger.hover {
    color: #FA8585;
}

.btn-accept {
    background: #363A3E;
    border-radius: 8px;
    color: #40B88D;
}
.btn-accept:hover, .btn-accept.hover {
    color: #40B88D;
}

.btn-reject {
    background: #363A3E;
    border-radius: 8px;
    color: #FA8585;
}
.btn-reject:hover, .btn-reject.hover {
    color: #FA8585;
}


.btn-transaction {
    background: #363A3E;
    border-radius: 8px;
    color: #6D6D6D;
    height: 36px;
    width: 100%;
}

.btn-transaction-active {
    color: white;
}
.btn-transaction:hover, .btn-transaction.hover {
    color: white;
}
.btn-transaction.disabled, .btn-transaction:disabled {
    background: #363A3E;
    border-radius: 8px;
    color: white;
    height: 36px;
    width: 100%;
}
.btn-transaction:focus, .btn-transaction.focus {
    color: white;
}


.transaction-card {
    background: #2E3236;
    border-radius: 8px;

    padding: 10px 24px;
    width: 100%;
}
.transaction-card-customer {
    height: 100px;
}
.transaction-card-address {
    height: 72px;
    margin-top: 12px;
}
.transaction-card-error {
    height: 40px;
    margin-top: 0px;
}

.transaction-card-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 24px;
    gap: 8px;

    width: 100%;
    height: 96px;

    /* AT 400 */
    background: #2E3236;
    border-radius: 8px 0px 0px 8px;
}
.transaction-card-right {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 28px 24px;
    gap: 8px;

    width: 100%;
    height: 96px;

    /* AT 500 */
    background: #363A3E;
    border-radius: 0px 8px 8px 0px;

    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.transaction-card-label {
    font-size: 10px;
    color: #7E7E7E;
    height: 25px;
}

.transaction-card-status {
    margin-top: 20px;
}

.transaction-input {
    color: white;
    background: #2E3236;
    border: 0px;
    font-size: 20px;
    width: 100%;
}
.transaction-input-label {
    font-size: 10px;
    color: #7E7E7E;
    height: 15px;
}
.transaction-input:focus {
    outline: none;
}

.transaction-asset-img {
    float: left;
    height: 40px;
    width: 40px;
}
.transaction-asset-name {
    color: white;
    font-size: 16px;
    margin-left: 7px;

}
.transaction-asset-details {
    font-size: 10px;
    margin-left: 7px;
}

.transaction-card-body {
    font-size: 14px;
    color: white;
    height: 25px;
}

.transaction-card-select {
    font-size: 14px;
    color: white;
    height: 25px;

    padding-right: 10px;
}
.transaction-card-select-address {
    margin-top: -7px;
}

.transaction-status-header {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: white;

    margin-top: 90px;
    margin-left: 20px;
    margin-right: 20px;
}

.transaction-status-qrcode-text {
    color: white;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
}
.transaction-status-qrcode-memo {
    color: white;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.transaction-status-qrcode {
    background-color: #fff;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.transaction-status-body {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;

    margin-left: 20px;
    margin-right: 20px;
}

.text-transaction-error {
    font-size: 12px;
}

.text-transaction-error-details {
    color: #db5b57;
}

.text-transaction-payment-error {
    font-weight: 600;
    margin-top: 10px;
}

/**
  TRANSACTIONS TIMELINE
 */
.timeline .tm-body:after {
    background: linear-gradient(to bottom, rgba(109, 109, 109, 0) 0%, #6D6D6D 6%, #6D6D6D 92%, rgba(109, 109, 109, 0) 100%);
    content: '';
    display: block;
    height: 100%;
    left: 40px;
    margin-left: -2px;
    position: absolute;
    top: 0;
    width: 3px;
    z-index: 0;
    opacity: 0.35;
}

.timeline .tm-body-active:after {
    background: #40B88D;
}

.timeline .tm-items > li .tm-icon {
    position: absolute;
    top: 50%;
    left: 40px;
    background-color: #6D6D6D;
    border: 3px solid #6D6D6D;
    font-size: 16px;
    width: 25px;
    height: 25px;
    margin-top: -13px;
    margin-left: -13px;
    z-index: 2;
    border-radius: 18px;
}

.timeline .tm-items > li .tm-icon-active {
    border: 3px solid #40B88D;
}

.timeline .tm-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.timeline .tm-items > li {
    position: relative;
    margin: 30px 0;
    padding: 0 0 0 70px;
    min-height: 50px;
    z-index: 1;
}

.tm-text {
    font-size: 16px;
    font-weight: 600;
    padding-top: 14px;
}
.tm-text-active {
    color: white;
}
.tm-text-disable {
    color: #7E7E7E;
}



/**
  USERS
 */
.user-container-img {
    float: left;
    height: 100px;
    width: 100px;
}
.user-container-id {
    margin-left: 110px;
}
.user-container-name {
    font-size: 22px;
    margin-left: 110px;
}
.user-container-status {
    margin-left: 110px;
}
.user-container-level {
    font-size: 18px;
    font-weight: bold;
}