.page-loader { color: #fff !important; background-color: #fff !important; }

.login-screens { color: #383838; font-family: "Open Sans", sans-serif; font-size: 13px; direction: ltr; min-height: 600px; padding: 0px !important; margin: 0px !important; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

.login-screens .container,.login-screens .bg-video,.login-screens .container-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.login-screens .container { background-color: rgba(0, 0, 0, .35); z-index: 3; }
.login-screens .container-bg { background-color: #000; z-index: 2; }

.login-screens .bg-video { z-index: 1; }
.login-screens .left-side,.login-screens .right-side { overflow: auto; }
.login-screens .left-side { background-color: rgba(255, 255, 255, .7); position: relative; }
.login-screens .right-side { color: #fff; }
.login-screens .right-side [class*="portlet-"] { color: #383838; }

.login-screens .musteri-phone { margin-bottom: 20px; }
.login-screens .musteri-phone .icon { opacity: .35; }
.login-screens .musteri-phone span { font-size: 22px; font-weight: 200; vertical-align: middle; display: inline-block; }

.login-screens .invex-logo-login { vertical-align: middle; width: 24px; height: 24px; overflow: hidden; display: inline-block; }
.login-screens .invex-logo-login img { width: 24px; }
.login-screens .invex-logo-login:not(:hover) { opacity: .7; }
.login-screens .invex-logo-login:not(:hover) img { margin-top: -23px; position: relative; }

#twitter-widget-0 { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-property: opacity; transition-property: opacity; }
#twitter-widget-0.loaded:hover { opacity: 1 !important; }

.login-screens .musteri-title { margin-bottom: 5px; }
.login-screens .form-title { margin-bottom: 5px; }
.login-screens .form-date { font-size: 14px; font-weight: 200; margin-bottom: 25px; opacity: .65; }

.login-screens .login-form { max-width: 420px; }
.login-screens .login-form .alert { border-width: 0; border-radius: 0; opacity: .8; }
.login-screens .caps-lock { color: #fff !important; background-color: #cb7a00 !important; border-color: #cb7a00 !important; }
.login-screens .caps-lock input { color: #fff !important; }
.login-screens .caps-lock .default { display: block !important; }
.login-screens .caps-lock .focus { display: none !important; }
.login-screens .help-block { margin-top: -5px; margin-bottom: 10px; display: inline-block; }
.login-screens .help-block.hide-message { display: none; }

.login-screens .form-group .form-control { border-color: #fff; border-radius: 0; box-shadow: inset 0 2px 3px rgba(0,0,0,.075); }
.login-screens .has-error .form-control { background-color: #ffcece; border-color: #f50000; }
.login-screens .has-warning .form-control { background-color: #feeace; border-color: #f08d00; }

.login-screens .form-group input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset }
.login-screens .has-error input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #ffcece inset }
.login-screens .has-warning input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #feeace inset }

.login-screens .form-group .form-control-feedback { color: #c2c2c2; font-size: 19px; }
.login-screens .has-error .form-control-feedback { color: #f50000; }
.login-screens .has-warning .form-control-feedback { color: #f08d00; }

.login-screens .form-group .help-block { color: #fff; }
.login-screens .has-error .help-block { color: #ffcece; }
.login-screens .has-warning .help-block { color: #feeace; }

.login-screens .login-form .btn { color: #fff; font-weight: bold; width: 100%; border-color: rgba(255, 255, 255, .25); }

.login-screens .captcha-form { width: 100%; margin-top: 10px; display: table; }
.login-screens .captcha-form > .holder { display: table-cell; }
.login-screens .captcha-form > .holder.kutu1 { vertical-align: top; width: 105px; position: relative; }
.login-screens .login-form .captcha-form > .holder.kutu1 > img { width: 100px; height: 50px; position: absolute; left: 0; }
.login-screens .login-form .captcha-form > .holder.kutu2 { vertical-align: top; width: 44px !important; position: relative; }
.login-screens .login-form .captcha-form .btn-refresh { font-size: 21px; text-align: center; width: 34px; line-height: 33px; height: 34px; background-color: #54c45c; display: block; position: absolute; cursor: pointer; }
.login-screens .login-form .captcha-form .btn-refresh:before { line-height: 34px; }
.login-screens .login-form .captcha-form .btn-refresh:hover { background-color: #3cad46; }
.login-screens .login-form .captcha-form label { margin-left: -145px; }

.login-screens .lost-password span,.login-screens .back-login span,.login-screens .sign-out a { text-decoration: underline; opacity: .65; }
.login-screens .lost-password span:hover,.login-screens .back-login span:hover,.login-screens .sign-out a:hover { text-decoration: none; cursor: pointer; }
.login-screens .back-login > i { font-size: 16px; padding-right: 5px; opacity: .65; }
.login-screens .sign-out a { color: #fff; }

.login-screens .step2,.login-screens .showStep2 .step1 { display: none; }
.login-screens .showStep2 .step2 { display: block; }

.login-screens .user-profile { height: 80px; padding-top: 10px; padding-left: 95px; margin-bottom: 25px; overflow: hidden; }
.login-screens .user-image,.login-screens .user-image img { width: 80px; height: 80px; }
.login-screens .user-image { margin-top: -10px; margin-left: -95px; float: left; }

.login-screens .user-name,.login-screens .user-mail { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; }

/* ie9 test için kullanın
.ie9 .login-screens .bg-video { display: none !important; }
*/

@media (min-aspect-ratio: 16/9) {
    .login-screens .bg-video { height: 300%; top: -100%; }
}

@media (max-aspect-ratio: 16/9) {
    .login-screens .bg-video { width: 300%; left: -100%; }
}

@media (min-width: 768px) {
    .login-screens .container-bg { opacity: .8; }
    .login-screens .video-info { color: rgba(255, 255, 255, .25); text-align: right; position: fixed; right: 10px; bottom: 10px; z-index: 100; }
}

@media (max-width: 767px) {
    .login-screens .bg-video,.login-screens .video-info { display: none; }

    @media screen and (orientation: landscape) {
        .mobile .col-5.left-side { display: none; }
    }

}

@media (min-width: 960px) {

    .login-screens .left-side { text-align: right; padding: 120px 80px 10px 40px; }
    .login-screens .right-side { padding: 130px 80px 40px 80px; }

    .login-screens .musteri-title{ max-width: 420px; margin-left: auto; }
    .login-screens .musteri-title { font-size: 16px; line-height: 22px; }
    .login-screens .form-title { font-size: 24px; line-height: 32px; }

    .login-screens .news { max-width: 420px; }
    .login-screens .news-image a { color: #383838; }
    .login-screens .news-image { max-width: 500px; margin-right: -80px; }
    .login-screens .news-image img { width: 100%; height: auto; }

    .login-screens .form-date { font-size: 16px; }
    .login-screens .lost-password,.login-screens .back-login,.login-screens .sign-out { text-align: right; line-height: 32px; }

    .login-screens .user-name { font-size: 24px; }
    .login-screens .user-mail { font-size: 16px; }

}

@media (min-width: 960px) and (min-height: 520px) {
    .login-screens .news { position: absolute; bottom: 10px; right: 80px; }
}
@media (min-width: 960px) and (max-height: 521px) {
    .login-screens .news { margin-bottom: 10px; margin-left: auto; }
}

@media (max-width: 959px) {

    .login-screens .left-side { text-align: center; padding: 10px; }
    .login-screens .right-side { padding: 20px 40px; }

    .login-screens .musteri-logo { height: 48px; }
    .login-screens .musteri-phone { margin-bottom: 0; }
    .login-screens .form-date { margin-bottom: 15px; }

    .login-screens .form-title { font-size: 18px; }
    .login-screens .news { display: none; }

    .login-screens .form-title,.login-screens .form-date { text-align: center; }
    .login-screens .form-date { font-size: 12px; }
    .login-screens .login-form { margin-left: auto; margin-right: auto; }
    .login-screens .lost-password,.login-screens .back-login,.login-screens .sign-out { text-align: center; }

    .login-screens .user-name { font-size: 18px; }
    .login-screens .user-mail { font-size: 12px; }

}

.pdfobject-container {
    width: 100%;
    max-width: 450px;
    height: 300px;
}

.back-login a {
    color: #ffffff !important;
    text-decoration: underline!important;
}

.sifre-hatirlat-captcha {
    margin-bottom: 15px!important;
}