/* styles for validation helpers */
.field-validation-error {
    color: red;
    font-size: 80%;
    width: 100%;
    margin-top: 0.25rem;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
    background-color: #ffeeee;
    color: black;
}

.input-validation-error {
    border: 1px solid #b94a48;
    background-color: #ffeeee;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: red;
    background-color: lightyellow;
    border: 1px solid brown;
    padding: 8px 0 0px 0;
    font-size: smaller;
}

.validation-summary-valid {
    display: none;
}

.nav:before, .nav:after {
    content: none !important;
}

button[type=submit].disabled {
    cursor: not-allowed;
    background: #eee;
}

/* add styles kanno */
.fs-0_9 {
    font-size: 0.9rem !important;
}

.fs-1_3 {
    font-size: 1.3rem !important;
}

.fs-1_5 {
    font-size: 1.5rem !important;
}

.border-t01 {
    border-top: 1px solid #a3b7e4;
}

.border-b01 {
    border-bottom: 1px solid #a3b7e4;
}

/*toggle*/
.toggle_section {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
}

.toggle_contents {
    background: rgba(24,42,81,0.05);
    border-radius: 5px;
    margin: 0 0 20px 0;
}

.toggle_title {
    font-weight: bold;
    line-height: 42px;
    margin: 0;
    padding: 0 0 0 10px;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 35px;
}

    .toggle_title:hover {
        color: #b99d49;
    }

    .toggle_title:before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 28px;
        background: url(../img/btn_arrow.png) no-repeat left top;
        position: absolute;
        top: 50%;
        /*right: 7px;*/
        transform: translateY(-50%);
        transition: 0.5s;
        left: -27px;
    }

    .toggle_title.selected:before {
        transform: translateY(-50%) rotate(180deg);
        transition: 0.2s;
    }

.toggle_txt {
    display: none;
}

/*etc*/
img.qr {
    width: 160px;
}

.wallet-copy {
    font-size: 0.7rem;
    margin-left: 7px;
}

.qr-crypto-01 {
    margin: 0 auto 1rem;
    width: 80%;
}

    .qr-crypto-01 > img {
        width: 100%;
    }

.crypto-note {
    font-size: 0.9rem;
    margin: 0 0 12px;
}