/*===============================================*/
/* Formularze w wersji 3.1 - NIE KASOWAĆ */
/*===============================================*/

/* forms */
form {margin:0;padding:0;}
.register { font-weight:normal; text-decoration:none; font-size:1em; line-height:1em; }
.form_label, .form_label_big { padding:7px 5px 0px 3px; float:left; width:20%; text-align:right; color:var(-color-text); text-decoration:none; font-size:1em; line-height:1.1em; }
.form_label label, .form_label_big label { position:relative; top:0px; left:0px; padding:0px; width:auto; border:0px; text-align:left; font-size:1em; font-weight:normal;}
.form_input, .form_input_big { padding:0 3px; text-align:left; position:relative; margin:0; background:transparent; text-align:left; font-size:1em; }
.form_input_big { width:57%; }
.form_input input, .form_input_big input {width:99%; box-sizing: border-box;}
.form_input select, .form_input_big select {width:99%; box-sizing: border-box;}
.form_input textarea, .form_input_big textarea {width:99%}
.form_error {padding:5px 5px 0px 3px; float:left; width:40%; text-align:left; color:var(--color-red);}
.form_error_big {padding:0px; text-align:left; }
.form_clear {height:6px;clear:both;}
.register { font-weight:normal; color:var(-color-text); text-decoration:none; font-size:0.9em; line-height:1em; }

input[type=image] { border:0; }
input , select , texarea { background:var(--color-light-bg); border:1px solid var(--color-light-grey); }
input[type=button],input[type=image] { border:0;background:var(--color-black)}
input[type=text] { font-size:1em; font-weight:normal; color:var(-color-text); text-align:left; margin:0px; padding:10px 5px; }
select  { font-size:1em; color:var(-color-text); font-weight:normal;  padding:10px 5px;  }
textarea { font-size:1em; font-weight:normal; color:var(-color-text); text-align:left; width:50%; margin:0px; padding:10px 5px; }
input:focus,select:focus,textarea:focus { background:var(--color-light-grey)}

.box_ok {position:relative; border:0; background:transparent; padding:15px 10px 15px 320px; text-align:left; margin-bottom:10px; color:var(-color-text);}
.box_error {position:relative; border:1px solid var(--color-red); background:var(--color-light-grey)  padding:15px 10px 15px 320px; text-align:left; margin-bottom:20px;}
.box_error_info {position:relative; border:1px solid var(--color-red); background:var(--color-light-grey) padding:10px; text-align:left;margin:20px 0px;width:80%;}
.box_subform {position:relative; border:0; background:transparent; padding:5px 10px 5px 220px; width:250px; text-align:left; margin:15px 0; color:var(-color-text);}

.form_label {position:absolute;top:25px; left:5px; background:transparent; border:0; text-align:right; padding:0; width:300px; color:var(-color-text); font-size:1em;}
.form_label span.error { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em;}
.form_sublabel {position:absolute;top:20px; left:5px; background:transparent; border:0; text-align:right; padding:0; width:200px; color:var(-color-text); font-size:1em;}

@media only screen and (max-width:480px) {

  .box_ok,.box_error,.box_subform { padding:5px; width:auto; }
  .form_label,.form_sublabel  {position:relative;top:auto; left:auto; background:transparent; border:0; text-align:left; padding:0; margin:10px auto; width:100%; }
  
}