@charset "UTF-8";
.ve_no_access {
	background-color:white;
	border-collapse:collapse;
	border:3px solid blue;
	font-size: 16px;
	overflow-y: auto;
	height: 150px;
}
.ve_no_access button {
	border: none;
	background-color:red;
	color: white;
	font-size: 20px;
	height:  50px;
	-ms-transform: translateX(100%);
	transform: translateX(100%);

}
.ve_status_filter {
	background-color:white;
	border-collapse:collapse;
	border:1px solid blue;
	font-size: 16px;
	width: auto;
white-space: nowrap;
	position: relative;
	display: block;

}
/* Start of event maintence class */

.ve_events_maintenance {
	background-color:white;
	border-collapse:collapse;
	border:3px solid blue;
	font-size: 16px;
	overflow-y: auto;
	height: 200px;
}


/* Start of event table class */

.ve_events_table {
	background-color:white;
	border-collapse:collapse;
	border:3px solid blue;
	font-size: 16px;
	overflow-y: auto;
	height: 100px;
}
.ve_events_table	th {
	text-align: center; 
	background-color:#000;
	color:white;
	position: sticky;
	width: 400px;
	top: 30px;
}
.ve_events_table	tr:hover {
	background-color: #cdcdcd;
}
.ve_events_table	tr.newshift {
	border-top: 4px solid red;
}
.ve_events_table	td th {
	padding: 5px;
}
.ve_events_table	td {
	border-bottom: 1px solid #000;
	color: black;
}
.ve_event_table	caption {
	color: blue; 
	font-size: 24px; 
	text-align: center
}

/* Start of shift table class */

.ve_shifts_table {
	background-color:white;
	border-collapse:collapse;
	border:3px solid blue;
	font-size:12px; 
	justify-content:center; 
	align-items: center;
	margin-left: auto; 
	margin-right: auto;
}
.ve_shifts_table	th {
	text-align:center; 
	background-color:#000;
	color:white;
}
.ve_shifts_table	td, th {
	padding:5px;
}
.ve_shifts_table	td {
	border-bottom:1px solid #000;
	color: black
}
.ve_shifts_table	caption {
	color: blue; 
	font-size: 18px; 
	text-align: center
}

/* Start of member maintenance class */
.ve_members_table {
	background-color:white;
	border-collapse:collapse;
	border:3px solid lightblue;
	width: min-content;
	min-width:100px;
	max-width:1200px; 
}
.ve_members_table div {
	width: min-content;
}

.ve_members_table table{
	background-color:white;
	border-collapse:collapse;
	border-color: white;
	border:3px solid lightblue;
	font-size: 14px;
	overflow-y: auto;
/*	width: 100%; */
	width: auto;
	height: 500px;
	white-space: nowrap;
	position: relative;
	display: block;
}
	
.ve_members_table	thead {
/*	width: 100px; */
	width: auto;
}
.ve_members_table	input {
/*	width: 100%; */
	width: fit-content; 
}
.ve_members_table	tbody {
	overflow-y: scroll;
	top: 0;
	z-index: 1; 
}
.ve_members_table	tr td {
/*	width: 100px; */
	width: auto;
	background-color: white;
	color: black;
}
.ve_members_table	th {
/*	width: 100px; */
	width: auto;
	text-align: center; 
	background-color:#000;
	position: sticky;
	border-color: white;
	top: 0;
	z-index: 3; 
	color:white;
	font-size: 14px;
	text-align: center; 
}
.ve_members_table	.update_member_button {
	position: sticky;
	/* only relevent for first row */
	margin-left: -1 px; 
	/*Compensate for top border*/
} 

.ve_members_table	.first-col {
	position: sticky;
/*	width: 100px;*/
	width: auto;
	min-width:25px;
	max-width:100px;
	left: 0px;
	z-index:2; 
	margin-left: -1 px; 
}

.ve_members_table	.second-col {
	position: sticky;
/*	width: 150px; */
	width: auto;
	left: 100px;
	z-index:2;
	margin-left: -1 px; 
}
.ve_members_table	.third-col {
	position: sticky;
/*	width: 100%; */
	width: auto;
	left: 259px;
	z-index: 2;
	margin-left: -1 px; 
}
.ve_members_table	.first-head {
	position: sticky;
/*	width: 100px;*/
	width: auto;
	min-width:100px;
	max-width:100px;
	left: 0px;
	z-index:4; 
}

.ve_members_table	.second-head {
	/*position: relative;*/
	position: sticky;
/*	width: 150px; */
	width: auto;
	left: 100px;
	z-index:4;
}
.ve_members_table	.third-head {
	position: sticky;
/*	width: 100%; */
	width: auto;
	left: 259px;
	z-index: 4;
}
.ve_members_table	.change {
	font-size: 16px;
}
/* Start of member email class */

