body, * {
	font-family: Arial, sans-serif;
	font-size: 15px;
}

input, select, textarea {
	font-weight: bold;
}

.wrapper {
	width: 200mm;
	margin: 15mm auto;
}
.wrapper.wide {
	min-width: 200mm;
	max-width: 1200px;
	width: auto;
}

header a, a.button {
	display: inline-block;
	padding: 5px 8px;
	background: #CCC;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
	margin: 2px 0;
}

header a:hover {
	background: #BBB;
}

/* Style The Dropdown Button */
.dropbtn {
    display: inline-block;
	padding: 5px 8px;
	background: #CCC;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
	margin: 2px 0;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #BBB;
}


.tooltip {
    position: relative;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

form {
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
}

table input[type=text]{
	width: 100%;
}
p {
	margin: 5px 0;
}
table.border, table.border td, table.border th {
	border-collapse: collapse;
	border: 1px solid black;
}
table.noborder, table.noborder td, table.noborder th {
	border: none;
}
table.border td, table.border th {
	padding: 4px;
	vertical-align: middle;
}
td.title {
	background: #DDD;
}
.float-r {
	float: right;
}
.bold {
	font-weight: bold;
}
div.spacer {
	height: 5mm;
	clear: both;
}
h1, h2, h3 {
	margin: 0;
}
.h2 {
	font-size: 1.5em;
	font-weight: bold;
}


.terms p, .terms td {
	font-size: 15px;
}
.owner_name, .owner_id_nr, .owner_surname {
	width: 100px;
}


.ferr { border: 1px solid red; }


.print-show {
	display: none;
}
.print-hide {
}
.print-invisible {
}
@media print {
	body {
		-webkit-print-color-adjust: exact;
	}
	select {
		border: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	input, textarea{
		border: none;
		resize: none;
	}
	.print-show {
		display: inline-block;
	}
	tr.print-show{
		display: table-row;
	}
	.print-hide {
		display: none;
	}
	.print-invisible, table.raport input[type='text'].print-invisible {
		background: transparent !important;
		border-color: transparent !important;
	}
}
@page {
	size: auto;
	margin: 0mm;
}

.page {
	width: 200mm;
	page-break-before: always;
	margin: 15mm auto 0 auto;
	height: 247mm; /*297mm - 15mm - 15mm;*/
}

.tab-buttons {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab-buttons button, .tab-buttons a {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	color: black;
	text-decoration: none;
}

/* Change background color of buttons on hover */
.tab-buttons button:hover, .tab-buttons a:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.tab-buttons button.active, .tab-buttons a.active {
	background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}

table thead.sticky-head {
	background-color: white;
	height: 40px;
}
table thead.sticky-head td {
	border: 1px solid black;
	height: 40px;
	background: white;
}
table thead.sticky tr.sticky {
	position: fixed;
	width: 1400px;
	margin-left: -2px;
	margin-top: -2px;
	top: 0;
}
table thead.sticky-head td:first-child {
    border-radius: 10px 0 0 10px;
}
table thead.sticky-head td:last-child {
    border-radius: 0 10px 10px 0;
}
table thead tr.sticky-placeholder {
	display: none;
}
table thead.sticky tr.sticky-placeholder {
	display: table-row;
	opacity: 0;
}

@media print {
	table thead.sticky-head td {
		border: 1px solid white;
	}
	table thead.sticky tr.sticky {
		display: none;
	}
	table thead.sticky tr.sticky-placeholder {
		display: table-row;
		opacity: 1;
	}

	.tabcontent {
		border: none !important;
		padding: 0 !important;
	}
}