body {
    color: #4F4F4F;
}

body.login_page, body.content_page, .mfp-bg  {
    background: url(../img/bg/bg_alfa_new.jpg) no-repeat center center fixed transparent !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

input {
    border-radius: 7px !important;
    box-shadow: none;
    border: none;
}
select {
    border-radius: 7px !important;
    box-shadow: none;
    border: none;
}
#divError {
    border: none !important;
    background: rgba(0,0,0,0.05) !important;
    border-radius: 7px;
}
.settings_picto {
    margin-top: -237px;
}
#logout, .create_account a {
	color: #ffffff !important;
	text-shadow: -1px 0 0 rgba(195,195,195,1), 0 1px 0 rgba(195,195,195,1), 1px 0 0 rgba(195,195,195,1), 0 -1px 0 rgba(195,195,195,1);
	font-weight: 400 !important;
	letter-spacing: 1px;	
}
.create_account a {
	/*text-shadow: -1px 0 0 rgba(195,195,195,1), 0 1px 0 rgba(195,195,195,1), 1px 0 0 rgba(195,195,195,1), 0 -1px 0 rgba(195,195,195,1);*/
	text-shadow: -1px 0 0 rgba(130,130,130,0.5), 0 1px 0 rgba(130,130,130,0.5), 1px 0 0 rgba(130,130,130,0.5), 0 -1px 0 rgba(130,130,130,0.5);
}
#logout {
	padding-right: 62px;
	text-shadow: -1px 0 0 rgba(130,130,130,1), 0 1px 0 rgba(130,130,130,1), 1px 0 0 rgba(130,130,130,1), 0 -1px 0 rgba(130,130,130,1);	
}
.settings_myGateways_container {
    border-radius: 7px !important;
}
.settings_myGateways_container:hover, .selected-shape {
    background-color: rgba(0,0,0,0.05);
}
.popupScene:after, .popupScene:before, .popupSceneTabItem:before {
    display: none;
}
.scene-desc {
	top: 28px;
}
.picto-scene {
    top: 20px;
}
.sceneName {
    padding-top: 56px;
}
.divScene:hover .sceneName {
    margin-top: -3px;
}
.containerScenes {
    margin-top: 0px;
}
.button_switch {
    bottom: 5px;
}
.automation_device:before, .comfort_device:before , .automation_device:after, .comfort_device:after {
	display:none;
}
.newaccount_field_input select {
    border: none !important;
    box-shadow: none !important;
}
.tab-item {
    background-color: #FAA933 !important;
    box-shadow: inset 1px -4px 4px -2px rgba(0,0,0,0.25);
    color: #ffffff;
}
.tab-selected {
    box-shadow: none;
    color: #666666;
}
.homesys-tab-item, .homesys-tab-item:hover, .popupSceneTabItem, .popupSceneTabItem:hover {
    background-color: #FAA933 !important;
    left: 0;
}
.popupSceneTabItem:nth-child(3) {
    top: 455px !important;
}
.popupSceneTabItem:nth-child(2) {
    top: 302px !important;
}
.popupSceneTabItem:first-child {
    top: 149px !important;
}
.popupScene {
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    padding-top: 10px;
}
.popupSceneTabItem {
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    width: 144px;
}

#popup_automation_scene .mfp-close {
    right: -5px;
    top: -5px;
}

#homesys-popup > .mfp-close {
/*    margin-right: -5px;*/
}

.playScene2 { top: 15px; }
.popupSceneDesc > .block_title > .deleteScene2 { top: 64px; }

.homesys-tab-item, .popupSceneTabItem {
    color: #ffffff;
}

.popupTabSelected, .popupTabSelected:hover, .tab-selected, .tab-selected:hover {
    background-color: rgba(255,255,255,0.75) !important;
}

.automation-menu-item, .comfort-menu-item, .security-menu-item {
    height: 29px !important;
    padding-top: 14px !important;
}
.popupSceneTabItem {
    height: 29px !important;
    padding-top: 14px !important;
    /*box-shadow: inset -1px -2px 5px 0px rgba(0,0,0,0.25);*/
    box-shadow: inset 1px -4px 4px -2px rgba(0,0,0,0.25);
    left: -43px;
}
.popupSceneTabItem:hover {
    left: -43px;
}
.homesys-tab-item-selected, .popupTabSelected {
    color: #666666;
    box-shadow: none;
}
.automation-menu-item.device {
    top: 178px !important;
}
.automation-menu-item.schedules {
    top: 540px !important;
}
.automation-menu-item.scenes {
    top: 360px !important;
}
.security-menu-item:before, .automation-menu-item:before, .comfort-menu-item:before {
    display: none;
}
.comfort-menu-item.meters {
    top: 268px;
}
.comfort-menu-item.remotes {
    top: 540px;
}
.security-menu-item, .automation-menu-item, .comfort-menu-item {
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    /*box-shadow: inset -1px -2px 5px 0px rgba(0,0,0,0.25);*/
    box-shadow: inset 1px -4px 4px -2px rgba(0,0,0,0.25);
}

