body.content_page, #waiting-screen, .mfp-bg, body.login_page, body.create_account {
    background-image: url(/img/bg/uathome.png) !important;
}
body {
    color: #fff;
    color: rgba(255,255,255,0.85);
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  
}
.block_title {
    color: #fff;
    color: rgba(255,255,255,0.85);
}

.videoCenter {
    width: 200px;
}
.videoContainer {
    width: 100%;
}
.homesys-tab {
    height: 540px !important;
    padding-top: 20px;
}
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(255, 255, 255, 0.25) !important;
    border-radius: 7px;
    color: rgba(255,255,255,0.85);
}
.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(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 {
    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);
}
.scene-desc {
    top: 28px;
}
.picto-scene {
    top: 20px;
}
.sceneName {
    padding-top: 56px;
}
.popupScene:after, .popupScene:before, .popupSceneTabItem:before {
    display: none;
}
.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-selected {
    box-shadow: none;
    color: #666666;
}
.homesys-tab-item, .homesys-tab-item:hover, .popupSceneTabItem, .popupSceneTabItem:hover {
    background-color: #207a8b !important;
}
.popupScene {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    padding-top: 10px;
}
.popupScene .block_title {
    width: 60%;
}
.scene_name {
    width: 100%;
}
.homesys-tab-item, .popupSceneTabItem {
    color: #ffffff;
}
.popupTabSelected, .popupTabSelected:hover, .tab-selected, .tab-selected:hover {
    background-color: rgba(162,192,202,0.65) !important;
}
.popupSceneTabItem {
    box-shadow: inset 1px -4px 4px -2px rgba(0,0,0,0.25);
    border-radius: 7px 7px 0 0;
    width: 145px;
}
.homesys-tab-item-selected, .popupTabSelected {
    color: rgba(255,255,255,0.85);
    box-shadow: none;
}
.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;
}
.automation-menu-item, .comfort-menu-item, .security-menu-item {
    padding-top: 15px;
    left: -4px;
}
.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 -4px 4px -2px rgba(0,0,0,0.25);
}

#header .icon {
/*    background-image: url('/img/pictos/uathome-logo.png');
    width: 100px;*/
    background-image: url('/img/pictos/uathome-never-away.png');
    width: 250px;   
    height: 100px;
    background-size: 250px auto;
    background-position: top center;
    margin: 20px 0px 0 20px;
}
#header .gateway_selector {
    border-radius: 7px;
    background: rgba(162,192,202,0.85);
    height: 38px;
    z-index: 5;
}

#header .menu_item {
    color: #ffffff !important;
    font-weight: 300 !important;
    background-size: 58px;
}
a, .btn_arm_always_on {
    color: #666666 !important;
    font-weight: 400;
    box-shadow: none;
}
.link-div {
    color: #207a8b;
}
.container_arm, .container_as {
    box-shadow: none;
    width: auto;
}
.settings_device_title {
    width: 90px;
}
#rack_settings {
    background: rgba(255,255,255,0.5);
    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.5);
    -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(162,192,202,0.65);
    border-radius: 7px;
    padding: 15px 0px;
}
.homesys-tab-container .hexagone-div-large {
    border-radius: 0 7px 7px 0;
}
.homesys-tab {
   /* height: 540px !important;*/
}
.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;
    float: left;
}

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

.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(162,192,202,0.65) !important;
    color: #fff !important;
    border-radius: 7px;
}
/*
.phone_background {
    background: none !important;
    display: none;
}*/
/*
.halfscreen {
    display: inline;
    float: none !important;
    width: none !important;
}*/
.login-container::-webkit-scrollbar {
    display: none;
}
/*
#content.login {
    min-height: 100%;
}
*/

.gatewayContainer, .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.85);
}
.alertBlockNoHover:hover {
    background-color: transparent !important;
}
.settings_menu_item{
    color: rgba(0,0,0,0.85);
}
.settings_menu_container {
    padding: 5px 8px 0 0;
}
.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 {
    font-weight: 300 !important;
    background-color: rgba(162,192,202,0.65) !important;
    color: rgba(255,255,255,0.85) !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: #207a8b;
    color: #FFFFFF;
}
.submit-input {
    margin-top: 10px;
    border-radius: 7px;
    width: 208px;
}

