/* Loginsida */
body {
    background-color: #f6f6f3 !important;
}


#login #powerTip{
    width: 30%;
    min-width: 200px;
    white-space: normal; 
    font-size: 14px;
}
#login-logo {
    text-align:center;
}
#login-logo img { 
	display:inline-block;   
	margin: 10px 0 20px 0; 
    max-width:100%;
}
#login-box {
    width:400px;
    margin:90px auto 0px auto;
    background-color:#ffffff;
    padding:22px 32px 32px 32px;
/*    -webkit-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px 1px 0px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         0px 1px 0px 0px rgba(50, 50, 50, 0.15);*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 35px;
}
#login-box div { 
	margin-bottom: 6px; 
}

#popup-login .form-field,
#login-box .form-field{
	padding:0px;
}

#popup-login div.remember-container,
#login-box div.remember-container { 
	padding: 0 10px;
	margin-bottom: 10px;
}

#popup-login div.remember-container input,
#login-box div.remember-container input { 
	width: 25px; 
}

/*input[type=text] {
    background-color: #fff;
}
input[type=password] {
    background-color: #fff !important;
}*/

#popup-login input.username,
#popup-login input.password,
#popup-login input.email,
#popup-login input.username:focus,
#popup-login input.password:focus,
#popup-login input.email:focus{
    background-color:#f6f6f3;
    border: 1px solid #a5a9b7;
}

#login-box input.username, 
#login-box input.password, 
#login-box input.email,
#login-box input.username:focus, 
#login-box input.password:focus, 
#login-box input.email:focus {
    background-color:#f6f6f3;
    border: 1px solid #bbbecc;
}

#popup-login input.username,
#popup-login input.password,
#popup-login input.email,
#login-box input.username, 
#login-box input.password, 
#login-box input.email {
/*    border-top:1px solid #aaaaaa;
    border-bottom:1px solid #dedede;
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;*/

    /* Vid autoifyllnad 
    -webkit-text-fill-color: #272727;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
    */

    font-size:1.2em;
    font-family: 'Open sans', Verdana, sans-serif;
    color:#272727;
    border: 1px solid #fff;
    padding:16px;
    background-color: #f6f6f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    width:400px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
#popup-login input.username,
#login-box input.username { 
	padding-left:55px; 
	color:#494949; 
}
#popup-login input.username:focus,
#login-box input.username:focus { 
    background-color: #f6f6f3 !important;
	color:#272727; 
}
#popup-login input.password,
#login-box input.password { 
    background-color: #f6f6f3 !important;
	padding-left:55px; 
	color:#494949; 
}
#popup-login input.password:focus,
#login-box input.password:focus { 
    background-color: #f6f6f3 !important;
	color:#272727; 
}
#popup-login input.email,
#login-box input.email { 
    padding-left:55px; 
    background-color: #f6f6f3 !important;
	color:#494949; 
}
#popup-login input.email:focus,
#login-box input.email:focus { 
    background-color: #f6f6f3 !important;
	color:#272727; 
}
#popup-login input.focus,
#login-box input:focus {
    border:1px solid #a5a9b7;
}
#popup-login input#submit,
#login-box input#submit,
input#logout {
    background-color:#ec0c6e;
    border:1px solid #fff;
    font-size:21px;
    font-family: 'canarobook', Verdana, sans-serif;
    color:#fff;
    padding:12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    width:400px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor:pointer;
    margin-bottom: 10px;
}
#popup-login input#submit:hover,
#login-box input#submit:hover {
    background-color:#dc0b67;
    border:1px solid #fff;
    color: #fff;
}
#popup-login input#submit:focus,
#login-box input#submit:focus {
    background-color:#dc0b67;
    border:1px solid #fff;
    color:#fff;
}
#popup-login .indicator,
#login-box .indicator{
	width:32px;
	height:32px;
	margin: 0 0 0 -1px;
	background-repeat:no-repeat;
    position: relative;
    z-index: 0;
    padding: 13px;
    display:inline;
}
#popup-login .indicator .last,
#login-box .indicator .last{
	width:32px;
	height:32px;
}
#popup-login .field-control,
#login-box .field-control{
	position:static;
}
#login-footer {
    width:440px;
    margin:20px auto;
}
#welcome{	
	margin: auto;
	font-size: 1.2em;
    padding: 0 0 10px 0;
}
.name-error-desc {
	display: none;
}
.pass-error-desc{
	display: none;
}
.pass2-error-desc{
	display: none;
}
.email-error-desc{
	display: none;
}
.loginfailed {
	color: #ec0c6e;
}
#strength{
	margin-top: 5px;
}
#login-footer #left-footer { 
	float:left; 
}
#login-footer #right-footer { 
	float:right;  
	text-align:right;
}
#login-footer a.powered-by-nobicon { 
	opacity:0.75; 
	background: url(/images/powered_by_nobicon.png) top left no-repeat; 
	text-indent:-99999px; 
	width:146px; 
	height:47px; 
	display:inline-block; 
	text-align:left; 
	margin-top:4px;
}
#login-footer a.powered-by-nobicon:hover { 
	opacity:1;
}
.input-icon{ 
    pointer-events: none;
    margin:13px;    
    position: absolute;
    padding: 3px 3px 3px 17px;
}


/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    #login-footer a.powered-by-nobicon {
        background-image: url(/images/powered_by_nobicon@2x.png);
        -webkit-background-size: 146px 47px;
        background-size: 146px 47px;       
    }
}