body.content_page, #waiting-screen, .mfp-bg, body.login_page {
    background-image: url(/img/bg/smartlife.png) !important;
}

body, .block_title, input, .dayTitle, .to_select, .option-selected, .btn_arm_always_on, .option-container {
    color: #000000;
}
.option-container, .container_arm, .container_as {
    box-shadow: none;
}
.btn_arm_always_on {
    margin: 0 8px 0 0;
}
.alarm_mode {
    width: 90px;
}
#header .icon {
    background-image: url(/img/pictos/smartlife_logo.png);
    background-size: 280px auto;
    width: 280px;
    position : relative;
}
#checkbox-login {
    margin-top: 6px;
}

#footer-logo-container {
    width: 100%;
    height: auto;
    display: block;
}
.phone_background {
    background: url(/img/bg/img_mobile_home_smartlife.png) no-repeat !important;
    background-position: center 300px !important;
}
#footer-logo {
    width: 223px;
    margin: 0 auto;
    height: 30px;
    display: block;
    background: url('/img/pictos/ja-square_logo.jpg') no-repeat left center;
    background-size: 14px auto;
    padding-left: 22px;
    padding-top: 5px;
    box-sizing: border-box;
    color: rgba(255,255,255,0.85);
    text-shadow: 0 0 3px #000;
}
.halfscreen #footer-logo {
    margin: 20px auto 0;
}

