@CHARSET "UTF-8";

body {
	background-color: #F8F8F8;
}

.bg-white{
	background-color: #fff;
}

.pagebody{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #333333;
}

div#HelpSN {
    margin: 25px;
}

img.imginfo {
    vertical-align: baseline;
}

input[type="radio"]{
    display:none;
}

input[type="radio"] + label
{
    background-image: url("../img/unchecked.jpg");
	background-repeat:no-repeat;
	cursor:pointer;
    height: 22px;
    width: 22px;
    display:inline-block;
    padding: 0 0 0 0px;
    margin:  0 8px 0 8px;
    vertical-align: bottom;
}

input[type="radio"]:checked + label
{
    background-image: url("../img/checked.jpg");
	background-repeat:no-repeat;
	cursor:pointer;
    height: 22px;
    width: 22px;
    display:inline-block;
    padding: 0 0 0 0px;
    margin:  0 8px 0 8px;
    vertical-align: bottom;
}

input[type="checkbox"]{
    display:none;
}

input[type="checkbox"] + label
{
    background-image: url("../img/unchecked.jpg");
	background-repeat:no-repeat;
	cursor:pointer;
    height: 22px;
    width: 22px;
    display:inline-block;
    padding: 0 0 0 0px;
    margin:  0 8px 0 8px;
    vertical-align: bottom;
}

input[type="checkbox"]:checked + label
{
    background-image: url("../img/checked.jpg");
	background-repeat:no-repeat;
	cursor:pointer;
    height: 22px;
    width: 22px;
    display:inline-block;
    padding: 0 0 0 0px;
    margin:  0 8px 0 8px;
}



.checkboxdiv {
    float: left;
    display: block;
    margin-left: 15px;
    margin-right: 15px;
}

.headertable{
	text-align: center;
}

.checkboxcenter {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
input.btn_submit {
    height: 108px;
    width: 65%;
    background-color: red;
    border-color: red;
    border-width: 0px;
    color: #fff;
    font-size: 45px;
    margin-left: auto;
    margin-right: auto;
 display: flex;
  align-items: center;
  justify-content: center;
}
img.img_serial {
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    text-align: center;
    padding: 20px;
}


a.sn {
    color: red;
    text-align: center;
    align-items: center;
    padding-bottom: 16px;
}
.Center{
	text-align: center;
}

div#main-body {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    font-size: 14px;
   	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

}

div#main-body h1 {
    border-bottom-style: solid;
    font-size: 22px;
}


div#box-person {
    width: 47%;
    border-style: solid;
    border-width: 2px;
    display: table-cell;
}

div#box-person-in {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}

div#box-product {
    width: 47%;
    border-style: solid;
    border-width: 2px;
	display: table-cell;
}
div#box-product-in {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}
div#box-aggree{
	display: table-cell;
}
div#box-aggree-in{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}
div#box-center{
	width:10px;
	display: table-cell;
}

div#box-row {
    display: table;
    width: 100%;
}

div#box-row-center {
    display: table;
    width: 100%;
    height: 30px;
}

div#box-center-in{
	padding-top: 15px;
}
h2 {
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 2px;	 
}

h2.header_title{
	font-size: 24px;
}

.asterix{
	color: red;
	text-decoration: none;
    font-size: 14px;
    vertical-align: sub;
}}

input {
	margin-bottom: 15px;
    background-color: #F8F8F8;
    border-color: #EBEBEB
}
div.padding_top{
	padding-top: 15px;
}
input#nip, input#company, input#person, input#addr, input#cellphone, input#email,
input#model, input#serial_nr, input#data_zakupu_f, select  {
    width: 100%;
    font-size: 16px;
    padding: 7px;
	margin-bottom: 15px;
    background-color: #F8F8F8;
    border-color: #EBEBEB
}
input#data_zakupu{
	width: 100%
    font-size: 20px;
    padding: 7px;
	margin-bottom: 15px;
    background-color: #F8F8F8;
    border-color: #EBEBEB
}
input#zip{
    width: 30%;
    font-size: 20px;
    padding: 7px;
	
	margin-bottom: 15px;
    background-color: #F8F8F8;
    border-color: #EBEBEB
}
input#namepriv,input#surpriv,
input#nameoffice,input#suroffice{
	width: 49%;
    font-size: 20px;
    padding: 7px;
	margin-bottom: 15px;
    background-color: #F8F8F8;
    border-color: #EBEBEB
	
}
input#city{
    width: 68%;
    font-size: 20px;
    padding: 7px;
	margin-bottom: 15px;
    background-color: #F8F8F8;
    border-color: #EBEBEB
	
}
textarea {
    width: 100%;
    font-size: 20px;
    padding: 7px;
    min-height: 180px;
    background-color: #F8F8F8;
    border-color: #EBEBEB
}

@media screen (min-width: 200px) and (max-width : 600px) {
	div#box-person {
	    display: block;
	}
	
	
	div#box-product {
		display: block;
	}
	
}

@media screen (min-width: 600px) {
	div#box-person {
	    display: table-cell;
	}
	
	
	div#box-product {
		display: table-cell;
	}
	
}

.adresbox {
    text-align: center;
    font-weight: bold;
}

	.act_msg_ok{
	text-align: center;
	    background-color: #CAFABE;
	    border: 3px solid #17CC06;
	    color: #000000;
	    font-weight: bold;
	    padding: 3px;
	}
	
	.act_msg_err{
	text-align: center;
	    background-color: #FFEBEC;
	    border: 3px solid #FF1C1D;
	    color: #FF1C1D;
	    font-weight: bold;
	    padding: 3px;	
	}
	
	.act_msg_unk{
	    background-color: #FACDD4;
	    border: 3px solid #AF49B3;
	    color: #AF49B3;
	    font-weight: bold;
	    padding: 3px;
	}
	
	/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
	
div#aggree {
    height: 28px;
}