/* Warwick Registrars CSS customisation */

:root {
	--zip-primary-color: #096f48;
	--zip-secondary-color: #000;
	--zip-grey: #000;
	--zip-danger: #b81745;
	--zip-danger-darker: #831031;
}

.zip-container {
	max-width: 1260px;
}

.zip-navigation ul.navbar li.user-display>ul.active {
	background-color: #000;
}

/* Fix for client form elements */

.form legend,
form:not([class]) legend {
	margin-bottom: 1em;
}

/* progress bar */

.progress-bar {
	position: inherit;
}

/* Header and Footer */

.site-header {
	position: relative;
}

.identity__logo {
	background-image: url(../images/logo.svg);
	background-repeat: no-repeat;
	background-position: left;
}

/* Typography */

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 1em;
}

/* Buttons - Corrections based on read-only issues*/

.btn,
.btn:read-only,
span.btn a,
span.btn a:read-only,
input[type=submit],
input[type=submit]:read-only,
input[type=button],
input[type=button]:read-only,
button,
button:read-only {
	background-color: #096f48;
	color: #ffffff;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:read-only:hover,
.btn:read-only:focus,
.btn:read-only:active,
span.btn a:hover,
span.btn a:focus,
span.btn a:active,
span.btn a:read-only:hover,
span.btn a:read-only:focus,
span.btn a:read-only:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
input[type=submit]:read-only:hover,
input[type=submit]:read-only:focus,
input[type=submit]:read-only:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
input[type=button]:read-only:hover,
input[type=button]:read-only:focus,
input[type=button]:read-only:active,
button:hover,
button:focus,
button:active,
button:read-only:hover,
button:read-only:focus,
button:read-only:active {
	background-color: #096f485f;
}

/* Secondary buttons */

.btn-o,
span.btn-o a,
input.btn-cancel,
input.btn-o,
#backButton,
#cancelButton,
input[type=submit].btn-o,
input[type=button].btn-o,
input#cancel,
input[id*=Cancel],
input#back,
main input#btnCancelCSS,
.btn-cancel-link,
input[type=submit].btn-cancel-link {
	background: lightgrey;
	color: inherit;
}

.btn-cancel,
.btn-cancel:read-only {
	background-color: var(--zip-danger);
	color: white;
}

.btn-cancel:hover,
.btn-cancel:read-only:hover {
	background-color: var(--zip-danger-darker);
}

.btn-o:hover,
span.btn-o a:hover,
#backButton:hover,
#cancelButton:hover,
input#cancel:hover,
input[type=submit].btn-o:hover,
input[type=button].btn-o:hover,
input#submitDelete:hover,
input#back:hover,
main input#btnCancelCSS:hover,
.btn-cancel-link:hover,
input[type=submit].btn-cancel-link:hover {
	background: grey;
	color: white;
}

#resourceCategoryNotesEntryBox {
	width: 217px;
	height: 200px;
}

#resourceCategoryNoteBox {
	width: 217px;
}

#resourceCategoryNoteContainer {
	position: fixed;
	top: 260px;
	right: 0px;
	z-index: 999;
	width: 20em;
}

/*Ceremony Page Styling*/
.zip-ceremony-hub-card {
	margin-top: 3rem;
}

.ceremony-planner-dashboard.flex {
	padding-top: 0;
}

.ceremony-planner-dashboard.flex.ceremony-top-half {
	margin: 16px 0;
	margin-left: -30px;
	margin-top: -2rem;
	padding: 16px 0;
}

.ceremony-planner-dashboard.flex li {
	padding-top: 2rem;
}

.ceremony-planner-dashboard.flex p {
	margin-bottom: 0.5rem;
}

.ceremony-planner-dashboard.flex .button {
	margin-top: 1rem;
	font-size: 1.3rem;
	padding: 16px;
	padding-bottom: 0px;
	padding-top: 48px;
}

.ceremony-planner-dashboard.flex .completed .button {
	background-color: #096f48;
	color: white;
}

.ceremony-planner-dashboard.flex .completed .button:hover {
	opacity: 0.5;
}

#LockCeremonyChoicesBtn{
	margin-top: 20px;
}

#tabs-Ceremony ul{
	list-style-type: none;
}

ol.zip-ceremony-hub-checklist > li.completed {
	color: var(--zip-primary-color);
}

#ManageBook-PayDet-Table thead tr > th:nth-of-type(4), 
#ManageBook-PayDet-Table tbody tr > td:nth-of-type(4),
#ManageBook-PayDet-Table thead tr > th:nth-of-type(5), 
#ManageBook-PayDet-Table tbody tr > td:nth-of-type(5) {
	display: none;
}

.ManageBook-PayAuditDet-InnerTable thead tr > th:nth-of-type(4), 
.ManageBook-PayAuditDet-InnerTable tbody tr > td:nth-of-type(4),
.ManageBook-PayAuditDet-InnerTable thead tr > th:nth-of-type(5), 
.ManageBook-PayAuditDet-InnerTable tbody tr > td:nth-of-type(5) {
	display: revert !important;
}