.login #footer-logo-container {
    width: 450px;
    margin-left: -50px;
}
#waiting-screen .logo {
    width: 250px;
    height: 70px;
    background-image: url(/img/pictos/smartlife_logo.png);
    background-size: 250px auto;
}
.bloc_corner1, .bloc_corner2, .bloc_corner3, .bloc_corner4, .bloc_rectangle1, .hexagone-up-large, .hexagone-down-large,
.gatewayMainContainer:after, .gatewayMainContainer:before, .custom-div:after, .custom-div:before,
.hexagone-up, .hexagone-down, .comfort_device:after, .comfort_device:before, .homesys-tab-item:before, .homesys-tab-item:after,
#video-msg-popup:after, #video-msg-popup:before, #live-popup:after, #live-popup:before, .automation_device:before, .automation_device:after,
.divScene:after, .divScene:before, .control_alarm:before, .control_alarm:after, .alarm_mode:after, .alarm_mode:before,
.popupScene:after, .popupScene:before, .popupSceneTabItem:after, .popupSceneTabItem:before,
.popupSceneDeviceContainer:after, .popupSceneDeviceContainer:before,
#error-msg-popup:after, #error-msg-popup:before, #confirm-msg-popup:after, #confirm-msg-popup:before,
.tab-item:after, .tab-item:before
{
    display: none;
}
.bloc_rectangle2, .hexagone-div, #video-msg-popup, #live-popup, .home > .hexagone-div-large,
#error-msg-popup, #confirm-msg-popup {
    border-radius: 35px;
    box-shadow: 1px 7px 6px 0 rgba(0,0,0,0.35);
    border: 2px solid rgb(242, 113, 33);
}
.home > .hexagone-div-large, #error-msg-popup, #confirm-msg-popup {
    padding: 15px 0;
}
#confirm-msg-popup .mfp-close, #error-msg-popup .mfp-close {
    top: 1px;
}
#password_strength_estimator:after {
    background: rgb(242, 113, 33);
}
#video-msg-popup > .mfp-close {
    top: 1px;
    right: -1px;
}
#live-popup > .mfp-close {
    top: -1px;
}
.bloc_rectangle2 {
    opacity: 1 !important;
    background: rgba(210, 210, 210, 0.7);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(210, 210, 210, 0.7);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff !important;
}
.hexagone-div {
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(210, 210, 210, 0.7);
}
.homesys-tab {
    height: 539px;
    padding-top: 20px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    border-top: 2px solid rgb(242, 113, 33);
    border-right: 2px solid rgb(242, 113, 33);
    border-bottom: 2px solid rgb(242, 113, 33);
    box-shadow: 6px 7px 6px 0 rgba(0,0,0,0.35);
}
.popupScene {
    padding-top: 20px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    border-top: 2px solid rgb(242, 113, 33);
    border-right: 2px solid rgb(242, 113, 33);
    border-bottom: 2px solid rgb(242, 113, 33);
    box-shadow: 6px 7px 6px 0 rgba(0,0,0,0.35);
}
.popupSceneTabItem {
    padding-top: 20px;
    height: 30px;
    left: -52px !important;
    width: 148px;
}
.popupSceneTabItem:first-child {
    top: 157px;
}
.popupSceneTabItem:nth-child(2) {
    top: 313px;
}
.popupSceneTabItem:nth-child(3) {
    top: 469px;
}
#popup_automation_scene .mfp-close {
    top: 3px;
}
.playScene2 {
    top: 29px;
}
.popupSceneDesc > .block_title > .deleteScene2 {
    top: 76px;
}
.hexagone-div-large {
    background: rgba(210, 210, 210, 0.7);
}
.control_alarm {
    padding: 73px 10px 15px 10px;
    background-position: center 13px;
}
.system_device, .control_alarm, .alertBlock, .tank_meter_shape, .comfort_device, .remote, .install-remote, .automation_device, .dayTitle, .schedule,
.liveBlockVideo, .blockVideo, .divScene, #router_wifi, .repeater-container, .alarm_mode, .popupSceneDeviceContainer, .code_container, .settings_myGateways_container,
.reg_TYPE
{
    border: 2px solid transparent;
    border-radius: 30px;
}
.system_device {
    padding-top: 15px;
}
.control_alarm_selected, .control_alarm_selected:hover, .control_alarm:hover, .system_device:hover, .alertBlock:hover, .tank_meter_shape:hover,
.tank_meter_shape.selected-shape, .comfort_device:hover, .remote.clicked, .remote:hover, .install-remote:hover, .automation_device:hover,
.dayTitle, .schedule:hover, .liveBlockVideo:hover, .blockVideo:hover, .divScene:hover, #router_wifi, .repeater-container, .alarm_mode:hover, .alarm_mode.clicked,
.popupSceneDeviceContainer, .code_container:hover, .settings_myGateways_container:hover, .reg_TYPE:hover
{
    border-color: #fff;
    background-color: rgba(255,255,255,0.2);
}
.dayTitle, .schedule, .alertsVideoLeft, .alertsVideoMainContainer, .alertsVideoInline, .video-player, .liveBlockVideo,
.blockVideo, #router_wifi, .repeater-container, .alarm_mode, .popupSceneDeviceContainer, .settings_menu_item, .reg_TYPE,
#confirm_no, #confirm_yes
{
    border-radius: 7px;
}
.settings_menu_item:hover {
    background-color: rgba(210, 210, 210, 0.7);
    color: #000000;
}
.popupSceneDeviceContainer {
    width: 274px;
    padding-top: 10px;
}
.reg_found_gateways {
    margin-bottom: 20px;
}
#homesys-popup .deleteSchedules {
    top: 16px;
    right: 56px;
}
.alarm_mode {
    background-position: center 4px !important;
    padding: 52px 3px 6px;
}
.repeater-column {
    background: transparent;
}
.device-line:hover {
    background-color: rgba(255,255,255,0.2);
}
.automation_device, .divScene {
    padding: 10px 5px;
}
.gatewayMainContainer, .gatewayMainContainer:hover {
    border: 2px solid #fff;
    background-color: rgba(255,255,255,0.2);
    border-radius: 30px;
}
.dd-wrapper:not(.dd-patcher), .dd-patcher > span {
    background: rgba(255,255,255,0.25);
    border: 2px solid #fff;
}
.pencil-input {
    border: 2px dashed transparent;
}
.pencil-input:hover {
    border: 2px dashed #fff;
}
.pencil-input.clicked, .pencil-input.clicked:hover {
    box-shadow: none;
    border: 2px solid #fff;
    background: rgba(255,255,255,0.25);
}

