

.table-type-special-note-div-class {
    display:flex;
    justify-content: center;
    margin-left:8px; 
}

#table-type-special-note1-p-id {
    color:red;
}


.pricing-select-class {
    padding:0;
}


.purchase-foosfit-class {
    background-color:rgb(255, 215, 0) !important;
    color:black;
    border: none;
    text-decoration: none;
    letter-spacing: 0px;
    text-transform: none;
    padding:0;
    margin:0;
    padding-left:20px;
    padding-right:20px;
    line-height:0px;
    height:30px;
    font-size:15px;
}


/* Subscription Terms*/

.subscription-terms-div-class {
    font-size:12px;
    padding:0;
    margin:0;
}

.subscription-terms-span-class {
   color:blue;l
}

.subscription-terms-dropdown-class {
    padding:0;
    margin:0;
    font-size:12px;
    height:20px;
    width: 100px;
    margin-bottom:10px;


}


/* Apple Users */
.goodnews-apple-p-class {
    font-weight:normal;
    padding:0;
    margin:0;
}

.bluefy-logo-img-class {
    height:20px;

}



/* Display a message to the user on the screen */
#foosfit-message {
    display:none;
    position:fixed;
    font-size:15px;
    top:50%;
    margin-left:30%;
    color:black;
    max-width:70%;
    border-style:solid;
    border-width:1px;
    border-color:grey;
    border-radius:10px;
    background-color:white;
    z-index:100;
}

#foosfit-message i {
    font-size:20px;
    margin-left:2px;
    margin-top:2px;
}

#foosfit-message p {
    margin:0;
    padding:0;
    margin-left:30px;
    margin-right:30px;
}



/* FAQ Overlay */
    .faq-control-overlay-class {
        position:fixed;
        display:block;
        left: 0;
        top: 0;
        font-size:12px;
        margin-left: 8%;
        margin-top: 130px;
        height: 200px;
        width: 0px;
        max-width:750px;;
        z-index: 5; /* Sit on top */
        background-color: rgb(248, 247, 247);
        border-style:solid;
        border-width:0px;
        border-radius:5px;
        border-color:rgb(25, 189, 47);
        overflow-y: auto;  /* Enable or Disable horizontal scroll */
        overflow-x:hidden;
        transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
            
    }

    .faq-header-logo-div-class {
        display:block;
        width:50px;
        height:15px;
        margin-left:5px;
        margin-top:5px;
        
    }

    .faq-control-title-class {
        background:none;
        font-size:16px;
        margin:0;
        padding:0;
        margin-left:10px;
        margin-top:20px;

    }

    /* Position the close button (top right corner) */
    .faq-control-overlay-class .closeFAQControlbtn {
        position: absolute;
        display:block;
        color:black;
        top: -5px;
        right: 5px;
        font-size: 25px;
        text-decoration:none;
    }


    .faq-menu-full-class {
        position: relative;
        display:block;
        height:25px;
        width: 100%;
        margin:0px;
        padding:0px;
        margin-top:40px;
    }

	/*FAQ Accordions*/
	#faq-accordion-box-id {
		display:inline-block;
		position:relative;
		width:96%;
		/*height:auto;*/
		margin:0px;
		padding:0px;
		padding-top:4px;
		padding-bottom:0px;		
		background:none;
		z-index: 20; /* Sit on top */
		border: 0px solid lightgrey;
		overflow: auto;  /* Enable or Disable horizontal scroll */
	}

	/*button class*/
	.faq-accordion-button-class {
		width:90%;
		border: 0px solid lightgrey;
		font-size:12px;
		margin:0px;
		padding:0px;
		
		margin-left:10px;
		margin-bottom:6px;
		border-radius:15px;
		background-color:rgb(230,227,153);

        text-transform:none;
        letter-spacing:.1rem;
        white-space:normal;
        line-height:normal;
        

	}
	
	button.faq-accordion-button-class:before {
		content: '\f055';
		font-family: "fontawesome";
		font-size: 12px;
		padding:0;
		margin:0;
		margin-left:6px;
		margin-top:3px;
		margin-right: 3px;
		float:left;
	}

	button.faq-accordion-button-class.is-open:before {
		content: '\f056';
	}
 
	button.faq-accordion-button-class:hover, button.faq-accordion-button-class.is-open {
		background-color: rgb(238,238,214);
	}	

	.faq-accordion-content-class {
		width: 98%;
		font-size:14px;
        color: black;
		font-weight:normal;
		margin:0px;
		padding:0px;
		background-color: rgb(238,238,214);
		border-style:solid;
		border-width:0px;
		border-color: rgb(230,227,153);
		margin-left:10px;
		margin-bottom:10px;
		max-height: 0px;
		overflow: scroll;
		transition: max-height 0.1s ease-in-out;
	}

	.customclass-dummy-lessons-accordion-content-class {
		min-height:20px;
	}



/* TOS Overlay */
.tos-control-overlay-class {
    position:fixed;
	display:block;
    left: 0;
    top: 0;
	font-size:12px;
	margin-left: 8%;
    margin-top: 130px;
    height: 200px;
    width: 0px;
	max-width:750px;;
    z-index: 5; /* Sit on top */
    background-color: rgb(248, 247, 247);
	border-style:solid;
	border-width:0px;
	border-radius:5px;
	border-color:rgb(25, 189, 47);
    overflow-y: auto;  /* Enable or Disable horizontal scroll */
    overflow-x:hidden;
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
		
}

.tos-header-logo-div-class {
    display:block;
    width:50px;
    height:15px;
    margin-left:5px;
    margin-top:5px;
    
}

.tos-control-title-class {
    background:none;
    font-size:16px;
    margin:0;
    padding:0;
    margin-left:10px;
    margin-top:20px;

}

/* Position the close button (top right corner) */
.tos-control-overlay-class .closeTOSControlbtn {
    position: absolute;
	display:block;
	color:black;
    top: -5px;
    right: 5px;
    font-size: 25px;
	text-decoration:none;
}


.tos-menu-full-class {
    position: relative;
	display:block;
	height:25px;
    width: 100%;
	margin:0px;
	padding:0px;
    margin-top:40px;
}

.tos-main-body-class {
    margin-left:10px;
}
