/**
 * Intellectual Property of Philips N.V. All rights reserved.
 * 
 * @copyright (c) 2015, Philips N.V.
 * @author V.A. (Victor) Angelier <victor.angelier@philips.com>
 * @version 1.0
 * @license http://www.apache.org/licenses/GPL-compatibility.html GPL
 * 
 *    Welcome to HueLabs. Intellectual Property of Philips N.V. All rights reserved.
 *    Regarding #Security issues, #Bugs and #Vulnerabilities we would like to inform you
 *    about our #Responsible #Disclosure. Please be aware that HueLabs is a lab and
 *    possible security issues may surface. Therefor we ask you to inform us about anything
 *    you may find or encounter.
 *
 *    Responsible Disclosure Statement: http://www.philips.com/a-w/security/responsible-disclosure-statement.html
 *    PGP Public Key: http://www.philips.com/content/dam/corporate/security/master/pgp-key/productsecurity-at-philips-dotcom_public_OpenPGP_certificate.asc
 *
 */

/* 
    Created on : 19-mrt-2015, 16:08:03
    Author     : V.A. Angelier
*/

/***scenes.css***/
.scene-option{background-color:#dedede;max-height:100px!important;max-width:100px!important}.scene-Ischgl{background:rgba(0,0,0,0) url("/img/scenes/ArcticAurora_SceneBallThumb@3x.jpg") no-repeat scroll 0 0 / cover}.scene-d15{background:rgba(0,0,0,0) url("/img/scenes/SavannaSunset_SceneBallThumb@3x.jpg") no-repeat scroll 0 0 / cover}.scene-d16{background:rgba(0,0,0,0) url("/img/scenes/TropicalTwilight_SceneBallThumb@3x.jpg") no-repeat scroll 0 0 / cover}.scene-d17{background:rgba(0,0,0,0) url("/img/scenes/ArcticAurora_SceneBallThumb@3x.jpg") no-repeat scroll 0 0 / cover}.scene-d01{background:rgba(0,0,0,0) url("/img/scenes/Relax@3x.png") no-repeat scroll 0 0 / cover}.scene-d02{background:rgba(0,0,0,0) url("/img/scenes/Reading@3x.png") no-repeat scroll 0 0 / cover}.scene-d03{background:rgba(0,0,0,0) url("/img/scenes/Concentrate@3x.png") no-repeat scroll 0 0 / cover}.scene-d04{background:rgba(0,0,0,0) url("/img/scenes/Energize@3x.png") no-repeat scroll 0 0 / cover}.scene-d05{background:rgba(0,0,0,0) url("/img/scenes/BrightBall_Background@3x.jpg") no-repeat scroll 0 0 / cover}.scene-d06{background:rgba(0,0,0,0) url("/img/scenes/DimmedBall_Background@3x.jpg") no-repeat scroll 0 0 / cover}.scene-d07{background:rgba(0,0,0,0) url("/img/scenes/NightlightBall_Background@3x.jpg") no-repeat scroll 0 0 / cover}.scene-d18{background:rgba(0,0,0,0) url("/img/scenes/SpringBlossom_SceneBallThumb@3x.jpg") no-repeat scroll 0 0 / cover}

/**""/css/checkbox.min.css";**/
label input[type="checkbox"]{margin-top:10px!important}.checkbox-philips{padding-right:10px!important}.checkbox-philips label{margin-right:10px!important;color:black!important}input[type="checkbox"]{opacity:0;z-index:1}input[type="checkbox"]:checked+span::after{font-family:'FontAwesome';content:"\f00c"}.checkbox span{display:inline-block;vertical-align:middle;position:relative;padding-left:5px;margin-top:-26px!important}.checkbox span:before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:3px;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out;top:5px!important}.checkbox span:after{display:inline-block;position:absolute;width:16px;height:16px;left:0;top:0;margin-left:-20px;padding-left:3px;padding-top:1px;font-size:11px;color:#555}input[type='checkbox']{height:100%!important;min-height:20px!important;line-height:24px}.form-inline .checkbox input[type="checkbox"]{left:0!important;margin-left:0;margin-top:0!important;padding-top:0!important;position:relative;top:0!important}

/*"/css/feature-list.min.css";**/
#featurelist{padding:0;min-width:100%;min-height:100%}#featurelist .featurelist{min-width:100%;min-height:100%}#featurelist .feature{min-height:410px;overflow:hidden}#featurelist .featurelist .feature h1{font-family:CentraleLight,Arial,Helvetica,serif;font-size:18px;margin-left:10px;margin-top:10px}#featurelist .featurelist .feature h1 white{font-size:20px;color:white;font-weight:bolder;font-family:CentraleBold,Arial,Helvetica,serif}#featurelist .featurelist .feature-image{position:relative;height:100%;min-height:100%;width:100%;left:0;top:0}#featurelist .featurelist .feature-image img{width:100%}#featurelist .featurelist .feature-body{min-width:100%;left:0;top:0;width:100%}#featurelist .featurelist .feature-body h1:first-child{position:relative}#featurelist .featurelist .feature .glyphicon-star,#featurelist .featurelist .feature .glyphicon-star-empty{font-size:170%!important}#featurelist .featurelist .feature .glyphicon-star{color:#face34!important}#featurelist .featurelist .feature-image:after{clear:both!important}#featurelist .featurelist .feature .gradient{background:#0438f4;background:-moz-linear-gradient(left,rgba(4,56,244,1) 0,rgba(155,194,221,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(4,56,244,1)),color-stop(100%,rgba(155,194,221,1)));background:-webkit-linear-gradient(left,rgba(4,56,244,1) 0,rgba(155,194,221,1) 100%);background:-o-linear-gradient(left,rgba(4,56,244,1) 0,rgba(155,194,221,1) 100%);background:-ms-linear-gradient(left,rgba(4,56,244,1) 0,rgba(155,194,221,1) 100%);background:linear-gradient(to right,rgba(4,56,244,1) 0,rgba(155,194,221,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0438f4',endColorstr='#9bc2dd',GradientType=1);min-width:100%;min-height:50px}.margin-left-0{margin-left:0!important}

/*"/css/slider.min.css";**/
body{background-color:#ecf0f1}.demo-wrapper{width:320px;margin-right:auto;margin-left:auto;margin-top:120px;padding:10px}*:focus,*:active{outline:0}.safari input[type=range],.chrome input[type=range],.opera input[type=range]{-webkit-appearance:none;width:100%;border-radius:8px;height:7px;border:1px solid #bdc3c7;background-color:#fff}.safari input[type='range']::-webkit-slider-thumb,.chrome input[type='range']::-webkit-slider-thumb,.opera input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;background-color:#ecf0f1;border:1px solid #bdc3c7;width:20px;height:30px;border-radius:5px;cursor:pointer}.firefox input[type=range]{width:100%;zoom:1}.firefox input[type=range]::-moz-range-track{border-radius:8px;height:7px;border:1px solid #bdc3c7;background-color:#fff}.firefox input[type=range]::-moz-range-thumb{background:#ecf0f1;border:1px solid #bdc3c7;width:20px;height:30px;border-radius:5px;cursor:pointer}.ie input[type="range"]::-ms-fill-lower,.ie input[type="range"]::-ms-fill-upper{background:transparent}.ie input[type="range"]::-ms-track{border-radius:8px;height:7px;border:1px solid #bdc3c7;background-color:#fff}.ie input[type="range"]::-ms-thumb{background-color:#ecf0f1;border:1px solid #bdc3c7;width:20px;height:30px;border-radius:5px;cursor:pointer}

/*"/css/carousel.min.css";**/
.navbar-wrapper{position:absolute;top:0;right:0;left:0;z-index:20}.navbar-wrapper>.container{padding-right:0;padding-left:0}.navbar-wrapper .navbar{padding-right:15px;padding-left:15px}.navbar-wrapper .navbar .container{width:auto}.carousel{min-height:500px}.carousel-caption{z-index:10}.carousel .item{background-color:#777}.carousel-inner>.item>img{position:absolute;top:0;left:0;min-width:100%;height:500px}.marketing .col-lg-4{margin-bottom:20px;text-align:center}.marketing h2{font-weight:normal}.marketing .col-lg-4 p{margin-right:10px;margin-left:10px}.featurette-divider{margin:80px 0}.featurette-heading{font-weight:300;line-height:1;letter-spacing:-1px}@media(min-width:768px){.navbar-wrapper{margin-top:20px}.navbar-wrapper .container{padding-right:15px;padding-left:15px}.navbar-wrapper .navbar{padding-right:0;padding-left:0}.navbar-wrapper .navbar{border-radius:4px}.carousel-caption p{margin-bottom:20px;font-size:21px;line-height:1.4}.featurette-heading{font-size:50px}}@media(min-width:992px){.featurette-heading{margin-top:120px}}

/**"/css/widgets.min.css";**/
.widget-tap-button{height:50%;margin:10px auto;max-height:70%;max-width:100%;min-height:10%;outline:medium none;display:inline-block}.widget-tap-button>.widget-container>.tap-button-1{background-image:url("/img/TapButton1.png");height:100%;margin:0 auto;width:100%;z-index:1;background-repeat:no-repeat;background-position:left top;left:0;top:0}.widget-tap-button>.widget-container>.tap-button{background-color:#b9b9b9;background-repeat:no-repeat;background-size:contain;border-radius:50%;font-size:0;max-width:100%;min-width:0;position:absolute}.widget-tap-button>.widget-container>.small-button{border-radius:50%;height:25%;width:25%;z-index:2}.widget-tap-button>.widget-container>.tap-button-2{background-color:#b9b9b9;background-image:url("/img/TapButton2.png");left:12.5%;top:37.5%}.widget-tap-button>.widget-container>.tap-button-3{background-color:#b9b9b9;background-image:url("/img/TapButton3.png");left:37.5%;top:62.5%}.widget-tap-button>.widget-container>.tap-button-4{background-color:#b9b9b9;background-image:url("/img/TapButton4.png");left:62.5%;top:37.5%}.widget-tap-button>.tap-image{z-index:3}.widget-tap-button>.widget-container{margin:0 auto;min-height:150px;min-width:150px;position:relative;margin-bottom:30px}.widget-tap-button>.widget-container>.button-selected{background-color:#0089c4;border-radius:50%}@media only screen and (min-width:320px) and (max-width:736px){.widget-tap-button>.widget-container{height:auto;width:auto}}@media all and (min-width:737px){.widget-tap-button>.widget-container{height:auto;width:auto}}

/**"/css/hue-tap.min.css";**/
.tap-list{color:black}.tap-holder{display:inline-block;width:180px;cursor:pointer;text-align:center;white-space:nowrap;padding:0 !important;overflow:hidden}.tap-holder label{margin:0 !important;padding:0 !important}.tap-holder img{width:150px;height:150px;margin-bottom:0.5em}.tap-holder .tap-input-group span{text-align:left;margin-top:1px !important}.tap-holder .tap-input-group em{font-size:14px}.visible-xs .tap-select-holder{text-align:center}.select-bridge *{color:white !important}.button-select-holder .widget-tap-button > .widget-container{margin-bottom:0}.button-has-feature:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 102, 161, 0.20);border-radius:50%}.button-select-holder,.button-legend-holder{display:inline-block;vertical-align:middle;margin:0 1em}.button-legend-holder ul{list-style:none;margin:0;padding:0}.button-legend-holder button{border:0;outline:0;background:none;color:#cd202c;line-height:1}.button-legend-holder button:hover{color:#8b161e}.button-legend-holder .legend-available{color:#ccc}.button-legend-holder li{padding-left:1.25em;position:relative;text-align:left}.button-legend-holder li:before{content:'';position:absolute;left:0;top:0.5em;width:0.5em;height:0.5em;background-size:contain}.legend-button-1:before{background:url('/img/tap-button-number-1.svg') center no-repeat}.legend-button-2:before{background:url('/img/tap-button-number-2.svg') center no-repeat}.legend-button-3:before{background:url('/img/tap-button-number-3.svg') center no-repeat}.legend-button-4:before{background:url('/img/tap-button-number-4.svg') center no-repeat}

/*"/css/social-media.min.css";**/
.social-media{display:inline-block;height:66px;width:66px;background:0;background-color:transparent!important;background-image:url("/img/socialmedia.png");background-repeat:no-repeat;background-position:left top;cursor:pointer}.twitter-icon{background-position:-66px 0}.facebook-icon{background-position:0 0}.facebook{background-position:0 0}

@font-face {    
    font-family: 'centrale_sansbold';
    src: url('/fonts/CentraleSans-Bold-webfont.eot');
    src: url('/fonts/CentraleSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/CentraleSans-Bold-webfont.woff2') format('woff2'),
         url('/fonts/CentraleSans-Bold-webfont.woff') format('woff'),
         url('/fonts/CentraleSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/CentraleSans-Bold-webfont.svg#centrale_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'centrale_sanslight';
    src: url('/fonts/CentraleSans-Light-webfont.eot');
    src: url('/fonts/CentraleSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/CentraleSans-Light-webfont.woff2') format('woff2'),
         url('/fonts/CentraleSans-Light-webfont.woff') format('woff'),
         url('/fonts/CentraleSans-Light-webfont.ttf') format('truetype'),
         url('/fonts/CentraleSans-Light-webfont.svg#centrale_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'centrale_sansthin';
    src: url('/fonts/CentraleSans-Thin-webfont.eot');
    src: url('/fonts/CentraleSans-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/CentraleSans-Thin-webfont.woff2') format('woff2'),
         url('/fonts/CentraleSans-Thin-webfont.woff') format('woff'),
         url('/fonts/CentraleSans-Thin-webfont.ttf') format('truetype'),
         url('/fonts/CentraleSans-Thin-webfont.svg#centrale_sansthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

html *, body, body *
{
    font-family: "centrale_sanslight", Verdana, Arial, Helvetica, Serif;
    font-size: 18px;
    line-height: 28px;
}

#landingPage *
{
    color: white;
}
#loadingPage {
    background:black;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    text-align:center;
    padding-top:40vh;
}

#loadingLogo {
    max-width: 70%;
    height: auto;
}

#loadingGradient {
    width:100%;
    height:3px;
    position:absolute;
    top:0;
    left:0;
}
.loader-bar {
 	margin: 50px auto;
	width: 100%;
	min-height: 50px;
	height: 50px;
	max-height: 100px;
	max-width: 100px;
	text-align: center;
	font-size: 10px;
}

.loader-bar > div {
  background-color: rgba(250,250,250,0.75);
  height: 100%;
  width: 6px;
  margin: 2%;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.loader-bar .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.loader-bar .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.loader-bar .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.loader-bar .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

#holder
{
    padding: 0px;
    color: white;
}
body
{
    margin: 0px; padding: 0px;
    background-color: black;
    min-width: 320px;
}
html
{
    position: relative;
    min-height: 100%;
    background-color: black;
}
.ui-progressbar {
    position: relative;
}
.progress-label {
    position: absolute;
    left: 0;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    min-width: 100%;
    text-align: center;
}
.bordered
{
    border: none;
}
.pos-relative
{
    position: relative;
}
.pos-bottom
{
    position: absolute;
    bottom: 0px;
}

#header
{
    height: 50px;
    min-width: 100%;
    position: relative;
    background-color: white;
}
#header > div
{
    padding: 10px;
}
nav #nav_huelabs-logo
{
    height: 60px;
    background-color: black;
}
nav #nav_huelabs-logo img
{
    margin-left: 10px;
    margin-top: 15px;
}
.clearfix
{
    clear: both;
}
#header-caroussel
{
    height: 300px;
    border: solid 1px red;
}
.devider
{
    content: "&nbsp;";
    display: inline-block;
    height: 10px;
    line-height: 10px;
    min-height: 10px;
    min-width: 100%;
    width: 100%;
}
/** XS Devices only **/
@media (min-width: 300px) AND (max-width: 768px) {
    #top-navigation {
        margin: 0;
    }
    #top-navigation ul.nav {
        margin-top: 0;
    }
    #top-navigation .navbar-brand {
        padding-bottom: 0;
    }
    #top-navigation .img-responsive {
        max-width: 75%;
    }

    .backtotop
    {
        position: fixed;
        z-index: 999 !important;
        right: 0px !important;
        color: black !important;
        background-color: #ccc !important;
        bottom: 50% !important;
        height: 25px !important;
        max-height: 25px !important;
    }
    .hue-tap
    {
        float: none !important;
    }
    .visible-xs .feature-image .form-control
    {
        font-size: 90% !important;
        line-height: 35px !important;
        padding: 0;
        margin-left: 0 !important;
        padding: 0 !important;
    }
    .feature-image label.installed
    {
        top: 15% !important;
        font-weight: normal;        
    }
    .feature-image label.installed span
    {
        font-size: 100% !important;
    }
    .tap-holder img
    {
        height: 80%;
        width: 80%;
    }    
    /* On small screens and relatively modern browsers, make modal "full screen" */
    .mobile-modal-content {
        min-height: calc(100vh - 150px);
    }
    .carousel.carousel-feature {
        min-height: auto !important;
    }
    .feature-image h1 {
        text-shadow: 0 0 14px rgba(0,0,0,0.5);
    }
}


h4.modal-title,
.modal-body *
{
    color: black;
}
div#bridgeConnected
{
    margin-top: 10px;
    margin-right: 15px;
}

#top-navigation ul.nav
{
    margin-top: 35px;
}
#top-navigation ul.nav li *
{
    color: white !important;
}
#top-navigation button:first-child *
{
    color: white !important;
}
#top-navigation .navbar-toggle {
    margin-top: 40px;
}
.navbar-inverse
{
    border: none !important;
}

