/*/*
Theme Core 2021 @Jeedom
Desktop
*/
@import url("dom.ui.css");
/* ______Commons */
::-webkit-scrollbar {
width:10px;
height:10px;
}
::-webkit-scrollbar-track-piece {
background-color: transparent !important;
}
::-webkit-scrollbar-thumb {
background: var(--linkHover-color) !important;
}
html {
height: 100%;
}
body {
font-family: 'Roboto' !important;
font-weight: 400;
font-size: 14px;
line-height: 1.42;
padding-top: 50px;
height: 100%;
box-sizing: border-box;
margin: 0 !important;
background-color: rgb(var(--bg-color));
color: var(--txt-color) !important;
background-repeat : no-repeat;
background-size: cover;
background-position: center center;
}
.reportModeVisible,
.hidden {
display: none !important;
}
html,
body,
textarea,
.scrollable-menu {
scrollbar-color: var(--linkHover-color) transparent !important;
scrollbar-width: thin;
}
div,
pre,
p.state,
.objectSummaryglobal {
scrollbar-width: thin;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
outline: none;
}
a:hover {
color: var(--linkHover-color) !important;
}
header a.navbar-brand {
padding: 7px;
}
.nav .open > a {
background: none
}
i.far.blank::before {
content: " ";
white-space: pre;
}
i.icon-blank {
width: 14px;
margin: 4px;
}
.disabled {
pointer-events: none;
}
/* ______Main */
.center {
text-align: center;
}
.center > div,
.center > table {
margin-left: auto;
margin-right: auto;
}
.small {
font-size: 0.8em;
}
.mediumText {
font-size: 0.9em;
}
.biggerText {
font-size: 1.2em;
}
.italic {
font-style: italic;
}
.cross {
text-decoration: line-through;
}
.fontweightnormal {
font-weight: 400;
}
.fontweightbold {
font-weight: 700;
}
h1,h2,h3,h4,h5,h6,
h3 a:visited {
font-weight: 400;
color: var(--link-color);
}
#backgroundforJeedom {
width: 100%;
height: calc(100% - 50px);
z-index: -1;
position: fixed;
background-color: transparent !important;
}
#backgroundforJeedom > div {
position: absolute;
width: calc(100vw + var(--objectBackgroundBlur) * 2);
height: calc(100vh + var(--objectBackgroundBlur) * 2);
left: calc(0px - var(--objectBackgroundBlur));
opacity: var(--bkg-opacity-light);
background-size: cover !important;
background-position: right bottom !important;
background-repeat: no-repeat;
}
#backgroundforJeedom > #top {
z-index: 2;
}
#backgroundforJeedom > #bottom {
z-index: 1
}
#backgroundforJeedom.custom > div {
background-position: center !important;
}
[data-page="dashboard"] #backgroundforJeedom {
filter: blur(var(--objectBackgroundBlur));
}
[data-theme*="Dark"] #backgroundforJeedom > div {
opacity: 0.6;
opacity: var(--bkg-opacity-dark);
}
#dashTopBar {
margin-top: 5px;
width: calc(100% + 2px) !important;
left: -1px;
}
#dashTopBar.editing {
position: fixed;
top: 50px;
z-index: 500;
width: calc(100% - 17px) !important;
left: 6px;
}
#in_searchDashboard.editing {
background-color: var(--al-info-color) !important;
color: var(--linkHoverLight-color) !important;
}
#bt_overview {
width: 35px;
}
#bt_overview[data-state="1"] {
background: var(--al-warning-color) !important;
}
#div_alert {
width: 100%;
padding: 5px 35px 7px 15px;
margin: 5px 0px;
max-height: calc(100% - 100px);
z-index: 9999;
}
#div_mainContainer,
#div_resumePluginList,
#div_resumeObjectList {
width: 100% !important;
height: calc(100% - 10px) !important;
}
#div_mainContainer {
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: thin;
height: 100% !important;
padding-right: 7px;
padding-left: 7px;
}
#div_pageContainer div.tab-content {
height: calc(100vh - 110px) !important;
}
#div_pageContainer div.tab-content div.tab-content {
height: unset !important;
}
#categoryfilter i {
width: 15px;
}
/* ____________________NAVBAR */
.navbar-fixed-top .visible-xs-inline-block {
max-width: calc(100% - 150px) !important;
max-height: 38px !important;
overflow: auto;
}
/* navbar top modales on hover */
#jeedomMenuBar {
min-height: 50px;
height: 50px;
z-index: 100;
}
#jeedomMenuBar:hover {
z-index: 50000;
}
.ui-widget-overlay.ui-front {
z-index: 90 !important;
background: var(--el-defaultColor) !important;
opacity: 0.6 !important;
backdrop-filter: blur(2px);
}
.navbar-collapse {
background: var(--bg-modal-color);
}
#jeedomMenuBar li.navTime {
padding: 5px 0 0 0 !important;
margin: 0 !important;
text-align: center !important;
width: 90px;
}
#jeedomMenuBar li.navTime > a {
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 105px;
}
#jeedomMenuBar #configName > .cmdName {
min-width: 30px;
min-height: 18px;
display: block;
}
.navbar,
.navbar .container-fluid,
.navbar-header,
.navbar-collapse,
.nav.navbar-nav,
.dropdown-menu,
.dropdown > a,
.dropdown > a:hover {
background-color: rgb(var(--defaultBkg-color)) !important;
}
.open > .dropdown-menu {
z-index: 990 !important;
scrollbar-width: thin;
}
.dropdown-menu > li > a {
color: var(--link-color)
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
color: var(--link-color) !important;
background-color: var(--form-bg-color);
}
/* hamburger */
header .navbar-toggle {
border: none;
background: transparent !important;
}
.navbar-toggle .icon-bar {
height: 3px;
background-color: var(--link-color);
}
/* ______Main Menu */
#jeedomMenuBar .navbar-collapse {
max-height: 80vh;
scrollbar-color: var(--form-bg-color) transparent !important;
scrollbar-width: thin;
}
#jeedomMenuBar ul.navbar-nav > li ul {
position: absolute;
display: none;
padding: 0;
z-index: 9999 !important;
min-width: 180px;
padding-top: 5px;
padding-bottom: 5px;
scrollbar-color: var(--form-bg-color) transparent !important;
scrollbar-width: thin;
}
#jeedomMenuBar ul.navbar-nav li ul {
background-color: rgb(var(--defaultBkg-color));
}
#jeedomMenuBar ul.navbar-nav li ul a {
display: block;
padding: 3px 30px 3px 20px;
border-right: 7px solid transparent;
line-height: 1.42857143;
white-space: nowrap;
}
#jeedomMenuBar ul.navbar-nav li ul a i {
display: inline-flex;
justify-content: center;
width: 20px;
font-size: 14px;
text-align: center;
margin-right: 7px !important;
}
#jeedomMenuBar ul.navbar-nav li ul li {
display: block;
list-style-type: none;
line-height: 1.42857143;
white-space: nowrap;
}
#jeedomMenuBar ul.navbar-nav li ul ul {
position: relative;
border-top: 1px solid var(--el-defaultColor);
border-bottom: 1px solid var(--el-defaultColor);
}
#jeedomMenuBar ul.navbar-nav > li > ul > li > ul {
position: absolute;
margin-top: -30px;
left: calc(100% - 5px);
}
#jeedomMenuBar ul.navbar-nav .divider,
.dropdown-menu .divider {
background-color: var(--el-defaultColor) !important;
height: 1.1px;
margin: 1em 0;
padding: 0 !important;
overflow: hidden;
}
#jeedomMenuBar ul.navbar-nav ul img {
display: inline-block;
width: 20px;
}
#jeedomMenuBar input[type=checkbox] {
display: none;
}
/* scroll menus */
#jeedomMenuBar ul.navbar-nav > li ul ul {
overflow: auto;
overflow-x: hidden;
}
@media screen and (max-height: 400px) {
#jeedomMenuBar ul.navbar-nav > li ul ul {
max-height: 114px;
/* 4 items */
}
}
@media screen and (min-height: 400px) and (max-height: 800px) {
#jeedomMenuBar ul.navbar-nav > li ul ul {
max-height: 272px;
/* 10 items */
}
}
@media screen and (min-height: 801px) {
#jeedomMenuBar ul.navbar-nav > li ul ul {
max-height: 610px;
}
}
#jeedomMenuBar ul.navbar-nav > li:last-child ul ul {
max-height: 80vh;
}
@media screen and (min-width: 768px) {
/* hovering interaction */
#jeedomMenuBar ul.navbar-nav label.drop-icon {
display: none;
}
#jeedomMenuBar ul.navbar-nav:not(.disabled) > li > ul,
#jeedomMenuBar ul.navbar-nav:not(.disabled) > li > ul > li > ul {
display: block;
visibility: hidden;
transition-delay: 0.1s;
}
#jeedomMenuBar ul.navbar-nav a.submenu:after {
position: absolute;
display: block;
content: " ";
height: 0;
right: 15px;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: var(--txt-color);
margin-top: -12px;
}
#jeedomMenuBar ul.navbar-nav:not(.disabled) li li:hover,
#jeedomMenuBar ul.navbar-nav:not(.disabled) li li:hover > a {
color: var(--link-color) !important;
background-color: var(--form-bg-color);
}
#jeedomMenuBar ul.navbar-nav:not(.disabled) > li:hover > ul {
visibility: visible;
transition-delay: 0.25s;
}
#jeedomMenuBar ul.navbar-nav:not(.disabled) > li > ul > li:hover > ul,
#jeedomMenuBar ul.navbar-nav:not(.disabled) > li > ul > li > ul:hover {
visibility: visible;
transition-delay: 0.25s;
}
}
@media screen and (max-width: 767px) {
#summaryGlobalMain {
right: 70px !important;
max-width: calc(100vw - 180px) !important;
}
/* clicking interaction */
#jeedomMenuBar ul.navbar-nav li ul li {
padding-top: 2px;
margin-right: -30px;
}
#jeedomMenuBar ul.navbar-nav label.drop-icon {
position: absolute;
width: 100%;
right: 25px;
text-align: right;
color: var(--txt-color);
font-size: 10px;
}
#jeedomMenuBar ul.navbar-nav li ul li label.drop-icon {
position: relative;
top: -15px;
float: right;
right: -5px;
color: var(--txt-color);
}
#jeedomMenuBar ul.navbar-nav .caret {
display: none;
}
#jeedomMenuBar ul.navbar-nav li input[type="checkbox"]:checked + ul {
display: block !important;
}
#jeedomMenuBar ul.navbar-nav > li {
border-bottom: 3px solid rgb(var(--bg-color)) !important;
}
#jeedomMenuBar ul.navbar-nav > li > ul {
padding-left: 6%;
}
#jeedomMenuBar ul.navbar-nav > li > ul > li > ul {
margin-top: 12px;
padding-left: 6%;
}
#jeedomMenuBar ul.navbar-nav > li ul,
#jeedomMenuBar ul.navbar-nav > li > ul > li > ul {
position: static;
float: none;
width: auto;
max-height: 80vh;
background-color: transparent;
border: 0;
border-top: 1px solid var(--el-defaultColor);
height: auto;
overflow-x: hidden;
}
.form-horizontal {
padding-right: 15px;
}
.control-label {
line-height: 26px !important;
}
}
/* ______Links */
.widget-name,
.cmd-widget,
legend,
span,
.label:not(.cursor) {
cursor: default !important;
word-break: break-word;
}
#md_graphLink,
#div_graphLinkRenderer {
width: 100%;
height: 100%;
}
#div_graphLinkRenderer text,
#div_graphLinkRenderer image {
cursor: grab;
}
#div_graphLinkRenderer > svg {
height: 100%;
width: 100%
}
#div_graphLinkRenderer .nodeNoActive {
filter: grayscale(100%);
opacity: 0.75;
}
a,
a i,
a > span,
.badge,
sup,
a.btn,
.btn,
.btn > *,
.ui-icon-closethick,
.cursor,
.cursor *,
.label.state {
cursor: pointer !important;
}
.ui-resizable-n { cursor: n-resize !important; }
.ui-resizable-s { cursor: s-resize !important; }
.ui-resizable-e { cursor: e-resize !important; }
.ui-resizable-w { cursor: w-resize !important; }
.ui-resizable-se { cursor: se-resize !important; }
.ui-resizable-sw { cursor: sw-resize !important; }
.ui-resizable-nw { cursor: nw-resize !important; }
.ui-resizable-ne { cursor: ne-resize !important; }
.nocursor {
cursor: default !important;
}
a > img:hover {
opacity: 0.75;
}
.btn:not(.cmdName),
.btn:not(.cmdName):active,
.btn:not(.cmdName).active {
color: var(--linkHoverLight-color) !important;
background-color: var(--btn-default-color) !important;
}
.btn:hover {
color: var(--linkHoverLight-color) !important;
opacity: .85 !important;
}
.btn:not(.cmdName).active {
color: var(--al-info-color) !important;
background-color: var(--sc-formTxt-color) !important;
}
span.cursor > i:hover,
i.cursor:hover,
i.cursor:active,
i.cursor:focus {
color: var(--linkHover-color) !important;
outline: none;
}
/* ____________________SIGN IN */
.form-signin {
max-width: 330px;
padding: 15px;
margin: 0 auto;
}
.form-signin .form-signin-heading {
margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
position: relative;
font-size: 16px;
height: auto;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-signin input[type="text"]:focus,
.form-signin input[type="password"]:focus {
z-index: 2;
}
.form-signin input[type="text"] {
margin-bottom: -1px;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
}
/* ____________________LEGENDS */
legend:first-letter,
.cmdName:first-letter {
text-transform: uppercase;
}
legend {
font-family: "Roboto" !important;
font-size: 18px;
background: transparent !important;
border-bottom: none;
margin-top: 20px;
margin-bottom: 0;
}
legend > sub {
font-size: 12px;
font-style: italic
}
legend .pull-right:not(.input-group) {
margin-right: 15px !important;
margin-top: 4px;
}
:not([data-page=display])legend {
color: var(--link-color) !important;
}
.labelObjectHuman {
color: var(--objectTxt-color) !important;
background-color: var(--objectBkgd-color);
}
.name > .labelObjectHuman {
padding-left: 0x !important;
display: inline-block;
}
/* résumé domo / types page*/
[data-page=types] #div_pageContainer #genericsContainer .genericType {
position: absolute;
left: 50%;
height: 13px;
overflow: hidden;
}
[data-page=display] legend a,
[data-page=display] legend i {
color: inherit !important;
}
[data-page=display] .object legend {
border-left: none;
}
[data-page=types] #div_pageContainer #genericsContainer ul > li,
[data-page=display] #div_pageContainer #displaytab ul > li {
list-style-type: none;
margin: 2px 25px !important;
padding: 1px 5px !important;
border-bottom: 1px solid var(--el-defaultColor);
}
[data-page=replace] #div_pageContainer #eqSource ul.eqLogic {
border-bottom: 1px solid var(--el-defaultColor);
}
[data-page=replace] #div_pageContainer #eqSource ul {
list-style-type: none;
margin: 2px 5px !important;
padding: 1px 0px !important;
}
[data-page=replace] #div_pageContainer #eqSource ul li {
margin: 3px 5px !important;
padding: 7px 5px !important;
}
[data-page=replace] #div_pageContainer #eqSource ul div.replacer {
float: right;
}
[data-page=replace] #div_pageContainer #eqSource ul div.replacer select {
line-height: 14px;
width: unset;
}
[data-page=replace] #div_pageContainer #eqSource ul li.cmd div.replacer select {
line-height: 12px;
margin-top: -10px;
width: 300px! important;
}
[data-page=types] #div_pageContainer #genericsContainer li.eqLogic:hover,
[data-page=types] #div_pageContainer #genericsContainer li.eqLogic.hover,
[data-page=display] #div_pageContainer #displaytab li.eqLogic:hover,
[data-page=replace] #div_pageContainer #eqSource ul:hover {
font-weight: bold;
}
[data-page=types] #div_pageContainer #genericsContainer li.eqLogic li.cmd,
[data-page=display] #div_pageContainer #displaytab li.eqLogic li.cmd {
font-weight: normal;
}
[data-page=types] #div_pageContainer #genericsContainer li.eqLogic li.cmd:hover,
[data-page=types] #div_pageContainer #genericsContainer li.eqLogic li.cmd.hover,
[data-page=display] #div_pageContainer #displaytab li.eqLogic li.cmd:hover {
font-weight: bold;
letter-spacing: 1px;
}
[data-page=display] #div_pageContainer #displaytab ul > li input {
border: 1px solid rgba(100, 100, 100, 0.5);
font-size: 12px !important;
}
[data-page=types] #div_pageContainer #genericsContainer ul > li > ul > li {
position: relative;
}
[data-page=types] #div_pageContainer #genericsContainer ul > li > ul > li,
[data-page=display] #div_pageContainer #displaytab ul > li > ul > li {
margin: 0 !important;
padding: 3px 5px !important;
color: var(--linkHoverLight-color) !important;
}
[data-page=display] #div_pageContainer #displaytab ul > li > ul > li > i {
margin: 0 !important;
padding: 0 !important;
}
[data-page=display] #div_pageContainer div.packeryContainer {
margin-left: -5px;
margin-right: -5px;
}
ul.eqLogicSortable {
list-style-type: none;
padding-left: 0px;
min-height: 30px !important;
}
.dragSelected {
border: 2px dashed var(--logo-primary-color) !important;
}
li.eqLogic .bt_sortable {
padding: 5px 0 0;
}
#searchResult a[role=searchTabLink] {
display: table;
font-size: 14px !important;
font-weight: bold;
margin-top: 15px !important;
border-bottom: 3px solid var(--logo-primary-color);
}
.eqLogicSortable i {
margin: 3px 3px 0 3px !important;
}
#interfacetab legend {
padding-top: 20px;
}
/* object title on dashboard */
.div_object legend {
text-align: center !important;
color: var(--txt-color);
background-color: transparent !important;
margin-top: 12px;
}
.div_object legend .objectDashLegend {
padding: 3px 20px;
background-color: rgba(var(--bg-color), var(--opacity)) !important;
width: calc(100% - 4px);
margin-left: -2px;
display: inline-block;
}
.div_object legend .objectDashLegend > a {
padding-right: 35px;
font-weight: 500;
transition-property: padding;
transition: 0.5s;
}
.div_object:hover legend .objectDashLegend > a {
padding-right: 80px;
transition-property: padding;
transition: 0.5s;
}
.div_object legend .objectDashLegend > a > i{
padding-right: 10px;
}
/* Legend panel */
body[data-page="panel"] #div_pageContainer legend {
background-color: rgba(var(--bg-color), var(--opacity)) !important;
margin: 5px 0 !important;
}
/* legend on equipements pages */
:not(.div_object) > legend:not(.no-bordered) {
text-align: left !important;
font-size: 17px;
color: var(--link-color);
text-align: center;
margin: 12px 8px !important;
padding: 5px 0 5px 5px !important;
line-height: 1em !important;
}
:not(.div_object) > legend > i {
padding-right: 3px
}
[data-page="administration"] legend:not(.no-bordered),
[data-page="backup"] legend:not(.no-bordered),
[data-page="user"] legend:not(.no-bordered),
[data-page="profils"] legend:not(.no-bordered) {
border-left: 2.5px solid var(--logo-primary-color);
}
div.div_viewZone legend.lg_viewZone {
font-size: 18px;
font-weight: 500;
margin: 5px !important;
}
div.eqLogicZone {
user-select: none;
}
/* ____________________DASHBOARD */
body[data-coloredcats="0"] div.eqLogic-widget .widget-name,
body[data-coloredcats="0"] div.scenario.scenario-widget .widget-name {
background: transparent !important;
}
body[data-coloredcats="0"] div.eqLogic-widget .widget-name > a,
body[data-coloredcats="0"] div.scenario.scenario-widget .widget-name > a,
body[data-coloredcats="0"] div.eqLogic-widget span.cmd.refresh > i,
body[data-coloredcats="0"] div.eqLogic-widget span.panelLink > i,
body[data-coloredcats="0"] div.eqLogic-widget > span.cmd.editOptions:after,
body[data-coloredcats="0"] .counterReorderJeedom {
color: var(--link-color) !important;
}
div.div_displayEquipement {
margin-left: 1px;
}
[data-page="dashboard"] div.col-md-12:empty {
display:none;
}
.bt_editDashboardWidgetAutoResize {
margin-top: 5px;
}
div.eqLogic.eqLogic-widget:empty {
display: none;
}
.eqLogic-widget.eqSignalInfo:after,
.eqLogic-widget.eqSignalAction:after {
content: '\2022';
font-size: 26px;
line-height: 8px;
position: absolute;
bottom: 0;
left: 0;
margin: 5px;
}
.eqLogic-widget.eqSignalInfo:after,
.eqLogic-widget.eqSignalAction.eqSignalInfo:after{
color: var(--al-info-color);
}
.eqLogic-widget.eqSignalAction:after {
color: var(--al-warning-color);
}
.eqLogic-widget,
.scenario-widget {
padding: 0;
max-width: 100%;
overflow: hidden;
z-index: 0;
}
body[data-page="plan"] .eqLogic-widget,
body[data-page="plan"] .scenario-widget {
max-width: unset;
}
.scenario-widget .iconCmd {
margin-top: 7px;
}
.eqLogic-widget .btn,
.eqLogic-widget .btn-default,
.eqLogic-widget input[type="text"],
.scenario-widget .btn,
.scenario-widget .btn-default {
min-width: 32px !important;
max-height: 30px;
}
/* dashboard equipments text color */
.tableCmd,
.cmd-widget > .center,
.cmd-widget > center {
color: var(--txt-color);
font-weight: 700;
}
.tableCmd {
font-size: 12px;
}
.eqLogic.eqLogic-widget .tableCmd .tableCmdcss center,
.eqLogic.eqLogic-widget .tableCmd .tableCmdcss div.cmd,
.eqLogic.eqLogic-widget .tableCmd .tableCmdcss div[class*="content"],
.eqLogic.eqLogic-widget .tableCmd .tableCmdcss span.cmdName,
.eqLogic.eqLogic-widget .tableCmd .tableCmdcss strong.state {
font-size: unset !important;
color: unset !important;
}
.eqLogic.eqLogic-widget .tableCmd td{
min-width: 20px;
}
.eqLogic.eqLogic-widget .tableCmd tr{
min-height: 20px;
}
.pull-right {
float: right;
margin-left: 3px;
margin-right: 5px;
}
.pull-left {
float: left!important;
margin-right: 3px;
text-align: left !important;
}
.btn.action {
margin-top: 2px;
}
.label {
font-size: 12px !important;
font-weight: normal;
display: inline-block;
padding: 4px 12px;
}
.label-xs {
line-height: 12px;
font-size: 11px !important;
padding: 0 4px;
}
.label-sm {
font-size: 12px !important;
padding: 2px 8px;
}
.input-group .label-sm {
position: relative;
top: 4px;
margin: 0 5px;
}
.label:empty,
.label-sm:empty{
display: none !important;
}
label.radio-inline {
padding-top: unset !important;
}
.iconCmd {
top: 0 !important;
font-size: 24px;
font-weight: bold;
color: var(--link-color) !important;
}
.iconCmd > i {
font-size: 30px;
}
.iconCmdLine img{
max-width: 12px;
max-height: 12px;
}
.statusCmd {
color: var(--linkHoverLight-color);
position: absolute;
left: 5px;
top: 3px;
width: 30px;
z-index: 1030;
}
label sup,
sup i {
color: var(--al-info-color);
font-size: 12px;
}
#div_displayLogList {
overflow: hidden auto;
padding-right: 0 !important;
font-size: 13px;
max-height: calc(100vh - 100px);
}
#div_displayLogList ul > li > a {
padding: 2px !important;
}
#div_displayLogList .li_log i {
position: relative;
left: -2px;
top :1px;
}
#div_displayLogList .li_log i.fa-check {
color: var(--logo-primary-color);
}
#div_displayLogList .li_log i.fa-exclamation-triangle {
color: var(--al-danger-color);
}
#div_displayLogList .li_log i.fa-exclamation-circle {
color: var(--al-warning-color);
}
#div_displayLogList .nav > li.li_log.active a {
width: 100% !important;
border: 2px solid transparent;
border-right-color: var(--logo-primary-color) !important;
}
.list-group {
margin-bottom: unset;
}
.list-group-item {
padding: 0 5px;
background-color: rgb(var(--defaultBkg-color));
}
.list-group-item-success {
background-color: var(--al-success-color);
}
/* eqlogic dragging */
.packery-drop-placeholder {
outline: 3px dashed hsla(0, 0%, 0%, 0.5) !important;
outline-offset: -6px !important;
-webkit-transition: -webkit-transform 0.2s !important;
transition: transform 0.2s !important;
}
.counterReorderJeedom {
position: absolute;
top: 2px;
left: 10px;
color: var(--eqTitle-color);
}
.editingMode {
box-shadow: 0px 0px 2px var(--logo-primary-color) !important;
}
.eqLogic-widget.editingMode.eqLogic_layout_table .tableCmd td {
border: 2px dotted var(--logo-primary-color) !important;
}
.ui-resizable-handle.ui-resizable-e { width: 4px; right: 0;}
.ui-resizable-handle.ui-resizable-s { height: 4px; bottom: 0;}
.allowResize.editingMode .ui-resizable-handle.ui-resizable-e { width: 12px; }
.allowResize.editingMode .ui-resizable-handle.ui-resizable-s { height: 12px; }
#tableCmdLayoutConfiguration .form-control {
display: unset;
}
#tableCmdLayoutConfiguration .cmdLayout {
display: inline-block
}
#tableCmdLayoutConfiguration .cmdLayoutContainer {
min-height: 24px;
}
#tableCmdLayoutConfiguration td {
vertical-align: bottom;
}
#tableCmdLayoutConfiguration td input {
margin-top: 2px;
}
/* summary */
#summaryGlobalMain {
position: absolute;
display: inline-block;
top: 15px;
right: 245px;
width: 100%;
max-height: 28px;
text-align: right;
word-break: break-word;
line-height: 28px;
overflow: auto;
font-size: 13px;
}
.objectSummaryglobal > .objectSummaryParent,
.objectSummaryContainer > .objectSummaryParent,
#dashOverviewPrevSummaries .objectSummaryContainer > .objectSummaryParent {
display: inline-flex;
color: var(--txt-color) !important;
margin: 0 2px;
}
objectSummaryContainer > .objectSummaryParent {
font-size: 12px;
}
.objectSummaryglobal > .objectSummaryParent > sup,
.objectSummaryContainer > .objectSummaryParent > sup,
#dashOverviewPrevSummaries .objectSummaryContainer > .objectSummaryParent > sup {
margin: 0 2px;
margin-top: 9px;
}
#dashOverviewPrev .objectSummaryContainer {
margin-left: 30px;
}
#dashOverviewPrevSummaries .objectSummaryContainer {
position: absolute;
max-width: 80%;
background: rgba(var(--bg-color), var(--opacity));
padding: 4px 8px;
margin: 35px 10px 0 15px;
z-index: 20;
}
#dashOverviewPrevSummaries .objectSummaryContainer:empty {
display: none !important;
}
/* action summary */
#md_summaryAction {
display: flex;
justify-content: center;
padding: 0 !important;
margin: 0 !important;
max-width: 100% !important;
max-height: 100% !important;
}
#md_summaryAction > div.jeeDialogContent {
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
margin-top: 5px !important;
height: 100%;
}
#md_summaryAction #div_summaryAction div.eqLogic-widget {
position: relative;
top: 5px;
left: 2px;
height: unset !important;
padding: 0;
background: transparent !important;
box-shadow: none;
overflow: visible;
}
#md_summaryAction #div_summaryAction div.cmd-widget {
padding: 5px;
}
span.objectSummaryAction > i:hover {
color: var(--al-warning-color) !important;
}
/* ____________________OVERVIEW */
#objectOverviewContainer .objectPreview,
#dashOverviewPrev .objectPreview {
background-position: center !important;
}
#objectOverviewContainer {
text-align: center !important;
margin:15px;
}
#objectOverviewContainer > div {
padding: 0 !important;
}
.objectPreview {
height: 230px;
background-color: var(--bg-modal-color) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
color: rgb(var(--contrast-color)) !important;
margin: 5px;
line-height: 24px;
}
.objectPreview .topPreview > .name > i {
color: var(--link-color);
padding-right: 5px;
transition-property: padding;
transition: 0.5s
}
.objectPreview:hover .topPreview {
box-shadow: 0 10px 15px 0 rgba(0,0,0,0.2);
}
.objectPreview > .topPreview,
.objectPreview > .bottomPreview {
text-align: left;
opacity: 0.9;
padding: 5px 5px;
transition: box-shadow 0.4s cubic-bezier(.25,.8,.25,1);
}
.objectPreview > .topPreview {
background-color: rgb(var(--bg-color));
height: 28px;
}
.objectPreview > .topPreview > .name {
font-size: 16px;
font-weight: 300;
max-width: calc(100% - 95px);
width: -webkit-fill-available;
max-height: 30px !important;
overflow: hidden;
display: inline-block;
line-height: 1.6;
margin-top: -4px;
}
.objectPreview > .topPreview > .name:first-letter {
text-transform: uppercase;
}
.objectPreview > .topPreview > .bt_config {
position: absolute;
right: 20px;
opacity: 0.8;
}
.objectPreview > .topPreview > .bt_config:hover {
opacity: 0.5;
}
.objectPreview > .bottomPreview {
background-color: transparent;
position: absolute;
bottom: 0;
width: 100%;
}
.objectPreview > .bottomPreview > .resume {
max-width: 100%;
margin-right: 8px !important;
}
.objectPreview > .bottomPreview > .resume > span {
display: flex;
flex-direction: row;
flex-wrap: wrap-reverse;
justify-content: flex-end;
}
.objectPreview .objectSummaryParent,
.objectPreview .objectSummaryParent i {
font-size: 16px !important;
}
.objectPreview .topPreview .objectSummaryParent {
position: absolute;
font-weight: 300;
text-align: right;
}
.objectPreview .resume .objectSummaryParent {
background-color: rgb(var(--bg-color));
padding: 6px 8px;
margin: 0 -4px !important;
display: inline-block;
}
.objectPreview .objectSummaryParent[data-summary="security"],
.objectPreview .objectSummaryParent[data-summary="motion"] {
background-color: rgb(var(--bg-color));
padding: 5px;
width: 45px;
height: 28px;
min-width: 0 !important;
font-weight: 700;
text-align: left;
position: relative;
display: table-cell;
left: -5px;
top: -6px;
}
.objectPreview .topPreview .objectSummaryParent[data-summary^="temp"] {
top: 10px;
right: 8px;
font-size: 20px !important;
}
.objectPreview .topPreview .objectSummaryParent[data-summary="humidity"] {
top: 10px;
right: 60px;
font-size: 20px !important;
}
.objectPreview .topPreview .objectSummaryParent[data-summary^="temp"] i,
.objectPreview .topPreview .objectSummaryParent[data-summary="humidity"] i {
display: none;
}
.objectPreview .success,
.objectPreview .success > i {
color: var(--bt-success-color) !important;
}
.objectPreview .danger,
.objectPreview .danger > i {
color: var(--al-danger-color) !important;
}
.objectPreview .resume .objectSummaryParent:first-child {
border-radius: var(--border-radius) 0 0 0 !important;
}
.objectPreview .topPreview .objectSummaryParent.last,
.objectPreview .resume .objectSummaryParent:last-child {
border-bottom-right-radius: var(--border-radius) !important;
}
#md_overviewSummary {
box-shadow: none !important;
background: rgba(var(--defaultBkg-color), 0.8) !important;
border: 1px solid rgba(var(--contrast-color), 0.15) !important;
}
#md_overviewSummary div.jeeDialogTitle {
line-height: 16px;
height: 22px;
padding: 2px;
background: rgba(var(--defaultBkg-color), 0.95) !important;
}
#md_overviewSummary div.jeeDialogTitle > span.title {
font-size: 14px;
font-weight: 300;
color: var(--link-color) !important;
padding-left: 7px;
}
[data-theme*="Light"] #md_overviewSummary div.jeeDialogTitle button {
filter: invert(0);
}
[data-theme*="Dark"] #md_overviewSummary div.jeeDialogTitle button {
filter: invert(1)
}
#md_overviewSummary div.jeeDialogTitle > span.title:before {
content: '';
}
#md_overviewSummary div.jeeDialogTitle button {
margin-top: -2px;
}
#md_overviewSummary div.jeeDialogTitle button:not(.btClose) {
display: none;
}
/* ______Overview preview on dashboard */
[data-page="dashboard"] #dashOverviewPrev {
position: relative;
left: -1px;
padding: 5px;
width: calc(100% + 2px);
overflow: hidden;
border-radius: var(--border-radius) !important;
background: rgba(var(--bg-color), var(--opacity));
}
[data-page="dashboard"] #dashOverviewPrev .objectPreview {
display: inline-block;
height: 110px;
width: 160px;
}
[data-page="dashboard"] #dashOverviewPrev.dashboard {
position: absolute;
top: 88px;
width: auto;
padding-right: 35px;
z-index: 50;
}
[data-page="dashboard"] #dashOverviewPrev.dashboard .li_object {
padding: 1px;
}
[data-page="dashboard"] #dashOverviewPrev.dashboard .li_object span {
cursor: pointer !important;
}
[data-page="dashboard"] #dashOverviewPrev .objectSummaryglobal {
padding-left: 25px;
}
[data-page="dashboard"] #dashOverviewPrev.dashboard .li_object:hover {
background-color: var(--form-bg-color);
}
[data-page="dashboard"] #dashOverviewPrev .topPreview .name {
max-width: 103%;
height: 22px;
width: 103%;
font-size: 15px;
}
[data-page="dashboard"] #div_displayObject {
margin-bottom: 2em;
}
/* ____________________PAGES / DIVERS */
#div_widgetPreview {
text-align: left;
}
#div_templateReplace label {
text-transform: capitalize
}
.progress {
background-color: var(--sc-form-color);
}
.progress-bar {
background-color: var(--al-info-color);
}
.progress-bar-success {
background-color: var(--al-success-color);
}
.progress-bar-warning {
background-color: var(--al-warning-color);
}
.progress-bar-danger {
background-color: var(--al-danger-color);
}
[data-type="plugin"] #div_pageContainer > div.eqLogic {
margin-top: 5px;
}
[data-type="plugin"] .eqLogicThumbnailDisplay {
overflow: unset !important;
}
[data-type="plugin"] .col-xs-12 > .input-group {
margin-left: unset !important;
margin-right: unset !important;
}
#mod_selectIcon #treeFunctions {
padding: 2px 0 0 30px;
font-size: 16px;
}
#mod_selectIcon #treeFunctions > span > i {
padding: 5px;
cursor: pointer;
}
#mod_selectIcon .div_treeFolder {
height: calc(100% - 80px);
width:160px;
position:absolute;
overflow-y: auto;
padding-right: 3px;
}
#mod_selectIcon .div_imageGallery {
height: 100%;
width: calc(100% - 180px);
margin-left: 180px;
display: flex;
flex-wrap: wrap;
}
#mod_selectIcon .iconSel {
font-size: 2em;
}
#mod_selectIcon .iconSelected,
#mod_selectIcon .iconSelected > span.cursor > i {
background-color: var(--placeholder-color);
color: var(--eqTitle-color)!important;
}
#mod_selectIcon #tabimg .imgContainer img {
width: auto;
height: auto;
max-width:80px;
max-height:80px;
}
#mod_selectIcon #tabobjectbg .imgContainer img {
width: auto;
height: auto;
max-width:120px;
max-height:100px;
}
#mod_selectIcon .divIconSel {
height:80px;
width:80px;
overflow: hidden;
margin: 0 0.25%;
}
#mod_selectIcon .divImgSel {
height:130px;
width:100px;
}
#mod_selectIcon .divBgSel {
height:100px;
width:140px;
}
#mod_selectIcon .divImgSel,
#mod_selectIcon .divBgSel {
overflow: hidden;
display:flex;
flex-direction:column;
align-items:center;
justify-content: flex-end;
padding-bottom:10px;
}
#mod_selectIcon .iconDesc {
font-size: 0.8em;
}
/* object/scenario/interact/plugin pages */
#scenarioThumbnailDisplay,
#timelineContainer,
#interactThumbnailDisplay,
#div_widgetsList {
overflow: unset !important;
}
#div_functionalityPanel label > span.label {
display: inline-block;
}
#div_functionalityPanel label {
margin-bottom: 0 !important;
}
div[class*="DisplayCard"].inactive {
opacity: 0.45 !important;
filter: grayscale(20%);
}
div[class*="ListContainer"] {
background: transparent;
}
div[class*="ListContainer"] > div.cursor {
width : 130px !important;
font-size: 14px !important;
position: relative;
}
div[class*="ListContainer"] > div.cursor:not(.objectDisplayCard) i,
.eqLogicThumbnailContainer > div.cursor > i {
font-size: 38px !important;
font-weight: 900;
}
div.objectListContainer .objectDisplayCard:not(.displayAsTable) .objectSummaryContainer {
position: relative;
top: -15px;
line-height: 22px;
}
.objectDisplayCard i {
font-size: 38px !important;
}
div[class*="ListContainer"] i[class*=jeedom-batt] {
font-weight: normal;
}
div[class*="ListContainer"] span.objectSummaryParent i {
font-size: 12px !important;
}
.eqLogicDisplayCard,
.eqLogicThumbnailContainer div,
.interactDisplayCard,
div[class*="ListContainer"]:not(.batteryListContainer):not(.alertListContainer) div,
.scenarioDisplayCard,
.widgetDisplayCard,
.pluginDisplayCard {
border: none !important;
background: transparent !important;
padding-top: 0!important;
text-align: center;
}
div.eqLogicDisplayCard span.name > span.label {
cursor: pointer !important;
}
.scenarioDisplayCard .label {
cursor: pointer !important;
}
div[class*="ListContainer"],
div.eqLogicThumbnailContainer {
display: flex !important;
flex-wrap: wrap;
flex-direction: row;
}
div[class*="ListContainer"] div[class*="DisplayCard"],
div.eqLogicThumbnailContainer div[class*="DisplayCard"] {
flex: 0 0 auto;
}
div[class*="ListContainer"] > div.alert {
flex: auto;
}
div[class*="ListContainer"]:not(.batteryListContainer):not(.alertListContainer) div.cursor,
.eqLogicDisplayCard div.cursor,
.eqLogicThumbnailContainer div.cursor {
margin-bottom: 5px !important;
padding: 5px !important;
}
div[class*="ListContainer"] div.cursor > center > i,
.eqLogicThumbnailContainer div.cursor > center > i,
div[class*="ListContainer"] div.cursor > .center > i,
.eqLogicThumbnailContainer div.cursor > .center > i,
.eqLogicThumbnailContainer div.cursor > i {
margin-bottom: 20px;
}
div[class*="DisplayCard"] {
height: 130px !important;
overflow: hidden;
}
div:not(.panel-body) > div.eqLogicThumbnailContainer {
padding-right: 15px !important;
}
div.eqLogicThumbnailContainer .eqLogicDisplayCard {
height: 168px !important;
}
div.scenarioDisplayCard.cursor {
margin-left: 0 !important;
text-align: center;
min-height: 123px !important;
}
div[class*="DisplayCard"] .name {
top: 5px !important;
position: relative;
display: block !important;
font-family: "Roboto";
font-size: 12px;
font-weight: 700;
line-height: 14px !important;
}
div.pluginDisplayCard,
div.objectDisplayCard {
height: 130px;
min-height: 130px !important;
}
div.objectDisplayCard > i {
display: inline-block;
height: 42px !important;
}
div.objectDisplayCard .name {
display: inline-block;
padding: 4px 12px;
border-radius: var(--border-radius) !important;
}
div.pluginListContainer div.cursor > center > img,
div.pluginListContainer div.cursor > .center > img,
div.interactListContainer div.cursor > img {
width: 75px !important;
padding-top: 5px;
}
div.eqLogicThumbnailContainer div.cursor {
width: 130px;
font-size: 14px !important;
position: relative;
}
div.eqLogicThumbnailContainer div.cursor > center > img,
div.eqLogicThumbnailContainer div.cursor img {
width: 75px !important;
height: auto !important;
padding-top: 15px;
}
div.eqLogicThumbnailContainer div.eqLogicDisplayCard.cursor {
min-width: 130px !important;
max-width: auto !important;
width: auto;
margin-bottom: 10px !important;
height: 168px !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
}
div.eqLogicThumbnailContainer div.eqLogicDisplayCard img {
height: 100px !important;
width: unset !important;
padding-top: 15px;
}
div.eqLogicDisplayCard .name {
word-break: break-word !important;
font-size: 12px !important;
position: relative;
top: 3px !important;
}
div.scenarioDisplayCard > span.name strong,
div.eqLogicDisplayCard > span.name strong {
position: relative;
top: 3px !important;
display: block;
height: 28px !important;
overflow: hidden;
padding: 0 5px;
max-width: 130px;
}
div.interactDisplayCard > span.name {
height: 55px !important;
overflow: hidden;
}
div.eqLogic.eqLogic-widget .widget-name,
div.scenario-widget .widget-name {
font-weight: 300;
height: 24px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
div.eqLogic-widget .cmd.refresh {
margin-top: 5px !important;
}
div.eqLogic-widget .cmd.refresh i {
color: var(--eqTitle-color) !important;
font-size: 12px !important;
}
div.eqLogic-widget .cmd.refresh i:hover {
color: var(--linkHoverLight-color) !important;
}
div.eqLogic-widget .cmd.refresh.spinning i {
animation: spin-animation 1s infinite linear;
}
@keyframes spin-animation {
0% { transform: rotate(0deg); }
100% { transform: rotate(1turn); }
}
div.eqLogic-widget.editingMode .cmd.refresh {
display: none;
}
div.eqLogic-widget .panelLink i {
color: var(--eqTitle-color) !important;
font-size: 12px !important;
}
div.eqLogic-widget.editingMode .panelLink {
display: none;
}
div.eqLogic-widget .cmd.editOptions {
position: absolute;
top: 0;
right: 10px;
width: 15px;
height: 22px;
padding: 5px 7px;
text-align: center;
z-index: 500;
}
div.eqLogic-widget .cmd.editOptions:after {
content: '\2807';
color: var(--eqTitle-color);
font-size: 20px;
}
div.eqLogic.eqLogic-widget .widget-name span.warning i[class=""] {
display: none;
}
div.eqLogic.eqLogic-widget .widget-name span.warning i {
margin-right: 5px;
color: var(--linkHoverLight-color);
font-size: 14px !important;
}
div.eqLogic.eqLogic-widget .widget-name .object_name {
vertical-align: super;
font-size: 13px;
}
div.eqLogic.eqLogic-widget:not(.displayObjectName) .object_name{
display: none;
}
div.scenarioDisplayCard > span > i {
font-size: 3em !important;
}
div.scenarioDisplayCard .icon.noicon,
div.interactDisplayCard .icon.noicon {
color: var(--logo-primary-color);
}
/* analyse equipment */
#table_Action thead th[data-column="2"] {
width: 180px;
}
#table_Action thead th[data-column="4"] {
width: 40px;
}
#actionCmd tr td {
vertical-align: top !important;
}
#actionCmd tr td div {
min-height: 25px;
display: list-item;
position: relative;
top: 5px;
}
#actionCmd tr td div span > i,
#actionCmd tr td div span {
color: var(--linkHoverLight-color) !important;
}
#battery,
#alertEqlogic {
padding-top: 10px;
margin-bottom: 20px !important;
}
#battery .eqLogic-widget {
width: 240px !important;
height: 175px !important;
margin: 3px !important;
}
#battery .eqLogic-widget .widget-name span {
position: relative;
opacity: .8;
padding: 0 4px;
top: -2px !important;
}
body[data-coloredcats="1"] #battery .eqLogic-widget.critical .widget-name {
background-color: var(--al-danger-color) !important;
}
body[data-coloredcats="1"] #battery .eqLogic-widget.warning .widget-name {
background-color: var(--al-warning-color) !important;
}
body[data-coloredcats="1"] #battery .eqLogic-widget.good .widget-name {
background-color: var(--al-success-color) !important;
}
#battery .eqLogic-widget .jeedom-batterie {
color: var(--link-color);
margin-top: -12px;
margin-bottom: -20px;
}
#battery .eqLogic-widget .jeedom-batterie i {
vertical-align: middle;
font-size: 75px !important;
}
#battery .eqLogic-widget .jeedom-batterie span {
position: relative;
display: inline-block;
font-family: "Roboto";
color: var(--link-color);
font-size: 18px;
font-weight: bold;
top: 3px;
}
#battery .eqLogic-widget.critical .jeedom-batterie i {
color: var(--al-danger-color);
}
#battery .eqLogic-widget.warning .jeedom-batterie i {
color: var(--al-warning-color);
}
#battery .eqLogic-widget.good .jeedom-batterie i {
color: var(--al-success-color);
}
#battery .pluginName {
padding-left: 5px;
font-size: 14px;
font-weight: bold;
}
#battery .eqLogic-widget .batteryTime {
clear: left;
padding-left: 5px;
font-size: 12px;
}
#battery .eqLogic-widget .batteryTime i {
font-size: 16px !important;
}
#battery .widget-name {
height: 45px;
}
pre {
color: var(--link-color);
background-color: rgba(var(--panel-bg-color), var(--opacity))!important;
border: none;
}
.row-same-height {
padding: 1em;
}
.div_rowZones {
border-radius: var(--border-radius) !important;
margin-bottom: 10px !important;
}
.viewZone{
padding: 9.5px;
margin: 0 0px 5px;
font-size: 13px;
line-height: 20px;
background: rgb(var(--bg-color));
}
.view-link-widget,
.plan-link-widget {
padding: 3px;
display: inline-block;
vertical-align: top;
}
/* market */
#marketMainContainer div.pluginContainer {
display: flex !important;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
}
#marketMainContainer div[data-market_type="plugin"] {
background-color: var(--form-bg-color) !important;
}
#marketMainContainer div[data-market_type="plugin"]:hover {
background-color: var(--el-defaultColor) !important;
}
#marketMainContainer div.marketDisplayCard {
position: relative;
height: 220px !important;
width: 160px;
margin: 2px;
}
#marketMainContainer div.marketDisplayCard .headband {
position: absolute;
right: 0;
top: 0;
width: 58px;
height: 58px;
}
#marketMainContainer div.marketDisplayCard span.installCheck {
position: absolute;
right: 0;
}
#marketMainContainer div.marketDisplayCard img.pluginImg {
display: block;
margin-top: 10px;
height: 105px;
width: 95px;
}
#marketMainContainer div.marketDisplayCard span.pluginName {
display: block;
text-align: center;
word-break: break-all;
white-space: pre-wrap;
word-wrap: break-word;
}
#marketMainContainer div.marketDisplayCard span.pluginAuthor {
position: absolute;
bottom : 25px;
right : 12px;
font-size : 0.9em;
color: var(--txt-color);
}
#marketMainContainer div.marketDisplayCard span.pluginRating {
position: absolute;
bottom: 5px;
left: 5px;
font-size : 0.7em;
}
#marketMainContainer div.marketDisplayCard span.pluginCost {
position: absolute;
bottom: 5px;
right: 12px;
color: var(--logo-primary-color);
}
#marketMainContainer div.marketDisplayCard span.pluginNoCost {
position: absolute;
bottom: 5px;
right: 12px;
color: var(--logo-primary-color);
}
#md_marketDisplayRepo .slick-slide > a > img {
height: 200px;
width: auto !important;
}
section.slider-wrapper {
margin: 1rem;
position: relative;
overflow: hidden;
}
section.slider-wrapper ul.slides-container {
height: 200px;
width: calc(100% - 40px);
display: flex;
align-items: center;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
margin-left: 20px;
overflow: scroll;
scroll-behavior: smooth;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
}
section.slider-wrapper ul.slides-container::-webkit-scrollbar {
width: 0;
height: 0;
}
section.slider-wrapper li.slide {
margin: 5px;
}
section.slider-wrapper li.slide > a > img {
height: 200px;
width: auto !important;
}
section.slider-wrapper button.slide-arrow {
position: absolute;
display: flex;
top: 0;
bottom: 0;
margin: auto;
height: 4rem;
background-color: transparent;
border: none;
width: 2rem;
font-size: 3rem;
padding: 0;
cursor: pointer;
opacity: 0.5;
transition: opacity 100ms;
}
section.slider-wrapper button.slide-arrow:hover,
section.slider-wrapper button.slide-arrow:focus {
opacity: 1;
}
section.slider-wrapper #slide-arrow-prev {
left: 0;
padding-left: 0.25rem;
border-radius: 0 2rem 2rem 0;
}
section.slider-wrapper #slide-arrow-next {
right: 0;
padding-left: 0.75rem;
border-radius: 2rem 0 0 2rem;
}
.glyphicon {
font-family: "Roboto";
}
.glyphicon-star::before {
content: "★";
}
.glyphicon-star-empty::before {
content: "☆";
}
/* administration */
#div_commandResult > table > thead {
position: sticky;
top: 0;
}
#table_objectSummary .objectSummaryAttr i {
margin-left: 10px;
vertical-align: middle;
padding-top: 3px;
min-width: 25px !important;
min-height: 20px !important;
display: inline-block !important;
}
body[data-page="administration"] div#config div#div_actionOnMessage,
body[data-page="administration"] div#config div#div_actionOnMessagealerting,
body[data-page="administration"] div#config div#div_actionOnMessagealertingReturnBack{
width: 98%;
}
/* __________________displayAsTable */
/* top button container for pages and plugins */
div[class*="ListContainer"].containerAsTable,
div.eqLogicThumbnailContainer.containerAsTable {
min-height: 30px;
}
div[class*="ListContainer"].containerAsTable > div.cursor,
div.eqLogicThumbnailContainer.containerAsTable > div.cursor {
display: flex;
width: auto !important;
height: 24px !important;
flex: 0 0 auto;
}
div[class*="ListContainer"].containerAsTable > div.cursor i,
div.eqLogicThumbnailContainer.containerAsTable > div.cursor i {
font-size: 18px !important;
margin-left: 18px;
}
div[class*="ListContainer"].containerAsTable > div.cursor > span,
div.eqLogicThumbnailContainer.containerAsTable > div.cursor > span {
min-height: 22px;
margin-left: 8px;
font-size: 16px;
line-height: 20px;
padding-right: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div[class*="DisplayCard"]:not(.displayAsTable) .hiddenAsCard {
display: none !important;
}
div[class*="DisplayCard"].displayAsTable .hiddenAsTable {
display: none !important;
}
div[class*="ListContainer"] > div[class*="DisplayCard"].cursor.displayAsTable {
position: relative !important;
top: 0 !important;
left: 0 !important;
min-width: 100%;
text-align: left;
min-height: 24px !important;
max-height: 24px !important;
transform: unset !important;
margin: 0 0 2px 0 !important;
padding: 0 !important;
}
div[class*="ListContainer"] > div[class*="DisplayCard"].cursor.displayAsTable:last-child {
margin-bottom: 5px !important;
}
div[class*="DisplayCard"].displayAsTable:hover .name {
background-color: rgb(var(--bg-color)) !important;
color: unset !important;
}
body[data-type="plugin"] div[class*="DisplayCard"].displayAsTable:hover {
background-color: rgb(var(--bg-color)) !important;
color: unset !important;
}
body[data-page="object"] div[class*="DisplayCard"].displayAsTable:hover .name,
body[data-page="interact"] div[class*="DisplayCard"].displayAsTable:hover .name {
width: 100%;
}
div[class*="DisplayCard"].displayAsTable > br {
display: none;
}
div[class*="ListContainer"] > div[class*="DisplayCard"].cursor.displayAsTable > span[class*="objectSummary"] {
position: absolute;
top: 0;
right: 0;
height: 28px;
font-size: 10px !important;
padding: 0 5px;
background: rgba(var(--defaultBkg-color), var(--opacity));
}
div[class*="ListContainer"] > div[class*="DisplayCard"].cursor.displayAsTable > span > i,
div[class*="ListContainer"] > div[class*="DisplayCard"].cursor.displayAsTable > .icon,
div[class*="ListContainer"] > div[class*="DisplayCard"].cursor.displayAsTable > i {
font-size: 18px !important;
width: 50px !important;
min-width: 50px !important;
padding-left: 10px;
}
div[class*="DisplayCard"].displayAsTable .name {
position: absolute;
left : 30px;
display: inline-flex !important;
top: unset !important;
font-size: 14px !important;
min-width: calc(100% - 70px) !important;
min-height: 24px !important;
max-height: 24px !important;
height: 24px !important;
line-height: 22px !important;
margin-left: 10px;
font-weight: normal;
overflow: hidden !important;
padding-top: 1px;
}
div[class*="DisplayCard"].displayAsTable .name > .label,
div[class*="DisplayCard"].displayAsTable .name > strong {
font-size: 14px !important;
font-weight: 400 !important;
top: unset !important;
}
div[class*="DisplayCard"].displayAsTable .name > strong,
div[class*="DisplayCard"].displayAsTable .name + .name,
div[class*="DisplayCard"].displayAsTable > i ~ span.name {
font-weight: 500 !important;
}
div[class*="DisplayCard"].displayAsTable .name > .label:not(.displayTableRight),
div[class*="DisplayCard"].displayAsTable .name > .label.labelObjectHuman{
line-height: 14px !important;
margin: 0 20px !important;
min-width: 20% !important;
max-width: calc(100% - 340px);
text-align: center !important;
padding: 4px 12px;
overflow: hidden;
}
div[class*="DisplayCard"].displayAsTable .name > strong {
line-height: 22px !important;
max-width: calc(100% - 340px);
}
/* objects - interact */
div.objectDisplayCard.displayAsTable:not(:hover) .name,
div.interactDisplayCard.displayAsTable:not(:hover) .name {
min-width: 200px !important;
max-width: calc(50vw - 200px) !important;
}
div.objectDisplayCard.displayAsTable i ~ span.name {
font-weight: 400 !important;
}
/* plugins */
div.pluginDisplayCard .name {
padding-top: 4px;
height: 28px;
font-weight: 500 !important;
}
div.pluginListContainer div.pluginDisplayCard.cursor.displayAsTable > center > img {
max-width: 18px !important;
padding-top: 0;
position: absolute;
left: 15px;
}
div.pluginListContainer div.pluginDisplayCard.cursor.displayAsTable .name > sub.warning {
margin-top: 10px !important;
margin-right: 3px;
font-size: 14px !important;
}
/* widgets */
div.widgetsDisplayCard.displayAsTable > .name .label.cursor {
min-width: 60px !important;
padding: 4px !important;
height: 22px;
}
div.widgetsDisplayCard.displayAsTable > span.name:nth-child(4) {
position: absolute;
left: 250px !important;
height: 22px;
padding-top: 3px;
}
/* displayTableRight */
div[class*="DisplayCard"].displayAsTable .displayTableRight {
display: inline;
position: absolute;
font-size: 12px;
right: 0;
top: 2px;
height: 20px !important;
max-width: 45vw;
overflow: hidden;
text-align: right;
z-index: 55;
}
div[class*="DisplayCard"].displayAsTable .displayTableRight > span {
margin-right: 12px !important;
}
div.cursor[class*="DisplayCard"].displayAsTable .btn {
height: 20px !important;
}
div.cursor[class*="DisplayCard"].displayAsTable .displayTableRight i {
font-size: 11px !important;
height: 20px !important;
}
div.cursor[class*="DisplayCard"].displayAsTable .displayTableRight i::before {
vertical-align: top !important;
line-height: 9px !important;
}
/* plugins page standard support */
div.eqLogicThumbnailContainer .eqLogicDisplayCard.cursor.displayAsTable {
position: relative !important;
top: 2px !important;
left: 0 !important;
min-width: 100% !important;
text-align: left;
min-height: 24px !important;
max-height: 24px !important;
transform: unset !important;
margin: 0 !important;
padding: 0 !important;
}
div.eqLogicThumbnailContainer .eqLogicDisplayCard.cursor.displayAsTable > img {
min-height: 24px !important;
height: 24px !important;
width: auto !important;
padding-top: 1px;
position: absolute;
left: 15px;
}
div.eqLogicThumbnailContainer .eqLogicDisplayCard.cursor.displayAsTable > .name .label:not(.displayTableRight) {
line-height: 14px !important;
margin: 0 20px !important;
min-width: 20% !important;
text-align: center !important;
cursor: pointer !important;
vertical-align: middle;
display: inline-flex;
}
div.eqLogicThumbnailContainer .eqLogicDisplayCard.cursor.displayAsTable > .name .label i {
margin-right: 5px;
margin-top: -1.5px;
}
div.eqLogicThumbnailContainer .eqLogicDisplayCard.cursor.displayAsTable:first-child {
margin-top: 8px !important;
}
div.eqLogicThumbnailContainer .eqLogicDisplayCard.cursor.displayAsTable:last-child {
margin-bottom: 13px !important;
}
/* ____________________BUTTONS */
label.eqLogicAttr.label {
line-height: 17.15px !important;
height: 32px;
padding-top: 8px !important;
padding-left: 0 !important;
margin-left: 5px;
margin-right: 5px;
font-size: 14px !important;
width: 180px;
}
.eqLogic-widget .btn:not(.btn-circle){
font-weight: bold;
}
.btn-default:not(.btn) {
background-color: var(--btn-default-color) !important;
}
.btn.btn-info {
color: var(--sc-lightTxt-color) !important;
background-color: var(--al-info-color) !important;
}
.btn.btn-warning {
color: var(--sc-lightTxt-color) !important;
background-color: var(--al-warning-color) !important;
}
.btn.btn-danger {
color: var(--sc-lightTxt-color) !important;
background-color: var(--al-danger-color) !important;
}
.btn.btn-primary,
.label-primary {
color: var(--sc-lightTxt-color) !important;
background-color: var(--al-primary-color) !important;
}
.btn.btn-success {
color: var(--sc-lightTxt-color) !important;
background-color: var(--al-success-color) !important;
}
.btn.btn-info:hover {
color: var(--linkHoverLight-color) !important;
}
button:focus {
outline:0 !important;
}
.form-control.btn {
padding: 6px 8px;
}
.btn {
font-size: 12px;
border: none;
padding: 7px 8px;
height: 32px;
line-height: 18px;
}
.btn-sm {
height: 28px;
padding: 6px 8px;
line-height: 16px;
}
.btn-xs {
height: 22px !important;
padding: 2px 6px;
}
.badge {
padding: 3px 7px;
height: 22px;
}
#bt_messageModal,
#bt_nbUpdateNavbar {
width: 32px;
padding: 15px 6px
}
button .fas.fa-plus-circle {
font-size: 10px;
}
.caret {
border-width: 5px;
}
/* ______Timeline cards / history */
#timelineBar {
display: inline-flex;
width: calc(100% - 17px);
position: fixed;
z-index: 200;
padding: 5px 4px 5px 8px !important;
margin: 0 7px;
background: rgba(var(--panel-bg-color), var(--opacity));
}
#timelineContainer .html .tml-cmd > span >span i {
color: var(--linkHoverLight-color) !important;
}
#timelineContainer ul .pull-right:not(.tml-folder) {
position: relative;
top: 4px;
}
#timelineContainer ul .tml-folder {
font-style: italic;
margin-right: 20px;
}
#timelineContainer ul {
padding-top: 15px;
list-style: none;
padding-left: 130px;
}
/*dotted vertical line:*/
#timelineContainer ul:before {
content: '';
width: 1px;
height: calc(100% - 80px);
position: absolute;
border-left: 3px dotted var(--al-info-color);
}
#timelineContainer ul li {
position: relative;
margin-top: 5px;
min-height: 22px;
width: calc(100% - 40px);
margin-left: 30px ;
padding: 6px;
border-radius: var(--border-radius);
background-color: rgba(var(--eq-bg-color), var(--opacity)) !important;
min-height: 28px;
}
#timelineContainer ul li > span.vertLine {
position: absolute;
width: 3px;
height: 116%;
left: -30px;
top: 0;
}
#timelineContainer ul li > span.vertLine.typeAction {
background: var(--al-warning-color);
}
#timelineContainer ul li > span.vertLine.typeInfo {
background: var(--al-info-color);
}
#timelineContainer ul li > span.vertLine.typeScenario {
background: var(--bt-success-color);
}
#timelineContainer ul .day {
position: relative;
padding: 5px 0 5px 25px;
top: 20px;
margin-bottom: 40px;
margin-left: -115px ;
width: 150px;
z-index: 9 !important;
border-radius: var(--border-radius);
}
/* pastilles: */
#timelineContainer ul li .time:after {
content: '';
width: 14px;
height: 14px;
border-radius: 50%;
border: 3px solid var(--al-info-color);
position: absolute;
background: rgb(var(--eq-bg-color)) !important;
left: 115px;
top: 5px;
z-index: 5;
}
#timelineContainer ul li .time.typeAction:after {
border: 3px solid var(--al-warning-color);
}
#timelineContainer ul li .time.typeScenario:after {
border: 3px solid var(--bt-success-color);
}
#timelineContainer li:not(:first-of-type):hover,
#timelineContainer li:not(:first-of-type):hover .time {
box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
z-index: 10;
}
#timelineContainer div.time {
position: absolute;
font-size: 14px;
font-weight: 700;
left: -150px;
margin-top: -5px;
height: 100%;
top: 4px;
padding-left: 50px;
padding-right: 5px;
border-radius: var(--border-radius) !important;
background: rgba(var(--eq-bg-color), var(--opacity)) !important;
}
#timelineContainer div.date {
position: absolute;
font-size: 11px;
left: -124px;
margin-top: 14px;
height: 100%;
top: 0;
z-index: 12;
}
#timelineContainer div.type {
width: 30%;
display: inline-block;
}
#timelineContainer div.html {
width: 70%;
display: inline-block
}
body[data-page="history"] #div_mainContainer {
overflow: hidden;
}
body[data-page="history"] .label.displayObject {
margin-top: 2.2px;
}
body[data-page="history"] .label.displayObject:hover {
opacity: 0.65;
}
body[data-page="history"] .label.displayObject i:hover {
color: inherit !important;
}
body[data-page="history"] .history.disabled {
color: var(--placeholder-color) !important;
}
#div_historyOptions {
background: rgba(var(--panel-bg-color), var(--opacity)) !important;
}
#ul_expressionHistory li a {
color: var(--sc-lightTxt-color) !important;
}
#in_testExpression {
font-size: 14px !important;
}
#table_removeHistory tr > td > i {
margin-right: 10px;
}
/* ____________________PANELS */
.eqLogicThumbnailDisplay .eqLogicThumbnailContainer:not(:first-of-type) {
background-color: rgba(var(--defaultBkg-color), var(--opacity)) !important;
border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
z-index: 0;
transition: box-shadow 0.4s cubic-bezier(.25,.8,.25,1);
margin-top: 5px;
margin-bottom: 30px;
padding-top: 0.1px;
}
.navbar-nav.navbar-right > li a {
background-color: transparent !important;
}
.navbar-nav.navbar-right > li a:hover {
background-color: transparent !important;
}
div.panel {
border : none;
}
#div_resumeObjectList > .panel,
#div_resumePluginList > .panel {
margin-bottom: 30px;
}
#md_modal .panel-heading {
padding: 6px 12px;
border: none;
}
#modalDisplay {
background: var(--bg-modal-color);
padding-bottom: 1em;
}
#modalDisplay .floatingbar {
top: 95px;
}
:not(.panel-info):not(.panel-success):not(.panel-primary):not(.panel-warning):not(.panel-danger) > .panel-heading {
background-color: rgb(var(--defaultBkg-color)) !important;
border-bottom: 1px solid rgb(var(--bg-color), 1);
}
.panel-group .panel-heading {
padding:0;
}
[data-page="plugin"] .panel-heading {
padding: 10px 15px;
}
.panel-title > a.accordion-toggle {
width: calc(100% - 100px);
height: 100%;
padding: 8px 15px;
display: inline-block;
}
#accordionHealth td:not([class*="alert"]) {
text-align:right;
padding-right:12px;
}
#accordionHealth table:not(#jeedomTable) tr td:first-child {
width:35%;
}
#accordionHealth #jeedomTable td[class*="alert"] {
width:20%;
}
[data-page="health"] .panel-title > a.accordion-toggle {
width: auto;
}
body:not([data-page="plugin"]) .panel-title .pull-right {
position: relative;
top: 10px !important;
display: inline-block;
}
#div_confPlugin .panel-title .pull-right {
top: -2px !important;
}
.panel {
color: var(--txt-color) !important;
border-color: var(--el-defaultColor) !important;
background-color: rgba(var(--defaultBkg-color), var(--opacity)) !important;
}
.panel-title {
color: var(--linkHoverLight-color) !important;
}
.list-group li {
background-color: rgba(var(--panel-bg-color), var(--opacity)) !important;
}
.panel-body {
padding: 12px 0 0 5px;
}
.panel-success .panel-heading {
color: var(--linkHoverLight-color);
background-color: var(--al-success-color);
}
.panel-primary .panel-heading {
color: var(--linkHoverLight-color);
}
.panel-info .panel-heading {
color: var(--linkHoverLight-color);
background-color: var(--al-info-color);
}
.panel-warning .panel-heading {
color: var(--txt-color);
background-color: var(--al-warning-color);
}
.panel-danger .panel-heading {
color: var(--sc-lightTxt-color);
background-color: var(--al-danger-color);
}
[data-page=plugin] #div_configLog .panel-body,
[data-page=plugin] #div_state .panel-body {
min-height: 150px;
}
body[data-type="plugin"] #table_cmd td input.cmdAttr {
display: inline-block
}
#md_modal #div_confPlugin .panel-body {
min-height: 140px;
}
/* ____________________FORMS */
::-moz-color-swatch {
border: none;
border-color: transparent;
}
::-webkit-color-swatch {
border: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
.cursorText {
cursor: text !important;
}
input.inputPassword {
font-family: "text-security-disc" !important;
letter-spacing: 2px;
}
input[readonly] {
cursor: alias;
}
.form-actions {
margin-top: 5px;
}
.form-control > span,
.form-group span {
top: 0 !important;
}
.form-group {
margin-bottom: 2px;
vertical-align: middle !important;
line-height: 26px;
}
.form-group .label {
padding: 3px 6px !important;
min-width: 40px !important;
font-weight: 500 !important;
white-space: unset;
}
.control-label {
font-weight: 500;
line-height: 28px;
}
.form-group input[type="text"] {
margin-bottom: 0.7px !important;
}
.form-control {
color: var(--txt-color);
font-size: 14px !important;
height: 32px;
border: none !important;
cursor: text;
background-color: var(--form-bg-color) !important;
}
.form-control::placeholder {
color: var(--placeholder-color);
font-weight: 300;
}
fieldset {
margin: 0 14px;
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: pointer;
display: block;
}
[class*="col-"] {
position: relative;
padding-left: 1em !important;
padding-right: 1em !important;
}
.form-group label {
margin-bottom: 0;
}
.eqLogic-widget [class*="col-"] {
min-height: 1px !important;
}
:not(.form-group) > [class*="col-xs-"] {
margin-bottom: 4px;
}
.row-full-height {
height: 100%;
}
.col-full-height {
height: 100%;
vertical-align: middle;
}
.row-same-height {
display: table;
width: 100%;
table-layout: fixed;
}
.col-xs-height {
display: table-cell;
float: none !important;
}
/* commands */
.input-group-addon {
color: var(--sc-lightTxt-color);
background: var(--sc-formTxt-color) !important;
border: none;
padding: 0 12px !important;
}
.form-control:not(.btn):not(.expressionAttr):not(input),
input:not(.numInput):not(.btn):not(.dial):not([type=radio]):not([type=image]):not(.expressionAttr):not(.knob):not([type=checkbox]),
textarea:not(.expressionAttr) {
background-color: var(--form-bg-color) !important;
color: var(--txt-color) !important;
border-color: transparent !important;
border-image-width: 0 !important;
margin : 0;
vertical-align: middle;
}
input.knob {
color: var(--txt-color) !important;
}
textarea.input-sm {
font-size: 12px !important;
}
:not(textarea).input-sm {
font-size: 12px !important;
line-height: 16px !important;
height: 28px !important;
}
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn .btn {
height: 28px !important;
}
.element .input-group-addon.hasBtn {
background-color: var(--sc-formTxt-color) !important;
left: -3px;
position: relative;
padding: 0 !important;
}
.element .expressionOptions textarea {
min-height: 28px;
}
.element .input-group-addon.hasBtn > .btn {
width: 32px !important;
padding-left: 14px;
}
.input-group-sm .btn {
height: 28px !important;
padding: 5px 10px;
}
.input-group-sm > .input-group-addon {
padding: 0;
}
.btn-group-toggle > label.active {
background-color: var(--al-primary-color) !important;
}
.btn-group-toggle > label:not(.active) {
font-style: italic;
font-weight: 400;
}
.input-xs {
height: 22px;
padding: 1px 5px !important;
font-size: 12px;
line-height: 1.5;
}
.expression.sortable {
padding-left: 0 !important;
}
input[type="color"] {
padding: 0 !important;
}
input[type="time"] {
padding: 0px 12px !important;
}
input:focus, textarea:focus {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
textarea {
min-height: 28px;
}
.input-group {
margin-bottom: 1.2px;
}
.input-group input[type="text"] {
margin-bottom: unset !important;
}
.form-horizontal .checkbox-inline,
.form-horizontal .radio-inline {
padding-top: 0 !important;
vertical-align: baseline;
}
/* custom universal select */
select,
input[type=color] {
cursor: pointer !important;
}
div[data-subtype=select] {
color: var(--link-color) !important;
position: relative;
overflow: hidden !important;
}
:not(.form-group) > div[data-subtype=select] {
width: 100% !important;
min-width: 100% !important;
display: inline-table;
}
[data-page="plan"] div[data-subtype=select] {
min-width: unset !important;
width: 100% !important;
}
div[data-subtype=select] select {
color: var(--link-color) !important;
font-weight: bold !important;
background-color: transparent !important;
border: 0;
text-overflow: '';
border: none !important;
padding: 0 !important;
padding-left: 10px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer !important;
}
div[data-subtype=select]::before,
div[data-subtype=select]::after {
content: "";
position: absolute;
pointer-events: none;
}
div[data-subtype=select][data-version=dplan] {
font-size: 20px; /* no zoom on iOS */
overflow: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0px);
}
select,
input[type="text"],
input[type="password"]{
border: 0 !important;
background-color: var(--form-bg-color) !important;
padding: 6px 12px !important;
}
select option {
font-size: 13px;
font-family: 'Roboto', 'Verdana';
font-weight: 500;
}
select:not([multiple]) option {
color: var(--txt-color) !important;
background-color: rgb(var(--defaultBkg-color)) !important;
}
select option:disabled {
color: var(--placeholder-color) !important;
font-style: italic;
}
select optgroup {
color: var(--txt-color) !important;
background-color: var(--bg-modal-color) !important;
}
select {
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: calc(100% - 7px) center !important;
background-size: 10px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding-right: 25px !important;
}
body[data-theme*="Dark"] select:not(.expressionAttr) {
background-image: url("data:image/svg+xml;utf8,") !important;
}
body[data-theme] select[multiple] {
background-image: unset !important;
}
select::-ms-expand {
display: none;
}
/* custom checkbox ! */
.has-success .checkbox-inline {
color: var(--link-color) !important;
}
input,
textarea,
div[data-subtype=select] select {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
input:focus,
textarea:focus,
select:focus {
outline: none !important;
}
input[type=checkbox] {
position: relative;
margin: 0 1rem 0 0;
cursor: pointer;
min-height : 0px !important;
vertical-align: middle;
}
td > input[type=checkbox],
td > center > input[type=checkbox] {
top: initial;
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
position: absolute;
margin-top: 6px !important;
margin-left: -20px;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
cursor: pointer;
}
input[type=checkbox],
input[type=radio] {
font-size: 14px !important;
display: inline-block;
padding: 0;
width: 15px !important;
height: 15px;
border-radius: 0 !important;
border: none !important;
background: var(--form-bg-color);
color: var(--txt-color);
font-weight: normal !important;
}
input[type=radio] {
-webkit-border-radius: 1em !important;
margin-top: 4px !important;
}
input[type=checkbox]:checked:after {
font-family: "Font Awesome 5 Free";
font-weight: 700;
content: '\f00c' !important;
position: absolute;
margin: 0 !important;
border: none !important;
}
input[type=checkbox]::-ms-check {
background-color: var(--form-bg-color) !important;
border: none;
color: var(--linkHover-color);
}
input[type=radio]:checked {
background: var(--txt-color) !important;
-webkit-background-size: 28px 28px;
}
/* select multiple */
.custom-select {
font-size: 14px !important;
padding: 0 !important;
}
.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
select.disabled,
input.disabled,
input[disabled],
select[disabled],
.disabled .btn:not(.enabled),
.disabled input:not(.enabled),
.disabled input[type=checkbox]:not(.enabled),
.disabled button:not(.enabled),
.disabled span:not(.enabled),
.disabled button:not(.enabled) i,
.disabled a:not(.enabled) > i,
select:disabled,
input:disabled {
cursor: not-allowed !important;
opacity: 0.7;
filter: alpha(opacity=70);
}
a.disabled,
a.disabled > i {
cursor: default !important;
opacity: 0.75;
}
/* ____________________TABS */
#div_pageContainer > .row.row-overflow > div:not(#div_displayObjectList) {
padding-top: 5px;
padding-right: 7px;
}
#div_pageContainer > .row.row-overflow > .col-xs-12 {
margin-bottom: 0;
}
#searchResult {
padding: 20px;
}
#searchResult:empty {
display: none;
}
#searchResult,
.tab-content {
background-color: rgba(var(--panel-bg-color), var(--opacity))!important;
padding-bottom: 12px !important;
min-height: 120px;
height: unset !important;
max-height: calc(100% - 50px);
overflow: auto;
overflow-x: hidden;
}
#scenariotab {
min-height: 80vh;
}
div.tab-pane:focus-visible {
outline: none !important;
}
.tab-content .tab-content,
.tab-content pre {
background-color: rgba(0,0,0,0)!important;
}
.tab-content ul.nav.nav-tabs li a {
border-top: 1px solid var(--el-defaultColor) !important;
}
.floatingbar {
display: grid;
position: absolute;
top: 55px;
right: 15px;
text-align: right;
z-index: 89;
}
.row-overflow .floatingbar {
top: 15px;
}
.tab-pane .floatingbar {
top: 10px;
right: 15px;
}
body[data-page="administration"] #div_pageContainer div.tab-content,
body[data-page="update"] #div_pageContainer div.tab-content {
height: calc(100vh - 145px) !important;
}
body[data-page="update"] #div_pageContainer div.progressbarContainer:not(.hidden) + .nav-tabs + .tab-content {
height: calc(100vh - 220px) !important;
}
body[data-page="administration"] #div_pageContainer .tab-content .tab-content {
height: unset !important;
}
ul.nav.nav-tabs li,
.nav-tabs > li > a {
font-size: 14px;
background-color: var(--form-bg-color) !important;
margin-right: 0 !important;
border-top: none !important;
}
.nav-tabs > li > a {
padding: 10px 6px;
z-index: 3;
border: 1px solid transparent !important;
border-bottom-color: rgba(var(--panel-bg-color), var(--opacity)) !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover {
background-color: rgba(var(--panel-bg-color), var(--opacity)) !important;
color: var(--link-color) !important;
border-bottom : 1px var(--logo-primary-color) solid !important;
z-index: 6;
}
.nav-tabs,
.nav-tabs * {
border-image-width: 0 !important;
border-image-width: 0 !important;
}
.row.row-overflow > div > div.input-group.pull-right {
margin-right: -1px;
}
.nav-tabs > li > a[aria-controls=home] {
padding: 10px 14px;
}
/* ____________________TABLES */
[data-device="mobile"][data-type="plugin"] .table.table-bordered.table-condensed {
width: calc(100% - 50px);
}
#table_message {
table-layout: fixed;
word-wrap:break-word;
}
#table_message td {
height: unset;
}
#table_dataStore {
width: 100% !important;
}
.table > tbody > tr > th {
border: none !important;
}
table.table,
table.table .table {
font-size: 14px !important;
background-color: transparent !important;
border-collapse: collapse;
border-spacing: 0;
}
td:not(.tableCmdcss),
th {
padding: 0;
font-size: 14px !important;
}
.table > tbody > tr > td {
border-top-color: transparent !important;
}
.table > thead > tr > th {
border-bottom: none;
}
.table-condensed tbody tr:hover td {
background-color: rgba(var(--contrast-color), 0.1) !important;
transition-duration: 250ms;
transition-property: background-color;
}
.table-striped>tbody>tr:nth-of-type(2n+1),
.table > thead > tr {
background-color: rgba(var(--panel-bg-color), var(--opacity))!important;
}
#logsForms .form-group:nth-child(odd){
background-color: rgb(var(--bg-color)) !important;
}
:not(.ui-dialog-content) table:not(.tableCmd) > tbody tr:nth-child(even){
background-color: rgb(var(--bg-color)) !important;
}
:not(.ui-dialog-content) table:not(.tableCmd) > tbody tr:nth-child(odd){
background-color: var(--bg-modal-color) !important;
}
.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border: none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: none !important;
color: var(--txt-color) !important;
}
table.table-condensed tbody tr,
table.table-condensed tbody td {
height: 21px !important;
line-height: 14px !important;
padding-top: 1px;
padding-bottom: 2px;
}
table.table-condensed tbody tr > td {
text-align: left;
vertical-align: middle !important;
}
table.table-condensed tbody td .checkbox-inline,
table.table-condensed tbody td label.checkbox-inline .cmdAttr {
line-height: 26px;
}
table.table-condensed tbody td .checkbox-inline > input[type="checkbox"]:checked::after,
table.table-condensed tbody td label.checkbox-inline input[type="checkbox"]:checked::after {
margin-top: -4px !important;
}
#table_packages tbody td > span.label {
display: block;
}
#table_ObjectSummary tbody td {
height: 25px !important;
}
:not(.eqLogic-widget) + table.tableCmd td {
vertical-align: top !important;
}
.well {
padding: 20px;
margin-bottom: 20px;
background-color: rgb(var(--bg-color));
}
.well blockquote {
border-color: #ddd;
}
.well-lg {
padding: 24px;
border-radius: none
}
.well-sm {
padding: 9px;
border-radius: none
}
hr {
border-top-color: var(--form-bg-color);
}
/* ______CodeMirror */
div.CodeMirror {
font-family: "CamingoCode", monospace;
font-size: 13px;
height: auto;
background: var(--objectTxt-color) !important;
}
.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d9d9d9; }
div.CodeMirror pre {
background-color: transparent !important;
}
.CodeMirror-dialog-top {
border-bottom: 2px solid var(--txt-color) !important;
}
.CodeMirror-foldmarker {
text-shadow: none !important;
color: var(--txt-color) !important;
cursor: pointer !important;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
cursor: pointer;
transform: scale(2.5) translate(1px, -1px) !important;
}
/* hihgly special */
div[id^=__lpform_],
div[data-lastpass-icon-root] { /*lastpass*/
display: none;
}
#md_cmdConfigureHistory div.dt-top {
margin-bottom: 10px;
}
/* ____________________SCENARIO */
.scenario_link_getUsedBy .label, .scenario_link_getUse .label {
display: inline-block;
margin: 2px;
}
#div_scenarioElement {
padding-top: 5px;
}
#div_scenarioElement > .element {
margin-bottom: 3px;
}
/* by type colors */
.elementIF { background-color: var(--scBlocIF) !important; }
.subElementELSE { background-color: var(--scBlocElse) !important; }
.elementFOR { background-color: var(--scBlocFOR) !important; }
.elementIN { background-color: var(--scBlocIN) !important; }
.elementAT { background-color: var(--scBlocAT) !important; }
.elementCODE { background-color: var(--scBlocCODE) !important; }
.elementCOM { background-color: var(--scBlocCOM) !important; }
.elementACTION,
.expressionACTION {
background-color: var(--scBlocACTION) !important;
}
.subElement .element.elementCollapse .btn {
opacity: 0;
}
/* bloc sep, IF different */
.subElement .element.elementCollapse {
border-left: 4px solid var(--scBlocSep);
}
.subElement .elementIF.elementCollapse:hover {
border-left-color: var(--sc-form-color) !important;
}
.subElement .element:not(.elementIF) {
width : calc(100% - 5px);
margin-top: 4px;
}
.subElement .element:not(.elementIF):not(.elementCollapse) {
border: 2.5px dotted var(--scBlocSep);
border-left: 4px solid var(--scBlocSep);
border-right: none;
transition: border-left 0.4s cubic-bezier(.25,.8,.25,1);
}
.subElement .element:not(.elementIF):hover {
border-left-color: var(--sc-form-color) !important;
transition: border-left-color 1s cubic-bezier(.25,.8,.25,1);
}
/* IF */
.subElement .elementIF:not(.elementCollapse) {
border: 2.5px dotted var(--scBlocSep);
border-left: none;
border-right: none;
transition: border-left 0.4s cubic-bezier(.25,.8,.25,1);
}
.subElement .elementIF:not(.elementCollapse) > .subElementIF,
.subElement .elementIF:not(.elementCollapse) > .subElementTHEN,
.subElement .elementIF:not(.elementCollapse) > .subElementELSE {
border-left: 4px solid var(--scBlocSep);
}
.subElementACTION > .expressions > .expressionACTION {
border-left: 3px solid var(--scBlocSep);
border-radius: 0 !important;
}
.subElement > .elementIF {
border-left: 3px solid transparent;
}
.subElement .elementIF:hover:not(.elementCollapse) > .subElementIF,
.subElement .elementIF:not(.elementCollapse) .subElementTHEN:hover,
.subElement .elementIF:not(.elementCollapse) .subElementELSE:hover{
border-left: 4px solid var(--scBlocSep);
border-left-color: var(--sc-form-color) !important;
transition: border-left-color 1s cubic-bezier(.25,.8,.25,1);
}
/* collapses comment bloc: */
.elementCOM.elementCollapse:not(:hover) .subElement legend {
display: none
}
.elementCOM.elementCollapse:not(:hover) .bt_sortable,
.elementCOM.elementCollapse:not(:hover) .bt_collapse {
opacity: 0;
}
.expressionACTION .col-xs-1 input[type="checkbox"] {
top: 5px !important;
}
.expressionACTION .input-group {
top: 2px !important;
}
.expressionACTION {
width: calc(100% - 6px);
}
.subElementCODE,
.subElementCOMMENT {
padding-right: 4px;
padding-left: 4px;
}
.element legend {
background-color: transparent !important;
color: var(--sc-lightTxt-color) !important;
text-align: center !important;
margin: 0 !important;
min-width: 5.5em;
letter-spacing: -0.5px;
}
.element .btn,
.element .btn:focus,
.element .btn:active,
.element .dropdown-menu {
color: var(--linkHoverLight-color) !important;
background-color: var(--sc-formTxt-color) !important;
}
/* scenarios dropdowns */
.element button.dropdown-toggle {
font-size:12px;
color: var(--linkHoverLight-color) !important;
background-color: var(--sc-formTxt-color) !important;
height: 22px;
padding-left: 5px;
padding-top: 2px;
margin-left: 5px;
}
.element button.dropdown-toggle:hover {
color: var(--sc-lightTxt-color) !important;
}
.element button.dropdown-toggle:focus,
.element button.dropdown-toggle a:focus {
color: var(--linkHoverLight-color) !important;
background-color: var(--sc-formTxt-color) !important;
}
.subElementFields button.dropdown-toggle .caret {
position: relative;
right: -3px !important;
top: -1px !important;
border-top-color: var(--linkHoverLight-color) !important;
}
.subElementFields ul.dropdown-menu {
border-bottom: none !important;
}
.element .dropdown-submenu.open > a,
.element .dropdown-menu > li > a:focus,
.element .dropdown-menu > li > a:hover {
background-color: var(--btn-default-color) !important;
}
.element .dropdown-menu li a {
color: var(--linkHoverLight-color) !important;
font-size : 12px !important;
line-height: 15px;
}
/* translation trick */
.dropdown-menu .bt_addAction {
text-transform: lowercase
}
.dropdown-menu .bt_addAction::first-letter {
text-transform: uppercase
}
/* scenarios fields */
.element .form-control.expressionAttr:not([data-l2key=graphColor]),
.element input.expressionAttr:not([data-l2key=graphColor]):not([type=checkbox]),
.element select.expressionAttr:not([data-l2key=graphColor]),
.element textarea.expressionAttr:not([data-l2key=graphColor]) {
color: var(--sc-formTxt-color);
background-color: var(--sc-form-color)!important;
border: 0 !important;
font-size: 12px !important;
height:28px;
}
.element .expressionAttr:not([data-l2key=graphColor]) {
font-weight: bold;
}
.element .expressionAttr[data-l2key="icon"] i::before {
background: var(--sc-form-color);
padding: 2.5px;
height: 28px;
color: var(--sc-formTxt-color);
}
#div_editScenario .element .expressionAttr.insideSearch {
background-color: var(--al-warning-color) !important;
color: var(--linkHoverLight-color) !important;
font-weight: normal;
}
.subElementCOMMENT textarea {
font-weight: normal !important;
min-height: 62px;
overflow: auto !important;
}
.element.elementCOM:not(.elementCollapse) textarea[data-l1key="expression"] {
display: block !important;
}
.element input.expressionAttr {
font-weight: bold;
}
.element .expressionOptions input {
font-weight: normal;
}
.element .cursor {
color: var(--linkHoverLight-color) !important;
}
textarea {
resize: vertical !important;
}
.expressions:empty {
height: 20px;
padding-bottom: 20px;
}
.element legend {
border-left: none!important;
}
.element {
position: relative;
width: 100%;
}
#div_scenarioElement .expressions > .expression.noSortable.col-xs-12 {
width: calc(100% - 30px) !important;
}
#div_scenarioElement .subElementCODE .expressions > .expression.noSortable.col-xs-12 {
width: 100% !important;
}
.expressions,
.element,
.expression.noSortable,
.expressions .expression.sortable > div {
padding-left: 0 !important;
padding-right: 0 !important;
}
.expressions .expression {
padding-right: 0 !important;
margin-bottom: 1.2px;
}
.element .expressionOptions .input-group {
margin-bottom: 2px;
}
.element .subElement.noSortable legend,
.element .subElement legend {
padding-left: 25px !important;
}
.element input[type=checkbox],
.element input[type=checkbox]:checked,
.element input[type=radio],
.element input[type=radio]:checked {
top: 3px;
color: var(--linkHoverLight-color);
background: var(--sc-formTxt-color) !important;
margin-right: 0 !important;
margin: 0 5px 0 5px;
}
.element .subElementAttr {
z-index: 2 !important;
}
.element .bt_sortable,
.element .bt_hideElement,
.element .bt_removeElement,
.element .bt_copyElement,
.element .bt_pasteElement,
.element .bt_collapse {
color: var(--linkHoverLight-color) !important;
margin: 5px 3px 0 0;
}
.element .bt_sortable:hover,
.element .bt_hideElement:hover,
.element .bt_removeElement:hover,
.element .bt_copyElement:hover,
.element .bt_pasteElement:hover,
.element .bt_collapse:hover {
color: var(--linkHoverLight-color) !important;
opacity: 0.7;
}
.element .bt_sortable {
position: absolute;
top: 1px;
left: 3px;
}
.subElement .subElementIF .bt_sortable {
left: 6px;
}
.expressionACTION .bt_sortable {
top: 4px;
}
.element .bt_collapse {
position: absolute;
top: 3px;
left: 16px;
margin: 0;
}
.element .subElementAttr[data-l1key=options][data-l2key=enable] {
margin: 5px 3px 0 3px !important;
top: 1px;
left: 33px;
}
.element .bt_repeat {
position: absolute;
top: 2px;
left: 56px;
margin: 0;
padding: 0;
}
.element .bt_repeat i {
font-size: 12px !important;
}
.element .bt_repeat i.text-danger {
color: var(--al-warning-color);
font-size: 14px !important;
}
.element .bt_removeElement {
position: absolute;
top: 3px;
right: 3px;
}
.element .bt_pasteElement {
position: absolute;
top: 3px;
right: 20px;
}
.element .bt_copyElement {
position: absolute;
top: 3px;
right: 37px;
}
.element .subElementFields .dropdown {
width: 90px !important;
font-size: 0 !important;
}
.element .bt_showElse {
height: 22px !important;
margin-left: 5px;
margin-right: -5px;
}
.element .bt_showElse {
font-size: 21px;
border-right: 3px solid var(--scBlocIF);
}
.element .bt_showElse > i.fa-sort-down {
position: relative;
display: inline-block !important;
top: -6px !important;
}
.element .bt_showElse > i.fa-sort-up {
position: relative;
display: inline-block !important;
top: 3px !important;
}
.element .subElementAttr {
position: absolute !important;
}
.element .subElement legend {
margin: 0 0 0 30px !important;
}
.element .subElement:first-of-type legend {
margin: 0 0 0 30px !important;
}
.element .subElement.subElementAT legend + span {
position: absolute;
top: 4px;
margin-left: 70px;
color: var(--link-color);
}
.element .subElement.subElementIF legend {
margin: 0 0 0 59px !important;
}
.element {
min-height: 52px;
}
.element .subElementFields .input-group {
display: inline-flex;
}
.expression.sortable .col-xs-1 input:first-of-type {
margin-left: 20px;
}
.subElement {
position: relative !important;
display: table;
width: 100%;
}
.subElement .expressions {
padding-left: 125px !important;
}
.subElementCOMMENT .expression textarea {
border-radius: 0 !important;
}
.element .subElementTHEN,
.element .subElementELSE {
height: 55px;
}
.element .subElementELSE {
padding-top: 3px;
}
.element > .subElementIN > .expressions {
margin-top: -26px;
margin-right: 25px;
}
.element > .subElementACTION > .subElementFields > .dropdown {
margin-top: -20px;
}
.element .subElementCODE .expressions,
.element .subElementCOMMENT .expressions{
padding-left: 0 !important;
}
.element .subElementFields {
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px !important;
height: 0;
}
.element >.subElementIF >.expressions,
.element .subElementAT .expressions,
.element .subElementFOR .expressions {
margin: -25px 25px 0 0px !important;
}
.element > .subElementTHEN > .expressions {
margin-top: 4px !important
}
.element > .subElementACTION > .expressions {
margin-top: 28px !important
}
.element .subElementDO {
height: 50px;
min-height: 50px !important;
}
.subElementDO > .expressions {
margin-top: 4px !important;
}
/* Disabled */
.element:not(.disableElement),
.element:not(.disableSubElement),
.eqLogicDisplayCard:not(.disableCard) {
opacity: 1 !important;
transition-property: opacity;
transition-duration: 0.6s;
}
.element .disableElement,
.element .disableSubElement {
opacity: 0.6 !important;
transition-property: opacity;
transition-duration: 0.6s;
}
.eqLogicDisplayCard.disableCard,
.eqLogicDisplayCard.disableCard > .name > .label {
opacity: 0.4;
}
.eqLogicDisplayCard.disableCard:hover {
opacity: 0.8;
}
.disableElement input[type=checkbox][data-l2key=enable],
.element .disableSubElement input[type=checkbox][data-l2key=enable] {
background-color: rgb(var(--bg-color)) !important;
}
/* Collapsed */
.elementCollapse {
min-height: 28px;
max-height: 28px;
}
.elementCollapse .subElement:not(:first-of-type),
.elementCollapse .expressions,
.elementCollapse .subElementFields {
display: none !important;
}
.element .legendHidden {
display: none !important;
}
.elementCollapse .legendHidden {
position: absolute;
display: inline !important;
padding-left: 0 !important;
}
.elementCollapse .bt_collapse {
color: var(--scBlocSep) !important;
}
.elementIF.elementCollapse .expressions,
.elementIN.elementCollapse .expressions,
.elementAT.elementCollapse .expressions,
.elementFOR.elementCollapse .expressions {
display: block !important;
}
.elementIF.elementCollapse .expressionAttr,
.elementIN.elementCollapse .expressionAttr,
.elementAT.elementCollapse .expressionAttr,
.elementFOR.elementCollapse .expressionAttr {
opacity: 0.75;
height: 24px !important;
border-radius: var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius) !important;
}
.elementIF.elementCollapse .input-group-btn,
.elementIN.elementCollapse .input-group-btn,
.elementAT.elementCollapse .input-group-btn,
.elementFOR.elementCollapse .input-group-btn {
opacity: 0;
}
.element .blocPreview {
display: none;
}
.element.elementCollapse .blocPreview {
display: block;
position: absolute;
background-color: var(--sc-form-color);
color : var(--sc-formTxt-color);
top: 2px;
left: 189px;
padding: 5px;
font-size: 12px !important;
width : calc(100% - 340px);
height: 24px;
overflow: hidden;
opacity: 0.8;
}
/* ____________________FLOATING BARS */
#div_jeedomLoading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
#div_jeedomLoading .loadingBack {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--el-defaultColor) !important;
opacity: 0.6 !important;
}
@supports (backdrop-filter: blur(2px)) {
#div_jeedomLoading {
backdrop-filter: blur(2px);
}
#div_jeedomLoading .loadingBack {
display: none;
}
}
#div_jeedomLoading .loadingSpinner {
position: relative;
top: 40%;
left: calc(50% - 10vh);
height: 20vh;
width: 20vh;
border: 1vh solid transparent;
border-radius: 50%;
border-top: 1vh solid var(--al-warning-color);
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
#div_jeedomLoading .loadingSpinner::before,
#div_jeedomLoading .loadingSpinner::after {
content: "";
position: absolute;
top: 6px;
bottom: 6px;
left: 6px;
right: 6px;
border-radius: 50%;
border: 1vh solid transparent;
}
#div_jeedomLoading .loadingSpinner::before {
border-top-color: var(--al-info-color);
-webkit-animation: 2s spin linear infinite;
animation: 2s spin linear infinite;
}
#div_jeedomLoading .loadingSpinner::after {
border-top-color: var(--logo-primary-color);
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.col-lg-9.col-md-8.col-sm-7 {
border-left-width: 0 !important;
}
.bs-sidebar.affix {
position: static;
}
.bs-sidebar {
background: rgba(var(--bg-color), var(--opacity)) !important;
border-radius: var(--border-radius) !important;
overflow: hidden auto;
}
.bs-sidebar .label,
.bs-sidebar .label > i {
font-size: 14px;
display: inline-block;
cursor: pointer !important;
}
.bs-sidebar .label > i {
color: inherit !important;
}
.bs-sidenav {
padding: 5px;
}
.bs-sidenav > br {
display: inline;
}
.bs-sidebar li.active {
border-right: 3px solid var(--logo-primary-color) !important;
}
#dashOverviewPrev .li_object.active {
border-left: 3px solid var(--logo-primary-color) !important;
}
.bs-sidebar .nav > li > a:not(.btn) {
width: 100% !important;
padding: 2px 5px;
}
.bs-sidebar .nav > li > i {
padding-right: 5px;
}
.bs-sidebar .nav li a:not(.btn):hover,
.bs-sidebar .nav li a:not(.btn):focus,
.bs-sidebar .nav li a:not(.btn):active {
background-color: var(--btnEq-default-color) !important;
}
.bs-sidenav .cmdList li > a {
display: inline-block;
width: 100%;
}
.bs-sidebar .nav > .active a {
width: 100% !important;
border-right-color: var(--logo-primary-color) !important;
border-right-width: thick !important;
}
.li_object a span:not(:first-child) {
float: left !important;
}
.li_object a,
.li_object a span {
padding-left: 4px;
}
#div_displayScenario > legend {
font-size: 16px;
}
#div_notes {
margin-top: 38px !important;
}
#ul_noteList {
padding: 0 !important;
}
#ul_noteList .li_noteDisplay {
background-color: var(--form-bg-color) !important;
}
#ul_noteList .li_noteDisplay a:active,
#ul_noteList .li_noteDisplay a:focus,
#ul_noteList .li_noteDisplay a:hover{
background-color: rgb(var(--defaultBkg-color)) !important;
}
/* ____________________HIGHCHARTS */
#div_graph {
height: calc(100vh - 55px);
}
.highcharts-legend-item tspan {
cursor: pointer;
}
.highcharts-legend-item:not(.highcharts-legend-item-hidden) text{
fill: var(--link-color) !important;
font-weight: normal !important;
}
.highcharts-legend-item.highcharts-legend-item-hidden text {
fill: var(--txt-color) !important;
font-weight: normal !important;
font-style: italic;
}
div.chartContainer .highcharts-navigator-mask-inside {
opacity: 0.6;
}
div.chartContainer .highcharts-navigator-outline,
div.chartContainer .highcharts-xaxis > .highcharts-axis-line,
div.chartContainer .highcharts-scrollbar-button,
div.chartContainer .highcharts-scrollbar-arrow {
display: none;
}
div.chartContainer .highcharts-axis-line,
div.chartContainer .highcharts-navigator-xaxis .highcharts-grid-line {
stroke: var(--placeholder-color) !important;
}
div.chartContainer .highcharts-navigator-handle {
fill: var(--placeholder-color) !important;
}
div.chartContainer .highcharts-scrollbar-track {
stroke: transparent;
}
div.chartContainer .highcharts-legend-item > .highcharts-point {
x: -2px;
y: 9px;
height: 5px;
width: 18px;
}
.highcharts-minor-tick { stroke: var(--placeholder-color)}
.highcharts-tick { stroke: var(--txt-color)}
:not(.gauge) >.highcharts-container .highcharts-axis-line { stroke: var(--txt-color) }
.highcharts-axis-labels text tspan { fill: var(--txt-color)!important; }
.highcharts-xaxis-labels:not(.highcharts-navigator-xaxis) tspan {
font-weight: bold;
font-size: 12px;
transform: translate(0,10px) !important;
fill: var(--contrast-color)!important;
}
.highcharts-background {
fill: rgba(var(--panel-bg-color), var(--opacity)) !important;
fill-opacity: var(--opacity);
}
.eqLogic-widget .highcharts-background {
fill: transparent !important;
}
.highcharts-range-selector-buttons > text {
fill: var(--link-color) !important;
}
.highcharts-container {
color: var(--txt-color) !important;
}
.graph-widget:not(.transparent) {
background-color: rgb(var(--panel-bg-color)) !important;
}
div.chartContainer .highcharts-plot-band {
fill: rgba(var(--bg-color), 0.5) !important;
}
.highcharts-button-box {
fill: var(--el-defaultColor) !important;
}
.highcharts-button > text,
.highcharts-button-disabled > text,
.highcharts-button-box > text {
fill: var(--link-color) !important;
}
.highcharts-axis-labels.highcharts-xaxis-labels > text {
fill: var(--link-color) !important;
}
.highcharts-yaxis-grid .highcharts-grid-line {
stroke-width: 0.1 !important;
stroke: var(--link-color) !important;
}
.highcharts-axis-title > tspan {
fill: var(--txt-color) !important;
font-weight: 700;
}
div.chartContainer .highcharts-button-disabled {
opacity: 0.3 !important;
}
div.chartContainer .highcharts-button-box {
x:0;
y:0;
rx: var(--border-radius);
ry: var(--border-radius);
stroke: transparent;
}
div.chartContainer .highcharts-button.highcharts-button-pressed > rect,
div.chartContainer .highcharts-button.highcharts-button-pressed span {
stroke: transparent;
fill: var(--objectBkgd-color) !important;
color: var(--objectTxt-color) !important;
}
div.chartContainer .highcharts-button.highcharts-button-hover span,
div.chartContainer .highcharts-button.highcharts-button-normal span{
color: var(--link-color) !important;
}
div.chartContainer div.highcharts-button span {
pointer-events: none;
}
div.chartContainer .highcharts-button.highcharts-button-pressed > text {
stroke: transparent;
fill: var(--objectTxt-color) !important;
}
div.chartContainer g.highcharts-range-selector-group g.highcharts-button.warning > text{
fill: var(--al-warning-color) !important;
}
path.highcharts-graph {
stroke-width: 1.2;
}
.highcharts-selection-marker {
fill: rgb(var(--eq-bg-color));
fill-opacity: 0.5;
stroke: rgb(var(--contrast-color));
stroke-width: 1px !important;
}
.highcharts-tooltip .highcharts-tooltip-box,
.highcharts-tooltip .highcharts-label-box {
stroke-width: 0.6 !important;
}
.highcharts-tooltip .highcharts-tooltip-box path {
fill: rgb(var(--bg-color)) !important;
}
.highcharts-tooltip .highcharts-tooltip-box text,
.highcharts-tooltip .highcharts-tooltip-box text tspan {
fill: rgb(var(--contrast-color)) !important;
font-weight: 400 !important;
}
.highcharts-tooltip .highcharts-shadow {
display: none;
}
.highcharts-label.highcharts-point path {
fill: var(--btnEq-default-color) !important;
stroke: none;
}
.highcharts-label.highcharts-point text {
fill: var(--txt-color);
}
#div_graphLinkRenderer g {
fill: var(--txt-color);
}
.grid:after {
content: '' !important;
display: block !important;
clear: both !important;
}
/* design */
body[data-page="plan"] #div_mainContainer {
padding: 0;
overflow: hidden !important;
}
.div_backgroundPlan {
height: calc(100vh - 50px) !important;
overflow: auto !important;
}
.div_backgroundPlan > .div_displayObject {
z-index: 50 !important;
position: relative;
padding:0;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.div_backgroundPlan > .div_displayObject.editingMode a {
pointer-events: none !important;
}
.div_backgroundPlan #div_grid {
position: absolute;
padding: 0;
width: 100%;
height: 100%;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
z-index : 998;
background-size: 15px 15px;
background-image: repeating-linear-gradient(90deg, var(--al-info-color), var(--al-info-color) 1px, transparent 1px, transparent 20px), repeating-linear-gradient(0deg, var(--al-info-color), var(--al-info-color) 1px, transparent 1px, transparent 20px);
}
.div_backgroundPlan .text-widget {
background-color: rgba(var(--eq-bg-color), var(--opacity)) !important;
color: var(--txt-color) !important;
}
body.fullscreen {
padding-top: 0;
}
body.fullscreen header,
body.fullscreen footer {
display: none;
}
body.fullscreen #backgroundforJeedom {
height: 100%;
}
body.fullscreen .div_backgroundPlan {
height: 100vh !important;
}
/* view data table */
#table_addViewData .graphDataOption {
width: 30px;
}
.highcharts-data-table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
display: table;
}
.highcharts-data-table thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
.highcharts-data-table tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.highcharts-data-table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
border-top: 0;
}
.highcharts-data-table th {
border-bottom-width: 2px;
border: 1px solid #ddd;
padding: 5px;
vertical-align: bottom;
line-height: 1.42857143;
text-align: left;
font-weight: bold;
}
.highcharts-data-table tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
.highcharts-data-table td {
border: 1px solid #ddd;
padding: 5px;
line-height: 1.42857143;
vertical-align: top;
}
.highcharts-table-caption {
display: none;
}
/* ____________________DIALOGS */
#div_displayEqLogicConfigure #commands div.optionalParamHelp,
#md_eqlogicDashEdit #commands div.optionalParamHelp,
#div_displayCmdConfigure #optionalParamHelp {
padding-left: 10px;
line-height: 16px;
font-size: 13px;
color: var(--al-info-color);
}
#div_displayEqLogicConfigure #commands .cmdConfig table tr > td:not(:first-child) {
text-align: center;
}
#div_displayEqLogicConfigure .btn-warning.bt_cmdConfig + .collapse {
border-left: 1px solid var(--al-warning-color);
}
#div_displayEqLogicConfigure .btn-info.bt_cmdConfig + .collapse {
border-left: 1px solid var(--al-info-color);
}
.ui-helper-clearfix {
box-shadow: none !important;
}
/* jqueryui spinner */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance:textfield;
}
input:invalid {
box-shadow: none;
}
.ui-button-icon.ui-icon {
background-image: var(--url-iconsLight);
margin-left: 0;
margin-top: 0;
}
.tab-content .form-group .ui-spinner {
width: 100%;
}
/* Designs */
.nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none;
background-color: rgb(var(--defaultBkg-color))
}
#div_displayCmdConfigure .form-group div > span.cmdAttr,
#div_displayCmdConfigure .form-group div > span.label.label-primary {
max-width: 98% !important;
display: inline-block;
padding: 5px !important;
}
/* ____________________COLORS */
.label-info {
font-weight: normal;
background-color: var(--lb-info-color);
}
.btn_closeAlert {
color: var(--linkHoverLight-color) !important;
font-size: 16px !important;
}
:not(#div_alert).alert {
padding: 7px !important;
}
#div_pageContainer > div.alert {
margin-top: 7px;
}
.form-group select.info:not(.expressionAttr),
.alert-info,
.label-info {
color: var(--linkHoverLight-color) !important;
background-color: var(--al-info-color) !important;
border: none;
}
.form-group select.success:not(.expressionAttr),
.alert-success,
.label-success {
color: var(--linkHoverLight-color) !important;
background-color: var(--al-success-color) !important;
border: none;
}
.form-group select.warning:not(.expressionAttr),
.alert-warning,
.label-warning {
color: var(--linkHoverLight-color) !important;
background-color: var(--al-warning-color) !important;
border: none;
}
.form-group select.danger:not(.expressionAttr),
.alert-danger,
.label-danger {
color: var(--sc-lightTxt-color) !important;
background-color: var(--al-danger-color) !important;
border: none;
}
.label-danger .state {
color: var(--sc-lightTxt-color) !important;
}
.logoPrimary {
color: var(--logo-primary-color);
}
.logoSecondary {
color: var(--logo-secondary-color);
}
.txtColor,
[data-action="add"] > span,
.eqLogicThumbnailContainer div.logoSecondary > span {
color: var(--txt-color);
}
.info,
.info i,
[data-coloredicons="1"] .icon_blue {
color: var(--al-info-color) !important;
}
.success,
.success i,
[data-coloredicons="1"] .icon_green {
color: var(--bt-success-color) !important;
}
.warning,
.warning i,
[data-coloredicons="1"] .icon_orange {
color: var(--al-warning-color) !important;
}
.danger,
.danger i,
[data-coloredicons="1"] .icon_red {
color: var(--al-danger-color) !important;
}
sup.danger {
position: absolute;
top: 0;
right: 0;
}
.yellow,
[data-coloredicons="1"] .icon_yellow {
color: var(--lb-yellow-color) !important;
}
[data-coloredicons="1"] .scenario-widget:not(.disabled) .iconCmd {
color: var(--bt-success-color) !important;
}
[data-coloredicons="1"] .scenario-widget.inactive .iconCmd {
color: var(--al-danger-color) !important;
}
.cmd.label i{
color : var(--linkHoverLight-color) !important;
}
.cmd:not(.label) .state,
.cmd {
color: var(--link-color) !important;
font-size: 12px;
line-height: 12px;
}
p.state {
color: var(--txt-color) !important;
}
.eqLogic.eqLogic-widget .cmd.label .cmdName,
.eqLogic.eqLogic-widget .cmd.label .state,
.eqLogic.eqLogic-widget .cmd.label div[class*="content"] {
color: var(--sc-lightTxt-color) !important;
font-weight: 400;
}
.eqLogic.eqLogic-widget .cmd.label div[class*="content"] {
display: inline-block;
margin: auto;
height: 14px;
padding: 1px;
}
.cmd.label .cmdName {
color : var(--linkHoverLight-color) !important;
}
.cmd.label{
text-align: -webkit-center !important;
}
hr.hrPrimary {
border-top: 1px solid var(--logo-primary-color);
width: 5%;
opacity: 0.5;
}
hr.hrSecondary {
border-top: 1px dotted var(--logo-primary-color);
margin-top: 8px;
margin-bottom: 8px;
width: 7%;
opacity: 0.5;
}
/* summary */
li.alert-info.eqLogic {
color: var(--txt-color);
background-color: rgb(var(--defaultBkg-color)) !important;
}
.row .objectSummaryParent{ font-size : 14px !important; }
.action_colorpicker_change,
.action_colorpicker_off {
width: 75px !important;
height: 25px !important;
}
/* flatpickr */
div.flatpickr-calendar select,
div.flatpickr-calendar div.flatpickr-month input {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
body[data-theme*="Dark"] div.flatpickr-calendar select {
background-image: none !important;
}
/* ______tippy-tooltip */
.tippy-box {
background-color: var(--al-info-color);
color: var(--linkHoverLight-color);
font-size: 14px;
max-width: 40vw !important;
border: none !important;
}
.tippy-box[data-placement^='top'] > .tippy-arrow:before {
border-top-color: var(--al-info-color) !important;
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow:before {
border-bottom-color: var(--al-info-color) !important;
}
.tippy-box[data-placement^='left'] > .tippy-arrow:before {
border-left-color: var(--al-info-color) !important;
}
.tippy-box[data-placement^='right'] > .tippy-arrow:before {
border-right-color: var(--al-info-color) !important;
}
body[data-coloredcats="0"] .tippy-box {
background-color: rgba(var(--eq-bg-color), 1);
border: 1px solid var(--el-defaultColor);
color: var(--link-color);
}
body[data-coloredcats="0"] .tippy-box[data-placement^='top'] > .tippy-arrow:before {
border-top-color: rgba(var(--eq-bg-color), 1) !important;
}
body[data-coloredcats="0"] .tippy-box[data-placement^='bottom'] > .tippy-arrow:before {
border-bottom-color: rgba(var(--eq-bg-color), 1) !important;
}
body[data-coloredcats="0"] .tippy-box[data-placement^='left'] > .tippy-arrow:before {
border-left-color: rgba(var(--eq-bg-color), 1) !important;
}
body[data-coloredcats="0"] .tippy-box[data-placement^='right'] > .tippy-arrow:before {
border-right-color: rgba(var(--eq-bg-color), 1) !important;
}
/* ____________________ROUNDING */
::-moz-color-swatch {
border-radius: var(--border-radius) !important;
}
::-webkit-color-swatch {
border-radius: var(--border-radius) !important;
}
.fullCorner,
.eqLogic-widget,
.scenario-widget,
#div_alert,
.alert,
.jqAlert,
.expressionACTION,
.progressbarContainer .progress,
.element .blocPreview,
.div_backgroundPlan .text-widget {
border-radius: var(--border-radius) !important;
}
td.alert {
border-radius: 0 !important;
}
.topCorner,
.eqLogic-widget .widget-name,
.scenario-widget .widget-name,
.panel,
.panel-heading {
border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}
.bottomCorner {
border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
}
#battery .eqLogic-widget .widget-name span {
border-radius: var(--border-radius) !important;
}
.panel {
border-radius: var(--border-radius) !important;
}
.panel-body {
border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
min-height: 50px;
margin-right: 15px;
}
#div_pageContainer ul.nav.nav-tabs li:first-of-type,
#div_pageContainer ul.nav.nav-tabs > li:first-of-type > a {
border-radius: var(--border-radius) 0 0 0 !important;
}
#div_pageContainer ul.nav.nav-tabs li:last-of-type,
#div_pageContainer ul.nav.nav-tabs > li:last-of-type > a {
border-radius: 0 var(--border-radius) 0 0 !important;
}
.btn,
input,
select,
textarea,
.label,
.label-sm,
.input-group-addon,
.market,
button,
pre {
border-radius: var(--border-radius) !important;
}
pre {
font-family: "Roboto";
font-size: 14px;
letter-spacing: 0.05em;
line-height: 14px;
}
#md_scenarioLog {
height: 100%;
overflow: hidden;
}
#pre_scenariolog {
width: 100%;
height: calc(100% - 36px);
overflow: auto;
}
#pre_globallog,
#pre_scenariolog,
#pre_eventlog,
#pre_commandResult,
#div_commandResult {
font-family: "CamingoCode", monospace;
font-size: 13px;
line-height: 14px;
}
#pre_globallog {
overflow: auto !important;
height: calc(100vh - 115px) !important;
width: 100%;
margin-top: 5px;
}
#pre_globallog mark,
#pre_scenariolog mark,
#pre_eventlog mark {
color: #000;
background-color: #ff0;
display: inline-flex;
padding: 0em;
}
#pre_globallog span,
#pre_eventlog span {
height: 12px;
min-width: 60px;
margin-bottom: -1px !important;
line-height: 10px;
}
#pre_scenariolog label,
#pre_scenariolog span {
height: 8px;
}
#pre_scenariolog .success {
color: var(--al-success-color) !important;
}
#pre_scenariolog .info {
color: var(--al-primary-color) !important;
}
.noCorner,
.input-group .btn,
.input-group input,
.input-group select,
.input-group textarea,
.input-group .input-group-addon {
border-radius: 0 !important;
}
.input-group ::-moz-color-swatch {
border-radius: 0 !important;
}
.input-group ::-webkit-color-swatch {
border-radius: 0 !important;
}
.input-group .roundedLeft {
border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
}
.input-group .roundedRight {
border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
}
:not(.in_search-*) .input-group .roundedRight {
margin-right: 3px !important;
}
.roundedLeft::-moz-color-swatch {
border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
}
.roundedRight::-moz-color-swatch {
border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
margin-right: 3px !important;
}
.roundedLeft::-webkit-color-swatch {
border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
}
.roundedRight::-webkit-color-swatch {
border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
margin-right: 3px !important;
}
.input-group .rounded,
.rounded {
border-radius: var(--border-radius) !important;
}
#jeedomMenuBar .navbar-nav li ul {
border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
}
#jeedomMenuBar .navbar-nav li ul li ul {
border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius) !important;
}
.tab-content {
border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
}
[data-page=display] div.object > div {
border-radius: var(--border-radius) !important;
}
ul.dropdown-menu {
border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
}
/* ________________________________________MEDIA QUERIES */
@media screen and (max-width: 1280px) {
:root {
--lineheight: 1.4em;
}
#summaryGlobalMain {
max-width: 340px;
}
body {
font-size: 14px !important;
}
[data-page="administration"] ul.nav-tabs.nav-primary li i:after {
content:'';
position:absolute;
top:-4px;
bottom:-4px;
left:-4px;
right:-4px;
}
[data-page="administration"] ul.nav-tabs.nav-primary li a > span {
display: none;
}
[data-page="administration"] ul.nav-tabs.nav-primary li {
min-width: 5%;
max-width: 60px;
text-align: center;
}
.btn,
tbody > tr > td{
font-size: 12px !important;
}
.expression .col-xs-1 {
width: 6.5em !important;
}
.expressionOptions {
width: 55% !important;
align-content: right !important;
}
.form-control,
.btn,
.label {
font-size: 12px !important;
}
.panel {
font-size: 14px !important;
}
.panel-title,
legend {
font-size: 16px !important;
}
.hidden-1280 {
display: none;
}
}
@media screen and (min-width: 768px) {
.nav.navbar-nav {
height: 50px;
}
.navbar-collapse.collapse {
height: 50px !important;
}
fieldset > div {
padding-left: 1em;
}
}
@media screen and (max-width: 1200px) {
#summaryGlobalMain {
max-width: calc(100vw - 630px);
}
}
@media screen and (min-width: 1199px) {
#summaryGlobalMain {
max-width: calc(100vw - 850px);
}
}
@media screen and (max-width: 768px) {
#div_displayLogList {
max-height: 250px;
margin-right: 15px
}
#pre_globallog {
height: calc(100vh - 350px) !important;
}
.navbar .container-fluid .navbar-collapse.collapse.in {
box-shadow: 0 16px 16px 3px var(--shd-color);
}
.navbar-nav.navbar-right {
display: none;
}
[data-page="history"] #div_graph {
height: calc(100vh - 360px);
}
[data-page="history"] .bs-sidebar {
overflow: auto;
max-height: 300px !important;
}
.hidden-768,
.displayTableRight {
display: none !important;
}
div[class*="DisplayCard"].displayAsTable .name,
div.objectDisplayCard.displayAsTable:not(:hover) .name,
div.interactDisplayCard.displayAsTable:not(:hover) .name {
width: 100vw;
min-width: 100vw;
max-width: 100vw !important;
}
div[class*="DisplayCard"].displayAsTable:not(.widgetsDisplayCard) .name .label {
width: calc(100vw - 340px);
max-width: 200px !important;
}
div.objectPreview {
height: 150px;
}
.label-sm {
padding: 3px 4px;
margin: 1px;
}
.input-group {
margin-bottom: 5px;
}
ul.nav.nav-tabs a > i {
display: block;
}
}
@media screen and (max-width: 992px) {
#div_pageContainer div.hasfloatingbar div.tab-content {
height: calc(100vh - 135px) !important;
}
div:not(.ui-dialog) > .floatingbar {
position: relative;
display: grid;
top: 0px !important;
right: 0;
text-align: right !important;
}
.input-group,
.input-group-btn,
.bs-sidenav {
max-width: calc(100vw - 12px);
}
#summaryGlobalMain {
right: 115px;
max-width: calc(100vw - 490px);
}
.objectListContainer div.cursor > center > i,
.interactListContainer div.cursor > center > i,
.scenarioListContainer div.cursor > center > i,
.pluginListContainer div.cursor > center > i,
.eqLogicThumbnailContainer div.cursor > center > i,
.eqLogicThumbnailContainer div.cursor > i {
font-size: 2.5em !important;
}
#div_editScenario .tab-content {
max-height: calc(100% - 80px);
}
.hidden-992 {
display: none;
}
div.objectPreview {
height: 180px;
}
}
@media (min-width:1600px) {
#objectOverviewContainer > div.col-lg-3 {
width: 20%;
}
}
@media (min-width:1920px) {
#objectOverviewContainer > div.col-lg-3 {
width: 14.2%;
}
}
/* ________________________________________TABLE REFLOW FLEX */
@media ( max-width: 768px ) {
div:not(.ui-dialog) > .floatingbar {
text-align: unset;
}
table.ui-table-reflow thead {
position: relative !important;
}
.ui-table-reflow td,
.ui-table-reflow th {
box-sizing: border-box;
float: right;
width: 100% !important;
height: auto !important;
}
table.ui-table-reflow.table-condensed tbody {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
table.ui-table-reflow.table-condensed tbody tr {
display: table;
flex: 0 1 150px;
margin: 2px;
margin-bottom: 22px !important;
}
table.ui-table-reflow.table-condensed tbody tr td {
display: table;
margin-bottom: 2px !important;
}
body[data-page="update"] tbody > tr > td > span {
width: 100%
}
.tab-content {
margin-top: -5px;
}
.nav-tabs {
display: inline-flex;
width: 100%;
overflow-x: auto;
border-bottom: 2px solid #DDD;
-ms-overflow-style: none; /*// IE 10+*/
overflow: -moz-scrollbars-none;/*// Firefox*/
}
.nav-tabs > li.active {
background-color: rgba(var(--panel-bg-color), var(--opacity)) !important;
color: var(--link-color) !important;
border-bottom: 1px var(--logo-primary-color) solid !important;
z-index: 6;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
border-width: 0;
}
.nav-tabs>li>a {
border: none;
color: #666;
white-space: nowrap;
}
.tab-pane {
padding: 5px 0;
}
.nav-tabs::-webkit-scrollbar {
display: none; /*Safari and Chrome*/
}
div.ui-dialog {
max-width: 90vw !important;
left: calc(10vw / 2) !important;
}
div.ui-dialog .ui-dialog-content{
max-width: calc(90vw - 25px) !important;
}
div.ui-dialog table[id*=mod_insert].table tbody {
width: 100% !important;
display: flex;
}
div.ui-dialog table[id*=mod_insert].table,
div.ui-dialog table[id*=mod_insert].table td,
div.ui-dialog table[id*=mod_insert].table tr,
div.ui-dialog table[id*=mod_insert].table th {
display: block;
text-align: left;
}
div.ui-dialog table[id*=mod_insert].table.table-condensed tbody th,
div.ui-dialog table[id*=mod_insert].table.table-condensed tbody tr,
div.ui-dialog table[id*=mod_insert].table.table-condensed tbody td {
margin: 0;
height: 30px !important;
margin-bottom: 7px !important;
width: 100%;
}
div.ui-dialog table[id*=mod_insert] thead {
display: none;
}
}