/* General */

* {
	font-family: "roboto","helvetica neue",helvetica,arial,sans-serif;
}

/* Theme Defaults */

:root,
[data-bs-theme=light] {
  --rap-ims-header-bgcolor: #336cb2;
  --rap-ims-header-color: #fff;
  --rap-ims-footer-bgcolor: #336cb2;
  --rap-ims-footer-color: #fff;
}

[data-bs-theme=dark] {
  --rap-ims-header-bgcolor: #336cb2;
  --rap-ims-header-color: #fff;
  --rap-ims-footer-bgcolor: rgb(43, 48, 53);
  --rap-ims-footer-color: rgb(173, 181, 189);
}

  /* More */

html {
  position: relative;
  min-height: 100%;
}

strong { font-weight: bold !important; }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){
  .container {
      max-width: 1175px; /* Slightly wider than default */
  }
}

h1, h2, h3, h4, h5, h6 {
	color: #0d3f78;
}

.rapIMSHomeSplashLabel {
	color: #032d71;	
	font-weight:bold;
}

/* Customize Buttons */

.row .col-md-12 .btn {
	margin-top:20px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
	z-index:8675309;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-color:#666;
	width:100%;
}

.sticky-nav-top {
	margin-top:160px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	bottom: 3rem;
	z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
	background-color: #777;
}
.carousel-item > img {
	top: 0;
	left: 0;
	min-width: 100%;
}
.right-login {
	top: 125px;
	position: absolute;
	z-index: 999;
	background-color: #fff;
	border-radius: 15px;
	opacity: 0.8;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.right-login {
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 90%;
}
.carousel-item, .carousel-item > img {
	height: 22rem;
}
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.right-login {
	width: 90%;
	right: 0;
	left: 0;
	margin: 0 auto;
}
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.right-login {
	width: 40%;
	right: 10%;
}
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.right-login {
	width: 30%;
	right: 10%;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.right-login {
	width: 20%;
	right: 10%;
}
}

/* Headings */
#mergeTitle {
    /*
	color: #fff;
	padding: 25px;
    font-weight: bold !important;
    font-family: 'Roboto', sans-serif;
	background-image: linear-gradient(508deg, rgba(29, 29, 29, 0.05) 0%, rgba(29, 29, 29, 0.05) 25%,rgba(226, 226, 226, 0.05) 25%, rgba(226, 226, 226, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(216, 216, 216, 0.05) 75%, rgba(216, 216, 216, 0.05) 100%),linear-gradient(352deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 25%,rgba(108, 108, 108, 0.05) 25%, rgba(108, 108, 108, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(236, 236, 236, 0.05) 75%, rgba(236, 236, 236, 0.05) 100%),linear-gradient(387deg, rgba(153, 153, 153, 0.05) 0%, rgba(153, 153, 153, 0.05) 25%,rgba(83, 83, 83, 0.05) 25%, rgba(83, 83, 83, 0.05) 50%,rgba(5, 5, 5, 0.05) 50%, rgba(5, 5, 5, 0.05) 75%,rgba(82, 82, 82, 0.05) 75%, rgba(82, 82, 82, 0.05) 100%),linear-gradient(477deg, rgba(26, 26, 26, 0.05) 0%, rgba(26, 26, 26, 0.05) 25%,rgba(223, 223, 223, 0.05) 25%, rgba(223, 223, 223, 0.05) 50%,rgba(232, 232, 232, 0.05) 50%, rgba(232, 232, 232, 0.05) 75%,rgba(153, 153, 153, 0.05) 75%, rgba(153, 153, 153, 0.05) 100%),linear-gradient(384deg, rgba(120, 120, 120, 0.05) 0%, rgba(120, 120, 120, 0.05) 25%,rgba(191, 191, 191, 0.05) 25%, rgba(191, 191, 191, 0.05) 50%,rgba(246, 246, 246, 0.05) 50%, rgba(246, 246, 246, 0.05) 75%,rgba(123, 123, 123, 0.05) 75%, rgba(123, 123, 123, 0.05) 100%),linear-gradient(270deg, rgb(32,234,255),rgb(37,116,255));
    font-size: 1.5rem !important;
	*/
    border-bottom: 2px solid #007bff;
	margin-bottom:25px;
    color: rgb(33,37,41);
    font-size:20px !important;
    font-weight: 500;
}

