body {
    background-image: url("../images/group-5.png");
    background-size: cover;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}

#inhalt {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    text-align: center;
}


.h100 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 0%;
    height: 100%;
    vertical-align: middle;
}


.w100 {
    width: 97%;
    display: inline-block;
    vertical-align: middle;
}

.rectangle {
    display: inline-block;
    vertical-align: middle;
    width: 356px;
    min-height: 480px;
    margin: 0px auto;
    padding: 0px;
    border-radius: 8px;
    box-shadow: 0 9px 32px 0 rgba(70, 195, 239, 0.31);
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(201deg, #e6e6ea, #c8c8d0 11%);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(201deg, #e6e6ea, #c8c8d0 11%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.RectangleSpace {
    width: 100%;
    height: 100%;
    padding: 24px 40px 40px;
}


.login-logo {
    width: 152px;
    height: 40px;
    margin-top: 24px;
    margin-bottom: 16px;
    background: url(../images/logo.png) no-repeat;
    object-fit: contain;
    text-indent: -99999px;
    display: inline-block;
}

.login-message {
    font-size: 12px;
    font-weight: bold;
    width: 256px;
    margin: 16px auto;
    padding: 8px 12px 7px;
    border-radius: 4px;
    background-color: #f0f0f2;
    text-align: left;
    color: #63636f;
}

.login-main {
    min-height: 274px;
}


.login-item {
    margin: 16px auto;
    width: 280px;
    vertical-align: top;
}

    .login-item .login-field-name {
        text-align: left;
        color: #63636f;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
    }

    .login-item .login-textbox {
        /*width: 100%;*/
        margin-top: 3px;
        margin-bottom: 5px;
        text-align: left;
        color: #63636f;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
    }

        .login-item .login-textbox .login-textbox-hint {
            /*width: 100%;*/
            margin-top: 5px;
            text-align: left;
            color: #63636f;
            font-size: 14px;
            font-weight: normal;
            line-height: 1;
        }

        .login-item .login-textbox select {
            width: 280px;
            height: 32px;
            border-radius: 4px;
            border: solid 1px #dedee2;
        }

        .login-item .login-textbox input {
            width: 280px;
            height: 32px;
            border-radius: 4px;
            border: solid 1px #dedee2;
        }

            .login-item .login-textbox input:focus {
                outline: none;
                border-radius: 4px;
                box-shadow: 0 0 0 1px #dedee2;
            }

            .login-item .login-textbox input.full-width {
                width: 280px;
            }

            .login-item .login-textbox input.one-third-width {
                width: 93px;
            }

            .login-item .login-textbox input.two-third-width {
                width: 186px;
            }

            .login-item .login-textbox input::-webkit-input-placeholder { /* Edge */
                color: #c8c8d0;
            }

            .login-item .login-textbox input:-ms-input-placeholder { /* Internet Explorer 10-11 */
                color: #c8c8d0;
            }

            .login-item .login-textbox input::placeholder {
                color: #c8c8d0;
            }

    .login-item textarea {
        width: 280px;
        height: 75px;
        border-radius: 4px;
        border: solid 1px #dedee2;
    }

        .login-item textarea:focus {
            outline: none;
            border-radius: 4px;
            box-shadow: 0 0 0 1px #dedee2;
        }

.divCaptcha {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
}

    .divCaptcha .divCaptchaImg {
        display: inline-block;
        vertical-align: top;
    }

    .divCaptcha .captchaReload {
        display: inline-block;
        vertical-align: top;
    }

    .divCaptcha #captchaReload {
        padding-top: 10px;
        padding-left: 5px;
    }

        .divCaptcha #captchaReload:hover {
            cursor: pointer;
        }

.login-button {
    margin-top: 10px;
    /*        margin: 67px 0 16px;
        padding: 11px 124px;
*/
}

    .login-button .login-item {
        margin-top: 10px;
    }

        .login-button .login-item input:focus {
            outline: none;
        }

    .login-button input.main-button {
        width: 280px;
        height: 36px;
        border: 0px;
        border-radius: 4px;
        box-shadow: 0 6px 15px 0 rgba(70, 195, 239, 0.4);
        background-color: #46c3f0;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
    }

        .login-button input.main-button:focus {
            color: #ff9400;
        }

        .login-button input.main-button:hover {
            cursor: pointer;
        }

    .login-button input.second-button {
        width: 280px;
        height: 36px;
        border: 0px;
        background-color: transparent;
        color: #004091;
        font-size: 14px;
        font-weight: normal;
    }

        .login-button input.second-button:focus {
            color: #ff9400;
        }

        .login-button input.second-button:hover {
            cursor: pointer;
        }

