/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 29, 2015, 4:23:54 PM
    Author     : ozgur
*/

@media (max-width: 275px) { 
    .hizliMenu { display: none; }
    .profilKart span.profilIsim { display: none; }
    .profilResimDiv { display: none; }
    .oturumAcmaPenceresi i.ataUni { right: 50%; margin-right: -36px; }
    .profilKart .formElement { margin-top: 25px; }
}

.sifremiUnuttumMetin{max-width: 300px; font-size:12px; display: block; margin: 0px auto; line-height: 1.2;}
.loginError{font-size:12px;}
.unuttum{color:#fff; display:block; display:none;font-size:12px; line-height: 1.2;}
.unuttum:hover,
.unuttum:focus,
.unuttum:active{text-decoration: underline; color:#fff;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 

@-moz-keyframes orbit {
     0% {
         opacity: 1;
         z-index:99;
         -moz-transform: rotate(180deg);
         -moz-animation-timing-function: ease-out;
    }
     7% {
         opacity: 1;
         -moz-transform: rotate(300deg);
         -moz-animation-timing-function: linear;
         -moz-origin:0%;
    }
     30% {
         opacity: 1;
         -moz-transform:rotate(410deg);
         -moz-animation-timing-function: ease-in-out;
         -moz-origin:7%;
    }
     39% {
         opacity: 1;
         -moz-transform: rotate(645deg);
         -moz-animation-timing-function: linear;
         -moz-origin:30%;
    }
     70% {
         opacity: 1;
         -moz-transform: rotate(770deg);
         -moz-animation-timing-function: ease-out;
         -moz-origin:39%;
    }
     75% {
         opacity: 1;
         -moz-transform: rotate(900deg);
         -moz-animation-timing-function: ease-out;
         -moz-origin:70%;
    }
     76% {
         opacity: 0;
         -moz-transform:rotate(900deg);
    }
     100% {
         opacity: 0;
         -moz-transform: rotate(900deg);
    }
}

 @-webkit-keyframes orbit {
     0% {
         opacity: 1;
         z-index:99;
         -webkit-transform: rotate(180deg);
         -webkit-animation-timing-function: ease-out;
    }
     7% {
         opacity: 1;
         -webkit-transform: rotate(300deg);
         -webkit-animation-timing-function: linear;
         -webkit-origin:0%;
    }
     30% {
         opacity: 1;
         -webkit-transform:rotate(410deg);
         -webkit-animation-timing-function: ease-in-out;
         -webkit-origin:7%;
    }
     39% {
         opacity: 1;
         -webkit-transform: rotate(645deg);
         -webkit-animation-timing-function: linear;
         -webkit-origin:30%;
    }
     70% {
         opacity: 1;
         -webkit-transform: rotate(770deg);
         -webkit-animation-timing-function: ease-out;
         -webkit-origin:39%;
    }
     75% {
         opacity: 1;
         -webkit-transform: rotate(900deg);
         -webkit-animation-timing-function: ease-out;
         -webkit-origin:70%;
    }
     76% {
         opacity: 0;
         -webkit-transform:rotate(900deg);
    }
     100% {
         opacity: 0;
         -webkit-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
     0% {
         opacity: 1;
         z-index:99;
         -ms-transform: rotate(180deg);
         -ms-animation-timing-function: ease-out;
    }
     7% {
         opacity: 1;
         -ms-transform: rotate(300deg);
         -ms-animation-timing-function: linear;
         -ms-origin:0%;
    }
     30% {
         opacity: 1;
         -ms-transform:rotate(410deg);
         -ms-animation-timing-function: ease-in-out;
         -ms-origin:7%;
    }
    39% {
         opacity: 1;
         -ms-transform: rotate(645deg);
         -ms-animation-timing-function: linear;
         -ms-origin:30%;
    }
     70% {
         opacity: 1;
         -ms-transform: rotate(770deg);
         -ms-animation-timing-function: ease-out;
         -ms-origin:39%;
    }
     75% {
         opacity: 1;
         -ms-transform: rotate(900deg);
         -ms-animation-timing-function: ease-out;
         -ms-origin:70%;
    }
     76% {
         opacity: 0;
         -ms-transform:rotate(900deg);
    }
     100% {
         opacity: 0;
         -ms-transform: rotate(900deg);
    }
}
 @-o-keyframes orbit {
     0% {
         opacity: 1;
         z-index:99;
         -o-transform: rotate(180deg);
         -o-animation-timing-function: ease-out;
    }
     7% {
         opacity: 1;
         -o-transform: rotate(300deg);
         -o-animation-timing-function: linear;
         -o-origin:0%;
    }
     30% {
         opacity: 1;
         -o-transform:rotate(410deg);
         -o-animation-timing-function: ease-in-out;
         -o-origin:7%;
    }
     39% {
         opacity: 1;
         -o-transform: rotate(645deg);
         -o-animation-timing-function: linear;
         -o-origin:30%;
    }
     70% {
         opacity: 1;
         -o-transform: rotate(770deg);
         -o-animation-timing-function: ease-out;
         -o-origin:39%;
    }
     75% {
         opacity: 1;
         -o-transform: rotate(900deg);
         -o-animation-timing-function: ease-out;
         -o-origin:70%;
    }
     76% {
         opacity: 0;
         -o-transform:rotate(900deg);
    }
     100% {
         opacity: 0;
         -o-transform: rotate(900deg);
    }
}
 @keyframes orbit {
     0% {
         opacity: 1;
         z-index:99;
         transform: rotate(180deg);
         animation-timing-function: ease-out;
    }
     7% {
         opacity: 1;
         transform: rotate(300deg);
         animation-timing-function: linear;
         origin:0%;
    }
     30% {
         opacity: 1;
         transform:rotate(410deg);
         animation-timing-function: ease-in-out;
         origin:7%;
    }
     39% {
         opacity: 1;
         transform: rotate(645deg);
         animation-timing-function: linear;
         origin:30%;
    }
     70% {
         opacity: 1;
         transform: rotate(770deg);
         animation-timing-function: ease-out;
         origin:39%;
    }
     75% {
         opacity: 1;
         transform: rotate(900deg);
         animation-timing-function: ease-out;
         origin:70%;
    }
     76% {
         opacity: 0;
         transform:rotate(900deg);
    }
     100% {
         opacity: 0;
         transform: rotate(900deg);
    }
}