.modal .modal-placeholder {
    display: none;
}

.workspace-limit {
    max-width: calc(1720px + 1rem);
}

.container-xl {
    max-width: 1500px;
}

.parent {
    width: 100%;
    background: #ccc;
    padding: 0;
}

.el-dropdown-menu {
    height: 500px;
    overflow: auto;
    padding: 0;
}

.el-dropdown-menu::-webkit-scrollbar {
    display: none;
}

.form-label {
    white-space: inherit;
}

#app .table {
    margin: 10px 30px 10px 55px;
    width: 60%;
    overflow: scroll;
}

table .cell span {
    word-break: break-word;
}

.expand .el-table__expand-column .cell {
    display: none;
}

.table-header {
    cursor: pointer;
    color: #909399;
}

.el-table th.el-table__cell>.cell {
    width: auto !important;
}

.el-form--label-top .el-form-item__label {
    padding: 0 !important;
}

.el-card__body,
.el-main {
    padding: 3px 20px;
}

.el-card {
    padding-bottom: 8px;
}

.el-checkbox__label {
    white-space: break-spaces;
}

.el-select input[name='select-1'] {
    color: blue;
}

.el-select input[name='select-2'] {
    color: green;
}

.el-select input[name='select-3'] {
    color: orange;
}

.el-select input[name='select-4'] {
    color: red;
    text-decoration: line-through;
}

.el-select input[name='select-5'] {
    color: silver;
}

.el-select input[name='select-6'] {
    color: grey;
}

.collapse-form .box-card {
    padding-bottom: 0 !important;
}

.el-card__body {
    padding: 0 20px !important;
}

.el-collapse-item__header,
.el-collapse-item__wrap {
    border: 0px !important;
    border-color: white !important;
}

.el-card-title {
    font-size: 15px;
}

#bodyApp .nav li {
    margin-left: 8px;
}

.el-input__inner:disabled {
    background-color: #F5F5F5;
}

.isChecked {
    border: 1px solid #FFA07A;
}

.parent {
    margin: 10px 0;
}

.configure-column {
    float: right;
}

.add-new {
    display: flex;
    align-items: center;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    margin: 4px 0;
}

.utility_relation .el-tree-node__content {
    margin-bottom: 0px;
    padding-top: 5px;
    height: auto !important;
}

.matrix .form-group {
    margin: 10px !important;
}

.el-notification {
    width: auto !important;
}

[v-cloak] {
    display: none;
}


.nav-logo {
    max-width: 230px;
    height: auto;
}

/* 針對手機設備設置 max-width */
@media (max-width: 767px) {
    .nav-logo {
        max-width: 200px;
    }
}

.card_body {
    padding: 18px 0;
}

.box-card {
    margin-bottom: 10px;
}

.el-card__header {
    padding: 12px 15px;
    font-weight: bold;
}


.sensor-box {
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 5px;
    font-size: 13px;
    user-select: none;
    cursor: move;
    position: absolute;
}

.sensor-title {
    font-weight: bold;
    color: #409EFF;
    margin-bottom: 6px;
    text-align: center;
}

.sensor-data {
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
}

.sensor-data .temp {
    margin-right: 10px;
}

.layout-container {
    max-width: 1200px;
    margin: 0 auto;
}

.layout-background {
    position: relative;
    width: 100%;
    height: 100%; 
}

.layout-image {
    width: 100%;
    height: 700px;
    object-fit: contain;
}