input.small-main-button {
    /*        width: 280px;
        height: 36px;
*/
    width: 80px !important;
    border: 0px;
    border-radius: 4px;
    box-shadow: 0 6px 15px 0 rgba(70, 195, 239, 0.4);
    background-color: #46c3f0;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

        input.small-main-button:focus {
            color: #ff9400;
        }

        input.small-main-button:hover {
            cursor: pointer;
        }

#TenantTable {
}

    #TenantTable .selectric-wrapper {
        width: 284px;
    }

    #TenantTable .selectric {
        border: solid 1px #dedee2;
        border-radius: 4px;
        background: transparent;
    }

        #TenantTable .selectric .label {
            margin: 0 38px 0 2px;
            font-size: 14px;
            line-height: 32px;
            color: #444;
            height: 32px;
        }

        #TenantTable .selectric .button {
            height: 32px;
            line-height: 32px;
            background-color: transparent;
        }

    #TenantTable .selectric-items {
        background: #ffffff;
    }

        #TenantTable .selectric-items li.selected {
            background: transparent;
        }

        #TenantTable .selectric-items li.highlighted {
            background: transparent;
        }

#DomainTable {
}

    #DomainTable .selectric-wrapper {
        width: 284px;
    }

    #DomainTable .selectric {
        border: solid 1px #dedee2;
        border-radius: 4px;
        background: transparent;
    }

        #DomainTable .selectric .label {
            margin: 0 38px 0 2px;
            font-size: 14px;
            line-height: 32px;
            color: #444;
            height: 32px;
        }

        #DomainTable .selectric .button {
            height: 32px;
            line-height: 32px;
            background-color: transparent;
        }

    #DomainTable .selectric-items {
        background: #ffffff;
    }

        #DomainTable .selectric-items li.selected {
            background: transparent;
        }

        #DomainTable .selectric-items li.highlighted {
            background: transparent;
        }

#lang {
}

    #lang .selectric-wrapper {
        width: 50%;
        margin: 0px auto;
    }

    #lang .selectric-responsive {
        width: inherit;
    }

    #lang .selectric {
        border: 0px;
        background: transparent;
    }

        #lang .selectric .globalIcon {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            width: 38px;
            height: 38px;
            line-height: 38px;
            background-color: transparent;
            color: #BBB;
            text-align: center;
            /* font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;*/
        }

        #lang .selectric .label {
            margin: 0 38px 0 38px;
            font-size: 14px;
            line-height: 16px;
            color: #ffffff;
            height: 16px;
        }

        #lang .selectric .button {
            height: 16px;
            line-height: 16px;
            background-color: transparent;
        }

    #lang .selectric-items {
        background: #ffffff;
    }

        #lang .selectric-items li.selected {
            background: transparent;
        }

        #lang .selectric-items li.highlighted {
            background: transparent;
        }

#footer {
    margin: 16px;
    font-size: 12px;
    color: #ffffff;
}

.center {
    text-align: center;
}

.login-button button.main-button {
    width: 280px;
    height: 36px;
    border: 0px;
    border-radius: 4px;
    box-shadow: 0 6px 15px 0 rgba(70, 195, 239, 0.4);
    background-color: #46c3f0;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

@media(max-width:460px) {
    /*todo:¦A½Õ¾ã*/
    /* .Rectangle {
        width: 98%;
        margin-left: -1%;
        background: none;
    }*/
}


/*
.mainTable {
    width: 100%;
}

.subTable {
    margin-left: auto;
    margin-right: auto;
}


#lang {
    padding-top: 12px;
    font-size: 12px;
}

    #lang a {
        color: #2a92c4;
        text-decoration: none;
    }

        #lang a:hover {
            color: #000;
        }

#footer {
    padding: 10px;
}

.login-mod label {
    font-size: 13px;
}

.login-mod input[type="text"], .login-mod input[type="password"] {
    padding: 5px;
    background: #f3f3f3;
    border: 1px solid #ddd;
}

.login-mod input[type="submit"] {
    display: inline-block;
    background: #2a92c4;
    min-width: 110px;
    margin-left: 4px;
    margin-right: 4px;
    border: none;
    color: #fff;
    padding: 7px 20px;
    font-size: 15px;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
}

    .login-mod input[type="submit"]:hover {
        background: #125c95;
        color: #fff;
    }

    .login-mod input[type="submit"]:disabled {
        display: inline-block;
        background: #808080;
        min-width: 110px;
        margin-left: 4px;
        margin-right: 4px;
        border: none;
        color: #fff;
        padding: 7px 20px;
        font-size: 15px;
        border-radius: 5px;
        cursor: default;
        white-space: nowrap;
    }

    .login-mod input[type="submit"]:hover:disabled {
        background: #808080;
        color: #fff;
    }
*/

/*
#ddlTenant {
    width: 156px;
    margin-right: 6px;
}
*/

/*
.left {
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.blankLine {
    height: 12px;
    width: 100%;
}

.divForgorUserName {
    display: inline-block;
    min-width: 162px;
    text-align: left;
}

*/

.invisibleRed {
    color: Red;
    display: none;
}

.visibleRed {
    color: Red;
    display: block;
}

#ddlDomain {
    font-size: 100%;
}

#txtOpenIdUser {
    width: 200px;
}

#LoginOpenIdButton {
    margin: 0px 8px 0px 0px;
    color: #284E98;
    background-color: White;
    border-color: #507CD1;
    border-width: 1px;
    border-style: Solid;
}