html,body,form {
margin:0;
padding:0
overflow-x: hidden;
}

body {
background-image:url('/img/eestimuster.png');
background-color:#f7f7f7;
font-family:Helvetica,Arial,sans-serif;
color:#555;
font-weight:200;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

a, a:hover {
text-decoration: underline;
}

a {
color:#007AFF;
}

a:hover {
color:#006EE6;
}

a.footer {
color:#f7f7f7;
text-decoration: none;
}

a.footer:hover {
text-decoration: underline;
}

img[src*=svg] {
width/\*/:100%\9
}

div.header,div.intro,div.footer,.navbar {
text-align:left;
max-width:1000px;
min-width:320px;
line-height:1.5
}

div.intro,div.footer,.navbar {
margin:0 auto;
padding:20px;
}
div.header {
margin:0 auto;
padding:20px 20px 20px 20px;
}

.navbar {
margin:0 auto;
padding: 0px;
}

div.header {
background-color:#f7f7f7
}

div.intro {
background-image:url(/img/intro.png);
color:#f7f7f7;
font-weight:200
}

div.footer {
background-color:#555;
color:#f7f7f7;
font-size:14px;
}

div.body,div.xml {
text-align:left;
max-width:1000px;
min-width:320px;
margin:0 auto;
padding:20px
}

div.body {
background-color:#fff
}

div.xml {
background: #D6CEC3;
background:-webkit-linear-gradient(#D6CEC3,#E4DDCA);
background:-o-linear-gradient(#D6CEC3,#E4DDCA);
background:-moz-linear-gradient(#D6CEC3,#E4DDCA);
background: -ms-linear-gradient(#D6CEC3, #E4DDCA);/*For IE10*/
background:linear-gradient(#D6CEC3,#E4DDCA)
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D6CEC3', endColorstr='#E4DDCA');/*For IE7-8-9*/ 
height: 1%;/*For IE7*/ 
}

.tr {
display:table-row
}

.td {
display:table-cell;
}

.comment {
font-size:12px;
display:inline
}

.invoice-header {
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
font-weight:200;
color:#555;
display:inline;
}

table.InvoiceItems {
width:100%;
margin:0;
border:0;
padding:5px;
border:none;
border-collapse:collapse
}
.banks {
margin:0;
border:0;
padding:0;
}

.sm-row{
  margin-right: 0px;
  margin-left: 0px;
}

.InvoiceSumGroup {
float:right;
right:0;
width:350px
}

.InvoiceSumGroup,.XmlFields {
margin:0;
border:0;
padding:0;
font:14px Helvetica,Arial,sans-serif;
font-weight:200
}

.information-content {
font:14px Helvetica,Arial,sans-serif;
font-weight:200;
margin:2px
}

.th {
font-weight:400;
color:#555
}

hr.intro {
border-color:#f7f7f7
}

hr {
display:block;
border-style:inset;
border:solid #bbb;
border-width:1px 0 0;
margin:1em auto
}

div.ItemHeading {
font-size:12px;
display:inline;
font-weight:400
}

div.label {
display:inline;
width: 120px;
}

div.ItemEntry {
font-size:12px;
display:inline;
font-weight:200
}

div.box {
font-family:Helvetica,Arial,sans-serif;
font-weight:400;
font-size:20px;
background-color:#e7e7e7;
border:1px solid #bbb;
padding:15px 0 12px 5px
}

div.notice{font:14px Helvetica,Arial,sans-serif;font-weight:200;
text-align:left;line-height:21px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;/*background-color:#fcf7e3;*/
color:#5856D6;
background:-webkit-linear-gradient(#FFDB4C,#FFCD02);
background:-o-linear-gradient(#FFDB4C,#FFCD02);
background:-moz-linear-gradient(#FFDB4C,#FFCD02);
background: -ms-linear-gradient(#FFDB4C, #FFCD02);/*For IE10*/
background:linear-gradient(#FFDB4C,#FFCD02)
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFDB4C', endColorstr='#FFCD02');/*For IE7-8-9*/
border:#8ecfe5 0px solid;margin:0;padding:10px;
}

.ItemText {
vertical-align:top
}

.ItemText_1 {
font-size:12px;
font-weight:200
/*vertical-align:middle;
font-size:12px;
padding-top:12px;
display:inline;
font-weight:200*/
}

.ItemText_2 {
font-size:12px;
padding-top:12px;
display:inline;
font-weight:200
}

.ItemText_3 {
/*vertical-align:middle;
font-size:12px;
padding-top:7px;
display:inline;
font-weight:200*/
}

.asterisk,.asterisk-2 {
color:#FF2D55;
position:relative;
text-align:center;
font-size:24px;
font-weight:200;
padding:0 5px 0 0
}

.asterisk {
margin:5px 1px 0 -15px
}

.asterisk-2 {
margin:5px 0 0 -24px
}

.smallasterisk {
font-size:16px;
color:#FF2D55;
font-weight:200
}

#clear {
clear:both
}

.delete-row,.delete-bank {
color:#FF2D55;
text-decoration:none
}

.delete-row[disabled],.delete-bank[disabled] {
color:#aaa;
text-decoration:none
}

.L{text-align:left}
.C{text-align:center}
.R{text-align:right}
.R1{text-align:right;padding-right:20px}
.FR{float:right}

h1 {
color:#555;
font:28px Helvetica,Arial,sans-serif;
font-weight:400;
padding-left:6px
}
h1.start-title, .start-flags {
padding-left:0px;
font-weight:900;
}
.flags {
padding: 0 0 20px 20px;
display: inline-block
}

h2 {
color:#555;
font:20px Helvetica,Arial,sans-serif;
font-weight:400;
padding-left:6px
}

h3 {
color:#555;
font:16px Helvetica,Arial,sans-serif;
font-weight:400;
padding-left:6px;
padding-top:20px
}

p {
padding-left:6px
}

sup {
font-size:11px;
font-weight:200
}

input#DeleteItem,input#DeleteBank {
background-image:url(/img/delete.png);
width:20px;
height:20px;
border:0
}

input#DeleteItem:hover,input#DeleteBank:hover {
background-position:0 -20px;
border:0
}

input#DeleteItem:active,input#DeleteBank:active {
background-position:0 -40px;
border:0
}

input#DeleteItem:disabled,input#DeleteBank:disabled {
background-position:0 -60px;
cursor:default;
border:0
}

input#AddItem,input#AddBank {
background-image:url(/img/add.png);
width:20px;
height:20px;
border:0
}

input#AddItem:hover,input#AddBank:hover {
background-position:0 -20px;
border:0
}

input#AddItem:active,input#AddBank:active {
background-position:0 -40px;
border:0
}

input#AddItem:disabled,input#AddBank:disabled {
background-position:0 -60px;
cursor:default;
border:0
}

div.add {margin: 0 15px 0 15px;}
.delete {vertical-align:middle; margin-bottom:10px; display:inline;}

input.xml {
height:78px;
width:50px;
border:0
}

input.pdf {
height:78px;
width:50px;
border:none
}

input {
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
height:32px;
margin:2px;
font-weight:200
}

/* placeholder only style */   
input:-ms-input-placeholder {
color: silver;
}

input.vis {
height:32px;
}

input.error {
border:1px dashed #FF2D55
}

.styled-select {
background-color:#3b8ec2;
-webkit-text-fill-color:#000;
}
.standard-select {
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
height:32px;
margin:2px;
text-align:right;
font-weight:200;
padding:3px 2px 2px;
}
.standard-select{background-color:#fff;letter-spacing:0;color:#555;border:#999 1px solid;height:24px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-appearance:none; -moz-appearance: none; margin:0 5px 7px}
.standard-select {
  padding: 3px 36px 1px 5px;
  background-image:
    linear-gradient(45deg, transparent 50%, #999 50%),
    linear-gradient(135deg, #999 50%, transparent 50%),
    linear-gradient(to right, #999, #999);
  background-position:
    calc(100% - 14px) calc(0.6em + 3px),
    calc(100% - 9px) calc(0.6em + 3px),
    calc(100% - 2.0em) 0.1em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.4em;
  background-repeat: no-repeat;}
.standard-select:hover{border:1px solid #6ebadb;}
.select90 	{width:90px;}
.select120 	{width:120px;}
.select150 	{width:150px;}
.select180 	{width:180px;}
.select240 	{width:240px;}

.submitButton {
height:62px;
width:50px
}

.Button {
cursor:pointer
}

.invisible {
display:none
}

select {
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
height:32px;
margin:2px;
text-align:right;
font-weight:200;
padding:3px 2px 2px;
}

.invisible-select{
appearance:button;
-moz-appearance:none;
-webkit-appearance:button;
-webkit-user-select:none;
}


select::-ms-expand {
    display: none;
}

.icons {
display:inline;
text-align:right
}

.vis:hover,input.header:hover {
border:1px dashed #6ebadb
}

.vis:focus,input.header:focus {
outline:none;
border:1px dashed #34AADC;
background-color:#ebf7fc
}

.vis,input.header {
letter-spacing:0;
color:#555;
border:#e7e7e7 1px dashed;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#ffffff');
background-color:#fff;
font-weight:200;
padding:3px 2px 2px 0
}

.vis {
padding:3px 2px 2px
}

input.header {
padding:3px 15px 2px 2px
}

.readonly {
letter-spacing:0;
color:#555;
border:none;
background-color:#fff;
font-weight:200;
padding:3px 3px 2px
}

label {
font-weight: 200;
}

label.error {
font:11px Helvetica,Arial,sans-serif;
font-style:italic;
font-weight:200;
color:#FF2D55;
margin-bottom: 0px;
}

input[type=checkbox] {
opacity:0;
width:1px;
margin-left:-2px
}

/*input[type=checkbox] + label.chk-label {
padding-left:24px;
margin-bottom:14px;
height:19px;
display:inline-block;
line-height:19px;
background-repeat:no-repeat;
background-position:0 0;
vertical-align:middle
}*/
input[type=radio] + label.css-label,input[type=checkbox] + label.chk-label{
font-weight:lighter;
padding-left:24px;
margin:5px 0 9px 6px;
height:19px;
display:inline-block;
line-height:19px;
background-repeat:no-repeat;
background-position:0 0;
vertical-align:middle;
cursor:pointer
}

/*input[type=checkbox]:checked + label.chk-label {
background-position:0 -19px
}*/
input[type=radio]:checked + label.css-label,input[type=checkbox]:checked + label.chk-label{background-position:0 -19px}

input[type=checkbox].error + label.chk-label {
background-position:0 -38px
}

label.chk-label, label.css-label {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
font-size:14px
}
label.chk-label {
background-image:url(/img/csscheckbox.png);
}
label.css-label {
background-image:url(/img/cssradio.png);
}

input[type=radio]{margin:5px}
input[type=radio].css-radio{display:none}
/**/

/* RESPONSIVE STYLES */
@media screen and (max-width: 479px) {
	.w180{width:180px}
	.w130{width:180px}
}

@media screen and (min-width: 480px) {
	.w180{width:180px}
	.w130{width:130px}
}

@media screen and (max-width: 767px) {
    .desktop {
        display: none !important;
    }
	.information-content {
		min-width: 280px;
		max-width: 727px;
    }
	.w240{width:180px}
	.w200{width:180px}
	.w120{width:180px}
	.w110{width:180px}
	.w100{width:120px}
	.w90{width:90px}
	.w80{width:90px}
	.w78{width:90px}
	.w60{width:60px}
	.w56{width:180px}
	.w50{width:60px}
	.w43{width:43px}
	.w40{width:40px}
	.w30{width:30px}
	.w20{width:20px}
	img.logo {height: 38; width: 200px; border: 0;}
	img.imlogo {height: 45; width: 250px; border: 0;}
	.R-mob-L{text-align:left}
	.small {
	font:14px Helvetica,Arial,sans-serif;
	font-weight:200
	}
	.big {
	font:14px Helvetica,Arial,sans-serif;
	font-weight:200;
	height:35px
	}
	.title {
	font:20px Helvetica,Arial,sans-serif;
	font-weight:400
	}
	div.intro {
	font-size:14px;
	}
/*	.invoice-header {
	display:block;
	}*/
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .mobile {
        display: inline;
    }
	body {
		/* Margin bottom by footer height */
		margin-bottom: 35px;
		padding-bottom: 35px; 
	}
	/*.w360{width:360px}*/
	input.description {width:180px;}
	.navbar-text {
    margin-top: 15px;
    margin-right: 20px;
    margin-left: 20px;}
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	div.header-ad {display:inline-block; padding-top: 20px;}
	.information-content {
		min-width: 724px;
		max-width: 956px;
    }
	.w80{width:72px}
	.w320{width:140px;}
	.w360{width:140px;}
}

@media screen and (min-width: 1001px) {
	div.header-ad{display:inline-block;float:right; padding-right: 0px;}
	.information-content {
		min-width: 956px;
		max-width: 956px;
    }
	.w80{width:80px}
	.w320{width:320px;}
	.w360{width:360px;}
}

@media screen and (min-width: 768px) {
    .mobile {
        display: none; }   /* hide it elsewhere */
	.navbar {
		border-radius: 0px;
	}
	.navbar-collapse {
		float: right;
	}
	.w240{width:240px}
	.w200{width:200px}
	.w120{width:120px}
	.w110{width:110px}
	.w100{width:100px}
	.w90{width:90px}
	.w78{width:78px}
	.w60{width:60px}
	.w56{width:56px}
	.w50{width:50px}
	.w43{width:43px}
	.w40{width:40px}
	.w30{width:30px}
	.w20{width:20px}
	.R-mob-L{text-align:right}
	img.logo {height: 57; width: 300px;}
	img.imlogo {height: 45; width: 250px;}
	.small {
	font:12px Helvetica,Arial,sans-serif;
	font-weight:200
	}
	.big {
	font:18px Helvetica,Arial,sans-serif;
	font-weight:200;
	height:35px
	}
	.title {
	font:24px Helvetica,Arial,sans-serif;
	font-weight:400
	}
	div.intro {
	font-size:18px;
	}

	body {
		/* Margin bottom by footer height */
		margin-bottom: 50px;
		padding-bottom: 50px; 
	}
	.info-table {
		float: right;
	}
}

/* RESPONSIVE TABLES */


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
/*@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)*/
@media screen and (min-width: 0px) and (max-width: 767px) {

	/* Force table to not be like tables anymore */
	table.ItemTable, thead.ItemTable, tbody.ItemTable, th.ItemTable, tr.ItemTable, td.ItemTable { 
		display: block;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead.ItemTable tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.ItemTable { padding: 20px; }
	
	tr.ItemTable { border-bottom: 0px solid #ccc; }
	
	td.ItemTable { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 0px solid #eee; 
		position: relative;
		padding-left: 50%; 
		text-align: right;
		margin-right:-5px;
	}
	
	td.ItemTable:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		font-size:14px;
		text-align: left;
		top: 10px;
		left: 0px;
		width: 45%; 
		white-space: nowrap;
	}
	table.InvoiceSumGroup {
		float:right;
		right:0;
	}

	
	/*
	Label the data
	*/
/*	td:nth-of-type(2):before { content: "Kauba või teenuse nimetus*"; }*/
/*	td.ItemTable:nth-of-type(3):before { content: "Maht / kogus"; }
	td.ItemTable:nth-of-type(4):before { content: "Ühik"; }
	td.ItemTable:nth-of-type(5):before { content: "Ühiku hind"; }
	td.ItemTable:nth-of-type(6):before { content: "Allahindluse %"; }
	td.ItemTable:nth-of-type(7):before { content: "Maksumus km-ta"; }
	td.ItemTable:nth-of-type(8):before { content: "Käibemaksumäär*"; }
	td.ItemTable:nth-of-type(9):before { content: "Käibemaksu summa"; }
	td.ItemTable:nth-of-type(10):before { content: "Maksumus kokku"; }*/
}

/* STICKY FOOTER */

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
/*.sticky-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here /
  height: 60px;
  background-color: #f5f5f5;
}*/
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 20px;
  margin-left: 20px;
  float:left;
}
.navbar-inverse .navbar-text {
  color: #f7f7f7;
/*  text-decoration: none;*/
}
.navbar-inverse {
  background-color: #555;
  border-color: #555;
}
.navbar-collapse {
  padding-right: 20px;
  padding-left: 20px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.navbar-collapse {
  border-top: 0px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
}

#outdated-browser {
    text-align: right;
    clear: both;
    position: relative;
    top: 17px;
    color: #FF2D55
}
@media (min-width:0px) {
.adslot_2{height:250px;width:300px;}
.adslot_1,.adslot_3{height:100px;width:320px;}
}
@media (min-width:480px) {
.adslot_2{height:280px;width:336px;}
.adslot_1,.adslot_3{height:100px;width:320px;}
}
@media (min-width:768px) {
.adslot_1,.adslot_3{height:90px;width:728px;}
}
@media (min-width:992px) {
.adslot_2{height:280px;width:336px;}
.adslot_3{height:90px;width:970px;}
}