/* プラグイン 全体*/
div.master-jquery-plugin-base {
    padding: 0;
}

/* 一覧 */
div.master-jquery-plugin-add {
    margin-top : 20px;
}
div.master-jquery-plugin-list table, div.master-jquery-plugin-add table{
    border-collapse:collapse;
    margin: auto;
    min-width:500px;
    width:100%;
}
@media (max-width: 767px){
    div.master-jquery-plugin-list table, div.master-jquery-plugin-add table{
        border-collapse:collapse;
        margin: auto;
        min-width:300px;
        width:100%;
    }
}
div.master-jquery-plugin-list table tr {
    background-color: #FFF;
}
/* Sortable でドラッグが始まったときのクラス */
div.master-jquery-plugin-list table tr.blue-background-class {
    background-color: #C8EBFB;
}
div.master-jquery-plugin-list table th,div.master-jquery-plugin-add table th{
    border:1px solid #666;
    background: #DDD;
    padding:5px;
    text-align: center;
}
div.master-jquery-plugin-list table td, div.master-jquery-plugin-add table td{
    padding: 5px;
    border:1px solid #666;
}
div.master-jquery-plugin-list .td-title, div.master-jquery-plugin-add .td-title{
    min-width: 200px;
}
div.master-jquery-plugin-list .td-category, div.master-jquery-plugin-add .td-category{
    white-space:nowrap;
}
div.master-jquery-plugin-list .td-button, div.master-jquery-plugin-add .td-button{
    width: 30px;
}
@media (max-width: 767px){
    div.master-jquery-plugin-list .td-title, div.master-jquery-plugin-add .td-title{
        min-width: 100px;
    }
    div.master-jquery-plugin-list .td-category, div.master-jquery-plugin-add .td-category{
        min-width: 150px;
        white-space:normal;
    }
    div.master-jquery-plugin-list .td-button, div.master-jquery-plugin-add .td-button{
        width: 30px;
    }
}
div.master-jquery-plugin-list button, div.master-jquery-plugin-add button {
    padding: 5px;
}
div.master-jquery-plugin-list button img, div.master-jquery-plugin-add button img{
    width: 24px;
}

/* アイコン一覧 */
div.master-jquery-plugin-list table td button.handle {
    margin: 0 4px 0 0;
    padding: 0;
    height: 36px;
    width: 36px;
}
div.master-jquery-plugin-list table td img, div.master-jquery-plugin-add table td img{
    margin: 0px 4px;
    vertical-align:middle;
    height: 24px;
}
div.master-jquery-plugin-list table td img ~ span, div.master-jquery-plugin-add table td img ~ span{
    vertical-align:middle;
}

/* アイコン追加 */
div.master-jquery-plugin-icon img,select,input {
    height: 28px;
    vertical-align:middle;
}

/* 追加エラー */
div.master-jquery-plugin-error-add-msg {
    color: red;
}
input.master-jquery-plugin-error-add-input {
    border: 2px solid red;
}

/* 編集エラー */
span.master-jquery-plugin-error-edit-msg {
    color: red;
}
input.master-jquery-plugin-error-edit-input {
    border: 2px solid red;
}