.button_blue, .settings_field_submit input[type="submit"], input[type="submit"], .reg_button, .reg_button_next, .button-sched {
    border-width: 0px !important;
    background: #207a8b !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(162,192,202,0.65) !important;
    color: rgba(255,255,255,0.85) !important;
    border: none;
}
.option-selected {
    background: #207a8b !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, .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(162,192,202,0.65) !important;
    border-radius: 7px;
    color: #fff !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(162,192,202,0.65) !important;
    height: 85px !important;
    width: 85px;
    margin-left: 16px;
}
#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_white.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_white.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_white.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_white.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_white.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_white.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_white.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_white.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(162,192,202,0.65);
    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(162,192,202,0.65) !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;
}

#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(162,192,202,0.65) !important;
}

.next-week-schedules, .prev-week-schedules {
    color: #fff !important;
}
.add {
    color: #fff;
}
.homesys-tab-item-selected, .homesys-tab-item-selected:hover {
    background-color: rgba(162,192,202,0.65) !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;
    border: none !important;
}
.pencil-input:hover, .pencil-input.clicked, .pencil-input:hover.clicked {
    border: none !important;
    background-color: rgba(255, 255, 255, 0.25) !important;
    box-shadow: none;
    color: rgba(255,255,255,0.85);
}

.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: #207a8b;
    color: #FFFFFF;
    border-radius: 7px;
}
.ir-key-delete {
    background: #207a8b;
}
.dd-wrapper:not(.dd-patcher), .dd-patcher > span {
    border: none;
}
.dd-wrapper {
    color: #9f9d9f;
}
.dd-wrapper .dd-container {
    background: rgba(255,255,255,0.95);
    color: #9f9d9f;
    border: none;
}
.dd-wrapper .dd-container .dd-option {
    border-bottom: 1px solid rgba(162,192,202,0.65);
}
.dd-wrapper:after {
    margin-top: -4px;
}
.dd-option.selected/*, .dd-wrapper .dd-container .dd-option.selected:hover*/ {
    background: rgba(255, 255, 255, 0.25);
    color: #9f9d9f;
    border-bottom: 1px solid #55a4b1;
    box-shadow: none;
}

.dd-wrapper .dd-container .dd-option:hover {
    background-color: #55a4b1;
    color: #fff;
}
.dd-wrapper .dd-container:before {
    border-color: transparent transparent;
}
.dd-wrapper .dd-container:after {
    border-color: rgba(255,255,255,0.8) transparent;
}
.dd-wrapper:after {
    border-color: #9f9d9f transparent;
}
.eventContainer, .actionContainer {
    border-radius: 7px;
}
.eventContainer:before, .eventContainer:after, .actionContainer:before, .actionContainer:after {
    display: none;
}
#confirm-msg-popup {
    border-radius: 7px;
}
.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;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(162,192,202,0.65);
}
.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;
}

.h-settings > .tab-item:before {
    display: none;
}
#slide_comfort .homesys-tab-container .hexagone-div-large {
    width: 100%;
}
.automation_container, .comfort_container {
    width: 94%;
}

#waiting-screen {
    /* background-image: url(../img/bg/bg_alfa_new.jpg);*/
}
#waiting-screen .logo {
    background-image: url('/img/pictos/uathome-logo.png');
    width: 200px;
    background-size: 200px;
    height: 200px;
}
.fullpage-wrapper {
    margin-top: 160px;
}
/**LOGIN CONTAINER**/

.login-container {
    width: 450px !important;
}
.login_label {
    font-size: 18px !important;
    width: 110px !important;
}

.login_value {
    width: 250px !important;
}

.login_value input {
    width: 250px !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

.warning {
    color: #207a8b;
}

.sticky-bottom {
    position: absolute;
    bottom: 37px;
}

.confirm-btn {
    background-color: #207a8b;
    color: #fff;
    border-radius: 7px;
}

.button-sched {
    border-radius: 7px;
}

.small-text {
    font-size: 10px;
}

.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;
}
.button-password {
    border-radius: 0 7px 7px 0 !important;
}
.submit-button {
    background: #207a8b !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: transparent;
}
.device-line {
    border-radius: 7px;
}
#password_strength_estimator {
    background: rgba(0, 0, 0, 0.05);
}
#password_strength_estimator:after {
    background: #207a8b;
}
.remote-col {
    width: 210px;
}
/*
.schedule-week {
    left: 455px;
}
.schedules-select-date {
    left: 350px;
}*/


.remote-name {
    top: 136px;
}
.install-remote, .remote {
    height: 160px;
    background-position: 73px 10px;
    width: 210px;
}
.remote.clicked {
    background-position: 73px 10px;
}
.automation_device {
    padding: 10px 5px;
}
#footer-logo-container {
    width: 100%;
    height: auto;
    display: block;
}
#footer-logo {
    width: 128px;
    margin: 0 auto;
    background-image: url('/img/pictos/uathome-footer-logo.png');
    background-size: 128px auto;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
}
.halfscreen #footer-logo {
    margin: 20px auto 0;
}

