/* -----------------------------------------------------------

    Project: CHAMBERLAIN.MyQresponsive
    Author: Nate Arnold (narnold@nerdery.com)
    Theme: Chamberlain

 ---------------------------------------------------------- */
.mixin-gradient
{
    background: #fff;
    background:    -moz-linear-gradient(top, #fff 40%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(top, #fff 40%, #f0f0f0 100%);
    background:      -o-linear-gradient(top, #fff 40%, #f0f0f0 100%);
    background:     -ms-linear-gradient(top, #fff 40%, #f0f0f0 100%);
    background:         linear-gradient(to bottom, #fff 40%, #f0f0f0 100%);
}
.mixin-clearfix:before,
.mixin-clearfix:after
{
    display: table;

    content: ' ';
}
.mixin-clearfix:after
{
    clear: both;
}
/* ---------------------------------------------------------------------
 Global Styles
 ----------------------------------------------------------------------- */
a
{
    text-decoration: underline;

    color: #f57e27;
}
a:hover
{
    color: #f38a00;
}

/*.history .triggeredevent
{
    background: #fff url('/Content/Assets/images/sm-icon_schedules-chamberlain.png') left center no-repeat;
}

.history .alert
{
 padding: 0 0 0 25px;
    background: #fff url('/Content/Assets/images/sm-icon_alerts-chamberlain.png') left center no-repeat;
}*/
/* ---------------------------------------------------------------------
 Header Chamberlain
 ----------------------------------------------------------------------- */
.header
{
    border-bottom-color: #1e3150;
    background-image: url(/Content/Assets/images/banner-pattern.png);
}
.header-crown
{
    background-color: #1e3150;
}
/* ---------------------------------------------------------------------
 Footer
 ----------------------------------------------------------------------- */
.footer
{
    background: #1e3150;
}
/* ---------------------------------------------------------------------
 Box Chamberlain
 ----------------------------------------------------------------------- */
.box
{
    background: #dff0fe;
}
/* ---------------------------------------------------------------------
 Buttons Chamberlain
 ----------------------------------------------------------------------- */
.btn
{
    border: 1px solid #f38a00;
    background-color: #f38a00;
}
.btn:hover,
.btn:active
{
    color: white;
    border: 1px solid #ca7300;
    background-color: #ca7300;
}
.btn_alt
{
    color: #1e3150;
    border: 1px solid #1e3150;
    background-color: #fff;
}
.btn_alt:hover,
.btn_alt:active
{
    border: 1px solid #1e3150;
    background-color: #1e3150;
}
.btn_next,.sweet-alert button.confirm
{
    color: #fff !important;
    border: 1px solid #1e3150 !important;
    background-color: #1e3150 !important;
}
.btn_next:hover,
.btn_next:active,.sweet-alert button:hover,.sweet-alert button:active
{
    border: 1px solid #1e3150 !important;
    background-color: #1e3150 !important;
}
.btn_cancel,.sweet-alert button.cancel
{
    color: #666 !important;
    border: 1px solid #ccc2b6 !important;
    background-color: #f0f0f0 !important;
}
.btn_icon
{
    color: #1e3150;
    border: 1px solid transparent;
    background-color: transparent;
}
.btn_icon:hover,
.btn_icon:active
{
    color: #f38a00;
    border: 1px solid transparent;
    background-color: transparent;
}
.mix-btn_orange
{
    color: #f38a00;
}
/* ---------------------------------------------------------------------
 card Chamberlain
 ----------------------------------------------------------------------- */
.card-hd-title
{
    background: #1e3150;
}
/* ---------------------------------------------------------------------
 Circles Chamberlain
 ----------------------------------------------------------------------- */
.circles > *
{
    border: 6px solid #dff0fe;
}
/* ---------------------------------------------------------------------
 Device Chamberlain
 ----------------------------------------------------------------------- */
.device-loader
{
    color: #f38a00;
}
/* ---------------------------------------------------------------------
 fancySelect Chamberlain
 ----------------------------------------------------------------------- */
div.fancy-select ul.options li.selected
{
    background: #1e3150;
}
/* ---------------------------------------------------------------------
 Hero Chamberlain
 ----------------------------------------------------------------------- */
.hero-wrap-hd > *
{
    background: rgba(4, 55, 98, .8);
}
.hero-wrap-hd > *:last-child
{
    color: #f38a00;
}
/* ---------------------------------------------------------------------
 iconImage Chamberlain
 ----------------------------------------------------------------------- */

.box-media_tips,.box-media_download,.box-media_shop,.box-media_community {
    -webkit-background-size: 340px 85px;
    background-size: 340px 85px;
    background-image: url(/Content/Assets/images/ChamTipsDownloadShopCommunity.png);
}

.box-media_tips
{
     background-position: 0 0;
}
.box-media_download
{
     background-position: -85px 0;
}
.box-media_shop
{
     background-position: -170px 0;
}
.box-media_community
{
     background-position: -255px 0;
}

.iconImage_login,.iconImage_wifi,.iconImage_user {
    -webkit-background-size: 240px 67px;
    background-size: 240px 67px;
    background-image: url(/Content/Assets/images/ChamWifiUserCloud.png);
}

.iconImage_login
{
    background-position: -160px 0;
}
.iconImage_wifi
{
    background-position: 2px 0;
}
.iconImage_user
{
    background-position: -80px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

.box-media_tips,.box-media_download,.box-media_shop,.box-media_community {
    background-image: url(/Content/Assets/images/ChamTipsDownloadShopCommunity2x.png);
}

.iconImage_login,.iconImage_wifi,.iconImage_user {
    background-image: url(/Content/Assets/images/ChamWifiUserCloud2x.png);
}

}

/* ---------------------------------------------------------------------
 Inputs Chamberlain
 ----------------------------------------------------------------------- */
.input
{
    border: 1px solid #1e3150;
}
.input_checkbox ~ div label:before,
.input_radio + label:before
{
    color: #1e3150;
}
/* ---------------------------------------------------------------------
 Links Chamberlain
 ----------------------------------------------------------------------- */
.link_alt:hover
{
    color: #f38a00;
}
/* ---------------------------------------------------------------------
 menuContainer Chamberlain
 ----------------------------------------------------------------------- */
.menuContainer
{
    background: #314454;
}
/* ---------------------------------------------------------------------
 mobileLink Chamberlain
 ----------------------------------------------------------------------- */
.mobileLink:active
{
    background-color: #2a3742;
}
/* ---------------------------------------------------------------------
 registerStep
 ----------------------------------------------------------------------- */
.registerStep_active
{
    background-color: #f38a00;
}
.registerStep_active:after
{
    background-color: #f38a00;
}
/* ---------------------------------------------------------------------
 Toggle Chamberlain
 ----------------------------------------------------------------------- */
.toggle:before,.enableRuletoggle:before
{
    color: #f38a00;
}
/* ---------------------------------------------------------------------
 Triangle Section Chamberlain
 ----------------------------------------------------------------------- */
.triangleSection
{
    border-top: 2px solid #f38a00;
}
.triangleSection-triangle
{
    border-top: 30px solid #f38a00;
}


.deviceStateOptions .btn {
    background-color: #d1d2d4;
    border: 0px solid #d1d2d4;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    border-width:0;
     font-size: 12px;
    font-weight: normal;
    margin-top:5px;
    text-transform: inherit;
    cursor: default;
}

.deviceStateOptions .switch-toggle label{
    cursor: default;
}

.deviceStateOptionsChecked .switch-toggle label {
    cursor: pointer;
}

.deviceStateOptionsChecked .switch-toggle label:nth-child(2):nth-last-child(4),.deviceStateOptionsChecked  .switch-toggle label:nth-child(2):nth-last-child(4) ~ label,.deviceStateOptionsChecked  .switch-toggle label:nth-child(2):nth-last-child(4) ~ a{
   color: #fff !important;
}

.deviceStateOptionsChecked .btn {
    background-color: #f38a00 !important;
    border: 0px solid #f38a00 !important;
    color: #fff !important;
    padding: 10px 15px !important;
    display: inline-block !important;
    cursor: pointer !important;
    text-decoration: none !important;
    border-width:0 !important;
     font-size: 12px !important;
    font-weight: normal !important;
    margin-top:5px !important;
    text-transform: inherit !important;
}

.deviceStateOptions .switch-candy a {
    background-color: #ccc !important;
    border:1px solid #d1d2d4;
    color: #fff;
}

.deviceStateOptionsChecked .switch-candy a
{
    background-color: #f38a00 !important;
    border: 1px solid #f38a00;
    color: #fff !important;
}


.deviceStateOptions .switch-toggle.switch-candy, .deviceStateOptions .switch-light.switch-candy > span
{
     background-color: #cecece;
}

.deviceStateOptionsChecked .switch-toggle.switch-candy, .deviceStateOptionsChecked .switch-light.switch-candy > span
{
     background-color: #666;
}

#showlightbanner
{
    background:url('/Content/Assets/images/bannerad.png') center right no-repeat; 
}

#lightcopy
{
    /*background:url('/Content/Assets/images/chamberlainlight.png') 0 0 no-repeat;*/ 

}

.buyLight {
    background: #021f35 none repeat scroll 0 0;
}

.buyLight:hover {
  background: #021f35;
  text-decoration: none;
}

#OneDayBanner
{
     background:url('/Content/Assets/images/bannerad.png') top center no-repeat; 
       width:100%;
     height:179px;
     margin-top:10px;
     cursor:pointer;
}