.ve_email_table {
	background-color:white;
	border-collapse:collapse;
	border:3px solid lightblue;
}

.ve_email_table table{
	background-color:white;
	border-collapse:collapse;
	border-color: white;
	border:3px solid blue;
	font-size: 14px;
	overflow-y: auto; 
	width: 100%; 
	height: 600px;
	white-space: nowrap;
	position: relative; 
	display: block;
}

.ve_email_table div{
	width: 10rem;
	border:3px solid blue;
}
.ve_email_table	tr td {
	width: 100px;
	background-color: white;
	color: black;
}
.ve_email_table	th {
	width: 100px; 
	text-align: center; 
	background-color:#000;
	position: sticky;
	border-color: white;
	top: 0;
	z-index: 3; 
	color:white;
	font-size: 14px;
	text-align: center; 
}
.ve_email_table	.first-head {
	position: sticky;
	width: 100px;
	min-width:100px;
	max-width:100px;
	left: 0px;
	z-index:4; 
}
	
	/* start of the ve_tree_leaders class */
.ve_tree_leaders_table {
	background-color:white;
	border-collapse:collapse;
	border:3px solid blue;
	font-size: 16px;
/*	min-width: 100px;
	width: auto; */
	overflow-x: scroll;
	white-space: nowrap;
}
.ve_tree_leaders_table	thead th {
	text-align:center; 
	background-color:#000;
	color:white;
	position: sticky;
	top: 0;
	z-index: 1;
}
.ve_tree_leaders_table	thead th:first-child {
	position: stickey;
	LEFT: 0;
	z-index: 2;
}
.ve_tree_leaders_table	thead th:member-name {
	font-size: 20px;
}
.ve_tree_leaders_table	thead th:team-name {
	font-size: 15px;
}.ve_tree_leaders_table	thead {
	text-align:center; 
	background-color:#000;
	color:white;
	position: sticky;
	top: 70px;
}
.ve_tree_leaders_table	th {
	text-align:center; 
	background-color:#000;
	color:white;
}
.ve_tree_leaders_table	th.subheader {
	text-align: center; 
	background-color:#000;
	font-weight: bold;
	color: green; 
	font-size: 20px;
}
.ve_tree_leaders_table	tr.role {
	font-size: 20px;
	padding: 5px;
}
.ve_tree_leaders_table	tr.teams {
	border-top: 4px solid red;
}
.ve_tree_leaders_table	tr.teams1 {
	border-top: 4px solid red;
	background-color: lightblue;
}
.ve_tree_leaders_table	tr.teams2 {
	border-top: 4px solid red;
	background-color: MediumSeaGreen;
}
.ve_tree_leaders_table	tr.teams3 {
		border-top: 4px solid red;
		background-color: Orange;
		}
.ve_tree_leaders_table	tr.teams4 {
		border-top: 4px solid red;
		background-color: yellow;
		}

.ve_tree_leaders_table	tbody.td { 
		font-size: 20px;
		}
.ve_tree_leaders_table	td, th {
		padding:5px;
		}
.ve_tree_leaders_table	p.role {
		font-size: 20px;
		padding: 5px;
		}
.ve_tree_leaders_table	p.contact {
		font-size: 15px;
		padding: 5px;
		}
.ve_tree_leaders_table	td {
		border-bottom:1px solid #000;
		color: black
		}
.ve_tree_leaders_table	td.leaders {
		text-align: left;
		font-weight: bold;
		border-bottom:1px solid #000;
		color: black;
		width: 26%;
		}
.ve_tree_leaders_table	td.leaders1 {
		text-align: left;
		font-weight: bold;
		border-bottom:1px solid #000;
		color: black;
		background-color: lightblue;
		}
.ve_tree_leaders_table	td.leaders2 {
		text-align: left;
		font-weight: bold;
		border-bottom:1px solid #000;
		color: black;
		background-color: MediumSeaGreen;
		}
.ve_tree_leaders_table	td.leaders3 {
		text-align: left;
		font-weight: bold;
		border-bottom:1px solid #000;
		color: black;
		background-color: Orange;
		}
.ve_tree_leaders_table	td.leaders4 {
		text-align: left;
		font-weight: bold;
		border-bottom:1px solid #000;
		color: black;
		background-color: yellow;
		}
.ve_tree_leaders_table	td.cells {
		text-align: left;
		border-bottom:1px solid #000;
		color: black;
		}
.ve_tree_leaders_table	td.team1 {
		text-align: center;
		vertical-align:top;
		border-bottom:1px solid #000;
		color: black;
		background-color: lightblue;
		}