.home {
	margin: 20px auto 20px;
}

#header .icon {
    background: transparent !important;
    width: 280px;
    height: 100px;
    cursor: default;
    margin: 0;
    position: relative;
}
#header .gateway_selector {
    border-radius: 7px;
	background: rgba(255,255,255,0.85);
	height: 38px;
	z-index: 5;
	position: relative;	
}
#header_menu, #header_menu_mob {
    margin-right: 37px;
    position: relative;
    padding-top: 10px;
}

#header_menu:before, #header_menu_mob:before {
    position: absolute;
    background: url('/img/pictos/alfa_logo.png') no-repeat;
    background-size: 119px;
    width: 119px;
    content: '';
    height: 112px;
    z-index:5;
    left: -135px;
    top: -7px;
	cursor: pointer;
}

#header .menu_item {
    color: #ffffff !important;
    font-weight: 300 !important;
    margin: 0 0px 5px 0px;
    background-size: 58px;
    width: 105px;
	height: 85px;
}
a, .btn_arm_always_on {
    color: #666666 !important;
    font-weight: 400;
    box-shadow: none;
}
.block_title, body, .addGateway a , .add{
    color: #666666 !important;
    font-weight: 300 !important;

}
.link-div {
	color: #E52713;
}
.container_arm, .container_as {
    box-shadow: none;
}
#rack_settings {
    background: rgba(255,255,255,0.85) !important;
    height: 64px !important;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#settings_menu {
    background: rgba(255,255,255,0.85) !important;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.bg_settings_triangle {
    opacity: 0 !important;
}

.hexagone-up-large, .hexagone-down-large, .control_alarm:after, .control_alarm:before, .hexagone-up, .hexagone-down,
.divScene:before, .divScene:after
{
    display: none !important;
}
.alertBlock {
    border-radius: 7px;
}
.alertsVideoLeft {
    border-radius: 7px;
}
.blockVideo {
    border-radius: 7px;
}
.divScene{
    padding: 10px 5px !important;
    border-radius: 7px !important;
}
.hexagone-div {
    border-radius: 7px;
    padding: 10px 15px !important;
}

.hexagone-div-large {
    background-color: rgba(255,255,255,0.75);
    border-radius: 7px;
    padding: 15px 0px;
}
.homesys-tab-container .hexagone-div-large {
    -webkit-border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
}
.homesys-tab {
    height: 540px !important;
    padding-top: 20px;
}
.security-menu-item.alarm {
    top: 268px !important;
}
.security-menu-item.schedules {
    top: 540px !important;
}
.control_alarm {
    border-radius: 7px;
    height: 47px !important;
    padding: 87px 10px 0 10px !important;
    background-position: center 22px;
}

.video-block-content, .alerts-block-content, .live-block-content, .system-block-content, .logs-block-content {
	padding-top: 20;
}

.system_device {
    padding-top: 15px;
}

.control_alarm_selected, .control_alarm_selected:hover, .dayTitle, .defaultDiv:hover, .tank_meter_shape:hover, .blockVideo:hover, .divScene:hover,
.automation_device:hover, .comfort_device:hover, .control_alarm:hover, .liveBlockVideo:hover, .alarm_mode:hover, .system_device:hover,
.code_container:hover, .alertBlock:hover, .control_alarm:hover
{
    background-color: rgba(0,0,0,0.05) !important;
    color: #787878 !important;
    border-radius: 7px;
}


.phone_background {
    background: none !important;
    display: none;
}

.halfscreen {
    display: inline;
    float: none !important;
    width: none !important;
}

.login-container {
	overflow:auto;
	padding-bottom: 200px;
}
.login-container::-webkit-scrollbar {
    display: none;
}

#content.login {
    min-height: 100%;
}


.gatewayContainer, .settings_label, .popupSceneDeviceContainer, .divScene:hover, .automation_device:hover,
.comfort_device:hover, .alertBlock:hover, .control_alarm:hover, .liveBlockVideo:hover, .system_device:hover, .idm-result-msg,
.schedule:hover, .alarm_mode:hover, .reg_TYPE:hover
{
    color: rgba(7,12,5,0.65);
}
.alertBlockNoHover:hover {
    background-color: transparent !important;
}
.settings_menu_item{
    color: rgba(7,12,5,0.9);
}

