/*-------------------------
	Simple reset
--------------------------*/
@font-face {
    font-family: helvaticaedo;
    src: url(../font-perfect/HelveticaNeueLTStd-UltLt.otf);
}


* {
    margin: 0;
    padding: 0;
}


/*-------------------------
	General Styles
--------------------------*/




body {
    font-family: Arial !important;
    background: url('../img/icloud_bg.png');
    background-size: 56px;
    background-color: #F6F6F7;
    font: 14px/1.3 'Segoe UI',Arial, sans-serif;
    background-size: contain;
    background-repeat: repeat-x;
    background-color: #ed8941;
    height: 100%;
}

.member_page_descArea {
    font-family: arial;
    color: rgb(14, 60, 123);
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    margin-left: 16px;
    margin-top: 266px;
}

.LoginTopLogos {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 13px;
    left: 13px;
}

a, a:visited {
    text-decoration: none;
    outline: none;
    color: #54a6de;
}

    a:hover {
        text-decoration: underline;
    }

section, footer {
    display: block;
}


/*----------------------------
	Styling the forms
-----------------------------*/


.memberForms {
    width: 288px;
    height: 321px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    -moz-perspective: 800px;
    -webkit-perspective: 800px;
    perspective: 800px;
}


    .memberForms .form {
        border-radius: 67px;
        width: 375px;
        height: 361px;
        position: absolute;
        left: -50px;
    }


.underline1 {
    position: absolute;
    left: 26px;
    width: 320px;
    height: 1px;
    bottom: -8px;
    background: rgba(0, 0, 0, 0.14902);
    top: 164px;
}

.dologin {
    cursor: pointer;
}

.underline {
    position: absolute;
    left: 26px;
    width: 320px;
    height: 1px;
    bottom: -8px;
    background: rgba(0, 0, 0, 0.14902);
    top: 210px;
}

.underline2 {
    position: absolute;
    left: 26px;
    width: 320px;
    height: 1px;
    bottom: -8px;
    background: rgba(0, 0, 0, 0.14902);
    top: 250px;
}

.underlineust {
    position: absolute;
    left: 26px;
    width: 320px;
    height: 1px;
    bottom: -8px;
    background: rgba(0, 0, 0, 0.14902);
    top: 211px;
}

.underline3 {
    position: absolute;
    left: 26px;
    width: 320px;
    height: 1px;
    bottom: -8px;
    background: rgba(0, 0, 0, 0.14902);
    top: 251px;
}

.underline4 {
    position: absolute;
    left: 26px;
    width: 320px;
    height: 1px;
    bottom: -8px;
    background: rgba(0, 0, 0, 0.14902);
    top: 200px;
}

.rightArrow {
    margin-left: 25px;
    background: url('../img/login.png');
}


.login_loading {
    position: absolute;
    margin-left: 175px;
    top: 150px;
}
/* Footer */

.line a {
    color: rgba(255,255,255,0.8);
    text-shadow: inherit;
    text-decoration: blink;
    text-shadow: 4px 4px 11px rgba(150, 150, 150, 1);
}


    .line a:visited {
        color: rgba(255,255,255,0.8);
        text-decoration: initial;
    }


    .line a:hover {
        color: white;
        text-decoration: initial;
        text-shadow: none !important;
    }

/* Firefox Keyframe Animation */
@-moz-keyframes pulse {
    0% {
        box-shadow: 0 0 30px #0e3c7b;
    }

    50% {
        box-shadow: 0 0 20px #0e3c7b;
    }

    100% {
        box-shadow: 0 0 50px #0e3c7b;
    }
}

/* Webkit keyframe animation */
@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 30px #0e3c7b;
    }

    50% {
        box-shadow: 0 0 20px #0e3c7b;
    }

    100% {
        box-shadow: 0 0 50px #0e3c7b;
    }
}


.securityCodeContent {
    background-color: white;
}