/* Personal Info */

.ims-personalinfo {
		background-image: linear-gradient(508deg, rgba(29, 29, 29, 0.05) 0%, rgba(29, 29, 29, 0.05) 25%,rgba(226, 226, 226, 0.05) 25%, rgba(226, 226, 226, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(216, 216, 216, 0.05) 75%, rgba(216, 216, 216, 0.05) 100%),linear-gradient(352deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 25%,rgba(108, 108, 108, 0.05) 25%, rgba(108, 108, 108, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(236, 236, 236, 0.05) 75%, rgba(236, 236, 236, 0.05) 100%),linear-gradient(387deg, rgba(153, 153, 153, 0.05) 0%, rgba(153, 153, 153, 0.05) 25%,rgba(83, 83, 83, 0.05) 25%, rgba(83, 83, 83, 0.05) 50%,rgba(5, 5, 5, 0.05) 50%, rgba(5, 5, 5, 0.05) 75%,rgba(82, 82, 82, 0.05) 75%, rgba(82, 82, 82, 0.05) 100%),linear-gradient(477deg, rgba(26, 26, 26, 0.05) 0%, rgba(26, 26, 26, 0.05) 25%,rgba(223, 223, 223, 0.05) 25%, rgba(223, 223, 223, 0.05) 50%,rgba(232, 232, 232, 0.05) 50%, rgba(232, 232, 232, 0.05) 75%,rgba(153, 153, 153, 0.05) 75%, rgba(153, 153, 153, 0.05) 100%),linear-gradient(384deg, rgba(120, 120, 120, 0.05) 0%, rgba(120, 120, 120, 0.05) 25%,rgba(191, 191, 191, 0.05) 25%, rgba(191, 191, 191, 0.05) 50%,rgba(246, 246, 246, 0.05) 50%, rgba(246, 246, 246, 0.05) 75%,rgba(123, 123, 123, 0.05) 75%, rgba(123, 123, 123, 0.05) 100%),linear-gradient(270deg, rgb(32,234,255),rgb(37,116,255));

}

/* Jumbo */

#ims-splash {
	background-color: #0d3f78;
	color: #fff;
	/*background: #0d3f78 url(/Boardimages/userprofile_header.png) left center no-repeat;
	background-size: contain;*/
background-image: linear-gradient(508deg, rgba(29, 29, 29, 0.05) 0%, rgba(29, 29, 29, 0.05) 25%,rgba(226, 226, 226, 0.05) 25%, rgba(226, 226, 226, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(216, 216, 216, 0.05) 75%, rgba(216, 216, 216, 0.05) 100%),linear-gradient(352deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 25%,rgba(108, 108, 108, 0.05) 25%, rgba(108, 108, 108, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(236, 236, 236, 0.05) 75%, rgba(236, 236, 236, 0.05) 100%),linear-gradient(387deg, rgba(153, 153, 153, 0.05) 0%, rgba(153, 153, 153, 0.05) 25%,rgba(83, 83, 83, 0.05) 25%, rgba(83, 83, 83, 0.05) 50%,rgba(5, 5, 5, 0.05) 50%, rgba(5, 5, 5, 0.05) 75%,rgba(82, 82, 82, 0.05) 75%, rgba(82, 82, 82, 0.05) 100%),linear-gradient(477deg, rgba(26, 26, 26, 0.05) 0%, rgba(26, 26, 26, 0.05) 25%,rgba(223, 223, 223, 0.05) 25%, rgba(223, 223, 223, 0.05) 50%,rgba(232, 232, 232, 0.05) 50%, rgba(232, 232, 232, 0.05) 75%,rgba(153, 153, 153, 0.05) 75%, rgba(153, 153, 153, 0.05) 100%),linear-gradient(384deg, rgba(120, 120, 120, 0.05) 0%, rgba(120, 120, 120, 0.05) 25%,rgba(191, 191, 191, 0.05) 25%, rgba(191, 191, 191, 0.05) 50%,rgba(246, 246, 246, 0.05) 50%, rgba(246, 246, 246, 0.05) 75%,rgba(123, 123, 123, 0.05) 75%, rgba(123, 123, 123, 0.05) 100%),linear-gradient(270deg, rgb(32,234,255),rgb(37,116,255));
	margin-bottom: 0;
	padding: 1rem 1rem 0 1rem !important;
}
#ims-splash * .ims-chevron-down i {
	color: #e88860;
}
#ims-splash h1 {
	color: #fff;
}

/* Calendar */

/*From https://code.google.com/p/fullcalendar/issues/detail?id=1992
Disable single line titles */

.fc-day-grid-event > .fc-content {
    white-space: normal;
}

/* Add space between full calendar button groups */



	.table-primary-ims {
		background-color: #2e75b4 !important;
		color:#FFFFFF;
	}

.ims-event-titles h1, .ims-event-titles h2, .ims-event-titles h3, .ims-event-titles h4, .ims-event-titles h5 {
	color: #989898;
	margin: 0;
}
.ims-event-titles p {
	/* color: #989898; */
}
#main-ims-content hr, .ims-event-titles hr {
	border-top: 1px solid #fff;
	border-bottom: 1px dashed #989898;
	width:100%;
}
time.icon {
	font-size: 1em; /* change icon size */
	display: block;
	position: relative;
	width: 5em; /*6em*/
	height: 5em;
	background-color: #fff;
	/* margin: 2em auto; */
	margin: 0;
	border-radius: 0.6em;
	box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: rotate(0deg) skewY(0deg);
	-webkit-transform-origin: 50% 10%;
	transform-origin: 50% 10%;
}
time.icon * {
	display: block;
	width: 100%;
	font-size: .8em; /* 1 em */
	font-weight: bold;
	font-style: normal;
	text-align: center;
}
time.icon strong {
	position: absolute;
	top: 0;
	padding: 0.4em 0;
	color: #fff;
	background-color: #989898;
	border-bottom: 1px dashed #666666;
	box-shadow: 0 2px 0 #989898;
	text-transform: uppercase;
}
time.icon em {
	position: absolute;
	bottom: 0.3em;
	color: #d30909;
}
time.icon span {
	width: 100%;
	font-size: 1.6em; /*1.8em;*/
	letter-spacing: -0.05em;
	padding-top: 1.1em; /*1.2em */
	color: #2f2f2f;
}
time.icon:hover, time.icon:focus {
	-webkit-animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* Home Page */

/* Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

.aos-fix[data-aos][data-aos].aos-animate {
    transform: unset;
}

#rap-ims-home-balance-widget .card-body a {
	color: #fff;
}

/* Styles for Pay Now Buttons */

#rap-ims-home-balance-widget .list-group-item .fa-angle-right {
    margin-left: 0;
    opacity: 0.7;
	font-weight:normal;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
#rap-ims-home-balance-widget .list-group-item:hover .fa-angle-right {
    /* margin-left: 5px; */
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
            
	font-weight:bold;
}
		  
