/*
********** 共通で使われるもの **********
*/
/* 変数として定義するもの */
:root{
        /* テーマ色 */
        --theme-base: midnightblue;
        --theme-highlite: mediumblue;
        --theme-bg: rgb(235,235,220);
        --bg-base: black;
        --bg-highlite: gray;
        --bg-warning: deeppink;
        --bg-column: white;
        --bg-column-dark: linen;
        --bg-column-line: lightgray;
        --bg-header: linen;
        --bg-box: whitesmoke;
        --text-base: white;
        --text-highlite: white;
        --text-column: black;
}
/* サーバーからの読み出し中にぐるぐると回るアニメーション */
#overlay{
    position: fixed; top:0; right:0; bottom:0; left:0; z-index: 100;
    width: 100%; height:100%;
    background:  rgba(0,0,0,0.2);
    display: none;
}
.cv-spinner{
    height: 100%;
    display: flex; justify-content: center; align-items: center;
}
.spinner{
    width: 40px; height: 40px;
    border: 8px whitesmoke solid; 
    border-top: 8px dimgray solid; border-radius: 50%;
    animation: sp-animation 0.8s infinite linear;
}
@keyframes sp-animation{
    100%{transform: rotate(360deg);}
}
/* 非表示 */
.is-hide{
    display:none;
}
/* 表をスクロールさせるときの方法 */
.scroll-wrap{
    overflow: auto; white-space: normal; width: 100%;
}
.scroll-nowrap{
    overflow: auto; white-space: nowrap; width: 100%;
}
/* clearfix */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
/* タイトルの表示と領域の調整(Theme依存) */
div.sb.apptitle{
    font-size: xx-large; font-weight: bold; color: var(--bg-column);
    margin-left: 1em;
 }
div#cm-content.cm-content{
    padding-top: 10px;
}