.font-reset {
    @include font-reset();
}

.nobr,
abbr {
    white-space: nowrap !important;
}

ul.comma-list {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    > li {
        display: inline;
        white-space: nowrap;
        &:after {
            content: ",";
        }
        &:last-child {
            &:after {
                content: "";
            }
        }
    }
}

.textfield {
    appearance: textfield;
}

.visuallyhidden {
    @include visuallyhidden();
}

.thinsp {
    margin-left: 0.16667em;
    > span {
        display: none;
    }
}

.currency {
    display: inline-block;
    width: 0.8125em;
    text-align: right;
}

.fix-width {
    display: inline-block;
    white-space: nowrap;
    &--5   { width: 0.5em; } &--10  { width: 1em; }
    &--15  { width: 1.5em; } &--20  { width: 2em; }
    &--25  { width: 2.5em; } &--30  { width: 3em; }
    &--35  { width: 3.5em; } &--40  { width: 4em; }
    &--45  { width: 4.5em; } &--50  { width: 5em; }
    &--55  { width: 5.5em; } &--60  { width: 6em; }
    &--65  { width: 6.5em; } &--70  { width: 7em; }
    &--75  { width: 7.5em; } &--80  { width: 8em; }
    &--85  { width: 8.5em; } &--90  { width: 9em; }
    &--95  { width: 9.5em; } &--100 { width: 10em; }
}

.overflow-x-scroll {
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.hr-word {
    display: table;
    width: 100%;
    color: #6C757D;
    cursor: default;
    margin: 1rem 0;
    > span {
        display: table-cell;
        width: 50%;
        white-space: nowrap;
        vertical-align: middle;
        position: relative;
        &:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            background-color: #DEE2E6;
        }
        &:nth-child(2) {
            width: 1px;
            padding: 0 1rem;
            &:before {
                display: none;
            }
        }
    }
}

.btn {
    &--toggle {
        &-sidebar {
            width: 1em;
            height: 1em;
            position: relative;
            &:before, &:after {
                content: ' ';
                display: block;
                position: absolute;
                height: 66.66666%;
                border-top: 0.1em;
                border-bottom: 0.1em;
                border-top-style: solid;
                border-bottom-style: solid;
                border-color: $secondary;
                right: 0;
            }
            &:before {
                width: 66.66666%;
                left: 33.33333%;
                transition: left ease 0.5s;
                top: 6%;
                .sidebar-hidden & {
                    left: 0;
                }
            }
            &:after {
                width: 100%;
                bottom: 0;
            }
        }
    }
}

.bg {
    &-success {
        &-light {
            background-color: lighten($success, 62%);
        }
    }
}

.input-group > .input-group-append > .input-group-text:last-child {
    border-top-right-radius: $input-border-radius;
    border-bottom-right-radius: $input-border-radius;
}