@font-face {
  font-family: "Open Sans";
  src: url(../assets/fonts/OpenSans-VariableFont_wdth,wght.ttf);
}

input, select, textarea {
	font-size: 16px !important;
}
/* Dev Junk (Can be removed once out of MT Suite wrapper) */
#pageHeader {
	display: none;
}
#main {
	padding-top: 0px !important;
	min-width: 100px;
}

/* Master Layout */
.mt_volMobile_main {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	position: relative;
	background-color: #F5F5F5;
	height: 100%;
}

p,
a{
	font-family: 'Open Sans' !important;
}
h1,
h2,
h3,
h4{
	font-family: 'Open Sans' !important;
	font-weight: bold;
}

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

html,
body {
	background-color: #F5F5F5;
	height: 100%;
}

.mt_volMobile_calendar-container {
	background-color: transparent !important;
	width: 90%;
	margin: 0 auto;
	border-radius: 10px;
}
.mt_volMobile_calendar-container header {
	display: flex;
	align-items: center;
	padding: 25px 30px 0px;
	justify-content: space-between;
}
header .mt_volMobile_calendar-navigation {
	display: flex;
}
header .mt_volMobile_calendar-navigation span {
	height: 25px;
	width: 25px;
	margin: 0 1px;
	cursor: pointer;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
	user-select: none;
	color: #aeabab;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.mt_volMobile_calendar-navigation span:last-child {
	margin-left: 15px;
}
header .mt_volMobile_calendar-navigation span:hover {
	background-color: transparent !important;
}
header .mt_volMobile_calendar-current-date {
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	color: #84CFCD;
}
.mt_volMobile_hideSVG svg {
	display: none !important;
}
.mt_volMobile_calendar-body {
	padding: 0px 20px 20px 20px;
}
.mt_volMobile_calendar-body ul {
	list-style: none;
	flex-wrap: wrap;
	display: flex;
	text-align: center;
	padding-left: 0px;
}
.mt_volMobile_calendar-body .mt_volMobile_calendar-dates {
	margin-bottom: 20px;
}
.mt_volMobile_calendar-body li {
	width: calc(100% / 7);
	font-size: 15px;
	color: #414141;
}
.mt_volMobile_calendar-body .mt_volMobile_calendar-weekdays li {
	cursor: default;
	font-weight: 500;
}
.mt_volMobile_calendar-body .mt_volMobile_calendar-dates li {
	position: relative;
	z-index: 1;
	cursor: pointer;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_calendar-dates li.inactive {
	color: #aaa;
}
.mt_volMobile_calendar-dates li.active {
	color: #fff;
}
.mt_volMobile_calendar-dates li::before {
	position: absolute;
	content: "";
	z-index: -1;
	top: 9px;
	left: 50%;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	transform: translateX(-50%);
}
.mt_volMobile_calendar-dates li.mt_volMobile_calActive::after {
	content: '';
	width: 8px;
	height: 8px;
	background-color: #84CFCD;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	bottom: 15px;
	transform: translateX(-50%);
}
.mt_volMobile_calBlock .inactive,
.mt_volMobile_calBlock .active {
	background-color: transparent;
}
.mt_volMobile_calendar-dates li.active::before {
	background: #24335A;
}
.mt_volMobile_calendar-dates li:not(.active):hover::before {
	/* background: #e4e1e1; */
}

.disable-scrollbars::-webkit-scrollbar {
  background: transparent; /* Chrome/Safari/Webkit */
  width: 0px;
}	
.disable-scrollbars {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}
h1 {
	font-size: 20px;
}
.mt_volMobile_head {
	width: 100%;
	height: 100px;
	padding-top: 25px;
	background-color: #24335A;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 2px solid #84CFCD;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
}
.mt_volMobile_head > div {
	display: flex;
	justify-content: space-between;
	width: 90%;
	align-items: center;
}
.mt_volMobile_head > div > a {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background-color: rgba(245, 245, 245, 0.4);
	display: flex;
	justify-content: center;
	align-items: center;

}
.mt_volMobile_head > div > a i {
	color: #FFF !important;
	font-size: 25px !important;
}
.mt_volMobile_head > div  > div {
	width: 200px;
	height: 100px;
	position: relative;
	top: -15px;
	background-image: url(../../images/logo.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.mt_volMobile_skillContainer {
	max-height: 100% !important;
}
.mt_volMobile_body {
	width: 100%;
	height: calc(100% - 234px);
	min-height: 400px;
	overflow-x: hidden;
	padding-top: 125px;
}
.mt_volMobile_userIDView{
	width: 100%;
	height: 100%;
	min-height: 400px;
	padding-top: 125px;
}
.mt_volMobile_oppDetails,
.mt_volMobile_oppDetailsMy {
	display: none;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.mt_volMobile_oppDetails {
	height: calc(100vh - 234px);
	position: relative;
}
.flex-show {
	display: flex !important;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
}
.mt_volMobile_footer {
	width: 100%;
	height: 80px;
	background-color: #EBEAEA;
	border-top: 2px solid #70707027;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-bottom: 25px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 100;
}
.mt_volMobile_footer > div {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.mt_volMobile_footer > div > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 50px;
	margin: 15px;
	color: #1A181880;
}
.mt_volMobile_activeFooter {
	color: #24335A;
	position: relative;
}
.mt_volMobile_activeFooter:before {
	content: '';
	width: 100%;
	height: 3px;
	background-color: #F47E58;
	position: absolute;
	left: 0px;
	top: -17px;
}
.mt_volMobile_activeFooter i{
	font-weight: 900 !important;
}
a:hover {
	text-decoration: none !important;
}
.mt_volMobile_footer > div > a i {
	font-size: 25px !important;
	margin-bottom: 10px;
}

/* HOME */
.mt_volMobile_home,
.mt_volMobile_opportunities {
	width: 100%;
	height: 100%;
	background-color: #F5F5F5;
}
.mt_volMobile_name {
	font-size: 21px;
}
.mt_volMobile_dots{
	margin-bottom: 25px;
	position: relative;
	max-width: 400px;
}
.mt_volMobile_dots-sm {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
	position: relative;
}
.mt_volMobile_dots-sm:before {
	content: '...........';
	color: #26262880;
	position: absolute;
	left: 0px;
	bottom: -15px;
	font-size: 25px;
}
.mt_volMobile_dots:before {
	content: '...........';
	color: #26262880;
	position: absolute;
	left: 0px;
	bottom: -20px;
	font-size: 25px;
}
.mt_volMobile_timeHours {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0px;
}
.mt_volMobile_timeHours i {
	color: #F47E58;
}
.mt_volMobile_userInfo {
	width: 90%;
	height: 175px;
	box-shadow: 0px 20px 20px #00000014;
	border-bottom-right-radius: 13px;
	border-bottom-left-radius: 13px;
	background-color: #FFF;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 95px;
}
.mt_volMobile_userInfo > div:first-child {
	width: 90%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative
}
.mt_volMobile_userInfo > div:first-child > div:first-child p:last-child {
	position: relative;
	top: 8px;
}
.mt_volMobile_userBar {
	width: 95%;
	height: 70px;
	position: absolute;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
	border-bottom-right-radius: 13px;
	border-bottom-left-radius: 13px;
	background-color: #84CFCD;
	box-shadow: 0px 20px 20px #00000014;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 50;
	padding: 0px 10px;
	box-sizing: border-box;
}
.mt_volMobile_userBar i {
	font-size: 25px;
	color: #24335A;
	margin-right: 15px;
}
.mt_volMobile_userBar > div p {
	color: #24335A;
	margin: 0px;
}
.mt_volMobile_userBar > div p:first-child {
	width: 100%;
	font-size: 10px !important;
	margin: 0px;
}
.mt_volMobile_eventScroll {
	height: 275px;
	width: 90%;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	overflow: hidden;
}
.mt_volMobile_eventScroll > div{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.mt_volMobile_homeOppCardItem {
	width: 100%;
	height: 250px;
	border-radius: 10px;
	position: relative;
	box-sizing: border-box;
	padding-top: 40px;
	z-index: 1;
	background-image: url(../../images/logo.jpg);
	background-color: #EBEAEA;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	overflow: hidden;
}
.mt_volMobile_homeOppCardItem:not(:last-child):before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
}
.mt_volMobile_oppCardFinal {
	background-image: none !important;
	box-sizing: border-box !important;
	padding: 15px !important;
}
.mt_volMobile_homeOppCardItem > div {
	box-sizing: border-box;
	padding: 0px 15px 15px 15px;
	z-index: 50;
	position: relative;
}
.mt_volMobile_homeOppCardItem > div p {
	color: #FFF;
	z-index: 50;
	position: relative;
}
.mt_volMobile_oppCardFinal a {
	border-radius: 8px;
	font-size: 20px;
	position: absolute;
	right: 15px;
	bottom: 41%;
	transform: translateY(-50%);
	color: #071626;
	width: calc(100% - 30px);
	height: fit-content;
	text-align: center;
	box-sizing: border-box;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_homeOppCardItem:not(.mt_volMobile_oppCardFinal) > a {
	background-color: #FFF;
	padding: 10px 25px !important;
	border-radius: 8px;
	font-size: 10px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #071626;
	z-index: 50;
}
.mt_volMobile_homeCardControls {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.mt_volMobile_homeCardControlsDots {
	width: 	15px;
	height: 15px;
	border-radius: 50%;
	margin: 0px 8px;
	z-index: 10;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.mt_volMobile_homeCardControlsDots:before {
	content: '';
	z-index: 5;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: -2px;
	margin: 0px 8px;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.mt_volMobile_eventCon {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	overflow-x: auto;
	z-index: 1;
}
.mt_volMobile_scrollItem {
	width: 450px;
	height: 250px;
	min-width: 450px;
	margin-right: 10px;
	border-radius: 10px;
	display: inline-block !important;
	position: relative;
	z-index: 1;
	background-image: url(../images/volTracker/mobile/flower.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.mt_volMovile_scrollDate {
	background-color: #84CFCD;
	padding: 5px 35px;
	color: #24335A;
	width: fit-content;
	z-index: 50;
	position: relative;
}
.mt_volMobile_scrollItem > p:not(:first-child) {
	padding-left: 25px;
	color: #FFF;
}
.mt_volMobile_scrollItem > p:nth-child(3) {
	width: 50%;
}
.mt_volMovile_scrollHead {
	font-weight: bold;
	font-size: 19px;
}
.mt_volMobile_scrollItem > a {
	background-color: #FFF;
	padding: 10px 25px !important;
	border-radius: 8px;
	font-size: 10px;
	position: absolute;
	right: 25px;
	bottom: 25px;
	color: #071626;
}
.mt_volMobile_upcoming {
	flex-grow: 1;
	padding-top: 25px;
}
.mt_volMobile_oppContainerApproved {
	padding-top: 25px;
}
.mt_volMobile_upcoming .mt_volMobile_dots {
	margin-top: 0px !important;
}
.mt_volMobile_upcoming,
.mt_volMobile_myOpp,
.mt_volMobile_upcomingHome {
	width: 90%;
	margin: 0 auto;
	padding-top: 25px;
}
 h1 {
	color: #84CFCD;
}
.mt_volMobile_upcomingFilters {
	display: flex;
	justify-content: flex-start;
}
.mt_volMobile_upcomingFilters a {
	color: #EBEAEA;
	font-weight: bold;
	margin: 25px 0px;
	padding-right: 25px;
}
.mt_volMobile_activeFilter {
	color: #24335A;
}
.mt_volMobile_oppContainer {
	width: 100%;
	min-height: 100px;
	margin: 0 auto;
}
.mt_volMobile_oppItem {
	width: 100%;
	min-height: 100px;
	padding: 25px 0px;
	border-top: 2px solid #EBEAEA;
}
.mt_volMobile_oppItemCon {
	width: 100%;
	min-height: 100px;
}
.mt_volMobile_oppItem {
	display: flex;
	justify-content: flex-start;
}
.mt_volMobile_oppItem > div:first-child {
	width: 60px;
	margin-right: 25px;
}
.mt_volMobile_oppItem > a:last-child {
	flex-grow: 1;
}
.mt_volMobile_oppItem > div:first-child > div {
	width: 60px;
	height: 60px;
	background-image: url(../../images/logo.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.mt_volMobile_oppItem > div:last-child {
	position: relative;
	flex-grow: 1;
}
.mt_volMobile_oppItem > div:last-child:before {
	content: '\f054';
	font-family: "Font Awesome 5 Pro";
	color: #24335A;
	position: absolute;
	right: 0px;
	top: 10px;
}
.mt_volMobile_oppItemConLogin .mt_volMobile_oppItem > div:last-child:before {
	display: none !important;
}
.mt_volMobile_oppItemConLogin .mt_volMobile_oppItem {
	cursor: default !important;
}
.mt_volMobile_signupCheck {
	padding-bottom: 25px !important;
}
.mt_volMobile_signupCheckSuccess {
	padding-bottom: 100px;
}
.mt_volMobile_signupCheck i {
	color: #FFF;
	font-size: 65px !important;
}
.mt_volMobile_signupCheckSuccess {
	color: #FFF !important;
}
.mt_volMobile_oppItem > div:last-child p:first-child {
	font-weight: bold;
	margin: 0px;
}
.mt_volMobile_oppItem > div:last-child > div {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.mt_volMobile_oppItemOppPage {
	/*height: 125px;*/
}
.mt_volMobile_oppItemOppPage > div {
	/*height: 100%;*/
}
.mt_volMobile_oppItem > div:last-child > div p:first-child {
	font-weight: bold;
	color: #24335A;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-transform: capitalize;
}
.mt_volMobile_oppItem > div:last-child > div p:first-child i {
	font-size: 20px;
	margin-right: 15px;
}
.mt_volMobile_oppItem > div:last-child > div p:last-child {
	font-weight: bold;
	color: #F47E58;
	font-style: normal;
}
.mt_volMobile_oppItem > div:last-child > div {
	margin-top: 15px;
}
.mt_volMobile_oppItem > div:last-child p:nth-child(2) {
	font-style: italic;
}
.mt_volMobile_oppItem > div:last-child p:first-child i {
	font-size: 25px;
	margin-right: 5px;
}
.mt_volMobile_oppItem p {
	color: #24335A;
}
.mt_volMobile_availOpp {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #EBEAEA;
}
.mt_volMobile_availOpp p {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #071626 !important;
	padding: 35px 25px;
	font-size: 14px;
}
.mt_volMobile_availOpp p i {
	font-size: 25px;
}

/* opportunities */
.mt_volMobile_oppSignUp > div h1:first-child,
.mt_volMobile_oppSignUpCancel > div h1:first-child {
	color: #FFF !important;
	margin-bottom: 100px;
}
.mt_volMobile_oppSignUp > div h1:nth-child(2),
.mt_volMobile_oppSignUpCancel > div h1:nth-child(2) {
	margin-bottom: 15px;
}
#oppSignupYes,
#oppSignupCancelYes,
#oppSignupCancel,
#oppSignupBack,
#oppSignupCancelBack,
#oppSignupCancelMain {
	width: 80%;
	border-radius: 8px;
	background-color: #24335A;
	color: #FFF;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 25px;
}
.mt_volMobile_oppSignUp > div p,
.mt_volMobile_oppSignUpCancel > div p {
	padding-bottom: 100px;
	font-weight: bold;
}
.mt_volMobile_oppSignUp > div p i,
.mt_volMobile_oppSignUpCancel > div p i {
	font-size: 25px;
	position: relative;
	top: 3px;
}
.mt_volMobile_oppSignUp > div h1:nth-child(2),
.mt_volMobile_oppSignUp > div p,
.mt_volMobile_oppSignUpCancel > div h1:nth-child(2),
.mt_volMobile_oppSignUpCancel > div p  {
	color: #24335A !important;
}
.mt_volMobile_oppSignUp > div h1,
.mt_volMobile_oppSignUp > div p,
.mt_volMobile_oppSignUpCancel > div h1,
.mt_volMobile_oppSignUpCancel > div p  {
	text-align: center;
	margin: 0 auto;
}
.mt_volMobile_oppSignUp > div,
.mt_volMobile_oppSignUpCancel > div {
	width: 80%;
	margin: 0 auto;
	padding-top: 100px;
}
.mt_volMobile_oppSignUp,
.mt_volMobile_oppSignUpCancel {
	width: 100%;
	height: 100%;
	min-height: 500px;
	background-color: #84CFCD;
	padding-bottom: 25px;
}
.mt_volMobile_oppSignUpCancel {
	display: none;
}
.mt_volMobile_oppContentMain {
	width: 90%;
	min-height: 100px;
	margin: 0 auto;
	flex-grow: 1;
	position: relative;
	display: flex;
	flex-direction: column;
}
#volMobile_oppDetailsRecur {
	text-transform: capitalize;
}
.mt_volMobile_oppContentMain > div {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.mt_volMobile_oppSignupBox {
	flex-grow: 1;
	align-items: flex-end;
}
.mt_volMobile_oppDetails {
	flex-wrap: nowrap !important;
}
.mt_volMobile_oppContentMain > div:nth-child(2) {
	flex-wrap: wrap;
}
.mt_volMobile_oppDetailsBack,
.mt_volMobile_oppDetailsBackMy {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #EBEAEA;
}
.mt_volMobile_oppDetailsBack {

}
.mt_volMobile_autoApprove i{
	color: #24335A;
	font-size: 25px;
	position: relative;
	top: -10px;
	margin-right: 5px;
	display: inline-block;
}
.mt_volMobile_autoApprove p{
	display: inline-block;
}
.mt_volMobile_oppDetailsBack a,
.mt_volMobile_oppDetailsBackMy a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #071626 !important;
	padding: 35px 25px;
	font-size: 14px;
}
#oppMainSignup {
	width: 80%;
	border-radius: 8px;
	background-color: #84CFCD;
	color: #24335A;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 0px !impotrant !important;
}
#oppMainCancelSignup {
	width: 80%;
	border-radius: 8px;
	background-color: #84CFCD;
	color: #24335A;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 0px !impotrant !important;
}
.mt_volMobile_oppContentMain > div:last-child {
	padding: 25px 0px;
}
.mt_volMobile_oppContentMain > div:nth-child(3) p:first-child,
.mt_volMobile_oppContentMain > div:nth-child(4) p:first-child {
	width: 13%;
}
.mt_volMobile_oppContentMain > div:nth-child(3) p:last-child,
.mt_volMobile_oppContentMain > div:nth-child(4) p:last-child {
	width: 85%;
}
.mt_volMobile_oppContentMain > div p span {
	font-weight: bold;
}
.mt_volMobile_oppContentMain > div:first-child p:last-child {
	font-weight: bold;
	color: #F47E58;
}
.mt_volMobile_oppContentMain > div:nth-child(2) p:not(:first-child) {
	background-color: #84CFCD;
	border-radius: 20px;
	padding: 5px;
	color: #FFF;
	margin: 0px 5px;
	height: fit-content;
}
.mt_volMobile_oppDateMain {
	width: 100%;
	height: 50px;
	padding-top: 15px;
	border-bottom: 1px solid #F5F5F5;
}
.mt_volMobile_oppDateMain > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	height: 100%;
	margin: 0 auto;
}
.mt_volMobile_oppDateMain > div p {
	font-weight: bold;
	color: #24335A;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%:
}
.mt_volMobile_oppDateMain > div p i {
	font-size: 25px;
	margin-right: 5px;
	position: relative;
	top: -2px;
}
.mt_volMobile_oppImageMain {
	width: 100%;
	height: 220px;
	background-image: url(../../images/logo.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	background-position: center;
	background-color: #EBEAEA;

}
.mt_volMobile_oppImageMain:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
}
.mt_volMobile_oppImageMain h1 {
	position: absolute;
	left: 25px;
	bottom: 25px;
	color: #FFF !important;
	width: 50%;
	z-index: 10;
}
#volMobile_topCloseOpp {
	position: absolute;
	top: 25px;
	right: 25px;
	color: #FFF;
	font-size: 30px;
	z-index: 10;
}
.mt_volMobile_opportunities {
	display: none;
}
.mt_volMobile_opportunities > div:nth-child(2) {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 25px;
}
.mt_volMobile_oppOptions {
	width: 100%;
	height: 50px;
	background-color: #EBEAEA;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_oppOptions > a {
	width: 50%;
	text-align: center;
	text-transform: uppercase;
	color: #071626 !important;
	font-size: 12px;
}
.mt_volMobile_oppFilters {
	width: 90%;
	margin: 0 auto;
	min-height: 100px;
}
.mt_volMobile_oppFilters > div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.mt_volMobile_oppFilters > div > div {
	flex-grow: 1;
	width: 50% !important;
	position: relative;
	max-width: 50%;
}
.mt_volMobile_oppFilters > div > div:before {
	content: '\f078';
	font-family: "Font Awesome 5 Pro";
	color: #071626;
	font-size: 15px;
	font-weight: 100;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top:0px;
	border-radius: 8px;
	background-color: #EBEAEA;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	cursor: pointer !important;
}
.mt_volMobile_oppFilters > div:nth-child(1) > div:first-child:before {
	content: '\f073';
	font-family: "Font Awesome 5 Pro";
	color: #071626;
	font-size: 20px;
	font-weight: 100;
	pointer-events: none;
	cursor: pointer !important;
}
.mt_volMobile_oppFilters > div > div:last-child:before {
	content: '\f078';
	font-family: "Font Awesome 5 Pro";
	color: #071626;
	font-size: 15px;
	font-weight: 100;
	pointer-events: none;
	cursor: pointer !important;
}
.mt_volMobile_oppFilters > div > div:first-child:before {
	content: '\f078';
	font-family: "Font Awesome 5 Pro";
	color: #071626;
	font-size: 15px;
	font-weight: 100;
	pointer-events: none;
	cursor: pointer !important;
}
.mt_volMobile_oppFilters input,
.mt_volMobile_oppFilters select {
	padding-left: 15px !important;
	border-radius: 8px;
	background-color: #FFF;
	height: 40px;
	width: 100%;
	max-width: 305px;
	border: none !important;
	box-shadow: none !important;
	box-sizing: border-box;   
	-webkit-appearance: none !important;
}
.mt_volMobile_oppFilters > div > div:first-child{
	margin-right: 10px;
}
.mt_volMobile_oppFilters > div:first-child a {
	color: #24335A !important;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.mt_volMobile_oppFilters > div:first-child a i {
	font-size: 25px !important;
	margin-right: 10px;
}
.mt_volMobile_oppFilters > div {
	width: 100%;
	text-transform: uppercase;
}
.mt_volMobile_oppFilters h1 {
	margin: 0px;
	padding-bottom: 10px;
}
.mt_volMobile_dateList {
	width: 90%;
	margin: 0 auto;
	min-height: 50px;
}
.mt_volMobile_dateListHome {
	width: 100% !important;
}
.mt_volMobile_dateList > div:first-child {
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	border-bottom: 2px solid #EBEAEA;
}
.mt_volMobile_dateList > div:first-child a {
	width: 33.9%;
	height: 47px;
	background-color: #EBEAEA;
	color: #24335A;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
}
.mt_volMobile_dateListFiltersHome > a {
	width: 50% !important;
}
.mt_volMobile_activeDateFilter,
.mt_volMobile_activeToolFilter,
.mt_volMobile_activeCalFilter {
	position: relative;
}
.mt_volMobile_activeDateFilter:before{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #F47E58;
	position: absolute;
	left: 0px;
	bottom: -5px;
}
.mt_volMobile_activeCalFilter:before {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #F47E58;
	position: absolute;
	left: 0px;
	bottom: -18px;
}
.mt_volMobile_dateList > div:last-child {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0px;
}
.mt_volMobile_dateList > div:last-child a {
	flex-grow: 1;
	text-align: center;
	color: #24335A !important;
	position: relative;
	padding-bottom: 10px;
}
.mt_volMobile_activeDateItem {
	background-color: #EBEAEA;
	border-radius: 8px; 
}
.mt_volMobile_activeDateItem:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #24335A;
	position: absolute;
	bottom: 6px;
	left: 50%;
	transform: translateX(-50%);
}
.mt_volMobile_oppItemCon > p {
	font-size: 18px;
}
.mt_volMobile_oppToggleActive {
	position: relative;
}
.mt_volMobile_outerPassResetErr {
	width: 100%;
	padding-bottom: 25px;
	text-align: center;
	font-weight: bold;
	display: none;
}
.mt_volMobile_oppToggleActive:before,
.mt_volMobile_activeToolFilter:before{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #F47E58;
	position: absolute;
	bottom: -18px;
	left: 0px;
}

/* LOGIN */
.mt_volMobile_loginCon {
	width: 100%;
	max-width: 700px;
	height: 100vh;
	min-height: 700px;
	margin: 0 auto;
	position: relative;
	background-color: #24335A;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_loginCon > div > div:first-child {
	width: 250px;
	height: 150px;
	position: relative;
	top: -15px;
	background-image: url(../../images/logo.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 0 auto;
}
.mt_volMobile_loginCon > div {
	width: 90%;
}
.mt_volMobile_loginCon h1 {
	margin: 0 auto;
	text-align: center;
	color: #FFF !important;
	font-size: 36px;
	padding: 25px 0px;
}
.mt_volMobile_loginCon h1 span {
	font-size: 24px;
}
.mt_volMobile_loginCon p {
	margin: 0 auto !important;
	color: #FFF;
	width: fit-content;
	padding-top: 10px;
}
.mt_volMobile_loginCon a {
	text-align: center;
	color: #FFF;
	border-radius: 8px;
	border: 1px solid #84cfcd;
	width: 100%;
	margin: 15px 0px;
	padding: 15px 0px;
	display: block;
}
.mt_volMobile_mainLogin {
	background-color: #84cfcd;
}
.mt_volMobile_loginOpps > div:nth-child(2) {
	width: 90%;
	padding-top: 150px;
	min-height: 100px;
	margin: 0 auto;
}
.mt_volMobile_loginOpps > div:nth-child(2) > div:first-child {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}
.mt_volMobile_loginOpps > div:first-child > div {
	justify-content: center !important;
}
.mt_volMobile_loginOpps > div:nth-child(2) > div:first-child h1 {
	margin: 0;
}
.mt_volMobile_loginOpps > div:nth-child(2) > div:first-child a {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #EBEAEA;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_loginOpps > div:nth-child(2) > div:first-child a i {
	color: #071626;
	font-size: 25px;
}
.mt_volMobile_loginOpps {
	overflow-y: auto;
	width: 100%;
	max-width: 700px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.mt_volMobile_loginForm {
	overflow-y: auto;
}
.mt_volMobile_loginForm,
.mt_volMobile_forgotPassMain,
.mt_volMobile_updateUserInfo{
	width: 100%;
	max-width: 700px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.mt_volMobile_updateUserInfo {
	display: none;
}
.mt_volMobile_loginForm .mt_volMobile_head > div {
	justify-content: center;
}
.mt_volMobile_loginForm .mt_volMobile_head {
	position: relative;
}
.mt_volMobile_loginForm > .mt_volMobile_loginMain {
	height: 100%;
	min-height: 600px;
	width: 100%;
	background-image: url(../images/volTracker/mobile/login-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
} 
.mt_volMobile_loginBox {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 93%;
	min-height: 300px;
	background-color: #FFF;
	border-radius: 13px;
	top: 50px;
	padding-bottom: 50px;
}
.mt_volMobile_forgotContact {
	width: 95%;
	height: 70px;
	position: absolute;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
	border-bottom-right-radius: 13px;
	border-bottom-left-radius: 13px;
	background-color: #F5F5F5;
	box-shadow: 0px 20px 20px #00000014;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 50;
}
.mt_volMobile_contactLink {
	color: #071626 !important;
	font-weight: bold;
}
.mt_volMobile_loginBox h1 {
	font-size: 24px;
	color: #84CFCD;
	margin: 0 auto;
	padding: 50px 0px;
	text-align: center;
}
.mt_volMobile_forgotPass {
	width: 80%;
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
	padding-bottom: 25px;
}
.mt_volMobile_forgotPass a {
	color: #071626;
}
.mt_volMobile_inputBox {
	width: 80%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-bottom: 25px;
	margin: 0 auto;
}
.mt_volMobile_inputBox > div {
	width: 100%;
	height: fit-content;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.mt_volMobile_inputBox input[type="radio" i] {
	cursor: default !important;
	appearance: auto !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: initial !important;
	border: initial !important;
	height: 15px;
	width: 15px;
	color: #F5F5F5 !important;
}
.mt_volMobile_inputBox > div:not(.checkbox) label:not(.waiverButton) {
	margin-left: 5px;
	color: #071626 !important;
	position: relative;
	font-size: 17px !important;
}
.mt_volMobile_inputBox > div > div {
	margin-right: 25px;
}
.mt_volMobile_inputBox p {
	width: 100%;
}
.mt_volMobile_inputBox input,
.mt_volMobile_inputBox select {
	background: #EBEAEA 0% 0% no-repeat padding-box;
	border-radius: 6px;
	border: none;
	box-shadow: none;
	width: 100%;
	height: 40px;
	padding-left: 15px;
	position: relative;
	-webkit-appearance: none !important;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}
.mt_volMobile_inputBox input[type="date"] {
	-webkit-appearance: none !important;
}
.mt_volMobile_dateBox {
	position: relative;
}
.mt_volMobile_dateBox:before {
	content: '\f073';
	font-family: "Font Awesome 5 Pro";
	color: #071626;
	font-size: 20px;
	font-weight: 100;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: 38px;
	border-radius: 8px;
	background-color: #EBEAEA;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
}
.mt_volMobile_inputBox .mt_volMobile_select {
	width: 100%;
	height: 40px;
	position: relative;
}
.mt_volMobile_inputBox select {
	border: none !important;
	box-shadow: none !important;
	box-sizing: border-box;
	-webkit-appearance: none !important;
}
.mt_volMobile_inputBox .mt_volMobile_select:before {
	content: '\f078';
	font-family: "Font Awesome 5 Pro";
	color: #071626;
	font-size: 15px;
	font-weight: 100;
	width: 40px;
		height: 40px;
		position: absolute;
		right: 0px;
		top: 0px;
		border-radius: 8px;
		background-color: #EBEAEA;
		display: flex;
		justify-content: center;
		align-items: center;
	z-index: 50;
}
.mt_volMobile_accountLogin{
	width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #24335A;
	border-radius: 8px;
	height: 50px;
	margin: 0 auto;
	color: #FFF !important;
	text-transform: uppercase;
}
.mt_volMobile_passwordReset{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #24335A;
	border-radius: 8px;
	height: 50px;
	margin: 0 auto;
	color: #FFF !important;
	text-transform: uppercase;
}
.mt_volMobile_forgotPassInner {
	height: 100% !important;
}
.mt_volMobile_forgotPassMain > div,
.mt_volMobile_updateUserInfo > div {
	width: 80%;
	padding-top: 25px;
	min-height: 100px;
	margin: 0 auto;
}
.mt_volMobile_headPassReset > div {
	justify-content: center;
}
.mt_volMobile_forgotPassInnerSuccess > div > div:first-child {
	justify-content: center;
	flex-wrap: wrap;
}
.mt_volMobile_forgotPassInnerSuccess {
	display: none;
}
.mt_volMobile_passwordResetNotif {
	width: 100%;
	text-align: center;
	padding-bottom: 25px;
	font-weight: bold;
	display: none;
}
.mt_volMobile_forgotPassInnerSuccess > div > div:first-child h1,
.mt_volMobile_forgotPassInnerSuccess > div > div:first-child p {
	text-align: center;
	width: 100%;
}
.mt_volMobile_forgotPassMain .mt_volMobile_inputBox,
.mt_volMobile_updateUserInfo .mt_volMobile_inputBox {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-bottom: 25px;
}
.mt_volMobile_forgotPassMain > div > div:first-child,
.mt_volMobile_updateUserInfo > div > div:first-child {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}
.mt_volMobile_forgotPassMain > div > div:first-child h1,
.mt_volMobile_forgotPassMain > div > div:first-child h1 {
	margin: 0;
}
.mt_volMobile_forgotPassMain > div > div:first-child a,
.mt_volMobile_forgotPassMain > div > div:first-child a {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #F5F5F5;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_forgotPassMain > div > div:first-child a i,
.mt_volMobile_updateUserInfo > div > div:first-child a i {
	color: #071626;
	font-size: 25px;
}
.mt_volMobile_forgotPassMain > div > p:last-child,
.mt_volMobile_updateUserInfo > div > p:last-child {
	text-align: center;
	margin-top: 40px;
}
.mt_volMobile_registerMain {
	width: 100%;
	min-height: 100px;
	padding-top: 25px;
	position: relative;
}
.mt_volMobile_registerMain > div:first-child {
	width: 80%;
	margin: 0 auto;
	min-height: 100px;
}
.mt_volMobile_registerMain > div > h2 {
	font-size: 24px;
	color: #84CFCD;
	padding-bottom: 25px;
}
.mt_volMobile_registerMain > p {
	line-height: 18px;
}
.mt_volMobile_signupTabs {
	width: 100%;
	height: 25px;
	position: relative;
	margin-top: 25px;
}
.mt_volMobile_signupTabs:before {
	content: '';
	height: 2px;
	width: 100%;
	background-color: #70707040;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
.mt_volMobile_signupTabs > div {
	width: 80%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.mt_volMobile_signupTabs > div p {
	color: #FFF;
	background-color: #84CFCD;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 100;
}
.mt_volMobile_signupTabs > div p:before {
	content: '';
	width: 30px;
	height: 30px;
	background-color: rgba(132, 207, 205, .2);
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	z-index: 50;
}
.mt_volMobile_activeSignup {
	background-color: #F47E58 !important;
}
.mt_volMobile_activeSignup:before {
	background-color: rgba(244, 126, 88, .2) !important;
}
.mt_volMobile_registerInputs {
	width: 80%;
	margin: 0 auto;
	min-height: 100px;
}
.mt_volMobile_registerInputs > p:nth-child(2),
.mt_volMobile_registerSubHead {
	font-size: 20px;
}
.mt_volMobile_registerSubHead {
	margin-top: 50px;
	margin-bottom: 25px;
}
.mt_volMobile_inputBox > p {
	font-size: 17px;
	font-weight: normal;
}
.mt_volMobile_registerInputs .mt_volMobile_inputBox {
	width: 100%;
}
.mt_volMobile_registerNext,
.mt_volMobile_registerAlt {
	text-align: center;
	color: #FFF !important;
	border-radius: 8px;
	background-color: #24335A;
	width: 100%;
	margin: 15px 0px;
	padding: 15px 0px;
	display: block;
}
/* ACCOUNT */
#volMobile_addressEdit {
	text-align: right !important;
}
.mt_volMobile_userIDView > div {
	width: 80%;
	min-height: 100px;
	margin: 0 auto;
	position: relative;
}
.mt_volMobile_badgeImg {
	width: 175px;
	height: 175px;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
}
.mt_volMobile_userIDView p {
	text-align: center;
}
.mt_volMobile_badgeName {
	font-size: 24px;
	margin-bottom: 15px;
}
.mt_volMobile_badgeCode {
	width: 300px;
	height: 150px;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#closeUserCard{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #EBEAEA;
	border-radius: 50%;
	position: absolute;
	right: 0px;
	top: -10px;
}
#closeUserAvail,
#closeUserAvailAdd{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #EBEAEA;
	border-radius: 50%;
	position: absolute;
	right: 0px;
	top: 30px;
}
#closeContactForm,
#closeContactFormLogin,
#closePerks{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #EBEAEA;
	border-radius: 50%;
}
#closeUserCard i,
#closeUserAvail i,
#closeUserAvailAdd i
#closeContactForm,
#closeContactFormLogin,
#closePerks i{
	font-size: 24px;
	color: #000000;
}

/* TOOLS */
.mt_volMobile_tools > div:first-child,
.mt_volMobile_subToolMenu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 0px;
}
.mt_volMobile_subToolMenuSkill {
	display: block !important;
}
.mt_volMobile_subToolMenuAvail {
	padding-bottom: 0px;
	position: relative;
}
.mt_volMobile_subToolMenu {
	width: 90%;
	margin: 0 auto;
}
.mt_volMobile_tools > div:first-child h1,
.mt_volMobile_subToolMenu h1{
	position: relative;
	top: -8px;
}
.mt_volMobile_tools > div:nth-child(2),
.mt_volMobile_tools > div:nth-child(3) {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px !important;
}
.mt_volMobile_toolsMain > div:last-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px 0px !important;
	width: 80%;
	margin: 0 auto;
	
}
.mt_volMobile_toolLink {
	height: 150px;
	width: 50%;
	border-radius: 15px;
	background-color: #24335A;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.mt_volMobile_toolLink:first-child {
	margin-right: 25px;
}
.mt_volMobile_toolLink > div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.mt_volMobile_toolLink > p {
	background-color: #84CFCD;
	color: #FFF;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	font-size: 24px;
	text-align: center;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
}
.mt_volMobile_toolLink > div p,
.mt_volMobile_toolLink > div i {
	color: #FFF;
	text-align: center;
	width: 100%;
}
.mt_volMobile_toolLink > div p {
	line-height: 20px;
}
.mt_volMobile_toolLink > div i {
	font-size: 28px;
	margin-bottom: 10px;
}
.mt_volMobile_toolLink_single_item {
	margin-left: 25%;
}
.mt_volMobile_tools > div:not(:last-child) {
	width: 80%;
	margin: 0 auto;
}
.mt_volMobile_clockInDisable {
	background-color: gray !important;
	color: darkgrey !important;
	cursor: pointer !important;
}
#toolMainClockIn,
#subToolMainClockIn,
#perkMainOpen {
	background-color: #84CFCD;
	color: #24335A;
	border-radius: 8px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
}
.mt_volMobile_recentVolHours,
.mt_volMobile_recentVolHoursSubmit,
.mt_volMobile_submitHoursDetail {
	width: 100%;
}
.mt_volMobile_recentVolHours > p {
	text-align: left;
	width: 80%;
	margin: 0 auto;
	padding: 25px 0px;
}
.mt_volMobile_recentVolHours > div:nth-child(2),
.mt_volMobile_recentVolHoursSubmit > div:first-child {
	background-color: #EBEAEA !important;
	border-bottom: 2px solid	#70707027;
}
.mt_volMobile_recentVolHours > div p,
.mt_volMobile_recentVolHoursSubmit > div p {
	text-align: center !important;
}
.mt_volMobile_recentVolHours > div,
.mt_volMobile_recentVolHoursSubmit > div,
.mt_volMobile_recentHoursItem,
.mt_volMobile_cardHoursItem {
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_recentHoursItem p,
.mt_volMobile_cardHoursItem p {
	padding: 15px 0px;
	text-align: center !important;
	color: #24335A !important;
}
.mt_volMobile_recentVolHours > div p,
.mt_volMobile_recentHoursItem p,
.mt_volMobile_cardHoursItem p {
	width: 25%;
}
.mt_volMobile_recentVolHoursSubmit .mt_volMobile_recentHoursItem i {
	font-size: 24px;
}
.mt_volMobile_recentVolHoursSubmit .mt_volMobile_recentHoursItem p:first-child {
	width: 30%;
}
.mt_volMobile_recentVolHoursSubmit .mt_volMobile_recentHoursItem p:nth-child(2) {
	width: 70%;
	text-align: left !important;
}
.mt_volMobile_recentVolHoursSubmit > div p:first-child {
	width: 30%;
}
.mt_volMobile_recentVolHoursSubmit > div p:nth-child(2) {
	width: 70%;
	text-align: left !important;
}
.mt_volMobile_recentHoursItem,
.mt_volMobile_cardHoursItem {
	position: relative;
	border-bottom: 2px solid	#70707027;
}
div.mt_volMobile_recentHoursItem {
	border-bottom: none	!important;
}
.mt_volMobile_recentHoursItem i,
.mt_volMobile_cardHoursItem i {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #F47E58 !important;
}
#viewTimeCard {
	width: 80%;
	margin: 0 auto;
	padding: 25px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #24335A !important;
}
#viewTimeCard i {
	font-size: 20px !important;
}
.mt_volMobile_timeBar {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-top: 2px solid	#70707027;
}
.mt_volMobile_timeDots {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.mt_volMobile_timeDots div {
	display: block;
	width: 3px;
	height: 3px;
	background-color: #26262880;
	border-radius: 50%;
	margin-bottom: 3px;
}
.mt_volMobile_timeBar > p {
	width: 50%;
	text-align: center;
	padding: 10px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #071626 !important;
}
.mt_volMobile_timeBar > p i {
	font-size: 24px;
	margin-right: 5px;
	position: relative;
	top: -3px;
	color: #071626 !important;
}
.mt_volMobile_timeBar > p span {
	font-size: 18px;
	margin-left: 10px;
	color: #071626 !important;
}
.mt_volMobile_toolFilters {
	width: 100%;
	height: 50px;
	background-color: #F5F5F5;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
}
.mt_volMobile_toolFilters a {
	width: 50%;
	text-align: center;
	text-transform: uppercase;
	color: #071626 !important;
	font-size: 12px;
}


.mt_volMobile_toolsTab {
	display: none;
}
.mt_volMobile_toolsActive {
	display: block;
}
.mt_volMobile_toolsReport .mt_volMobile_subToolMenu {
	display: block !important;
}
.mt_volMobile_toolsReport .mt_volMobile_inputBox {
	margin: 0px !important;
	width: 100% !important;
}
.mt_volMobile_inputBoxLarge {
	width: 100% !important;
}
.mt_volMobile_inputBoxLarge textarea {
	background: #F5F5F5 0% 0% no-repeat padding-box;
	border-radius: 6px;
	border: none;
	box-shadow: none;
	width: 100%;
	padding: 15px;
	position: relative;
	-webkit-appearance: none !important;
	font-family: 'Open Sans' !important;
}
#submitReportIncident,
#cancelReportIncident,
#submitVolHours,
#cancelVolSubmit,
.mt_volMobile_volTimeClockInPunch,
.mt_volMobile_volTimeClockOutPunch,
#volTimeClockCancel,
#volHoursDetailsEdit,
#accountSignOut,
#accountSaveSkills,
#availAdd,
#availAddSave,
.mt_volMobile_contactSubmit{
	width: 100%;
	height: 50px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
#volHoursDetailsEdit,
#accountSignOut,
#accountSaveSkills,
#availAdd,
#availAddSave,
.mt_volMobile_contactSubmit {
	width: 80% !important;
	margin: 0 auto;
}
#submitReportIncident,
#submitVolHours,
.mt_volMobile_volTimeClockInPunch,
.mt_volMobile_volTimeClockOutPunch,
#volHoursDetailsEdit,
#accountSignOut,
#accountSaveSkills,
#availAdd,
#availAddSave,
.mt_volMobile_contactSubmit {
	background-color: #24335A;
	color: #fff !important;
}
#cancelReportIncident,
#cancelVolSubmit,
#volTimeClockCancel {
	background-color: #84CFCD;
	color: #24335A;
}
.mt_volMobile_submitHoursDetail > div:last-child > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 200px;
	margin: 0 auto;
	padding: 25px 0px;
}
.mt_volMobile_submitHoursDetail > div:last-child {
	width: 80%;
	margin: 0 auto;
}
.mt_volMobile_submitHoursDetail > div:first-child {
	width: 90%;
	margin: 0 auto;
}
.mt_volMobile_submitHoursDetail > div:first-child a i,
.mt_volMobile_volHoursDetails > div:first-child a i {
	color: #071626;
	font-size: 25px;
}
.mt_volMobile_submitHoursDetail > div:last-child h2,
.mt_volMobile_submitHoursDetail > div:last-child p,
.mt_volMobile_submitHoursDetail > div:last-child > i {
	text-align: center;
	margin: 0 auto;
	color: #24335A;
}
.mt_volMobile_submitHoursDetail > div:last-child > p {
	padding: 10px 0px;
}
.mt_volMobile_submitHoursDetail > div:last-child > i {
	font-size: 65px;
	color: #24335A;
	width: 100%;
}
.mt_volMobile_submitHoursDetail > div:last-child > div a {
	width: 15px;
	height: 15px;
	border-radius: 5px;
	border: 1px solid #707070;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_submitHoursDetail > div:last-child > div p {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.mt_volMobile_submitHoursDetail > div:last-child > div p span {
	width: 100%;
	font-size: 28px;
}
.mt_volMobile_submitHoursDetail .mt_volMobile_subToolMenu a,
.mt_volMobile_volHoursDetails .mt_volMobile_subToolMenu a,
.mt_volMobile_accountEdit .mt_volMobile_subToolMenu a
 {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #EBEAEA 0% 0% no-repeat padding-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_submitHoursDetail > div:last-child > div a i,
.mt_volMobile_volHoursDetails .mt_volMobile_subToolMenu a i,
.mt_volMobile_accountEdit .mt_volMobile_subToolMenu a i
 {
	color: #24335A;
	font-size: 25px;
}
.mt_volMobile_submitHoursDetail > div:last-child > p:nth-child(2) {
	color: #26262880;
	font-size: 20px;
}

.mt_volMobile_timeCardClockIn > div:last-child > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 200px;
	margin: 0 auto;
	padding: 15px 0px;
}
.mt_volMobile_timeCardClockIn > div:last-child {
	width: 80%;
	margin: 0 auto;
}
.mt_volMobile_timeCardClockIn > div:first-child {
	width: 90%;
	margin: 0 auto;
}
.mt_volMobile_timeCardClockIn > div:first-child a i {
	color: #071626;
	font-size: 25px;
}
.mt_volMobile_timeCardClockIn > div:last-child h2,
.mt_volMobile_timeCardClockIn > div:last-child p,
.mt_volMobile_timeCardClockIn > div:last-child > i {
	text-align: center;
	margin: 0 auto;
	color: #24335A;
}
.mt_volMobile_timeCardClockIn > div:last-child > p {
	padding: 10px 0px;
}
.mt_volMobile_timeCardClockIn > div:last-child > i {
	font-size: 65px;
	color: #24335A;
	width: 100%;
}
.mt_volMobile_timeCardClockIn > div:last-child > div a {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid #707070;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_timeCardClockIn > div:last-child > div p {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.mt_volMobile_timeCardClockIn > div:last-child > div p span {
	width: 100%;
	font-size: 28px;
}
.mt_volMobile_timeCardClockIn .mt_volMobile_subToolMenu a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #F5F5F5 0% 0% no-repeat padding-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_timeCardClockIn > div:last-child > div a i {
	color: #24335A;
	font-size: 25px;
}
.mt_volMobile_timeCardClockIn > div:last-child > p:nth-child(2) {
	color: #26262880;
	font-size: 20px;
}

.mt_volMobile_volHoursDetails > div:first-child {
	width: 90%;
	margin: 0 auto;
}
.mt_volMobile_volHoursDetails .mt_volMobile_recentVolHours > div:last-child {
	display: block !important;
	width: 90%;
	margin: 0 auto;
}
.mt_volMobile_volHoursDetails .mt_volMobile_recentVolHours > div:last-child p,
.mt_volMobile_volHoursDetails .mt_volMobile_recentVolHours > div:last-child a {
	width: 100% !important;
}
.mt_volMobile_volHoursDetails .mt_volMobile_recentVolHours > div:last-child p {
	text-align: left !important;
}
.mt_volMobile_volHoursDetails .mt_volMobile_recentVolHours > div:last-child h1 {
	color: #24335A !important;
}
.mt_volMobile_volHoursDetails .mt_volMobile_recentVolHours > div:last-child p:nth-child(2) {
	font-size: 24px; 
	color: #26262880;
	display: flex !important;
	justify-content: flex-start;
	align-items: center;
	padding: 0px !important;
	margin: 0px;
}
.mt_volMobile_volHoursDetails .mt_volMobile_recentVolHours > div:last-child p:nth-child(4) {
	margin-bottom: 25px;
}
.mt_volMobile_calOppList {
	padding: 20px;
	border-top: 2px solid #EBEAEA;
}
.mt_volMobile_calOppList > p:first-child {
	padding-bottom: 15px;
}
.mt_volMobile_calBlock {
	width: 100%;
	min-height: 100px;
}
.mt_volMobile_calendar .mt_volMobile_dateListFilters {
	width: 100%;
	height: 50px;
	background-color: #F5F5F5;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.mt_volMobile_calendar .mt_volMobile_dateListFilters a {
	width: 50%;
	text-align: center;
	text-transform: uppercase;
	color: #071626 !important;
	font-size: 12px;
}
.mt_volMobile_userLevel {
	width: 30px;
	height: 30px;
	background-image: url(../images/volTracker/mobile/level-silver.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
}
.mt_volMobile_account-levels {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.mt_volMobile_account-levels p {
	margin: 0px;
	position: relative !important;
	top: 8px !important;
}
.mt_volMobile_accountName {
	word-spacing: 100vw;
	max-width: 250px;
}
.mt_volMobile_accountBox {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	margin: 50px 0px;
}
.mt_volMobile_accountBox > div {
	width: 50%;
	min-height: 400px;
}
.mt_volMobile_accountBox > div:last-child {
	overflow: hidden;
}
.mt_volMobile_accountBox > div:first-child {
	padding-left: 30px;
}
.mt_volMobile_clockProgress {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_clockItem {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background-color: #FFF;
	background-image: url(../images/volTracker/mobile/clock.png);
	background-size: cover;
	background-position: left;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.mt_volMobile_clockItem p {
	position: absolute;
	font-size: 15px;
}
.mt_volMobile_clockItem p:nth-child(1){
	left: 110px;
	top: 35px;
}
.mt_volMobile_clockItem p:nth-child(2){
	left: 55px;
	top: 102px;
}
.mt_volMobile_clockItem p:nth-child(3){
	left: 23px;
	top: 182px;
}
.mt_volMobile_clockItem p:nth-child(4){
	left: 50px;
	top: 268px;
}
.mt_volMobile_clockItem p:nth-child(5){
	left: 111px;
	top: 327px;
}
.mt_volMobile_clockItem p:nth-child(6){
	top: 48%;
	transform: translateY(-50%);
	left: 65px;
	text-align: center !important;
}
.mt_volMobile_accountBox > div:first-child > div:first-child h1 {
	color: #000000 !important;
	font-size: 95px;
	margin-top: 25px;
}
.mt_volMobile_accountBox > div:first-child > div:first-child {
	margin-bottom: 50px;
}
.mt_volMobile_accountBox .mt_volMobile_dots {
	font-size: 14px;
}
.mt_volMobile_accountBox > div:first-child > div:first-child .mt_volMobile_dots i {
	color: #F47E58;
}
.mt_volMobile_accountBox > div:first-child > div:last-child p:first-child i {
	color: #24335A;
	font-size: 14px !important;
}
.mt_volMobile_boldText {
	font-weight: bold !important;
	font-size: 18px;
}
.mt_volMobile_accountProgress {
	height: 60px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.mt_volMobile_accountProgress > div:first-child {
	height: 100%;
	width: 60px;
	background-image: url(../images/volTracker/mobile/level-silver.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
}
.mt_volMobile_accountProgress > div:last-child {
	flex-grow: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.mt_volMobile_accountProgress > div:last-child > div,
.mt_volMobile_accountProgress > div:last-child > p {
	height: 33%;
	width: 100%;
}
.mt_volMobile_accountProgress > div:last-child > div:first-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mt_volMobile_accountProgress > div:last-child > div:first-child p {
	color: #071626;
}
.mt_volMobile_accountProgress > div:last-child > p {
	color: #24335A;
}
.mt_volMobile_accountProgress > div:last-child > p span {
	font-weight: bold;
	color: #F47E58;
}
.mt_volMobile_accountProgress > div:last-child > div:nth-child(2) {
	border-radius: 15px;
	background-color: #FFF;
	overflow: hidden;
	height: 20% !important;
}
.mt_volMobile_accountProgress > div:last-child > div:nth-child(2) > div {
	width: 75%;
	height: 25px;
	background-color: #F47E58;
}
.mt_volMobile_progressAlert {
	height: 50px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	padding-top: 25px;
	padding-bottom: 25px;
}
.mt_volMobile_progressAlert > div {
	height: 100%;
	width: 100%;
	border: solid 1px #84CFCD;
	border-radius: 6px;
	padding: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.mt_volMobile_progressAlert > div p {
	color: #071626 !important;
	font-size: 12px;
}
.mt_volMobile_progressAlert > div p:last-child {
	width: 100%;
	text-align: center !important;
}
.mt_volMobile_progressAlert > div p span {
	font-weight: bold;
}
.mt_volMobile_progressAlert > div p:first-child {
	font-size: 25px !important;
	margin: 0px 20px 0px 10px;
	text-align: center;
}
.mt_volMobile_progressAlert > div p:last-child {
	text-align: left;
}
.mt_volMobile_accountLinks {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px !important;
}
.mt_volMobile_editHead {
	width: 100%;
	background-color: #70707040;
	padding: 10px 0px;
}
.mt_volMobile_editHead p {
	width: 90%;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
}
.mt_volMobile_editItem {
	width: 100%;
}

.mt_volMobile_editItem > div  {
	width: 90%;
	display: flex;
	padding: 20px 0px;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	border-bottom: 2px solid #EBEAEA;
}
.mt_volMobile_editItem > div p {
	width: fit-content;
	max-width: 250px;
	position: relative;
}
.mt_volMobile_editItem > div p i{
	font-size: 18px;
}
.mt_volMobile_accountEdit {
	padding-bottom: 25px;
}
.mt_volMobile_editItem > div:last-child {
	border-bottom: none !important;
}
.mt_volMobile_subToolMenu > h1 span {
	font-weight: normal !important;
	color: #071626 !important;
	font-size: 28px;
}
.mt_volMobile_dropItem {
	width: 100%;
	height: fit-content;
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s;
	max-height: 40px;
	margin-bottom: 5px;
}

.mt_volMobile_dropHead {
	background-color: #EBEAEA;
	display: block;
	width: 100%;
	height: 40px;
}
.mt_volMobile_dropHead > div {
	height: 100%;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #071626;
}
.mt_volMobile_dropHead > div p,
.mt_volMobile_dropHead > div i {
	color: #071626;
	-webkit-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s;
}
.mt_volMobile_dropContent {
	width: 90%;
	margin: 0 auto;
}
.mt_volMobile_dropOpen > a > div i {
	transform: rotate(180deg);
}
.mt_volMobile_dropOpen {
	max-height: 700px;
}
.mt_volMobile_spacer {
	height: 50px;
	width: 100%;
}
.mt_volMobile_spacer-sm{
	height: 25px;
	width: 100%;
}
.mt_volMobile_dropContent > div > div {
	width: 100%;
}
.mt_volMobile_skillElementItem > div p {
	width: 110px;
	min-width: 110px;
	margin-right: 0;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.04em;
	width: 100%;
}
.mt_volMobile_skillElementItem > div > div{
	flex: 1;
	height: 48px;                   /* taller track */
	background-color: #EBEAEA;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 0 8px;
	box-sizing: border-box;
}
.mt_volMobile_skillElementItem > div > div p {
	height: 40px;                   /* bigger tap target */
	width: 40px;
	min-width: unset;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	color: #6b6b6b;
	background-color: transparent;
	font-size: 14px;                /* slightly larger number */
	margin: 0;
	padding: 0;
	visibility: visible;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.mt_volMobile_dropContent > div > div > div p:not(:first-child) {
	margin-left: 5px;
}
.mt_volMobile_activeSkill {
	color: #ffffff !important;
	visibility: visible !important;
}
.mt_volMobile_skillLvl {
	padding-bottom: 15px;
}
/* Skill item container */
.mt_volMobile_skillElementItem {
	width: 100%;
	padding: 12px 0;
	border-bottom: 1px solid #E0E0E0;
}
.mt_volMobile_availHead {
	width: 100%;
	background-color: #EBEAEA;
	height: 40px;
}
.mt_volMobile_availHead > div,
.mt_volMobile_availItem{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 90%;
	height: 100%;
	margin: 0 auto;
}
.mt_volMobile_availItem {
	cursor: default;
	position: relative;
	overflow: hidden;
}
.mt_volMobile_availHead > div p:first-child,
.mt_volMobile_availHead > div p:nth-child(2),
.mt_volMobile_availItem > p:first-child,
.mt_volMobile_availItem > p:nth-child(2){
	width: 105px;
}
.mt_volMobile_availHead > div p:last-child,
.mt_volMobile_availItem > p:nth-child(3) {
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mt_volMobile_availItem > p i {
	font-weight: 900;
}
.mt_volMobile_availItem {
	border-bottom: 2px solid #EBEAEA;
	padding: 10px 0px;
}
.mt_volMobile_subToolMenuSkill > p {
	width: 60%;
	font-style: italic;
}
.mt_volMobile_subToolMenuSkill > p span {
	font-weight: bold;
}
.mt_volMobile_availDays {
	width: 90%;
	margin: 0 auto;
	padding: 25px 0px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.mt_volMobile_availDays a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	color: #071626;
	background-color: #EBEAEA;
	border-radius: 50%;
	margin-right: 15px;
}
.mt_volMobile_availDayActive {
	color: #FFF !important;
	background-color: #24335A !important;
}
.mt_volMobile_availTimes {
	width: 90%;
	margin: 0 auto;
	height: 40px;
	padding: 25px 0px;
}
.mt_volMobile_availTimes p {
	width: 75px;
}
.mt_volMobile_availTimes > div {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	margin-bottom: 25px;
}
.mt_volMobile_availTimes > div > div {
	width: 75px;
	height: 100%;
	border-radius: 6px;
	margin-right: 10px;
	position: relative
}
.mt_volMobile_availTimes select {
	background-color: #EBEAEA;
	border: none !important;
	box-shadow: none !important;
	box-sizing: border-box;
	color: #071626;
	font-weight: bold;
	border-radius: 6px;
	height: 100%;
	width: 100%;
	padding-left: 10px;
	padding-right: 15px;
}
.mt_volMobile_accountContact .mt_volMobile_inputBox,
.mt_volMobile_accountContact .mt_volMobile_inputBoxLarge,
.mt_volMobile_contactMain .mt_volMobile_inputBoxLarge,
.mt_volMobile_contactMain .mt_volMobile_inputBox{
	width: 90% !important;
	margin: 0 auto;
}
.mt_volMobile_accountContact textarea,
.mt_volMobile_contactMain textarea,
.mt_volMobile_toolsReport textarea{
	background-color: #EBEAEA;
}
.mt_volMobile_floatText {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	right: 0px;
	width: fit-content !important;
	top: 22px;
}
.mt_volMobile_floatText a:first-child {
	margin-right: 25px;
}
.mt_volMobile_req {
	color: rgb(170,5,35,1);
}




.mt_volMobile_progress {
  width: 135px;
  height: 135px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#progressAccount {
	width: 185px !important;
	height: 135px !important;
}
.mt_volMobile_progress:before {
	content: '';
	width: 117px;
	height: 117px;
	position: absolute;
	left: 50%;
	top: 50%;
	border: 7px solid #EBEAEA;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.mt_volMobile_clockProgress {
  width: 450px;
  height: 450px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mt_volMobile_clockProgress:before {
	content: '';
	width: 425px;
	height: 425px;
	position: absolute;
	left: 50%;
	top: 50%;
	border: 13px solid #FFF;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.mt_volMobile_userInfo > div:first-child > div:last-child > .mt_volMobile_profilePic {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	padding: 5px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.mt_volMobile_progress > svg {
  height: 100%;
  display: block;
  transform: rotate(180deg);
}
.mt_volMobile_clockProgress > svg {
  height: 100%;
  display: block;
  transform: rotate(148deg);
}
.mt_volMobile_rankCloseMain {
	margin: 0 auto;
	width: 90% !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mt_volMobile_rankCloseMain a {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #EBEAEA;
	border-radius: 50%;
	margin-bottom: 25px;
}
.mt_volMobile_rankCloseMain a i {
	font-size: 24px;
	color: #000000;
}




/* API TESTING */
.mt_volMobile_registerMainALT {
	display: none;
}
.mt_volMobile_errorText,
.mt_volMobile_innerContactError {
	color: red;
	display: none;
}
.mt_volMobile_innerContactError {
	width: 100%;
	text-align: center;
}
.mt_volMobile_contactSubmit {
	margin-bottom: 25px;
}
.mt_volMobile_errorTextBtn {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 15px;
	text-align: center;
}
#volMobile_oppDetailsLoc {
	border-radius: 0px !important;
	color: #000000 !important;
	margin: 0px !important;
	background-color: transparent !important;
}
#volMobile_oppDetailsDetails {
	padding-left: 5px !important;
}
.mt_volMobile_oppDetailText {
	justify-content: flex-start !important;
}
.mt_volMobile_oppDetailText > p:first-child {
	padding-right: 0px;
}
.mt_volMobile_detailsLocInfo {
	justify-content: flex-start !important;
}
.mt_volMobile_accountLevelList {
	padding-top: 50px;
}
.mt_volMobile_accountLevelList h1 {
	padding-bottom: 25px;
	width: 90%;
	margin: 0 auto;
}
.mt_volMobile_progressLevelsItem {
	margin: 25px 0px;
	border-radius: 10px;
	background-color: rgba(26, 24, 24, 0.1);
	padding: 25px;
	display: block;
}
.mt_volMobile_progressLevelsItem > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mt_volMobile_progressLevelsItem > div > div:first-child {
	height: 60px;
	width: 60px;
	background-image: url(../images/volTracker/mobile/level-silver.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
}
.mt_volMobile_progressLevelsItem > div > div:last-child {
	width: 80% !important;
} 
.mt_volMobile_progressLevelsItem p span {
	font-weight: bold;
}
.mt_volMobile_progressLevelsItem p i {
	margin-left: 50px;
	font-weight: 900;
}
.mt_volMobile_progressLevelsItem p:last-child {
	margin-top: 15px;
}
.mt_volMobile_progressLevelItemsList {
	width: 90%;
	margin: 0 auto;
	min-height: 50px;
}
.mt_volMobile_accountLevelInfo {
	width: 100%;
	display: none;
	height: 100%;
	min-height: 900px;
}
.mt_volMobile_accountLevelInfo h1 {
	width: 100%;
}
.mt_volMobile_accountLevelInfo > div:first-child {
	width: 90%;
	height: 100%;
	min-height: 900px;
	margin: 0 auto;
}
.mt_volMobile_accountLevelInfo p {
	margin-bottom: 25px;
}
.mt_volMobile_levelInfoLogo {
	height: 60px;
	width: 60px;
	background-image: url(../images/volTracker/mobile/level-silver.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
	margin-bottom: 25px;
}
.mt_volMobile_levelBack {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #EBEAEA;
	padding: 0px 25px;
}
.mt_volMobile_levelBack  i{
	font-size: 25px;
	font-weight: 900 !important;
}
.mt_volMobile_levelBack p {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #071626 !important;
	padding: 35px 25px;
	font-size: 14px;
	margin-bottom: 0px;
}
.mt_volMobile_barcodeText {
	font-weight: bold;
	font-size: 20px;
	position: relative;
	top: -22px;
}
#volMobileInitID {
	cursor: pointer;
	margin-top: 50px;
}

.mt_volMobile_idCardFull {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #24335A;
	display: none;
	z-index: 1000;
}
.mt_volMobile_idCardFull .mt_volMobile_head > div {
	justify-content: center !important;
}
.mt_volMobile_idCardFull .mt_volMobile_head {
	border-bottom: none !important;
}
.mt_volMobile_idCardCon {
	width: 100%;
	height: calc(100% - 150px);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-top: 150px;
	position: relative;
}
#volMobile_idCardWrapper {
	padding-bottom: 100px;
}
#volMobile_idCardFull {
	/* Portrait ID card — tall rectangle */
	width: min(75vw, 340px);
	height: min(85vh, 580px);
	margin: 20px auto;
	
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.2);
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	
	container-type: inline-size;
	
	display: grid;
	grid-template-rows: 14% 1fr 20%;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* HEADER BAR — colored strip with logo */
.mt_volMobile_idHeader {
	background: #1a3a6b;
	display: flex;
	align-items: center;
	padding: 0 5cqw;
	justify-content: center;
}

.mt_volMobile_mtLogoID {
	width: 55%;
	height: 60%;
	background-image: url(../images/mt-logo.png);
	background-size: contain;
	background-position:center;
	background-repeat: no-repeat;
}

/* BODY — photo on top, name + info below */
.mt_volMobile_idBody {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 6cqw 5cqw;
	gap: 4cqw;
	background: #fff;
}

.mt_volMobile_idImage {
	width: 55%;
	aspect-ratio: 1 / 1.2;
	border-radius: 6px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

.mt_volMobile_idInfo {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5cqw;
	width: 100%;
	text-align: center;
}

.mt_volMobile_idLabel {
	margin: 0;
	font-size: 3cqw;
	font-weight: 600;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.mt_volMobile_idFullName {
	margin: 0;
	font-size: 6.5cqw;
	font-weight: 700;
	line-height: 1.15;
	color: #1a1a1a;
	word-wrap: break-word;
}

.mt_volMobile_idBarcodeText {
	margin: 0;
	font-size: 3.5cqw;
	font-weight: 600;
	color: #444;
	letter-spacing: 0.05em;
	margin-top: 1cqw;
}

/* FOOTER — barcode strip */
.mt_volMobile_idFooter {
	background: #f5f5f5;
	border-top: 1px solid #e0e0e0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3cqw 5cqw;
	gap: 1.5cqw;
}

.mt_volMobile_idFullBarcode {
	width: 80%;
	flex: 1;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 0;
}

.mt_volMobile_idCardBarcodeIDVal {
	margin: 0;
	font-family: 'Courier New', 'Menlo', monospace;
	font-size: 3.8cqw;
	font-weight: 600;
	letter-spacing: 0.25em;
	color: #222;
}
#volMobile_fullIDClose {
	position: absolute;
	z-index: 1100;
	bottom: 25px;
	right: 25px;
	width: 50px;
	height: 50px;
	background-color: #F5F5F5;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000000;
	font-size: 25px;
}
.mt_volMobile_availItemEdit,
.mt_volMobile_availItemDelete {
	cursor: pointer;
	width: 30px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_availItem > p:nth-child(3) > span:first-child {
	width: 75px;
}
.mt_volMobile_availDeleteConfirm {
	position: absolute;
	left: 0px;
	bottom: -55px;
	height: 51px;
	width: 100%;
	background-color: #84CFCD !important;
	-webkit-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s;
}
.mt_volMobile_availDeleteConfirm > div {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 51px;
	width: 100%;
}
.mt_volMobile_availDeleteConfirm > div > p {
	font-weight: bold;
	padding-left: 10px;
	flex-grow: 1;
}
.mt_volMobile_availDeleteConfirm > div > div {
	padding-right: 10px;
}
.mt_volMobile_availDeleteConfirm > div > div > a {
	background-color: #24335A !important;
	color: #fff !important;
	padding: 5px 10px;
	border-radius: 10px;
	margin-left: 10px;
}
.mt_volMobile_calItemWithOpp:after {
	content: '';
	width: 5px;
	height: 5px;
	background-color: #24335A;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 7px;
}
.mt_volMobile_calItemWithOpp.active:after {
	display: none;
}
.mt_volMobile_calItemEmpty {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #24335A;
}
#volMobile_toolItemList,
#volMobile_timeCardItems {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#volMobile_toolItemList > a,
#volMobile_timeCardItems > a {
	width: 100%;
}
p.mt_volMobile_cardHoursItemInner {
	text-align: center;
	font-weight: bold;
	width: 100%;
	padding: 50px 0px;
	min-width: 250px;
}
.volMobile_timeCardNav {
	width: 90%;
	padding: 50px 0px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between !important;
	align-content: center;
}
.volMobile_timeCardNav > p {
	flex-grow: 1;
	padding: 0px 15px;
	font-weight: bold;
} 
.volMobile_timeCardNav > a {
	font-size: 25px;
}
.mt_volMobile_oppEmptyText {
	font-size: 18px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding-top: 100px;
}

#eventClearFilters,
.mt_volMobile_oppContactAdmin {
	text-align: center;
	color: #FFF !important;
	border-radius: 8px;
	border: 1px solid #24335A;
	background-color: #24335A;
	width: 100%;
	margin: 15px 0px;
	padding: 15px 0px;
	display: block;
}
.mt_volMobile_oppContactAdmin {
	margin-top: 15px;
}
.mt_volMobile_loginMainBackRegister {
	margin-top: 15px;
	width: 100%;
}
.mt_volMobile_volHoursItem > div:last-child {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	top: 12px;
	right: 15px;
}
.mt_volMobile_volHoursItem > div:last-child i {
	position: relative !important;
	left: 0px !important;
	top: 0px !important;
}
.mt_volMobile_volHoursItem > div:last-child i:nth-child(2) {
	margin-left: 20px;
}
.mt_volMobile_volHourTextarea {
	width: 90% !important;
	margin: 0 auto !important;
	min-height: 100px !important;
	display: flex !important;
	justify-content: flex-start !important;
	flex-wrap: wrap !important;
}
.mt_volMobile_volHourTextarea p {
	text-align: left !important;
	width: 100%;
	justify-content: flex-start !important;
	padding-bottom: 10px;
}
.mt_volMobile_volHourTextarea textarea {
	width: 100%;
	height: 250px;
	border-radius: 10px;
	padding: 10px;
	font-size: 10px;
	background-color: #EBEAEA;
	border: none !important; 
	resize: none;
}
#volMobile_volHoursDetailDate {
	padding: 0px !important;
}
.mt_volMobile_volHoursValues {
	width: 80% !important;
	margin: 0 auto !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}
.mt_volMobile_volHoursValues > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 150px;
	
}
.mt_volMobile_volHoursValues > div:first-child {
	margin-right: 20px;
}
.mt_volMobile_volHoursValues > div a{
	display: block;
}
.mt_volMobile_volHoursValues > div > p:first-child {
	font-weight: bold;
}
.mt_volMobile_volHoursValues > div > p:first-child {
	font-size: 18px;
}
.mt_volMobile_volHoursValues > div > p:last-child {
	font-size: 15px;
}
.mt_volMobile_volHoursValues > div > div {
	margin: 0px 5px;
}
.mt_volMobile_volHourCounter {
	background-color: #EBEAEA;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	border-radius: 5px;
	color: #24335A;
}
.mt_volMobile_loadMoreSearchBtn {
	text-align: center;
	  color: #FFF !important;
	  border-radius: 8px;
	  border: 1px solid #24335A;
	  background-color: #24335A;
	  width: 100%;
	  margin: 15px 0px;
	  padding: 15px 0px;
	  display: block;
}
.mt_volMobile_submitHoursDetail > div:last-child > div a:first-child {
	margin-bottom: 5px;
}
.mt_volMobile_submitHoursDetail > div:last-child > div a i {
	font-size: 18px !important;
}
#volMobile_availCal {
	display: none;
}
.mt_volMobile_clockInSuccess {
	width: 100%;
	height: 100%;
	background-color: #84CFCD;
	display: none;
	position: relative;
	top: -5px;
}
.mt_volMobile_toolsSub {
	height: 100%;
}
#volTimeBackTimecard {
	width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #24335A;
	border-radius: 8px;
	height: 50px;
	margin: 0 auto;
	color: #FFF !important;
	text-transform: uppercase;
}
.mt_volMobile_clockInSuccess > p:first-child {
	color: #FFF !important;
	margin-bottom: 100px;
	font-family: 'Open Sans' !important;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin: 0 auto;
	padding-top: 150px;
	padding-bottom: 50px;
}
.mt_volMobile_clockInSuccess > p {
	margin: 0 auto;
	text-align: center;
}
.mt_volMobile_clockInSuccess h2 {
	color: #24335A !important;
	margin-bottom: 15px;
	text-align: center;
	margin: 0 auto;
}
.mt_volMobile_clockInSuccess > p:nth-child(3) {
	padding: 10px 0px;
	text-align: center;
	margin: 0 auto;
	color: #24335A;
}
.mt_volMobile_clockInSuccess > p:nth-child(4) {
	padding-bottom: 100px;
	text-align: center;
	margin: 0 auto;
	color: #24335A;
}
#volMobile_updateUserInfo {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#volMobile_updateUserInfo i {
	font-size: 18px;
}
.mt_volMobile_oppItem > div:first-child {
	position: relative;
}
.mt_volMobile_oppItem > div:first-child i {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5px;
	font-size: 20px;
	color: #24335A;
}
.mt_volMobile_homeFlex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}
.mt_volMobile_homeOppFlex {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.mt_volMobile_homeTop {
	width: 100%;
	height: fit-content;
}
.mt_volMobile_oppContainerApproved .mt_volMobile_oppEmptyText {
	padding-bottom: 100px;
}
.mt_volMobile_perkConOpen {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 25px;
	padding-top: 10px;
}
.mt_volMobile_perkConOpen #perkMainOpen {
	width: 100%;
}
.mt_volMobile_toolsPerks > div:first-child {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 0px;
}
.mt_volMobile_toolsPerks > div:first-child h1 {
	margin: 0px !important;
}
.mt_volMobile_toolsPerks > div:last-child {
	width: 90%;
	margin: 0 auto;
	padding-top: 25px;
}
#volMobilePerkImage {
	width: 100%;
	height: 300px;
	margin-top: 15px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
}
#volMobilePerkRank {
	color: #26262880;
	text-transform: capitalize;
}
#volMobilePerkName {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 25px;
}
.mt_volMobile_oppItemOverlay {
	display: none;
}
.mt_volMobile_oppItemOverlay {
	border: 2px solid;
	border-radius: 8px;
	padding: 10px;
	height: 120px;
}
.mt_volMobile_oppItemOverlay > div {
	display: flex;
	justify-content: flex-start;
	height: 100%;
}
.mt_volMobile_oppItemOverlay > div > i {
	width: fit-content;
	margin-right: 10px;
	font-size: 20px;
}
.mt_volMobile_oppItemOverlay > div > div {
	flex-grow: 1;
	position: relative;
}
.mt_volMobile_oppContactAdmin {
	position: absolute;
	right: 0px;
	bottom: 0px;
	cursor: pointer;
}
.mt_volMobile_oppItemOverlay p {
	font-weight: bold;
	margin: 0px;
}
#calDate::placeholder {
	color: #000000;
}
.mt_volMobile_inputBoxDate {
	position: relative;
}
.mt_volMobile_inputBoxDate:before{
	content: '\f073';
	font-family: "Font Awesome 5 Pro";
	color: #071626;
	font-size: 20px;
	font-weight: 100;
	pointer-events: none;
	cursor: pointer !important;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 42px;
	border-radius: 8px;
	background-color: #EBEAEA;
	display: flex;
	z-index: 20;
	justify-content: center;
	align-items: center;
}
#openToolTimeCard {
	margin-right: 0px !Important;
	width: 100%;
}
.mt_volMobile_clockInMainView > i {
	padding-bottom: 25px;
}
.mt_volMobile_outerContactFormBoxConfirm,
.mt_volMobile_innerContactFormBoxConfirm {
	display: none;
	width: 100%;
	height: 100%;
}
.mt_volMobile_outerContactFormBoxConfirm > div,
.mt_volMobile_innerContactFormBoxConfirm > div {
		width: 80%;
		margin: 0 auto;
		padding-top: 100px;
}
.mt_volMobile_outerContactFormBoxConfirm h1,
.mt_volMobile_innerContactFormBoxConfirm h1 {
	color: #FFF !important;
	margin-bottom: 100px;
	text-align: center;
	margin: 0 auto;
	display: block !important;
}
.mt_volMobile_outerContactFormBoxConfirm p,
.mt_volMobile_innerContactFormBoxConfirm p {
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	padding-bottom: 25px !important;
	display: block !important;
}
.mt_volMobile_outerContactFormBoxConfirm p i,
.mt_volMobile_innerContactFormBoxConfirm p i {
	color: #FFF;
	font-size: 65px !important;
}
#outerContactConfirmBack,
#innerContactConfirmBack {
	width: 80%;
	border-radius: 8px;
	color: #FFF;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 25px;
}
.mt_volMobile_outerContactHead > p {
		width: 60%;
		font-style: italic;
}
.loginOppBtn {
	text-align: center;
	color: #FFF;
	border-radius: 8px;
	border: 1px solid #84cfcd;
	width: 100%;
	margin: 15px 0px;
	padding: 15px 0px;
	display: block;
}
.mt_volMobile_oppItemOverlayLogin {
	width: 100%;
	height: fit-content !important;
}
.mt_volMobile_oppLoginLogin {
	margin-bottom: 15px !Important;
	color: #FFF !important;
	cursor: pointer !Important;
}
.mt_volMobile_oppLoginReg {
	color: #000000;
	cursor: pointer !Important;
}
.mt_volMobile_outerContactHead {
	display: block;
}
.mt_volMobile_outerContactHead > h1{
	width: 100%;
	text-align: left;
}
.mt_volMobile_dateListFiltersMy {
	display: none;
}
.mt_volMobile_dateListFilters {
	
}
.mt_volMobile_dateListOpp {
	width: 90%;
	margin: 0 auto;
	min-height: 50px;
}
.mt_volMobile_dateListFilters > div {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0px;
	width: 100%;
	height: 50px;
	border-bottom: 2px solid #EBEAEA;
}
.mt_volMobile_dateListFilters > div > a {
	flex-grow: 1;
	text-align: center;
	color: #24335A !important;
	position: relative;
	padding-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-size: 12px;
	width: 33.9%;
	height: 47px;
	background-color: #EBEAEA;
}
.mt_volMobile_skillCloseMain {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mt_volMobile_skillCloseMain a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #EBEAEA 0% 0% no-repeat padding-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt_volMobile_skillCloseMain a i {
	font-size: 25px;
}

.mt_volMobile_loadMoreBtnContainer {
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

.mt_volMobile_loadMoreBtn {
	text-align: center;
	  color: #FFF !important;
	  border-radius: 8px;
	  border: 1px solid #24335A;
	  background-color: #24335A;
	  width: 100%;
	  margin: 15px 0px;
	  padding: 15px 0px;
	  display: block;
}
.mt_volMobile_loadMoreCount {
	text-align: center;
	margin-top: 8px;
	font-size: 12px;
	color: #000000;
	opacity: 0.5;
}

.mt_volMobile_loadMoreBtn:active {
	transform: scale(0.98);
}
.mt_volMobile_availErr {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	display: none;
	color: red;
}
.mt_volMobile_oppSearch > div,
.mt_volMobile_oppSearch > div input{
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0px !important;
}
.mt_volMobile_oppSearch > div:before {
	display: none !important;
}
.mt_volMobile_oppSearchLevel > div,
.mt_volMobile_oppSearchLevel > div select{
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0px !important;
	max-width: 100% !important;
}
.mt_volMobile_calReset {
	width: 90%;
	margin: 0 auto;
	display: none;
}
#volMobile_calFilterReset {
	text-align: center;
	  color: #FFF !important;
	  border-radius: 8px;
	  border: 1px solid #24335A;
	  background-color: #24335A;
	  width: 100%;
	  margin: 15px 0px;
	  padding: 15px 0px;
	  display: block;
}
.mt_volMobile_skillCon {
	width: 100%;
}
.mt_volMobile_skillToggle {
	width: 100%;
	padding: 15px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #E0E0E0;
	position: relative;
	cursor: pointer;
}
.mt_volMobile_skillToggle p {
	margin: 0px;
	font-size: 20px;
}
.mt_volMobile_skillToggle i {
	font-size: 18px;
	position: absolute;
	right: 15px;
	top: 20px;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.activeSkillToggle i {
	transform: rotate(180deg);
}
.mt_volMobile_skillChildren {
	display: none;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.mt_volMobile_skillElementItem:last-child {
	border-bottom: 2px solid #E0E0E0;
}
/*
 * --------------------------------------------------------------------------------------------------------------
 * BEGIN CONVERT datepicker to try to match flatpickr styling (thanks Gemini)
 * --------------------------------------------------------------------------------------------------------------
 */
/*
 * 🚨 WARNING: This CSS is a complex hack. It attempts to re-style a
 * Bootstrap DatePicker (whose HTML you provided) to look like Flatpickr.
 * It is not a perfect solution but respects the "no HTML modification" constraint.
 */

/* 1. Base Container & Popover Styling */
.bootstrap-datetimepicker-widget {
    /* Mimic Flatpickr's compact, clean box */
    font-family: Arial, sans-serif; /* Use a clean font, similar to Flatpickr's default */
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15); /* Light border */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    padding: 0;
    min-width: 250px; /* Standard Flatpickr width */
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
    padding: 0;
}

/* 2. Header and Navigation (Month/Year View) */
.datepicker table thead {
    background-color: transparent; /* Remove any Bootstrap default background */
    border-bottom: 1px solid #eee; /* Flatpickr header separator */
}

.datepicker table thead th {
    padding: 8px 5px;
    font-weight: 500;
    text-align: center;
}

/* Current Month/Year Title */
.datepicker table thead th.picker-switch {
    font-size: 14px;
    color: #333; /* Dark text */
    font-weight: 600;
}

/* Prev/Next Arrows */
.datepicker table thead th.prev,
.datepicker table thead th.next {
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
    width: 20px;
}

.datepicker table thead th.prev:hover,
.datepicker table thead th.next:hover {
    opacity: 1;
}

/* Replace Bootstrap's glyphicon with a simple chevron look */
.datepicker table thead th.prev .glyphicon,
.datepicker table thead th.next .glyphicon {
    font-size: 10px; /* Smaller icon */
    line-height: 1;
}

/* 3. Day of Week (DOW) */
.datepicker table thead th.dow {
    color: #757575; /* Gray color for DOW */
    font-size: 12px;
    font-weight: 400;
    cursor: default;
    border: none;
    padding: 5px 0;
}

/* 4. Calendar Days (The Grid) */
.datepicker table tbody tr td {
    padding: 3px; /* Tighter padding than Bootstrap default */
    border: none;
    text-align: center;
    font-size: 13px;
    color: #4a4a4a;
}

.datepicker table tbody tr td.day {
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 4px; /* Slight rounding for day cells */
    transition: background-color 0.2s;
    cursor: pointer;
}

/* Hover State */
.datepicker table tbody tr td.day:hover {
    background-color: #f6f6f6; /* Light gray hover, typical of Flatpickr */
}

/* Current Date (Today) */
.datepicker table tbody tr td.day.today {
    border-color: #007bff;
    color: #007bff;
    font-weight: 600;
}

/* Selected Date (Active) - Primary Flatpickr Color (Blue) */
.datepicker table tbody tr td.day.active {
    background-color: #007bff; /* Primary Blue */
    color: #fff;
    border-color: #007bff;
    font-weight: 500;
}

/* Old/New Month Days (Disabled) */
.datepicker table tbody tr td.day.old,
.datepicker table tbody tr td.day.new {
    color: #ccc; /* Lighter color */
    cursor: default;
}

.datepicker table tbody tr td.day.old:hover,
.datepicker table tbody tr td.day.new:hover {
    background-color: transparent;
}

/* 5. Month/Year View Spans */
.datepicker-months span.month,
.datepicker-years span.year {
    height: 50px;
    line-height: 50px;
    width: 25%; /* To fit four in a row */
    margin: 4px 0;
    font-size: 14px;
    border-radius: 4px;
    transition: background-color 0.2s;
    cursor: pointer;
    padding: 12px 12px;
    float: left;
}

.datepicker-months span.month:hover,
.datepicker-years span.year:hover {
    background-color: #f6f6f6;
}

.datepicker-months span.active,
.datepicker-years span.active {
    background-color: #007bff;
    color: #fff;
    font-weight: 500;
}
.bootstrap-datetimepicker-widget table {
    border: 0;
}
/* Target the specific glyphicon spans inside the datepicker */
.bootstrap-datetimepicker-widget .glyphicon-chevron-left::before,
.bootstrap-datetimepicker-widget .glyphicon-chevron-right::before {
    /* Set the font to Font Awesome */
    font-family: "Font Awesome 5 Pro" !important;
    /* Set the font weight for the solid style icons */
    font-weight: 900 !important; 
    /* Clear the default glyphicon content (which is an empty space or box) */
    content: none !important;
}

/* 1. Inject the Left Chevron (fa-chevron-left: Unicode \f053) */
.bootstrap-datetimepicker-widget .glyphicon-chevron-left::before {
    content: "\f053" !important;
}

/* 2. Inject the Right Chevron (fa-chevron-right: Unicode \f054) */
.bootstrap-datetimepicker-widget .glyphicon-chevron-right::before {
    content: "\f054" !important;
}
/*
 * --------------------------------------------------------------------------------------------------------------
 * END CONVERT datepicker to try to match flatpickr styling (thanks Gemini)
 * --------------------------------------------------------------------------------------------------------------
 */
 
@media screen and (max-width: 400px) {
	.mt_volMobile_footer > div > a i {
		font-size: 20px !Important;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.mt_volMobile_footer > div > a {
		font-size: 9px;
	}
	.mt_volMobile_oppItem > div:last-child > div {
		flex-wrap: wrap;
	}
	.mt_volMobile_oppItem > div:last-child > div > p:last-child {
		width: 100%;
		padding-top: 15px;
	}
}

.mt_volMobile_loading .spinner {
    display: block;
    margin-top: 200px;
}

.mt_volMobile_loading .spinner i {
    font-size: 40px;
    position: static;
    height: 40px;
    width: 40px;
    line-height: 40px !important;   
}