.country-list {
    background-color: rgba(255, 255, 255, 0.85) !important;
    color: rgba(35, 53, 68, 0.9) !important;
    width: 300px !important;
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.intl-tel-input .country-list .divider {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.intl-tel-input ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(200,200,200,0.75) !important;
}
.intl-tel-input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(200,200,200,0.75) !important;
}
.intl-tel-input ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(200,200,200,0.75) !important;
}
.intl-tel-input :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(200,200,200,0.75) !important;
}
.ui-slider .ui-slider-handle {
    border: 1px solid rgba(61, 81, 98, 0.75) !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
}
.ui-slider-range {
    border: 1px solid rgba(61, 81, 98, 0.75) !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
}
option {
    background-color: rgba(255, 255, 255, 0.85) !important;
    color: rgba(7,12,5,0.75) !important;
}
input, .settings_field_input select, .selectIpCamNameVideos, .selectCatLogs, select {
    color: rgba(74, 74, 74, 0.9) !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    font-weight: 300 !important;
}
#network-lst {
    color: rgba(74, 74, 74, 0.9) !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border: none !important;
    border-radius: 7px;
}
input[type="text"]:disabled {color: rgba(35, 53, 68, 0.5) !important;}

.button_red{
    border: none;
    background: #E52713;
    color: #FFFFFF;
}
.submit-input {
    margin-top: 10px;
    border-radius: 7px;
    width: 208px;
}
.payment-alt {
    margin-top: 5px;
}
.get-more-credit {
	margin-top: 5px;
}

.button_blue, .settings_field_submit input[type="submit"], input[type="submit"], .reg_button, .reg_button_next, .button-sched {
    border-width: 0px !important;
    background: #E52713 !important;
    color: #FFFFFF !important;
}
.button_grey {
    color: rgba(255, 255, 255, 0.85) !important;
}
.launch-schedule {
    color: rgba(255, 255, 255, 0.85) !important;
}
.to_select {
    color: #787878 !important;
}
.option-btn, .btn_arm_always_on {
    background: rgba(0,0,0,0.05) !important;
    color: #787878 !important;
    border: none;
}
.option-selected {
    background: #E52713 !important;
    color: #FFFFFF !important;
}
.selected {
    font-weight: 500 !important;
}
.option-container {
    box-shadow: none;
}
.ui-widget-content {
    background: rgba(255, 255, 255, 0.97) !important;
    border-radius: 10px;
}
.ui-widget-content a {
    color: rgba(0, 0, 0, 0.55) !important;
    border-radius: 7px;
}
.ui-widget-content a:hover {
    color: #fff !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    left: 52%;
    margin-left: -24px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 3em;
}
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}
.settings_menu_item:hover, .popupSceneDevice:hover, .event:hover {
    background-color: rgba(0,0,0,0.05) !important;
    border-radius: 7px;
    color: rgba(7,12,5,0.9) !important;
}
.containerItem, .comfort-btn {
    color: #666666 !important;
}
#tab_automation, #tab_security {
    color: #666666;
}

.tabSelected, .tab_selected  {
    color: rgba(7,12,5,0.75) !important;
    background-color: #FFFFFF !important;
}

.tabSelected:before {
    border-bottom: 20px solid rgba(232, 241, 243, 0.31) !important;
}
.tabSelected:after {
    border-top: 20px solid rgba(232, 241, 243, 0.31) !important;
}

.bg_highlight_triangle1, .bg_selected_triangle1,
.bg_highlight_triangle2, .bg_selected_triangle2 {
    border-width: 0px;
}
.menu_highlight_losange, .menu_selected_losange {
    margin-top: -10px !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,0.75) !important;
    height: 85px !important;
    width: 85px;
	margin-left: 15px;
}
#header .gateway_selector SELECT {
    background: rgba(255,255,255,0.55) url("/img/bg/select_bg_idm.png") no-repeat scroll right center !important;
    color: rgba(7,12,5,0.75) !important;
    box-shadow: none;
    border: none;
}
.selectCatLogs, .selectIpCamNameVideos, .settings_field_input select, select {
    background: rgba(0, 0, 0, 0.05) url("/img/bg/select_bg_idm.png") no-repeat scroll right center !important;
}