.liveBlockVideo {
    width: 460px;
}
.option-selected {
    background: rgba(255,255,255,0.65);
}
.option-btn {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.first {
    border-left: 2px solid #fff;
}
.btn_arm_always_on {
    border: 2px solid #fff;
}

.add, .navigation-schedules, .link-div, .comfort-btn, .advance_settings, .refresh_scan, a, .addGateway a {
    color: #fff;
}
input, #network-lst {
    background-color: rgba(255,255,255,0.25);
    box-shadow: none;
    border: 2px solid #fff;
    border-radius: 7px;
}
.tank_meter_shape {
    margin: 7px;
}
#homesys-popup > .mfp-close {
    margin-top: 17px !important;
    margin-right: 40px;
    text-align: right;
}
.wifi-ssid:hover {
    background-color: rgba(200, 200, 200, 0.3);
}
.button-generate-passphrase {
    background: rgba(0, 0, 0, 0.65);
    border-radius: 7px;
}
.input-password {
    border-radius: 0;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-right: 0;
}
.button-password {
    background-color: rgba(255, 255, 255,0.65);
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    color: #000;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
#divError {
    border-radius: 7px;
    border: 2px solid #fff;
}
.settings_field_submit input[type="submit"], input[type="submit"], .button-sched,
.newaccount_field_input input[type="submit"], .reg_button_next, .button_blue, .submit-voucher
{
    background-color: rgba(242, 113, 33,0.65) !important;
    border-radius: 7px;
}
.submit-voucher {
    margin-top:7px;
    width: 212px;
}
.huge-text {
    text-align: left;
}
.homesys-tab-item, .popupSceneTabItem, .tab-item {
    border-top: 2px solid rgb(242, 113, 33);
    border-left: 2px solid rgb(242, 113, 33);
    border-right: 2px solid rgb(242, 113, 33);
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
}
#voucher-info {
    display: none;
    border: 2px solid #fff;
    background-color: rgba(255,255,255,0.2);
    border-radius: 7px;
    padding: 15px;
    width: 80%;
    margin: 20px auto 0;
}
#voucher-info .button_grey {
    border-radius: 7px;
    background: rgba(0,0,0,0.55);
}
#voucher-info .button {
    margin-top: 5px;
}
.homesys-tab-item:hover, .popupSceneTabItem:hover, .tab-item:hover {
    background-color: rgba(170, 170, 170, 0.7) !important;
}
.homesys-tab-item-selected, .homesys-tab-item-selected:hover, .tab-selected, .tab-selected:hover {
    background-color: rgba(210, 210, 210, 0.7) !important;
}
/*
.h-settings {
    border-top-left-radius : 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    box-shadow: 5px 7px 6px 0 rgba(0,0,0,0.35);
}*/
.security-menu-item {
    width: 266px;
    height: 30px;
    padding-top: 20px;
    left: -9px;
}
.security-menu-item.alarm {
    top: 270px;
}
.security-menu-item.schedules {
    top: 539px;
}
.automation-menu-item {
    left: -9px;
    width: 177px;
    height: 30px;
    padding-top: 20px;
}
.automation-menu-item.device {
    top: 181px;
}
.automation-menu-item.scenes {
    top: 361px;
}
.automation-menu-item.schedules {
    top: 539px;
}
.ui-widget-content {
    border-radius: 7px;
    background: rgba(210, 210, 210, 1);
    color: rgba(0,0,0,0.75);
    border: 2px solid #fff;
}
.ui-widget-content  * {
    border-radius: 7px;
}
.ui-widget-content a, .ui-widget-content:hover a, .ui-datepicker .ui-datepicker-buttonpane button, .ui-widget-content a:hover,
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-datepicker-current .ui-state-hover, .ui-datepicker .ui-datepicker-buttonpane button:hover{
    color: rgba(0,0,0,0.75);
}
.ui-datepicker .ui-datepicker-next {
    right: 5px;
}
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-datepicker-current .ui-state-hover, .ui-datepicker .ui-datepicker-buttonpane button:hover {
    background: rgba(255,255,255,0.65);
}
.ui-slider-handle.ui-state-hover {
    background: #fff !important;
    border: #707070 1px solid;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    left: 38%;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 3em;
}
.comfort-menu-item {
    width: 266px;
    height: 30px;
    padding-top: 20px;
    left: -9px;
}
.comfort-menu-item.meters {
    top: 270px;
}
.comfort-menu-item.remotes {
    top: 539px;
}
.daySelector {
    width: 135px;
}
#header .menu_item {
    color: rgba(0, 0, 0, 0.9);
}
.setting_security_column_container {
    width: 290px;
}
.dd-wrapper .dd-container {
    background: rgba(210, 210, 210, 1);
    border: 2px solid #fff;
}
.dd-wrapper .dd-container .dd-option:hover {
    background: rgba(255,255,255,0.65);
    color: rgba(0,0,0,0.75);
}
.dd-option.selected, .dd-option.selected:hover {
    background: rgba(0,0,0,0.75) !important;
    color: rgba(255,255,255,0.65) !important;
}
.remote-name {
    top: 132px;
}
.install-remote, .remote {
    height: 153px;
    background-position: center 10px;
}
.remote.clicked {
    background-position: 85px 10px;
}
select {
    box-shadow: none !important;
    background: rgba(255,255,255,0.25) url(/img/bg/select_bg.png) no-repeat right center !important;
    border: 2px solid #fff !important;
    border-radius: 7px;
}