#rap-ims-home-balance-widget .list-group-item .paynow-text {
	padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
	color: #fff !important;
background-color: #28a745;
    border-color: #28a745;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
		  
#rap-ims-home-balance-widget .list-group-item:hover .paynow-text {
background-color:#218838;
}

#calendar .dropdown-item {
  z-index:8675309;
  }

/* Pending */ 
#rap-ims-home-balance-widget .list-group-item .paynow-pending-text {
	padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
	color: #fff !important;
	background-color: #f0ad4e;
    border-color: #f0ad4e;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
		  
#rap-ims-home-balance-widget .list-group-item:hover .paynow-pending-text {
background-color:#eea236;
}

 .rapIMSInvoiceItemContribution {
			  font-size:12px;
}


.rapIMSInvoiceItemTitle, 
.rapIMSInvoiceItemAmt {
	text-overflow:ellipsis !important;
}


.rapIMSHomeMemberCollapsible {
	display:none;
}


.ims-home-cal-success {background-color: #28a745 !important;}
.ims-home-cal-primary {background-color: #007bff !important;}
.ims-home-cal-warning {background-color: #ffc107 !important;}
.ims-home-cal-danger {background-color: #dc3545 !important;}



.ims-home-cal-registered {background-color: #28a745 !important;} /* Green */
.ims-home-cal-events {background-color: #007bff !important;} /* Blue */
.ims-home-cal-closed {background-color: #dc3545 !important;} /* Red */
.ims-home-cal-classes {background-color: #6f42c1 !important;} /* Purple */

.ims-text-cal-registered {color: #28a745 !important;} /* Green */
.ims-text-cal-events {color: #007bff !important;} /* Blue */
.ims-text-cal-closed {color: #dc3545 !important;} /* Red */
.ims-text-cal-classes {color: #6f42c1 !important;} /* Purple */


.ims-home-cal-waitlist {
    /*color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
	*/
	color: #fff !important;
    background-color: #fd7e14 !important;
    border-color: #fd7e14 !important;
	
}

.ims-text-cal-waitlist {
	/* color: #28a745 !important; */
	color: #fd7e14 !important;

}


#rapIMSHomeSplashEditProfile {
	margin-bottom: 10px;
}


/* Home Events */

/* #rapMainCalendarEvents, #rapIMSHomeEventListingRegistered, #rapIMSHomeEventListing {display:none;}  Hide Initially */

/* =========================================== Scroll Top =========================================== */

.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 10;
	background-color: #2D2D30;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-bottom: 2px;
	border: 1px solid #ccc;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper.show {
	visibility: visible;
	cursor: pointer;
	opacity: .5;
}
.scroll-top-wrapper:hover {
	background-color: #0083c0;
	border: 1px solid #007AAA;
	opacity: 1;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/* =========================================== Event Calendar =================================== */

.fc-event-container a {
	cursor:pointer;
}

/* =========================================== Footer =========================================== */



.footer {
  width: 100%;
  min-height: 160px;
	padding: 35px;
  background-color: var(--rap-ims-footer-bgcolor);
  color: var(--rap-ims-footer-color);
  /*
	color: #fff;
	background-color: #082b51;
	background-image: linear-gradient(37deg, rgb(47,115,215),rgb(58,197,228));
  */
	margin-top:100px;
}

.footer a, .footer a:hover {
	color: #fff;
}
.footer hr {
	border-top: 1px solid #666;
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
	color: #fff;
}

.footer:after {
	overflow:hidden;
}

/* Hide Footer Menu */

.footer-nav-items {
	display:none;
}

/* iframe menu on other pages */

		#imsIFrameNavContainer {
			display:none;
		}


/* =========================================== Credit Card =========================================== */



.ccicon {
	/*
    height: 38px;
    position: absolute;
    right: 6px;
    top: calc(50% - 17px); 
    width: 60px;
	margin-top:30px;
	margin-left:0;
	padding-left:0;*/
	width:100%;
	height:auto;
	max-height:24px;
	max-width: 60px;
}

/* CREDIT CARD IMAGE STYLING */
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

.main-cc-container {
    width: 100%;
    max-width: 400px;
    max-height: 251px;
    height: 54vw;
    padding: 20px;
}

#ccsingle {
    position: absolute;
    right: 15px;
    top: 20px;
}

#ccsingle svg {
    width: 100px;
    max-height: 60px;
}

.creditcard svg#cardfront,
.creditcard svg#cardback {
    width: 100%;
    -webkit-box-shadow: 1px 5px 6px 0px black;
    box-shadow: 1px 5px 6px 0px black;
    border-radius: 22px;
}



/* CHANGEABLE CARD ELEMENTS */
.creditcard .lightcolor,
.creditcard .darkcolor {
    -webkit-transition: fill .5s;
    transition: fill .5s;
}

.creditcard .lightblue {
    fill: #03A9F4;
}

.creditcard .lightbluedark {
    fill: #0288D1;
}

.creditcard .red {
    fill: #ef5350;
}

.creditcard .reddark {
    fill: #d32f2f;
}

.creditcard .purple {
    fill: #ab47bc;
}

.creditcard .purpledark {
    fill: #7b1fa2;
}

.creditcard .cyan {
    fill: #26c6da;
}

.creditcard .cyandark {
    fill: #0097a7;
}

.creditcard .green {
    fill: #66bb6a;
}

.creditcard .greendark {
    fill: #388e3c;
}

.creditcard .lime {
    fill: #d4e157;
}

.creditcard .limedark {
    fill: #afb42b;
}

.creditcard .yellow {
    fill: #ffeb3b;
}

.creditcard .yellowdark {
    fill: #f9a825;
}

.creditcard .orange {
    fill: #ff9800;
}

.creditcard .orangedark {
    fill: #ef6c00;
}

.creditcard .grey {
    fill: #bdbdbd;
}

.creditcard .greydark {
    fill: #616161;
}

/* FRONT OF CARD */
#svgname {
    text-transform: uppercase;
}

#cardfront .st2 {
    fill: #FFFFFF;
}

#cardfront .st3 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 600;
}

#cardfront .st4 {
    font-size: 54.7817px;
}

#cardfront .st5 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
}

#cardfront .st6 {
    font-size: 33.1112px;
}

#cardfront .st7 {
    opacity: 0.6;
    fill: #FFFFFF;
}

