/**************************************************
Layout styles for Volunteer Tracker

Colors
- Main background: #73256F
- Blue text: #73256F
*/

body, .mt-menu-btn {
	background:#73256F;
}
/***Back img**/
li.back img {
	display:none;
}
li.back a {
	display:none;
}
/* Layout: Page header */
#pageHeader {
	background: #fff url(https://d1p7jztoc1019b.cloudfront.net/images/newIcons/volunteerTracker/vol_tracker.png) no-repeat center;
}

/* Styles needed to change the top left button's text and image per system */
#hamburger {
	background: transparent url(https://d1p7jztoc1019b.cloudfront.net/images/newIcons/apps/volTracker.png) no-repeat center center scroll !important;
	background-size: 100% !important;
	
}

.hamburgerText::after {
	content: attr(title) "VolunteerTracker";
}
/* END Styles needed to change the top left button's text and image per system */

/**************************************************/
/* Text colors */

table th,
label,
.label,
.tinymodal-content>h2:first-child{
	color:#73256F;
}

a:link,
a:visited,
a:hover,
a:active {
	color:#73256F;
}

.logOut {
	background-color: #73256F;
}


/**************************************************/
/* Search results */

.searchResults .resultTitle {
	border-color:#039;
	color:#73256F;
}

.searchResults>div:hover,
.searchResults>div:nth-child(odd):hover {
	background:#eef;
}


/**************************************************/
/* Date picker link */
.datePickerLink {
	background-image:url('../images/icons/volunteerTracker/calendarIconVol.png');
}


/**************************************************/
/* Date picker popup *
#datePickerTitle,
#datePicker form,
#datePickerMonth,
#datePickerYear,
#datePicker td,
#datePicker th {
	border-color:#66c;
}

#datePicker td:hover,
#datePicker td.selDate,
#datePickerTitle {
	background:#73256F;
	color:white;
}

#datePicker form {
	background:#6680FF;
}

#datePicker td:empty,
#datePicker td:empty:hover {
	background:#f7f7f7;
}
*/

/* Custom datatable styles */


table.dataTable tbody th, 
table.dataTable tbody td {
	padding: 8px 20px;
}
.dataTable {
	position: relative;
	top: -40px;
}
.dataTables_length {
	margin-top: 10px;
}
.dt_button_wrap div {
	padding-right: 10px; 
}
.dataTables_wrapper .dataTables_info {
	padding-top: .8rem;
}
.dataTables_filter input {
	padding: 5px;
}
/* .group-caption {
	text-align: left;
}
.group-caption .group-title {
	display: inline-block;
	font-size: 1.25rem;
	padding-top: 5px;
	padding-left: 10px;
} */
.dt-button-collection div {
	display: flex;
	flex-direction: column;
	width: fit-content;
	position: absolute;
	right: 0;
	width: 120%;
	border: 1px solid rgba(0,0,0,.15);
	background-color: #fff;
}
.dt-button-collection button {
	padding: 5px 0;
	margin: 2px 0;
	border: 0;
	background-color: #fff;
}
.dt-button-collection button:hover {
	background-color: rgb(239, 239, 239);
	cursor: pointer;
}
.fa-sort-down:before {
	vertical-align: bottom;
}
.dt_button_wrap,
.dataTables_paginate {
	display: inline-flex;
	position: relative;
	top: -40.5px;
}
.paginate_button,
.paginate_button .current {
	padding: 1px !important;
	margin-top: 5px !important;
}
.dt_button_wrap div {
	padding-right: 10px; 
}
.dataTables_wrapper .dataTables_info {
	padding-top: .8rem !important;
}
.dt-button-collection div {
	display: flex;
	flex-direction: column;
	width: fit-content;
	position: absolute;
	right: 0;
	width: 120%;
	border: 1px solid rgba(0,0,0,.15);
	background-color: #fff;
}
.dt-button-collection button {
	padding: 5px 0;
	margin: 2px 0;
	border: 0;
	background-color: #fff;
}
.dt-button-collection button:hover {
	background-color: rgb(239, 239, 239);
	cursor: pointer;
}
.fa-sort-down:before {
	vertical-align: bottom;
}