.carousel
{
    min-height: 100% !important;
    min-height: 450px !important;
    color: #333;
}
#bridgeConnectedNotification .carousel-feature {
    min-height: 0 !important;
}
.carousel .item
{
    background-color: transparent;
    min-height: inherit;
}
.carousel-caption
{
    bottom: auto;
    padding-top: 0px !important;
}
ul.bridge-list
{
    list-style-type: none;
    padding: 0px;
    margin: 0 auto;
    overflow: visible;
    display: inline-block;
    text-align: center;
    width: 100%;
}

ul.bridge-list .radio-bridge {
  height: auto !important;
  min-height: 100% !important;
  margin-right: 0.25em;
}
.font-bold
{
    font-weight: bolder !important;
}
.modal div.carousel
{
    min-height: 500px !important;
    max-height: none !important;
}
.carousel-inner
{
    /* All inner carousels */
    overflow: hidden;
    min-height: inherit;
}
#HueLabsCarousel .carousel-inner
{
    /* Connect your bridge */
    overflow: visible;
}
.feature-summary .visible-xs {
    padding-bottom: 4em;
}
.feature-details .item {
    padding-bottom: 90px; /* Make sure buttons don't overlap content */
    overflow: hidden; /* Force container to grown according to children's height */
}
.carousel-feature
{
    max-width: 1200px;
    margin: 0 auto;
    min-height: 500px !important;
}
.carousel-footer
{
    position: absolute;
    bottom: 0px;
    display: inline;
    width: 100%;
}
.carousel-socialmedia ul li *
{
    color: white !important;
}
.carousel-socialmedia .nav > li > a:focus,
.carousel-socialmedia .nav > li > a:hover
{
    color: black !important;
}

