/*
Theme Core 2019 @Jeedom
colors Light
*/
:root {
  --lineheight: 1.42em;
  /* keet it as rem even when zero!!*/
  --border-radius: 0rem;
  --opacity: 1;

  /* --url-logo: url('/core/themes/core2019_Light/desktop/logo-jeedom.png'); */

  --dashBkg-url: url("");
  --logo-primary-color: rgb(150, 201, 39);
  --logo-secondary-color: rgb(69, 68, 73);
  --bg-color: 232, 232, 234;
  --bg-modal-color: rgb(237, 238, 238);
  --contrast-color: 30, 30, 30;

  --txt-color: rgb(115, 115, 115);
  --link-color: rgb(90, 90, 90);
  --linkHover-color: rgb(140, 140, 148);
  --linkHoverLight-color: rgb(254, 254, 254);
  --placeholder-color: rgb(160, 160, 160);

  --sc-form-color: rgba(248, 250, 256, 0.85);
  --sc-formTxt-color: rgb(75, 75, 75);
  --sc-lightTxt-color: rgb(240, 240, 240);

  --el-defaultColor: rgb(200, 200, 200);
  --defaultBkg-color: 250, 250, 250;
  --form-bg-color: rgb(224, 226, 226);
  --btnEq-default-color: rgb(220, 220, 220);
  --btn-default-color: rgb(100, 100, 100);
  --panel-bg-color: 240, 241, 242;

  --eqTitle-color: rgb(240, 240, 240);
  --objectBkgd-color: rgb(105, 105, 105);
  --objectTxt-color: rgb(235, 235, 235);

  --eq-bg-color: 249, 249, 250;
  --cat-security-color: 180, 40, 40;
  --cat-heating-color: 60, 115, 165;
  --cat-automatism-color: 135, 135, 135;
  --cat-light-color: 220, 135, 25;
  --cat-multimedia-color: 65, 90, 125;
  --cat-energy-color: 58, 165, 72;
  --cat-other-color: 58, 120, 85;
  --cat-scenario-color: 80, 80, 84;

  --url-iconsDark: url(../img/ui-icons-white.png);
  --url-iconsLight: url(../img/ui-icons-black.png);

  --lb-info-color: rgb(110, 180, 240);
  --lb-yellow-color: rgb(240, 215, 0);
  --lb-yellow-color: rgb(240, 215, 0);
  --al-info-color: rgb(100, 160, 230);
  --al-primary-color: rgb(60, 120, 180);
  --al-success-color: rgb(80, 170, 80);
  --al-warning-color: rgb(240, 160, 40);
  --al-danger-color: rgb(190, 0, 0);
  --bt-success-color: rgb(150, 201, 39);

  --scBlocIF: rgb(85, 110, 130);
  --scBlocElse: rgb(70, 95, 115);
  --scBlocACTION: rgb(155, 146, 138);
  --scBlocIN: rgb(85, 138, 72);
  --scBlocAT: rgb(107, 137, 147);
  --scBlocFOR: rgb(172, 136, 42);
  --scBlocCODE: rgb(180, 80, 45);
  --scBlocCOM: rgb(70, 70, 70);

  --scBlocSep: rgb(35, 35, 35);

  --shd-color: rgba(0, 0, 0, 0.55);
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent !important;
}

::-webkit-scrollbar-thumb {
  background: var(--linkHover-color) !important;
}

body {
  font-family: 'Roboto' !important;
  font-size: 14px;
  line-height: 1.42;
  background-color: rgb(var(--panel-bg-color)) !important;
  color: var(--txt-color) !important;
}

body nav ul a,
body nav {
  color: rgb(var(--contrast-color)) !important;
  background-color: rgb(var(--eq-bg-color)) !important;
}

html,
body,
body .sidenav,
body #div_summary,
body #div_content {
  scrollbar-color: var(--linkHover-color) transparent !important;
  scrollbar-width: thin;
}

a {
  color: var(--al-success-color) !important;
}

button {
  cursor: pointer;
}

strong {
  font-weight: bold !important;
}

.sidenav {
  width: 280px !important;
  background-color: var(--bg-modal-color) !important;
}

.select-wrapper input.select-dropdown {
  height: 28px !important;
  line-height: 20px !important;
}

.dropdown-content li {
  min-height: 26px !important;
  padding: 5px 10px !important;
}