.tab_edit_account, .tab_pay {
    width: 235px;
    left: -32px;
}
.tab_edit_account {
    top: 249px;
}
.tab_pay {
    top: 487px;
}
.tab-item {
    height: 30px;
    padding-top: 20px;
}
.content_pay, .content_edit_account {
    min-height: 433px;
}
.operator-result-msg {
    padding: 5px 10px !important;
}
.operator-account {
    padding: 10px;
    text-align: center;
}

.operator-balance-container {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.operator-balance-div {
    color: rgba(74, 74, 74, 0.9);
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: 300;
    border-radius: 7px;
    display: inline-block;
    margin: 10px;
    padding: 5px;
    height: 60px;
    width: 120px;
    font-size: 12px;
}
.prepaid-div {
    margin-top: 10px;
}

.operator-balance-div > span {
    color: rgb(242, 113, 33);
    font-size: 30px;
    display: block;
}
.sched_automation { background-image: url('/img/pictos/picto_sched_scene.png'); }

.control_arm, .ARM, .sched_arm {
    background-image: url(/img/btn/btn_security_arm_off_smartlife.png);
}
.control_partarm1, .PARTARM1, .sched_partial1 {
    background-image: url(/img/btn/btn_security_partial_1_off_smartlife.png);
}
.control_partarm2, .PARTARM2, .sched_partial2 {
    background-image: url(/img/btn/btn_security_partial_2_off_smartlife.png);
}
.control_disarm, .DISARM, .sched_disarm {
    background-image: url(/img/btn/btn_security_disarm_off_smartlife.png);
}
.control_arm_on, .control_arm.clicked {
    background-image: url(/img/btn/btn_security_arm_on_smartlife.png);
}
.control_partarm1_on, .control_partarm1.clicked {
    background-image: url(/img/btn/btn_security_partial_1_on_smartlife.png);
}
.control_partarm2_on, .control_partarm2.clicked {
    background-image: url(/img/btn/btn_security_partial_2_on_smartlife.png);
}
.control_disarm_on {
    background-image: url(/img/btn/btn_security_disarm_on_smartlife.png);
}

#header .menu_security {
    background-image: url(/img/pictos/header_security_smartlife.png);
}

#header .menu_alerts {
    background-image: url(/img/pictos/header_alert_smartlife.png);
}

#header .menu_live {
    background-image: url(/img/pictos/header_live_smartlife.png);
}

#header .menu_video {
    background-image: url(/img/pictos/header_video_smartlife.png);
}

#header .menu_automation {
    background-image: url(/img/pictos/header_automation_smartlife.png);
}

#header .menu_comfort {
    background-image: url(/img/pictos/header_comfort_smartlife.png);
}

#header .menu_system {
    background-image: url(/img/pictos/header_system_smartlife.png);
}

#header .menu_logs {
    background-image: url(/img/pictos/header_logs_smartlife.png);
}
.hexagone-div {
    box-shadow: 7px 7px 6px 0 rgba(0,0,0,0.35);
}

