#before-you-proceed {
	display:flex;
	justify-content:center;
	align-items:center;
	border:4px solid #4A90E2;
	padding:14px 20px;
	margin-bottom: 20px;
	width:fit-content;
	font-weight:bold;
	color:red;
}

.proceed-to-form {
	display:flex;
	justify-content:center;
	align-items:center;
	border:4px solid #4A90E2;
	padding:14px 20px;
	margin:auto;
	margin-bottom: 20px;
	width:fit-content;
	font-weight:bold;
	color:green;
}
a .proceed-to-form {
	text-decoration:none;
	cursor:pointer;
	color:green;
	font-weight:bold;
}
a .proceed-to-form:hover {
	text-decoration:none;
	cursor:pointer;
	background-color:#c248ad;
	color:white;
}
#volunteer-agreement-intro {
	max-width:800px;
	color: #3d3b3b;
}
#volunteer-agreement-intro p {
	margin-bottom:0.75em;
}
.signature-instructions {
	color:red;
	font-size:80%;
}
#signature-form #submit {
	color:white;
	background-color:green;
}
#signature-form #submit:hover {
	color:#cccccc;
	background-color:green;
}
#signature-form button {
	min-height:28px;
}
#size-guide {
	font-size:0.5em;
}
.size-guide-title {
	font-weight:bold;
	font-size:2em;
}
#size-guide table {
/*	border:1px solid #446996;  */
	background-color:#dddddd;
	border-radius:10px;
	padding:10px;
	font-size:140%;
}

#size-guide th {
	color:black;
	padding:5px;
	background-color:#8b9dde;
	text-align:center;
}
#size-guide th.no-background {
	color:black;
	background-color:#ffffff;
}

#size-guide td {
	position:relative;
	text-align:center;
	padding:5px;
	color:blue;
	font-weight:bold;
	background-color:#ffffff;
	border-right:0px solid #ccc;
	white-space:nowrap;
}
#size-guide .label {
	color:black;
	text-align:left;
	font-weight:bold;
	background-color:#8b9dde;
}

#volunteer-donation {
	margin-bottom:10px;
	color:#c55555;
	font-weight:bold;
	font-size:100%;
	border:1px solid #999999;
	border-radius:20px;
	padding:10px;
}
span.giving-link {
	display:block;
	margin-top:10px;
	text-align:center;
}
span.giving-link input {
	margin-bottom: 10px;
}


#tos_popup-overlay.tos_active {
	display:block;
}

.lls-volunteer-menu {
	display:flex;
	justify-content:center;
	gap:2em;
	margin-top:80px;
}
.lls-volunteer-menu a {
	text-decoration:none;
}
.llv-flex-button {
	display:block;
	cursor:pointer;
	padding:10px 20px;
	color:black;
	font-weight:bold;
	border:1px solid #999999;
	background-color: #8aef86;
	border-radius:10px;
}

.llv-flex-button:hover {
	color:white;
	border:1px solid #333333;
	background-color: #777777;
}
/*
#volunteer-signup-form {
	border: solid 1px #CCCCCC;
    padding: 15px;
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #dfe9f1;
    max-width: 600px;
    width: 100%;
} */

#volunteer-signup-form {
	border: solid 4px #e76bd2;
    padding: 10px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 27px;
    background: #f8f4f4;
    max-width: 600px;
    width: 100%;
}

.enquiry-intro-text, .enquiry-intro-text p {
	font-size:0.9em;
	color:#5252a0;
}
#gform_9 {
	font-size:70%;
    max-width: 800px;
    background-color: #fefeff;
    border-radius: 20px;
    padding: 10px;
    margin-top: 10px;
}

.dbs_check_notice {  /* depends on form font size! */
	font-size:100%;
	font-weight:bold;
	color:green;
}
.volunteer-age-limit {
	color:#ff5151;
	font-weight:normal;
	font-size:80%;
}



.order-table {
	display:flex;
	justify-content:flex-start;
}

.order-table div {
	margin: 10px 20px;
}
.nowrap {
	white-space:nowrap;
}

.xxp-input-field {
	display:flex;
	align-items:center;
/*	overflow:hidden; */
}
.xxp-input-field.wrap-input {
	flex-wrap:wrap;
}
span.xxp-label {
	position:relative;
	display:inline-block;
	min-width: 100px;
	width:100%;
	font-weight:bold;
}
span.xxp-label span{
	display:inline-block;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}
.popup-button {
    height: 16px;
    width: 20px;
    text-align: center;
    margin: 0px;
    font-size: 11px;
    padding: 0px;
}
.popup-button:hover {
	color:red;
}
span.xxp-input {
	width:100%;
}
span.xxp-input span {
	white-space:nowrap;
}
span.xxp-input input[type="text"], span.xxp-input textarea {
	width:100%;
}
span.currency {
	font-weight:bold;
}
.currency input[type="text"] {
	text-align:right;
	width:100px !important;
}
.currency input[type="number"] {
	text-align:left;
	max-width:100% !important;
	width:100px;
}