.dropdown-content li>span {
  font-size: 14px !important;
  height: 22px !important;
  padding: 2px 5px !important;
}

.collapsible-header,
body i {
  color: var(--link-color) !important;
}

#slide-out .select-wrapper>ul {
  color: var(--logo-primary-color) !important;
  background-color: rgb(var(--defaultBkg-color)) !important;
  border: none !important;
}

.navbar-fixed {
  z-index: 1000;
}

input,
.sidenav li>a {
  color: var(--link-color) !important;
}

.caret>path:first-child {
  fill: var(--link-color);
}

#navTopLeft {
  background: url("../img/background5.jpg") !important;
  background-size: cover !important;
}

#navTopLeft a {
  color: var(--linkHoverLight-color) !important;
  background-color: transparent !important;
}

#slide-out {
  top: 65px;
  height: calc(100% - 65px);
}

#slide-out .user-view {
  padding-top: 0;
}

#slide-out .select-wrapper .select-dropdown {
  border-bottom: 1px solid var(--logo-primary-color);
}

.dropdown-content li:not(.disabled)>span {
  color: var(--logo-primary-color) !important;
}

#div_summary {
  font-size: 13px;
  min-width: 16.6%;
  overflow: hidden !important;
}

#div_summary>ul {
  min-width: 16.6%;
  overflow: auto;
  height: calc(100% - 90px);
}

#ul_menu {
  white-space: nowrap;
}

#ul_menu li,
.sidenav li i {
  line-height: 32px !important;
  white-space: normal;
  word-break: break-word !important;
  overflow-wrap: break-word;
}

#ul_menu li a,
.sidenav li i {
  height: auto !important;
  line-height: 32px !important;
}

#ul_menu li.menu_active {
  background-color: var(--logo-primary-color);
}

#ul_menu li.menu_active>a {
  color: var(--linkHoverLight-color) !important;
}

#ul_menu li.small {
  font-style: italic;
  font-size: 16px !important;
  line-height: 14px !important;
  text-align: center;
  padding: 3px 8px;
  margin: 25px 12px;
}

.divider {
  background-color: var(--placeholder-color) !important;
  opacity: 0.6;
}

.sidenav-trigger {
  color: rgb(var(--contrast-color)) !important;
}

.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {
  background-color: rgb(var(--eq-bg-color)) !important;
}

.jeedomcolorbg {
  background-color: var(--logo-primary-color) !important;
}

.jeedomcolor {
  color: var(--logo-primary-color) !important;
}

.collection a.collection-item {
  color: var(--logo-primary-color) !important;
}

/*For doc content and toc */

.tocAnchor.active {
  font-weight: bold;
  border-left: 2px solid var(--logo-primary-color);
}

.tocAnchor {
  color: var(--link-color) !important;
  padding-left: 14px;
}

.tocAnchor:hover {
  color: var(--linkHover-color) !important;
}

#div_content {
  text-align: justify;
  padding-left: 200px !important;
  border-right: 1px solid var(--form-bg-color);
}

#div_content ul {
  list-style-type: initial !important;
}

#div_content ul li {
  list-style-type: initial !important;
  margin-left: 20px !important;
}

blockquote {
  border-left: 5px solid var(--al-warning-color) !important;
}


@media only screen and (max-width : 992px) {
  #div_content {
    padding-left: 10px !important;
  }
}

@media print {
  .hide-on-print {
    height: 0px !important;
    visibility: hidden !important;
  }

  .show-on-print {
    display: block !important;
  }

  #div_content {
    padding-left: 0px !important;
  }
}

.cookieAcceptBar {
  display: none;
  position: fixed;
  bottom: -50px;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #333;
  color: #fff;
  padding: 20px 0;
  z-index: 99999;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cookieAcceptBar a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#cookieAcceptBarConfirm {
  cursor: pointer;
  border: none;
  background-color: #2387c0;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}

#div_content h1 {
  font-size: 36px !important;
}

#div_content h2 {
  font-size: 30px !important;
  padding-left: 10px;
}

#div_content h3 {
  font-size: 26px !important;
  padding-left: 20px;
}

#div_content h4 {
  font-size: 24px !important;
  padding-left: 30px;
  font-weight: 300 !important;
}

