body { font-family: Arial; padding: 20px; background:url('images/background.jpg'); background-size:cover;}
label { display: block; margin-top: 10px; }
input, textarea { width: 300px; }
#preview { display: none; width: 800px; background: white; padding: 20px; border: 1px solid #ccc; position: absolute; top: 5%; left: 10%; z-index: 1000; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { border: 1px solid #ccc; padding: 8px; }
#overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 900; }

@font-face{
	font-family:Dennes;
	src:url('Fonts/Denne s Old Handwriting.ttf');
}
*{
	font-family: Arial, Helvetica, sans-serif;
}
h2{
	font-family:Dennes;
	font-size:25pt;
}
section{
	width:100%;
	background:#fff;
}
.body .right .inner{
	height:500px;
	overflow:auto;
	padding:10px 0px;
}
nav{
	width:90%;
	margin:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
nav .right a, button{
	text-decoration:none;
	color:#000;
	margin:0px 10px;
	background:#C00000;
	color:#fff;
	padding:10px 25px;
	border-radius:5px;
	transition:.8s ease;
	border:none;
	outline:none;
}
nav .right a:hover, button:hover;{
	background:rgb(140,0,0);
}
input, textarea{
	padding:10px 15px;
	width:90%;
}
textarea{
	height:300px;
}
input[type=checkbox]{
	width:30px;
}
button{
	margin:15px 0px;
	cursor:pointer;
}
.section{
	display:flex;
	justify-content:space-between;
}
.section .left, .section .right{
	width:49%;
	padding:15px 0px;
}
.logo{
	width:150px;
}
.half{
	width:90%;
	margin:auto;
}
.quote-item{
	width:92%;
	background:rgba(0,0,0,.2);
	margin-top:10px;
	padding:10px 10px;
}
#preview{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scale(.5);
}
.header .right p:nth-child(1){
	font-size:35px;
	font-family:Dennes;
}
.header{
	align-items:center;
}
.header .right p{
	text-align:right;
}
thead{
	background:#000;
	color:#fff;
}
.footer .right p{
	text-align:right;
}
.footer .right p a{
	text-align:right;
	text-decoration:none;
	color:rgba(0,0,0,.7);
}
b{
	font-size:inherit;
}


@media print {
  body {
    margin: 0;
    padding: 0;
  }

  @page {
    size: A4 portrait;
    margin: 3mm;
  }

  #preview {
    width: 100%;
    box-sizing: border-box;
    page-break-after: avoid;
    page-break-inside: avoid;
    margin: -200px 0px;
    padding: 15px 25px;
	outline:none;
	border:1px solid #000;
	transform:translate(-50%, -50%) scale(1)!important;
  }

  
  .print_button{
	  display:none !important;
}
thead{
	background:#000 !important;
	color:#fff !important;
}
}

.watermark{
	position:absolute;
	font-size:230pt;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) rotate(40deg);
	color:rgba(0,0,0,.03);
	font-family:Dennes;
	
}
@media screen and (min-width:1600px){
	#preview{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scale(.8);
}
}
@media screen and (max-width:800px){
	.body{
		display:block;
		
	}
	.body .left, .body .right{
		width:90%;
		margin:auto;
	}
	
}
.login{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	
}
.quotation_list_buttons{
margin-top:-10px;	
}