.purchase-container{
    height: 320px;
    margin-bottom: 15px;
}
.purchase-line {
    display: block;
    width: 100%;
    height: auto;
    transition: 300ms all ease-in-out;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius: 30px;
    margin: 5px 0;
}
.purchase-line:hover {
    background-color: rgba(255,255,255,0.2);
    border-color: #fff;
}
.purchase-header {
    display: block;
}
.purchase-offer {
    display: inline-block;
    width: 65%;
    text-align: left;
}
.purchase-status {
    display: inline-block;
    text-align: right;
    width: 35%;
}
#form_voucher {
    height: 292px;
}
.purchase-history {
    text-align: right;
}
.popupSceneTabItem:not(:root) {
    height: 30px;
}
@media (max-width: 1090px) {

}
@media (max-width: 975px) {
    .next-week-schedules {
        left: 286px;
    }
	#header .icon {
		background-size: 250px auto;
	}
    .login #footer-logo-container {
        margin-left: -100px;
    }  
}
@media (max-width: 870px) {
    .popupSceneTabItem {
        left: -3px !important;
    }
    .minimized-powerstat {
		width: 300px;
	}
    .popupSceneDeviceContainer {
        width: 230px;
    }
    .popupScene {
        height: 495px;
    }

    .popupSceneTabItem:first-child {
        top: 174px;
    }

    .popupSceneTabItem:nth-child(2) {
        top: 345px;
    }
    .popupSceneTabItem:nth-child(3) {
        top: 519px;
    }
    .popupSceneTabItem {
        left: 8px !important;
        width: 165px;
    }

}
@media (max-width: 690px) {
    .tab_edit_account, .tab_pay {
        left: -32px;
    }
	.control_alarm {
		width: 85px;
		height: 15px;
	}
	#header .icon {
		background-image: url(/img/pictos/smartlife_logo_alone.png);
		background-size: 150px auto;
	    height: 30px;
	}
    .next-week-schedules {
        left: 5px;
    }
	#live-popup {
		padding: 20px;
	}    
    .new-account.hexagone-div-large, .registration-block .bloc_rectangle2 {
        border: none;
        border-radius: 10px;
        background: rgba(255,255,255, 0.5);
        box-shadow: none;
    }
	.login #footer-logo-container {
	    margin: 20px auto;
	}
}
@media (max-width: 450px) {
    .login_page #header .icon {
		background-size: 220px auto !important;
		height: 60px !important;
		background-image: url(/img/pictos/smartlife_logo.png);
	}
    .create_account #header .icon {
        background-size: 130px auto !important;
        width: 134px;
		height: 30px !important;
        background-image: url(/img/pictos/smartlife_logo_alone.png);
    }
	.lost-password-block {
        height: 280px !important;
    }
    
    #lost-password-popup-bg {
        height: 280px !important;
    }
    #lost-password-popup-content {
        margin-top: -285px !important;
        height: 280px !important;
    } 
    button.mfp-close {
	    right: 10px;
	}
    .tab-item {
        height: 20px;
        padding-top: 5px;
    }
    .tab_edit_account, .tab_pay {
        left: -7px;
    }
    .settings_label {
        display: none;
    }
    .gatewayMainContainer {
        width: 300px;
        margin: 20px auto;
    }
    .dd-patcher > span {
        font-size: 10px;
    }
    .dd-patcher:after {
        top: 25px;
        right: 21px;
    }
    .logs-block-content, .system-block-content, .block {
        width: 96% !important;
        margin: 0 auto;
    }
    .homesys-tab {
        width: 342px;
        margin-left: 24px;
        margin-right: 0;
    }
    .homesys-tab-container {
        width: 100%;
    }
    .homesys-tab-container {
        width: 96%;
        margin: 0 auto;
        margin-left: 4%;
    }
    .control_alarm {
        margin: 2px 4px;
    }
    .settings_picto {
        margin-top: -110px;
        width: 120px;
    }
    .bg_settings_triangle {
        border-width: 60px;
    }
    #rack_settings {
        width: 120px;
        left: -60px;
    }
    #settings_menu {
        width: 320px;
    }
    .settings_menu_container {
        padding: 5px 0 0 0;
    }
    #header .icon {
        background-size: 130px auto;
        width: 134px;
    }
    #header .menu_item {
        width: 77px;
    }
    .security-menu-item, .automation-menu-item, .comfort-menu-item {
        height: 20px;
        padding-top: 5px;
        left: -3px;
    }
    .settings_menu_item {
        width: 310px;
    }
    .h-settings-tab {
        margin-left: 13px;
    }
    .tab_edit_account, .tab_pay {
        left: 6px;
    }
    #live-popup {
        padding: 30px 0;
        margin: 0 auto;
    }
    #footer-logo {
        width: 180px;
    }
}