@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  font-size: 15px;
}
@media (max-width: 600px) {
  html {
    font-size: 13px;
  }
}

html, body {
  min-height: 100%;
}

body {
  margin: 0;
  background: #efffff;
  background-repeat: no-repeat;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 1rem;
}

@media (min-width: 993px) {
  body {
    background-attachment: fixed;
  }
}

img {
  max-width: 100%;
}

a {
  color: #666;
}
a:hover {
  color: #5cc3b3;
}
a.btn:hover {
  color: #fff;
  font-weight: 200;
  font-size:88%;
}
a.btn {
  color: #fff;
  font-weight: 200;
  font-size:88%;
}

p, .p {
  text-align: left;
}

label {
  color: inherit;
}
label:not(.active) {
  background: #fff;
}

#cialo {
  background: #fff;
  left: auto;
  margin: 30px auto;
  width: 100%;
  max-width: 1300px;
  box-shadow: 0px 8px 15px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 60px 70px;
  position: relative;
  
}

#cialo2 {
  background: #fff;
  left: auto;
  width: 100%;
  box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  padding: 40px 50px;
  margin-bottom:30px;
  position: relative;
}

#strona {
  
  background: #fff;
  left: auto;
  margin: 30px auto;
  width: 100%;
  max-width: 90%;
  box-shadow: 0px 8px 15px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 60px 70px;
  position: relative;
  overflow: hidden;
  line-height:2em
}

.centerDiv {
  background: #fff;
  left: auto;
  margin: 50px auto;
  width: 100%;
  max-width: 600px;
  box-shadow: 0px 8px 15px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 60px 70px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 600px) {
  .centerDiv {
    padding: 30px 20px;
  }
}
.leftDiv {
  float:left;
  background: #fff;
  left: auto;
  margin: 20px auto;
  width: 100%;
  max-width: 300px;
  box-shadow: 0px 8px 15px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 30px 20px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 600px) {
  .leftDiv {
    padding: 30px 20px;
  }
}
.rightDiv {
  float:right;
  background: #fff;
  left: auto;
  margin: 20px auto;
  width: 100%;
  max-width: 300px;
  box-shadow: 0px 8px 15px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 30px 20px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 600px) {
  .rightDiv {
    padding: 30px 20px;
  }
}

.btn, .btn.primary-action {
  background-color: #005596;
  text-transform: none;
}

.btn-small, .btn-small.primary-action {
  background-color: #005596;
  text-transform: none;
  font-weight: 500;
}

.btn:hover, .btn.primary-action:hover {
  background-color: #5cc3b3;
  color:white;
  font-weight: 500;
}

.btn.secondary-action {
  background-color: transparent;
  color: #666;
  border: 1px solid #666;
}
.btn.secondary-action:hover, .btn.secondary-action.selected {
  background-color: #5cc3b3;
  color: #fff;
  border-color: #5cc3b3;
}
.btn.disabled {
  border: 1px solid #dfdfdf;
}

.btn.image, .btn-image, .white {
  color: #666;
}
.btn.image, .btn.image:focus, .btn.image:hover, .btn-image, .btn-image:focus, .btn-image:hover, .white, .white:focus, .white:hover {
  background: transparent;
  color: #5cc3b3;
}

.btn.image, .btn-image {
  padding: 0;
  border: 0;
  height: auto;
  line-height: 0;
  padding: 4px;
}

.btn-small {
  line-height: 25px;
  height: 26px;
  padding: 0 10px;
}
.btn-small:not(.disabled):hover {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15), 0 4px 11px 0 rgba(0, 0, 0, 0.15);
}

.regulations, .regulations + label, .smaller, .smaller + label {
  font-size: smaller;
  line-height: 1.7em;
}

span.show-more {
  display: inline-block;
  font-size: smaller;
  line-height: 1.7em;
  color: #666;
  cursor: pointer;
}
span.show-more span {
  color: #333;
}

[type="checkbox"].filled-in:checked + label:after {
  border-color: #666;
  background-color: #666;
}

[type="checkbox"].filled-in:not(:checked) + label:after {
  border-color: #333;
}