.login #footer-logo-container {
    width: 450px;
    margin-left: -100px;
}
#logout {
    top: 20px;
    margin-top: 0;
}
.btn_phone {
    width: 125px;
}
.repeater-container {
    border-radius: 7px;
    border: 0;
}
.repeater-container > .repeater-column:first-child::before {
    border-right: 1px solid rgba(255,255,255,0.35);
}
.repeater-column {
    width: 51%;
    background: rgba(0,0,0,0.05);
}
.notification-bar {
    color: #5c6670;
}
.device-line:hover {
    background-color: rgba(255, 255, 255, 0.25);
}
.wifi-ssid:hover {
    background-color: rgba(255, 255, 255, 0.25);
}
.ssid-selected, .ssid-selected:hover {
    background-color: rgba(255, 255, 255, 0.6);
}
.selected-shape:hover, .selected-shape {
    background-color: rgba(255, 255, 255, 0.6) !important;
}
.popupSceneDeviceContainer, .code_container:hover {
    background: rgba(0,0,0,0.05) !important;
}
.popupConteneurScene * {
    color: rgba(255,255,255,0.85);
}
.automation-menu-item.device {
    top: 178px;
}
.automation-menu-item.scenes {
    top: 360px;
}
.automation-menu-item.schedules {
    top: 540px;
}
.videoMainContainer {
    left: 12px;
}
.delete-remote, .update-pencil, .delete-remote-keys {
    width: 100%;
}
.popupSceneTabItem {
    height: 28px;
    padding-top: 15px;
}
.popupSceneTabItem:first-child {
    top: 150px;
}
.popupSceneTabItem:nth-child(2) {
    top: 303px;
}
.popupSceneTabItem:nth-child(3) {
    top: 455px;
}
#popup_automation_scene .mfp-close {
    right: -8px;
    top: -8px;
}
.popupSceneDesc > .block_title > .deleteScene2 {
    top: 59px;
}
.playScene2 {
    top: 11px;
}
.tab-selected, .tab-selected:hover {
    background-color: #207a8b !important;
    color: #fff;
}
.tab_edit_account, .tab_pay {
    width: 225px;
    left: -30px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.tab_edit_account {
    top: 235px;
}
.tab_pay {
    top: 463px;
}
.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;
}
.phone_background {
    background: none !important;
    /*background-position: center 300px !important;*/
}

.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: #E52713;
    font-size: 30px;
    display: block;
}
#voucher-info{
    width: 70%;
    margin: 0 auto;
    padding: 10px;
    background: rgba(162,192,202,0.65);
    border-radius: 7px;
}
#voucher-info .button_blue, #voucher-info .button_grey {
    width: 226px;
    margin: 3px auto;
    border-radius: 7px;
}
.login-container {
    height: 300px;
}
.tab_edit_account:before, .tab_pay:before {
    display:none;
}
.blockVideo {
	height: 200px;
}

.purchase-container{
    height: 320px;
    margin-bottom: 15px;
}
.purchase-line {
    display: block;
    width: 100%;
    height: auto;
    transition: 300ms all ease-in-out;
    border-radius: 7px;
    padding: 10px 15px;
    box-sizing: border-box;
}
.purchase-line:hover {
    background-color: rgba(162,192,202,0.65);
    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;
}
@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: 80px;
    }
    
}

@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_value {
        width: 200px !important;
    }
    .login_value input {
        width: 200px !important;
    }
	#header_menu, #header_menu_mob {
    	max-width: 642px;	
		margin: 0 auto;
    }
    .homesys-tab {
        width: 572px;
    }
    .blockVideo {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 870px) {

    #header .icon {
        width: 180px;
        background-size: 180px auto !important;
    } 
    #confirm-msg-text, #error-msg-text, #notif-msg-text {
        background-size: 60px;
    }
    .automation-menu-item, .security-menu-item {
        left: 0;
    }
    #popup_automation_scene .mfp-close {
        right: 8px;
        top: -10px;
    }
	.minimized-powerstat {
		width: 300px;
	}    
}

