.my-no-bg{
	background-color: transparent !important;
}
.table-striped > tbody > tr:nth-child(2n+2) > td, .table-striped > tbody > tr:nth-child(2n+2) > th {
	background-color: #eff5fb;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: white;
}

.btn-bg-blue { background-color: #1da1f2; border: 1px solid #007bff; color: white; }
.btn-bg-blue:hover, .btn-bg-blue:focus, .btn-bg-blue.active { background-color: #006fe6; border: 1px solid #006fe6; color: #ffffff !important; }

.my-table-font > tbody > tr > td {
	font-size: 14px;
}
.my-form-font label, .my-form-font input, .my-form-font textarea {
	font-size: 14px;
}
.my-big-font p, .my-big-font code, .my-big-font label {
	font-size: 15px;
}
.note-font2{
	padding: 10px 30px; 
	line-height: 35px;
}
.note-font p, .note-font code, .note-font li, .note-font td {
	font-size: 16px;
}
.note-font p, .note-font ul, .note-font table, .note-font img {
	margin-bottom: 20px;
}

.form-content-bold input, .form-content-bold textarea, .form-content-bold select option {
	font-weight: bold;
}

.my-login-form-font input, .my-login-form-font textarea, .my-login-form-font select {
	font-size: 14px;
}
.my-login-form-font i {
	font-size: 16px;
}

/*-------------------------
	FOR REPORT CARD
--------------------------*/

.my-table2 th, .my-table2 td {
	border: 1px solid black;
	border-right: none;
	border-bottom: none;
}
.my-table2 th:last-child, .my-table2 td:last-child {
	border-right: 1px solid black;
}
.my-table2 tr:last-child > td {
	border-bottom: 1px solid black;
}


.my-table td {
	border: 1px solid black;
	border-right: none;
	border-bottom: none;
}
.my-table th {
	border: 1px solid black;
	height: 80px;
	text-align: center;
	color: #1f3e7c;
	border-right: none;
	border-bottom: none;
}
.my-table th:last-child, .my-table td:last-child {
	border-right: 1px solid black;
}
.my-table tr:last-child > td {
	border-bottom: 1px solid black;
}

.cbt-card p, .cbt-card label {
	font-size: 16px;
}
.cbt-school-heading {
	color: #0033cc;
	font-family: 'Arial Black';
}



#clockdiv{
	font-family: sans-serif;
	color: #fff;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
	width: 100px;
	position: absolute;
	left: 50%;
	margin-left: -50px;
}

#clockdiv > div{
	padding: 10px;
	border-radius: 3px;
	background: #00BF96;
	display: inline-block;
}

#clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: #00816A;
	display: inline-block;
}

.my-image-container {
	position: relative;
	width: 250px;
	height: 180px;
	margin-bottom: 20px; 
	cursor: pointer;
}
.my-image-container img {
	display: block;
	width: 100%;
	height: 100%;
}
.my-image-container .overlay {
	position: absolute; 
	bottom: 0;
	left: 0;
	color: white;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	padding: 5px 10px;
}
.my-image-container .overlay p {
	font-size: 14px;
	margin-bottom: 0px;
	text-align: center;
}



.no-padding td{
	paddinG: 2px 10px 2px 10px;
}
			
			
div.vertical
{
	margin-left: -90px;
	margin-top: 20px;
	position: absolute;
	width: 215px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); /* Safari/Chrome */
	-moz-transform: rotate(-90deg); /* Firefox */
	-o-transform: rotate(-90deg); /* Opera */
	-ms-transform: rotate(-90deg); /* IE 9 */
}

th.vertical
{
	height: 220px;
	line-height: 14px;
	padding-bottom: 20px;
	text-align: center;
}

.my-badge{
	color: white; 
	width: 100%; 
	text-align: left; 
	padding:5px 5px;
	margin-bottom: 5px;
	border-radius: 3px;
}

.my-table-class{
	table-layout: fixed;
	width: 100%;
}

.my-table-class tr{
	word-wrap: break-word;
}

