/* ナビゲーションバー */
.main-navbar{    
    color: #FFF;
    background-color: var(--clinic-Theme-back-color);
    height: 50px;
    && .container-fluid{
        border-bottom: 1px solid #FFF;
    }

    /* クリニックタイトル */
    && .navbar-brand{
        margin-right: 0;
        color: var(--clinic-Theme-color);
        white-space:nowrap;
        overflow:hidden;
    }
    && .navbar-brand:not(.w-100){
        max-width: calc(100% - 30px);
    }

    /* ハンバーガーメニュー */
    && .navbar-toggler.toggler-menu,
    && .navbar-toggler.toggler-menu:hover,
    && .navbar-toggler.toggler-menu:not(:disabled):not(.disabled):active,
    && .navbar-toggler.toggler-menu:focus {
        height: 30px;
        color: var(--clinic-Theme-color);
        border:none;
        box-shadow:none;
        padding: 4px 5px;
    }
    && .navbar-toggler.toggler-login,
    && .navbar-toggler.toggler-login:hover,
    && .navbar-toggler.toggler-login:not(:disabled):not(.disabled):active,
    && .navbar-toggler.toggler-login:focus {
        height: 30px;
        color: var(--clinic-Theme-color);
        border:solid 1px var(--clinic-Theme-color);
        box-shadow:none;
        padding: 4px 5px;
        font-size: 0.9rem;
    }
    && .offcanvas{
        z-index:calc(infinity);
    }
    && .offcanvas .mail{
        font-size: small;
    }

    && .offcanvas-header{
        background-color: var(--clinic-Theme-back-color);
        color: var(--clinic-Theme-color);
    }

    && .offcanvas-body > .list-group > .list-group-item{
        border-color: var(--clinic-Theme-back-color);
    }

    /* 患者情報 */
    && .point-sum,
    && .point-date{
        font-size: 0.9rem;
    }

    /* マイページ */
    && .mypage{
        font-size: 1.2rem;
    }
    && .mypage .list-group-item{
        border: none;
    }
    && .list-group-item a:hover,
    && .list-group-item button:hover{
        background-color: var(--clinic-Theme-back-color);
        color: var(--clinic-Theme-color);
    }

    /* ログアウト */
    && .logout{
        font-size: 1.2rem;
    }

    && .arrow-top {
        position: relative;
        display: inline-block;
        padding-right: 15px;
    }

    && .arrow-top.collapsed::after{
        content: '';
        width: 8px;
        height: 8px;
        border: 0;
        border-bottom: solid 1px #000;
        border-right: solid 1px #000;
        transform: rotate(45deg);
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
    }
    
    && .arrow-top:not(.collapsed)::after{
        content: '';
        width: 8px;
        height: 8px;
        border: 0;
        border-top: solid 1px #000;
        border-left: solid 1px #000;
        transform: rotate(45deg);
        position: absolute;
        top: 10px;
        right: 10px;
        bottom: 0;
        margin: auto;
    }
}

.modallogin .loading-window{
    background-color: rgba(125,125,125,0.8);
    color: #fff;
}

/* ナビゲーションバーに被らないようマージン */
.main-navbar-margin{
    height: 50px;
}

/* 各画面タイトルバー */
.sub-navbar{
    color: var(--clinic-Theme-color);
    background-color: var(--clinic-Theme-back-color);
    height: 30px;
}