/*#region modified.css*/
#userDropdownNavbar {
    display: none;
}

.well {
    min-height: 943px;
    min-width: 214px;
    padding: 1px;
    margin-bottom: 0;
    background-color: #DEE3E7;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

    .well.well-sm.zone-aside-second-wrapper {
        line-height: normal !important;
        min-height: auto;
        padding-bottom: 4px;
    }

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal;
}

.container {
    padding: 0;
}

.row {
    display: flex;
    margin: 0;
}

.layout-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    min-height: 100%;
}

.custom-view.layout-wrapper {
    position: relative !important;
}

div.zone.zone-navigation {
    line-height: 1.0;
}

.zone-navigation > article > div > svg {
    /* This selection will style main svg element in zone navigation */
    width: 100%;
}

.zone.zone-content .smart-dashboard.content-item {
    width: 100%;
}

.widget-tag-cloud p {
    padding: 0 0 0 22px;
    margin: 0 0 0;
}

.zabbix-embeded, .graylog-embeded {
    position: fixed;
}

/*#region Collections*/

.zone [class*="Disciplines"] div.panel-heading {
    padding: 4px 8px;
}

.zone [class*="Disciplines"] h4,
[class*="Collections"] .panel-default > .panel-heading > h4 {
    font-weight: 700;
}

.zone [class*="Collections"] .panel-body {
    padding: 5px;
}

.zone [class*="Collections"] .panel-default > .panel-heading {
    padding: 4px 15px;
}

.zone [class*="Collections"] [class^="panel-collapse"] .panel-heading {
    padding: 3px 20px;
}

    .zone [class*="Collections"] [class^="panel-collapse"] .panel-heading h4 {
        font-size: 12px;
    }

.zone [class*="Enterprise"] ul.jstree-container-ul a.jstree-clicked,
.zone [class*="Collections"] ul.jstree-container-ul a.jstree-clicked {
    background: none;
    border-radius: 0;
    box-shadow: none;
}

/*#endregion Collections*/

/*#region Alarm Statistics*/
.col-lg-9:has(article.statistic-chart) {
    width: 100%;
}

.statistic-chart [id*=TimeSelectors] {
    margin-left: 60px;
    margin-top: 40px;
}

.smartsys-uda-simpleinterceptor-grid > fieldset > legend {
    font-weight: bold;
    margin-bottom: 0;
}

.zone .alarm-summary-time-selectors {
    margin-left: 75px !important;
    margin-top: -20px !important;
}

.zone .alarm-summary-grid-field {
    margin-left: 75px !important;
}

.zone .alarm-rate-top10-time-selectors {
    margin-left: 75px !important;
    margin-top: 0 !important;
}

.zone .alarm-rate-top10-grid-field {
    margin-left: 75px !important;
}

/*#endregion Alarm Statistics*/

/*#region Epks Events*/
/*
article.epks-events {
    padding-left: 10px;
    padding-right: 10px;
}
*/
/*
.zone [class*="epks-events"].content-item {
	position: absolute;
    width: 100%;
}
*/
/*
.col-lg-6:has(article.epks-events),
.col-lg-9:has(article.epks-events) {
	width:100% !important;
}
*/

/* fix when displaying epks events results from taxonomies filter */
.content-items [class*="epks-events"].content-item {
    position: inherit;
    width: inherit;
}

.epks-events .ngGrid {
    border-color: #6f6f6f;
}

.epks-events .ngFooterPanel {
    border-top-color: #6f6f6f;
}

.epks-events .ngHeaderContainer {
    background-color: #000000;
    color: #ffffff;
    font-weight: 900;
}

.epks-events .ngHeaderButton {
    background-color: #ffffff;
}

.epks-events .ngColMenu {
    background-color: #eaeaea;
}

.epks-events .ngViewport {
    background-color: #7f7f7f;
    font-weight: bold;
}

.epks-events .panel-group {
    margin-bottom: 0;
}

/*#endregion Epks Events*/

/*#region OData Report*/

/*
.zone [class*="odata-report"].content-item {
	position: absolute;
    width: 100%;
}
*/

.odata-report .ngGrid {
    border-color: #6f6f6f;
}

.odata-report .ngFooterPanel {
    border-top-color: #6f6f6f;
}

.odata-report .ngHeaderContainer {
    background-color: #000000;
    color: #ffffff;
    font-weight: 900;
}

.odata-report .ngHeaderButton {
    background-color: #ffffff;
}

.odata-report .ngColMenu {
    background-color: #eaeaea;
}

.odata-report .ngViewport {
    background-color: #7f7f7f;
    font-weight: bold;
}

.odata-report .panel-group {
    margin-bottom: 0;
}

