/*
BLEU CIEL : 97E9FF
GRIS CLAIR : 313139
*/
@font-face {
  font-family:IstokBold;
  src: url('../fonts/IstokWeb-Bold.ttf');
}
@font-face {
  font-family:IstokRegular;
  src: url('../fonts/IstokWeb-Regular.ttf');
}
body,html,h1,h2,h3,h4,h5,h6
{
  font-family:IstokRegular;
}
#slider-vertical-blind
{
  border-radius: 100px;
  border: 3px solid black;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform:rotate(180deg);
}
.ui-state-default, .ui-widget-content .ui-state-default
{
    border:none;
    background: #1e87f0!important;
    border-radius: 100px;
    width: 120%!important;
}
.ui-widget-header
{
  background:#313139!important;
  border-bottom-right-radius:100px!important;
  border-bottom-left-radius:100px!important;
}
.uk-background-primary {
    background-color: #313139;
}
.ed-panel-not-selected
{
  display:none;
}
.ed-panel-conso .uk-width-1-2 h6,.ed-panel-meteo .uk-width-1-2 h6
{
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 36px;
  font-family: IstokBold;
}
.ed-panel-conso .uk-width-1-2 .ed-icon:before
{
    margin-right: 10px;
}
.ed-watch .ed-clock h4
{
  font-family:IstokBold;
  font-weight:normal;
  font-size:152px;
  color:white;
  margin-bottom:0px;
  line-height:100px;
  text-shadow: 1px 0px 20px rgba(0, 0, 0, 0.17);
}
.ed-watch .ed-panel h3
{
  font-family: IstokBold;
  color: #313139;
}
.ed-watch .ed-clock span
{
  font-size:40px;
  color:white;
  text-shadow: 1px 0px 20px rgba(0, 0, 0, 0.17);
}
.ed-widgets
{
  height:86vh;
}
.ed-meteo
{
  height:86vh;
}
.ed-alerte
{
  background: #313139;
  border-radius: 8px;
  padding: 6px 12px 4px;
  margin-right: 25px;
  font-size: 14px;
}
.ed-setting-button
{
  margin-right: 25px;
  color: white;
  padding-left:20px;
}
.ed-menu .ed-clock
{
  color:white;
  font-size:24px;
  margin-top:23px;
  text-shadow: 1px 0px 20px rgba(0, 0, 0, 0.17);
  display:none;
}
.ed-navbar-title
{

  padding-top:10px;
  padding-bottom:10px;
  padding-right:30px;
  font-size: 24px;
  font-family:IstokBold;
  font-weight:normal;
  z-index:11;
}

.ed-navbar-title::first-letter {
    text-decoration: underline;
    text-decoration-color: #97E9FF;
    text-underline-position: under;
}
.ed-widgets li
{
  width:100%;
}


.ed-navbar-icons
{
  padding:0px;
}

.ed-navbar-info
{
  padding-top:15px;
  padding-bottom:10px;
}
.ed-navbar-icons
{
  background:white;
}

.ed-navbar-icons i
{
  margin-top:5px;
  max-width: none;
  padding-left:20px;
}

.ed-navbar-welcome
{
  padding-left:50px;
  font-size: 2vw;
}

.ed-navbar
{
  margin-top:20px;
  font-weight: bold;
  color:white;
}


.ed-container
{
  margin-top : 30px;
}

.ed-container-grid
{
  margin-left:0px;
}
.ed-switcher .uk-padding-small
{
  padding:10px;
}

.ed-container-grid-cmd
{
  background-color:#313139;
  border-radius: 40px;
  height:20vh;
  width:20vh;
  padding:20px;
}

.ed-round .ed-icon:before
{
  font-size:30px;
}
.ed-round .ed-icon
{
  margin-top:-10px;
  display: inline-block;
}
.ed-widget
{
  padding:1vh;
}
.ed-container-grid-cmd h4
{
  color:white;
  font-size:18px;
  font-family:IstokBold;
  font-weight:normal;
}
.ed-widgets .uk-slider-container
{
  min-height:630px;
}
.ed-cont
{
  width:100%;
}
#login-modal .uk-modal-dialog
{
  height:100%;
  z-index:1111111111111111;
}
@media(min-width:641px)
{
  full .rs-tooltip {
    top: 53%!important;
    left: 67%!important;
  }
}
.uk-switcher #watch-handle
{
    margin-top: -40px;
}
@media (max-height: 640px) {
  .ed-container-grid-cmd h4
  {
    font-size:14px;
  }
  .ed-container-grid-cmd .ed-round
  {
    margin:15px!important;
    padding-top: 4px!important;
    padding-bottom: 15px!important;
    width: 22px!important;
    height: 10px!important;
    font-size:14px!important;
  }
}