.scanner-status
{
    display: table;
    min-height: 100%;
    height: 180px;
    width: 100%;
    min-width: 100%;    
}
.scanner-status .loader
{
    display: table-cell;
    vertical-align: middle;
    background-color: black;
    background-image: url('/img/labs_loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40% auto !important;
}
#progress
{
    font-size: 100% !important;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 100%;
    
    top: 38%;
    left: 0px;
    position: absolute;
}
.btn-philips
{
    min-width: 220px !important;
}
.border-white
{
    border: solid 1px white !important;
    min-width: 30px !important;
    /*display: inline-block !important;*/
    float: left;
    display: table-cell;
    min-height: 30px;
}
.img-center
{
    margin: 0 auto;
}
.input-control
{
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin-right: 10px;
}

input
{
    height: 100% !important;
    min-height: 46px !important;
}

.font-xs,
.font-xs *
{
    font-size: 12px !important;
}
.font-md *
{
    font-size: 14px !important;
}
ul.philips-list
{
    list-style-type: none;
    margin: 0 auto;
    padding: 0px;
    display: inline-block;
    width: 30%;
}
ul.philips-list li
{
    float: left;
    display: block;
    margin-right: 10px;
    margin-left: 10px;
}

ul.philips-list.help li a,
ul.philips-list.help li span,
ul.philips-list.help li
{
    color: white;
}

.navbar-brand
{
    height: auto;
}

.navbar .pos-relative
{
    padding: 10px !important;
    margin-right: 10px !important;
    width: 100%;
    max-width: 143px;
}
.slogan
{
    color: white !important;
    margin-left: 10%;
    position: absolute;
    top: 50%;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
}

@media (max-width:768px) {

    .carousel-caption {
        left: 5% !important;
        right: 5% !important;
    }
    
    .break-text 
    {
         white-space: pre !important;           /* CSS 2.0 */
         white-space: pre-wrap !important;      /* CSS 2.1 */
         white-space: pre-line !important;      /* CSS 3.0 */
         white-space: -pre-wrap !important;     /* Opera 4-6 */
         white-space: -o-pre-wrap !important;   /* Opera 7 */
         white-space: -moz-pre-wrap !important; /* Mozilla */
         white-space: -hp-pre-wrap !important;  /* HP Printers */
         -ms-word-break: break-all !important;
         word-break: break-all !important;
         word-break: break-word !important;
         -webkit-hyphens: auto !important;
         -moz-hyphens: auto !important;
         -ms-hyphens: auto !important;
         hyphens: auto !important;
         overflow-wrap: break-word !important;
     }
}
@media (min-width:768px) AND (max-width: 992px){
    .carousel-caption {
        left: 10% !important;
        right: 10% !important;
    }
}

@media (min-width: 992px) {
    .carousel-caption {
        left: 20% !important;
        right: 20% !important;
    }
}

/**Mobile only **/
@media only screen and (max-width: 480px) {

   #progress { font-size: .8em !important; }
   
   .btn
   {
        font-size: 16px !important;
   }

   .left-padding-10
   {
       padding-left: 10px !important;       
   }
   
   .left-padding-20
   {
       padding-left: 10px !important;
   }
   .small-mobile-label
   {
       font-size: 12px !important;
   }
   .scene-select-radio-wrap
   {
       width: 50% !important;
   }
}

.vertical-container
{
    display: table !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
}
.vertical-container > .vertical-center
{
    display: table-cell !important;
    vertical-align: middle !important;
}
.navbar-footer
{
    margin-bottom: 0px; border-radius: 0px; position: absolute; bottom: 0px; width: 100% !important;
}

a#clearBridge
{
    position: fixed;
    bottom: 0px;
    right: 5px;
    color: white;
    font-size: 20px;
    text-transform: lowercase;
    content: '&pi;';
    
}
.radio-inline input[type='radio']
{
    margin-top: -6px !important;
}

.modal-header
{
    border-bottom: none !important;
}
.modal-header .close {
    margin-top: -35px !important;
}

.close {
    font-size: 61px !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
    color: black;
}
.font-gray
{
    color: #ccc;
}

.slide .nav_button button
{
    min-width: 175px !important;
}
.bottom-align-row {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2em;
}
.nav_button.nav_button_right
{
    float: right;
    margin-right: 70px;
}
.nav_button.nav_button_left
{
    float: left;
    margin-left: 70px
}





.navbar-inverse
{
    background-image: none !important;
    background-color: black !important;
}

.glyphicon-ok-circle
{
    color: green !important;
}
.panel-default > .panel-heading {
    text-align: center;
}

.checkbox.select-huelight label, .radio.select-huelight label 
{
    padding-left: 25px !important;
}
.checkbox.select-huelight input[type="checkbox"], 
.checkbox-inline.select-huelight input[type="checkbox"], 
.radio.select-huelight input[type="radio"], 
.radio-inline.select-huelight input[type="radio"] {
    margin-left: -20px;
    padding-right: 20px;
    position: absolute;
    color: black !important;
}
.text-default
{
    color: #333;
}
.text-white
{
    color: #f9f9f9 !important;
}
#feature-tap-dimmer, #feature-tap-toggle
{
    background-color: white;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 449px !important;
}
.text-orange
{
    color: #e98300 !important;
}
.text-orange-light
{
    color: #eeaf00 !important;
}

h1.text-orange-light
{
    font-size: 40px;
    font-family: centrale_sansthin, helvetica, verdana;
    font-weight: normal;
    line-height: 45px;
}
h1.text-orange-light .text-orange
{
    font-weight: bolder;
    font-size: 50px;
    font-family: centrale_sansbold, helvetica, verdana;
}
#feature-tap-dimmer .widget-tap-button > .widget-container > .button-selected {
    background-color: #7d0063 !important;
}