.ve_tree_leaders_table	td.team2 {
		text-align: center;
		vertical-align:top;
		border-bottom:1px solid #000;
		color: black;
		background-color: MediumSeaGreen;
		}
.ve_tree_leaders_table	td.team3 {
		text-align: center;
		vertical-align:top;
		border-bottom:1px solid #000;
		color: black;
		background-color: Orange;
		}
.ve_tree_leaders_table	td.team4 {
		text-align: center;
		vertical-align:top;
		border-bottom:1px solid #000;
		color: black;
		background-color: yellow;
		}
.ve_tree_leaders_table	caption {
		color: blue; 
		font-size: 24px; 
		text-align: center
		}
/* Start of tree table class */

.ve_tree_table {
	background-color:white;
	border-collapse:collapse;
	border:3px solid blue;
	font-size: 16px;
	}

.ve_tree_table table{
	background-color:white;
	border-collapse:collapse;
	border-color: white;
	border:3px solid blue;
	font-size: 16px;
	overflow-y: auto;
	width: 100%;
	height: 600px;
	white-space: nowrap;
	position: relative;
	display: block;

	}
.ve_tree_table	thead {
	width: 100%
		}
.ve_tree_table	tbody {
	overflow-y: scroll;
	top: 0;
	z-index: 1;
		}
.ve_tree_table	tr td {
	width: 100px;
	background-color: white;
	color: black;
		}
.ve_tree_table	th {
	width: 100%; 
	text-align: center; 
	background-color:#000;
	position: sticky;
	border-color: white;
	top: 0;
	z-index: 3; 
	color:white;
	font-size: 14px;
	text-align: center; 

		}
.ve_tree_table	.update_tree_button {
	position: sticky;
	/* only relevent for first row */
	margin-left: -1 px; 
	/*Compensate for top border*/
	} 

.ve_tree_table	.first-col {
	word-wrap: normal;
	position: sticky;
	width: 100%;
	left: 0px;
	z-index:2; 
	margin-left: -1 px; 
}

.ve_tree_table	.second-col {
	position: sticky;
	width: 100%;
	left: 181px;
	z-index:2;
	margin-left: -1 px; 
}
.ve_tree_table	.third-col {
	position: sticky;
	width: 100%;
	left: 225px;
	z-index: 2;
	margin-left: -1 px; 
}
.ve_tree_table	.first-head {
	position: sticky;
	width: 100%;
	left: 0px;
	z-index:4;
}
.ve_tree_table	.second-head {
	/*position: relative;*/
	position: sticky;
	width: 100%;
	left: 181px;
	z-index:4;
}
.ve_tree_table	.third-head {
	position: sticky;
	width: 100%;
	left: 225px;
	z-index: 4;
}
.ve_tree_table	tr.new_shift {
	border-top: 4px solid red;
	}
		/* Start of event table class */

.ve_featured_item {
	background-color:lightgrey;
	border-collapse:collapse;
	border:1px solid lightblue;
	font-size: 14px;
	width:100%;
	height: auto;
}
/* ---- Event Page Styling ---- */

.ve-container {
    max-width: 1100px;
    margin: 0 auto;
    font-family: inherit;
}

/* Title */
.ve-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #1e3a8a;
    margin-bottom: 10px;
}

.ve-divider {
    border: none;
    height: 3px;
    width: 80px;
    background: #dc2626;
    margin: 0 auto 30px;
}

/* Cards */
.ve-card {
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}

/* Tables */
.ve-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    background-color:white;
/*	border:3px solid blue; */
	justify-content:center; 
	align-items: center;
	margin-left: auto; 
	margin-right: auto;
}

.ve-table caption {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.ve-table th,
.ve-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #e5e7eb;
}

.ve-table th {
    background: #111827;
    color: #ffffff;
    text-align: left;
}

.ve-table tr:hover {
    background: #f3f4f6;
    cursor: pointer;
}
.ve-table	tr.newshift {
	border-top: 4px solid red;
    background: #f3f4f6;
    cursor: pointer;
}

/* Sticky header */
#shiftassignments thead {
    position: sticky;
    top: 70px;
    z-index: 2;
}

/* Form layout */
.ve-form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.ve-form-row label {
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}

.ve-form-row select,
.ve-form-row input[type="text"] {
    padding: 8px 10px;
    width: 100%;
    max-width: 400px;
}

/* Buttons */
.ve-btn {
    background: #dc2626;
    color: white;
    border: none;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
}

.ve-btn:hover {
    background: #b91c1c;
}

/* Radio group */
.ve-radio-group {
    margin: 15px 0;
}