/*
Theme Core 2019 @Jeedom
*/
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-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-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;
}
.backgroundforJeedom {
width: 100%;
height: calc(100% - 50px);
z-index: -1;
position: fixed;
opacity: 0.4;
background-size: cover !important;
background-position: right bottom !important;
background-repeat: no-repeat;
background-image: var(--dashBkg-url) !important;
background-color: transparent !important;
}
[data-theme*="Dark"] .backgroundforJeedom {
opacity : 0.6;
}
.ui-widget-overlay.ui-front {
background: rgba(10,10,10,1);
}
header a.navbar-brand {
padding: 7px;
}
#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% - 5px) !important;
}
/* __________________________________________________________________________________________________________LINKS */
.widget-name,
.cmd-widget,
legend,
span,
.label:not(.cursor) {
cursor: default !important;
word-break: break-word;
}
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; }
a > img:hover {
opacity: 0.75;
}
.center {
text-align: center;
}
h1,h2,h3,h4,h5,h6 {
color: var(--link-color);
}
.btn:not(.cmdName),
.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;
}
span.cursor > i:hover,
i.cursor:hover,
i.cursor:active,
i.cursor:focus {
color: var(--linkHover-color) !important;
outline: none;
}
.context-menu-root,
.context-menu-list {
z-index: 9999 !important;
box-shadow: 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;
}
:not([data-page=display])legend {
color: var(--link-color) !important;
}
.labelObjectHuman {
padding-left: 5px !important;
color: var(--objectTxt-color) !important;
background-color: var(--objectBkgd-color);
}
.name > .labelObjectHuman {
padding-left: 0x !important;
display: inline-block;
padding: 0 5px;
}
/* résumé domo */
[data-page=display] .eqActions {
position: fixed;
right: 10px;
top: 52px;
border: 5px solid var(--bg-modal-color);
z-index: 10;
}
[data-page=display] legend a,
[data-page=display] legend i {
color: inherit !important;
}
[data-page=display] .object legend {
border-left: none;
}
[data-page=display] #div_pageContainer div.packeryContainer legend,
[data-page=display] #div_pageContainer div.packeryContainer > div,
[data-page=display] #div_pageContainer div.packeryContainer > div > div {
padding: 5px !important;
margin: 0 !important;
border-left: none;
}
[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=display] #div_pageContainer #displaytab ul > li input {
top: 2px;
border: 1px solid rgba(100, 100, 100, 0.5);
font-size: 12px !important;
}
[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;
}
.eqLogicSortable {
list-style-type: none;
padding-left: 0px;
}
#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), 0.65) !important;
}
.div_object legend .objectDashLegend > a {
padding-right: 20px;
}
.div_object legend > span {
margin-left:10px;
}
/* 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);
}
/* __________________________________________________________________________________________________________DASHBOARD */
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;
}
.eqLogic-widget.eqSignalInfo:after,
.eqLogic-widget.eqSignalAction.eqSignalInfo:after{
color: var(--al-info-color);
}
.eqLogic-widget.eqSignalAction:after {
color: var(--al-warning-color);
}
.timeCmd.label {
color: var(--txt-color);
background: rgb(var(--bg-color));
position: relative;
padding: 2px 5px !important;
display: block;
max-width: 70px;
font-size: 11px !important;
margin-top: 4px;
}
.eqLogic-widget,
.scenario-widget {
overflow: hidden;
z-index: 0;
}
.scenario-widget {
max-width: 75%;
}
.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,
.highcharts-axis-title > tspan,
.cmd-widget > center {
fill: var(--txt-color) !important;
color: var(--txt-color);
font-weight: bold;
}
.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;
}
.btn.action {
margin-top: 2px;
}
.label {
font-size: 12px !important;
font-weight: normal;
padding: 4px 12px;
}
.label-sm {
font-size: 12px !important;
padding: 2px 4px;
}
.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 {
padding-top: 37px !important;
padding-left: 0 !important;
padding-right: 0 !important;
font-size: 13px;
max-height: calc(100vh - 60px);
}
.li_log i{
position: relative;
left: -2px;
top :1px;
}
.li_log i.fa-check {
color: var(--logo-primary-color);
}
.li_log i.fa-exclamation-triangle {
color: var(--al-danger-color);
}
.li_log i.fa-exclamation-circle {
color: var(--al-warning-color);
}
.list-group-item {
padding: 0 5px;
background-color: rgb(var(--defaultBkg-color));
}
.list-group-item-success {
background-color: var(--al-success-color);
}
/* eqlogic dragging */
.eqLogic-widget.is-dragging,
.eqLogic-widget.is-positioning-post-drag {
background: #EA0 !important;
z-index: 2 !important; /* keep dragged item on top */
}
.eqLogic-widget.ui-draggable-dragging,
.eqLogic-widget.is-positioning-post-drag {
background: #C90 !important;
z-index: 2 !important;
}
.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;
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 */
.objectSummaryParent {
color: var(--txt-color) !important;
font-size: 12px;
}
/* __________________________________________________________________________________________________________PREVIEW */
#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;
}
.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: 200;
max-width: 195px;
max-height: 30px !important;
overflow: hidden;
display: inline-block;
line-height: 1.6;
margin-top: -4px;
}
.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%;
height: 54px;
text-align: right;
}
.objectPreview > .bottomPreview > .resume {
position: absolute;
right: 6px;
bottom: 5px;
text-align: right;
max-width: 100%;
margin-right: 8px !important;
}
.objectPreview .objectSummaryParent,
.objectPreview .objectSummaryParent i {
font-size: 16px !important;
color: var(--link-color) !important;
}
.objectPreview .topPreview .objectSummaryParent {
position: absolute;
min-width: 80px !important;
font-weight: 200;
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: -5px;
}
.objectPreview .objectSummaryParent[data-summary="temperature"] {
top: 10px;
right: 58px;
font-size: 20px !important;
}
.objectPreview .objectSummaryParent[data-summary="humidity"] {
top: 10px;
right: 6px;
font-size: 20px !important;
}
.objectPreview .objectSummaryParent[data-summary="temperature"] i,
.objectPreview .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:last-child {
border-radius: 0 0 var(--border-radius) 0 !important;
}
/* __________________________________________________________________________________________________________DIVERS */
#div_widgetPreview {
text-align: left;
}
.progress {
background-color: var(--sc-form-color);
}
.progress-bar {
background-color: var(--al-info-color);
}
.progress-bar-success {
background-color: var(--al-success-color);
}
[data-type="plugin"] #div_pageContainer > div.eqLogic {
margin-top: 5px;
}
select.selectCmd {
border: 0;
vertical-align: middle;
height: 2em;
}
.divIconSel {
min-width: 100px;
width: 100px;
height: 75px !important;
overflow: hidden !important;
border: none !important;
}
.divImgSel {
min-width: 120px;
width: 120px;
height: 115px !important;
overflow: hidden !important;
text-align: center;
}
.iconDesc {
word-wrap: break-word;
}
/* object/scenario/interact/plugin pages */
#div_functionalityPanel label > span.label {
display: inline-block;
}
#div_functionalityPanel label {
margin-bottom: 0 !important;
}
div[class*="ListContainer"] {
background: transparent;
}
div[class*="ListContainer"] > div.cursor,
.eqLogicThumbnailContainer > div.cursor {
width : 130px !important;
font-size: 14px !important;
}
div[class*="ListContainer"] > div.cursor i,
.eqLogicThumbnailContainer > div.cursor > i {
font-size: 38px !important;
font-weight: 900;
}
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;
}
.scenarioDisplayCard .label {
cursor: pointer !important;
}
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,
.eqLogicThumbnailContainer div.cursor > i {
margin-bottom: 20px;
}
div[class*="DisplayCard"] {
height: 130px !important;
overflow: hidden;
}
.eqLogicThumbnailContainer .eqLogicDisplayCard {
height: 168px !important;
}
.scenarioDisplayCard.cursor {
margin-left: 0 !important;
position: absolute;
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[class*="DisplayCard"] .name > .label {
line-height: 24px !important;
}
.pluginDisplayCard,
.objectDisplayCard {
height: 130px;
min-height: 130px !important;
}
.pluginListContainer div.cursor > center > img,
.interactListContainer div.cursor > img {
width: 75px !important;
padding-top: 5px;
}
.eqLogicThumbnailContainer div.cursor > center > img,
.eqLogicThumbnailContainer div.cursor img {
width: 75px !important;
height: auto !important;
padding-top: 15px;
}
.eqLogicDisplayCard {
margin-bottom: 10px !important;
height: 168px !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
}
.eqLogicDisplayCard .name {
word-break: break-word !important;
font-size: 12px !important;
position: relative;
top: 3px !important;
}
.scenarioDisplayCard > span.name strong,
.eqLogicDisplayCard > span.name strong {
position: relative;
top: 3px !important;
display: block;
height: 28px !important;
overflow: hidden;
}
.interactDisplayCard > span.name {
height: 55px !important;
overflow: hidden;
}
.eqLogicDisplayCard img {
min-height: 99px !important;
max-height: 99px;
width: auto !important;
max-width: 75px !important;
overflow: hidden;
vertical-align: baseline;
}
.eqLogic.eqLogic-widget .widget-name,
.scenario-widget .widget-name {
padding-right: 22px;
padding-left: 12px;
max-height: 45px;
overflow: hidden;
}
.eqLogic-widget .cmd.refresh {
margin-top: 5px !important;
position: absolute;
right : 0;
}
.eqLogic-widget .cmd.refresh i {
color: var(--eqTitle-color) !important;
font-size: 12px !important;
}
.eqLogic-widget .cmd.refresh i:hover {
color: var(--linkHoverLight-color) !important;
}
.eqLogic-widget .cmd.refresh.spinning i {
animation: spin-animation 1s infinite linear;
}
@keyframes spin-animation {
0% { transform: rotate(0deg); }
100% { transform: rotate(1turn); }
}
.eqLogic.eqLogic-widget .widget-name span.warning i[class=""] {
display: none;
}
.eqLogic.eqLogic-widget .widget-name span.warning i {
margin-right: 5px;
color: var(--linkHoverLight-color);
font-size: 14px !important;
}
.eqLogic.eqLogic-widget .widget-name .object_name {
vertical-align: super;
font-size: 13px;
}
.eqLogic.eqLogic-widget:not(.displayObjectName) .object_name{
display: none;
}
.scenarioDisplayCard > span > i {
font-size: 3em !important;
}
.scenarioDisplayCard .icon.noicon,
.interactDisplayCard .icon.noicon {
color: var(--logo-primary-color);
}
div.cmdListContainer .tablesorter i {
font-size: 14px !important;
}
.tablesorter-header-inner {
padding: 0 0 0 0!important;
}
table.tablesorter th:not([data-resizable]) .tablesorter-header-inner {
border-right: 1px dotted var(--txt-color) !important;
}
table.tablesorter th:not([data-resizable]):last-of-type .tablesorter-header-inner {
border-right: none !important;
}
table.tablesorter .tablesorter-header:focus {
outline:none;
}
#table_packages tbody tr,
#table_packages tbody td {
height: 21px !important;
line-height: 14px !important;
}
#table_packages tbody tr > td {
vertical-align: middle !important;
}
#table_packages tbody td > span.label {
display: block;
}
#table_cron .tablesorter-filter {
display: none;
}
#md_modal table.tablesorter {
width: 100% !important;
min-width: 100% !important;
max-width:100% !important;
}
/* market */
div[data-market_type=plugin],
div[data-market_type=script] {
margin-top: 5px !important;
background-color: var(--form-bg-color) !important;
}
div[data-market_type=plugin]:hover,
div[data-market_type=script]:hover {
background-color: var(--el-defaultColor) !important;
}
.glyphicon {
font-family: "Roboto";
}
.glyphicon-star::before {
content: "★";
}
.glyphicon-star-empty::before {
content: "☆";
}
[data-page="plugin"] .rating-symbol-foreground {
top: 0;
cursor: pointer;
}
/* analyse equipment */
#battery,
#alertEqlogic {
margin-bottom: 20px !important;
}
#battery .eqLogic-widget {
position: relative;
font-family: "Roboto";
color: var(--txt-color);
width: 210px !important;
height: 155px !important;
}
#battery .eqLogic-widget .widget-name {
text-align: center;
}
#battery .eqLogic-widget .widget-name > a {
display:block;
max-height: 24px !important;
overflow: hidden !important;
}
#battery .eqLogic-widget .widget-name span {
color: var(--txt-color);
background-color: rgb(var(--bg-color)) !important;
position: relative;
opacity: .8;
padding: 0 4px;
top: -2px !important;
}
#battery .eqLogic-widget.critical .widget-name {
background-color: var(--al-danger-color) !important;
}
#battery .eqLogic-widget.warning .widget-name {
background-color: var(--al-warning-color) !important;
}
#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;
}
.form-group .label {
padding: 3px 6px !important;
min-width: 40px !important;
}
pre {
color: var(--link-color);
background-color: rgba(var(--panel-bg-color), var(--opacity))!important;
border: none;
}
#pre_updateInfo_clean {
overflow: visible !important;
height: calc(100vh - 260px);
}
.row-same-height {
padding: 1em;
}
.lazy {
border: none !important;
}
.div_rowZones {
background-color: rgba(var(--eq-bg-color), var(--opacity)) !important;
border-radius: var(--border-radius) !important;
}
.viewZone{
padding: 9.5px;
margin: 0 0px 5px;
font-size: 13px;
line-height: 20px;
background: rgb(var(--bg-color));
}
.div_rowZones {
background-color: rgb(var(--bg-color)) !important;
}
.view-link-widget,
.plan-link-widget {
padding: 3px;
margin: 3px;
display: inline-block;
vertical-align: top;
}
/* context menus */
.context-menu-layer {
z-index: 5000 !important;
}
.context-menu-list {
z-index: 12000 !important;
padding: 0 !important;
border: none !important;
background: var(--bg-modal-color) !important;
}
.context-menu-separator {
border-bottom: 1px solid rgb(var(--bg-color)) !important;
}
.context-menu-item {
color: var(--txt-color) !important;
background: var(--bg-modal-color) !important;
}
.context-menu-item i {
color: var(--txt-color) !important;
}
.context-menu-item span {
font-weight: normal !important;
}
.context-menu-disabled {
color: var(--placeholder-color) !important;
cursor: default !important;
}
.context-menu-item:not(.context-menu-disabled) span,
.context-menu-disabled.cursor {
cursor: pointer !important;
}
.context-menu-item:not(.context-menu-disabled)::before {
color: var(--txt-color) !important;
}
.context-menu-submenu::after {
border-left-color: var(--txt-color) !important;
font-size: 22px !important;
}
.context-menu-item:not(.context-menu-disabled):hover {
background: var(--btnEq-default-color) !important;
}
.context-menu-disabled,
.context-menu-disabled::before {
color: var(--btnEq-default-color) !important;
}
.context-menu-disabled::after {
border-left-color: var(--btnEq-default-color) !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;
}
.alert-info,
.label-info {
color: var(--linkHoverLight-color);
background-color: var(--al-info-color);
border: none;
}
.alert-success,
.label-success {
color: var(--linkHoverLight-color);
background-color: var(--al-success-color);
border: none;
}
.alert-warning,
.label-warning {
color: var(--linkHoverLight-color);
background-color: var(--al-warning-color);
border: none;
}
.alert-danger,
.label-danger {
color: var(--sc-lightTxt-color) !important;
background-color: var(--al-danger-color);
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.disabled .iconCmd {
color: var(--al-danger-color) !important;
}
.cmd.label i{
color : var(--linkHoverLight-color) !important;
}
:not(.tableCmdcss) .cmdName {
font-size: 12px;
font-weight: bold;
}
:not(.tableCmdcss) .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: normal;
}
.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;
}
/* résumé */
li.alert-info.eqLogic {
color: var(--txt-color);
background-color: rgb(var(--defaultBkg-color)) !important;
}
.row .objectSummaryParent{ font-size : 14px !important; }
/* sliders */
.ui-slider-handle {
font-size: 13px;
border-radius: 8px !important;
background-color: var(--link-color) !important;
cursor: pointer !important;
}
.ui-slider-handle:active,
.ui-slider-handle:focus,
.ui-slider-handle:hover {
background-color: var(--linkHover-color) !important;
outline: none;
}
.ui-slider-horizontal .ui-slider-handle {
top: -6px !important;
}
.ui-slider-vertical .ui-slider-handle {
left: -6px !important;
}
.ui-slider-horizontal {
height: 3.2px !important;
}
.ui-slider-vertical {
width: 3.2px !important;
}
.ui-slider{
background: var(--el-defaultColor) !important;
border: none !important;
}
.action_colorpicker_change,
.action_colorpicker_off {
width: 75px !important;
height: 25px !important;
}
h4.modal-title {
font-size: 16px;
}
/* __________________________________________________________________________________________________________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;
}
.btn {
font-size: 12px;
border: none;
padding: 7px 8px;
height: 32px;
}
.btn-sm {
height: 28px;
padding: 5px 8px;
}
.btn-xs {
height: 22px !important;
padding: 2px 6px;
}
.badge {
padding: 6px 7px;
height: 22px;
}
button .fas.fa-plus-circle {
font-size: 10px;
}
.caret {
border-width: 5px;
}
#historytab .label.displayObject {
margin-top: 2.2px;
}
#historytab .label.displayObject:hover {
opacity: 0.65;
}
#historytab .label.displayObject i:hover {
color: inherit !important;
}
#historytab .history.disabled {
color: var(--placeholder-color) !important;
}
#timelinetab .tml-cmd,
#timelinetab .tml-scenario {
font-size: 14px;
color: var(--txt-color) !important;
}
#ul_expressionHistory li a {
color: var(--sc-lightTxt-color) !important;
}
.highcharts-button-disabled{
display: none !important;
}
/* __________________________________________________________________________________________________________NAVBAR */
.navbar-fixed-top .visible-xs-inline-block {
max-width: calc(100% - 150px) !important;
max-height: 38x !important;
overflow: hidden;
}
.navbar {
min-height: 50px;
height: 50px;
z-index: 100;
}
.navbar:hover {
z-index: 50000;
}
.ui-widget-overlay.ui-front {
z-index: 90 !important;
}
.navbar-collapse {
background: transparent;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
.nav.navbar-nav ul li a i {
display: inline-flex;
width: 20px;
font-size: 14px;
text-align: center;
}
header.navbar,
.nav.navbar-nav .dropdown {
box-sizing: border-box;
border-bottom: 3px solid rgb(var(--bg-color)) !important;
}
header.navbar {
box-sizing: unset;
}
.navbar-nav > li.navTime {
padding: 5px 0 0 0 !important;
margin: 0 !important;
text-align: center !important;
width: 90px;
}
.navbar-nav > li.navTime > a {
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 105px;
}
.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;
}
.nav .dropdown-menu {
font-size: 14px;
}
.dropdown-menu > li a {
border-right: 7px solid transparent
}
.nav.navbar-nav .dropdown-submenu ul li a {
padding-right: 30px;
}
/* hamburger */
header .navbar-toggle {
border: none;
background: transparent !important;
}
.navbar-toggle .icon-bar {
height: 3px;
background-color: #333 !important;
}
[data-theme*="Dark"] .navbar-toggle .icon-bar {
background-color: #fff !important;
}
.dropdown-menu,
.dropdown-menu > ul {
z-index: 9999 !important;
}
ul.dropdown-menu {
border-bottom: 2px solid var(--el-defaultColor);
}
.nav .open > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: rgb(var(--bg-color)) !important;
}
.dropdown-menu > li > a > i {
margin-right: 7px !important;
}
.dropdown-menu .divider{
background-color: var(--el-defaultColor) !important;
}
.dropdown img {
width: 20px;
display: inline-block;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: var(--txt-color);
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #555;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 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;
}
.navbar-nav.navbar-right > li a {
background-color: transparent !important;
}
.navbar-nav.navbar-right > li a:hover {
background-color: transparent !important;
}
.navbar-nav.navbar-right .objectSummaryglobal {
position: relative;
display: inline-block;
max-width: 340px;
top: -5px;
overflow: hidden;
word-break: break-word;
line-height: 16px;
}
div.panel {
border : none;
}
#div_resumeObjectList > .panel,
#div_resumePluginList > .panel {
margin-bottom: 30px;
}
#md_modal .panel-heading {
padding: 6px 12px;
border: none;
}
:not(.panel-info):not(.panel-success):not(.panel-primary):not(.panel-warning):not(.panel-danger) > .panel-heading {
background-color: rgb(var(--defaultBkg-color)) !important;
}
.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;
}
[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;
}
#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;
}
.form-actions {
margin-top: 5px;
}
.form-control > span,
.form-group span {
top: 0 !important;
}
.form-group {
margin-bottom: 4px;
vertical-align: middle !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);
}
fieldset > div {
padding-left: 1em;
}
.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;
min-height: 1px;
padding-left: 1em !important;
padding-right: 1em !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),
input: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;
}
input.knob {
color: var(--txt-color) !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: 5px 5px;
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;
}
.form-horizontal .checkbox-inline {
padding-top: 0px !important;
}
.checkbox-inline > input[type=checkbox] {
margin-top: -2px;
}
.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],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled],
select.disabled,
select[disabled] {
cursor: not-allowed !important;
}
select:disabled,
input:disabled {
opacity: 0.35 !important;
}
/* 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: 100px !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;
width: 100% !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 {
color: var(--txt-color) !important;
background-color: rgb(var(--defaultBkg-color)) !important;
font-size: 13px;
font-family: 'Roboto', 'Verdana';
}
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: 12px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
body[data-theme*="Dark"] select:not(.expressionAttr) {
background-image: url("data:image/svg+xml;utf8,") !important;
}
body[data-theme*="Legacy"] select:not(.expressionAttr) {
background-image: url("data:image/svg+xml;utf8,") !important;
}
select::-ms-expand {
display: none;
}
.input-xs {
padding: 0 5px !important;
}
/* custom checkbox ! */
.input-group-btn {
font-size: 16px !important;
}
.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;
top : 5px;
min-height : 0px !important;
}
input[type=checkbox],
input[type=radio] {
font-size: 14px !important;
display: inline-block;
padding: 0;
width: 15px !important;
height: 15px;
border-radius: 0 !important;
background: var(--form-bg-color);
color: var(--txt-color);
font-weight: normal !important;
}
input[type=radio] {
-webkit-border-radius: 1em !important;
margin-top: 3px !important;
}
input[type=checkbox]:checked:after {
font-family: "Font Awesome 5 Free";
font-weight: 700;
content: '\f00c' !important;
position: absolute;
}
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;
}
input[type=checkbox].summaryAttr {
margin-top: -12px;
}
/* select multiple */
.custom-select {
font-size: 14px !important;
padding: 0 !important;
}
/* __________________________________________________________________________________________________________TABS */
.tab-content {
background-color: rgba(var(--panel-bg-color), var(--opacity))!important;
padding-bottom: 2px !important;
}
.tab-content .tab-content,
.tab-content pre {
background-color: rgba(0,0,0,0)!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;
}
.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: 4;
}
.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_dataStore {
width: 100% !important;
}
.table > tbody > tr > th {
border: none !important;
}
i.tablesorter-icon {
background-image: none !important;
}
.tablesorter-header[data-sorter=false] {
cursor: default;
}
i.tablesorter-icon.glyphicon-chevron-up::before {
content: "\25bc" !important;
}
i.tablesorter-icon.glyphicon-chevron-down::before {
content: "\25b2" !important;
}
i.tablesorter-icon.bootstrap-icon-unsorted::before {
content: "-" !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;
}
.tablesorter-bootstrap tfoot td,
.tablesorter-bootstrap tfoot th,
.tablesorter-bootstrap thead td,
.tablesorter-bootstrap thead th,
.tablesorter-bootstrap>tbody>tr.even>td,
.tablesorter-bootstrap>tbody>tr.odd>td,
.tablesorter-bootstrap>tbody>tr.tablesorter-hasChildRow.even:hover~tr.tablesorter-hasChildRow.even~.tablesorter-childRow.even>td,
.tablesorter-bootstrap>tbody>tr.tablesorter-hasChildRow.odd:hover~tr.tablesorter-hasChildRow.odd~.tablesorter-childRow.odd>td {
background-color: transparent!important;
transition-duration: 250ms;
transition-property: background-color;
transition-delay: 20ms;
}
.table-condensed.table-bordered 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;
}
tr.tablesorter-filter-row td {
background-color: rgb(var(--bg-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;
}
.tablesorter-filter-row {
background-color: var(--btn-default-color)!important;
transition-duration: 500ms;
transition-property: background-color;
}
.table-condensed tr,
.table-condensed td {
height: 25px;
}
.table-condensed tbody tr td {
padding-top: 1px;
padding-bottom: 2px;
}
: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);
}
.tablesorter-filter {
background-color: rgb(var(--defaultBkg-color));
color: var(--link-color);
opacity: 0.85 !important;
}
/* __________________________________________________________________________________________________________CodeMirror */
div.CodeMirror {
height: auto;
background: var(--form-bg-color) !important;
}
[data-page=custom] .CodeMirror,
[data-page=custom] .CodeMirror textarea,
[data-page=custom] .CodeMirror-gutters {
height: 100% !important;
}
.CodeMirror:not(class*=cm-s-),
.CodeMirror-code,
.CodeMirror-sizer {
color: var(--sc-formTxt-color)!important;
}
.CodeMirror-gutters {
background: var(--form-bg-color)!important;
border-right: 0;
border: none !important;
}
.CodeMirror-linenumber {
color: var(--txt-color);
}
.CodeMirror-lines {
border-top: 4px solid var(--form-bg-color) !important;
padding: 0;
background: var(--sc-form-color) !important;
}
.CodeMirror-focused,
.CodeMirror-sizer,
.CodeMirror pre,
.CodeMirror-code {
background: var(--sc-form-color) !important;
}
.CodeMirror-focused,
.CodeMirror-selected {
background-color: rgba(0,0,0,1) !important;
}
/* hihgly special */
div[id^=__lpform_] { /*lastpass*/
display: none;
}
.jstree-anchor:hover {
box-shadow: none;
}
.jstree-default .jstree-clicked {
background-color: transparent;
border-right: 2.5px solid var(--logo-primary-color);
box-shadow: none;
}
.jstree li a {
width: 90% !important;
}
.jstree li a:hover {
background-color: var(--form-bg-color);
}
/* __________________________________________________________________________________________________________SCENARIO */
.scenario_link .label {
display: inline-block;
margin: 2px;
}
#div_scenarioElement {
padding-top: 5px;
padding-bottom: 20px;
}
#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;
margin: 0 !important;
min-width: 5.5em;
}
.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;
}
/* 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;
}
#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 input.expressionAttr {
font-weight: bold;
}
.element .expressionOptions input {
font-weight: normal;
}
.element .cursor {
color: var(--linkHoverLight-color) !important;
}
textarea {
resize: vertical !important;
}
/* sortable ui */
.sortable-placeholder,
.ui-sortable-placeholder {
display: none;
}
.sortable-placeholder + div,
.sortable-placeholder + .expression .element {
background-color: var(--logo-primary-color) !important;
}
.expressions .sortable.empty.ui-sortable-handle {
height: 25px !important;
}
.sortable-placeholderLast {
display: inline-block;
height: 25px !important;
background-color: var(--logo-primary-color) !important;
}
.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=radio] {
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;
}
.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: -12px !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 {
position: relative;
display: inline;
top: 5px;
}
.element .subElement.subElementAT legend + span {
position: relative;
display: inline;
top: 5px;
padding-left: 3px;
color: var(--link-color);
}
.element .subElement.subElementAT .expression {
top: 6px;
}
.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 {
z-index: -1;
}
.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;
opacity: 0.8;
}
/* __________________________________________________________________________________________________________FLOATING BARS */
#jqueryLoadingDiv {
color: var(--link-color)!important
}
.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;
}
.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;
}
.div_smallSideBar,
.bs-sidebar > ul {
/*background-color: rgba(var(--bg-color), var(--opacity)) !important;*/
}
.bs-sidebar li.active,
#ul_object li.li_object.active {
border-right: 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 */
.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;
}
.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-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 {
background-color: rgb(var(--panel-bg-color)) !important;
}
.graph-widget .highcharts-plot-band,
.chartContainer .highcharts-plot-band,
#div_graph .highcharts-plot-band,
#div_historyChart .highcharts-plot-band {
fill: rgb(var(--bg-color)) !important;
}
.highcharts-button-box {
fill: var(--el-defaultColor) !important;
}
.highcharts-button > text,
.highcharts-button-disabled > text{
fill: var(--link-color) !important;
}
.highcharts-axis-labels > text {
fill: var(--link-color) !important;
}
.highcharts-yaxis-grid .highcharts-grid-line {
stroke-width: 0.1 !important;
stroke: var(--link-color) !important;
}
path.highcharts-graph {
stroke-width: 1.2;
}
.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;
}
#div_graphLinkRenderer g {
fill: var(--txt-color);
}
.grid:after {
content: '' !important;
display: block !important;
clear: both !important;
}
/* design */
.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_grid {
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 .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;
}
/* view data table */
.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 */
.ui-autocomplete .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item-wrapper .ui-state-active {
cursor: pointer;
color: var(--txt-color);
background-color: var(--form-bg-color);
padding: 2px 5px;
border: none;
}
.ui-autocomplete .ui-menu-item-wrapper:hover {
color: var(--linkHoverLight-color);
background-color: var(--sc-formTxt-color);
border: none;
}
.ui-autocomplete.ui-front {
z-index: 5000;
}
#md_modal {
padding-left: 15px !important;
padding-right: 15px !important;
}
#div_confPlugin {
height: auto !important;
}
:not(.elfinder-dialog).ui-dialog {
box-shadow: 0px 0px 0px 1500px var(--shd-color) !important;
}
.modal-header {
border-bottom-width: 0 !important;
}
.modal-content {
background-color: var(--bg-modal-color)!important
}
.modal-footer {
border-top-color: rgb(var(--bg-color))!important
}
.modal-footer .btn-default {
height: 32px;
}
.modal-footer button[data-bb-handler=cancel],
.modal-footer a.btn[data-dismiss] {
background-color: var(--al-warning-color)!important;
}
.modal-footer button[data-bb-handler=confirm] {
background-color: var(--al-success-color)!important;
}
.close {
color: var(--link-color) !important;
opacity: 1;
border: none;
}
.close:hover {
opacity: 0.75;
}
.ui-widget {
font-size: 14px;
}
.bootbox.modal {
z-index: 9000;
}
.modal-footer .btn.bootbox-accept,
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
color: var(--linkHoverLight-color) !important;
background-color: var(--al-success-color)!important;
border: none!important;
}
.modal-footer .btn.bootbox-cancel,
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child {
background-color: var(--al-warning-color)!important;
}
.ui-dialog {
background-color: rgb(var(--defaultBkg-color));
}
.ui-dialog .ui-dialog-titlebar {
border-bottom: none !important;
background-color: rgb(var(--contrast-color)) !important;
padding: 0 5px;
}
.ui-dialog .ui-dialog-title {
color: rgb(var(--bg-color)) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
font-size: 16px;
font-weight: normal;
}
.ui-dialog .ui-dialog-title:before {
content: '\f105\00a0\00a0';
font-family: "Font Awesome 5 Free";
font-weight: 700;
}
.ui-dialog, .ui-dialog-content {
box-sizing: content-box !important;
}
.ui-state-active .ui-icon,
.ui-widget-header .ui-icon {
background-image: var(--url-iconsDark)!important;
}
.ui-dialog-content {
padding: 13px !important;
padding-right: 13px !important;
}
.ui-dialog-content > div:not(.alert):not(.jqAlert) {
/*! background: transparent !important; */
}
.ui-widget-content:not(.slider){
color: var(--txt-color) !important;
background: transparent !important;
border: none!important;
padding: 0em;
}
.jqAlert {
padding: 5px 30px;
margin-bottom: 5px;
}
/* history datepicker */
.xdsoft_datetimepicker,
.xdsoft_datetimepicker .blue-gradient-button {
font-family: "Roboto";
}
.hasDatepicker {
cursor: pointer;
}
#ui-datepicker-div {
background: rgb(var(--bg-color)) !important;
z-index: 1020 !important;
}
#ui-datepicker-div .ui-datepicker-header a {
color: red !important;
background: var(--link-color);
}
#ui-datepicker-div .ui-state-hover {
color: var(--linkHoverLight-color) !important;
background: var(--link-color);
}
div.vis-item,
div.vis-item-content {
background-color: white;
border-color: #D7D7D7;
padding:0px !important;
margin:0px !important;
}
.vis-timeline,
.vis-timeline div {
border-color: var(--placeholder-color) !important;
}
.ui-dialog .ui-dialog-buttonpane {
margin: 0;
}
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-buttonpane {
background-color: var(--bg-modal-color) !important;
}
.ui-resizable-handle.ui-icon {
background-image: none !important;
background-color: transparent !important;
}
.ui-button:hover {
opacity: 0.65;
}
button.ui-dialog-titlebar-close::before {
font-family: "Font Awesome 5 Free";
font-size: 16px !important;
font-weight: 700;
content: "\f00d";
color: rgb(var(--bg-color)) !important;
padding-right: 12px;
line-height: 10px;
vertical-align: top;
}
button.ui-dialog-titlebar-close {
position: absolute;
top: 30px !important;
font-size: 14px !important;
opacity: 1 !important;
text-shadow: none !important;
}
button.ui-dialog-titlebar-close:hover {
opacity: 0.75 !important;
}
.ui-dialog:not(.elfinder-dialog) .ui-icon-closethick {
display:none !important;
}
.fancybox-skin {
background-color: rgb(var(--bg-color)) !important;
}
.ui-helper-clearfix {
box-shadow: none !important;
}
/* datetime picker */
.xdsoft_datetimepicker {
box-shadow: none;
background: var(--bg-modal-color);
color: var(--txt-color);
font-family: "Roboto", Helvetica, Arial, sans-serif;
border: none;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
background: rgb(var(--bg-color));
border: none;
color: var(--txt-color);
}
.xdsoft_datetimepicker,
.xdsoft_timepicker,
.xdsoft_time_box {
border: none !important;
}
.xdsoft_time:hover {
background-color: var(--logo-primary-color) !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
background: var(--logo-primary-color) !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-spinner a.ui-spinner-button {
border: none;
opacity: 0.6;
}
.ui-spinner a.ui-spinner-button:hover {
opacity: 1;
background: var(--logo-primary-color);
}
.ui-button-icon.ui-icon {
background-image: var(--url-iconsLight);
margin-left: 0;
margin-top: 0;
}
/* Designs */
.nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none;
background-color: rgb(var(--defaultBkg-color))
}
/* __________________________________________________________________________________________________________TooltipSter */
.tooltipWrapper {
display: none;
}
.tooltipster-sidetip .tooltipster-box {
background: var(--al-info-color);
border: none;
border-radius: var(--border-radius) !important;
}
.tooltipster-sidetip .tooltipster-content {
color: var(--linkHoverLight-color);
padding: 2px 8px 4px 8px;
}
/* __________________________________________________________________________________________________________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 {
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;
}
.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;
}
#pre_globallog {
font-size: 12px;
letter-spacing: 0.12em;
line-height: 15px;
}
.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;
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;
}
.ui-dialog {
border-radius: var(--border-radius) !important;
}
.ui-dialog-titlebar {
border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}
.nav.nav-tabs li:first-child,
.nav.nav-tabs li:first-child a {
border-radius: var(--border-radius) 0 0 0 !important;
}
.nav.nav-tabs li:last-child,
.nav.nav-tabs li:last-child a {
border-radius: 0 var(--border-radius) 0 0 !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;
}
.navbar-nav.navbar-right .objectSummaryglobal {
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;
}
#div_editScenario ul.nav.nav-tabs {
margin-top: 30px !important;
}
.form-control,
.btn,
.label {
font-size: 12px !important;
}
.panel {
font-size: 14px !important;
}
.panel-title,
legend {
font-size: 14px !important;
}
}
@media screen and (min-width: 768px) {
.nav.navbar-nav {
height: 50px;
}
.navbar-collapse.collapse {
height: 50px !important;
}
}
@media screen and (max-width: 1200px) {
.navbar-nav.navbar-right .objectSummaryglobal {
max-width: calc(100vw - 630px);
}
}
@media screen and (min-width: 1199px) {
.navbar-nav.navbar-right .objectSummaryglobal {
max-width: calc(100vw - 880px);
}
}
@media screen and (min-width: 1680px) {
.navbar-nav.navbar-right .objectSummaryglobal {
max-width: 820px;
}
}
@media screen and (max-width: 768px) {
#div_displayLogList {
padding-top: 0 !important;
max-height: 11.5em;
}
}
@media screen and (max-width: 992px) {
.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;
}
}
@media (min-width:1600px) {
#objectOverviewContainer > div.col-lg-3 {
width: 20%;
}
}
@media (min-width:1920px) {
#objectOverviewContainer > div.col-lg-3 {
width: 14.2%;
}
}