#div_content h5 {
  font-size: 20px !important;
  padding-left: 36px;
  font-weight: 300 !important;
}

#div_content h6,
h7 {
  padding-left: 38px;
}

#div_content h1,
h2,
h3,
h4,
h5 {
  color: var(--logo-primary-color) !important;
}

#div_content small {
  font-size: 85%;
}

img.pluginLogo {
  height: 100px;
}

.pluginName {
  display: block;
  font-weight: bold;
}

table.plugin-table thead {
  display: none;
}

table.plugin-table td:not(:nth-child(2)) {
  text-align: center;
}

table.plugin-table td:nth-child(2) {
  padding-right: 20px;
  overflow-wrap: anywhere;
}

@media only screen and (max-width: 992px) {
  #div_content h1 {
    font-size: 32px !important;
  }

  #div_content h2 {
    font-size: 24px !important;
  }

  #div_content h3 {
    font-size: 22px !important;
  }

  #div_content h4 {
    font-size: 20px !important;
  }

  #div_content h5 {
    font-size: 17px !important;
  }

  img.pluginLogo {
    height: 64px !important;
  }
}

@media only screen and (max-width: 560px) {
  img.pluginLogo {
    height: 32px !important;
  }
}

pre {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, post millennium */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

pre.highlight {
  padding: 5px;
}

.gsc-control-cse {
  padding: 0 !important;
  margin: 0 !important;
}

.gsc-search-button {
  position: relative !important;
  left: -41px !important;
}

.gsc-control-cse {
  background: transparent !important;
  border: none !important;
}

.gsc-search-button-v2 {
  background-color: var(--logo-primary-color) !important;
  border: none !important;
}

.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
  padding: 9px 27px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.gsc-results-wrapper-overlay {
  font-family: 'Roboto' !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  background-color: rgb(var(--panel-bg-color)) !important;
  color: var(--txt-color) !important;
}

.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult {
  font-family: 'Roboto' !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  background-color: rgb(var(--panel-bg-color)) !important;
  color: var(--txt-color) !important;
}

.gs-webResult .gs-snippet {
  font-family: 'Roboto' !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  background-color: rgb(var(--panel-bg-color)) !important;
  color: var(--txt-color) !important;
}

.gsc-webResult.gsc-result {
  border: none !important;
  ;
  border-bottom: 1px solid var(--logo-primary-color) !important;
}

.gs-webResult.gs-result a.gs-title {
  color: var(--logo-primary-color) !important;
}

.gcsc-find-more-on-google {
  display: none !important;
}

.gsc-modal-background-image-visible {
  opacity: 0.4;
}

.gsc-search-box-tools .gstl_50 {
  background: none !important;
}

.gsib_a .gsc-input {
  background: none !important;
  background-color: var(--form-bg-color) !important;
  height: 2em !important;
  text-indent: 5px !important;
}

.gsc-input-box {
  border: none !important;
  background: none !important;
}

.gsc-tabHeader.gsc-tabhActive {
  color: var(--link-color) !important;
  border-color: var(--logo-primary-color) !important;
  background-color: var(--panel-bg-color) !important;
}

.gsc-tabHeader.gsc-tabhInactive {
  color: var(--link-color) !important;
  background-color: var(--form-bg-color) !important;
}

.gs-no-results-result .gs-snippet {
  border: 1px solid var(--logo-primary-color) !important;
}

.gstl_50 tr {
  border: none !important;
}

.gsib_b {
  display: none ! important;
}

.gsc-refinementsGradient {
  display: none !important;
}

.gsc-tabsArea {
  border: none !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

td.gsc-input,
.gsc-input td {
  padding: 0;
}

form.gsc-search-box {
  margin-bottom: -30px !important;
}

td.gsc-input {
  padding: 0 !important;
}

form.gsc-search-box {
  padding-bottom: 15px;
}

table.gsc-search-box td.gsc-input {
  padding-right: 0 !important;
}

td.gsib_a {
  padding: 0 !important;
}

td.gsc-search-button {
  left: 45px !important;
  padding: 0;
}

#div_searchBar tr {
  border: none !important;
}

details div {
  margin-left: 20px
}

details {
  font-weight: bold;
  cursor: pointer;
}

code,
div.highlighter-rouge pre.highlight {
  background: var(--sc-form-color);
  color: var(--scBlocSep);
}