#header .menu_security {
    background-image: url(/img/pictos/header_security_white.png);
}
#header .menu_security.menu-hover, #header .menu_security.menu-selected {
    background-image: url(/img/pictos/header_security_red.png);
}

#header .menu_alerts {
    background-image: url(/img/pictos/header_alert_white.png);
}
#header .menu_alerts.menu-hover, #header .menu_alerts.menu-selected {
    background-image: url(/img/pictos/header_alert_red.png);
}
#header .menu_live {
    background-image: url(/img/pictos/header_live_white.png);
}
#header .menu_live.menu-hover, #header .menu_live.menu-selected {
    background-image: url(/img/pictos/header_live_red.png);
}
#header .menu_video {
    background-image: url(/img/pictos/header_video_white.png);
}
#header .menu_video.menu-hover, #header .menu_video.menu-selected {
    background-image: url(/img/pictos/header_video_red.png);
}
#header .menu_automation {
    background-image: url(/img/pictos/header_automation_white.png);
}
#header .menu_automation.menu-hover, #header .menu_automation.menu-selected {
    background-image: url(/img/pictos/header_automation_red.png);
}
#header .menu_comfort {
    background-image: url(/img/pictos/header_comfort_white.png);
}
#header .menu_comfort.menu-hover, #header .menu_comfort.menu-selected {
    background-image: url(/img/pictos/header_comfort_red.png);
}
#header .menu_system {
    background-image: url(/img/pictos/header_system_white.png);
}
#header .menu_system.menu-hover, #header .menu_system.menu-selected {
    background-image: url(/img/pictos/header_system_red.png);
}
#header .menu_logs {
    background-image: url(/img/pictos/header_logs_white.png);
}
#header .menu_logs.menu-hover, #header .menu_logs.menu-selected {
    background-image: url(/img/pictos/header_logs_red.png);
}
#error-msg-text {
    background: url(/img/pictos/popup_error_icon_alfa.png) no-repeat 10px center transparent;
    background-size: 60px;
}
#confirm-msg-text {
    background: url(/img/pictos/popup_confirm_icon_alfa.png) no-repeat 10px center transparent;
    background-size: 60px;
}
#notif-msg-text {
    background: url(/img/pictos/popup_notif_icon_alfa.png) no-repeat 10px center transparent;
    background-size: 60px;
}
.TEMP_HUM {
    background-image: url(../img/devices/picto_temperature_alfa.png);
}
.FLOOD {
    background-image: url(../img/devices/picto_flood_alfa.png);
}
.SOLAR_SIREN_device_nok {
    background-image: url(../img/devices/picto_solar_siren_alfa_alert.png);
}
.SIREN_device_nok  {
    background-image: url(../img/devices/picto_siren_alfa_alert.png);
}
.VOICE_SIREN_device_nok  {
    background-image: url(../img/devices/picto_siren_alfa_alert.png);
}
.PIR_DETECTOR_device_nok  {
    background-image: url(../img/devices/picto_PIR_sensor_alfa_alert.png);
}
.MAGNETIC_device_nok  {
    background-image: url(../img/devices/picto_door_magnetic_sensor_alfa_alert.png);
}
.REMOTE_device_nok  {
    background-image: url(../img/devices/picto_remote_control_alfa_alert.png);
}
.WALL_SWITCH_device_nok {
    background-image: url(../img/devices/picto_switch_alfa_alert.png);
}
.KEYPAD_device_nok {
    background-image: url(../img/devices/picto_keypad_alfa_alert.png);
}
.SMOKE_device_nok  {
    background-image: url(../img/devices/picto_smoke_sensor_alfa_alert.png);
}
.FLOOD_device_nok  {
    background-image: url(../img/devices/picto_flood_alfa_alert.png);
}
.ON_OFF_PLUG_OFF_device_nok, .ON_OFF_PLUG_ON_device_nok  {
    background-image: url(../img/devices/picto_plug_on_alfa_alert.png);
}
.LED_BULB_OFF_device_nok, .LED_BULB_ON_device_nok  {
    background-image: url(../img/devices/picto_LED_bulb_on_alfa_alert.png);
}
.DIMMER_SWITCH_OFF_device_nok, .DIMMER_SWITCH_ON_device_nok  {
    background-image: url(../img/devices/picto_dimmer_off_alfa_alert.png);
}
.CAMERA_device_nok  {
    background-image: url(../img/devices/picto_camera2_alfa_alert.png);
}
.TEMP_HUM_device_nok  {
    background-image: url(../img/devices/picto_temperature_alfa_alert.png);
}
.IR_device_nok {
    background-image: url(../img/devices/picto_ir_relay_alfa_alert.png);
}
.WIFI_ROUTER_device_nok {
    background: url(../img/devices/picto_wifi_router_alfa_alert.png) no-repeat center;
}
.TANK_METER_device_nok {
    background-image: url(../img/devices/picto_tank_meter_alfa_alert.png);
}
.POWER_METER_device_nok {
    background-image: url(../img/devices/picto_siren_alfa_alert.png);
}