#cardfront .st8 {
    font-size: 24px;
}

#cardfront .st9 {
    font-size: 36.5498px;
}

#cardfront .st10 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 300;
}

#cardfront .st11 {
    font-size: 16.1716px;
}

#cardfront .st12 {
    fill: #4C4C4C;
}

/* BACK OF CARD */
#cardback .st0 {
    fill: none;
    stroke: #0F0F0F;
    stroke-miterlimit: 10;
}

#cardback .st2 {
    fill: #111111;
}

#cardback .st3 {
    fill: #F2F2F2;
}

#cardback .st4 {
    fill: #D8D2DB;
}

#cardback .st5 {
    fill: #C4C4C4;
}

#cardback .st6 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
}

#cardback .st7 {
    font-size: 27px;
}

#cardback .st8 {
    opacity: 0.6;
}

#cardback .st9 {
    fill: #FFFFFF;
}

#cardback .st10 {
    font-size: 24px;
}

#cardback .st11 {
    fill: #EAEAEA;
}

#cardback .st12 {
    font-family: 'Rock Salt', cursive;
}

#cardback .st13 {
    font-size: 37.769px;
}

/* FLIP ANIMATION */
.main-cc-container {
    perspective: 1000px;
}

.creditcard {
    width: 100%;
    max-width: 400px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    cursor: pointer;
}