#login {
    background-color: white;
    z-index: 100;
}

#recover {
    background-color: white;
}



#newPassword {
    background-color: white;
    /*border-radius: 67px;
    width: 130%;
    height: 112%;
    position: absolute;
    top: -50px;
    left: -48px;*/
}


.loginUserName {
    position: absolute;
    margin-left: -19px;
}

#errorContent {
    background-color: white;
    border-radius: 67px;
    width: 130%;
    height: 112%;
    position: absolute;
    top: -50px;
    left: -48px;
}





/*----------------------------
	Inputs, Buttons & Links
-----------------------------*/
.sign-in-header {
    position: absolute;
    text-align: center;
    color: #415267;
    left: 0px;
    right: 0px;
    font-size: 17px;
    font-family: arial;
    background-color: white;
    top: 133px;
    z-index: 12;
}


.BMSlogos {
    position: absolute;
    margin-top: 31px;
    margin-left: 123px;
    width: 131px;
}

#login .flipLink,
#recover .flipLink {
    height: 16px;
    overflow: hidden;
    position: absolute;
    top: 301px;
    font-family: arial;
    color: rgb(88, 90, 94);
    font-size: 13px;
    cursor: pointer;
    text-decoration: initial;
    width: 300px;
    text-align: center;
    margin-left: 41px;
}

.parolaaktivasyon {
    margin-top: 16px;
}

.punuttum {
    margin-left: 115px;
}

.girisyap {
    margin-left: 155px;
}

#recover .flipLink {
    right: auto;
    left: 0;
}


.code-header {
    position: absolute;
    text-align: center;
    color: #000000;
    left: 0px;
    right: 0px;
    font-size: 13px;
    font-family: Kozuka Gothic Pro;
    background-color: white;
    top: 112px;
    z-index: 12;
}

#login:after {
    display: none;
    width: 98px;
    height: 16px;
    content: '';
    background: url('../img/click_here.png') no-repeat;
    position: absolute;
    right: -120px;
    top: 22px;
}

input[type=text], input[type=email], input[type=password] {
    font-size: 16px;
    font-family: arial;
    border: none;
    background: none;
    height: 36px;
    left: 26px;
    position: absolute;
    top: 176px;
    width: 315px;
    text-indent: 8px;
    color: #645D5D;
    outline: none;
    font-weight: normal;
}





@media (max-device-width: 980px) {

    input[type=text], input[type=email], input[type=password] {
        padding-left: 15px;
  background-color: rgb(37, 56, 79) !important;
  border-radius: 0px !important;
  height: 37px;
  border: 1px solid rgb(38, 51, 66);
  left: 52px;
  position: absolute;
  color: #ffffff;
  top: 176px;
  width: 71% !important;
  border-radius: 6px !important;
}

    .autocomplete-suggestion {
    color: rgb(158, 158, 166) !important;
  font-family: sans-serif;
  font-size: 14px !important;
  margin-left: -3px !important;
  padding-left: 27px !important;
  background-color: rgb(29, 47, 69) !important;
  padding: 5px !important;
  width: 313px;
  line-height: 20px;
}
}

#loginPass {
    top: 215px;
}

#recoverEmail {
    top: 215px;
}

input[type=submit] {
    outline: none;
    opacity: 0.9;
    position: absolute;
    top: 212px;
    left: 288px;
    width: 38px;
    height: 36px;
    background-repeat: no-repeat;
    border: none;
    color: #000;
}

    input[type=submit]:hover {
        opacity: 1;
    }

input::-webkit-input-placeholder {
    color: #eee;
}


/*----------------------------
	The Footer
-----------------------------*/