/*#endregion OData Report*/


/*#region JS Tree*/
.jstree-themeicon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: large;
}

.jstree-node {
    cursor: pointer;
}

.zone [class*="Collections"] li[onclick="window.location.href = '/'"],
.zone [class*="Collections"] a[onclick="window.location.href = '/'"] {
    pointer-events: none;
}

.zone [class*="Enterprise"] ul.jstree-container-ul > li i.jstree-themeicon,
.zone [class*="Collections"] ul.jstree-container-ul > li i.jstree-themeicon {
    background-image: none;
}

.zone [class*="CollectionsReports"] ul.jstree-container-ul > li:nth-of-type(1) ~ li[role=treeitem].jstree-closed > a > i:before,
.zone [class*="CollectionsEvents"] ul.jstree-container-ul > li:nth-of-type(1) ~ li[role=treeitem].jstree-closed > a > i:before,
.zone [class*="CollectionsEvents"] ul.jstree-container-ul > li:nth-of-type(2) ~ li[role=treeitem].jstree-closed > a > i:before,
.zone [class*="CollectionsTrends"] ul.jstree-container-ul > li:nth-of-type(1) ~ li[role=treeitem].jstree-closed > a > i:before,
.zone [class*="CollectionsTrends"] ul.jstree-container-ul > li:nth-of-type(2) ~ li[role=treeitem].jstree-closed > a > i:before,
.zone [class*="CollectionsKpi"] ul.jstree-container-ul > li.jstree-closed > a > i:before,
.zone [class*="CollectionsODataReports"] ul.jstree-container-ul > li.jstree-closed > a > i:before {
    content: '\e866';
}

.zone [class*="CollectionsReports"] ul.jstree-container-ul > li:nth-of-type(1) ~ li[role=treeitem].jstree-open > a > i:before,
.zone [class*="CollectionsEvents"] ul.jstree-container-ul > li:nth-of-type(1) ~ li[role=treeitem].jstree-open > a > i:before,
.zone [class*="CollectionsEvents"] ul.jstree-container-ul > li:nth-of-type(2) ~ li[role=treeitem].jstree-open > a > i:before,
.zone [class*="CollectionsTrends"] ul.jstree-container-ul > li:nth-of-type(1) ~ li[role=treeitem].jstree-open > a > i:before,
.zone [class*="CollectionsTrends"] ul.jstree-container-ul > li:nth-of-type(2) ~ li[role=treeitem].jstree-open > a > i:before,
.zone [class*="CollectionsKpi"] ul.jstree-container-ul > li.jstree-open > a > i:before,
.zone [class*="CollectionsODataReports"] ul.jstree-container-ul > li.jstree-open > a > i:before {
    content: '\ed1b';
}

.zone [class*="CollectionsReports"] ul.jstree-container-ul > li:nth-of-type(1) i.jstree-themeicon:before,
.zone [class*="CollectionsEvents"] ul.jstree-container-ul > li:nth-of-type(1) i.jstree-themeicon:before,
.zone [class*="CollectionsEvents"] ul.jstree-container-ul > li:nth-of-type(2) i.jstree-themeicon:before,
.zone [class*="CollectionsTrends"] ul.jstree-container-ul > li:nth-of-type(1) i.jstree-themeicon:before,
.zone [class*="CollectionsTrends"] ul.jstree-container-ul > li:nth-of-type(2) i.jstree-themeicon:before {
    content: '\ee65';
}

.zone [class*="CollectionsReports"] ul.jstree-container-ul > li:nth-of-type(1) ~ li[role=treeitem] > a > i:before,
.zone [class*="CollectionsEvents"] ul.jstree-container-ul > li:nth-of-type(2) ~ li[role=treeitem] > a > i:before,
.zone [class*="CollectionsTrends"] ul.jstree-container-ul > li:nth-of-type(2) ~ li[role=treeitem] > a > i:before,
.zone [class*="CollectionsKpi"] ul.jstree-container-ul > li > a > i:before,
.zone [class*="Enterprise"] ul.jstree-container-ul > li > a > i:before,
.zone [class*="CollectionsODataReports"] ul.jstree-container-ul > li > a > i:before {
    content: '\e868';
}

.zone [class*="CollectionsKpiTutorials"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\e829';
}