.creditcard .front,
.creditcard .back {
    position: absolute;
    width: 100%;
    max-width: 400px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    color: #47525d;
}

.creditcard .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.creditcard.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

	
/* Class/Event Styles */

#shareeventnav {
    background-color: #f2f8fc !important;
}
#rapClassEventJumbotron {
    background-image: linear-gradient(306deg, rgba(54, 54, 54, 0.05) 0%, rgba(54, 54, 54, 0.05) 33.333%, rgba(85, 85, 85, 0.05) 33.333%, rgba(85, 85, 85, 0.05) 66.666%, rgba(255, 255, 255, 0.05) 66.666%, rgba(255, 255, 255, 0.05) 99.999%), linear-gradient(353deg, rgba(81, 81, 81, 0.05) 0%, rgba(81, 81, 81, 0.05) 33.333%, rgba(238, 238, 238, 0.05) 33.333%, rgba(238, 238, 238, 0.05) 66.666%, rgba(32, 32, 32, 0.05) 66.666%, rgba(32, 32, 32, 0.05) 99.999%), linear-gradient(140deg, rgba(192, 192, 192, 0.05) 0%, rgba(192, 192, 192, 0.05) 33.333%, rgba(109, 109, 109, 0.05) 33.333%, rgba(109, 109, 109, 0.05) 66.666%, rgba(30, 30, 30, 0.05) 66.666%, rgba(30, 30, 30, 0.05) 99.999%), linear-gradient(189deg, rgba(77, 77, 77, 0.05) 0%, rgba(77, 77, 77, 0.05) 33.333%, rgba(55, 55, 55, 0.05) 33.333%, rgba(55, 55, 55, 0.05) 66.666%, rgba(145, 145, 145, 0.05) 66.666%, rgba(145, 145, 145, 0.05) 99.999%), linear-gradient(90deg, rgb(9, 201, 186), rgb(18, 131, 221));
}

#rapClassCourseName {
    font-size: 1.75rem !important;
	color:#fff !important;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

.hidden-print {
		display:none !important;
}
	
/* Hide header info except for the IMS image */
	header a, .btn, footer {
		display:none !important;
	}
	
	/* just hide the link text, but show banner image */
	header #ims-banner-link {
		display:block !important;
		text-indent: -9999px !important; /* get rid of any text */
	}
	
	 #navbar-brand-logo {
		display:block !important;
	}
	


  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
	
	.ims-event-titles {
		opacity:1 !important;
	}
	
/* target all pages */
@page {
	margin: 2cm;
}