.text-blue
{
    color: #003478 !important;
}
.text-blue-light
{
    color: #0066a1 !important;
}
h1.text-blue-light
{
    font-size: 40px;
    font-family: centrale_sansthin, helvetica, verdana;
    font-weight: normal;
    line-height: 45px;   
}
h1.text-blue-light .text-blue
{
    font-weight: bolder;
    font-size: 50px;
    font-family: centrale_sansbold, helvetica, verdana;
}

.rating-input *
{
    color: #face34 !important;
    font-size: 170% !important;
    cursor: pointer !important;
}
.rating-clear
{
    font-size: 60% !important;
}
.blur-feature-image
{
    position: absolute;
    height: 50%;
    background-color: rgba(0,0,0,0.8);
    top: 50%;
    width: 100%;
}
.blur-feature-image > div:first-child
{
    position: relative;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    display: inline-block;
}
.input-group-addon.no-border
{
    border: none !important;
    background-color: transparent !important;
}
.text-underline
{
    text-decoration: underline !important;
}

.terms_and_conditions
{
    max-height: 650px;
    overflow: auto;
}
.terms_and_conditions > h2,
.terms_and_conditions > h3,
.terms_and_conditions > h1
{
    font-weight: bold !important;
}
.modal-content
{
    border-radius: 0px !important;
}
.not-connected-notice
{
    color: #003399;
    cursor: pointer;
}
.text-purple
{
    /*#7d0063*/
    color: #7d0063;
}
.text-purple-light
{
    /*#b390bb*/
    color: #7d0063;
}
h1.text-purple-light
{
    font-size: 40px;
    font-family: centrale_sansthin, helvetica, verdana;
    font-weight: normal;
    line-height: 45px;
}
h1.text-purple-light .text-purple
{
    font-weight: bolder;
    font-size: 50px;
    font-family: centrale_sansbold, helvetica, verdana;
}
.no-bottom-padding
{
    padding-bottom: 0px !important;
}
.remove-rating:before
{
    color: red !important;
    font-size: 100% !important;
}
.addthis_sharing_toolbox
{
    text-align: center !important;
}