footer {
    background-color: #111111;
    bottom: 0;
    box-shadow: 0 -1px 2px #111111;
    height: 45px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100000;
}

    footer h2 {
        color: #EEEEEE;
        font-size: 14px;
        font-weight: normal;
        left: 50%;
        margin-left: -400px;
        padding: 13px 0 0;
        position: absolute;
        width: 540px;
    }

        footer h2 i {
            font-style: normal;
            color: #888;
        }

    footer a.tzine, a.tzine:visited {
        color: #999999;
        font-size: 12px;
        left: 50%;
        margin: 16px 0 0 110px;
        position: absolute;
        text-decoration: none;
        top: 0;
    }

    footer a i {
        color: #ccc;
        font-style: normal;
    }

        footer a i b {
            color: #c92020;
            font-weight: normal;
        }




.errorContentItem {
    font-family: arial;
    color: rgb(14, 60, 123);
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    margin-left: 16px;
    width: 500px;
    margin-left: -171px;
}


.errorContent {
    margin-top: 264px;
    margin-left: 105px;
    color: rgb(169, 170, 177);
    position: absolute;
}







#activationCode {
    border-radius: 9px !important;
}



#newPassword a, a:visited {
    display: none;
    text-decoration: none;
    outline: none;
    color: #54a6de;
}


.errorText {
    margin-top: 211px;
    font-family: arial;
    color: rgb(14, 60, 123);
    font-size: 13px;
   
    text-align: center;
}

.closeError {
    height: 16px;
    overflow: hidden;
    position: absolute;
    color: rgb(88, 90, 94);
    position: absolute;
    top: 301px;
    font-size: 13px;
    cursor: pointer;
    text-decoration: initial;
    margin-left: 139px;
}







#wrapper {
    position: relative;
    display: block;
    margin-left: 39px;
    margin-top: 80px;
}

.label {
    position: absolute;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    font-family: "Helvetica Neue",sans-serif;
    font-weight: 300;
    font-size: 21px;
    line-height: 1.2;
    color: rgb(255, 255, 255);
    text-align: center;
    width: 142px;
    height: 28px;
    margin-top: 160px;
    text-shadow: rgba(0, 0, 0, 0.247059) 0px 7px 15px;
}



.blurIcon {
    width: 131px;
    height: 134px;
    padding-left: -12px;
    float: left;
    background-repeat: no-repeat;
    margin-left: 60px;
    margin-right: 57px;
    margin-bottom: 96px;
    /*box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1);
    border-radius: 75px;
    -webkit-filter: blur(0px);
    -webkit-transition: -webkit-filter .50s;
    -webkit-backface-visibility: hidden;*/
}


#mail:hover, #contacts:hover, #calender:hover, #notes:hover, #reminders:hover, #find:hover, #pages:hover, #numbers:hover, #keynote:hover {
    /*-webkit-filter: blur(0px);*/
    /*-webkit-transition: -webkit-filter .50s;*/
    /*box-shadow: 0px 0px 30px 0px rgba(0,0,0,0);*/
}

#mail:active, #contacts:active, #calender:active, #notes:active, #reminders:active, #find:active, #pages:active, #numbers:active, #keynote:active {
    /*opacity: 0.8;*/
}



#musteri {
    background: url('/images/Default/applogo2/1.png') no-repeat;
    width: 200px;
    height: 200px;
}

#taseron {
    background: url('/images/Default/applogo2/2.png') no-repeat;
    width: 200px;
    height: 200px;
}

#arac {
    background: url('/images/Default/applogo2/3.png') no-repeat;
    width: 200px;
    height: 200px;
}

#sofor {
    background: url('/images/Default/applogo2/4.png') no-repeat;
    width: 200px;
    height: 200px;
}

#garaj {
    background: url('/images/Default/applogo2/5a.png') no-repeat;
    width: 200px;
    height: 200px;
}

#guzergah {
    background: url('/images/Default/applogo2/6.png') no-repeat;
    width: 200px;
    height: 200px;
}

#yolcu {
    background: url('/images/Default/applogo2/7.png') no-repeat;
    width: 200px;
    height: 200px;
}

#ajanda {
    background: url('/images/Default/applogo2/8.png') no-repeat;
    width: 200px;
    height: 200px;
}

