#wrapper {
    min-height: 100%;
}

.logo {
    margin: auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .logo img {
        height: 70px;
    }


/*for logintemplate blue*/

.loginbox {
    margin-top: 5%;
    margin-bottom: 5%;
    border-top: 6px solid #7bae23;
    background-color: #fff;
    padding: 20px 0px;
    box-shadow: 0 10px 10px -2px rgba(0,0,0,0.12),0 -2px 10px -2px rgba(0,0,0,0.12);
}

    .loginbox .textbox-wrap {
        padding: 10px 15px 10px 10px;
        margin: 0px -15px 0px -15px;
        border-left: 5px solid transparent;
    }

        .loginbox .textbox-wrap .input-group {
            margin-bottom: 0px;
        }

            .loginbox .textbox-wrap .input-group .form-control {
                border-radius: 0px;
            }

                .loginbox .textbox-wrap .input-group .form-control:focus, .loginbox .textbox-wrap .input-group .form-control:active, .loginbox .textbox-wrap .input-group .form-control:hover {
                    border-radius: 0px;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

            .loginbox .textbox-wrap .input-group .input-group-addon {
                min-width: auto;
                border-radius: 0px;
            }

        .loginbox .textbox-wrap.focused {
            border-left-color: #7bae23;
            background-color: #f0f0f0;
        }

            .loginbox .textbox-wrap.focused .input-group .input-group-addon {
                background-color: #ffffff;
            }

    .loginbox hr {
        margin: 10px auto 10px;
        width: 100%;
        border-top: 1px solid #dddbda;
        border-bottom: 1px solid #FFF;
    }

.customer-select-top-border {
    height: 5px;
    border-top: 5px solid #7bae23;
    margin-top: 10px;
}

.customer-select-container {
    background: #ffffff;
    border-top: none;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    .customer-select-container .content-title .title {
        font-size: 24px;
    }

.customer-select-user-icon {
    background: #7bae23 !important;
    color: #ffffff;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

.login-radio label.btn {
    /*padding-bottom: 24px;*/
    border-radius: 0;
}

    .login-radio label.btn:hover {
        /*padding-bottom: 24px;*/
        background: #00529b;
    }

    .login-radio label.btn.active {
        /*padding-bottom: 24px;*/
        background: #00529b;
    }

.btn.btn-opar:hover {
    background: #00529b;
}

    .btn.btn-opar:hover img,
    .btn.btn-opar.active img {
        -webkit-filter: brightness(0) invert(1) !important;
        -moz-filter: brightness(0) invert(1) !important;
        -ms-filter: brightness(0) invert(1) !important;
        -o-filter: brightness(0) invert(1) !important;
        filter: brightness(0) invert(1) !important;
        filter: brightness(0) invert(1) !important;
    }

.login-radio label.btn img {
    max-width: 100%;
    max-height: 80px;
    display: inline-block;
    float: none;
}

.login-radio label.btn span {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    display: block;
    float: none;
    line-height: 24px;
    color: #444645;
    font-weight: bold;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.btn.btn-marelli {
    background: #ffd200;
}

    .btn.btn-marelli:hover,
    .btn.btn-marelli.active {
        background: #e4bc00 !important;
    }

        .btn.btn-marelli:hover img,
        .btn.btn-marelli.active img {
            /*-webkit-filter: brightness(0) invert(1) !important;
        -moz-filter: brightness(0) invert(1) !important;
        -ms-filter: brightness(0) invert(1) !important;
        -o-filter: brightness(0) invert(1) !important;
        filter: brightness(0) invert(1) !important;
        filter: brightness(0) invert(1) !important;*/
        }