div.alert-modal *
{
    color: black !important;
}
div.alert-modal
{
    display: table !important;
    width: 60%;
    left: 20%;
    right: 20%;
    z-index: 9999 !important;
    visibility: hidden;
    position: absolute;
    border-radius: 0px !important;
}
.alert-modal-title
{
    margin-top: 5px; margin-right: 5px;
}
.news-article{
    background-color:white;
    padding:30px 20px;
}
.glyphsize{
    font-size:30px;
}
.text-gray
{
    color: #6f6f6f !important;
}
.text-gray-light
{
    color: #4f4f4f !important;
}

h1.text-gray-light
{
    font-size: 40px;
    font-family: centrale_sansthin, helvetica, verdana;
    font-weight: normal;
    line-height: 45px;
}
h1.text-gray-light .text-gray
{
    font-weight: bolder;
    font-size: 50px;
    font-family: centrale_sansbold, helvetica, verdana;
}
.text-home-away-orange
{
    color: #0066a1;
}

.clean_bridge_status
{
    display: table;
}
.clean_bridge_status .loader
{
    display: table !important;
    height: 100% !important;
    left: 0;
    position: fixed;
    width: 100% !important;
    z-index: 99999 !important;
    
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.7);
    background-image: url('/img/Labs_Animate_loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 150px 150px !important;

}
.clean_bridge_status .loader #cleaning_progress
{
    display: table-cell;
    font-size: 140% !important;
    font-weight: bold;
    text-align: center;
    vertical-align: middle !important;
    padding-top: 200px !important;
    width: 100%;
    color: white !important;
}
.logo_bottle_desktop
{
    height: auto !important;
    margin: 0 auto !important;
    max-width: 100px !important;
    min-width: 50px !important;
    width: 90% !important;
}
.scanner_loader_image
{
    height: auto !important;
    width: 40% !important;
    margin: 0 auto;
}