h2 {
  font-size: 2.2rem;
}

h3 {
  font-size: 1.3rem;
  text-align: center;
}

h4 {
  font-size: 1.1rem;
  text-align: left;
  color: #666;
}

h2:first-child, h3:first-child {
  margin-top: 0;
}

.progress + h2, .progress + h3 {
  margin-top: 0;
}

.progress {
  background-color: rgba(52, 180, 161, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0;
  height: 10px;
}
.progress .determinate {
  background-color: #666;
}

input {
  font-weight: 500;
}
input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
  transition: all 0.3s;
}
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]).invalid, input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]).valid, input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus {
  box-shadow: none !important;
  border-bottom-width: 2px !important;
}

.input-field label {
  color: inherit;
  left: 0;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
  border-bottom: 1px solid #333;
}

input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #333;
  box-shadow: 0 1px 0 0 #333;
}

input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #333;
}

select {
    border: 1px solid #aaa;
	font-size:80%;
}

.form {
	margin:0px;
	padding-top:5px;
	float:left;
	font-weight:bold;
	font-size:135%;
	color:#3d4045;
}

/* wygląd elementu - ol */
#menu {
margin:0 auto;
padding:0;
list-style-type:none;
font-size:80%;
}

/* naprawa wysokości elementu - ol */
#menu:after {
content:'';
display:block;
clear:both;
}

/* wygląd elementów - li */
#menu > li {
float:left;

}

/* pierwszy element - li - elementu o identyfikatorze menu */
#menu > li:first-child {
margin:0px 0px 0px 10px;
}

/* drugi element - li - elementu o identyfikatorze menu */
#menu > li:first-child + li {
margin:0px 0px 0px 10px;
}

/* trzeci element - li - elementu o identyfikatorze menu */
#menu > li:first-child + li + li {margin:0px 0px 0px 10px;}
#menu > li:first-child + li + li + li {margin:0px 0px 0px 10px;}
#menu > li:first-child + li + li + li + li {margin:0px 0px 0px 10px;}
#menu > li:first-child + li + li + li + li + li {margin:0px 0px 0px 10px;}
#menu > li:first-child + li + li + li + li + li + li {margin:0px 0px 0px 10px;}
#menu > li:first-child + li + li + li + li + li + li + li {margin:0px 0px 0px 10px;}
#menu > li:first-child + li + li + li + li + li + li + li  + li  {margin:0px 0px 0px 10px;}
#menu > li:first-child + li + li + li + li + li + li + li  + li  + li {margin:0px 0px 0px 10px;}
#menu > li:first-child + li + li + li + li + li + li + li  + li  + li  + li {margin:0px 0px 0px 10px;}

/* wygląd elementów - a */
#menu > li > a {
display:block;
text-decoration:none;
text-align:center;
color:#005596;
box-shadow:0 0 0 1px #fffffe inset;

}

/* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
#menu > li:hover > a {
color:#ddd;
background-image:none;
}

/* wygląd elementu - ol */
#zakladki {
	margin:0 auto;
	padding:0;
	list-style-type:none;
	font-size:90%;
	padding-top:3px;
	position: relative;
	left: auto;
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
}

/* naprawa wysokości elementu - ol */
#zakladki:after {
content:'';
display:block;
clear:both;
}

/* wygląd elementów - li */
#zakladki > li {
float:left;
padding:10px 10px 2px 10px;
}

/* pierwszy element - li - elementu o identyfikatorze menu */
#zakladki > li:first-child {
margin:0px 0px 0px 30px;
}

/* drugi element - li - elementu o identyfikatorze menu */
#zakladki > li:first-child + li {
margin:0px 0px 0px 10px;
}

/* trzeci element - li - elementu o identyfikatorze menu */
#zakladki > li:first-child + li + li {margin:0px 0px 0px 10px;}
#zakladki > li:first-child + li + li + li {margin:0px 0px 0px 10px;}
#zakladki > li:first-child + li + li + li + li {margin:0px 0px 0px 10px;}
#zakladki > li:first-child + li + li + li + li + li {margin:0px 0px 0px 10px;}
#zakladki > li:first-child + li + li + li + li + li + li {margin:0px 0px 0px 10px;}
#zakladki > li:first-child + li + li + li + li + li + li + li {margin:0px 0px 0px 10px;}