@media (max-width: 690px) {

    .fullpage-wrapper {
        margin-top: 80px;
    }

    .login-container  {
        margin: 0 auto !important;
        padding-bottom: 200px;
    }
    
    .login #footer-logo-container {
        width: 100%;
        margin-left: 0;
    }
    .homesys-tab {
        width: 342px;
    }
    .homesys-tab-container {
        width: 342px;
    }

    #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;
		right: -75px;	
	}
	.settings_picto {
	    margin-top: -156px;
	}

	#header_menu, #header_menu_mob {
		max-width: 402px;
		margin: 0px auto;
		padding-right: 0px;
		padding-top: 5px;
		min-height: 50px;
    }    
    
    #header .icon {
		width: 140px;
		background-size: 140px auto !important;
        height: 65px;
    }     

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

    #logout {
        top: 20px;
    }
    .remote-main-container {
        height: 154px;
    }
    .repeater-column {
        width: 100%;
    }
    #settings {
		top: -435px;
    }
	#settings_menu {
		width: 346px;
		right: -173px;
	}
    .tab_edit_account, .tab_pay {
        left: -30px;
    }
	#displayFilterVideos, #displayFilterLogs {
		left: 100px;
		top: 50px;
		right: unset;
	}
	.blockVideo {
		margin: 0 63px;
	}	
	#confirm-msg-popup, #video-msg-popup {
        width: 420px;
    }
	#live-popup {
		padding: 20px;
	}  
}

@media (max-width: 450px) {
    .h-settings-tab {
        margin-left: 17px;
    }
    .tab_edit_account, .tab_pay {
        left: 3px;
    }
    .login_page #header .icon {
    	background-image: url('/img/pictos/uathome-logo.png') !important;
		background-size: 150px auto !important;
		height: 150px !important;
		margin: 15px auto !important;
		width: 100% !important;
	}
    #header .icon, .create_account #header .icon {
	    background-image: url('/img/pictos/uathome-logo.png') !important;
        width: 50px !important;
        background-size: 50px auto !important;
        height: 50px !important;
         margin: 10px 0px 0px 10px !important;
	}			
	.login_label {
		font-size: 16px;
		width: 100% !important;
		float: none !important; 
		color: rgba(0,0,0,0.85) !important; 
	}  
	.login_value input {
    	width: 300px !important;
    }
    
    .login_value {
    	width: 100% !important;
    }
	.login-block {
	 	margin: 0 0 0 2% !important;
	}    
    .login_value.button{
        width: 300px !important;
    }  
    .login-container {
    	width: 400px !important;
	}  
	.block_instructions {
	    font-size: 15px !important;
	}
	
	.lost-password-block {
        height: 280px !important;
    }
    
    #lost-password-popup-bg {
        height: 280px !important;
    }
    #lost-password-popup-content {
        margin-top: -295px !important;
        height: 280px !important;
    }    
    .homesys-tab {
        width: 342px;
        margin-left: 20px;
        margin-right: 0;
    }
    
    #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, #header_menu_mob {
        max-width: 280px;
        display: none;
        margin-top: 80px;
    }

    .logs-block-content, .system-block-content, .block {
        width: 96% !important;
        margin: 0 auto;
    }
	#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;	
	}

    .h-settings {
       margin-left: 0px;
    }
    .tab_edit_account, .tab_pay {
        left: 3px;
    }
    .tab-item {
        height: 25px;
        padding-top: 9px;
    }
    .automation-menu-item, .security-menu-item {
        left: -23px;
    }
    .comfort-menu-item{
        left: -23px;
        height: 28px;
    }
    #slide_comfort .homesys-tab-container .hexagone-div-large {
        width: 342px;
    }
    .gatewayMainContainer {
        width: 360px;
        margin: 20px 10px;
    }
    .dd-patcher:after {
        top: 24px;
        right: 18px;
    }
    .system_device {
        margin: 8px 0 0 39px;
    }
    .settings_label {
        display: none;
    }
    #rack_settings {
        width: 80px;
        left: -40px;
        height: 42px !important;
    }
    .settings_picto {
        width: 80px;
    }
	.fullpage-wrapper {
		margin-top: 20px;
	}
	#footer-logo-container {
		display: none;
	} 
    .homesys-tab {
        width: 342px;
    }
    .homesys-tab-container {
        width: 342px;
        margin-right: 28px;    
    }	
	.blockVideo {
		margin: 5px 73px 0;
	}
    #confirm-msg-popup, #video-msg-popup {
        width: 320px;
    }
	.MainSystemDevice {
		height: 350px;
	}
	.addDevice {
		top: 15px;
		right: 0px;
	}
	#gateway_name {
		top: 10px;
	}
}