@media (min-width: 960px) {
  .rs-tooltip-text
  {
    top: 53%!important;
    left: 67%!important;
  }
  .ed-text {
    top:115px!important;
  }
  .rs-control
  {
    height:190px!important;
  }

}
@media (max-width: 960px) {
  #slider-vertical-blind
  {
    height:120px!important;
    margin-top:20px;

  }
  .rs-control
  {
    height:140px!important;
  }
  .rs-tooltip-text
  {
    margin-top: -65px!important;
    top: 73%!important;
    left: 85%!important;
  }
  .ed-widgets .uk-slidenav
  {
    margin-left:30px!important;
  }
  .ed-widgets .uk-slider-container
  {
    margin:10px!important;
    margin-left: 5px!important;
    min-height:inherit;
    margin-top: 10px!important;
  }
  .ed-widgets .ed-cont
  {
    margin-top:-195px!important;
    top:0px;
  }
  .ed-container-grid-cmd h4 {
    font-size: 14px;
    line-height:14px;
  }
  .ed-navbar-title
  {
    padding-left:5px!important;
  }
  .rs-tooltip-text
  {
    left: 110px!important;
    top: 97px!important;
  }
  .ed-panel .uk-padding
  {
        padding:14px 20px!important;
  }
  h3
  {
    font-size:18px;
  }
  .ed-text
  {
        width: 121%!important;
  }
  .ed-container-grid-cmd {
    background-color: #313139;
    border-radius: 30px;
    height: 12vh;
    width: 20vh;
    padding: 15px;
  }
  .ed-container-grid-cmd .ed-round
  {
    margin:12px!important;
  }
  .rs-block .rs-inner
  {
    top: -4px;
    left: -4px;
    height: 110%!important;
    width: 110%!important;
  }
  .ed-round.ed-active
  {
    border:3px solid #00c7ff!important;
    background:#00c7ff!important;
    color: rgb(255, 255, 255)!important;
  }
  .number
  {
    display:none;
  }
  .blur
  {
    display:none;
  }
  .ed-web-panel
  {
    display:none;
  }
  .ed-mobile-panel
  {
    display:inline-block!important;
  }
  .ed-mobile-panel-2
  {
    display:inline-block!important;
  }
  .ed-siemens
  {
    display:none;
  }
  .ed-navbar-icons
  {
    margin:0px!important;
  }
  .ed-navbar-info
  {
    position: fixed;
    top: -5px;
    right: 0px;
  }
  .ed-clock
  {
    width:100%;
  }
  .ed-alerte
  {
    display:none;
  }
  .ed-watch .ed-panel
  {
      height:400px!important;
  }
  .ed-watch
  {
    margin-top:100px!important;
  }
  .ed-nowatch
  {
    display:none!important;
  }
  .rs-block,.rs-container
  {
    width:130px!important;
    height:130px!important;
  }
  .rs-container
  {
    margin-top:70px;
    width:130px!important;
    height:130px!important;
    margin-left:12%!important;
  }
  .ed-menu
  {
    margin-left: 0px!important;
    position: fixed!important;
    bottom: 0px;
    color: black;
  }

  .rs-tooltip-text
  {
    font-size:36px!important;
  }
  .ed-widgets
  {
    height:auto;
  }
  .ed-widgets .uk-slider-items
  {
    margin-top:36vh;
  }
  .ed-clock
  {
    margin-top:-40px;
  }
  .panel
  {
    margin-top:170px!important;
  }
  .ed-navbar
  {
    background: rgba(49, 49, 57, 0.84);
    margin: 0px!important;
    position:fixed!important;
    padding: 10px
  }

  .uk-background-primary
  {
    position: fixed;
    width: 100%;
  }
  .ed-clock h4
  {
    display:none;
  }
  .ed-watch .ed-panel
  {
    height:30vh!important;
        margin-top: calc(-112px + 12vh)!important;
  }
  .ed-panel
  {
    margin:15px!important;
    margin-top:-38px!important;
    z-index: 1111111;
    position: absolute!important;
  }
  .ed-clock
  {
    margin-left:10px;
  }
  .ed-switcher
  {
    width:100%;
    position:fixed;
    margin-left: -35px;
  }
}
.ed-mobile-panel
{
  display:none;
}
.ed-container-grid-cmd.uk-active
{
  background:white;
}
.ed-container-grid-cmd.uk-active h4
{
  color:#313139;
}
.ed-container-grid-cmd.uk-active .ed-round
{
  color:#313139;
}
.ed-container-grid-cmd .ed-round
{
  border-radius: 150px;
  border: 3px solid rgba(151,232,255,0.4);
  padding: 10px;
  padding-top: 8px;
  padding-bottom: 12px;
  padding-left: 4px;
  padding-right: 4px;
  width: 32px;
  height: 20px;
  text-align: center;
  font-family: IstokBold;
  font-weight: normal;
  color: rgba(151,232,255,1);
  font-size: 16px;
  margin:20px;
}
.ed-weather div
{
  color: white;
  font-size: 30px;
  font-family: IstokRegular;
}
.ed-weather .ed-icon:before
{
  font-size:72px;
}
.ed-watch .ed-panel
{
  display:none;
  background: white;
  border-radius: 40px;
  width: 90%;
  height: 80%;
  margin: 20px;
}
.ed-watch .ed-panel .uk-button,.uk-button-primary
{
  border-radius:100px;
  border:3px solid #313139;
  color: #313139;
  margin:5vh;
  font-family:IstokRegular;
  font-size:16px;
  width:60%;
  margin-left: auto;
  margin-right: auto;
}
.ed-watch .ed-panel .uk-button.uk-active
{
  border:3px solid #97e8ff;
}