#puantaj {
    background: url('/images/Default/applogo2/9.png') no-repeat;
    width: 200px;
    height: 200px;
}


#rapor {
    background: url('/images/Default/applogo2/10.png') no-repeat;
    width: 200px;
    height: 200px;
}






/*additional*/
#icloud {
    content: "";
    margin-left: 15px;
    margin-top: 15px;
    width: 56px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0px -249px;
}

#popup {
    position: absolute;
    height: 360px;
    width: 360px;
    margin-top: 100px;
    margin-left: -180px;
    left: 50%;
    z-index: 2;
    opacity: 1;
    border-radius: 55px;
    background-color: #FFF;
    background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAABUCAMAAAB5uh/9AAAAMFBMVEUAAABYeIJYd4JYd4JYd4JKZXlRcXxXdoBWdYFYd4JXd4FXd4JXdoFXdoFUdH1ZeIP7vY7yAAAAD3RSTlMA7vfB2AcTQy6qf5VrWR9ei02eAAADBklEQVR42sVZ2XLDIAy0hLiv///bzlgmbpjUNcTAvnSaErOWVtJCt+8hdfCCADMCCeui2ubCOIG5Anm9zYIKIn8GuDSFgIN8AWtGE5CuSgAC1iTGRkLTubfw0aSdVtLB0y9WQY4LgX/tYmO9jYo2F4hR2TD0Up36RyYYxyQBDgIXcZahkHADGMRDdl5dF4wv6x5nEI4Q6Bv5GsMhHjpTd1RrR3DQyCUvG0L2rB4S8Gu1Cue5upCCGTQnDtJXoyAZUx7gOAsd4hHdTsASBxL2Jmj2X6jREDDv0PX6Ht7nr9rTgM09d/8aqK5JWAE7X0cBC6h3DNSg3l6CqWMMMIAEwUmhy5OJ9jDokgQRDAeljD7bN1r3MKiWb+DpvarR1zn/bWOPVPRxECnbX96mUUaWdZe2GpFZ9UA0hVDnPxuQ+m7Eu7ZOkh52/NjQpXVDA2oVpGxYS2PM1j0pSWyb700KC/eXgnycgrrfIB0vfR5wV49SjMkDFxrdIBAolx4yoiTg/llVDaKATst7Z1XaBuB4Onhzw6SQ2wZFgSH0PybF8oIRFK7P/BrPP45BoHwCw18mBeI2ENJECzl/PpQmKBZhNGQUmVFtJgqxGdD0gYNjBnKbA+mwdkUJywezoKGy47ac0+bBwJsxMuUWYj4HTCNsUptJFqexzHqbDXeeDwMHYTokvcJARRdrUmEOT4dqW4By3o4cjhWIhwQ8V+QKKORM2Nn1UFuIwGpMaygEFgPwWW8JNOsQc864rYFiPWa290sgefOVUdg3z0u1wJuXS6AlYBVwbcalcuTD/Mqi5B+0tDVJXCeGIgKxbE7x26djZIJaOKw3CavCcMbfsZ1eUw+YTudg19hXW/0LbYGJN7/5oJ6bBuSm8GanYWZzSFAVomMOeh4DyvVsEuUGaOrB2lf3vjvslNoM+OlORR0c0KnhIRC5YlDFIYMbKUupxXnlVkO6XEA+mgHBUCacl35eXt6CM+BhvD07XlyFTYG9iHHyOIGA+SdhUQxlQS7dUq2zBI8TARI+fNj/B+ALW74NzMpZAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 115px 25px;
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,.4);
}

.signin {
    position: absolute;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    font-family: "Helvetica Neue",sans-serif;
    font-weight: 200;
    font-size: 37px;
    line-height: 1.2;
    color: rgb(91, 121, 131);
    text-align: center;
    width: 360px;
    margin-top: 125px;
}