html ::-webkit-scrollbar {
    width: .4375rem;
    height: .4375rem;
}

html ::-webkit-scrollbar-track {
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    margin: 0;
}

html ::-webkit-scrollbar-thumb {
    -webkit-border-radius: .4375rem;
    border-radius: .4375rem;
    background: #979797bd;
}

html {
    overflow-x: hidden;
    overflow-y: hidden;
}

html:hover {
    overflow-y: auto;
}

#comment-base{}
.modal-content {
    background-color: #ffffffbd;
}
.modal-content, .picker__wrap {
    box-shadow: unset;
}

#comment-index-page{}
#bg:after {
    background-image: url('/theme/b/images/bg.jpg');
}

#comment-auth-page{}
.page-brand {
    background-image: url('/theme/b/images/bg2.jpg');
}
.auth-main {
    background: #ffffff52;
}
.auth-main .auth-top {
    background: #5252528c;
}
.auth-main a.boardtop-left {
    background: #54aff966;
}
.auth-main a.boardtop-right {
    background: #54aff966;
}
.auth-main .btn-auth button {
    background: #54aff966;
}
.auth-main .btn-brand-accent {
    background-color: #66666666;
}
.auth-main .auth-bottom {
    background: #7ea8bd66;
}

#comment-user{}
body.page-orange {
    background-image: url('/theme/b/images/bg3.jpg');
}
.page-orange .menu-scroll {
    background-color: #ffffffbd;
}
.page-orange .ui-content-header {
    background-image: unset;
}
.page-orange .content-header-orange, .page-orange .content-header {
    background-color: unset;
    color: unset;
    box-shadow: unset;
}
.page-orange .card {
    background-color: #ffffffbd;
}
.page-orange .progressbar .label {
    background: unset;
}
#card_theme {
    display: none;
}

.label-brand-accent {
    background-color: #4caf50;
}