@import "main.css";
/**
 * Print friendly stylesheet
 */

h2 {
	font-size: x-large;
	background:	white;
	color:		black;
}

/*
 * --- Page Layout Selectors
 */
html, body {
    width: 18cm;	/* A4 (21cm) minus standard margins (1.27cm) */
	height: auto;
}

#search {
	display: none;
}

#mainBody {
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
}

#primaryMenu {
	display: none;
}

#secondaryMenu {
	display: none;
}

#pageHTML {
	margin:		inherit;
	background: inherit;
	overflow-x: hidden;
	border:		none;
	height:		auto;
}

#userInfoBox {
	display: none;
}

#footer {
	display: none
}

tr.line-item-detail td{font-size: 80%;}
td.line-item-detail-qty {text-align: right;}
tr.room-subtotal td{border-bottom:1px solid #000;}
tr.room-subtotal td.number{border-top:1px solid #000;}
td.room-subtotal {text-align: right;}
tr.line-subs td {margin-top: 5px;}
td.room-heading{padding-top: 10px;font-size:105%;}

/*
FIREFOX
*/
#propDetails {border: 2px solid #000000 !important;}
#propDetails table {border-collapse: initial !important;}
tr.room-subtotal td{border-bottom:2px solid #000000 !important;}
tr.room-subtotal td.number{border-top:2px solid #000000 !important;}

.noprint {
	display: none;
}

.button {
	display: none;
}

.button.printPage {
  display: block;
}

.ir {
	display: none;
}

.field {
	font-size: x-small;
	border-top: solid 1px;
	width: 5cm;
	display: block;
	text-align: center;
	float: left;
}

p.hasFields {
	margin-top: 2em;	
}

div.report_port{
	text-align: center;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid #DDDDDD;
}


#new-title {
  font-family: "Manrope", Arial, sans-serif;
  font-weight: 800;
  font-size: 40px;   /* your size */
  color: #0049a9;
  padding: 12px 24px;
  line-height: 1;
  isolation: isolate;
  --version-opacity: 0.15;
  --version-opacity-bounce: 0.35;
  position: absolute;
  top: 10px;           /* adjust to taste */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;   
}

/* Base state: big "2.0" fades in once */
#new-title::before {
  content: attr(data-version);
  position: absolute;
  left: 46.6%;
  top: 50%;
  transform: translate(-50%, -48%);  /* base position */
  font-size: 74px;                    /* your size */
  font-weight: 800;
/*  color: #A96000;*/
  color: currentColor;
  pointer-events: none;
  user-select: none;
  z-index: 0;

  /* Start invisible, fade to base opacity */
  opacity: 0;
  animation: wwFade 1.4s ease-out forwards;
  text-shadow: 1px 1px 4px #bcbcbc;
}

/* Hover: run bounce + keep fade's final opacity filled.
   We re-include wwFade so opacity stays at 0.08 while wwBounce runs. */
#new-title:hover::before {
  animation:
    wwFade   1.1s ease-out forwards,
    wwBounce 0.75s cubic-bezier(.25,.7,.25,1.15) 1;
}

/* Foreground */
#new-title span { 
  position: relative; z-index: 1;
  text-shadow:0 1px 0 rgba(0,0,0,.20), 0 6px 12px rgba(0,73,169,.14);
  background: linear-gradient(180deg, #0b66cd 0%, #0049a9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;  
}



/* Fade-in to base opacity */
@keyframes wwFade {
  from { opacity: 0;    }
  to   { opacity: var(--version-opacity); }  /* base opacity */
}

@keyframes wwFadeX {
  from { opacity: 0.5;    }
  to   { opacity: var(--version-opacity); }  /* base opacity */
}

/* Lift up, slight brighten, settle back to base.
   Ends at SAME transform/opacity as base so it stays visible. */
@keyframes wwBounce {
  0%   { transform: translate(-50%, -48%); opacity: var(--version-opacity); }
  45%  { transform: translate(-50%, -60%); opacity: var(--version-opacity-bounce); }
  100% { transform: translate(-50%, -48%); opacity: var(--version-opacity); }
}