/*
 * (c)2014 1WorldSync GmbH, Cologne, Germany.
 *
 * http://www.1worldsync.com/
 *
 * Created on 2015 by szimmer.
 */



/**
 * This file contains the style-classes for layouting the login page.
 */

.login_main {
    background-color: #fff;
    border:           solid #ddd;
    border-width:     1px;
    margin:           auto;
    width:            500px;
    font-size:        13px !important;
}



input {
    font-size:        13px !important;
}



.login_center_content {
    color:                       #000000;
}

.login_bg_image_center {
    background-image:    url( '/approval/auth/img/banner_ui.svg' );
    background-position: left;
    background-repeat:   no-repeat;
    background-color:    #fff;
    background-size:     contain;
    height:              75px;
}

.login_bg_image_center_en {
    background-image:    url( '/approval/auth/img/banner_ui.svg' );
    background-position: left;
    background-repeat:   no-repeat;
    background-color:    #fff;
    background-size:     contain;
    height:              75px;
}

.login_error {
    color:          red;
    font-size:      small;
    font-weight:    bold;
    padding-bottom: 10px;
    height:         40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.login_field {
    width:  15em;
    border: 1px solid #7f9db9;
}

.login_label {
    text-align:    right;
    padding-right: 1em;
    width:         7em;
    display:       inline-block;
}


.submit {
    text-align: right;
}

.login_content {
    position: absolute;
    margin:   -75px 0 0 110px;
    top:      50%;
}

.login_left {
    padding:      0;
    float:        left;
    margin-left:  auto;
    margin-right: auto;
}

.login_right {
    width:        485px;
    height :      240px;
    padding:      0;
    float:        left;
    margin-left:  auto;
    margin-right: auto;
}

.login_center1 {
    display:        table-cell;
    vertical-align: middle;
}





.login_separator {
    height:           16px;
    background-color: #ececec;
    border-top:       solid 1px #aaa;
    border-bottom:    solid 1px #aaa;
}

.login_footer {
    height:           auto;
}

.login-table tr {
    height: 3em;
}

.ieNotification {
    display: none;
    background-color: #f3f3f3;
    border: 1px solid #A9A9A9;
    color: black;
    width: 100%;
    padding: 8px;
    margin: 0;
    position: absolute;
    z-index: 1000;
}

.ieNotificationContent {
    width: 35%;
    margin: auto;
    text-align: justify;
}

.ieNotificationTitle {
    color: black;
    margin: 0 0 8px 0;
    font-size: 18px;
}

.ieNotification div .warning-icon {
    color: red;
    font-size: 16px;
}

.ieNotification-paragraph {
    font-size: 12px;
    margin: 5px 0;
    display: block;
    line-height: 1.3
}

.ieNotification-download {
    font-weight: bold;
    margin: 5px 0;
    display: block;
    line-height: 1.3
}

.ieNotification-buttons-container {
    width: 100%;
    display: block;
    margin: 15px 0;
}

.ieNotification-buttons-container .ieNotification-button {
    width: 33.3333333%;
    display: block;
    float: left;
}

.ieNotification-buttons-container .ieNotification-button.button-ie {
    text-align: left;
}

.ieNotification-buttons-container .ieNotification-button.button-ff {
    text-align: center;
}

.ieNotification-buttons-container .ieNotification-button.button-cr {
    text-align: right;
}

.ieNotificationContent a.browser-link {
    height: 27px;
    width: 117px;
    border: 1px solid gray;
    color: black;
    padding: 5px;
    display: inline-block;
}

span.browser-icon {
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 27px;
    width: 27px;
    float: left;
    margin-right: 5px;
}

.ieNotificationContent a.browser-link .button-text {
    line-height: 27px;
}

span.browser-icon.microsoft-edge-icon {
    background-image: url('/approval/auth/img/edge.svg');
}

span.browser-icon.chrome-icon {
    background-image: url('/approval/auth/img/chrome.svg');
}

span.browser-icon.firefox-icon {
    background-image: url('/approval/auth/img/firefox.svg');
}