/* --- Import core definitions -----------------------------------------------*/
@import '../variables.css';


/*
	General formatting
*/

body {
	color: #575756;
}

h1, h2, h3, h4 {
	color: var(--primary-color);
}

fieldset {
	display: inline-block;
	border: 1px var(--primary-color) solid;
	border-radius: 4px;
}

fieldset legend {
	color: var(--primary-color);
	font-weight: bold;
}

hr {
	border: 0;
	height: 1px;
	background: #bbb;
}

/*
	Header section
*/

.agreement-header fieldset {
	border: 1px var(--primary-color) solid;
}

.agreement-banner {
	text-align: center;
	border-bottom: 1px #575756 dotted;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.agreement-info-bar {
	overflow: auto;
	padding: 2px;
}
.agreement-print-office-info {
	float: right;
	width: 255px;
}

.document-summary th {
	color: var(--primary-color);
}

.booking-agreement-summary label {
	display: inline-block;
	width: 120px;
	color: var(--primary-color);
}

.booking-agreement-summary div {
	padding-bottom: 4px;
}

.agreement-print-travellers {
	display: inline-block;
	border: 1px var(--primary-color) solid;
	border-radius: 4px;
	padding: 4px;
	margin-top: 20px;
}

.agreement-print-travellers .traveller {
	margin-top: 4px;
}

.agreement-print-travellers label {
	color: var(--primary-color);
}

/*
	Itinerary section
*/
fieldset .itinerary-list hr {
	border: 0;
	height: 1px;
	background: #bbb;
}


/*
	Price block section
*/
fieldset .booking-price-block-item {
	border-top: 2px #bbb solid;
}


/*
	Payment section
*/

.dpo-payment-link, /* LEGACY DEFINITION */
.agreement-button {
	background-color: var(--primary-color);
	border: 1px var(--primary-color-dark) solid;
}

.dpo-payment-link:hover, /* LEGACY DEFINITION */
.agreement-button:hover {
	background-color: var(--primary-color-dark);
}


/*
	Acceptance section
*/
.traveller-label {
	color: var(--primary-color);
	font-weight: bold;
}

.acceptance-tooltip {
	cursor: help;
}

.acceptance-tooltip-content b {
	color: var(--primary-color);
}

.acceptance-tooltip-text {
	display: none;
}

.acceptance-tooltip-content.ui-tooltip {
	max-width: 30%;
}


/*
	Extra controls
*/

.agreement-print-button {
	background-color: var(--primary-color);
	color: #fff;
	border: 1px var(--primary-color) solid;
}

a.agreement-link-button {
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 4px;
	padding: 10px 20px;
	float: right;
}

a.agreement-link-button:hover {
	opacity: .75;
}