/* 黒板項目一覧タイトル */
.blackboarditem-title {
    width: 100%;
    padding: 12px 15px 9px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    background-color: #f4f4f4;
}

/* 黒板項目 メッセージ */
.blackboard-message {
    padding-top: 30px;
    width: 700px;
}

/* 黒板項目 カード */
.blackboard-card {
    margin-top: 15px;
    padding: 10px;
    border: 1px solid;
    border-color: #dee2e6;
    border-radius: 5px;
}

/* 黒板項目 ヘッダー */
.blackboard-header {
    padding: 10px;
}

/* 黒板項目 ブロック項目見出し 文字スタイル */
.blackboard-title {
    font-size: 16px;
}

/* 黒板項目 削除行 */
.blackboarditem-delete-row {
    background-color: #FFEEFF;
}

/* 黒板項目一覧テーブル */
.table-blackboarditem-list {
    table-layout: fixed;
}
    .table-blackboarditem-list th {
        border-top: none;
        border-bottom: 1px solid #dee2e6;
        font-weight: normal;
    }

    .table-blackboarditem-list td {
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }
.blackboarditem-list-column-width-number {
    width: 60px;
}

.blackboarditem-list-column-width-item-name {
    width: 150px;
    overflow-wrap: break-word;
}

.blackboarditem-list-column-width-title {
    width: calc((100% - 250px) / 2);
    /*overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;*/
    overflow-wrap: break-word;
}

.blackboarditem-list-column-width-btn {
    width: 10%;
}

.blackboarditem-list-column-width-sort {
    width: 3%;
}



/*黒板項目テーブル*/ 
.table-blackboarditem {
    width: 100%;
    border-top: 1px solid #dee2e6;
}

    .table-blackboarditem td {
        text-align: left !important;
        padding: 10px;
    }
.blackboarditem-dialog-title-label {
    width: 100%;
    overflow-wrap: break-word;
}

.blackboarditem-column-width-title {
    width: 180px;
    word-break: break-all;
}

.blackboarditem-column-width-value {
    width: calc(100% - 180px);
    word-break: break-all;
}

/* 黒板項目並び替え */
.blackboarditem-sort {
    cursor: grab;
}

/* 選択項目テーブル */
.table-blackboarditemchoice {
    table-layout: fixed;
    margin-top: 0;
}
    .table-blackboarditemchoice th {
        border-top: none;
        border-bottom: 1px solid #dee2e6;
        font-weight: normal;
    }

    .table-blackboarditemchoice td {
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }

.blackboarditemchoice-column-width-no {
    width: 50px;
}

.blackboarditemchoice-column-width-name {
    text-align: left !important;
}
.blackboarditemchoice-column-width-delete {
    width: 30px;
    vertical-align: middle;
}

.blackboarditemchoice-column-width-sort {
    width: 30px;
    vertical-align: middle;
}

/* 黒板項目選択削除 */
.blackboarditemchoice-delete {
    color: #065ca8;
}

    .blackboarditemchoice-delete:hover {
        cursor: pointer;
    }

/* 黒板項目選択並び替え */
.blackboarditemchoice-sort {
    cursor: grab;
}


/* 3枚貼りタイトルテーブル */
.table-blackboarditemthreepicturetitle {
    table-layout: fixed;
    margin-top: 0;
}

    .table-blackboarditemthreepicturetitle th {
        border-top: none;
        border-bottom: 1px solid #dee2e6;
        font-weight: normal;
    }

    .table-blackboarditemthreepicturetitle td {
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }

.blackboarditemthreepicturetitle-column-width-no {
    width: 50px;
}

.blackboarditemthreepicturetitle-column-width-name {
    text-align: left !important;
}

.blackboarditemthreepicturetitle-column-width-delete {
    width: 30px;
    vertical-align: middle;
}

.blackboarditemthreepicturetitle-column-width-sort {
    width: 30px;
    vertical-align: middle;
}

/* 黒板項目3枚貼りタイトル削除 */
.blackboarditemthreepicturetitle-delete {
    color: #065ca8;
}

    .blackboarditemthreepicturetitle-delete:hover {
        cursor: pointer;
    }

/* 黒板項目3枚貼りタイトル選択並び替え */
.blackboarditemthreepicturetitle-sort {
    cursor: grab;
}