/**************************************************
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:not(nav *, ul.modules *),
a:visited:not(nav *, ul.modules *),
a:hover:not(nav *, ul.modules *),
a:active:not(nav *, ul.modules *) {
	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;
}
.image-box {
	width: 130px;
	text-align: center;
}
.swatch {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #000;
	height: 15px;
	width: 15px;
	margin-right: 0.3em;
}
.colorpicker {
	z-index: 100000;
}
.barresd-head {
	background-color: #ef8e8b;
  	padding: 15px 0;
  	padding-left: 10px;
  	color: #952c25;
}
.barred-text {
	padding: 10px;
  	background-color: #f7cecd;
  	margin: 0;
}
.override-btn {
	margin: 0 auto;
  	margin-top: 30px;
  	display: block;
  	padding: 10px;
  	width: 100px;
  	text-align: center;
	color: #7f7979 !important;
}
.override-btn:hover {
	text-decoration: none;
}
.active-flag-link {
	color:#568370 !important; 
}
.table-flag {
	width: 69%;
	display: inline-block;
}
.check-barred-button {
	border: none;
  	background: none;
  	color: #73256F;
	padding: 0;
}
.check-barred-button:hover {
	cursor: pointer;
	text-decoration: underline;
}
.name-with-flag {
	min-width: 130px;
}
ul.select2-selection__rendered {
	width: 100%;
}

table caption {
	font-size: 10pt !important;
}
.all-flags .flag-num {
	background-color: #73256F;

}
.all-flags {
	line-height: 26px;
}
.javacript-duplicateTitle {
	outline: 1px solid red;
	border-radius: 5px;
	box-shadow: 0 0 5px red;
}