.row-collapse {
	margin-bottom:-20px;
}

#order_form {
	max-width:1000px;
	display:grid;
	grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
}

.input-entry {
	border:0px solid red;
	min-height:32px;
}
.readonly input {
	background-color:#e9dfdf;
	pointer-events:none;
}

.save-volunteer-button {
	font-weight:bold;
	padding:10px;
	border-radius:10px;
	background-color:green;
	color:white;
	border:1px solid green;
}
.save-volunteer-button:hover {
	background-color:#21bb21;
	color:#000000;
	border:1px solid red;
}
.llv_name input {
	color:blue;
	font-weight:bold;
}

.volunteer_checks {
	font-weight:normal;
	color:red;
	padding-bottom:10px;
}

.agreement-reminder-button {
	font-weight:bold;
	padding:10px;
	border-radius:10px;
	background-color:green;
	color:white;
	border:1px solid green;
}
.agreement-reminder-button:hover {
	background-color:#21bb21;
	color:#000000;
	border:1px solid red;
}
.admin-agreement-list {
	margin:auto;
}
.admin-agreement-list th {
	font-weight:bold;
	padding: 5px;
	text-align:left;
}
.admin-agreement-list td {
	font-weight:normal;
	padding: 4px;
}

.infotop {
	padding-bottom:15px;
}
.infobottom {
	padding-bottom:20px;
}
.llv_import_button {
	font-weight:bold;
	padding:10px;
	border-radius:10px;
	background-color:#135e96;
	color:white;
	border:1px solid green;
}
.llv_import_button:hover {
	background-color:#69abdc;
	color:#000000;
	border:1px solid red;
}
#import_response {
	font-weight:bold;
	color:blue;
	font-size;120%;
	text-align:center;
}

.llv_agreement_button {
	font-weight:bold;
	padding:10px;
	border-radius:10px;
	background-color:#135e96;
	color:white;
	border:1px solid green;
}
.llv_agreement_button:hover {
	background-color:#69abdc;
	color:#000000;
	border:1px solid red;
}

.api_warning {
	color:green;
	font-weight:bold;
	margin-bottom:10px;
}
.api_success_message {
	color:blue;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}
.api_error_message { 
	color:red;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}
.volunteer_agreement_heading {
	display:flex;
	flex-direction:column;
	margin:auto;
	width:500px;
	min-height:100px;
	padding:10px;
	border:2px solid black;
	border-radius: 10px;
	align-items:center;
	justify-content:center;	
	color:darkblue;
}

/*    */

.Table-row-item.llv_status {
	max-width:140px !important;
}
.Table-row-item.active {
	max-width:70px !important;
}
.Table-row-item.imported {
	max-width:95px !important;
}
.Table-row-item.identitychecked {
	max-width:70px !important;
}
.Table-row-item.dbs_expiry_date {
	max-width:100px !important;
}
.Table-row-item.llv_postcode {
	max-width:100px !important;
}
.Table-row-item.country {
	max-width:100px !important;
}
.Table-row-item.email {
	max-width:230px !important;
}
.Table-row-item.mobile {
	max-width:120px !important;
}
.Table-row-item.name {
	max-width:150px !important;
}




.llv-button-tab-panel {
	display:flex;
	justify-content:space-around;
	align-items:center;
	height:50px;margin-top:10px;
	margin-bottom:60px; 
	border:3px solid #d3d3ed;
	background-color:#d4dce9;
	border-radius:15px;
}
.llv-button-tab-panel a {
	text-decoration:none;
}
.llv-tab-button {
	color:white;
	background-color: #40879e;
	border:2px solid #999999;
	padding:10px;
	cursor:pointer;
	border-radius:5px;
}
.llv-tab-button:hover {
	color:#000000;
	background-color:#6db4ca;
	border:2px solid lightgreen;
}
.exportList {
	background-color:#6BBB1A;
}
.exportList:hover {
	background-color:#7fdc20;
}
.importList {
	background-color:#c99017;
}
.importList:hover {
	background-color:#c99017;
}
.remindList {
	background-color:#c6b428;
}
.remindtList:hover {
	background-color:#c6b428;
}
.reminder-text {
	color:blue;
	font-weight:bold;
	margin-bottom:20px;
}
.process-reminders {
	background-color:#6BBB1A;
	color:white;
	padding:10px;
}
.process-reminders:hover {
	color:black;
}
.reminder-batch {
	color:green;
	margin-top:20px;
}
.reminder-batch-complete {
	color: red;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 10px;
}

.donationrequired, .identitychecked {
	max-width:70px;
}
.email-wrap {
	overflow-wrap:anywhere;
}

















@media (min-width:650px) {

.size-guide-narrow {
	/* display:none; */
}
#newvolunteer-list-table .Table-row {
	justify-content:left;
}

}

@media (max-width:650px) {

.size-guide-wide {
	display:none;
}

}