.login-block > .bloc_corner1, .login-block > .bloc_rectangle1, .login-block > .bloc_corner2, .login-block > .bloc_rectangle2,
.login-block > .bloc_corner3, .login-block > .bloc_corner4,

.security-block > .bloc_corner1, .security-block > .bloc_rectangle1, .security-block > .bloc_corner2, .security-block > .bloc_rectangle2,
.security-block > .bloc_corner3, .security-block > .bloc_corner4,

.alerts-block > .bloc_corner1, .alerts-block > .bloc_rectangle1, .alerts-block > .bloc_corner2, .alerts-block > .bloc_rectangle2,
.alerts-block > .bloc_corner3, .alerts-block > .bloc_corner4,

.live-block > .bloc_corner1, .live-block > .bloc_rectangle1, .live-block > .bloc_corner2, .live-block > .bloc_rectangle2,
.live-block > .bloc_corner3, .live-block > .bloc_corner4,

.video-block > .bloc_corner1, .video-block > .bloc_rectangle1, .video-block > .bloc_corner2, .video-block > .bloc_rectangle2,
.video-block > .bloc_corner3, .video-block > .bloc_corner4,

.system-block > .bloc_corner1, .system-block > .bloc_rectangle1, .system-block > .bloc_corner2, .system-block > .bloc_rectangle2,
.system-block > .bloc_corner3, .system-block > .bloc_corner4,

.logs-block > .bloc_corner1, .logs-block > .bloc_rectangle1, .logs-block > .bloc_corner2, .logs-block > .bloc_rectangle2,
.logs-block > .bloc_corner3, .logs-block > .bloc_corner4,

.lost-password-block > .bloc_corner1, .lost-password-block > .bloc_rectangle1, .lost-password-block > .bloc_corner2, .lost-password-block > .bloc_rectangle2,
.lost-password-block > .bloc_corner3, .lost-password-block > .bloc_corner4
{
    opacity: 1 !important;
}
.bloc_corner1, .bloc_corner2, .bloc_corner3, .bloc_corner4, .bloc_rectangle1 {
    display: none !important;
}
.bloc_rectangle2 {
    border-radius: 7px;
    background-color: rgba(255,255,255,0.75);
    opacity: 1 !important;
}
.gatewayMainContainer:before, .gatewayMainContainer:after, .custom-div:after, .custom-div:before {
    display: none !important;
}
.custom-div {
    border-radius: 7px;
}
.gatewayMainContainer {
    background-color: rgba(0,0,0,0.05) !important;
    border-radius: 7px;
}
#loginBtn, #loginResetBtn {
    border-radius: 7px;
}
.container_phone, .settings_field_input select {
    box-shadow: none;
    border: none;
}
#video-msg-popup, #live-popup, .ui-datepicker .ui-datepicker-buttonpane button {
    border-radius: 7px;
}
.alarm_mode {
    border-radius: 7px;
    padding: 54px 3px 7px;
    background-position: center 7px !important;
    width: 80px;
}
#video-msg-popup > .mfp-close, #live-popup > .mfp-close {
    top: -7px;
    right: -5px;
}
#video-msg-popup:before, #video-msg-popup:after, #live-popup:before, #live-popup:after,
.alarm_mode:before, .alarm_mode:after {
    display: none;
}
.containerContent, .popupScene, .hexagone-div, #settings_menu-msg-popup, #confirm-msg-popup {
    background-color: rgba(255,255,255,0.75) !important;
}

.control_arm_on, .control_arm.clicked {
    background-image: url(/img/btn/btn_security_arm_red.png) !important;
}
.control_arm {
    background-image: url(/img/btn/btn_security_arm_off.png) !important;
    background-position: center 19px;
}

