/**
    ## project name     : nayi.me gsm portal
    ## author           : doanerkan / www.doanerkan.com
**/
/* #################################################################################### */
/* ##### + + + pages css imported ##################################################### */
/* #################################################################################### */

@import url('bootstrap.css?version=1.0.0.0');
@import url('bootstrap-theme.css?version=1.0.0.0');
@import url('animate.css?version=1.0.0.0');
@import url('hover.css?version=1.0.0.0');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('fancyapp_min.css?version=1.0.0.0');
@import url('font.css?version=1.0.0.0');
@import url('alertify.min.css?version=1.0.0.0');
@import url('alertify.bootstrap.min.css?version=1.0.0.0');
@import url('standart_style.css?version=1.0.0.1');

body            {
    background:#de7119 url(../images/nayime_login_background.jpg) no-repeat center center;
    color:#333; font:400 14px 'Nayime', sans-serif;
    line-height:20px;
    margin:0; overflow-x:hidden;
}
a               { color:#333; font:400 14px 'Nayime', sans-serif; cursor:pointer; }
a:hover         { color:#000; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }
.transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

/* ## loginarea */
.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 1200px;
    max-height : 80%;
    margin: 0;
}

.login_bg       { width:100%; height:100%; position:fixed; z-index:1; }
.spacex         { width:100%; height:100%; position:fixed; z-index:2; }

.allLoading     { display:none; }
.allLoading h4   { margin-top:0; color:#6568b3; font:600 16px 'Nayime', sans-serif; }
#LoginLoading, #LoginSuccess, #LoginError, #loginAuth, #LoginBanned, #sifremiUnuttum, #LoginSuccessSU, #LoginErrorSU, #LoginLoadingSU, #firmSignUpForm, #memberSignUpForm    { display:none; }
#LoginLoading h4, #LoginSuccess h4, #LoginError h4, #loginAuth h4, #LoginBanned h4, #sifremiUnuttum h4, #LoginSuccessSU h4, #LoginErrorSU h4, #LoginLoadingSU h4   { margin-top:0; }
.login_bg a     { width:100%; height:100%; display:block; cursor:auto; }
.loginArea      { width:450px; min-height:100%; position:fixed; display:flex; justify-content: center; flex-direction: column; left:0; background:#fff; padding:0 40px; }
.loginArea img.logo    {  }
.loginArea input[type=email]{ width:100%; border:none; display:block; outline:none; margin:15px 0 0 0; background:#f0f1f5; color:#333; padding:15px; border-radius:5px; }
.loginArea input[type=text], .loginArea input[type=password]{ width:100%; border:none; display:block; outline:none; margin:15px 0 0 0; background:#f0f1f5; color:#333; padding:15px; border-radius:5px; }
.loginArea input[type=submit]   { margin:15px 0 8px 0; padding:10px 15px; border:none; outline:none; border-radius:5px; background:#333; color:#fff; font:500 14px 'rawline', sans-serif; }
.loginArea input[type=submit]:hover   { background:#000; color:#fff; }
.loginArea hr   { width:100%; clear:both; display:inline-block; margin:10px 0; }
.loginArea a        { color:#000; font:300 13px 'rawline', sans-serif; }
.loginArea a:hover      { color:#000; }

.uyelikButton   { margin:4px 5px 8px 0; padding:10px 15px; display:inline-block; border:none; outline:none; border-radius:5px; background:#8391a2; color:#fff !important; font:500 13px 'rawline', sans-serif; }
.uyelikButton:hover   {  background:#de7119; color:#fff !important; font:500 13px 'rawline', sans-serif; text-decoration:none; }

@media only screen and (min-width : 0px) and (max-width : 770px) {
    .loginArea      { width:100%; padding:10px 20px; overflow:scroll; }
}