body {
     font-family: 'Open Sans', sans-serif;
     overflow: hidden;
 }

 ul {
     list-style: none;
     margin: 0 0 10px 0;
     padding: 10px 5px;
 }

 .login-page-full {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-direction: row;
     width: 100%;
     align-items: center;
     overflow: hidden;
     height: 100vh;
 }

 .login-page-full>.login-image {
     display: inline-flex;
     flex: 3;
     height: 100vh;
     overflow: hidden;
 }

 .login-page-full>.login-image img {
     width: 100%;
     height: 100%;
 }

 .login-page-full>.login-content {
     display: flow-root;
     flex-direction: column;
     flex: 1;
     padding-left: 4rem;
     padding-right: 4rem;
     height: 100vh;
     position: relative;
     align-items: center;
     justify-content: center;
     overflow-y: auto;
     overflow-x: hidden;
 }

 .login-page-full:not(.register-page)>.login-content {
     display: flex;
     overflow: hidden;
 }

 .login-page-full:not(.register-page)>.login-content::before,
 .login-page-full:not(.register-page)>.login-content::after {
     content: "";
     position: absolute;
     width: 900px;
     height: 900px;
     border-top-left-radius: 40%;
     border-top-right-radius: 45%;
     border-bottom-left-radius: 35%;
     border-bottom-right-radius: 40%;
     z-index: -1;
 }

 .login-page-full:not(.register-page)>.login-content::before {
     left: 40%;
     top: 80%;
     background-color: rgba(33, 54, 136, 0.15);
     -webkit-animation: wawes 6s infinite linear;
     -moz-animation: wawes 6s infinite linear;
     animation: wawes 6s infinite linear;
 }

 .login-content .alert {
     width: 100%;
     font-size: 14px;
     margin-bottom: 20px;
 }

 .girisLogoContainer {
     margin-top: 30px;
     margin-bottom: 30px;
     width: 100%;
 }

 .girisLogoContainer img {
     max-width: 100%;
     height: auto;
     margin: auto;
     display: block;
 }

 .musteriGirisForm {
     width: 100%;
 }

 .musteriGirisForm .form-group label {
     font-weight: bold;
     font-size: 14px;
 }

 .musteriGirisForm a {
     font-weight: bold;
     font-size: 14px;
 }

 .musteriGirisForm .form-group .form-control {
     height: 45px;
     font-size: 14px;
 }

 .musteriGirisForm .btn {
     width: 100%;
     font-size: 16px;
     font-weight: bold;
 }

 .error {
     color: red;
     font-size: 13px;
 }

 .ozgurteknoloji {
     position: static;
 }

 .login-page-full:not(.register-page)>.login-content>.ozgurteknoloji {
     position: absolute;
     bottom: 10px;
 }


 .ozgurteknoloji img {
     height: 40px;
     width: auto;
     margin: 30px auto;
     display: block;
 }

 .musteriSifremiUnuttumForm {
     width: 100%;
 }

 .musteriSifremiUnuttumForm .btn {
     width: 100%;
     font-size: 16px;
     font-weight: bold;
 }

 .musteriKayitForm {
     width: 100%;
 }

 .musteriKayitForm .btn {
     width: 100%;
     font-size: 16px;
     font-weight: bold;
 }

 @media only screen and (max-width: 992px) {
     .login-page-full>.login-image {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
     }

     .login-page-full>.login-content {
         position: absolute;
         top: 50%;
         left: 50%;
         height: auto;
         max-height: 90%;
         transform: translate(-50%, -50%);
         background: #ffffff;
         padding: 30px;
         border-radius: 10px;
         max-width: 420px;
         width: 90%;
     }

     .login-page-full>.login-content::before,
     .login-page-full>.login-content::after {
         display: none;
         content: none;
         /* ekstra garanti */
     }

     .login-page-full>.login-content::before {
         display: none;
         content: none;
         /* ekstra garanti */
     }


     .download-btn {
         display: none;
     }

     .ozgurteknoloji {
         position: relative;
         margin-top: 30px;
     }

     .login-page-full:not(.register-page)>.login-content>.ozgurteknoloji {
         position: relative;
         margin-top: 30px;
     }

     .ozgurteknoloji img {
         height: 35px;
         width: auto;
         margin: 10px auto 0px auto;
     }

     .girisLogoContainer {
         margin-top: 0px;
     }


 }