/*
 *  Licensed to the Apache Software Foundation (ASF) under one
 *  or more contributor license agreements.  See the NOTICE file
 *  distributed with this work for additional information
 *  regarding copyright ownership.  The ASF licenses this file
 *  to you under the Apache License, Version 2.0 (the
 *  "License"); you may not use this file except in compliance
 *  with the License.  You may obtain a copy of the License at
 *
 *        http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing,
 *  software distributed under the License is distributed on an
 *  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 *  KIND, either express or implied.  See the License for the
 *  specific language governing permissions and limitations
 *  under the License.
 */

/* .navbar-fixed-bottom {
   display: none;
 }*/

.cbx-disabled {
    color: #777;
    /*   background-color: #adadad; */
}

.isisBlobPanel .download {
    display: none;
}

.tm-dom-app-analysis2-DeviceDetailsModel th.title-column,
.tm-dom-app-analysis2-DeviceDetailsModel td.title-column,
.cn-teknect-assets-DeviceTypeViewModel th.title-column,
.cn-teknect-assets-DeviceTypeViewModel td.title-column{
    display: none;
}

/* 表格内图标和文字不折行*/
.collectionContentsComponentType a{ white-space:nowrap; }

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 5px;
}

#wrapper.toggled {
    padding-left: 0;
}

#wrapper.toggled #sidebar-wrapper {
    width: 0;
}

#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
}


body {
    font-family: arial,'Microsoft YaHei';
}
/* 链接 */
a {
    color: #ed5a1a;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #ed5a1a;
    text-decoration: underline;
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.navbar {
    background-image: none !important;
}
.navbar-default {
    background-color:#ed5a1a;
    border-color:#ed5a1a
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ed5a1a;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
    border-color:#bf3e11
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #bf3e11;
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #bf3e11;
    color: #ffffff;
}

/* 下拉菜单 */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #ed5a1a;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #ed5a1a;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #999999;
}

/* 切换扭 */
.navbar-default .navbar-toggle {
    border-color: #ed5a1a;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ed5a1a;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ed5a1a;
}
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #ffffff;
}
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

/* 反相颜色 */
.navbar-inverse {
    background-color: #ed5a1a;
    border-color: #ed5a1a;
}
.navbar-inverse .navbar-toggle {
    border-color: #ed5a1a;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #ed5a1a;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}


.non-button {}

.navbar-fixed-bottom .navbar-right {
    display: none;
}



.bg-primary {
    background-color:#ed5a1a !important;
}

.fixed-bottom  {
    background-color:#ed5a1a !important;
}

.nav-link {
    color: #ffffff;
}


.navbar-nav > li > a:hover , .navbar-nav > li > a:focus {
    background-color: #bf3e11;
    color: #ffffff;
}

.entityTitle , .entityTitle:hover{
    color: #ed5a1a;
}

.collectionContentsAsAjaxTablePanel th.column-sortable .column-header-label,
.collectionContentsAsAjaxTablePanel th.column-nonsortable .column-header-label
{
    color: #ed5a1a;
}

.btn-link , .btn-link:focus, .btn-link:hover {
    color: #772953;
}


.btn-outline-secondary,.btn-outline-secondary:focus , .btn-outline-secondary:hover, btn-outline-secondary:active{
    color: #ffffff;
    background-color: #dd4814;
    border-color: #dd4814;
}

.btn-danger {
    color: #ffffff;
    background-color: #c71c22;
    border-color: #c71c22;
}

:root {
    --link-color:  #ed5a1a;
    --link-color-hover:  #ed5a1a;
}


/* btn primary */
.btn-primary {
    color: #ffffff;
    background-color: #dd4814;
    border-color: #dd4814;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #ffffff;
    background-color: #ae3910;
    border-color: #682209;
}
.btn-primary:hover {
    color: #ffffff;
    background-color: #ae3910;
    border-color: #a5360f;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #ae3910;
    border-color: #a5360f;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #ffffff;
    background-color: #922307;
    border-color: #682209;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #dd4814;
    border-color: #dd4814;
}
.btn-primary .badge {
    color: #dd4814;
    background-color: #ffffff;
}
.btn-primary {
    background-image: none;
}




/* btn secondary */
.btn-secondary {
    color: #ffffff;
    background-color: #dd4814;
    border-color: #dd4814;
}
.btn-secondary:focus,
.btn-secondary.focus {
    color: #ffffff;
    background-color: #ae3910;
    border-color: #682209;
}
.btn-secondary:hover {
    color: #ffffff;
    background-color: #ae3910;
    border-color: #a5360f;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
    color: #ffffff;
    background-color: #ae3910;
    border-color: #a5360f;
}
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.open > .dropdown-toggle.btn-secondary:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.open > .dropdown-toggle.btn-secondary:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.open > .dropdown-toggle.btn-secondary.focus {
    color: #ffffff;
    background-color: #922307;
    border-color: #682209;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
    background-image: none;
}
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus {
    background-color: #dd4814;
    border-color: #dd4814;
}
.btn-secondary .badge {
    color: #dd4814;
    background-color: #ffffff;
}
.btn-secondary {
    background-image: none;
}


.cancel.btn-secondary{
    color: #555555;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
}

.cancel.btn-secondary:focus,
.cancel.btn-secondary.focus {
    color: #555555;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
}

.cancel.btn-secondary:hover {
    color: #555555;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
}
.cancel.btn-secondary:active,
.cancel.btn-secondary.active{
    color: #555555;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
}


.btn-sm, .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}


.nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus{
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #ed5a1a;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: rgb(55, 58, 60);
}

.fixed-bottom {
    display:none;
}


/*表格样式问题 - 仅适用于带有 tableFixedColumnWidth 装饰的集合*/
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents {
    table-layout: fixed !important;
    width: 100% !important;
}

.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents th {
    width: 120px;
    max-width: 120px;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    word-break: break-word;
    vertical-align: middle;
    padding: 8px 4px !important;
    line-height: 1.3;
}

.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td {
    width: 120px;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: table-cell;
}

/* 修复下拉菜单被表格遮挡的问题 */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents tfoot tr.navigation td {
    overflow: visible !important;
    position: relative;
}

/* 确保下拉菜单容器也不被裁剪 */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents tfoot tr.navigation {
    overflow: visible !important;
}

.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents tfoot {
    overflow: visible !important;
}

/* 确保外层容器也不会裁剪下拉菜单 */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel {
    overflow: visible !important;
    position: relative;
}

/* 确保表格本身也不会裁剪下拉菜单 */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents {
    overflow: visible !important;
}

.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td span.fragment-compact-label,
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td span.objectTitle {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td div.badge {
    display: inline-block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td div.badge > span {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td span.objectIconAndTitlePanel {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td span.objectIconAndTitlePanel a.objectUrlSource {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    gap: 4px;
}

/* 默认文本列左对齐 */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td {
    text-align: left;
}

/* 数字列居右对齐 - 匹配仅包含数字的单元格 */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td:has(span.fragment-compact-label):not(:has(img)) {
    text-align: right;
}

/* 包含图标的单元格保持左对齐（通常是操作列或状态列） */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td:has(img) {
    text-align: left;
}

/* 针对数字值的额外样式 */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td span.fragment-compact-label {
    display: inline-block;
    max-width: 100%;
}

/* 第一列（checkbox列）固定宽度 */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents th:first-child,
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents td:first-child {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}


/* 确保DataTables分页控件和长度选择器显示 */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel .dt-length,
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel .dt-paging,
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel .dt-info {
    display: block !important;
    visibility: visible !important;
}

/* 修复页码下拉菜单显示问题 */
.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents tfoot tr.navigation ul.dropdown-menu {
    position: absolute !important;
    z-index: 9999 !important;
    display: none;
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
    min-width: 160px !important;
    padding: 5px 0 !important;
    margin: 0 !important;
}

.tableFixedColumnWidth .collectionContentsAsAjaxTablePanel table.contents tfoot tr.navigation ul.dropdown-menu.show {
    display: block !important;
    top: auto !important;
    bottom: 100% !important;
    left: 0 !important;
    transform: none !important;
    margin-bottom: 0 !important;
}

/* ============================================ */
/* standaloneCollectionPanel 独立集合面板样式 */
/* ============================================ */

/*表格样式问题 - 适用于 standaloneCollectionPanel */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents {
    table-layout: fixed !important;
    width: 100% !important;
}

.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents th {
    width: 120px;
    max-width: 120px;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    word-break: break-word;
    vertical-align: middle;
    padding: 8px 4px !important;
    line-height: 1.3;
}

.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td {
    width: 120px;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: table-cell;
}

/* 修复下拉菜单被表格遮挡的问题 */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents tfoot tr.navigation td {
    overflow: visible !important;
    position: relative;
}

/* 确保下拉菜单容器也不被裁剪 */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents tfoot tr.navigation {
    overflow: visible !important;
}

.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents tfoot {
    overflow: visible !important;
}

/* 确保外层容器也不会裁剪下拉菜单 */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel {
    overflow: visible !important;
    position: relative;
}

/* 确保表格本身也不会裁剪下拉菜单 */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents {
    overflow: visible !important;
}

.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td span.fragment-compact-label,
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td span.objectTitle {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td div.badge {
    display: inline-block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td div.badge > span {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td span.objectIconAndTitlePanel {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td span.objectIconAndTitlePanel a.objectUrlSource {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    gap: 4px;
}

/* 默认文本列左对齐 */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td {
    text-align: left;
}

/* 数字列居右对齐 - 匹配仅包含数字的单元格 */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td:has(span.fragment-compact-label):not(:has(img)) {
    text-align: right;
}

/* 包含图标的单元格保持左对齐（通常是操作列或状态列） */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td:has(img) {
    text-align: left;
}

/* 针对数字值的额外样式 */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td span.fragment-compact-label {
    display: inline-block;
    max-width: 100%;
}

/* 第一列（checkbox列）固定宽度 */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents th:first-child,
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents td:first-child {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}


/* 确保DataTables分页控件和长度选择器显示 */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel .dt-length,
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel .dt-paging,
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel .dt-info {
    display: block !important;
    visibility: visible !important;
}

/* 修复页码下拉菜单显示问题 */
.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents tfoot tr.navigation ul.dropdown-menu {
    position: absolute !important;
    z-index: 9999 !important;
    display: none;
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
    min-width: 160px !important;
    padding: 5px 0 !important;
    margin: 0 !important;
}

.standaloneCollectionPanel .collectionContentsAsAjaxTablePanel table.contents tfoot tr.navigation ul.dropdown-menu.show {
    display: block !important;
    top: auto !important;
    bottom: 100% !important;
    left: 0 !important;
    transform: none !important;
    margin-bottom: 0 !important;
}