.zone [class*="CollectionsKpiPhdTabularData"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before,
.zone [class*="CollectionsKpiSystemDiagnostic"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before,
.zone [class*="CollectionsKpiAlarmsStatistic"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\e905';
}

.zone [class*="CollectionsKpiControlLoops"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\eeb1';
}

.zone [class*="CollectionsKpiMotorsStatistic"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\ed22';
}

.zone [class*="Enterprise"] ul.jstree-container-ul > li > ul > li > ul > li > a {
    font-size: 12px;
    font-weight: bold;
}

.zone [class*="Enterprise"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\e868';
}

.zone [class*="Enterprise"] ul.jstree-container-ul > li.jstree-open > a > i:before {
    content: '\e935';
}

.zone [class*="Enterprise"] ul.jstree-container-ul > li.jstree-closed > a > i:before {
    content: '\e866';
}

.zone [class*="Enterprise"] ul.jstree-container-ul > li > ul > li.jstree-open > a > i.jstree-themeicon:before {
    content: '\ec68';
}

.zone [class*="Enterprise"] ul.jstree-container-ul > li > ul > li.jstree-closed > a > i.jstree-themeicon:before {
    content: '\e866';
}

.zone [class*="Enterprise"] ul.jstree-container-ul > li > ul > li.jstree-open > ul > li > a > i.jstree-themeicon:before {
    content: '\e912';
}

.zone [class*="Enterprise"] ul.jstree-container-ul > li > ul > li.jstree-closed > ul > li > a > i.jstree-themeicon:before {
    content: '\e866';
}

.zone [class*="CollectionsEventsAlarmSummary"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\eae7';
}

.zone [class*="CollectionsEventsOperatorChanges"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\e97a';
}

.zone [class*="CollectionsReports"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before,
.zone [class*="CollectionsODataReports"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\e8eb';
}

.zone [class*="CollectionsKpiTrendsShared"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before,
.zone [class*="CollectionsTrendsBuildIn"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\ef1c';
}

.zone [class*="CollectionsKpiTanks"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\e9b6';
}

.zone [class*="CollectionsKpiTanks"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\e9b6';
}

.zone [class*="CollectionsTrendsPrivate"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\eca3';
}

.zone [class*="CollectionsTrendsShared"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\ea35';
}

.zone [class*="CollectionsEventsAlarms"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\e858';
}

.zone [class*="CollectionsEventsSystemStatus"] ul.jstree-container-ul > li > ul > li.jstree-leaf i.jstree-themeicon:before {
    content: '\ee98';
}

/*#endregion JS Tree*/

/*#region Buttons*/

.zone [id*="_buttnav"] button[type=button]:hover {
    font-weight: bold;
    color: #f0f0f0;
    background-color: #808080;
}

.zone [id*="_buttnav"] .ButtonBackgroundOnMouseOver {
    fill: #808080;
}

.zone [id*="_buttnav"] .ButtonLabelOnMouseOver {
    font-weight: bold;
    fill: #f0f0f0;
}

.zone [id*="_important"] {
    font-weight: bold;
}

.zone [id*="_veryimportant"] {
    font-weight: 900;
}

/*#endregion Buttons*/

/*#region Metro Style Buttons*/

[id*="_buttmetro_"] button[type=button]:hover {
    background-color: #fafafa;
    color: #000000;
}

[id*="_buttmetro_"] button[type=button] {
    background-color: #333;
    font-family: arial;
    font-weight: bold;
    color: #fafafa;
}

[id*="_buttmetro_green"] button[type=button] {
    border: 2px solid #6c8249;
}

[id*="_buttmetro_blue"] button[type=button] {
    border: 2px solid #008080;
}

[id*="_buttmetro_grey"] button[type=button] {
    border: 2px solid #a0a0a0;
}

[id*="_buttmetro_"] .ButtonLabelOnNotMouseOver {
    fill: #fafafa;
    font-weight: bold;
}

[id*="_buttmetro_"] .ButtonLabelOnMouseOver {
    fill: #333;
}

[id*="_buttmetro_"] .ButtonBackgroundOnNotMouseOver {
    fill: #333;
    stroke-width: 2;
}

[id*="_buttmetro_"] .ButtonBackgroundOnMouseOver {
    fill: #fafafa;
    stroke-width: 2;
}

[id*="_buttmetro_green"] rect {
    stroke: #6c8249;
}

[id*="_buttmetro_blue"] rect {
    stroke: #008080;
}

[id*="_buttmetro_grey"] rect {
    stroke: #a0a0a0;
}

/*#endregion Metro Style Buttons*/

/*#region Shadow Effect*/

.zone [class^="widget-swshadow"] [class="page-header"] {
    /* Change widget title possition when widget technical name begins with "swshadow" */
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
}

    .zone [class^="widget-swshadow"] [class="page-header"] h3 {
        /* Put dark grey panel behaind widget title when widget technical name begins with "swshadow" */
        border: 1px solid #7f7f7f;
        padding: 8px 8px 7.4px 8px;
        box-shadow: 3px 3px 1px #888888;
        background-color: #cccccc;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: bold;
        color: #666666;
    }

.zone [class^="widget-swshadow"] [class*="jstree-container-ul"],
[class^="widget-swshadow"] [class="panel-group"],
[class^="widget-swshadow"] [class="tag-cloud"] {
    /* Put white rounded shadow panel behaind jstree widget when widget technical name begins with "swshadow" */
    border: 1px solid #7f7f7f;
    padding: 8px 8px 8px 8px;
    box-shadow: 3px 3px 1px #888888;
    background-color: #f7f7f7;
    margin-top: 0;
    margin-bottom: 20px;
}

.zone [class*="br4"] [class="page-header"] h3,
[class^="widget-swshadow"][class*="br4"] [class*="jstree-container-ul"],
[class^="widget-swshadow"][class*="br4"] [class="panel-group"],
[class^="widget-swshadow"][class*="br4"] [class="tag-cloud"] {
    border-radius: 4px;
}

.zone [class*="br8"] [class="page-header"] h3,
[class^="widget-swshadow"][class*="br8"] [class="jstree-container-ul"],
[class^="widget-swshadow"][class*="br8"] [class="panel-group"],
[class^="widget-swshadow"][class*="br8"] [class="tag-cloud"] {
    border-radius: 8px;
}

.zone [class^="widget-swshadow"] .jstree li {
    overflow: hidden;
}

.zone [class*="shadowrect"] > ul,
.zone [class*="shadowrect"] > div > svg,
.zone [class*="shadowrect"] > div > div > svg {
    border-radius: 0;
    border: 1px solid #7f7f7f;
    box-shadow: 2px 2px 1px #888888;
    background-color: #c0c0c0;
}

.zone [class*="shadowrectNav"] > ul > li > a > button {
    width: 100%;
}

.zone [class*="shadowrectNavMee"] > ul > li > a {
    padding-top: 1px;
    padding-bottom: 1px;
}

/*#endregion Shadow Effect*/

/*#region tutorials*/
.col-lg-9:has(article.tutorials.content-item) {
    width: 75%;
    padding-left: 10px;
}

.zone .content-item h3.page-title.smartsys-tutorials {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.smart-video-manual video {
    margin-left: 0px !important;
    width: 100% !important;
}
/*#endregion tutorials*/

/*#region Titles*/
.smart-dashboard-title {
    position: relative;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 25px;
}

/*
.zone .content-item h3.page-title.epks-events,
.zone .content-item h3.page-title.odata-report,
.zone .content-item h3.page-title.smartsys-dygraph-trend
*/
.zone .content-item h3.page-title {
    border: 1px solid #7f7f7f;
    padding: 8px 8px 8px 8px;
    box-shadow: 4px 4px 1px #888888;
    background-color: #cccccc;
    margin-top: 20px;
    margin-bottom: 0;
    /* margin-left: 20px; */
    font-size: 16px;
    font-weight: bold;
    /* min-width: 1060px; */
    text-align: center;
}

.page-title-summary {
    /* Style page title summary (Search, Tags, Terms ...) */
    border: 1px solid #7f7f7f;
    border-radius: 4px;
    padding: 5px 0 5px 0;
    margin: 20px 55px 2px 55px;
    box-shadow: 3px 3px 1px #888888;
    background-color: #cccccc;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.page-title-summary-tags span, .page-title-summary-term span {
    /* Change color of summary search criteria (Tag and taxonomy term) */
    color: #428bca;
}
/*#endregion Titles*/

/*#region Widgets*/
/*widgets*/
.zone [class^="widget-L1Nav"] > div {
    height: 38px;
    padding-top: 2px;
}

.zone.zone-aside-first, .zone.zone-aside-second {
    margin-bottom: -21px;
}

.widget-asideFirst_Menu {
    /*this class will styling widget with name="asideFirst_Menu", where name will configurate in Widget
        (The technical name of the Widget.)*/
    height: 300px;
    font-weight: bold;
}

    .widget-asideFirst_Menu > ul > li {
        /*use for menu items in AsideFirst/Second Widget zone*/
        width: 100%;
        height: 30px;
        font-size: 16px;
    }

        .widget-asideFirst_Menu > ul > li > a {
            color: #185D84;
        }

.widget.widget-smart-web-menu-widget {
    width: 305px;
    padding: 19px;
}

.zone-after-main .widget-smart-web-menu-widget ul {
    max-width: 1920px;
}

.widget-NavigationMenu > ul > li > ul {
    /*this css class place submenus below parent element (by default whey appear in right of parent element)*/
    left: 0 !important;
    top: auto !important;
}
/*#endregion Widgets*/

/*#region Smart Widgets*/
.SmartWidgetVertical {
    width: 100%;
}

.SmartWidgetVerticalButtonWidth97percent {
    width: 97%;
}

.SmartWidgetVerticalButtonWidthFull {
    height: 30px;
    width: 100%;
}

.SmartWidgetHorizontalButton {
    float: left;
}

.SmartWidgetFloatInitial {
    float: initial;
}
/*#endregion Smart Widgets*/

/*#region Modules*/

/*#region Phd Report*/
.zone .phd-report > div:first-of-type {
    padding-left: 15px !important;
    padding-top: 22px !important;
}
/*#endregion Phd Report*/

/*#region Simple Interceptor Buttons*/
.smartweb-btn {
    position: relative;
    padding: 0 10px;
    color: #fafafa;
    height: 26px;
    font-family: arial;
}

    .smartweb-btn:hover {
        background-color: #fafafa;
        color: #000000;
    }

.smartweb-btn-execute, .smartweb-btn-submit {
    border: 2px solid #5cb85c;
    background-color: #4cae4c;
}

.smartweb-btn-download {
    border: 2px solid #2e6da4;
    background-color: #337ab7;
}

.smartweb-btn-evict {
    border: 2px solid #d43f3a;
    background-color: #d9534f;
}
/*#endregion Simple Interceptor Buttons*/

/*#region oData Query Builder*/
.zone [id="smartsysODataQueryBuilderNgGrid"],
.zone [id="smartsysODataQueryBuilderWrapper"] {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.col-lg-6:has(article).col-lg-6:has([id="smartsysODataQueryBuilderWrapper"]),
.col-lg-9:has(article).col-lg-9:has([id="smartsysODataQueryBuilderWrapper"]) {
    width: 100% !important;
    margin-left: 10px;
    margin-right: 10px;
}

@media (min-width: 1026px) {
    .zone #sw-odata-table > .sw-table,
    .zone [id="smartsysODataQueryBuilderNgGrid"],
    .zone [id="smartsysODataQueryBuilderWrapper"] {
        /* padding-left: 20px !important; */
        min-width: 1060px;
    }
}

.zone div#queryBuilder {
    margin-bottom: 0;
}

.zone form#queryBuilderForm > label,
.zone form#queryBuilderForm > select,
.zone form#queryBuilderForm > div#queryFilters > label,
.zone form#queryBuilderForm > div#queryFilters > select,
.zone div#orderByConditions,
.zone div#selectConditions,
.zone div#expandConditions,
.zone div#queryAccording {
    display: none;
}

.zone button#clearQuery,
.zone select#oDataQueryBuilderSelectInterceptor {
    display: none;
}

/*
.zone button#submitQuery {
    position: relative;
    padding: 0 10px;
    left: 4px;
    border: 2px solid #000000;
    background-color: #000000;
    color: #fafafa;
    height: 28px;
    font-family: arial;
}

    .zone button#submitQuery:hover {
        background-color: #fafafa;
        color: #000000;
    }
*/
/*#endregion oData Query Builder*/

/*#region Nvd3 Chart*/
.zone [class^="widget-swshadow"] [class="smartsys-nvd3-chart-svg"] svg {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    height: 100%;
}

.zone [class^="widget-swshadow"] [class="smartsys-nvd3-chart-svg"] text {
    font: normal 12px Arial;
}

.zone [class^="widget-swshadow"] [id^="Smartsys_Nvd3Charting_Content"] {
    background-color: #f7f7f7;
    padding: 0;
}

.zone [class^="widget-swshadow"] [class="smartsys-nvd3-chart-svg"] .title {
    font: bold 14px Arial;
}
/*#endregion Nvd3 Chart*/

/*#region Dygraph Trend*/
article div[id*="Smartsys_Dygraph_Trend_Content"] {
    padding-top: 10px;
}

article:has(.smartsys-dygraph-trend) {
    padding-left: 10px;
    padding-right: 10px;
}

.col-lg-6:has(article .smartsys-dygraph-trend),
.col-lg-9:has(article .smartsys-dygraph-trend) {
    width: 100% !important;
}

.zone [class*="dygraph-trend"].widget [id^="Smartsys_Dygraph_Trend_Content"] {
    margin-left: 3px;
    margin-top: 0;
    margin-right: 3px;
    width: 1257px;
}

/*
.zone.zone-content > [class*="sys-trend"].content-item, 
.zone.zone-content > [class*="build-in-trend"].content-item, 
.zone.zone-content > [class*="private-trend"].content-item,
.zone.zone-content > [class*="shared-trend"].content-item {
	position: absolute;
	width: 100%;
}
*/
/*
.zone [class*="sys-trend"].content-item [id^="Smartsys_Dygraph_Trend_Content"],
.zone [class*="build-in-trend"].content-item [id^="Smartsys_Dygraph_Trend_Content"],
.zone [class*="private-trend"].content-item [id^="Smartsys_Dygraph_Trend_Content"],
.zone [class*="shared-trend"].content-item [id^="Smartsys_Dygraph_Trend_Content"] {
    margin-left: 20px;
    margin-top: 1px;
    margin-right: 0;
}
*/

.zone [class*="sys-trend"] [id^="Smartsys_Dygraph_Trend_Content"],
.zone [class*="build-in-trend"] [id^="Smartsys_Dygraph_Trend_Content"],
.zone [class*="private-trend"] [id^="Smartsys_Dygraph_Trend_Content"],
.zone [class*="shared-trend"] [id^="Smartsys_Dygraph_Trend_Content"] {
    /* Trend widget frame styling*/
    border: 1px solid #7f7f7f;
    box-shadow: 4px 4px 1px #888888;
    background-color: #e7e7e7;
}

.zone [class*="sys-trend"] .smartsys-dygraph-toolbar,
.zone [class*="build-in-trend"] .smartsys-dygraph-toolbar,
.zone [class*="private-trend"] .smartsys-dygraph-toolbar,
.zone [class*="shared-trend"] .smartsys-dygraph-toolbar {
    /* Trend widget toolbar styling*/
    margin-bottom: 2px;
    border-radius: 0px !important;
}

.zone [class*="build-in-trend"] [id^="Smartsys_Dygraph_Trend_Content"],
.zone [class*="private-trend"] [id^="Smartsys_Dygraph_Trend_Content"],
.zone [class*="shared-trend"] [id^="Smartsys_Dygraph_Trend_Content"] {
    min-width: 1060px;
}

/*
    .zone [class*="build-in-trend"] [id^="Smartsys_Dygraph_Trend_Content"] .smartsys-dygraph-trend,
    .zone [class*="private-trend"] [id^="Smartsys_Dygraph_Trend_Content"] .smartsys-dygraph-trend,
    .zone [class*="shared-trend"] [id^="Smartsys_Dygraph_Trend_Content"] .smartsys-dygraph-trend {
        width: 100% !important;
    }
*/
/*#endregion Dygraph Trend*/

/*#region Hda Table*/

.zone [class*="hda-table"] [id^="Smartsys_HdaTable_Content"] .bootstrap-table {
    width: 100%;
    min-width: 720px;
}

article[class*="hda-table"]:has(.sw-hda-table-container) {
    padding-left: 10px;
    padding-right: 10px;
}

.col-lg-6:has(article[class*="hda-table"]).col-lg-6:has(.sw-hda-table-container),
.col-lg-9:has(article[class*="hda-table"]).col-lg-9:has(.sw-hda-table-container) {
    width: 100% !important;
}

.zone .content-item .sw-hda-control-panel,
.zone .content-item .sw-hda-table-container > div {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*
.zone .content-item h3.page-title.smartsys-opc-hda-table {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 8px 8px 8px;
    margin: 20px 23px 0 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
*/

/*#endregion Hda Table*/

/*#region Search*/

.smartsys-search-results .content-item,
.search-results .content-item,
.tagged-posts .content-item,
[class*="plant-term"] .content-item,
[class*="enterprise-model-term"] .content-item,
[class*="disciplines-term"] .content-item {
    /* Style page summary lists of search, tag and hierarchy term */
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-left: 15px;
    margin-right: 55px;
    box-shadow: 4px 4px 6px #888888;
    background-color: #f7f7f7;
    padding: 0 0 0 20px;
}

.col-lg-9:has(.content-items.search-results),
.col-lg-9:has(.content-items.tagged-posts),
.col-lg-9:has(article[class*="plant-term"]),
.col-lg-9:has(article[class*="enterprise-model-term"]),
.col-lg-9:has(article[class*="disciplines-term"]),
.col-lg-9:has(.smartsys-search-summary) {
    width: 100% !important;
}

.smartsys-search-results > li > .content-item {
    width: initial !important;
    position: relative !important;
}

.search-summary {
    margin-right: 55px;
}

.smartsys-search-summary {
    margin-right: 55px;
}

.zone .widget-search-form input {
    margin-right: 24px;
}

.zone .widget-smartsys-search-form input {
    margin-right: -10px;
}

.zone .widget-search-form button {
    position: relative;
    padding: 1px 10px;
    left: 4px;
    border: 2px solid #000000;
    background-color: #000000;
    color: #fafafa;
    height: 22px;
}

.zone .widget-smartsys-search-form button {
    position: relative;
    padding: 1px 10px;
    left: 4px;
    border: 2px solid #000000;
    background-color: #000000;
    color: #fafafa;
    height: 22px;
}

.zone .widget-search-form button:hover {
    background-color: #fafafa;
    color: #000000;
}

.zone .widget-smartsys-search-form button:hover {
    background-color: #fafafa;
    color: #000000;
}
/*#endregion Search*/

/*#region SvgField*/
div[id*='Smartsys_SvgEditor_SvgField_'] {
    background-color: #DEE3E7;
}

div[id^="Smartsys_SvgEditor_SvgField"] {
    background: inherit !important;
    background-color: inherit !important;
}

/* Hide svg in the zone-content, hide also the content section and show them after resizing (desktop-theme.js). */
.zone-content div[id^="Smartsys_SvgEditor_SvgField"] > svg {
    visibility: hidden;
}
/*#endregion SvgField*/

/*#endregion Modules*/

/*#region Shapes*/


/*#region Navigations*/
.zone-navigation [id*="_almnav"] rect:nth-last-child(1) {
    stroke-width: 1px;
    stroke: #f7f7f7;
    fill: #d7d7d7;
}

.zone-navigation [id*="_almnav"] text:nth-last-child(1) {
    fill: #000000;
}

.zone-aside-second [id*="_almnav"] rect:nth-last-child(1),
.zone-before-content [id*="_almnav"] rect:nth-last-child(1),
.zone-content [id*="_almnav"] rect:nth-last-child(1) {
    stroke: #505050;
    fill: #cccccc;
    stroke-width: 1px;
}

.zone-aside-second [id*="_almnav"] text:nth-last-child(1),
.zone-before-content [id*="_almnav"] text:nth-last-child(1),
.zone-content [id*="_almnav"] text:nth-last-child(1) {
    fill: #000000;
}

.zone-before-content [id*="_almnav"]:hover rect:nth-last-child(1),
.zone-content [id*="_almnav"]:hover rect:nth-last-child(1),
.zone-navigation [id*="_almnav"]:hover rect:nth-last-child(1),
.zone-aside-second [id*="_almnav"]:hover rect:nth-last-child(1) {
    fill: #808080;
}

.zone-before-content [id*="_almnav"]:hover text:nth-last-child(1),
.zone-content [id*="_almnav"]:hover text:nth-last-child(1),
.zone-navigation [id*="_almnav"]:hover text:nth-last-child(1),
.zone-aside-second [id*="_almnav"]:hover text:nth-last-child(1) {
    font-weight: bold;
    fill: #f0f0f0;
}

.zone-content [name*="PhdArrow"]:hover g:nth-of-type(1) path,
.zone-content [name*="_disp_conn"]:hover g:nth-of-type(1) path {
    fill: #4a4a4a;
}

.zone-content [name*="PhdArrow"]:hover g:nth-of-type(2) path,
.zone-content [name*="_disp_conn"]:hover g:nth-of-type(2) path {
    fill: #696969;
}
/*#endregion Navigations*/

/*#region Many States Buttons*/
.manyStatesButtonBackground {
    fill: #8E8E8E;
    stroke: #8E8E8E;
}

.ButtonBorderHidden {
    stroke: #8E8E8E;
}

.ButtonBorderVisible {
    stroke: #8E8E8E;
}

.ButtonLabel {
    fill: #fafafa;
    font-weight: bold;
}

.ButtonOnMouseOver {
    opacity: 0.3;
}
/*#endregion Many States Buttons*/

/*#endregion Shapes*/

/*#region Navbar*/
.navbar {
    position: relative;
    min-height: 23px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.navbar-top {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0px;
}

.navbar-default {
    background-color: #EFEFF7;
    border-color: #e7e7e7;
}

.navbar.navbar-fixed-top.navbar-default {
    position: relative;
    margin-bottom: 0;
    border-width: 0 0 1px;
}
/*#endregion Navbar*/

/*#region Dropdown Submenu*/

/*submenu is not supported in Bootstrap >= Version 3 and we add it here*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

/*#endregion Dropdown Submenu*/

/*#region Collapse Accordion*/

/*collapse accordion icon (open/close)*/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
    font-size: 13px;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
    font-size: 13px;
}

.panel-heading-title {
    font-size: 14px;
    color: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

/*#endregion Collapse Accordion*/

/*#region Tree*/
.tree {
    min-height: 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .tree li {
        list-style-type: none;
        margin: 0;
        padding: 10px 5px 0 5px;
        position: relative;
    }

        .tree li::before, .tree li::after {
            content: '';
            left: -20px;
            position: absolute;
            right: auto;
        }

        .tree li::before {
            border-left: 1px solid #999;
            bottom: 50px;
            height: 100%;
            top: 0;
            width: 1px;
        }

        .tree li::after {
            border-top: 1px solid #999;
            height: 20px;
            top: 25px;
            width: 25px;
        }

        .tree li span {
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border: 1px solid #999;
            border-radius: 5px;
            display: inline-block;
            padding: 3px 8px;
            text-decoration: none;
        }

        .tree li.parent_li > span {
            cursor: pointer;
        }

            .tree li.parent_li > span > a {
                /*brunchs color*/
                color: black;
            }

    .tree > ul > li::before, .tree > ul > li::after {
        border: 0;
    }

    .tree li:last-child::before {
        height: 30px;
    }

    .tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
        background: #eee;
        border: 1px solid #94a0b4;
        color: #000;
    }
/*#endregion Tree*/

/*#region Bootstrap Columns*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    padding-right: 0;
    padding-left: 0;
    min-height: initial;
}

.col-lg-9 {
    min-width: 60%;
    width: auto;
}

.col-lg-6 {
    min-width: 60%;
    width: auto;
}

.col-lg-3 {
    width: auto;
}
/*#endregion Bootstrap Columns*/

/*#region Other*/
.epks-report > div > input {
    margin-left: 30px;
}

.zone [class*="-hmi"] > div > svg.process-overview {
    margin-left: 3px;
    margin-top: 3px;
    margin-right: 5px;
    border: 1px solid #666666;
    box-shadow: 4px 4px 1px #888888;
}

.zone [class*="pt10"] {
    padding-top: 10px;
}

.zone [class*="pt15"] {
    padding-top: 15px;
}

.zone [class*="pt35"] {
    padding-top: 35px;
}

.docContentTable {
    background-color: white;
    width: 75% !important;
}

#content {
    visibility: hidden;
}
/*#endregion Other*/

/*#endregion modified.css*/

/*#region mobile.css*/
/* 
 * This file is modified copy of the mobile-0.0.1.css from JSExtensions module
 * especially designed for UniSim Live app, not to enable mobile devices styles
 */

/*#region slide animation*/
/* Slide in animation */
@-moz-keyframes slidein {
    0% {
        left: -300px;
    }

    100% {
        left: 10px;
    }
}

@-webkit-keyframes slidein {
    0% {
        left: -300px;
    }

    100% {
        left: 10px;
    }
}

@keyframes slidein {
    0% {
        left: -300px;
    }

    100% {
        left: 10px;
    }
}

@-moz-keyframes slideout {
    0% {
        left: 0;
    }

    100% {
        left: -300px;
    }
}

@-webkit-keyframes slideout {
    0% {
        left: 0;
    }

    100% {
        left: -300px;
    }
}

@keyframes slideout {
    0% {
        left: 0;
    }

    100% {
        left: -300px;
    }
}

@-moz-keyframes slideRightIn {
    0% {
        right: -300px;
    }

    100% {
        right: 0;
    }
}

@-webkit-keyframes slideRightIn {
    0% {
        right: -300px;
    }

    100% {
        right: 0;
    }
}

@keyframes slideRightIn {
    0% {
        right: -300px;
    }

    100% {
        right: 0;
    }
}

@-moz-keyframes slideRightOut {
    0% {
        right: 0;
    }

    100% {
        right: -300px;
    }
}

@-webkit-keyframes slideRightOut {
    0% {
        right: 0;
    }

    100% {
        right: -300px;
    }
}

@keyframes slideRightOut {
    0% {
        right: 0;
    }

    100% {
        right: -300px;
    }
}

@-webkit-keyframes slidedown /* Safari and Chrome */
{
    from {
        margin-top: -100px;
    }

    to {
        margin-top: 0;
    }
}

@keyframes slidedown {
    from {
        margin-top: -100px;
    }

    to {
        margin-top: 0;
    }
}
/*#endregion slide animation*/

/*#region menu*/
.zone .menu-main {
    margin-right: 56px;
}

.zone-navigation ul.menu-main li.first > a:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: large;
    content: '\e82a';
}

/* This move child menus under main menu NOT NEXT TO IT*/
.menu > .dropdown-submenu > .dropdown-menu {
    left: 0px !important;
    top: 24px !important;
}
/*#endregion menu*/

/*#region @media*/
/*container*/
@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}

/*navbar*/
@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

/* override media (max-width: 768px) from bootstrap css) */
@media (max-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

    .nav > .dropdown-submenu > a {
        pointer-events: none;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute !important;
        top: 100%;
        left: 0;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        background-clip: padding-box;
    }

    .container > .navbar-collapse {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

    .navbar-fixed-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav > li > a {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}
/*#endregion @media*/
/*#endregion mobile.css*/