.hidn {
    display: none;
}
.accBtn {
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.accessories {
    vertical-align: top;
    padding-top: 10px;
    padding-left: 10px;
}
.accessories table {
    border-collapse: separate;
    border: 3px groove var(--text-color);
    padding: 20px;
}
.accessories table .head{
    font-size: large;
    text-align: center;
}
.accessories table textarea {
    width: calc(100% - 5px);
    resize: vertical;
}
.accessories table td{
    padding-top: 5px;
    padding-bottom: 5px;
}
div[role="dialog"] {
    top: 170px !important;
}
#dialog-confirm {
    display: none;
}
#dialog-confirm {
    text-align: center;
}
.ui-dialog {
    width: 500px !important;
}
#dialog-data {
    display: inline;
}
#dialog-data td {
    text-align: left;
}
#dialog-data td:first-child {
    text-align: right !important;
    width: 200px;
}
input:read-only, textarea:read-only{
    background-color: var(--disabled-bg-color);
    border: 1px solid var(--disabled-border-color);
}

@media only screen and (max-width: 1024px) {
    div[role="dialog"] {
        top: 170px !important;
    }
}
.accessories .form-control {
    width: 75%;
}