/* target the first page only */
@page :first {
 margin-top: 6cm;
}

/* target left (even-numbered) pages only */
@page :left {
 margin-right: 4cm;
}

/* target right (odd-numbered) pages only */
@page :right {
 margin-left: 4cm;
}
	
/* Print ChartJS Canvas Elements */
canvas.chart-canvas {
	min-height: 100%;
        max-width: 100%;
        max-height: 100%;
        height: auto!important;
        width: auto!important;
}	
	
/* IMS Pay Now on Mobile - Hide */
	.ims-pay-now-mobile-label {
    display: none;
}
	
}


.container-fluid, .jumbotron #ims-splash {
  width: 95%; /*100% default */
}

#imsHomeCalendarAnnouncement {
	width:100% !important;
}

/*! Tablesaw - v3.1.2 - 2019-03-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2019 Filament Group; Licensed MIT */

.tablesaw {
  width: 100%;
  max-width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  border: 0;
  padding: 0;
}

.tablesaw * {
  box-sizing: border-box;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */

/* Support note IE9+: @media only all */

@media only screen { /*Changed from all to screen on 09/09/2021 */
  /* Show the table cells as a block level element */

  .tablesaw-stack {
    clear: both;
  }

  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: inline-block;
    padding: 0 .6em 0 0;
    width: 30%;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }


@media (max-width: 39.9375em) {
  /* Table rows have a gray bottom stroke by default */

  .tablesaw-stack tbody tr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
  }

  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    display: block;
    float: left;
    clear: left;
    width: 100%;
  }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    display: inline-block;
    max-width: 67%;
  }

  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */

@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row;
  }

  /* Show the table header rows */

  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}


/* Rapattoni Tablesaw Updates */

.ims-pay-now-mobile-label {
    display: none;
}

@media (max-width: 39.9375em) {
    /* Table rows have a gray bottom stroke by default */

    /* Hide cell label on mobile */
    .tablesaw-stack tbody tr td:last-child .tablesaw-cell-label {
        display: none;
    }

    .ims-pay-now-mobile-label {
        color: #28a745 !important;
        font-weight: bold;
        display: inline-block;
        margin: 0 auto 0 .5rem;
        vertical-align: middle;
    }

    .tablesaw-stack {
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid transparent;
    }

    .tablesaw-stack tbody tr:first-child,
    .tablesaw-stack tbody tr:last-child {
        border-bottom: 0px solid #dfdfdf;
    }



    .tablesaw-stack tbody tr {
        /* border-radius: .25rem; */
    }



    .tablesaw-stack tbody tr td {
        border-left: 1px solid rgba(0, 0, 0, .125);
        border-right: 1px solid rgba(0, 0, 0, .125);
    }

    .tablesaw-stack tbody tr td input[type=checkbox] {
        /* float:left; */
        vertical-align: middle;
        margin-left: 0;
        padding-left: 0;
    }

    .tablesaw-stack .text-right,
    .tablesaw-stack .text-center {
        text-align: left !important;
    }

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: block;
        padding: 0;
        width: 100%;
    }

    .tablesaw-stack tr td:first-child {
        margin-top: 10px;
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, .03);
        border-top: 1px solid rgba(0, 0, 0, .125);
        border-radius: .25rem .25rem 0 0;

    }

    .tablesaw-stack tr td:last-child {

        padding: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, .03);
        /* border-bottom: 1px solid rgba(0,0,0,.125); */
        border-radius: 0 0 .25rem .25rem;
    }


}
	
} 

/* End media query for screen/tablesaw */


/* Member App Styles */

.step {
    width: 50px;
    height: 50px;
    padding: 6px 0px;
    vertical-align: middle;
    text-align: center;
	margin:0 auto;
	display:inline-block;
	font-weight:bold;
	font-size:1.5em !important;
}
		
.step .fa {
	vertical-align: sub;
}

form i.fa.socialmedia {
    position: absolute;
    top: 42px;
    left: 25px;
    font-size: 16px;
    z-index: 9999;
}

.form-control.socialmedia {
    position: relative;
   padding-left: 45px !important;

}


/* New Rapattoni Nav Bar */

/* Utilities */

.rap-hide {
    display:none;
}

/* Navigation and Menu Search */

#rapattoni-ims-navigation .dropdown-toggle::after {
  color:#fff;
}

