﻿
/* input fields & validation
------------------------*/
.form label:not([for='subscribe']) {
display:block;
cursor:default;
}
#container .form label {
margin-top:20px;
margin-bottom:4px;
font-size:12px;
color:#808080;
}
#container .form p.info {
margin-top:20px;
font-size:14px;
color:#606060;
}

#container .form p.inline label {
display:inline-block !important;
cursor:pointer;
color:#606060;
}
.form p.inline input[type=checkbox] {
vertical-align:middle;
margin-top:-2px;
margin-right:7px;
}

article.contentpage .form p.inline label {
margin-top:0 !Important;
width:90%;
vertical-align: top;
}

.form .input-wrap {
position:relative;
/*z-index:1; /* zaradi #show-password-group */
}
.form .input-wrap .error, 
.form .input-wrap .success {
display:none;
position:absolute;
left:0;
top:100%;
margin-top:-6px;
padding:10px 10px 4px;
border-top:none;
background:#e52828;
border-radius:0 0 3px 3px;
box-sizing:border-box;
width:100%;
z-index:0;
font-size:12px;
color:#fff;
}

.form .input-wrap .success {
background:#DAFF7F;
}
.form .input-wrap .error, .form .input-wrap .error a { color:#fff !important; }
.form .input-wrap .success, .form .input-wrap .success a { background:#35af28 !important; }
.form .input-wrap .error a, .form .input-wrap .success a { text-decoration:underline; }

#container .form input[type=text], #container .form input[type=email], #container .form input[type=password], #container .form select, #container .form textarea, #container .form input[type=number] {
-webkit-appearance:none;
width:100%;
padding:11px 15px;
font-size:18px;
line-height:22px;
color:#444;
border:1px solid #ccc;
border-radius:5px;
box-sizing:border-box;
position:relative;
z-index:10;
}

#container .form input[disabled] {
background-color:#f8f8f8;
color:#929292 !important;
}

#container .form .halfsize, #container .form .zip, #container .form .city { display:inline-block; }
#container .form .halfsize { width:48%; }
#container .form .margin { margin-left:4%; }

#container .form .zip  { width:16%; }
#container .form .city { width:80%; }

#container .form input[type=text]:focus, #container .form input[type=email]:focus, #container .form input[type=password]:focus, #container .form select:focus {
border-color:#aaa;
}

#container .form input[type=button], #container #login.form .rightcol>a, #container .b2b.form #btnSendB2BForm  {
-webkit-appearance:none;
margin-top:20px;
border:1px solid #000;
background:#404040;
color:#fff;
padding:20px;
font-size:18px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
cursor:pointer;
-webkit-box-shadow: 0px 0px 4px 0px #aaa;
-moz-box-shadow: 0px 0px 4px 0px #aaa;
box-shadow: 0px 0px 4px 0px #aaa;
display:inline-block !important;
}
html[data-shoptype=B2B] #container .form .rightcol input[type=button]#button-toregister { 
display:none !important;
}

#container .form input[type=button]#button-toregister {
margin-right:20px;
}

.b2b.form #btnSendB2BForm  {
margin:0 0 40px;}
#container #login.form .rightcol>a {
display:inline-block;
text-decoration:none;
margin-left:15px;
}
#container .form input[type=button]:hover, #container .form input[type=button].on, #container #login.form .rightcol>a:hover {
background:#505050;
}