* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
  }

html {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }

body {
	background-color: #f4f6f8;
	height: 100%;
	font: 14px "Poppins","Helvetica","Arial",sans-serif;
	}

#container {
		min-height: 100%;
		overflow: auto;
		position: relative;
}

  /***** Footer Css *******/
 
  #root{
	  padding-bottom: 250px;
  }
  
  a {
	text-decoration: none;
    color: #d81a74;
  }
a:hover {
    text-decoration: underline;
    }
  
  #footer {
	  bottom: 0;
	  color: #0f206c;
	  line-height: 2em;
	  padding: 0.5em 0;
	  position: absolute;
	  font-size: small;
	  width:100%;
  }
  
  .footer-distributed{
	  background-color: #0f206c;
	  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	  box-sizing: border-box;
	  width: 100%;
	  text-align: left;
	  font:  16px "Poppins", "Helvetica", "Arial", sans-serif;;
	  padding: 10px 10px;
	  margin-top: 50px;
  }
  
  .footer-distributed .footer-left,
  .footer-distributed .footer-center,
  .footer-distributed .footer-right{
	  display: inline-block;
	  vertical-align: top;
  }
  
  .footer-distributed .footer-left{
	  width: 40%;
	  padding: 10px 10px 10px 24px;
  }
  
  .footer-distributed h3{
	  color:  #ffffff;
	  font: bold 32px "Poppins", "Helvetica", "Arial", sans-serif;
	  margin: 0;
  }
  
  .footer-distributed h3 span{
	  color:  #ffffff;
  }
  
  
  .footer-distributed .footer-links{
	  color:  #ffffff;
	  margin: 20px 0 10px;
	  padding: 0;
  }
  
  .footer-distributed .footer-links a{
	  display:inline-block;
	  line-height: 1.8;
	  text-decoration: none;
	  color:  inherit;
  }
  
  .footer-distributed .footer-company-name{
	  color:  #ffffff;
	  font-size: 14px;
	  font-weight: normal;
	  margin: 0;
  }
  
  
  .footer-distributed .footer-center{
	  width: 35%;
	  padding: 10px 10px 10px 10px;
  }
  
  .footer-distributed .footer-center p{
	  display: inline-block;
	  color: #ffffff;
	  vertical-align: middle;
	  margin:0;
	  font-size: 16px !important;
  }
  
  .footer-distributed .footer-center p span{
	  display:block;
	  font-weight: normal;
	  font-size:14px;
	  line-height:2;
  }
  
  .footer-distributed .footer-center p a{
	  color:  #ffffff;
	  text-decoration: none;
	  font-weight: 300;
  }
  
  .footer-distributed .footer-right{
	  width: 20%;
	  padding: 10px 24px 10px 10px;
  }
  
  .footer-distributed .footer-company-about{
	  line-height: 20px;
	  color:  #ffffff;
	  font-size: 13px;
	  font-weight: normal;
	  margin: 0;
  }
  
  .footer-distributed .footer-company-about span{
	  display: block;
	  color:  #FFF;
	  font-size: 16px;
	  font-weight: 500;
	  margin-bottom: 20px;
  }
  
  .footer-distributed .footer-icons{
	  margin-top: 25px;
  }
  
  .footer-distributed .footer-icons a span{
	  display: inline-block;
	  width: 35px;
	  height: 35px;
	  cursor: pointer;
	  font-size: 3em;
	  color: white;
	  text-align: center;
	  line-height: 35px;
	  margin-right: 6px;
	  margin-bottom: 5px;
  }
  
  @media (max-width: 900px) {
  
	  .footer-distributed{
		  font: 14px "Poppins", "Helvetica", "Arial", sans-serif;	
	  }
  
	  .footer-distributed .footer-left,
	  .footer-distributed .footer-center,
	  .footer-distributed .footer-right{
		  display: block;
		  width: 100%;
		  margin-bottom: 40px;
		  text-align: center;
	  }
	  .main {
		  line-height: normal;
		  font-size: auto;
	  }
	  
	  #root{
		  padding-bottom: 550px;
	  }
  
  }
  
    /***** End Footer Css *******/

  /***** Calendar Css *******/
  
  .CalenderWrapper .rbc-event {
	  background-color: transparent;
	  color: black;
	  font-weight: bold;
	  border-radius: 0px;
  }
  
  .CalenderWrapper .rbc-today {
	  background-color: transparent;
  }
  
  .CalenderWrapper .rbc-off-range-bg {
	  background-color: rgb(201, 199, 197);
  }
  
   .CalenderWrapper .rbc-row-segment {
	  padding: 0px 1px 0px 1px;
  } 
  
  .rbc-events-container .rbc-event-label{
	  display: none;
  }

   .rbc-day-slot .rbc-event-content
  {
	  font-size: 10px;
  } 

   .rbc-event-content{
	font-size: 14px;
    font-family: Poppins, Helvetica, Arial, sans-serif !important;
  } 

   .rbc-date-cell { padding-right: 0.5em !important; padding-top: 0.375em; padding-bottom: 0.375em; }
  
   .rbc-toolbar .rbc-toolbar-label { font-size: 2em; }
   .rbc-event { padding: 4px !important; padding-bottom: 0 !important; }

   .rbc-toolbar-label{ font-family: Poppins, Helvetica, Arial, sans-serif;}
   .rbc-header {font-family: Poppins, Helvetica, Arial, sans-serif;}
   .rbc-row {font-family: Poppins, Helvetica, Arial, sans-serif; text-align: center;}
   .MuiCardHeader-content {text-align: center;}
   .MuiCardHeader-root {    background: linear-gradient(#2a7de1, #0f206c) !important;}
   .MuiCardContent-root {text-align: center;}
   .rbc-btn-group {font-family: Poppins, Helvetica, Arial, sans-serif !important; }
   .rbc-label {font-family: Poppins, Helvetica, Arial, sans-serif !important;}
   .rbc-date-cell {font-size: 18px !important;}
  /***** End Calendar Css *******/
  /* .MuiGrid-grid-sm-6 {
    display: none !important;
} */
   /* .jss4 { display: none; }
   .jss31 { display: none; } */
   
   .jss4, .jss7, .jss5 {
   		color: #0f206c !important;
   }

.jss8{
color:unset !important
}

img[alt="LargeImage"]{
    height: unset !important;
    aspect-ratio: 1 !important;
}
.MuiCard-root:hover{
cursor:unset !important;
}
   
   .MuiTypography-body1,  {
   	font-family: Poppins, Helvetica, Arial, sans-serif !important;
   	font-weight: 300 !important;
   }
   
   .MuiTypography-h5 {
   	font-family: Poppins, Helvetica, Arial, sans-serif !important;
   	font-weight: 500 !important;
   }
   .MuiAppBar-colorPrimary 
   {color: #0f206c !important;
    background-color: white !important;}
    
    .fa-brands {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
	}
   	
   	.MuiTypography-h1 {
   		font-weight: 900 !important;
   		font-family: "Poppins", "Helvetica", "Arial", sans-serif !important;
   	}
   	
   	.MuiTypography-h4 {
   		font-family: "Poppins" !important;
   	}
   
   .AddPersonMembershipTitle {
   		color: #FFF !important;
   		}		
   		
	.MuiGrid-grid-lg-6 {
    	text-align: left !important;
}

	.jss22 {
		background-image: linear-gradient(#2a7de1 , #0f206c) !important;
	} 

	
	.footer-distributed {
		background-image: linear-gradient(#2a7de1 , #0f206c) !important;
	}
	
	.MuiPaper-rounded {
    border-radius: 8px !important;
}

.MuiTypography-body1 {
    font-family: "Poppins", "Helvetica", "Arial", sans-serif !important;
   }
   
   .MuiButton-containedPrimary {
    border-radius: 20px !important;
    background-color: #29bcb0 !important;
    font-family: "Poppins", "Helvetica", "Arial", sans-serif !important
    font-weight: 700 !important;
    content: "purchase" !important;
}

.MuiCardActions-root {
    display: block !important;
    text-align: center !important;
   }