/*
    ログイン画面とモーダルのお知らせのSTYLE
*/


.notice thead {
    display: none;
}



/*FRS0020*/
#notice_wrap .dataTables_scrollBody {
    outline-offset: 0px;
    outline-color: rgb(222, 226, 230);
    outline-width: 1px;
    outline-style: solid;
    max-height:60vh;
    background: white !important; /* Scrollerを使用すると背景が透明になるので強制的に白にする */
}

#notice_wrap .dataTables_scrollBody.hasScroll {
    outline-offset: -1px;
}

#notice_wrap div.col-notice {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


@media (min-width: 992px) {
    #notice_wrap #notice-table {
        table-layout: fixed;
    }
}

    
/*ダイアログ用*/
.modal-body #notice-table {
    border-top: 1px solid #dee2e6;
}

#notice-dialog .dataTables_scrollBody {
    outline-offset: 0px;
    outline-color: rgb(222, 226, 230);
    outline-width: 1px;
    outline-style: solid;
    background: white !important; /* Scrollerを使用すると背景が透明になるので強制的に白にする */
}


#notice-dialog .dataTables_scrollBody.hasScroll {
    outline-offset: -1px;
}

#notice-dialog div.col-notice {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 992px) {
    #notice-dialog div.col-notice {
        width: 680px;
    }
}

@media (min-width: 500px) and (max-width: 991px) {
    #notice-dialog div.col-notice {
        width: 380px;
    }
}

/*ログイン画面用*/
#NoticePanel .dataTables_scrollBody {
    outline-offset: 0px;
    outline-color: rgb(222, 226, 230);
    outline-width: 1px;
    outline-style: solid;
    background: white !important; /* Scrollerを使用すると背景が透明になるので強制的に白にする */
}

#NoticePanel .dataTables_scrollBody.hasScroll {
    outline-offset: -1px;
}

#NoticePanel div.col-notice {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 1150px) {
    #NoticePanel div.col-notice {
        width: 90vw;
    }
}

@media (max-width: 1149px) {
    #NoticePanel div.col-notice {
        width: 85vw;
    }
}

@media (max-width: 767px) {
    #NoticePanel div.col-notice {
        width: 70vw;
    }
}