#rapattoni-ims-navigation {
  background-color:#336cb2;
  height:75px;
  margin:0;
  width:100% !important;
}

#rapattoni-ims-navigation .nav-item {
    border: 0px solid transparent !important;
}

.rapims-mainmenu-toggle {
  border-color: rgba(255,255,255,.5) !important;
  color: rgba(255,255,255,.5) !important;
  white-space: nowrap;
}

.rapims-mainmenu-toggle:hover {
  background-color: rgba(255,255,255,.5) !important;
  border-color: #336cb2 !important;
  color: #336cb2 !important;
}

#rap-ims-menu-logo {
  object-fit:contain !important; 
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
  #rap-ims-menu-logo {
    max-height:75px;
    max-width:250px;
  }
}

#rap-ims-menu-logo-container {
  background-color:#fff;height:75px;
  align-items: center;
}

#user-settings-avatar {
  object-fit:cover;
  object-position: top;
  width:45px;
  height:45px;
}

.rap-ims-offcanvas-header {
  background-color:#336cb2;
  color:#fff;
}

#rap-ims-mainnav {
  border-top:1px solid #ccc;
}

/* Custom Light/Dark */

/* Login Page */


[data-bs-theme=dark] .right-login {
  background-color: rgb(33, 37, 41);
}


[data-bs-theme=dark] .footer {
  background-color:#000;
  background-image:none;
}

[data-bs-theme=dark] .card {
  /* border: 1px solid #000;*/
  border-color:#000;
  box-shadow:0px 1px 18px 0px #000 !important;
}

[data-bs-theme=dark] .fc {
  background-color: transparent;
}

[data-bs-theme=dark] h1, [data-bs-theme=dark] h2, [data-bs-theme=dark] h3, [data-bs-theme=dark] h4, [data-bs-theme=dark] h5, [data-bs-theme=dark] h6, [data-bs-theme=dark] #mergeTitle {
    color: #fff;
}

/* Some content in iframes assumes a white background. So, even in darkmode this should remain white for now. */

.rap-ims-iframe-info {
  background-color:#fff;
}

/* Full Calendar Overrides*/

a.fc-daygrid-day-number {
  text-decoration: none !important;
}

.fc-toolbar .btn-group .fc-next-button, .fc-toolbar .btn-group .fc-agendaWeek-button,.fc-toolbar .btn-group .fc-agendaDay-button   {
	/* margin-left:2px; */
}

.fc-theme-bootstrap5 a:not([href]) {	
  color: inherit;	
  text-decoration: inherit;	
}	
.fc-theme-bootstrap5 .fc-list,	
.fc-theme-bootstrap5 .fc-scrollgrid,	
.fc-theme-bootstrap5 td,	
.fc-theme-bootstrap5 th {	
  border: 1px solid var(--bs-gray-400);	
}	
.fc-theme-bootstrap5 {	
/* HACK: reapply core styles after highe-precedence border statement above */	
}	
.fc-theme-bootstrap5 .fc-scrollgrid {	
  border-right-width: 0;	
  border-bottom-width: 0;	
}	
.fc-theme-bootstrap5-shaded {	
background-color: var(--bs-gray-200);	
}	


/* Data Tables - Sort Character Up/Down Fix (Due to not using UTF-8) */

/* Data Tables Sort Up */

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
  bottom: 50%;
  /* content: "?";
  content: "?"/""; */
  content: "\f0d8"; /* Unicode for the down triangle icon in Font Awesome */ 
  font-family: "Font Awesome 5 Free"; /* Font family for the icon */
  font-weight: 900; /* Font weight for the icon */
  display: inline-block; /* Display as an inline block element */
  margin-left: 5px; /* Add some margin to separate from the text */
}

/* Data Tables Sort Down */

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  top: 50%;
  content: "\f0d7"; /* Unicode for the down triangle icon in Font Awesome */
  font-family: "Font Awesome 5 Free"; /* Font family for the icon */
  font-weight: 900; /* Font weight for the icon */
  display: inline-block; /* Display as an inline block element */
  margin-left: 5px; /* Add some margin to separate from the text */
}

/* Legacy Styles  */

/* This style is still being used for the Convention merge forms. (See Zendesk Ticket #31191) */ 

.bTextRed, .bTextred  {
  color:#ff0000;
  font-weight:bold;
  }