/*
 * z-indices
 *
 * 0 - default UI
 * 1000 - partial overlay
 * 2000 - full screen overlay base
 * 2300 - full screen overlay background
 * 2600 - full screen overlay
 * 3000 - loading screen
 * 5000 - dialogs
 */

.noscroll {
    overflow: hidden;
}

.overlay-background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    z-index: 2300;
}

.overlay-background.transparent {
    opacity: 0.8;
}

.overlay-container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 2600;
}

.overlay-logo {
    position: fixed;
    left: 0px;
    top: 30px;
    padding: 4px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.overlay-content {
    padding: 45px 30px;
    background: #ffffff;
    position: relative;
    max-width: 840px;
    margin: 30px auto 0px auto;
}

input[type=button].overlay-button-back {
    margin-top: 40px;
    margin-right: 40px;
    border: 1px solid #d2d2d2;
    padding: 15px 30px 10px 47px;
    font-size: 24px;
    background-color: #fbfbfb;
    background-repeat: no-repeat;
    background-position: 30px 20px;
    background-size: 10px 17px;
}

input[type=button].overlay-button-back:disabled {
    border-color: #dedede;
    background: #aaaaaa url(/resources/images/backgrounds/button-blue-back-arrow-disabled.svg) no-repeat 30px 24px;
    color: #c2c2c2;
}

.input-icon {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;
}

.hidden {
    visibility: hidden;
}

.overlay-title {
    text-align: center;
}

h1.overlay-title {
    margin: 0px 0px 20px 0px;
}

h2.overlay-title {
    margin: 0px 0px 30px 0px;
    color: #333333;
    text-align: center;
}

.overlay-content-body {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.overlay-password {
    height: 32px;
}

span.overlay-password {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px;
    font-size: 18px;
}

/* First install */

.first-install-background, .first-install-background-slide-show {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
}

.first-install-background {
    background: url(/resources/images/backgrounds/overlay-background-modem.jpg) center top no-repeat rgb(255, 255, 255);
    z-index: 2300;
}

.first-install-background-slide-show {
    z-index: -10;
}

.first-install-background-slide-1 {
    background: url(/resources/images/backgrounds/first-install-01.jpg) center center / cover no-repeat fixed rgb(255, 255, 255);
}

.first-install-background-slide-2 {
    background: url(/resources/images/backgrounds/first-install-02.jpg) center center / cover no-repeat fixed rgb(255, 255, 255);
}

.first-install-background-slide-3 {
    background: url(/resources/images/backgrounds/first-install-03.jpg) center center / cover no-repeat fixed rgb(255, 255, 255);
}

.first-install-background-slide-4 {
    background: url(/resources/images/backgrounds/first-install-04.jpg) center center / cover no-repeat fixed rgb(255, 255, 255);
}

.first-install-background-slide-5 {
    background: url(/resources/images/backgrounds/first-install-05.jpg) center center / cover no-repeat fixed rgb(255, 255, 255);
}

.first-install-background-slide-show-transition {
    transition: background 750ms;
}

input[type=button].overlay-button-back.first-install-back-button {
    margin-right: 20px;
}

.first-install-content {
    font-weight: normal;
    color: #333333;
}

.first-install-content img {
    margin: 30px;
}

#first-install-login-image {
    text-align: center;
}

#first-install-login-image img {
    width: 428px;
    height: 176px;
}

.first-install-grid-row div {
    display: inline-block;
    width: 49%;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}

.first-install-grid-row input {
    margin-left: 5px;
    margin-bottom: 3px;
}

.first-install-grid-row span {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    margin-right: 5px;
    text-align: right;
}

.first-install-grid-row div.info-icon {
    width: 18px;
}

#first-install-language-grid div {
    padding-right: 50px;
}

#first-install-login-cell {
    width: 330px;
}

#first-install-new-password-cell {
    width: 440px;
}

#first-install-password-next {
    margin-left: 10px;
}

.apply-in-progress-wifi {
    padding-top: 30px;
}

.apply-in-progress-wifi .label-info {
    padding-right: 5px;
}

.apply-in-progress-wifi .text {
    color: #666;
}

.overlay-content-body div.first-install-wifi-body {
    margin-top: 10px;
}

.overlay-content-body div.first-install-wifi-body:first-child {
    margin-top: 0px;
}

#first-install-wifi-ssid-cancel, #first-install-wifi-password-cancel {
    margin-left: 10px;
}

.info-wizard-buttons>* {
    margin: 40px 10px 10px;
}