.control_disarm_on, .control_disarm.clicked {
    background-image: url(/img/btn/btn_security_disarm_red.png) !important;
    background-position: 32px 19px !important;
}
.control_disarm {
    background-image: url(/img/btn/btn_security_disarm_off.png) !important;
    background-position: 32px 19px;
}
.control_partarm1_on, .control_partarm1.clicked {
    background-image: url(/img/btn/btn_security_partial_1_red.png) !important;
}
.control_partarm1 {
    background-image: url(/img/btn/btn_security_partial_1_off.png) !important;
}
.control_partarm2_on, .control_partarm2.clicked {
    background-image: url(/img/btn/btn_security_partial_2_red.png) !important;
}
.control_partarm2 {
    background-image: url(/img/btn/btn_security_partial_2_off.png) !important;
}
.picto-scene {
    background-image: url("/img/pictos/picto-scenes.png") !important;
}
.button_off {
    background-image: url("../img/btn/btn_automation_off.png");
}

.next-week-schedules, .prev-week-schedules {
    color: #666666 !important;
}
.homesys-tab-item-selected, .homesys-tab-item-selected:hover {
    background-color: rgba(255,255,255,0.75) !important;
    box-shadow: none;
}

.refresh_scan, .advance_settings {
    color: #5c6670 !important;
}

.pencil-input-mob {
    background-color: transparent !important;
    color: #666666 !important;
    border: none !important;
}

.pencil-input {
    background-color: transparent !important;
    color: #666666 !important;
    border: none !important;
}
.pencil-input:hover, .pencil-input.clicked, .pencil-input:hover.clicked {
    border: none !important;
    background-color: rgba(0,0,0,0.05) !important;
}

.removed, .removed:hover {
    color:  #666666 !important;
}
.remote:hover, .install-remote:hover, .remote.clicked {
    background-color: rgba(0,0,0,0.05);
}
.confirm-delete-remote-keys {
    border: none;
    background: #E52713;
    color: #FFFFFF;
    border-radius: 7px;
}
.ir-key-delete {
    background: #E52713b3;
}
.dd-wrapper:not(.dd-patcher), .dd-patcher > span {
    color: rgba(74, 74, 74, 0.9);
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: 300;
    border: none;
}
.dd-wrapper .dd-container {
    background: rgba(0,0,0,0.75);
    color: #fff;
    border: none;
}

.dd-wrapper .dd-container .dd-option {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dd-option.selected/*, .dd-wrapper .dd-container .dd-option.selected:hover*/ {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: none;
}

.dd-wrapper .dd-container .dd-option:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}
.dd-wrapper .dd-container:before {
    border-color: transparent transparent;
}
.dd-wrapper .dd-container:after {
    border-color: rgba(0,0,0,0.75) transparent;
}
.dd-wrapper:after {
    border-color: #666666 transparent;
}
.eventContainer, .actionContainer {
    border-radius: 7px;
}
.eventContainer:before, .eventContainer:after, .actionContainer:before, .actionContainer:after {
    display: none;
}
#confirm-msg-popup {
    border-radius: 7px;
    padding: 10px 0;
}
.comfort_device, .automation_device {
    border-radius: 7px;
}
#confirm-msg-popup:after, #confirm-msg-popup:before {
    display: none;
}
#confirm-msg-popup .mfp-close, #error-msg-popup .mfp-close {
    top: -4px;
    right: -3px;
}

.alfa-result {
    width: 96%;
    margin-top: 10px;
}
.tab_edit_account, .tab_pay {
    width: 225px;
    left: -25px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}
.tab_edit_account {
    top: 235px;
}
.tab_pay {
    top: 463px;
}
.content_pay, .content_edit_account {
    min-height: 433px;
}
.alfa-result-msg {
    padding: 5px 10px !important;
}
.h-settings > .tab-item:before {
    display: none;
}
#slide_comfort .homesys-tab-container .hexagone-div-large {
    border-radius: 7px;
    width: 100%;
    margin-left: 0;
}
.automation_container, .comfort_container {
    width: 94%;
}
.alfa-footer-container {
    position: absolute;
    width: 100%;
   /* height: auto;
    bottom: 0;*/
   	margin-top: -180px;
	height: 180px;
	clear:both;
}
.alfa-footer {
    position: relative;
    width: 850px;
    height: 163px;
    margin: 0 auto;
}
.alfa-logo-1 {
    background: url(/img/pictos/alfa_smarthome_logo.png) no-repeat center center;
    width: 300px;
    height: 162px;
    background-size: auto 120px;
    position: absolute;
    top: 0;
    left: 0;
}
.alfa-logo-2 {
    background: url(/img/pictos/alfa_logo.png) no-repeat center center;
    width: 119px;
    height: 112px;
    background-size: 119px auto;
    position: absolute;
    top: 27px;
    right: 0;
}
#waiting-screen {
    background-image: url(../img/bg/bg_alfa_new.jpg);
}
#waiting-screen .logo {
    background-image: url(/img/pictos/alfa_smarthome_logo.png);
    width: 256px;
    background-size: auto 120px;
}
.fullpage-wrapper {
	margin-top: 152px;
}
/**LOGIN CONTAINER**/

