.clear{clear:both}.col-center{float:none;display:block;margin-left:auto;margin-right:auto}.no-padding{padding:0!important}.margin-top-5{margin-top:5px}.margin-top-10,.margin-top-15{margin-top:10px}.margin-top-25{margin-top:20px}.margin-bottom-5{margin-bottom:5px}.margin-bottom-10,.margin-bottom-15{margin-bottom:10px}.margin-bottom-25{margin-bottom:20px}.inline-block{display:inline-block}@media only screen and (max-width:767px){.xs-margin-bottom-10{margin-bottom:10px}}body{font-family:"Helvetica Neue",Helvetica,"Noto Sans",sans-serif,Arial,sans-serif}.box-shadow-3{position:relative;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.box-shadow-3:after,.box-shadow-3:before{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,.8);-moz-box-shadow:0 0 20px rgba(0,0,0,.8);box-shadow:0 0 20px rgba(0,0,0,.8);top:50%;bottom:0;left:10px;right:10px;-moz-border-radius:10px;border-radius:10px}body.login-page{background:#dfe5e9;background:-moz-radial-gradient(center,ellipse cover,#dfe5e9 2%,#dfe5e9 2%,#b2c0ca 100%);background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(2%,#dfe5e9),color-stop(2%,#dfe5e9),color-stop(100%,#b2c0ca));background:-webkit-radial-gradient(center,ellipse cover,#dfe5e9 2%,#dfe5e9 2%,#b2c0ca 100%);background:-o-radial-gradient(center,ellipse cover,#dfe5e9 2%,#dfe5e9 2%,#b2c0ca 100%);background:-ms-radial-gradient(center,ellipse cover,#dfe5e9 2%,#dfe5e9 2%,#b2c0ca 100%);background:radial-gradient(ellipse at center,#dfe5e9 2%,#dfe5e9 2%,#b2c0ca 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfe5e9', endColorstr='#b2c0ca', GradientType=1)}.login-box{position:relative;max-width:500px;background:#222D3A;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:3px 4px 5px #888;padding-bottom:20px;margin-top:150px}.login-box .login-logo{text-align:center;padding:15px 0 10px}.login-box .login-error{width:80%;margin:0 auto;font-size:12px}.login-box .login-error h4{margin-bottom:10px}.login-box hr{width:70%;border-top:1px solid rgba(0,0,0,.13);border-bottom:1px solid rgba(255,255,255,.15);margin:5px auto 20px}.login-box .form-group{padding:0 5px;margin:5px 0}.login-box .form-group label.error{color:red;font-size:13px;margin-top:10px}.login-box .form-group .input-group{padding:15px 43px 15px 13px}.login-box .form-group .input-group .input-group-addon{color:#fff;background:0 0;border:none}.login-box .form-group .input-group .input-group-addon i{font-size:17px;float:left;color:#fff;margin-top:2px}.login-box .form-group .input-group input{background:0 0;border-top:none;border-left:none;border-right:none;border-radius:0;color:#fff;border-bottom:1px solid #fff}.login-box .form-group .input-group input:focus{box-shadow:none;border-bottom:1px solid #369}.login-box .form-group .btn-login{width:95%;padding:10px 0;margin:10px auto;border:none;background-color:#369;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;box-shadow:inset 0 -2px 0 #24476b}.login-box .form-group .btn-login:hover{background-color:#2E5C8A}



 .login-ajax{margin-top:10px;width:100%;float:left;display:none;text-align:center}





/*  new css*/



.login-page .page {

    display: flex;

    flex-direction: column;

    justify-content: center;

    min-height: 100vh;

}

.login-page .justify-content-center {

    justify-content: center !important;

}

.text-fixed-white {

    color: #fff !important;

}

.card {

    border-radius: .5rem;

    border: 0;

    background-color:transparent;

    position: relative;

    margin-block-end: 1.5rem;

    border: 1px solid transparent;

    width: 100%;

}

.card .card-body {

    padding: 1.5rem;

}

.card-body {

    flex: 1 1 auto;

}

.text-center {

    text-align: center !important;

}

.mb-2 {

    margin-bottom: .5rem !important;

}



.avatar {

    position: relative;

    height: 2.625rem;

    width: 2.625rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: .5rem;

    color: #fff;

    font-weight: 500;

}



.avatar.avatar-xxl {

    width: 5rem;

    height: 5rem;

    line-height: 5rem;

    font-size: 1.5rem;

}

.avatar.avatar-rounded {

    border-radius: 50%;

}



.avatar img {

    width: 100%;

    height: 100%;

    border-radius: .5rem;

}



.avatar.avatar-rounded img {

    border-radius: 50%;

}

.card .card-body>:last-child {

    margin-bottom: 0;

}



.fs-15 {

    font-size: .9375rem;

}



.mx-auto {

    margin-right: auto !important;

    margin-left: auto !important;

}

.d-block {

    display: block !important;

}



.input-group {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

    width: 100%;

}



@media (min-width: 768px) {

    .d-md-flex {

        display: flex !important;

    }

}

.col-9 {

    flex: 0 0 auto;

    width: 75%;

}

.mb-4 {

    margin-bottom: 1.5rem !important;

}

.bg-primary {

    background-color:#705ec8!important;

	

}



form h2 {

	font-weight: 600;

    font-size: 24px;

}



.form-control{

	height: 41px!important;

}

.form-control:focus {

	background-color: #fff !important;

	box-shadow: none;

	border-color: #86b7fe; /* İsteğe bağlı: mavi çerçeve */

	border:1px solid transparent;

}



.btn{

	 padding: 10px 12px!important;

}



.form-group label.error {

    color: red;

    font-size: 13px;

    margin-top: 10px;

}



.input-group {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

    width: 100%;

}

 .form-group {

    padding: 0 5px;

}



@keyframes animate {

    0% {

		transform: scale(0) translateY(0) rotate(0);

		opacity: 1;

    }



    100% {

       transform: scale(1.3) translateY(-90px) rotate(360deg);

		opacity: 0;

    }

}



.box div {

    position: absolute;

    width: 60px;

    height: 60px;

    background: 0 0;

    border: 6px solid rgba(255, 255, 255, .2);

}

.box div:nth-child(1) {

    top: 12%;

    inset-inline-start: 42%;

    animation: animate 10s linear infinite;

}

.box div:nth-child(2) {

    top: 70%;

    inset-inline-start: 50%;

    animation: animate 7s linear infinite;

}

.box div:nth-child(3) {

    top: 17%;

    inset-inline-start: 6%;

    animation: animate 9s linear infinite;

}

.box div:nth-child(4) {

    top: 20%;

    inset-inline-start: 60%;

    animation: animate 10s linear infinite;

}

.box div:nth-child(5) {

    top: 67%;

    inset-inline-start: 10%;

    animation: animate 6s linear infinite;

}

.box div:nth-child(6) {

    top: 80%;

    inset-inline-start: 70%;

    animation: animate 12s linear infinite;

}

.box div:nth-child(7) {

    top: 60%;

    inset-inline-start: 80%;

    animation: animate 15s linear infinite;

}

.box div:nth-child(8) {

    top: 32%;

    inset-inline-start: 25%;

    animation: animate 16s linear infinite;

}

.box div:nth-child(9) {

    top: 90%;

    inset-inline-start: 25%;

    animation: animate 9s linear infinite;

}

.box div:nth-child(10) {

    top: 20%;

    inset-inline-start: 80%;

    animation: animate 5s linear infinite;

}



.d-none {

    display: none !important;

}

@media (min-width: 768px) {

    .d-md-flex {

        display: flex !important;

    }

}