/* Form */

.kh-list {
    margin-bottom: 20px;
}

.kh-delete-list {
    margin-bottom: 20px;
}

.khool-input > label[for="category_css"],
.khool-input > label[for="button_style"]{
    min-width:100%!important;
    max-width:100%!important;
    width:100%!important;
}

.kh-list > li.assigned-button {
    background-color: #ffd890!important;
}

#category-button-list {
    min-height: 20px;
}

#button-form .kh-row {
    margin-bottom: 20px;
}

#button-form .dropzone {
    border: 2px dashed blue;
    display:flex;
    align-items: center;
    justify-content: center;
    padding:10px;
}

#button-form .dropzone .dz-preview,
#button-form .dropzone .dz-message {
    display:none!important;
}

.vertical-labels .khool-input {
    flex-wrap:wrap!important;
}

.vertical-labels .khool-input > * {
    width:100%!important;
    text-align:left!important;
    min-width:100%!important;
    margin-bottom:5px!important;
}

#button-form .vertical-labels .khool-input label {
    text-align:left!important;
}

/* Display */
    
.frontpanel-container {
    margin-bottom: 10px;
}

.frontpanel-item {
    border: 1px solid black;
    padding: 5px;
    margin-right: 15px;
    min-width:150px!important;
    max-width:150px!important;
}

.frontpanel-item:hover {
    background-color: #f7f5f5;
}

.frontpanel-row {
    margin-bottom:20px;
}

.frontpanel-item-link {
    display:block;
    overflow:auto;
}

.frontpanel-image {
    display:block;
    margin:0 auto;
}

.frontpanel-title {
    color: black!important;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-align: center!important;
}