.uk-button-primary
{
  background:white;
  width:auto;
  margin:0px;
}
.ed-text
{
  color: #313139;
  z-index: 1000;
  position: absolute;
  top: 135px;
  width: 100%;
}
.ed-watch .ed-panel .ed-icon
{
  margin-top:-5px;
  color: #313139;
}
.ed-watch .ed-panel .ed-icon:before
{
  font-size:30px;
}
.ed-container-grid-cmd .ed-round.off
{
  border: 3px solid rgba(151,232,255,0.1);
}
.ed-widgets .uk-slidenav
{
  top:-40px;
  margin-left:40px;
  color:white;
}
.ed-switcher
{
  margin-bottom:0.5vh;
}
.ed-switcher .uk-button
{
  background: white;
  border-radius: 100px;
  border: 0px;
  text-transform: none;
}

.ed-container-grid-cmd-light
{

}

.ed-container-grid-cmd-title
{
  font-size: 2vw;
  padding:2px;
  color:white;
}
.ed-navbar-icons .ed-icon
{
  padding:10px 20px;
  text-align: center;
}
.ed-navbar-icons .ed-icon h6
{
  position: absolute;
  top: -35px;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 5%;
}
.ed-navbar-icons .ed-icon.uk-active
{
  background: linear-gradient(45deg, white 25%, #8e8e8e 25%, #8e8e8e 50%, white 50%, white 75%, #8e8e8e 75%);
  background-size: 5px 5px;
}
.ed-navbar-icons .ed-icon:before
{
  font-size: 36px;
  color: #313139;
  text-align:center;
}
.ed-icon:before
{
  font-size:14px;
  margin-left:0px;
}
.ed-setting-button:before
{
  font-size:36px;
}
.watch2
{
  height: 84vh;
    margin-top: 0px;
    /* width: 90%; */
    display: block;
    float: right;
}
.blur
{
  opacity: 0.4;
  background-image: -webkit-linear-gradient(bottom left, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
  background-image: -moz-linear-gradient(bottom left, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
  background-image: -o-linear-gradient(bottom left, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
  background-image: linear-gradient(to top right, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
  position: absolute;
  width: 100%;
  height: 80%;
  -webkit-filter: blur(50px);
  -o-filter: blur(50px);
  filter: blur(50px);
  filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='70');
  top: -70px;
  right: -70px;
  left: -70px;
  padding: 70px;
}
.blur:after
{
  content: '';
  position: absolute;
  height: 90%;
  width: 100%;
  z-index: 1001;
  background-image: -webkit-linear-gradient(339deg, rgba(43, 40, 50, 0.8) 0%, rgba(43, 40, 50, 0.4) 46%, rgba(0, 0, 0, 0.05) 50%);
  background-image: -moz-linear-gradient(339deg, rgba(43, 40, 50, 0.8) 0%, rgba(43, 40, 50, 0.4) 46%, rgba(0, 0, 0, 0.05) 50%);
  background-image: -o-linear-gradient(339deg, rgba(43, 40, 50, 0.8) 0%, rgba(43, 40, 50, 0.4) 46%, rgba(0, 0, 0, 0.05) 50%);
    background-image: linear-gradient(339deg, rgb(136, 146, 47) 0%, rgb(121, 174, 210) 46%, rgba(0, 155, 255, 0.12) 50%);  -webkit-filter: blur(70px);
  -o-filter: blur(70px);
  filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='70');
  filter: blur(70px);
}
.ed-siemens
{
  padding:0px;
  width: 135px;
  background: white;
  height: 31px;
  margin-top: 11px;
}
/*!
 * roundSlider v1.3.2 | (c) 2015-2018, Soundar
 * MIT license | http://roundsliderui.com/licence.html
 */

.rs-ie, .rs-edge {
    -ms-touch-action: none;
    touch-action: none;
}
.rs-control { position: relative; outline: 0 none; }
.rs-container { position: relative; }
.rs-control *, .rs-control *:before, .rs-control *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rs-animation .rs-transition
{
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.rs-bar
{
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.rs-control .rs-split .rs-path,
.rs-control .rs-overlay1,
.rs-control .rs-overlay2
{
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.rs-control .rs-overlay
{
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.rs-rounded .rs-seperator, .rs-split .rs-path {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.rs-control.rs-error
{
    border: 1px dotted;
    text-align: center;
}
.rs-readonly {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 100;
}
.rs-disabled {
    opacity: 0.35;
}
.rs-inner-container
{
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.quarter div.rs-block { height: 200%; width: 200%; }
.half.top div.rs-block, .half.bottom div.rs-block { height: 200%; width: 100%; }
.half.left div.rs-block, .half.right div.rs-block { height: 100%; width: 200%; }
.bottom > .rs-inner-container > .rs-block { top: auto; bottom: 0; }
.right .rs-inner-container > .rs-block { right: 0; }
div.rs-block { -webkit-border-radius: 1000px; border-radius: 1000px; }
.rs-block
{
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 3;
}
.rs-block .rs-inner
{
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}
.rs-overlay { width: 50%; }
.rs-overlay1, .rs-overlay2 { width: 100%; }
.rs-overlay, .rs-overlay1, .rs-overlay2
{
    position: absolute;
    background-color: white;
    z-index: 3;
    top: 0;
    height: 50%;
}
.rs-bar
{
    display: block;
    position: absolute;
    height: 0;
    z-index: 10;
}
#slider-heat .rs-handle
{
  display:none;
}
.rs-bar.rs-rounded {
    z-index: 5;
}
.rs-bar .rs-seperator {
    height: 0px;
    display: block;
    float: left;
}
.rs-bar:not(.rs-rounded) .rs-seperator {
    border-left: none;
    border-right: none;
}
.rs-bar.rs-start  .rs-seperator { border-top: none; }
.rs-bar.rs-end  .rs-seperator { border-bottom: none; }
.rs-bar.rs-start.rs-rounded .rs-seperator { border-radius: 0 0 1000px 1000px; }
.rs-bar.rs-end.rs-rounded .rs-seperator { border-radius: 1000px 1000px 0 0; }
.full .rs-bar, .half .rs-bar { width: 50%; }
.half.left .rs-bar, .half.right .rs-bar, .quarter .rs-bar { width: 100%; }
.full .rs-bar, .half.left .rs-bar, .half.right .rs-bar { top: 50%; }
.bottom .rs-bar { top: 0; }
.half.right .rs-bar, .quarter.right .rs-bar { right: 100%; }

.rs-handle.rs-move { cursor: move; }
.rs-readonly .rs-handle.rs-move { cursor: default; }
.rs-path { display: block; height: 100%; width: 100%; }
.rs-split .rs-path
{
    -webkit-border-radius: 1000px 1000px 0 0;
    border-radius: 1000px 1000px 0 0;
    overflow: hidden;
    height: 50%;
    position: absolute;
    top: 0;
    z-index: 2;
}

/*** tooltip styles ***/
.rs-tooltip
{
    position: absolute;
    cursor: default;
    border: 1px solid transparent;
    z-index: 10;
}
.full .rs-tooltip { top: 47%; left: 50%; }
.bottom .rs-tooltip { top: 0; }
.top .rs-tooltip { bottom: 0; }
.right .rs-tooltip { left: 0; }
.left .rs-tooltip { right: 0; }
.half.top .rs-tooltip, .half.bottom .rs-tooltip { left: 50%; }
.half.left .rs-tooltip, .half.right .rs-tooltip { top: 50%; }
.rs-tooltip .rs-input { outline: 0 none; border: none; background: transparent; }
.rs-tooltip-text { font-family: verdana; font-size: 13px; border-radius: 7px; text-align: center; }
.rs-tooltip.edit, .rs-tooltip .rs-input { padding: 5px 8px;


 }
.rs-tooltip.hover, .rs-tooltip.edit:hover { border: 1px solid #AAAAAA; cursor: pointer; }
.rs-readonly .rs-tooltip.edit:hover { border-color: transparent; cursor: default; }

/*** handle types ***/
.rs-handle { border-radius: 1000px; outline: 0 none; float: left; }
.rs-handle.rs-handle-square { border-radius: 0px; }
.rs-handle-dot { border: 1px solid #AAAAAA; padding: 6px; }
.rs-handle-dot:after {
    display: block;
    content: "";
    border: 1px solid #AAAAAA;
    height: 100%;
    width: 100%;
    border-radius: 1000px;
}

/*** theming - colors ***/

.rs-path-color { background-color: #FFFFFF; }
.rs-range-color {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2bb0d8+0,f4f4f4+100 */
  background: rgb(43,176,216); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(43,176,216,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(43,176,216,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(43,176,216,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bb0d8', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.rs-bg-color { background-color: #FFFFFF; }
.rs-handle { background-color: #838383; }
.rs-handle-dot { background-color: #FFFFFF; }
.rs-handle-dot:after { background-color: #838383; }.rs-control .rs-range-color {
}
.rs-control .rs-path-color {
    background-color: white;
}
.rs-control .rs-handle {
    background-color: #838383;
}
.rs-control .rs-bg-color {
    background-color: white;
}
.rs-tooltip-text
{
  color: #313139;
  font-size: 72px;
  font-family: IstokBold;
  margin-top: -60px!important;
  margin-left: -115px!important;
  width: 100%!important;

}
#watch-handle
{
  width: 100%;
  height: 230px;
}
.rs-control
{
  margin-left:auto!important;
  margin-right:auto!important;
}
.rs-control .rs-handle {
    background-color: #00bdff;
    width: 50px!important;
    height: 50px!important;
    border-radius: 100px;
    border: 5px solid white;

    margin:-19px 0px -0px -13px!important;
}
.rs-container
{
  height: 230px;
  width: 230px;
}

.rs-control .rs-path-color {
    background-color: #313139;
}
.nd-music-handle
{
  width:100%;
  margin-top:30px;
}
.ed-radios
{
  width:80%;
  margin-left: auto;
  margin-right: auto;
  margin-top:15px!important;
}
.ed-radios div.uk-active
{
  padding:0px;
  opacity:1;
}
.ed-radios div.uk-active img
{
  width:100%;
}
.ed-radios div
{
  padding:5px;
  opacity:0.4;
}
.ed-radios div img
{
  width:80%;
}
.ed-panel-music .uk-slider
{
  margin:10px 30px;
}
.ed-panel-music .uk-slider .ed-icon
{
  color:white;
}
.ed-panel-music .uk-slider .ed-icon:before
{
  font-size:36px;
}
.ed-panel-music .uk-slider .uk-panel
{
  text-shadow: 0px 0px 18px #00000061;
}
.ed-panel-music .flaticon-play-button-2:before
{
  font-size:36px!important;
}
.ed-panel-blind .uk-button
{
  margin:10px 0px!important;
}
.rs-control
{
  margin-right:0px;
}
.uk-subnav
{
  z-index: 111111111;
}
.uk-subnav-pill li a
{
  background:white;
  padding: 10px;
  border-radius:100px;
}
.uk-subnav-pill li
{
  background:white;
  padding: 10px 3px;
  border-radius:100px;
}

.ed-panel-music .nd-room-choice
{
  height:30vh;
  border-radius:20px;
  width:100%;
}
.uk-modal-dialog
{
  width:auto;
}
#modal-center h6
{
  background: #47a3bc;
  color: white;
  padding: 20px;
  color: white;
}