/* wygląd elementów - a */
#zakladki > li > a {
display:block;
text-decoration:none;
text-align:center;
color:#666;
box-shadow:0 0 0 1px #fff inset;

}

/* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
#zakladki > li:hover > a {
color:#ddd;
background-image:none;
}

/* wygląd elementu - ol */
#akcje {
	margin:0 auto;
	padding:0;
	list-style-type:none;
	font-size:90%;
	position: relative;
	left: auto;
	max-width: 1300px;
	overflow: hidden;
}

/* naprawa wysokości elementu - ol */
#akcje:after {
content:'';
display:block;
clear:both;
}

/* wygląd elementów - li */
#akcje > li {
float:left;
padding:7px 10px 7px 0px;
}

/* pierwszy element - li - elementu o identyfikatorze menu */
#akcje > li:first-child {
margin:0px 0px 0px 0px;
}

/* drugi element - li - elementu o identyfikatorze menu */
#akcje > li:first-child + li {
margin:0px 0px 0px 20px;
}

/* trzeci element - li - elementu o identyfikatorze menu */
#akcje > li:first-child + li + li {margin:0px 0px 0px 20px;}
#akcje > li:first-child + li + li + li {margin:0px 0px 0px 20px;}
#akcje > li:first-child + li + li + li + li {margin:0px 0px 0px 20px;}
#akcje > li:first-child + li + li + li + li + li {margin:0px 0px 0px 20px;}
#akcje > li:first-child + li + li + li + li + li + li {margin:0px 0px 0px 20px;}
#akcje > li:first-child + li + li + li + li + li + li + li {margin:0px 0px 0px 20px;}
#akcje > li:first-child + li + li + li + li + li + li + li + li {margin:0px 0px 0px 20px;}
#akcje > li:first-child + li + li + li + li + li + li + li + li + li {margin:0px 0px 0px 20px;}
#akcje > li:first-child + li + li + li + li + li + li + li + li + li + li {margin:0px 0px 0px 20px;}

/* wygląd elementów - a */
#akcje > li > a {
display:block;
text-decoration:none;
text-align:center;
color:#333;
box-shadow:0 0 0 1px #eee inset;

}

/* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
#akcje > li:hover > a {
color:#ddd;
background-image:none;
}

.akcja_zal {
	color:#777;
}

.wybrana {
	border-bottom:8px #eeffff solid;
}

.wybrana_tekst {
	color:#005596;
	font-weight:bold;
}

.wybrana2 {
	font-weight:bold;
	color:#005596;
}

.wybrany {
	font-weight:bold;
}

#user {
	color:#aaa;
	float:right;
	font-size:110%;
	margin:7px 0px 3px 0px;
}
#user > div > a {
	text-decoration:none;
	text-align:center;
	color:#aaa;
}
.user_a {
	text-decoration:none;
	text-align:center;
	color:#666;
}

.linia {
	background-color:#005596;
	color:#005596;
	height:2px;
	margin:15px 0px;
	border:none;
}

.naglowek {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index:2;
	background-color: #fffffe;
}

.header {
	text-align: center;
	background-color: #fffffe;
	padding:0px 10px 0px 10px;
	position: relative;
	left: auto;
	margin: 0px auto;
	width: 100%;
	max-width: 1300px;
	
	

}
.footer {
  text-align: center;
  background-color: #fffffe;
  padding:10px 10px 5px 10px;
}
#nawigacja {
	text-align: center;
	background-color: #ffffff;
	padding:0px;
	margin-top:8px;
}

#nawigacja2 {
  text-align: center;
  background-color: #efefef;
  padding:0px;
  border-bottom:solid 1px #ccc;
  
}

.header .logo, .footer .logo {
  margin-top: 60px;
  padding: 0 20px;
}
@media (max-width: 600px) {
  .header .logo, .footer .logo {
    margin-top: 20px;
  }
}
.header .logo img, .footer .logo img {
  max-height: 85px;
}
@media (max-width: 600px) {
  .header .logo img, .footer .logo img {
    max-height: 60px;
  }
}
.header .primary-title, .footer .primary-title {
  max-width: 600px;
  margin: 40px auto 0;
  font-size: 2rem;
  color: #666;
  padding: 0 20px;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}
@media (max-width: 600px) {
  .header .primary-title, .footer .primary-title {
    margin-top: 20px;
  }
}
.header .secondary-title, .footer .secondary-title {
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.3rem;
  color: #fff;
  padding: 0 20px;
}

.etykieta {
	float:left;
	width:125px;
	padding-top:2px;
}

.footer {
  margin-bottom: 50px;
}

.title {
  font-size: 1.7em;
  margin: 0 0 40px 0;
}

.subtitle {
  font-size: 1.3em;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.iblock {
  display: inline-block;
}

.corner-menu {
  position: absolute;
  top: 25px;
  right: 20px;
}
.corner-menu button {
  color: #666;
}

.inner-clear::after {
  content: '';
  display: block;
  clear: both;
}

.clear {
  clear: both;
  display: block;
}

.tooltip {
  position: relative;
  display: inline-block;
  top: 0;
  right: 0;
  vertical-align: middle;
}
.tooltip i {
  cursor: help;
  color: #666;
}
.tooltip i:hover + .tooltiptext {
  opacity: 1;
  z-index: 2;
}
.tooltip .tooltiptext {
  opacity: 0;
  width: 228px;
  background-color: #fff;
  color: #333;
  text-align: left;
  border: 1px solid #666;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: -1;
  top: 29px;
  right: 0;
  font-size: 11px;
  line-height: 1.3;
  box-shadow: 0px 8px 15px 1px rgba(0, 0, 0, 0.2);
  transition: all 300ms ease;
}
.tooltip .tooltiptext:after {
  content: "";
  position: absolute;
  top: -11px;
  right: 6px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #666 transparent;
}
.tooltip .tooltiptext ul {
  margin: 10px 0 0 0;
  padding: 0;
  list-style-type: none;
}
.tooltip .tooltiptext ol {
  padding: 0 0 0 10px;
  margin: 0;
}
.tooltip .tooltiptext p {
  margin-top: 0;
}

.with-tooltip {
  position: relative;
}
.with-tooltip .tooltip {
  position: absolute;
  right: 0;
  top: 0;
}
.with-tooltip .tooltip.label-position {
  top: 10px;
}
.with-tooltip .tooltip.domain {
  right: 0;
}
.with-tooltip .tooltip.domain.active {
  right: 0;
}
.with-tooltip input {
  width: calc(100% - 25px);
  padding-right: 25px;
}

.field-validation-error, .validation-error {
  font-size: 0.8em;
  position: relative;
  top: -18px;
}
.field-validation-error.accept-checkbox, .validation-error.accept-checkbox {
  top: -2px;
}

#codeVerificationError, .field-validation-error, .validation-error {
  color: #F44336;
}

.validation-error {
  display: none;
}

#codeVerificationError, #codeVerification {
  margin: 10px 0;
}

.pseudo-field {
  position: relative;
  margin-top: 1rem;
  display: inline-block;
  width: 100%;
}
.pseudo-field .pseudo-label {
  font-size: 0.8rem;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  transform: translateY(-82%);
}
.pseudo-field.without-content .pseudo-label {
  top: 0.8em;
  font-size: 1rem;
  transform: none;
}

.pseudo-input {
  font-weight: 500;
  border-bottom: 1px solid #333;
  margin: 0;
  height: 3rem;
  line-height: 3rem;
  margin: 0 0 15px 0;
}
.pseudo-input .tooltip {
  font-weight: 400;
}

#domainParagraph, .with-site-label {
  position: relative;
}
#domainParagraph [type="text"], .with-site-label [type="text"] {
  width: calc(100% - 80px);
  padding-right: 80px;
}

#domainParagraph {
  height: 74px;
}

.site-label {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 3rem;
}

.with-site-label.with-tooltip .site-label {
  right: 27px;
}
.with-site-label.with-tooltip .site-label.domain {
  right: 75px;
}
.with-site-label.with-tooltip .site-label.domain.active {
  right: 110px;
}
.with-site-label.with-tooltip [type="text"] {
  width: calc(100% - 105px);
  padding-right: 105px;
}

.promo-code-wrapper {
  position: relative;
}

.info {
  margin: 20px 0 30px 0;
}
.info p {
  margin: 0 0 5px 0;
}

.f-light {
  font-weight: 400;
}

.f-normal {
  font-weight: 500;
}

#ssl {
  margin: 15px 0;
}
#ssl label {
  font-size: 0.9rem;
}

ul.options {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.options li {
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  ul.options li {
    width: 150px;
    height: 150px;
  }
}

.captcha-label {
  margin: 0;
  font-size: smaller;
}

.terms-witout-check::before {
  display: block;
  clear: both;
  margin-bottom: 10px;
  content: '';
  height: 1px;
}

.important-notification {
  color: #666;
  vertical-align: middle;
}

#priceDiv {
  margin-top: 20px;
}

.pdf {
  margin-bottom: 20px;
}
.pdf a {
  display: inline-block;
  height: 100%;
}
.pdf a i.material-icons, .pdf a span {
  display: inline-block;
  vertical-align: middle;
}

#changeDomainButton {
  margin-bottom: 15px;
}

.cs-validation-errors {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  color: #F44336;
  top: -12px;
  position: relative;
}
.cs-validation-errors li {
  display: none;
}
.cs-validation-errors li ul, .cs-validation-errors li ol, .cs-validation-errors li li {
  list-style-type: disc;
}
.cs-validation-errors li ul, .cs-validation-errors li ol {
  padding-left: 15px;
}
.cs-validation-errors li[style*="display:list-item"] ul, .cs-validation-errors li[style*="display:list-item"] ol, .cs-validation-errors li[style*="display: list-item"] ul, .cs-validation-errors li[style*="display: list-item"] ol, .cs-validation-errors li[style*="display:block"] ul, .cs-validation-errors li[style*="display:block"] ol, .cs-validation-errors li[style*="display: block"] ul, .cs-validation-errors li[style*="display: block"] ol {
  display: block;
}
.cs-validation-errors li[style*="display:list-item"] ul li, .cs-validation-errors li[style*="display:list-item"] ol li, .cs-validation-errors li[style*="display: list-item"] ul li, .cs-validation-errors li[style*="display: list-item"] ol li, .cs-validation-errors li[style*="display:block"] ul li, .cs-validation-errors li[style*="display:block"] ol li, .cs-validation-errors li[style*="display: block"] ul li, .cs-validation-errors li[style*="display: block"] ol li {
  display: list-item;
}
.cs-validation-errors.accept-checkbox {
  top: -2px;
}

.client-side-validation.invalid + label + ul + span.field-validation-error, .client-side-validation.valid + label + ul + span.field-validation-error {
  display: none;
}

.right:not(.tooltip), .left:not(.tooltip) {
  margin-top: 20px;
}

.modal .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.modal .corner {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal .material-icons {
  font-size: inherit;
}
.modal .modal-close {
  background: none;
  border: none;
  color: #666;
  padding: 0;
  line-height: 1em;
  height: 1em;
  font-size: 2.5rem;
}

.validation-strings {
  color: #F44336;
}

.statement-label {
  position: relative;
  padding-left: 30px;
  font-weight: 500;
}
.statement-label .material-icons, .statement-label .preloader-wrapper {
  position: absolute;
  left: 0;
  font-size: 1.9rem;
  top: 0;
}
.statement-label.success {
  color: #4CAF50;
}
.statement-label.danger {
  color: #F44336;
}

@-webkit-keyframes fade-slide-in {
  from {
    -moz-transform: translate(-2em);
    -ms-transform: translate(-2em);
    -webkit-transform: translate(-2em);
    transform: translate(-2em);
    opacity: 0;
  }
  to {
    -moz-transform: translate(0em);
    -ms-transform: translate(0em);
    -webkit-transform: translate(0em);
    transform: translate(0em);
    opacity: 1;
  }
}
@keyframes fade-slide-in {
  from {
    -moz-transform: translate(-2em);
    -ms-transform: translate(-2em);
    -webkit-transform: translate(-2em);
    transform: translate(-2em);
    opacity: 0;
  }
  to {
    -moz-transform: translate(0em);
    -ms-transform: translate(0em);
    -webkit-transform: translate(0em);
    transform: translate(0em);
    opacity: 1;
  }
}
.fade-slide-in {
  -moz-animation: fade-slide-in 0.8s;
  -webkit-animation: fade-slide-in 0.8s;
  animation: fade-slide-in 0.8s;
}

.spinner-layer {
  border-color: #666;
}

.with-progress {
  padding: 0;
}
.with-progress .progress {
  position: relative;
  height: 2px;
}

.waves-input-wrapper {
  padding: 0;
}
.waves-input-wrapper .waves-button-input {
  height: 100%;
  padding: 0 2rem;
}

.p {
  margin-top: 1em;
  margin-bottom: 1em;
}

form .p {
  margin-bottom: 10px;
}

.cookies {
  background-color: #fff;
  padding: 20px 35px 20px 20px;
  position: fixed;
  bottom: 0;
  box-shadow: 0px -8px 15px 1px rgba(0, 0, 0, 0.2);
  z-index: 3;
}
.cookies i {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  transition: color 300ms ease;
}
.cookies i:hover {
  color: #666;
}

.icons {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 35px;
}
.icons i {
  margin: 0 3px;
  cursor: pointer;
}
.icons i.save-cd, .icons i.save-dc {
  color: #4CAF50;
}

.justify {
  text-align: justify;
}

.white-primary {
  box-shadow: 0 2px 5px 0 #666, 0 2px 10px 0 #666;
}
.white-primary:hover {
  box-shadow: 0 5px 11px 0 #666, 0 4px 15px 0 #666;
}
.white-primary.btn-small[disabled] {
  box-shadow: 0 2px 5px 0 rgba(52, 180, 161, 0.6), 0 2px 10px 0 rgba(52, 180, 161, 0.6);
}

#upsell {
  font-size: 1.5rem;
  padding-top: 20px;
}
#upsell .determinate {
  width: 0;
  transition: width 20s linear;
}
#upsell .determinate.upsell-timer {
  width: 100%;
}
#upsell p {
  margin: 0;
  margin-bottom: 0.5em;
}
#upsell p:first-child {
  font-size: 1.2rem;
}
#upsell button:not(.modal-close) {
  font-size: 1rem;
}

#validation-modal {
  display: inline-block !important;
  transform: scaleX(1) translateX(-50%) !important;
  left: 50% !important;
  right: auto !important;
  width: auto !important;
}
#validation-modal .corner {
  top: 0;
  right: 5px;
}
#validation-modal .material-icons {
  font-size: 24px;
}
#validation-modal .modal-content {
  padding-right: 34px !important;
}

.fade-in-anim {
  -moz-animation: fade-in-anim 0.8s forwards;
  -webkit-animation: fade-in-anim 0.8s forwards;
  animation: fade-in-anim 0.8s forwards;
}

#lowerContent {
  margin-top: 30px;
}
#lowerContent .tooltip {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

#redirectModal {
  font-size: 1.3em;
}

.animation-pause {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes fade-in-anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.domain-length {
  position: absolute;
  z-index: -1;
}

.start .demo {
  float: left;
}
.start .full {
  float: right;
}
.start .demo, .start .full {
  padding: 0;
  width: 200px;
}
.start .demo a, .start .full a {
  color: #fff;
  display: block;
}
.start .demo a:hover, .start .full a:hover {
  color: #fff;
}
@media (max-width: 704px) {
  .start .demo, .start .full {
    float: none;
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 704px) {
  .start .demo {
    margin-bottom: 20px;
  }
}
.start p {
  margin: 0 0 40px 0;
}
@media (max-width: 600px) {
  .start p {
    margin: 0 0 20px 0;
  }
}

ul.no-erp-info {
  text-align: left;
  padding-left: 20px;
}
ul.no-erp-info li {
  list-style-type: disc;
}

.copyright {
  border-top: 1px solid rgba(52, 180, 161, 0.5);
  color: #005596;
  left: auto;
  margin: 10px auto;
  width: 100%;
  max-width: 1300px;
  padding: 10px 10px;
  font-size:80%;
  position: relative;
}
.copyright.fixed {
  position: absolute;
}

.erp-select-option {
  margin: 7px;
}

@media (max-width: 600px) {
  .shop-version {
    line-height: 1.5;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px;
  }
}

.start input[type="email"] {
  font-size: 1.2em;
}
.start button {
  float: right;
}
.start button:after {
  clear: both;
}
.start .info {
  margin-bottom: 0;
}
.start .info i {
  color: #666;
  vertical-align: middle;
  margin-right: 7px;
  position: absolute;
  left: 0;
  top: 0;
}
.start .info p {
  margin-bottom: 12px;
  position: relative;
  padding-left: 30px;
}
.start .input-field {
  min-height: 82px;
}

.input-field {
  margin-top:23px;
}

.use h2 {
  position: relative;
}
.use h2 .tooltip {
  top: -20px;
  right: -19px;
  position: absolute;
}
.use h2 .tooltip .tooltiptext {
  top: 27px;
}
.use .i-dont-use {
  margin-top: 20px;
  float: left;
}
.use .i-use {
  margin-top: 20px;
  float: right;
}
@media (max-width: 600px) and (orientation: portrait) {
  .use .i-dont-use, .use .i-use {
    float: none;
  }
}

@media (max-width: 600px) {
  .choose-erp {
    padding-top: 65px;
  }
}

.erps form {
  margin-bottom: 17px;
}
.erps.have form {
  max-width: 50%;
  float: left;
}
@media (max-width: 600px) {
  .erps.have form {
    max-width: 100%;
    float: none !important;
  }
}
.erps.have form:nth-child(even) {
  float: right;
}

.optima .tooltip ul, .optima .tooltip ol {
  margin-top: 0;
  padding-top: 0;
}
.optima .tooltip ol {
  list-style-type: decimal;
}
.optima .tooltip ul, .optima .tooltip ul li {
  list-style-type: disc;
}
.optima .tooltip ul {
  padding-left: 15px;
}

.hand {
  cursor: pointer;
}

.packet-panel {
  background: white; 
  position: fixed; 
  top: 50%; 
  right: 0; 
  padding: 15px 15px 0 15px; 
  border-radius: 5px 0 0 5px;
  max-width: 25%;
  box-shadow: 0px 8px 15px 1px rgba(0, 0, 0, 0.2);
}

.packet-panel .selected {
 color: #666;
}

.alert {
	background-color:#c64825;
}
.alert_text {
	color:#c64825;
}
.map_grey {
	background-color:#333;
}
.map_grey_text {
	color:#333;
}
.map-blue {
	background-color:#82add7;
}
.map-blue-text {
	color:#82add7;
}
.ok {
	background-color:#218a43;
}
.ok_text {
	color:#218a43;
}

.tab-header {
	background-color:#eee;
}
.tab-header2 {
	background-color:#eeefff;
}

.row {
	margin:0px;
}
.table-wrapper {
  overflow-x: scroll;
  width: 100%;
}
.picker__header select {
    display: inline-block !important;
}

#dropdown1 {
   width: max-content !important;
   font-size:70%;
   height:auto !important;
   min-width:180px;
}

.tabela		{
	font-size:12px;
	line-height:normal;
}

.td_t {
	padding:5px 6px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #F8F8F8;
}
.td_t_dni_mies {
	color:#333;
	padding:0px 3px;
	width:35px;
	border-bottom:1px solid #ccc;
	border-right:0.01em solid #ccc;
	text-align:center;
}
.td_t_dni_mies_zak {
	padding:0px 3px;
	width:35px;
	border-bottom:2px solid #999;
	border-right:1px solid #ccc;
}

.td_t_dni_mies_p {
	color:#333;
	padding:0px 1px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.td_t_dni_mies_p_zak {
	padding:0px 1px;
	border-bottom:0.1em solid #ccc;
	border-right:0.01em solid #ccc;
}

.td_t_dni_mies_p_zak_wew {
	padding:0px 1px;
}
.td_t_dni_mies_p_zak_wew div {
	text-align:center;
}
.td_t_dni_mies_p_z {
	padding:0px 1px;
	border-bottom:1px solid #ccc;
	border-right:3px double #999;
}
.td_t_dni_mies_p_zak_z {
	padding:0px 1px;
	border-bottom:2px solid #999;
	border-right:3px double #999;
}

.tabela .td	{
	text-align:center;
	color:#777;
}

.tabela .stan	{color:#777;}

.tabela th	{
	padding-bottom:3px;
	text-align:left;
	color:#7F7FB1;
	border-bottom:1px solid #999;
	text-align:center;
}

.th_t	{
	padding:0px 2px 3px 2px;
	color:#7F7FB1;
	font-weight:bold;
	border-bottom:1px solid #999;
}

.th_t a {
	text-decoration: none;
}

.browser-default {
	font-size: 15px;
}
.dzien {
 	float:left;
	padding:3px 0px;
	margin:0px 2px 0px 0px;
	background-color:#F8F8F8;
	width:161px;
}

.dzien_obiekty {
 	float:left;
	padding:3px 0px;
	margin:0px 2px 0px 0px;
	background-color:#F8F8F8;
}

.dzien_14 {
 	float:left;
	padding:3px 0px;
	margin:0px;
	background-color:#F8F8F8;
	width:161px;
}

.dzien_hidden {
	visibility:hidden;
	position:absolute;
 	float:left;
	padding:3px 0px;
	margin:0px 2px 0px 0px;
	background-color:#F8F8F8;
	width:161px;
}
.close_dz {
	visibility:hidden;
	text-align:right;
	margin-right:5px;
	padding-top:5px;
}

.close_dz_visible {
	visibility:visible;
	text-align:right;
	margin-right:5px;
	padding:3px 0px 2px 0px;
}
.ck {
	float:left;
}

.ckop {
	color:#00AE00;
	margin-bottom:4px;
}

.ckop_sz {
	color:#666;
	margin-bottom:4px;
}

.dz_tyg {
	font-weight:bold;
	width:161px;
	text-align:center;
	color:#FFFFFF;
	background-color:#165296;
	border-top:#999999 solid 1px;
	margin-top:0px;
	padding:2px 0px;
}
.dat_tyg {
	width:161px;
	text-align:center;
	border-bottom:#999999 solid 1px;
	margin-bottom:3px;
}

.zd_op {
	color:#777;
	margin-left:3px;
}

.zd_id {
	width:155px;
	margin:0px 3px 3px 3px;
}

.zd_id_dod {
	width:185px;
	margin:0px 3px 3px 3px;
}

.dz_id_wz {
	width:280px;
	margin:3px 3px 5px 3px;
}

.zd_od_dod {
	width:90px;
	margin:0px 0px 3px 3px;
}

.zd_do_dod {
	width:90px;
	margin:0px 3px 3px 0px;
}

.godz_od {
	float:left;
	margin:0px 0px 0px 2px;
}

.godz_od input {
	width:35px;
	padding-left:3px;
}

.myslnik {
	float:left;
	margin:3px 3px 0px 3px;
}

.godz_do {
	float:left;
	margin:0px 0px 0px 0px;
}

.godz_do input {
	width:35px;
	padding-left:3px;
}
.in_read {
	margin-top:7px;
}
.rekord {
	height:50px;
}
.collapsible-header-right {
  padding-right: 10px;
  border-bottom: 1px solid #ddd;
  padding: 8px 10px;
  height:40px;
  cursor: pointer;
}
/*# sourceMappingURL=style.css.map */