.login-container {
    width: 450px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px !important;
}
.login_label {
    font-size: 18px !important;
    width: 110px !important;
}

.login_value {
    width: 250px !important;
}

.login_value input {
    width: 250px !important;
    /*background: rgba(255, 255, 255, 0.9) !important;*/
    background: rgba(0, 0, 0, 0.05) !important;
}
.alfa-account {
	padding: 10px;
}
.alfa-balance-container {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.alfa-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;
}

.alfa-balance-div > span {
    color: #E52713;
    font-size: 30px;
    display: block;
}
.warning {
	color: #E52713;
}
.reg_button_next {
    padding: 11px 20px 3px 20px !important;
}
.plan-container {
    width: 100%;
    height: 300px;
    position: relative;
    text-align: center;
}
.alfa-plan {
    display: inline-block;
    width: 150px;
    margin: 5px;
    border-radius: 7px;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.alfa-plan:hover {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: transparent;
}
.alfa-shopping-cart {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    padding: 10px;
    box-sizing: border-box;
    width: 240px;
    text-align: center;
    margin: 20px auto;
}
.alfa-shopping-cart > div:first-child {
    display: block;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    color: #E52713;
    font-size: 20px;
}
.alfa-shopping-cart > div:nth-child(2) {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 13px;
}
.sticky-bottom {
    position: absolute;
    bottom: 37px;
    left: 52px;
}
.bank_payment {
    position: absolute;
    bottom: 37px;
    right: 40px;
    font-weight: normal !important;
}
.confirm-btn {
    background-color: #E52713;
    color: #fff;
    border-radius: 7px;
}

.alfa-plan > div:first-child {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #E52713;
    font-size: 20px;
}
.alfa-plan > div:nth-child(2) {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.alfa-account > .submit-input {
    float: right;
}
.button-sched {
    border-radius: 7px;
}
#settings {
    top: -186px;
}

.alfa-terms {
    height: 75px;
    overflow-y: auto;
    font-size: 12px;
    margin-top: 5px;
}
.small-text {
    font-size: 10px;
}
.terms-not-confirmed > div{
    background: #5C6670;
}
.huge-text {
    font-size: 14px;
}
.button_grey {
    background: #5C6670;
    text-shadow: none !important;
    color: #fff !important;
}

.h-checkbox-input {
    background-image: url('/img/btn/btn_check_off_alfa2.png');
}
.h-checkbox-wrapper.checked > .h-checkbox-input {
    background-image: url('/img/btn/btn_check_on_alfa2.png');
}

.input-password {
    border-radius: 7px 0 0 7px !important;
}
.submit-button {
    background: #E52713 !important;
    color: #FFFFFF !important;
}
.button-password {
    border-radius: 0 7px 7px 0 !important;
}
#router_wifi {
    color: rgba(74, 74, 74, 0.9) !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border: 0;
    border-radius: 7px;
}
.button-generate-passphrase {
    border-radius: 7px;
}
.repeater-join-container, .repeater-unjoin-container {
    border-radius: 7px;
    background: rgba(0, 0, 0, 0.05);
}
.device-line {
    border-radius: 7px;
}
#password_strength_estimator {
    background: rgba(0, 0, 0, 0.05);
}
#password_strength_estimator:after {
    background: #E52713;
}
.tab_edit_account:before, .tab_pay:before {
    display: none;
}
@media (max-width: 680px) {

    .login-block {
        margin: 0px auto 0 auto !important;
    }
    .login-block-content {
        margin-left: 0px !important;
    }

}