@font-face {
	font-family: handwritingFont;
	src: url(../fonts/madscrwl.ttf);
}
@font-face {
	font-family: typewriterFont;
	src: url(../fonts/rm_typerighter_medium.ttf);
}
@font-face {
	font-family: pageHeadFont;
	src: url(../fonts/Comfortaa-VariableFont_wght.ttf);
}
@font-face {
	font-family: pageHeadFont2;
	src: url(../fonts/ZillaSlab-Regular.ttf);
}
@font-face {
	font-family: AgencyFB;
	src: url(../fonts/AgencyFB.otf);
}
@font-face {
	font-family: brillion;
	src: url(../fonts/Brillion.otf);
}
@font-face {
	font-family: coconut-cookies;
	src: url(../fonts/Coconut-Cookies.ttf);
}
@font-face {
	font-family: love-roulette;
	src: url(../fonts/Love-Roulette.otf);
}
@font-face {
	font-family: cartoon-hand;
	src: url(../fonts/SFCartoonistHand.ttf);
}
@font-face {
	font-family: mathilde;
	src: url(../fonts/mathilde.otf);
}
.handwriting{
	font-family: handwritingFont;
	font-size: 20px;
	font-weight: 500;
}

.my-page-heading {
	font-family: pageHeadFont;
	font-size: 35px;
}
.my-page-heading2 {
	font-family: pageHeadFont2;
	font-size: 35px;
}
.my-page-heading-hr {
	border-top: 1px dashed #424242;
	margin-bottom: 20px;
	margin-top: 0px;
}
.my-text-purple {
	color: #BF55EC;
}
.my-text-blue {
	color: #045FB4;
}
.my-text-green {
	color: #3ADF00;
	/*color: #31B404;*/
}
.my-text-twitter {
	color: #1da1f2;
}
.my-text-orange {
	color: #FF8000;
}
.my-text-theme {
	color: #ef4153;
}
.my-text-teal {
	color: #008081;
}
.my-bg-green{
	background-color: #3ADF00;
}
.my-bg-instagram {
	background-color: #fb3958;
}

.transcript-label label {
	font-size: 15px;
}


.btn-twitter2 { background-color: #1da1f2; border: 1px solid #1da1f2; }
.btn-twitter2:hover, .btn-twitter2:focus, .btn-twitter2.active { background-color: #1da1f2; border: 1px solid #1da1f2; color: #ffffff !important; }




/*-------------------------
	Inline help tip
--------------------------*/


.help-tip{
	text-align: center;
	background-color: #BCDBEA;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 26px;
	cursor: default;
}

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#fff;
}


.application-instruction {
	font-size: 16px;
}
.my-top-success {
	border-top: 3px solid #2dce89;
}
.my-left-success {
	border-left: 3px solid #2dce89;
}
.my-top-primary {
	border-top: 3px solid #428bca;
}
.my-left-primary {
	border-left: 3px solid #428bca;
}
.my-top-danger {
	border-top: 3px solid #ef4153;
}
.my-left-danger {
	border-left: 3px solid #ef4153;
}
.my-top-warning {
	border-top: 3px solid #fb6340;
}
.my-left-warning {
	border-left: 3px solid #fb6340;
}
.my-top-info {
	border-top: 3px solid #11cdef;
}
.my-top-purple {
	border-top: 3px solid #BF55EC;
}
.my-top-pink {
	border-top: 3px solid #f76397;
}
.my-left-pink {
	border-left: 3px solid #f76397;
}
.my-top-navy {
	border-top: 3px solid #000080;
}
.my-top-yellow {
	border-top: 3px solid #F7CA18;
}
.my-top-blue {
	border-top: 3px solid #19B5FE;
}
.my-left-blue {
	border-left: 3px solid #19B5FE;
}
.my-left-blue2 {
	border-left: 3px solid #3b579d;
}
.my-top-teal {
	border-top: 3px solid #008081;
}
.my-left-teal {
	border-left: 3px solid #008081;
}

.icn-spinner {
	animation: spin-animation 0.5s infinite;
	display: inline-block;
}

@keyframes spin-animation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}