label.philips-radio
{
    padding: 10px;
    position: relative;
    top: 0;
}
label.philips-radio > input[type='radio']
{
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 1px;
}
label.philips-radio > span
{
    margin-top: -10px !important;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

#install-goto-sleep .widget-tap-button > .widget-container > .button-selected {
    background-color: #1e9d8b;
    border-radius: 50%;
}
#install-circadian-rhythm .widget-tap-button > .widget-container > .button-selected {
    background-color: #1e9d8b;
    border-radius: 50%;
}

.cc_container .cc_btn
{
    background-color: #e98300 !important;
    background-image: none;
    background-repeat: repeat-x;
    border: solid 1px #e98300 !important;     
    background: #e98300 !important; /** Safari fix **/
    color: white;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#bridge-menu
{
    border: none;
    border-radius: 4px;
}
#bridge-menu .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover
{
    background-color: black;
    background-image: none;
    color: white;
    text-decoration: underline;
}
#bridge-menu .dropdown-menu 
{
    background-clip: padding-box;
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    box-shadow: 0 1px 12px rgba(255, 255, 255, 0.10);
    min-width: 260px;
    margin-top: 5px;
}
#bridge-menu .dropdown-menu li
{
    padding-bottom: 4px;
}
#bridge-menu .nav .open > a, .nav .open > a:focus, .nav .open > a:hover
{
    border-color: transparent;
}
#bridge-menu .fa
{
    padding-right: 5px;
}

/***** general feedback ****/
.rbutton label {
    padding: 0 26px !important;
}
.rbuttonrow label {
    padding: 0 13px !important;
}

.rbuttonrow input[type=radio] {
    position: absolute;
    margin: 0px !important; 
}

.questiontextarea{
    margin-top: 20px;
}
.intro-p{
    font-size: 16px !important; 
    font-weight:500 !important;  
}

.scalelabel{
    font-size: 10px !important; 
}

.font-smalbold{
    font-size: 16px !important; 
    font-weight:700 !important; 
    margin-bottom:5px !important; 
}
.label-text-left
{
    text-align: left !important;
}
/***** general feedback ****/
#footer-warning .btn-orange
{
    display: table;
    margin: 10px auto 0;
    text-align: center;
}
.bg-black-trans
{
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0 !important
}
.padding-top-10
{
    padding-top: 10px;
}
.font13
{
    font-size: 13px;
}
.fa-ul
{
    margin-left: 0px;
}
#install-ambiance-modal .modal-lg
{
    min-height: 300px !important;
}
.feature_loader
{
    display: table;
    margin: 0 auto;
    width: 150px;
    padding: 25px;
}
.feature_loader_label
{
    display: table;
    text-align: center;
    vertical-align: middle;
    width: 100% !important;
    margin-bottom: 50px;
}
.radio-select-scene label.active img
{
    border: solid 1px black;
    box-shadow: 4px;
}
.radio-select-scene input[type='radio']
{
    position:absolute;
    z-index:-1;
}
.pi
{
    color: white;
    position: fixed;
    bottom:0;
    right: 10px;
}
.winter-holiday-background
{
    background-color: transparent !important;
    background-image: url("/img/features/coming-soon/ChristmasSpecial_4x3.jpg");
    background-position: center center;
    background-size: cover !important;
    color: white;
    padding: 10px;
}

#install-winter-holiday-holder .nav_button,
.btn.btn-gray[data-carousel='feature-winter-holiday']
{
    display: none;
    visibility: hidden;
}

h1.h1 span.label
{
    font-size: 25% !important;
}

.scene-select-radio-wrap
{
    display: inline-block;
    height: auto;
    text-align: center;
    width: 15%;
    min-width: 100px;
    max-height: 100px !important;
    max-width: 100px !important;
}
.scene-select-radio-wrap input.selected_scene
{
    display: none;
}
.scene-select-radio-wrap .scene-option
{
    border-radius: 50%;
    display: block;
    max-height: 100px !important;
    max-width: 100px !important;
    min-width: 100%;
    padding-bottom: 100%;
    text-align: center;
    width: 50%;
    border: 2px solid white;
}
.scene-select-radio-wrap .active
{
    border-color: #0066a1;
}
.scene-select-radio-wrap .active + .scene-select-label
{
  color: #0066a1;
}
.scene-option.relax
{
    background-color: #ff932c; /*ffd1a3*/
}
.scene-option.energize
{
    background-color: #A6DAE9;
}

.scene-select-radio-wrap .scene-select-label
{
    font-size: 0.8em;
    font-weight: normal;
}
.modal
{
    -webkit-overflow-scrolling: auto !important;
    overflow-y: auto !important;
}

/* Allow Cookie Consert CSS to trump our font size */
.cc_more_info
{
    font-size: inherit;
}

/* Show correct bridge version when pairing */
.bridge-model-container
{
    height: 270px;  
    text-align: center;
}
.bridge-model-container svg
{
    height: 100%;
    fill: #000;
    display:none;
}
.bridge-model1,
.bridge-model2
{
    display: none;
}
.show-bridge-version1 .bridge-model1 
{
    display: inline;
}
.show-bridge-version1 .bridge-model2 
{
    display: none;
}
.show-bridge-version2 .bridge-model1 
{
    display: none;
}
.show-bridge-version2 .bridge-model2 
{
    display: inline;
}

/* Make em behave as span to get a normal looking checkbox label */
.checkbox-philips em
{
    font-style: normal;
}
/* Nicer alignment to label text */
.checkbox-philips span
{
    margin-top: auto !important;
    vertical-align: top;
}
.checkbox-philips input[type=checkbox]
{
    margin-left: -100px;
}
.dimmer-select-holder .responsive-mobile
{
    width: 80% !important;
}
.selected-lights.room
{
    min-height: 100% !important;
}
.philips-radio
{
    cursor: pointer !important;
}
.philips-radio em
{
    padding-left: 10px !important;
    font-style: normal;
    font-weight: normal;
    padding-left: 10px !important;
}
.btn
{
    border-radius: 0;
    font-size: 20px;
    line-height: 44px;
    padding: 0 2em;
    background-image: none !important;
    border: 0 !important;
}
.bridge-connect-button 
{
    height: 100%;
}
.btn-success,
.btn-success:hover
.btn-success:active
{
    color: white !important;
    background: #3e8f3e !important;
}
.btn-orange, 
.btn-orange:hover
.btn-orange:active
{ 
    color: white !important;
    background: #e98300 !important;
}
.btn-purple,
.btn-purple:hover
.btn-purple:active
{
    color: white !important;  
    background: #7d0063 !important;
}
.btn-red,
.btn-red:hover
.btn-red:active
{
    color: white !important;
    background: #cd202c !important;
}    
.btn-darkblue,
.btn-darkblue:hover
.btn-darkblue:active
{
    color: white !important; 
    background: #42145f !important;
}
.btn-gray,
.btn-gray:hover
.btn-gray:active
{
    color: black !important; 
    background: #ccc !important;
}
.btn-blue,
.btn-blue:hover
.btn-blue:active
{   
    background: #0066a1 !important;
    color: white !important;
}
.btn-green,
.btn-green:hover
.btn-green:active
{   
    background: #1e9d8b !important;
    color: white !important;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 0.4;
}
.btn:hover {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
    background-position: 0% 0% !important;
}
.form-control {
    height: auto;
}
.feature-image
{
    overflow: hidden !important;
    min-height: 500px !important;
    position: relative;
}
.feature-image .cover-image
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    max-height: 100% !important; /* Override old feature CSS */
}
.visible-xs .feature-image {
    min-height: 100% !important;
}
.visible-xs .feature-image::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}
.widget-tap-button > .widget-container > button
{
    border: 0;
}