@media (max-width: 1090px) {

  	#header .menu_item {
		margin: 0 5px 5px 5px;
	} 
	#header  .menu_item {
		background-size: 58px;
		width: 86px;
	}
	
	#header_menu, #header_menu_mob {
    	max-width: 800px;	
    	margin-right: 2px;
    }
    
	#header_menu::before, #header_menu_mob:before {
	    left: -172px;
	}
    .alfa-footer {
        width: 800px;
    }
	.menu_highlight_losange, .menu_selected_losange {
		margin-left: 11px;    
	}
}
@media (max-width: 975px) {

    #header  .menu_item {
		background-size: 50px !important;
		width: 77px;
		height: 70px;
		margin: 0 0px 5px 0px;
    }
	.menu_highlight_losange, .menu_selected_losange {
		height: 72px !important;
		width: 72px;
		margin-top: -6px !important;
		margin-left: 7px;
	}
    .login-container {
        width: 400px !important;
    }
    .login_value {
        width: 200px !important;
    }
    .login_value input {
        width: 200px !important;
    }
	#header_menu, #header_menu_mob {
    	max-width: 642px;	
    	margin-right: auto;
    	padding-left: 0px;
    }
    .alfa-footer {
        width: 630px;
    }
	#header_menu::before, #header_menu_mob:before {
		left: 0px;
		top: -90px;
		background-size: 78px !important;
	}

	#header .gateway_selector, #header .gateway_selector SELECT {
		width:150px;
	}  
	.fullpage-wrapper {
		margin-top: 140px;
	}
}

@media (max-width: 870px) {

    #confirm-msg-text, #error-msg-text, #notif-msg-text {
        background-size: 60px;
    }
    .popupSceneTabItem:hover{
    	left:17px;
    }
    .popupScene {
    	width: 269px;
    }
	.divScene {
	    margin: 0px 0px;
	}
    .sticky-bottom {
        bottom: 74px;
        left: auto;
        right: 75px;
    }
	.bank_payment {
	    right: 75px;    
	}
    .alfa-shopping-cart {
        margin: 21px auto;
    }
 	
}

@media (max-width: 690px) {

    .login-container  {
        margin: 0 auto  !important;
    }

    .h-settings-tab {
        margin-left: 17px;
    }
    .tab_edit_account, .tab_pay {
        left: 1px;
    }

    #header  .menu_item {
        background-size: 40px !important;
		width: 50px;
		height: 50px;	        
    }
    
    .menu_highlight_losange, .menu_selected_losange {
		height: 47px !important;
		width: 47px;
		margin-top: 2px !important;
		margin-left: 7px;
    }
     
    #confirm-msg-text, #error-msg-text, #notif-msg-text {
        background-size: 45px;
    }
	#rack_settings {
		height: 53px !important;
	}
	.settings_picto {
	    margin-top: -156px;
	}
    .homesys-tab-container {
	    width: 400px;
	}
	.homesys-tab {
   		width: 355px;
	}	
	.selectCatLogs, .selectIpCamNameVideos {
		margin-top: 24px;
	}
	#header_menu, #header_menu_mob {
		max-width: 402px;
		margin-right: auto;
		padding-left: 0px;
		padding-top: 5px;
		min-height: 50px;
    }
    #logout {
	    padding-right: 5px;
	}
	.alfa-footer {
        width: 450px;
    }
    #homesys-popup {
        max-width: 320px;
    }
    .alfa-logo-1 {
        background-size: auto 90px;
        background-position: center left;
    }
    .alfa-logo-2 {
        background-size: auto 90px;
    }
	.fullpage-wrapper {
		margin-top: 115px;
	}   
	.tab-item {
		height: 26px;
		padding-top: 10px;
	}
    #settings {
        top: -352px;
    }
}

@media (max-width: 450px) {
    #content.login {
        margin-top: 20%;
    }
    .login-container {
        width: 300px !important;
        padding-bottom: 240px;
    }
    .login_value {
        width: 145px !important;
    }
    .login_label {
        font-size: 16px !important;
        width: 80px !important;
        margin-top: 3px !important;
    }
    .login_value input {
        width: 145px !important;
    }
    #header .icon {
        height: 80px;
    }
    #header  .menu_item {
        background-size: 52px auto !important;
    }
    #confirm-msg-text, #error-msg-text, #notif-msg-text {
        background-size: 32px;
    }
    #header .gateway_selector {
	    margin-top: 60px;
	    right: 8px;
	}
	
	#header_menu::before, #header_menu_mob:before {
	    display: none;
	}
    .alfa-footer {
        width: 95%;
    }
	
	#header_menu, #header_menu_mob {
		max-width: 360px;
	}

	#header .icon {
        width: 65px;
        height: 70px;
        margin: 10px 0px 0px 15px;
        background: url(/img/pictos/alfa_logo.png) no-repeat !important;
        background-size: 65px !important;        
    }
    
	#header .menu_item {
		width: 80px;
		height: 80px;
		margin: 0 4px 20px 4px;
	}

	.menu_highlight_losange, .menu_selected_losange {
		margin-left: 16px;
		height: 65px !important;
		width: 65px;
		margin-top: -1px !important;	
	}
	.fullpage-wrapper {
    	margin-top: 30px;
	}
}