.no-rooms-message {
    margin-top: 10px;
}

.direct-to-new-app {
    margin-top: 1.5em;
    padding: 1.5em;
    background: #eee;
    border-radius: 0.5em;
}
.direct-to-new-app a {
    display: inline-block;
    margin: 0.5em 0.5em 0 0;
}
.direct-to-new-app a img {
    height: 3em;
}

.mobile-feature-buttons {
    position: absolute;
    bottom: 9px;
    left: 0;
    right: 0;
    text-align: center;
}
.mobile-feature-buttons .btn {
    line-height: 38px;
    padding: 0 1em;
}
.select-scene-list
{
  margin: 1em 0;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-touch-callout: none;
  -webkit-user-select: none; 
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
}
.select-scene-list .scene-option:hover {
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.1);
}
.select-scene-list > div {
  /* React root node */
  display: flex;
}
.select-scene-list .scene-select-radio-wrap {
  max-height: 100% !important;
  padding: 0;
  margin-left: 1em;
}
.select-scene-list .scene-select-radio-wrap:first-child {
  margin-left: 0; 
}
.select-scene-list .scene-select-label {
  line-height: 1;
  padding: 0.25em 0;
  max-height: 34px;
  overflow: hidden;
}
.select-scene-list .scene-select-label::before {
  content: none;
}
.tab-pane label.active + .select-scene-list {
  display: block;
}